body { 
	text-align: center;
	font-family: sans-serif;
	font-size: 14px;
}

h1, p { margin-bottom: 15px; }
h1, h2 { font-weight: bold; }
h1 { font-size: 22px; letter-spacing: 1px; text-shadow: #bbb 1px 1px 2px; }
h1.bam { font-size: 14px; letter-spacing: 1px; text-shadow: none; }
h2 { font-size: 16px; }
h3,h4,h5,h6 { font-weight: bold; margin-bottom: 15px; }
th { font-weight: bold; }
a { color: #00f; }
textarea { font-family: monospace; font-size: 13px; }
strong { font-weight: bold; }
img { border-width: 0; }
small { font-size: 11px; }
em { font-style: italic; }

#carton {
	text-align: center;
}

.box {
	margin: 0 auto;
	width: 700px;
	text-align: left;
}

.clr { clear: both; }

#top {
	background-color: #764032;
	color: #fff;
	margin-top: 15px;
	padding: 5px;
	-webkit-border-radius: 5px 5px 0 0;
	-moz-border-radius: 5px 5px 0 0;
	clear: both;
}

#logo {
	display: block;
	float: left;
	text-indent: -9999px;
	background-image: url(http://cerealbot.com/res/img/cbotlogosm.gif);
	background-repeat: no-repeat;
	height: 26px;
	width: 122px;
	outline-width: 0;
	color: #fff;
}
a:hover#logo { background-image: url(http://cerealbot.com/res/img/cbotlogosmc.gif); }

#brand {
	color: #D4C5C2;
	/* letter-spacing: 1px; */
	display: block;
	float: left;
	padding: 7px 0 0 9px;
}

#promo {
	display: block;
	float: right;
}

#nav { 
	background-color: #ccc;
	padding: 5px;
	text-align: right;
}
#nav a { font-weight: bold; }

#con { padding: 10px; line-height: 1.5; }
#con a { text-decoration: none; }
#con td { vertical-align: top; padding: 0 15px 15px 15px; }
#con li { list-style-type: disc; }
#con ul, #con ol { padding-left: 25px; padding-bottom: 15px; }
#con hr {
	color: #ddd;
	background-color: #ddd;
	height: 2px;
	border-width: 0px;
}
.hint { font-size: 12px; font-style: italic; color: #888; cursor: help; }
.nf td, .nf th { padding: 5px; }
.nf { width: auto; }
.dnone { display: none; }
.fl30 { float: left; width: 30%; }
.fl60 { float: left; width: 60%; }
.fr35 { float: right; width: 35%; }
.fl45 { float: left; width: 45%; }
.fr45 { float: right; width: 45%; }
.w100 { width: 100%; }
.photo { display: block; float: left; width: 100px; height: 100px; padding: 5px; text-align: center; }
.hl_good { color: green; }
.hl_bad { color: red; }
.hl_neutral { color: navy; }
.mt10 { margin-top: 10px; }
.p15  { padding: 15px; }
.pb10 { padding-bottom: 10px; }
.pb20 { padding-bottom: 20px; }
.pr10 { padding-right: 10px; }
.pl15 { padding-left: 15px; }
.pr25 { padding-right: 25px; }
.txtc { text-align: center; }
.txtj { text-align: justify; }
.neon {
	background-color: lightcyan;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	padding: 5px;
	border: 2px solid #d0eeee;
}
.dispi { display: inline; }
.avgrate { padding-left: 25px; }

.nf { width: 70%; border: 1px solid black; margin: 0 auto; border-collapse: collapse; text-align: left; }
.nf td { border-bottom : 1px solid black; }
#con .nf td { padding: 4px; }
.nf .calories td { border-bottom : 4px solid black; }
.nf .servings td { border-bottom : 6px solid black; }
.nf .minerals td { border-top : 4px solid black; }
.nf .dvhead   td { font-size: x-small; }
.nf .dvrel { text-align: center; }
.nf .dv { text-align : right; }
.nf .sub { text-indent : 10px; }
.dvrel img { cursor: help; }
.required { font-family: monospace; color: darkred; font-weight: bold; }


.hreview { float: left; background-color: #F4E8D5; width: 97%; padding: 10px; margin-bottom: 20px; }
.rvwalt0, .rvwalt1 { background-color: #e4e4e4 !important; }
.rvwstars { font-family: monospace; font-weight: bold; letter-spacing: 1px; color: gold; background-color: darkred; } 
.rvwcaption, .rvwstamp, .rvwrating { float: left; }
.rvwrating { clear: both;  padding-bottom: 15px;  width: 100%; }
.rvhead, .rvwtext, .rvwaction { float: left; clear: both; }
.rvwcaption { padding-right: 5px; }
.rvwauthor { font-weight: bold; }
.rvwtext { width: 95%; padding: 0px 0 0 20px; line-height: 2.0; color: navy; background: url(http://cerealbot.com/res/img/quote0.gif) top left no-repeat; }
.rvwtexti {width: 94%; background: url(http://cerealbot.com/res/img/quote1.gif) bottom right no-repeat;  }
.rvwaction { text-align: right; width: 100%; }
.rvwstamp { font-style: italic; }
.rvwbowls { width: 119px; height: 17px; position: relative; top: 3px; }
#con .rvwpage td { padding: 0; }
.rvwpage { width: 100%; margin: 10px 0 10px 0; }
.rvwpage td { text-align: center; }
.rvwpage td.prev { text-align: left; }
.rvwpage td.next { text-align: right; }
.rvwpage td a { padding: 5px; border: 1px solid #888; font-weight: bold; }
.rvwpage td a.cur { background-color: lightcyan; }
#caloric_base { cursor: pointer; border-bottom: 1px dotted #888; color: blue; }
.rvwwrite { background-image: url(http://cerealbot.com/res/img/reviewback.png); background-repeat: repeat-x; }

#trail { font-size: 11px; margin-bottom: 15px; text-align: right; }

#bot {
	background-color: #764032;
	color: #B59A95;
	font-size: 12px;
	margin: 45px 0 15px 0;
	padding: 5px;
	-webkit-border-radius: 0 0 5px 5px;
	-moz-border-radius: 0 0 5px 5px;
	clear: both;
	text-align: center;
	line-height: 2;
}
#bot a { color: #D4C5C2; }