/* NEW NAVIGATION */


#nav-new{
width:185px;
float:left;
margin:0 40px 0 60px;
padding:0;
cursor:pointer;
line-height:0;
}

#nav-new ul{
list-style-type:none;
line-height:0;
padding:0;
margin:0;
border:none;
}

#nav-new ul li{
	float:left;
	position:relative;
	z-index:90;
	margin:0;
	padding:0;
	line-height:0;
}

#nav-new ul li a, 
#nav-new ul li a:visited {
	display:		block; 
	float:			left; 
	text-decoration:none; 
	color:			#000; 
	width:			185px; 
	height:			31px; 
	line-height:	0; 
	background:		transparent;
}

#nav-new ul li ul{
	visibility:	hidden; 
	position:	absolute; 
	height:		0; 
	overflow:	hidden; 
	top:		0px; 
	left:		185px;
}

#nav-new ul li.reproduction {display: block;width: 185px;height: 31px;background: url(images/nav/nav-reproductive2.gif) no-repeat 0 0;}
#nav-new ul li.reproduction:hover {background-position: 0 -31px;}
.nav-reproduction #nav-new ul li.reproduction {background: url(images/nav/nav-reproductive.gif) no-repeat 0 -31px;}
.nav-reproduction #nav-new ul li.reproduction:hover {background: url(images/nav/nav-reproductive2.gif) no-repeat 0 0;background-position: 0 -31px;}

#nav-new ul li.allergies {display: block;width: 185px;height: 30px;background: url(images/nav/nav-food.gif) no-repeat 0 0;}
#nav-new ul li.allergies:hover {background-position: 0 -30px;}
.nav-allergies #nav-new ul li.allergies {background-position: 0 -30px;}

#nav-new ul li.stress {display: block;width: 185px;height: 29px;background: url(images/nav/nav-stress.gif) no-repeat 0 0;}
#nav-new ul li.stress:hover {background-position: 0 -29px;}
.nav-stress #nav-new ul li.stress {background-position: 0 -29px;}

#nav-new ul li.life {display: block;width: 185px;height: 26px;background: url(images/nav/nav-life.gif) no-repeat 0 0;}
#nav-new ul li.life:hover {background-position: 0 -26px;}
.nav-life #nav-new ul li.life {background-position: 0 -26px;}

#nav-new ul li ul li.infertility {background:url(images/nav/fly-infertility.png) no-repeat;height:26px;width:226px;display:block;}
#nav-new ul li ul li.miscarriage {background:url(images/nav/fly-miscarriage.png) no-repeat;height:20px;width:226px;}
#nav-new ul li ul li.pregnant {background:url(images/nav/fly-pregnancy.png) no-repeat;height:20px;width:226px;}
#flyout a {width:226px;margin:0;padding:0;line-height:0;}


#nav-new ul li a:hover {position:relative; z-index:100;}

#nav-new ul li:hover ul, #nav-new ul li a:hover ul {
visibility:visible; width:185px; z-index:10; overflow:visible; background: url(images/nav/nav-reproductive.gif) no-repeat 0 0;}

/* END NEW NAVIGATION */