/*      # ID         . class   */


	
/*Links to the right of the page*/


	
div.ctabottom {
	width: 190px;
	border: 1px none;
	border-color: transparent;}


div.ctabottom h2 {
	background-color: transparent;
	color: #145a9e;
	margin-top: 0px;
	margin-bottom: 2px;
	font-size: 14px;}
	
/*Right navigation on the home page itself*/
div.home_rightNav {
	width: 202px;
	border: 1px none;
	border-color: transparent;}

div.home_rightNav h2 {
	background-color: transparent;
	color: #01b0f1;
	margin-top: 0px;
	margin-bottom: 2px;
	font-size: 14px;}

/*BEFORE Did you know box copy*/	
div.beforedidyouknow TABLE {
	border-collapse: separated;
	border: 1px ;
	border-style: dotted;
	border-spacing: 0px;
	background-color: #ffffff;
	vertical-align: top;
	padding: 0px;
}
div.beforedidyouknow TABLE TD
 {
	border-collapse: separated;
	border: 1px ;
	border-style: dotted;
	border-spacing: 0px;
	border-color: #DEDEDE;
	background-color: #ffffff;
	font-size: 11px;
	vertical-align: top;
	padding: 6px;
 }
 
 div.beforedidyouknow TABLE TH
 {
	border-collapse: separated;
	border: 1px ;
	border-style: dotted;
	border-spacing: 0px;
	border-color: #DEDEDE;
	background-color: #ffffff;
	font-size: 11px;
	vertical-align: top;
	padding: 6px;
	color: #01b0f1;	
 }


div.beforedidyouknow h4{
	background-color: transparent;
	color: #145a9e;
	margin-left: 0px;
	margin-top: 15px;
	margin-bottom: 0px;
	font-size: 12px;
	font-weight: bold;}	
	
/*AFTER Did you know box copy*/	
div.afterdidyouknow h4{
	background-color: transparent;
	color: #145a9e;
	margin-left: 0px;
	margin-top: 15px;
	margin-bottom: 0px;
	font-size: 12px;
	font-weight: bold;}	

TABLE.i-table 
{
	width:100%;
	border-collapse: separated;
	border: 1px ;
	border-style: dotted;
	border-spacing: 0px;
	background-color: #ffffff;
	vertical-align: top;
	padding: 0px;
}
TABLE.i-table TD
 {
	border-collapse: separated;
	border: 1px ;
	border-style: dotted;
	border-spacing: 0px;
	border-color: #DEDEDE;
	background-color: #ffffff;
	font-size: 11px;
	vertical-align: top;
	padding: 6px;
 }
 
 TABLE.i-table TH
 {
	border-collapse: separated;
	border: 1px ;
	border-style: dotted;
	border-spacing: 0px;
	border-color: #DEDEDE;
	background-color: #ffffff;
	font-size: 11px;
	vertical-align: top;
	padding: 6px;
	color: #01b0f1;	
 }

/*Did you know box copy - navy blue*/		
div.didyouknow p{
	border-color: transparent;
	color: #145a9e;
	font-size: 12px;
	font-weight: bold;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 10px;}	
	

#relatedproductshead {
	background-color: transparent;
	color: #01b0f1;
	margin-top: 30px;
	margin-left: 10px;
	margin-bottom: 10px;
	font-size: 12px;}

#importantlinkshead {
	background-color: transparent;
	color: #145a9e;
	margin-top: 10px;
	margin-bottom: 2px;
	padding-bottom: 2px;
	font-size: 14px;}	

/*the titles in the intro Stages pages, with fixed background color*/	
div.aboveCerealCTA h3{
	background-color: #9AD9EA;
	color: #145a9e;
	margin-left: 63px;
	margin-top: 2px;
	margin-bottom: 2px;
	font-size: 12px;
	font-weight: bold;
	padding:0px 0px 0px 8px;}	
	
/*section titles within this DIV*/	
div.aboveCerealCTA h4{
	background-color: transparent;
	color: #145a9e;
	margin-left: 0px;
	margin-top: 15px;
	margin-bottom: 0px;
	font-size: 12px;
	font-weight: bold;}
	
div.aboveCerealCTA img {
    float:left;
    padding:0px 10px 0px 0px;
}	

div.aboveCerealCTA p {
    padding:0px 10px 10px 0px;
}	
/*This is the Cereal CTA Box containing the links and a product snap shot*/	
div.CerealCTA h3{
	background-color: transparent;
	color: #145a9e;
	margin-left: 8px;
	margin-top: 2px;
	margin-bottom: 2px;
	font-size: 12px;
	font-weight: bold;}		
	
div.CerealCTA p{
	background-color: transparent;
	margin-left: 8px;
	margin-top: 10px;
	margin-bottom: 2px;}		
	
	
div.CerealCTA td#productshot{
	background-color: transparent;
	vertical-align: middle;
	border: 0px none;
	margin: 0px;
	padding: 0px;
	width: 150px;}		
	
div.CerealCTA td#productlinks{
	background-color: transparent;
	vertical-align: middle;
	border: 0px none;
	margin: 0px;
	padding-right: 5px;
	padding-left: 0px;}			
		
div.CerealCTA a{
	text-decoration: underline;
	background-color: transparent;
	color: #006699;
	font-size: 10px}
	
div.CerealCTA a:hover {
	text-decoration: underline;
	background-color: transparent;
	color: #330066;
	font-size: 10px} 	
	
	
/*This is the Cereal home page's colored boxes*/	
div.CerealColoredBoxes h3{
	background-color: transparent;
	color: #145a9e;
	margin-left: 8px;
	margin-top: 15px;
	margin-bottom: 2px;
	font-size: 12px;
	font-weight: bold;}		
	
	
div.CerealColoredBoxes table{
	cellpadding: 0px;
	cellspacing: 0px;
	border: 0px;}	
	
div.CerealColoredBoxes	p {
	vertical-align: top;
	margin: 0px 0px 0px 0px;
	font-size: 12px;}
	
				
		
div.CerealColoredBoxes a{
	text-decoration: underline;
	background-color: transparent;
	color: #006699;
	font-size: 12px;
	font-weight: bold;}		
	
div.CerealColoredBoxes a:hover {
	text-decoration: underline;
	background-color: transparent;
	color: #330066;
	font-size: 12px;
	font-weight: bold;}		
	
div.CerealColoredBoxes td.learn a {
    padding-left:8px; /* width of arrow +3px */
    background:url("bullet_o.gif") no-repeat left;
	text-decoration: underline;
	font-weight: normal;
}	 	

div.CerealColoredBoxes td.learn a:hover {
    padding-left:8px; /* width of arrow +3px */
    background:url("bullet_o.gif") no-repeat left;
	text-decoration: underline;
	font-weight: normal;
}	
		

/*no spacing needed for the CTA banners cause they come between lines which have spacing already*/
div.CTAbanner {
	margin-left: 0px;
	margin-top: 0px;
	margin-bottom: 0px;}	
	
div.CTAbanner h3 {	
	background-color: transparent;
	color: #145a9e;
	margin-left: 3px;
	margin-top: 2px;
	margin-bottom: 2px;
	font-size: 12px;
	font-weight: bold;}		
	
div.CTAbanner td {	
	vertical-align: middle;
	align: center;}			

/*nestle-baby home page colored boxes SPACING*/
div.homespacing{
	background-color: transparent;
	margin-bottom: 10px;
	margin-top: 5px;
	margin-left: 0px;
	margin-right: 0px;}	
	
/*****Breastfeeding left navigation on some pages*/
div.ctaLeft {
	width: 157px;
	border: 0px none;
	border-color: transparent;}				

/*exp: Downloads*/
div.ctaLeft h2{
	background-color: transparent;
	color: #145a9e;
	margin-top: 10px;
	margin-bottom: 2px;
	padding-bottom: 2px;
	font-size: 14px;}	

div.ctaLeft p {
	text-align: left;
}		

div.ctaLeft img {
	horizontal-align: center;
}	
	
	
/*exp" products related to this article*/	
div.productsCTA h2{
	background-color: transparent;
	margin-top: 10px;
	margin-bottom: 2px;
	padding-bottom: 2px;
	font-size: 12px;
	text-align: center;}	
	
div.productsCTA hr{
	width: 130px;
	text-align: center;}			
	

div.productsCTA p {
	text-align: center;}		

div.productsCTA img {
	text-align: center;}	
	
/********************** THESE SHOULD NOT CHANGE AT ALL *******************************/
body {
	background-color: #d0e0f0;
	color: #666666;
	font-family: arialroundedmt, arialrounded, arial, helvetica, sans-serif;
	font-size: 12px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 0px;}

div {
	vertical-align: top;
	font-family: arialroundedmt, arialrounded, arial, helvetica, sans-serif;
	font-size: 12px;
	margin-bottom: 0px;}
	
div.table {
	vertical-align: top;
	margin-bottom: 0px;
	margin-top: 18px;}	

table {
	vertical-align: top;
	z-index :auto ;}

td {
	vertical-align: top;
	font-family: arialroundedmt, arialrounded, arial, helvetica, sans-serif;}

form {
	margin: 0px;
	padding: 0px;}


HR{
	 color:#f4f4f4;
	 line-height: 8px;}	


select {
	font-family: arial,arialroundedmt, arialrounded,  helvetica, sans-serif;
	font-size: 11px;}


h1 {
	background-color: transparent;
	margin-bottom: 10px;
	color: #01b0f1;
	font-size: 16px;
	margin-top: 0px;}


h2 {
	background-color: transparent;
	color: #666666;
	margin-top: 15px;
	margin-bottom: 5px;
	padding-bottom: 2px;
	font-size: 14px;}
	
h3 {	
	background-color: transparent;
	color: #145a9e;
	margin-left: 0px;
	margin-top: 15px;
	margin-bottom: 0px;
	font-size: 12px;
	font-weight: bold;}		
	
p {
	vertical-align: top;
	margin: 0px 0px 0px 0px;
	font-size: 12px;}	

ul {
	list-style-image: url("bullet.gif");
	list-style-position: outside;
	vertical-align: middle;
	margin-top: 4px;
	margin-left: 16px;
	margin-bottom: 0px;
	padding: 0px;}

ul#breastfeeding {
	list-style-image: url("bullet_o.gif");
	list-style-position: outside;
	vertical-align: middle;
	margin-top: 2px;
	margin-left: 16px;
	margin-bottom: 0px;
	padding: 0px;}

ul#breastfeeding UL {
	list-style-image: url("bullet_o.gif");
	list-style-position: outside;
	vertical-align: middle;
	margin-top: 0px;
	margin-left: 0px;
	margin-bottom: 0px;
	padding: 0px;
	}

img {border: 0px none;}

a {
	background-color: transparent;
	color: #006699;
	text-decoration: none;
	font-size: 12px}

a:hover {
	background-color: transparent;
	color: #330066;
	text-decoration: none;
	font-size: 12px}

	
/* style by element class */
img.bullet {
	border: 0px none;
	vertical-align: middle;}
	

td.homecta {
	width: 183px;
	text-align: left;}

	
/*joinus banner to the right*/	
#joindiv {
	margin-top: 3px;
	border: 0px none;
}		

/*4 colored select menues to the right od the pages*/
#babyproductdiv {
	background-image: url("navblue.gif");
	background-repeat: no-repeat;
	height: 34px;
	width: 190px;
	vertical-align: middle;
	text-align: center;
	padding-top: 10px;
	border: 0px none;}

#allaboutpregnancy {
	background-image: url("navorange.gif");
	background-repeat: no-repeat;
	height: 34px;
	width: 190px;
	vertical-align: middle;
	text-align: center;
	margin-top: 3px;
	padding-top: 10px;
	border: 0px none;}

.RegHeader
{
	background-color: #d7e4f4;
	margin-left : 10px;
	padding-left: 20px;
	height:18px;
	vertical-align:middle;
	}

#babyfeeding {
	background-image: url("navgreen.gif");
	background-repeat: no-repeat;
	height: 34px;
	width: 190px;
	vertical-align: middle;
	text-align: center;
	margin-top: 3px;
	padding-top: 10px;
	border: 0px none;}

#momswellbeing {
	background-image: url("navpink.gif");
	background-repeat: no-repeat;
	height: 34px;
	width: 190px;
	vertical-align: middle;
	text-align: center;
	margin-top: 3px;
	padding-top: 10px;
	border: 0px none;}	
	
/*The very top navigation table*/	
#topnavtable {
	background-color: #55bbe3;
	color: #006699;
	border: 0px none;
	margin-top: 10px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	padding: 0px;
	width: 100%;
	height: 29px;}

#topnavtd {
	vertical-align: middle;
	border: 0px none;
	margin: 0px;
	padding: 0px;
	width: 100%;}

#topnavbuttontd {
	background-image: url("grad.gif");
	background-repeat: no-repeat;
	vertical-align: middle;
	text-align: right;
	border: 0px none;
	margin: 0px;
	padding: 0px;
	width: 100%;
	height: 29px;
	font-size:12;}

#topnavroundtd {
	vertical-align: middle;
	border: 0px none;
	margin: 0px;
	padding: 0px;
	width: 14px;
	height: 29px;}
	
	
#bodydiv {
	background-color: transparent;
	width: 750px;
	margin-left: auto;
	margin-right: auto;}


 
/*Other suites select box*/	
div.othersites {
	margin-top: 10px;
	vertical-align: bottom;
	text-align: right;
	width: 202px;
	border: 1px none;
	border-color: transparent;}
	
/*footer of the pages*/
#footerdiv {
	margin-top: 10px;
	vertical-align: middle;
	text-align: left;
	margin-bottom: 0px;}
	
/*Devider blue line spacing in most main content pages*/	
div.deviderline {
	margin-left: 0px;
	margin-top: 15px;
	margin-bottom: 15px;}		
	
/*Page content text*/
div.ContentBody{
	background-color: transparent;
	margin-bottom: 10px;
	margin-left: 15px;
	margin-right: 15px;
	color: #666666;
	font-size: 12px;
	width: 370px;}

div.ContentBody h1 {
	background-color: transparent;
	margin-bottom: 10px;
	color: #01b0f1;
	font-size: 16px;
	margin-top: 0px;}


div.ContentBody h2 {
	background-color: transparent;
	color: #666666;
	margin-top: 15px;
	margin-bottom: 5px;
	padding-bottom: 2px;
	font-size: 14px;}
	
div.ContentBody p {
	vertical-align: top;
	margin: 0px 0px 0px 0px;
	font-size: 12px;}	

	
	
div.TellaFriend {
	background-color: transparent;
	margin-bottom: 10px;
	margin-left: 0px;
	margin-top: 15px;
	font-size: 12px;}
	
SPAN.blob1
{
	margin-top:0 px;
	margin-bottom:0 px;
	}
