body
{
	background-color: #333333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 62.5%;
	text-align: center;
}

.pagewrapper
{
	margin: 0 auto;
	position: relative;
	text-align: left;
	width: 960px;
}

.logo
{
	left: 115px;
	position: absolute;
	top: 52px;
}

#header
{
	position: absolute;
	right: 310px;
	top: 64px;
}

.contentwrapper
{
	margin: 0;
	position: absolute;
	top: 240px;
	width: 786px;
	overflow: visible;
}

h1
{
	color: #66FF66;
	font-size: 2.4em;
	line-height: 1em;
}

h2
{
	color: #66FF66;
	font-size: 1.8em;
	line-height: 1.2em;
}

h3
{
	color: #66FF66;
	font-size: 1.6em;
}

#intro-range-info
{
	background-color: #eaddc6;
}

#intro-range-info p
{
	color: #fff;
	font-size: 1.4em;
}

/* Accessibility Links */

.skip-to-links
{
	padding: 0;
	position: absolute;
	right: -55px;
	top: 10px;
	width: 345px;
}

.skip-to-links li
{
	float: left;
	margin: 0 12px 0 0;
}

.skip-to-links a
{
	color: #ff0;
	font-size: 1.4em;
	font-weight: normal;
	text-decoration: underline;
}

.skip-to-links a:hover
{
	text-decoration: underline;
}

/* Nutritional Info Table Data */

.item-table
{
	width: 540px;
}

table td
{
	padding: 6px 0;
	vertical-align: top;
}

table caption
{
	display: none;
}

.item-table
{
	color: #fff;
	font-size: 1.4em;
	margin-bottom: 6px;
}

.item-table th
{
	color: #fff;
	font-weight: normal;
	padding-bottom: 6px;
}

.item-table td
{
	border-bottom: 3px solid #ccc;
}

.item-table tr
{
	background-color: #646464;
}

.item-table tr.odd
{
	background-color: #333;
}

.item-table thead tr
{
	background: none;
	border: none;
}

.row-heading
{
	font-weight: normal;
	padding-left: 6px;
	width: 152px;
}

/***** Product RangeTitleTabs - Introductory for now, Second range in early 2010 ****/

.range-tabs
{
	margin: 0;
}

.rangetab-initial
{
	background: none !important;
	color: #66FF66;
	font-size: 1.8em;
}
.rangetab
{
	font-size: 1.4em;
	color: #66FF66;
	cursor: pointer;
	clear: both;
	background-image: none !important;
}
.rangetab.active
{
	font-size: 1.8em;
}


/* List Item Info Styles */

.product-list
{
	display: inline;
	position: absolute;
	top: 63px;
	width: 967px;
}

.product-list li
{
	/*padding: 0 0 0 35px;*/
	position: relative;
}

.prod-img-lrg
{
	float: left;
	height: 309px;
	margin-right: 6px;
	width: 136px;
}

#fw-modal .prod-img-lrg
{
	height: 317px;
	width: 148px;
}
#contact-modal
{
	height: 180px;
	width: 570px;
}

.modal
{
	background-color: #333;
	border: 2px solid black;
	background-image: none !important; /*background-position: 0 0; 	background-repeat: no-repeat;*/
	color: #fff;
	display: none;
	left: 0;
	margin: 0;
	padding: 17px 0 60px 35px;
	text-align: left;
	top: 32px;
	width: 723px;
}

.modal h3
{
	display: block;
	float: left;
	font-size: 1.8em;
	margin: 0 0 12px 0; /*width: 500px;*/
	text-transform: capitalize;
}

.modal h4
{
	color: #66FF66;
	float: left;
	font-size: 1.6em;
	font-weight: bold;
	text-transform: capitalize;
	width: 460px;
}

.modal p
{
	float: left;
	font-size: 1.4em;
	font-weight: normal;
	margin: 0 0 16px 0;
	width: 470px;
}

.modal p.nut-info
{
	color: #fff;
	font-size: 1.4em;
	font-weight: normal;
}

.modal-close a
{
	background-image: none;
	background-position: 0 0;
	background-repeat: no-repeat;
	color: #ff0;
	display: block;
	float: right;
	font-size: 1.3em;
	height: 16px;
	margin: 0 20px 0 0;
	width: 121px;
	border: 1px solid transparent;
	text-indent: 0;
}

.modal-close a:hover
{
	background-position: 0 -18px;
}

.simplemodal-close
{
	border: 0 !important;
}

#contact-modal .simplemodal-close
{
	float: right;
	margin: 0 26px 0 0;
}

#contact-modal h2
{
	color: #66FF66;
	font-size: 2.2em;
	height: 20px;
	margin: 0 0 24px 0;
	width: 100%;
}

#contact-modal p
{
	color: #fff;
	margin: 0 0 6px 0;
	width: 100% !important;
}

#contact-modal p span
{
	font-weight: bold;
}

#contact-modal a
{
	color: #ff0;
	margin: 6px 0 0 0;
}

.contact-info
{
	float: left;
	margin: 12px 0 12px 113px;
	width: 370px;
}

.ir h4
{
	display: block;
	float: left;
	margin: 0 0 6px 0;
	width: 500px;
}

.modal h3
{
	height: 55px;
}
/* Rustic White state 3 styles */

.ir.rw h3, #rw-modal h3
{
	background: none !important;
	margin: 0 0 6px 0;
	width: 182px;
}

/* Farmhouse Wheat state 3 styles */

.ir.fw h3, #fw-modal h3
{
	background: none !important;
	margin: 0 0 9px;
	width: 233px;
}

/* Country Grains state 3 styles */

.ir.cg h3, #cg-modal h3
{
	background: none !important;
	margin: 0;
	width: 176px;
}

/* Light Rye state 3 styles */

.ir.lr h3, #lr-modal h3
{
	background: none !important;
	height: 59px;
	width: 160px;
}

.ir.lr h3
{
	height: 23px;
}

/* Footer Styles */

.footer
{
	left: 226px;
	position: absolute;
	text-align: center;
	top: 380px;
	width: 570px;
}

.footer li
{
	float: left;
	margin: 0 0 10px;
}

.footer li span, .footer li a
{
	color: #d9c79f;
	font-size: 1.1em;
	font-weight: bold;
	text-decoration: none;
}

.footer li a
{
	margin-right: 20px;
}

.footer li a:hover
{
	text-decoration: underline;
}

cite
{
	color: #d9c79f;
	display: block;
	float: left;
	font-size: .8em;
	clear: both;
}

/*.footer {
	left:143px;
	position:absolute;
	text-align:center;
	top:-228px;
	width:570px;
}

.footer li, .footer li a {
	color: #ff0;
	float: left;
	font-size: 1.1em;
	font-weight: normal;
	text-decoration: underline;
}

.footer li a {
	margin-right: 20px;
}

.footer li a:hover {
	text-decoration: underline;
}

cite {
	color: #d9c79f;
	display: block;
	float: left;
	font-size: .8em;
	margin: 9px 0 0 0;
}*/

/*
__________________________________________________________
STATE BASED PRODUCT NAVIGATION
*****************************************************************************/
.on .content
{
	width: 250px;
}
#fw .content
{
	width: 271px;
}
#cg .content, #lr .content
{
	width: 260px;
}

.content h3
{
	color: #000; /*float: left;*/
	font-size: 20px;
	font-weight: normal;
	margin: 13px 0 6px 0;
}

.everyday .on
{
	background-image: url(../images/all-product-UPstates.png);
	background-position: 0 0;
	background-repeat: no-repeat;
	height: 222px;
	width:800px;
}
.seasonal .on
{
	background-image: url(../images/season-product-states.png);
	background-position: 0 2px;
	background-repeat: no-repeat;
	height: 280px;
	width:800px;
}

.on p
{
	font-size: 13px;
}

.off a
{
	position: absolute;
}

.btn
{
	float: left;
}

.moreinfo
{
	float: right;
	display: block;
	width: 90px;
}

.moreinfo-btn
{
	background-image: url(../images/btn-moreinfo.gif);
	text-indent: -10000px;		
	font-size:1.5em;
	color:#FF00ff;
	background-repeat: no-repeat;
	background-position: 0 0;
	cursor: pointer;
	display: block;
	height: 20px;
	margin: 0;
}

.moreinfo-btn:hover
{
	background-position: 0 -23px;
}

/*Spring Recipes button*/
.spring-recipes {
	float: right;
	display: block;
	width: 126px;
	margin: -10px 0 0 0;
}

.spring-recipes-btn {
	background-image: url(../images/btn-spring-recipes.gif);
	text-indent: -10000px;
			
	font-size:1.6em;
	color:#FF00FF;
	background-repeat: no-repeat;
	background-position: 0 0;
	cursor: pointer;
	display: block;
	height: 21px;
	margin: 0;
}

.spring-recipes-btn:hover
{
	background-position: 0 -20px;
}

#fw-launch, #cg-launch
{
	/*margin-top: 12px;*/
}
/** Introductory state */

.intro
{
	float: left;
}

/** Off state */
.intro .off a
{
	width: 60px;
	height: 126px;
	display: block;
}

.intro .off
{
	position: absolute;
	top: 0;
}

.intro .off .rw
{
	height: 208px;
	left: 298px;
	top: 10px;
	width: 114px;
}

.intro .off .fw
{
	height: 207px;
	left: 412px;
	top: 25px;
	width: 107px;
}

.intro .off .cg
{
	height: 208px;
	left: 519px;
	top: 31px;
	width: 114px;
}

.intro .off .lr
{
	height: 207px;
	left: 633px;
	top: 20px;
	width: 107px;
}

/** On state */

.intro .on
{
	/*background: url(../images/intro-prod-state.png) no-repeat 0 2px;*/ /*background-position: 0 2px;*/
	padding: 0 0 0 28px; /*42px 0 0 28px;*/
	position: absolute;
	width: 940px;
	height: 250px;
}

.on .header
{
	position: relative; /*background-image: url(../images/txt-everyday-range.gif);*/
	background-repeat: no-repeat;
	background-position: 0 0;
	height: 40px;
	top: 22px;
	padding-bottom: 20px;
	left: 1px;
}

.on .header h1
{
	color: #000;
}

.intro .on p
{
	margin: 0 0 17px 0;
	width: 250px;
}

/***** RUSTIC WHITE *****/
/** Off state */
.rw .off a
{
	width: 60px;
	height: 126px;
	display: block;
}

.rw .off
{
	position: absolute;
	top: 0;
}

.rw .off .fw
{
	height: 208px;
	left: 420px;
	top: 27px;
	width: 115px;
}

.rw .off .cg
{
	height: 206px;
	left: 528px;
	top: 33px;
	width: 113px;
}

.rw .off .lr
{
	height: 207px;
	left: 632px;
	top: 22px;
	width: 107px;
}

/** On state */
.rw .on
{
	background-position: 0 -252px;
	height: 232px;
	padding: 25px 0 0 140px;
	width: 800px;
}
.rw .on p
{
	margin: 0 0 17px 0;
	width: 250px;
}


/***** FARMHOUSE WHOLEMEAL *****/
/** Off state */
.fw .off a
{
	width: 60px;
	height: 126px;
	display: block;
}

.fw .off
{
	position: absolute;
	left: 41px;
	top: 0;
}

.fw .off .rw
{
	height: 206px;
	left: -37px;
	top: 9px;
	width: 113px;
}

.fw .off .cg
{
	height: 206px;
	left: 476px;
	top: 32px;
	width: 113px;
}

.fw .off .lr
{
	height: 207px;
	left: 591px;
	top: 21px;
	width: 111px;
}

/**  On state */
.fw .on
{
	background-position: 1px -504px;
	padding: 40px 0 0 235px;
	width: 800px;
}
.fw .on p
{
	margin: 0 0 17px 0;
	width: 250px;
}

/***** COUNTRY GRAINS *****/
/** Off state */
.cg .off a
{
	width: 60px;
	height: 126px;
	display: block;
}

.cg .off
{
	position: absolute;
	left: 0;
	top: 0;
}

.cg .off .rw
{
	height: 206px;
	left: 6px;
	top: 8px;
	width: 115px;
}

.cg .off .fw
{
	height: 207px;
	left: 122px;
	top: 26px;
	width: 115px;
}

.cg .off .lr
{
	height: 206px;
	left: 635px;
	top: 19px;
	width: 107px;
}

/**  On state */
.cg .on
{
	/*background-position:0 -532px;*/
	background-position: 0 -760px;
	padding: 57px 0 0 358px;
	width: 608px;
}
.cg .on p
{
	margin: 0 0 17px 0;
	width: 250px;
}

/***** LIGHT RYE *****/
/** Off state */
.lr .off a
{
	width: 60px;
	height: 126px;
	display: block;
}

.lr .off
{
	position: absolute;
	left: 0;
	top: 0;
}

.lr .off .rw, .sde .off .rw, .hsg .off .rw
{
	height: 207px;
	left: 3px;
	top: 9px;
	width: 117px;
}

.lr .off .fw, .sde .off .fw, .hsg .off .fw
{
	height: 208px;
	left: 120px;
	top: 25px;
	width: 122px;
}

.lr .off .cg, .sde .off .cg, .hsg .off .cg
{
	height: 209px;
	left: 244px;
	top: 29px;
	width: 112px;
}

/** On state */
.lr .on
{
	/*background-position:1px -815px;*/
	background-position: 1px -1030px;
	padding: 60px 0 0 478px;
	width: 608px;
}
.lr .on p
{
	margin: 0 0 17px 0;
	width: 250px;
}

.hsg .on
{
	background-position: 0px -1030px;
	padding: 25px 0 0 575px;
	width: 370px;
}
.hsg .on p
{
	margin: -10px 0 0;
	width: 270px;
}

.hsg .off li
{
	position: absolute;
}
.hsg .off .sde
{
	height: 206px;
	left: 470px;
	top: 34px;
	width: 107px;
}


/****** CONTEST CALL TO ACTION ******/

.cta
{
	background: url(../images/cta-gourmet-bg.png) no-repeat 0 0;
	padding: 0 0 0 18px;
	position: absolute;
	right: 0;
	top: 35px;
	width: 173px;
}

.cta p
{
	color: #422812;
	font-size: 1.4em;
	margin: 172px 0 10px 0;
}

.cta a
{
	background-image: url(../images/btn-click-to-enter.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	display: block;
	height: 20px;
	margin: 0 0 20px 0;
	text-indent: -10000px;
}

.cta a:hover
{
	background-position: 0 -21px;
}

/****** SIMPLEMODAL OVERLAY STYLES **************/

#simplemodal-overlay
{
	background-color: #000;
	opacity: 0.5;
	filter: alpha(opacity=50);
}

#sound
{
	top: 10px;
	left: 6px;
	position: absolute;
}

#sound a
{
	color: #ff0;
	display: block;
	font-size: 1.3em;
	height: 33px;
	width: 104px;
}

.comp-notopen
{
	background: url(../images/comp-notopen.gif) no-repeat 0 0 !important;
	cursor: default;
	height: 20px;
	text-indent: -100000px;
}

/******** ACCESSIBILITY TRIGGERS **********/

.contentwrapper a:focus
{
	outline: none;
}

#accessible-open, .accessible-skip-prod
{
	display: block;
	color: #ff0;
	font-size: 1em;
}

.accessible-skip-prod
{
	font-weight: bold;
	width: 200px !important;
	color: #000;
}

.accessible-skip-nutinfo
{
	color: #ff0;
	display: block;
	font-size: 1.4em;
}

.accessbreaker
{
	display: none !important;
}



/******************************************
 * GRANARY
 */
.product-list.granary p
{
}
.product-list.granary .on
{
	background-image: url(../images/granary-states.png);
}
.granary .page .off
{
	position: absolute;
	top: 0px;
}
/**
.granary .page .off .ag {
	border:1px solid red;
}
.granary .page .off .wm {
	border:1px solid orange;
}
.granary .page .off .sd {
	border:1px solid yellow;
}
/**/
.granary .page.intro .off .ag
{
	height: 205px !important;
	left: 298px !important;
	position: absolute !important;
	top: 13px !important;
	width: 112px !important;
}
.granary .page.wm .off .ag, .granary .page.sd .off .ag
{
	height: 203px !important;
	left: 3px !important;
	top: 13px !important;
	width: 113px !important;
}

.granary .page.intro .off .wm, .granary .page.ag .off .wm
{
	height: 203px !important;
	left: 412px !important;
	top: 10px !important;
	width: 103px !important;
}
.granary .page.ag .off .wm
{
	left: 403px !important;
	width: 112px !important;
}
.granary .page.sd .off .wm
{
	height: 201px !important;
	left: 120px !important;
	top: 12px !important;
	width: 112px !important;
}

.granary .page.intro .off .sd, .granary .page.ag .off .sd, .granary .page.wm .off .sd
{
	height: 205px !important;
	left: 517px !important;
	top: 15px !important;
	width: 114px !important;
}


.granary .page.ag .on
{
	background-position: 0 -257px;
	height: 228px;
	padding: 7px 0 0 122px;
}
.granary .page.ag .on .content
{
	width: 252px;
}
.granary .page.wm .on
{
	background-position: 0 -507px;
	height: 228px;
	padding: 4px 0 0 235px;
}
.granary .page.sd .on
{
	background-position: 0 -758px;
	height: 228px;
	padding: 2px 0 0 352px;
}


/**
 * Granary Exceptions
 */
#ag-modal .prod-img-lrg
{
	width: 126px;
	height: 311px;
}
#wm-modal .prod-img-lrg
{
	width: 120px;
	height: 316px;
}
#sd-modal .prod-img-lrg
{
	width: 121px;
	height: 316px;
}

#ag-modal .item-table, #wm-modal .item-table, #sd-modal .item-table
{
	margin: 0 45px 0 0;
	float: left;
}
#ag-modal p
{
	margin-bottom: 9px;
}
#gr-modal h3
{
	background-image: none !important;
}
#ag h3, #ag-modal h3
{
	line-height: 36px;
	width: 260px;
	margin: 14px 0 0;
	background-image: none !important;
}
#wm h3, #wm-modal h3
{
	margin: 14px 0 0;
	line-height: 43px;
	background-image: none !important;
}
#sd h3, #sd-modal h3
{
	margin: 14px 0 0;
	line-height: 45px;
	background-image: none !important;
}

.product-list.granary #gr-launch
{
	width: 170px;
}
.product-list.granary #gr-launch .moreinfo-btn
{
	background: transparent url("../images/btn-so-what-is-granary.png") no-repeat;
	width: 170px;
}
.product-list.granary #gr-launch .moreinfo-btn:hover
{
	background-position: 0 -21px;
}

#gr-modal
{
	background-image: url("../images/modal-bg2.png");
}
#gr-modal .process
{
	padding: 0 0 0 123px;
}
#gr-modal p
{
	width: 550px;
}

/*
 * Page
 */
.page
{
	display: none !important;
}
.page.active
{
	display: block !important;
}

.clear
{
	clear: both;
}
.table-disclaimer
{
	padding-left: 142px !important;
}


.off .hsg
{
	height: 208px !important;
	left: 740px;
	top: 10px;
	width: 110px !important;
}



/*** GRAINY WHOLEMEAL ***/
/**  On state */
.sde .on
{
	/*background-position:0 -532px;*/
	background-position: 0 -1372px;
	padding: 55px 0 0 589px;
	width: 608px; /*display: none;*/
}
.sde .on p
{
	margin: 0 0 17px 0;
	width: 250px;
}

.sde .off li
{
	position: absolute;
}

.sde .off .lr, .hsg .off .lr
{
	height: 206px;
	left: 360px;
	top: 34px;
	width: 107px;
}
.sde .off .hsg
{
	left: 869px;
	top: 36px;
	width: 114px !important;
}

.ir.sde h3, #sde-modal h3
{
	height: 59px;
	width: 232px;
}

/*** HARVEST SEEDS & GRAINS ***/
/**  On state */
.hsg .on
{
	background-position: 1px -1302px;
	padding: 33px 0 0 580px;
	width: 608px;
}
.hsg .on p
{
	margin: 0 0 -3px;
	width: 250px;
}

.hsg .off li
{
	position: absolute;
}
.hsg .off .sde
{
	height: 206px;
	left: 470px;
	top: 34px;
	width: 107px;
}

.ir.hsg h3, #hsg-modal h3
{
	height: 30px;
	width: 236px;
	margin: 7px 0 0;
}





/* totally changed by jc */
.cta-video.upper
{
	/* background: url("../images/cta-tabs.png") no-repeat scroll 0 0 transparent !important; */
	height: 195px;
	left: 681px;
	position: absolute;
	top: 39px;
	width: 303px;
}

.cta-video ul
{
	position: relative;
	top: 10px; /*71px;*/
	left: 7px; /*4px;*/
}




.cta-video a.bread-drop
{
	background: url(../images/btn-bread-drop.png) no-repeat scroll left top;
	display: block;
	height: 108px;
	text-indent: -10000px;
	width: 269px;
	position: relative;
	z-index: 1000;
}

.cta-video a.bread-drop:hover
{
	background: url(../images/btn-bread-drop.png) no-repeat scroll left bottom;
}

.cta-video a.seasonalcampaign-board
{
	position: relative;
	top: 8px;
	left: 0px;
	background: url(../images/btn-seasonalcampaign-board.png) no-repeat scroll left bottom;
	display: block;
	height: 220px;
	text-indent: -10000px;
	width: 224px;
}

.cta-video a.seasonalcampaign-board:hover
{
    top:6px;
	background: url(../images/btn-seasonalcampaign-board.png) no-repeat scroll left top;
}

.cta-video a.community-board
{
	position: relative;
	top: 10px;
	left: 0px;
	background: url(../images/btn-community-board.png) no-repeat scroll left top;
	display: block;
	height: 113px;
	text-indent: -10000px;
	width: 260px;
}

.cta-video a.community-board:hover
{
	background: url(../images/btn-community-board.png) no-repeat scroll left bottom;
}


.cta-video.climate a
{
	display: block;
	height: 60px;
	width: 220px;
	float: left;
	left: 541px;
	position: absolute;
	top: 333px;
	color: #ff0;
	font-size: 1.4em;
	font-weight: normal;
	text-decoration: underline;
}

.cta-video.hug a
{
	display: block;
	height: 60px;
	width: 140px;
	float: left;
	left: 782px;
	position: absolute;
	top: 333px;
	color: #ff0;
	font-size: 1.4em;
	font-weight: normal;
	text-decoration: underline;
}

/* Bread drop and community board modals etc */
.bread-drop-modal
{
	height: 578px;
	width: 746px;
	display: none;
	padding: 0;
	text-align: left;
	position: relative;
}

.bread-drop-modal .modal-close a
{
	margin: 10px;
}

.bread-drop-container
{
	height: 280px;
	width: 465px;
}
.bread-drop-container .content
{
	position: absolute;
	left: 10px;
	top: 57px;
}

.content .left-image
{
	position: absolute;
	left: 10px;
	top: 0px;
	background: url(../images/bread-drop.png) no-repeat 0 0;
	width: 280px;
	height: 368px;
}

.content .blurb
{
	position: absolute;
	left: 310px;
	top: 0px;
	padding-right: 10px;
	overflow: auto;
}

.blurb pre
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.4em;
}

.community-board-modal
{
	height: 582px;
	width: 930px;
	display: none;
	padding: 0;
	text-align: left;
	position: relative;
}

.community-board-modal .modal-close a
{
	margin: 10px;
}

.community-board-container
{
	height: 280px;
	width: 475px;
}

.community-board-container .content-copy
{
	position: absolute;
	left: 40px;
	top: 37px;
	width: 380px;
	float: left;
	overflow: hidden;
}

/* Accessibility version header */
.community-board-container .content-copy h3
{
	width: 150px;
}

.community-board-container .content-copy a
{
	color: #B3200D;
	text-decoration: none;
}

.community-board-container .content-copy a:visited
{
	color: #B3200D;
}

.community-board-container .content-comments-list
{
	position: absolute;
	left: 475px;
	top: 105px;
	width: 410px;
	float: right;
	overflow: hidden;
}

.community-board-container .content-comments-list-header h2
{
	position: relative;
	left: 475px;
	top: 35px;
}

.community-board-container .content
{
	position: absolute;
	left: 40px;
	top: 107px;
}

.community-board-container .submission
{
	position: absolute;
	left: 35px;
	top: 310px;
	width: 390px;
	float: left;
	height: 240px;
	overflow: hidden;
}

/* Community board submission form classes */
.submission .item
{
	background-color: #666;
	position: relative;
	left: 0px;
	float: left;
	margin-left: 5px;
	margin-bottom: 5px;
	padding: 5px 0px 5px 0px;
	overflow: hidden;
	font-size: 137.5%;
}

.community-board-modal-submit a
{
	background-image: none;
	color: #66FF66;
	display: block;
	float: right;
	height: 19px;
	margin: 5px 0 0 0;
	width: 160px;
	position: absolute;
	top: 530px;
	left: 280px;
	font-size: 20px;
	text-decoration: none;
	text-indent: 0px;
}

/* jScrollPane classes */
.bread-drop-scroll-pane
{
	position: relative;
	width: 375px;
	height: 480px;
	overflow: auto;
}

.community-board-scroll-pane
{
	position: relative;
	height: 440px;
	overflow: auto;
}

/* Comment Controls */
.comment-post
{
	font-size: 1.4em;
	width: 390px;
	display: block;
	float: left;
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: dashed 1px #fff;
}
.comment-post .header
{
	width: 100%;
	margin-bottom: 3px;
	font-weight: bold;
}
.comment-post .body
{
	width: 100%;
}

.trademark
{
	margin-left: 10px;
}


/* scroll overrides for colour */

.jspTrack
{
	background: #cccccc;
	position: relative;
}

.jspDrag
{
	background: #666666;
	position: relative;
	top: 0;
	left: 0;
	cursor: pointer;
}

/* Community board form */
.community-board-container .submission
{
	position: absolute;
	left: 35px;
	top: 310px;
	width: 390px;
	float: left;
	height: 240px;
	overflow: hidden;
}

.error
{
	position: relative;
	left: 0px;
	float: left;
	margin-left: 5px;
	margin-bottom: 5px;
	padding: 5px 0px 5px 0px;
	overflow: hidden;
	font-size: 1.4em;
	background-color: #B4220F;
	color: #fff;
}

.error input, .error select, .error textarea
{
	background-color: #F8E9E7;
}

.submission input, textarea, select
{
	border: none;
}

#nameRow
{
	width: 100%;
	clear: both;
}

#nameRow .label
{
	width: 90px;
	float: left;
	margin-left: 5px;
	margin-top: 3px;
}

#nameRow input
{
	width: 285px;
	height: 23px;
}

#emailRow
{
	width: 255px;
}

#emailRow .label
{
	width: 90px;
	float: left;
	margin-left: 5px;
	margin-top: 3px;
}

#emailRow input
{
	width: 155px;
	height: 23px;
}

#stateRow
{
	width: 125px;
	float: left;
}

#stateRow .label
{
	float: left;
	width: 50px;
	margin-left: 5px;
	margin-top: 3px;
}

#stateRow select
{
	float: left;
	width: 65px;
}

#commentRow
{
	width: 100%;
	clear: both;
	padding: 5px;
}

#commentRow .label
{
	width: 100%;
	margin-bottom: 6px;
}

#commentRow textarea
{
	width: 375px;
}



#rw .contentButtons {
	top:15px;
}
#fw .contentButtons {
	left: 8px;
	top: 20px;
	width: 250px;
}
#cg .contentButtons {
	top:15px;
}
#lr .contentButtons {
	top:15px;
}
#hsg .contentButtons {
	top:10px;
}

#mf .contentButtons {
	width:270px;
}
.contentButtons{float: left;position: relative;width: 250px;}

/*SEASONAL*/
/*seasonal links*/
.off .sum{}
.intro .off .spr {
  left: 295px;
  top: 10px;
  width: 114px;
  height: 208px;
  z-index: 100;
}
.intro .off .sum{
  left: 415px;
  top: 30px;
  width: 114px;
  height: 208px;
  z-index: 100;	
}
.intro .off .aut{
  left: 535px;
  top: 10px;
  width: 114px;
  height: 208px;
  z-index: 100;	
}
.intro .off .win{
  left: 660px;
  top: 20px;
  width: 114px;
  height: 208px;
  z-index: 100;		
}

/*spring*/
.seas .off .spr {
  left: 295px;
  top: 10px;
  width: 114px;
  height: 208px;
  z-index: 100;
}
.seas .off .sum{
  left: 415px;
  top: 30px;
  width: 114px;
  height: 208px;
  z-index: 100;	
}
.seas .off .aut{
  left: 535px;
  top: 10px;
  width: 114px;
  height: 208px;
  z-index: 100;	
}
.seas .off .win{
  left: 660px;
  top: 20px;
  width: 114px;
  height: 208px;
  z-index: 100;		
}


/*Facebook*/
.fbLikeBtn {
  float: left;
  height: 20px;
  overflow: hidden;
  width: 90px;
  z-index: 1;
}

.seasonal .on
{
	background-image: url(../images/season-product-states.png);
	background-position: 0 2px;
	background-repeat: no-repeat;
	height: 280px;
}


/*Malted Flakes*/
.mf .on{
	background-position: 0px -288px;
	padding: 15px 0 0 133px;
}

.seas.mf h3{
	margin: 10px 0 16px 0;
	width: 208px;
	height:41px;
}

.mf .on p {
    margin: 0 0 17px;
    width: 250px;
}

.mf-recipes-btn {
    background-image: url("../images/btn-recipes.gif");
    text-indent: -10000px;	
	font-size:1.5em;
	color:#FF00FF;
    background-position: 0 0;
    background-repeat: no-repeat;
    cursor: pointer;
    display: block;
	width:70px;
    height: 20px;
    margin: 0;
}

.mf-recipes{
	float: right;
}

.mf-recipes-btn:hover
{
	background-position: 0 -23px;
}

/*Spring recipes modal*/
#spr-recipes-modal{
	background-image: url("../images/img-recipes-base.png");
    background-position: 0 0;
    background-repeat: no-repeat;	
	width: 929px;
	height: 580px;	
}
    
    
.seasonal .modal
{

}

#spr-recipes-modal-page1{
	position:absolute;
	left:0px;
	top:40px;
	width:445px;
	height:529px;
}
#spr-recipes-modal-page2{
	position:absolute;
	left:445px;
	top:40px;
	width:465px;
	height:529px;
	margin: 0 0 0 30px;
}

#spr-recipes-modal-page1.ul{
	margin 182px 0 0 0;
}

.recipe-page{
	position:absolute;
	left:0px;
	top:45px;
}

#spr-recipes-nav span {
	cursor:pointer;
	font-size:1.28em;
	font-weight:bold;
	color:#FFFF00;
}

#spr-recipes-nav{
	margin: 182px 0 0 50px;
}

#spr-recipes-nav li {
  background-position: 0 100%;
  background-repeat: no-repeat;
  height: 25px;
  margin: 10px 0 10px 0;
  

}

ul.recipe-ingredients-list li{
	background-image: url("../images/img-sum-recipe-bullet.png");
	background-position: 0 0.5em;
	background-repeat: no-repeat;
	font-size: 1.2em;
	margin: 3px 0 0;
	padding: 0 0 0 15px;
    width: 360px;
}

ul.recipe-ingredients-list li span{
	
}	

ul.recipe-ingredients-list {
	margin: 30px 0 30px 0;
}


.recipe-page p{
	font-size: 1.1em;
	font-style: italic;
	width: 385px;
}


#spr-recipes-nav {
	color:#332b22;
}

.recipe-nav-selected{
	color:#b2bb1c;
}

sup{
	font-size:0.7em;
}


#spr-recipes-modal .modal-close a{
	margin: 0 50px 0 0;
}

/*recipe headings*/
.recipe-page h1{
    background-position: 0 0;
    background-repeat: no-repeat;
    display: block;
    margin: 0;
}
.recipe-page.recipe1 h1{
	width:293px;
    height: 63px;
}

.recipe-page.recipe2 h1{
	width:426px;
    height: 29px;
}
.recipe-page.recipe3 h1{
	width:426px;
    height: 29px;
}
.recipe-page.recipe4 h1{
	width:426px;
    height: 29px;
}
.recipe-page.recipe5 h1{
	width:426px;
    height: 63px;
}

.rw .on .h3 {
	height:30px;
}