﻿/*
Colors

foreground
    #000
    #666
    #633 Brown
    #f90 Orange
    #f00 Red (Link)

background
    #fff
    #fdf7e3 pale orange
    #fbf0c8 shade darker of pale orange
    #ccc
    
*/

/********************
CSS RESET
http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/
*********************/
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, b, i, sub, sup, tt, var,
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-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

:focus
{
	outline: 0;
}

body
{
	line-height: 1;
	color: #000;
	background: #fff;
}

ol, ul
{
	list-style: none;
}

/* tables still need 'cellspacing="0"' in the markup */
table
{
	border-collapse: collapse;
	border-spacing: 0;
}

caption, th, td
{
	text-align: left;
	font-weight: normal;
}
/********************
END OF RESET
*********************/

/********************
ELEMENTS
*********************/
body
{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 62.5%;
line-height: 1.3em;	
}

a,
a:link {text-decoration: none; color: #f00;}
a:active {outline: none;}
a:visited {text-decoration: none; color: #c00;}
a:hover {color: #f90;}

a.cta
{
text-transform: uppercase;
background: url(../img/arrow_cta.png) right -41px no-repeat;
padding-right: 10px;
}

#ie6 a.cta
{
background: none;
padding-right: 0;
}

p { margin: 0 0 1em 0; }
strong { font-weight: bold; margin: 0 0 1em 0; }
em { font-style: oblique; }
a img, a:link img, a:visited img { border: 0; }
th {font-weight: bold;}
ol { list-style-type: decimal; }
sup {font-weight: normal; margin-bottom: .2em; vertical-align: top;}

li.current a,
li.current a:visited /* for IE6 due to link href being # */
{
color: #000;
cursor: default;
}

/********************
HEADINGS
*********************/
h1 {font-size: 2.4em; font-weight: bold;}
h2 {font-size: 1.4em; font-weight: bold;}
h3 {font-size: 1.3em; font-weight: bold;}
h4 {font-size: 1em; font-weight: bold;}
h5 {font-size: 1em;}
h6 {font-size: 1.4em;}

h1
{
line-height: 1em;
margin: 0 0 10px 10px;
color: #633;
text-indent: -9999em;
background: url(../img/h1_headings.png) no-repeat; /* sprite */
width: 671px;
height: 54px;
display: block;
}

#ie6 h1
{
text-indent: 0;
background: none;
font-size: 5.5em;
font-weight: normal;
line-height: normal;
height: auto;
width: auto;
font-family: 'URWClarendonTExtBolExtWid', Garamond, 'Times New Roman', Serif;
}

h2
{
margin-bottom: .5em;
color: #f90;
text-transform: uppercase;
background: url(../img/h2_cereal_varieties_headings.png) no-repeat; /* sprite */
}

#ie6 h2
{
text-indent: 0;
background: none;
}

h3
{
background: url(../img/h3_legend_headings.png) 0 0 no-repeat; /* sprite */
text-indent: -9999em;
margin-bottom: 1em;
color: #666;
}

#ie6 h3
{
text-indent: 0;
background: none;
font-size: 1.8em;
line-height: normal;
font-family: 'URWClarendonTExtBolExtWid', Garamond, 'Times New Roman', Serif;
}

/********************
FORMS
*********************/
form
{
margin: 0;
padding: 0;
}

legend
{
font-size: 1.3em;
margin-bottom: 1em;
color: #666;
font-weight: bold;
}

#ie6 legend
{
text-indent: 0;
background: none;
font-size: 1.8em;
line-height: normal;
font-family: 'URWClarendonTExtBolExtWid', Garamond, 'Times New Roman', Serif;
}

input,
textarea,
select
{
border: 1px solid #ccc;
border-bottom-color: #999;
border-right-color: #999;
vertical-align: middle;
background-color: #fff;
display: block;
width: 100%;
margin: 0 0 10px 0;
font-size: 1.1em;
}

input
{
height: 1.7em;
}

#ie6 input
{
border: #7f9db9; /* select box borders are uncolorable in IE6 so this resets the input back to default to match */
}

input[type=hidden]
{
display: none;
}

select
{
height: 1.6em;
font-family: Verdana, Arial, Helvetica, sans-serif;
}

button
{
margin: 0;
padding: 0;
vertical-align: middle;
}

#closeButton
{
margin-top: 10px;
margin-left: 155px;
text-align:center;
}

#termsDiv
{
margin-left: 20px;
margin-right: 20px;
margin-top:20px;
}

input#__VIEWSTATE,
input#__EVENTVALIDATION,
input#__EVENTARGUMENT,
input#__EVENTTARGET,
input#__LASTFOCUS
{
border: none !important;
height: 1px !important;
padding: 0 !important;
margin: 0 !important;
display: inline !important;
}

input.checkbox
{
float: left;
width: auto;
height: 1.7em;
margin: 0 10px 0 0;
clear: left;
border: none;
background-color: transparent;
}

#ie input.checkbox
{
height: 2em;
}

#ie6 .fr input.checkbox
{
margin-right: 5px;
}

label
{
font-weight: bold;
display: block;
line-height: 1.9em;
}

#ie label
{
line-height: 2.2em;
}

/********************
HELPERS
*********************/
.hide {visibility: hidden !important;}
.show {visibility: visible !important;}
.none {display: none !important;}
.block {display: block !important;}
.nowrap {white-space: nowrap;}
.clear {clear: both;}
.rel {position: relative;}

/*.invisible { visibility: hidden; }*/

/********************
BLOCKS
*********************/
#wrapper,
#ie /*fix to center page for IE in quirksmode*/
{
margin: 0 auto;
width: 950px;
background-color: #fff;
}

#content
{
clear: both;
overflow: auto;
}

/********************
TEMPLATES
*********************/
.tpl1
{
position: relative;
}

.tpl1 #content
{
padding: 20px;
}

.tpl2 #content
{
margin: 20px 9px 20px 0;
}

.tpl2 #mainCol
{
width: 710px;
}

.tpl2 #subCol
{
padding-top: 88px;
}

.tpl3 #content
{
margin: 0 9px 20px 9px;
}

.tpl3 #content #mainCol
{
margin-top: 40px;
}

.tpl4 #content
{
margin: 0 0 20px 0;
}

.tpl5 #content
{
margin: 0 0 20px 35px;
color: #666;
}

.tpl5 #mainCol
{
width: 674px;
}

.tpl5 #ie6 #mainCol
{
width: 674px;
}

.tpl5 h1
{
margin: 50px 0 0 0;
}

#mainCol
{
float: left;
width: 701px;
height: auto;
margin: 0 10px 0 0;
}

#subCol
{
background: url(../img/sub_column.png) 0 -50px no-repeat;
width: 201px; /* full width is 221 */
height: auto;
/*min-height: 640px;*/
min-height: 510px;
float: left;
padding: 85px 10px 0 10px;
}

#ie6 #subCol
{
height: 510px;
/*height: 640px;*/
}

/********************
HEADER
*********************/
#header
{
position: relative;
z-index: 1;
}

#ie6 #header
{
height: 10.5em;
}

#logo_container
{
width: 186px;
height: 131px;
display: block;
position: absolute;
right: 30px;
top: 32px;
z-index: 999;
}

.safari #logo_container
{
top: -53px;
}

#ie6 #logo_container
{
background: url(../img/post_logo_ie6.png) no-repeat;
width: 188px;
height: 132px;
top: 2.2em;
}

#ie6 #logo_container img
{
display: none;
}

#accessibility
{
overflow: auto;
}

#accessibility a
{
color: #fff;
position: absolute;
right: 0;
}

.languageSelection
{
float: right;
margin: 45px 225px 0 0;
position: relative;
z-index: 1111;
}

#ie .languageSelection
{
margin: 50px 225px 0 0;
}

#ie6 .languageSelection
{
float: none;
position: absolute;
right: 22em;
top: 5.5em;
margin: auto;
}

.safari .languageSelection
{
margin-top: -32px;
}

.languageSelection li
{
float: left;
margin: 0 8px 0 0;
padding: 0 8px 0 0;
border-right: 1px solid #ccc;
}

.languageSelection li.selectFrench
{
border: none;
}

.fr .languageSelection li.selectFrench a,
.en .languageSelection li.selectEnglish a
{
cursor: default;
color: #656565;
}

.languageSelection a
{
/*unselected link*/
color: #999;
}

/********************
NAVIGATION
*********************/
#nav
{
padding: 0 0 0 25px;
margin: 83px 0 0 0;
overflow: visible;
background: #c00 url(../img/nav_bar.png) no-repeat;
position: relative;
z-index: 10;
width: 925px;
height: 26px;
}

#ie #nav
{
margin-top: 70px;
}

#ie6 #nav
{
height: auto;
padding-top: 5.7em;
margin-top: 0;
background-position: 0 100%;
background-color: transparent;
z-index: 0;
position: absolute;
vertical-align: bottom;
bottom: 0;
}

#nav li
{
display: block;
float: left;
vertical-align: middle;
text-transform: uppercase;
}

#ie6 #nav li
{
vertical-align: bottom;
z-index: 0;
margin: 1.1em 0 0 0;
padding: .8em 0 .7em 0;
}

#nav li a
{
padding: 0 12px 0 10px;
background: url(../img/nav_divider.png) right bottom no-repeat;
line-height: 2.4em;
display: block;
float: left;
color: #fff;
font-weight: bold;
font-size: 1.1em;
}

#ie6 #nav li a
{
line-height: 1;
}

#nav li.last a
{
background: none;
}

#nav li a:hover
{
color: #ffeb95;
}

#subnav_mask
{
position: absolute;
background-color: #fff;
width: 700px;
height: 83px;
left: 20px;
z-index: 20;
}

#ie6 #subnav_mask
{
position: relative;
height: 6.52em;
width: 950px;
left: 0;
top: auto;
bottom: 0;
}

.safari #subnav_mask
{
top: -83px;
}

#nav li .subNav
{
position: absolute;
top: -80px;
left: 0;
width: 520px;
height: auto;
background: #c00 url(../img/sub_nav.png) 0 0 no-repeat;
padding: 10px 2px 22px 16px;
margin-left: 20px;
z-index: 0;
}

#ie6 #nav li .subNav
{
background: #c00 url(../img/sub_nav_ie6.png) 0 bottom repeat-x;
border: 2px solid #ff0c0c;
border-bottom: none;
top: auto;
bottom: 2.6em;
width: 53.6em;
z-index: 5;
padding: .4em 0 1.1em 14px;
}

#nav li .subNav ul
{
visibility: visible;
width: 145px;
height: auto;
float: left;
margin-right: 1.3em;
}

#nav li .subNav ul.first
{
width: 170px;
}

#ie6 #nav li .subNav ul
#ie6 #nav li .subNav ul.first
{
margin-right: 10px;
width: 22%;
}

#nav li .subNav ul.last
{
margin-right: 0;
}

#nav li ul li
{
clear: left;
float: left;
font-weight: bold;
text-transform: none;
white-space: nowrap;
}

#ie6 #nav li .subNav ul li
{
padding: 0;
margin: 0;
}

#nav li .subNav ul li a
{
border: 0;
color: #ffeb95;
line-height: 1.2em;
background: none;
font-size: 1em;
padding: 0;
}

#ie6 #nav li .subNav ul li a
{
line-height: 1.1em;
}

#nav li ul li a:hover
{
text-decoration: none;
color: #fff;
}

#nav li ul li.close
{
position: absolute;
top: 10px;
right: 10px;
text-indent: -9999em;
background: url(../img/nav_close.png) no-repeat;
height: 8px;
width: 8px;
}

#ie6 #nav li ul li.close
{
top: .2em;
right: .2em;
}

#nav li .subNav ul li.close a
{
height: 8px;
width: 8px;
}

/**************************
FOOTER
**************************/
#footer
{
margin: 15px 20px 10px 30px;
padding-bottom: 20px;
line-height: 1.2em;	
color: #999;
clear: both;
}
#footer li
{
float: left;
padding: 0 15px;
border-right: 1px solid #999;
}
#footer li a
{
color: #999;
}
#footer li a:visited
{
text-decoration: none;
color: #999;
}
#footer li a:hover
{
text-decoration: underline;
color: #999;
}
#footer li.first
{
padding-left: 5px;
}
#footer li.last
{
border: 0;
}

/**************************
CONTROLS
**************************/

    /**********************
    PRODUCT BANNER
    **********************/
.productBanner
{
width: 200px;
min-height: 131px;
height: auto;
float: left;
}

#ie .productBanner
{

}

#ie6 .productBanner
{
height: 10em;
width: 202px;
background: #fff;
}

.productBox
{
float: left;
margin-right: 10px;
width: 77px;
height: 130px;
text-indent: -9999em;
}

#ie6 .productBox
{
height: 134px;
}

#ctl00_ctl00_recipeDetail #ie6 .productBox
{
height: 140px;
}

.productContent
{
width: 106px;
background: none;
text-indent: 0;
margin: 0;
float: left;
padding-top: 5px;
}

#ctl00_ctl00_recipeDetail .productContent
{
margin-top: 10px;
padding-top: 10px;
}

.safari .productContent
{
padding-top: 20px;
}

.gn_orig .productBox
{
/*background: url(../img/cereal_boxes_other_tn_en.jpg) -376px 0 no-repeat;*/
background: url(../img/logos/grape-nuts_tn.png) 0 50% no-repeat;
}
.gn_orig .cerealName
{
white-space: nowrap;
}
.fr .gn_orig .cerealName
{
white-space: normal;
}
.gn_orig .productContent
{
padding-top: 18px;
}
.hbo_honey .productBox
{
background: url(../img/cereal_boxes_hbo_tn_en.jpg) 0 0 no-repeat;
}
.hbo_almond .productBox
{
background: url(../img/cereal_boxes_hbo_tn_en.jpg) -92px 0 no-repeat;
}
.hbo_cin .productBox
{
background: url(../img/cereal_boxes_hbo_tn_en.jpg) -183px 0 no-repeat;
}
.hbo_straw .productBox
{
background: url(../img/cereal_boxes_hbo_tn_en.jpg) -365px 0 no-repeat;
}
.hbo_peach .productBox
{
background: url(../img/cereal_boxes_hbo_tn_en.jpg) -274px 0 no-repeat;
}
.hbo_van .productBox
{
background: url(../img/cereal_boxes_hbo_tn_en.jpg) -456px 0 no-repeat;
}
.hbo_pecan .productBox
{
background: url(../img/cereal_boxes_hbo_tn_en.jpg) -547px 0 no-repeat;
}
.jb_honey .productContent
{
padding-top: 18px;
}
.jb_honey .productBox
{
background: url(../img/cereal_boxes_jb_tn_en.png) -92px 0 no-repeat;
}
.jb_caramel .productContent
{
padding-top: 18px;
}
.jb_caramel .productBox
{
background: url(../img/cereal_boxes_jb_tn_en.png) 0 0 no-repeat;
}
.selects_bnc .productBox
{
background: url(../img/cereal_boxes_selects_tn_en.jpg) 0 0 no-repeat;
}
.selects_drpc .productBox
{
background: url(../img/cereal_boxes_selects_tn_en.jpg) -182px 0 no-repeat;
}
.selects_bac .productBox
{
background: url(../img/cereal_boxes_selects_tn_en.jpg) -92px 0 no-repeat;
}
.selects_cac .productBox
{
background: url(../img/cereal_boxes_selects_tn_en.jpg) -275px 0 no-repeat;
}
.sw_orig .productBox
{
background: url(../img/cereal_boxes_sw_tn_en.jpg) 0 0 no-repeat;
}
.sw_spoon .productBox
{
background: url(../img/cereal_boxes_sw_tn_en.jpg) -92px 0 no-repeat;
}
.sw_honey .productBox
{
background: url(../img/cereal_boxes_sw_tn_en.jpg) -182px 0 no-repeat;
}
.sw_wb .productBox
{
background: url(../img/cereal_boxes_sw_tn_en.jpg) -275px 0 no-repeat;
}
.bran_100 .productBox
{
background: url(../img/cereal_boxes_other_tn_en.jpg) 0 0 no-repeat;
}
.ab .productBox
{
background: url(../img/cereal_boxes_other_tn_en.jpg) -92px 0 no-repeat;
}
.sc .productBox
{
background: url(../img/cereal_boxes_other_tn_en.jpg) -275px 0 no-repeat;
}
.hc_orig .productBox
{
background: url(../img/cereal_boxes_other_tn_en.jpg) -182px 0 no-repeat;
}
.shred_orig .productBox
{
background: url(../img/cereal_boxes_shreddies_tn_en.jpg) -92px 0 no-repeat;
}
.shred_honey .productBox
{
background: url(../img/cereal_boxes_shreddies_tn_en.jpg) -183px 0 no-repeat;
}
.shred_van .productBox
{
background: url(../img/cereal_boxes_shreddies_tn_en.jpg) -274px 0 no-repeat;
}

.cerealName
{
font-weight: bold;
}

.cerealName span
{
text-transform: lowercase;
}

    /**********************
    RECIPE SEARCH
    **********************/
#recipeSearchForm
{
margin-top: -2em;
position: relative;
}

#recipeSearchForm h3
{
background-position: 0 0;
width: 189px;
height: 18px;
}

#ie #recipeSearchForm h3
{
margin-top: 2em;
margin-bottom: 0;
}

.fr #recipeSearchForm h3
{
background-position: -440px -257px;
height: 29px;
}

#recipeSearchForm legend
{
color: #f6f6f6;
}

#ie6 #recipeSearchForm h3
{
display: inline;
}

#ie6 #recipeSearchForm legend
{
color: #666;
display: inline;
}

#ie #recipeSearchForm select.cerealList
{

}

#ie #recipeSearchForm select
{
height: 1.8em;
}

input.recipeSearchBtn
{
width: 139px;
height: 30px;
float: right;
margin: 10px 0 0 0;
border: none;
background-color: Transparent;
}

#ctl00_ctl00_pageContent_cph_SubColumn_recipeSearchform1_customValidator
{
display: block;
clear: both;
}

.checkboxWrapper
{
display: block;
clear: both;
margin-top: 2.2em;
}

    /**********************
    FEATURED RECIPES SIDEBAR
    **********************/
#featuredRecipiesContainer
{
overflow: auto;
}

#featuredRecipiesContainer li
{
width: 195px;
display: block;
overflow: auto;
margin-bottom: 10px;
}

#ie #featuredRecipiesContainer li
{
margin-bottom: 1.5em;
}

.fr #featuredRecipiesContainer li
{
margin-bottom: 1.5em;
}

#featuredRecipiesContainer img
{
height: 63px;
width: 63px;
display: block;
float: left;
margin: 0 10px 20px 0;
}

#featuredRecipiesContainer h3
{
background-position: 0 -154px;
height: 17px;
}

.fr #featuredRecipiesContainer h3
{
background-position: -440px -154px;
}

#featuredRecipiesContainer h4
{
text-indent: 0;
margin-top: -.2em;
padding-left: 10px;
margin-left: 63px;
}

#featuredRecipiesContainer p
{
margin-bottom: .25em;
margin-left: 63px;
}

#ie .fr #featuredRecipiesContainer a.cta
{
background-position: 94% -35px;
display: block;
}

    /**********************
    SQUARE NAV PROMO/FEATURED PAGINATION
    **********************/
#square_nav
{
width: 100px;
}

#square_nav,
#square_nav li
{
float: left;
}

#square_nav li,
#square_nav li a,
a#btn_learn_more
{
display: block;
}

#square_nav li,
#square_nav li a
{
width: 13px;
height: 13px;
}

#square_nav li
{
margin-right: 7px;
}

#square_nav li a
{
background-color: #dedede;
}

#square_nav li a.active
{
background-color: #f00;
}

a#btn_learn_more
{
float: right;
width: 139px;
height: 30px;
background: url(../img/btn_learn_more.png) scroll left top no-repeat;
text-indent: -9999px;
}

#ie6 a#btn_learn_more
{
background: none;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', src='img/btn_learn_more.png', 

sizingMethod='crop');
}

/**************************
PAGE SPECIFIC
**************************/

    /**********************
    HOME
    **********************/
#ctl00_home #content
{
padding: 0 10px 20px 10px;
}

#ctl00_home.safari #content
{
overflow: hidden;
}

#promo_container
{
margin: 0 auto 0px 10px;
width: 910px;
height: 490px;
z-index: 0;
position: relative;
}

#promo_nav_container
{
margin: 0 10px;
width: 910px;
overflow: auto;
position: relative;
height: 470px;
top: -500px;
margin-bottom: -470px;
z-index: 9999;
}

#ctl00_home a#promo1,
#ctl00_home a#promo2
{
cursor: default;
}

#ctl00_home #square_nav
{
position: absolute;
top: 445px;
left: 35px;
z-index: 9999;
}

#ctl00_home a#btn_learn_more
{
position: absolute;
top: 435px;
right: 35px;
z-index: 9999;
display: none;
}

.jcarousel-skin-custom
{
background:transparent url(../img/carousel_bkgd.jpg) repeat-y scroll center top;
height: 520px;
width: 930px;
}

#ctl00_home #ie .jcarousel-skin-custom
{
margin-bottom: -230px;
}

#ctl00_home #ie6 .jcarousel-skin-custom
{
margin-bottom: -10px;
}

.jcarousel-skin-custom li
{
margin: 0 0 20px 5px;
padding-right: 5px;
padding-top: 20px;
float: left;
border-right: solid 1px #e6e7e8;
width: 280px;
height: 215px;
position: relative;
}

.jcarousel-skin-custom li.first
{
margin-left: 39px;
}

.jcarousel-skin-custom li.third
{
border: none;
}

.jcarousel-skin-custom li.fullButton a
{
margin: 0;
background: none;
padding: 0;
position: static;
}

.jcarousel-skin-custom img
{
display: block;
}

.jcarousel-skin-custom a
{
font-weight: bold;
padding: 0 15px 0 12px;
margin: 0 0 0 10px;
background: transparent url(../img/arrow_cta.png) no-repeat scroll 0 0;
display: block;
font-size: 1.2em;
}

#ie6 .jcarousel-skin-custom .jcarousel-next-horizontal
{
background: none;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', src='img/btn_carousel_next.png', 

sizingMethod='crop');
}
#ie6 .jcarousel-skin-custom .jcarousel-prev-horizontal
{
background: none;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', src='img/btn_carousel_prev.png', 

sizingMethod='crop');
}

.jcarousel-list
{
position: absolute !important;
}

.jcarousel-skin-custom .jcarousel-container
{
background: url(../img/carousel_bkgd.jpg) scroll center top repeat-y;
position: relative;
overflow: hidden;
}

.jcarousel-skin-custom .jcarousel-container-horizontal
{
height: 260px;
}

.jcarousel-skin-custom .jcarousel-clip-horizontal
{
width: 864px;
height: 234px;
padding-top: 28px;
margin-left: 34px;
overflow: hidden;
position: relative;
}

.jcarousel-skin-custom .jcarousel-item
{
width: 280px;
height: 225px;
position: relative;
}

.jcarousel-skin-custom .jcarousel-list-horizontal li.first
{
margin-left: 5px;
}

.jcarousel-skin-custom .jcarousel-item a
{
position: absolute;
bottom: 0;
}

.jcarousel-skin-custom .jcarousel-item-vertical
{
margin-bottom: 7px;
}

.jcarousel-skin-custom .jcarousel-item-placeholder
{
}

/* Horizontal Buttons */
.jcarousel-skin-custom .jcarousel-next-horizontal
{
position: absolute;
top: 112px;
right: 0;
width: 21px;
height: 41px;
cursor: pointer;
background: transparent url(../img/btn_carousel_next.png) no-repeat 0 0;
}

.jcarousel-skin-custom .jcarousel-prev-horizontal
{
position: absolute;
top: 112px;
left: 0;
width: 21px;
height: 41px;
cursor: pointer;
background: transparent url(../img/btn_carousel_prev.png) no-repeat 0 0;
}

.jsEnabled .jcarousel-skin-custom
{
height: 240px;
}

    /**********************
    OUR BRANDS
    **********************/
#ctl00_ourBrands #content
{
background: #fff url(../img/our_brands.jpg) 0 -70px no-repeat;
padding: 25px 0 398px 25px;
}

#ctl00_ourBrands #ie #content
{
padding-bottom: 420px;
}

#ctl00_ourBrands #ie6 #content
{
height: 550px;
}

#ctl00_ourBrands .fr #content
{
padding-bottom: 380px;
}

#ctl00_ourBrands #content p
{
color: #656565;
font-size: 1.05em;
margin: 10px 0 0 10px;
width: 380px;
}

#ctl00_ourBrands #footer
{
margin-top: -75px;
}

#ctl00_ourBrands #ie #footer
{
margin-top: -90px;
}

#ctl00_ourBrands .fr #footer
{
margin-top: -70px;
}

#ctl00_ourBrands #ie .fr #footer
{
margin-top: -102px;
}

#ctl00_ourBrands h1
{
background-position: 0 -95px;
height: 53px;
}

#ctl00_ourBrands .fr h1
{
background-position: -671px -97px;
}

#ctl00_ourBrands h2
{
background: url(../img/rotated_headings.png) no-repeat;
width: 15px;
float: left;
text-indent: -9999em;
margin: 0 0 0 101px;
}

#ctl00_ourBrands #ie6 h2
{
margin-left: 45px;
}

#ctl00_ourBrands #content ul
{
overflow: auto;
margin-top: 10px;
}

#ctl00_ourBrands #content li
{
height: 150px;
width: 150px;
float: left;
margin: 0 0 10px 10px;
}

#ctl00_ourBrands #content li a
{
background: url(../img/light_gray_bkgd_transparent.png) repeat;
height: 150px;
width: 150px;
display: block;
}

#ctl00_ourBrands #content li a:hover
{
background: url(../img/mid_gray_bkgd_transparent.png) repeat;
}

    /**********************
    RECIPES LANDING
    **********************/
#ctl00_ctl00_featuredRecipes #mainCol
{
margin: 38px 10px 0 12px;
width: 689px;
}

#ctl00_ctl00_featuredRecipes #ie6 #mainCol
{
margin-left: 8px;
width: 685px;
}

#ctl00_ctl00_featuredRecipes h1
{
background-position: 0 0;
margin-bottom: .2em;
}

#ctl00_ctl00_featuredRecipes .fr h1
{
background-position: -671px 0;
}

#ctl00_ctl00_pageContent_cph_MainColumn_featured
{
background: #f6f6f6;
padding: 10px 15px 0 10px;
margin: 0 0 20px 0;
overflow: auto;
width: 657px;
}

#ie #ctl00_ctl00_pageContent_cph_MainColumn_featured
{
height: 302px;
}

#ie6 #ctl00_ctl00_pageContent_cph_MainColumn_featured
{
height: 30.4em;
}

#ctl00_ctl00_pageContent_cph_MainColumn_featured h2
{
margin-bottom: 15px;
background: url(../img/featuredRecipeTitles.png) 0 -7px no-repeat;
height: 14px;
width: 657px;
text-indent: -9999em;
}

.fr #ctl00_ctl00_pageContent_cph_MainColumn_featured h2
{
margin-top: -5px;
height: 18px;
}

.fr #ctl00_ctl00_pageContent_cph_MainColumn_featured #recipe_0 h2
{
background-position: -800px -2px;
}

#ctl00_ctl00_pageContent_cph_MainColumn_featured #recipe_1 h2
{
background-position: 0 -47px;
}

.fr #ctl00_ctl00_pageContent_cph_MainColumn_featured #recipe_1 h2
{
background-position: -800px -42px;
}

#ctl00_ctl00_pageContent_cph_MainColumn_featured #recipe_2 h2
{
background-position: 0 -87px;
}

.fr #ctl00_ctl00_pageContent_cph_MainColumn_featured #recipe_2 h2
{
background-position: -800px -82px;
}

#ctl00_ctl00_pageContent_cph_MainColumn_featured #recipe_3 h2
{
background-position: 0 -127px;
}

.fr #ctl00_ctl00_pageContent_cph_MainColumn_featured #recipe_3 h2
{
background-position: -800px -122px;
}

#ctl00_ctl00_pageContent_cph_MainColumn_featured #recipe_4 h2
{
background-position: 0 -167px;
}

.fr #ctl00_ctl00_pageContent_cph_MainColumn_featured #recipe_4 h2
{
background-position: -800px -162px;
}

#ie6 #ctl00_ctl00_pageContent_cph_MainColumn_featured h2
{
font-size: 1em;
}

#ctl00_ctl00_pageContent_cph_MainColumn_featured .featuredPhoto
{
float: left;
width: 440px;
height: 255px;
margin: 0 15px 10px 0;
background: #fff;
}

#ctl00_ctl00_pageContent_cph_MainColumn_featured .featuredDesc
{
border-bottom: 1px solid #ccc;
overflow: auto;
padding: 0 0 15px 0;
margin: 0 0 18px 0;
height: 90px;
}

#ie #ctl00_ctl00_pageContent_cph_MainColumn_featured .featuredDesc
{
padding: 0;
height: 105px;
}

#ie6 #ctl00_ctl00_pageContent_cph_MainColumn_featured .featuredDesc
{
height: 10.3em;
overflow: visible;
}

#ctl00_ctl00_pageContent_cph_MainColumn_featured .featuredDesc p
{
font-size: 1.3em;
line-height: 1.3em;
font-weight: bold;
color: #666;
}

#ctl00_ctl00_pageContent_cph_MainColumn_featured .featuredDesc a.cta
{
float: right;
font-weight: bold;
background-position: right 1px;
}

#ctl00_ctl00_pageContent_cph_MainColumn_productBanner1_featuredCereal,
#ctl00_ctl00_pageContent_cph_MainColumn_productBanner2_featuredCereal,
#ctl00_ctl00_pageContent_cph_MainColumn_productBanner3_featuredCereal,
#ctl00_ctl00_pageContent_cph_MainColumn_productBanner4_featuredCereal,
#ctl00_ctl00_pageContent_cph_MainColumn_productBanner5_featuredCereal
{
background: #fff;
overflow: auto;
}

#ie6 #ctl00_ctl00_pageContent_cph_MainColumn_productBanner1_featuredCereal,
#ie6 #ctl00_ctl00_pageContent_cph_MainColumn_productBanner2_featuredCereal,
#ie6 #ctl00_ctl00_pageContent_cph_MainColumn_productBanner3_featuredCereal,
#ie6 #ctl00_ctl00_pageContent_cph_MainColumn_productBanner4_featuredCereal,
#ie6 #ctl00_ctl00_pageContent_cph_MainColumn_productBanner5_featuredCereal
{
height: 10em;
overflow:visible;
}

#ctl00_ctl00_pageContent_cph_MainColumn_featured #square_nav
{
margin: -30px 0 -30px 88px;
}

#ie #ctl00_ctl00_pageContent_cph_MainColumn_featured
{
position: relative;
}

#ie #ctl00_ctl00_pageContent_cph_MainColumn_featured #square_nav
{
position: absolute;
bottom: 30px;
right: 30px;
margin: 0;
}

#ie6 #ctl00_ctl00_pageContent_cph_MainColumn_featured #square_nav
{

}

.safari #ctl00_ctl00_pageContent_cph_MainColumn_featured #square_nav
{
margin: -40px 0 -40px 543px;
z-index: 100;
position: relative;
}

#ctl00_ctl00_pageContent_cph_MainColumn_featured #square_nav li
{
list-style-type: none;
float: left;
background: #ccc;
margin-right: 5px;
}

#popularRecipes
{
margin-left: 10px;
}

#popularRecipes li,
#searchRecipes li
{
display: block;
float: left;
overflow: auto;
position: relative;
width: 215px;
margin: 0 0 3em 10px;
}

.fr #popularRecipes li
{
min-height: 80px;
}

#ie6 #popularRecipes li
{
width: 200px;
height: 11em;
}

#ie6 .fr #popularRecipes li
{
height: 14em;
}

#ie6 #popularRecipes img
{
margin-bottom: 3em;
}

#popularRecipes h3,
#searchRecipes h4
{
background-position: 0 -32px;
height: 17px;
width: 170px;
}

.fr #popularRecipes h3
{
background-position: -440px -32px;
width: 200px;
}

#popularRecipes h3
{
margin-top: -.2em;
padding-left: 10px;
}


#popularRecipes h4
{
margin-left: 63px;
}

#popularRecipes img,
#searchRecipes img
{
height: 63px;
width: 63px;
display: block;
float: left;
margin: 0 10px 0 0;
}

.fr #popularRecipes img
{
padding-bottom: 30px;
}

#ie6 #popularRecipes img
{
padding-bottom: 35px;
}

#ie6 .fr #popularRecipes img
{
padding-bottom: 40px;
}

#popularRecipes .lengthen
{
padding-bottom: 12px;
}

#popularRecipes .long img
{
margin: 0 10px 20px 0;
}

    /**********************
    RECIPE SEARCH RESULTS
    **********************/
#ctl00_ctl00_results #mainCol
{
color: #666;
}

#ctl00_ctl00_results h1
{
background-position: 0 -1684px;
margin-left: 25px;
}

#ctl00_ctl00_results .fr h1
{
background-position: -671px -1684px;
}

#ctl00_ctl00_results #searchRecipes
{
padding-left: 25px;
}

#ctl00_ctl00_results #searchRecipes,
#ctl00_ctl00_results #searchRecipes table
{
width: 675px;
}

#ctl00_ctl00_results th
{
display: none;
}

#searchRecipes td
{
padding-bottom: 10px;
}

#ctl00_ctl00_results h4
{
text-transform: uppercase;
font-size: 1.3em;
float: left;
width: 600px;
}

#ctl00_ctl00_results h4 a
{
color: #f90;
}

#ctl00_ctl00_results p
{
float: left;
width: 600px;
}

    /**********************
    RECIPE DETAIL
    **********************/
#ctl00_ctl00_recipeDetail h1
{
width: 380px;
height: 38px;
margin-left: 0;
background-position: 0 -270px;
}

#ctl00_ctl00_recipeDetail #ie6 h1
{
text-indent: -9999em;
background: url(../img/h1_headings.png) 0 -270px no-repeat;
font-size: 1em;
width: 300px;
}

#ctl00_ctl00_recipeDetail .fr h1,
#ctl00_ctl00_recipeDetail #ie6 .fr h1
{
background-position: -671px -270px;
}

#ctl00_ctl00_recipeDetail h2,
#ctl00_ctl00_recipeDetail #ie6 h2
{
color: #000;
line-height: 1.2em;
margin-top: -.2em;
font-size: 1.8em;
font-weight: bold;
background: none;
font-family: Verdana,Arial,Helvetica,sans-serif;
}

#recipeExtras
{
width: 275px;
padding-left: 26px;
float: left;
}

#recipeExtras .enlargeImg
{
color: #f90;
}

#recipeExtras .enlargeImg img
{
width: 265px;
height: 215px;
display: block;
}

#recipeExtras .nutritionInfo
{
width: 235px;
margin-bottom: 10px;
}

#recipeExtras .nutritionInfo caption
{
padding: 10px;
text-transform: uppercase;
}

#recipeExtras .nutritionInfo caption span
{
font-weight: bold;
display: block;
}

#recipeExtras .nutritionInfo tr.row1 th,
#recipeExtras .nutritionInfo tr.row1 td
{
background: #efefef;
}

#recipeExtras .nutritionInfo tr.subCategory th
{
font-weight: normal;
padding-left: 15px;
}

#recipeExtras .nutritionInfo th
{
text-transform: uppercase;
padding: 0 10px;
}

#recipeExtras .nutritionInfo td
{
text-align: right;
padding: 0 10px;
}

#recipeExtras .nutritionInfo td.calories
{
padding-right: 3.7em;
}

#recipeExtras .nutritionInfo td abbr
{
min-width: 2.5em;
display: inline-block;
text-align: left;
margin-left: 2px;
}

#recipeExtras h4
{
text-transform: uppercase;
padding: 0 0 0 10px;
}

#recipeExtras #dietExchange
{
display: none;
}

#recipeExtras #ctl00_ctl00_pageContent_cph_MainColumn_pnlProductBannerContainer
{
width: 231px;
margin-top: 20px;
}

#recipeExtras #featuredCereal .productContent
{
width: 140px;
}

#recipeContent
{
width: 380px;
float: left;
background: #fdf7e3;
padding: 10px;
position: relative;
}

#recipeContent .toolbar
{
position: absolute;
top: 22px;
right: 15px;
}

#recipeContent .toolbar a
{
color: #f90;
line-height: 20px;
min-height: 20px;
display: block;
float: left;
background: url(../img/recipe_detail_icons.png) no-repeat;
}

#recipeContent .toolbar .print
{
background-position: 0 -78px;
padding: 0 0 0 30px;
}

#recipeContent #timeQuantity
{
background: #fbf0c8;
clear: both;
padding: 10px;
margin: 0 0 10px 0;
overflow: auto;
}

#recipeContent #timeQuantity dl
{
margin: 0 0 10px 0;
}

#recipeContent #timeQuantity dt
{
font-weight: bold;
color: #f90;
text-transform: uppercase;
text-align: right;
width: 7.5em;
float: left;
margin: 0 10px 0 0;
}

.fr #recipeContent #timeQuantity dt
{
width: 15em;
}

#recipeContent #timeQuantity dd
{
width: 275px;
float: left;
}

.fr #recipeContent #timeQuantity dd
{
width: 200px;
}

#recipeContent #timeQuantity .servingSize
{
margin: 0 0 0 8.5em;
}

.fr #recipeContent #timeQuantity .servingSize
{
margin-left: 16em;
}

#recipeContent h3
{
text-indent: 0;
background-image: none;
color: #f90;
text-transform: uppercase;
background: #fbf0c8;
padding: 0 10px;
line-height: 1.4em;
font-weight: bold;
margin: 0 0 5px 0;
}

#ie6 #recipeContent h3
{
font-family: Verdana, Arial, Sans-Serif;
font-size: 1.2em;
}

#recipeContent .ingredients,
#recipeContent .directions,
#recipeContent .tips
{
margin: 0 10px 10px 10px;
}

/* #recipeContent .ingredients th
{
text-align: right;
width: 22%;
padding-right: 10px;
}

#recipeContent .ingredients td
{
font-style: italic;
padding: 2px 0;
}

.directions li
{
list-style-type: none;
margin: 0 0 10px 10px;
} */

.stepTitle
{
font-weight: bold;
text-transform: uppercase;
}

    /**********************
    RECIPE DETAIL PRINT (via print button within page - depends upon javascript)
    **********************/
.printWrapper #recipeExtras,
.printWrapper #recipeContent .toolbar,
.printWrapper #subCol,
.printWrapper #footer,
.printWrapper #header
{
display: none;
}

.printWrapper #recipeContent
{
width: 681px;
font-size: 10pt;
line-height: 16pt;
}

#ctl00_ctl00_recipeDetail .printWrapper #recipeContent h1
{
background: none;
text-indent: 0;
font-size: 34pt;
line-height: 38pt;
height: auto;
font-weight: bold;
font-family: 'URWClarendonTExtBolExtWid', Garamond, 'Times New Roman', Serif;
}

.printWrapper #recipeContent,
.printWrapper #recipeContent div,
.printWrapper #recipeContent #timeQuantity,
.printWrapper #recipeContent h3
{
background: none;
}

.printWrapper #recipeContent #timeQuantity dl
{
overflow: auto;
}

#ie .printWrapper #recipeContent #timeQuantity dl
{
margin-bottom: 0;
}

.printWrapper #recipeContent h3,
.printWrapper #recipeContent #timeQuantity dt
{
color: #000;
font-family: Verdana, Arial, Helvetica, sans-serif;
}

#ie6 .printWrapper #recipeContent h3
{
font-size: 1.2em;
}

.printWrapper #recipeContent #timeQuantity dt
{
clear: left;
line-height: 1.2em;
}

.printWrapper #recipeContent #timeQuantity dd
{
line-height: 1.2em;
width: auto;
}

#ie .printWrapper #recipeContent #timeQuantity dd
{
width: 540px;
}

#ie .fr .printWrapper #recipeContent #timeQuantity dd
{
width: 440px;
}

#ie .printWrapper #recipeContent #timeQuantity p.servingSize
{
margin: 0 0 0 8.2em;
}

#ie .fr .printWrapper #recipeContent #timeQuantity p.servingSize
{
margin: 0 0 0 15.7em;
}

.printWrapper #recipeContent h3
{
margin-top: 30px;
}

.printWrapper #recipeContent ol
{
margin-left: 20px;
}

/**********************
PRODUCT PAGES
**********************/
#flashContainer
{
width: 240px;
height: 403px;
float: left;
margin: 0 10px 0 0;
}

#Main, /*flash replaces html in this div and uses ID for the object tag*/
#MainLogo
{
width: 240px;
height: 403px;
}

#MainLogo
{
margin: 80px 45px 20px 45px;
width: 150px;
}

.hideMainBg #Main
{
background: none !important;
}

object#Main
{
background: none;
}

#varietyContent
{
float: left;
width: 460px;
min-height: 325px;
height: auto;
margin: 50px 0 0 0;
}

#ie6 #varietyContent
{
height: 325px;
}

#varietyContent h1
{
height: 33px;
margin-left:0;
margin-bottom: 5px;
}

#ie6 #varietyContent h1
{
font-size: 4em;
font-weight: bold;
}

#varietyContent h2
{
text-indent: -9999em;
height: 20px;
width: 450px;
}

#ie6 #varietyContent h2
{
text-indent: 0;
background: none;
font-size: 2em;
font-family: 'URWClarendonTExtBolExtWid', Garamond, 'Times New Roman', Serif;
height: auto;
line-height: 1;
text-transform: none;
}

.toggleNav
{
overflow: auto;
margin: 30px 0 16px 0;
}

.toggleNav li
{
float: left;
margin: 0 10px 0 0;
text-transform: uppercase;
border-left: 1px solid #ccc;
padding-left: 10px;
}

.toggleNav li#togPromo
{
display: none;
}

.toggleNav li#togOverview
{
border: none;
padding-left: 0;
}

#varietyContent #overview,
#varietyContent #nutrition,
#varietyContent #promotion
{
clear: both;
margin-top: 10px;
color: #656565;
}

#varietyContent #overview h3
{
margin: 15px 0 10px 0;
display: none;
}

#varietyContent #overview p,
#varietyContent #nutrition p,
#varietyContent #promotion p
{
font-size: 1.2em;
line-height: 1.4em;
width: 275px;
}

#varietyContent #nutrition p
{
width: auto;
}

#varietyContent #overview p.sizes
{
color: #000;
font-size: 1em;
}

#varietyContent .footnote
{
float: left;
margin: 2em 0 10px 0;
}

#varietyContent div.footnote
{
width: 1.5em;
line-height: 1.7em;
clear: left;
}

a.noVisual,
a.noVisual:visited /* used for accessible link from asterisk to the footnote and back */
{
color: #666;
}

#varietyContent #overview p.footnote,
#varietyContent #nutrition p.footnote
{
text-transform: uppercase;
font-size: 1em;
max-width: 440px; /* for firefox to fix a float issue */
}

#varietyContent #overview .footnote,
#varietyContent #nutrition #nutrifootnotes
{
display: none;
}

#varietyContent #overview li,
#siteLinkContainer li
{
list-style-type: disc;
margin: 0 0 0 1.5em;
text-transform: uppercase;
color: #656565;
}

#varietyContent #overview li abbr
{
text-transform: none;
}

#otherVarietiesContainer
{
float: left;
width: 460px;
margin-top: 2em;
}

#otherVarietiesContainer h3
{
background-position: 0 -63px;
width: 200px;
height: 17px;
}

.fr #otherVarietiesContainer h3
{
background-position: -440px -63px;
width: 300px;
}

#otherProductsContainer
{
overflow: auto;
margin-bottom: 20px;
}

#otherVarietiesContainer li,
#otherProductsContainer li
{
float: left;
width: 80px;
height: 130px;
}

#otherVarietiesContainer li a,
#otherProductsContainer li a
{
width: 75px;
height: 130px;
text-indent: -9999em;
display: block;
}

#otherVarietiesContainer li.current
{
filter:alpha(opacity=25);
opacity: .25;
}

#nutriToggleNav
{
display: none; /* only show this if flash is enabled or it makes no sense */
}

#nutriToggleNav li
{
float: left;
border-right: 1px solid #ccc;
padding-right: 10px;
margin-right: 10px;
text-transform: uppercase;
}

#nutriToggleNav li.last
{
border: none;
margin-right: 0;
}

#siteLinkContainer
{
margin-bottom: 30px;
}

.visitText,
.newText,
.micrositeText,
#otherProductsContainer .productName
{
background: url(../img/non-heading_text.png) no-repeat;
height: 16px;
width: 195px;
text-indent: -9999em;
display: block;
margin: 0 0 5px 0;
}

#ie6 .visitText,
#ie6 .newText,
#ie6 .micrositeText,
#ie6 #otherProductsContainer .productName
{
background: none;
text-indent: 0;
font-size: 1.6em;
font-weight: bold;
text-transform: uppercase;
}

#ie6 #otherProductsContainer .productName
{
color: #f00;
}

#ie6 .visitText
{
color: #f88804;
font-family: 'Arial Black', 'Times New Roman', Serif;
font-size: 2em;
line-height:normal; 
}

#ie6 .micrositeText
{
font-size: 1.5em;
}

.newText
{
background-position: 0 -174px;
margin-bottom: 15px;
}

.fr .newText
{
background-position: -400px -174px;
}

#ie6 .newText
{
margin-top: 92px;
color: #f88804;
}

#nutritionTipsContainer
{
clear: both;
}

#nutritionTipsContainer h3
{
background-position: 0 -122px;
height: 17px;
margin-bottom: 5px;
}

#nutritionTipsContainer h4
{
font-size: 1.2em;
margin-bottom: 5px;
}

#nutritionTipsContainer li
{
margin: 0 0 0 1.5em;
list-style-image: url(../img/arrow_toggle_open.png);
cursor: pointer;
}

#nutritionTipsContainer li.closed
{
list-style-image: url(../img/arrow_toggle.png);
}

#nutritionTipsContainer li.closed p,
#nutritionTipsContainer li.closed ul
{
display: none;
}

#nutritionTipsContainer li ul
{
margin: 10px 0;
}

#nutritionTipsContainer li li
{
list-style-image: none;
list-style-type: disc;
}

#nutritionTipsContainer dl,
#nutritionTipsContainer dt,
#nutritionTipsContainer dd
{
display: inline;
}

    /**********************
    GRAPE-NUTS
    **********************/
#ctl00_ctl00_ctl00_gn .original #Main
{
background: url(../img/cereal_boxes_gn_en.jpg) 0 20px no-repeat;
}

#ctl00_ctl00_ctl00_gn .fr .original #Main
{
background: url(../img/cereal_boxes_gn_fr.jpg) 0 20px no-repeat;
}

#ctl00_ctl00_ctl00_gn #flashContainer
{
margin-bottom: 100px; /* keep other variety section in middle when middle content is longer than flash container */
}

#ctl00_ctl00_ctl00_gn .original h1
{
background-position: 0 -358px;
}

#ctl00_ctl00_ctl00_gn h2
{
background-position: 0 -36px;
height: 42px;
color: #5c2a83;
}

#ctl00_ctl00_ctl00_gn .fr h2
{
background-position: -450px -36px;
height: 20px;
}

#ctl00_ctl00_ctl00_gn #overview h3
{
display: none;
}

#ctl00_ctl00_ctl00_gn #varietyContent
{
background: url(../img/gn_bkgd.jpg) no-repeat;
}

#ctl00_ctl00_ctl00_gn #otherVarietiesContainer
{
display: none;
}

#ctl00_ctl00_ctl00_gn #otherVarietiesContainer a
{
background: url(../img/cereal_boxes_other_tn_en.jpg) no-repeat;
}

#ctl00_ctl00_ctl00_gn #ctl00_ctl00_ctl00_pageContent_cph_MainColumn_otherVarieties_variety1 a
{
background-position: -182px 0;
}

#ctl00_ctl00_ctl00_gn #siteLinkContainer
{
display: none;
}

#ctl00_ctl00_ctl00_gn .micrositeText
{
background-position: 0 -352px;
}

#ctl00_ctl00_ctl00_gn #otherProductsContainer
{
display: none;
}

#ctl00_ctl00_ctl00_gn .fr #featuredRecipiesContainer .recipe2 img,
#ctl00_ctl00_ctl00_gn .fr #featuredRecipiesContainer .recipe3 img
{
margin-bottom: 50px;
}
   
    /**********************
    HONEY BUNCHES OF OATS
    **********************/
#ctl00_ctl00_ctl00_hboo #Main
{
background: url(../img/cereal_boxes_hbo_lg_en.jpg) 0 0 no-repeat;
}

#ctl00_ctl00_ctl00_hboo .fr #Main
{
background: url(../img/cereal_boxes_hbo_lg_fr.jpg) 0 0 no-repeat;
}

/* English boxes */
#ctl00_ctl00_ctl00_hboo .honeyRoasted #Main
{
background-position: 0 0;
}

#ctl00_ctl00_ctl00_hboo .almonds #Main
{
background-position: -283px 0;
}

#ctl00_ctl00_ctl00_hboo .cinnamon #Main
{
background-position: -566px 0;
}

#ctl00_ctl00_ctl00_hboo .strawberry #Main
{
background-position: -1132px 0;
}

#ctl00_ctl00_ctl00_hboo .peach #Main
{
background-position: -849px 0;
}

#ctl00_ctl00_ctl00_hboo .vanilla #Main
{
background-position: -1415px 0;
}

#ctl00_ctl00_ctl00_hboo .pecan #Main
{
background-position: -2264px 0;
}

/* French boxes */
#ctl00_ctl00_ctl00_hboo .fr .honeyRoasted #Main
{
background-position: 0 0;
}

#ctl00_ctl00_ctl00_hboo .fr .almonds #Main
{
background-position: -283px 0;
}

#ctl00_ctl00_ctl00_hboo .fr .cinnamon #Main
{
background-position: -566px 0;
}

#ctl00_ctl00_ctl00_hboo .fr .strawberry #Main
{
background-position: -1132px 0;
}

#ctl00_ctl00_ctl00_hboo .fr .peach #Main
{
background-position: -849px 0;
}

#ctl00_ctl00_ctl00_hboo .fr .vanilla #Main
{
background-position: -1415px 0;
}

#ctl00_ctl00_ctl00_hboo .fr .pecan #Main
{
background-position: -1698px 0;
}

#ctl00_ctl00_ctl00_hboo h1
{
background-position: 0 -496px;
}

#ctl00_ctl00_ctl00_hboo .fr h1
{
background-position: -671px -496px;
}

#ctl00_ctl00_ctl00_hboo .honeyRoasted h2
{
background-position: 0 -115px;
}

#ctl00_ctl00_ctl00_hboo .fr .honeyRoasted h2
{
background-position: -450px -115px;
}

#ctl00_ctl00_ctl00_hboo .almonds h2
{
background-position: 0 -164px;
color: #0072bb;
}

#ctl00_ctl00_ctl00_hboo .fr .almonds h2
{
background-position: -450px -164px;
}

#ctl00_ctl00_ctl00_hboo .cinnamon h2
{
background-position: 0 -208px;
color: #b31c22;
}

#ctl00_ctl00_ctl00_hboo .fr .cinnamon h2
{
background-position: -450px -208px;
}

#ctl00_ctl00_ctl00_hboo .strawberry h2
{
background-position: 0 -259px;
color: #f63329;
}

#ctl00_ctl00_ctl00_hboo .fr .strawberry h2
{
background-position: -450px -259px;
}

#ctl00_ctl00_ctl00_hboo .peach h2
{
background-position: 0 -310px;
color: #fa8854;
}

#ctl00_ctl00_ctl00_hboo .fr .peach h2
{
background-position: -450px -310px;
}

#ctl00_ctl00_ctl00_hboo .vanilla h2
{
background-position: 0 -363px;
color: #e0caa8;
}

#ctl00_ctl00_ctl00_hboo .fr .vanilla h2
{
background-position: -450px -363px;
}

#ctl00_ctl00_ctl00_hboo #overview h3
{
background-position: 0 -95px;
}

#ctl00_ctl00_ctl00_hboo .honeyRoasted #varietyContent
{
background: url(../img/hboo_honey_bkgd.jpg) no-repeat;
}

#ctl00_ctl00_ctl00_hboo .almonds #varietyContent
{
background: url(../img/hboo_almonds_bkgd.jpg) no-repeat;
}

#ctl00_ctl00_ctl00_hboo .cinnamon #varietyContent
{
background: url(../img/hboo_cinnamon_bkgd.jpg) no-repeat;
}

#ctl00_ctl00_ctl00_hboo .peach #varietyContent
{
background: url(../img/hboo_peaches_bkgd.jpg) no-repeat;
}

#ctl00_ctl00_ctl00_hboo .strawberry #varietyContent
{
background: url(../img/hboo_strawberry_bkgd.jpg) no-repeat;
}

#ctl00_ctl00_ctl00_hboo .vanilla #varietyContent
{
background: url(../img/hboo_vanilla_bkgd.jpg) no-repeat;
}

#ctl00_ctl00_ctl00_hboo #varietyContent #nutrition p.footnote
{
display: block;
}

#ctl00_ctl00_ctl00_hboo #otherVarietiesContainer
{
clear: both;
width: 700px;
}

#ctl00_ctl00_ctl00_hboo #otherVarietiesContainer a
{
background: url(../img/cereal_boxes_hbo_tn_en.jpg) no-repeat;
}

#ctl00_ctl00_ctl00_hboo .fr #otherVarietiesContainer a
{
background: url(../img/cereal_boxes_hbo_tn_fr.jpg) no-repeat;
}

#ctl00_ctl00_ctl00_hboo #ctl00_ctl00_ctl00_pageContent_cph_MainColumn_otherVarieties_variety1 a
#ctl00_ctl00_ctl00_hboo .fr #ctl00_ctl00_ctl00_pageContent_cph_MainColumn_otherVarieties_variety1 a
{
background-position: 0 0;
}

#ctl00_ctl00_ctl00_hboo #ctl00_ctl00_ctl00_pageContent_cph_MainColumn_otherVarieties_variety2 a,
#ctl00_ctl00_ctl00_hboo .fr #ctl00_ctl00_ctl00_pageContent_cph_MainColumn_otherVarieties_variety2 a
{
background-position: -92px 0;
}

#ctl00_ctl00_ctl00_hboo #ctl00_ctl00_ctl00_pageContent_cph_MainColumn_otherVarieties_variety3 a,
#ctl00_ctl00_ctl00_hboo .fr #ctl00_ctl00_ctl00_pageContent_cph_MainColumn_otherVarieties_variety3 a
{
background-position: -183px 0;
}

#ctl00_ctl00_ctl00_hboo #ctl00_ctl00_ctl00_pageContent_cph_MainColumn_otherVarieties_variety4 a,
#ctl00_ctl00_ctl00_hboo .fr #ctl00_ctl00_ctl00_pageContent_cph_MainColumn_otherVarieties_variety4 a
{
background-position: -365px 0;
}

#ctl00_ctl00_ctl00_hboo #ctl00_ctl00_ctl00_pageContent_cph_MainColumn_otherVarieties_variety5 a,
#ctl00_ctl00_ctl00_hboo .fr #ctl00_ctl00_ctl00_pageContent_cph_MainColumn_otherVarieties_variety5 a
{
background-position: -274px 0;
}

#ctl00_ctl00_ctl00_hboo #ctl00_ctl00_ctl00_pageContent_cph_MainColumn_otherVarieties_variety6 a,
#ctl00_ctl00_ctl00_hboo .fr #ctl00_ctl00_ctl00_pageContent_cph_MainColumn_otherVarieties_variety6 a
{
background-position: -456px 0;
}

#ctl00_ctl00_ctl00_hboo #ctl00_ctl00_ctl00_pageContent_cph_MainColumn_otherVarieties_variety7 a,
#ctl00_ctl00_ctl00_hboo .fr #ctl00_ctl00_ctl00_pageContent_cph_MainColumn_otherVarieties_variety7 a
{
background-position: -548px 0;
}

#ctl00_ctl00_ctl00_hboo #siteLinkContainer
{
display: none;
}

#ctl00_ctl00_ctl00_hboo .visitText
{
background-position: 0 0;
}

#ctl00_ctl00_ctl00_hboo .micrositeText
{
background-position: 0 -323px;
}

#ctl00_ctl00_ctl00_hboo #otherProductsContainer
{
margin-top: 20px;
}

#ctl00_ctl00_ctl00_hboo #otherProductsContainer .newText
{
margin-bottom: 5px;
}

#ctl00_ctl00_ctl00_hboo #otherProductsContainer .productName
{
background-position: 0 -383px;
margin-bottom: 10px;
}

#ctl00_ctl00_ctl00_hboo .fr #otherProductsContainer .productName
{
background-position: -400px -383px;
}

#ctl00_ctl00_ctl00_hboo .fr .honeyRoasted #featuredRecipiesContainer .recipe1 img,
#ctl00_ctl00_ctl00_hboo .fr .almonds #featuredRecipiesContainer .recipe3 img,
#ctl00_ctl00_ctl00_hboo .fr .cinnamon #featuredRecipiesContainer .recipe3 img,
#ctl00_ctl00_ctl00_hboo .fr .strawberry #featuredRecipiesContainer .recipe2 img,
#ctl00_ctl00_ctl00_hboo .fr .strawberry #featuredRecipiesContainer .recipe3 img,
#ctl00_ctl00_ctl00_hboo .fr .peach #featuredRecipiesContainer .recipe2 img,
#ctl00_ctl00_ctl00_hboo .fr .vanilla #featuredRecipiesContainer .recipe2 img
{
margin-bottom: 50px;
}


    /**********************
    JUST BUNCHES
    **********************/
#ctl00_ctl00_ctl00_jb .honeyRoasted #Main
{
background: url(../img/cereal_boxes_jb_lg_en.png) -289px 0 no-repeat;
}

#ctl00_ctl00_ctl00_jb .fr .honeyRoasted #Main
{
background: url(../img/cereal_boxes_jb_lg_fr.png) -289px 0 no-repeat;
}

#ctl00_ctl00_ctl00_jb .caramel #Main
{
background: url(../img/cereal_boxes_jb_lg_en.png) 0 0 no-repeat;
}

#ctl00_ctl00_ctl00_jb .fr .caramel #Main
{
background: url(../img/cereal_boxes_jb_lg_fr.png) 0 0 no-repeat;
}

#ctl00_ctl00_ctl00_jb #flashContainer
{
margin-bottom: 100px; /* keep other variety section in middle when middle content is longer than flash container */
}

#ctl00_ctl00_ctl00_jb h1
{
background-position: 0 -496px;
}

#ctl00_ctl00_ctl00_jb .fr h1
{
background-position: -671px -496px;
}

#ctl00_ctl00_ctl00_jb .honeyRoasted h2
{
background-position: 0 -523px;
color: #FEB014;
}

#ctl00_ctl00_ctl00_jb .fr .honeyRoasted h2
{
background-position: -450px -523px;
height: 42px;
}

#ctl00_ctl00_ctl00_jb .caramel h2
{
background-position: 0 -473px;
color: #B5662D;
}

#ctl00_ctl00_ctl00_jb .fr .caramel h2
{
background-position: -450px -473px;
}

#ctl00_ctl00_ctl00_jb #overview h3
{
background-position: 0 -95px;
}

#ctl00_ctl00_ctl00_jb .honeyRoasted #varietyContent
{
background: url(../img/jb_honey_bkgd.jpg) no-repeat;
}

#ctl00_ctl00_ctl00_jb .caramel #varietyContent
{
background: url(../img/jb_caramel_bkgd.jpg) no-repeat;
}

#ctl00_ctl00_ctl00_jb #otherVarietiesContainer a,
#ctl00_ctl00_ctl00_hboo #otherProductsContainer li a
{
background: url(../img/cereal_boxes_jb_tn_en.png) no-repeat;
}

#ctl00_ctl00_ctl00_jb #ie6 #otherVarietiesContainer a,
#ctl00_ctl00_ctl00_hboo #ie6 #otherProductsContainer li a
{
background: url(../img/cereal_boxes_jb_tn_en_ie6.png) no-repeat;
}


#ctl00_ctl00_ctl00_jb .fr #ctl00_ctl00_ctl00_pageContent_cph_MainColumn_otherVarieties_variety1 a,
#ctl00_ctl00_ctl00_jb .fr #ctl00_ctl00_ctl00_pageContent_cph_MainColumn_otherVarieties_variety2 a,
#ctl00_ctl00_ctl00_hboo .fr #otherProductsContainer #ctl00_ctl00_ctl00_pageContent_cph_SubColumn_otherProducts_new1 

a,
#ctl00_ctl00_ctl00_hboo .fr #otherProductsContainer #ctl00_ctl00_ctl00_pageContent_cph_SubColumn_otherProducts_new2 

a
{
background: url(../img/cereal_boxes_jb_tn_fr.png) no-repeat;
}

#ctl00_ctl00_ctl00_jb #ie6 .fr #ctl00_ctl00_ctl00_pageContent_cph_MainColumn_otherVarieties_variety1 a,
#ctl00_ctl00_ctl00_jb #ie6 .fr #ctl00_ctl00_ctl00_pageContent_cph_MainColumn_otherVarieties_variety2 a,
#ctl00_ctl00_ctl00_hboo #ie6 .fr #otherProductsContainer 

#ctl00_ctl00_ctl00_pageContent_cph_SubColumn_otherProducts_new1 a,
#ctl00_ctl00_ctl00_hboo #ie6 .fr #otherProductsContainer 

#ctl00_ctl00_ctl00_pageContent_cph_SubColumn_otherProducts_new2 a
{
background: url(../img/cereal_boxes_jb_tn_fr_ie6.png) no-repeat;
}

#ctl00_ctl00_ctl00_jb #otherVarietiesContainer 

#ctl00_ctl00_ctl00_pageContent_cph_MainColumn_otherVarieties_variety1 a,
#ctl00_ctl00_ctl00_jb .fr #ctl00_ctl00_ctl00_pageContent_cph_MainColumn_otherVarieties_variety1 a,
#ctl00_ctl00_ctl00_jb #ie6 #otherVarietiesContainer 

#ctl00_ctl00_ctl00_pageContent_cph_MainColumn_otherVarieties_variety1 a,
#ctl00_ctl00_ctl00_jb #ie6 .fr #ctl00_ctl00_ctl00_pageContent_cph_MainColumn_otherVarieties_variety1 a
{
background-position: 0 0;
}

#ctl00_ctl00_ctl00_jb #ctl00_ctl00_ctl00_pageContent_cph_MainColumn_otherVarieties_variety2 a,
#ctl00_ctl00_ctl00_jb .fr #ctl00_ctl00_ctl00_pageContent_cph_MainColumn_otherVarieties_variety2 a,
#ctl00_ctl00_ctl00_jb #ie6  #otherVarietiesContainer 

#ctl00_ctl00_ctl00_pageContent_cph_MainColumn_otherVarieties_variety2 a,
#ctl00_ctl00_ctl00_jb #ie6 .fr #ctl00_ctl00_ctl00_pageContent_cph_MainColumn_otherVarieties_variety2 a
{
background-position: -92px 0;
}

#ctl00_ctl00_ctl00_hboo #otherProductsContainer #ctl00_ctl00_ctl00_pageContent_cph_SubColumn_otherProducts_new1 a,
#ctl00_ctl00_ctl00_hboo .fr #otherProductsContainer #ctl00_ctl00_ctl00_pageContent_cph_SubColumn_otherProducts_new1 

a,
#ctl00_ctl00_ctl00_hboo #ie6 #otherProductsContainer 

#ctl00_ctl00_ctl00_pageContent_cph_SubColumn_otherProducts_new1 a,
#ctl00_ctl00_ctl00_hboo #ie6 .fr #otherProductsContainer 

#ctl00_ctl00_ctl00_pageContent_cph_SubColumn_otherProducts_new1 a
{
background-position: 0 -157px;
}

#ctl00_ctl00_ctl00_hboo #otherProductsContainer #ctl00_ctl00_ctl00_pageContent_cph_SubColumn_otherProducts_new2 a,
#ctl00_ctl00_ctl00_hboo .fr #otherProductsContainer #ctl00_ctl00_ctl00_pageContent_cph_SubColumn_otherProducts_new2 

a,
#ctl00_ctl00_ctl00_hboo #ie6 #otherProductsContainer 

#ctl00_ctl00_ctl00_pageContent_cph_SubColumn_otherProducts_new2 a,
#ctl00_ctl00_ctl00_hboo #ie6 .fr #otherProductsContainer 

#ctl00_ctl00_ctl00_pageContent_cph_SubColumn_otherProducts_new2 a
{
background-position: -92px -157px;
}

#ctl00_ctl00_ctl00_jb .micrositeText
{
background-position: 0 -323px;
}

#ctl00_ctl00_ctl00_jb #otherProductsContainer,
#ctl00_ctl00_ctl00_jb #siteLinkContainer
{
display: none;
}

#ctl00_ctl00_ctl00_jb .fr .caramel #featuredRecipiesContainer .recipe3 img
{
margin-bottom: 50px;
}

    /**********************
    100% BRAN
    **********************/
#ctl00_ctl00_ctl00_bran100 #Main
{
background: url(../img/cereal_boxes_other_lg_en.jpg) -15px -8px no-repeat;
}

#ctl00_ctl00_ctl00_bran100 .fr #Main
{
background: url(../img/cereal_boxes_other_lg_fr.jpg) -25px -8px no-repeat;
}

#ctl00_ctl00_ctl00_bran100 h1
{
background-position: 0 -825px;
}

#ctl00_ctl00_ctl00_bran100 .fr h1
{
background-position: -671px -824px;
}

#ctl00_ctl00_ctl00_bran100 h2
{
background-position: 0 -770px;
height: 24px;
}

#ctl00_ctl00_ctl00_bran100 .fr h2
{
background-position: -450px -770px;
}

#ctl00_ctl00_ctl00_bran100 #overview h3
{
display: none;
}

#ctl00_ctl00_ctl00_bran100 #varietyContent
{
background: url(../img/bran100_bkgd.jpg) no-repeat;
}

#ctl00_ctl00_ctl00_bran100 #otherVarietiesContainer li a
{
background: url(../img/cereal_boxes_other_tn_en.jpg) no-repeat;
}

#ctl00_ctl00_ctl00_bran100 #otherProductsContainer
{
display: none;
}

#ctl00_ctl00_ctl00_bran100 #siteLinkContainer
{
display: none;
}

#ctl00_ctl00_ctl00_bran100 .fr #featuredRecipiesContainer .recipe1 img
{
margin-bottom: 50px;
}

    /**********************
    ALPHA-BITS
    **********************/
#ctl00_ctl00_ctl00_ab #Main
{
background: url(../img/cereal_boxes_other_lg_en.jpg) -310px -10px no-repeat;
}

#ctl00_ctl00_ctl00_ab .fr #Main
{
background: url(../img/cereal_boxes_other_lg_fr.jpg) -310px -10px no-repeat;
}

#ctl00_ctl00_ctl00_ab h1
{
background-position: 0 -892px;
}

#ctl00_ctl00_ctl00_ab .fr h1
{
background-position: -671px -892px;
}

#ctl00_ctl00_ctl00_ab h2
{
/*background-position: 0 -820px;
color: #0072BB;*/
display: none;
}

#ctl00_ctl00_ctl00_ab .fr h2
{
/*background-position: -450px -820px;*/
}

#ctl00_ctl00_ctl00_ab #overview h3
{
display: none;
}

#ctl00_ctl00_ctl00_ab #varietyContent
{
background: url(../img/ab_bkgd.jpg) no-repeat;
}

#ctl00_ctl00_ctl00_ab .fr #varietyContent
{
background: url(../img/ab_bkgd_fr.jpg) no-repeat;
}

#ctl00_ctl00_ctl00_ab #otherVarietiesContainer li a
{
background: url(../img/cereal_boxes_other_tn_en.jpg) no-repeat;
}
#ctl00_ctl00_ctl00_ab .micrositeText
{
background-position: 0 -293px;
}
#ctl00_ctl00_ctl00_ab #otherProductsContainer
{
display: none;
}

#ctl00_ctl00_ctl00_ab #siteLinkContainer
{
display: none;
}

#ctl00_ctl00_ctl00_ab .fr #featuredRecipiesContainer img
{
margin-bottom: 50px;
}

    /**********************
    SUGAR CRISP
    **********************/
#ctl00_ctl00_ctl00_sc #Main
{
background: url(../img/cereal_boxes_other_lg_en.jpg) -870px -15px no-repeat;
}

#ctl00_ctl00_ctl00_sc .fr #Main
{
background: url(../img/cereal_boxes_other_lg_fr.jpg) -870px -15px no-repeat;
}

#ctl00_ctl00_ctl00_sc h1
{
background-position: 0 -1034px;
}

#ctl00_ctl00_ctl00_sc .fr h1
{
background-position: -671px -1034px;
}

#ctl00_ctl00_ctl00_sc h2
{
/*background-position: 0 -920px;
color: #00BDF1;*/
display: none;
}

#ctl00_ctl00_ctl00_sc .fr h2
{
/*background-position: -450px -920px;*/
}

#ctl00_ctl00_ctl00_sc #overview h3
{
display: none;
}

#ctl00_ctl00_ctl00_sc #varietyContent
{
background: url(../img/sc_bkgd.jpg) no-repeat;
}

#ctl00_ctl00_ctl00_sc #otherVarietiesContainer li a
{
background: url(../img/cereal_boxes_other_tn_en.jpg) no-repeat;
}
#ctl00_ctl00_ctl00_sc .micrositeText
{
background-position: 0 -293px;
}
#ctl00_ctl00_ctl00_sc #otherProductsContainer,
#ctl00_ctl00_ctl00_sc #siteLinkContainer
{
display: none;
}

#ctl00_ctl00_ctl00_sc .fr #featuredRecipiesContainer img
{
margin-bottom: 50px;
}

    /**********************
    HONEYCOMB
    **********************/
#ctl00_ctl00_ctl00_hc #Main
{
background: url(../img/cereal_boxes_other_lg_en.jpg) -592px -15px no-repeat;
}

#ctl00_ctl00_ctl00_hc .fr #Main
{
background: url(../img/cereal_boxes_other_lg_fr.jpg) -592px -15px no-repeat;
}

#ctl00_ctl00_ctl00_hc #flashContainer
{
margin-bottom: 100px; /* keep other variety section in middle when middle content is longer than flash container */
}

#ctl00_ctl00_ctl00_hc h1
{
background-position: 0 -1107px;
}

#ctl00_ctl00_ctl00_hc .fr h1
{
background-position: -671px -1107px;
}

#ctl00_ctl00_ctl00_hc .original h2
{
/*background-position: 0 -974px;
color: #0C7ABA;*/
display: none;
}

#ctl00_ctl00_ctl00_hc .fr .original h2
{
/*background-position: -450px -974px;*/
}

#ctl00_ctl00_ctl00_hc #overview h3
{
display: none;
}

#ctl00_ctl00_ctl00_hc .original #varietyContent
{
background: url(../img/hc_bkgd.jpg) no-repeat;
}

#ctl00_ctl00_ctl00_hc #otherVarietiesContainer
{
display: none;
}

#ctl00_ctl00_ctl00_hc #otherVarietiesContainer a
{
background: url(../img/cereal_boxes_other_tn_en.jpg) no-repeat;
}

#ctl00_ctl00_ctl00_hc #ctl00_ctl00_ctl00_pageContent_cph_MainColumn_otherVarieties_variety1 a
{
background-position: -550px 0;
}

#ctl00_ctl00_ctl00_hc .micrositeText
{
background-position: 0 -293px;
}

#ctl00_ctl00_ctl00_hc #otherProductsContainer,
#ctl00_ctl00_ctl00_hc #siteLinkContainer
{
display: none;
}

#ctl00_ctl00_ctl00_hc .fr #featuredRecipiesContainer img
{
margin-bottom: 50px;
}

    /**********************
    POST SELECTS
    **********************/
#ctl00_ctl00_ctl00_s #Main
{
background: url(../img/cereal_boxes_selects_lg_en.jpg) 0 0 no-repeat;
}

#ctl00_ctl00_ctl00_s .fr #Main
{
background: url(../img/cereal_boxes_selects_lg_fr.jpg) 0 0 no-repeat;
}

#ctl00_ctl00_ctl00_s #flashContainer
{
margin-bottom: 100px; /* keep other variety section in middle when middle content is longer than flash container */
}

#ctl00_ctl00_ctl00_s .raisin #Main
{
background-position: -566px 0;
}

#ctl00_ctl00_ctl00_s .banana #Main
{
background-position: 0 0;
}

#ctl00_ctl00_ctl00_s .blueberry #Main
{
background-position: -283px 0;
}

#ctl00_ctl00_ctl00_s .cranberry #Main
{
background-position: -849px 0;

}

#ctl00_ctl00_ctl00_s h1
{
background-position: 0 -1257px;
}

#ctl00_ctl00_ctl00_s .fr h1
{
background-position: -671px -1257px;
}

#ctl00_ctl00_ctl00_s .banana h2
{
background-position: 0 -1124px;
color: #f4a032;
}

#ctl00_ctl00_ctl00_s .fr .banana h2
{
background-position: -450px -1124px;
}

#ctl00_ctl00_ctl00_s .blueberry h2
{
background-position: 0 -1174px;
color: #0067ad;
}

#ctl00_ctl00_ctl00_s .fr .blueberry h2
{
background-position: -450px -1174px;
height: 44px;
}

#ctl00_ctl00_ctl00_s .cranberry h2
{
background-position: 0 -1264px;
color: #841228;
}

#ctl00_ctl00_ctl00_s .fr .cranberry h2
{
background-position: -450px -1264px;
height: 44px;
}

#ctl00_ctl00_ctl00_s .raisin h2
{
background-position: 0 -1364px;
color: #7b3b8c;
}

#ctl00_ctl00_ctl00_s .fr .raisin h2
{
background-position: -450px -1364px;
height: 44px;
}

#ctl00_ctl00_ctl00_s #overview h3
{
background-position: 0 -95px;
}

#ctl00_ctl00_ctl00_s .banana #varietyContent
{
background: url(../img/s_banana_bkgd.jpg) no-repeat;
}

#ctl00_ctl00_ctl00_s .blueberry #varietyContent
{
background: url(../img/s_blueberry_bkgd.jpg) no-repeat;
}

#ctl00_ctl00_ctl00_s .cranberry #varietyContent
{
background: url(../img/s_cranberry_bkgd.jpg) no-repeat;
}

#ctl00_ctl00_ctl00_s .raisin #varietyContent
{
background: url(../img/s_raisin_bkgd.jpg) no-repeat;
}

#ctl00_ctl00_ctl00_s #otherVarietiesContainer a
{
background: url(../img/cereal_boxes_selects_tn_en.jpg) no-repeat;
}

#ctl00_ctl00_ctl00_s .fr #otherVarietiesContainer a
{
background: url(../img/cereal_boxes_selects_tn_fr.jpg) no-repeat;
}

#ctl00_ctl00_ctl00_s #ctl00_ctl00_ctl00_pageContent_cph_MainColumn_otherVarieties_variety1 a,
#ctl00_ctl00_ctl00_s .fr #ctl00_ctl00_ctl00_pageContent_cph_MainColumn_otherVarieties_variety1 a
{
background-position: -275px 0;
}
#ctl00_ctl00_ctl00_s #ctl00_ctl00_ctl00_pageContent_cph_MainColumn_otherVarieties_variety2 a,
#ctl00_ctl00_ctl00_s .fr #ctl00_ctl00_ctl00_pageContent_cph_MainColumn_otherVarieties_variety2 a
{
background-position: 0 0;
}
#ctl00_ctl00_ctl00_s #ctl00_ctl00_ctl00_pageContent_cph_MainColumn_otherVarieties_variety3 a,
#ctl00_ctl00_ctl00_s .fr #ctl00_ctl00_ctl00_pageContent_cph_MainColumn_otherVarieties_variety3 a
{
background-position: -92px 0;
}
#ctl00_ctl00_ctl00_s #ctl00_ctl00_ctl00_pageContent_cph_MainColumn_otherVarieties_variety4 a,
#ctl00_ctl00_ctl00_s .fr #ctl00_ctl00_ctl00_pageContent_cph_MainColumn_otherVarieties_variety4 a
{
background-position: -183px 0;
}

#ctl00_ctl00_ctl00_s #otherProductsContainer,
#ctl00_ctl00_ctl00_s #siteLinkContainer
{
display: none;
}

#ctl00_ctl00_ctl00_s .fr .banana #featuredRecipiesContainer .recipe1 img,
#ctl00_ctl00_ctl00_s .fr .blueberry #featuredRecipiesContainer .recipe1 img
{
margin-bottom: 50px;
}

#ctl00_ctl00_ctl00_s .fr .raisin #featuredRecipiesContainer .recipe1 img
{
margin-bottom: 60px;
}

    /**********************
    SHREDDED WHEAT
    **********************/
#ctl00_ctl00_ctl00_sw #flashContainer
{
margin-bottom: 100px;
}

#ctl00_ctl00_ctl00_sw .fr #flashContainer
{
height: 412px;
}

#ctl00_ctl00_ctl00_sw #Main
{
background: url(../img/cereal_boxes_sw_lg_en.jpg) 0 0 no-repeat;
}

#ctl00_ctl00_ctl00_sw .fr #Main
{
background: url(../img/cereal_boxes_sw_lg_fr.jpg) 0 0 no-repeat;
}

#ctl00_ctl00_ctl00_sw .original #Main
{
background-position: 0 0;
}

#ctl00_ctl00_ctl00_sw .spoon #Main
{
background-position: -283px 0;
}

#ctl00_ctl00_ctl00_sw .honey #Main
{
background-position: -566px 0;
}

#ctl00_ctl00_ctl00_sw .bran #Main
{
background-position: -849px 0;
}

#ctl00_ctl00_ctl00_sw h1
{
background-position: 0 -1403px;
}

#ctl00_ctl00_ctl00_sw h2
{
height: 20px;
}

#ctl00_ctl00_ctl00_sw .original h2
{
background-position: 0 -1474px;
}

#ctl00_ctl00_ctl00_sw .fr .original h2
{
background-position: -450px -1474px;
}

#ctl00_ctl00_ctl00_sw .honey h2
{
background-position: 0 -1564px;
color: #E98A1B;
}

#ctl00_ctl00_ctl00_sw .fr .honey h2
{
background-position: -450px -1564px;
}

#ctl00_ctl00_ctl00_sw .spoon h2
{
background-position: 0 -1614px;
color: #E43126;
}

#ctl00_ctl00_ctl00_sw .fr .spoon h2
{
background-position: -450px -1614px;
}

#ctl00_ctl00_ctl00_sw .bran h2
{
background-position: 0 -1666px;
color: #B36426;
}

#ctl00_ctl00_ctl00_sw .fr .bran h2
{
background-position: -450px -1666px;
}

#ctl00_ctl00_ctl00_sw .original #varietyContent
{
background: url(../img/sw_original_bkgd.jpg) no-repeat;
}

#ctl00_ctl00_ctl00_sw .honey #varietyContent
{
background: url(../img/sw_honey_bkgd.jpg) no-repeat;
}

#ctl00_ctl00_ctl00_sw .spoon #varietyContent
{
background: url(../img/sw_spoon_bkgd.jpg) no-repeat;
}

#ctl00_ctl00_ctl00_sw .bran #varietyContent
{
background: url(../img/sw_bran_bkgd.jpg) no-repeat;
}

#ctl00_ctl00_ctl00_sw #overview h3
{
background-position: 0 -95px;
}

#ctl00_ctl00_ctl00_sw #varietyContent #overview p,
#ctl00_ctl00_ctl00_sw #varietyContent #promotion p
{
width: 260px;
}

#ctl00_ctl00_ctl00_sw #otherVarietiesContainer h3
{
background-position: 0 -305px;
width: 240px;
}

#ctl00_ctl00_ctl00_sw .fr #otherVarietiesContainer h3
{
background-position: -440px -305px;
width: 300px;
}

#ctl00_ctl00_ctl00_sw #otherVarietiesContainer a
{
background: url(../img/cereal_boxes_sw_tn_en.jpg) no-repeat;
}

#ctl00_ctl00_ctl00_sw .fr #otherVarietiesContainer a
{
background: url(../img/cereal_boxes_sw_tn_fr.jpg) no-repeat;
}

#ctl00_ctl00_ctl00_sw #ctl00_ctl00_ctl00_pageContent_cph_MainColumn_otherVarieties_variety1 a,
#ctl00_ctl00_ctl00_sw .fr #ctl00_ctl00_ctl00_pageContent_cph_MainColumn_otherVarieties_variety1 a
{
background-position: 0 0;
}
#ctl00_ctl00_ctl00_sw #ctl00_ctl00_ctl00_pageContent_cph_MainColumn_otherVarieties_variety2 a,
#ctl00_ctl00_ctl00_sw .fr #ctl00_ctl00_ctl00_pageContent_cph_MainColumn_otherVarieties_variety2 a
{
background-position: -92px 0;
}
#ctl00_ctl00_ctl00_sw #ctl00_ctl00_ctl00_pageContent_cph_MainColumn_otherVarieties_variety3 a,
#ctl00_ctl00_ctl00_sw .fr #ctl00_ctl00_ctl00_pageContent_cph_MainColumn_otherVarieties_variety3 a
{
background-position: -184px 0;
}
#ctl00_ctl00_ctl00_sw #ctl00_ctl00_ctl00_pageContent_cph_MainColumn_otherVarieties_variety4 a,
#ctl00_ctl00_ctl00_sw .fr #ctl00_ctl00_ctl00_pageContent_cph_MainColumn_otherVarieties_variety4 a
{
background-position: -277px 0;
}
#ctl00_ctl00_ctl00_sw #ctl00_ctl00_ctl00_pageContent_cph_MainColumn_otherVarieties_variety5 a,
#ctl00_ctl00_ctl00_sw .fr #ctl00_ctl00_ctl00_pageContent_cph_MainColumn_otherVarieties_variety5 a
{
background-position: -367px 0;
}
#ctl00_ctl00_ctl00_sw #ctl00_ctl00_ctl00_pageContent_cph_MainColumn_otherVarieties_variety6 a,
#ctl00_ctl00_ctl00_sw .fr #ctl00_ctl00_ctl00_pageContent_cph_MainColumn_otherVarieties_variety6 a
{
background-position: -460px 0;
}

#ctl00_ctl00_ctl00_sw .micrositeText
{
background-position: 0 -233px;
}
#ctl00_ctl00_ctl00_sw #otherProductsContainer,
#ctl00_ctl00_ctl00_sw #siteLinkContainer
{
display: none;
}

#ctl00_ctl00_ctl00_sw .fr .original #featuredRecipiesContainer .recipe1 img
{
margin-bottom: 60px;
}

#ctl00_ctl00_ctl00_sw .fr .original #featuredRecipiesContainer .recipe2 img,
#ctl00_ctl00_ctl00_sw .fr .bran #featuredRecipiesContainer .recipe1 img
{
margin-bottom: 50px;
}

#ctl00_ctl00_ctl00_sw .fr .spoon #featuredRecipiesContainer .recipe2 img,
#ctl00_ctl00_ctl00_sw .fr .bran #featuredRecipiesContainer .recipe2 img
{
margin-bottom: 80px;
}

    /**********************
    SHREDDIES
    **********************/
#ctl00_ctl00_ctl00_shred #Main
{
background: url(../img/cereal_boxes_shreddies_lg_en.jpg) -1981px 0 no-repeat;
}

#ctl00_ctl00_ctl00_shred .fr #Main
{
background: url(../img/cereal_boxes_shreddies_lg_fr.jpg) -1981px 0 no-repeat;
}

#ctl00_ctl00_ctl00_shred .original #Main
{
background-position: -283px 0;
}

#ctl00_ctl00_ctl00_shred .honey #Main
{
background-position: -566px 0;
}

#ctl00_ctl00_ctl00_shred .vanilla #Main
{
background-position: -849px 0;
}


#ctl00_ctl00_ctl00_shred h1
{
background-position: 0 -1326px;
}

#ctl00_ctl00_ctl00_shred .fr h1
{
background-position: -671px -1326px;
}

#ctl00_ctl00_ctl00_shred .shred_orig h2
{
background-position: 0 -1914px;
color: #fec72e;
}

#ctl00_ctl00_ctl00_shred .fr .shred_orig h2
{
background-position: -450px -1914px;
}

#ctl00_ctl00_ctl00_shred .shred_van h2
{
background-position: 0 -1813px;
color: #0096d4;
}

#ctl00_ctl00_ctl00_shred .fr .shred_van h2
{
background-position: -450px -1813px;
}

#ctl00_ctl00_ctl00_shred .shred_honey h2
{
background-position: 0 -1864px;
color: #f83731;
}

#ctl00_ctl00_ctl00_shred .fr .shred_honey h2
{
background-position: -450px -1864px;
}

#ctl00_ctl00_ctl00_shred #overview h3
{
display: none;
}

#ctl00_ctl00_ctl00_shred .shred_orig #varietyContent
{
background: url(../img/shreddies_bkgd.jpg) no-repeat;
}

#ctl00_ctl00_ctl00_shred .shred_van #varietyContent
{
background: url(../img/vanilla_shreddies_bkgd.jpg) no-repeat;
}

#ctl00_ctl00_ctl00_shred .shred_honey #varietyContent
{
background: url(../img/honey_shreddies_bkgd.jpg) no-repeat;
}

#ctl00_ctl00_ctl00_shred #otherVarietiesContainer a
{
background: url(../img/cereal_boxes_shreddies_tn_en.jpg) no-repeat;
}
#ctl00_ctl00_ctl00_shred #ctl00_ctl00_ctl00_pageContent_cph_MainColumn_otherVarieties_variety1 a
{
background-position: -92px 0;
}
#ctl00_ctl00_ctl00_shred #ctl00_ctl00_ctl00_pageContent_cph_MainColumn_otherVarieties_variety2 a
{
background-position: -183px 0;
}
#ctl00_ctl00_ctl00_shred #ctl00_ctl00_ctl00_pageContent_cph_MainColumn_otherVarieties_variety3 a
{
background-position: -274px 0;
}

#ctl00_ctl00_ctl00_shred .micrositeText
{
background-position: 0 -293px;
}

#ctl00_ctl00_ctl00_shred #otherProductsContainer,
#ctl00_ctl00_ctl00_shred #siteLinkContainer
{
display: none;
}

/**********************
POST HERITAGE
**********************/
#ctl00_heritage #content
{
padding-right: 9px;
color: #666;
}

#ctl00_heritage object#timeline
{
margin-top: -20px;
}

#ctl00_heritage #mainCol
{
width: 690px;
}

#ctl00_heritage h1
{
background-position: 0 -2066px;
margin: 40px 0 .5em 15px;
height: 97px;
}

#ctl00_heritage .fr h1
{
background-position: -671px -2066px;
}

#ctl00_heritage #mainCol h2
{
background: none;
margin: 20px 0;
clear: both;
text-indent: 0;
color: #000;
font-size: 1.9em;
}

#ctl00_heritage h4
{
margin: 20px 0 5px 0;
color: #000;
text-transform: none;
font-weight: bold;
font-size: 1.3em;
}

#ctl00_heritage #mainCol h2,
#ctl00_heritage dl,
#ctl00_heritage p
{
padding: 0 0 0 15px;
}

#ctl00_heritage #subCol h3
{
padding: 0;
background-position: 0 -218px;
}

#ctl00_heritage .fr #subCol h3
{
background-position: -440px -218px;
height: 21px;
}

#ctl00_heritage #subCol li
{
margin: 0 0 0 1.4em;
list-style-type: square;
}

#ctl00_heritage dl
{
margin-left: 20px;
}

#ctl00_heritage dt
{
float: left;
clear: left;
font-weight: bold;
color: navy;
font-size: 1.4em;
width: 10%;
}

#ctl00_heritage dd
{
float: left;
width: 85%;
margin-bottom: 20px;
}

/**********************
FAQS
**********************/
#ctl00_ctl00_faqs h1
{
background-position: 0 -1750px;
height: 33px;
}

#ctl00_ctl00_faqs .fr h1
{
background-position: -671px -1750px;
height: 40px;
}

#ctl00_ctl00_faqs .toggleNav li#togPromo
{
display: block;
}

#ctl00_ctl00_faqs h2
{
clear: both;
background: none;
padding: 20px 0 0 0;
}

#ctl00_ctl00_faqs #ie6 h2
{
padding: 0;
}

#ctl00_ctl00_faqs .q
{
font-weight: bold;
margin: 2em 0 .25em 0;
}

/**********************
LEGAL PAGES
**********************/
/* #ctl00_ctl00_legal h1,*/
#ctl00_ctl00_legal h2,
#ctl00_ctl00_legal h3
{
text-indent: 0;
background: none;
text-transform: none;
color: #000;
height: auto;
}

#ctl00_ctl00_legal h1
{
margin-bottom: .5em;
}

.privacy h1
{
background-position: 0 -1962px;
height: 33px;
}

.privacy .fr h1
{
background-position: -671px -1962px;
height: 40px;
}

.terms h1
{
background-position: 0 -1896px;
height: 33px;
}

.terms .fr h1
{
background-position: -671px -1896px;
}

#ctl00_ctl00_legal h2,
#ctl00_ctl00_legal h3
{
margin: 1.5em 0 .5em 0;
}

#ctl00_ctl00_legal #ie6 h2,
#ctl00_ctl00_legal #ie6 h3
{
font-family: Verdana,arial,sans-serif;
font-size: 1.3em;
}

#ctl00_ctl00_legal #content ul,
#ctl00_ctl00_legal #content ol
{
margin: 10px 0;
}

#ctl00_ctl00_legal #content ul li
{
margin: 0 0 0 2em;
list-style-type: disc;
}

#ctl00_ctl00_legal #content ol li
{
margin: 0 0 0 3em;
list-style-type: lower-alpha;
}

.legalEmphasis { text-decoration: underline; }

.vcard a.fn
{
width: 150px;
display: block;
color: #666;
cursor: text;
}

address
{
font-style:normal;
display: block;
margin-bottom: 10px;
overflow: auto;
}

.post-office
{
float: left;
}

.locality
{
display: block;
float: left;
margin-right: .5em;
}

.line2
{
display: block;
clear: left;
}

.region
{
float: left;
display: block;
/*clear: left;*/
}

.postal-code
{
margin-left: .5em;
float: left;
}

.country-name
{
display: none;
/*display: block;
clear: left;*/
}

.attn
{
margin-bottom: 0;
}

.tel
{
clear: left;
}

/**********************
CONTACT
**********************/
#ctl00_ctl00_contact h1
{
background-position: 0 -1618px;
}

#ctl00_ctl00_contact .fr h1
{
background-position: -671px -1618px;
}

/**********************
FEEDBACK
**********************/
#ctl00_ctl00_feedback h1
{
background-position: 0 -1618px;
}

#ctl00_ctl00_feedback .vcard
{
margin-bottom: 50px;
}

#ctl00_ctl00_feedback dl
{
text-align: right;
}

#ctl00_ctl00_feedback dt,
#ctl00_ctl00_feedback dd
{
display: inline;
}

#ctl00_ctl00_feedback dt
{
color: #c00;
}

#ctl00_ctl00_feedback label
{
float: left;
clear: left;
width: 15.75em;
margin-right: 1em;
text-align: right;
}

#ctl00_ctl00_feedback #ie6 label
{

}

#ctl00_ctl00_feedback select,
#ctl00_ctl00_feedback input,
#ctl00_ctl00_feedback textarea
{
float: left;
width: 45.75em;
max-width: 510px;
margin-bottom: 1.8em;
}

#ctl00_ctl00_feedback #ie6 select,
#ctl00_ctl00_feedback #ie6 input,
#ctl00_ctl00_feedback #ie6 textarea
{
width: 46em;
}

#ctl00_ctl00_feedback select
{
width: 15em;
height: auto;
margin-right: 339px;
}

#ctl00_ctl00_feedback #ie6 select
{
width: 17em;
margin-right: 200px;
}

#ctl00_ctl00_feedback select.errSelect,
#ctl00_ctl00_feedback #ie6 select.errSelect
{
margin-right: 0;
}

#ctl00_ctl00_feedback textarea
{
width: 56.1em;
max-width: 510px;
margin-bottom: 2.4em;
}

#ctl00_ctl00_feedback #ie textarea
{
width: 45.5em;
max-width: 510px;
margin-bottom: 1.8em;
}

#ctl00_ctl00_feedback #ie6 textarea
{
width: 46em;
}

.reqIco
{
color: #c00;
}

.req_error
{
display: block;
float: left;
margin: .3em 0 0 1em;
width: 502px;
}

#ie6 .req_error
{
width: 350px;
margin-left: 0;
}

#ctl00_ctl00_feedback span.errSelect
{
width: 300px;
margin: 0 0 0 1em;
height: 3.2em;
padding-top: .3em;
}

#ctl00_ctl00_feedback #ie span.errSelect
{
height: 3.6em;
}

#ctl00_ctl00_feedback #ie6 span.errSelect
{
width: 300px;
}

#ctl00_ctl00_pageContent_cph_MainColumn_RequiredFieldValidatorEmail,
#ctl00_ctl00_pageContent_cph_MainColumn_RequiredFieldValidatorEmailInvalid,
#ctl00_ctl00_pageContent_cph_MainColumn_RequiredFieldValidator3,
#ctl00_ctl00_pageContent_cph_MainColumn_RequiredFieldValidator4,
#ctl00_ctl00_pageContent_cph_MainColumn_RequiredFieldValidator5,
#ctl00_ctl00_pageContent_cph_MainColumn_RequiredFieldValidator6,
#ctl00_ctl00_pageContent_cph_MainColumn_RequiredFieldValidator7,
#ctl00_ctl00_pageContent_cph_MainColumn_RequiredFieldValidator10,
#ctl00_ctl00_pageContent_cph_MainColumn_RequiredFieldValidator11
{
margin-left: 16em;
margin-top: -1.8em;
height: auto;
}

#ie6 #ctl00_ctl00_pageContent_cph_MainColumn_RequiredFieldValidatorEmail,
#ie6 #ctl00_ctl00_pageContent_cph_MainColumn_RequiredFieldValidatorEmailInvalid,
#ie6 #ctl00_ctl00_pageContent_cph_MainColumn_RequiredFieldValidator3,
#ie6 #ctl00_ctl00_pageContent_cph_MainColumn_RequiredFieldValidator4,
#ie6 #ctl00_ctl00_pageContent_cph_MainColumn_RequiredFieldValidator5,
#ie6 #ctl00_ctl00_pageContent_cph_MainColumn_RequiredFieldValidator6,
#ie6 #ctl00_ctl00_pageContent_cph_MainColumn_RequiredFieldValidator7,
#ie6 #ctl00_ctl00_pageContent_cph_MainColumn_RequiredFieldValidator10,
#ie6 #ctl00_ctl00_pageContent_cph_MainColumn_RequiredFieldValidator11
{
margin-left: 8em;
}

#ctl00_ctl00_pageContent_cph_MainColumn_RequiredFieldValidator3
{
margin-bottom:0;
}

#ctl00_ctl00_pageContent_cph_MainColumn_pnlPersonalInfo
{
clear: both;
}

#ctl00_ctl00_pageContent_cph_MainColumn_pnlPrimaryInfo legend,
#ctl00_ctl00_pageContent_cph_MainColumn_pnlPersonalInfo legend
{
display: none;
}

#ctl00_ctl00_feedback fieldset
{
clear: both;
}

#ctl00_ctl00_feedback fieldset fieldset legend
{
padding-top: 1em;
}

#ctl00_ctl00_pageContent_cph_MainColumn_pnlPrimaryInfo fieldset
{
margin-top: 0;
}

#ctl00_ctl00_feedback #ie6 #ctl00_ctl00_pageContent_cph_MainColumn_lstStoreState
{
margin-right: 0;
}

#ctl00_ctl00_feedback #ctl00_ctl00_pageContent_cph_MainColumn_Submit
{
float: right;
background: url(../img/btn_submit.png) no-repeat;
width: 138px;
height: 29px;
border: 0;
text-indent: -9999em;
cursor: pointer;
}

#ctl00_ctl00_feedback .fr #ctl00_ctl00_pageContent_cph_MainColumn_Submit
{
background: url(../img/btn_envoyer.png) no-repeat;
}

#ctl00_ctl00_feedback #ie #ctl00_ctl00_pageContent_cph_MainColumn_Submit
{
position: relative; /* Need this for IE6 & IE7 to hide the submit text as input type=submit with position static 

will not apply the text-indent */
line-height: 0; /* Need this for IE6 */
right: -10px;
}

#ctl00_ctl00_feedback #ie6 #ctl00_ctl00_pageContent_cph_MainColumn_Submit
{
width: 13em;
margin-top: 2em;
}

/**********************
ERROR
*********************/
#ctl00_error #content
{
margin: 38px;
font-size: 2em;
line-height: normal;
}

#ctl00_error h1
{
background-position: 0 -1824px;
height: 33px;
margin-left: 0;
}

/**********************
ERROR
*********************/
#ctl00_error #content
{
margin: 38px;
font-size: 2em;
line-height: normal;
}

#ctl00_error h1
{
background-position: 0 -1824px;
height: 33px;
margin-left: 0;
}

#ctl00_error .fr h1
{
background-position: -671px -1824px;
height: 45px;
}