@import url(Basic.css);
#head{width: 900px; margin: 0px auto;}
#head .logo{width: auto; float: left; padding-top: 10px; padding-left: 30px;}
#head .topnav{padding-top: 35px; padding-right: 20px; text-align: right; float: right; font-size: 12px;}
#nav{height: 36px; background: url(../../Images/bg.gif); color: White;}
#nav ul{ float: right;list-style: none; list-style-type: none; margin: 0px }
#nav li{ font-size: 14px; font-weight: bold; padding-left: 10px; padding-right: 10px; float: left; background: url(../../Images/nav_line.gif) no-repeat left; line-height: 36px;}
#nav li a{color: White; display: block;}
#nav li a span{float:none;}
#nav li a:hover{color: #CCFF00; text-decoration: none; display: block;background: url(../../Images/nav_arr.gif) no-repeat bottom;}
#nav .current span{background: url(../../Images/nav_arr.gif) no-repeat bottom; color:#CCFF00; display: block }
#nav .normal{}
#nav_b{ background: url(../../Images/bg.gif) no-repeat 0 -37px; height: 36px; line-height: 36px; color: #708090;}
#nav_b a{ color: #708090;}
#nav_b .nav_b_cen{text-align: left; text-align: left; padding-left: 20px;}
#nav1_ {padding-left: 80px;}
#nav2_ {text-align: center;}
#nav3_ {padding-left: 320px;}
#nav4_ {padding-left: 450px;}
#nav5_ {padding-left: 520px;}
#nav6_ { text-align: right; padding-right: 150px;}
#nav7_ { text-align: right; padding-right: 30px;}
#nav8_ { text-align: right; padding-right: 30px;}
/*Tab title*/
.tab_tit1{ line-height: 25px; background: url(../../Images/Comm/tabbg.jpg) repeat-x 0px 0px; color: #003333; padding-left: 15px; text-align: left;}
.tab_tit2{ line-height: 25px; background: url(../../Images/Comm/tabbg.jpg) repeat-x 0px -30px; color: #003333; padding-left: 15px; text-align: left;}
.border1{border: 1px solid #A5B5C0;}
.border2{border: 1px solid #D7D9DB;}
/*footer*/
#footer{ border-top: 3px solid #DCDCDC; padding-top: 5px; width: 900px; margin: 5px auto; color: #708090;}
#footer .footer_cen{padding-top: 10px; padding-left: 120px; background: url(../../Images/bg2.gif) no-repeat 40px 0px; float: left; text-align: left;}
#footer .footer_rig{float: right; padding-right: 30px; padding-top: 10px; text-align: right;}
#footer a{color: #708090;}
/*page*/
#page{margin: 3px auto; width: 900px;}
#page_l{width: 175px; float: left;}
#page_l,#p_le{width: 175px; float: left;}
#p_lmenu{border-bottom: 2px solid #89B700; background: url(../../Images/p_lmenu_bg.jpg) repeat-y right;}
#p_lmenu ul{padding: 5px; margin: 0px; list-style: none; list-style-type: none; text-align: right;}
#p_lmenu li{line-height: 25px; border-bottom: 1px solid #CAE494; background: url(../../Images/arr.gif) no-repeat 96% 8px;}
#p_lmenu li a{padding-right: 20px; display: block; font-weight: bold; color: #003E01;}
#p_lmenu li a:hover{display: block; text-decoration: none; background-color: #D6EBAB;}
#p_maillist{
	border: 1px solid #CDDEB0; background: #F8FCF3 url(../../Images/bg.gif) 10px -105px; padding: 5px 5px 5px 40px; text-align: left; margin-top: 5px; color: #003300; font-weight: bold;
}
#p_services{ text-align: left;}
#p_services .le_services{
	padding: 10px 6px 10px 20px; background: url(../../Images/services_bg.gif) no-repeat 0 100%;
}
.page_l_tit,.tit_1{background: #339966 url(../../Images/bg.gif) no-repeat 0 -80px; padding-right: 20px; line-height: 25px; font-size: 120%; font-weight: bold; color: #004601; text-align: right; margin: 0px;}
.tit_2{ margin: 2px auto; padding: 0 20px 0 20px; line-height: 32px; background-color: #339966; text-align: left; font-size: 16px; font-weight: bold; color: #003300; }
.tit_3{line-height: 36px; text-align: left;font-size: 16px; font-weight: bold; color: #003300;}
.tit_4{background: #3EB97D; padding-right: 20px; line-height: 25px; font-size: 100%; font-weight: bold; color: #004601; text-align: right;}
.tit_5{background: #3EB97D; padding-left: 20px; line-height: 25px; font-size: 100%; font-weight: bold; color: #003300; text-align: left;}
.page_cotent,.p_content{padding: 5px 15px 10px 15px; text-align: left; line-height: 150%;}
.p_content p{padding-top: 10px;}
.p_author{border-bottom: 1px solid #cccccc; border-top: 1px solid #cccccc; line-height: 25px; text-align: left; color: #708090;}
.p_fun{margin: 5px auto; border-top: 1px solid #eeeeee; border-bottom: 1ox solid #eeeeee; padding: 5px;}
.page_nav{line-height: 25px; border-bottom:1px solid #eeeeee; padding: 0 20px 0 20px; line-height: 25px; background: url(../../Images/comm/bg2.gif) no-repeat 3px -90px; color: Gray; font-size: 11px;}
.page_nav a{color: #A9A9A9;}
.page_nav span{padding-top: 6px;}
/*Index css table*/
.in_part_le{width: 465px; float: left;}
.in_part1_le{width: 670px; float: left;}
.in_part1_rig{width: 225px; float: right; text-align: left;}
.in_part1_rig a{color: Yellow;}
#in_part{border-top: 2px solid #E9E9E9;}
.in_part1_le{width: 175px; float: left; text-align: left;}
.in_part1_rig2{width: 714px; float: right; margin-left: 10px; border-left:1px solid #E9E9E9;}
.in_part1_mid{width: 420px; border-right:1px solid #E9E9E9; float: left;}
.in_part1_mid p{padding-top: 5px;}
.in_part1_rig3{float: right; width: 280px; text-align: left;}
/*products list css*/
.pro_li_dv{border: 1px solid #DCDCDC; margin-top: 10px; font-size: 11px; color: #696969;}
.pro_li_c1{clear: both; background-color: #F5FCEB; border-bottom: 1px solid #AAD552; line-height: 25px;}
.pro_li_c2{clear: both;  line-height: 20px;}
.pro_li_c3{clear: both; line-height: 20px; border-top: 1px solid #E3E0DB;}
.pro_li_c4{clear: both; line-height: 20px; border-top: 1px solid #E3E0DB;}
.pro_li_tit{width: 120px; float: left; display: inline; font-weight: bold; text-align: right;}
.pro_li_tit1{float: left; font-weight: bold; padding-left: 10px;}
.pro_li_tit1 a:link{color: #1F7745; border:0px;}
.pro_li_tit1 a:hover{color: #D90000;}
.pro_li_tit1 a:visited{color: #1F7745;}
.pro_li_tit2{float: left; padding-left: 10px;}
.pro_li_tit3{float: left; padding-left: 10px; width: 270px;}
.pro_li_tit4{float: left; padding-left: 10px; width: 320px;}
.pro_li_tit5{float: right; text-align: left; line-height: 20px; margin-top: 2px;}
.pro_li_tit5 a{ background: url(../../Images/comm/bg.gif) no-repeat 0px -770px; width: 90px; display: block; border: 0px; color: White; font-weight: bold;}
.pro_li_tit5 a:hover{ background:#F5FCEB url(../../Images/comm/bg.gif) no-repeat 0px -800px; width: 90px; display: block; border: 0px; color: White;}
.pro_li_tit5 a:visited{color: White;}
.pro_li_tit5 a span{ padding-left: 12px;}
/*page list bar*/
.pagelist {text-align: center; padding: 10px 3px 5px 3px;; border-top:1px solid #eeeeee; font-size: 10px;}
.pagelist a{color: #7B5B12; font-size: 10px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;padding: 3px; border: 1px solid #DCDCDC; background-color: #F9F9F9;}
.pagelist a:hover{background-color: #E1FFE1; text-decoration: none; border: 1px solid #006400;}
.next_all{background-color: #D7FFD7; border: 1px solid #006400;}

#page_l_nav{ background: url(../../Images/comm/nav_le_bg.jpg) repeat-y 100% 0; border-bottom:2px solid #005B00; }
#page_l_nav ul{padding-left: 5px; padding-right: 5px; padding-bottom: 5px; list-style: none; margin: 0px;}
#page_l_nav li{line-height:25px; text-align: right; font-size: 12px; font-weight: bold; border-bottom: 1px solid #99CC00; color: #005B00;}
#page_l_nav li a{color: #005B00; text-decoration: none; padding-right: 10px; display: block;}
#page_l_nav li a:hover{background-color: #D5F5AD; display: block;}
#page_l_nav .current{background-color: #BFEF85;}
#page_r,#p_rig{width: 710px; float: right; text-align: left;}

/*download center*/
.d_div{border: 1px solid #E7E5C8; margin-top: 5px;}
.d_div_tit{background: #F2FFF2 url(../../Images/bg-right-endcap.gif) no-repeat 2px 3px; font-weight: bold; border-bottom: 1px solid #E7E5C8; padding-left: 20px; padding-top: 5px; padding-bottom: 3px;}
.d_div_tit span{float: right; font-weight: normal; font-size: 10px; color: #A9A9A9; padding-right: 20px;}
.d_div_tit a{text-decoration: none; border: 0px;}
.d_div_tit a:hover{text-decoration: none; border: 0px;}
.d_div_rmk{	padding: 5px 5px 10px 25px; clear: both; font-size: 11px; color: #666666;}
.d_div_date{clear: both; border-top: 1px dashed #E7E5C8;  font-size: 11px; color: #666666; text-align: right; padding-right: 20px; padding-top:3px;}
.d_div_date span{float: left; padding-left: 25px;}