/*topbar*/
.topbar { line-height: 27px; height: 27px; background: url(../images/public/top-bg.gif) repeat-x 0 0;  border-top: 0; padding: 0 5px 0 10px ; text-align: right; color:#4D4948;}
.topbar-box { width:980px; margin:auto;}
.topbar em { float: left;}
.topbar span { padding-right: 10px;}
.topbar a { padding: 0 5px;}
a.login {cursor: pointer; color:#ff5f09;}

/*box*/
#header .box, #menu ul,#menu ol { overflow: hidden; height: 100%;}
#header .box { background: url(../images/public/menu-bg.gif) no-repeat 0 100%; width:980px; margin:auto; overflow:hidden; height:100%;}
#logo { width: 280px;  float: left; background: url(../images/public/logo.gif) no-repeat 0 0; text-indent: -999em; margin: 10px 0 0 0;}
#logo h1 a { height: 70px; width: 270px; display: block;}

#menu { float: right; width: 660px; background: url(../images/public/search-box-bg.gif) no-repeat 0 26px; margin-top:10px;} 
#menu ul { padding-left:8px; clear:both; }
#menu ul li { float: left; width: 71px; line-height: 28px; height: 28px; text-align: center; font-size: 14px; margin-left: 2px; color:#656364;}
#menu ul li.tabactive { background: url(../images/public/top-nav-bg.gif) no-repeat 0 100%; font-weight: bold;}
#menu ul li a { color:#656364; text-decoration:none;}
#menu ul li a:hover { color:#FF600A;}
#menu ol { padding:4px 0; display:none; clear:both;}
#menu ol li,#menu ol li input {float:left; }
#menu ol li input.txt { width:380px; line-height:22px; height:22px; margin:4px 10px 0 8px; border:#FFFFFF solid 1px; color:#656364; padding:0 5px;}
#menu ol li .searchButton{ background: url(../images/public/search-btn-bg.gif) no-repeat 0 0; border: 0; line-height: 1px; height: 30px; width: 104px; color: #FFCA86; font-weight: bold; font-size: 0px;  cursor: pointer;}
#menu ol li.car {}
#menu ol li.car a{ padding-left:15px; line-height:14px; color:#4c4847;}
#menu ol li.car a:hover{color:#FF600A;}

/* mainnav */
#mainnav { background: url(../images/public/mainbav-bg.gif) repeat-x; width:980px; margin:10px auto 0 auto; overflow:hidden; height:100%;}
#mainnav li { float:left; line-height:40px; font-size:14px; color:#FFF; }
#mainnav li a {color:#FFF; text-decoration:none;}
#mainnav ul { float:left; padding-left:10px; background: url(../images/public/mainbav-bg-left.gif) no-repeat 0 0;}
#mainnav ul li { text-align:center; width:96px; background: url(../images/public/mainbav-bg2.gif) no-repeat 0 center; font-weight:bold;}
#mainnav ul li a { display:block; height:38px; padding-top:2px;}
#mainnav ul li.current a { background: url(../images/public/mainbav-current-bg.gif) no-repeat center center; position:relative; width:100px; left:-2px; _top:-1px; color:#084DB4; _margin-left:-2px; _left:0; _width:98px;}
#mainnav ul li.no-bg { background:none;}
#mainnav ol { float:right; background: url(../images/public/mainbav-bg-right.gif) no-repeat right 0; padding-right:10px;}
#mainnav ol li { padding-left:20px; margin:0 5px; width:50px;}
#mainnav ol li.ico-1 { background: url(../images/public/ico-01.gif) no-repeat 0 center;}
#mainnav ol li.ico-2 { background: url(../images/public/ico-02.gif) no-repeat 0 center;}
#mainnav dl { clear:both; line-height:35px; height:35px; overflow:hidden; _margin-top:-2px;}
#mainnav dt { float:left; background: url(../images/public/mainbav-bg2-left.gif) no-repeat 0 0; width:910px;}
#mainnav dt a { margin-left:18px;}
#mainnav dd { float:right; background: url(../images/public/mainbav-bg2-right.gif) no-repeat right 0; width:50px;}