/* - - - - - - - - - - - - - - - - - - - - -

Title : Sandra Cronan
Author : Skywire
URL : www.skywire.co.uk

Description : Navigation Styling

Created : 22/05/2007
Modified : 19/08/2010

- - - - - - - - - - - - - - - - - - - - - */

/* ----- HEADER NAV ----- */
#navigation{	
	height:100px;
	background-color:transparent;
	position:relative;
}	
#navigation h1{
	width:160px;
	height:75px;
	background-image: url(../img/header_logo.gif);
	background-repeat: no-repeat;
	text-indent:-9999px;
	position:relative;
	left:330px;
}
#navigation a#bada-link {
	display:block;
	width:60px;
	height:75px;
	background-image: url(../img/header_badalogo.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	text-indent:-9999px;
	position: absolute;
	top:0;
	right:0;
}
#navigation a#bada-link:hover {background-position: 0 -75px;}
#navigation ul{width:820px;height:20px;}
#navigation ul li{float:left;text-indent:-9999px;}
#navigation ul li a{
	border:0;
	text-decoration:none;
	display:block;
	background: transparent url(../img/head_nav.gif) no-repeat;
}
#navigation li#home a {width:96px;height:20px;}
#navigation li#current-items a {width:127px;height:20px;}
#navigation li#about-us a {width:88px;height:20px;}
#navigation li#jewellery-facts a {width:139px;height:20px;}
#navigation li#events a {width:73px;height:20px;}
#navigation li#contact-us a {width:106px;height:20px;}
#navigation li#register a {width:85px;height:20px;}
#navigation li#search a {width:106px;height:20px;}
li#home a:link, li#home a:visited {background-position:-0px 0px;}
li#home a:hover, li#home a:focus, body#home-page #navigation li#home a {background-position:-0px -20px;}
li#current-items a:link, li#current-items a:visited {background-position:-96px 0px;}
li#current-items a:hover, li#current-items a:focus, body#current-items-page #navigation li#current-items a,
body#new-arrivals-page #navigation li#current-items a {background-position:-96px -20px;}
li#about-us a:link, li#about-us a:visited {background-position:-223px 0px;}
li#about-us a:hover, li#about-us a:focus, body#about-us-page #navigation li#about-us a {background-position:-223px -20px;}
li#jewellery-facts a:link, li#jewellery-facts a:visited {background-position:-311px 0px;}
li#jewellery-facts a:hover, li#jewellery-facts a:focus, body#jewellery-facts-page #navigation li#jewellery-facts a {background-position:-311px -20px;}
li#events a:link, li#events a:visited {background-position:-450px 0px;}
li#events a:hover, li#events a:focus, body#events-page #navigation li#events a {background-position:-450px -20px;}
li#contact-us a:link, li#contact-us a:visited {background-position:-523px 0px;}
li#contact-us a:hover, li#contact-us a:focus, body#contact-us-page #navigation li#contact-us a {background-position:-523px -20px;}
li#register a:link, li#register a:visited {background-position:-629px 0px;}
li#register a:hover, li#register a:focus, body#register-page #navigation li#register a {background-position:-629px -20px;}
li#search a:link, li#search a:visited {background-position:-714px 0px;}
li#search a:hover, li#search a:focus, body#search-page #navigation li#search a {background-position:-714px -20px;}









/* ----- FOOTER NAV: CURRENT ITEMS + CONTACT US ----- */
#footer{
	height:30px;
	width:820px;
	background-color:#fff;
	text-align:left;
	/*position:absolute;*/
	bottom:0;
	left:0;
}
/* #footer ul {width:625px;height:30px;position:relative;left:100px;} */
#footer ul {width:740px;height:30px;position:relative;left:42px;} /* Changed to include Gentleman's Jewellery and Miscellaneous */
#footer ul li {float:left; font-size:10px;text-transform:uppercase;text-align:center;}
#footer ul li a {
	line-height:30px;
	padding:0 10px;
	text-decoration:none;
	color:#999966;
}
#footer ul li a:hover {color:#663366;}
body.bracelets-page li#bracelets-img a,
body.brooches-page li#brooches-img a,
body.clips-page li#clips-img a,
body.cufflinks-page li#cufflinks-img a,
body.earrings-page li#earrings-img a,
body.necklaces-page li#necklaces-img a,
body.rings-page li#rings-img a,
body.tiepins-page li#tiepins-img a,
body.watchesandclocks-page li#watchesandclocks-img a {color:#663366;}
/* ----- CONTACT-US FOOTER ----- */
#footer ul#entries-contact {width:300px;padding-left:200px; }
#footer ul#entries-contact li.currententry a{color:#663366;}




/* ----- CURRENT-ITEMS CATEGORY IMAGE NAV ----- */
ul#current-imgs{width:820px;height:410px; background-color: #fff;}
ul#current-imgs li{float:left;text-indent:-9999px; margin-left:40px;margin-top:32px;}
ul#current-imgs li.row-start{clear:left;}
ul#current-imgs li.row-end{}
ul#current-imgs li a{
	border:0;
	text-decoration:none;
	display:block;
	width:155px;
	height:155px;
	background-color: transparent;
	background-repeat: no-repeat;
}
ul#current-imgs li a:link, ul#current-imgs li a:visited {background-position:0px 0px;}
ul#current-imgs li a:hover, ul#current-imgs li a:focus {background-position:-0px -155px;}

#current-imgs li#index-rings-img a {background-image: url(../img/collection_rings.jpg);}
#current-imgs li#index-bracelets-img a {background-image: url(../img/collection_bracelets.jpg);}
#current-imgs li#index-necklaces-img a {background-image: url(../img/collection_necklaces.jpg);}
#current-imgs li#index-brooches-img a {background-image: url(../img/collection_brooches.jpg);}
#current-imgs li#index-earrings-img a {background-image: url(../img/collection_earrings.jpg);}
#current-imgs li#index-clips-img a {background-image: url(../img/collection_clips.jpg);}
#current-imgs li#index-cufflinks-img a {background-image: url(../img/collection_cufflinks.jpg);}
#current-imgs li#index-watchesandclocks-img a {background-image: url(../img/collection_watchesandclocks.jpg);}
#current-imgs li#index-tiepins-img a {background-image: url(../img/collection_tiepins.jpg);}






/* ----- PRODUCT CATEGORY SIDENAV ----- */
ul#category-sidenav{width:90px;height:345px;background-color:#fff;overflow:hidden;padding-top:30px;float:left;}
ul#category-sidenav li{width:45px;height:45px;margin-left:45px;margin-bottom:15px;}

ul#category-sidenav li.scroll-nav {margin-bottom:0;height:20px;text-indent:-9999px;position:absolute;left:0;}
ul#category-sidenav li#scroll-up {top:10px;}
ul#category-sidenav li#scroll-down {bottom:10px;}
ul#category-sidenav li#scroll-up a,
ul#category-sidenav li#scroll-down a{
	border:0;
	text-decoration:none;
	display:block;
	width:45px;
	height:20px;
	background-color: transparent;
	background-repeat: no-repeat;
}
ul#category-sidenav li#scroll-down a:link,
ul#category-sidenav li#scroll-down a:visited,
ul#category-sidenav li#scroll-up a:link,
ul#category-sidenav li#scroll-up a:visited {background-position:0px 0px;}

ul#category-sidenav li#scroll-down a:hover,
ul#category-sidenav li#scroll-down a:focus,
ul#category-sidenav li#scroll-up a:hover,
ul#category-sidenav li#scroll-up a:focus {background-position:0px -20px;}

ul#category-sidenav li#scroll-up a {background-image: url(../img/arrow_up.jpg);}
ul#category-sidenav li#scroll-down a {background-image: url(../img/arrow_down.jpg);}
ul#category-sidenav li#scroll-up a {background-image: url(../img/arrow_up.jpg);}
ul#category-sidenav li#scroll-down a {background-image: url(../img/arrow_down.jpg);}




/* ----- SINGLE PRODUCT SUBNAV ----- */
#product-subnav p#p-prevnext,
#product-subnav p#p-zoomarrange{
	float:left;
	text-transform:uppercase;
	font-size:11px;
	color:#999966;
}
#product-subnav p#p-prevnext a,
#product-subnav p#p-zoomarrange a{
	border:0;
	text-decoration:none;
	color:#999966;
}
#product-subnav p#p-prevnext a:hover,
#product-subnav p#p-zoomarrange a:hover{
	color:#663366;
}






/* ----- JEWELLERY-FACTS + ABOUT-US SIDENAV ----- */
#sidenav{
width:150px;
margin:40px 0 0 0;
float:left;
}
#sidenav ul{
	margin:0 0 20px 0;
}
#sidenav ul li{
	text-align:right;
	margin:0 0 4px 0;
	background-color:#fff;
}
#sidenav ul a{
	font-family:"Palatino Linotype", "Book Antiqua",Palatino,Georgia,serif;
	font-size:10px;
	text-transform:uppercase;
	color:#999966;
	text-decoration: none;
	padding:0 0 4px 0;
	background-color:#fff;
}
#sidenav ul a:hover {color:#663366;}
#sidenav ul li#makers {margin-bottom:0;}
#sidenav ul li#presscoverage {margin-top:4px;}
#sidenav ul li.submenu {margin:0;}
#sidenav ul li.submenu a { color:#bbbb99; text-transform:none;padding:0 5px 0 0;}
#sidenav ul li.submenu a:hover {color:#663366;}
#sidenav ul li.currententry a {color:#663366;}

body#jewellery-facts-page #sidenav ul{
	margin-bottom:10px;
}
body#jewellery-facts-page #sidenav ul li{
	margin:0;
	line-height:15.5px;
}
#sidenav ul h3 {
	text-align:right;
}