/**
* Main Nav elements
**/

#main-nav {
position: relative;
height: 36px;
width: 902px;
margin: 36px auto 0 auto;
padding: 0px;
top:0px;
left:0px;
z-index: 2;
}

#main-nav-inner {
background: url("../images/bg-main-nav-sm.gif") repeat-x scroll left top transparent;
clear: both;
float: left;
height: 40px;
margin: 0 0 0 66px;
position: relative;
top: -4px;
width: 770px;
}

#main-nav-inner ul {
list-style:none;
margin:0px;
padding:0px;
}

#main-nav-inner li ul, #main-nav-inner li ul {
margin: 0px;
padding: 0px;
z-index:99;
}

#main-nav-inner a {
text-decoration: none;
}

#main-nav-inner li {
background: url("../images/main-nav-star.png") no-repeat scroll right 9px transparent;
display: block;
float: left;
height: 40px;
margin: 0;
padding: 0 15px 0 0;
}

#main-nav-inner li ul {
display: none;
}

#main-nav-inner li a {
color: #ffffff;
display: block;
padding: 0px;
}

#main-nav-inner li ul { /*put the subnav below*/
position:absolute;
float:none;
margin:0px;
padding:0px;
top:37px;
z-index:9999;
}

#main-nav-inner li a {
display: block;
font-family: "Times New Roman",Georgia,sans-serif;
font-size: 24px;
height: 40px;
margin: 0;
padding: 2px 18px;
text-transform: uppercase;
}

#main-nav-inner li.on a {
color: #ffffff;
}

#main-nav-inner li.on ul {
display: block;
}

#main-nav-inner li.off:hover ul {
display: block;
}

#main-nav-inner li span {
display:block;
}

#main-nav-inner ul li ul { /*put the subnav below*/
position: absolute;
margin: 0px;
padding: 0px;
top: 29px;
width:115px;
}

#main-nav-inner ul li ul li a {
display: block;
background: #E7F2F6;
border-top:none;
color: #333333;
font-family: arial, verdana, sans-serif;
font-size:11px;
height:32px;
}

#main-nav-inner ul li ul li a:active {
background: #217F9B;
color: #FFFFFF;
width:110px;
}

/*end of main nav */


/**
* Utility Nav
**/

#utility-nav ul {
margin: 0;
padding: 0;
float: left;
width: 902px;
height: 30px;
font-size: 16px;
text-align: center;
padding: 5px 0 0 0;
z-index:2;
position: absolute;
}

#utility-nav li {
list-style-type: none;
display: inline;
margin: 0 10px;
}

#utility-nav a {
color: #167c78;
}

#utility-nav.w-bkgd {
width: 902px;
margin: 0 auto;
background-color: #ffffff;
height: 30px;
}


/**
* Sub categories navigation
**/

#sub-cat-nav {
background-image:url("../images/bg-sub-nav-top.png");
background-position:center top;
background-repeat:no-repeat;
float:left;
width:166px;
}

#sub-cat-nav-inner {
background-image:url("../images/bg-sub-nav-mid.png");
background-repeat:repeat-y;
margin:29px 0 0 1px;
width:163px;
}

#sub-cat-nav-inner ul {
background-image:url("../images/bg-sub-nav-bot.png");
background-position:-1px bottom;
background-repeat:no-repeat;
margin:0;
padding:0 0 30px 0;
width:166px;
}

#sub-cat-nav-inner dl#narrow-by-list ul {
background: none !important;
}

#sub-cat-nav-inner dl#narrow-by-list {
background-image:url("../images/bg-sub-nav-bot.png");
background-position:-1px bottom;
background-repeat:no-repeat;
}

#sub-cat-nav li {
background-image:url("../images/bg-ul.png");
background-position:10px 11px;
background-repeat:no-repeat;
left:1px;
padding:4px 0 4px 25px;
position:relative;
width:136px;
}

#sub-cat-nav li a {
color: #167c78;
font-size: 16px;
}

#sub-cat-nav li:hover {
background-color: #fff;
}