/* --------------------------------------------- */ 
/*	Designed and Produced by Carlson Marketing.  */
/*	Build start date: 19th February 2007.        */
/*	Developer: Nik Lazell                        */
/* --------------------------------------------- */


/* --------------------------------------------- */
/* KEY                                           */
/* --------------------------------------------- */
/* 1.	General Setup                            */
/* 2.	Generic Classes                          */
/* 3.	Page Frame                               */
/* 4.	Header		                             */
/* 5.	Top Links & Site Search                  */
/* 6.	Register/Login                           */
/* 7.	Top Navigation                           */
/* 8.	Secondary Menu                           */
/* 9.	Sidebar		                             */
/* 10.	Page                                     */   
/* 11.	Search                                   */
/* 12.	Navigation                               */
/* 13.	Banners                                  */
/* 14.	Footer                                   */
/* --------------------------------------------- */


/* --------------------------------------------- */
/* 1. General Setup                              */
	
	* {
		padding: 0;
		margin: 0;
	}
	
	html {
		font-size: 100%; /* IE hack for font size */
		font-family: arial, verdana, helvetica, sans-serif;
		text-align: center;
		color: #666;
		height: 100%;
	}  
	
	body {
		font-family: arial, verdana, helvetica, sans-serif;
		text-align: center;
		font-size: 0.75em;
		background: #0479B8 url(/a/img/global/bgRepeater.gif) repeat-x 0 0;
		color: #666;
	}

	a {
		color: #557CA2;
	}
	
	a:visited,
	a:hover,
	a:active {
		color: #557CA2;
	}

	p {
		padding: 5px 0;
		color: #666;/*jon*/
	}##p
	
	ul {
		margin: 0 0 0 10px;
		color: #000;
	}
	
	ol {
		margin: 0 0 0 10px;
	}
	
	img {
		display: block;
		border: 0;
	}
	
	div { zoom: 1; } /* hello, hasLayout */

	/* Forms */
	legend {
		display: none;
	}
	
	fieldset {
		border: 0;
		margin-bottom: 5px;
	}
	
	
/*  28/10/08 

	I've just popped some generic header siZes here as i am unsure where they are...
	Feel free to move them 
	
	Stew */
	
	
	h4,h5,h6{font-size:1em;}	
	
	
	
	
	/* clearFix */
		
		.clearFix:after {
			content: "."; 
			display: block; 
			height: 0; 
			clear: both; 
			visibility: hidden;
		}
	
		.clearFix {display: inline-block;}
		
		/* Hides from IE-mac \*/
		* html .clearFix {height: 1%;}
		.clearFix {display: block;}
		/* End hide from IE-mac */

	
/* --------------------------------------------- */
/* 2. Generic Classes                            */

	.hide {
		display: none;
	}
	
	.offScreen {
		position: absolute;
		left: -5000px;
		width: 1px;
	}

	.help {
		cursor: help;
	}
	
	.smallText {
		font-size: 0.8em;
	}
	
	.both {
		clear: both;
	}

	.boldText {
		font-weight: bold;
	}

	
/* --------------------------------------------- */
/* 3. Page Frame                                 */
	
#wrapper {
	background-color:#fff;
	width: 758px;
	margin: 0 auto;
	padding-left: 5px;		
	text-align: left;
}
	
.homepage{
	background-image:url(/a/img/home/contact_footer.jpg);
	background-repeat:no-repeat;
	background-position:bottom;}



/* --------------------------------------------- */
/* 4. Header 		                             */

#header {
	height: 64px;
}

	#header h1 {
		width: 136px;
		height: 62px;
		background: url(/a/img/global/identity.gif) no-repeat 50% 50%;
		float: left;
	}

		#header h1 a {
			display: block;
			width: 136px;
			height: 62px;
		}



/* --------------------------------------------- */
/* 6. Register/Login                             */

#header #login {
	color: #1B9CE2;
	text-align: right;
	padding: 10px 0;
}

	#header #login ul {
		list-style-type: none;
		float: right;
	}

		#header #login ul li {
			float: left;
			margin-right: 5px;
			padding-right: 5px;
			border-right: 1px solid #1B9CE2;
		}

			#header #login ul li a {
				text-decoration: none;
			}

			#header #login ul li a:hover {
				text-decoration: underline;
			}

		#header #login ul li.last {
			margin-right: 0;
			border-right: 0;
		}



/* --------------------------------------------- */
/* 7. Top Navigation                             */

#header ul#topNav {
	width: 608px;
	float: right;
	font-size: 0.95em;
	padding: 0;
	margin: 0;
	position: relative;
	top: 19px;
	list-style-type: none;
	z-index:100;
}

	#header ul#topNav li {
		float: left;
		width: 7.54em;
		line-height: 3em;
		color: #fff;
		border-right: 1px solid #fff;
		font-weight: bold;
		text-align: center;
	}

	#fullMenuWrapper a.notselected {
		border-bottom: 2px solid #fff; /* needs 2 pixels, not 1 to keep spacing, but adjustment needed on pages with no second nav - jon */
	}

	#emptyMenuWrapper a.notselected {
		border-bottom: 1px solid #fff; 
	}

	#menuWrapper a.notselected {
		border-bottom: 2px solid #fff;
	}
	
	#header ul#topNav li#pregnancy {
		background: #0477EC url(/a/img/global/topNav/corner.gif) no-repeat 0 0;	
	}
	#header ul#topNav li#pregnancy a.selected {
		border-bottom: 1px solid #0477EC;
	}
	

	#header ul#topNav li#zeroToThree {
		background: #00ccff;
	}
	#header ul#topNav li#zeroToThree a.selected {
		border-bottom: 1px solid #00ccff;
	}


	#header ul#topNav li#fourToSix {
		background: #60ab01;
	}
	#header ul#topNav li#fourToSix .selected {
		border-bottom: 1px solid #60ab01;
	}
	

	#header ul#topNav li#sevenToNine {
		background: #ffef17;
	}
	#header ul#topNav li#sevenToNine .selected {
		border-bottom: 1px solid #ffef17;
	}
	

	#header ul#topNav li#sevenToNine a {
		color: #998f0e;
	}
	#header ul#topNav li#sevenToNine .selected {
		border-bottom: 1px solid #FFEF17;
	}

	#header ul#topNav li#sevenToNine a:hover {
		color: #666;
	}
	

	#header ul#topNav li#tenToEleven {
		background: #ffa202;
	}
	#header ul#topNav li#tenToEleven .selected {
		border-bottom: 1px solid #ffa202;
	}
	

	#header ul#topNav li#twelveToTwentyThree {
		background: #fd1813;
	}
	#header ul#topNav li#twelveToTwentyThree .selected {
		border-bottom: 1px solid #fd1813;
	}
	

	#header ul#topNav li#twentyFourToThirtySix {
		background: #CC45E0;
	}
	#header ul#topNav li#twentyFourToThirtySix .selected {
		border-bottom: 1px solid #CC45E0;
	}
	

	#header ul#topNav li.last {
		border-right: 0;
	}

		#header ul#topNav li a {
			color: #fff;
			display: block;
			text-decoration: none;
		}

		#header ul#topNav li a:hover {
			color: #ddd;
		}



/* --------------------------------------------- */
/* 8. Secondary Menu                             */


/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/final_drop.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

#menuWrapper {/*ie fix addition*/
	top: 20px;
	position:relative;
	width: 608px;
	float: right;
	margin-top:-2px; /* for linked tab, was 0 */
}

#menu {
	position:relative;/*ie modification*/
	font-size: 0.9em;
	font-weight: bold;
	z-index:100;
	float: left; /*ie modification*/
	width: 608px; /*ie modification*/
	height: 2em; /* this fixed lack of background color*/
	border: 0;
}


/* Unique page colouring */
#menu.fourToSixMonths {
	background: #60ab01;
}
#menu.tenToElevenMonths {
	background: #ffa202;
}


/* --------------------------------------------- */
/* 6. DropDown Navigation Colour Overrides       */

.myArticlesZeroThree {
	width: 70px !important;
}

.forumZeroThree {
	width: 80px !important;
}

#menu.pregnancy {
	background: #0477EC !important;
}

#menuWrapper .pregnancy {

	background: #0477EC;
}

	#menu.pregnancy ul li a {
			background: #0477EC;
			z-index: 1000;
	}

		#menu.pregnancy ul li a:hover {
			z-index: 1000;
				background: #035fbd;
		}

	#menu.pregnancy ul li.selected a {
			background: #035fbd;
	}

		#menu.pregnancy ul li.selected li a {
				background: #0477EC;
		}
	
			#menu.pregnancy ul li.selected li a:hover {
					background: #00aaff;
			}

#menu.zeroToThreeMonths {
	background: #00ccff;
}

#menuWrapper .zeroToThreeMonths {

	background: #00ccff;
}

	#menu.zeroToThreeMonths ul li a {
			background: #00ccff;
			z-index: 1000;
	}

		#menu.zeroToThreeMonths ul li a:hover {
			z-index: 1000;
				background: #00aaff;
		}

	#menu.zeroToThreeMonths ul li.selected a {
			background: #00aaff;
	}

		#menu.zeroToThreeMonths ul li.selected li a {
				background: #00ccff;
		}
	
			#menu.zeroToThreeMonths ul li.selected li a:hover {
					background: #00aaff;
			}


#menu.fourToSixMonths {
	background: #60AB01;
}

#menuWrapper .fourToSixMonths {

	background: #60AB01;
}

	#menu.fourToSixMonths ul li a {
			background: #60AB01;
	}

		#menu.fourToSixMonths ul li a:hover {
				background: #4D8901;
		}

	#menu.fourToSixMonths ul li.selected a {
			background: #4D8901;
	}

		#menu.fourToSixMonths ul li.selected li a {
				background: #60ab01;
		}
	
			#menu.fourToSixMonths ul li.selected li a:hover {
					background: #4D8901;
			}





#menu.sevenToNineMonths {
	background: #ffef17;
}

#menuWrapper .sevenToNineMonths {

	background: #ffef17;
}

	#menu.sevenToNineMonths ul li a {
			background: #ffef17;
			color: #998f0e !important;
	}
	
		#menu.sevenToNineMonths ul li a:hover {
				background: #ccbf12;
				color: #fff !important;
		}

	#menu.sevenToNineMonths ul li.selected a {
			background: #ccbf12;
			color: #fff;
	}

		#menu.sevenToNineMonths ul li.selected li a {
				background: #ffef17;
				color: #998f0e;
		}
	
			#menu.sevenToNineMonths ul li.selected li a:hover {
					background: #ccbf12;
					color: #fff;
			}



#menu.tenToElevenMonths {
	background: #ffa202;
}

#menuWrapper .tenToElevenMonths {

	background: #ffa202;
}

	#menu.tenToElevenMonths ul li a {
			background: #FFA202;
	}

		#menu.tenToElevenMonths ul li a:hover {
				background: #dda000;
		}

	#menu.tenToElevenMonths ul li.selected a {
			background: #dda000;
	}

		#menu.tenToElevenMonths ul li.selected li a {
				background: #FFA202;
		}
	
			#menu.tenToElevenMonths ul li.selected li a:hover {
					background: #dda000;
			}




#menu.twelveToTwentyThreeMonths {
	background: #fd1813;
}

#menuWrapper .twelveToTwentyThreeMonths {

	background: #fd1813;
}

	#menu.twelveToTwentyThreeMonths ul li a {
			background: #fd1813;
	}

		#menu.twelveToTwentyThreeMonths ul li a:hover {
				background: #ac1813;
		}

	#menu.twelveToTwentyThreeMonths ul li.selected a {
			background: #ac1813;
	}

		#menu.twelveToTwentyThreeMonths ul li.selected li a {
				background: #fd1813;
		}
	
			#menu.twelveToTwentyThreeMonths ul li.selected li a:hover {
					background: #ac1813;
			}



#menu.twentyFourToThirtySixMonths {
	background: #CC45E0;
}

#menuWrapper .twentyFourToThirtySixMonths {

	background: #CC45E0;
}

	#menu.twentyFourToThirtySixMonths ul li a {
			background: #CC45E0;
	}

		#menu.twentyFourToThirtySixMonths ul li a:hover {
				background: #aa45E0;
		}

	#menu.twentyFourToThirtySixMonths ul li.selected a {
			background: #aa45E0;
	}

		#menu.twentyFourToThirtySixMonths ul li.selected li a {
				background: #cc45e0;
		}
	
			#menu.twentyFourToThirtySixMonths ul li.selected li a:hover {
					background: #aa45E0;
			}



/* remove all the bullets, borders and padding from the default list styling */
#menu ul {
	padding:0;
	margin:0;
	list-style-type:none;
}

	#menu ul ul {
		width:150px;
		font-size: 1em;
	}

	/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
	#menu li {
		float:left;
		position:relative;
		width: 10em;
	}

	#menu.pregnancy li {
		float:left;
		position:relative;
		width: 12em
	}

	#menu.pregnancy li#healthyEating {
		width: 90px;
		}
	#menu.pregnancy li#lifeStories {
		width: 7em;
		}
	#menu.pregnancy li#forum {
		width: 5.2em;
		}
	#menu.pregnancy	li#pregtool {
        width: 100px;
     }

	/* style the links for the top level */
	#menu a, #menu a:visited {
		display:block;
		text-decoration:none; 
		color:#fff; 
		padding-left:10px; 
		line-height: 2em;
	}

	
	/* a hack so that IE5.5 faulty box model is corrected */
	* html #menu a, * html #menu a:visited {
	/*	width:150px;
		w\idth:139px; */
	}

	/* style the third level background */
	#menu ul ul ul a, #menu ul ul ul a:visited {
		background:#e2dfa8;
	}
	/* style the third level hover */
	#menu ul ul ul a:hover {
		background:#b2ab9b;
	}

	/* hide the sub levels and give them a positon absolute so that they take up no room */
	#menu ul ul {
		visibility:hidden;
		position:absolute;
		height:0;
		left:0; 
		width:150px;
	}

	/* another hack for IE5.5 */
	* html #menu ul ul {
		top:21px;
		t\op:22px;
	}

	/* position the third level flyout menu */
	#menu ul ul ul{
		left:150px; 
		top:0;
		width:150px;
	}

	/* position the third level flyout menu for a left flyout */
	#menu ul ul ul.left {
		left:-150px;
	}

	/* style the table so that it takes no ppart in the layout - required for IE to work */
	#menu table {position:absolute; top:0; left:0;}

	/* style the second level links */
	#menu ul ul a, #menu ul ul a:visited {
/*		background:#60ab01;  */
		border-top: 1px solid #fff;
		font-weight: normal;
		height:auto;
		font-size: 0.9em;
		line-height:1em; 
		padding:5px 10px; 
		width:129px
		/* yet another hack for IE5.5 */
	}

	#menu.sevenToNineMonths ul ul a, #menu.sevenToNineMonths ul ul a:visited {
		background:#ffef17; 
		/* yet another hack for IE5.5 */
	}
	#menu.pregnancy ul ul a, #menu.pregnancy ul ul a:visited {
		background:#0477EC; 
		/* yet another hack for IE5.5 */
	}


	#menu ul li.selected {
		background: #4D8901;
	}



	* html #menu ul ul a{
		width:150px;
		w\idth:129px;
	}

	/* style the top level hover */
	#menu a:hover, #menu ul ul a:hover{
		color:#fff; 
		background:#4D8901;
	}

	#menu.sevenToNineMonths a:hover, #menu.sevenToNineMonths ul ul a:hover{
		color:#ffffff; 
		background:#CCBF12;
	}
	
	#menu.pregnancy a:hover, #menu.pregnancy ul ul a:hover{
		color:#ffffff; 
		background:#035FBD;
	}
	
	/* Screws IE5 - May need to be put back in
	#menu :hover > a, #menu ul ul :hover > a {
		color:#fff;
		background:#4D8901;
	}
	*/
	
	/* make the second level visible when hover on first level list OR link */
	#menu ul li:hover ul,
	#menu ul a:hover ul {
		visibility:visible; 
	}

	#menu ul li.selected a:hover {
		visibility:visible; 
	}

	/* keep the third level hidden when you hover on first level list OR link */
	#menu ul :hover ul ul{
		visibility:hidden;
	}

	/* make the third level visible when you hover over second level list OR link */
	#menu ul :hover ul :hover ul{ 
		visibility:visible;
	}



/* --------------------------------------------- */
/* 9. Sidebar	 	                             */


#sideBar {
	float: left;
	font-size: 0.9em;
	width: 144px;
	widt\h: 149px;
	margin-top: 13px;
	padding: 0 0 13px 0 ;
}

#contactLiveChat {
	background: url('/a/img/global/navigation/contactLive.gif') no-repeat left;
	width: 143px;
	height: 56px;
}
#contactLiveChat a {
	display: block;
	width: 143px;
	height: 56px;
}
#contactInfo {
	background: url('/a/img/global/navigation/contactDetails.gif') no-repeat left;
	width: 143px;
	height: 111px;
}
#latestNews {
	background: url('/a/img/global/latestNewsBanner.jpg') no-repeat left;
	width: 140px;
	height: 140px;
	margin-bottom: 10px;
}
	#latestNews a {
		display: block;
		width: 140px;
		height: 140px;
	}
	
	
#latestNewsAlt {
		background: url('/a/img/global/latestNewsBanner.gif') no-repeat left;
		width: 140px;
		height: 140px;
		margin-bottom: 10px;
	}
		#latestNewsAlt a {
			display: block;
			width: 140px;
			height: 140px;
		}	

#latestPregTools {
			/*	background: url('/a/img/global/latestNewsBanner.gif') no-repeat left; */
				width: 144px;
				height: 213px;
				margin-bottom: 10px;
			}
				#latestPregTools a {
					display: block;
					width: 144px;
					height: 213px;
				}



#latestBrandNews {
	background: url('/a/img/global/latestBrandNewsBanner.gif') no-repeat left;
	width: 140px;
	height: 82px;
	margin-bottom: 10px;
}

#latestBrandNews a {
	display: block;
	margin-bottom: 10px;
	height: 82px;
		margin-bottom: 10px;
}

#happiestBabies{
	display:block;
	height:140px;
	margin-bottom:13px;
	position:relative;	
	width:140px;
}

#happiestBabies span{
	background: url('/a/img/global/happiest_baby_banner.gif') no-repeat left;
	cursor: pointer;
	display:block;
	height:100%;
	position:absolute;
	width:100%;
	
}


#choiceAwards {
	width: 141px;
	height: 143px;
}

#contactInfo a,
#contactInfo a:visited {
	display: block;
	width: 143px;
	height: 111px;
}

   
/* --------------------------------------------- */
/* 10. Page		 	                             */

#page {
	width: 608px;
	font-size: 0.95em;
	float: right;
	/*padding-bottom: 10px;*/

	overflow:hidden;/*ie 6 fix, content doprs out of line*/
}

#pageNew {
	position:relative;
	width: 608px;
	font-size: 0.95em;
	float: right;
	padding-bottom: 10px;

	overflow:hidden;/*ie 6 fix, content doprs out of line*/
}

#feature {
	
	margin-top:14px;
	background: url(/a/img/home/feature.jpg) no-repeat;
	width: 608px;
	display: block;
	height: 245px;
}
.homeOnly {
	margin: 14px 0 0 0 ;
}

#feature a {
	display: block;
	width: 608px;
	height: 245px;
}


#threeQuarters {
	padding: 0 10px;
	width: 434px;
}



/* Quote			                             */

#quote {
	width: 283px;
	margin: 2px;
	float: left;
}

	#quote #openQuote {
		background: #ffffff url(/a/img/global/quote/quoteOpen.gif) no-repeat 0 0;
		float: left;
		width: 35px;
		height: 32px;
	}
	
	#quote h4 {
		background: #ffffff url(/a/img/global/quote/mumsKnowBest.gif) no-repeat 0 0;
		width: 206px;
		height: 21px;
		margin-left: 40px;
		margin-top: 12px;
	}

	#quote p {
		width: 206px;
		margin-left: 40px;
		color: #94D200;
		font-size: 1.2em;
	}

	#quote strong {
		margin-left: 40px;
		color: #000;
	}
	
	#quote #closeQuote {		
		background: #ffffff url(/a/img/global/quote/quoteClose.gif) no-repeat 0 0;
		float: right;
		width: 35px;
		height: 32px;
	}


.contactFooter {
	float:right;
	height:150px;
	margin-top:240px;
	width:405px;
}


.contactFooter h3 {
	text-indent:-5000em;
	width:405px;
}

.contactFooter p {
	background:url(../../img/home/hdr_call_us.gif) no-repeat;
	float:left;
	height:54px;
	margin-top:56px;
	text-indent:-5000em;
	width:132px;
	padding: 0;
	height: 78px;
}


.liveChat {
	float: left;
	width: 116px;
	height: 78px;
	margin: 56px 0 0 0;
	background:url(../../img/home/hdr_live_chat.gif) no-repeat;
}
.liveChat a {
	display: block;
	width: 116px;
	height: 78px;
	text-decoration: none;
}

.emailUs {
	margin: 56px 0 0 0;
	float: left;
	width: 138px;
	background:url(../../img/home/hdr_email_us.gif) no-repeat;
}

.emailUs a {
		display:block;
		height:78px;
		width:138px;
		text-decoration:none;
		text-indent:-5000em;
}
/* --------------------------------------------- */
/* 6. Did you Know - Generics	                 */


#didYouKnowFeature {
	margin: 10px 5px;
}
	#didYouKnowFeature h3 {
		background: url(/a/img/age/fourToSixMonths/didYouKnow.gif) no-repeat 0 0;
		width: 162px;
		height: 26px;
	}

	#didYouKnowFeature p {
		padding-left: 0;
		color: #94D200;
		font-size: 1.2em;
	}



/* --------------------------------------------- */
/* 11. Search	 	                             */

/*
#search {
	background: #1694D8 url(/a/img/global/search/corner.gif) no-repeat 0 0;
	padding: 5px 10px;
	margin-bottom: 5px;
}
*/



#search input.textBox {
	width: 90px;
	background: #D0EAF7;
	font-size: 0.9em;
	padding: 1px 2px;
}

#search input.submit {
	position: relative;
	margin-left: 5px;
	top: 2px;
}

#search input:focus {
	background: #fff;
}
#searchWrapper {
position: relative;
}
#search {
	background: #1694D8 url(/a/img/global/search/corner.gif) no-repeat 0 0;
	padding: 5px 10px;
	margin-bottom: 5px;
	width: 129px;
	position: absolute;
	top: 78px;
}

* html #search { width: 129px; left: -139px; top: 85px; }

fieldset { }
	
/* --------------------------------------------- */
/* 12. Navigation 	                             */

#navigation {
	float: left;
	margin-top: 33px;
	_margin-top: 17px; /*over-ridden on pages without nav bar by .noSecondaryNav*/
	width: 144px;
	widt\h: 149px;
	margin-bottom: 10px;
	font-size: 1.1em;

}

#navigation.noSecondaryNav {
	_margin-top: 37px;
}


*+html #navigation { /*IE7 fix - addition */
   margin-top: 39px;
    }

	#navigation ul {
		list-style-type: none;
		margin-left:0;
		width: 144px;
		widt\h: 149px;
		font-weight: bold;

	}

	#navigation ul li {
		padding-left: 0px;

	}


	#navigation ul li.first {
		border-top: none;

	}
	
	#navigation ul a {

		display: block;
		text-decoration: none;
		color: #fff;
		margin-left/**/: -16px;
		margin-lef\t: 0;	
	}
	
	>body #navigation ul a {
		margin-left: -16px;
	}

	#navigation ul a:hover {
		background: #016639;
	}

	#navigation ul li.sub {
		padding-left: 0px;
	}

	#navigation ul li a {			
		height: 63px;
		padding-left: 5px;
	}


	/* ie fixes begin */

	*+html #navigation ul li a {			
		margin-top: -2px;
	}

	#navigation ul li {			
		margin-bottom: -2px;
	}

	#navigation {
		padding-top: 2px;
		/*padding-bottom: -2px;*/
	}
	
	
	* html #feedingForLife, * html #feedingForLife a  {
		margin-top: -6px;
		padding-bottom: 4px;

	}
	
	* html #navigation.noSecondaryNav #feedingForLife , * html #navigation.noSecondaryNav #feedingForLife a  {
		margin-top: 0;
		padding-bottom: 0;

	}
	

	*+html #yourQuestions{
		height: 60px !important;
	}
	
	/*ie fixes end */


	#navigation ul li.selected {
		background: #94D200;
		color: #ffffff;
		padding-left: 0px;
	}

	#navigation ul#active li.selected {
		background: #E3F2BE;
		color: #ffffff;
		margin-left: -10px;
		ma\rgin-left: 0px;
		padding-left: 0px;
		padd\ing-left: 5px;
		display: block;
		font-weight: normal;
	}

	#navigation ul li.selected a {
		background: #94D200;
		color: #ffffff;
		display:block;
		padding-left: 5px;
	}

	#navigation ul#active li.selected a {
		background: #E3F2BE;
		color: #009900;
		padding-left: 5px;
	}

	#navigation ul#nonActive li.selected a {
		background: #D1E993;
		color: #009900;
	}

	#navigation ul#active li {
		padding-left: 0;
		border-bottom: 1px solid #fff;
		height: 2em;
		font-size: 0.8em;
	}

	#navigation ul#active a {
		padding-left: 10px;
		background: #d1e993;
		color: #009900;
		font-weight: normal;
		padding-top: 0;
		height: 2em;
		line-height: 2em;
	}

	#navigation ul#active a:hover {
		background: #E3F2BE;
	}

	#navigation ul#nonActive li {
		padding-left: 0;
		height: 2em;
		padding-left: 0;
		_padding-left: 20px;
		_margin-left: -20px;
		border-bottom: 1px solid #fff;
		font-size: 0.8em;
	}
	
	#navigation ul#nonActive a {
		padding-left: 10px;
		background: #85BD00;
		color: #fff;
		font-weight: bold;
		padding-top: 0;
		height: 2em;
		line-height: 2em;
	}

	#navigation ul#nonActive a:hover {
		background: #E3F2BE;
		color: #009900;
	}

	#navigation img {
		border-top: 1px solid #fff;
	}
	

	#navigation ul li#feedingForLife {
		background: url(/a/img/global/navigation/feedingForLife.gif) 0 0;
		padding: 0;
		margin: 0;
	}

		#navigation ul li#feedingForLife a {
			background: url(/a/img/global/navigation/feedingForLife.gif) 0 0;
			height: 64px;
			_height: 61px;
			
		}
		
		#navigation ul li#feedingForLife a:hover {
			background: url(/a/img/global/navigation/feedingForLife.gif) 0 128px;
			
		}
		#navigation ul li#feedingForLife.selected a {
			background: url(/a/img/global/navigation/feedingForLife.gif) 0 64px;
			
		}

	#navigation ul li#ourProducts {
		background: url(/a/img/global/navigation/ourProducts.gif) 0 0;
		padding: 0;
		margin: 0;
	}

		#navigation ul li#ourProducts a {
			background: url(/a/img/global/navigation/ourProducts.gif) 0 0;
			height: 64px;
			_height: 61px;
		}
		#navigation ul li#ourProducts a:hover {
			background: url(/a/img/global/navigation/ourProducts.gif) 0 128px;
		}
		#navigation ul li#ourProducts.selected a {
			background: url(/a/img/global/navigation/ourProducts.gif) 0 64px;
		}

	#navigation ul li#yourQuestions {
		background: url(/a/img/global/navigation/frequentlyAskedQuestions.gif) 0 0;
		padding: 0;
		margin: 0;
	}

		#navigation ul li#yourQuestions a {
			background: url(/a/img/global/navigation/frequentlyAskedQuestions.gif) 0 0;
			height: 64px;
			_height: 61px;
		}
		#navigation ul li#yourQuestions a:hover {
			background: url(/a/img/global/navigation/frequentlyAskedQuestions.gif) 0 128px;
		}
		#navigation ul li#yourQuestions.selected a {
			background: url(/a/img/global/navigation/frequentlyAskedQuestions.gif) 0 64px;
		}

	#navigation ul li#forum {
		background: url(/a/img/global/navigation/forum.gif) 0 0;
		padding: 0;
		margin: 0;
	}

		#navigation ul li#forum a {
			background: url(/a/img/global/navigation/forum.gif) 0 0;
			height: 64px;
			_height: 61px;
		}
		#navigation ul li#forum a:hover {
			background: url(/a/img/global/navigation/forum.gif) 0 128px;
		}
		#navigation ul li#forum.selected a {
			background: url(/a/img/global/navigation/forum.gif) 0 64px;
		}
		
	#navigation ul li#guides {
		background: url(/a/img/global/navigation/usefulGuides.gif) 0 0;
		padding: 0;
		margin: 0;
	}

		#navigation ul li#guides a {
			background: url(/a/img/global/navigation/usefulGuides.gif) 0 0;
			height: 64px;
			_height: 61px;
		}
		#navigation ul li#guides a:hover {
			background: url(/a/img/global/navigation/usefulGuides.gif) 0 128px;
		}
		#navigation ul li#guides.selected a {
			background: url(/a/img/global/navigation/usefulGuides.gif) 0 64px;
		}



/* --------------------------------------------- */
/* 13. Banners	 	                             */

#bannerContainer {border-top: 1px solid #fff;}

#bannerContainer .inner {padding: 5px;}

	#bannerContainer .inner a {
		color: red ;
		text-decoration: none;
	}

	#bannerContainer .inner a:hover {
		text-decoration: underline;
	}
	
	#joinUsBanner,
	#startBanner,
	#chatBanner {
		width: 202px;
		float: left;
	}
	
	
	#joinUsBanner ul li{
		background:url(/a/img/home/bullet_blue.gif) no-repeat left top;
		padding-left:10px;		
	}
	
	
	#leftBanner {
		width: 404px ;
		float: left ;
	}
	
	#chatBanner form {
		width: 100% ;
	}
	
	#chatBanner select{
		width: 100% ;
		margin: 0 0 0.5em 0 ;
		font-size: 1em ; 
	}
	#chatBanner input {
		float: right ;
	}
	#chatBanner p {
		margin: 0 0 0.7em 0 ;
	}
	
	
	h2#join {
		background: #ccc;
		display: block;
		width: 160px;
		height: 19px;
		background: url(/a/img/home/banners/freePack.gif) no-repeat 0 0;
	}

	h2#feedingYour {
		background: #ccc;
		display: block;
		width: 189px;
		height: 45px;
		background: url(/a/img/home/banners/feedingYour.gif) no-repeat 0 0;
	}

	h2#chat {
		background: #ccc;
		display: block;
		width: 160px;
		height: 19px;
		background: url(/a/img/home/banners/chatTitle.gif) no-repeat 0 0;
	}
	
	h2#infantAwards a{
		background: url(/a/img/home/banners/infants_awards_vote_sidebar2.gif) no-repeat 0 0;
		display:block;
		height:143px;
		text-decoration:none;
		text-indent:-5000em;
		width:144px;
		
	}

#sideFeature {background: url(/a/img/global/sideFeature/repeater.gif) repeat-y 0 0;}

.homepage #sideFeature{background-image: none;}

#sideFeature a {
color: #fd1813;
text-decoration: none;
}

#sideFeature a:hover {text-decoration: underline;}

#sideFeature .inner {
margin: 0 0 0 10px;
overflow: hidden;
}

#sideFeature .inner p {
color: #fd1813;
font-size: 1.2em ;
margin: 0 ;
padding: 5px 0 0 10px ;
}
#sideFeature .inner p.telephone {
font-size: 1.5em ;
background: url(/a/img/global/sideFeature/telephoneBack.gif) no-repeat bottom;
margin: 0 20px 10px 0 ;
padding-bottom:10px ;
}

#sideFeature .topCurve {
background: url(/a/img/global/sideFeature/topCurve.gif) no-repeat;
height: 10px;
}

#sideFeature .bottomCurve {
background: url(/a/img/global/sideFeature/bottomCurve.gif) no-repeat 0 0;
height: 12px;
overflow: hidden ;
}

#sideFeature h4#phone {
	background: url(/a/img/global/sideFeature/callUs.gif) no-repeat 0 0;
	color: #1694d8;
	height: 20px;
}

#sideFeature h4#envelope {
	background: url(/a/img/global/sideFeature/emailUs.gif) no-repeat 0 2px;
	color: #1694d8;
	height: 20px;
}

#didYouKnow {
	clear: left ;
	background: url(/a/img/home/mkb/repeater.gif) repeat-y 0 0;
	width: 395px;
}

#infantMilkPromo {
	clear: left ;
	width: 395px;
}

#didYouKnow .inner {
	
	margin: 0 10px 0 10px ;
}

#didYouKnow .inner p {
	margin: 0 10px 0 10px ;
	color: #1a9be0
}

#didYouKnow .topCurve {
	background: url(/a/img/home/mkb/topCurve.gif) no-repeat;
	height: 12px;
}

#didYouKnow .bottomCurve {
	background: url(/a/img/home/mkb/bottomCurve.gif) no-repeat 0 0;
	height: 7px;
	overflow: hidden ;
}

#didYouKnow h4 {
	background: url(/a/img/home/mkb/title.gif) no-repeat 0 0;
	padding-left: 20px;
	color: #1694d8;
	height: 23px;
	width: 175px;
}

#didYouKnow .closeQuote {
	width: 22px;
	height: 23px;
	background: url(/a/img/home/mkb/rightQuote.gif) no-repeat 0 2px;
	float: right;
}
#didYouKnow p.link {
	margin-left: 220px ;
}	
	
	
/* Forum Latest */

.forumLatest{
	background:#d6edfa;
	padding:10px 10px 15px 10px;
}	

.forumLatest h4{
	font-size:1em;
}

.forumLatest a{color:red;}

.forumLatest p.extract a{
	color:#666;
	text-decoration:none;
}

.forumLatest p.extract a:hover{
	text-decoration:underline;
}
	

/* --------------------------------------------- */
/* Feeding For Life Plan                         */

#feedingForLifePlan {
	width: 285px;
	height: 20em;
	float: right;
	margin-left: 20px;
	margin-right: 2px;
	background: url(/a/img/global/feedingForLifePlan/fflBg.gif) no-repeat;
}
div#feedingForLifePlan.noLogo {
	background: url(/a/img/global/feedingForLifePlan/fflBg_noLogo.gif) no-repeat;
}

	#feedingForLifePlan p {
		margin-top: 90px;
		margin-left: 25px;
		margin-right: 30px;
		font-size: 1.1em;
		color: #000000;
	}

#featureBlocks a,
.noStyling {
	text-decoration: none;
	cursor: hand;
}



.feedingFFL {
		margin-top: -280px;
}

.nudge {  /* move random images (DYK in on 7-9 section) */

	padding-left: 10px;
}

.spaceTop {
	padding-top: 125px;
}
/* --------------------------------------------- */
/* 14. Footer	 	                             */

#footer {
	font-size: 0.9em;
	width: 750px;
	margin: 0 auto;
	padding: 5px 0;
	color: #fff;
}

#footer ul {
	list-style-type: none;
	float: right;
}

#footer ul li {
	color: #fff;
	float: left;
	border-right: 1px solid #fff;
	margin-right: 5px;
	padding-right: 5px;
}

#footer ul li.last {
	border-right: 0;
	padding-right: 0;
	margin-right: 0;
}

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

#footer a:hover {
	text-decoration: underline;
}
.padder {
	padding: 0 10px 10px 10px ;
}

#trackingContainer {
	display: none;
}
.greenText {
	color:#94d200;
	font-weight:bold;
}

.nomarker {
list-style-type: none;
}

.OneNoteDec {
	float: right;
	padding: 10px 10px 0 0;
	color: #5e5e5f;
	font-size: 9px;
}


form.cms textarea {
	color:#666666;
	font-family:arial,verdana,helvetica,sans-serif;
	font-size: 0.95em;
	border: 1px solid #1B9BE1;
	width: 192px;
	height: 140px;		
}

form.cms input {
	width: 192px;
	border: 1px solid #1B9BE1;
}
form.cms input.title {
	font-size: 16px;
	font-wight: bold;
	color: #1B9BE1;
	margin-bottom: 5px;
}

.editContent { 

}

.editLink {
	float:right;
}

.editImg {
	height: 16px;
}

.indexHeader {
	color: #1B9BE1;
}

.cmstitles{
  font-weight:bold;
  color: #1B9BE1;
}

.banner_images {
	padding: 13px 0 0 0;
}
.banner_images #banner_img {
	position: relative;
	width: 607px;
	height: 236px;
	/*background-position: 0 0;
	background-repeat: no-repeat;
	background-image: url( '../../../iron/media/images/banner/callout_1.jpg' );*/
}
.banner_images #banner_img a {
	display: block;
	width: 583px;
	height: 236px;
}
.banner_images #banner_img img {
	position: absolute;
	top: 0;
	left: 0;
}
.banner_images #banner_img #coll_1,
.banner_images #banner_img #coll_2,
.banner_images #banner_img #coll_3 {
	opacity: 0;
}
.clr {
	clear: both;
}