/*----------------------------------
####################################
MAIN NAVIGATION - see below for side nav
####################################
----------------------------------*/

#nav	{
	width:190px;
	height:980px;
	background:#333 url(../images/nav-bg.jpg) repeat-y;
	float:left;
}
#nav li	{
	height:35px;
	width:190px;
	text-align:center;
	margin-bottom:1px;
}
#nav li a	{
	display:table-cell;
	width:190px;
	height:35px;
	vertical-align:middle;
	background-position:center;
	background-repeat:no-repeat;
	text-indent:-999em;
}
#nav li li	{
	border-bottom:1px solid #666;
}
/*----------------------------------
background image replacement
----------------------------------*/

#nav li li a	{
	background-position:center;
	background-repeat:no-repeat;
	text-indent:-999em;
}
#nav li li a:focus	{
	outline:none;
}
#nav li ul	{
	background:url(../images/nav-bg.jpg) no-repeat;
}
#nav li a.home	{
	background-image:url(../images/nav-home.png);
}
#nav li a.home:hover	{
	background-image:url(../images/nav-home-over.png);
}
#nav li a.our_story	{
	background-image:url(../images/nav-our-story.png);
}
#nav li a.our_story:hover	{
	background-image:url(../images/nav-our-story-over.png);
}
#nav li a.clothing	{
	background-image:url(../images/nav-clothing.png);
}
#nav li a.clothing:hover	{
	background-image:url(../images/nav-clothing-over.png);
}
#nav li li a.dresses	{
	background-image:url(../images/nav-dresses.png);
}
#nav li li a.dresses:hover	{
	background:url(../images/nav-dresses-over.png) no-repeat center;
}
#nav li a.short_sleeve_tops	{
	background-image:url(../images/nav-short-sleeve-tops.png);
}
#nav li a.short_sleeve_tops:hover	{
	background:url(../images/nav-short-sleeve-tops-over.png) no-repeat center;
}
#nav li a.long_sleeve_tops	{
	background-image:url(../images/nav-long-sleeve-tops.png);
}
#nav li a.long_sleeve_tops:hover	{
	background:url(../images/nav-long-sleeve-tops-over.png) no-repeat center;
}
#nav li a.lingerie	{
	background-image:url(../images/nav-lingerie.png);
}
#nav li a.lingerie:hover	{
	background-image:url(../images/nav-lingerie-over.png);
}
#nav li a.bras	{
	background-image:url(../images/nav-bras.png);
}
#nav li a.bras:hover	{
	background:url(../images/nav-bras-over.png) no-repeat center;
}
#nav li a.briefs	{
	background-image:url(../images/nav-briefs.png);
}
#nav li a.briefs:hover	{
	background:url(../images/nav-briefs-over.png) no-repeat center;
}
#nav li a.camisoles	{
	background-image:url(../images/nav-camisoles.png);
}
#nav li a.camisoles:hover	{
	background:url(../images/nav-camisoles-over.png) no-repeat center;
}
#nav li a.nightwear	{
	background-image:url(../images/nav-nightwear.png);
}
#nav li a.nightwear:hover	{
	background-image:url(../images/nav-nightwear-over.png);
}
#nav li a.changing_bags	{
	background-image:url(../images/nav-changing-bags.png);
}
#nav li a.changing_bags:hover	{
	background-image:url(../images/nav-changing-bags-over.png);
}
#nav li a.fitting_room	{
	background-image:url(../images/nav-fitting-room.png);
}
#nav li a.fitting_room:hover	{
	background-image:url(../images/nav-fitting-room-over.png);
}
#nav li a.shopping_basket	{
	background-image:url(../images/nav-shopping-basket.png);
}
#nav li a.shopping_basket:hover	{
	background-image:url(../images/nav-shopping-basket-over.png);
}
#nav li a.contact	{
	background-image:url(../images/nav-contact.png);
}
#nav li a.contact:hover	{
	background-image:url(../images/nav-contact-over.png);
}
/*example nav li image replacement
#nav li a.	{
	background-image:url(../images/nav-.png);
}
#nav li a.:hover	{
	background-image:url(../images/nav--over.png);
}*/

/*----------------------------------
2nd-level lists
----------------------------------*/
#nav li ul {
	position: relative;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	z-index:5;
	top:-40px;
	width:130px;
	/* put rule here for IE 5 for PC only*/
	voice-family:"\"}\"";
	voice-family:inherit;
	/*put conflicting rule here for all non-IE 5 browsers*/
}
/*end*/
/*\*/
html*#nav li ul {
	[top:auto;/*Affects older Firefox and Netscape browsers only. Seen also by IE5-6 and Safari for Macintosh, which is addressed below.*/
	top:146px;/*Affects Google Chrome amd Safari for Macintosh only (v1-3). See also by IE5-6, but thats addressed below. Also hidden from older Firefox and Netscape browsers.*/
	]top:auto;/*Affects IE 7 only. Seen by IE5-6 but thats addressed below. Hidden from Safari and all Firefox and Netscape browsers.*/
	}/**/
	.dummyend[id]{clear:both/*end hack using dummy attribute selector for IE5 mac, else error in CSS occurs!*/}

	/*\*/
	* html #nav li ul {
	top:auto;/*Finally, be sure to reapply a fix that affects IE 5-6 only here. IE for Mac and IE 7 for PC are not affected here, which means purple above should work only in IE 7 above!*/
}
/**/

#nav li ul li	{
	border:0;
	clear:left;
	width:124px;
	height:34px;
	z-index:5;
}
#nav li ul li a	{
	width:14em;
	padding-left:5px;
	text-align:center;
}
#nav li ul li a:hover	{
	background:#FFF;
}

/*----------------------------------
3rd-level lists and above
----------------------------------*/
#nav li ul ul	{
	margin: -2.1em 0 0 26.1em;
	border-top:1px solid #999;
	z-index:5;
}
html*#nav li ul ul {
	[top:auto;
	left:auto;
	top:20px;
	left:-25px;
	]top:auto;
	left:auto;
	z-index:5;
}
.dummyend[id]{
	clear:both/*end hack using dummy attribute selector for IE5 mac, else error in CSS occurs!*/
}
/*\*/
* html #nav li ul ul {
	top:auto;
	left:auto;
}
/**/

#nav li ul ul a	{
	margin-left:10px;
}
#nav li ul li ul li a	{
	width:22em;
}
#nav li:hover ul ul,
#nav li:hover ul ul ul,
#nav li.sfhover ul ul,
#nav li.sfhover ul ul ul {
	left: -999em;
}

/*----------------------------------
hover styles
----------------------------------*/
#nav li:hover ul,
#nav li li:hover ul,
#nav li li li:hover ul,
#nav li.sfhover ul,
#nav li li.sfhover ul,
#nav li li li.sfhover ul { /* lists nested under hovered list items */
	left:190px;
}