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;
height: 105px;
}
#header div.free {
float: left;
text-align: left;
width: 300px;
height: 100px;
margin: 0;
padding: 0;
padding-top: 5px;
}
#header img {
margin: 0;
padding: 0;
}
#header a {
color: #000;
font-weight: bold;
text-decoration: none;
}
#header a:hover {
color: #ff6600;
}
#banner {
margin: 0;
padding: 0.6em;
background: #ff6600 url('../static_html/images/banner-bg.png') repeat-x top left;
border: 1px solid #9a3e00;
border-bottom: 1px solid #552200;
}
#search_box {
float: left;
width: 300px;
margin: 0;
padding: 0;
}
#search_box form {
display: inline;
}
#search_box input {
font-size: 0.7em;
padding: 0.2em;
}
#search_box input.submit, input.submit {
color: #fff;
border: 1px solid #9a3e00;
padding: 0.1em 0.2em;
background: #ff6600 url('../static_html/images/banner-bg.png') top left repeat-x;
}
#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: #ff6600;
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;
}
#navbg {
clear: both;
background: #fff;
height: 26px;
}
#nav {
float: left;
font-size: 93%;
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/tableftB4.gif') no-repeat left top;
margin: 0;
padding: 0 0 0 4px;
text-decoration: none;
}
#nav a.green {
background: url('../static_html/images/tableftB5.gif') no-repeat left top;
}
#nav a span, #nav a span.green {
float: left;
display: block;
background: url('../static_html/images/tabrightB4.gif') no-repeat right top;
padding: 5px 15px 4px 6px;
color: #fff;
}
#nav a span.green {
background: url('../static_html/images/tabrightB5.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 {
text-decoration: underline;
}
#nav a:hover {
background-position: 0% -42px;
}
#nav a:hover span {
background-position: 100% -42px;
}
#nav .current a {
background-position: 0% -42px;
}
#nav .current a span {
background-position: 100% -42px;
}
#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, #column2 {
margin: 1.2em 0;
margin-bottom: 0;
padding: 0.6em 0;
padding-top: 0;
text-align: left;
font-size: 0.9em;
color: #291000;
}
#column div, column2 div {
text-align: left;
margin: 0;
padding: 0;
background: #f7fbfa;
border-left: 1px solid #fff4ed;
border-right: 1px solid #fff4ed;
}

#column div.ad, #column2 div.ad {
border: 0;
text-align: center;
}

#column img, #column2 img {
margin-bottom: 0.6em;
}
#column h4, #column2 h4 {
font-size: 0.9em;
margin: 0;
padding: 0.2em 0.3em;
font-weight: normal;
color: #fff;
background: #000 url('../static_html/images/column-h4-bg.png') no-repeat top left;
}
#column div.bottom, #column2 div.bottom {
background: #f7fbfa url('../static_html/images/column-div-bottom-bg.png') no-repeat bottom left;
height: 7px;
margin-bottom: 0.6em;
border: 0;
}
#column ul, #column2 ul {
text-align: left;
margin: 0;
padding: 0;
font-size: 0.8em;
list-style: none;
}
#column li, #column2 li {
list-style-type: none;
padding: 0;
margin: 0;
}
#column li a, #column2 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, #column2 li a:hover {
color: #000;
background: #fff4ed url('../static_html/images/column-li-a-bg.png') repeat-x bottom left;
}
#column li a#current, #column2 li a#current {
font-weight: bold;
cursor: default;
}
#column p, #column2 p {
margin: 0.2em 0.4em;
color: #ff6600;
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 #ff6600;
color: #333;
}
#column input.submit, #column2 input.submit {
border: 1px solid #333;
background: #ff6600;
color: #fff;
}
#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: #ff6600;
}
#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: #f7fbfa;
border: 1px solid #fff4ed;
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: #ff6600 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 #9a3e00;
border-bottom: 1px solid #552200;
font-weight: bold;

}
a.white {
color: #fff;
font-weight: bold;
font-size: 0.85em;
text-decoration: none;
}
span.pink {
color: #ff6600;
}
span.price {
font-size: 1.1em;
color: #ff6600;
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: #f7fbfa url('../static_html/images/special-a4-bg.png') no-repeat bottom left;
margin-bottom: 0;
}
div.special_lever_wrap {
background: #f7fbfa 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: #f7fbfa;
border-left: 1px solid #fff4ed;
border-right: 1px solid #fff4ed;
}
div.special_wide {
text-align: left;
padding: 0.4em;
background: transparent;
border: 0;
}
img.special {
margin: 0.4em auto;
border: 1px solid #fff4ed;
}
div.special p {
margin: 0.2em 0.4em;
}
div.special a {
}
div.special_bottom {
margin: 0;
padding: 0;
background: #f7fbfa 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: #ff6600 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/special-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 {
clear: both;
text-align: center;
margin-bottom: 0.4em;
}
form.box {
display: inline;
margin: 0;
padding: 0;
}
input.submit {
color: #fff;
border: 1px solid #9a3e00;
padding: 0.1em 0.2em;
background: #ff6600 url('../static_html/images/banner-bg.png') top left repeat-x;
}