/* Navigation
--------------------------- */

/* Main Nav */
ul#mainnav {
	margin: 3px 0 0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
ul#mainnav li {
	float: left;
	position:relative;
	height: 35px;
}
ul#mainnav li a {
	display: block;
	background: url(/wp-content/themes/jpwomens/assets/images/main_nav.gif) no-repeat;
	text-indent: -99999px;
	text-align:left;
	height: 20px;
	margin-right: 1px;	
}
ul#mainnav li#n-sites a {		background-position: 0 -20px;	width: 53px;	margin-left: 15px;}
ul#mainnav li#n-shop a {		background-position: -54px 0;	width: 49px;	margin-right: 2px;}
ul#mainnav li#n-stores a {	background-position: -105px 0;	width: 79px;}
ul#mainnav li#n-online a {	background-position: -185px 0;	width: 96px;	margin-right: 0;
}
ul#mainnav li#n-sites a:hover, ul#mainnav li#n-sites.over a { background-position: 0 -20px; }
ul#mainnav li#n-shop a:hover, ul#mainnav li#n-shop.over a { background-position: -54px -20px; }
ul#mainnav li#n-stores a:hover { background-position: -105px -20px; }
ul#mainnav li#n-online a:hover { background-position: -185px -20px; }

ul#mainnav li#n-sites ul li a,
ul#mainnav li#n-shop ul li a{ font-size:11px; color:#333; }
ul#mainnav li#n-sites ul li a:hover,
ul#mainnav li#n-shop ul li a:hover{ color:#d81027; }


/* Account and Shopping Cart Nav
--------------------------- */
ul#accountnav {
	margin: 0;
	float: left;
}
ul#accountnav li { float: left; }
ul#accountnav li a {
	display: block;
	height: 20px;
	margin-right: 1px;
	text-indent: -99999px;
}
ul#accountnav li#n-myaccount a {
	background: url(/wp-content/themes/jpwomens/assets/images/nav_myaccount.gif) no-repeat;
	width: 67px;
}
ul#accountnav li#n-wishlist a {
	background: url(/wp-content/themes/jpwomens/assets/images/nav_wishlist.gif) no-repeat;
	width: 49px;
}
ul#accountnav li#n-cart a {
	background: url(/wp-content/themes/jpwomens/assets/images/nav_cart.gif) no-repeat;
	height: 16px;
	padding: 4px 8px 0 23px;
	margin-right: 6px;
	text-indent: -9999px;
	overflow:hidden;
	font-size: 10px;
	color: #FFF;
	text-decoration: none;
	_width:0;
}
ul#accountnav li#n-myaccount a:hover, ul#accountnav li#n-wishlist a:hover, ul#accountnav li#n-cart a:hover { background-position: 0 -20px; }

/* Drop-downs
--------------------------- */
ul#mainnav li#n-sites ul, ul#mainnav li#n-shop ul {
	display: none;
	width: auto;
	white-space:nowrap;
	position: absolute;
	top: 35px;
	left: 11px;
	padding: 4px 6px 2px;
	background: #FFF;
	margin: 0;
	border: 1px solid #CCCDCE;
}
ul#mainnav li#n-shop ul { left: -5px; }
ul#mainnav li#n-sites, ul#mainnav li#n-shop {
	height: 35px;
	z-index: 5;
}
ul#mainnav ul li {
	float: none;
	height: auto;
	margin: 0;
	padding: 0;
	line-height: 14px;
	padding: 3px 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align:left;
}
ul#mainnav li#n-sites ul li a, ul#mainnav li#n-shop ul li a {
	text-indent: 0;
	background: #FFF;
	text-decoration: none;
	display: inline;
	margin: 0;
	text-align:left;
}

ul#mainnav li#n-sites.over ul, ul#mainnav li#n-shop.over ul { display: block; }

/* Local Nav
----------------------------*/

#local-nav {
	float: right;
	width: 230px;
	margin-top: 45px;
	text-align: right;
	clear: both;
	display:inline;
}
#local-nav h2 {
	text-indent: -9999px;
	height: 62px;
	width: 230px;	
	margin-bottom: 10px;
	white-space: pre;
	text-align: left;
}
#local-nav h2 a{
	background: url(/wp-content/themes/jpwomens/assets/images/h2_quiksilver_women.png) no-repeat; 
	display:block;
	height:60px;
}
#local-nav ul{margin-right:5px;}
#local-nav ul li a{
	background: url(/wp-content/themes/jpwomens/assets/images/localNav_matrix.png) no-repeat;
	height: 30px;
	display: block;
	white-space: pre;
	text-align: left;
	text-indent: -9999px;
}
#local-nav ul li#lnav-about a {				background-position: right 0;}
#local-nav ul li#lnav-collections a {	background-position: right -30px;}
#local-nav ul li#lnav-press a {				background-position: right -60px;}
#local-nav ul li#lnav-women a {				background-position: right -90px;}
#local-nav ul li#lnav-blog a {				background-position: right -120px;}
#local-nav ul li#lnav-onlinestore a { background-position: right -150px;}

#local-nav ul li a:hover{
	background: url(/wp-content/themes/jpwomens/assets/images/localNav_matrix_active.png) no-repeat;}
#local-nav ul li a.active{
	background: url(/wp-content/themes/jpwomens/assets/images/localNav_matrix_active.png) no-repeat;}
/* Slider
----------------------------*/
#slider{ 
	position:absolute;
	top:526px;
	left:0px;
	width:974px;
	height:155px;
}
#slider #slider-inner{
	width:600px;
	height:150px;
	margin:0 auto;
	overflow:hidden;
}
#slider-inner #slug h3, #slider-inner #slug h3 a{
	font-style: italic;
}

#slug .slideelement{
	float:left;
	width:600px;
	margin-top:9px;
}

.overlayimg{ position:absolute; left:430px; top:5px; z-index:2; }

a#right_link, a#left_link{ position:absolute; display:block; width:8px; height:11px; _line-height: 1px; background:url(/wp-content/themes/jpwomens/assets/images/slider_arrows.gif) no-repeat; top:73px; text-indent:-9999px; }
a#right_link{ background-position:100% 0; left:820px; }
a#right_link:hover{ background-position:100% -11px; }
a#left_link{ background-position:0 0; left:150px; }
a#left_link:hover{ background-position:0 -11px; }

#slider a#left_link.disabled, a#right_link.disabled{ display:none; }
#slider .slideelement:after { content: '.'; display: block; height: 0; clear: both; visibility: hidden; }
#slider .slideelement .left{ float:left; width:255px; margin-top:15px;}
#slider .slideelement .left h2, #slider .slideelement .left h2 a{
	color:#fff;
	text-transform:uppercase;
	margin-bottom:1px;
	font: 17px Arial, Helvetica, sans-serif;
}
#slider .slideelement .left h2 a:hover, #slider-inner #slug h3 a:hover, #slider .slideelement .left p a:hover{
	text-decoration: none;
}
#slider .slideelement .left h3, #slider .slideelement .left h3 a{ font-family: Georgia; font-size:14px; color:#759bb0; font-weight:normal;  margin-bottom:3px; margin-top:0; }
#slider .slideelement .left p, #slider .slideelement .left p a{ font-family: Georgia; font-size:10px; line-height:15px; color:#808080; }
#slider .slideelement .right{ float:right; width:320px; text-align:right; margin-top:21px; }