/*##########Global CSS ##########*/

* {
  margin: 0;
}

h1, h2, h3, h4, h5, h6, ol, ul, li, table, td, tr{
	font-family:'lato', sans-serif;
	font-weight:400;
}

h1{
	color:#e28518;
	font-size:48px;
	font-weight:400;
}

h2{
	color:#e28518;
	font-size:28px;
}
h3{
	margin:0 0 10px 0;
}
table{
	color:#ffffff;	
}

p{
	font-family:'lato', sans-serif;
	color:#4d4d4d;
	font-size:18px;
	line-height:26px;
	margin:20px 0;
}

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

a img{
	border:none;	
}

.lastlist{
	padding:0px !important;
}

.centertitle-large{
	font-size:72px;
	padding-bottom:5px;
	text-transform:uppercase;
	text-align:center;
	background-image:url(../images/title_underline.png);
	background-repeat:no-repeat;
	background-position: center bottom;
}

.centerinfo{
	text-align:center;	
}

.clearfix:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
     }
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */

/*##########Global CSS ##########*/

html{
	height:100%;
	background:
	url(../images/bgproduce4.png) no-repeat center 167px,
	url(../images/gradient_bg.jpg) repeat-x  center 150px;
}

html#intro{
	height:100%;
	background:none;
}



body{
	height:100%;
	padding-top:0;
	margin-top:0;
	min-width:1000px;
}

#wrapper{
	width:1000px;
	min-height: 100%;
	margin-left:auto;
	margin-right:auto;
	margin-bottom: -75px; 
}

.homebottominfo{
float:left;	
padding-bottom:35px;
width:100%;
}

.homebottominfo .fr{
	float:right;	
}

.homebottominfo h2{
 font-size:20px;
 color:#000000;	
}

#wrapper:after {
  content: "";
  display: block;
}

#enter{
	position:absolute;
	bottom:70px;
	left:37%;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	z-index:5;	
}
/*#enter{
	display:none;
	position:relative;
	bottom:150px;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	z-index:5;	
}*/
#enter a{
	font-size:42px;
	font-family:'lato', sans-serif;
	font-weight:400;
	color:#4d4d4d;
	text-transform:capital;
	text-decoration:none;
}

#enter a:hover{
	color:#e28518;
}

#entersep{
	padding-right:4px;
	border-right:solid 2px #333333;	
}

header{
	height:150px;
	position:relative;
	/*border-bottom: solid 2px #77e4d9;*/
}

#logo{
	float:left;
}

#main_slideshow{
	background-color:#CCC;
	height:417px;
	width:1000px;
	margin-left:auto;
	margin-right:auto;
}



#produce_categories{
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-top:55px;
	margin-bottom:55px;
	width: 100%;
	height: 200px;
	background-image: url(../images/categories_bg.png);
	background-repeat: no-repeat;
	background-position: bottom;
	text-align:center;
}

#produce_categories h3{
	font-size:36px;	
	font-weight:400;
}

#produce_categories ul{
	padding:3px 60px 0 60px;	
}

#produce_categories ul li{
	width:auto;
	display:inline-block;
	zoom: 1; 
	*display: inline;
}

#produce_categories ul li a{
	color:#ffffff;
	text-decoration:none;
}

#produce_categories ul li a:hover{
	color:#314b00;	
}

#produce_categories ul li:nth-child(1){
	margin-bottom:35px;
}

#produce_categories ul li:nth-child(2){
	margin:0 75px 0 75px;	
}

.main{
	
}

.main .email{
	color:#649013;	
}

.main h4{
	color:#e28518;
	font-size:18px;	
}

.main ul{
	margin:5px 0 25px 0;
	color:#4d4d4d;	
}

.main ul li{
	font-size:18px;	
	margin-bottom:10px;
}

.main ul li span{
	color:#e28518;	
}

.main_left{
	width:475px;
	float:left;
	padding-right:25px;
}

.main_right{
	width:475px;
	float:right;
	padding-left:25px;
}

.section{
	width:100%;	
	float:left;
	margin-bottom:50px;
}

.customlist{
	list-style:url(../images/custombullet.png);	
}

.customlist li{
	padding-left:5px;	
}

#map{
	margin-bottom:20px;	
}

#availability{
	text-align:center;	
	margin-bottom:20px;
}

#availability h1{
	text-transform:uppercase;	
}

.recipe div{
	margin-bottom:20px;	
}

.recipe p{
	color:#ffffff;	
}

.recipe h3{
	font-size:24px;
	color:#3d3d3d;
	text-transform:uppercase;	
}

.recipe p span{
	font-size:24px;
	color:#3d3d3d;
}

.recipe strong{	
	font-weight:700;
	color:#3d3d3d;
}

.recipe ul{
	color:#ffffff;	
	list-style:disc;
}

.recipe .quarterlist{
	width:260px;
	float:left;
	margin-right:10px;	
	margin-bottom:10px;
}



.half1{
	float:left;
	padding-right:20px;	
}

ul.half1{
	margin-right:20px;	
}

.half2{
	float:right;	
	padding-left:10px;
}

.half2 p{
	width:520px;	
}

p.inlinelist{
	width:auto;	
}

.half2 ol{
	width:500px;
	margin-left:0;
	padding-left:0;	
	color:#ffffff;
	font-size:18px;
}

.imagerow{
	float:left;
	margin-top:20px;
}

.imagerow img{
	display:inline-block;
	margin-right:25px;
	zoom: 1;
	*display: inline;
}

.imagerow img:nth-child(3){
	margin-right:0px;	
}

.nutrition{
	background-color:#8bc029;
	float:right;
}

.nutrition td{
	padding:5px 10px;	
}

#nutrition_first{
	background-color:#7bad1f;	
}

.hbhalf{
	padding-top:10px;
	float:left;
	width:620px;	
}

footer, #wrapper:after {
  /* .push must be the same height as footer */
  height: 75px; 
}

footer{
	width:100%;
	background-color:#e28518;
}

footer #footerinfo{
	width:1000px;
	display:block;
	margin-left:auto;
	margin-right:auto;	
}

footer #footerinfo a{
	float:right;
	padding:10px;
}

footer #footerinfo h4{
	color:white;	
	width:50%;
	float:left;
	padding-top:20px;
}


/*#####Menu#####*/

/*
Item Name : CSS3 Mega Drop Down Menu
Author URI : http://codecanyon.net/user/Pixelworkshop/
Item URI : http://codecanyon.net/item/css3-mega-drop-down-menu/126387
Version : 6.11
*/

/*

TABLE OF CONTENTS

01 MENU BAR
02 DROP DOWN MENU
03 CONTENT STYLING
04 CONTACT FORM
05 VERTICAL MEGA MENU
06 LIGHT THEME
07 DARK THEME
08 COLORS
09 MOBILE DEVICES

*/




/*  _______________________________________

	01 MENU BAR
    _______________________________________  */




/* 
	IMPORTANT NOTICE
	If you're using the whole width menu, you should use at least a reset like :
	body {margin:0; padding:0;}
	Otherwise, some browsers may add margins and won't place the menu properly.
	It generally helps to include a CSS reset like : 
	http://meyerweb.com/eric/tools/css/reset/
	Keep in mind that a reset must be placed first, before any other CSS markup.
*/
.megamenu_wrapper,
.megamenu_wrapper_full {
	margin:0 auto;
	display:block;
	position: relative;
	z-index:9999;
	line-height:21px;
}
.megamenu_wrapper {
	width: 700px;
	margin-top: 110px;
	float:right;
}
.megamenu_wrapper_full {
	width: 100%;
}
	.megamenu_container {
		width:100%;
		margin:0 auto;
		height:40px;
	}
	.megamenu_wrapper .megamenu_container {
		width:100%;
		-webkit-border-radius: 6px;
		-moz-border-radius: 6px;
		border-radius: 6px;
	}
	.megamenu_wrapper_full .megamenu_container {
		width: 96%;
		padding: 0 2% 0 2%;
	}
	.megamenu_container .megamenu {
		list-style:none;
		width:700px;
		margin:0 auto;
		padding: 0;
	}
.megamenu > li {
	float:left;
	position:relative;
	margin-right:0px;
	border:none;
}
.megamenu li.menuitem_fullwidth {
	position: static !important;
}
.megamenu > li > a {
	outline:0;
	padding: 9px 15px 11px 15px;
	text-decoration:none;
	display:block;
	font-family:'lato', sans-serif;
	color:#e28518;
	font-size:24px;
}


.megamenu > li .menuitem_drop {
	padding-right:27px;
}
.megamenu > li.menuitem_nodrop > a {
	padding-bottom:10px;
}

a.menuitem_nodrop:hover,a.menuitem_drop:hover,a.menuitem_nodrop.selected, a.menuitem_drop.selected{
	color: #8bc029;
}


/* Right aligned menu item */

.megamenu > li.menuitem_right {
	float:right;
	right:0;
	margin-right:0;
}

/* Menu Button (Mobiles) */

.megamenu li.megamenu_button {
	display: none;
}
.megamenu li.megamenu_button_active {
	background:#000000 !important;
}




/*  _______________________________________

	02 DROP DOWN MENU
    _______________________________________  */




/* Drop Downs Containers */

.megamenu .dropdown_1column, 
.megamenu .dropdown_2columns, 
.megamenu .dropdown_3columns, 
.megamenu .dropdown_4columns,
.megamenu .dropdown_5columns,
.megamenu .dropdown_fullwidth {
	margin:0;
	display:none;
	position:absolute;
	top:39px;
	left:-1px;
	-webkit-border-radius: 0 0 5px 5px;
	-moz-border-radius: 0 0 5px 5px;
	border-radius: 0 0 5px 5px;
	background-color:#8bc029;
}

/* Drop Downs Sizes */

.megamenu .dropdown_1column {width: 135px;padding:15px 14px 15px 15px;}
.megamenu .dropdown_2columns {width: 290px;padding:15px 11px 15px 15px;}
.megamenu .dropdown_3columns {width: 445px;padding:15px 8px 15px 15px;}
.megamenu .dropdown_4columns {width: 600px;padding:15px 5px 15px 15px;}
.megamenu .dropdown_5columns {width: 755px;padding:15px 2px 15px 15px;}
.megamenu .dropdown_fullwidth {
	width: 945px;
	padding:15px 0 15px 15px;
	top:42px;
	left:10px;
    -webkit-border-radius: 0 0 5px 5px;
	-moz-border-radius:0 0 5px 5px;
    border-radius:0 0 5px 5px;
}
.megamenu_wrapper_full .megamenu .dropdown_fullwidth {
	left:50%;
	margin-left:-481px;
}
.megamenu_wrapper .dropdown_right,
.megamenu_wrapper_full .dropdown_right {
	left:auto;
	right:-1px;
}
.megamenu_wrapper .megamenu li.menuitem_right .dropdown_fullwidth {
	left:auto;
	right:8px;
}
.megamenu_wrapper_full .megamenu li.menuitem_right > .dropdown_fullwidth {
	top:41px;
}

/* Showing Drop Down on Mouse Hover */

.megamenu li:hover > div {
	display: block;
}

/* Columns Sizes */

.megamenu .col_one_sixth,
.megamenu .col_one_fifth,
.megamenu .col_one_quarter,
.megamenu .col_one_third,
.megamenu .col_two_fifths,
.megamenu .col_half,
.megamenu .col_three_fifths,
.megamenu .col_two_thirds,
.megamenu .col_three_quarters,
.megamenu .col_four_fifths,
.megamenu .col_five_sixths,
.megamenu .col_full {
	float: left;
	margin-left: 2%;
}
.megamenu .col_one_sixth {width:14.66667%;}
.megamenu .col_one_fifth {width:18%;}
.megamenu .col_one_quarter {width:23%;}
.megamenu .col_one_third {width:31.33333%;}
.megamenu .col_two_fifths {width:38%;}
.megamenu .col_half {width:48%;}
.megamenu .col_three_fifths {width:58%;}
.megamenu .col_two_thirds {width:64.66667%;}
.megamenu .col_three_quarters {width:73%;}
.megamenu .col_four_fifths {width:78%;}
.megamenu .col_five_sixths {width:81.33333%;}
.megamenu .col_full {width:98%;}

/* IMPORTANT */

/* Use the firstcolumn class for the first element of a new row of content */
.megamenu .firstcolumn {
	margin-left: 0;
	clear: left;
}




/*  _______________________________________

	03 CONTENT STYLING
    _______________________________________  */




.megamenu p,
.megamenu ul,
.megamenu li,
.megamenu h2,
.megamenu h3 {
	font-size:12px; 
	font-family:Arial, Helvetica, sans-serif;
	line-height:21px;
	text-align:left;
}
.megamenu p {
	margin:0;
	margin-bottom:18px;
}
.megamenu .strong {
	font-weight:bold;
}
.megamenu .italic {
	font-style:italic;
}
.megamenu h2, 
.megamenu h3 {
	margin-top:7px;
}
.megamenu h2 {
	font-weight:400;
	font-size:21px;
	margin-bottom:18px;
	padding-bottom:11px;
}
.megamenu h3 {
	font-weight:600;
	font-size:14px;
	margin-bottom:14px;
	padding-bottom:7px;
}
.megamenu li a {
	text-decoration:none;
}
.megamenu .pusher { /* Use this pucher if you want to give more vertical spacing between your rows of content */
	margin-top:18px;
}

/* Icon paragraphs */

.megamenu .help,
.megamenu .favorite,
.megamenu .mail,
.megamenu .print {
	padding-left:36px;
	margin-bottom:18px;
}
.megamenu .help {background:url("../images/dd/help.png") no-repeat 0 2px;}
.megamenu .favorite {background:url("../images/dd/favorite.png") no-repeat 0 2px;}
.megamenu .mail {background:url("../images/dd/mail.png") no-repeat 0 2px;}
.megamenu .print {background:url("../images/dd/print.png") no-repeat 0 2px;}

/* Images styles */

.megamenu .imgshadow_dark,
.megamenu .imgshadow_light {
	padding:4px;
	margin-top:5px;
}
.megamenu .img_left { /* Image sticks to the left */
	float:left;
	margin:5px 15px 5px 0;
}
.megamenu .img_right { /* Image sticks to the right */
	float:right;
	margin:5px 0 5px 15px;
}

/* Box styles */

.megamenu li .black_box,
.megamenu li .dark_grey_box {
	margin: -8px 0 18px 0;
	color: #eeeeee;
	text-shadow: 1px 1px 1px #000;
	padding:8px 12px;
    -webkit-border-radius: 5px;
	-moz-border-radius: 5px;
    border-radius: 5px;
}

/* Standard lists styles */

.megamenu li ul {
	list-style:none;
	padding:0;
	margin:0 0 12px 0;
}
.megamenu li ul li {
	font-size:12px;
	line-height:28px;
	position:relative;
	padding:0;
	margin:0;
	float:left;
	text-align:left;
	width:100%;
}
.megamenu li ul li a {
	padding:0;
	color:#ffffff;
	font-family:'lato', sans-serif;
	font-size:18px;
	text-transform:uppercase;
}

.megamenu li ul li a:hover {
	color:#314b00;
}

/* Greybox lists styles */

.megamenu li .greybox li {
	margin:0 0 4px 0;
	padding:4px 6% 4px 6%;
	width:88%;
    -webkit-border-radius: 3px;
	-moz-border-radius: 3px;
    border-radius: 3px;
}

/* Other lists styles */

.megamenu li .plus li {
	margin:0 0 4px 0;
	padding:0 0 0 20px;
	float: left;
}

/* Social Icons */

.megamenu li ul.social {
	list-style:none;
	margin:0;
	padding:0;
}
.megamenu li ul.social li {
	padding-top:5px;
	margin:0 12px 12px 0;
	float:left;
	position:relative;
	display:inline;
	width:32px;
}
.megamenu li ul.social li img {
	border:none;
}
.megamenu li ul.social li:hover {
	padding-top:5px;
	margin:-1px 12px 12px 0;
}
.megamenu li ul.social li span {
	display:none;
}

/* 2-Levels Drop Down */

.megamenu .dropdown_flyout {
	min-width: 120px;
}
.megamenu .levels, 
.megamenu .levels ul {
	padding: 0;
	margin: 0;
	list-style: none;
}
.megamenu .levels a {
	display: block;
	width: 10em;
}
.megamenu .levels li {
	float: left;
}
.megamenu .levels li ul {
	position: absolute;
	top:-23px;
	margin:15px 0 0 4px;
	padding:6px 12px;
	left: -999em;
	z-index: 9999;
    -webkit-border-radius: 5px;
	-moz-border-radius: 5px;
    border-radius: 5px;
}
.megamenu .levels li:hover > ul {
	left: 96%;
}




/*  _______________________________________

	04 CONTACT FORM
    _______________________________________  */




.megamenu .contact_form {
	display: block;
	margin-bottom:10px;
	font-size: 12px;
	font-family:Arial, Helvetica, sans-serif;
}
.megamenu .contact_form label {
	display: inline-block; 
	float: left; 
	width:80px;
	font-size:12px; 
}
.megamenu .contact_form input, 
.megamenu .contact_form textarea {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	width:90%;
	padding: 8px 4% 8px 4%;
	margin: 9px 0 9px 0; 
    -webkit-border-radius: 3px;
	-moz-border-radius: 3px;
    border-radius: 3px;
}   
.megamenu .contact_form textarea {
	resize:none;
}   
.megamenu .contact_form .required {
	color:#C00;
}
.megamenu .contact_form .form_buttons {
	margin:4px 0 0 0;
}
.megamenu .contact_form input.button {
	width: 80px;
	margin-right:10px;
	cursor: pointer;
	padding: 8px;
}
.megamenu .contact_form .special {
	display:none;
}
.megamenu .contact_form .error, 
.megamenu .contact_form .sent {
	font-size:11px;
	padding:2px 5px 2px 5px;
	text-shadow:none;
	-webkit-border-radius:3px; 
	-moz-border-radius:3px; 
	border-radius: 3px;
}
.megamenu .contact_form .error {
	background:#FBE5E2; 
	border:#F2A197 solid 1px; 
	color:#992213;
}
.megamenu .contact_form .sent {
	background:#E1F8CB; 
	border:#C6D880 solid 1px; 
	color:#37620d;
}
/******* Latest Added Styles *******/
.poster-intro{
	width:1000px;
	height:800px;
	background-image:url('../images/Poster2.png');
	background-repeat:no-repeat;
	position:relative;
	margin:0 auto;
}
.clear-fix{
	clear:both;
}
#wrapper h2.big-red{
	color:red;
	font-size:20px;
	font-weight:bold;
	margin:0 0 20px 0;
	padding:2px;
}
#wrapper .column-container{
	width:100%;
}
#wrapper .left-col{
	width:70%;
	float:left;
	padding:10px;
}
#wrapper .right-col{
	width:26%;
	float:left;
	text-align:center;
	padding:10px;
}
#wrapper .brands-list{
	margin:0;
	padding:0;
	list-style-type:none;
}
#wrapper .brands-list li{
	margin:0 0 10px 0;
	padding:0 0 10px 0;
	list-style-type:none;
	border-bottom:1px #ccc dotted;
}