/* 
Title: Herbal Groups screen style sheet
Author: Terry Majamaki
Email: design@imaginary-idea.com
Website: http://www.herbalgroups.com/
Version: 1.2
Created: Mardch 4, 2006
Modified: September 15, 2006 
*/
/* STANDARD HTML TAGS */
body {
	margin: 0;
	font: small/1.5em "Trebuchet MS", Verdana, Arial, sans-serif;
	color: #313D45;
}
a, a:link {
	color: #f60;
	text-decoration: none;
	outline: none;
	border: none;
}
a:visited {
	color: #c63;
}
a:hover, a:active {
	color: #A23906;
	text-decoration: underline;
}
h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
	color: #39c;
	font-family: "Trebuchet MS", Helvetica, sans-serif;
	text-shadow: #d0d7db 2px 2px 1px;
}
h1 {
	padding: 6px 5px 12px;
	background: url(../images/h1bg02.png) no-repeat left bottom;
	color: #069;
	font: bold 160% Georgia, "Times New Roman", Times, serif;
	text-shadow: #83b1c8 2px 2px 2px;
}
h2 {
	font-size: 130%;
	font-weight: normal;
}
h3 {
	color: #166e99;
	font: bold 110% "Trebuchet MS", Helvetica, sans-serif;
	text-transform: uppercase;
}
h4 {
	font-size: 100%;
}
h5 {
	font-size: 90%;
}
h6 {
	font-size: 80%;
}
strong, em {
	color: #424D78;
	text-shadow: #d0d7db 2px 2px 1px;
}
form {
	margin: 0;
}
/* MISC CLASSES */
.bbb {
	margin: 0.5em 16px;
	color: #867a3d;
	font-size: 90%;
}
.icon {
	vertical-align: text-top;
	padding-right: 4px;
}
.left {
	float: left;
}
.right {
	float: right;
}
img.right {
	padding-left: 10px;
}
img.left {
	padding-right: 10px;
}
.clear {
	clear: both;
}
a.clear {
	display: block;
}
.hgProducts {
	float: left;
	margin: 5px;
}
.new {
	color: #c30;
	font-style: italic;
	font-weight: bold;
}
.overseas {
	margin: 5px;
	padding: 15px;
	border: 3px solid #A23906;
	background: url(../images/certificates.jpg) no-repeat 50% 50%;
	font: 120%/1.7em Georgia, "Times New Roman", Times, serif;
}
.sites_left, .sites_right {
	float: left;
	width: 246px;
}
.sites_right {float: right;}
.sites_left img, .sites_right img {margin: 20px 4px 4px;}
.sites_left strong, .sites_right strong { 
	color: #39c;
	font: 110% "Trebuchet MS", Helvetica, sans-serif;
	text-shadow: #d0d7db 2px 2px 1px;
}
#wrap {
	background: url(../images/contentbg.png) repeat-y 0 0;
}
#header {
	padding: 10px 0 0;
	background: #fff url(../images/random/rotator.php) repeat-x center bottom;	
}
/* MAIN MENU */
#menu {
	margin: 0;
	padding: 30px 0 0 210px;
	list-style: none;
}
#menu li {
	float: left;
	position: relative;
	margin: 0;
	padding: 0;
	background: url(../images/menubg_end.png) no-repeat 0 0;
	list-style: none;
}
#menu li ul {
	float: left;
	position: absolute;
	margin: 0 0 0 -100%;
	padding: 0;
	background: transparent;
	list-style: none;
	white-space: nowrap;
	width: 500px; /* strange firefox bug, fix for submenu */
	top: auto;
	left: -999em;  /* using left instead of display to hide menus because display: none isn't read by screen readers */
}
#menu li ul li {
	float: left;
	margin: 0;
	padding: 0;
	background: url(../images/icon_arrowmenu.png) no-repeat 0 50%;
	list-style: none;
}
#menu li ul li a {
	float: left;
	margin: 0;
	padding: 0.5em 2em 0.5em 18px;
	background: transparent;
	color: #fff;
	font-size: 10px;
	text-shadow: #A23906 2px 2px 1px;
}
#menu li ul li a:hover {
	color: #FCF3BB;
	text-decoration: underline;
}
#menu li:hover ul, #menu li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
} 
#menu a {
	margin-left: 5px;
	padding: 10px 12px 7px 6px;
	display: block;
	background: url(../images/menubg.png) repeat-x right top;
	color: #76310f;
	font-size: 11px;
	font-weight: bold;
	line-height: 1em;
	letter-spacing: 0.1em;
	text-decoration: none;
	text-transform: uppercase;
	text-shadow: #c8bd89 2px 2px 1px;
}
#menu a:hover {
	color: #c30;
	text-decoration: underline;
}
/* DATE BAR */
h6#date {
	clear: both;
	padding: 1px 10px 2px;
	margin: 0;
	background: #A23906 url(../images/menubar.png) repeat-x 0px 0px;
	color: #fff;
	font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
	font-weight: normal;
	text-transform: uppercase;
	text-shadow: #A23906 2px 2px 1px;
	letter-spacing: 0.1em;
}
#content {
	margin: 0;
	padding: 0;
	width: 750px;
}
#shadow {
	background: url(../images/shadow_top.png) repeat-x 0 0;
	height: 10px;
}
* html #shadow{
	background-repeat: repeat-x;
	background-position: 0 0;
	back\ground-color: transparent;
	background-image: url(blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/shadow_top.png", sizingMethod="scale");
	}
#primaryContent {
	position: relative;
	float: right;
	width: 540px;
	margin: 0;
	padding: 0;
}
#primaryContent .padding {
	padding: 2px 20px;
}
/* LARGE BODY BOX */
.boxlg {
	clear: both;
	margin: 0 auto;
	padding-bottom: 10px;
	width: 500px;
	background: url(../images/contentbox2.png) no-repeat 0 bottom;	
}
.boxlgtop {
	margin: 0;
	padding: 0;
	width: 500px;
	height: 5px;
	background: url(../images/contentbox2.png) no-repeat 0 0;
}
.boxlg p, .boxlg h2, .boxlg h3, .boxlg h4 {
	margin: 0 1em 0.5em;
}
.boxlg h2, boxlg h3, boxlg h4 {
	font-weight: bold;
}
/* SIDEBAR */
#secondaryContent {
	position: relative;
	float: left;
	margin: 0;
	padding: 0;
	width: 210px;
}
/* SIDEBAR BOX */
.box {
	margin: 5px auto;
	padding-bottom: 10px;
	width: 194px;
	background: url(../images/sidebar_box.png) no-repeat left bottom;
}
.box h3 {
	margin: 0;
	padding: 5px 8px 0;
	background: url(../images/sidebar_box.png) no-repeat left top;
	color: #A22909;
	font: bold 110% Georgia, "Times New Roman", Times, serif;
	text-transform: capitalize;
	text-shadow: #d2c8c2 2px 2px 1px;
}
.box h4 {
	margin: 0;
	padding: 5px 8px 0;
	color: #FF0000;
	font: 110% "Trebuchet MS", Verdana, Arial, sans-serif;
	text-shadow: #e1d8ab 2px 2px 1px;
}
.box p {
	margin: .5em 0;
	padding-right: 8px;
	padding-left: 8px;
	color: #6b6652;
	font-size: 90%;
	line-height: 1.3em;
}
.box em, .box strong {
	color: #4D483A;
}
.box form {
	padding: 0 8px;
}
.box input.textfield {
	margin: 4px auto;
	padding: 1px;
	width: 170px;
	background: #fefefd url(../images/inputbg.png) repeat-x 0px 0px;
	color: #605F58;
	border-top: 1px solid #8E2B06;
	border-right: 1px solid #AA3C11;
	border-bottom: 1px solid #AA3C11;
	border-left: 1px solid #8E2B06;
}
/* FOOTER */
#footer, .footer {
	padding: 0 25px 10px;
	background: url(../images/spacebar01.png) no-repeat 50% top;
	color: #b9b9b9;
	font-size: 80%;
	text-align: center;	
}
#footer a, #footer a:link, #footer a:visited {
	color: #ccc;
	text-transform: uppercase;
	text-decoration: none;
}
#footer a:hover, #footer a:active {
	color: #8C8585;
	text-decoration: underline;
}
.footer {
	background: url(none);
}
/* BOTTOM BAR */
#bottom {
	clear: both;
	padding-top: 13px;
	background: url(../images/shadow_bottom.png) repeat-x left top;
}
* html #bottom{
	background-repeat: repeat-x;
	background-position: left top;
	back\ground-color: transparent;
	background-image: url(blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/shadow_bottom.png", sizingMethod="scale");
	}
#photo {
	height: 10px;
	background: #fff url(../images/random/rotator.php) repeat-x center bottom;
	border-top: 3px solid #A23906;
}
/* LIST WITH ARROW ICONS */
ul.arrow {
	margin: 0 25px;
	padding: 0;
	list-style: none;
}
ul.arrow li {
	padding-left: 20px;
	background: url(../images/icon_arrow.png) no-repeat 0 4px;
	border-bottom: 1px dashed #E4E5E6;
	line-height: 1.7em;
}
ul.centeredList {
	margin: 1em auto;
	padding: 10px 0;
	height: 20px;
	background: url(../images/spacebar01.png) no-repeat 0px bottom;
	list-style: none;
}
ul.centeredList li {
	float: left;
}
/* INFO LINKS LIST */
ul.infoLinks {
	margin: 0 0 1.5em;
	padding: 0px;
	height: 28px;
	background: url(../images/spacebar01.png) no-repeat 50% bottom;
	list-style: none;
}
ul.infoLinks li {	
	float: left;
	list-style: none;
}
ul.infoLinks li a, li.order a, li.ingredients a, li.top a, li.arrowDown a {
	padding: 0 1em 0 20px;
	float: left;
}
li.order {
	background: url(../images/icon_cart.png) no-repeat 0 50%;
}
li.ingredients {
	background: url(../images/icon_ingredients.png) no-repeat 0 50%;
}
li.top {
	background: url(../images/icon_arrowup.png) no-repeat 0 50%;
}
li.arrowDown {
	background: url(../images/icon_arrowdown.png) no-repeat 0 50%;
}
a.lbAction, a.close {
	background: url(../images/icon_close.png) no-repeat 0 50%;
	padding-left: 20px;
}
/* MULTI COLUM LIST */
ul.col1, ul.col2, ul.col3 {
	float: left;
	margin: 0;
	padding: 0 0 0 9px;
	width: 155px;
	font-size: 90%;
	list-style: none;
}
ul.col1 li, ul.col2 li, ul.col3 li {
	margin: 0;
	padding: 0;
	line-height: 1.8em;
}
/* POP UP WINDOWS */
#ingredients, #press{
	margin: 10px 25px;
}
/* CONTACT FORM */
form#contact {
	margin: 1em 0;
	padding: 0;
}
form#contact label {
	float: left;
	margin: 4px;
	width: 170px;
	text-align: right;	
}
form#contact input, form#contact textarea {
	float: left;
	margin: 4px;
	padding: 1px 2px;
	width: 250px;
	background: #fff url(../images/inputbg02.png) repeat-x 0 0;
	color: #605F58;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border-top: 1px solid #ABABAB;
	border-right: 1px solid #D2D2D2;
	border-bottom: 1px solid #D2D2D2;
	border-left: 1px solid #ABABAB;
}
form#contact input:focus, form#contact textarea:focus {
	color: #a03b00;
	border-color: #a03b00;
}
form#contact .btn {
	width: auto;
}
form#contact fieldset {
	margin: 1em 0;
	padding: 1em;
	border: 1px solid #e6e6e6;
	background: #fcfcfc;
}
form#contact legend {
	padding: 0 0.5em;
	background: #fff;
	color: #34A3C8;
	font-size: 90%;
	text-transform: uppercase;
	text-shadow: #d0d7db 2px 2px 1px;
	letter-spacing: 1px;
}