/* CSS Document */

body { color: #663; font-family: Verdana, Arial, Helvetica, sans-serif; }
p {}
a:link { color: #663 ; text-decoration: none; }
a:visited { color: #663 ; text-decoration: none; }
a:hover { color: #663 ; text-decoration: none; }
a:active { color: #663 ; text-decoration: none; }
div#productDetail { font-family: Verdana, Arial, Helvetica, sans-serif; width: 670px; }
div#infoDetail { font-family: Verdana, Arial, Helvetica, sans-serif; width: 670px; padding: 5px; }
div#herbsheader { color: white; font-size: 20pt; font-family: Verdana, Arial, Helvetica, sans-serif; background-color: #c60; width: 800px; }
div#footer { color: white; font-family: Verdana, Arial, Helvetica, sans-serif; background-color: #c60; width: 800px; padding: 3px; }
div#horizontalNav {background-color: #ffff66; font-family: Verdana, Arial, Helvetica, sans-serif; width: 800px; float:left;}
div#verticalNav { font-size: 10pt; font-family: Verdana, Arial, Helvetica, sans-serif; font-family: Arial, Helvetica, sans-serif; font-weight: 700; width: 130px; }
.bold { color: black; font-weight: 700; }
.text8 { font-size: 8pt; }
.text10 { font-size: 10pt; }
.text14 { font-size: 14pt; }
.saleprice { color: red; font-size: 10pt; font-weight: 700; }
.regprice { font-size: 10pt; font-weight: 700; }
.searchBox { color: #663; background-color: white; width: 100px; height: 18px; padding: 0; border-width: 0; }
.searchSubmit {margin:0px; height:18px; border:solid 0 #ffff66; width:18px; background: transparent url("http://www.energiesoflife.com/v2/images/search.gif") no-repeat;}
.search_wSubmit {margin:0px; height:18px; border:solid 0 #ffff66; width:18px; background: transparent url("http://www.energiesoflife.com/v2/images/search_w.gif") no-repeat;}


/* Menu styles */

#horizontalNav * {
	font-family: arial, helvetica, serif;
}

#horizontalNav, #horizontalNav ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
        line-height: 1;
        float:left;
}


#horizontalNav ul li{
 background-color: #ffff66;
 float:left;
}

#horizontalNav li a {
      	color : #666633;
	font: bold 11px arial;
	text-decoration : none;
	padding: 6px 10px 6px 6px;
        clear:all;
        float:left;
}

#horizontalNav li a:hover {
	color : #fff;
        background-color: #666633;
	
}


#horizontalNav li .a{
        float:left;
}

#horizontalNav li ul li{
        color: #666633;
	font: 11px Tahoma, Verdana, Arial;
	text-decoration: none;
	display: block;
	border-left: 1px solid #666633;
	border-right: 1px solid #666633;
        clear:both;
        
  
}


#horizontalNav li ul li a{
        width:160px;
        font: 11px Tahoma, Verdana, Arial;
}


#horizontalNav li:hover ul{
display:block;
}

#horizontalNav li{
position:relative;
}

#horizontalNav li ul{
display:none;
position:absolute;
left:0;
margin-top:25px;
border-bottom: 1px solid #666633;
border-top: 1px solid #666633;
}

.clear{
clear:both;
}