/* yui-t8 left 240px */
.yui-t8{margin:auto;text-align:left;width:57.69em;*width:56.25em;}
.yui-t8 #yui-main{float:right;margin-left:-25em;} 
.yui-t8 .yui-b { float: left; width: 18.4615em; *width: 18.00em; }
.yui-t8 #yui-main .yui-b { margin-left: 19.4615em; *margin-left: 19.05em; }

.row {
  width:100%;
  margin: 0px;
  padding: 0px;
}

.col5{
  float:left;
  width:20%;
  *width:19.98%;
  _width:19.98%;
}

.col5-3{
  float:left;
  width:60%;
  *width:59.98%;
  _width:59.98%;
}

.col5-2{
  float:left;
  width:40%;
  *width:39.98%;
  _width:39.98%;
}

.col5-1{
  float:left;
  width:20%;
  *width:20%;
  _width:20%;
}

.col5-4{
  float:left;
  width:80%;
  *width:78%;
  _width:78%;
}

div.row div.col5-2 div{
  margin-left:10px;
}


div.row div.col5-3 div.yui-u img,
div.row div.col5 img {
  border: 1px solid #7ed2dc;
  margin:2px;
  background: url(images/main-pic-bg.gif) repeat-x;
  /* height: 147px; */
}

div.road{
  padding:5px 0px 5px 0px;
  text-align:center;
}

div.road div, div.road div{
  color:#000;
  font-weight:bold;
}

div.bgcolor {
  background-color:#234899;
  background:url(images/haomeng-bg.gif);
}

div.bgcolor div{
  color:#f4871e;
}

#messageboard{
  margin:0px 5px 0px 15px;
}
#newsboard{
  margin:0px 5px 0px 25px;
}

#messageboard li, #newsboard li{
  line-height:26px;
  border-bottom:1px dotted #333;
  overflow:hidden;
  height:26px;
}

#messageboard li a, #newsboard li a{
  background:url(images/dot2.gif) no-repeat;
  color:#000;
  padding-left:20px;
}

#messageboard li a:hover, #newsboard li a:hover{
  background:url(images/dot1.gif) no-repeat;
  color:#f4871e;
}

.row:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

#hd {
  margin-bottom:10px;
}

div#ft-bottom{
  margin-top:10px;
  background: url(images/ft-bg.gif) repeat-x;
}

div#ft-bottom {
  height: 70px;
  position: relative;
}

div#ft-copyright {
  position: absolute;
  left: 95px;
  top: 15px;
  font-weight: bold;
  font-size: 12px;
  font-style:italic;
}

div#ft-maintainer {
  position: absolute;
  left: 495px;
  top: 15px;
  font-weight: bold;
  font-size: 12px;
  font-style:italic;
}
div#ft-maintainer2 {
  position: absolute;
  left: 575px;
  top: 15px;
  font-weight: bold;
  font-size: 12px;
  font-style:italic;
}

div#ft-beian {
  position: absolute;
  left: 725px;
  top: 15px;
  font-weight: bold;
  font-size: 12px;
  font-style:italic;
}

#hd-top {
  height:94px;
  background:url(images/hd-bg.gif) no-repeat;
  position:relative;
}

#hd-top div.search {
  position:absolute;
  bottom:12px;
  left:645px;
}
#hd-top div.search label{
  display:none;
}

#hd-top div.search input.form-text{
  width:125px;
  height:21px;
  border:1px solid #666;
}

#hd-top div.search input.form-submit{
  position:absolute;
  top:0px;
  left:130px;
  height:21px;
  background:url(images/search.gif) no-repeat 0px 0px;
  border-style:none;
  width:56px;
}

#hd-top div.language {
  position:absolute;
  bottom:4px;
  right:2px;
}


#hd-nav {
  height:34px;
  background:url(images/nav-bg.gif) repeat-x;
}


/*
div#bd div.yui-b div.menu {
  height: 53px;
  background: url(images/left-top-bg.gif) repeat-x;
}

div#bd div.yui-b div.menu h2{
  padding:10px;
  text-align: center;
  font-weight: bold;
  font-size:26px;
  color: #84b5de;
  text-shadow: 1px 2px 3px #555;
  font-style:italic;
}
  */

#treemenu h2{
  height: 40px;
  background: url(images/left-top-bg.gif) no-repeat;
  padding:10px;
  text-align: center;
  font-weight: bold;
  font-size:26px;
  color: #84b5de;
  text-shadow: 1px 2px 3px #555;
  font-style:italic;
}

div#bd div.yui-b div.menu h2{
  padding:10px;
  text-align: center;
  font-weight: bold;
  font-size:26px;
  color: #84b5de;
  text-shadow: 1px 2px 3px #555;
  font-style:italic;
}


div.row-title {
  background: url(images/main-top-bg.gif) repeat-x;
  height: 28px;
  font-size: 16px;
  color: #fff;
  padding: 3px 0px 0px 5px;
  font-weight: bold;
  font-style:italic;
  font-family: Arial;
}


a:link, a:visited {
  color : #000; 
  text-decoration : none;
}

a:hover {
  color : #f4871e; 
  text-decoration : none;
}

a img {
border : 0;
}

div.wrap {
width : 993px;
margin : 0 auto;
text-align : left;
}
div#top div#nav {
float : left;
clear : both;
width : 993px;
height : 52px;
margin : 22px 0 0;
}
div#top div#nav ul {
float : left;
width : 700px;
height : 52px;
list-style-type : none;
}
div#nav ul li {
float : left;
height : 52px;
}
div#nav ul li a {
border : 0;
height : 52px;
display : block;
line-height : 52px;
text-indent : -9999px;
}
div#header {
margin : -1px 0 0;
}

div#header div.wrap {
height : 230px;
/* background : url(images/header-bg.png) no-repeat 50% 0; */
}
div#header div#slide-holder {
z-index : 40;
width : 974px;
height : 230px;
position : absolute;
}
div#header div#slide-holder div#slide-runner {
/*
top : 9px;
left : 9px;
*/
width : 974px;
height : 230px;
overflow : hidden;
position : absolute;
}
div#header div#slide-holder img {
margin : 0;
display : none;
position : absolute;
}
div#header div#slide-holder div#slide-controls {
left : 3px;
bottom : 180px;
width : 974px;
height : 46px;
display : none;
position : absolute;
/* background : url(images/slide-bg.png) 0 0; */
}
div#header div#slide-holder div#slide-controls p.text {
float : left;
color : #fff;
display : inline;
font-size : 10px;
line-height : 16px;
margin : 15px 0 0 20px;
text-transform : uppercase;
}
div#header div#slide-holder div#slide-controls p#slide-nav {
float : left;
height : 24px;
display : inline;
margin : 0px 15px 0 0;
}
div#header div#slide-holder div#slide-controls p#slide-nav a {
float : left;
width : 24px;
height : 24px;
display : inline;
font-size : 11px;
margin : 0 5px 0 0;
line-height : 24px;
font-weight : bold;
text-align : center;
text-decoration : none;
background-position : 0 0;
background-repeat : no-repeat;
}
div#header div#slide-holder div#slide-controls p#slide-nav a.on {
  /*background-position : 0 -24px; */
  color : #f4871e; 
}

html>body div#header div#slide-holder div#slide-controls p#slide-nav a {
  /* background-image : url(images/silde-nav.png); */
  color:#333;
  border:1px solid #333;
}
* div#header div#slide-holder div#slide-controls p#slide-nav a {
  /* background-image : url(images/silde-nav.gif); */
  color:#333;
  border:1px solid #333;
}

div#nav ul li a {
background : url(images/nav.png) no-repeat;
}


/* 
	LEVEL ONE
*/
ul.dropdown {
  position: relative; 
  z-index : 80;
}
ul.dropdown li {
  font-weight: bold; 
  float: left; 
  zoom: 1;
  /* background: #ccc;*/
}

ul.dropdown li {
 border-right: 2px solid #444;
 height:34px;
 text-align:center;
}

ul.dropdown li:last-child {
  border-right: none; 
} /* Doesn't work in IE */

ul.dropdown a:hover {
  color: #000; 
}
ul.dropdown a:active {
  color: #ffa500;
}
ul.dropdown li a { 
  display: block;
  padding: 8px 8px 4px 8px; 
  color: #222; 
  width:177px;
  _width:176px;
}

ul.dropdown li.hover,
ul.dropdown li:hover {
  color: black; 
  position: relative; 
}

ul.dropdown li.hover,
ul.dropdown li:hover {
  background: url(images/nav-hover-bg.gif) repeat-x;
}

ul.dropdown li.hover a { 
  color: black; 
}

ul.dropdown li a {
  font-size: 18px;
  font-family: Arial, Sans-Serif;
  color:white;
}
/* 
	LEVEL TWO
*/
ul.dropdown ul 	{
  width: 280px;
  visibility: hidden; 
  position: absolute;
  top: 100%; 
  left: 0; 
}
ul.dropdown ul li { 
  font-weight: normal;
  color: #000; 
  border-bottom: 1px solid #ccc; 
  float: none; 
}
									  
/* IE 6 & 7 Needs Inline Block */
ul.dropdown ul li a {
  border-right: none; 
  width: 100%; 
  display: inline-block; 
} 
ul.dropdown ul li { 
  border-right: none; 
  text-align:left;
  padding-left: 20px;
  background: #eee url(images/arrow1.gif) no-repeat;
} 
ul.dropdown ul li.hover,
ul.dropdown ul li:hover {
  background: #333 url(images/arrow1.gif) no-repeat;
}
ul.dropdown ul li.hover a ,
ul.dropdown ul li:hover a {
  color:white;
}
ul.dropdown ul li a.hover ,
ul.dropdown ul li a:hover {
  color:white;
}

    #accordion {
      width:234px;
    }

    #accordion .ui-accordion-header a{
      padding:0px 0px 0px 29px;
    }

    #accordion .ui-accordion-header {
      border:0px;
      height:30px;
      font-size:21px;
      font-weight:bold;
      font-family:Arial;
    }

    #accordion .ui-state-active {
      background:url(images/t-b-1.gif);
    }

    #accordion .ui-state-active a{
      color:#f3ef38;
    }

    #accordion .ui-state-default {
      background:url(images/t-b-1_n.gif);
    }

    #accordion .ui-state-default a{
      color:white;
    }

    #accordion .ui-accordion-content {
      border:0px;
      background:url(images/t-b-1_b.gif) repeat-x;
      padding:10px 10px 10px 10px;
    }

    #accordion ul{
      margin:0px;
      padding:0px;
    }
    #accordion ul li{
      list-style-type:none;
      margin:0px;
      padding:0px;
    }

    #accordion ul li a, #accordion ul li span{
      font-size:16px;
      font-family: Arial;
      font-weight:bold;
      display:block;
      padding:2px 0px 0px 40px;
      margin-bottom:2px;
      margin-top:2px;
      text-decoration:none;
      background:url(images/arrow1.gif) no-repeat 10px -3px;
      display:block;
    }

    #accordion ul li a{
      color:black;
    }

    #accordion ul li a:hover, #accordion ul li span{
      color : #f4871e; 
    }

#block-menu-menu-cnproduct, #block-menu-menu-prodcata, #block-user-1 {
    display:none;
  }


  .node{
    background:url(images/node-bg.gif) repeat-x;
  }

  #title-wrapper {
    background:url(images/node-title-bg.gif) repeat-x;
    padding:3px 0px 3px 10px;
  }

  #title-text h1{
      color:#fff;
      font-size:16px;
      font-family: Arial;
      font-weight:bold;
  }

  .node div.road{
    padding:12px 0px 12px 0px;
  }

  .pager {
  }

  .content p{
    margin: 1em 0; 
    font-size:14px;
    line-height:1.5em;
  }

table.road-parameter {
  margin-top:1em;
  margin-left:10px;
  border-collapse:collapse;
  text-align:center;
}

table.road-parameter td {
  padding:5px;
  border:1px solid #56c6d1;
}

table.road-desc {
  border-collapse:separate;
}

table.road-desc td{
  padding:10px;
  border-style:none;
}

div.road-img {
  border: 1px solid #7ed2dc;
}


.comment_add{
  margin-left:30px;
  background:url(images/comment.jpg) no-repeat 0px 0px;
}

.comment_add a{
  padding-left:25px;
}

.form-submit {
  width:56px;
}