/* -------RESET-----------------------------------------------------------------*/
a
{
	text-decoration: underline;
}
a img
{
	border: none;
}
a:focus, a:active
{
	outline: none;
}
ul li
{
	list-style-type: none;
}
.clear
{
	clear: both;
	height: 1em;
	display: block;
}
.hidetext
{
	text-indent: -100000px;
}
/* -------END-RESET-------------------------------------------------------------*/

body
{
	background-color: #000000;
	background-image: url(../images/avb-wp-1680.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	font-family: Georgia, Times, serif;
	font-size: 62.5%;
	text-align: center;
}
sup
{
	vertical-align: top;
	font-size: 11px;
}

.wp-wrapper
{
	background-image: url(../images/avb-wp-1680.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height: 780px;
	margin: 0 auto;
	width: 960px;
}

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

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

.facebookLogo
{
	left: 396px;
	position: absolute;
	top: 182px;
}

#header
{
	position: absolute;
	right: 322px;
	top: 22px;
}

.contentwrapper
{
	margin: 50px 0 0 0;
	position: absolute;
	top: 175px; /*220px;*/
	width: 786px;
}

h1
{
	font-size: 2.4em;
	line-height: 1em;
}

h2
{
	font-size: 1.8em;
	line-height: 1.2em;
}

h3
{
	font-size: 1.6em;
}

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

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

/* Accessibility Links */

.skip-to-links
{
	padding: 0;
	position: absolute;
	left: 666px;
	top: 10px;
	width: 325px;
}

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

.skip-to-links a
{
	color: #482c13;
	font-size: 1.1em;
	font-weight: bold;
	text-decoration: none;
}

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

/* Nutritional Info Table Data */

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

table caption
{
	display: none;
}

.item-table
{
	color: #422812;
	float: right;
	font-size: 1.1em;
	margin: -45px 45px 0 0;
	width: 540px;
}

.item-table th
{
	font-weight: bold;
	padding-bottom: 6px;
}

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

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

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

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

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

.table-disclaimer
{
	/*float:right !important;*/
	font-size: 1.1em !important;
	margin: 10px 112px 0 0 !important;
	margin: 10px 0 0 138px !important;
	clear: both;
}

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

.range-tabs
{
	margin: 0 0 0 0px;
	width: 341px;
}
.rangetab-initial
{
	background: url(../images/range-tab-initial.png) no-repeat 0 0;
	height: 156px;
	width: 241px;
}
.rangetab
{
	top: 5px;
	cursor: pointer;
}
.rangetab.active
{
	z-index: 11;
	top: -6px;
	background-position: 0 -150px;
}

.rangetab-selected{
	background-position: 0 -150px;
}

.rangetab-everyday
{
	background: url(../images/range-tab-everyday.png) no-repeat 0 0;
	height: 156px;
	width: 188px;
	position: absolute;
	z-index: 10;
	left: -13px;
}

.rangetab-everyday:hover {
	background-position: 0 -150px;
}
.rangetab-seasonal
{
	background: url(../images/range-tab-seasonal_new.png) no-repeat 0 0;
	width: 196px;
	height: 146px;
	position: absolute;
	z-index: 10;
	left: 150px;
	top:2px;
}
.rangetab-seasonal:hover {
	background-position:0 -150px;
}


.rangetab-granary
{
	background: url(../images/range-tab-granary.png) no-repeat 0 0;
	height: 156px;
	width: 169px;
	position: absolute;
	left: 155px;
	z-index: 10;
}


/* List Item Info Styles */

.product-list
{
	display: inline;
	position: absolute;
	top: 54px;
	width: 967px;
	z-index: 15;
}

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

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

#fw-modal .prod-img-lrg
{
	height: 317px;
	width: 148px;
}
#contact-modal
{
	height: 580px;
	background: url(../images/contact-modal.png) no-repeat 0 0;
	width: 570px;
}

.modal
{
	background-image: url(../images/modal-bg.png);
	background-position: 0 0;
	background-repeat: no-repeat;
	display: none;
	left: 0;
	margin: 0;
	padding: 17px 0 60px 35px;
	text-align: left;
	top: 32px;
	width: 723px;
}

.modal h3
{
	display: block;
	float: left;
	margin: 0 0 12px 0;
	text-indent: -10000px;
	width: 500px;
}

.modal h4
{
	color: #18100b;
	float: left;
	font-size: 1.4em;
	font-weight: bold;
	text-transform: uppercase;
	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: #18100b;
	font-size: 1.1em;
	font-weight: bold;
}

.modal-close a
{
	background-image: url(../images/modal-close.gif);
	background-position: 0 0;
	background-repeat: no-repeat;
	display: block;
	float: right;
	height: 16px;
	margin: 0 20px 0 0;
	width: 61px;
	border: 1px solid transparent;
	text-indent: -100000px;
}

.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
{
	background: url(../images/txt-prod-lrg-contact.gif) no-repeat 0 0;
	color: #422812;
	font-size: 2.2em;
	height: 43px;
	margin: 0 0 12px 0;
	text-indent: -10000px;
	width: 170px;
}

#contact-modal p
{
	color: #422812;
	font-size: 1.2em;
	margin: 0 0 6px 0;
	width: 100% !important;
}

#contact-modal p span
{
	font-size: 1.6em !important;
	font-weight: bold;
}

#contact-modal a
{
	color: #b3200d;
	font-size: 1.4em !important;
	margin: 6px 0 0 0;
}

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

.telephone
{
	margin: 0 0 16px 0 !important;
}

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

.ir h3
{
	height: 49px;
}
.modal h3
{
	height: 55px;
	text-indent: -100000px;
}
/* Malted Flakes state 3 styles */

.ir.mf h3, #mf-info-modal h3
{
	background: url(../images/txt-prod-seas-lrg-sd.png) no-repeat 0 0;
	margin: 0 0 6px 0;
	width: 208px;
}

/* Rustic White state 3 styles */

.ir.rw h3, #rw-modal h3
{
	background: url(../images/txt-prod-lrg-rw.png) no-repeat 0 0;
	margin: 0 0 6px 0;
	width: 182px;
}

/* Farmhouse Wheat state 3 styles */

.ir.fw h3, #fw-modal h3
{
	background: url(../images/txt-prod-lrg-fw.png) no-repeat 0 0;
	margin: 0 0 9px;
	width: 233px;
}

/* Country Grains state 3 styles */

.ir.cg h3, #cg-modal h3
{
	background: url(../images/txt-prod-lrg-cg.png) no-repeat 0 0;
	margin: 0;
	width: 176px;
}

#cg-modal p
{
	width: 510px;
}

/* Light Rye state 3 styles */

.ir.lr h3, #lr-modal h3
{
	background: url(../images/txt-prod-lrg-lr.png) no-repeat 0 0;
	height: 59px;
	width: 160px;
}

/* Rustic White state 3 styles */

.ir.mf h3, #mf-modal h3
{
	background: url(../images/txt-prod-seas-lrg-mf.png) no-repeat 0 0;
	margin: 0 0 6px 0;
	width: 208px;
}

/* Footer Styles */

.footer
{
	left: 226px;
	position: absolute;
	text-align: center;
	top: 530px;
	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;
}

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

.content h3
{
	text-indent: -100000px;
}

/*only everyday on has this bg*/
.everyday .on
/*.on*/
{
	/*background-image: url(../images/all-product-states.png);*/
	background-image: url(../images/all-product-UPstates.png);
	background-position: 0 0;
	background-repeat: no-repeat;
	height: 222px;
	width:800px;
}

.on p
{
	font-size: 1.4em;
}

.off a
{
	position: absolute;
}

.btn
{
	float: left;
	text-indent: -100000px;
}

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

.moreinfo-summer
{
	float: left;
	display: block;
	width: 90px;
}

.summer-button-container
{
    float: right;
    left: 108px;
    position: absolute;
    width: 235px;
}

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

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

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

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

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


#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;
}

.everyday .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: 30px;
	left: 1px;
}

.seasonal .on .header
{
	position: relative;
	background-image: url(../images/txt-seasonal-range.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	height: 40px;
	top: 24px;
	padding-bottom: 30px;
	left: 1px;
}

.on .header h1
{
	display: none;
}

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

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

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

.rw .off
{
	position: absolute; /*display: none;*/
	top: 0;
}

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

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

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

/** On state */
.rw .on
{
	/*background-position: 0 -1px;*/
	background-position: 0px -252px;
	height: 232px;
	padding: 19px 0 0 138px; /*display: none;*/
}
.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; /*display: none;*/
}

.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 -260px;*/
	background-position: 0px -504px;
	padding: 43px 0 0 242px; /*display: none;*/
}
.fw .on p
{
	margin:0 0 0 10px
	width: 250px;
}

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

.cg .off
{
	position: absolute; /* display: none;*/
	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: 47px 0 0 368px;
	width: 608px; /*display: none;*/
}
.cg .on p
{
	margin: 0 0 0 0;
	width: 250px;
}

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

.lr .off
{
	position: absolute;
	left: /*47px*/ 0;
	top: 0; /*display: none;*/
}

.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: 0 -1030px;
	padding: 52px 0 0 478px;
	width: 489px; /*display: none;*/
}
.lr .on p
{
	margin: 0 0 0 0;
	width: 250px;
}



.off .sde
{
	width: 104px !important;
	height: 202px !important;
	left: 742px;
	top: 14px;
}
.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: 411px; /*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
{
	background: url("../images/txt-prod-lrg-sd.gif") no-repeat scroll 0 0 transparent;
	height: 59px;
	width: 232px;
}
.ir.sde h3
{
	background: url("../images/txt-prod-med-gw.gif") no-repeat scroll 0 0 transparent;
	height: 59px;
	width: 232px;
}
.ir.sde h3
{
	background: url("../images/txt-prod-lrg-sd.gif") no-repeat scroll 0 0 transparent;
}

/*** HARVEST SEEDS & GRAINS ***/
/**  On state */
.hsg .on
{
	background-position: 0px -1302px;
	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;
}

.ir.hsg h3, #hsg-modal h3
{
	background: url("../images/txt-prod-lrg-hsg.gif") no-repeat scroll 0 0 transparent;
	height: 50px;
	width: 236px;
	margin: 7px 0 0;
}



/****** 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;
}

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

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

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

#sound
{
	top: 750px;
	left: 66px;
	position: absolute;
}

#sound a
{
	background-image: url(../images/sound-trigger.gif);
	background-repeat: no-repeat;
	display: block;
	height: 33px;
	text-indent: -100000px;
	width: 104px;
}

.sound-on a
{
	background-position: 0 0;
}
.sound-on a:hover
{
	background-position: 0 -42px;
}

.sound-off a
{
	background-position: -112px 0;
}
.sound-off a:hover
{
	background-position: -112px -42px;
}


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

#accessible-open
{
	display: none;
}

.accessible-skip-prod, .accessible-skip-nutinfo
{
	display: none !important;
}

.remove-bg
{
	display: none;
}

.accessbreaker
{
	display: none !important;
}


/****** VIDEO CTA **************/
.cta-video
{
	/*background: url(../images/cta-tvad-bg.png) no-repeat 0 0 !important; */
	height: 125px;
	left: 770px;
	position: absolute;
	top: 353px;
	width: 223px;
}

/*.cta-video.upper {
	background:url("../images/cta-tvad-bg-upper.png") no-repeat scroll 0 0 transparent !important;
	height:125px;
	left:761px;
	position:absolute;
	top:129px;
	width:223px;
}*/

/* 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;*/
}



/****** Bread Drop and Community board modal buttons **************/
.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.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 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;
}



/****** New 'Climate Change' and 'Hug' video links in the footer **************/

.cta-video.lower
{
	height: 60px;
	left: 433px;
	position: absolute;
	top: 313px;
	width: 200px;
}

.lower .container
{
	top: 0px;
	left: 156px;
	position: absolute;
}


.cta-video.lower ul
{
	position: relative;
	top: 0px; /*71px;*/
	display: inline;
	list-style: none;
	list-style-type: none;
}

.cta-video.lower ul li
{
	height: 30px;
	background-color: Red;
	display: inline;
	list-style: none;
	list-style-type: none;
}

.cta-video.lower a.climate
{
	background: url("../images/btn-climate-change-lower.gif") no-repeat scroll left top;
	display: block;
	height: 60px;
	text-indent: -10000px;
	width: 178px;
	float: left;
}

.cta-video.climate
{
	background-image: url(../images/btn-climate.png);
	background-position: 0 0;
	background-repeat: no-repeat;
	display: block;
	height: 30px;
	width: 342px;
	float: left;
	left: 712px;
	position: absolute;
	top: 152px;
	z-index: 1000;
}

.cta-video.climate a
{
	text-indent: -10000px;
	display: block;
	height: 30px;
	width: 342px;
}

.cta-video.climate a:hover
{
	background-image: url(../images/btn-climate.png);
	background-position: 0 -40px;
	background-repeat: no-repeat;
}

.cta-video.lower a.climate:hover
{
	background-position: 0 -60px;
}

.cta-video.hug
{
	background-image: url(../images/btn-hug-lower.png);
	background-position: 0 0;
	background-repeat: no-repeat;
	display: block;
	height: 60px;
	text-indent: -10000px;
	width: 107px;
	float: left;
	left: 782px;
	position: absolute;
	top: 330px;
}

.cta-video.hug a
{
	text-indent: -10000px;
	display: block;
	height: 60px;
	width: 107px;
}

.cta-video.hug a:hover
{
	background-image: url(../images/btn-hug-lower.png);
	background-position: 0 -61px;
	background-repeat: no-repeat;
}

.cta-video.logo
{
	background-image: url(../images/watch-tv-ads-image.png);	
	height: 60px;	
	width: 218px;	
	left: 680px;	
	top: 85px;
}

.cta-video.fastfood
{
	background-image: url(../images/btn-fastfood.png);
	background-position: 0 0;
	background-repeat: no-repeat;
	display: block;
	height: 34px;
	text-indent: -10000px;
	width: 163px;
	float: left;
	left: 736px;
	position: absolute;
	top: 184px;
}

.cta-video.fastfood a
{
	text-indent: -10000px;
	display: block;
	height: 34px;
	width: 163px;
}

.cta-video.fastfood a:hover
{
	background-image: url(../images/btn-fastfood.png);
	background-position: 0 -36px;
	background-repeat: no-repeat;
}


/*.modal-close a
{
    background-image: url(../images/modal-close.gif);
    background-position: 0 0;
    background-repeat: no-repeat;
    display: block;
    float: right;
    height: 16px;
    margin: 0 20px 0 0;
    width: 61px;
    border: 1px solid transparent;
    text-indent: -100000px;
}*/


.cta-video a.climate
{
	background: url(../images/btn-video-climate.png) no-repeat scroll left top;
	display: block;
	height: 27px;
	text-indent: -10000px;
	width: 229px;
}

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

.cta-video.upper a.climate
{
	background: url("../images/btn-video-climate-upper.png") no-repeat scroll left top transparent;
	display: block;
	height: 29px;
	text-indent: -10000px;
	width: 229px;
}
.cta-video.upper a.climate:hover
{
	background-position: 0 -28px;
}

.cta-video a.hug
{
	background: url(../images/btn-video-hug.png) no-repeat scroll left top;
	display: block;
	height: 27px;
	text-indent: -10000px;
	width: 158px;
}

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

.cta-video.upper a.hug
{
	background: url("../images/btn-video-hug-upper.png") no-repeat scroll left top transparent;
	display: block;
	height: 27px;
	text-indent: -10000px;
	width: 158px;
}
.cta-video a.hug:hover
{
	background-position: 0 -28px;
}


.video-player
{
	height: 280px;
	width: 465px;
}
.video-modal .content
{
	position: absolute;
	left: 10px;
	top: 67px;
}

.video-modal
{
	height: 372px;
	background: url(../images/modal-video-bg.png) no-repeat 0 0;
	width: 481px;
	display: none;
	padding: 0;
	text-align: left;
	position: relative;
}

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

.video-modal h1
{
	text-indent: -10000px;
	position: absolute;
	top: 33px;
	left: 16px;
}

#hug-modal h1
{
	background: url(../images/hdr-hug.png) no-repeat 0 0;
	height: 21px;
	width: 51px;
}

#climate-modal h1
{
	background: url(../images/hdr-climate.png) no-repeat 0 0;
	height: 22px;
	width: 155px;
}

#fastfood-modal h1
{
	background: url(../images/hdr-fastfood.png) no-repeat 0 0;
	height: 22px;
	width: 155px;
}


/****** Bread drop modal **************/
.bread-drop-modal
{
	height: 578px;
	background: url(../images/modal-bg.png) no-repeat 0 0;
	width: 746px;
	display: none;
	padding: 0;
	text-align: left;
	position: relative;
	top: 0px;
}

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

/*.bread-drop-modal
{
    text-indent: 0px; 
    position: absolute;
    top: 33px;
    left: 16px;
}*/

.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;
}

/****** Community board modal (+ Form) **************/
.community-board-modal
{
	height: 577px;
	background: url(../images/modal-bg-community-board.png);
	background-repeat: no-repeat;
	background-position: left top;
	width: 930px;
	display: none;
	padding: 0;
	text-align: left;
	position: relative;
	top: 0px;
}

.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: 107px;
	width: 380px;
	float: left;
	overflow: hidden;
}

.community-board-container .content-copy p 
{
	width: auto;
}

/* Accessibility version header */
.community-board-container .content-copy h3
{
	display: none;
}

.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
{
	background: url(../images/txt-recent-comments.gif) no-repeat 0 0;
	position: absolute;
	left: 475px;
	top: 75px;
	width: 156px;
	height: 16px;
}

.community-board-container .content-comments-list-header h2
{
	display: none;
}

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

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

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

.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;
	height: 23px;
}

#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;
}

.community-board-modal-submit a
{
	background-image: url(../images/btn-submit.gif);
	background-position: right top;
	background-repeat: no-repeat;
	display: block;
	float: right;
	height: 19px;
	margin: 5px 0 0 0;
	width: 71px;
	border: 1px solid transparent;
	text-indent: -100000px;
	position: absolute;
	top: 450px;
	left: 350px;
}

.community-board-modal-submit a:hover
{
	background-position: 0 -19px;
}

/******************************************
 * GRANARY
 */
.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: right;
}
#ag-modal p
{
	margin-bottom: 9px;
}
#gr-modal p
{
	margin-bottom: 10px;
}
#gr-modal h3
{
	background: url(../images/txt-so-what-is-granary.png) no-repeat 0 0;
	background-position: 0 14px;
	height: 60px;
}
#ag h3, #ag-modal h3
{
	background: url(../images/txt-prod-lrg-ag.png) no-repeat 0 0;
	line-height: 36px;
	width: 260px;
	margin: 14px 0 0;
}
#wm h3, #wm-modal h3
{
	background: url(../images/txt-prod-lrg-wm.png) no-repeat 0 0;
	margin: 14px 0 0;
	line-height: 43px;
}
#sd h3, #sd-modal h3
{
	background: url(../images/txt-prod-lrg-sd.png) no-repeat 0 0;
	margin: 14px 0 0;
	line-height: 45px;
}

.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;
}

#simplemodal-container .clear
{
	clear: both !important;
}


pre
{
	font-family: Georgia, Times, serif;
	line-height: normal;
	font-size: 1.4em;
}

/* 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;
	background: url("../images/comment-divider.gif") repeat-x left bottom;
	margin-bottom: 10px;
	padding-bottom: 10px;
}
.comment-post .header
{
	width: 390px;
	margin-bottom: 3px;
	font-weight: bold;
}
.comment-post .body
{
	width: 390px;
}

.trademark
{
	/* margin-left: 10px; */
}


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

/*Remove like counts*/
.fbLikeBtn iframe{
    width:46px!important;
    height:20px!important;
}

.fb_edge_widget_with_comment span.fb_edge_comment_widget iframe.fb_ltr 
{
    display: none !important;
}

#rw .contentButtons {
	top:15px;
}

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

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

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

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


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

.seas.mf h3{
	background: url(../images/txt-prod-seas-lrg-mf.png) no-repeat 0 0;
	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");
    background-position: 0 0;
    background-repeat: no-repeat;
    cursor: pointer;
    display: block;
	width:70px;
    height: 20px;
    margin: 0;
    text-indent: -10000px;
}

.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;
}

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

#spr-recipes-nav li {
  background-image: url("../images/img-recipe-nav-dots.png");
  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:#d1882b;
}

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;
    text-indent: -10000px;
	
}
.recipe-page.recipe1 h1{
    background-image: url("../images/txt-sum-recipe1-head.png");
	/*
    background-position: 0 0;
    background-repeat: no-repeat;
    margin: 0;
    text-indent: -10000px;
    display: block;
	*/
	width:293px;
    height: 29px;
}

.recipe-page.recipe2 h1{
    background-image: url("../images/txt-sum-recipe2-head.png");
	width:426px;
    height: 29px;
}
.recipe-page.recipe3 h1{
    background-image: url("../images/txt-sum-recipe3-head.png");
	width:426px;
    height: 29px;
}
.recipe-page.recipe4 h1{
    background-image: url("../images/txt-sum-recipe4-head.png");
	width:426px;
    height: 50px;
}
.recipe-page.recipe5 h1{
    background-image: url("../images/txt-sum-recipe5-head.png");
	width:426px;
    height: 29px;
}