@charset "UTF-8";
/* CSS Document */

body, html {
	margin: 0;
	font: 100%/1.5 Arial, Helvetica, sans-serif;
	}
	

#wrapper { 
	margin: 0 auto;
	width: 802px;
	color: #000;
	font-size: .9em;
	}

#headerwrapper {
	width: 800px;
	border-left: 1px solid #928d93;
	border-bottom: 1px solid #928d93;
	border-right: 1px solid #928d93;
	float: left;
	}
	
#header {
	background: url(../images/global/navbg.jpg) repeat-x;
	width: 800px;
	float: left;
	}

#logo { 
	float: left;
	height: 112px; 
	}

#toplinks {
	height: 25px;
	padding-right: 3px;
	float: right;
	font-size: .9em;
	padding-top: 3px;
	}

#nav {
	font-weight: bold;
	float: right;
	padding: 0 2px 0 0;
	width: 560px;
	vertical-align:bottom;
	}
	
#nav ul {
	margin: 0;
	padding: 0;
	float: right;
	text-align: bottom;
	}

#nav ul li { 
	display: inline;
	margin: 0;
	padding: 0;
	}
	
#nav ul { float: left; }
#navwrapper { float: right !important; }
#nav ul a:link, #nav ul a:visited {
	float: left;
	width: auto;
	border: 2px solid #db0004;
	padding: 30px 2px 29px 2px;
	margin-left: 1px;
	color: #fff;
	text-decoration: none;
	background: url(../images/global/navabg.jpg) repeat-x;
	font-size: 12px;
	}

#nav ul li a:hover {
	background: #780004;
	border: 2px solid #780004;
	}

#nav ul li.onpage a, #nav ul li.onpage a:hover {
	background: url(../images/global/navonbg.jpg) repeat-x !important;
	border: 2px solid #928d93 !important;
	color: #000 !important;
	}
	
#nav ul li.post a, #nav ul li.onpage a:hover {
	width: 67px;
	padding: 8px 2px 4px 2px;
	text-align: center;
	}


.value a, #nav ul li.onpage a:hover {
	text-align:	center;
	padding: 10px 0;
        width: 68px !important;
	}
ul#lower3 .value a { padding: 4px 0 10px 0 !important; background: url(../images/global/bgsmall.gif) repeat-x; }
ul#lower3 #specials a { padding: 14px 0 0 0 !important; }
#lower3 { width: 222px; float: left; }
#top3 { float: left; }
#top3 a { height: 31px; padding: 0 !important; }
#prodspecs a { width: 71px !important; }
#nav3wrapper a { border: 0 !important; margin-bottom: 1px !important; }
#nav3wrapper a img { cursor: default; }

#group2 { float: right; }

#nav ul li.titleimg a, #nav ul li.onpage a:hover {
	width: auto;
	text-align:	center;
	background:none;
	padding: 0px 0px 0px;
	position: relative;
	margin-right: -221px;
	}

#accent {
	width: 800px;
	height: 21px;
	background: url(../images/global/accentbg.jpg) repeat-x;
	float: left;
	}

#slogancontainer {
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	width: 798px;
	height: 269px;
	clear: both;
	float: left;
	background: url(../images/global/sloganbg.jpg) repeat-x;
	}

#slogancontainer #left {
	width: 566px;
	background: url(../images/global/sloganleftbg2.jpg);
	border-right: 1px solid #fff;
	height: 269px;
	float: left;
	}
#slogancontainer #left p.heading { color: #AA2406; padding-top: 5px; font-size: 16px; font-weight: bold; line-height: 18px; float: left;  }
#slogancontainer #left #post { float: right; margin: 5px 5px 0 5px; }
#homecereal { float: right; padding: 10px 0 0 5px; }
#learnmore { font-weight: bold; font-size: 12px; text-decoration: none;  }
#learnmore:hover { text-decoration:underline; }
#slogancontainer #left p {
	padding: 8px 0 0 170px;
	width: 390px;
	font-size: .85em;
	letter-spacing: .02em;
	line-height: 1.2em;
	}

#slogancontainer #left p img {
	padding-bottom: 10px;
	}	

.button1 {
	margin: 0px 0 0 260px;
	}

.button2 {
	margin: 5px 0 0 45px;
	}

.button1 a, .button2 a {
	color: #ff0000 !important;
	border: 1px solid #000;
	background-color: #fff;
	width: auto;
	display: inline;
	float: left;
	padding: 5px 8px;
	font-size: .9em;
	text-decoration:none !important;
	}

.button1 a:hover, .button2 a:hover {
	color: #000 !important;
	}	

#slogancontainer #right {
	height: 260px;
	width: 231px;
	float: left;
	background: url(../images/global/sloganrightbg.jpg) repeat-x;
	padding-top: 1px;
	}

#content {
	width: 800px;	
	margin: 6px 0 0 0;
	float: left;
	font-size: .85em;
	background: url(../images/global/indexbg.jpg) repeat-y;
	}

#content.onecolumn { background: none; }	
	
.sub #content { 
	background: url(../images/global/contentbg.jpg) repeat-y;
	}

#content p {
	line-height: 1.4em;
	}

#column1 {
	float: left;
	padding: 0 6px 14px 8px;
	clear: both;
	width: 259px;
	border: 2px solid #db0004;
	}

.privacy p { padding-bottom: 1em; }

.producttitle {
	text-align: center;
	color: #d30000;
	font-weight: bold;
	font-size: 1.1em;
	}
	
#product1 {
	margin-top: 15px;
	}	
	
#product2, #product3 {
	margin-top: 30px;
	}
	
#product4 {
	margin-top: 35px;
	}
	
#product1 img, #product3 img {
	float: left;
	margin-right: 2px;
	}

#product2 img, #product4 img {
	float: right;
	}

.product p {
	padding-top: 2px;
	}
		
#column2 {
	float: left;
	width: 265px;
	padding: 0 23px 0 11px;
	}	

#column2 p {
	margin-top: 8px;
	}
	
#leftcolumn {
	width: 563px;
	float: left;
	clear: both;
	padding: 0 6px 0 8px;
	}

.company p { padding-bottom: 1em; }

#breadcrumb, #breadcrumb a, #breadcrumb a:visited {
	color: #5b5143;
	font-weight: bold;
	}

#leftcolumn h1, #leftcolumn h2, #leftcolumn h3, #leftcolumn h4 {
	color: #000;
	width: 100%;
	border-bottom: 1px dashed #bdb8bf;	
	font-size: 1.5em;
	margin-bottom: 16px;
	}	
	
#leftcolumn h1.red {
	color: #F00;
	width: 100%;
	border-bottom: 0px dashed #bdb8bf;
	font-size: 1.5em;
	margin-bottom: 16px;
	}	
	
#leftcolumn p span {
	font-weight: bold;
	color: #fe0000;
	}	
	
#specialspromotions img {
	float: left;
	margin-bottom: 50px;
	 margin-right: 10px;
	 }

#specialspromotions span a {
	float: right;
	font-weight: bold;
	}

#column3 {
	float: left;
	width: 189px;
	margin-left: 1px;
	background-color: #e9e4eb;
	padding: 0 19px 0 14px;
	}

#column3 div img { margin: 5px 0 0 -3px; }
.sub #column3 { 
	width: 200px;
	padding: 0 8px 0 14px;
	}
	
.sub #column3 p {
	padding-right: 11px;
	}

	
h1, h2, h3, h4, h5, h6 {
	color: #fe0000;
	font-size: 1.25em;
	width: 100%;
	border-bottom: 1px dashed #bfbac1;
	margin: 5px 0 0 0;
	padding: 0 0 4px 0;
	}	

h2, h3 {
	 padding-top: 30px;
	 }
#column3 h2, #column3 h3, #column3 h4, #column3 h5, #column3 h6 {
	padding: 0 0 4px 0;
	margin: 5px 0;
	clear: both;
	}
#column3 h3 {
	padding-top: 20px;
    }
h5 { 
	margin-bottom: 8px;
	}
	
#indexform p {
	font-weight: bold;
	padding: 6px 0 1px 0;
	}

#indexform input, #indexform select {
	width: 185px;
	border: 1px solid #000;
	}

#indexform .submit {
	width: 74px;
	height: 33px;
	border: 0;
	margin-top: 10px;
	}
#brandsanchor, #specsanchor, .boldlist {
	font-weight: bold;
	margin-bottom: 0;
	}
	
.bordertop {
	border-top: 1px dashed #bfbac1;	
	}
#recipesbox {
	border: 2px solid #FF0000;
	width: 200px;
	margin-bottom: 10px;
	padding: 5px 10px;
	float: right;
	}
	
.text-right { text-align: right; }
#footer {
	height: 60px;
	width: 800px;
	margin: 5px 0 10px 0;
	float: left;
	clear: both;
	text-align: right;
	background: url(../images/global/footer.jpg) no-repeat;
	font-size: .85em;
	}

#footer a img.img {
	padding: 1px 0 0 5px;
	float: left;
	}

#footer p {
	text-align: right;
	float: right;
	padding-top: 9px;
	}
	
#footertext {
	width: 550px;
	float: right;
	text-align: right;
	}

.float-left {
	float: left;
	}

.float-right {
	float: right;
	}
a, a:visited {
	color: #000;
	text-decoration: underline;
	}
	
a:hover {
	text-decoration: none;
	}

a img { 
	border: 0;
	}	

p {
	margin: 0;
	padding: 0;
	}
	
#content.specs p, #content.tips p {	margin-bottom: 1em !important; 	}
#content.specs p span { font-weight: bold; color: #000; }
#content.tips div img { margin-bottom: 1em;}
#content.tips p span.italic { font-weight: normal; font-style: italic; color: #000; }
#content.tips p span.bold {	color: #000 !important; }

#brandsright { float: right; width: 380px; border-left: 1px dashed #ccc; padding-left: 20px; }
#brandsright img { float: right; }
#brandsright p { padding-top: 30px; }


ul.checks { list-style-type: none; padding-left: 0; }
ul.checks li { background: url(../images/tips/check2.jpg) 0 3px no-repeat; padding: 0 0 9px 20px; }

.text-right { text-align: right; }
.text-left { text-align: left; }
.text-center { text-align: center; }
.italic { font-style: italic; }
.largetext { font-size: 1.8em; font-weight: bold; }
.mediumtext { font-size: 1.5em; }
.mediumblue { font-size: 1.2em; color: #3333ab; font-weight: bold; }
.mediumblack { font-size: 1.2em; font-weight: bold; margin-bottom: 1em; }
.margin { margin-bottom: 1em; }
.margin3 { margin-bottom: 3em; }
.marginright { margin-right: 1em; }
.margintop { margin-top: 1em; }
.margintop2 { margin-top: 2em; }
.headingsmall { font-size: 1.2em !important; margin-bottom: .3em !important; }
.bold { font-weight: bold; }
.redtext { color: #ff2b2c; }
.sup { font-size: .7em; vertical-align: top; }
.clear { clear: both; }
.black { color: #000; }
.noborder { border: 0; }
a.redbold { color: #FF0000; font-weight: bold; }
.border1 {
	border:1px solid black;
	padding:3px;
	background-color:#FFe5ac;
	}
	
.border2 {
	border:1px solid red;
	padding:2px;
	}
	
.border3 {
	border-bottom: 2px solid red;
	padding:2px;
	background-color:#FFe5ac;
	}

.border4 {
	border-top: 1px solid black;
	padding-top: 3px;
	}
.style2 {font-size: 9}

.style3 {
	color: #FFFFFF;
	font-weight: bold;
	font-size: 1.5em;
}

.style4 {
	color: #F82b0c;
	font-weight: bold;
}
.style6 {
	font-weight: bold;
	color: #5871B3;
}
.style5 {
	color: #1F9630;
	font-weight: bold;
}

.style10 {font-size: 1.2em}

/*
.brands th { text-align: left; } */
.row .col1 { width: 210px; float: left; padding: 2px 0; }
.row .col2, .row .col3, .row .col4, .row .col5, .row .col6 { padding: 2px 0 2px 10px; width: 80px; float: left; font-size: .9em; text-align: center; }
.row .col7 { width: 100px; float: left; padding: 2px 0 2px 10px; font-size: .9em; text-align: center; }

.brands .col1 {  width: 210px; float: left; color: #FF0000; border-bottom: 1px solid #FF0000; background-color: #FFFF99; }
.brands .col2, .brands .col3, .brands .col4, .brands .col5, .brands .col6 {  width: 80px; float: left; padding-left: 10px; text-align: center; border-bottom: 1px solid #FF0000; background-color: #FFFF99; }
.brands .col7 { width: 104px; float: left; padding-left: 10px; text-align: center; border-bottom: 1px solid #FF0000; background-color: #FFFF99; }

.brands2 .col1 {  width: 190px; float: left; color: #FF0000; border-bottom: 1px solid #FF0000; background-color: #FFFF99; }
.brands2 .col2, .brands2 .col3, .brands2 .col4, .brands2 .col5, .brands2 .col6, .brands2 .col7 {  width: 82px; float: left; padding-left: 10px; text-align: center; border-bottom: 1px solid #FF0000; background-color: #FFFF99; }
.brands2 .col7 { width: 115px; }


.col1b {  width: 190px; float: left; }
 .col2b,  .col3b,  .col4b,  .col5b, .col6b, .col7b {  width: 82px; float: left; padding-left: 10px; text-align: center; font-size: .9em; }
.col78b { width: 115px; }


.brands, .brands2 {width: 798px; float: left; font-size: 1em; font-weight: bold; }

 .description { font-style: italic; font-size: .9em; clear: both; }
 .row { border-bottom: 1px solid #FF0000; clear: both; }
 
 .brandslist { height: 250px; overflow: scroll; width: 790px; clear: both; }
 
 #top { height: 0; text-decoration: none; }
   
#prodspecimg a img { float: right; margin: -10px 100px 0 0; }

#contactwest { width: 33%; background-color: #5871B3; text-align: center; color: #fff; font-size: 1.5em; font-weight: bold; }
#contactwest a { color: #fff; text-decoration: none; padding: 5px 65px; }

#contactmidwest { width: 33%; background-color: #1F9630; text-align: center; color: #fff; font-size: 1.5em; font-weight: bold; }
#contactmidwest a { color: #fff; text-decoration: none; padding: 5px 23px; }  

#contacteast { width: 33%; background-color: #F82B0C; text-align: center; color: #fff; font-size: 1.5em; font-weight: bold; }
#contacteast a { color: #fff; text-decoration: none; padding: 5px 35px; } 

ul#helpfaq li a {font-weight: bold; margin: 0 0 5px 0; }
.question { font-weight: bold; }
.faq {width: 100%; border-top: 1px dashed #bdb8bf; padding: 9px 0 0 0; margin: 8px 0; }
.anchor { text-decoration: none; }


.postbrands {
background-color:#000066;
color:#FFFFFF;
font-weight:bold;
border-bottom-color:#FF0000;
border-bottom-width: 2px;
width: 790px;

}

.inlinelinks, .inlinelinks a {
	font-weight:bold;
	font-size:13px;
	text-decoration:none;
}

.postheads {
	width:450px;
}

.postheads h1 {
	font-size:14px;
	font-weight:bold;
	text-decoration:none;
	border-bottom:none;
}
#honeybunches { float: right; }
#toplist { background: url(images/ralstonbrands/table1bg.jpg) 90px 0  repeat-y; }
.toplist .col1, #toplist .row .col1 { width: 300px; }

.toplist .col5 { display: none; }

.postbutton { float: left; width: 460px; margin-left: 20px; }
.postbutton a img { float: right; }
.postbutton p { float: left; width: 300px; margin-top: 10px; }
.onecolumn #postLogo { float: left; margin-top: 3px; }

.dbheader { background: #f9edb1; }
.dbheader #nav { padding-top: 28px; }
#skyline { margin: 0; padding: 0; }
#dbcontent { background: #f9edb1; margin: 0; padding: 0; }
#dbcontent, #dbcontent p { text-align: center; font-size: 18px; }
#dbcontent p { padding: 10px 0; color: #120200; }
#dbcontent .intro { color: #671b1a; font-weight: bold; }

.redlinks a {
color:#FF0000;
font-weight:bold;
}