/*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;
	
}
#topNav ul {
	background: #FFFFFF url(../images/nav/list-bg.gif) no-repeat right top;
	padding-right: 6px;
	position: relative;
	float: left;
	z-index: 4000;
	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: 4000;
}
#topNav li:hover ul.tiertwo, #topNav li.hover ul.tiertwo {
	position: absolute;
	left: auto;
	cursor: pointer; 
	z-index: 4000;
}
#topNav li {
	float: left;
	list-style: none;
	margin: 0 8px 0 0;
}
#topNav ul.tiertwo li {
	float: none;
	list-style: none;	
	margin: 0;
	border-bottom: 1px solid #e5e5e5;
}
#topNav li a {
	display: block;
	margin: 0 0 0 0px;
	color: #043453;
	text-indent: -9999em;
	height: 26px;
	z-index: 4000;
}
#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;
}

#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 {
	background: url(../images/leftNav-6EA2D9-bg.gif) repeat-y;
}
#leftCol ul.con-blue li {
	font-family: Verdana, Arial, sans-serif;
	line-height: 1.5em;
	margin-bottom: 1px;
	background-color: #D3E3F4;
}
#leftCol ul.con-blue li a {
	color: #043453;
}
#leftCol ul.con-blue li:hover,
#leftCol ul.con-blue li.hover, 
#leftCol ul.con-blue li.active, 
#leftCol ul.con-blue li:hover a, 
#leftCol ul.con-blue li.active a {
	background-color: #6EA2D9;
	color: #FFFFFF;
}

/* --- TIER 2 ---*/
#leftCol ul.con-blue ul.tier2 {
	width: 154px;
}
#leftCol ul.con-blue li ul.tier2 li {
	background-color: #e5eef8;
	padding: 0 1px 0 0;
}
#leftCol ul.con-blue li ul.tier2 li a {
	color: #377cc4;	
	background: url(images/arrow-D3E3F4.gif) no-repeat center left;
	padding-left: 10px;	
}
#leftCol ul.con-blue li ul.tier2 li a:hover {
	background: url(images/arrow-043453.gif) no-repeat center left;
	color: #043453;
}
#leftCol ul.con-blue li ul.tier2 li.active a {
	background: url(images/arrow-043453.gif) no-repeat center left;
	color: #043453;
}

/* ------ CONSUMER 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 {
	background: url(images/leftNav-E27329-bg.gif) repeat-y;
}
#leftCol ul.con-orange li {
	font-family: Verdana, Arial, sans-serif;
	line-height: 1.5em;
	margin-bottom: 1px;
	background-color: #F6D5BE;
}
#leftCol ul.con-orange li a {
	color: #043453;
	background: transparent;
}
#leftCol ul.con-orange li:hover, 
#leftCol ul.con-orange li.hover,
#leftCol ul.con-orange li.active, 
#leftCol ul.con-orange li:hover a, 
#leftCol ul.con-orange li.active a {
	background-color: #E27329;
	color: #FFFFFF;
}
/* --- TIER 2 ---*/
#leftCol ul.con-orange ul.tier2 {
	width: 154px;
}
#leftCol ul.con-orange li ul.tier2 li {
	background-color: #FCF1E9;
	padding: 0 1px 0 0;
}
#leftCol ul.con-orange li ul.tier2 li a {
	color: #e47b36;	
	background: url(images/arrow-E27329.gif) no-repeat center left;
	padding-left: 10px;	
}
#leftCol ul.con-orange li ul.tier2 li a:hover {
	background: url(images/arrow-E27329.gif) no-repeat center left;
	color: #043453;
}
#leftCol ul.con-orange li ul.tier2 li.active a {
	background: url(images/arrow-E27329.gif) no-repeat center left;
	color: #043453;
}
/* --- TIER 3 --- */
#leftCol ul.con-orange li ul ul.tier3 {
	background: url(images/leftNav-bg-T3.gif) repeat-y;	
	padding: 0 1px 0 0;		
	width: 154px;
}
#leftCol ul.con-orange li ul ul.tier3 li {
	background: #FFF;
	color: #E27329;
	padding: 0 1px 0 0;
}
#leftCol ul.con-orange li ul.tier2 ul.tier3 li a {
	background: url(images/arrow-lft.gif) no-repeat 10px center;
	padding-left: 20px;
	color: #E27329;
}
#leftCol ul.con-orange li ul.tier2 ul.tier3 li.hover a, #leftCol ul li ul.tier2 ul.tier3 li.active, #leftCol ul li ul.tier2 ul.tier3 li.active a {
	color: #043453;
	background: #FFFFFF url(images/arrow-lft-blue.gif) no-repeat 10px center;
}
/* ------ CONSUMER ORANGE END -------*/
/* ------ CONSUMER GREEN START-------*/
#leftCol ul.con-green {
	background: transparent url(../images/leftNav-98B055-bg.gif) repeat-y;
}
#leftCol ul.con-green li {
	font-family: Verdana, Arial, sans-serif;
	line-height: 1.5em;
	margin-bottom: 1px;
	background-color: #DEE4BD;
}
#leftCol ul.con-green li a {
	color: #043453;
}
#leftCol ul.con-green li:hover, 
#leftCol ul.con-green li.hover,
#leftCol ul.con-green li.active, 
#leftCol ul.con-green li:hover a, 
#leftCol ul.con-green li.active a {
	background-color: #98B055;
	color: #FFFFFF;
}
/* --- TIER 2 ---*/
#leftCol ul.con-green ul.tier2 {
	width: 154px;
}
#leftCol ul.con-green li ul.tier2 li {
	background-color: #F4F6E9;
	padding: 0 1px 0 0;
}
#leftCol ul.con-green li ul.tier2 li a {
	color: #477f4f;	
	background: url(../images/arrow-1C6129.gif) no-repeat center left;
	padding-left: 10px;	
}
#leftCol ul.con-green li ul.tier2 li a:hover {
	background: url(../images/arrow-043453.gif) no-repeat center left;
	color: #043453;
}
#leftCol ul.con-green li ul.tier2 li.active a {
	background: url(../images/arrow-043453.gif) no-repeat center left;
	color: #043453;
}
/* ------ CONSUMER GREEN END -------*/

/* ------ GENERIC BLUE START-------*/
#leftCol ul.media-drkblue, #leftCol ul.footer-drkblue {
	background: url(images/leftNav-6EA2D9-bg.gif) repeat-y;
}
#leftCol ul.media-drkblue li, #leftCol ul.footer-drkblue li {
	font-family: Verdana, Arial, sans-serif;
	line-height: 1.5em;
	margin-bottom: 1px;
	background-color: #D1DFEC;
	
}
#leftCol ul.media-drkblue li a, #leftCol ul.footer-drkblue li a {
	color: #043453;
}
#leftCol ul.media-drkblue li:hover, 
#leftCol ul.media-drkblue li.hover, 
#leftCol ul.media-drkblue li.active, 
#leftCol ul.media-drkblue li:hover a, 
#leftCol ul.media-drkblue li.active a,
#leftCol ul.footer-drkblue li:hover, 
#leftCol ul.footer-drkblue li.hover, 
#leftCol ul.footer-drkblue li.active, 
#leftCol ul.footer-drkblue li:hover a, 
#leftCol ul.footer-drkblue li.active a {
	background-color: #004694;
	color: #FFFFFF;
}
/* --- 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 {
	background-color: #E2ECF7;
	padding: 0 1px 0 0;
}
#leftCol ul.media-drkblue li ul.tier2 li a, #leftCol ul.footer-drkblue li ul.tier2 li a {
	color: #377cc4;	
	background: url(images/arrow-D3E3F4.gif) no-repeat center left;
	padding-left: 10px;	
}
#leftCol ul.media-drkblue li ul.tier2 li a:hover, #leftCol ul.footer-drkblue li ul.tier2 li a:hover {
	background: url(images/arrow-043453.gif) no-repeat center left;
	color: #043453;
}
#leftCol ul.media-drkblue li ul.tier2 li.active a, #leftCol ul.footer-drkblue li ul.tier2 li.active a {
	background: url(images/arrow-043453.gif) no-repeat center left;
	color: #043453;
}
#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 {
	background: url(images/leftNav-6EA2D9-bg.gif) repeat-y;
}
#leftCol ul.hcp-blue li {
	font-family: Verdana, Arial, sans-serif;
	line-height: 1.5em;
	margin-bottom: 1px;
	background-color: #D3E3F4;
}
#leftCol ul.hcp-blue li a {
	color: #043453;
}
#leftCol ul.hcp-blue li:hover,
#leftCol ul.hcp-blue li.hover, 
#leftCol ul.hcp-blue li.active, 
#leftCol ul.hcp-blue li:hover a, 
#leftCol ul.hcp-blue li.active a {
	background-color: #6EA2D9;
	color: #FFFFFF;
}
/* --- TIER 2 ---*/
#leftCol ul.hcp-blue ul.tier2 {
	width: 154px;
}
#leftCol ul.hcp-blue li ul.tier2 li {
	background-color: #E2ECF7;
	padding: 0 1px 0 0;
}
#leftCol ul.hcp-blue li ul.tier2 li a {
	color: #377cc4;	
	background: url(images/arrow-D3E3F4.gif) no-repeat center left;
	padding-left: 10px;	
}
#leftCol ul.hcp-blue li ul.tier2 li a:hover {
	background: url(images/arrow-043453.gif) no-repeat center left;
	color: #043453;
}
#leftCol ul.hcp-blue li ul.tier2 li.active a {
	background: url(images/arrow-043453.gif) no-repeat center left;
	color: #043453;
}
/* ------ HCP BLUE END -------*/
/* ------ HCP ORANGE START-------*/
#leftCol ul.hcp-orange {
	background: url(../images/leftNav-CF5E31-bg.gif) repeat-y;
}
#leftCol ul.hcp-orange li {
	font-family: Verdana, Arial, sans-serif;
	line-height: 1.5em;
	margin-bottom: 1px;
	background-color: #F1CEC1;
}
#leftCol ul.hcp-orange li a {
	color: #043453;
}
#leftCol ul.hcp-orange li:hover, 
#leftCol ul.hcp-orange li.active, 
#leftCol ul.hcp-orange li:hover a, 
#leftCol ul.hcp-orange li.active a {
	background-color:  #CF5E31;
	color: #FFFFFF;
}
/* --- TIER 2 ---*/
#leftCol ul.hcp-orange ul.tier2 {
	width: 154px;
}
#leftCol ul.hcp-orange li ul.tier2 li {
	background-color: #FCF1E9;
	padding: 0 1px 0 0;
}
#leftCol ul.hcp-orange li ul.tier2 li a {
	color: #993E1A;	
	background: url(images/arrow-993E1A.gif) no-repeat center left;
	padding-left: 10px;	
}
#leftCol ul.hcp-orange li ul.tier2 li a:hover {
	background: url(images/arrow-043453.gif) no-repeat center left;
	color: #043453;
}
#leftCol ul.hcp-orange li ul.tier2 li.active a {
	background: url(images/arrow-043453.gif) no-repeat center left;
	color: #043453;
}
/* ------ HCP ORANGE END -------*/
/* ------ HCP GREEN START-------*/
#leftCol ul.hcp-green {
	background: url(../images/leftNav-93A626-bg.gif) repeat-y;
}
#leftCol ul.hcp-green li {
	font-family: Verdana, Arial, sans-serif;
	line-height: 1.5em;
	margin-bottom: 1px;
	background-color: #DEE4BD;
}
#leftCol ul.hcp-green li a {
	color: #043453;
}
#leftCol ul.hcp-green li:hover, 
#leftCol ul.hcp-green li.active, 
#leftCol ul.hcp-green li:hover a, 
#leftCol ul.hcp-green li.active a {
	background-color: #93A656;
	color: #FFFFFF;
}
/* --- TIER 2 ---*/
#leftCol ul.hcp-green ul.tier2 {
	width: 154px;
}
#leftCol ul.hcp-green li ul.tier2 li {
	background-color: #EBEFD7;
	padding: 0 1px 0 0;
}
#leftCol ul.hcp-green li ul.tier2 li a {
	color: #697817;	
	background: url(images/arrow-697817.gif) no-repeat center left;
	padding-left: 10px;	
}
#leftCol ul.hcp-green li ul.tier2 li a:hover {
	background: url(images/arrow-043453.gif) no-repeat center left;
	color: #043453;
}
#leftCol ul.hcp-green li ul.tier2 li.active a {
	background: url(images/arrow-043453.gif) no-repeat center left;
	color: #043453;
}
/* ------ HCP GREEN END -------*/
/* ------ GENERIC BLUE START-------*/
#leftCol ul.hcp-drkblue {
	background: url(images/leftNav-6EA2D9-bg.gif) repeat-y;
}
#leftCol ul.hcp-drkblue li {
	font-family: Verdana, Arial, sans-serif;
	line-height: 1.5em;
	margin-bottom: 1px;
	background-color: #D1DFEC;
	
}
#leftCol ul.hcp-drkblue li a {
	color: #043453;
}
#leftCol ul.hcp-drkblue li:hover, 
#leftCol ul.hcp-drkblue li.active, 
#leftCol ul.hcp-drkblue li:hover a, 
#leftCol ul.hcp-drkblue li.active a {
	background-color: #004694;
	color: #FFFFFF;
}
/* --- TIER 2 ---*/
#leftCol ul.hcp-drkblue ul.tier2 {
	width: 154px;
}
#leftCol ul.hcp-drkblue li ul.tier2 li {
	background-color: #E2ECF7;
	padding: 0 1px 0 0;
}
#leftCol ul.hcp-drkblue li ul.tier2 li a {
	color: #377cc4;	
	background: url(images/arrow-D3E3F4.gif) no-repeat center left;
	padding-left: 10px;	
}
#leftCol ul.hcp-drkblue li ul.tier2 li a:hover {
	background: url(images/arrow-043453.gif) no-repeat center left;
	color: #043453;
}
#leftCol ul.hcp-drkblue li ul.tier2 li.active a {
	background: url(images/arrow-043453.gif) no-repeat center left;
	color: #043453;
}
/* ------ GENERIC BLUE END*/
/* Campaign greeen*/

#leftCol ul.con-green li.camp-green a {
	color: #043453;
}
#leftCol ul.con-green li.camp-green:hover, 
#leftCol ul.con-green li.camp-green.active, 
#leftCol ul.con-green li.camp-green:hover a, 
#leftCol ul.con-green li.camp-green.active a {
	background-color: #3D8347;
	color: #FFFFFF;
}

#leftCol ul.con-green li.camp-green ul.tier2 li a {
	color: #3c8246;	
	background: url(images/arrow-697817.gif) no-repeat center left;
	padding-left: 10px;	
}
#leftCol ul.con-green li.camp-green ul.tier2 li a:hover {
	background: url(images/arrow-043453.gif) no-repeat center left;
	color: #3D8347;
}
#leftCol ul.con-green li.camp-green ul.tier2 li.active a {
	background: url(images/arrow-043453.gif) no-repeat center left;
	color: #3D8347;
}


#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 {
	background: url(images/leftNav-bg-T3.gif) repeat-y;	
	padding: 0 1px 0 0;		
	width: 154px;
}
#leftCol ul li ul ul.tier3 li {
	background: #FFF;	
	color: #3c8246;	
	padding: 0 1px 0 0;	
	
}
#leftCol ul li ul.tier2 ul.tier3 li a {
	background: url(images/arrow-lft.gif) no-repeat 10px center;
	padding-left: 20px;	
	color: #3c8246;
}
#leftCol ul li ul.tier2 ul.tier3 li.hover a, #leftCol ul li ul.tier2 ul.tier3 li.active, #leftCol ul li ul.tier2 ul.tier3 li.active a {
	color: #043453;
	background: #FFFFFF url(images/arrow-lft-green.gif) no-repeat 10px center;
}