/* Global and Page Layout */
body 
{
	 background: #CF3094 url(../images/bg/background.jpg) repeat-x fixed top left;
	 font-family: arial, sans-serif;
	 font-size:10pt;
	 color:#0044AB;
}
img { border:0; }
h1 { font-size:14pt; }
h2 { font-size:12pt; color:#CF3094; }
h3 { font-size:11pt; }
#container
{
    position:relative;
    width:1024px;
    margin:0 auto;
}
#center { left:100px; }
#main { position:relative; width:845px; }
.home #main { height:450px; }
.inner #main { height:565px; }
#footer { position:relative; bottom:5px; left:11px; }
#footer, #footer a { color:#FFF; font-size:9pt; }
#center, #main img, #main p, #main div, #mainBG { position:absolute; }
/*.headerLogo img { width:261px;height:65px; }*/
.button { cursor:pointer !important; cursor:hand; }

/* Background */
#bg { z-index:3; }
.home #mainBG, .inner #mainBG { top:25px; z-index:1; background-color:#FFF; }
.home #mainBG { left:275px; width:555px; height:300px; }
#topLeftBG { top:0; left:0; width:302px; height:95px; z-index:98; }
#midLeftBG { top:95px; left:0; width:302px; height:341px; }
#topRightBG { top:0; left:302px; width:547px; height:96px; }
#midRightBG { top:96px; left:823px; width:26px; height:183px; }
#box1BG { top:255px; left:302px; width:175px; height:191px; }
#box2BG { top:288px; left:477px; width:178px; height:165px; }
#box3BG { top:279px; left:655px; width:194px; height:174px; }

.inner #mainBG { left:11px; width:820px; height:450px; }
/*.inner #mainBG{ left:240px; width:590px; height:370px; }*/
#upperLeftBG { top:0; left:-5px; width:249px; height:92px;}
#upperRightBG { top:1px; left:244px; width:603px; height:91px; }
#rightEdgeBG { top:92px; left:824px; width:23px; height:295px; }
#kidBG { top:92px; left:-5px; width:249px; height:281px; }
#lowerLeftBG { top:456px; left:0; width:244px; height:80px; }
#leftBoxBG { top:343px; left:244px; width:193px; height:200px; }
#midBoxBG { top:375px; left:437px; width:201px; height:197px; }
#rightBoxBG { top:387px; left:638px; width:209px; height:185px; }
#leftEdgeBG { top:426px; left:-5px; width:64px; height:30px; }

/* Foreground */
#fg { z-index:4; }
#headline { top:60px; left:55px; z-index:99;}
.home .getMoreInfo { top:217px; left:65px; }
#bottomLeftText { top:235px; left:60px; }
#bottomLeftText2 { top:325px; left:90px; }
.tellUs img { top:371px; left:65px; width:140px; height:29px; }
.home .breakfastBox img { top:270px; left:315px; width:154px; height:110px; }
.home .recBox img { top:320px; left:485px; width:162px; height:86px; }
.home .topsBox img { top:308px; left:665px; width:152px; height:100px; }
.WatchSingALong { top:308px; left:665px; width:160px; height:100px; }
.home .tellUs img { top:371px; }

#featuredCereals { width:510px; height:255px; top:45px; left:302px; }
#letterFromMills { top:210px; left:290px; }
#onFacebook { top:202px; left:435px; }
#homepageContent {top:45px; left:315px; width:180px; height:220px;}
#allCereals { width:500px; height:250px; top:50px; left:315px; }
.featuredBox { width:137px; height:181px; }
#trixBox { top:15px; left:0px; }
#ctcBox { top:55px; left:120px; }
#cpBox { top:45px; left:246px; }
#lcBox { top:40px; left:375px; }

#allCerealTitle { top:39px; left:70px; }
#allCerealText { top:45px; !top:57px; left:10px; width:475px; color:#004E97; text-align:center; line-height:13px; font-size:9pt; }
#allCerealText a { color:#CF3094; }
.allCerealBox { top:100px; }
#allCereal1 { left:5px; width:81px; }
#allCereal2 { z-index:420; left:40px;}
#allCereal3 { z-index:421; left:135px; top:110px;}
#allCereal4 { z-index:421; left:235px; top:110px;}
#allCereal5 { z-index:420; left:330px;}
#allCereal6 { left:408px; width:72px; }
#allCerealBack { top:220px; left:437px; }
.leftText { top:95px; left:50px; width:240px; margin:0; font-size:8pt; }

#innerLeftText { top:373px; left:-1px; width:245px; height:53px; }
.inner #getMoreInfo { top:405px; left:40px; }
.inner .breakfastBox img { top:380px; left:266px; width:154px; height:110px; }
.inner .recBox img { top:435px; left:458px; width:162px; height:76px; }
.inner .topsBox img { top:415px; left:655px; width:152px; height:100px; }
.inner .tellUs img { top:475px; }

/*Content*/
#hbContent p, #hbContent img, #niContent p, #niContent img, #recContent p, #recContent table { position:static; }
#hbContent, #niContent, #recContent { top:80px; left:260px; width:547px; height:265px; }
#hbContent, #niContent { overflow:auto; padding-right:10px;}
#hbContent a, #niContent a, #recContent a, .recipe a { color:#CF3094; }
.footNotes { font-size:7pt; }
.contentHeader { position:static; margin:11px 0 0 -5px; }
.recImg, .recText { vertical-align:top; }
.recImg { width:80px; height:80px; }
.recImg img { width:65px; height:65px; }
.recText { width:190px; }
.graph { position:static; text-align:center; }
#wgfootnote {position:absolute; top:520px; left:600px; color:#FFFFFF;}

/*Coupons*/
#coupons { top:-50px; left:577px; width:208px; height:127px; z-index:6; }
.coupon1 img { width:208px; height:71px; }
.coupon2 img { top:71px; width:208px; height:56px; }

/* Popups */
.popup { position:absolute; z-index:5; }
#commercial { width:350px; height:320px; top:118px; left:450px; z-index:50;}
#SingALong { width:350px; height:320px; top:118px; left:450px; z-index:50;}
.flag
{
    width:406px; height:228px;
    background:transparent url(../images/bg/flagBG.gif) no-repeat scroll left top;
}
.flag p { margin:8px 0; }
.flag img, .flag a, .flag p { display:block; position:relative;}
.flag .flagNutInfo, .flag .flagText {font-size:8pt; color:#FFF; }
.flag .flagNutInfo { width:120px; }
.flag .flagText { width: 235px; }

#trixFlag { top:149px; left:405px; }
#ctcFlag { top:163px; left:526px; }
#cpFlag { top:137px; left:408px; }
#lcFlag { top:123px; left:546px }

#trixFlag .flagBox, #ctcFlag .flagBox { top:20px; left:25px; }
#trixFlag .flagNutInfo, #ctcFlag .flagNutInfo {  top:20px; left:20px; }

#trixFlag .flagTitle { top:-90px; left:135px; } 
#trixFlag .flagText { top:-95px; left:143px; line-height:9pt; }
#trixFlag .flagBtn { top:-100px; left: 190px; }
#trixFlag .flagClose { top:-135px; left:320px; }
#ctcFlag .flagTitle { top:-95px; left: 135px; }
#ctcFlag .flagText { top:-100px; left:143px; }
#ctcFlag .flagBtn { top:-105px; left: 135px; }
#ctcFlag .flagClose { top:-108px; left:310px; }

#cpFlag .flagBox, #lcFlag .flagBox { top:50px; left:270px; }
#cpFlag .flagNutInfo, #lcFlag .flagNutInfo { top:60px; left:268px; }
#cpFlag .flagBtn, #lcFlag .flagBtn { top:-100px; left: 100px; }
#cpFlag .flagTitle { top:-90px; left:75px; } 
#cpFlag .flagText { line-height:9pt;}
#cpFlag .flagText, #lcFlag .flagText { top:-100px; left:15px; text-align:right;} 
#cpFlag .flagClose, #lcFlag .flagClose { top:-270px; left:10px; }
#lcFlag .flagTitle { top:-90px; left:29px; }

#stf { top:175px; left:450px; width:400px; height:230px; background-color:#CE2F93; }
#stfLabels, #stfFields { position:relative; float:left; height:100%; text-align:right; }
#stfLabels { width:175px; padding-top:25px; }
#stfFields { width:198px; _width:191px; margin-left:10px; }
#stfFields input, #stfFields textarea { display:block; margin-bottom:5px;}
#stfFields input { width:100% }
.stfClose, #stfSubmitImg { margin:5px 0; }
#stfThanks, #stfError { text-align:right; }
#stfThanks .stfClose, #stfError .stfClose { margin-right:5px; }

#cerealDetail { width:250px; height:55px; background-color:#CE2F93; color:#FFF; }
#cerealName { font-size:12pt; margin:5px 0 5px 5px; font-weight:bold; }
#cerealLink { font-size:8pt; color:#FFF; margin-left:5px; }

#allRecipes, .recipe { top:140px; left:400px; width:450px; height:300px; background-color:#CF3094; }
.recipe .recipeText
{
	width:410px; height:225px; !height:205px;
	margin:10px 0 0 10px;
	padding:0px 10px; !padding:10px;
	overflow:auto; background-color:#FFF;
}
.recipe .recipeTitle { margin:5px 0 0 10px; font-size:11pt; color:#FFF; font-weight:bold; }
.recipe .recipeClose { float:right; margin:5px 5px 0 0; width:50px; height:18px;}
.recipeBar { width:430px; margin-left:10px; text-align:right; background:url(../images/bg/print_bar.jpg); }
#allRecipes .recipeText table { margin:10px 0; }
#allRecipes .recipeText table .smallRecImg { width:90px; height:55px; vertical-align:top; text-align:center; }
.bigRecImg { height:100px; float:right; margin-top:15px; }
.recipe .recipeText ol { clear:right; }
.recipe .recipeText .recTextIntro { width:200px; }

#lmpopup, #letterpopup { left:275px; width:500px; padding:15px; border:solid 2px #CE2F93; background-color:#FFF; }
#lmpopup { top:150px; }
#lmpopup h2 { margin-top:0; }
#lmpopup a { color:#CF3094; }

#letterpopup { top:25px; }
#letterpopup a { color:#CF3094; }


/* Flash */
#flash { z-index:3; }
#luckyFlash { left:-73px; }
.home #luckyFlash { top:185px; }
.inner #luckyFlash { top:290px; }
#trixFlash { top:-138px; left:450px; }
#sonnyFlash { top:-90px; left:730px; }