﻿html { background-color: #FCFAE1; }

body {
	background: #FCFAE1 url("../_images/bodyBG.png") repeat-x top left;
	text-align: center;
	font-family: Arial, Sans-Serif;
	font-size: 68%;
	color: #4C1B1B;
}

.clear  {
    clear:both;
}

.fr {display:inline; float:right;}
.fl {display:inline; float:left;}

h1 {
	font-size: 30px;
	padding-bottom: 10px;
	margin: -5px 0 0 0;
	width:227px;
}

h2 {
	font-size: 160%;
	margin: 10px 0 16px 0;
	color: #8A070F;
	font-weight:400;
}

h3 {
	margin: 20px 0 5px 0;
	font-size: 140%;
	font-weight: bold;
}

h4 {
	color:#8A070F;
	display:block;
	font-weight:bolder;	
}

a, a:hover, a:visited, a:active {
	color: #8A070F;
	text-decoration: none;
	outline:none;
}

#footer a{
    color:#f6e497;     
}

a:hover { text-decoration:underline; }

sup {
	font-size: 90%;
	margin-top: -2px;
}

strong {
	font-weight: bold;
}

em  {
    font-style:italic;
}

#page {
	width: 994px;
	margin-left: auto;
	margin-right: auto;
	background: url("../_images/pageBG.png") repeat-y top left;	
}

#page.homepage {
    height:950px;
}

#body {
	width: 984px;
	text-align: left;
	margin-left: 5px;
	position:relative;
}


#topNav {
	border-top-style: none;
	background: #fff url("../_images/rivet.gif") no-repeat left 4px;
	padding:2px 0px 3px 0px;
	height: 18px;
	text-align: center;
}

#topNav h3 a {
	margin:0;
	font-size: 10px;
	font-weight: normal;
}

#topNavHeader {
	width: auto;
	position: absolute;
	left: 405px;
	margin: 2px 0 0 0 ;
}

#topNavHeader h3, #topNavHeader div {
	margin:0;
	font-weight:normal;
	font-size:100%;
	float: left;
}

#topNavHeader h3 {
	margin:0;
	padding: 0 5px;
	color:#8a070f;
}

#topNavList {
	float: right;
	list-style-type: none;
	background: url("../_images/rivet.gif") no-repeat right top;
	padding-right: 40px;
	width: 300px;
	margin: 2px 0 0 0 ;
}

#topNavList li {
	border-right: solid 1px #4C1B1B;
	padding: 0 10px;
	display: inline;
}

#topNavList li.topNavListLast {
	border-right: none;
}

#headerContainer {	
	width:970px;
	background: #B68946;
	/*background: #B68946 url("../_images/topNavBG.png") no-repeat left bottom;*/
	/*background: transparent url("../_images/topNavBG.png") no-repeat left bottom;*/
	margin-left:6px;
	border: solid 1px #4C1B1B;
	border-bottom-style:none;
	border-top:none;	
	z-index:3;
}

.homepage #headerContainer {
	background:transparent;
	position:absolute;
	
}

#flashHeaderContainer{
    position:relative;
    height:226px;
    width:984px;
    z-index:2;    
	overflow:hidden;
	padding:0 0 0 6px;
	left:-6px;
}

.homepage #flashHeaderContainer{
    position:absolute;    
    top:24px;	
	height:644px;
	padding:0;	
	left:0;
}

#flashHeader {
	width:984px;
	height:644px;
	margin-left:-7px;
	/*margin-left:-6px;*/	
	/*position:absolute;
	top:24px;
	width:984px;
	height:644px;
	z-index:2;*/
}

.homepage #flashHeader{
    margin-left:0;
}

ul#siteNav {
	position:relative;
	list-style-type: none;
	width: 970px;
	height: 39px;
	margin: -42px 0 0;
	z-index:3;	
}

.homepage ul#siteNav {
    margin: 0;
    top:185px;
}

ul#siteNav li {
	display: inline;
}

#navFarm {
	padding-left: 49px;
}

#navPacking {
	padding-left: 124px;
}

#navStore {
	padding-left: 144px;
}

#navHome {
	padding-left: 112px;
}

#secondaryNav {
	display:none;
	background: #FFFFFF url("../_images/secondaryNavBG.gif") repeat-x bottom left;
	width: 970px;
	height: 25px;
	position: absolute;
	padding: 0 0 5px 0;	
	z-index:5;	
}

.homepage #secondaryNav {
    margin:0;
    top:246px;
}

#secondaryNav ul {
	list-style-type: none;
	padding: 5px 0 0 0;
}

#secondaryNav li {
	display: inline;
	padding: 0 10px;
	border-left: solid 1px #4C1B1B;
}

#secondaryNav a:hover {
	color: #A6A219;
}

#farmNav, #packingNav, #storeNav, #homeNav {
	float:left;
	display:none;
}

#farmNav {
	padding-left: 45px;
}

#packingNav {
	padding-left: 270px;
}

#storeNav {
	padding-left: 551px;
}

#homeNav {
	float:right;
	padding-right: 40px;
}


#contentContainer1 {
	width: 970px;
	margin: 0 6px;
	border-left: solid 1px #4C1B1B;
	border-right: solid 1px #4C1B1B;
	background-color: #F5E296;	
	
}

.homepage #contentContainer1 {
	position:absolute;
	z-index:1;
	top:232px;
}

#contentContainer2 {
	background: transparent url("../_images/bodyBottomBG.png") no-repeat bottom left;
}

#content {
	background: transparent url("../_images/bodyTopBG.png") no-repeat top left;
	width: 910px;
	padding: 34px 34px 0 34px;	
	min-height: 370px;	
	overflow: visible;
	color: #4C1B1B;	
}

.homepage #content {
    min-height: 480px;
}


#content p {
	margin-bottom: 8px;
	width:390px;
}

div#frontPageCopy1 {
	width: 100%;
	height:65px;
	background: transparent url("../_images/hr.png") no-repeat bottom center;
	text-align:center;
	margin-top:5px;
}

.homepage div#frontPageCopy1 {
	position:relative;
	top:415px;
}

.home_image_left {
	width: 288px;
	height:171px;
	float:left;
	margin-top:5px;
	
	position:relative;
	top:235px;
	left:-25px;
}

.home_image_right {
	width: 288px;
	height:171px;
	float:right;
	margin-top:5px;
	
	position:relative;
	top:235px;
	right:-20px;
}


/*#mainFlash {
	width: 984px;
	height: 383px;
	z-index: 100;
	margin: -34px 0 0 -41px; 
}*/


#leftColumn, #mainColumn {
	float: left;
	display:inline;
}

#leftColumn {
	padding: 0 34px 0 0;
}

.leftColumn,         
.leftColumnWide     {width: 215px;}
.leftColumnRecipe   {width: 155px; }

/*#leftColumn ul {
	margin-left:20px;
}

#leftColumn ul li {
	list-style: none url("../_images/subNavBullet.png") outside;
}*/

#mainColumn {
	/*width: 517px;
	margin: 0 144px 0 0;*/
	
}

.mainColumn,
.mainColumnRecipe,
.mainColumnNarrow   {width:661px;}




#mainColumn img.photo {
	float: right;
	display:inline;
	margin-right: -15px;
}

#mainColumn ul, #mainColumn ol {
	margin: 0 0 10px 20px;
	width:390px;
}
/*
#mainColumn ul li {
	list-style: none url("../_images/subNavBullet.png") outside;
	padding-left: 10px;
	padding-bottom: 8px;
}

#mainColumn ul, #mainColumn ol {
	margin-top:20px;
}

#mainColumn ol li {
	list-style: decimal outside;
	margin-left: 20px;
	padding-bottom: 8px;
}

#content ul li {
	padding-bottom: 8px;
}*/

#leftColumn ul, ol {
	margin: 0 0 10px 3px;
}

ul li {
	list-style: none url("../_images/subNavBullet.png") outside;
	padding-bottom: 8px;
}

ol li {
	list-style: decimal outside;
	margin-left: 20px;
	padding-bottom: 8px;
}

#sitemap ul { list-style-position:inside; margin-left:20px; }
#sitemap ul li { list-style-position:inside; margin-left:20px; }




#oneColumn {
	width:100%;
}

#topNavList {
	float: right;
	background: url("../_images/rivet.gif") no-repeat right top;
	padding-right: 40px;
	width: 300px;
	margin: 2px 0 0 0 ;
}

#mainColumn .AspNet-TreeView ul {
	list-style-type: none;
}

#mainColumn .AspNet-TreeView ul li {
	border-left: solid 1px #4C1B1B;
	padding: 0 10px;
	display: inline;
	margin: 0;
}


.fancy-letter {
	float: left;
	display:inline;
	padding: 3px 3px 0 0;
}

.alt {
	display:none;
}

/* Footer Section */

#footer {
	background: url("../_images/footerBG.jpg") no-repeat top left;
	width: 984px;
	height: 157px;	
	padding:47px 0 0;
	color: #FFF;
	position:relative;
}

.homepage #footer{
	top:744px;
}

#footer div {
	width: 156px;
	float: left;
}

#footer div#copyright{
    position:absolute;
    bottom:10px;
    left:40%;
    width:auto;
    float:none;
}


#footer p {
	padding: 2px;
}

/*#footer a, #footer a:hover, #footer a:visited, #footer a:active {
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
}*/


div#navFamily {
    padding-left:38px;
}

/*div#navTour {
	padding-left: 88px;
}*/

div#navSuperfood {
	padding-left: 75px;
	width: 440px;
	text-align:center;
}

div#navRecipes {
	padding-left: 100px;
}

div#hiddenResources {
	display: none;
}

div#bottomShadow {
	background: transparent url("../_images/bottomShadow.png") no-repeat top left;
	height: 10px;
	width: 994px;
	margin-left: auto;
	margin-right: auto;
}

.instruction {
	font-style:italic;
}

.emph { font-weight:bold; }

.reg { font-size:10px; margin-bottom:5px; line-height:18px; }

.printHeader {
	display:none;
}





.hiddenVariety {
	display:none;
}
.visibleVariety {
	display: block;
}
.varieties .visibleVariety img {
	float: left;
}
#superfood .visibleVariety img { float:left; display:inline; }

.visibleVariety .details {
	padding-top: 40px;
}

#leftColumn li.selected {
	list-style-image:url(../_images/subNavBullet.png);
	font-weight:bold;
}

#sizingContent p, #sizingContent ul { width: auto; }

#perfectCherriesContent p, #perfectCherriesContent ol { width:310px; }

/*div.superfood {
	width:400px;
}*/

/*#mainColumn {
	margin-bottom:-38px;
}*/
.nutrition {
	background: transparent url(../_images/nutritionBackground.png) no-repeat 0 0;
	width: 231px;
	height: 418px;
	/*position: relative;
	top: 0px;
	left: 0px;*/
	/*padding: 13px 18px 0 18px;*/
	padding:13px 0 0 0;
}
* html .nutrition {
    background: transparent url(../_images/nutritionBackground_IE6.png) no-repeat 3px 3px;
}
.nutrition table {
	width: 195px; margin-left:18px;
}
.nutrition td {
	font-size: 10px;
	vertical-align: top;
}
.nutrition td.field {
	text-align: left;
	width: 115px;
	height: 19px;
}
.nutrition td.fieldValue {
	text-align: right;
	width: 75px;
}
.nutrition h5 {
	font-size: 140%;
	color: #B2132D;
	font-weight: bold;
	width: 195px;
	text-align: center;
	margin: 0px 0 9px 18px;
}


#links { width:645px; }
#links a img {
	float: left;
	display:inline;
}
#links div { height:140px; clear:both; }
#links p { float:left; display:inline; width:300px; margin-left:20px; }