﻿body {
	background-image:url(graphics/background.gif);
	text-align:center;
	margin:auto;
}
body, p, blockquote, li, td {
		font-size: 13px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
}
h1 {color:#006633;margin:2px;}
h2{color:#006633;margin:2px;}
h3{color:#006633;margin:2px;}
h4 {color:#006633;margin:2px;}
h5 {color:#006633;margin:2px;font-weight:bold;}

b{color:#006633;}
p{text-align:justify;padding:4px;}

.its_us {  /* class used throughout site to provide info to us */
	color:gray;
	font-size:xx-small;
	border: 0px;
}
#wrapper {
	border: 0px solid #006400;
	position: relative;
	left:0px;
	text-align: left;
	margin:0px auto;
	width:1024px;
	height:auto;
}
#contentContainer {
	 border:thin solid #006400; 
	float:left;
	margin-left:0px;
	height:auto;
	background:#C5E6BD;
}
#header {
	background-image:url(graphics/header-spacer.gif);
	background-repeat: repeat-x; 
	color: #006400;
	font-family: Tahoma,Arial, Helvetica, sans-serif;
	height:120px;
	margin: 0px;
	padding: 0px;
	text-align:left;
	width:1024px;
}
#logolink { 
	padding-top: 10px; 
}
/*  Main Menu System  */
ul#menu {list-style-type: none;	margin:0; padding:0;}
ul#menu li {margin:0; padding:0;float:left;width:170px;background: url(graphics/butt-greenOff.gif) no-repeat  top center;height:52px;text-align:center;z-index: 5;}
ul#menu li span.title{position:relative;top:20px;font-size:16px;font-weight:bold;font-style:normal; text-decoration:none; display:block; padding:0px 0px 0px; text-shadow:#000 1px 1px 3px;	color:white;}
ul#menu li span.title:hover{color:#FFF75B;z-index: 5;}
ul#menu li span.submenu{background:#C5E6BD;border:1px #006400 solid;  color:black;min-height:200px;min-width:170px;padding:2px 0px 20px;display:none;position:absolute; top:170px;text-align:left; z-index: 5;}
ul#menu li span.submenu a {font-size:14px;font-weight:normal;font-style:normal; text-decoration:none; display:block;padding:2px 10px 2px;text-shadow: #424242 1px 1px 3px;	color:black;}
ul#menu li span.submenu a:hover {color:#FFF;}

 /*SECONDARY DEPARTMENTS (yellow bar) */
div.subDepartments {
/*	border:thin solid red;*/
	float:left; 	margin-top:2px;	width:1020px;	height:34px;	background:#fff75b;
	position:relative; 	z-index: 0;	margin-bottom:0px;	font-size:0.9em}
div.subDepartments ul { 
	float:left; 	margin:0;	padding:0 0 0 12px;	list-style-type: none;	height:34px;	width:auto;}
div.subDepartments li {
	float:left; 	height:34px;	width:auto;	padding: 0 10px;}
div.subDepartments li.spacer {
	background: url(graphics/pipe.jpg)  no-repeat center;	margin-top:2px; }
div.subDepartments li a {
	/* border:thin solid red; */
	background:#fff75b;display:block; 	padding:12px 0 10px 0;	color:#000;	text-decoration:none;	font-size:10px;font-weight:bold;}
div.subDepartments li a:hover { 	text-decoration:underline; background-color:white;}

/*TOP SEARCH BAR STYLES*/
#topSearch {
	/* border:1px solid red; */
	position:absolute; 	top:175px;	left:598px; z-index: 1;
	width: 426px; 	height:44px;
	background: url(graphics/SearchTopBG426x44.jpg) no-repeat ; }
input.searchBox {
	height:16px;
	width:235px;
	float:left;
	margin:10px 10px 0 80px;
	font-size:12px;
}
.searchButton { margin:6px 0 0 0;}


/* ********GLOBAL MAIN AREA STYLES******** */
/*MAIN CONTENT AREA*/

#main {  /* Used products.htm page  */
	/* border: 6px dash red; */
	float:left;
	width:auto;
	height:auto;
	margin:12px 0px 0px 0px;
}
#pages {
	/* border: 6px dash red; */
	float:left;
	width:auto;
	height:auto;
	margin:12px 0px 0px 0px;
}
/*SIDEBAR AREA*/
#sidebar {
/*	border:1px solid  #00853F;   */
	float:left;
	width:168px;
	height:auto;
	margin:12px 10px 0 3px;
	position:relative;left:-610px;top:0px;
}
#LivePerson {
	float:left; 
	width:185px;
	height:auto;
	margin: 0 0 0 0px;
}
#sidebarCap {
 /* border:1px solid red;   */
	float:left;
	clear:both;
	height:7px;
	width:158px;
	background: url(graphics/SidebarTop158x7.png) no-repeat bottom center;
	margin-left: 5px;
}
#sidebarTitle {
	float:left;
	clear:both;
	width:158px;
	padding:0px;
	background: url(graphics/SidebarRepeat158x1.png) repeat-y;
	margin-left:0px;
	margin-top:0px;
}
#sidebarTitle h2 {
	padding:0 0 0 15px;
	width:100%;
	margin:0; 
	padding-bottom:5px;
	font-size:16px;
/*	line-height:1.2em;*/
	font-weight:bold;
}
/* sidebar width can't change because the background image is only 158 wide  */
#sidebarList { float:left; width:158px;background: url(graphics/SidebarRepeat158x1.png) repeat-y;	margin-left:5px;}
#sidebarList ul {	padding:1px 0 0 5px;margin:0 5px 10px 10px;	list-style-type: none;	width:148px;}
#sidebarList li {width:158px;margin:0 0 0 0px;	padding:0;}
#sidebarList li a {	/* border:thin solid red; */	display:block;	color:#0200ac;	font-size:12px;	text-decoration:none;	width:155px;	padding:5px 0 5px 0px;}
#sidebarList li a:hover {	color:#000;	background:#C5E6BD ;	width:144px;}
#sidebarBottom {	float:left;	width:158px;	height:7px;	background: url(graphics/SidebarBtm158x7.png) no-repeat top center;	margin:0 0 10px 5px; }

/*CONTENT AREA (contains everything to the right of the sidebar)*/
#content {
	border:2px solid green; 
	float:left;
	width:610px; /* 630  */
	height:auto;
	margin: 12px 0 0 0px;
	background: #fff;
	vertical-align:top;
}
#content blockquote {
	color: gray;
	font-size: 13px;
	text-align:justify;
}
#content p{
	color: #708090;
	font-size: 14px;
	padding:0px 10px 0 10px;
	text-align:left;
}

#content A:link {color: #006633;}
#content A:visited {color: #006633; }
#content A:hover {color: #006633; font-style:italic;}
#content A:active {color: #006633; }

#content div.HFEbutton {width: 450px;	height: 42px;}
#content div.HFEbutton a {
	display: block;
	margin: 0px; 
	overflow: hidden;
	text-decoration: none;
	height: 100%;
	background: url(http://www.healthfoodemporium.com/images/hfebutton.png) no-repeat top left;
	color: white;
	font-family: 'Arial Bold';
	font-size:14px;
	line-height: 42px;
	text-align: center;
	 }
#content div.HFEbutton a:hover { background-position: -450px 0; color: #FFFF00;font-style:italic;}
#content div.HFEbutton a:active { background-position: -900px 0; color: #00FF00;}
#content ul{
list-style:none;
text-align:left;
}
#content ul,ol,li{
	color: green;
	font-size: 12px;
	font-family: tahoma, Helvetica, sans-serif;
	text-align:left;
}
#rightbar{
	border:2px solid #00853F; 
	float:left;
	width:200px;
	height:auto;
	padding:0px 0 0 0px;
	margin:12px 0 0 0px;
	background: #fff;
	text-align:center;
}
#prod_page #rightbar{width:250px;}

 div.feed_link {float:left;width:100%;	height:auto;	margin:0px;text-align:left;}
 div.feed_link ul {padding:0px;margin:0 0 0 0px;list-style-type: none;width:100%;}
div.feed_link  li a {display:block;color:#0200ac;	font-size:12px;text-decoration:none;	width:100%;	padding:4px 0 0 10px;}
div.feed_link li a:hover {color:#000;background:#C5E6BD ;width:100%;}

div.list_link {float:left;width:100%;	height:auto;	margin:0px;text-align:left;border:2px solid #00853F; }
div.list_link ul {padding:0px;margin:0px;list-style-type: none;width:100%;}
div.list_link  li a {display:block;color:#0200ac;	font-size:12px;text-decoration:none;	width:100%;	padding:4px 0 0 10px;}
div.list_link li a:hover {color:#000;background:#C5E6BD ;width:100%;}

/*BOTTOM SECONDARY DEPARTMENTS (yellow bar)*/
div.footermenu {	float:left;	margin-top:5px;	width:1022px;	height:34px;	background:#fff75b;	position:relative;	z-index: 0;margin-bottom:5px;font-size:0.9em}
div.footermenu ul {float:left;margin:0;	padding:0 0 0 12px;	list-style-type: none;	height:34px;	width:auto;}
div.footermenu li {float:left;height:34px;width:auto;padding: 0 10px;}
div.footermenu li.spacer {background: url(graphics/pipe.jpg) no-repeat center;	margin-top:2px;}
div.footermenu li a {display:block;color:#000;	font-size:12px;font-weight:bold;padding:12px 0 7px 0;	text-decoration:none;}
div.footermenu li a:hover {text-decoration:underline; background-color:white;}
/*FOOTER SLOGAN*/
#slogan {	height:auto;	font-weight: bold;	font-style: italic;padding: 5px 10px;	text-align:left;	width:1000px;		}
#bottomCopyright {text-align:right;width:1000px;}
/*  New Chapter Links in footer  */
#ncfooter{height:auto; width:1000px;}
#ncfooter ul li{display:inline;}
A.nc:link {color:green ;font-size:xx-small}
A.nc:visited {color: green; font-size:xx-small  }
A.nc:hover {color: green; font-size:xx-small}
A.nc:active {color: green;font-size:xx-small}

/*  CSS used in template files  */
.product_picture { /* showprice-yousave.tpl  */
margin: 10px;
padding: 0px;
text-align: center;
vertical-align: middle;
}

 /* showprice-yousave.tpl  */
A.product_name3:link {color: green;}
A.product_name3:visited {color: #008B8B; }
A.product_name3:hover {color:#90EE90 ; font-style:italic}
A.product_name3:active {color: green;
}
.form-table2{  /* showprice-yousave.tpl  */
background-color: #C5E6BD;
border: 3px solid #00853F;
padding:3px;
width:100%;
}
.display-one-product{  /* showproductshort.tpl  */
border: 4px double green; 
padding: 10px 10px;
}	
A.h3:link {color: #006633;font-size:16px;}
A.h3:visited {color: #006633; font-size:16px; }
A.h3:hover {color: #004433; font-size:16px;font-weight:bold;}
A.h3:active {color: #006633;font-size:16px;}
/* buy_now.tpl */
.buy_now{border: 1px solid green;padding:3px;/* width:98%;*/}
.buy_now table{background-color: white;border: 1px solid green;font-family: sans-serif;font-size: 9px;text-align: center;width:100%;}
.buy_now img{max-width:120px;}
.free_gift{border: 1px solid green;padding:3px;width:98%;}
.free_gift table{border: 1px solid green;font-family: sans-serif;font-size: 9pt;text-align: center;width:100%;}
.ourprice {color:red;font-size: large;	font-family: Arial, Helvetica, sans-serif;}
/* Used on index.php  */
.product_desc3 {color: #666666;	font-size: small;	font-family: Arial, Helvetica, sans-serif;	font-weight: normal;	padding: 5px;}
.product_desc4 {border-left:1px solid  #00853F;	border-right:1px solid  #00853F;text-align:center}
/*  Shopping Cart  */
#shopcart {  background-color:white;border: 2px solid green; font-size:11px; margin:auto;margin-top:1px; 	width:99%; min-width:400px;  }
#shopcart table{ padding-right:10px;} 
.droplabel {color: #8a2be2;background-color:#F0FFFF;font-size:14px;font-weight:bold; padding:10px;} 
.highlighted {color: #FFFFCD;background-color:#8a2be2;font-weight:normal; text-decoration:underline; }     
.plus{font-weight:bold;}      
.minus{font-weight:bold;}     
.userinfo {border: 2px purple solid;font-size:12px; padding:10px;}       
input.error {border: 2px blue solid; }   
label.error {border: 1px #00008B solid; color:purple;font-weight:bold;}        
input{font-size:10px;font-weight:bold;}  
.location {font-size:8px;font-weight:bold;}         
.message { color:blue; font-style:italic; margin: 2px; padding: 0px;}    
.message2 { color:red; font-weight:bold; }          
.errorflash {color:#FF00FF;text-decoration:blink;}  
.added {background-color:#FFFFCE;color:red;display:none;}      
.submitbutton{background:url(/graphics/wfv-cart-button.png);border:0px solid white;color:yellow;font-size:14px;height:32px;width:145px;text-align:center;line-height:2;}          
.editbutton{background:url(/graphics/wfv-cart-button.png);border:0px solid white;color:white;font-size:14px;height:32px;width:145px;text-align:center;line-height:2;}        
.paypalbuttonConfirm{background:url(/graphics/btn_xpressPay.jpg);border:0px;height:32px;width:145px;}      
.paypalbutton{background:url(/graphics/btn_xpressBlank.jpg);border:0px solid white;color:yellow;font-size:12px;height:32px;width:145px;}    

