html, body {
	font: small/1.3 arial, helvetica, sans-serif;
	color: #000;	
	margin: 0;
	padding: 0;
}

h1 {
	font-size: 110%;
	margin: 0 0 1em 0;
  color: #f00;
}

h1.redbar, h1.redbar-narrow {
  color: #000;
  width: 610px;
  height: 45px;
  margin: 20px 0 0 0;
  padding: 0;
  background: url(/images/bg_h1wide.gif) no-repeat;
  position: relative;
}

h1.redbar-narrow {
  width: 489px;
  background: url(/images/bg_h1.gif) no-repeat;
}

h1.redbar span, h1.redbar-narrow span {
  position: absolute;
  top: 3px;
  left: 25px;
  padding: 0 20px 15px 0;
  background: url(/images/bg_h1span.gif) right 7px no-repeat;
}

h2 {
	font-size: 100%;
  margin: 0 0 1em 0;
	color: #000;
}

h3, h4 {
	font-size: 90%;
  margin: 0 0 1em 0;
}

p {
	margin: 0 0 1em 0;
}

p, li, th, td, label, input, select, textarea, dt, dd, button {
	font-size: 90%;
}

p label, li li, td td, td h4, td p, td li, td input, p textarea, p button {
	font-size: 100%;
}

p.disclaimer {
  font-size: 9px;
}

a {
	color: #f00;
}

a:hover {
	color: #F00; 
	text-decoration: underline;
}

a:hover img {
 
}

a#home-link:hover img {
  background: none;
}

a button {
	text-decoration: none;
}

ul li {
	list-style: square;
}

ul li li {
	list-style: circle;
}

img {
	border: 0;
}

tr.even td {
	border-top: 1px solid #F1CC4C;
  border-bottom: 1px solid #F1CC4C;
  background: #FDF7E2;
}

p.error {
	color: #c00;
	font-weight: bold;
}

span.footnote {
  font-size: 9px;
  display: block;
  text-align: right;
}

.clear {
	overflow: hidden;
	clear:both;
  	display: block;
	height:0;
	margin:0;
	font-size: 1px;
	line-height: 0;
}

/* structure */

#wrapper {
	width: 766px;
	margin: 10px auto 0 auto;
	position: relative;
}

/* header */

#header {
	width: 766px;
  height: 73px;
  background: url(/images/bg_header.gif) top no-repeat;
  border-bottom: 1px solid #f00;
	position: relative;
}

#logo {
  position: absolute;
  top: -4px;
  left: 7px;
}

#tagline {
  position: absolute;
  top: 40px;
  left: 200px;
}

#logo-kmail {
  position: absolute;
  top: 33px;
  right: 5px;
}

/* nav */

#nav {
  width: 764px;
  height: 26px;
  background: #f00;
  border-left: 1px solid #f00;
  border-right: 1px solid #f00;
  position: relative;
  z-index: 99;
}

#skip-navigation {
  position: absolute;
  left: -999em;
}

#nav ul {
  margin: 0;
  padding: 0;
}

#nav ul ul {
  position: absolute;
  left: -999em;
  margin-left: -1px;
  border: 1px solid #f00;
  background: #fff;
  padding: 1px 0;
  width: 155px;
}

#nav li.contact ul {
  margin-left: -81px;
}

#nav li {
  list-style: none;
  float: left;
  margin-right: 1px;
  padding: 0;
  position: relative;
}

#nav li li {
  float: none;
  margin: 0;
  width: 100%;
}

#nav li:hover ul, #nav li.sfhover ul {
  left: auto;
}

#nav li.segments {
  width: 135px;
}

#nav li.products {
  width: 120px;
}

#nav li.merchandising {
  width: 95px;
}

#nav li.nutrition {
  width: 115px;
}

#nav li.recipes {
  width: 60px;
}

#nav li.resources {
  width: 77px;
}
#nav li.mediacenter {
  width: 85px;
}

#nav li.contact {
  width: 70px;
  margin-right: 0;
}

#nav li a {
  display: block;
  height: 19px;
  background: #F1CC4C;
  color: #000;
  font-weight: bold;
  text-decoration: none;
  text-align: center;
  font-size: 11px;
  line-height: 11px;
  padding-top: 7px;
}

#nav li:hover a, #nav li.sfhover a {
  background: #fff;
}

#segments li.segments a, #products li.products a, #merch li.merchandising a,#mediacenter li.mediacenter a, #nutrition li.nutrition a, #recipes li.recipes a, #resources li.resources a, #contact li.contact a {
  background: #fff;
}

#nav li li a {
  text-align: left;
  padding: 2px 10px;
  margin: 0;
  height: auto;
  width: 125px; /* IE needs this */
  font-weight: normal;
  background: #fff;
}

#nav li li a:hover {
  color: #f00;
  background: #fff url(/images/bg_nav.gif) 3px 4px no-repeat;
}

/* content area */

#content {
	width: 764px;
 
  border-bottom: 0;
}

/* home page */

#col-left {
  float: left;
  width: 299px;
}
#col-bottom {
  float: left;
  width: 764px;
}

#col-left h1 {
  margin-bottom: 0.2em;
}

#col-left p, #col-left li {
  font-size: 11px;
  line-height: 1.2em;
}

#operation {
  padding: 8px 10px 0px 10px;
  height: 224px;
  border-bottom: 1px solid #f00;
  overflow: auto;
  background: #FDF7E2;
}

#operation ul {
  padding: 0;
  margin: 10px 0;
}

#operation li {
  list-style: none;
}

#operation p {
  margin: 0;
}

#operation li a {
  font-weight: bold;
  text-decoration: none;
}

#whatsnew {
  padding: 5px 5px;
  height: 112px;
  overflow: auto;
}

#whatsnew h3 {
  margin: 5px 0 0 0;
  color: #f00;
  font-size: 11px;
}

#whatsnew p {
  margin-bottom: 5px;
}

#whatisfafh {
  padding: 2px 10px;
  height: 41px;
  border-bottom: 1px solid #f00;
  background: #FDF7E2;
}

#whatsnew h2, #whatisfafh h2 {
  font-size: 13px;
}

#whatsnew h2, #whatisfafh h2, #whatisfafh p {
  margin: 0;
}

#promos {
  height: 76px;
}

#promos p {
  text-align: center;
  margin: 0;
}

#promos a:hover {
  background: transparent;
}

#promos img {
  margin: 9px 10px;
}

#col-right 
{
  float: right;
  width: 464px;
  border-left: 1px solid #f00;
}

#welcome {
  border-bottom: 1px solid #f00;
}

#welcome img {
  display: block;
}

#kmail {
  width: 464px;
  height: 45px;
  border-bottom: 1px solid #f00;
  background: url(/images/bt_kmail.gif) 40px 3px no-repeat;
}

#kmail p {
  font-weight: bold;
  font-size: 11px;
  margin: 0;
  padding: 9px 0 0 105px;
}

#kmail a {
  display: block;
  color: #000;
  text-decoration: none;
}

#kmail a:hover {
  background: transparent;
  color: #f00;
}

#banner {
  height: 76px;
}

/* interior pages */

.interior #content {
  padding-bottom: 20px;
}

#content-landing {
  width: 607px;
  margin: 20px 78px;
  position: relative;
  z-index: 1;
}

#content-landing div {
  background: url(/images/bg_landing.gif);
  height: 1%; /* for IE */
  padding-bottom: 1em;
}

#content-landing div h1 {
  padding: 20px 20px 1em 20px;
  margin: 0;
}

#content-landing div ul {
  padding: 0 0 0 20px;
}

#content-landing div p {
  position: absolute;
  top: 50px;
  left: 260px;
  width: 300px;
}

ul.linklist {
  margin: 0;
  padding: 0;
}

ul.linklist li {
  list-style: none;
  float: left;
  clear: left;
  width: 190px;
}

ul.linklist li.first {
  border-top: 1px solid #f00;
   width: 200px;

}

ul.linklist a {
  color: #000;
  text-decoration: none;
  display: block;
  border-bottom: 1px solid #f00;
  padding: 3px 5px;
  width: 190px;
  text-transform: uppercase;
}

ul.linklist a:hover {
  color: #000;
}

/*press release */
ul.presslist li {
  list-style: none;
  float: left;
  clear: left;
  width: 455px;
  
}
ul.presslist li.first {
  border-top: 1px solid #f00;
}

ul.presslist a {
  color: #000;
  text-decoration: none;
  display: block;
  border-bottom: 1px solid #f00;
  padding: 2px 2px;
  width: 455px;
}

ul.presslist a:hover {
  color: #fff;
}

/*press releases end*/

.interior #col-left {
  width: 380px;
  margin: 10px 20px;
  display: inline; /* IE double margin bug */
  text-align: left;
}

.interior #col-right {
  width: 343px;
  margin: 10px 0;
  border: none;
  background: url(/images/bg_colright_interior.gif);
   text-align: left;
}

.interior #col-right img {
  float: left;
  width: 140px;
  margin-top: 20px;
  margin-right: -203px;
}

#tools-solutions 
{
  float: right;
  margin-left: 15px;
  width: 188px;
  background-color:#fdf7e2;
  background-repeat:no-repeat;
}

#tools-solutions h2 
{
  height: 20px;
  padding: 0 5px;
  margin: 0;
  background: #fff;
  border-bottom: 1px solid #f00;
}

#tools-solutions h3 {
  font-weight: normal;
  font-style: italic;
  margin: 5px;
}

#tools-solutions ul {
  margin: 5px 15px 15px;
  padding: 0;
}

#tools-solutions li {
  list-style: none;
  margin-bottom: 5px;
}

#k12-promo {
  width: 200px;
  padding-top: 20px;
  text-align: center;
}

#k12-promo img {
  display: block;
}

#content-recipe, #content-nutrition, #content-products {
  margin: 20px;
}

#content-recipe label, #content-products label {
  font-weight: bold;
}

#content-recipe ul {
  width: 100%;
  margin: 0 0 1em 0;
  padding: 1em 0 1em 0;
  border-top: 1px solid #f00;
}

#content-recipe ul li {
  list-style: none;
  margin-bottom: 5px;
}

h3.smallTitle {
  font-style: italic;
  margin-bottom: 0;
  padding-top: 1em;
}

#recipe-name {
  border-top: 1px solid #f00;
  padding-top: 10px;
  width: 100%;
  float: left;
  margin-right: -300px;
}

#recipe-print {
  float: right;
  padding-top: 10px;
  padding-left: 20px;
  text-align: right;
  background: url(/images/print.gif) 0 10px no-repeat;
}

#recipe-print a {
  color: #000;
  text-decoration: none;
}

#recipe-print a:hover {
  color: #f00;
  background: transparent;
}

#recipe-image {
  float: right;
}

#content-products form div {
  float: left;
  margin-right: 10px;
}

#content-products h3 {
  border-bottom: 1px solid #f00;
}

#content-products th {
  text-align: left;
  vertical-align: bottom;
}

#prev-next {
  border-top: 1px solid #f00;
  margin-top: 1em;
  padding-top: 1em;
}

#sitemap #content ul {
  margin-left: 20px;
  padding-left: 0;
}

#sitemap #content ul ul ul {
  margin-left: 40px;
}

#sitemap #content ul ul ul ul {
  margin-left: 20px;
  margin-top: 10px;
}

#sitemap #content li {
  margin-bottom: 1em;
  clear: left;
}

#sitemap #content li li {
  margin: 1em 0;
}

#sitemap #content li li li {
  list-style: disc;
}

#sitemap .product-rec {
  width: 220px;
  background: none;
  float: left;
}

#sitemap .tools {
  width: 220px;
  background: none;
  float: left;
  margin-left: 20px;
  display: inline;
}

#sitemap #content .product-rec li, #sitemap #content .tools li {
  margin: 0;
}

#sitemap #content h2, #sitemap #content h3 {
  font-weight: normal;
  margin: 1em 0 0 20px;
}

/* product details */

.product-details img {
	float: right;
  margin: 0 0 10px 10px;
}

.product-details dl {
	margin: 0;
	padding: 0;
	display: inline;
}

.product-details dt {
	font-weight: bold;
	float: left;
	clear: left;
	width: 11em;
	margin-bottom: 7px;
}

.product-details dd {
	margin: 0 0 7px 11em;
}

* html .product-details dd {
	height: 1%;
}

/*New Products*/
.newproduct {border-bottom:1px solid #8d8d8d; margin:0 0 5px;}
td h4, td h4 a {margin:0; color:#f00;}

/* forms */

form {
	margin: 0;
	padding: 0;
}

/* Footer styles */

#footer {
  margin-top: -15px;
  padding-top: 20px;
	width: 766px;
  background: url(/images/bg_footer.gif) top no-repeat;
	font-size: 11px;
}

#footer p {
	display: inline; /* IE double margin bug */
}

#footer p.left {
	float: left;
	width: 500px;
}

#footer p.right {
	float: right;
	text-align: right;
	width: 240px;
}

#footer a {
	color: #000;
}

#footer a:hover {
  color: #fff;
  background: #000;
  text-decoration: none;
}

/* legacy content styles */

div.centered {
  width: 488px;
  margin: 0 136px; /* should be 138, but IE doesn't like that */
}

.a12bluebld {
  font-weight: bold;
  font-size: 100%;
  color: #f00;
}

.osbold {
  font-weight: bold;
  color: #f00;
}

.a14bld {
  font-size: 110%;
  font-weight: bold;
}

.a12bld {
  font-weight: bold;
}

.error {
  color: #f00;
}

.osblacktitle {
  font-weight: bold;
  font-size: 110%;
}


.login
{
	color: #FF0000;	
}

.login A
{
	color: #FF0000;	
}




a.white-notes:link, a.white-notes:visited
{
	color: #FFFFFF;
	font-family:Arial;
	font-size:11px;	
	text-decoration:none;
}
a.white-notes:hover
{
	color: #FFFFFF;
	font-family:Arial;
	font-size:11px;	
	text-decoration:underline;
}



.white-list LI
{
	color: #FFFFFF;
}
 


.NutritionCalcOperand
{
	font-size: 16px;
	color: Red;
	
}

.autocomplete_completionListElement 
{  
	visibility : hidden;
	margin : 0px!important;
	background-color : inherit;
	color : windowtext;
	border : buttonshadow;
	border-width : 1px;
	border-style : solid;
	cursor : 'default';
    text-align : left; 
    list-style-type : none;
}

.autocomplete_highlightedListItem
{
	background-color: #ffff99;
	color: black;
	padding: 1px;
}

.autocomplete_listItem 
{
	background-color : window;
	color : windowtext;
	padding : 1px;
}


/*-------------------brandSatisfactionWrapper-------------------*/
.brandSatisfactionWrapper
{
	margin:15px 0px 15px 0px;
}

.brandSatisfactionWrapper .brandSatisfactionContent
{
	width:680px;
}

.brandSatisfactionWrapper .blue_subhead
{
	color:#3366FF;
	font-size:1.3em;
	font-weight:bold;
	margin-bottom:5px;
}

.brandSatisfactionWrapper p
{
	margin-bottom:15px;
}


/*-------------------incLineWrapper-------------------*/
.incLineWrapper
{
	margin:15px 0px 15px 0px;
}

.incLineWrapper p
{
	margin:0px 0px 15px 0px;
}

.incLineWrapper table
{
	width:100%;
	border:0;
	border-collapse:collapse;
}

.incLineWrapper table td
{
	vertical-align:top;
	padding:0;
	margin:0;
	border:0;
	border-collapse:collapse;
}

.incLineWrapper  table td img
{
	vertical-align:top;
	padding:0;
	margin:0;
	border:0;
	outline:0;
}

.incLineWrapper .incLineContent
{
	text-align:left;
	margin:0px 20px 0px 20px;
}

.incLineWrapper .incLineContent ul, .incLineWrapper .incLineContent ul li
{
	margin:0;
	padding:0;
	list-style-type:disc;
}

.incLineWrapper .incLineContent ul li
{
	margin:0px 0px 5px 25px;
}

.incLineWrapper .blue_subhead
{
	color:#3366FF;
	font-size:1.3em;
	font-weight:bold;
	margin-bottom:15px;
}


/*-------------------perceptionRealityWrapper-------------------*/
.perceptionRealityWrapper
{
	margin:15px 0px 15px 0px;
}

.perceptionRealityWrapper p
{
	margin:0px 0px 15px 0px;
}

.perceptionRealityWrapper table
{
	width:100%;
	border:0;
	border-collapse:collapse;
}

.perceptionRealityWrapper table td
{
	vertical-align:top;
	padding:0;
	margin:0;
	border:0;
	border-collapse:collapse;
}

.perceptionRealityWrapper  table td img
{
	vertical-align:top;
	padding:0;
	margin:0;
	border:0;
	outline:0;
}

.perceptionRealityWrapper .perceptionRealityContent
{
	text-align:left;
	margin:0px 20px 0px 20px;
}

.perceptionRealityWrapper .perceptionRealityContent ul, .perceptionRealityWrapper .perceptionRealityContent ul li
{
	margin:0;
	padding:0;
	list-style-type:disc;
}

.perceptionRealityWrapper .perceptionRealityContent ul li
{
	margin:0px 0px 5px 25px;
}

.perceptionRealityWrapper .perceptionRealityContent ul li .quote
{
	margin-left:25px;
}

.perceptionRealityWrapper .blue_subhead
{
	color:#3366FF;
	font-size:1.3em;
	font-weight:bold;
	margin-bottom:15px;
}


#CritCommWrapper {
	background: #000 url(http://library.kelloggs.com/critcomm/assets/alert_red.png) no-repeat;
	height: 55px;
	margin: 20px auto;
	padding: 0 0 0 70px;
	width: 970px;
}

#CritCommWrapper p {
	height: 25px;
	padding: 10px 0;
}

#CritCommWrapper a {
	color: #fff;
	font-size: 18px;
}

#CritCommWrapper a:hover {
	color: #cf000d;
}