/**
*
* =nav-new	2010-04-29 Andrew
*
**/
#header .web-nav,
#footer .web-nav {  
    position: relative;
    z-index: 5;
    width: 1000px;
    font-size: 13px;
    line-height: 25px;
}
#header .web-nav h3,
#footer .web-nav h3 {
    display: none;
}
#header .web-nav .main-nav,
#footer .web-nav .main-nav {
    float: left;
    overflow: auto;
    margin: 0 auto;
    padding: 0;
    list-style: none;
}
#header .web-nav .main-nav li,
#footer .web-nav .main-nav li {
    float: left;
    width: 85px;
    text-align: center;
}
#header .web-nav .main-nav li.nav-l,
#footer .web-nav .main-nav li.nav-l {
    width: 88px;
}
#header .web-nav .main-nav li.more,
#footer .web-nav .main-nav li.more {    
    width: 49px;
}
#header .web-nav .main-nav li a,
#footer .web-nav .main-nav li a {
    display: block;
    height: 41px;
    background: url(../i/btn-nav-link-l.gif) no-repeat left;
}
#header .web-nav .main-nav li a span,
#footer .web-nav .main-nav li a span {
    display: block;
    height: 31px;
    padding: 10px 0 0 0;
    color:#fff;
    background: url(../i/btn-nav-link-r.gif) no-repeat right;
}
#header .web-nav .main-nav li.active a,
#header .web-nav .main-nav li a:hover,
#footer .web-nav .main-nav li.active a,
#footer .web-nav .main-nav li a:hover {
    display: block;
    height: 41px;
    background: url(../i/btn-nav-l.gif) no-repeat left;
    text-decoration:none; 
    cursor: pointer;
}
#header .web-nav .main-nav li a:hover span,
#header .web-nav .main-nav li.active a span,
#footer .web-nav .main-nav li a:hover span,
#footer .web-nav .main-nav li.active a span {    
    display: block;
    height: 31px;
    padding: 10px 5px 0 5px;
    background: url(../i/btn-nav-r.gif) no-repeat right;
    color: #000;
}

#header .web-nav ul.sub-nav {
    padding-left: 5px;
    background: url(../i/bg-nav-footer.gif) repeat-x;
    color: #8c8c8c;
    font: bold 12px Arial, Helvetica, sans-serif;
    letter-spacing : -1px;
}

#header .web-nav ul.sub-nav li {
    display: inline;
    margin: 0 5px 0 0;
    padding: 0 8px 0 0;
    background: url(../i/bg-nav-footer-l.gif) no-repeat right center;
    color: #00ac92;
    font: 12px/28px Arial, Helvetica, sans-serif;
}

#header .web-nav ul.sub-nav li.first {
    display: inline;
    margin: 0;
    padding: 0;
    background: none;
    color: #8c8c8c;
    font-weight: bold;
}

#header .web-nav ul.sub-nav li a {
    color: #00ac92;
    background: none;
}

#header .web-nav ul.sub-nav li a:hover {
    color: #f60;
}

#header .web-nav ul.sub-nav li.add-all {
    margin: 0;
    padding: 0 0 0 14px;
    background: url(../i/icon-subnav-add.gif) no-repeat 0 center;
}
#header .web-nav li.more .nav-more,
#footer .web-nav li.more .nav-more {
    display: none;
    position: absolute;
    top: 40px;
    right: 0;
    z-index: 100000;
    width: 92px;
    margin: 0;
    padding: 0;
    border: 1px solid #5970B2;
    background: #fff;
}
#footer .web-nav li.more .nav-more {
	position: absolute;
	top: -113px;
    right: 0;
	z-index: 100000;
}
#header .web-nav li.more .nav-more a,
#footer .web-nav li.more .nav-more a {
    display: block;
    width: auto;
    height: auto;
    margin: 0;
    width: 74px;
    padding: 4px 10px 4px 8px;
    color: #2875de;
    background: #fff;
    font: 13px arial;
    text-align: left;
    text-decoration: none;
    white-space: nowrap;
}
#header .web-nav li.more .nav-more a:hover,
#footer .web-nav li.more .nav-more a:hover {
    _display: block;
    _width: auto;
    _height: auto;
    _margin: 0;
    _padding: 4px 10px 4px 8px;
    _width: 78px;
    background: #49a3ff;
    background-image: none;
    color: #fff;	
}