﻿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: 955px;
}

#header {
margin: 0;
padding: 0;
text-align: left;
background: #fff url('../static_html/images/sales-hotline-new2.png') no-repeat bottom right;
margin-right: 12px;
height: 150px;
}

#top_nav {
float: right;
text-align: center;
width: 500px;
margin: 0;
margin-right: 0.6em;
padding: 8px 0;
font-size: 0.8em;
font-weight: bold;
background: #fff url('../static_html/images/top-nav-bg2.png') no-repeat left bottom;
}

#top_nav ul {
margin: 0;
padding: 0;
}

#top_nav li {
display: inline;
}

#top_nav li a {
color: #f4f4f4;
font-weight: bold;
border: 0;
border-right: 1px solid #e77474;
padding: 0.2em 0.3em;
}

#top_nav li a.last {
border: 0;
}

#top_nav li a:hover {
color: #fff;
}

#protx {
float: left;
width: 119px;
height: 73px;
margin: 0;
margin-left: 15px;
padding: 0;
padding-top: 50px;
}

#quick_links {
float: left;
text-align: center;
width: 220px;
margin: 0;
margin-left: 0.8em;
padding: 0;
padding-top: 55px;
padding-left: 20px;
}

#quick_links ul {
text-align: left;
margin: 0;
padding: 0;
list-style-type: none;
}

#quick_links li {
margin: 0;
padding: 0;
}

#quick_links li a {
font-size: 0.9em;
padding: 0.2em 0.3em;
padding-left: 16px;
color: #cd1e11;
font-weight: bold;
background: #fff url('../static_html/images/arrow-black.png') no-repeat center left;
}

#quick_links li a:hover {
color: #333;
}

#banner { 
margin: 0;
padding: 0;
padding: 0.6em;
background: #cd1e11 url('../static_html/images/banner-bg2.png') top left no-repeat;
}

#banner label {
color: #fff;
font-size: 0.7em;
font-weight: bold;
}

#banner ul {
text-align: right;
margin: 0;
padding: 0;
}

#banner li {
display: inline;
color: #fff;
font-weight: bold;
font-size: 0.8em;
margin-left: 0.4em;
}

#banner li a {
margin: 0;
font-size: 1em;
padding: 0.2em 0.4em;
text-decoration: none;
font-weight: bold;
color: #ededed;
}

#banner li a:hover {
color: #fff;
text-decoration: underline;
}

#logo {
float: left;
width: 180px;
height: 110px;
margin: 0;
margin-left: 10px;
padding: 0;
padding-top: 30px;
}

#logo a {
margin: 0;
padding: 0;
border: 0;
}

#logo img {
width: 180px;
height: 110px;
border: 0;
}

#search_box {
float: left;
width: 400px;
margin: 0;
padding: 0;
}

#search_box form {
display: inline;
}

#search_box input {
font-size: 0.7em;
border: 1px solid #f8e3e3;
padding: 0.2em;
}

#search_box input.submit, input.submit {
color: #fff;
border: 1px solid #f8e3e3;
padding: 0.1em 0.2em;
background: #cd1e11 url('../static_html/images/search-submit-bg.png') top left repeat-x; 
}

a {
color: #cd1e11;
font-weight: bold;
text-decoration: none;
}

a:hover {
color: #333;
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: right;
font-size: 93%;
line-height: normal;
}

#nav ul {
margin: 0;
padding: 0;
padding-top: 1px;
margin-right: 12px;
list-style: none;
text-align: center;
}

#nav li { 
display: inline; 
margin: 0; 
padding: 0;
}

#nav a {
float: left;
background: url('../static_html/images/tableftB4.gif') no-repeat left top;
margin: 0;
padding: 0 0 0 4px;
text-decoration:none;
color: #000;
}

#nav a span {
float: left;
display: block;
background: url('../static_html/images/tabrightB4.gif') no-repeat right top;
padding: 5px 15px 4px 6px;
color: #000;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#nav a span {
float: none;
}
/* End IE5-Mac hack */

#nav a:hover span {
color: #fff;
text-decoration: underline;
}

#nav a:hover {
color: #fff;
background-position: 0% -42px;
}

#nav a:hover span {
color: #fff;
background-position: 100% -42px;
}

#nav .current a {
color: #fff;
background-position: 0% -42px;
}

#nav .current a span {
color: #fff;
background-position: 100% -42px; 
}

#right_col_wrap, #left_col_wrap {
float: right;
text-align: center;
width: 135px;
margin: 0;
padding: 0;
}

#left_col_wrap {
float: left;
}

#column, #column2 {
margin: 0;
margin-top: 0.6em;
margin-bottom: 0;
padding: 0.6em 0;
padding-top: 0;
text-align: left;
font-size: 0.9em;
color: #555;
}

#column div, #column2 div {
text-align: left;
margin: 0;
padding: 0;
background: #f4f4f4;
border: 0;
border-left: 1px solid #f4f4f4;
border-right: 1px solid #f4f4f4;
}

#column img, #column2 img {
border: 0;
}

#column h4, #column2 h4 {
font-size: 0.9em;
margin: 0;
padding: 0.2em 0.3em;
color: #fff;
background: #000 url('../static_html/images/column-h4-bg.png') no-repeat top left;
}

#column h4.basket, #column2 h4.basket {
background: #000 url('../static_html/images/basket-h4-bg.png') no-repeat top left;
padding-left: 32px;
line-height: 1.4em;
font-size: 0.8em;
}

#column div.bottom, #column2 div.bottom {
background: #fff url('../static_html/images/div-bottom-bg.png') repeat-x top left;
height: 12px;
margin-bottom: 0.4em;
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.3em 0.4em;
color: #333;
text-decoration: none;
background: #fff url('../static_html/images/column-li-a-bg.png') repeat-x bottom left;
}

#column2 li a.basket {
background: #333;
color: #fff;
font-size: 1em;
}

#column li a:hover, #column2 li a:hover {
color: #000;
background: #fff url('../static_html/images/column-li-a-bg.png') repeat-x bottom left;
}

#column2 li a.basket:hover {
background: #fff;
color: #333;
}

#column li a#current, #column2 li a#current {
font-weight: bold;
cursor: default; 
}

#column p, #column2 p {
margin: 0.2em 0.4em;
color: #cd1e11;
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 #f8e3e3; 
color: #333;
}

#column input.submit, #column2 input.submit {
border: 0;
background: #f8e3e3;
color: #cd1e11;
}

#column a, #column2 a {
background: #fff;
}

#content {
margin: 25px 2px 0px 0px;
padding: 0;
text-align: left;
color: #333;
font-size: 0.8em;
float: left;
width: 660px;
}

#top_ad {
text-align: center;
margin-bottom: 0.4em;
}

#content_clear {
clear: both;
height: 0;
margin: 0;
padding: 0;
font-size: 0;
}

#footer, #brands {
text-align: center;
margin-top: 0;
margin: 0;
padding: 0.5em 0.2em;
font-size: 0.7em;
background: #f8e3e3;
border-top: 1px solid #ccc;
border-bottom: 1px solid #fff;
}

#footer ul, #brands ul {
list-style-type: none;
margin: 0;
padding: 0;
}

#footer li, #brands li {
display: inline;
margin: 0;
padding: 0.1em;
}

#footer li a, #brands li a {
margin: 0;
padding: 0.1em 0.2em;
color: #555;
text-decoration: none;
}

#footer li a:hover, #brands li a:hover {
color: #333;
}

#brands {
text-align: center;
background: #555;
color: #f4f4f4;
margin: 0;
padding: 1em 3em;
border-top: 1px solid #ccc;
border-bottom: 1px solid #333;
}

#brands li {
color: #f4f4f4;
}

#brands li a {
color: #f4f4f4;
}

#brands li a:hover {
color: #fff;
}
/* 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;
}

#content_container {
margin: 0;
padding: 0;
background: #fff;
}

#left_col_wrap {
float: left;
}

#main_col {
float: left;
width: 665px;
padding: 0;
}

h2.intro {
text-align: center;
font-size: 1.4em;
margin-bottom: 0.4em;
color: #cd1e11;
}

h3.intro {
text-align: center;
}

p.intro {
text-align: center;
}

p.red-bg {
text-align: center;
color: #fff;
background: #cd1e11 url('../static_html/images/banner-bg.png') repeat-x top left;
padding: 0.6em 0.4em;
border: 1px solid #f8e3e3;
border-bottom: 1px solid #333;
}

a.white {
color: #fff;
font-weight: bold;
font-size: 0.85em;
text-decoration: none;
}

span.pink {
color: #cd1e11;
}

span.price {
font-size: 1.1em;
color: #cd1e11;
font-weight: bold;
}

span.small {
font-size: 0.7em;
color: #333;
}

input.price {
}

div.box_wrap {
width: 200px;
margin: 0 9px;
float: left;
text-align: center;
}

h3.box, h3.box2 {
font-size: 1em;
margin: 0;
margin-bottom: 0.2em;
padding: 0.2em 0.3em;
font-weight: bold;
color: #fff;
background: #cd1e11 url('../static_html/images/special-h3-bg3.png') repeat-x top left;
}

h3.box2 {
background: #333 url('../static_html/images/special-h3-bg2.png') repeat-x top left;
}

div.box {
text-align: center;
margin: 0;
padding: 0;
background: #fff;
font-size: 0.9em;
}

div.box_img {
float: right;
width: 80px;
height: 80px;
margin-left: 5px;
}

img.box {
margin: 0 auto;
border: 1px solid #f8e3e3;
width: 78px;
height: 78px;
}

div.box p {
margin: 0 0.4em;
}

div.box a {
}

div.box_bottom {
margin: 0;
padding: 0;
background: #f8e3e3 url('../static_html/images/special-bottom-bg.png') no-repeat bottom left;
height: 7px;
border: 0;
}
#column2 li .flash {
background-image: url('../static_html/images/baskflash.gif');
background-repeat: repeat;
background-color: #ff3300;
clear: right;
}
h3.box a, h3.box2 a {
color: #f4f4f4;
text-decoration: none;
}

h3.box a:hover, h3.box a:hover {
color: #fff;
text-decoration: underline;
}

ul.box {
margin: 0;
padding: 0;
text-align: left;
}

li.box {
margin: 0;
padding: 0;
list-style-type: none;
}

a.box {
font-size: 1.1em;
color: #333;
display: block;
width: 188px; 
padding: 0.2em 0.4em;
background: #f8e3e3;
background: #fff;
background: #fff url('../static_html/images/column-li-a-bg.png') repeat-x bottom left;
line-height: 1.4em;
text-decoration: none;
font-weight: normal;
}

a.box:hover {
color: #000;
text-decoration: underline;
background: #f8e3e3 url('../static_html/images/column-li-a-bg.png') repeat-x bottom left;
}

#top_ad {
text-align: left;
margin: 0;
margin-bottom: 0.4em;
padding: 0;
color: #cd1e11;
}

#top_ad h2 {
margin: 0;
margin-bottom: 0.4em;
padding: 0.2em 0.6em;
color: #fff;
background: #cd1e11 url('../static_html/images/top-ad-h2-bg.png') no-repeat top left;
border-bottom: 1px solid #333;
}

#top_ad p {
margin: 0;
padding: 0;
font-size: 1.2em;
font-weight: bold;
color: #000;
}

#top_ad span {
font-size: 2em;
font-weight: bold;
color: #cd1e11;
}

#top_ad div.left {
float: left;
margin: 0;
margin-right: 0.8em;
padding: 0;
width: 200px;
height: 190px;
}

#top_ad div.right {
float: right;
margin: 0;
padding: 0;
width: 89px;
height: 130px;
}

#top_ad input.submit {
color: #fff;
font-weight: bold;
padding: 0.2em 0.6em;
background: #cd1e11;
border: 1px solid #f8e3e3;
}

#content_p {
text-align: left;
color: #333;
font-size: 0.8em;
width: 655px;
margin-top: 20px;
margin-left: auto;
margin-right: auto;
}

div.ad, #column div.ad, #column2 div.ad {
margin: 0;
margin-bottom: 0.4em;
padding: 0;
border: 0;
background: #fff;
}

#div.basket, #column2 div.basket {
background: #333;
color: #fff;
}
