/***************************************************************************************
-- SUBNAV CSS --
****************************************************************************************/ 

ul#subnav {
 width:217px;
 float:left;
 list-style:none;
 margin-left:0px;
 margin-top:0px;
 padding-left:0px;
}

ul#subnav li {
 list-style:none;
 margin:0;
 padding:0;
 float:left;
}

ul#subnav li a {
 color:#fff;
 width:197px;
 float:left;
 border-bottom:1px solid #000;
 border-top:1px solid #000;
 text-decoration:none;
 font-size:11px;
 font-weight:bold;
 display:block;
 padding:8px 0;
 line-height:1.7em;
 margin-left:1px;
 font-family:"Lucida Grande", Lucida, Arial, sans-serif;
 font-size:13px;
 padding-left:20px;
 position:relative;
}

ul#subnav li a:hover { color:#72ce17; text-decoration:underline; }

ul#subnav li a.active, ul#subnav li a.active:hover {
 color:#fff;
 text-shadow :0px 1px 0px #666;
 background:url('http://www.upturnclothing.com/includes/images/subnav-status.png') 0px 0 no-repeat;
 width:230px;
 border:0;
 position:relative;
 top:0px;
 left:-15px;
 border:0 !important;
 text-indent:16px;
 padding-bottom:11px;
}

ul#subnav li a.active span {
 position:absolute;
 width:15px;
 height:10px;
 background:url('http://www.upturnclothing.com/includes/images/subnav-status.png') bottom left no-repeat;
 top:39px;
 left:0;
}

ul#subnav li a.first { border-top:0; }

/*Firefox 2 fix*/
ul#subnav li { }

ul#subnav li ul { padding:10px 0 20px 0; }

ul#subnav li ul li {
 border:0 !important;
 font-size:11px !important;
}

ul#subnav li ul li a {
 border:0;
 color:#817B7B;
 display:block;
 float:left;
 font-family:"Lucida Grande", Lucida, Arial, sans-serif;
 font-size:11px;
 line-height:1.3em;
 margin-left:1px;
 padding:4px 0 4px 25px;
 position:relative;
 text-decoration:none;
 text-shadow:0 1px 0 #FFFFFF;
 width:167px;
}