* {
margin: 0; 
padding: 0;
}

body {
color: #333; 
background: #666666 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: #25e; 
border-bottom: 1px solid #25e;
}

a:hover {
color: #333; 
background-color: #ccc;
border-bottom: 1px solid #333;
}

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:#d35d10;
}

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

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

ul, ol {
list-style: none;
}

p {
text-align: left; 
line-height: 1.8em;
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;
}

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

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

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

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

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

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

#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#about a {
width: 70px;
background-position: -70px 0;
}

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

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

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






#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{
color:#ccc;
border-bottom:#ccc 1px solid;
}

#footer a:hover{
background:transparent;
border:fff 1px solid;
color:#fff;
}

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

#footer #partner a{
border:0;
}

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

#search-extra{
display:none;
}

#search-form p{
color:#333;
text-align:center;
}

#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:3px;
}

#search-button {
}

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

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

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

#searching{
display:none;
position:absolute;
top:299px;
left:300px;
padding:50px;
background:#fff;
border:#333 20px solid;
}

#searching h2{
margin-bottom:20px;
}

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

#product-image{
float:left;
width:200px;
/*background:#000;*/
}

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

#reviews{
float:left;
clear:left;
width:180px;
padding:10px;
}


#product-details{
float:right;
width:630px;
}

#best-price{
background:#ffda95;
padding:20px 0 20px 20px;
margin-top:1em;
border:#999 2px solid;
font-size:1.5em;
}

#best-price a.buy-now-button{
border:0;
/*vertical-align:middle;*/
margin-left:10px;
}

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


#prices{
background:#eee;
width:590px;
float:right;
padding:20px;
margin-top:1em;
}

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

#product-details h2 a,#product-details h2 a:visited{
letter-spacing: 1px;
color:#333;
border-bottom:#333 1px dashed;
}

#product-details h2 a:hover{
color:#d35d10;
background:#fff;
border-bottom:#d35d10 1px dashed;
}

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

#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 {
height:80px;
padding-bottom:1em;
}

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

.search-col1 a, .search-col1 a:hover{
border:0;
background:#fff;
}

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

.search-col3{
float:left;
width:150px;
margin-left:20px;
}


/* featured products
--------------------------------------------------------------- */
#featured{
/*margin-bottom:2em;*/
border-bottom:#eee 1px solid;
background: url(/images/bg_featured.png) repeat-x top left;
}

#featured h2{
padding:0.5em 0 0 1em;
}

#featured .rating{
border:0;
}

.featured-product{
float:left;
width:150px;
padding:10px;
}

.featured-product img {
display:block;
margin:0 auto;
}

.featured-product .product-image {
display:block;
margin:0 auto;
width:100px;
padding:20px;
background:#fff;
border:#fff 2px solid;
}

#content .featured-product .product-link {
border:0;
}

.featured-product .product-image:hover {
border:#8cc63e 2px solid;
}
.featured-product p{ 
text-align:center;
line-height:1;
}

.featured-product h4 {
text-align:center;
font-size:1em;
font-weight:bold;
line-height:1;
}

.featured-product h4 a, .featured-product h4 a:visited {
color:#333;
border:0;
}

.featured-product .rating {
display:block;
text-align:center;
margin:1em 0;
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: #FAFAFA;
  padding: 2px;
  padding-right: 4px;
  font-size: x-small;
  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: 1em;
width: 590px;
float:right;
background:#fff;
padding:20px;
}

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

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

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

#ratings-form {
margin-top: 1em;
width: 586px;
padding:20px;
float:right;
border:#ccc 2px solid;
line-height:2em;
}

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

#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 1em 190px;
padding:3px;
background:#2c2;
color:#fff;
border:#090 1px solid;
font-weight:bold;
}

form#gb_form { 
}

#gb_form_div fieldset#formwrap { 
border:0;
}

#gb_form_div fieldset { 
background-color: #fafffa; 
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:right;
width:180px;
}

/* 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 #fafffa; 
  background-color : #fafffa; 
  padding : 0 4px; 
  color : #fff;
  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;
}










.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;
}
.nobr {
  white-space: nowrap;
}
.disabled {
  color: #AAAAAA;
}