ul.nav{
list-style:none;
display:block;
float:left;
margin:15px 0 0 0;
width:166px;
font-size:11px;
}

ul.nav li, ul.nav li a{
display:block;
float:left;
width:166px;
height:17px;
}

ul.nav li a:link, ul.nav li a:visited, ul.nav li a:hover, ul.nav li a:active,
ul.nav li a.pOff:link, ul.nav li a.pOff:visited, ul.nav li a.pOff:hover, ul.nav li a.pOff:active{
background:url("../images/bg_arrow1.gif") no-repeat 150px 0;
float:left !important;
float:none;
padding:0 0 0 17px;
font-weight:bold;
width:149px;
color:#790000;
}

ul.nav li a.on:link, ul.nav li a.on:visited, ul.nav li a.on:hover, ul.nav li a.on:active{
background-color:#D7CCA6;
}

ul.nav li a:hover, ul.nav li a.pOff:hover{
background-color:#BFAE70;
}

ul.nav li a.pOn:link, ul.nav li a.pOn:visited, ul.nav li a.pOn:hover, ul.nav li a.pOn:active{
background:transparent url("../images/bg_arrow1.gif") no-repeat 150px -17px;
}

/*sub*/

ul#pSubNav{
list-style:none;
float:left;
margin:0;
width:166px;
font-size:9px;
}

.subOff{display:none;visibility:hidden;}
.subOn{display:block;visibility:visible;}

ul#pSubNav li, ul#pSubNav li a{
background:url("../images/bg_nav1.gif") no-repeat 17px 16px;
display:block;
float:left !important;
float:none;
width:166px;
height:17px;
}

ul#pSubNav li a:link, ul#pSubNav li a:visited, ul#pSubNav li a:hover, ul#pSubNav li a:active{
position:relative;
padding:0 0 0 25px;
font-weight:normal;
width:141px;
color:#331e09;
}

ul#pSubNav li a:hover,
ul#pSubNav li a.on:link, ul#pSubNav li a.on:visited, ul#pSubNav li a.on:hover, ul#pSubNav li a.on:active,
ul#pSubNav li a.moreOn:link, ul#pSubNav li a.moreOn:visited{
background:#780000;
margin-top:-1px;
padding-top:1px;
color:#FFFFFF;
}

ul#pSubNav li a:hover{background:#BFAE70;}

ul#pSubNav li a.moreOn:link, ul#pSubNav li a.moreOn:visited, ul#pSubNav li a.moreOn:hover, ul#pSubNav li a.moreOn:active{
background:#780000 url("../images/bg_arrow2.gif") no-repeat 152px -16px;
}

ul#pSubNav li a.moreOff:link, ul#pSubNav li a.moreOff:visited{
background:transparent url("../images/bg_arrow2.gif") no-repeat 152px 0;
}

ul#pSubNav li a.moreOff:hover, ul#pSubNav li a.moreOff:active{
background:#BFAE70 url("../images/bg_arrow2.gif") no-repeat 152px -16px;
}

/*sub dropdown*/

#subArea ul.off, #subArea ul.on{
display:none;
visibility:hidden;
list-style:none;
float:none;
margin:0;
width:112px;
font-size:11px;
}

#subArea ul.on{display:block;visibility:visible;}

#subArea ul li, #subArea ul li a{
background:none;
display:block;
float:none;
width:112px;
}

#subArea ul li{margin-bottom:3px;}

#subArea ul li a.on,
#subArea ul li a.off:link, #subArea ul li a.off:visited, #subArea ul li a.off:hover, #subArea ul li a.off:active{
background:url("../images/bg_nav2.gif") no-repeat 0 0;
padding:1px 0 1px 12px;
font-weight:normal;
width:100px;
color:#790000;
}

#subArea ul li a.off:hover, #subArea ul li a.on{
background:url("../images/bg_nav2.gif") no-repeat 0 -71px;
color:#FEF8E1;
}

#subArea ul li a.off:hover{
background:#BFAE70;
}

/*to add/remove products, need to check "allSub" on .js*/

#subArea #sub1{margin-top:99px;}
#subArea #sub2{margin-top:116px;}
#subArea #sub3{margin-top:218px;}
#subArea #sub4{margin-top:234px;}