#top-nav, #top-nav ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
}

#top-nav a {
	display: block;
	display:block;
	height:38px;
	background-position:top;
	background-repeat:no-repeat;
}
	ul#top-nav li a#trnd:link,
	ul#top-nav li a#trnd:visited { background-image:url(../images/top-nav/trends.png); width:70px;}
	ul#top-nav li a#baby:link,
	ul#top-nav li a#baby:visited { background-image:url(../images/top-nav/baby.png); width:34px;}
	ul#top-nav li a#girl:link,
	ul#top-nav li a#girl:visited { background-image:url(../images/top-nav/girls.png); width:30px;}
	ul#top-nav li a#boys:link,
	ul#top-nav li a#boys:visited { background-image:url(../images/top-nav/boys.png); width:34px;}
	ul#top-nav li a#gfts:link,
	ul#top-nav li a#gfts:visited { background-image:url(../images/top-nav/gifts.png); width:30px;}
	ul#top-nav li a#spec:link,
	ul#top-nav li a#spec:visited { background-image:url(../images/top-nav/specials.png); width:56px;}
	ul#top-nav li a#cart:link,
	ul#top-nav li a#cart:visited { background-image:url(../images/top-nav/cart.png); width:94px;}
	ul#top-nav li a#bmrk:link,
	ul#top-nav li a#bmrk:visited { background-image:url(../images/top-nav/bmark.png); width:75px;}
	ul#top-nav li a#logn:link,
	ul#top-nav li a#logn:visited { background-image:url(../images/top-nav/login.png); width:34px;}

ul#top-nav li a:hover {background-position:bottom; color:#FFF;}
ul#top-nav li a.current {background-position:bottom; color:#FFF;}


#top-nav li { /* all list items */
	float: left;
	/*width: 10em;  width needed or else Opera goes nuts */
	height:38px;
	margin:0 20px 0 0;
}

#top-nav li a span { display:none;}

#top-nav li ul { /* second-level lists */
	position: absolute;
	width: 8em;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	background:url(../images/bg_ul_point.png) no-repeat top left;
	margin-top:-6px;
	padding-top:12px;
	border-bottom:solid 1px #FFF;
}

#top-nav li:hover ul,
#top-nav li.sfhover ul { /* Makes dropdown menus visible */
	left: auto;
}

ul#top-nav li ul.lev2 li {
	height:1.2em;
	margin:0;
	padding:3px 10px 6px;
	background-color:#AE208F;
	text-indent:0;
	float:none;
	font-size:0.9em;
	font-weight:normal;
	border-right:solid 1px #FFF;
	border-left:solid 1px #FFF;
}
ul#top-nav li ul.lev2 li:hover {
	background-color:#C257AA;
}
ul#top-nav li a ul.lev2 li a { 
	display:block;
	height:1.2em;
	background-color:#AE208F;
	background-image:url(../images/bg_ul_li_pink.png);
	background-repeat:repeat;
	color:#FFF;
	border:solid 1px #FFFF00;
}
