body {
margin: 0;
padding: 0;
text-align: center;
font-family: Arial, Verdana, Geneva, Georgia, sans-serif;
font-size: 100.01%;
font-weight: normal;
color: #000;
text-decoration: none;
background: #fff;
background: #fff url('../static_html/images/officeshop-body-bg1.jpg') no-repeat bottom center;
background: #8ecaff url('../static_html/images/officeshop-body-bg2.jpg') no-repeat bottom center fixed;
/*
background: #680003 url('../static_html/images/christmas-wallpaper-i.jpg') no-repeat bottom center fixed;
*/
}
h1 {
}
h2 {
}
h3 {
}
p {
}
#container {
margin: 0 auto;
padding: 0 5px;
text-align: center;
width: 982px;
background: #fff;
}
#header {
margin: 0;
padding: 0;
background: #fff;
height: 80px;
}
#logo {
float: left;
width: 300px;
text-align: left;
}
#hdr_right {
float: right;
width: 672px;
margin: 0;
padding: 0;
}
#hdr_right div.hdr_box {
float: right;
text-align: center;
width: 60px;
height: 80px;
margin: 0;
margin-left: 0.6em;
padding: 0;
font-size: 0.8em;
}
#basket {
float: right;
width: 170px;
height: 80px;
margin: 0;
margin-left: 0.6em;
padding: 0;
background: #fff url('../static_html/images/basket-bg-80.png') no-repeat bottom right;
}
#basket div {
margin: 0;
padding-top: 35px;
padding-left: 80px;
font-size: 0.7em;
}

#basket p {
text-align: right;
margin: 0;
margin-right: 15px;
padding: 0;
padding-top: 5px;
}
#basket a {
font-size: 0.7em;
font-weight: bold;
color: #fff;
}
#basket div a.total, a.total {
color: green;
font-size: 13px;
}
#banner_wrap {
width: 972px;
height: 32px;
margin: 0;
padding: 0;
background: #5a5ca6 url('../static_html/images/blue-bar.png') no-repeat top left;
}
#banner, #footer_banner {
padding: 0.3em 0.1em;
}
#search_box {
float: right;
text-align: right;
width: 224px;
margin: 0;
margin-right: 0.1em;
padding: 0;
font-size: 0.8em;
}
#search_box form {
display: inline;
margin: 0;
padding: 0;
}
#search_box input2 {
font-size: 0.8em;
border: 0;
padding: 0.2em;
background: #fff;
width: 140px;
float: right;
margin-top: 2px;
}
#search_box input.submit {
width: 22px;
height: 22px;
color: #fff;
background: #d7182e url('../static_html/images/red-go.png') no-repeat center center;
border: 0;
float: right;
}
#banner ul, #footer_banner ul {
text-align: left;
margin: 3px 0 0 15px;
padding: 0;
}
#banner li, #footer_banner li {
display: inline;
}
#banner li a, #footer_banner li a {
font-size: 0.8em;
padding: 0 0.4em;
text-decoration: none;
font-weight: bold;
color: #fff;
border: 0;
border-right: 1px solid #fff;
}

#banner li a {
font-size: 0.7em;
}

#banner li a.last, #footer_banner li a.last {
border: 0;
}
#banner li a:hover, #footer_banner li a:hover {
color: #000;
}
#banner label, #footer_banner label {
color: #fff;
font-size: 0.9em;
}
#welcome {
clear: both;
margin: 0;
padding: 0.2em;
border-bottom: 1px solid #7b7979;
}
#welcome p {
margin: 0;
padding: 0;
color: #7b7979;
}
#welcome span {
color: #ee2722;
}
#welcome strong {
font-weight: bold;
}
#content_container {
margin: 0;
padding: 0;
background: #fff;
}
a {
color: #000;
font-weight: bold;
text-decoration: none;
}
a:hover {
color: #000;
text-decoration: underline;
}
ul {
}
li {
font-size: 0.9em;
}
form {
}
acronym {
font-weight: bold;
border-bottom: 1px solid #000;
cursor: help;
}
img {
border: 0;
}
strong {
font-weight: normal;
}
#right_col_wrap, #left_col_wrap {
float: right;
text-align: center;
width: 145px;
margin: 0;
padding: 0;
}
#left_col_wrap {
float: left;
}
#column, #column2 {
margin: 1.2em 0;
margin-bottom: 0;
padding: 0.6em 0;
padding-top: 0;
text-align: left;
font-size: 0.9em;
color: #000;
}
#column div, #column2 div {
text-align: left;
margin: 0;
padding: 0;
background: #eddbf0;
border: 1px solid #9b359f;
border-top: 0;
margin-bottom: 0.8em;
}
#column div.browse, #column2 div.browse {
background: #eddbf0;
border: 1px solid #e6a8f0;
border-top: 0;
}
#column div.contact {
padding: 0.3em;
background: #d9f2ef;
border: 1px solid #91f2e6;
border-top: 0;
}
#column div.contact p {
color: #03abb4;
color: #028b91;
}
#column div.contact p.contact {
font-size: 0.7em;
}
#column2 div.login {
padding: 0.3em;
background: #bd2231;
border: 1px solid #bd2231;
border-top: 0;
}
#column2 div.login a {
background: #bd2231;
color: #fff;
text-decoration: none;
}
#column2 div.top-ten, #column2 div.tools {
text-align: left;
margin: 0;
margin-bottom: 0.8em;
padding: 0;
background: #d8e3f5;
background: #dce3f8;
border: 1px solid #0082c7;
border-top: 0;
}
#column img, #column2 img {
}
#column h4, #column2 h4 {
font-size: 0.9em;
margin: 0;
padding: 0;
color: #333;
background: #fff;
height: 32px;
}
#column h4.browse {
background: #9d61a6 url('../static_html/images/browse-bg.png') no-repeat top left;
}
#column2 h4.login {
background: #bd2231 url('../static_html/images/login-bg.png') no-repeat top left;
}
#column h4.contact {
background: #03abb4 url('../static_html/images/cust-serv-bar.png') no-repeat left top;
}
#column2 h4.top-ten {
background: #0075bf url('../static_html/images/top-ten-bg.png') no-repeat top left;
}
#column2 h4.tools {
background: #0075bf url('../static_html/images/shopping-tools-bar.png') no-repeat top left;
background: #0082c7 url('../static_html/images/shopping-tools-bar.png') no-repeat top left;
}
#column2 h4.menu {
background: #9d61a6 url('../static_html/images/menu-bar.png') no-repeat top left;
}
#column h4 span, #column2 h4 span {
display: none;
}
#column2 label {
display: none;
color: #fff;
font-size: 0.7em;
padding-right: 0.2em;
}
#column2 form {
display: inline;
margin: 0;
padding: 0;
}
#column2 input {
font-size: 0.8em;
}
#column2 input.user {
width: 130px;
border: 1px solid #333;
}
#column2 input.pass {
width: 100px;
margin-right: 5px;
border: 1px solid #333;
}
#column2 input.submit {
color: #fff;
width: 22px;
height: 22px;
background: #bd2231 url('../static_html/images/blue-go.png') no-repeat center center;
border: 0;
}
#column ul, #column2 ul {
text-align: left;
margin: 0;
padding: 0;
font-size: 0.8em;
list-style: none;
}
#column li, #column2 li {
padding: 0;
margin: 0;
}
#column li a, #column2 li a {
display: block;
margin: 0;
padding: 0.1em 0.4em;
padding-bottom: 0.2em;
color: #555;
text-decoration: none;
background: url('../static_html/images/column-li-a-bg.png') repeat-x bottom left;
}
#column li a.browse, #column2 li a.browse {
background: #eddbf0;
color: #9d61a6;
border: 1px solid #e6a8f0;
border-top: 1px solid #eddbf0;
border-left: 0;
border-right: 0;
}
#column2 li a.top-ten, #column2 li a.tools {
color: #0075bf;
border-style: none none solid none;
border-width: 0px 1px 1px 1px;
background: #d8e3f5;
color: #0082c7;
border-top: 1px solid #007dc9;
border-left: 0;
border-right: 0;
border-right-color: #0082c7;
border-bottom-color: #0082c7;
border-left-color: #0082c7;
}
#column li a:hover, #column2 li a:hover {
color: #333;
background: #f4f4f4 url('../static_html/images/column-li-a-bg.png') repeat-x bottom left;
}
#column li a.browse:hover, #column2 li a.browse:hover {
background: #f4f4f4;
border: 1px solid #e6a8f0;
border-left: 0;
border-right: 0;
}
#column2 li a.top-ten:hover, #column2 li a.tools:hover {
background: #f4f4f4;
border: 1px solid #86afc9;
border-left: 0;
border-right: 0;
}
#column li a#current, #column2 li a#current {
font-weight: bold;
cursor: default;
}
#column p, #column2 p {
margin: 0.2em 0.4em;
color: #cd2026;
font-size: 0.7em;
}
#column a, #column2 a {
color: #03abb4;
color: #028b91;
}
#main_col {
text-align: center;
width: 650px;
margin: 0 auto 0 auto;
padding: 0;
}
#content {
width: 650px;
margin: 0;
margin-top: 1.2em;
padding: 0;
text-align: left;
color: #000;
font-size: 0.8em;
float: left;
}
div.box_wrap, div.banner_box_wrap {
width: 200px;
height: 210px;
margin: 0 8px;
float: left;
text-align: center;
background: #fff url('../static_html/images/office-products-sale-bg.png') no-repeat top center;
}

h3.box {
font-size: 1em;
margin: 0;
padding: 0.3em;
padding-top: 20px;
font-weight: bold;
color: #a00000;
}

div.box {
text-align: center;
margin: 0;
padding: 5px;
font-size: 0.9em;
border: 0;
}

div.box_img {
text-align: center;
margin: 0 auto;
width: 100%;
height: 80px;
}

a.box_img_link {
text-decoration: none; 
display: block; 
height: 78px; 
width: 100%;
}

div.box_img_link_div {
display: block; 
height: 78px; 
width: 100%;
}

div.info_basket_wrap {
float: left; 
width: 90px; 
height: 30px; 
padding: 2px; 
text-align: center;
}

div.info_box {
width: 86px; 
padding: 1px; 
margin-bottom: 1px; 
background: #e0e0e0; 
border: 1px solid #999;
}

a.info_box {
font-size: 0.7em; 
color: #777;
}

form.box_form {
display: inline; 
margin: 0; 
padding: 0;
}

div.price_detail {
float: right; 
width: 86px; 
height: 40px; 
background: #e0e0e0; 
border: 1px solid #999;
text-align: center; 
padding: 5px 2px; 
font-size: 0.8em; 
margin-top: 2px;
margin-right: 1px;
}

a.stock {
color: #333;
}

div.box p {
margin: 0 0.4em;
}

div.box a {
}

input.box_submit {
width: 90px;
height: 22px;
text-align: center;
font-size: 0.75em;
font-weight: bold;
color: #fff;
background: #a00000;
border: 0;
}

h3.box a {
color: #a00000;
text-decoration: none;
}

h3.box a:hover {
color: #333;
text-decoration: underline;
}

#printer_wrap {
text-align: center; 
width: 640px; 
margin: 0 auto;
padding: 0;
font-size: 0.8em;
}

#printer_right {
float: right; 
text-align: left; 
width: 310px; 
height: 360px; 
margin: 0 auto; 
padding: 0;
}

#printer_left {
float: left;
text-align: left; 
width: 310px; 
height: 370px; 
margin: 0; 
padding: 0;
}

h3.printer {
font-size: 1.4em;
font-weight: bold;
color: #fff;
background: #f70000 url('../static_html/images/celebration-red/printer-h3-bg.png') no-repeat top left;
padding: 8px 5px;
padding-bottom: 10px;
}

div.print_row_wrap {
width: 310px;
height: 75px;
border-bottom: 1px solid #ccc;
}

div.print_image {
float: left;
text-align: center;
width: 75px;
height: 65px;
padding: 5px 0;
}

div.print_title {
float: left;
text-align: center;
width: 150px;
height: 60px;
padding: 5px 0;
padding-top: 10px;
}

a.print_title {
color: #555;
}

a.print_title:hover {
color: #333;
}

div.print_buy {
float: left;
text-align: center;
padding: 10px 3px; 
margin: 5px 0;
width: 64px; 
height: 40px;
background: #e0e0e0; 
border: 1px solid #999;
}


#top, #bottom {
text-align: center;
width: 650px;
margin: 0 auto;
padding: 0;
}
#bottom {
width: 513px;
height: 90px;
}
#content_clear {
clear: both;
height: 0;
margin: 0;
padding: 0;
font-size: 0;
}
#footer_wrap {
width: 972px;
height: 32px;
margin: 0;
margin: 0.6em 0;
padding: 0;
background: #fff url('../static_html/images/green-bar-bg.png') no-repeat top left;
}
#footer {
line-height: 18px;
text-align: center;
margin: 0;
padding: 0.3em 0.2em;
font-size: 0.7em;
}
#footer p {
margin: 0;
padding: 0;
}
#footer ul {
list-style-type: none;
margin: 0;
padding: 0;
}
#footer li {
display: inline;
margin: 0;
padding: 0;
}
#footer li a {
margin: 0;
font-size: 0.8em;
padding: 0 0.4em;
color: #fff;
text-decoration: none;
border: 0;
border-right: 1px solid #fff;
}
#footer li a:hover {
color: #000;
}
/* Classes */
div.clear {
clear: both;
margin: 0;
padding: 0;
font-size: 0;
height: 0;
line-height: 0;
}
div.left {
float: left;
width: 65px;
height: 65px;
margin: 0.4em;
margin-right: 0.4em;
}
.small {
font-size: 0.7em;
color: #000;
}
#column div.ad, #column2 div.ad {
text-align: center;
margin: 0;
padding: 0;
color: #333;
background: #fff;
}
span.price {
font-size: 1.2em;
font-weight: bold;
}

span.print_price {
font-size: 0.9em;
font-weight: bold;
}
.input1 {
font-size: 0.8em;
border: 1px solid #C0C0C0;
padding: 0.2em;
background: #fff;
width: 200px;
float: right;
margin-top: 1px;
margin-right: 5px;
}
.style1 {
margin-bottom: 0;
}
.search_text {
color: #FFFFFF;
font-weight: bold;
font-size: 0.8em;
}
#column li a.browse, #column2 li a.browse {
background: #eddbf0;
color: #9d61a6;
border-top: 1px solid #eddbf0;
border-left: 0;
border-right: 0;
border-style: solid;
border-width: 1px 0 0px 0;
border-color: #e6a8f0;
}
#footer_page #footer_btm {
background: #fff;
margin: 1em 0 0 0;
}
#footer_page #footerTop {
border-top: solid 1px #eaeaea;
border-bottom: solid 1px #eaeaea;
padding: .5em 0;
}
#footer_page #footerTop a.footerPrint {
float: right;
background: url('../static_html/images/printer_icon.gif') no-repeat left center;
padding: .2em 2em;
}
#footer_page #footerTop a {
color: #6b6b6b;
margin: 0 .5em;
}
#footer_page #footerTop a.toTop {
float: right;
border: 0;
margin: -0.4em 3.5em 0 0;
padding: 0;
}
#footer_page #footerMain {
background: #f8f8f8 url('../static_html/images/footer_top.gif') repeat-x;
padding: 2em 0 2em 0em;
margin: 1em 0 0 0;
}
#footer_page .clearfix {
display: inline-block;
}
#footer_page #footerMain ul {
float: left;
margin: .5em 1em;
width: 200px;
}
#footer_page ul {
list-style-type: circle;
}
#footer_page ul, ol {
margin: 0 1.5em 1.5em 1.5em;
}
#footer_page #footerMain ul li.footerHeading {
background: url('../static_html/images/footerlistheads.gif') no-repeat center;
font-weight: bold;
text-align: center;
line-height: 3em;
margin: 0;
}
#footer_page #footerMain ul li {
margin: .4em 0 0 1.5em;
list-style: none;
text-align: left;
font-size: small;
}
#footer_page address {
font-style: normal;
margin: -1.5em 0 0 5.85em;
}
#footer_page address {
margin-top: 1.5em;
font-style: italic;
}
#footer_page #copyright {
background: url('../static_html/images/footer_base.gif') no-repeat;
padding: .4em 0;
}
#footer_page #copyright {
background: url('../static_html/images/footer_base.gif') no-repeat;
padding: .4em 0;
}
#footer_page #copyright {
background: #3b3b3b url('../static_html/images/copy_mid.gif') repeat-x 0 center;
color: #ffffff;
text-align: center;
}
#footer_page #footerLogos {
margin: .5em 0;
float: right;
}
#footer_page #footerLogos a img {
border: solid 1px #eaeaea;
margin-left: .3em;
}
#footer_page .footerStyle {
border-style: none;
border-color: inherit;
border-width: 0;
margin: 0;
padding: 0;
width: 100%;
}
.footerStylecopy {
color: #FFFFFF;
font-weight: bold;
font-size: small;
}
#footer_page {
float: left;
width: 100%;
border-top-color: #3A3C95;
border-top-width: 2px;
border-top-style: solid;
}
.footerStyletext {
clear: both;
font-size: small;
font-weight: bold;
color: #333;
}

div.intro {
text-align: center;
margin: 0 auto;
}