@charset "utf-8";
/* Natren Styles
   Updated: 04/03/2009
   Author: Matt Zimmermann
   ----------------------------------------------------*/

/* SECTION INDEX
			-------------
   =ZEROING ALL ELEMENTS
   =GENERIC
   =WRAPPER
   =HEADER
   =NAVBAR
   =MAIN
   =FOOTER
   =DISCLAIMERS
   =SFNT PAGE
   =CTGY PAGE
   =PROD PAGE
   =PLST PAGE
   =BASKET AND CHECKOUT PAGE
*/

/* =ZEROING ALL ELEMENTS
   ----------------------------------------------------*/
body, div, form, label, fieldset, legend, img, p, h1, h2, h3, h4, h5, ul, li, a{
border:0 solid transparent;
margin:0;
padding:0;
}
body{
font:normal 0.75em Arial, Helvetica, sans-serif;
/* default browser font size is 16px (16px * 0.75 = 12px) */
}
a{
position:relative;
z-index:1;
}
input, select, option, textarea{
font:normal 1em Arial, Helvetica, sans-serif;
position:relative;
z-index:1;
}
ul, ol{
list-style:none;
}
.clearfix:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}


/* =GENERIC
   ----------------------------------------------------*/
body{
margin:10px auto;
background:#000;
color:#924e00;
}
h1{
font:bold 24px Arial, Helvetica, sans-serif;
color:#000;
}
h2{
font:bold 18px Arial, Helvetica, sans-serif;
}
h3{
font:bold 15px Arial, Helvetica, sans-serif;
}
h4{
margin:10px auto 0px auto;
text-align:center;
color:#b00;
}
p{
margin:0.75em auto;
}
a{
color:#fff;
text-decoration:none;
}
a:hover{
color:#bebec0;
}
.input_btn{
vertical-align:middle;
text-align:center;
border:0px solid #924e00;
background:#924e00;
color:#fff;
font:bold 12px Arial, Helvetica, sans-serif;
cursor:pointer;
}
.page_heading{
clear:both;
font:normal 30px Impact, Arial, Helvetica, sans-serif;
border-bottom:1px solid #000;
color:#000;
}

/* =WRAPPER
   ----------------------------------------------------*/
#wrapper{
margin:0 auto;
padding:10px 0;
width:964px;
background:#fff;
clear:both;
}

/* =HEADER
   ----------------------------------------------------*/
#header{
margin:0 auto;
width:944px;
height:149px;
background:url(../images/bg_header.jpg) no-repeat center bottom;
clear:both;
}

/* =NAVBAR
   ----------------------------------------------------*/
#navbar{
margin:0 auto;
padding:3px 0;
width:944px;
background:#000;
clear:both;
}
	.navbar_links{
 font:normal 20px Impact, Arial, Helvetica, sans-serif;
 color:#fff;
 font-variant:small-caps;
 letter-spacing:0.025em;
 float:left;
 }
  .navbar_links a{
  color:#fff;
  padding:0 10px;
  }
  .navbar_links a:hover{
  color:#f1d389;
  }
 #search{
 vertical-align:middle;
 padding:2px 10px 2px 0px;
 float:right;
 }
 #navbar form{
 vertical-align:middle;
 }
 	#navbar form input{
  vertical-align:middle;
  }

/* =MAIN
   ----------------------------------------------------*/
#main{
margin:0 auto;
width:944px;
clear:both;
}
#main_left{
float:left;
width:200px;
margin:5px 0px 0px 0px;
background:#f1d389;
text-align:left;
}
	#cattree{
 width:190px;
 margin:4px auto;
 border:1px solid #fff;
 position:relative;
 overflow:hidden;
 clear:both;
 }
 	.cat_section{
  margin:5px auto 15px auto;
  width:180px;
  clear:both;
  }
  	.cat_section_links{
   border:solid #fff;
   border-width:0px 1px 1px 1px;
   background:url(../images/bg_cat_section.gif) repeat-x left top;
   padding:5px 0;
   color:#000;
   }
   	.cat_section_links h3{
    font:bold 11px Arial, Helvetica, sans-serif;
    height:20px;
    margin:7px 0;
    }
   	.cat_section_links a{
    color:#000;
    background:url(../images/bg_cat_link_hover.gif) repeat-x left center;
    padding:3px;
    display:block;
    }
   	.cat_section_links a:hover{
    color:#fff;
    background:url(../images/bg_cat_link.gif) repeat-x left center;
    display:block;
    }
  #email_form{
  margin:2px auto 5px auto;
  width:100%;
  vertical-align:middle;
  }
  	#email_form input{
   vertical-align:middle;
   }
#main_right{
float:right;
width:734px;
margin:5px 0px 0px 0px;
text-align:left;
background: url(../images/bg_content.gif) repeat-x left bottom;
}
	#content{
 margin:4px auto;
 _position:absolute;
 overflow:hidden;
 clear:both;
 }
 .cart{
 font:normal 10px Arial, Helvetica, sans-serif;
 vertical-align:middle;
 text-align:right;
 }
  .cart a{
  font-size:10px;
  padding:0 5px;
  color:#924e00;
  text-decoration:none;
  }
  .cart a:hover{
  color:#000;
  text-decoration:underline;
  }
 .breadcrumb{
 font:normal 12px Arial, Helvetica, sans-serif;
 margin:10px auto;
 float:left;
 }
  .breadcrumb a{
  font-size:12px;
  padding:0 3px;
  color:#000;
  text-decoration:underline;
  }
  .breadcrumb a:hover{
  color:#924e00;
  text-decoration:underline;
  }
  .breadcrumb_on{
  color:#c90;
  padding:0 3px;
  font-weight:bold;
  }
 .pagination{
 font:normal 12px Arial, Helvetica, sans-serif;
 margin:10px auto;
 float:right;
 }
  .pagination a{
  font-size:12px;
  color:#000;
  text-decoration:underline;
  }
  .pagination a:hover{
  color:#924e00;
  text-decoration:none;
  }
  .page_on{
  color:#c90;
  padding:0 5px;
  font-weight:bold;
  }

/* =FOOTER
   ----------------------------------------------------*/
#footer{
margin:0 auto;
padding-top:5px;
width:944px;
height:57px;
background:url(../images/bg_footer.jpg) no-repeat center bottom;
clear:both;
}

/* =DISCLAIMERS
   ----------------------------------------------------*/
#disclaimers{
margin:5px auto;
width:954px;
font:normal 10px Arial, Helvetica, sans-serif;
text-align:center;
color:#fff;
clear:both;
}
	#disclaimers a{
 padding:0 7px;
 color:#fff;
 }
	#disclaimers a:hover{
 color:#4f7bb2;
 }

/* =SFNT PAGE
   ----------------------------------------------------*/
.tell_a_friend{
margin:5px auto 15px auto;
width:180px;
vertical-align:middle;
text-align:center;
}
 .tell_a_friend a{
 font:normal 14px Arial, Helvetica, sans-serif;
 color:#924e00;
 text-decoration:none;
 }
 .tell_a_friend a:hover{
 color:#000;
 text-decoration:underline;
 }
 .tell_a_friend img, .tell_a_friend a img, .tell_a_friend a:hover img{
 text-decoration:none;
 padding-right:5px;
 }
.sfnt_containers{
width:238px;
background:url(../images/bg_content.gif) repeat-x left bottom;
float:left
}
 .sfnt_containers h1{
 font:normal 32px Impact, Arial, Helvetica, sans-serif;
 color:#000;
 text-align:center;
 margin:5px auto;
 font-variant:small-caps;
 letter-spacing:0.025em;
 }
 .sfnt_containers h3{
 text-align:center;
 margin:0px auto 5px auto;
 letter-spacing:0.025em;
 }
 .sfnt_containers img{
 display:block;
 margin:5px auto 10px auto;
width:220px;
 }
 .sfnt_containers sup{
 margin:0;
 padding:0px 0px 0px 2px;
 font-size:0.50em;
 }
 .sfnt_containers p{
 margin:5px;
 font-weight:bold;
 color:#000;
 }
 .sfnt_containers ul{
 color:#000;
 font-weight:bold;
 list-style:disc;
 margin:auto 10px;
 padding:5px 10px;
 }
 .sfnt_containers ol{
 color:#000;
 font-weight:bold;
 list-style:decimal;
 margin:auto 10px;
 padding:5px 10px;
 }
  .sfnt_containers li{
  margin:auto 10px;
  padding:3px 5px;
  }
   .sfnt_containers li a{
   color:#000;
   text-decoration:none;
   }
   .sfnt_containers li a:hover{
   color:#924e00;
   text-decoration:underline;
   }
 .welcome{
 width:522px;
 height:346px;
 float:left;
 padding-bottom:10px;
 }
 .comments{
 width:200px;
 padding-top:75px;
 float:right;
 }
  .comments h1{
  font:bold 30px 'Times New Roman', Times, serif;
  }
   	.comments h1 a{
    color:#000;
    }
   	.comments h1 a:hover{
    color:#924e00;
    }
 .radio_logn{
 margin:0 auto;
 text-align:center;
 }
  .radio_logn img{
  height:42px;
  width:42px;
  text-decoration:none;
  display:inline;
  }
  .radio_logn a{
  font:bold 14px Arial, Helvetica, sans-serif;
  color:#924e00;
  text-decoration:none;
  }
  .radio_logn a:hover{
  color:#000;
  text-decoration:none;
  }

/* =CTGY PAGE
   ----------------------------------------------------*/
.ctgy_prods{
width:100%;
border:none;
margin:5px auto;
text-align:center;
color:#000;
clear:both;
}
 .ctgy_prods tr{
 vertical-align:bottom;
 }
 .ctgy_prods td{
 width:20%;
 text-align:center;
 padding:10px 10px 20px 10px;
 font:normal 10px Arial, Helvetica, sans-serif;
 
 }
  .ctgy_prods td img{
  display:block;
  margin:0px auto 5px auto;
  font:normal 8px Arial, Helvetica, sans-serif;
  border:none;
  max-width:220px;
  }
  .ctgy_prods td input{
  background:none;
  }
  .ctgy_prods td a{
  color:#924e00;
  }
  .ctgy_prods td a:hover{
  color:#000;
  }
input.details{
vertical-align:middle;
border:0px solid #924e00;
background:#fff;
color:#000;
padding-top:3px;
padding-bottom:2px;
}
ol.ctgy{
list-style:decimal;
}
ul.ctgy{
list-style:disc;
}
ol.ctgy li, ul.ctgy li{
padding:5px 0;
}
dl.ctgy dt{
font:bold 13px Arial, Helvetica, sans-serif;
}
dl.ctgy dd{
font:italic normal 12px Arial, Helvetica, sans-serif;
color:#000;
padding:5px 20px 10px 20px;
margin:0;
}

/* =PROD PAGE
   ----------------------------------------------------*/
.prod_image{
margin-top:15px;
margin-right:20px;
margin-bottom:20px;
width:320px;
float:left;
}
 .prod_image img{
 display:block;
 border:none;
 margin:0 auto;
 max-width:310px;
 }
.prod_info{
width:100%;
float:left;
}
 .prod_info form{
 margin:15px 0;
 }
 .prod_info input{
 vertical-align:middle;
 text-align:center;
 }
.prod_attributes{
padding:5px 0;
}
 .prod_attributes table{
 padding:10px 0;
 text-align:left;
 }
 	.prod_attributes table tr{
  vertical-align:middle;
  }
 .prod_attributes input, .prod_attributes select{
 vertical-align:middle;
 }
.prod_descrip{
padding-top:15px;
clear:both;
}
 .prod_descrip ul{
 list-style:disc;
 margin:auto 10px;
 padding:5px 10px;
 }
 .prod_descrip ol{
 list-style:decimal;
 margin:auto 10px;
 padding:5px 10px;
 }
  .prod_descrip li{
  margin:auto 10px;
  padding:3px 5px;
  }
.related_prods{
width:100%;
border:none;
margin:5px auto;
text-align:center;
color:#000;
clear:both;
}
 .related_prods tr{
 vertical-align:bottom;
 }
 .related_prods td{
 width:20%;
 text-align:center;
 padding:10px 10px 20px 10px;
 font:normal 10px Arial, Helvetica, sans-serif;
 }
  .related_prods td img{
  display:block;
  margin:0px auto 5px auto;
  font:normal 8px Arial, Helvetica, sans-serif;
  border:none;
  max-height:150px;
  }
    .related_prods td h2{
  display:block;
  margin:0px auto 5px auto;
  font:bold 14px Arial, Helvetica, sans-serif;
  border:none;
  max-height:150px;
  }
  .related_prods td input{
  background:none;
  }
  .related_prods td a{
  color:#924e00;
  }
  .related_prods td a:hover{
  color:#000;
  }
#jquery-overlay{
position:absolute;
top:0;
left:0;
z-index:90;
width:100%;
height:500px;
}
#jquery-lightbox{
position:absolute;
top:0;
left:0;
width:100%;
z-index:100;
text-align:center;
line-height:0;
}
#jquery-lightbox a img{border:none;}
#lightbox-container-image-box{
position:relative;
background:#fff;
width:250px;
height:250px;
margin:0 auto;
}
#lightbox-container-image{padding:10px;}
#lightbox-loading{
position:absolute;
top:40%;
left:0%;
height:25%;
width:100%;
text-align:center;
line-height:0;
}
#lightbox-nav{
position:absolute;
top:0;
left:0;
height:100%;
width:100%;
z-index:10;
}
#lightbox-container-image-box > #lightbox-nav{left:0;}
#lightbox-nav a{outline:none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext{
width:49%;
height:100%;
zoom:1;
display:block;
}
#lightbox-nav-btnPrev{
left:0; 
float:left;
}
#lightbox-nav-btnNext{
right:0; 
float:right;
}
#lightbox-container-image-data-box{
font:normal 10px Arial, Helvetica, sans-serif;
background:#fff;
margin:0 auto;
line-height:1.4em;
overflow:auto;
width:100%;
padding:0 10px 0;
}
#lightbox-container-image-data{
padding:0 10px; 
color:#666; 
}
#lightbox-container-image-data #lightbox-image-details{
width:70%; 
float:left; 
text-align:left; 
}	
#lightbox-image-details-caption{font-weight:bold;}
#lightbox-image-details-currentNumber{
display:block; 
clear:left; 
padding-bottom:1.0em;	
}			
#lightbox-secNav-btnClose{
width:66px; 
float:right;
padding-bottom:0.7em;	
}

/* =PLST PAGE
   ----------------------------------------------------*/
.plst_prods{
width:100%;
border:none;
margin:5px auto;
text-align:center;
clear:both;
}
 .plst_prods tr{
 vertical-align:middle;
 }
 .plst_prods td{
 text-align:center;
 }
  .plst_prods td img{
  display:block;
  margin:0 auto;
  font:normal 8px Arial, Helvetica, sans-serif;
  border:none;
  max-width:220px;
  }
  .plst_prods td input{
  background:none;
  }
  .plst_prods td a{
  color:#924e00;
  }
  .plst_prods td a:hover{
  color:#000;
  }

/* =BASKET AND CHECKOUT PAGE
   ----------------------------------------------------*/
.basket a{
color:#000;
text-decoration:underline;
}
.basket a:hover{
color:#924e00;
}
.checkout_headers{
width:100%;
margin:25px auto 0px auto;
text-align:center;
}
	.checkout_headers tr{
 vertical-align:top;
 }
 .checkout_headers .selected {
  font:bold 10px Arial, Helvetica, sans-serif;
  color:#000;
  padding-bottom:10px;
  }
 .checkout_headers .unselected {
  font:bold 10px Arial, Helvetica, sans-serif;
  color: #bfbfbf;
  padding-bottom:10px;
 }
 
.autoship-link a{
color:#de4900;
font-size:14px;
font-weight:bold;
text-decoration:underline;

}

.autoship-link a:hover{
color:#de4900;
font-size:14px;
font-weight:bold;
text-decoration:underline;
}

.resource_image{
margin-top:5px;
width:330px;
float:left;
}
.resource_text{
margin-top:5px;
width:400px;
float:left;
}



 .resource_image img{
 display:block;
 border:none;
 margin:0px;
 padding-left:0px;
 padding-top: 10px;
 padding-right: 15px;
width:320px;
 }

.resource_books{
float:left;
margin-left:-20px;
}

.resource_books div{
float:left;
padding-right:10px;
padding-left:10px;
}

.resource_books img{
 display:block;
 border:none;
 margin:0px;
 padding-left:0px;
 padding-top: 5px;
 padding-right: 0px;
  padding-bottom: 0px;
  margin-bottom: -10px;
}
 .form_image {
 display:block;
 border:none;
 margin:0px;
 padding-left:0px;
 padding-top: 0px;
 padding-right: 0px;
width:110px;
 }
 .form_box{
width:350px;
margin-left:0px; 
margin-top:0px;
}
 .form_box2{
width:350px;
margin-left:0px; 
margin-top:0px;
}
 .form_box_input{
width:200px;

}


