body {
margin: 0;
padding: 0;
text-align: center;
font-family: Arial, Verdana, Geneva, Georgia, sans-serif;
font-size: 100.01%;
font-weight: normal;
color: #333;
text-decoration: none;
background: #fff;
}
h1 {
}
h2 {
}
h3 {
}
p {
}
#container {
margin: 0 auto;
padding: 0;
text-align: center;
width: 972px;
}

#header {
margin: 0;
padding: 0;
text-align: right;
background: transparent url('../static_html/images/header-bg3.png') no-repeat top left;
width: 972px;
height: 140px;
}

#hot_links {
margin: 0;
margin-left: 370px;
padding: 0;
width: 300px;
text-align: left;
padding-top: 40px;
}

#hot_links ul {
margin: 0;
padding: 0;
}

#hot_links li {
margin: 0;
padding: 0;
list-style: none;
line-height: 20px;
}

#hot_links li a {
color: #333;
font-size: 0.8em;
margin: 1px 0;
padding: 0.2em;
padding-left: 28px;
color: #333;
background: transparent url('../static_html/images/hot-link-pink.png') no-repeat center left;
}

#hot_links li a.orange {
background: transparent url('../static_html/images/hot-link-orange.png') no-repeat center left;
}

#hot_links li a.blue {
background: transparent url('../static_html/images/hot-link-blue.png') no-repeat center left;
}

#hot_links li a:hover {
color: #d72692;
}

#hot_links li a.orange:hover {
color: #f78d1f;
}

#hot_links li a.blue:hover {
color: #3099d3;
}

#search_box {
float: right;
text-align: right;
margin: 0;
padding: 0;
padding-right: 10px;
padding-top: 64px;
font-size: 0.8em;
width: 290px;
}

#search_box form {
display: inline;
margin: 0;
padding: 0;
}

#search_box label {
font-size: 1.2em;
font-weight: bold;
color: #333;
}

#search_box input {
font-size: 0.9em;
padding: 0.2em;
background: #fff;
width: 180px;
border: 1px solid #d2d2d2;
}

#search_box input.submit {
padding: 0.2em;
width: 40px;
background: #333 url('../static_html/images/search-submit-bg.png') repeat-x top left;
color: #fff;
border: 1px solid #fff;
font-size: 0.8em;
font-weight: bold;
}

#navbg {
clear: both;
background: #fff;
height: 24px;
border: 0;
border-bottom: 8px solid #ffd200;
}

#nav {
float: left;
font-size: 88%;
line-height: normal;
}

#nav ul {
margin: 0;
padding: 10px 10px 0 0;
padding-top: 1px;
list-style: none;
text-align: center;
}

#nav li { 
display: inline; 
margin: 0; 
padding: 0;
}

#nav a, #nav a.green {
float: left;
background: url('../static_html/images/tab-left-orange-grey.gif') no-repeat left top;
margin: 0;
padding: 0 0 0 4px;
text-decoration:none;
}

#nav a.green {
background: url('../static_html/images/tab-left-green-grey.gif') no-repeat left top;
}

#nav a.red {
background: url('../static_html/images/tab-left-grey-orange.gif') no-repeat left top;
}

#nav a span, #nav a span.green {
float: left;
display: block;
background: url('../static_html/images/tab-right-orange-grey.gif') no-repeat right top;
padding: 5px 15px 4px 6px;
color: #fff;
}

#nav a span.green {
background: url('../static_html/images/tab-right-green-grey.gif') no-repeat right top;
}

#nav a span.red {
color: #333;
background: url('../static_html/images/tab-right-grey-orange.gif') no-repeat right top;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#nav a span {
float: none;
}
/* End IE5-Mac hack */

#nav a:hover span {
color: #333;
text-decoration: underline;
background-position: 100% -42px;
}

#nav a:hover span.red, #nav a:hover span.green {
color: #fff;
}

#nav a:hover {
background-position: 0% -42px;
}

#banner {
margin: 0;
padding: 0;
padding: 0.6em;
background: #005cc4 url('../static_html/images/banner-bg.png') repeat-x top left;
border: 1px solid #006ae1;
border-bottom: 1px solid #003877;
}
#banner ul {
margin: 0;
padding: 0;
}
#banner li {
display: inline;
}
#banner li a {
font-size: 0.8em;
padding: 0.2em 0.4em;
text-decoration: none;
font-weight: bold;
color: #fff;
}
#banner li a:hover {
color: #000;
}
#banner label {
color: #fff;
font-size: 0.9em;
}
a {
color: #de0000;
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 #333;
cursor: help;
}
img {
border: 0;
}
strong {
font-weight: normal;
}
#content_container {
margin: 0;
padding: 0;
background: #fff;
}
#right_col_wrap, #left_col_wrap {
float: right;
text-align: center;
width: 145px;
margin: 0;
padding: 0;
}
#left_col_wrap {
float: left;
}
#column {
margin: 1.2em 0;
margin-bottom: 0;
padding: 0.6em 0;
padding-top: 0;
text-align: left;
font-size: 0.9em;
color: #070708;
}
#column div {
text-align: left;
margin: 0;
padding: 0;
background: #ececec;
border-left: 1px solid #d4d4d4;
border-right: 1px solid #d4d4d4;
}
#column img {
margin-bottom: 0.6em;
}
#column h4 {
font-size: 0.9em;
margin: 0;
padding: 0.2em 0.3em;
font-weight: normal;
color: #fff;
background: #4c4d4d url('../static_html/images/column-h4-bg.png') no-repeat top left;
}
#column div.bottom {
background: #ececec url('../static_html/images/column-div-bottom-bg.png') no-repeat bottom left;
height: 7px;
margin-bottom: 0.6em;
border: 0;
}
#column ul {
text-align: left;
margin: 0;
padding: 0;
font-size: 0.8em;
list-style: none;
}
#column li {
list-style-type: none;
padding: 0;
margin: 0;
}
#column li a {
display: block;
margin: 0;
padding: 0.2em;
color: #333;
text-decoration: none;
background: #fff url('../static_html/images/column-li-a-bg.png') repeat-x bottom left;
}
#column li a:hover {
color: #000;
background: #d4d4d4 url('../static_html/images/column-li-a-bg.png') repeat-x bottom left;
}
#column li a#current {
font-weight: bold;
cursor: default;
}
#column p, #column2 p {
margin: 0.2em 0.4em;
color: #de0000;
font-size: 0.7em;
}
#column form, #column2 form {
text-align: center;
font-size: 0.8em;
}
#column input, #column2 input {
width: 115px;
font-size: 0.8em;
border: 1px solid #d4d4d4;
color: #333;
}
#column input.submit, #column2 input.submit {
border: 0;
background: #ececec;
color: #de0000;
}
#column a, #column2 a {
background: #fff;
}
#main_col {
margin: 0 auto 0 auto;
width: 650px;
padding: 0;
}
#main_home {
margin: 0 auto 0 auto;
width: 660px;
padding: 0;
}
#content {
margin: 20px auto 0 auto;
margin: 0;
margin-top: 10px;
text-align: left;
color: #333;
width: 100%;
font-family: Arial, Helvetica, sans-serifArial, Verdana, Geneva, Georgia, sans-serif;
font-size: 0.75em;
float: left;
}
#image_links {
text-align: center;
margin: 1.2em auto;
margin-top: 75px;
padding: 0;
}
#image_links ul {
margin: 0;
padding: 0;
}
#image_links li {
display: inline;
}
#image_links li a {
width: 100px;
padding: 0 1.2em;
padding-top: 70px;
font-size: 0.9em;
color: #000;
font-weight: bold;
text-decoration: none;
}
#image_links li a.office-supplies {
background: #fff url('../static_html/images/office-supplies.png') no-repeat top center;
}
#image_links li a.inks-toners {
background: #fff url('../static_html/images/inks-and-toners.png') no-repeat top center;
}
#image_links li a.business-machines {
background: #fff url('../static_html/images/business-machines.png') no-repeat top center;
}
#image_links li a.office-furniture {
background: #fff url('../static_html/images/office-furniture.png') no-repeat top center;
}
#image_links li a.janitorial-cleaning {
background: #fff url('../static_html/images/janitorial-cleaning.png') no-repeat top center;
}
#image_links li a:hover {
color: #de0000;
}
#content_clear {
clear: both;
height: 0;
margin: 0;
padding: 0;
font-size: 0;
}
#footer {
text-align: center;
margin-top: 0;
margin: 0.6em 0;
padding: 0.5em 0;
font-size: 0.7em;
background: #ececec;
border: 1px solid #d4d4d4;
float: left;
width: 100%;
}
#footer ul {
list-style-type: none;
margin: 0;
padding: 0;
}
#footer li {
display: inline;
margin: 0;
padding: 0;
}
#footer li a {
margin: 0;
padding: 0.1em 0.2em;
color: #555;
text-decoration: none;
}
#footer li a:hover {
color: #333;
}
/* 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;
}
h2.intro {
font-size: 1.4em;
text-align: center;
margin: 0.6em 0;
margin-top: 0;
padding: 0;
}
p.pink-bg {
text-align: center;
color: #fff;
background: #de0000 url('../static_html/images/banner2-bg.png') repeat-x top left;
margin-top: 0;
margin-bottom: 10px;
padding: 0.6em 0.4em;
border: 1px solid #fd4afe;
border-bottom: 1px solid #0e1111;
font-weight: bold;

}
a.white {
color: #fff;
font-weight: bold;
font-size: 0.85em;
text-decoration: none;
}
span.pink {
color: #de0000;
}
span.price {
font-size: 1.1em;
color: #de0000;
font-weight: bold;
}
span.small {
font-size: 0.7em;
color: #333;
}
input.price {
}
div.special_wrap, div.special_a4_wrap, div.special_lever_wrap {
width: 200px;
margin: 0 8px;
float: left;
text-align: center;
}
div.special_a4_wrap, div.special_lever_wrap {
width: 310px;
height: 240px;
}
div.special_a4_wrap {
background: #ececec url('../static_html/images/special-a4-bg.png') no-repeat bottom left;
margin-bottom: 0;
}
div.special_lever_wrap {
background: #ececec url('../static_html/images/special-lever-bg.png') no-repeat bottom left;
margin-bottom: 0;
}
h3.special, h3.special_wide {
text-align: center;
font-size: 1em;
margin: 0;
padding: 0.2em 0.3em;
font-weight: bold;
color: #000;
background: #adbbbc url('../static_html/images/special-h3-bg.png') no-repeat top left;
}
h3.special_wide {
background: #adbbbc url('../static_html/images/special-h3-310-bg.png') no-repeat top left;
}
div.special, div.special_wide {
text-align: center;
margin: 0;
padding: 0;
background: #ececec;
border-left: 1px solid #d4d4d4;
border-right: 1px solid #d4d4d4;
}
div.special_wide {
text-align: left;
padding: 0.4em;
background: transparent;
border: 0;
}
img.special {
margin: 0.4em auto;
border: 1px solid #d4d4d4;
}
div.special p {
margin: 0.2em 0.4em;
}
div.special a {
}
div.special_bottom {
margin: 0;
padding: 0;
background: #ececec url('../static_html/images/special-bottom-bg.png') no-repeat bottom left;
height: 7px;
border: 0;
}
input.box {
font-size: 0.8em;
color: #fff;
font-weight: bold;
background: #000;
padding: 0.2em;
border: 0;
}
div.box_wrap {
width: 200px;
margin: 0 9px;
float: left;
text-align: center;
}
h3.box, h3.box2 {
font-size: 1em;
margin: 0;
padding: 0.2em 0.3em;
font-weight: bold;
color: #333;
background: #adbbbc url('../static_html/images/special-h3-bg.png') no-repeat top left;
border-bottom: 1px solid #dddee2;
}
h3.box2 {
color: #000;
background: #ffde00 url('../static_html/images/box2-h3-bg.png') repeat-x top left;
background: #cd2026 url('../static_html/images/box-h3-bg.png') repeat-x top left;
}
div.box {
text-align: left;
margin: 0;
padding: 0;
padding-top: 0.2em;
background: #fff;
font-size: 0.9em;
border: 1px solid #dddee2;
border-bottom: 0;
border-top: 0;
}
div.box p {
margin: 0;
padding: 0;
}
div.box_img {
float: left;
width: 80px;
height: 80px;
margin-right: 5px;
}
img.box {
margin: 0 auto;
border: 1px solid #dddee2;
width: 78px;
height: 78px;
}
img.box_group {
width: 180px;
height: 100px;
}
div.box p {
text-align: left;
padding: 0 0.2em;
font-weight: bold;
}
div.box_bottom {
margin: 0;
padding: 0;
background: #fff url('../static_html/images/box-bottom-bg.png') no-repeat bottom left;
height: 7px;
border: 0;
}
h3.box a {
color: #333;
text-decoration: none;
}
h3.box a:hover {
color: #000;
text-decoration: underline;
}
ul.box {
margin: 0;
padding: 0;
text-align: left;
background: transparent;
}
li.box {
margin: 0;
padding: 0;
list-style-type: none;
}
a.box {
display: block;
padding: 0.2em;
line-height: 1.4em;
font-size: 1.1em;
color: #333;
text-decoration: none;
font-weight: bold;
}
a.box:hover {
color: #000;
background: #f4f4f4 url('../static_html/images/column-li-a-bg.png') repeat-x bottom left;
}
div.boxform {
float: right;
width: 60px;
}
form.box {
display: inline;
margin: 0;
padding: 0;
}

div.box1, div.box2 {
float: left;
width: 320px;
height: 376px;
margin: 0;
padding: 0;
text-align: center;
}

div.box2 {
float: right;
}