﻿@charset "utf-8";
/* CSS Document */

/* age group nav ---------------------------- */

#headerAgeGroup {
/*background: url(/images/header/headerGroupTitle.gif) right top repeat-y;*/
width: 789px;
margin-top:0px;
*margin-top:-8px;
float:right;
color:#0c4497;		
font-size:10px;
font-weight:bold;
height:85px;
/*color: #990000;*/
}

	#headerAgeSearch a {
	font-weight:bold;	
	text-decoration:none;
	color:#0c4497;		
	}
	#headerAgeNavTop {
	width:782px;
	background: url(/images/header/headerGroupTop.gif) right top no-repeat;
	height:43px;
	float:right;
	/*width:710px;*/
	}
	#headerAgeMiddle {
	width:782px;
	background: url(/images/header/headerGroupBottom.gif) right bottom no-repeat;
	height:35px;
	float:right;
	}
	
	#headerAgeNavTop2 {
	width:782px;
	background: url(/images/header/headerGroupTop_2.gif) right top no-repeat;
	height:43px;
	float:right;
	margin-left:5px;
	/*width:710px;*/
	}
	#headerAgeMiddle2 {
	width:782px;
	background: url(/images/header/headerGroupBottom_2.gif) right bottom no-repeat;
	height:35px;
	float:right;
	}




#pregnancyGroupNav{
PADDING-RIGHT: 0px;	
PADDING-LEFT: 0px;	
FLOAT: left;	
MARGIN-BOTTOM: 5px;	
PADDING-BOTTOM: 5px;	
WIDTH: 330px;	
PADDING-TOP: 5px;	
LIST-STYLE-TYPE: none
}
#pregnancyGroupNav LI {	
PADDING-RIGHT: 0px;	FLOAT: left;	
PADDING-BOTTOM: 3px
}

#babyGroupNav LI {	
PADDING-RIGHT: 0px;	FLOAT: left
}

#pregnancyGroupNav A {	
DISPLAY: inline;	FONT-WEIGHT: bold;	
FONT-SIZE: 1.1em;	COLOR: #523D0A;	
LINE-HEIGHT: 1em;	TEXT-DECORATION: none
}

#babyGroupNav A {	
DISPLAY: inline;	FONT-WEIGHT: bold;	
FONT-SIZE: 1.1em;	COLOR: #523D0A;	
LINE-HEIGHT: 1em;	TEXT-DECORATION: none
}

#pregnancyGroupNav A:hover {	
TEXT-DECORATION: underline
}

#babyGroupNav A:hover {	
TEXT-DECORATION: underline
}

#pregnancyGroupNav .first {	
DISPLAY: inline;	MARGIN-LEFT: 41px;	
}

#pregnancyGroupNav .last {	
PADDING-RIGHT: 0px;	BACKGROUND: none transparent scroll repeat 0% 0%
}

#babyGroupNav .last {	
PADDING-RIGHT: 0px;	BACKGROUND: none transparent scroll repeat 0% 0%
}

#babyGroupNav {	
PADDING-RIGHT: 5px;	PADDING-LEFT: 5px;	
FLOAT: left;	MARGIN-BOTTOM: 5px;	
PADDING-BOTTOM: 5px;	WIDTH: 422px;	
PADDING-TOP: 5px;	LIST-STYLE-TYPE: none;	
}

#babyGroupNav .first {	
DISPLAY: inline;	MARGIN-LEFT: 67px;	
_margin-left: 67px
}

/* primary nav ------------------------------ */

#primaryNav {
float:left;
}

#primaryNav #primaryNavTop {	
BACKGROUND: url(/images/primary_nav/background-top.gif) no-repeat left top;	
WIDTH: 187px;	
HEIGHT: 21px;
}

#primaryNav #primaryNavRepeat {	
BACKGROUND: url(/images/primary_nav/background-repeat.gif) repeat-y left top
}

#primaryNav #primaryNavBottom {	
BACKGROUND: url(/images/primary_nav/background-bottom.gif) no-repeat left bottom;	
MARGIN-BOTTOM: 15px;	
WIDTH: 187px;	
HEIGHT: 16px
}

#primaryNav #primaryNavRepeat #nav {	
PADDING-RIGHT: 0px;	
PADDING-LEFT: 0px;	
PADDING-BOTTOM: 0px;	
MARGIN-LEFT: 1px;	
WIDTH: 185px;	
PADDING-TOP: 0px;	
LIST-STYLE-TYPE: none
}
#primaryNav #functionNav {
padding: 8px 0px 5px
}	

#primaryNav #functionNav DIV {
padding-bottom:8px
}


#primaryNav #nav, #primaryNav #nav li  {
width:185px;
margin: 0;
padding: 0;
list-style: none;
}
	
	#primaryNav #nav li a {
	display:block;
	width:185px;
	height:24px;
	background:top left no-repeat;
	text-decoration: none;	
	}
	#primaryNav #nav li a:hover { /* creates rollover by moving image position, requires no javascript */
	background-position:bottom left; 
	}

	#primaryNav #nav li a.navHome { 
	height:27px;
	background-image: url(/images/primary_nav/home_but.gif); 
	}
	#primaryNav #nav li#navHome { 
	height:27px;
	background-image: url(/images/primary_nav/home_but.gif); 
	background-position:bottom left; 
	}
	#primaryNav #nav li a.navPregnancy { 
	height:27px;
	background-image: url(/images/primary_nav/pregnancy_but.gif); 
	background-repeat: no-repeat;
	}
	#primaryNav #nav li a.navPregnancyOn { 
	height:27px;
	background-image: url(/images/primary_nav/pregnancy_but.gif); 
	background-repeat: no-repeat;
	background-position: bottom left;
	}
	#primaryNav #nav li a.navNewMum { 
	height:27px;
	background-image: url(/images/primary_nav/newmum_but.gif); 
	background-repeat: no-repeat;
	}
	#primaryNav #nav li a.navNewMumOn { 
	height:27px;
	background-image: url(/images/primary_nav/newmum_but.gif); 
	background-repeat: no-repeat;
	background-position: bottom left;
	}
	#primaryNav #nav li a.navMyBaby {
	height:27px;
	background-image: url(/images/primary_nav/mybaby_but.gif);
	background-repeat: no-repeat;
	}
	#primaryNav #nav li a.navMyBabyOn {
	height:27px;
	background-image: url(/images/primary_nav/mybaby_but.gif);
	background-repeat: no-repeat;
	background-position: bottom left;
	}
	#primaryNav #nav li a.navMyToddler { 
	height:27px;
	background-image: url(/images/primary_nav/mytoddler_but.gif);
	background-repeat: no-repeat;
	}
	#primaryNav #nav li a.navMyToddlerOn { 
	height:27px;
	background-image: url(/images/primary_nav/mytoddler_but.gif);
	background-repeat: no-repeat;
	background-position: bottom left;
	}
	
	#primaryNav #nav li a.navMyChildren { 
	height:27px;
	background-image: url(/images/primary_nav/mychildren_but.gif);
	background-repeat: no-repeat;
	}
	#primaryNav #nav li a.navMyChildrenOn { 
	height:27px;
	background-image: url(/images/primary_nav/mychildren_but.gif);
	background-repeat: no-repeat;
	background-position: bottom left;
	}
	
	#primaryNav #nav li a.navDads { 
	height:27px;
	background-image: url(/images/primary_nav/dads_but.gif);
	background-repeat: no-repeat;
	margin-bottom:15px;
	}
	#primaryNav #nav li a.navDadsOn { 
	height:27px;
	background-image: url(/images/primary_nav/dads_but.gif);
	background-repeat: no-repeat;
	background-position: bottom left;

	}
	#primaryNav #nav li a.navFeeding { 
	height:27px;
	background-image: url(/images/primary_nav/feedingandnutrition_but.gif); 
	background-repeat: no-repeat;
	}
	#primaryNav #nav li a.navFeedingOn { 
	height:27px;
	background-image: url(/images/primary_nav/feedingandnutrition_but.gif); 
	background-repeat: no-repeat;
	background-position: bottom left;
	}
		
	#primaryNav #nav li a.navImmunity{ 
	height:27px;
	background-image: url(/images/primary_nav/immunity_but.gif); 
	background-repeat: no-repeat;
	}
	#primaryNav #nav li a.navImmunityOn{ 
	height:27px;
	background-image: url(/images/primary_nav/immunity_but.gif); 
	background-repeat: no-repeat;
	background-position: bottom left;
	}


	#primaryNav #nav li a.navProducts{ 
	height:27px;
	background-image: url(/images/primary_nav/ourproducts_but.gif); 
	background-repeat: no-repeat;
	margin-bottom:0px;
	}
	#primaryNav #nav li a.navProductsOn { 
	height:28px;
	background-image: url(/images/primary_nav/ourproducts_but.gif); 
	background-repeat: no-repeat;
	background-position: bottom left;
	margin-bottom:15px;
	_margin-bottom:0px;
	}
	#primaryNav #nav LI A.navFaq {	
	BACKGROUND-IMAGE: url(/images/primary_nav/faq_but.gif);	
	MARGIN-BOTTOM: 0px;	
	BACKGROUND-REPEAT: no-repeat;	
	HEIGHT: 27px
	}
	#primaryNav #nav LI A.navFaqOn {	
	BACKGROUND-POSITION: left bottom;	
	BACKGROUND-IMAGE: url(/images/primary_nav/faq_but.gif);	
	MARGIN-BOTTOM: 0px;	
	BACKGROUND-REPEAT: no-repeat;	
	HEIGHT: 27px
	}
	#primaryNav #nav li a.navExperts { 
	height:27px;
	background-image: url(/images/primary_nav/meetourexperts_but.gif); 
	background-repeat: no-repeat;
	}
	#primaryNav #nav li a.navExpertsOn { 
	height:27px;
	background-image: url(/images/primary_nav/meetourexperts_but.gif); 
	background-repeat: no-repeat;
	background-position: bottom left;
	}
	#primaryNav #nav li a.navForums { 
	height:27px;
	background-image: url(/images/primary_nav/forumsandfriends_but.gif); 
	background-repeat: no-repeat;



	}
	#primaryNav #nav li a.navForumsOn { 
	height:27px;
	background-image: url(/images/primary_nav/forumsandfriends_but.gif); 
	background-repeat: no-repeat;
	background-position: bottom left;


	}


	#primaryNav #nav li a.navWhatNew { 
	height:27px;
	background-image: url(/images/primary_nav/btn_Announcement.gif);
	background-repeat: no-repeat;
	margin-bottom:15px;
	}
	#primaryNav #nav li a.navWhatNewOn { 
	height:27px;
	background-image: url(/images/primary_nav/btn_Announcement.gif);
	background-repeat: no-repeat;
	background-position: bottom left;
	}
	
	#primaryNav #nav li a.navWhatsNew { 
	height:27px;
	background-image: url(/images/primary_nav/whats_new_but.gif); 
	background-repeat: no-repeat;	
	margin-bottom:15px;
	}
	
	#primaryNav #nav li a.navWhatsNewOn { 
	height:27px;
	background-image: url(/images/primary_nav/whats_new_but.gif); 
	background-repeat: no-repeat;
	background-position: bottom left;
	margin-bottom:15px;
	}




	#primaryNav #nav li a span { /* removes text links from view of css enabled */
	visibility:hidden; 
	}
	.new_pri_nav 
	{
		width:185px;
		margin-bottom:10px;
	}

/* preganancy promo nav ------------------------------ */
#pregnancyPromoNav {
width:208px;
background: url(/images/primary_nav/preg_nav_body.jpg) left top repeat-y;
margin-top:3px;
}
#preglink a
{
	text-decoration:none;

}
#preglink a:hover{text-decoration:underline;}

	#pregnancyPromoNav a {
	color:#757575;
	text-decoration:none;
	}
	#pregnancyPromoNavTop {
	width:208px;
	background: url(/images/primary_nav/preg_nav_top_new.jpg) left top no-repeat;
	float:left;
	}
	#pregnancyPromoNavSubTop{
	width:208px;
	background: url(/images/primary_nav/preg_nav_body.jpg) left top repeat-y;
	}
	
		#pregnancyPromoNavTop h3 span { 
		 margin-left:-9000px;
		}
	#pregnancyPromoNavMiddle {
	width:208px;
	height:140px;
	padding: 0 0 0 0;
	background: url(/images/primary_nav/preg_nav_body.jpg) left top repeat-y;
	float:left;
	color:#757575;

	}
	#pregnancyPromoNavMiddleCalendar{margin-right:3px;}
	#pregnancyPromoNav form {
	width:208px;
	}
	#pregnancyPromoNav .sign4free{
	 font-size: 1.2em;
	 margin-top:15px;
	}
	.emailField {width:153px;}
	pregnancyForm select { /* sets font size on all drop downs */
	font-size:1em;
	}
		.pregnancyDay {
		width:40px;
		margin: 0 2px 0 16px;
		display:inline;
		float:left;
		}
		.pregnancyMonth {
		width:50px;
		margin-right:2px;
		display:inline;
		float:left;
		}
		.pregnancyYear {
		width:60px;
		margin-right:5px;
		display:inline;
		float:left;
		}
	#duteDateCalendar{font-size:1.1em;font-weight:bold;}
	#duteDateCalendar a{text-decoration:none;}
	#duteDateCalendar a:hover{text-decoration:underline;}
	#bottleFeedingInfo{width:120px;}
	#checkBoxes {
	margin-left: 16px !important;
	margin-left: 17px;
	margin-top:6px;
	}
	#checkBoxes .input {
	margin: 0;
	padding: 0;
	}
	.label {
	width: 100px;
	float: left;
	}
	.pregnancyCheckboxLabel {
	font-size:1.1em;
	}
	#pregnancyPromoNavMiddle a.privacyPolicyLink { /* create link style with rollover arrow */
	font-size:0.9em;
	font-weight: bold;
	padding-left: 15px;
	background: url(/images/arrow_blue_off_on.gif) 0 1px no-repeat;
	text-decoration:none;
	}
	#pregnancyPromoNavMiddle a:hover.privacyPolicyLink { /* create link style with rollover arrow */
	background: url(/images/arrow_blue_off_on.gif) 0 -28px no-repeat;
	text-decoration:underline;
	}
	#calendar { /*pop up - hidden - calendar div */
	width: 200px;
	height: 200px;
	position: absolute;
	top: 480px;
	left: 188px;
	border: #0090d9 1px solid;
	background-color:#fff;
	}
		body #calendar P { /* stets colour for calendar popup */
		color:#000;
		}

#primaryNav #nav ul.navSectionSubNav
{
	margin:0;
	padding:0px;
	padding-bottom:6px;
	font-size:1em;
	_font-size:1.1em;
	color:#757575;
	width:160px;
	background-image:url(/images/primary_nav/background-repeat.gif)
	/*	float:left;*/
}


#primaryNav #nav li.navSectionSubNavItem
{
	float:left;
	width:140px;
	display:block;
	/*padding-left:3px;*/
}	

#primaryNav #nav li.navSectionSubNavItem a
{
	float:left;
	color:#757575;
	width:160px;
	line-height:1.1em;
	background:url(/images/bullet1_tran.gif) 0 0 no-repeat; 
	height:auto;
	display:block;
	padding:2px 0 3px 20px;
	font-size:10px
}

#primaryNav #nav li.navSectionSubNavItem a:hover
{
	text-decoration: underline;
	background: url(/images/bullet1_tran.gif) 0 0 no-repeat; 
}

#primaryNav #nav li.navSectionSubNavItemNoList a
{
	float:left;
	color:#757575;
	width:160px;
	line-height:1.1em;
	height:auto;
	display:block;
	padding:2px 0 3px 20px;
	font-size:10px;
	list-style:none;
}

#primaryNav #nav li.navSectionSubNavItemNoList a:hover
{
	text-decoration: underline;
	list-style:none;
}

/*  NARROW SUB NAV  */

#primaryNav #nav #navMyToddler ul.navSectionSubNav,
#primaryNav #nav #navProducts ul.navSectionSubNav,
#primaryNav #nav #navPregnancy ul.navSectionSubNav,
#primaryNav #nav #navNewMum ul.navSectionSubNav,
#primaryNav #nav #navMyBaby ul.navSectionSubNav,
#primaryNav #nav #navExperts ul.navSectionSubNav,
#primaryNav #nav #navFeeding ul.navSectionSubNav,
#primaryNav #nav #navImmunity ul.navSectionSubNav,
#primaryNav #nav #navForums ul.navSectionSubNav,
#primaryNav #nav #navMyChildren ul.navSectionSubNav,
#primaryNav #nav #navDads ul.navSectionSubNav,
#primaryNav #nav #navWhatNew ul.navSectionSubNav,

{
	
	margin: 0px 11px 0px 11px;
	padding: 0px 0px 6px 0px;
}

#navProducts{
	z-index: 5;
	position: relative;
}

/*******************footer*****************/

#footerWrapper {
width:982px;
height:90px;
margin:15px auto;
_float:none;
}
	#footerArea {
	background:url(/images/footer/footerBg.gif) left top no-repeat;
	height:90px;
	width:982px;
	float:left;
	}
#footerAreaLeft{
float:right;
padding-right:30px;
padding-top:15px;
}
#footerAreaLeft ul { /* UL for legal links */
margin:35px 0 0 230px;
padding:0;
width:490px;
float:left;
list-style-type:none;
/*margin:top/right/bottom/left*/
}

#footerAreaLeft div { /* DIV for legal links */
margin:35px 0 0 230px;
padding:0;
width:490px;
float:left;
list-style-type:none;
text-align:right;
/*margin:top/right/bottom/left*/
}
	#footerAreaLeft p a {
	color: #757575;
	text-decoration:none;
	}
	#footerAreaLeft p a:hover {
	text-decoration:underline;
	}

	#footerAreaLeft ul li {
	font-weight:bold;
	color:#523D0A;
	float: right;
	 /*#0c4497;	*/	
	}
		
		#footerAreaLeft ul li a{
			color:#523D0A;
			font-weight:bold;
			text-decoration:none;
			font-size:1.1em;
		/*color:#0c4497;	*/
		}
		#footerAreaLeft ul li a:hover {
		text-decoration:underline;
		}
		
#footerAreaLeft div {
	font-weight:bold;
	color:#523D0A;
	float: right;
	 /*#0c4497;	*/	
}
#footerAreaLeft div a{
	color:#523D0A;
	font-weight:bold;
	text-decoration:none;
	font-size:1.1em;
	/*color:#0c4497;	*/
}
#footerAreaLeft div a:hover {
	text-decoration:underline;
}


/***end footer**/






