html {
	margin:0;
	padding:0;
	width:100%;
}
body {
	width:100%;
	background:#fff;
	margin:0;
	padding:0;
	font:12pt "arial black",helvetica, sans-serif;
	height:100%;
}
a {color:#000066;}
img{border: none;
	outline:none;
}
.opt_orders{border:1px solid grey;width:60%;margin: 5px 18%;padding:5px 0}
.opt_orders input.order{width:2em;text-align:center}
.strike{text-decoration: line-through;}
.img_shadow{background-color: #ccc;margin-top:100px}

.img_shadow img{
	display:block;
	position:relative;
	background-color: #fff;
	border:1px solid #666;
	padding: 5px;
	margin:-3px 3px 3px -3px
	}

.img_caption{font-size:.70em;display:block;text-align:center}
.book_orders input.order{width:2em}
.book_img{width:200px}
.hoyfoot{text-align:center;float:left}
#wrap {
	position:relative;
	background-color:#ddd;
	width:960px;
	/*padding:0 0 190px 0;*/
	padding:0;
	margin:1px auto;
	height: auto;
	border: 1px solid black;
	}
#topmenu a{
	color:#000;
	text-decoration:none;
	font: 8pt georgia, serif;
}
/*
#header{top:1px;
	width:100%;
	height:130px;
	background-color:#abc495;
}
*/
#logo{
	background: url(http://iherb.org/images/logoweb-trans.png) no-repeat ;
	/*height:162px;*/
	height:145px;
	width:594px;
	position:absolute;

	left:100px;
	top:5px;
}
/*.png images with transparency need to have -trans.png appended to file name so the Dean Edwards package (IE8.js) will fix the alpha transparency issue in MSIE*/
#top{
	/*background: #acacac url(http://iherb.org/images/header-trans.png) no-repeat;*/
	background-color: #abc495;
	position:relative;
	
	width:960px;
	/*height:360px;*/
	height:150px;
}
#topmenu{
	font: 10pt "arial black", sans-serif;
	color:black;
	position:absolute;
	top:120px;
	right:220px;
	z-index:100;
}
#footer {
	clear:both;
	position:relative;
	border:0px solid blue;
	text-align:center;
	font: 10pt arial, sans-serif;
	}
#main_col{background:#FFFEF7;
	font: 12pt "arial black",helvetica, sans-serif;
	clear:left;
	width:560px;
	position:relative;	
	z-index:0;
	/*margin:0 200px -190px 200px;*/
	/*margin:0 200px;*/
	/*top:-190px;*/
	float:left;
	margin-left:10px;
	margin-bottom:8px;
	border:1px solid #aaa;
	padding:0 8px 8px 8px;
	top:1px;
	}
#right_col{margin-left:600px;
	width:350px;margin-top:11px;padding-bottom:10px;}
#right_col_row1,#right_col_row2,#right_col_row3{
	background:#FFFEF7;
	min-height:140px;
	height:auto;
	border:1px solid #aaa;
	position:relative;
	margin-bottom:4px;
	}
.right_col_inner{margin:8px}
#mainspacer div{width:576px;margin-left:10px;background:#FFFEF7;

	border:1px solid #aaa;}

#rtspacer .right_col_row4{
	background:#FFFEF7;
	height:auto;
	border:1px solid #aaa;
	position:relative;
	margin-bottom:4px;}
#content_container{position:relative;}
/*
#right_col_row1{top:192px;}
#right_col_row2{top:376px;}
#right_col_row3{top:560px;}
*/

#books_right_col{
position:absolute;
top:570px;
right:10px;
width:180px;
}
#temp_col{
	float:left;
	position:absolute;
	top:600px;
	left:0;
	width:150px;}
#centerbox {
	margin:0 25%;
	text-align:left;}
#names{
	text-align:left;
	margin:0 15%;}
#col_1{
	float:left;
	position:relative;
	padding:0;
	margin-left:35px;
	width:245px;
	}
#col_2{
	float:right;
	position:relative;
	width:245px;
}
.formoutput, label{
	font: 10pt "arial black",helvetica, sans-serif;
	color:#000;
	}
.book_border{border:1px solid #aaa;margin:5px;padding:2px;
	}
.books_left {width:49%;border:1px solid #aaa;
		float:left;clear:both;position:relative;padding-bottom:5px;}
.books_right {border:1px solid #aaa;
	margin-left:50%;
	position:relative;
	padding-bottom:5px;
}
.spacer{height:82px}
.book_row{text-align:center;position:relative; padding:0;margin: 0 auto 6px auto;top:0;}
.float-right {
	float:right;
	margin: 0 0 10px 20px;
	clear:both;
	text-align:center
	}
.float-right-small {
	float:right;
	width: 40%;
	padding: 0 0 10px 20px;
	clear:both;
	}
.float-left {
	float:left;
	padding: 0 20px 10px 0px;
	clear:both;
	text-align:center
}
.float_L{float:left}
.color{margin-top:2px;padding-top:7px;margin-bottom:-7px;}
.color img{height:1.5em;width:4em;float:right;margin-right:20px;margin-top:-2px}

.hoy_box{
	background-color:#abc495;
	border:1pt solid black;
	float:right;
	margin-left:10px;
	padding: 0 20px 10px 20px;}
fieldset{
	outline:none;
	position:relative;
	width:45em;
	height:auto;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
	border:none;
 }
label{
	width: 11em;
	float: left;
	left: 0px;
	text-align: right;
	margin: 4px .5em 0 0;
	clear: both;
	display:inline;
 }
.mini label{margin-top:0;
 	width: 6em;
 	text-align:left;
}
.gallery{margin: 20px 40px 0 230px;}
.gallery_size{
 	position:relative;
 	width:auto;
 	height:auto;
 	float:left;
 	margin:10px 15px 15px 0;
 	padding:0;
 	text-align:center;	
 }
img.positioned {
 	position:relative;
 	margin-bottom:1.5em;
 	left:0;
 }
.gallery_size p{
	position:absolute;
	bottom:0;
	margin:0;
	right:30%;
	padding:0;
	width:auto;
	text-align:center;
	display:inline;
	font: 12pt  georgia, times, serif;
}	
.border {border: 1px solid black;padding:5px;}	
.width250{width:250px;}

/*.style attributes*/
.italic {font: 12pt arial, sans-serif; font-style:italic;}
.normal {font: 12pt "Arial Black", helvetica, sans-serif;}
.normal2{font: 12pt arial, helvetica, sans-serif;}
.normal3{font: 10pt arial, helvetica, sans-serif;}
.normal4{font:10pt "arial black", sans-serif;}
.smalltext{font-size: .75em;}
.style1, .style1_bold, .style1_italic, .header {font: 18pt georgia, times,serif;}
.style2, .style2_bold, .style2_italic {font: 12pt georgia, times,  serif;} 
.style3, .style3_bold, .style3_italic {font:10pt georgia, times,  serif;}
.style4, .style4_bold, .style4_italic {font:14pt georgia, times,  serif;}
.style1_italic, .style2_italic, .style3_italic, .style4_italic, .italic {font-style:italic;}
.style1_bold, .style2_bold, .style3_bold, .style4_bold, .normal2_bold, .bold {font-weight: bold;}
.bold_italic{font-weight: bold;font-style:italic;}
.tinytext{font-size:.6em}
.hoy, .headline {
	color: #600066;
	font-style:italic;
	text-align:center;
	font-family: 'times new roman',serif;
}
.test1{color: #600066;
	font-style:italic;
	text-align:center;
	font-family: georgia,serif;
}
.test2 { color: #600066;
	font-style:italic;
	text-align:center;
	font-family: 'courier new',serif;
}
.style2a_italic{font:12pt georgia;font-style:italic;}
.style2c_italic{font:12pt georgia;font-style:italic;}
.style2a_noitalic{font:12pt georgia;}
.style2c_noitalic{font:12pt georgia;}
.red{color: red;}
.center{text-align:center;}
.button {text-decoration:none;}
.button_review{margin-left:-75px;}
.button_right{
	position:relative;
	text-decoration:none;
	float:right;
	margin-right:10px;
	margin-top:15px;
	}
.button_left{
	position:relative;
	text-decoration:none;
	margin-left:10px;
	float:left;
	margin-top:15px;
	}
.button_paypal{float:right;clear:both;margin:0}	
.reduce{font:.8em georgia;
	
	text-decoration:none;
	}
.order {color:#aca;}
.order_form{background-color:white;}
.links {text-decoration:none;}
#menu {margin-top:-2px;
	z-index:1;
	width:960px;
	margin:0 auto;
	position:relative;
	height:45px;
	margin-bottom:5px;
	
}
#menu ul {
	list-style: none;
	margin: 0;
	padding: 0;
	text-align:right;
}

#menu a {
	font: bold 16px  georgia, serif;
	display: block;height:45px;
	margin: 7px 0 0 0;
	color : #5a3245;
	text-decoration: none;
}
#menu a:hover{color:#606;}
/*don't delete this it doesn't validate in css2 but explorer needs it*/
#menu li, li a {box-sizing: content-box;}

#menu ul {
	padding: 0;
	padding-bottom:2px;
	margin: 0;
	z-index:1;
  	font: 1em georgia, serif;
  }
#menu ul ul a{font-size:10pt;padding: 2px;}
#menu ul li {
	position: relative;
  	margin: 0; padding: 0;
  	}
  	
#menu ul ul {display: none;width: 7em;}
#menu ul li:hover > ul {
	display: block; 
	position: absolute;z-index:1000;
	top: -1px; 
	right: 5em; 
	left: 100%;
	}

#menu li a{
	display: block; 
	text-decoration: none;
	}
#menu ul ul li {/*formatting for flyouts*/
	border-width: 1px;
	border-style: solid;
	border-color: #ccc #888 #555 #bbb;
	background-color:#d6dee8;	
	}
#menu li:hover {background-color:#e6e6fa;}
/* make horizontal menu*/

#menu li{border-right: 1px solid #000;
	border-left: 1px solid #000;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	float:left;
	width:118px;
	text-align:center;
	height:45px;
	margin:0;
	background-color:#95abc4;
	padding:0;
}

#menu ul li li{display:block;text-align:left;}
#menu ul ul a{font-size:.8em;height:1.2em;}
#menu ul li:hover > ul{right:0;left:0;top:45px;margin-top:-1px;}
#menu ul li li:hover > ul{top: -1px; 
	right: 5em; 
	left: 100%;}
#menu ul ul li{/*formatting for flyouts*/
	background-color:#aaa;
	background-color:#95abc4;
	height:auto;
	width:9em;
}

#menu a:hover {background-color:transparent;}
#menu li:hover {background-color:#fff;}

/* end horizontal menu*/
.fontlarge {font-size:14pt;}
p.indent {text-indent: 2em;}
.padded_box1{margin: 0 10px;}
.cartbuttonL, .cartbuttonC, .cartbuttonR{width:70%;margin:0}
.cartbuttonR{width:30%}
.row{clear: both;
	width:100%;
	position:relative;
	
}
.row div.head{
	height:1em;
	background-color: black;
	color:#ffffff;
	padding:2px 0 4px 0;
}
.row span.qty{
	float:left;
	width:10%;
	text-align:center;margin-top:-4px;
}
.row span.description{
	float:left;
	width:48%;height:2em;
	text-align:left;
}
.row span.price{
	float:left;
	width: 10%;
	text-align:right;
}
.row span.extended{
	float:left;
	width:10%;
	text-align:right;
}

.row span.link{
	float:left;
	width:20%;
	text-align:right;
	padding-right:10px;
}
.row span.mtotaltext, .row span.gtotaltext{
	float:left;
	width:55%;
	text-align:right;
	font: 12pt  georgia, times, serif;
}
.row span.mtotalnum, .row span.gtotalnum{
	float:left;
	width:43%;
	text-align:right;
	margin-left:-110px;
	font: 12pt  arial, helvetica, sans-serif;
}
.row span.shiptext{
	float:left;
	width:55%;
	text-align:right;
	margin-bottom:10px;
	font: 12pt  georgia, times, serif;
}
.row span.shiptextsub{
	display:block;
	width:45%;
	text-align:center;
	
	padding:3px;
	border:1px solid gray;
	margin:5px 0 5px 72px;
	
	
}
.row span.shipnum{

	float:left;
	width:38%;
	text-align:right;
	margin-left:224px;
	margin-top:-50px;
	text-decoration:underline;
	font: 12pt arial, helvetica, sans-serif;
}
.alignRight{text-align:right;}
.no_show{display:none}
.no_style{list-style: none;}
.registration{border:1px solid black}
.registration input{width:3em;margin:0 7px 0 7px;}
.registration span.underline{float:left;width:35px;margin:4px 7px 0 7px;font: bold 10pt "arial black",helvetica, sans-serif;text-align:center}
.registration label {width:70%;}
.registration select{font-size:.7em}
.registration input{font-size:.7em;width:20px;}
.registration hr{width:15%; display:inline;position:relative}
.registration span.center{text-align:center;display:block;width:600px;font:bold 14pt 'times new roman',serif;font-style:italic;color: #600066;}
.registration span.textSmall{font: 10pt 'times new roman',serif;color: #600066;}
.registration span.ext{font: bold 10pt "arial black",helvetica, sans-serif;float:right;margin-top:3px;margin-right:20px;width:20px;text-align:right}
.reg_total{margin-left:450px;width:200px;text-align:left;}
.reg_total .reg{text-align:right;margin-left:40px}
.registration legend {color: #600066;	font:bold 16pt 'times new roman',serif;}

 fieldset.registration{border-color: #600066;width:535px;}
 
.receipt .tab{text-align:right;padding-right:3px;}
.receipt .underline{text-decoration:underline;text-align:right;}
.receipt td{font-size:12px;} 
.receipt .shipping{font:2.3em georgia,serif;}
.receipt .invoice{font:1em georgia,serif;border:0;} 
.receipt table{width:600px;}
.receipt .masthead{background:black; height:25px;color:white;font:bold 8pt verdana,sans-serif;padding-left:3px;border:0;}
.receipt .header{border:0;}
.receipt .order{border:1px solid black;width:600px;}
.forum_content{border:1px solid black;font-size:.8em}
.forum_footer{font-size:.5em}
.pagination2{
	font:10pt helvetica, sans-serif;
	text-align:center;
	
}
.pagination2 a{text-decoration:none;}
.pagination{font-size:8pt;width:100%;text-align:center;}