body
{
    width:1000px;
	margin: 0 auto;
	background:#FFBB50 url(Layout/wrapperBackground.jpg) top center repeat-y;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#B27441;

}
h1, h1 a, h2, h2 a, h3, h3 a {
	margin: 0;
	text-decoration: none;
	color:#FFBB50;
}

fieldset {border-style:none;}
legend {display:none;}

p, ul, li
{
font-size:12px;
}

#logo
{
    height: 383px;
	margin:0px 14px 0px 14px;
	background: transparent url(layout/header.jpg) top center no-repeat;
}

#menu
{
  background: #FFFFFF url(layout/menubg.jpg) bottom repeat-x;
  width:976px;
  height:30px;
  margin:0 auto;
}

#menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
	float:right;
}

#menu li {
	display: block;
	float: left;
}

#menu a {
	display: block;
	width: 100px;
	height:20px;
	padding:5px 5px 5px 5px;
	text-decoration: none;
	text-align: center;
	margin-right:2px;
    background: #FFFFFF url(layout/menuitembg.jpg) bottom repeat-x;
    color:#676863;
    font-size:12px;
}

#menu a:hover, #menu li:hover ul a:hover, #menu li.sfhover ul a:hover, #menu li:hover ul ul a:hover, #menu li.sfhover ul ul a:hover, #menu li:hover ul ul ul a:hover, #menu li.sfhover ul ul ul a:hover
{
background: #FFEDC7 url(layout/menuitemhoverbg.jpg) bottom repeat-x;
}


#menu li ul {
	position: absolute;
	left: -999em;
    width: 100px;
	height:auto;
}

#menu li ul ul {
	margin: -30px 0 0 110px;
}

#menu li:hover ul, #menu li:hover ul ul, #menu li:hover ul ul ul, #menu li.sfhover ul, #menu li.sfhover ul ul, #menu li.sfhover ul ul ul {
	position: absolute;
	left: -999em;
	width: 100px;
}

#menu li:hover ul a, #menu li.sfhover ul a, #menu li:hover ul ul a, #menu li.sfhover ul ul a, #menu li:hover ul ul ul a, #menu li.sfhover ul ul ul a
{
background: #FFFFFF url(layout/menuitemlevelbg.jpg) bottom repeat-x;
}

#menu li:hover ul li, #menu li.sfhover ul li, #menu li:hover ul ul li, #menu li.sfhover ul ul li, #menu li:hover ul ul ul li, #menu li.sfhover ul ul ul li
{

}

#menu li:hover ul, #menu li li:hover ul, #menu li li li:hover ul, #menu li.sfhover ul, #menu li li.sfhover ul, #menu li li li.sfhover ul {
	left: auto;
}

#menu li:hover, #menu li.sfhover {
}


#leftCol
{
  width:230px;
  margin:10px 0 0 5px;
  float:left;
}

#productsMenu
{
	width:160px;
	float:left;
}


#productsMenu ul { /* all lists */
		
		list-style: none;
		width : 160px;
		margin-top:20px;
	}
	
	#productsMenu li { /* all list items */
		width: 150px;
		position : relative;
	}
	
	#productsMenu li ul { /* second-level lists */
		position : absolute;
		left: -999em;
		padding: 0;
		margin: -27px 0 0 161px;
	}
	
	#productsMenu li ul ul { /* third-and-above-level lists */
		left: -999em;
	}
	
	#productsMenu li a {
		display: block;
	width: 150px;
	padding : 5px 5px 5px 5px;
	height: auto;
	text-decoration: none;
	text-align: center;
    background: #7FA828;
    color:#FFFFFF;
	border:1px solid #FFFFFF;
    font-size:12px;
	}
	
	#productsMenu li a:hover {
background: #B5D96B;
	}
	
	#productsMenu li:hover ul ul, #productsMenu li:hover ul ul ul, #productsMenu li.sfhover ul ul, #productsMenu li.sfhover ul ul ul {
		left: -999em;
	}
	
	#productsMenu li:hover ul, #productsMenu li li:hover ul, #productsMenu li li li:hover ul, #productsMenu li.sfhover ul, #productsMenu li li.sfhover ul, #productsMenu li li li.sfhover ul { /* lists nested under hovered list items */
		left: auto;
	}
	
	#productsMenu .recipeMenu li a {
		display: block;
	width: 150px;
	padding : 5px 5px 5px 5px;
	height: auto;
	text-decoration: none;
	text-align: center;
    background: #FFBB50;
    color:#FFFFFF;
	border:1px solid #FFFFFF;
    font-size:12px;
	}
	
	#productsMenu li a:hover {
background: #B5D96B;
	}

#welcomemessage
{
margin-left:80px;
width:350px;
} 

#welcomemessage h2
{
   padding-top:55px;
   color:#FFBB50;
   font-style:italic;
   font-size:18px;
}
#welcomemessage p
{
color:#2E4F00;
font-size:14px;
width:250px;
}

#footer
{
background:#FFFFFF url(Layout/footerbg.jpg) repeat-x;
width:978px;
height:200px;
margin:15px auto;
clear:both;
}

#search
{
float:right;
width:300px;
margin:20px 10px 0 0;
}

#search label
{
color:#000000;
}

.btnSearch
{
   border:1px solid #A8A8A8;
   background:#BFBFBF;
   padding:5px 2px 5px 2px;
   color:#FFFFFF;
   font-weight:bold;
}

.btnSend
{
   border:1px solid #A68E65;
   background:#FEA55E;
   padding:5px 2px 5px 2px;
   color:#FFFFFF;
   font-weight:bold;
}

.inputSearch
{
background:#F1F1F1;
width:200px;
padding:5px 2px 5px 2px;
border:1px solid #A8A8A8;
}

#company
{
float:left;
width:560px;
margin:0px 0 0 15px;
}
#companyRight
{
float:right;
width:250px;
padding-left:20px;
}
#companyLeft
{
float:left;
width:250px;
}

#company h2
{
color:#555555;
font-size:12px;
margin-top:25px;
}

#company ul
{
list-style:none;
padding:0;
margin:0;
}

#company li
{
font-size:10px;
color:#545454;
}

#rightCol
{
  width:240px;
  margin: 10px auto;
  float:left;
}

#centerCol
{
width:500px;
margin: 10px auto;
float:left;
}

.greencereal
{
   background:url(Layout/grancicaorange.gif) center left no-repeat;
   padding:0px 0 0px 30px;
   margin-left:15px;
   line-height:55px;
   font-size:14px;
   color:#7FA828;
   border-bottom:5px solid #EFEFEF;
}

.generalList, .infoMessages
{
list-style:none;
}

.generalList li
{
    margin: 0;
	padding-left: 20px; margin-bottom:5px;
	background: url(layout/bullet.gif) no-repeat 5px 50%;
}

.generalList a
{
text-decoration:none;
color:#B27441;
font-size:12px;
font-weight:bold;
}

#poll h3
{
font-size:14px;
padding-left:18px;
}

#poll .results
{
   background:none;
   float:right;
}

#banners
{
  width:230px;
  float:left;
}
#banners p
{
padding-left:27px;
}

.borderImage
{
border:1px solid #7FA72A;
padding:1px 1px 1px 1px;
}

#copyright
{
float:left;
clear:both;
text-align:center;
width:980px;
font-size:10px;
color:#545454;
padding-top:20px;
}

.specialProducts
{
width:480px;
padding:0 0 0 20px;

}

.orangecereal
{
   padding:0px 0 0px 30px;
   margin:20px 0 20px 15px;
   font-size:14px;
   color:#FEAE00;
   clear:left;
}

/******************* content *******************/
#contentWrapper									{ margin: 7px 3px 0px 18px; width: 480px; display: inline; float: left; }
#contentWrapper h2 								{ font-size:16px; margin-bottom:15px }
.contentHolder 									{ border-bottom: 1px dotted #eee; padding-bottom: 5px; display: inline; float: left; width: 480px; margin-bottom:15px }

.content 										{ width: 154px; margin: 0px 2px; display: inline; float: left; }
.content h3 									{ font-size: 12px; color:#B27441; display: block; text-align: center; height: 35px;	overflow: hidden; line-height: 1em; padding: 7px 2px 0px; }
.content img 									{ border:1px solid #7FA72A; margin-left:35px; padding:1px 1px 1px 1px;}



.contentItemHolder 									{  display: inline; float: left; width: 480px; margin-bottom: 15px; }
.content-item 										{ width: 460px; margin: 0px 2px 5px; display: inline; float: left;border-bottom: 1px dotted #eee; padding-bottom: 5px;  }
.content-item h3 									{ font-size: 12px; color:#B27441; display: block; text-align: left; 
height: 25px;	overflow: hidden; line-height: 1em; padding: 7px 2px 0px; }
.content-item img { border:1px solid #7FA72A; margin-left:5px; margin-right:5px; margin-top:15px; padding:1px 1px 1px 1px;float:left}
p.textBox 									{ text-align:left; font-size:12px; color:#B27441; }
span.linkTag2 									{ float:right; clear:both;  }
span.linkTag2 a 									{ padding-left: 10px; text-decoration:none; font-size:12px; color:#FEAE00 }


p.textBoxSize 									{ text-align:center; font-size:10px; color:#B27441; }

span.linkTag 									{ display: block; text-align: right;  }
span.linkTag a 									{ padding-left: 10px; text-decoration:none; font-size:12px; color:#FEAE00 }
/******************* content *******************/

/******************* recipes *******************/
#recipesWrapper									{ margin: 15px 3px 0px 0px; width: 480px; display: inline; float: left; }
#recipesWrapper h2 								{ font-size:16px; margin-bottom:15px; }
.recipes
{
 list-style:none;
 padding-left:10px;
  border-bottom: 1px dotted #eee;
}

.recipes a
{
	padding-left: 40px;
	background: url(layout/videobullet.jpg) no-repeat left center;
	font-size:12px;
	font-weight:bold;
	color:#656565;
	line-height:20px;
	display:block;
	text-decoration:none;

}

.recipes dd
{

color:#FEAE00;
font-size:12px;
	margin-bottom:10px;

}
/******************* recipes *******************/



/******************* poll ********************/


.pollresults									{ margin: 15px 3px 0px 18px; width: 480px; display: inline; float: left; }
.pollresults h2 								{ font-size:16px; margin-bottom:15px; }
.pollresults dd 										{ background-color:#F4F4F4; margin-left:10px; color:#FEAE00;}

.pollresults dt 										{ font-size: 12px; font-weight:bold; padding-top: 3px; padding-bottom: 3px; margin-top: 10px; color:#FEAE00;}
.pollresults a 										{ font-size: 1.3em; text-align: right; display: block; }

.pollresults .votes 									{ color: #A9CD73; font-weight:bold; font-size: 1em; }

.pollresults .results 								{ background:#A9CD73; font-weight: bold; color: #fff; font-size: 1em; padding:3px 0px 3px 0px; margin-right:-5px; }
.pollresults .total-votes 						{ font-size: 12px; font-weight:bold; text-align: right; display: block; color:#A9CD73}
.pollresults .pollMessage
{
font-size:12px;color:#B27441;
}

/******************* poll ********************/

/*************** pagination ****************/
.pagination 								{ text-align: center; font-size: 12px; }
.pagination a 								{ padding: 0px 4px; text-decoration:none; color:#FEAE00; }
.pagination a:hover,
.pagination a:visited 						{ color: #A9CD73; }
 
.no-page 									{ color: #999; padding: 0px 3px; }
.selected 									{ padding: 0px 3px; color: #fff; background:#FEAE00;; border: 1px solid #A9CD73; }
/*************** pagination ****************/

.documents
{
    list-style:none;
	border-bottom: 1px dotted #eee;
}

.documents dd
{
    margin-bottom:10px;
	padding-left: 20px;
	font-size:12px;
}

.documents a
{
text-decoration:none;
color:#B27441;
font-size:12px;
font-weight:bold;
}

.product
{
border-bottom: 1px dotted #eee;
margin-bottom:10px;
}

/* +++++++++++++++++++    CONTACT FORM  ++++++++++++++++++++++ */

.contactForm {
	padding-top: 6px;
	padding-bottom: 6px;
}
.contactForm label {
	display: block;
	margin-bottom: 6px;
}
.contactForm label span, .contactForm div span {
	width: 160px;
	display: block;
	float:left;
	text-align: right;
	font-size:12px;
	padding-right: 5px;
	line-height: 28px;
}
.contactForm div {
	clear: both;
	line-height: 28px;
}
.contactForm div label {
	float:left;
	margin-bottom: 0px;
	margin-right: 20px;
	line-height: 11px;
	padding-top: 8px;
	vertical-align: middle;
}
.contactForm div#buttonsWrapper {
	padding-left: 250px;
}


.txtBox {
	width: 230px;
	line-height: 12px;
	background: #FFFFFF;
	border: 1px solid #A68E65;
	padding: 5px 5px 4px;
}
.txtArea {
	width: 230px;
	background: #FFFFFF;
	border: 1px solid #A68E65;
	padding: 5px;
	height: 150px;
}

.txtArea:focus,
.txtBox:focus	 				{ background: #fff; border: 1px solid #FFBB50; }

.radioBtn {
	height: 1em;
	width: 1em;
	margin: 0px;
}

/* +++++++++++++++++++    CLEARFIX   ++++++++++++++++++++++ */

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
.clearfix {
	display: inline-block;
}
html[xmlns] .clearfix {
	display: block;
}
* html .clearfix {
	height: 1%;
}

#galleryHolder {
width: 480px;
}

.galleryRow {
padding: 3px;
clear:left;
}

.photo {
border: 1px solid #7fa828;
}

.videoRecipe
{
	background: url(layout/videobullet.jpg) center right no-repeat;
	clear:both;
}

.floatLeft 
{
    float:left;
    margin:5px 5px 5px 5px;
}