@charset "UTF-8";
/* CSS Document */

body, html {margin:0; padding:0; color:#000;font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #000; line-height: 16px;}
	
a:link {color: #666;}
a:visited {color: #666;}
a:hover {color: #333;}
a:active {color: #666;}
img { border: none; }


body h1{font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #7A854C; font-weight: bold; text-transform:uppercase;}
body {min-width:930px;}
body h2{font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; }
body h4 {font-family: "Times New Roman", Times, serif; font-size: 28px; color: #7A854C; font-weight: normal; line-height: 32px;  margin-top: 10px; margin-bottom: 5px; }
.bold{font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; }
.red {color: #CC0000; font-weight: bold; }
.emphasis { color:#CC0000; font-weight: bold;}


.ital { font-style: italic;}
.rule { border-top: 1px solid #CCCCCC; padding: 10px 0px 10px 0px;}
.LatinName { font-style:italic; font-size: 11px; }
.BotanicalName { font-style:italic; font-size: 11px; }
.searchheader { background-color:#7A854C; color:#FFFFFF; text-transform:uppercase; width: 437px; padding: 5px;}

#header {width: 930px; height:120px; margin: 0; padding: 0;}


#wrap {background: white; margin:0 auto; width:930px; border: 1px solid; border-color: #cccc99 #999A76 #999A76 #cccc99; margin-top: 20px;}
		
/* breadcrumbs */

#breadcrumbs {width: 910px; margin: 0; padding: 10px; font-size: 11px; background-color: #E8EDD4; color: #666;  text-transform:uppercase; border-top: 1px solid white; }
#breadcrumbs a:link {color: #7A854C; text-decoration:none;  }
#breadcrumbs a:active {color: #7A854C; text-decoration:none; }
#breadcrumbs a:visited {color: #7A854C; text-decoration:none; }
#breadcrumbs a:hover {color: #666; text-decoration:underline; }

#breadcrumbs-left {width: 772px; margin: 0; padding: 7px; color: #333; background-color:#E8EDD4; font-size: 11px; float: left; text-transform:uppercase;}
#breadcrumbs-right {width: 130px; margin: 0; padding: 7px; color: #333; background-color:#E8EDD4; font-size: 13px; float:right;}

#sidebar { width: 140px; background-color:#f1f3ed; color: 333; padding: 10px; margin: 10px 0px 10px 10px; float: right;}
#sidebar h1 {color: #7A854C; font-weight: bold; text-transform:uppercase; margin-top: 0px; padding-top: 0px;}
#sidebar p {line-height: 18px; color:#666666;}

#sidebox { width: 192px; background-color:#eff5ef; color: 333; padding: 10px;  }
#sidebox h1 {color: #7A854C; font-weight: bold; text-transform:uppercase; margin-top: 0px; padding-top: 0px;}
#sidebox p {line-height: 18px; color:#666666;}







/* LETS */
.let-shown {}
.let-none { display:none;}
/* SEARCH PRODUCTS */
.srcprod-none {dipslay:none;}
.srcprod-shown {}
/* PRODUCTS */
.prod-hide { display:none;}
.prod-none { display:none;}
.prod-hover  { color:#000000; background-color:#B4C570; border-color: black; layer-background-color:#000000; border-width:2 px;
        position:absolute; top:100px; right:50px; overflow:auto; width:300px; padding: 5px;
        z-index:99; }
.prod-inner  { display:block; ; color:#000000; background-color: #FFFFFF; layer-background-color:#000000; font-size:11px;
        z-index:98; padding:10px; }



/* Search Box */
#search  { width: 930px; color:#000000; position:relative; top:-25px; right:10px; overflow:hidden; z-index:99; }
.search { float: right; color: #016445; vertical-align: middle; }	
.click { vertical-align: middle;}	


#navigation {background: #B4C570; color:#FFFFFF; width: 930px; height: 26px; padding: 0 0; list-style:none; margin: 0; border:0; font-family: Arial, Helvetica, sans-serif; font-size: 13px; border-top: 1px solid white;}

#navigation a {display: block; text-decoration: none; padding: 5px 10px; }
#navigation a {color: white;}
#navigation a:hover {background: #CCC; color: white;}

#navigation li {float: left; padding: 0 0; }

#navigation li.home { width: 60px; border-right: 1px solid white; }
#navigation li.about { width: 150px; border-right: 1px solid white; }
#navigation li.products { width: 120px; border-right: 1px solid white;}
#navigation li.recipes { width: 120px; border-right: 1px solid white;}
#navigation li.organic { width: 120px; border-right: 1px solid white;}
#navigation li.media { width: 125px; }

#navigation li ul {position: absolute; left: -999em; height: auto;	width: 120px; w\idth: 120px; font-weight: normal; background-color:#B4C570; margin: 0; list-style:none;}

#navigation li ul.products {background: #999; width: 150px; }

/* dropdown part */

#navigation li li {margin-left: 0px;	padding: 0 0 0 0;}

/* 2nd level dropdown part */

#navigation li.about ul a {background: #B4C570; width: 140px; w\idth: 140px; border-bottom: dotted #FFFFFF 1px;}
#navigation li.products ul a {background: #B4C570; width: 140px; w\idth: 140px; border-bottom: dotted #FFFFFF 1px; }
#navigation li.recipes ul a {background: #B4C570; width: 140px; w\idth: 140px; border-bottom: dotted #FFFFFF 1px; }
#navigation li.organic ul a {background: #B4C570; width: 90px; w\idth: 90px; border-bottom: dotted #FFFFFF 1px; }
#navigation li.media ul a {background: #B4C570; width: 90px; w\idth: 90px; border-bottom: dotted #FFFFFF 1px;}
#navigation li.search ul a {background: #B4C570; width: 90px; w\idth: 90px; border-bottom: dotted #FFFFFF 1px; }

#navigation li.about ul a:hover {background: #CCC; color: white;}
#navigation li.products ul a:hover {background: #CCC; color: white;}
#navigation li.recipes ul a:hover {background: #CCC; color: white;}


#navigation li:hover ul ul, #navigation li:hover ul ul ul, #navigation li.sfhover ul ul, #navigation li.sfhover ul ul ul 
{left: -999em; width: 180px; padding: 0 0 0 0;}

#navigation li:hover ul, #navigation li li:hover ul, #navigation li li li:hover ul, #navigation li.sfhover ul, #navigation li li.sfhover ul, #navigation li li li.sfhover ul 
{left: auto; padding: 0 0 0 0;}


/* category */

#category {float:left; padding: 10px 0;  }
#nextprev {float:right; padding: 10px 0; }

/* productsPct */

#productsPct {display: block; float:left; padding: 8px;}
#productsPct table { width: 684px; padding: 0; margin: 0;}
#productsPct td {vertical-align: top; width:114px; text-align: center; padding-top: 10px;}

/* productsTxt */

#productsTxt {display: block; float:left; padding: 10px;}
#productsTxt table { width: 680px; padding: 0; margin: 0;}
#productsTxt td {vertical-align: top; width:160px; text-align: left; padding-left: 10px;}

/* productsBtn */

#productsBtn {display: block; float:left; padding: 10px;}
#productsBtn table { width: 680px; padding: 0; margin: 0;}
#productsBtn td { vertical-align: top; width:160px; text-align: left; padding-left: 10px;}



/* MAIN */
#main {display: block; float:left; }

#mainleft {float:left; width:212px; border: 10px solid white; }
#maincenter {border-right: 1px solid #E5E5CC; background: white; float:left; width:214px; padding: 0px 10px; border-left: 1px solid #E5E5CC;  margin: 10px 0px; }
#mainright {background: white; float:left; width:212px; padding: 0px 10px; margin: 10px 0px; border-right: 1px solid #E5E5CC;}
#maincenterright { background: white; float:left; width:447px; padding: 0px 10px; border-left: 1px solid #B4C570; border-right: 1px solid #B4C570; margin: 10px 0px; }

#mainextra {background: white; float:right; width:209px; padding: 0px 10px; margin: 10px 0px; }


/* MAIN TWO COLUMN */
#twomain {display: block; float:left; }
#twomainleft {float:left; width:212px; border: 10px solid white; }
#twomainright { background: white; float:left; width:447px; padding: 0px 10px; border-left: 1px solid #B4C570; border-right: 1px solid #B4C570;  margin: 10px 0px; }

/* MAIN ONE COLUMN */
#onemain {background: white; float:left; width:680px; padding: 10px 10px; }

/* PRESS */
#pressleft {background: white; float:left; width:175px; padding: 0px 10px; margin: 10px 0px; font-size: 11px;}
#presscenter {border-right: 1px solid #E5E5CC; background: white; float:left; width:518px; padding: 0px 10px; border-left: 1px solid #E5E5CC;  margin: 10px 0px; font-size: 11px; }
#pressright {background: white; float:right; width:175px; padding: 0px 10px; margin: 10px 0px; font-size: 11px; }



#progress {font-size:12px; width: 910px; margin: 0 auto; clear:both; padding: 5px 10px 5px 10px; background: #B4C570; text-align: center; text-transform:uppercase; }
#letternav {font-size:12px; width: 910px; margin: 0 auto; clear:both; padding: 5px 10px 5px 10px; background: #B4C570; text-align: left; text-transform:uppercase;  }
#letternav li {display: inline; border-right: 1px solid #999999; padding-right: 5px; padding-left: 5px;}
#letternav li.last {border-right: 0;}
#letternav a {color: black; padding-right: 5px;}
#letternav a:hover {color: #90461E;}


#footer {background:#B4C570;clear:both; height: 25px;}
#footer p {	padding:5px;	margin:0; }

/* bottom */

#bottom {font-size:11px; width: 930px; margin: 0 auto; clear:both; padding: 10px 0 10px 0; }
#bottom li {display: inline; border-right: 1px solid #999999; padding-right: 5px; padding-left: 5px;}
#bottom li.last {border-right: 0;}
#bottom a {color: #666666;}
#bottom a:hover {color: #90461E;}

#copyright p {width: 930px; margin: 0 auto; color: #666666; font-size: 9px; text-align:center; margin-top:10px; clear: both;}

/* extra styling */

.RecipeTitle {font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #7A854C; font-weight: bold; text-transform:uppercase;}
.RecipeHeader {font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #7A854C; font-weight: bold; margin: 10px 0px;}
.RecipeColor { color: #7A854C;}
.RecipeCaption {font-family:"Times New Roman", Times, serif; font-size: 16px; color: #7A854C; font-weight: bold; margin: 10px 0px;}
#DidYouKnow {display: block; float:left;  }
#FeaturedRecipe {display: block; float:left; padding: 10px 2px 10px 2px;}
#RecipePict {FLOAT: left; padding: 7px 7px 0px 7px;}

#TEST { padding: 4px; text-align:left; line-height: 18px;}



/* TABS */
.tab-none { display:none;}
.tab-shop {  width: 426px; border-left: 1px solid #CCCC99; border-right: 1px solid #CCCC99; border-bottom: 1px solid #CCCC99; padding: 10px; margin-top: 0px; }
.tab-info { width: 426px; border-left: 1px solid #CCCC99; border-right: 1px solid #CCCC99; border-bottom: 1px solid #CCCC99; padding: 10px; margin-top: 0px; }
.tab-usage { width: 426px; border-left: 1px solid #CCCC99; border-right: 1px solid #CCCC99; border-bottom: 1px solid #CCCC99; padding: 10px; margin-top: 0px; }
.tab-safety { width: 426px; border-left: 1px solid #CCCC99; border-right: 1px solid #CCCC99; border-bottom: 1px solid #CCCC99; padding: 10px; margin-top: 0px; }
.tab-recipes { width: 426px; border-left: 1px solid #CCCC99; border-right: 1px solid #CCCC99; border-bottom: 1px solid #CCCC99; padding: 10px; margin-top: 0px; }
.tab-sourcing { width: 426px; border-left: 1px solid #CCCC99; border-right: 1px solid #CCCC99; border-bottom: 1px solid #CCCC99; padding: 10px; margin-top: 0px; }
.tab-articles { width: 426px; border-left: 1px solid #CCCC99; border-right: 1px solid #CCCC99; border-bottom: 1px solid #CCCC99; padding: 10px; margin-top: 0px; }
.tab-video { width: 426px; border-left: 1px solid #CCCC99; border-right: 1px solid #CCCC99; border-bottom: 1px solid #CCCC99; padding: 10px; margin-top: 0px; }


/* PRODUCT DISPLAY */


.proddisplay-none {display:none;}
.proddisplay {float:left; width: 447px; background-color:#FFFFFF; text-align:left;}
.proddisplay hr {width: 100%; height: 1px; background-color: #669966; border: 0;  }
.proddisplayleft {background: white; float:left; width:90px; padding: 5px; text-align:left; }
.proddisplayright {background: white; float:right; width:337px; padding: 5px 0px; border: 0px; text-align:left; }
.proddisplayright p {padding: 0px; border: 0px; margin: 0px; line-height: 12px; margin-bottom: 20px; text-align:left; }

.pdetails { height: 22px;  vertical-align: bottom; padding-right: 10px; }
.psize { height: 22px; vertical-align: top;  padding-right: 10px;}
.pform { height: 22px; vertical-align: top; padding-right: 10px; }
.pprice { height: 22px; vertical-align: top; padding-right: 10px; }
.pqty { height: 22px; vertical-align: top; padding-right: 10px; }
.paddtocart { height: 22px; width: 76px; vertical-align: bottom; }


#storelocator {font-family:Arial, Helvetica, sans-serif; font-size:11px; margin: 0 auto; border: 1px solid #cccc99; color:#333;}
#storelocator caption { margin-top: 1em auto 0; font-size: 13px; font-weight: bold; padding-bottom: 10px;}
#storelocator th { border-bottom: 1px solid #B4C570; border-right: 1px solid #B4C570; color:#333; text-align: left; padding: 4px; text-transform:uppercase;}
#storelocator td { border-bottom: 1px solid #B4C570; border-right: 1px solid #B4C570; padding: 4px; color:#666; text-align: left; }
#storelocator td.name { text-transform: uppercase;}
#storelocator td.address {background: #D9E2B7; text-transform:capitalize;}
#storelocator td.distance {background: #D9E2B7; text-align:right;}
#storelocator td.brands {background: #D9E2B7;}

#locatorform {width: 652px; background: #D9E2B7; border: 1px solid #B4C570; padding: 4px; margin: 0 auto; margin-bottom: 20px;}

.isearch-highlight {font-weight: bold; color:#666; }

#screen { margin:0 auto; }


/* PRODUCT TALLER */

.taller { min-height:100px;}
.isearch-highlight {font-weight: bold; color:#000000; }