﻿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 auto; 
padding: 0;
text-align: center;
width: 972px;  
height: 180px;
background: #fff url('../static_html/images/header-new-bg.png') no-repeat bottom right;
}

#top_nav {
text-align: right;
margin: 0;
padding: 0.6em;
padding-bottom: 1em;
font-size: 0.7em;
font-weight: bold;
background: #51c592 url('../static_html/images/top-nav-bg.png') repeat-x bottom left;
color: #fff;
}

#top_nav ul {
margin: 0;
padding: 0;
list-style: none;
}

#top_nav li {
margin: 0;
padding: 0;
display: inline;
}

#top_nav li a {
margin: 0;
padding: 0.2em 0.4em;
padding-left: 0.5em;
color: #f4f4f4;
border-left: 1px solid #fff;
}

#top_nav li a.help {
color: #fff;
}

#top_nav li a.login {
border: 0;
}

#top_nav form {
display: inline;
margin: 0;
padding: 0;
}

#top_nav label {
color: #fff;
}

#top_nav input.submit {
font-size: 0.8em;
}

#logo {
float: left;
width: 306px;
height: 87px;
text-align: left;
}

#flash_people {
float: right;
text-align: left;
width: 416px;
height: 128px;
margin: 0;
margin-right: 25px;
padding: 0;
}

#twitter {
float: right;
width: 77px;
height: 58px; 
margin: 0;
margin-top: 1px;
padding: 0;
}

#nav_wrap {
margin: 0 auto; 
padding: 0;
text-align: center;
width: 972px;  
}

#navbg {
background: #fff;
height: 23px;
}

#nav {
float: left;
font-size: 70%;
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 {
float: left;
background: url("../static_html/images/tableftB4.gif") no-repeat left top;
margin: 0;
padding: 0 0 0 4px;
text-decoration:none;
cursor: pointer;
}

#nav a.green {
background: url("../static_html/images/tableftB6.gif") no-repeat left top;
cursor: pointer;
}

#nav a.red {
background: url("../static_html/images/tableftB7.gif") no-repeat left top;
cursor: pointer;
}

#nav a.purple {
background: url("../static_html/images/tableftB8.gif") no-repeat left top;
cursor: pointer;
}

#nav a span {
float: left;
display: block;
background: url("../static_html/images/tabrightB4.gif") no-repeat right top;
padding: 4px 8px 4px 4px;
color: #333;
cursor: pointer;
}

#nav a span.green {
background: url("../static_html/images/tabrightB6.gif") no-repeat right top;
color: #333;
cursor: pointer;
}

#nav a span.red {
background: url("../static_html/images/tabrightB7.gif") no-repeat right top;
color: #fff;
cursor: pointer;
}

#nav a span.purple {
background: url("../static_html/images/tabrightB8.gif") no-repeat right top;
color: #fff;
cursor: pointer;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#nav a span {
float: none;
}
/* End IE5-Mac hack */

#nav a:hover {
background-position: 0% -42px;
cursor: pointer;
}

#nav a:hover span {
background-position: 100% -42px;
text-decoration: underline;
cursor: pointer;
}

#nav .current a {
background-position: 0% -42px;
cursor: pointer;
}

#nav .current a span {
background-position: 100% -42px; 
cursor: pointer;
}

#banner_wrap {
text-align: center;
margin: 0 auto;
padding: 0;
width: 972px;
}

#banner {
padding: 0.4em;
padding-bottom: 14px;
background: #231f20 url('../static_html/images/banner-bg.png') repeat-x bottom left;
}

#search_box {
float: left;
width: 240px;
margin: 0;
margin-right: 0.8em;
padding: 0;
font-size: 0.8em;
}

#search_box form {
display: inline;
margin: 0;
padding: 0;
}

#search_box input {
font-size: 0.8em;
border: 0;
padding: 0.2em;
background: #fff;
width: 120px;
}

#search_box input.submit {
padding: 0.1em 0.2em;
width: 40px;
color: #fff;
background: #231f20;
}

#banner ul {
text-align: right;
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: #f4f4f4;
border: 0;
}

#banner li a:hover {
color: #fff;
}

#banner label {
color: #fff;
font-size: 0.9em;
}

a {
color: #f21a41;
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;
}

#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;
	background: #fff;
}
#left_col_wrap {
	float: left;
}

#column, #column2 {
margin: 0.8em 0;
margin-bottom: 0;
padding: 0;
text-align: left;
font-size: 0.9em;
color: #000;
background: #fff;
}

#column div, #column2 div, #column2 div.basket {
text-align: left;
margin: 0;
padding: 0;
background: #fbbf15;
background: #fff;
}

#column2 div.basket {
background: #fbbf15 url('../static_html/images/basket-div-bg.png') repeat-x top left;
}

#column img, #column2 img {
}

#column h4, #column2 h4 {
font-size: 0.9em;
margin: 0;
padding: 0.2em 0.3em;
color: #fff;
background: #a92699;
border-bottom: 2px solid #999;
}

#column2 h4.top-sellers {
background: #176fc1;
}

#column2 h4.basket {
background: #ed1639 url('../static_html/images/basket.png') no-repeat top right;
}

#column2 h4.account {
background: #00a870;
}

#column2 h4.services {
background: #ce8a56;
}

#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;
}

#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.3em 0.4em;
color: #555;
text-decoration: none;
background: #fbbf15 url('../static_html/images/column-li-a-bg.png') repeat-x top left;
}

#column2 li a.basket {
background: transparent;
}

#column li a:hover, #column2 li a:hover {
color: #000;
}

#column2 li a.basket:hover {
background: transparent;
color: #000;
}

#column li a#current, #column2 li a#current {
font-weight: bold;
cursor: default; 
}

#column p, #column2 p {
margin: 0.2em 0.4em;
color: #f21a41;
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 #f2c7cf; 
color: #000;
}

#column input.submit, #column2 input.submit {
border: 0;
background: #f2c7cf;
color: #f21a41;
}

#column a, #column2 a {
background: #fff;
}

#main_col {
	text-align: center;
	width: 650px;
	margin: 0 auto 0 auto;
	padding: 0;
}
#main_home {
	text-align: center;
	width: 655px;
	margin: 0 auto 0 auto;
	padding: 0;
}

#content {
margin: 0;
margin-top: 1.2em;
padding: 0;
text-align: left;
color: #333;
/*
color: #f21a41;
*/
font-size: 0.8em;
}

#intro, #sales {
margin: 0;
padding: 0;
background: #fff url('../static_html/images/intro-div-bg.png') no-repeat top left;
padding-top: 60px;
}

#sales {
background: #fff url('../static_html/images/sales-div-bg.png') no-repeat top left;
}

#intro div.bottom, #sales div.bottom {
padding: 0;
background: transparent url('../static_html/images/intro-div-bottom.png') no-repeat bottom right;
}

#intro p, #sales p {
margin: 0;
padding: 0 0.8em;
padding-bottom: 0.8em;
color: #333;
font-size: 0.9em;
}

#intro h3, #sales h3 {
margin: 0;
padding: 0.3em 0;
}

#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: #fff;
}

#footer p {
margin: 0;
padding: 0;
}

#footer ul {
list-style-type: none;
margin: 0;
margin-bottom: 0.8em;
padding: 0;
}

#footer li {
display: inline;
margin: 0;
padding: 0;
}

#footer li a {
font-size: 1.1em;
margin: 0;
padding: 0.1em 0.3em;
color: #555;
text-decoration: none;
}

#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;
}

span.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 9px;
float: left;
text-align: center;
}

h3.box {
font-size: 1em;
margin: 0;
padding: 0.2em 0.3em;
font-weight: bold;
color: #333;
background: #fbbf15 url('../static_html/images/column-li-a-bg.png') repeat-x top left;
border-bottom: 2px solid #999;
}

h3.box2 {
font-size: 1em;
margin: 0;
padding: 0.2em 0.3em;
font-weight: bold;
color: #fff;
background: #ed1639 url('../static_html/images/box-h3-bg.png') repeat-x top left;
border-bottom: 2px solid #999;
}

div.box {
text-align: left;
margin: 0;
padding: 0;
padding-top: 0.2em;
background: #fff;
font-size: 0.9em;
border: 1px solid #999;
border-top: 0;
border-bottom: 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 #f2c7cf;
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 a {
}

div.box_bottom {
margin: 0;
padding: 0;
background: #fff url('../static_html/images/box-bottom-bg.png') repeat-x top left;
height: 12px;
border: 0;
}

h3.box a {
color: #333;
text-decoration: none;
}

h3.box a:hover {
color: #000;
text-decoration: underline;
}

h3.box2 a {
color: #fff;
text-decoration: none;
}

h3.box2 a:hover {
color: #fff;
text-decoration: underline;
}

ul.box {
margin: 0;
padding: 0;
padding-bottom: 0.4em;
text-align: left;
}

li.box {
margin: 0;
margin-left: 0.6em;
padding: 0;
list-style-type: none;
}

a.box {
font-size: 1.1em;
color: #000;
padding: 0.2em 0;
line-height: 1.4em;
text-decoration: none;
font-weight: normal;
}

p.box {
font-size: 1.1em;
font-weight: normal;
color: #000;
padding: 0.2em 0;
line-height: 1.4em;
}

a.box:hover {
color: #f21a41;
text-decoration: underline;
}


div.boxform {
float: right;
width: 60px; 
}

form.box {
display: inline;
margin: 0;
padding: 0;
}

#column div.tall_ad, #column2 div.tall_ad, div.tall_ad, #column div.short_ad, #column2 div.short_ad, div.short_ad {
text-align: center;
margin: 0;
padding: 0;
color: #fff;
background: #000;
height: 240px;
}

#column div.short_ad, #column2 div.short_ad, div.short_ad {
height: 120px;
}

span.price {
font-size: 1.2em;
font-weight: bold;
}
