/* Written by Steve Allday for Fat Media, 2008 */


/* User Customisation */

  

 

  
  
  #menu li {
    float: left;
    display: block;
   
  }

  #menu li a {
    position: relative;
    display: block;

  }




  #menu li ul {
    left : -999em;
    position : absolute;

  }

  #menu li ul li { float : none; }

  #menu li ul a {
    
   	
    
   
 
  } 

  #menu li ul a:hover {
  
  }

  #menu li:hover ul, #menu li.sfhover ul {
    
    background:#F58F2A;
	left:0;
  }
  
  #nav {
	margin:0;
	padding:0;
	height:40px;
	padding-left:25px;
	padding-right:24px;
	background:url(../images/nav.jpg) no-repeat;
	clear:both;
	
}
#nav ul ul {
	
}
#nav span {
	display:none;
}
#nav li {
	float:left;
	height:40px;
	list-style:none;
}
#nav li a {
	height:40px;
	display:block;
}
#women a {
	background:url(../images/women-off.jpg) no-repeat;
	width:132px;
}
#women a:hover, #women-on a, #women a.active {
	background:url(../images/women-on.jpg) no-repeat;
	width:132px;
}
#women ul li a, #women-on ul li a {
	background:none;
	width:200px;
}


#men a {
	background:url(../images/men-off.jpg) no-repeat;
	width:131px;
}
#men a:hover, #men-on a, #men a.active {
	background:url(../images/men-on.jpg) no-repeat;
	width:131px;
}
#men ul li a, #men-on ul li a, #men ul li a:hover, #men-on ul li a:hover {
	background:none;
	width:200px;
}
#footwear a {
	background:url(../images/footwear-off.jpg) no-repeat;
	width:131px;
}
#footwear a:hover, #footwear-on a, #footwear a.active {
	background:url(../images/footwear-on.jpg) no-repeat;
	width:131px;
}
#footwear ul li a, #footwear-on ul li a {
	background:none;
}
#accessories a {
	background:url(../images/accessories-off.jpg) no-repeat;
	width:131px;
}
#accessories a:hover, #accessories-on a, #accessories a.active {
	background:url(../images/accessories-on.jpg) no-repeat;
	width:131px;
}
#accessories ul li a, #accessories-on ul li a {
	background:none;
	width:200px;
}
#sale a {
	background:url(../images/sale-off.jpg) no-repeat;
	width:131px;
}
#sale a:hover, #sale-on a, #sale a.active {
	background:url(../images/sale-on.jpg) no-repeat;
	width:131px;
}
#sale ul li a, #sale-on ul li a {
	background:none;
	width:200px;
}
#about a {
	background:url(../images/about-off.jpg) no-repeat;
	width:131px;
}
#about a:hover, #about-on a {
	background:url(../images/about-on.jpg) no-repeat;
	width:131px;
}
#contact a {
	background:url(../images/contact-off.jpg) no-repeat;
	width:131px;
}
#contact a:hover, #contact-on a {
	background:url(../images/contact-on.jpg) no-repeat;
	width:131px;
}

	
	#nav ul li a:hover, #nav a.on {
		
	}

#nav ul ul li a {
	text-decoration: none; 				/* Sub Menu Underline links */
	color: #fff; 
	padding-left:0;
						/* Sub Menu Link colour */
			/* Sub Menu Containing box "normal" colour */
}
#nav ul ul li:first-child a {
	padding-left:0;
}

#nav ul ul li a:hover{
text-decoration: underline; 		/* Sub Menu Underline links on hover? */
color: #fff; 						/* Sub Menu Link "hover" colour */
			/* Sub Menu Containing box "hover" colour */
}

#nav ul ul li a {
display:block;
padding:10px 0;
border:none;					/* Height of sub-links */
}

#nav ul ul li {
					/* Width of drop downs menus */
}

#nav ul ul ul {
margin-top:-31px; 					/* Margin required to place sub-sub navigation at the top of its relative link... [Height + (Padding x 2) + border] */
margin-left:240px; 					/* Margin required to place sub-sub navigation to the right of its relative link... Should be the same as "Width for drop downs" */
}

/* User Customisation End */




/* Don't edit below here, thanks! */

#nav ul
{
position:absolute;
margin: 0;
padding: 0;
list-style-type: none;
width:920px;
z-index:20000;
}
#nav ul li, #nav ul ul li { 
float:left;
z-index:300;
position:relative;
}
#nav ul ul {
	float:left;
	margin-top:40px;
	padding-left:16px;
	width:200px;
	height:auto; 
	font-size:12px;
	z-index:1;
	position:absolute;
	top:0;
	left:-9999px;
	text-align:left;

	
	
	
	
}
#nav ul ul li {
	width:200px;
	
	
}
#menu ul {
		background:url(../images/drop-down.png) left bottom no-repeat;
}
#nav ul ul li a {
	font-size:12px;
	text-transform:none;
	text-align:left;
	display:block;
	width:190px;
}

#nav ul ul ul {
margin-top:5px;

border:none;
float:left;
z-index:2;

}
#nav ul ul ul li {
margin:0;
}
#nav ul li a, #nav ul li:hover ul li a, #nav ul ul li:hover ul li
{
display:block;
}
#nav ul ul li a, #nav ul ul ul li{
display: none;
}
#nav ul ul li a:hover {
	background:none;
	border:none;
	width:190px;
}