/*---------------- SUB NAVIGATION -----------------*/
/*sub navigation i.e. navigation down the left hand side*/
#sub-navigation{float:left; width:183px; padding:20px 0 0; position:relative;}
#sub-navigation #sub-navigation-contents{padding-top:47px;}
#sub-navigation h1{text-transform:uppercase; font-size:200%; color:#FFFFFF; letter-spacing: 2px; font-family:Georgia, "Times New Roman", Times, serif; width:700px; position:absolute;}
#sub-navigation h1 span{background-color:#000000; padding:3px 7px 2px; z-index:-1;}
#sub-navigation h1 span a{color:#ffffff;}
#sub-navigation h2{text-transform:uppercase; font-weight:bold; font-size:100%; margin:0 0 10px; padding-left:5px;}
#sub-navigation h2 a{padding-left:0;}
#sub-navigation a:hover{background-color:#000000; color:#FFFFFF; text-decoration:none;}
#sub-navigation ul{list-style:none; margin:0; padding-top:20px; padding-bottom:20px;}
#sub-navigation ul#main-nav{padding-top:0px; border-bottom:dotted 1px #000; text-transform:uppercase;}
#sub-navigation.prod-views ul#main-nav{padding-top:15px !important;}
#sub-navigation ul#main-nav ul{margin:0; padding:0; text-transform:none;}
#sub-navigation ul#main-nav ul li{padding-left:12px;}
#sub-navigation li{margin:3px 0;}
/* Product views */
#sub-navigation.prod-views #product-image-view{padding:0 0 6px; border-bottom: 1px dotted #000000; text-transform:uppercase; font-weight:bold;}
#sub-navigation.prod-views #product-image-view li{display:inline; font-weight:bold; padding-left:7px; padding-right:5px; border-left:solid 1px #000000; line-height:20px; text-transform:none;}
#sub-navigation.prod-views #product-image-view li a{font-weight:normal;}
#sub-navigation.prod-views #product-image-view li a:hover{color:#FFFFFF;}
#sub-navigation.prod-views #product-image-view li.first{border-left:none; padding-left:5px;}
/* Filters & sections */
#sub-navigation .filter h4{text-transform:uppercase; font-weight:bold; padding:0; font-size:100%; margin:3px 0;}
#sub-navigation .filter, #sub-navigation .section{padding-top:10px; border-bottom:dotted 1px #000; padding-bottom:10px;}
#sub-navigation .section{text-transform:uppercase; font-weight:bold;}
#sub-navigation .filter ul{padding:0;}
/* Filters toggle arrows */
#sub-navigation .filter.closed h4 a{background:url('/nap/build_8.13.1/images/paging/arrow_next.gif') no-repeat 95% #FFFFFF; padding-right:17px;}
#sub-navigation .filter.closed h4 a:hover{background-image:url('/nap/build_8.13.1/images/paging/arrow_next_invert.gif'); background-color:#000000; color:#FFFFFF;}
#sub-navigation .filter.open h4 a{background:url('/nap/build_8.13.1/images/paging/arrow_down.gif') no-repeat 95%; padding-right:20px;}
#sub-navigation .filter.open h4 a:hover{background-image:url('/nap/build_8.13.1/images/paging/arrow_down_invert.gif'); background-color:#000000; color:#FFFFFF;}
/* Filter toggle sections */
#sub-navigation .filter.open .toggle{display:block;}
#sub-navigation .filter.closed .toggle{display:none;}
/* Colour filter specific styles */
#sub-navigation #colour-filter.filter li a{padding:0 5px;}
/* Size filter specific styles */
#sub-navigation #size-filter.filter ul{text-transform:uppercase;}
#sub-navigation #size-filter.filter li{display:inline; width:40%; float:left; margin:2px;}
#sub-navigation #size-filter.filter li.all-sizes{width:90%;}
#sub-navigation #size-filter.filter p{clear:both; padding:1.0em 0.1em 0.1em; margin:3px 0;}
#sub-navigation #size-filter.filter p a, #sub-navigation .filter #size-filter-toggle p a:hover{text-decoration:underline;}
/* Other nav styles */
#sub-navigation #notify .section a:hover{cursor:pointer;} /* needed because there's no href on these links */
#sub-navigation #notify.designer .section.coming-soon{margin-top:130px; border-top:1px dotted #000000;}
#sub-navigation #promo-block{position:absolute; top:440px; left:0;}
#sub-navigation.main-category #promo-block{top:410px;}
/*product lists navigation*/
.filter select{ width:150px; font-size:11px;}
#filters form{display:inline;}
#filters label{display:inline; float:left; margin-top:3px;}
#lastWeeksWhatsNew a{ padding-left:0;}
#lastWeeksWhatsNew{border-bottom:1px dotted #000; font-weight:bold; padding-bottom:13px; padding-top:13px; text-transform:uppercase;}
/*designer landing navigation*/
/*designer a-z navigation*/
#designer-focus{margin-top:150px; padding-top:10px; padding-left:10px; border-top:dotted 1px #999999;}
#designer-focus h2{padding-left:0;}
#designer-focus .readon{color:#999999; font-weight:bold; padding:0;}
.coming-soon{color:#999999;}
/*ftbc*/
#ftbc_mag{margin-top:10px;}
#ftbc_mag a:hover{ background-color:#FFFFFF;}
/* Design specific  nav */
#designerAtoZ #sub-navigation #boutiques{margin:5px 0;}
#designerAtoZ #sub-navigation #boutiques a{display:block; margin:10px 0;}
