/* CSS Document */

body {
	margin:0px; padding:0px; font-family:Tahoma, Arial, sans-serif; font-size:11px
}
a {
	font-family:Tahoma, Arial, sans-serif; font-size:11px; text-decoration:none; color:#333333
}
a:hover {
	font-family:Tahoma, Arial, sans-serif; font-size:11px; text-decoration:none; color:#333333; border-bottom:1px dotted #666666
}
img {
	border:none
}

#top {
	height:137px; width:100%; background:url(valued_img/top_bg_line.jpg) repeat-x; margin:0px; padding:0px;; overflow:hidden
}
#top .logo {
	padding-top:15px; margin-left:8px; 
}
#top .topinfo {
	color:#57596C; float:right; vertical-align:text-top; margin-right:10px; margin-top:10px
}
#top .topinfo .span1 {
	background:url(valued_img/top_login.jpg) left no-repeat; padding-left:20px; 
}
#top .topinfo .span2 {
	background:url(valued_img/top_account.jpg) left no-repeat; padding-left:20px; 
}
#top .topinfo .span3 {
	background:url(valued_img/top_contack.jpg) left no-repeat; padding-left:20px;
}
#top .topinfo a {
	color:#57596C; margin-right:10px
}
#top .topinfo a:hover {
	border-bottom:1px dotted #57596C; text-decoration:none; font-weight:bold
}

#TopTabMenu {
	padding:0px; margin:0px; 
}
#TopTabMenu ul {
	list-style-type:none; height:29px; padding:0px; margin-left:100px; ; margin-bottom:0px; padding-bottom:0px
}
#TopTabMenu li {
	height:29px; display:inline; line-height:29px; vertical-align:bottom; 
}

#TopTabMenu li div {
	margin-right:2px
}

.top_bg_bottom {
	background:url(valued_img/line.jpg); height:10px; width:100%; 
}

#TopTabMenu a {
	font-weight:bold; color:#FFFFFF; cursor:hand
}
#TopTabMenu a:hover {
	font-weight:bold; color:#FFFFFF;
}

#TopTabMenu ul .bn_home a div{ 
	height:29px; width:80px; background:url(valued_img/bn_home_1.jpg) no-repeat; float:left; text-align:center; 
} 
#TopTabMenu ul .bn_home a:hover div{ 
	background:url(valued_img/bn_home_2.jpg) no-repeat
} 
#TopTabMenu ul .bn a div{ 
	height:29px; width:100px; background:url(valued_img/bn_1.jpg) no-repeat; float:left; text-align:center;
} 
#TopTabMenu ul .bn a:hover div{ 
	background:url(valued_img/bn_2.jpg) no-repeat
} 

/*****************content***************/
#content {
	margin-top:10px;
}
#content .left {
	float:left; width:740px; padding-left:10px; border-right:1px dashed #CCCCCC; padding-right:10px
}

#content .left .title1 {
	border-bottom:1px solid #CCCCCC; width:740px; height:18px
}
#content .left .title2 {
	font-size:16px; font-weight:bold; line-height:50px; padding-bottom:20px
}

.features {
	width:740px;
}
.feature {
	width:230px; float:left; line-height:16px; padding-right:16px; ; padding-bottom:10px; padding-top:10px
}
.feature .title {
	background:url(valued_img/point_1.jpg) left no-repeat; padding-left:10px; font-weight:bold; padding-bottom:5px; line-height:16px;
}


#content .right {
	float:left; width:208px; margin-left:10px
}
#content .right .browse {
	width:208px; border:1px #CCCCCC solid
}
#content .right .browse .title 
{
	width:208px; height:36px; background:url(valued_img/borwse_title.jpg) no-repeat; 
}
#content .right .browse .title .bt {
	padding-top:15px; padding-left:18px; font-weight:bold
}
#content .right .browse .content ul {
	list-style-type:none; margin:0px; padding:0px; padding-left:2px
}
#content .right .browse .content ul li {
	margin:0px; padding:0px
}
#content .right .browse .content ul a { border:none}
#content .right .browse .content ul a:hover { border:none; cursor:hand
}
#content .right .browse .content ul a div {
	width:186px; background:#F1F1F1; height:25px;; margin-bottom:1px; margin-top:1px; padding-left:18px; line-height:25px; color:#333333; 
}
#content .right .browse .content ul a:hover div {
	width:186px; background: url(valued_img/point_go.jpg) left no-repeat #155092; height:25px;; margin-bottom:1px; margin-top:1px; padding-left:18px; line-height:25px; color:#FFFFFF; font-weight:bold; border:none
}


#other {
	width:208px; border:1px #CCCCCC solid; margin-top:8px
}
#other .title {
	background:url(valued_img/other_title.jpg) no-repeat #155092; width:188px; height:25px; color:#FFFFFF; font-weight:bold; padding-left:20px; line-height:25px
}
.input1 {
	width:120px; height:14px; border:1px #CCCCCC solid
}
.input2 {
	width:160px; height:14px; border:1px #CCCCCC solid; margin-top:10px; font-size:11px; font-family:Arial, Helvetica, sans-serif
}

/*****************footer***************/
.clear {
	clear:both; 
}
#footer {
	width:100%; padding-top:20px; color: #5B6571; padding:0px; 
}
#footer .content{
	background:#EFF0ED; height:86px; margin:0px; padding:0px
}
#footer  .top {
	height:15px; width:100%; background:url(Images/footer_bg.gif) repeat; margin-top:10px
}
#footer .top a {
	color:#FFFFFF; text-decoration:none; border:none
}
#footer .top a:hover {
	color:#FFFFFF; text-decoration:none; border-bottom:1px dashed #FFFFFF
}


#footer .content a:hover {
	border-bottom:1px dotted #666666
}
#footer .content `a:visited {
	color:#666666; text-decoration:none
}




.STYLE1 {color: #000000}
.STYLE2 {font-size: 10px}
.STYLE4 {color: #CC3300}
.STYLE5 {color: #FFFFFF; font-weight: bold; font-size: 100%; }
.STYLE5 {	font-size: 100%;
	font-weight: bold;
}
.STYLE7 {color: #FFFF00}
.style11 {	color: #FFFFFF;
	font-weight: bold;
}
.style21 {	color: #0000FF;
	font-weight: bold;
}
.style3 {color: #000000}
.STYLE8 {color: #333333; font-size: 100%;}
.STYLE22 {color: #FFFFFF}