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

body, html { background-color: #975535; margin:0; padding:0; color:#000;font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #333333; background-image: url(../images/bg/darkbrown.jpg); line-height: 15px;}
	
a:link {color: #333333;}
a:visited {color: #333;}
a:hover {color: #CC6600;}
a:active {color: #CC6600;}
a:img { border: none;}

img { border:  none;}


body h1{font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #669966; font-weight: bold; text-transform:uppercase;}
body {min-width:930px;}
body h2{font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #333333; font-weight: bold; }
.bold {font-weight: bold; }
.emphasis { color:#CC0000;}
.green { color: #669900;}
.red { color:#C00;}

body h3 {font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #669966; font-weight: bold; }
body h4 {font-family: "Times New Roman", Times, serif; font-size: 28px; color: #016445; font-weight: normal; line-height: 32px;  margin-top: 10px; margin-bottom: 5px; }
body h5{font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #666; font-weight: bold; text-transform:uppercase; border-bottom: #CCCCCC solid 1px;}
body h6 {font-family: "Times New Roman", Times, serif; font-size: 20px; color: #016445; font-weight: normal;   margin-top: 10px; margin-bottom: 0px; }

/* TEXT STYLES */

.ital { font-style: italic;}
.rule { border-top: 1px solid #CCCCCC; padding: 10px 0px 10px 0px;}
.LatinName { font-style:italic; font-size: 11px; color: #333333}
.BotanicalName { font-style:italic; font-size: 11px; color: #333333}

.saleprice {color: #ff0000}
.searchheader { background-color:#669966; color:#FFFFFF; text-transform:uppercase; width: 437px; padding: 5px;}
#sidebar { width: 140px; background-color:#eff5ef; color: 333; padding: 10px; margin: 10px 0px 10px 10px; float: right;}
#sidebar h1 {color: #669966; 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: #669966; font-weight: bold; text-transform:uppercase; margin-top: 0px; padding-top: 0px;}
#sidebox p {line-height: 18px; color:#666666;}

#colorblock { background-color:#eff5ef; color: 333; padding: 10px 10px; margin-top: 0px;  }
#colorblock p { color:#666;}


#wrapwsbutton { margin:0 auto; width:930px; border: 0px; padding: 0px; margin-top: 10px; background-image: url(../images/bg/darkbrown.jpg);}	
#wrapwsbutton a img {padding: 0px; border: 0px; margin: 0px }

#wrap { background: white; margin:0 auto; width:930px; border: 1px solid; border-color: #999; }	
		
#header {background: white; height:80px;}
#header h1 {padding:5px;   margin:0;}

/* breadcrumbs */

#breadcrumbs-left {width: 772px; margin: 0; padding: 7px; color: #333; background-color:#cccc99; font-size: 12px; float: left;}
#breadcrumbs-left a:link {color: #333; text-decoration:none;}
#breadcrumbs-left a:active {color: #333; text-decoration:none;}
#breadcrumbs-left a:visited {color: #333; text-decoration:none;}
#breadcrumbs-left a:hover {color: #cc6600; text-decoration:underline;}

#breadcrumbs a:link {color: #333; text-decoration:none;}
#breadcrumbs a:active {color: #333; text-decoration:none;}
#breadcrumbs a:visited {color: #333; text-decoration:none;}
#breadcrumbs a:hover {color: #cc6600; text-decoration:underline;}

#breadcrumbs {width: 916px; margin: 0; padding: 7px; color: #333; background-color:#cccc99; font-size: 12px;}

#breadcrumbs-right {width: 130px; margin: 0; padding: 7px; color: #333; background-color:#cccc99; font-size: 13px; float:right;}



/* 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  { text-align:left;  color:#000000; background-color:#cccc99; 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; }

/* 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; }



/* Search Box */

#search { display: block; color:#016445; width: 230px; height: 20px; margin: 0; padding: 5px 0; border-bottom: 5px solid #E5E5CC; float: right; }
.searchbox { width:110px;  font-size: 10px; font-family: Arial, Helvetica, sans-serif; color: #016445; border: 1px solid gray; margin: 0; padding: 0;}	
.click { vertical-align: middle;}	
	
	
#navigation { display: block; color:#016445; width: 700px; height: 20px; margin: 0; padding: 5px 0; border-bottom: 5px solid #E5E5CC; list-style: none; }
#navigation ul {width: 100%; padding: 4px 0; margin: 0; text-align: left;}
#navigation ul li {display: inline;}
#navigation ul li a{color: #016445; padding: 0 10px; margin: 0; width: 510px; text-decoration: none; border-right: 1px solid #016445; text-align: left; font-size:12px; }
#navigation li.last {border-right: 0;}
#navigation ul li a:hover{ color:#999;}



/* Drop Down Menu */

.dropmenu{ position:absolute; top: 0; font-size:11px; border-bottom-width: 0; line-height:14px; z-index:100; background: #E5E5CC; width: 160px; visibility: hidden;}
.dropmenu a{width: auto; display: block; text-indent: 5px; border-bottom: 1px dotted white;  padding: 3px 5px; text-decoration: none; color: #016445;}
.dropmenu a:hover{color: #999;}

* html .dropmenu a{ /*IE only hack*/ width: 100%;}


/* category */

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


#products {display: block; float:left; align:center;}
#products table {
        width: 700px;
        padding: 0;
        margin: 0;
}

#products td { vertical-align: top;
    width: 110px;
	background: #fff;
	text-align: center;
	border:none;
}

/* productsPct */

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

/* productsTxt */

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

/* productsBtn */

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



/* MAIN */
#main {display: block; float:left; align:center; padding: 10px 0; }


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



/* MAIN ONE COLUMN */
#onemain {background: white; float:left; width:680px; padding: 10px 10px; margin: 10px 0px; border-right: 1px solid #cccc99; }

/* MAIN TWO COLUMN SPLIT */

#splitleft {background: white; float:left; width:330px; padding: 10px 10px; margin-top: 10px;}
#splitright {background: white; float:left; width:330px; padding: 10px 9px; border-left: 1px solid #E5E5CC; border-right : 1px solid #E5E5CC; margin-top: 10px; }

/* MAIN 2 COLUMN */
#twomaincenter {background: white; float:left; width:447px; padding: 0px 10px; border-left: 1px solid #E5E5CC; margin-bottom: 10px; margin-top: 10px; border-right: 1px solid #E5E5CC; margin: 10px 0px; }

/* MAIN 3 COLUMN */

#threemainleft {background: white; float:left; width:212px; padding: 0px 10px; margin: 10px 0px; }
#threemaincenter {border-right: 1px solid #E5E5CC; background: white; float:left; width:214px; padding: 0px 10px; border-left: 1px solid #E5E5CC;  margin: 10px 0px; }
#threemainright {background: white; float:right; width:212px; padding: 0px 10px; margin: 10px 0px; }


/* PRESS */


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

#pressleft-orig {background: white; float:left; width:100px; padding: 0px 10px; margin: 10px 0px; font-size: 11px;}
#presscenter-orig {border-right: 1px solid #cccc99; background: white; float:left; width:418px; padding: 0px 10px; border-left: 1px solid #cccc99;  margin: 10px 0px; font-size: 11px; }
#pressright-orig {background: white; float:right; width:120px; padding: 0px 10px; margin: 10px 0px; font-size: 11px; }

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

#progress {font-size:12px; width: 910px; margin: 0 auto; clear:both; padding: 5px 10px 5px 10px; background: #E5E5CC; text-align: center; text-transform:uppercase; }
#letternav {font-size:12px; width: 910px; margin: 0 auto; clear:both; padding: 5px 10px 5px 10px; background: #E5E5CC; 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: #333;}


/* 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 white; padding-right: 5px; padding-left: 5px;}
#bottom li.last {border-right: 0;}
#bottom a {color: white;}
#bottom a:hover {color: black;}

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

/* extra styling */

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

/* BTMBAR */

#btmbar {width: 700px; height: 25px; background-color: #CCCC99; clear: both; }

/* PRODUCT DISPLAY */

.proddisplay-none {display:none;}
.proddisplay {float:left; width: 447px; background-color:#FFFFFF;}
.proddisplay hr {width: 100%; height: 1px; background-color: #669966; border: 0; }

.proddisplayleft {background: white; float:left; width:90px; padding: 5px; }
.proddisplayright {background: white; float:right; width:337px; padding: 0px; border: 0px;  }
.pdetails { height: 22px; width: 55px; 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; }
 

.prevnext { width: 426px;}


/* STORE LOCATOR */

#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 #cccc99; border-right: 1px solid #cccc99; color:#333; text-align: left; padding: 4px;  text-transform: uppercase; }

#storelocator td { border-bottom: 1px solid #cccc99; border-right: 1px solid #cccc99; padding: 4px; color:#666; text-align: left; }


#storelocator td.name { text-transform: uppercase;}

#storelocator td.address {background: #f2f2e5; text-transform:capitalize;}

#storelocator td.brands {background: #f2f2e5;}

#storelocator td.distance {background: #f2f2e5; text-align:right;}
#storelocator td.phone {white-space: nowrap;}

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

/* PRODUCT TALLER */

.taller { min-height:100px;}


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


/* GOOGLE SEARCH */

.gresult {margin: 0;
  padding: 5px 0 10px 0;
  border-bottom: 1px dotted;
  border-color: #cecece;
  font-size: 11px;
  line-height: 14px;
}
.gtitle {font-family: Arial, Helvetica, sans-serif; color: #016445; font-weight: bold; font-size: 13px; line-height: 16px}
.gtitle a {font-family: Arial, Helvetica, sans-serif; color: #016445;}
.gtitle a:hover {color: #CC6600;}
.gcontext {font-family: Arial, Helvetica, sans-serif; color: #000;}
.gurl {font-family: Arial, Helvetica, sans-serif; color: #666;}
.gurl a {font-family: Arial, Helvetica, sans-serif; color: #666;}
.gurl a:hover {color: #CC6600;}