body a {
	color: #777777
}
body a:hover {
	color: #d8150b
}
body a.hover {
	color: #d8150b
}


#header {
	z-index: 101; position: relative
}





#content {
	padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 15px
}
#content .content-inner {
	zoom: 1
}
.main-content {
	width: 735px; float: right
}
.side-bar {
	width: 205px; float: left
}
.search-bar {
	border-bottom: #dbdbdb 1px solid; border-left: #dbdbdb 1px solid; width: 198px; margin-bottom: 10px; background: #f6f6f6; border-top: #dbdbdb 1px solid; border-right: #dbdbdb 1px solid
}
.search-bar .block-inner {
	padding-bottom: 20px; padding-left: 10px; padding-right: 5px; padding-top: 20px
}
.search-bar h2 {
	padding-bottom: 10px; padding-left: 0px; padding-right: 0px; color: #4c4c4c; padding-top: 0px
}
.search-bar .txt-search {
	border-bottom: #c4c4c4 1px solid; border-left: #c4c4c4 1px solid; line-height: 20px; width: 148px; float: left; height: 20px; border-top: #c4c4c4 1px solid; border-right: #c4c4c4 1px solid
}
.search-bar .btn-search {
	border-bottom: medium none; border-left: medium none; width: 27px; background-position: 0px -742px; float: left; height: 24px; border-top: medium none; border-right: medium none
}
.side-nav {
	border-bottom: #dbdbdb 1px solid; border-left: #dbdbdb 1px solid; width: 198px; background: #f6f6f6; border-top: #dbdbdb 1px solid; border-right: #dbdbdb 1px solid; min-height:600px;
}
.side-nav h2 {
	color: #4c4c4c; font-size: 16px
}
.side-nav .block-inner {
	padding-bottom: 10px; padding-left: 10px; padding-right: 10px; padding-top: 10px
}
.side-nav h2 p {
	border-bottom: #b9b9b9 1px solid; padding-bottom: 5px; padding-left: 0px; padding-right: 0px; padding-top: 0px
}
.side-nav-list {
	padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 5px
}
.side-nav-list a {
	line-height: 2em; display: block
}
.side-nav-list li.hover {
	background-position: 160px -983px
}
.side-nav-list > li > a {
	width: 150px; font-size: 14px
}
.side-nav-list > li {
	border-bottom: #b9b9b9 1px solid; background: url(images/bg-slide.png) no-repeat 160px 10px; cursor: pointer
}
.side-nav-list-2 > li {
	border-bottom: #b9b9b9 1px dotted; background: url(images/bg-slide.png) no-repeat 160px 10px; cursor: pointer
}
.side-nav-list-2 > li > a {
	padding-bottom: 0px; padding-left: 10px; width: 140px; padding-right: 0px; padding-top: 0px
}
.side-nav-list-3 > li > a {
	padding-bottom: 0px; padding-left: 20px; padding-right: 0px; padding-top: 0px
}
.side-nav-list ul {
	display: none
}
.side-nav-list-2 li.no-line {
	border-bottom: medium none
}


#nav {
	margin: 0px auto; width: auto; clear: both;
}
#nav > ul > li {
	position: relative; margin: 0px 1px 0px 0px; width: 100px; float: left
}
#nav > ul > li > a {
	text-align: center; line-height: 42px; display: block; white-space: nowrap; background: url(images/dht.jpg) top left repeat-x; height: 46px; color: #fff; font-size: 14px; 
}
#nav > ul > li > a:hover {
	background-image:url(images/dht_bj.jpg);
}
#nav .sub-nav {
	position: absolute; width: 600px; display: none; top: 46px; left: 0px;
}
#nav > ul > li.about .sub-nav {
	right: 0px; left: auto
}
#nav > ul > li.support .sub-nav {
	right: 0px; left: auto
}
#nav > ul > li.about .sub-nav li {
	float: right
}
#nav > ul > li.support .sub-nav li {
	float: right
}
#nav .sub-nav li {
	width: 100px; zoom: 1; background:url(images/tb_bj.png); float: left; height: 105px;
}
#nav .sub-nav li a {
	text-align: center; display: block; color: #ccc; font-size:12px;
}
#nav .sub-nav li a strong {
	margin: 0px auto; display: block
}
#nav ul li.support {
	width: 100px
}
#nav .sub-nav li a span {
	position: relative; margin: 4px 0px 0px; display: block
}
#nav .sub-nav li a span b {
	position: absolute;
	width: 9px;
	display: block;
	background: url(../images/nav-icon-hover-arrow.png) no-repeat 0px 0px;
	height: 9px;
	top: 5px;
	right: 15px;
	z-index: 4;
}
#nav .sub-nav li a:hover span {
	background: url(../images/nav-icon-hover.png) no-repeat center center; color: #fff
}
#nav .sub-nav li a:hover span b {
	background-position: 0px -41px
}
#mainer .main-inner {
	padding-bottom: 0px; padding-left: 20px; padding-right: 20px; padding-top: 0px
}
#nav .sub-nav-exp li {
	width: 100px; background: none transparent scroll repeat 0% 0%; height: auto
}
#nav .sub-nav-exp li a {
	_height: 112px; _overflow: hidden
}
#nav .sub-nav-exp li a span {
	line-height: 20px; margin: 0px; background: url(../images/bg-nav-opacity.png) 0px 0px; height: 20px; top: -25px
}
#nav .sub-nav-exp li a:hover span {
	background: url(../images/bg-nav-opacity.png) 0px 0px
}
* html #nav ul li {
	position: relative; width: 100px; zoom: 1; float: left
}
* html #nav ul li a {
	text-align: center; line-height: 42px; zoom: 1; display: block; white-space: nowrap; background: url(images/dht.jpg) top left repeat-x; height: 42px; color: #fff; font-size: 14px
}
* html #nav .sub-nav li a {
	display: block; background: none transparent scroll repeat 0% 0%
}
* html #nav .sub-nav li img {
	
}
* html #nav ul li a:hover {
	background: url(images/dht_on.jpg) top left no-repeat
}
* html #nav ul li a.hover {
	background: url(images/dht_on.jpg) top left no-repeat
}
* html #nav .sub-nav li a span {
	line-height: 2.3em; display: block; font-size: 12px;
}
* html #nav .sub-nav li a span b {
	background: url(../images/nav-icon-hover-arrow.gif) no-repeat 0px 0px
}
* html #nav .sub-nav li a:hover span {
	
}
* html #nav .sub-nav-exp li a:hover span {
	
}
* html #nav ul li.about .sub-nav {
	right: 0px; left: auto
}
#nav ul li.support .sub-nav {
	right: 0px; left: auto
}
* html #nav ul li.about .sub-nav li {
	float: right
}
#nav ul li.support .sub-nav li {
	float: right
}
#nav-crumbs {
	z-index: 100; position: relative; padding-bottom: 0px; padding-left: 0px; padding-right: 4px; padding-top: 0px
}
.nav-crumbs-list {
	border-bottom: #e90901 1px solid; padding-bottom: 10px; padding-left: 0px; padding-right: 0px; padding-top: 20px
}
.nav-crumbs-list > li {
	position: relative; padding-bottom: 0px; padding-left: 0px; padding-right: 20px; background: url(images/bg-nav-crumbs-li.jpg) no-repeat right 2px; float: left; padding-top: 0px
}
.nav-crumbs-list > li.has-list:hover > a {
	border-bottom: medium none; border-left: #d8150b 1px solid; border-top: #d8150b 1px solid; border-right: #d8150b 1px solid
}
.nav-crumbs-list li .sub-nav-crumbs {
	z-index: 1; border-bottom: #d8150b 1px solid; position: absolute; min-width: 100%; border-left: #d8150b 1px solid; padding-bottom: 10px; padding-left: 0px; padding-right: 0px; display: none; background: #fff; border-top: #d8150b 1px solid; top: 19px; border-right: #d8150b 1px solid; padding-top: 10px; left: 0px; _width: 100%
}
.nav-crumbs-list .sub-nav-crumbs li {
	padding-bottom: 0px; padding-left: 5px; padding-right: 5px; padding-top: 0px
}
.nav-crumbs-list .sub-nav-crumbs a {
	border-bottom: #d9d9d9 1px solid; padding-bottom: 3px; padding-left: 10px; padding-right: 10px; display: block; white-space: nowrap; color: #a0a0a0; padding-top: 3px
}
.nav-crumbs-list .sub-nav-crumbs a:hover {
	background: #fae5e5; color: #d8150b
}
.nav-crumbs-list > li.has-list > a {
	background: url(images/bg-nav-crumbs.jpg) #fff no-repeat right center
}
.nav-crumbs-list > li > a {
	z-index: 9; border-bottom: #fff 1px solid; position: relative; border-left: #fff 1px solid; padding-bottom: 0px; padding-left: 10px; padding-right: 10px; display: block; white-space: nowrap; height: 19px; color: #d8150b; border-top: #fff 1px solid; border-right: #fff 1px solid; padding-top: 0px
}
.nav-crumbs-list li.index a {
	text-indent: -9999px; width: 5px; background: url(images/icon-all.png) no-repeat 5px -156px; _background: url(images/icon-all.gif) no-repeat 5px -156px
}
.nav-crumbs-list li.current {
	background: none transparent scroll repeat 0% 0%
}
.nav-crumbs-list li.current span {
	padding-bottom: 0px; padding-left: 10px; padding-right: 10px; background: none transparent scroll repeat 0% 0%; color: #000; padding-top: 0px
}