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;
}
h1 {
}
h2 {
}
h3 {
}
p {
}
#container {
margin: 0 auto;
padding: 0;
text-align: center;
width: 972px;
}
#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('images/basket-bg-80.png') no-repeat bottom right;
}
#basket div {
margin: 0;
padding-top: 35px;
padding-left: 75px;
font-size: 0.7em;
}
#basket p {
text-align: right;
margin: 0;
margin-right: 10px;
padding: 0;
padding-top: 5px;
}
#basket a {
font-size: 0.7em;
font-weight: bold;
color: #fff;
}
#banner_wrap {
width: 972px;
height: 32px;
margin: 0;
padding: 0;
background: #5a5ca6 url('images/blue-bar.png') no-repeat top left;
}
#banner {
padding: 0.3em 0.2em;
}
#search_box {
float: right;
text-align: right;
width: 250px;
margin: 0;
margin-right: 0.5em;
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('images/red-go.png') no-repeat center center;
border: 0;
float: right;
}
#banner ul {
text-align: left;
margin: 3px 0 0 15px;
padding: 0;
}
#banner li {
display: inline;
border: 0;
border-right: 1px solid #fff;
}
#banner li a {
font-size: 0.8em;
padding: 0 0.4em;
text-decoration: none;
font-weight: bold;
color: #fff;
}
#banner li.last {
border-right: 0px solid #ccc;
}
#banner li a:hover {
color: #000;
}
#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('images/browse-bg.png') no-repeat top left;
}
#column2 h4.login {
background: #bd2231 url('images/login-bg.png') no-repeat top left;
}
#column h4.contact {
background: #03abb4 url('images/cust-serv-bar.png') no-repeat left top;
}
#column2 h4.top-ten {
background: #0075bf url('images/top-ten-bg.png') no-repeat top left;
}
#column2 h4.tools {
background: #0082c7 url('images/shopping-tools-bar.png') no-repeat top left;
}
#column2 h4.menu {
background: #9d61a6 url('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('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('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;
border-top-color: 0;
}
#column li a:hover, #column2 li a:hover {
color: #333;
background: #f4f4f4 url('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 {
margin: 0;
margin-top: 1.2em;
padding: 0;
text-align: left;
color: #000;
font-size: 0.8em;
}
#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('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;
}
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 6px 0 8px;
float: left;
text-align: center;
}
h3.box, h3.box2 {
font-size: 1em;
margin: 0;
padding: 0.2em 0.3em;
font-weight: bold;
color: #fff;
background: #cd2026 url('images/box-h3-bg.png') repeat-x top left;
border-bottom: 1px solid #dddee2;
}
h3.box2 {
color: #000;
background: #ffde00 url('images/box2-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('images/box-bottom-bg.png') no-repeat bottom left;
height: 7px;
border: 0;
}
h3.box a {
color: #fff;
text-decoration: none;
}
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 {
display: block;
padding: 0.2em;
background: #fff url('images/column-li-a-bg.png') repeat-x bottom left;
line-height: 1.4em;
font-size: 1.1em;
color: #333;
text-decoration: none;
font-weight: bold;
}
a.box:hover {
color: #000;
background: #f4f4f4 url('images/column-li-a-bg.png') repeat-x bottom left;
}
div.boxform {
float: right;
width: 60px;
}
form.box {
display: inline;
margin: 0;
padding: 0;
}
#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;
}
.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 {
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('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('../../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('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('images/footer_base.gif') no-repeat;
padding: .4em 0;
}
#footer_page #copyright {
background: url('images/footer_base.gif') no-repeat;
padding: .4em 0;
}
#footer_page #copyright {
background: #3b3b3b url('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: #FFFFFF;
}
.banner_spacer{
padding:10px 2px 10px 2px;
}