@font-face
{
	font-family: LeagueGothicRegular;
	src: url('League_Gothic.eot');
	src: local('League Gothic Regular'), local('LeagueGothic'), url('League_Gothic.ttf') format('truetype');
}
@font-face
{
	font-family: BebasRegular;
	src: url('League_Gothic.eot');
	src: local('Bebas Regular'), local('Bebas'), url('BEBAS___.TTF') format('truetype');
}

/*Eric Meyer Reset*/
HTML, BODY, DIV, SPAN, APPLET, OBJECT, IFRAME, H1, H2, H3, H4, H5, H6, P, BLOCKQUOTE, PRE, A, ABBR, ACRONYM, ADDRESS, BIG, CITE, CODE, DEL, DFN, EM, FONT, IMG, INS, KBD, Q, S, SAMP, SMALL, STRIKE, STRONG, SUB, SUP, TT, VAR, B, U, I, CENTER, DL, DT, DD, OL, UL, LI, FIELDSET, FORM, LABEL, LEGEND, TABLE, CAPTION, TBODY, TFOOT, THEAD, TR, TH, TD
{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
BODY
{
	line-height: 1;
}
OL, UL
{
	list-style: none;
}
BLOCKQUOTE, Q
{
	quotes: none;
}
H1.title
{
	color: #FFF;
	font-family: 'LeagueGothicRegular', sans-serif;
	font-size: 29px;
	letter-spacing: 0.8px;
	position: relative;
	top: 31px;
	left: 38px;
	font-weight: normal;
}
/*remember to define focus styles!*/
:focus
{
	outline: 0;
}
/*remember to highlight inserts somehow!*/
INS
{
	text-decoration: none;
}
DEL
{
	text-decoration: line-through;
}
/*tables still need 'cellspacing="0"' in the markup*/
TABLE
{
	border-collapse: collapse;
	border-spacing: 0;
}
A.bold
{
	font-weight: bold;
}
/*Global layout*/
BODY
{
	text-align: center;
	background: #D8D8D8 url(../img/hyvee_01.jpg) repeat-x top center;
	font-size: 12px;
	font-family: Tahoma;
	color: #414042;
}
A
{
	color: #414042;
}
#site_wrapper
{
	text-align: left;
	margin: 0 auto;
	width: 986px;
	position: relative;
	padding-bottom: 68px;
}
#header
{
	height: 116px;
	width: 986px;
	position: relative;
	z-index: 1;
}
#header #hyvee_logo
{
	position: absolute;
	top: 0px;
	left: -19px;
}
#header #nav
{
	position: absolute;
	bottom: 4px;
	right: 41px;
}
#header #nav UL LI
{
	float: left;
	list-style: none;
	margin-left: 17px;
}
#footer
{
	padding-left: 35px;
	position: relative;
	width: 950px;
}
#footer #disclaimer
{
	font-size: 10px;
	margin-top: 12px;
	line-height: 1.5;
}
#footer #logo_footer
{
	position: absolute;
	right: 28px;
	top: -4px;
}
/*Privacy Dialog*/
#privacy_dialog
{
	text-align: left;
	font-family: "Times New Roman", serif;
}
#privacy_dialog H2
{
	text-transform: uppercase;
}
#privacy_dialog H3
{
	font-variant: small-caps;
}
#privacy_dialog P
{
	margin-bottom: 1em;
}
/*Home Page*/
#home
{
	width: 985px;
	height: 640px;
	background: url(../cms_img/promos/bg_content_blank.jpg) no-repeat;
	position: relative;
	margin-top: 0;
}
#home H1 {
	color: #FFF;
	font-family: 'LeagueGothicRegular', sans-serif;
	font-size: 29px;
	letter-spacing: 0.8px;
	font-weight: normal;
}
#home H1.title
{
	position: absolute;
	top: 31px;
	left: 38px;
}
#home .title SUP
{
	font-size: 57%;
	vertical-align: top;
}
#signup_wrapper
{
	background:url("../img/promo_bg.png") no-repeat scroll 0 0 transparent;
	height:518px;
	left:39px;
	padding:30px 0 0 27px;
	position:absolute;
	top:100px;
	width:277px;
}
#home #signup_wrapper H1
{
	font-size: 33px;
	letter-spacing: 1.2px;
	top: 10px;
	left: 50px;
	display: block;
	margin: 0 0 35px;
}
#signup_wrapper LABEL
{
	font-size: 14px;
	color: #165B76;
	display: block;
	margin-bottom: 0;
}
#signup_wrapper .form_field
{
	width: 203px;
	display: block;
	border: 0px solid #000000;
	padding: 10px;
	font-size: 14px;
	margin: -6px 0 24px;
	background: url(../cms_img/promos/bg_txt.jpg) no-repeat;
}
#signup_wrapper LABEL.checkbox
{
	font-size: 11px;
	margin: 16px 0;
	display: block;
	padding-left: 13px;
	line-height: 1.2;
}
#signup_wrapper LABEL.checkbox INPUT
{
	float: left;
	margin: 1px 0 0 -21px;
}
#signup_wrapper #submit_btn
{
	top: 287px;
	background: url(../cms_img/promos/btn_submit.png) no-repeat;
	width: 233px;
	height: 48px;
	border: 0px solid #000000;
	text-indent: -999px;
	font-size: 0px;
	cursor: pointer;
	z-index: 100;
	line-height: 0px;
}
#signup_success
{
	position: absolute;
	top: 112px;
	left: 45px;
	width: 278px;
	height: 401px;
	background: url(../img/thank_you.jpg) no-repeat;
}
#signup_wrapper HR
{
	border: 1px solid #1C79A2;
	width: 257px;
	text-align: left;
	position: relative;
	left: -5px;
	display: block;
	margin: 0;
}
#home_details
{
	position: absolute;
	text-indent: -9999px;
	top: 100px;
	left: 347px;
	width: 293px;
	height: 515px;
	background: url(../img/promo_bg.png) left top no-repeat;
	padding: 13px 0 0 12px;
}
#home_details IMG
{
	display: block;
	/*[disabled]width:277px;*/
	/*[disabled]height:500px;*/
}
#home_coupon
{
	position: absolute;
	top: 113px;
	left: 662px;
	width: 277px;
	height: 400px;
}
#home_coupon IMG
{
	display: block;
	width: 277px;
	height: 500px;
}
#home_promo
{
	position: absolute;
	top: 100px;
	left: 654px;
	width: 293px;
	height: 516px;
	background: url(../img/promo_bg.png) left top no-repeat;
	padding: 12px 0 0 12px;
}
#home_promo IMG
{
	display: block;
	/*[disabled]width:277px;*/
	/*[disabled]height:500px;*/
}
/*Thank You Page*/
#content_wrapper_thank_you
{
	width: 987px;
	height: 630px;
	background: url(../img/thank_you_bg.jpg) no-repeat;
	text-indent: -9999px;
}
/*About Page*/
#about
{
	width: 387px;
	height: 347px;
	background: url(../img/about.jpg) no-repeat;
	padding: 194px 545px 0 54px;
	color: #FFFFFF;
	font-family: Tahoma, Arial, sans-serif;
	font-size: 13.4px;
	line-height: 1.3;
}
#about P
{
	margin-bottom: 1em;
}
/*Promotion Page*/
.content
{
	height: 640px;
	height: auto;
	min-height: 640px;
	position: relative;
	background: url(../cms_img/promos/bg_content.jpg);
}
#promos
{
	position: relative;
	top: 95px;
	padding-top: 55px;
	width: 100%;
	text-align: center;
	height: 480px;
	background: url(../cms_img/promos/bg_promos.png) no-repeat 17px 0px;
}
#promos .promo
{
	margin: 0 10px;
	text-decoration: none;
}
#promotions
{
	width: 985px;
	height: 775px;
	background: url(../img/promotion.jpg) no-repeat;
	text-indent: -9999px;
	position: relative;
}
#promotions_rules
{
	position: absolute;
	left: 122px;
	top: 632px;
	width: 224px;
	height: 40px;
}
#promotions_form
{
	position: absolute;
	height: 40px;
	left: 450px;
	position: absolute;
	top: 632px;
	width: 224px;
}
#rules OL
{
	list-style: decimal inside;
}
#rules H1
{
	margin-bottom: 1em;
}
#rules LI
{
	margin-bottom: 1em;
	text-align: left;
}
#promo_tri_landing
{
	background: url(../cms_img/promo_tri_landing.jpg) no-repeat;
	width: 985px;
	height: 640px;
}
#promo_tri_landing #landing_text
{
	color: #FFFFFF;
	left: 250px;
	position: absolute;
	top: 300px;
	font-size: 14px;
	width: 280px;
	line-height: 17px;
}
#promo_tri_eventinfo
{
	background: url(../cms_img/promo_tri_eventinfo.jpg) no-repeat;
	width: 985px;
	height: 640px;
}
#promo_tri_eventinfo #text1
{
	color: #FFFFFF;
	left: 250px;
	position: absolute;
	top: 325px;
	font-size: 17px;
	width: 600px;
	line-height: 1.2;
}
#promo_tri_eventinfo #text1 #big
{
	font-size: 26px;
}
#promo_tri_eventinfo #text2
{
	color: #FFFFFF;
	left: 485px;
	position: absolute;
	top: 500px;
	font-size: 17px;
	width: 320px;
	line-height: 1.2;
}
#promo_tri_eventinfo #registerImg
{
	position: absolute;
	width: 150px;
	height: 100px;
	left: 299px;
	top: 485px;
}
#promo_tri_offerinfo
{
	background: url(../cms_img/promo_tri_offerinfo.jpg) no-repeat;
	width: 985px;
	height: 640px;
}
#promo_tri_offerinfo #text1
{
	color: #FFFFFF;
	left: 330px;
	position: absolute;
	top: 370px;
	font-size: 15px;
	width: 220px;
}
#promo_tri_offerinfo #text2
{
	color: #FFFFFF;
	left: 330px;
	position: absolute;
	top: 460px;
	font-size: 15px;
	width: 220px;
}
#promo_tri_offerinfo #text3
{
	color: #FFFFFF;
	left: 330px;
	position: absolute;
	top: 565px;
	font-size: 15px;
	width: 220px;
}
#promo_tri_offerinfo #mailinButton
{
	position: absolute;
	width: 220px;
	height: 40px;
	left: 660px;
	top: 575px;
}
.promo_tri A
{
	text-decoration: none;
	color: #FFFFFF;
}
.promo_tri #subnav
{
	position: absolute;
	top: 165px;
	left: 55px;
}
.promo_tri #subnav LI
{
	margin-bottom: 26px;
}
.promo_tri #subnav LI.bullet
{
	list-style-type: disc;
	margin-left: 20px;
}
.promo_tri #subnav LI A
{
	font-size: 14px;
	color: #165B76;
	text-decoration: none;
}
.promo_tri #subnav LI A:hover
{
	font-weight: bold;
}
/*Coupons Page*/
#coupons_top
{
	background: url(../img/coupons_top.jpg);
	height: 151px;
}
#coupons
{
	background: url(../img/coupons.gif);
	padding: 10px 0 0 50px;
}
#coupons_bottom
{
	background: url(../img/coupons_bottom.gif);
	height: 8px;
	overflow: hidden;
}
/*Coming Soon*/
#content_wrapper_coming_soon
{
	width: 986px;
	height: 630px;
	background: url(../img/coming_soon_bg.jpg) no-repeat;
}
/*Recipes*/
#recipes
{
	height: 544px;
	height: auto !important;
	min-height: 544px;
	background: url(../img/recipes.png);
	position: relative;
	color: #FFF;
	font-size: 12px;
}
#recipes H2
{
	font-size: 22px;
	color: #006792;
}
#recipes H3
{
	font-size: 14px;
	margin-bottom: 8px;
}
#recipes #menu
{
	position: absolute;
	top: 170px;
	left: 55px;
}
#recipes #menu LI
{
	margin-bottom: 26px;
}
#recipes #menu LI A
{
	font-size: 14px;
	color: #165B76;
	text-decoration: none;
}
#recipes #menu LI A:hover
{
	font-weight: bold;
}
#recipes #shadow
{
	position: absolute;
	bottom: -1px;
	left: 0;
}
#recipes #intro
{
	color: #FFF;
	font-size: 14px;
	position: absolute;
	top: 183px;
	left: 247px;
	width: 245px;
}
#recipes #intro H3
{
	font-size: 16px;
	margin-bottom: 20px;
}
#recipes #intro P
{
	margin-bottom: 20px;
}
#recipes #lady
{
	position: absolute;
	bottom: 0;
	right: 19px;
	z-index: 9;
}
#recipes #recipeListContainer
{
/*position: relative;
top: 185px;
left: 235px;*/
	padding-top: 185px;
	padding-left: 235px;
	padding-bottom: 25px;
	width: 730px;
}
#recipes #recipeListContainer H2
{
	color: #165B76;
	font-size: 28px;
	font-weight: bold;
	padding: 0 15px 6px 0;
	margin: 0 0 50px 12px;
	border-bottom: 2px solid #165B76;
	width: 685px;
}
#recipes #recipeList .recipeItem
{
	float: left;
	margin-bottom: 15px;
}
#recipes #recipeList .recipeName
{
	width: 220px;
}
#recipes #recipeList .recipeName A
{
	display: block;
	font-size: 16px;
	font-weight: bold;
	color: #165B76;
	margin-left: 16px;
	margin-bottom: 6px;
	text-decoration: none;
}
#recipes #recipeList .recipeName A:hover
{
	text-decoration: underline;
}
#recipes #recipeList .startToFinish
{
	color: #FFF;
	font-size: 14px;
	margin-left: 16px;
	position: relative;
	width: 220px;
}
#recipes #recipeImage
{
	float: left;
}
#recipes #recipeContainer
{
	padding-top: 185px;
	padding-left: 235px;
	padding-bottom: 25px;
	width: 730px;
	position: relative;
}
#recipes .title
{
	float: right;
	width: 540px;
	margin-top: 5px;
}
#recipes .info
{
	float: right;
	width: 540px;
	overflow: hidden;
	height: 2em;
	margin-top: 5px;
}
#recipes .info DL
{
	position: relative;
	left: -17px;
}
#recipes .info DT
{
	font-weight: bold;
	display: inline;
	padding-left: 17px;
	background: url(../img/border.gif) no-repeat 8px 2px;
}
#recipes .info DD
{
	display: inline;
}
#recipes .description
{
	float: right;
	width: 500px;
	font-style: italic;
	padding-top: 10px;
	padding-right: 40px;
}
#recipes #breaker
{
	height: 0px;
	float: right;
	width: 696px;
	border-top: 2px solid #165B76;
	margin-right: 25px;
	margin-top: 15px;
}
#recipes .ingredients
{
	float: left;
	width: 320px;
	margin: 20px 0 10px 25px;
}
#recipes .ingredients LI
{
	margin-bottom: 3px;
	margin-left: 10px;
}
#recipes .ingredients .header
{
	font-weight: bold;
	margin-left: 5px;
	margin-top: 7px;
}
#recipes .directions
{
	float: right;
	width: 320px;
	margin: 20px 25px 10px 0;
}
#recipes .directions OL
{
	list-style-type: decimal;
	margin-left: 2em;
}
#recipes .directions LI
{
	margin-bottom: 18px;
}
#recipes .nutrition
{
	margin: 10px 10px 25px 25px;
}
#recipes .legal
{
	margin: 10px 10px 25px 25px;
}
/*Recipes - OLD*/
#recipesold
{
	height: 541px;
	background: url(../img/recipes-old.jpg);
	position: relative;
	color: #FFF;
	font-size: 12px;
}
#recipesold H2
{
	font-size: 22px;
	color: #006792;
}
#recipesold H3
{
	font-size: 14px;
	margin-bottom: 8px;
}
#recipesold .title
{
	position: absolute;
	left: 380px;
	top: 185px;
}
#recipesold .info
{
	position: absolute;
	left: 381px;
	top: 214px;
	overflow: hidden;
	height: 2em;
}
#recipesold .info DL
{
	position: relative;
	left: -17px;
}
#recipesold .info DT
{
	font-weight: bold;
	display: inline;
	padding-left: 17px;
	background: url(../img/border.gif) no-repeat 8px 2px;
}
#recipesold .info DD
{
	display: inline;
}
#recipesold .description
{
	font-style: italic;
	position: absolute;
	left: 379px;
	top: 256px;
	width: 500px;
}
#recipesold .ingredients
{
	position: absolute;
	left: 188px;
	top: 346px;
}
#recipesold .ingredients LI
{
	margin-bottom: 3px;
}
#recipesold .directions
{
	position: absolute;
	left: 525px;
	top: 346px;
	width: 335px;
}
#recipesold .directions OL
{
	list-style-type: decimal;
	margin-left: 2em;
}
#recipesold .directions LI
{
	margin-bottom: 18px;
}
/*Brand Links*/
#brand_links
{
	height: 90px;
	width: 985px;
	background: url(../img/footer.jpg);
	position: relative;
}
#brand_links A
{
	position: absolute;
	height: 51px;
	text-indent: -9999px;
	top: 10px;
}
#betty_crocker
{
	left: 36px;
	width: 126px;
}
#green_giant
{
	left: 193px;
	width: 66px;
}
#yoplait
{
	left: 293px;
	width: 92px;
}
#old_el_paso
{
	left: 414px;
	width: 85px;
}
#progresso
{
	left: 533px;
	width: 90px;
}
#nature_valley
{
	left: 656px;
	width: 104px;
}
#hamburger_helper
{
	left: 792px;
	width: 72px;
}
#pillsbury
{
	left: 893px;
	width: 54px;
}
/*Setup CSS*/
.clear
{
	clear: both;
}
.center
{
	text-align: center;
}
.italic
{
	font-style: italic;
}

/*Promotion Pages*/
#promoContent
{
	padding: 20px 18px;
	padding: 0;
	position: relative;
	width: 950px;
	min-height: 400px;
	margin-bottom: -1px;
	background: url(../img/whiteBg.gif) repeat-y left;
}


/* New Promotion Pages layout */
#newPromoContent
{
	padding: 0 18px;
	position: relative;
	width: 950px;
	min-height: 400px;
	margin-bottom: -1px;
	background: url(../img/content_top.gif) left top no-repeat;
}

#promoContentWrapper
{
	width: 986px;
	background: url(../img/content_bg.gif) left top repeat-y;
}
#promoHeader
{
	height: 152px;
	background: url(../img/page_header.png) left top no-repeat;
	position: relative;
}
#promoTitle { position: absolute; left: 38px; bottom: 0; }
#promoTagline { position: absolute; left: 26px; top: 30px; }

#promoSubnav {
	position: absolute;
	z-index: 1;
	width: 207px;
	font-family: Tahoma, 'Times New Roman', serif;
	font-size: 14px;
	line-height: 17px;
	color: #165b76;
}
#promoSubnav a { color: #165b76; text-decoration: none; }
#promoSubnavTitle {
	padding: 12px 14px;
	font-weight: bold;
	background: url(../img/subnav_top.png) left top no-repeat;
}
#promoSubnav ul {
	padding: 0 24px 10px 12px;
	background: url(../img/subnav_bottom.png) left bottom no-repeat;
}
#promoSubnav ul li {
	padding: 10px 10px 13px 22px;
	background: url(../img/subnav_border.gif) left top no-repeat;
	position: relative;
	width: 139px;
}
#promoSubnav ul li a.current {
	font-weight: bold;
}

.text-replaced { display: inline-block; position: relative; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; background-position: 0 0; }
.title-promotions { background-image: url(../img/text/promotions.gif); width: 197px; height: 31px; }

#floodlight { position: absolute; left: -999999px; }