/* This needs to be first because FF3 is now supporting this  */
.clearfix {display: inline-block;}

.clearfix:after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
    font-size: 0;
    visibility: hidden;
}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
html{color:#666;background:#fff;overflow:auto;overflow-y:scroll;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
sup{vertical-align:text-top;}
sub{vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;*font-size:100%; z-index:-1;}
input.text{line-height:18px;height:13px;}
legend{color:#000;}
br{letter-spacing:0px;}
a{text-decoration:none;}

 
.center{margin:0px auto;}
.central{text-align:center !important;}
.left{float:left;}
.right{float:right;}
.textleft{ text-align:left; }
.textright{ text-align:right; }
.middle{vertical-align:middle;}
.clear{float:none; clear:both;font-size:0px;line-height:0px;height:0px; min-height:0px; padding:0px; margin:0px; overflow:hidden;}
.hide{display:none;}
.master{width:1000px;}
.hr{height:1px;line-height:0px;font-size:0px;border-top:solid 1px #f1f1f1;margin-top:10px;}
.inline{ display:inline; }
.hand{cursor:pointer;}
a{ outline:none; color:#069; }
a img{border:none;}
a:hover{ text-decoration:underline; }

body{ font-size:12px; font-family:Arial, Helvetica, sans-serif; background-color:#fff; line-height:22px; }

/* site wide */
 
.bound{ width:980px; overflow:hidden; margin:0 auto;}
.clear_head{width:986px;}
a.expand { display:block; float:right; font-size:12px; height:18px; line-height:18px; vertical-align:middle; *width:90px; width:auto !important; }
img.iconTick{ margin-left:5px; vertical-align: middle; }
span.HighlightSearch {font-weight:bold;}

 
 
#menu {background:#fff;height: 46px; border-top: 1px solid #F2F2F2; border-bottom: 1px solid #ccc;width:100%;}
#menu .nav {width: 1038px; margin: 0 auto; height: 46px; position: relative; z-index: 1101;}
#menu .nav ul {float: left;}
#menu .nav ul h2{font-size:13px;}
#menu li {float: left; display: block; overflow: visible; vertical-align: top;}
#menu .nav>ul > li{background:url(../Images/common/sep.jpg) no-repeat right top;min-width:128px;}
* html #menu .nav ul  li.main-nav-li{background:url(../Images/common/sep.jpg) no-repeat right top;}
.topfrx{background:url(../Images/hw_u_163972.gif) no-repeat ;padding-left: 8px;background-position: 0 -8px; }

.nav a{color:#333; cursor:pointer;}
.nav a.main {display: block; line-height: 47px; text-decoration:none; color:#333; font-size:14px; text-align:center; position:relative; z-index:907;_float:left}
.nav a.main span{display: block; height:47px; margin-left: 2px; width:auto; text-shadow:#fff 1px 1px 0px; padding:0 32px 0 22px;_float:left;}
.nav li a.hover{color:#b00; background-image:url(../Images/hw_s_232053.png); background-repeat: no-repeat; background-position: 0 -85px; background-color:transparent; margin-top: 0px; line-height: 47px;}
.nav li a.hover span{background-image:url(../Images/hw_s_232053.png); background-repeat:no-repeat; background-position:100% -18px; background-color:transparent; color:#b00;}
.nav li a.active span{color: #B00;}
 
.nav li.main2 a.hover span,.nav li.main2 a.hover{background:none;} 
 

.menuitempanel {top: 47px; position: absolute; z-index: 900; display: none; left: 0px; -webkit-box-shadow: 2px 2px 6px rgba(0,0,0,.3); box-shadow: 2px 2px 6px rgba(0,0,0,.3); border-bottom-right-radius: 12px; border-bottom-left-radius: 12px;} 
.menuright{right:0px; left:auto;}
.menucontentdiv {background: #fff url(../Images/hw_s_232057.png) 0 0 repeat-x; border-left: 1px solid #CCC; margin-right: 7px; padding: 20px 20px 0 30px;width:auto; _width:960px;height:100%; border-bottom-right-radius: 10px;border-bottom-left-radius: 10px;.border-bottom:1px solid #CECFCE;.border-right:1px solid #CECFCE;}
.menucontentdiv .clearfix{ padding-bottom:10px; position:relative;}
.menufillet_s, .menufillet_w, .menufillet_e, .menufillet_se, .menufillet_sw{position: absolute;zoom: 1;display: block;overflow: hidden;
background-attachment:scroll; background-color:transparent; z-index: 999; width: 10px;height: 10px;}
.menufillet_e { background-image: url(../Images/hw_s_232058.png);background-repeat: repeat-y; _background:transparent; height: 100%; right: 0px; top: 0; width: 7px;}
.verticalLine{ background-color:#FFFFFF; border-left:#cfcfcf solid 1px; width:1px; height:100%; left:200px; top:0px; float:left; min-height:200px; height:200px; margin:0 45px;display:inline;}
#menu .menuitempanel li {float: none; top: 0; line-height:24px;}
#menu .menuitempanel li.left {float: left;}
.menuitempanel h2 {color: #bb0000; font-size: 16px;font-weight: bold; padding-bottom:0;}
.menuitempanel h2 a {color: #B00;}
.menuitempanel ul li a{ color:#666;}
.menuitempanel ul.taxonomy { margin-left: -5px;}
#menu .menuitempanel ul.taxonomy li {font-size: 14px; font-weight: bold; text-indent: 10px; line-height: 32px;}
.menuitempanel ul.taxonomy li a{ color:#333;}
.menuitempanel ul.m_box li.title {font-weight: bold; margin-top: 5px;}
.menuitempanel ul.m_box li.summary { width:259px; font-weight: normal;}
#menu .menuitempanel ul.m_box li.summary ul {padding: 0 0; float:none;}
.menuitempanel .solutions_products ul.m_box li.summary{ padding:0 0 0 2px;}
.menuitempanel .solutions_products ul.m_box li.left{ margin-right:15px;}
.menuitempanel ul.list {margin-right: 45px;}
.menuitempanel .pro ul.list{margin-right: 15px;}
.menuitempanel .pro ul.list.last{margin-right:0;}
.menuitempanel ul > li.left > ul {margin-right: 45px;}
.menuitempanel ul.list h3 {padding: 0px 0px 0px 0px;}
.menuitempanel ul.list h3 a {color: #333333;font-size: 14px;font-weight: bold;}
.menuitempanel .solutions_products ul.m_box li.last, .menuitempanel ul.last,.menuitempanel ul li ul.last { margin:0px;}
 

#main_nav .top:after{ content: ""; display: block; height: 0; clear: both; }
#main_nav{height:116px;width:100%;border-top:5px solid #666666;left:0;top:0;position:absolute;z-index:1999}
#main_nav .top{width:1004px;margin:0 auto;padding:5px 0;position:relative;}
.topspan01 span{color:#CF261F;}
#main_nav .top .logo{float:left;}
.topsou{ text-align:right; height:22px;position:absolute;width:550px;top:10px;right:0;}
.topsou .topspan01{float:left;width:310px;padding-top:3px;}
.topsou p{ float:right; width:215px; background:#fff; border:1px solid #ccc; padding:0 5px 0 3px;}
.topnav{width:660px;position:absolute;top:40px;right:3px; height:20px; text-align:right;}
.topspan01 a{display:inline-block; width:66px; height:18px; line-height:18px; font-size:12px; color:#666; font-family:Arial; text-align:center;}

.topspan01 em{ padding:0 7px;}
.topspan01 a:hover,.topspan01 a.current{background:url(../Images/common/span01.png) no-repeat center center; color:#fff;}
.topspan01 a.lr{display:inline;width:auto;margin:0;}
.topspan01 a.lr:hover{background:none;color:#E33B2D}
.topspan02 a{display:inline-block;width:66px; height:16px; line-height:16px; font-size:12px; color:#666; font-family:Arial;padding:0 2px; text-align:center; }
.topspan02 a:hover,.topspan02 a.current{ background:url(../Images/common/span02.png) no-repeat center center; color:#fff;}

.topspan02 a.cn{width:45px;}
.topspan02 a.cn:hover,.topspan02 a.cn.current{ background:url(../Images/common/span02_2.png) no-repeat 2px center; color:#fff;}

.topsou .logo{width:220px;height:56px;position:absolute;left:0;top:-10px;}