/* CSS Document */

#nav {
	position: relative;
	top: 0;
	left: 0;
	width: 120px;
	margin: 0;
	padding: 0;
}

#nav ul	{
	margin: 0;
	padding: 0;
}

#nav a {
	text-decoration: none;
}

#nav li { /*float the main list items*/
	margin: 0;
	display: block;
	padding: 0;
}

#nav li a, #nav li.on a {
	display: block;
	padding: 0;
	width: 120px;
	position: relative;
}

/*do the image replacement*/
#nav li span {
	text-indent: -7777px;
	display: block;
}

#Home a	{
	background: url(/styles/default/nav_graphics/nav_Home.png) no-repeat 50% 50%;
	height: 25px;
}

#OurStory a	{
	background: url(/styles/default/nav_graphics/nav_OurStory.png) no-repeat 50% 50%;
	height: 25px;
}

#Locations a	{
	background: url(/styles/default/nav_graphics/nav_Locations.png) no-repeat 50% 50%;
	height: 25px;
}

#NewsAndEvents a	{
	background: url(/styles/default/nav_graphics/nav_NewsAndEvents.png) no-repeat 50% 50%;
	height: 25px;
}

#Shop a	{
	background: url(/styles/default/nav_graphics/nav_Shop.png) no-repeat 50% 50%;
	height: 25px;
}

#InTheKnow a {
	background: url(/styles/default/nav_graphics/nav_InTheKnow.png) no-repeat 50% 50%;
	height: 28px;
}

#AskAStylist a {
	background: url(/styles/default/nav_graphics/nav_AskAStylist.png) no-repeat 50% 50%;
	height: 25px;
}

#WantWoman a	{
	background: url(/styles/default/nav_graphics/nav_WantWoman.png) no-repeat 50% 50%;
	height: 25px;
}

#ContactUs a	{
	background: url(/styles/default/nav_graphics/nav_ContactUs.png) no-repeat 50% 50%;
	height: 25px;
}
#WindowShop a	{
	background: url(/styles/default/nav_graphics/nav_WindowShop.png) no-repeat 50% 50%;
	height: 25px;
}


#OurStory.on a, #NewsAndEvents.on a, #Shop.on a	{
	border-top: 2px solid #ff9c00;
	height: 30px;
}


/* subnav formatting */

#nav li ul {
	display: none;
	margin: 0;
	padding: 0;
}

#nav li.off ul, #nav li.on ul  { /*put the subnav below*/
	position: relative;
	display: block;
	margin: 0;
	padding: 0;
}

#nav li.on ul li a, #nav li.off ul li a {
	display: block;
	padding: 0;
	margin: 0;
	width: 120px;
	background: none;
}

#nav li.on ul li a {
 	border-top: none;
}

#PayingItForward	{
	background: url(/styles/default/nav_graphics/subnav_PayingItForward.png) no-repeat 50% 50%;
	height: 25px;
}

#JoinTheFamily	{
	background: url(/styles/default/nav_graphics/subnav_JoinTheFamily.png) no-repeat 50% 50%;
	height: 25px;
	border-bottom: 2px solid #ff9c00;
}

#Media	{
	background: url(/styles/default/nav_graphics/subnav_Media.png) no-repeat 50% 50%;
	height: 25px;
	border-bottom: 2px solid #ff9c00;
}

#Basics	{
	background: url(/styles/default/nav_graphics/subnav_Basics.png) no-repeat 50% 50%;
	height: 25px;
}

#Accessories	{
	background: url(/styles/default/nav_graphics/subnav_Accessories.png) no-repeat 50% 50%;
	height: 25px;
}

#MustHaves	{
	background: url(/styles/default/nav_graphics/subnav_MustHaves.png) no-repeat 50% 50%;
	height: 25px;
}

#AlmostFree	{
	background: url(/styles/default/nav_graphics/subnav_AlmostFree.png) no-repeat 50% 50%;
	height: 25px;
}

/*#WindowShop	{
	background: url(/styles/default/nav_graphics/subnav_WindowShop.png) no-repeat 50% 50%;
	height: 25px;
}*/

#GiftCards	{
	background: url(/styles/default/nav_graphics/subnav_GiftCards.png) no-repeat 50% 50%;
	height: 25px;
	border-bottom: 2px solid #ff9c00;
}

/*#AskAStylist	{
	background: url(/styles/default/nav_graphics/subnav_AskAStylist.png) no-repeat 50% 50%;
	height: 25px;
	border-bottom: 2px solid #ff9c00;
}*/