/*
===
BG - 25th September 2009
===
*/

.header-nav-container {
display: none;
}

#shop-nav, #right-nav {
width: 188px;
float: left;
}

#shop-nav-top, #right-nav-top {
height: 34px;
background-image: url(../images/shop-nav-bg-top.png);
background-repeat: no-repeat;
}

#shop-nav-middle, #right-nav-middle {
background-image: url(../images/shop-nav-bg-middle.gif);
background-repeat: repeat-y;
}

#shop-nav-middle #search-store-heading {
margin-left: 10px;
margin-top: -15px;
background-image: url(../images/search-store-heading.png);
background-repeat: no-repeat;
height: 18px;
width: 120px;
text-indent: -9999px;
}
#shop-nav-middle #shop-home-page {

background-image: url(../images/shop-home-page.png);
background-repeat: no-repeat;
height: 36px;
width: 188px;
text-indent: -9999px;
z-index: -9999;
margin-top: 10px;
}
#shop-nav-middle #shop-home-page:hover {
background-image: url(../images/shop-home-page.gif);
}

body.cms-home #shop-nav-middle #shop-home-page {
    background-image: url(../images/shop-home-page-selected.gif);
}

#shop-nav-middle #store-search-form #store-search-field {
width: 117px;
height: 18px;
margin-left: 10px;
padding: 4px 8px;
background-image: url(../images/store-search-field.png);
border: none;
font-family: georgia, times, serif;
font-style: italic;
font-size: 0.9em
}
#shop-nav-middle #store-search-form #store-search-go-button {
width: 35px;
height: 28px;
background-image: url(../images/store-search-go-button.png);
text-indent: -9999px;
border: none;
font-size: 0px;
line-height: 0;
}

#shop-nav-middle ul li a, #right-nav-middle ul li a {
color: #5F615E;
font-size: 0.9em;
padding: 6px 15px 6px 12px;
text-decoration: none;
display: block;
margin-left: 3px
}
#shop-nav-middle ul li a:hover, #right-nav-middle ul li a:hover {
background-color: #DFE8C8;
width: 155px;
}
#shop-nav-middle ul li.current-range a:hover{
    width: 170px;
}
#right-nav-middle ul li a {
background-image: url(../images/product-divider-1.gif);
background-position: top;
background-repeat: no-repeat;
}
#shop-nav-middle ul li.product-range-1 a, #right-nav-middle ul li.right-li-0 a {
background-image: url(../images/product-divider-1.gif);
background-position: top;
background-repeat: no-repeat;
}
#shop-nav-middle ul li.product-range-2 a, #right-nav-middle ul li.right-li-1 a {
background-image: url(../images/product-divider-2.gif);
background-position: top;
background-repeat: no-repeat;
}
#shop-nav-middle ul li.product-range-3 a, #right-nav-middle ul li.right-li-2 a {
background-image: url(../images/product-divider-3.gif);
background-position: top;
background-repeat: no-repeat;
}
#shop-nav-middle ul li.product-range-4 a, #right-nav-middle ul li.right-li-3 a {
background-image: url(../images/product-divider-4.gif);
background-position: top;
background-repeat: no-repeat;
}

#shop-nav-middle ul li.current-range {
background-color: #DBDEDD;
background-image: url(../images/product-divider-1.png);
background-position: top;
background-repeat: no-repeat;
margin: 0 0 2px 3px;
padding-bottom: 10px;
width: 182px
}
#shop-nav-middle ul li.current-range span.current-range-name a {
font-weight: bold;
margin-left: 10px;
padding: 5px 0 10px 0;
display: block;
font-size: 0.85em;
color: #5B5A78;
background-image: none;
}
#shop-nav-middle ul li.current-range span.current-range-name a:hover {
background-color: transparent;
}
#shop-nav-middle ul li.current-range ul li a {
background: none;
font-size: 0.75em;
color: #5B5A78;
padding: 4px 15px 4px 12px;
margin-left: 10px;
background-position: 0px 8px;
background-repeat: no-repeat;
}
#shop-nav-middle ul li.current-range ul li a:hover {
text-decoration: underline;
}
#shop-nav-middle ul li.current-range ul li.product-1 a {
background-image: url(../images/current-product-bullet1.gif);
}
#shop-nav-middle ul li.current-range ul li.product-2 a {
background-image: url(../images/current-product-bullet2.gif);
}

#shop-nav-bottom, #right-nav-bottom {
height: 36px;
background-image: url(../images/shop-nav-bg-bottom.png);
background-repeat: no-repeat;
}

/* hide right nav */
#right-nav { display: none; }