* {
margin: 0; 
padding: 0;
}

body {
color: #5F7180; 
background: #FFFFFF url(/images/bg_body.png) top left repeat-x;
font: 0.8125em Verdana, Arial, sans-serif; 
line-height: 1; 
}

a {
text-decoration: none;
}

a img {
border: none;
}

a:link, a:visited {
color: #5f7180;
text-decoration:underline; 
}

a:hover {
color: #fff; 
background-color: #5f7180;
}

h1 {
font: 1.8em Arial, Verdana, sans-serif;
letter-spacing: 1px;
margin-bottom:1em;
}

h2 {
font: 1.5em Arial, Verdana, sans-serif; 
letter-spacing: 1px;
color:#756349;
}

h3 {
font: bold 1.2em Arial, Verdana, sans-serif; 
letter-spacing: 1px;
color:#756349;
}

h4 {
font: bold 1.1em Arial, Verdana, sans-serif;
letter-spacing: 1px;
}

ul, ol {
list-style: none;
}

p {
text-align: left; 
line-height: 1.2;
margin: 0 0 1em 0;
}

.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


/* layout
--------------------------------------------------------------- */
#wrapper {
width:940px;
margin:0 auto;
position:relative;
}

#content-main{
width:570px;
background:#f2f8ff url(/images/box_blue_bottom.gif) bottom left no-repeat;
float:left;
padding:0;
}

#content-main h2{
background:url(/images/box_blue_top.gif) top left no-repeat;
padding:10px 10px 0 10px;
}

.box-content{
padding:10px;
}

#content-sub{
width:270px;
float:right;
background:#edeae6 url(/images/box_brown_bottom.gif) bottom left no-repeat;
}


.header-grey{
}

.header-brown{
}


/* header
--------------------------------------------------------------- */
#header {
background:url(/images/header1.png) top left no-repeat;
height:156px;
position:relative;
}

#header h1 {
float:left;
width:350px;
text-indent:-9999px; 
height:0;
overflow:hidden;
}

#header h2 {
float:left;
width:350px;
clear:both;
text-indent:-9999px; 
height:0;
overflow:hidden;
}

/* make logo link to home page */
#logo-home {
background:transparent;
border:0;
width:310px;
height:30px;
position:absolute;
top:65px;
left:65px;
}

/*#navbar{display:none;}*/

#navbar {
background: url(/images/navigation.png) no-repeat;
height: 31px;
margin: 65px 70px 0 0;
float: right;
width:281px;
}

#navbar li {
display: inline;
}

#navbar li a {
background: url(/images/navigation.png) no-repeat;
height: 0;
padding-top: 31px;
float: left;
display: block;
overflow: hidden;
border:0;
text-decoration:none;
}

#navbar li#home a {
width: 70px;
background-position: 0 0;
}

#navbar li#home a:hover {
width: 70px;
background-position: 0 -30px;
}

#navbar li#offers a {
width: 70px;
background-position: -70px 0;
}

#navbar li#offers a:hover {
width: 70px;
background-position: -70px -30px;
}

#navbar li#about a {
width: 70px;
background-position: -140px 0;
}

#navbar li#about a:hover {
width: 70px;
background-position: -140px -30px;
}

#navbar li#contact a {
width: 70px;
background-position: -210px 0;
}

#navbar li#contact a:hover {
width: 70px;
background-position: -210px -30px;
}


/* side content
--------------------------------------------------------------- */
#content-sub h2{
background:url(/images/box_brown_top.gif) top left no-repeat;
padding:10px 10px 0 10px;
}

#content-sub ul{
margin:0 auto;
text-align:center;
}

#content-sub ul li{
margin-bottom:1em;
} 

#content-sub h3{
margin-bottom:1em;
}

ul#featured-articles{
margin:0 0 2em 0;
text-align:left;
font-size: 1em;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}


ul#featured-articles li{
display:block; 
width:100%; 
margin-bottom:0.2em;
}

ul#featured-articles li a {
display:block;
padding:5px 0 5px 30px;
background: transparent url(/images/links_bullet.gif) no-repeat 10px 8px;
line-height:1.2em;
}

ul#featured-articles li a:hover {
color:#333;
background-position: 10px -78px;
}




/* main content
--------------------------------------------------------------- */
#content{
background: url(/images/bg_content.png) top left repeat-y;
padding:20px 40px;
}

#footer {
background:url(/images/footer1.png) top left no-repeat;
clear:both;
/*color:#aaa;*/
height:194px;
}

#footer p {
padding-top:5px;
text-align: center;
}

#footer a, #footer a:visited{
}

#footer a:hover{
}

#footer #partner{
text-align:center;
padding-top:25px;
}

#footer #partner a{
border:0;
}

#footer #copyright{
font-size:0.8em;
}

#search-form{
background: url(/images/bg_search_form.png) bottom left no-repeat;
padding:0;
clear:both;
min-height:43px;
/*padding-bottom:0.5em;*/
text-align:center;
}

#search-extra{
display:none;
}

#search-form p{
color:#333;
text-align:center;
line-height:1;
padding-top:5px;
}

#search-form a,#search-form a:visited{
/*color:#333;
border-bottom:#333 1px solid;*/
}

#search-form a:hover{
/*color:#fff;
background:transparent;
border-bottom:#fff 1px solid;*/
}

#search-input {
padding:2px;
}

#search-button {
}

#search-form form { 
margin: 0; 
padding: 8px 0; 
}

#search-form #search-input { 
line-height: 15px; 
width: 250px; 
background: #eee; 
}

#search-form input { 
vertical-align: middle; 
}

#loading{
display:none;
background:#fff;
position:absolute;
top:150px;
left:300px;
border:#333 10px solid;
padding:50px;
}


/* product page
--------------------------------------------------------------- */
#product-side{
float:left;
width:150px;
}

#product-image{
float:left;
margin:0 10px 0 10px;
}

#product-image img{
width:100px;
padding:15px;
background:#fff;
border:#aab 2px solid;
}

#reviews{
clear:left;
width:112px;
padding:10px;
font-size:0.8em;
margin:0 auto;
}

#reviews img{
display:block;
text-align:center;
margin:0 auto;
}

#reviews p{
text-align:center;
}

#product-details{
float:right;
width:400px;
margin-right:10px;
}

#product-details p{
font-size:1em;
line-height:1.4em;
}


#best-price{
background:#dcfaa2;
padding:10px;
margin-top:1em;
border:#77c 2px solid;
font-size:1.2em;
text-align:center;
}

#best-price a.buy-now-button{
border:0;
display:block;
}

#best-price a.buy-now-button img{
vertical-align:middle;
}

#best-price p{
text-align:center;
margin:0 0 1em 0;
line-height:1;
font-size:0.8em;
}

#best-price p strong{
font-size:1.2em;
}


a.buy-now-button:hover{
background:none;
}

#prices{
background:none;
width:96%;
float:left;
padding:10px;
margin:1em 0;
}

#prices h3{
margin:0;
padding-bottom:10px;;
}

#other-prices{
clear:both;
width:100%;
border-collapse:collapse;
color:#756349;
}

#other-prices td{
padding:8px;
border:#ddd 1px solid;
}

#other-prices th{
background:#ddd;
padding:8px;
border:#ccc 1px solid;
}

#other-prices .left{
text-align:left;
}

#other-prices .right{
text-align:right;
}


/* search results
--------------------------------------------------------------- */
#searchresults{
margin:2em 0;
}

.search-row {
clear:both;
margin-bottom:1em;
}

.search-product-image {
margin-left:10px;
width:50px;
padding:10px;
background:#fff;
border:#ccc 1px solid;
}

.search-col1{
width:90px;
float:left;
}

.search-col1 a, .search-col1 a:hover{
border:0;
background:none;
width:50px;
}

.search-col2{
float:left;
width:350px;
}

.search-col3{
float:left;
width:100px;
margin-left:10px;
}

.search-col3 span{
font-size:0.8em;
margin-top:0.5em;
display:block;
}

.search-col2 p{
line-height:1.2em;
font-size:0.8em;
}

/* featured products
--------------------------------------------------------------- */
#featured{
/*margin-bottom:2em;*/
/*border-bottom:#eee 1px solid;*/
}

#featured h2{
padding:10px 10px 0 10px;
}

#featured .featured-rating{
border:0;
}

dl.featured-product {
width: 270px;
margin:10px 0 0 10px;
float:left;
/*border:#000 1px solid;*/
min-height:10em;
background: url(/images/bg_featured_product.gif) top left repeat-y;
}

dl.featured-product dt {
float: right;
width:160px;
padding:10px 10px 10px 0;
}

dl.featured-product dt a{
font-size:1em;
font-weight:bold;
text-decoration:none;
}


dl.featured-product dd {
margin: 0 0 0 90px;
/*background-color: #ffd;*/
}

dl.featured-product dd.featured-product-image{
float:left;
width:90px;
margin:0;
padding:10px 0 10px 10px; ;
}

dl.featured-product dd.featured-product-image img{
width:80px;
display:block;
text-align:left;
}

dl.featured-product p{
line-height:1;
}

dl.featured-product p.featured-rating{
font-size:0.8em;
}



#welcome-text{
background:url(/images/bg_home_box_top.png) top left no-repeat;
padding: 20px 20px 10px 20px;
}

a#bookmark{
border:0;
vertical-align:middle;
}















.atoz {
}
.atoz h4 {
  font-size: 100%;
  font-weight: bold;
  margin-top: 15px;
}


.banner {
}
.banner h2 {
  background-color: #DFFBCF;
  padding: 2px;
  font-size: 100%;
  font-weight: 500;
  margin-bottom: 0px;
}
.banner h3 {
  background-color: #E1E7EF;
  padding: 0.5em;
  font-size: 0.8em;
  font-weight: 500;
  margin-top: 0px;
  text-align:right;
}

/*
.featured {
}
.featured table {
  margin: auto;
  padding: 0px;
}
.featured th {
  background-color: #DFFBCF;
  padding: 2px;
}
.featured h4 {
  font-size: 100%;
  margin-top: 0px;
}
.featured .stars {
  font-size: x-small;
}


.menu {
}
*/

#paginate {
clear:both;
text-align: center;
margin: 20px 0 20px 0;
}

#paginate a{
margin:0 3px;
}

#paginate .disabled{
margin:0 5px;
}

/*
.prices {
  margin-top: 15px;
  width: 728px;
}


.product {
  margin-top: 15px;
  width: 728px;
}
.product h3 {
  font-size: 130%;
  margin: 10px 0px 10px 0px;
}
.product p {
  text-align: justify;
}
*/


/* ratings
--------------------------------------------------------------- */

#ratings {
margin-top: 0.25em;
width:530px;
float:right;
background:none;
padding:20px;
}

.rating{
clear:both;
border-top:#ccc 1px dotted;
padding:10px 0;
}

.rating-score {
width:110px;
float:left;
}

.rating-comments{
width:400px;
float:right;
}

#ratings-form {
margin: 0.25em 10px 2em 0;
width: 505px;
padding:20px;
float:right;
border:#ccc 2px solid;
line-height:2em;
}

#ratings-form select {
color: #AF7817;
font-size:1.5em;
margin-bottom:1em;
width:100px;
}

#ratings-form textarea {
width: 100%;
margin-bottom:1em;
}

#ratings-form fieldset{
border:0;
}

#ratings-form legend{
font-size:1.2em;
font-weight:bold;
}

#ratings-form p{
margin:1em 0 0 0;
}




/* Contact form 
--------------------------------------------------------------- */
/* for main form wrapping div */
div#gb_form_div { 
}

div#gb_form_div input.text, div#gb_form_div textarea, div#gb_form_div select, div#gb_form_div input{
font-size:1.1em;
line-height:1.5em;
border-top:1px solid #7c7c7c;
border-left:1px solid #c3c3c3;
border-right:1px solid #c3c3c3;
border-bottom:1px solid #ddd;
background:#fff;
margin-bottom:0.6em;
padding-left:0.5em;
}

div#gb_form_div textarea{
margin-bottom:1em;
}

#gb_form_div #question input, #gb_form_div #question a{
vertical-align:top;
margin:0;
}

div#gb_form_div .button{
clear:left;
margin:1em 0 ;
padding:3px 10px;
background:#5F7180;
color:#fff;
border:#fff 1px solid;
font-weight:bold;
}

form#gb_form { 
}

#gb_form_div fieldset#formwrap { 
border:0;
}

#gb_form_div fieldset { 
background: none; 
padding:1em;
border:#eee 2px solid;
}

#gb_form_div legend, #gb_form_div dt { 
font-weight : bold; 
color : #666;
}

legend#mainlegend { 
font-size : 1.2em;
color : #669900; 
}

#gb_form_div label { 
clear:left;
color:#777777;
display:block;
float:left;
margin-bottom:0.5em;
padding-right:10px;
text-align:left;
width:180px;
}

#gb_form_div label.name-email{
width:90px;
}

/* hover and focus styling - the classes like .hover and .focus below are for the javascript for IE */
input.med:hover, input.med:focus, input.short:hover, input.short:hover, select.med:hover, select.med:focus, textarea.textbox:hover, textarea.textbox:focus, input.med.hover, input.med.focus, input.short.hover, input.short.focus, select.med.hover, select.med.focus, textarea.textbox.hover, textarea.textbox.focus { 
  color : #000;  
  border : 1px solid #000;
  background-color : #fff;
}

/* for the checkbox input */
input.checkbox {
}

/* error heading weight and color - bold is for the error reason text */
span.error, dt.error, strong.error { 
  color : #cd0000; 
  font-weight : bold; 
}

/* success heading color */
span.success { 
  color : #669900; 
  font-weight : bold; 
}

/* privacy and "Why?" small element link sizes (relative to their parent element */
small.whythis { 
  font-size : 0.8em; 
border:0;
}

/* set up relativity to position small Why? text */
small.whythis { 
position : relative; 
vertical-align:top;
}

/* Why? link style */
small.whythis a { 
  text-decoration : none; 
border:0;
}

small.whythis a:hover, small.whythis a:focus, small.whythis a:active { 
  text-decoration : none;
border:0;
} 

/* hide the Why? text span */
small.whythis a span { 
  border : 1px solid #f2f8ff; 
  background-color : #f2f8ff; 
  padding : 0 4px; 
  color : #f2f8ff;
  text-decoration : none; 
}

/* bring back Why? text span (title attribute backs this up for borwsers it doesn't function in */
small.whythis a:hover span, small.whythis a:focus span, small.whythis a:active span { 
  border : 1px solid #333; 
  background-color : #ffa; 
  color : #000;
  padding : 0 4px 0 4px; 
  text-decoration : none; 
}

/* used for abbreviation used relative to form. the .abbr class is for the span added for IE */
abbr, .abbr { 
  cursor : help; 
  border-bottom : 1px dotted #999;
}

/* set result color for blockquote dt "heading" */
dl#result_dl_blockq dt, dl.result_dl_blockq dt {
  color : #669900;
}

/* position result blockquote flush with parent */
dl#result_dl_blockq blockquote, dl.result_dl_blockq blockquote {
  margin-left : 0;
}

/* style the input names in the result */
div#hf_form_div span.items {
  font-weight : bold;
  color : #cc9900;
}


/* blog offers and articles
--------------------------------------------------------------- */
.article{
margin:1em 0 3em 0;
}

.article h3{
margin-bottom:0.5em;
}

.article h3 a{
text-decoration:none;
}

.article-sub-heading{
padding:0 0 0.5em 0;
margin:0;
line-height:1;
font-size:0.8em;
font-style:italic;
}

.article ul{
margin:0 0 1em 30px;
line-height:1.2;
}

.related {
  width: 717px;
  background-color: #eeeeee;
  font-weight: bold;
  padding: 4px;
  margin-left: 2px;
  margin-top: 10px;
}

.starsOn {
  color: #AF7817;
  font-weight: bold;
}
.starsOff {
  color: #AAAAAA;
  font-weight: bold;
}

.disabled {
  color: #AAAAAA;
}