/*topNav*/
#topNav {
	clear: both;
	background: #e5eef2 url(../images/nav/rightend.gif) no-repeat right top;
	width: 100%;
	float: left;
	margin: 1.5em 0 1em 0;
	height: 26px;
}
* html #topNav {

	margin-top:32px;
}
#topNav ul {
	background: #FFFFFF url(../images/nav/list-bg.gif) no-repeat right top;
	padding-right: 6px;
	position: relative;
	float: left;
	z-index: 29;
	clear: both;
}
#topNav ul ul.tiertwo{
	position: absolute;
	background: #FFFFFF url(../images/nav/tier2-bg.gif) repeat-x bottom;
	padding: 0;
	left: -999em;
	top: 26px;
	border-right: 1px solid #797979;
	border-bottom: 1px solid #797979;
	width: 160px;
	z-index: 29;
}
#topNav li:hover ul.tiertwo, #topNav li.hover ul.tiertwo {
	position: absolute;
	left: auto;
	z-index: 29;
}
#topNav li {
	float: left;
	list-style: none;
	margin: 0 8px 0 0;
}
#topNav ul.tiertwo li a{
	float: none;
	list-style: none;	
	margin: 0;
	border-bottom: 1px solid #e5e5e5;
}
#topNav li a {
	display: block;
	cursor: pointer !IMPORTANT; 
	margin: 0 0 0 0px;
	color: #043453;
	text-indent: -9999em;
	height: 26px;
	z-index: 29;
}
#topNav li.home a:hover, #topNav li.home a.active { background-position: 0px -26px; } 
#topNav li.heart a:hover, #topNav li.heart a.active { background-position: 0px -26px; }
#topNav li.needs a:hover, #topNav li.needs a.active { background-position: 0px -26px; } 
#topNav li.look a:hover, #topNav li.look a.active { background-position: 0px -26px; }

#topNav li ul.tiertwo li a, #topNav li.home ul.tiertwo li a, #topNav li.heart ul.tiertwo li a, #topNav li.needs ul.tiertwo li a, #topNav li.look ul.tiertwo li a {
	text-indent: 0em;
	display: block;
	margin: 0 0px;
	padding: 0.5em 10px 0.5em 5px; 
	color: #043453;
	height: auto;
	width: 145px;
	background-image: none;
	cursor:pointer !IMPORTANT;
}

#topNav li.home ul.tiertwo li a:hover, #topNav li.home ul.tiertwo li.hover {
	background: #FFC74A;
	color: #FFFFFF;
}
#topNav li.heart ul.tiertwo li a:hover, #topNav li.heart ul.tiertwo li.hover {
	background: #6BA2DE;
	color: #FFFFFF;
}
#topNav li.needs ul.tiertwo li a:hover, #topNav li.needs ul.tiertwo li.hover {
	background: #E77129;
	color: #FFFFFF;
}
#topNav li.look ul.tiertwo li a:hover, #topNav li.look ul.tiertwo li.hover {
	background: #9CB252;
	color: #FFFFFF;
}
/* Campaign green*/ 
#topNav li.look ul.tiertwo li.camp-green a:hover, #topNav li.look ul.tiertwo li.camp-green a.hover {
	color: #FFFFFF;
	background: #3D8347;
}

#HCPwrappa #topNav li.needs ul.tiertwo li a:hover, #mainBodyHCP #topNav li.needs ul.tiertwo li.hover {
	background: #9CB252;
	color: #FFFFFF;
}
#HCPwrappa #topNav li.look ul.tiertwo li a:hover, #mainBodyHCP #topNav li.look ul.tiertwo li.hover {
	background: #E77129;
	color: #FFFFFF;
}

/*Left nav*/
ul#leftNav, ul.tier2, ul.tier3 {
	width: 155px;
	list-style: none;
	display: block;
	background: transparent;
}
ul#leftNav li a {
	margin: 0 10px;
	display: block;
	text-decoration: none;
	font-size: 100%;
	padding: 5px 0;
	background: transparent;	
}
/* ------ CONSUMER BLUE START -------*/

#leftCol ul.con-blue li {
	font-family: Verdana, Arial, sans-serif;
	line-height: 1.5em;
	margin-bottom: 1px;
}

/* --- TIER 2 ---*/
#leftCol ul.con-blue ul.tier2 {
	width: 154px;
}
#leftCol ul.con-blue li ul.tier2 li {
	padding: 0 1px 0 0;
}
#leftCol ul.con-blue li ul.tier2 li a {
	padding-left: 10px;	
}

/* ------ CONSUMER BLUE END -------*/


/* ------ CONSUMER DARK BLUE START -------*/

#leftCol ul.con-drkblue li {
	font-family: Verdana, Arial, sans-serif;
	line-height: 1.5em;
	margin-bottom: 1px;
}

/* --- TIER 2 ---*/
#leftCol ul.con-drkblue ul.tier2 {
	width: 154px;
}
#leftCol ul.con-drkblue li ul.tier2 li {			
	padding: 0 1px 0 0;
}
#leftCol ul.con-drkblue li ul.tier2 li a {
	padding-left: 10px;	
}

/* ------ CONSUMER DARK BLUE END -------*/

/* ------ CONSUMER ORANGE START-------
should use '#leftCol ul.con-orange' rather than 'ul#leftNav.con-orange' as ie6 doesn't like the latter
*/

#leftCol ul.con-orange li {
	font-family: Verdana, Arial, sans-serif;
	line-height: 1.5em;
	margin-bottom: 1px;
}
#leftCol ul.con-orange li a {
	background: transparent;
}

/* --- TIER 2 ---*/
#leftCol ul.con-orange ul.tier2 {
	width: 154px;
}
#leftCol ul.con-orange li ul.tier2 li {
	padding: 0 1px 0 0;
}
#leftCol ul.con-orange li ul.tier2 li a {
	padding-left: 10px;	
}


/* --- TIER 3 --- */
#leftCol ul.con-orange li ul ul.tier3 {
	padding: 0 1px 0 0;		
	width: 154px;
}
#leftCol ul.con-orange li ul ul.tier3 li {
	padding: 0 1px 0 0;
}
#leftCol ul.con-orange li ul.tier2 ul.tier3 li a {
	padding-left: 20px;
}
/* ------ CONSUMER ORANGE END -------*/
/* ------ CONSUMER GREEN START-------*/

#leftCol ul.con-green li {
	font-family: Verdana, Arial, sans-serif;
	line-height: 1.5em;
	margin-bottom: 1px;
}

/* --- TIER 2 ---*/
#leftCol ul.con-green ul.tier2 {
	width: 154px;
}
#leftCol ul.con-green li ul.tier2 li {
	padding: 0 1px 0 0;
}
#leftCol ul.con-green li ul.tier2 li a {
	padding-left: 10px;	
}

/* ------ CONSUMER GREEN END -------*/

/* ------ GENERIC BLUE START-------*/

#leftCol ul.media-drkblue li, #leftCol ul.footer-drkblue li {
	font-family: Verdana, Arial, sans-serif;
	line-height: 1.5em;
	margin-bottom: 1px;
	
}

/* --- TIER 2 ---*/
#leftCol ul.media-drkblue ul.tier2, #leftCol ul.footer-drkblue ul.tier2 {
	width: 154px;
}
#leftCol ul.media-drkblue li ul.tier2 li, #leftCol ul.footer-drkblue li ul.tier2 li {
	padding: 0 1px 0 0;
}
#leftCol ul.media-drkblue li ul.tier2 li a, #leftCol ul.footer-drkblue li ul.tier2 li a {
	padding-left: 10px;	
}

#leftCol ul.con-blue li.active a,
#leftCol ul.con-orange li.active a,
#leftCol ul.con-green li.active a,
#leftCol ul.gen-blue li.active a {
	margin-top: -1px;
}

/* ------ HCP BLUE START-------*/

#leftCol ul.hcp-blue li {
	font-family: Verdana, Arial, sans-serif;
	line-height: 1.5em;
	margin-bottom: 1px;
}

/* --- TIER 2 ---*/
#leftCol ul.hcp-blue ul.tier2 {
	width: 154px;
}
#leftCol ul.hcp-blue li ul.tier2 li {
	padding: 0 1px 0 0;
}
#leftCol ul.hcp-blue li ul.tier2 li a {
	padding-left: 10px;	
}

/* ------ HCP BLUE END -------*/
/* ------ HCP ORANGE START-------*/

#leftCol ul.hcp-orange li {
	font-family: Verdana, Arial, sans-serif;
	line-height: 1.5em;
	margin-bottom: 1px;
}


/* --- TIER 2 ---*/
#leftCol ul.hcp-orange ul.tier2 {
	width: 154px;
}
#leftCol ul.hcp-orange li ul.tier2 li {
	padding: 0 1px 0 0;
}
#leftCol ul.hcp-orange li ul.tier2 li a {
	padding-left: 10px;	
}

/* ------ HCP ORANGE END -------*/
/* ------ HCP GREEN START-------*/

#leftCol ul.hcp-green li {
	font-family: Verdana, Arial, sans-serif;
	line-height: 1.5em;
	margin-bottom: 1px;
}

/* --- TIER 2 ---*/
#leftCol ul.hcp-green ul.tier2 {
	width: 154px;
}
#leftCol ul.hcp-green li ul.tier2 li {
	padding: 0 1px 0 0;
}
#leftCol ul.hcp-green li ul.tier2 li a {
	padding-left: 10px;	
}

/* ------ HCP GREEN END -------*/
/* ------ GENERIC BLUE START-------*/

#leftCol ul.hcp-drkblue li {
	font-family: Verdana, Arial, sans-serif;
	line-height: 1.5em;
	margin-bottom: 1px;
}

/* --- TIER 2 ---*/
#leftCol ul.hcp-drkblue ul.tier2 {
	width: 154px;
}
#leftCol ul.hcp-drkblue li ul.tier2 li {
	padding: 0 1px 0 0;
}
#leftCol ul.hcp-drkblue li ul.tier2 li a {
	padding-left: 10px;	
}

/* ------ GENERIC BLUE END*/
/* Campaign greeen*/



#leftCol ul.con-green li.camp-green ul.tier2 li a {
	padding-left: 10px;	
}

#leftCol ul.con-blue li.active a,
#leftCol ul.con-orange li.active a,
#leftCol ul.con-green li.active a,
#leftCol ul.hcp-blue li.active a,
#leftCol ul.hcp-orange li.active a,
#leftCol ul.hcp-green li.active a,
#leftCol ul.hcp-drkblue li.active a {
	margin-top: -1px;
}

/*Tier 3*/
#leftCol ul li ul ul.tier3 {
	padding: 0 1px 0 0;		
	width: 154px;
}
#leftCol ul li ul ul.tier3 li {
	padding: 0 1px 0 0;	
	
}
#leftCol ul li ul.tier2 ul.tier3 li a {
	padding-left: 20px;	
}