/* @override http://fruitcorp.businesscatalyst.com/CSS/grid.css */

/* @override http://fruitcorp.businesscatalyst.com/CSS/grid.css */

/*==============================================================

	FRUiTCORP Fresh: grid.css
	
	Description: Grids and Visuals
	
	Author: Larz

	Version:  2007.05

==============================================================*/

/* @group SHOW GRID */
@import url("http://fonts.googleapis.com/css?family=Marck+Script");
@import url("animate-custom.css");

div.MODULE-newsletter {
	background: #fff;

}

ul#boxlinks li {
	background: #f9f9f9;
}

strong {
	font-weight: bold;
}

/* @end */

/* @group GRID */

/* @group produce and recipes */

div#produce {
	float: left;
	width: 142px;
}

div#produce div.inner {
	margin: 15px 0px 0px 15px;
}

div#produce div.heading {
	background: #fff url("../img/heading-produce.gif") no-repeat;
	height: 30px;
	margin: 0;
	overflow: hidden;
	width: 127px;	
}

div#listview {
	float: left;
	width: 605px;
}

div#listview div.inner {
	margin: 15px 15px 0 15px;	
}

div#listview div.heading {
	background: #fff url("../img/heading-605.gif") no-repeat;
	height: 30px;
	margin: 0;
	overflow: hidden;
	width: 605px;
}

div#listview ul {
	list-style: none;
	overflow: hidden;
	margin: 0;
	padding: 0;
	padding-right: 0;
	width: 605px;
}

div#listview li {
	color: black;
	display: block;
	float: left;
	font-weight: bold;
	overflow: hidden;
	padding-right: 13px;
	padding-top: 13px;
	width: 110px;
	text-align: center;
}

div#listview li.endrow {
	padding-right: 0px;
}

div#listview li span {
	display: block;
}

div#picture {
	float: left;
	width: 254px;
}

div#picture div.inner {
	margin: 15px 15px 0 15px;
}

div#picture div.heading {
	background: #fff url("../img/heading-picture.gif") no-repeat;
	height: 30px;
	margin: 0;
	overflow: hidden;
	width: 239px;		
}

div#picture div.heading2 {
	background: #fff url("../img/heading-varieties.gif") no-repeat;
	height: 30px;
	margin: 0;
	overflow: hidden;
	width: 239px;	
}

div#picture div.produce-image {
	background: #f9f9f9;
	height: 239px;
	width: 239px;
	margin-bottom: 15px;
}

div#description {
	float: right;
	width: 366px;
}

div#description div.inner {
	margin: 15px 15px 0 0;
}

div#description div.heading {
	background: #fff url("../img/heading-description.gif") no-repeat;
	height: 30px;
	margin: 0;
	overflow: hidden;
	width: 351px;		
}

div.growingareas {
	background: #f9f9f9;
	padding: 9px;
}

div.growingareas h2 {
	color: #000;
	font-size: 12px;
	font-weight: bold;
	margin: 0;
}

div.growingareas ul {
	margin: 5px 0 5px 18px;
}

ul.nav-recipes {
	font-size: 11px;
	list-style: none;
	margin: 0;
	padding: 0;
	width: 127px;
}

ul.nav-recipes li {
	border-bottom: 1px solid #8F9499;
	display: block;
	height: 22px;
	overflow: hidden;
	width: 127px;
	margin: 0;
	padding: 0;
}

ul.nav-recipes li.alt {
	background: #E6E7E9 url("../img/bg-learnmore.gif") no-repeat 2px 6px;
	padding: 0;
	margin: 0;
	height: 22px;
}

ul.nav-recipes li.alt2 {
	background: #FFF url("../img/bg-learnmore.gif") no-repeat 2px 6px;
	padding: 0;
	margin: 0;
	height: 22px;
}

ul.nav-recipes li a {
	display: block;
	height: 22px;
	line-height: 22px;
	text-indent: 12px;
	margin: 0;
	padding: 0;
}

/* @end */

body {
	background: url("../img/bg-pattern.gif");
	color: #666;
}

h2.fg {
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	margin: 0;
	padding: 6px 0 0 6px;
}

h3 {
	color: #312f2f;
	font-weight: bold;
}

div#hdcontainer {
	height: 15px;
	margin: 0;
	padding: 0;
	width: 100%;
	text-align: center;
}

div#hd {
	background: #fff;
	height: 15px;
	margin: 0 auto;
	padding: 0;
	text-align: left;
	width: 777px;
}

div#bdcontainer {
	background: #312f2f url("../img/bg-shadow.jpg") repeat-y scroll center;
	text-align: center;
	width: 100%;
}

div#bd {
	background: #fff url("../img/bg-body.gif") repeat-y scroll;
	margin: 0 auto;
	text-align: left;
	width: 777px;
}

div#FLASH-nav {
	height: 195px;
	width: 777px;
}

div#MODULE-nav {
	height: 20px;
	width: 777px;
}

div#MODULE-nav div.inner {
	margin: 0 15px;
	background: transparent url("../img/bg-submenu.gif") repeat-x;
	border-left: 1px solid #8F9499;
	border-right: 1px solid #8F9499;
	border-bottom: 1px solid #8F9499;

}

div#sub {
	float: left;
	width: 254px;
}

div#sub div.inner {
	margin-left: 15px;
	margin-top: 15px;
}

div#sub div.branding-image {
	background: #f9f9f9;
	height: 239px;
	margin: 15px 0;	
	width: 239px;
}

div#sub div.heading {
	background: #fff url("../img/heading-sub.gif") no-repeat;
	color: #fff;
	height: 30px;
	margin: 0;
	overflow: hidden;
	width: 239px;
}

div.MODULE-rotator-1,
div.MODULE-rotator-2,
div.MODULE-rotator-3 {
	height: 105px;	
	width: 239px;
}

div#main {
	float: right;
	font-size: 11px;
	width: 508px;
}

div#main div.inner {
	margin-right: 15px;
	margin-top: 15px;
}

div#main div.heading {
	background: #fff url("../img/heading-main.gif") no-repeat;
	clear: both;
	height: 30px;
	margin: 0;
	overflow: hidden;
	padding: 0;
	width: 493px;	
}

h1.freshproduce {
	background: #fff url("../img/heading-freshproduce.html") no-repeat;
	border-bottom: 1px solid #8F9499;
	clear: both;
	font-size: 1px;
	height: 29px;
	margin: 0;
	text-indent: -90000px;	
	width: 493px;
}

div#content {
	margin-bottom: 0px;
}

div#content div.text {
	float: left;
	width: 239px;
}

div#content div.MODULE-newsletter {
	float: right;
	margin-top: 18px;
	width: 244px;
}

div.MODULE-newsletter div.form {
	background: #fff url("../img/bg-newsletter.jpg") no-repeat;
	height: 110px;
	width: 239px;
}

div#content div.MODULE-newsletter div.heading {
	background: #fff url("../img/heading-sub.gif") no-repeat 0 0;
	height: 30px;
	margin: 0;
	overflow: hidden;
	width: 239px;	
}

ul#boxlinks {
	height: 154px;
	list-style: none;
	margin: 0;
	width: 492px;
}

ul#boxlinks li {
	display: block;
	float: left;
	font-size: 1px;
	height: 154px;
	width: 154px;
}

ul#boxlinks li.two {
	margin-left: 14px;
}

ul#boxlinks li.three {
	margin-left: 14px;
}

div#ft {
	background: #000;
	clear: both;
	height: 31px;
	width: 777px;
}

/* @end */

/* @group LINKS */

a:link {
	color: #00a1d9;
	text-decoration: none;
}

a:visited {
	color: #00a1d9;
	text-decoration: none;
}

a:hover {
	color: #00a1d9;
	text-decoration: underline;
}

a:active {
	color: #00a1d9;	
	text-decoration: underline;
}

td.recipe-link {
	
}
.logo{ float:left;margin-left:1px}
.the_tag{ float:right; margin-right:1px;}
div#FLASH-nav img{ width:100%; }
div#FLASH-nav {
  height: auto;
  margin: 0 auto;
  width: 750px;
  margin-top:20px;
 
}
.inner ,
.tops{ position:relative;}
.banner-holder{ position:absolute; top:20px; right:30px;}
.banner-holder img{width:90% !important; display:block; float:right;}

.menusss{ clear:both;  width: 96%; margin:0 auto; position:relative; top:-30px; height:50px;}
.l_tinynav1{ margin:0 0px; padding:0;  width:100%;position:relative; z-index:2;}
.l_tinynav1 li{ float:left; margin:0; padding:0; list-style:none; width:16.66%;}
.l_tinynav1 li a{ display:block; background:#f0f0f0; color:#000;  line-height:30px; text-align:center; text-transform:uppercase; border:1px solid #ccc; border-radius:10px 10px 0 0; 
-moz-border-radius:10px 10px 0 0;-webkit-border-radius:10px 10px 0 0;-o-border-radius:10px 10px 0 0;-ms-border-radius:10px 10px 0 0; }
.l_tinynav1>li.selected>a,
.l_tinynav1>li:hover>a{ position:relative; width:100%; text-decoration:none; top:-10px; padding:5px 0; color:#00A1D9 ; display:block;  }

.l_tinynav1 li ul{ position:absolute; left:0; top:30px; width:100%; display:none; background:#F0F0F0; margin:0; padding:0; border:1px solid #ccc; border-top:0;}
.l_tinynav1 li ul li{ float:left; width:auto;}
.l_tinynav1 li ul li a{ padding:5px 10px; float:left; border:0;  line-height: 18px; display:block; background:transparent; text-transform:none; font-size:12px; color:#555; }
.l_tinynav1 li ul li a:hover{color:#00A1D9;}
.l_tinynav1>li:hover>ul{ display:block;}
.l_tinynav1>li.selected>ul{ display:block;}
.menusss select{ padding:5px; border:0; width:98%; margin:0 auto;}
.l_tinynav1 li ul li.selected a{ color:#00A1D9}
div#hd{

padding:5px 0px;
background: #f9f9f9;
background: -moz-linear-gradient(top, #f9f9f9 0%, #ffffff 50%, #f9f9f9 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9f9f9), color-stop(50%,#ffffff), color-stop(100%,#f9f9f9));
background: -webkit-linear-gradient(top, #f9f9f9 0%,#ffffff 50%,#f9f9f9 100%);
background: -o-linear-gradient(top, #f9f9f9 0%,#ffffff 50%,#f9f9f9 100%);
background: -ms-linear-gradient(top, #f9f9f9 0%,#ffffff 50%,#f9f9f9 100%);
background: linear-gradient(to bottom, #f9f9f9 0%,#ffffff 50%,#f9f9f9 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#f9f9f9',GradientType=0 );
 border:1px solid #ccc; border-radius:0 0 10px 10px; 
-moz-border-radius:0 0 10px 10px;-webkit-border-radius:0 0 10px 10px;-o-border-radius:0 0 10px 10px;-ms-border-radius:0 0 10px 10px;
}

div#hd a{float:right; color:#ccc; margin-right:20px; background:url("../img/bg-topnav.png"); width:50px; height:11px; text-indent:-9999px; font-size:0;}
div#hd a.l1{background-position:0 0;}
div#hd a.l2{background-position:-57px 0;}
div#hd a.l3{background-position:-120px 0;}
#search-0 table{width:100%;}
/* @end */
.l_tinynav1 > li.selected > a, .l_tinynav1 > li:hover > a {
  border-bottom: 0 none;
  color: #00A1D9;
  display: block;
  padding: 5px 0;
  position: relative;
  text-decoration: none;
  top: -10px;
  width: 100%;
  z-index: 2;
}
.l_tinynav1 li ul{border-top:1px solid #ccc;}
.loxc{position:absolute; top:60px; right:180px; width:210px;display:none;}
.loxc img{ width:100%; display:block;}
.loxc span{font-family: 'Marck Script', cursive; color:#fff; font-size:36px; font-size:480%; top:30px; text-align:center; display:block; position:absolute; z-index:2; font-weight:normal; letter-spacing: -5px; display:none;}

div.MODULE-rotator-2 {
  height: 80px;
}


@media (min-width:480px) and (max-width:777px){

.nav-recipes {display:none;}
div#hdcontainer {  height: 14px;}
	/*.banner-holder{ display:none;}*/
	.banner-holder {
  right: 10px;
  top: auto;
  bottom:10px;
  width: 90px;
}

	.menusss{ top:10px; background:#F0F0F0; padding:5px; border:1px solid #ccc; margin-bottom:20px; height:auto;}
	div#FLASH-nav embed,
	div#ft,
	div#MODULE-nav,
	div#main,
	div#sub,
	div#FLASH-nav,
	div#bd,
	div#hd{
		width:480px;
		position:relative;
		}
	
	div#listview div.heading,
	ul#boxlinks,
	div#content div.text,
	div#main div.heading{ width:100%;}
	div#content div.MODULE-newsletter{ margin:0 auto;}
	
	div#listview ul,
	div#listview,
	div#picture,div#description{ float:none; width:95%; margin:0 auto;}
	
	div#main div.inner {	  margin: 15px;	}
	#hd img,	#ft img{ width:100%;}
	#content img{ width:100%;}
	div#listview li.endrow {  padding-right: 13px;}
	div#produce {	  float: none;	  width: 97%;	}
	div#produce div.heading{ background: url("../img/heading-produce.png"); width: 100%;}	
	div#produce .tinynav{     margin: 0 auto;    padding: 5px;    width: 98%;	border:1px solid #ccc;}

div#listview div.heading {  background: url("http://fruitcorp.com/img/heading-605.jpg");    width: 100%;}

	div#picture div.heading {  background: url("http://fruitcorp.com/img/heading-picture.jpg");  width: 100%;}
div#picture div.produce-image {  background: none repeat scroll 0 0 #F9F9F9; width: 100%;}
div#description div.inner{ padding:15px; margin:0;}
div#picture div.heading2 {  background: url("http://fruitcorp.com/img/heading-varieties.jpg");  width: 100%;}
div#picture div.produce-image img{ margin:0px auto; padding:10px; float:none; display:block;}
div#description div.heading {  background: url("http://fruitcorp.com/img/heading-description.jpg");  width: 100%;}
div#picture div.produce-image{ height:auto;}
div#main div.heading {  width: 100%;background: url("../img/heading-main.gif") repeat  center center rgba(0, 0, 0, 0);  }

.MODULE-newsletter{ width:240px; float:left;}
div#sub div.branding-image {
  float: right;
  height: auto;
  margin: 0 15px;
  width: 29%;
}
div#sub div.branding-image img{ width:100%;} 
.MODULE-rotator-3, .wrap{float:left;}
.MODULE-rotator-3{padding-left:10px;width:170px;}


div.MODULE-rotator-1,
div.MODULE-rotator-2,
div.MODULE-rotator-3 {
		width: 170px;
}
div.MODULE-rotator-1, div.MODULE-rotator-2, div.MODULE-rotator-3{height:auto;}
div#content div.MODULE-newsletter{float:none;}
ul#boxlinks{ height:auto;}
.inner ul#boxlinks li{float:none;margin:0 auto; padding-bottom:10px;}
div#listview li span {
  display: block;
  height: 40px;
}
.loxc {
  position: absolute;
  right: 50px;
  top: 60px;
  width: 210px;
}

div#sub div.heading {
  background: url("../img/heading-produce.png") repeat scroll 0 0 #FFFFFF;
  color: #FFFFFF;
  height: 30px;
  margin: 0;
  overflow: hidden;
  width: 220px;

}
div.MODULE-rotator-1, div.MODULE-rotator-2, div.MODULE-rotator-3 {  width: 220px;}
.MODULE-rotator-1 img,
.MODULE-rotator-3 img{width:100%;}
div.MODULE-rotator-1, div.MODULE-rotator-2, div.MODULE-rotator-3{margin:0px auto 10px; float:left;}

	}
	
	
	
@media (max-width:480px){
#FLASH-nav{position:relative;}
.banner-holder {
  bottom: 10px;
  display: block;
  right: 4%;
  top: auto;
  width: 18%;
}
div#hdcontainer {  height: 34px;}
	/*.banner-holder{ display:none;}*/
	.menusss{ top:10px; background:#F0F0F0; padding:5px; border:1px solid #ccc; margin-bottom:20px; height:auto;}
	
	
	div#FLASH-nav embed,
	div#ft,
	div#MODULE-nav,
	div#main,
	div#sub,
	div#FLASH-nav,
	div#bd,
	div#hd{
		width:98%; margin:0 auto;
		}
	
	div#listview div.heading,
	ul#boxlinks,
	div#content div.text,
	div#main div.heading{ width:100%;}
	div#content div.MODULE-newsletter{ margin:0 auto;}
	
	div#listview ul,
	div#listview,
	div#picture,div#description{ float:none; width:95%; margin:0 auto;}
	div#produce {
	  float: none;
	  width: 100%;
	}
	div#main div.inner {
	  margin: 15px;
	}
	#hd img,
	#ft img{ width:100%;}
	#content img{ width:100%;}
	div#listview li{ width:45%; margin:2%; padding:0; }
	div#listview li.endrow {  padding-right: 0px;}

div#listview div.heading {  background: url("http://fruitcorp.com/img/heading-605.jpg");    width: 100%;}

	div#picture div.heading {  background: url("http://fruitcorp.com/img/heading-picture.jpg");  width: 100%;}
div#picture div.produce-image {  background: none repeat scroll 0 0 #F9F9F9; width: 100%;}
div#description div.inner{ padding:15px; margin:0;}
div#picture div.heading2 {  background: url("http://fruitcorp.com/img/heading-varieties.jpg");  width: 100%;}
div#picture div.produce-image img{ margin:0px auto; padding:10px; float:none; display:block;}
div#description div.heading {  background: url("http://fruitcorp.com/img/heading-description.jpg");  width: 100%;}
div#picture div.produce-image{ height:auto;}
div#main div.heading {  background: url("http://fruitcorp.com/img/heading-main.jpg"); width: 100%;}

.MODULE-newsletter{ width:240px; float:left;}
div#sub div.branding-image {
  float: right;
  height: auto;
  margin: 0 15px;
  width: 29%;
}
div#sub div.branding-image img{ width:100%;} 

div.MODULE-rotator-1,
div.MODULE-rotator-2,
div.MODULE-rotator-3 {
		width: 220px;
}
.wrap,.MODULE-rotator-3{padding-bottom:10px; margin:0 auto; width:270px;}
div.MODULE-rotator-1, div.MODULE-rotator-2, div.MODULE-rotator-3{height:auto;}
div#content div.MODULE-newsletter{float:none;}
ul#boxlinks{ height:auto;}
.inner ul#boxlinks li{float:none;margin:0 auto; padding-bottom:10px;}
.logo {display:block; margin:0 auto; display:block; float:none;}
.logo img { display:block; margin:0 auto; display:block;}
.the_tag { display:block; margin:0 auto; display:block;float:none}
.nav-recipes {display:none;}
div#produce {	  float: none;	  width: 97%;	}
div#produce div.heading{ background: url("../img/heading-produce.png"); width: 100%;}	
div#produce .tinynav{     margin: 0 auto;    padding: 5px;    width: 98%;	border:1px solid #ccc;}
div#listview li span {  display: block;  height: 40px;}

.MODULE-newsletter {  float: none;  margin: 0 auto;  width: 240px;}
div#sub div.branding-image {
  float: none;
  height: auto;
  margin: 0 15px;
  width: 90%;
}
.tabledefault .cat_textbox_small{width:200px !important;}
.loxc {  position: absolute;  right: 50px;  top: 0;  width: 46%;}
.loxc span{font-size:300% !important; top:20px;}
div#sub div.heading {
  background: url("../img/heading-produce.png") repeat scroll 0 0 #FFFFFF;
  color: #FFFFFF;
  height: 30px;
  margin: 0 auto;
  overflow: hidden;
  width: 220px;
}
.MODULE-rotator-1 img,
.MODULE-rotator-3 img{width:100%;}
div.MODULE-rotator-1, div.MODULE-rotator-2, div.MODULE-rotator-3{margin:0px auto 10px;}
	}

/* styles for desktop */
.tinynav { display: none }

/* styles for mobile */
@media screen and (max-width: 777px) {
    .tinynav { display: block;padding-left:10px; }
    #nav_817444{ display: none }
	
}