/* all the code that handles the topNav and dropdowns
--------------------------------------------------------------*/
#topNav{
	background:#727272;
	font-size:0.9em;
	padding:0;
	margin:0 0 0 9px;
	background:#747474 url(images/nav-bottom.gif) bottom left no-repeat;
	width:952px;
	z-index:100;
	
	position: relative;
}

#topNav ul{
	margin:0;
	overflow:hidden;	
	padding:0;
	z-index:100;
}

#topNav li{
	margin:0;
	float:left;
	list-style-type:none;
	background:transparent url(images/nav-divider.gif) bottom right no-repeat;
	padding:2px 12px 6px 12px;
}

#navHdr{
	background:transparent url(images/nav-top.gif) top left no-repeat;
	overflow:hidden;
	height:5px;
}

#topNav a{
	margin:0;
	padding:0;
	text-decoration:none;
	color:#fff;
}

#topNav a:hover{
	color:#e780b5;
}

#topNav li div.itemWrapper {
	display: none;
	position: absolute;
	top:29px;
	padding:0 0 0 4px;
	background:url(images/grey-box-bottom-left.gif) no-repeat left bottom;
}

#topNav li:hover div.itemWrapper {
	display: block;
}

#topNav li div .subNav {
	background:url(images/grey-box-bottom-right.gif) no-repeat right bottom;
	width: 336px;
	padding:15px 15px 15px 11px;
	float:left;
}

#topNav li div dl {
	float: left;
	width: 150px;
	margin-right: 15px;
}

#topNav li div dl dt a, #topNav li div dl dd a{

                color:#666;

}

 

#topNav li div dl dt a:hover, #topNav li div dl dd a:hover{

                color:#df1482;

}


#topNav li div dl dt, #topNav li div dl dd {
	border-bottom: 1px solid #c2c1c2;
	width: 139px;
	padding: 0 0 3px 21px;
	margin: 0 0 3px 0;
	background-image: url(images/grey-heart-list-bullet.gif);
	background-repeat: no-repeat;
	
}

#topNav li div dl dt:hover, #topNav li div dl dd:hover {
	background-image: url(images/pink-heart-list-bullet.gif);	
}

#topNav li div {
	margin-left: -28px;
}

#topNav li div div {
	margin-left: 0px;
}

#topNav li div.pos2 div.subNav,
#topNav li div.pos3 div.subNav,
#topNav li div.pos4 div.subNav,
#topNav li div.pos5 div.subNav,
#topNav li div.pos6 div.subNav,
#topNav li div.pos7 div.subNav,
#topNav li div.pos8 div.subNav,
#topNav li div.pos9 div.subNav,
#topNav li div.pos10 div.subNav,
#topNav li div.pos11 div.subNav {
	width: 163px;
}

#topNav li div dd div {
	position:relative;
	margin:0;
	padding:0;
}

html>body #topNav li div dd div{
	width:140px;
}

#topNav li div dd div ul{
	margin:0;
	padding:0;
	font-size:0.8em;
	line-height:1.4em;
}

#topNav li div dd div ul li{
	margin:0.5em 0;
	padding:0;
	float:none;
	background:none;
}