/**
*	Fashion Jeans
 *  Screen Navigation Styles
 *	
 *	@author:	natz-doh
 *	@date:		28/03/2008
 *
 *	Table of Contents:
 *		01.	navigation
 *		02. categories
 *
 */
 
/** navigation
------------------------------------------------------------------ */
div#navigation ul {
	background:				url(../images/navigation.gif) no-repeat;
	height:					22px;
}

div#navigation ul li {
	float:					left;
}



div#navigation ul li a {
	color:					#fff;
	display:				block;
	height:					22px;
	overflow:				hidden;
	text-decoration:		none;
	text-indent:			-9999px;
}

#nav1,
#nav2,

#nav5 {
	margin-right:			13px;
}

#nav1,
#nav1 a {
	width:					47px;
}

#nav2,
#nav2 a {
	width:					47px;
}

#nav3,
#nav3 a {
	width:					66px;
}
#nav3 {
	margin-right: 			6px;
}
/*
#nav4,
#nav4 a {
	width:					95px;
}
#nav4 {
	margin-right:			9px;
}*/
#nav4,
#nav4 a {
	width:					40px;
	margin-right:			38px;
}

#nav6,
#nav6 a {
	width:					70px;
	margin-right:			40px;
}

#nav7,
#nav7 a {
	width:					66px;
}

#nav1 a:hover, #nav1 a:active, #nav1 a:focus, #nav1 .active {
    background: url(../images/navigation.gif) 0px -22px no-repeat !important;
}
#nav2:hover, #nav2 a:hover, #nav2 a:active, #nav2 a:focus, #nav2 .active {
    background: url(../images/navigation.gif) -60px -22px no-repeat !important;
}
#nav3:hover, #nav3 a:hover, #nav3 a:active, #nav3 a:focus, #nav3 .active {
    background: url(../images/navigation.gif) -120px -22px no-repeat !important;
}/*
#nav4:hover, #nav4 a:hover, #nav4 a:active, #nav4 a:focus, #nav4 .active {
    background: url(../images/navigation.gif) -192px -22px no-repeat !important;
}*/
#nav4:hover, #nav4 a:hover, #nav4 a:active, #nav4 a:focus, #nav4 .active {
    background: url(../images/navigation.gif) -192px -22px no-repeat !important;
}
#nav6:hover, #nav6 a:hover, #nav6 a:active, #nav6 a:focus, #nav6 .active {
    background: url(../images/navigation.gif) -270px -22px no-repeat !important;
}
#nav7:hover, #nav7 a:hover, #nav7 a:active, #nav7 a:focus, #nav7 .active {
    background: url(../images/navigation.gif) -380px -22px no-repeat !important;
}
*/
/** categories
------------------------------------------------------------------ */
div#categories ol {
	font-size:				0.9em;
	line-height:			200%;
	/*background-color:		#006666;*/
	display:				block;
	height:					44px;
	width:					612px;
	font-family: 			"Lucida Sans", Arial, Helvetica, sans-serif;
}

div#categories ol li {
	text-transform:			uppercase;
	width:					86px;
	float:					right;
	background:				url(../images/icons/icon-arrow-ff00ab.gif) 0 6px no-repeat;
	padding-left:			1.3em;
}

div#categories ol li a,
div#categories ol li a:link {
	color:					#aaa;
	text-decoration:		none;
	/*background-color:		#00FF66;*/
}

div#categories ol li a:hover {
	color:					#fff;
}