/* CSS Document */

/*********************************************************************

Style Reset - removes browser defaults

**********************************************************************/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent;}

/*************************************************************
MAIN GENERAL STYLES
*************************************************************/
body {
	margin: 0;
	border: 0;
	padding: 0;
}
img
	{
	margin: 0;
	padding: 0;
	border: 0;
}
flash
	{
	margin: 0;
	padding: 0;
	border: 0;
}
form{
	margin: 0;
	padding: 0;
	border: 0;
}
.clear{ 
  	clear:both; 
	/*** these next attributes are designed to keep the div 
	height to 0 pixels high, critical for Safari and Netscape 7 ***/ 
	  height:1px; 
	  overflow:hidden; 
	  line-height:1%; 
	  font-size:0px; 
	  margin-bottom:-1px; 
} 
/*************************************************
HEADER
**************************************************/
#header{
	margin:0 0 0 0;
	padding:0 0 0 0;
	width: 100%;
	background-image:url(../images/header_bg.gif);
	background-position:top;
	background-repeat:repeat-x;
}
#headerInterior{
	margin:0 auto;
	padding:0 0 0 0;
	width: 840px;
}
.headerLeft{
	margin:0 0 0 0;
	padding:0 0 0 0;
	width:214px;
	float:left;
}
.headerTop{
	margin:0 0 0 0;
	padding:0 0 0 0;
	width:626px;
	float:left;
}
/*************************************************
NAV
**************************************************/
.NavGroup{
    float:left;
    cursor:pointer;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}
.NavGroup a { 
	color:Black; text-decoration:none; 
}    
.NavGroup .NavItem{
    text-align:center;
    color:White;
	padding:5px 10px 3px 10px;
	text-decoration:none;
	color:#000;
	background-color:#F08B09;
	display:block;
	font-weight:bold;
	line-height:normal;
	text-transform:uppercase;
}
.NavGroup .NavItemHover { 
	background-color:#EB3D12; 
}
.NavGroup .NavItemHover a, .NavGroup .NavItemSelectedCssClass a { 
	color:#ffffff; 
}
        
.NavGroup .NavItemSelectedCssClass { 
	background-color:#EB3D12; 
}
.NavGroup .NavSubShell{
    display:none;
    position:absolute;
    width:120px;
    z-index:100;
}
.NavGroup .NavSubShell .NavSubItem{
    padding:3px 10px;
    background-color:#EB3D12;
}
.NavGroup .NavSubShell .NavSubItem a{
	color:#ffffff;
}
.NavGroup .NavSubShell .NavSubItem a:hover{
	color:#000000;
}        
.NavGroup .NavSubShell .NavSubItemHover{
	background-color:#F08B09;
}
#auxNav{
	margin:-10px 0 0 0;
	padding:0 0 0 0;
	width:626px;
	height:0;
	font-size:11px;
	text-transform:uppercase;
	float:right;
}
#auxNav a{
	color:#666666;
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:11px;
	float:right;
}
#auxNav a:hover{
	color:#333;
	text-decoration:none;
}
#calloutRecipe{
	margin:0 auto 20px auto;
	padding:10px;
	border:1px solid #000000;
	width:423px;
	text-align:left;
}
/*************************************************
CONTENT
**************************************************/
#content{
	margin:0 auto;
	padding:0 0 0 0;
	width: 840px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	line-height:18px;
	font-size:12px;
	color:#000000;
}
#content p{
	margin:0 0 10px 0;
	padding:0 0 0 0;
}
#content a{
	color:#8C7E13;
	font-weight:bold;
	text-decoration:underline;
}
#content a:hover{
	color:#F08B09;
	font-weight:bold;
	text-decoration:underline;
}
#contentLeft{
	margin:0 0 0 0;
	padding:0 0 0 0;
	width:36%;
	float:left;
}
#contentRight{
	margin:0 0 0 0;
	padding:0 0 0 0;
	width:64%;
	float:left;	
}
#contentCenter{
	margin:0 auto;
	padding:0 0 0 0;
	width:700px;
}
/****PRESS RELEASES****/
#pressRelease{
	margin:0 0 10px 0;
	padding:8px;
	width:90%;
	border:1px solid #8C7E14;
}
#pressRelease h1{
	margin:0 0 0 0;
	padding:0 0 0 0;
	width:90%;
	font-size:14px;
	color:#A00C16;
}
#pressRelease h2{
	margin:0 0 0 0;
	padding:0 0 0 0;
	width:90%;
	font-size:10px;
	color:#CA5329;
}
#pressRelease p{
	margin:0 0 0 0;
	padding:0 0 7px 0;
	width:90%;
	font-size:12px;
	color:#4D4E3B;
}
#pressRelease img.downloadButton{
	margin:0 0 0 0;
	padding:0 0 0 0;
	float:right;
}
/****NEWS ARTICLES****/
#newsArticle{
	margin:0 0 10px 0;
	padding:8px;
	width:90%;
	border:1px solid #8C7E14;
}
#newsArticle h1{
	margin:0 0 0 0;
	padding:0 0 10px 0;
	width:90%;
	font-size:14px;
	color:#A00C16;
}
#newsArticle h2{
	margin:0 0 0 0;
	padding:0 0 0 0;
	width:90%;
	font-size:10px;
	color:#CA5329;
}
#newsArticle p{
	margin:0 0 0 0;
	padding:0 0 7px 0;
	width:90%;
	font-size:12px;
	color:#4D4E3B;
}
#newsArticle img.iconButton{
	margin:0 20px 0 0;
	padding:0 0 0 0;
	float:left;
}
#newsArticle img.downloadButton{
	margin:0 0 0 0;
	padding:0 0 0 0;
	float:right;
}
/*************************************************
BREAD CRUMBS
**************************************************/
#ctl00_cphMainBody_ctl00_hgcDivShell{
	padding:0 0 0 0;
	margin:0 0 20px 120px;
	color:#A09478;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}
#ctl00_cphMainBody_ctl00_hgcDivShell a{
	margin:0 5px 0 5px;
	padding:0 0 0 0;
	text-decoration:none;
	color:#EC3B0B;
}
#ctl00_cphMainBody_ctl00_hgcDivShell a:hover{
	text-decoration:none;
	color:#F08B09;
}
#ctl00_cphMainBody_ctl00_dlBreadCrumbs{
	padding:2px 7px 2px 7px;
	border:1px solid #b0b361;

}
#ctl00_cphMainBody_ctl00_dlBreadCrumbs_ctl00_lnkPage{

}
#ctl00_cphMainBody_ctl00_dlBreadCrumbs_ctl02_lnkPage{

}
#ctl00_cphMainBody_ctl00_dlBreadCrumbs_ctl04_lnkPage{

}

/*************************************************
SPICES
**************************************************/
.spiceBoxes{
	margin:0 0 0 0;
	padding:0 0 0 0;
	width:33%;
	float:left;
}
div.Spice { float:left; width:33%; height:120px; text-align:center; display:block;}
div.Spice img { cursor:pointer; }
div.SpiceInfo { display:none; cursor:pointer; position:absolute; border:1px solid red; background-color:White; width:400px; margin:0 auto; padding:20px; border:1px solid black; }
div.SpiceInfo div.SpiceImage { float:left; margin-right:15px; }
div.SpiceInfo div.SpiceDesc { font-size:11px; color:#333333; }
div.SpiceInfo div.SpiceSku { font-size:10px; color:#666666; margin-top:30px; }
div.SpiceInfo h2 { font-size:12px; text-transform:uppercase; margin-left:50px; color:#423d39; }
div.SpiceInfo h3 { font-size:17px; text-transform:uppercase; margin:60px 0 20px 0; }


/*************************************************
NEWS AND PRESS RELEASES
**************************************************/

div.NewsWrapper { float:right; width:440px; }
div.NewsItem { border: 1px solid rgb(140, 126, 20); margin-bottom:10px; padding:8px; }
div.NewsItem h1 { }
div.NewsItem h2 { display:inline; color: rgb(202, 83, 41); font-size: 10px; margin: 0; padding: 0; width: 90%; }
div.NewsItem a.NewsDownloadIcon { float:right; }
div.NewsItem img.NewsTypeIcon { float:left; margin-right:10px; text-align:left; }
div.NewsItem div.NewsContent { margin-top:10px; }

/*************************************************
FORM
**************************************************/
.FormWrapper{
	background-image:url(../images/contactUs_spices.gif);
	background-position:left top;
	background-repeat:no-repeat;
	background-color:#ffffff;
	height:300px;
	
}
#ctl00_cphMainBody_ctl01_ctl01_gvFieldElements{
	border:10px solid #ffffff;
	margin:15px 0 15px 250px;
	padding:0 0 0 0;
	background-color:#ffffff;
}
.CaptchaWrapper{
	margin:0 0 0 120px;
}
.FieldLabel{
	margin:0 0 0 0;
	padding:0 60px 7px 0;
	color:#000000;
	font-weight:bold;
	vertical-align:top;
}
input{
	margin:0 0 7px 0;
	padding:0 0 0 0;
}
select{
	margin:0 0 7px 0;
	padding:0 0 0 0;
}
textarea{
	font-family:verdana;
	font-size:12px;
	width:300px;
	height:80px;
}
div.FormSubmitWrapper{
	margin:0 auto;
	width:80px;
}
div.FormSubmitWrapper input { 
	margin:0 0 0 0;
	display:block;
	padding:5px 2px 5px 2px;
	border:2px solid #819639;
	color:#FC6300;
	background-color:#FFFFFF;
	text-transform:uppercase;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
}
div.FormWrapper span {
color:#FF0000;
}

/*************************************************
FOOTER
**************************************************/
#footer{
	margin:0 auto 20px auto;
	padding:0 0 0 0;
	text-align:center;
	width: 840px;
}
#footerLogo{
	margin:0 auto;
	padding:0 0 0 0;
	text-align:center;
	width:110px;
}
#footer p{
	margin:0 auto;
	padding:7px 5px 7px 5px;
	text-align:center;
	color:#000000;
}
#footer .footernav{
	color:#F08B09;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
}
#footer .footernav a{
	color:#F08B09;
	text-decoration:none;
}
#footer .footernav a:hover{
	color:#EB3D12;
	text-decoration:none;
}
#footer td.link a{
	margin:0 0 0 0;
	padding:0 5px 0 5px;
	text-align:center;
	color:#F08B09;
	font-weight:bold;
	text-decoration:none;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
#footer a:hover{
	color:#8C7E13;
	font-weight:bold;
	text-decoration:none;
}
#footer .footerDisc{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#666666;
}
#footer .footerDisc a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#F2390D;
	text-decoration:none;
	font-weight:normal;
}
#footer .footerDisc a:hover{
	color:#8F1B00;
	text-decoration:none;
	font-weight:normal;
}