/* *******************************************

Navigation Stylesheet 
www.nicolefarhi.com
March 2009

navigation styles only

********************************************* */

/* main menu for the site */
ul#main-nav li a{
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	text-transform:uppercase;
	font-size:1.1em;
	display: inline-block;
	height: 37px;
}
ul#main-nav, ul#main-nav li, ul#main-nav li a{
	margin: 0;
	padding: 0;
	list-style: none;
	text-align: center;
}
ul#main-nav li{
	display: inline;
}
ul#main-nav li a{
	display: block;
	float: left;
	padding: 37px 0 0 0;
	overflow: hidden;
	height: 37px;
}
ul#main-nav li a.shop-online{
	width: 97px; 
	background: url(../images/site/nav/main/shop-online.gif) 0 0 no-repeat;
}
ul#main-nav li a.collections{
	width: 102px; 
	background: url(../images/site/nav/main/collections.gif) 0 0 no-repeat;
}
ul#main-nav li a.nicole-farhi-home{
	width: 137px; 
	background: url(../images/site/nav/main/nicole-farhi-home.gif) 0 0 no-repeat;
}
ul#main-nav li a.restaurants{
	width: 106px; 
	background: url(../images/site/nav/main/restaurants.gif) 0 0 no-repeat;
}
ul#main-nav li a.stores{
	width: 69px; 
	background: url(../images/site/nav/main/stores.gif) 0 0 no-repeat;
}
/*ul#main-nav li a.campaign{
	width: 82px; 
	background: url(../images/site/nav/main/campaign.gif) 0 0 no-repeat;
}*/
ul#main-nav li a.press{
	width: 62px; 
	background: url(../images/site/nav/main/press.gif) 0 0 no-repeat;
}
ul#main-nav li a.contact-us{
	width: 94px; 
	background: url(../images/site/nav/main/contact-us.gif) 0 0 no-repeat;
}

ul#main-nav li a:hover{		
	opacity: .7;
	filter: alpha(opacity=70);
}
/* main menu for the shop-online part of the site */
#shop-menu ul, #shop-menu ul li, #shop-menu ul li a{
	padding: 0;
	margin: 0;
	list-style: none;
}
#shop-menu ul li{
	float: left;		
}
#shop-menu ul li a{
	float: left;
	padding: 19px 0 0 0;
	overflow: hidden;
	height: 0px;
}
#shop-menu ul li a:hover,
#shop-menu ul li.selected a{		
	background-position: 0 -19px;
}
/* individual tweaks for each main menu item */
#shop-menu ul li a.nf-logo{
	padding: 0 0 0 0;
	height: 19px;
	width: 146px;
	margin: 0 27px 0 0;
}
#shop-menu ul li a.nf-logo img{
	border: 0 none;
}
#shop-menu li a.shop-online{
	width: 86px; 
	background: url(../images/site/nav/nav_shop-online.gif) 0 0 no-repeat;
}
#shop-menu li a.collections{
	width: 101px; 
	background: url(../images/site/nav/nav_collections.gif) 0 0 no-repeat;
}
#shop-menu li a.nf-home{
	width: 135px; 
	background: url(../images/site/nav/nav_nf-home.gif) 0 0 no-repeat;
}
#shop-menu li a.restaurants{
	width: 103px; 
	background: url(../images/site/nav/nav_restaurants.gif) 0 0 no-repeat;
}
#shop-menu li a.stores{
	width: 58px; 
	background: url(../images/site/nav/nav_stores.gif) 0 0 no-repeat;
}
/* sub-menu for the top menu for the shop-online part of the site */
ul.dropdown,
ul.dropdown li,
ul.dropdown ul {
	 list-style: none;
	 margin: 0;
	 padding: 0;
	 
}
ul.dropdown li{
	float: left;		
}
ul.dropdown {
	 position: relative;
	 z-index: 597;
	 float: left;
}
ul.dropdown li {
	 float: left;
	 vertical-align: middle;
	 zoom: 1;
}
ul.dropdown li a{
	float: left;
	padding: 21px 0 0 0;
	overflow: hidden;
	height: 0px;
}
ul.dropdown li.hover,
ul.dropdown li:hover {
	 position: relative;
	 z-index: 599;
	 cursor: default;
}
#shop-sub-menu ul li a:hover,
#shop-sub-menu ul li.selected a{		
	background-position: 0 -21px;
}
/* individual tweaks for each sub menu item */
ul.dropdown li a.women{
	width: 50px; 
	background: url(../images/site/nav/nav_women.gif) 0 0 no-repeat;
}
ul.dropdown li a.men{
	width: 35px; 
	background: url(../images/site/nav/nav_men.gif) 0 0 no-repeat;
}
ul.dropdown li a.fragrance{
	width: 78px; 
	background: url(../images/site/nav/nav_fragrance.gif) 0 0 no-repeat;
}
ul.dropdown li a.sunglasses{
	width: 64px; 
	background: url(../images/site/nav/nav_sunglasses.gif) 0 0 no-repeat;
}
ul.dropdown li a.homewear{
	width: 45px; 
	background: url(../images/site/nav/nav_homeware.gif) 0 0 no-repeat;
}
ul.dropdown li a.whatsnew{
	width: 78px; 
	background: url(../images/site/nav/nav_whatsnew.gif) 0 0 no-repeat;
}
ul.dropdown li a.giftguide{
	width: 72px; 
	background: url(../images/site/nav/nav_gift-guide.gif) 0 0 no-repeat;
}
/* 2nd level of secondary menu */
ul.dropdown ul {
	 visibility: hidden;
	 position: absolute;
	 top: 100%;
	 left: 0;
	 z-index: 598;
	 /*width: 100%;*/
	 width: 130px;
}
ul.dropdown ul li {

}
ul.dropdown ul li a{		
	padding: 2px 0 2px 5px;
	display: block;
	overflow: hidden;
	height: 15px;
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	text-transform:uppercase;
	font-size:10px;
	background: #333;
	width: 130px; 
}
#shop-sub-menu ul.dropdown ul li a:hover{		
	background: #444;
}
#shop-sub-menu ul.dropdown ul li a:visited{		
	color: #fff;
	text-decoration: none;
}
/* sub-menu for the top menu for the restaurant part of the site */
#restaurant-sub-menu{
	display: none;
}
#restaurant-sub-menu ul li a:hover,
#restaurant-sub-menu ul li.selected a{		
	background-position: 0 -21px;
}
/* individual tweaks for each sub menu item */
ul.dropdown li a.nicoles-london{
	width: 58px; 
	background: url(../images/site/nav/nav_nicoles-london.gif) 0 0 no-repeat;
}
ul.dropdown li a.r202{
	width: 75px; 
	background: url(../images/site/nav/nav_202.gif) 0 0 no-repeat;
}
/* 2nd level of secondary menu */
#restaurant-sub-menu ul ul li a:hover{		
	background: #444;
}	
ul.dropdown li:hover > ul {
	 visibility: visible;
}
/* sub-menu for the top menu for the collections part of the site */
#collections-sub-menu{
	display: none;
}
#collections-sub-menu ul li a:hover,
#collections-sub-menu ul li.selected a{		
	background-position: 0 -21px;
}
/* individual tweaks for each sub menu item */
ul.dropdown li a.col-women{
	width: 49px; 
	background: url(../images/site/nav/nav_collections-women.gif) 0 0 no-repeat;
}
ul.dropdown li a.col-men{
	width: 37px; 
	background: url(../images/site/nav/nav_collections-men.gif) 0 0 no-repeat;
}
ul.dropdown li a.col-home{
	width: 41px; 
	background: url(../images/site/nav/nav_collections-home.gif) 0 0 no-repeat;
}
ul.dropdown li a.col-fragrance{
	width: 78px; 
	background: url(../images/site/nav/nav_fragrance.gif) 0 0 no-repeat;
}
ul.dropdown li a.col-eyewear{
	width: 64px; 
	background: url(../images/site/nav/nav_eyewear.gif) 0 0 no-repeat;
}
/* 2nd level of secondary menu */
#collections-sub-menu ul ul li a:hover{		
	background: #444;
}
/* 3rd level of secondary menu */
ul.dropdown ul  ul{
	 visibility: hidden;
	 position: absolute;
	 top: 0px;
	 left: 130px;
	 z-index: 598;
	 /*width: 100%;*/
	 width: 130px;
}
ul.dropdown ul ul li {

}
ul.dropdown ul ul li a{		
	padding: 2px 0 2px 5px;
	display: block;
	overflow: hidden;
	height: 15px;
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	text-transform:uppercase;
	font-size:10px;
	background: #333;
	width: 150px; 
}
#shop-sub-menu ul.dropdown ul ul li a:hover{		
	background: #444;
}
#shop-sub-menu ul.dropdown ul ul li a:visited{		
	color: #fff;
	text-decoration: none;
}
ul.dropdown ul li:hover > ul {
	/* visibility: visible;*/
}
/* footer-menu for the shop-online part of the site */
#shop-footer-menu ul{
	display: inline;
	list-style: none;
	padding: 0;
	margin: 0;
}
#shop-footer-menu ul li{
	display: inline;
	list-style: none;
	padding: 0;
	margin: 0;
}
#shop-footer-menu ul li a{
	display: inline-block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.0em;
	font-weight: bold;
	color: #000;			
	padding: 0 0 0 0;
	margin: 0 0 0 15px;
	text-decoration: none;
	text-transform: uppercase;
}	
#shop-footer-menu ul li a:hover{
	color: #989697;			
	text-decoration: none;
}			
/* start of fc style import */
/* Left-Nav styles */
/* level 1 */
#left-nav ul{
	margin: 0;
	padding: 0;	
	list-style: none;		
}		
#left-nav ul li{
	/*list-style: none; original code */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-transform: capitalize;
	color: #999797;
	padding: 1px 0 0 5px;
	margin-top: 2px;
	display: block;
	width: 150px;	
}
#left-nav ul li.selected,
#left-nav ul li.selected a{
	font-size: 11px;
	font-weight: bold;
	color: #000;
}
#left-nav ul li a{
	margin:0;
	padding:0;
	text-decoration: none;
}
#left-nav ul li a:hover{
	color: #000;
	background: #cecece;
}	
/* level 2 */
#left-nav ul ul{
	margin: 0 0 10px 0;
	padding: 0;	
	list-style: none;		
}		
#left-nav ul ul li{
	list-style: none;
}
#left-nav ul ul li a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	text-decoration: none;
	color: #999797;
	padding: 1px 0 1px 5px;
	margin: 2px 0 0 10px;
	display: inline-block;
	width: 120px;
}
#left-nav ul ul li a:hover{
	color: #000;
	background: #cecece;
}
/* input / button styles */
input.btn-go {
	border: 0 none;
	padding: 0;
	margin: 0;
	vertical-align: middle; 
	height: 21px;
}
input.btn {
	border: 0 none;
	padding: 0;
	margin: 0; 
	height: 21px;
}
select.sort-by{
	height: 21px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	vertical-align: middle;
	background: #000;
	border: 1px solid #999797;
	color: #fff;
}
/* end of fc style import */