/* Global */
body, p {margin: 0px; padding: 0px;}
img {margin: 0px; padding: 0px; border: 0px;}
a {outline: none; cursor: pointer; text-decoration: none;}
body {background: #F8B61B url(/HoneyBunchesOfOats/images/background.gif) repeat-x; font: normal 12px/16px Arial, Verdana, Helvetica, sans-serif; color: #000;}
#nav {width: 757px; height: 114px; background: #FFFFFF url(/HoneyBunchesOfOats/images/navbg.jpg) no-repeat; text-align: left; padding-left: 3px;}
#nav img {float: left;}
#nav span img {margin-top: 73px;}
#content {width: 754px; background: #FFFFFF url(/HoneyBunchesOfOats/images/mainbg.gif) repeat-y; text-align: left; padding: 0px 3px 0px 3px; margin: 0px;}
#footer {width: 760px; background: url(/HoneyBunchesOfOats/images/footerbg.gif) no-repeat top center; font-size: 9px; color: #000000; padding: 12px 0 30px 0px;}
#footer a {text-decoration: none; color: #000000; padding: 0px 5px 0px 5px;}
#btn {margin-top: 8px;}
.bottom-clear {clear: both; height: 6px; font-size: 1px; overflow: hidden; display: block;} *html .bottom-clear {height: 10px;}
#noflash {width: 273px; height: 100px; padding: 120px 425px 129px 56px; background: #FFEAC0 url(/HoneyBunchesOfOats/images/indexflashbg.jpg) no-repeat 17px center; color: #663300;}
#sub p.subdisc {clear: both; font-size: 9px; text-align: right; padding: 10px 30px 2px 0px; color: #666666;}
.asterisk {font-size: 9px; color: #666666;}

/* Ads */
.ads #hdr {width: 520px; height: 128px; padding: 20px 222px 0 12px; background: url(/HoneyBunchesOfOats/images/adshdrbg.jpg) no-repeat;}
.ads #hdr p {padding: 0 0 0 7px;}
.ads #main {width: 665px; height: 404px; background: #FFEAC0 url(/HoneyBunchesOfOats/images/adsmainbg.jpg) no-repeat; font-size: 13px; line-height: 16px; padding: 41px 46px 32px 43px;}
.ads #main #left {width: 302px; height: 378px; margin-left: 15px; float: left;}
*html .ads #main #left {margin-left: 0px; padding-left: 15px;}
*html .ads #main img {display: inline;}
.ads #main #left #img {width: 302px; height: 265px; background: url(/HoneyBunchesOfOats/images/adsteam-leftbg.gif) no-repeat;}
.ads #main #left #img #imgL {margin-top: 19px; margin-left: 10px; margin-bottom: 15px;}
.ads #main #left #img #prev {margin-right: 12px; float: left;}
.ads #main #right {width: 290px; height: 378px; margin-left: 44px; float: left;}
.ads #main #right #img {width: 304px; height: 265px; background: url(/HoneyBunchesOfOats/images/adsteam-rightbg.gif) no-repeat;}
.ads #main #right #img #imgR {margin-top: 19px; margin-left: 10px; margin-bottom: 15px;}
.ads #sub {background-color: #FFEAC0; font: normal 11px/13px Arial, Verdana, Helvetica, sans-serif; padding-bottom: 10px; padding-top: 9px;}
.ads #sub #mod1 {width: 351px; float: left; padding-left: 27px;}
.ads #sub #mod1 p {width: 218px; float: left;}
.ads #sub #mod2 {width: 340px; background: url(/HoneyBunchesOfOats/images/moddots_beige.gif) no-repeat top left; float: left; padding-left: 36px;}
.ads #sub #mod2 p {width: 212px; float: left;}
.ads #main #action #left {height: 362px; margin-top: 0px;}
.ads #main #action #right {height: 362px; margin-top: 0px;}
#behindscenes {width: 302px; height: 264px;}
#behindscenes img {padding-top: 20px;}
#fleamarket {width: 302px; height: 252px;}
#station {width: 300px; height: 242px;}

/* Fans */
.fans #hdr {width: 520px; height: 128px; padding: 20px 222px 0 12px; background: url(/HoneyBunchesOfOats/images/fanshdrbg.jpg) no-repeat;}
.fans #hdr p {padding: 0 0 0 7px;}
.fans #main {width: 663px; height: 567px; background: #FFEAC0 url(/HoneyBunchesOfOats/images/fansmainbg.jpg) no-repeat; font-size: 13px; line-height: 16px; padding: 44px 44px 44px 46px;}
*html .fans #main {padding-bottom: 5px;}
.fans #main #left {width: 435px; float: left;}
.fans #main #left #flash {width: 390px; height: 300px; margin-left: 34px; margin-bottom: 5px;}
*html .fans #main #left #flash {margin-bottom: 2px;}
.fans #main #right {width: 227px; float: left;}
.fans #main #right a {display: block;}
.fans #sub {background-color: #FFEAC0; font: normal 11px/13px Arial, Verdana, Helvetica, sans-serif; padding-bottom: 10px;}
.fans #sub #mod1 {width: 351px; float: left; padding-left: 27px;}
.fans #sub #mod1 p {width: 218px; float: left;}
.fans #sub #mod2 {width: 340px; background: url(/HoneyBunchesOfOats/images/moddots_beige.gif) no-repeat top left; float: left; padding-left: 36px;}
.fans #sub #mod2 p {width: 212px; float: left;}

/* Feedback */
.feedback #hdr {width: 509px; height: 128px; padding: 20px 233px 0 12px; background: url(/HoneyBunchesOfOats/images/feedbackhdrbg.jpg) no-repeat;}
.feedback #hdr p {padding: 0 0 0 7px;}
.feedback #main {width: auto; background-color: #FFEAC0; font-size: 13px; line-height: 16px; padding: 20px 19px; position: relative;}
.feedback #poll, .feedback #pollR {width: 470px; background-color: #FED99F; padding: 10px;}
.feedback .pollQ {font-size: 14px; font-weight: bold; clear: left; padding-bottom: 10px;}
.feedback .pollH {font-size: 14px; font-weight: bold; padding-bottom: 10px;}
.feedback .pollResults {padding: 4px 12px 2px 12px; background-color: #FFFFFF; width: 102px; float: left; margin-top: 0px; margin-right: 14px;}
.feedback .pollBar {height: 14px; margin-bottom: 8px; background-color: #F9A645;}
.feedback #poll table {margin-top: 0px;}
.feedback #pollR table {margin-top: 20px;}
.feedback table td {vertical-align: middle; padding-right: 10px;}
.feedback #pollSubmit {position: absolute; top: 273px; left: 375px; cursor: pointer; width: 122px;}
.feedback #talktous {width: 185px; background-color: #FAC949; padding: 15px; position: absolute; right: 19px; top: 20px; text-align: center;}
.feedback #talktous p {margin: 10px 0; font-size: 13px; line-height: 18px; text-align: left;}

.feedback #results {width: 185px; height: 152px; background-color: #FCCE5B; padding: 15px; position: absolute; right: 19px; top: 235px; text-align: center;}

.feedback #results p {margin: 10px 0; font-size: 12px; line-height: 17px; text-align: left;}
.feedback #sub {background-color: #FFEAC0; font: normal 11px/13px Arial, Verdana, Helvetica, sans-serif; padding-bottom: 10px;}
.feedback #sub #mod1 {width: 335px; float: left; padding-left: 19px;}
.feedback #sub #mod1 p {width: 215px; float: left;}
.feedback #sub #mod2 {width: 340px; background: url(/HoneyBunchesOfOats/images/moddots_beige.gif) no-repeat top left; float: left; padding-left: 36px;}
.feedback #sub #mod2 p {width: 235px; float: left;}

/* Index */
.index #main {width: 720px; height: 314px; padding: 17px;}
.index #main #noflash {width: 273px; height: 100px; padding: 103px 408px 112px 39px; background: url(/HoneyBunchesOfOats/images/indexflashbg.jpg) no-repeat top center; color: #663300;}
.index #main a {color: #663300;}
.index #sub {font: normal 11px/13px Arial, Verdana, Helvetica, sans-serif;}
.index #sub #mod1 {width: 248px; float: left;}
.index #sub #mod2 {width: 248px; background: url(/HoneyBunchesOfOats/images/moddots.gif) no-repeat top left; float: left; padding-left: 5px;}
.index #sub #mod3 {width: 248px; background: url(/HoneyBunchesOfOats/images/moddots.gif) no-repeat top left; float: left; padding-left: 5px;}
.index #sub #mod1 div, .index #sub #mod2 div, .index #sub #mod3 div {height: 96px;}
.index #sub .asterisk {display: block;}
.indModImg {float: left; margin-bottom: 10px;}

/* News */
.news #hdr {width: 520px; height: 128px; padding: 20px 222px 0 12px; background: url(/HoneyBunchesOfOats/images/newshdrbg.jpg) no-repeat;}
.news #hdr p {padding: 0 0 0 7px;}
.news #main {width: 754px; background-color: #FFEAC0; font-size: 13px; line-height: 16px;}
.news #sub {background-color: #FFEAC0; font: normal 11px/13px Arial, Verdana, Helvetica, sans-serif; padding-bottom: 10px;}
.news #sub #mod1 {width: 350px; float: left; padding-left: 19px;}
.news #sub #mod1 p {width: 215px; float: left;}
.news #sub #mod2 {width: 312px; background: url(/HoneyBunchesOfOats/images/moddots_beige.gif) no-repeat top left; float: left; padding-left: 36px;}
.news #sub #mod2 p {width: 207px; float: left;}

/* Offers */
.offers #hdr {width: 509px; height: 128px; padding: 20px 233px 0 12px; background: url(/HoneyBunchesOfOats/images/offershdrbg.jpg) no-repeat;}
.offers #hdr p {padding: 0 0 0 7px;}
.offers #main {width: 754px; height: 475px; background: url(/HoneyBunchesOfOats/images/offersmainbg.jpg) no-repeat top left; font-size: 13px; line-height: 16px; position: relative;}

.offers #main #gpwin {width: 150px; padding-top: 243px; margin-left: 323px;}
.offers #main #fpwin {width: 175px; margin-top: 293px; margin-right: 32px; float:right;}

.offers #main #enternow {width: 235px; margin-left: 400px; margin-top: 10px;
}



.offers #main #signup {height: 278px; position: absolute; top: 0; right: 0; left: 525px;}
.offers #sub {background-color: #FFEAC0; font: normal 11px/13px Arial, Verdana, Helvetica, sans-serif; padding-bottom: 10px;}
.offers #sub #mod1 {width: 350px; float: left; padding-left: 19px;}
.offers #sub #mod1 p {width: 215px; float: left;}
.offers #sub #mod2 {width: 312px; background: url(/HoneyBunchesOfOats/images/moddots_beige.gif) no-repeat top left; float: left; padding-left: 36px;}
.offers #sub #mod2 p {width: 207px; float: left;}
.offerInner {margin-left: 286px;}

/* Products */
.products #hdr {width: 532px; height: 125px; padding: 23px 208px 0px 14px; background: url(/HoneyBunchesOfOats/images/productshdrbg.jpg) no-repeat;}
.products #hdr p {padding: 9px 0px 0px 8px;}
.products #main {width: 754px; padding: 0px; margin-bottom: 5px;}
.products #cereal {clear: both; text-align: center; margin-bottom: 20px;}
.products #box {width: 725px; margin-left: 29px; margin-bottom: 20px;}
.products #box #info div {background: url(/HoneyBunchesOfOats/images/prodboxbg.jpg) 256px 0px no-repeat;}
.products #box #info .prodBig {float: left; margin-right: 24px;}

.products #box #info #well {width: 409px; height: 319px; margin-left: 274px; padding-top: 15px; padding-right: 42px;}
.products #box #info #well a {color: #DA222C; text-decoration: none; line-height: 24px;}
.products #box #info #well p.left {color: #663300; font-size: 12px; line-height: 17px; font-weight: bold; padding-left: 5px; margin-top: 8px;}
.products #box #info #well #right {background: none; background: url(/HoneyBunchesOfOats/images/prodboxinfodots.gif) no-repeat; padding: 5px 144px 0 5px; margin-top: 10px;}
.products #box #info #well #right p {color: #000000; font-size: 12px; line-height: 15px;}
.products #box #info #well #right p.brown {color: #630; font-size: 13px; line-height: 17px; font-weight: bold;}
.products #sub {font: normal 11px/13px Arial, Verdana, Helvetica, sans-serif; padding-bottom: 10px; clear: both;}
.products #sub #mod1 {width: 340px; float: left; padding-left: 20px;}
.products #sub #mod1 p {width: 216px; float: left;}
.products #sub #mod2 {width: 368px; background: url(/HoneyBunchesOfOats/images/moddots.gif) no-repeat top left; float: left; padding-left: 26px;}
.products #sub #mod2 p {width: 250px; float: left; color: #7A7A7A; font-size: 10px; line-height: 11px; padding-right: 10px;}

.products #box #info #default {width: 700px; margin: 0px; padding: 0px; background: url(/HoneyBunchesOfOats/images/prodboxbg.jpg) 0px 0px no-repeat;}
.products #box #info #default #well {width: 675px; height: 319px; margin-left: 0px; padding: 15px 0 0 25px; background: url(/HoneyBunchesOfOats/images/jb_prod_boxes.jpg) right bottom no-repeat;}
.products #box #info #default #well p {width: 330px; font-size: 16px; line-height: 19px; color: #663300; font-weight: bold; padding-left: 2px;}
.products #box #info #strawberries #well {background: url(/HoneyBunchesOfOats/images/spoon_strawberries.jpg) right bottom no-repeat;}
.products #box #info #cinnamon #well {background: url(/HoneyBunchesOfOats/images/spoon_cinnamon.jpg) right bottom no-repeat;}
.products #box #info #honeyroasted #well {background: url(/HoneyBunchesOfOats/images/spoon_honeyroasted.jpg) right bottom no-repeat;}
.products #box #info #almonds #well {background: url(/HoneyBunchesOfOats/images/spoon_almonds.jpg) right bottom no-repeat;}
.products #box #info #peaches #well {background: url(/HoneyBunchesOfOats/images/spoon_peaches.jpg) right bottom no-repeat;}
.products #box #info #vanilla #well {background: url(/HoneyBunchesOfOats/images/spoon_vanilla.jpg) right bottom no-repeat;}
.products #box #info #chocolate #well {background: url(/HoneyBunchesOfOats/images/spoon_chocolate.jpg) right bottom no-repeat;}
.products #box #info #justbunches_honeyroasted #well {background: url(/HoneyBunchesOfOats/images/spoon_jbhoney.jpg) right bottom no-repeat;}
.products #box #info #justbunches_caramel #well {background: url(/HoneyBunchesOfOats/images/spoon_jbcaramel.jpg) right bottom no-repeat;}

/* Spoon-O-Gram */
.spoon #hdr {width: 520px; height: 128px; padding: 20px 222px 0 12px; background: url(/HoneyBunchesOfOats/images/spoonhdrbg.jpg) no-repeat;}
.spoon #hdr p {padding: 0 0 0 7px;}
.spoon #main {width: 754px; background-color: #FFEAC0; font-size: 13px; line-height: 16px;}
.spoon #sub {background-color: #FFEAC0; font: normal 11px/13px Arial, Verdana, Helvetica, sans-serif; padding-top: 15px; padding-bottom: 10px;}
.spoon #sub #mod1 {width: 355px; float: left; padding-left: 23px;}
.spoon #sub #mod1 p {width: 218px; float: left;}
.spoon #sub #mod2 {width: 340px; background: url(/HoneyBunchesOfOats/images/moddots_beige.gif) no-repeat top left; float: left; padding-left: 36px;}
.spoon #sub #mod2 p {width: 212px; float: left;}

/* Recipes */
.recipes #hdr {width: 509px; height: 128px; padding: 20px 233px 0 12px; background: url(/HoneyBunchesOfOats/images/recipes_page/recipeshdrbg.jpg) no-repeat;}
.recipes #hdr p {padding: 0 0 0 7px;}
.recipes #main p.sweet {padding: 16px 0 0 53px;}
.recipes #main {width: 754px; height: 655px; background: url(/HoneyBunchesOfOats/images/recipes_page/recipemainbg.gif) no-repeat top left; font-size: 13px; line-height: 16px; position: relative;}
.recipes #main p.info {padding: 152px 0 0 293px; width: 215px;}

.recipes #main #recipeshdr p {
         padding-left: 35px; 
padding-right: 0px; 
padding-top: 17px;
padding-bottom: 7px;
}
.recipes #sub {background-color: #FFEAC0; font: normal 11px/13px Arial, Verdana, Helvetica, sans-serif; padding-bottom: 10px;}
.recipes #sub #mod1 {width: 350px; float: left; padding-left: 19px;}
.recipes #sub #mod1 p {width: 215px; float: left;}
.recipes #sub #mod2 {width: 312px; background: url(/HoneyBunchesOfOats/images/moddots_beige.gif) no-repeat top left; float: left; padding-left: 36px;}
.recipes #sub #mod2 p {width: 207px; float: left;}
.recipeInner {margin-left: 286px;}
.recipes #page, #page1 {
	position: absolute;
	top: 83px;
	right: 0;
	left: 21px;
	width: 674px;
	padding : 20px;
	height: 518px;
}
.recipes #main p.kraft {padding: 16px 0 0 53px;}

/* Iframe */
.iframe #main {width: 720px; height: 655px; background: url(/HoneyBunchesOfOats/images/recipes_page/iframemainbg.gif) no-repeat top left; font-size: 13px; line-height: 16px; position: relative;}
.iframe #page, #page1 {
	position: absolute;
	top: 83px;
	right: 0;
	left: 2px;
	width: 674px;
	padding : 20px;
	height: 518px;
}/* BUTTON STYLES */

/* Message Board */