/* @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 */


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.gif) 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: 104px;
	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 {
	
}

/* @end */