/* CSS Document */
*{ margin:0px auto; }

body{ margin:0 auto; font-family:Arial, helvetica, sans-serif; font-size:12px;line-height:150%; color:#595959; background:url(images/bg.jpg) repeat-x;}
img{ border:0px;}
ul{ padding:0px;}
ul li{ list-style:none;}
.clear{ clear:both;}
.left{ float:left; display:inline;}
.right{ float:right; display:inline;}
sub{ font-size:9px;vertical-align:bottom;}
dd{ margin:0px;}


a{text-decoration:none; font-size:12px;color:#231815;}
a:hover{text-decoration:none; font-size:12px;color:#CC0000;}
/*
a:link,a:visited,a:active{text-decoration:none; font-size:12px;color:#231815;}
a:hover{text-decoration:none; font-size:12px;color:#CC0000;}*/


a.more:link,a.more:visited,a.more:active{ background:url(images/more.jpg) no-repeat; width:43px; height:0px; padding-top:17px; overflow:hidden; float:right; position:relative; top:9px; right:5px;}
a.more:hover{text-decoration:none;background:url(images/more.jpg) 0px -17px no-repeat;}

a.A_blue:link,a.A_blue:visited,a.A_blue:active{text-decoration:none; font-weight:bold; font-size:12px;color:#065ea5;}
a.A_blue:hover{text-decoration:none; font-size:12px;color:#CC0000;}

a.A_FFF:link,a.A_FFF:visited,a.A_FFF:active{text-decoration:none; font-size:12px;color:#FFFFFF;}
a.A_FFF:hover{text-decoration:none; font-size:12px;color:#FFCC00;}

a.A_0074c9:link,a.A_0074c9:visited,a.A_0074c9:active{text-decoration:underline;color:#0074c9;}
a.A_0074c9:hover{text-decoration:underline; color:#CC0000;}

#top{ width:982px; height:154px; overflow:hidden;}
#top #head{ width:982px; height:119px; overflow:hidden; background:url(images/head_bg.jpg) top no-repeat;}
#top #head #logo{ /*background:url(images/logo.jpg) no-repeat;*/ width:202px; height:119px; float:left;}
#top #head  #tip{ float:right; margin-top:20px; margin-right:10px; display:inline; border:#000000 solid 0px;}
#top #head  #tip img{ margin-left:15px;}
#top #head  #search{ float:right;width:230px; padding-top:1px; display:inline; margin-top:15px; margin-left:30px; clear:right;}
#top #head  #search .input{ padding:1px 2px 1px 2px; width:150px; color:#787878; height:17px; background:#ededed; border:#f85f01 solid 1px;; float:left; margin-right:10px;}
#top #head  #search .btn{ background:url(images/search_btn2.jpg) no-repeat; width:58px; height:19px; float:left; border:none;}
/*
#top #head  #search{ float:right; display:inline; margin-top:10px; clear:right;}
#top #head  #search .input{ background:url(images/search_bg.jpg) no-repeat; padding:5px 5px 0px 20px; width:168px; height:23px; border:none; float:left;}
#top #head  #search .btn{ background:url(images/search_btn.jpg) no-repeat; width:27px; height:23px; float:left; border:none;}
*/
#menu{ width:982px; height:35px; background:url(images/menu_bg.jpg) repeat-x; overflow:hidden;}
#menu .left{ background:url(images/menu_left.jpg) no-repeat; width:2px; height:35px;}
#menu .right{ background:url(images/menu_right.jpg) no-repeat; float:right; width:2px; height:35px;}
#menu ul{ float:left;}
#menu li{ float:left; display:inline; height:35px; }
#menu li a{ float:left; display:inline;height:0px; width:70px; overflow:hidden;margin:auto 1px; padding-top:35px; border:#FFFFFF solid 0px;Z-INDEX: 2; POSITION: relative; border:#000000 solid 0px;}
#menu  LI.back {Z-INDEX: 1; POSITION: absolute;BACKGROUND: url(images/menu_blank.jpg) no-repeat center center; }
#menu #home a{ background:url(images/menu.jpg) -30px 0px no-repeat; width:75px; margin-left:15px;}
#menu #about a{ background:url(images/menu.jpg) -98px 0px no-repeat; width:85px;}
#menu #products a{ background:url(images/menu.jpg) -180px 0px no-repeat; width:145px;}
#menu #news a{ background:url(images/menu.jpg) -328px 0px no-repeat;width:110px;}
#menu #support a{ background:url(images/menu.jpg) -433px 0px no-repeat;width:85px;}
#menu #contact a{ background:url(images/menu.jpg) -512px 0px no-repeat;width:95px;}
#menu #faqs a{ background:url(images/menu.jpg) -600px 0px no-repeat;width:70px;}
#menu #Careers a{ background:url(images/menu.jpg) -670px 0px no-repeat;width:70px;}

#menu #home a:hover,#menu #home  a.select{ background:url(images/menu.jpg) -30px -35px no-repeat; }
#menu #about a:hover,#menu #about a.select{ background:url(images/menu.jpg) -98px -35px no-repeat;}
#menu #products a:hover,#menu #products a.select{ background:url(images/menu.jpg) -180px -35px no-repeat;}
#menu #news a:hover,#menu #news a.select{ background:url(images/menu.jpg) -328px -35px no-repeat;}
#menu #support a:hover,#menu #support a.select{ background:url(images/menu.jpg) -433px -35px no-repeat;}
#menu #contact a:hover,#menu #contact a.select{ background:url(images/menu.jpg) -512px -35px no-repeat;}
#menu #faqs a:hover,#menu #faqs a.select{ background:url(images/menu.jpg) -600px -35px no-repeat;}
#menu #Careers a:hover,#menu #Careers a.select{ background:url(images/menu.jpg) -670px -35px no-repeat;}

#menu div{ float:right; padding:8px 5px 0px 0px; color:#FFFFFF;}
#menu div a{ float:none; background:none;}

#banner{ width:982px; height:319px; overflow:hidden; padding:12px 0;}
#index_mid{ width:982px;}
#main{ width:982px; padding-top:10px;}
#main #left{ width:212px; float:left;}
#main #left .Category{ margin-bottom:5px; background:url(images/Category_bg.jpg) repeat-y; width:212px;}
#main #left .Category .nav{ width:190px;}
#main #left .Category .nav dt{ width:190px; }
#main #left .Category .nav dt a{ float:left; width:179px;background:url(images/Category_line.jpg) bottom repeat-x; color:#0760a4; font-weight:bold; padding:6px 2px 5px 9px;word-break: break-all;word-wrap: break-word;}
#main #left .Category .nav dt a:hover{ color:#f38200;}
#main #left .Category .nav dd{ display:none;}
#main #left .Category .nav .select{}
#main #left .Category .nav .select dt{  background:url(images/Category_s_t.jpg) no-repeat top #FFFFFF; width:190px; padding-top:5px; margin-top:10px;}
#main #left .Category .nav .select dt a{color:#5ea5fd; background:none;}
#main #left .Category .nav .select dd{ background:url(images/Category_s_e.jpg) no-repeat bottom #FFFFFF; width:180px; padding-left:10px; padding-bottom:10px; display:block;}
#main #left .Category .nav .select dd a{ background:url(images/ico.jpg) 0 7px no-repeat; float:left; padding-left:17px; clear:both; width:160px;color:#0760a4; font-size:12px;}
#main #left .Category .nav .select dd a:hover,
#main #left .Category .nav .select dd a.select{color:#5ea5fd;}


#main #right{ float:left; background:url(images/container_bg.jpg) repeat-y; width:765px; overflow:hidden; display:inline; margin-left:5px;}
#main #right .title{ background:url(images/main_top.jpg) no-repeat; width:765px; height:60px; overflow:hidden;}
#main #right .title span,#main #right .title img{ float:left; display:inline; margin:15px auto auto 20px; font-weight:normal; }
#main #right #container{ width:710px; min-height:300px;_height:300px; border:#000000 solid 0px;}
#main #right #container img{ max-width:100%;}
#main #right  .n{ width:710px;clear:both; padding:10px auto; border:#000000 solid 0px; margin:15px auto;}
#main #right  .n h1{ float:left; line-height:150%; font-size:20px;}
#main #right  .n a{ float:right; background:url(images/download.jpg) no-repeat; width:171px; height:0px; padding-top:48px;}
#main #right  .n a:hover{background:url(images/download2.jpg) no-repeat;}

#menusub_pro{ position:absolute; float:left;border:#FFCC00 solid 0px; width:980px; z-index:11; background:#ffffff; border:#a6a6a6 solid 1px; border-top:none; }
#menusub_pro .title{ width:950px; background:#000000 url(images/ico2.jpg) 10px 7px no-repeat; padding:5px 0 0 30px; height:25px; color:#FFFFFF; font-weight:bold; font-size:14px;}
#menusub_pro .con{ width:960px; padding:10px;min-height:100px; _height:100px; }
#menusub_pro .con dl{ border:#000000 solid 0px; float:left; display:inline; margin-right:10px; margin-bottom:10px; width:182px;}
#menusub_pro .con dt{ background:url(images/ico3.jpg) 0 3px no-repeat; padding-left:18px;}
#menusub_pro .con dt a{ font-size:12px;}
#menusub_pro .con dd { padding-left:10px;}
#menusub_pro .con dd a{ background:url(images/ico.jpg) 0 7px no-repeat; float:left; padding-left:12px; clear:both; width:160px;font-size:12px;}

#index_turn{ background:url(images/index_turn.jpg) no-repeat; height:143px; width:982px; margin:5px auto; overflow:hidden;}

#foot{ background:url(images/bottom_bg.jpg) no-repeat; width:982px; height:89px; overflow:hidden; margin:10px auto; clear:both; color:#808080;}
#foot div{ margin:25px auto auto 235px;}
#foot div a{color:#808080;}
#foot div a:hover{color:#CC0000;}
#foot .totop{ float:right; display:inline; margin-right:50px;}
.area{ background:url(images/index_fra_bg.jpg) no-repeat; width:326px; height:365px; display:inline; overflow:hidden; float:left;}
.area dt{ border:#000000 solid 0px; margin:20px auto auto 15px;}
.area dd{ border:#000000 solid 0px; width:270px; height:270px; overflow:hidden; margin:25px auto auto 25px;}
.area dd img{ float:left; margin-right:10px;}
.area dd ul{ width:100%;}
.area dd ul li{ clear:both; background:url(images/ico.jpg) 0 7px no-repeat; padding-left:10px; margin-bottom:6px;}

#main #right .r{ margin-right:0px;}
.profra{background:url(images/pro_cate.jpg) no-repeat; width:250px; height:233px; overflow:hidden; float:left; display:inline; margin-right:7px; margin-bottom:10px;}
.profra dt{ border:#000000 solid 0px; margin:16px auto auto 20px; color:#3c6993; font-weight:bold;}
.profra dd{ border:#000000 solid 0px; width:208px; height:278px; overflow:hidden; margin:20px auto auto 20px; text-align:center;}
.profra dd img{ border:#e0e0e0 solid 1px; margin-bottom:8px;}
.profra dd ul{ width:100%;}
.profra dd ul li{ clear:both; background:url(images/ico.jpg) 0 7px no-repeat; padding-left:10px; margin-bottom:6px; text-align:left;}
.prosub{ width:100%;border:#000000 solid 0px;}
.prosub img{border:#e0e0e0 solid 1px;}
.prosub b{ line-height:200%;}
.line{ border-bottom:#e0e0e0 solid 1px; width:100%; margin:15px auto; height:1px; overflow:hidden; font-size:0px;}

DIV.meneame {
	PADDING:30px 0; MARGIN: 3px 0; COLOR: #47a7da; TEXT-ALIGN: center; background:url(../images/linebg.jpg) top repeat-x ; border:#000000 solid 0px; clear:both; float:left; width:100%;
}
DIV.meneame A {
	BORDER-RIGHT: #d7e3f3 1px solid; PADDING-RIGHT: 7px; BORDER-TOP: #d7e3f3 1px solid; PADDING-LEFT: 7px;  PADDING-BOTTOM: 5px; BORDER-LEFT: #d7e3f3 1px solid; MARGIN-RIGHT: 3px; PADDING-TOP: 5px; BORDER-BOTTOM: #d7e3f3 1px solid; TEXT-DECORATION: none; COLOR: #47a7da; font-size:12px;
}
DIV.meneame A:hover {
	BORDER-RIGHT: #d7e3f3 1px solid; BORDER-TOP: #d7e3f3 1px solid; BACKGROUND-IMAGE: none; BORDER-LEFT: #d7e3f3 1px solid; COLOR: #ff6500; BORDER-BOTTOM: #d7e3f3 1px solid; BACKGROUND-COLOR: #edf8fe;TEXT-DECORATION: none;
}
DIV.meneame SPAN.current {
	BORDER-RIGHT: #bfe8fe 1px solid; PADDING-RIGHT: 7px; BORDER-TOP: #bfe8fe 1px solid; PADDING-LEFT: 7px; FONT-WEIGHT: bold; PADDING-BOTTOM: 5px; BORDER-LEFT: #bfe8fe 1px solid; COLOR: #47a7da; MARGIN-RIGHT: 3px; PADDING-TOP: 5px; BORDER-BOTTOM: #bfe8fe 1px solid; BACKGROUND-COLOR: #e2f2ff
}
DIV.meneame SPAN.disabled {
	BORDER-RIGHT: #d7e3f3 1px solid; PADDING-RIGHT: 7px; BORDER-TOP: #d7e3f3 1px solid; PADDING-LEFT: 7px; PADDING-BOTTOM: 5px; BORDER-LEFT: #d7e3f3 1px solid; COLOR: #d7e3f3; MARGIN-RIGHT: 3px; PADDING-TOP: 5px; BORDER-BOTTOM: #d7e3f3 1px solid
}

DIV.black2 {
	PADDING-RIGHT: 7px; PADDING-LEFT: 7px; PADDING-BOTTOM: 7px; MARGIN: 3px; PADDING-TOP: 7px; TEXT-ALIGN: right;
}
DIV.black2 A {
	BORDER-RIGHT: #000000 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #000000 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; MARGIN: 2px; BORDER-LEFT: #000000 1px solid; COLOR: #000000; PADDING-TOP: 2px; BORDER-BOTTOM: #000000 1px solid; TEXT-DECORATION: none
}
DIV.black2 A:hover {
	BORDER-RIGHT: #000000 1px solid; BORDER-TOP: #000000 1px solid; BORDER-LEFT: #000000 1px solid; COLOR: #fff; BORDER-BOTTOM: #000000 1px solid; BACKGROUND-COLOR: #000
}
DIV.black2 A:active {
	BORDER-RIGHT: #000000 1px solid; BORDER-TOP: #000000 1px solid; BORDER-LEFT: #000000 1px solid; COLOR: #fff; BORDER-BOTTOM: #000000 1px solid; BACKGROUND-COLOR: #000
}
DIV.black2 SPAN.current {
	BORDER-RIGHT: #000000 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #000000 1px solid; PADDING-LEFT: 5px; FONT-WEIGHT: bold; PADDING-BOTTOM: 2px; MARGIN: 2px; BORDER-LEFT: #000000 1px solid; COLOR: #fff; PADDING-TOP: 2px; BORDER-BOTTOM: #000000 1px solid; BACKGROUND-COLOR: #000000
}
DIV.black2 SPAN.disabled {
	BORDER-RIGHT: #eee 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #eee 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; MARGIN: 2px; BORDER-LEFT: #eee 1px solid; COLOR: #ddd; PADDING-TOP: 2px; BORDER-BOTTOM: #eee 1px solid
}