body {font-family:tahoma; font-size:12px; color: #606060; float:none;  background:#fff url(../images/bg_body.gif) repeat-x 0 0;}
a:link,a:visited{ color: #606060; text-decoration:none; }
a:hover{ color: #606060; text-decoration:underline; cursor:pointer; }


*{ margin:0; padding:0; float:left; } 
img { border:0; }
ul{ list-style:none;}
li{ list-style:none;}


/* -----------------------for problem-----------------------------*/
.clear:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } .clear { display:block; } /* Hides from IE-mac \*/
* html .clear { height: 1%;} .clear { display: block; } /* End hide from IE-mac */ 


/*----------------------container-----------------------*/
.container { width:862px; margin:0 auto; overflow:hidden; float: none; }
.container .header { width:100%; height:86px; }

.container .pagebody { width:100%;  }
.container .pagebody .pageBG { width:100%; overflow:hidden;background:url(../images/bg_main.gif) no-repeat right 0;  }
.container .pagebody .pageBG .leftbar{ width:185px; padding-bottom:3000px;margin-bottom:-3000px; background:#DB1616 url(../images/bg_leftb.gif) repeat-x 0 bottom; overflow:hidden;    }
.container .pagebody .pageBG .mainbody { width:647px;padding-left:20px;  padding-right:10px;  overflow:hidden; }
 

.container .pagebody .pageBG .mainbody .nav{ margin:8px 0; width:100%; color:#fff;} /*--path.nav--*/
.container .pagebody .pageBG .mainbody .nav a{ margin:10px 0; float:none;color:#fff;} /*--path.nav--*/
.container .pagebody .pageBG .mainbody .nav li{ margin:0 6px 0 0;} 


.container .footer { width:100%; color:#A20101; padding-bottom:20px;}
/*------------------header middle-------------------------*/
.header .middle{ width:100%; height:54px; }
.header .middle a{ text-decoration: none; }
.header .middle a:hover{   text-decoration: underline; }
.header .middle .logo{ width:238px; height:44px; float:left;}
.header .middle .logo img{  }
.header .middle .company{ width:50px;margin-top:-200px; float:left;    font-size:1px; font-weight:bold; }
.contry{width:200px; float:right; margin-top:20px; }
.contry img{margin-right:5px;}
.contry a{font-size:14px; color:#A20101; }
/*-------------------header bottom------------------------*/
.header .bottom{ width:860px; height:31px;background:url(../images/bg_headerb.gif) repeat-x 0 0;  border:1px solid #A20101; border-bottom:0;   font-weight: bold;}
.header .bottom a{ text-decoration: underline; color:#fff;}
.header .bottom a:hover { text-decoration:none; }
/* Root = Horizontal, Secondary = Vertical */
#navmenu {  list-style:none; height:30px; margin-left:30px; _margin-left:15px;  }
#navmenu *{ }
#navmenu  a { padding:0 23px; display:block; line-height:30px; text-decoration:none;  }
#navmenu  a:hover{ background:url(../images/bg_menulist.gif) repeat-x 0 0;} 

#navmenu li { border:0; position:relative; height:30px;padding-right:2px;  background:url(../images/bg_menulistr.gif) no-repeat right 0;}
#navmenu li img{ }

/*here,i met a problem:if i use float:left,it erro;when i yse display:inline, it works*/

.header .bottom .vip{ float:left; line-height: 22px; display:none; }
.search{ width:677px;float:right; height:30px; display:inline; }
.search form{  margin-top:4px; margin-left:160px; _margin-left:40px; background:url(../images/bg_search.gif) no-repeat 0 0; }
.search input{ float:left; padding-left:4px;margin-top:3px;width:160px; height:18px; background:none; border:none; }
.search form a{width:21px; }
.search form a input{width:20px; height:15px; background:url(../images/pic_go.gif) no-repeat 0 0; border:0;}
 

.bj_5{background:#A20101; color:#fff;}
.bj_1{background:#F4E1E0;color:#000;}
.bj_1 a{color:#000;}
/*-----------HotBanner-------------*/
.banner{width:100%;background:url(../images/bg_bannerr.jpg) no-repeat right 0;  }
 .bsea{width:380px; float:right;}
 .bsea .search{width:380px;}
 .bsea .search input{width:160px;}
 .bsea .search form a input{width:20px;margin-top:1px;border:none;}
/*-----------HotAboutUs-------------*/
.HotAboutUs{ width:475px; }
.HotAboutUs .title{ }
.HotAboutUs .title h2{ color:#E50606;font-size:16px; width:100%; text-indent:10px;  }
.HotAboutUs .detail{width:100%; line-height:20px;   }
.HotAboutUs .detail div{   width:60%;  margin:10px 0;margin-left:12px; height:100px; overflow:hidden; }
.HotAboutUs .detail div *{float:none;}
.HotAboutUs label{  float:right;   padding:3px 0; }
.HotAboutUs label a{ float:right; margin-right:10px; color:#A20101;}
.HotAboutUs label a:visited{ color:#A20101;}
.HotAboutUs label a:hover{color:#A20101;}

/*-----------HotProduct-------------*/
.HotProduct{ width:100%; margin-bottom:10px; *float:none;}
.HotProduct .title {width:100%;}
.HotProduct .title h2 {width:50%; height:30px; color:#E50606;font-size:16px; text-indent:40px;  }

.HotProduct .productlist{width:657px;margin-top:10px; margin-left:10px;_margin-left:5px; line-height:20px;  overflow:hidden;  background:url(../images/bg_pro.gif) repeat-y 0 0;}
.HotProduct .bk_pro{ width:150px; float:left; margin:10px 0 0 0; text-align:center;min-height:120px; height:120px !important;height:120px;}
.HotProduct .bk_pro *{ float:none;}
.HotProduct .bk_pro input{ display:none; }
.HotProduct .bk_pro img{ border:1px solid #b5b5b5; padding:2px;}
.HotProduct .bk_pro div{ width:100%; height:30px; overflow:hidden; text-align:center;}
.HotProduct .bk_pro div .name{ display:block; margin:5px 0; width:100%;}
.HotProduct .bk_pro div .name a{ margin:0 auto ;float:none; display:block; text-align:center; }
.HotProduct .bk_pro div .name strong{ float:none;}
.HotProduct .bk_pro div .item{ display:none; }
.HotProduct .bk_pro div .description{ display:none; }

.HotProduct label{float:right; padding:3px 0; width:200px; float:right;}
.HotProduct label a{ float:right; margin-right:10px; color:#A20101;}
.HotProduct label a:visited{ color:#A20101;}
.HotProduct label a:hover{color:#A20101;}


/************************** Footer **************************/

/*-----------HotKeyword-------------*/
.HotKeyword{ width:100%; padding:5px 0; background:#A20101 url(../images/bg_keyword.gif) no-repeat 0 0;   text-align:center;  color:#fff; overflow:hidden;}
.HotKeyword *{ float:none; }
.HotKeyword li{ color:#fff; font-weight:bold; display:inline; line-height:21px;}
.HotKeyword li a{ color:#fff; }
.HotKeyword li a:visited{color:#fff;} /*for clicked bug just here*/
.HotKeyword li a:hover{color:#fff;} 


/*-----------HotContact-------------*/
.HotContact{display:none; width:100%;  margin:4px auto; line-height:20px;}
.HotContact *{ float:none; }
.HotContact ul{ width:100%; text-align:center; }
.HotContact li{ display:inline; margin:0 8px; }
.HotContact li a{ color:#fff; }
.HotContact li a:visited{ color:#fff; }
.HotContact li a:hover{ color:#fff; }


/*-----------copyright-------------*/
.copyright{ width:100%; text-align:center;  _float:none; margin-top:5px; }
.copyright *{ float:none; }
.copyright li{ display:inline; margin:0 3px; line-height:20px; }
.copyright li a{ color:#A20101; }
.copyright li a:visited{ color:#A20101; }
.copyright li a:hover{ color:#A20101; }

/*-----------HotFriendlink-------------*/
.HotFriendlink{ width:100%; text-align:center;  margin:8px auto 20px auto;; }
.HotFriendlink *{ float:none;  }
.HotFriendlink li{ display:inline; margin:0 5px;}
.HotFriendlink a{ color:#fff; }
.HotFriendlink a:visited{ color:#fff; }
.HotFriendlink a:hover{ color:#fff; }

/******************************/

.categoryother1{width:100%; height:28px;  background:url(../images/t_comp.gif) no-repeat 0 0;}
.categoryother2{width:100%; height:28px;  background:url(../images/t_fac.gif) no-repeat 0 0;}
.categoryother3{width:100%; height:27px;  background:url(../images/t_tra.gif) no-repeat 0 0;}
.categoryother1 a{width:100%;height:28px;}
.categoryother2 a{width:100%;height:28px;}
.categoryother3 a{width:100%;height:27px;}
.leftbar .category{ overflow: hidden; width:185px;  background:#A20101; }
.category_title{ height:39px; width:100%; background:url(../images/bg_catat.gif) no-repeat 0 0;}


.category ul{ }
.category ul #Damper-Actuator{}

.category li{ line-height: 28px; list-style: none outside; display:block; width:180px;}
* html .category li{ height: 28px; line-height: 28px; list-style: none outside; display:block; width:180px;}

.category li img{ display:none;}
/*----------------------------*/
.category .u1{  }
.category .u1 li{   padding-left: 15px; }
.category li a{ color:#fff;  padding-left:20px; background:url(../images/bg_leftli.gif) no-repeat 6px 10px;}
.category li a:visited{color:#fff;}
.category li a:hover{color:#fff;}
.category .u2{ display:none;}
.category .u2 li{ padding-left: 12px;  }
.category .u2 li a{font-weight:normal;}
.category .u3{ display:none; }
.category .u3 li{ padding-left: 12px;    }
.category .u3 li a{; font-weight:normal;}


.category .u2{ _padding-bottom:1px;} /*IE6*/
.category .u3{ _padding-bottom:1px;} /*IE6*/
/******************************/

 /*-----------subscriber-------------*/
.hotsubs .subs{ color:#fff;background:#A20101;}
.subs{  overflow: hidden;width: 192px; color:#A20101; background:url(../images/bg_subr.gif) no-repeat  right 0; }
.subs_title{ color:#fff;font-weight:bold; height:39px; width:100%;  background:transparent url(../images/bg_sbcatat.gif) no-repeat   0 0;}
.subs_title h2{color:#fff;font-size:16px; width:100%; line-height:28px;}
.subs .intro{text-indent:10px;  line-height:25px; float:left; width:100%; }
.hotsubs_title {height:22px;line-height:18px;width:100%;text-align:center;}
.hotsubs_title h2{color:#E50606;height:22px;margin-top:0;font-size:15px; width:100%; line-height:28px;}
.subs form{ width:95%; }
.subs form div{ margin:3px auto; width:100%;  background:url(../images/bg_searchin.gif) no-repeat right 0;}
.subs .star{ color:red; line-height:20px; margin-left:5px;}
.subs label{ width:48px; float:left; margin:2px auto 4px 10px;}
.subs input{ width:105px; float:right;  background:none; border:0;}
.subs .button{width:47px;float:right;    border:0; height:14px; cursor:pointer;}

 
/*--contents--*/  .mainbody .content { width:99%; margin-top:20px;  min-height:600px; height:auto !important; height:600px; float:left; line-height:18px; padding-bottom:10px;}



/*--------<div class="content AboutUs">--------*/

.mainbody .AboutUs { width:100%; line-height:20px;}
.mainbody .AboutUs p *{float:none;}
.mainbody .AboutUs table{float:none;}
.mainbody .AboutUs tr{float:none;}
.mainbody .AboutUs td{float:none;}
/*--------<div class="content BasketManager">--------*/

.mainbody .basketManager { margin-bottom:15px; width:100%; }
.mainbody .basketManager form div{ clear:both; width:100%; padding:10px 0;float:none; }
* html .mainbody .basketManager form .bg_title{ overflow:hidden; height:26px;}
.mainbody .basketManager span{ float:none; background:#eee; width:100%; display:block;  padding:0 5px; height:25px; line-height:25px;}
.mainbody .basketManager .left{ float:left; width:15%; margin-right:5px;}
.mainbody .basketManager .center{ float:left; width:42%; margin-right:5px;}
.mainbody .basketManager .right{ float:left; width: 35%;}

.mainbody .basketManager .bg_title span{background:url(../images/bg_aaa.gif) repeat-x 0 0; color:#fff; font-weight:bold; text-align:center;  height:25px; line-height:25px;}
.mainbody .basketManager .select_all{ padding:5px 5px 0 5px;_padding:8px 5px 0 5px;*padding:8px 5px 0 5px;   height:25px;}
*+html .mainbody .basketManager .select_all input{padding:0 5px 0 5px;}

.mainbody .basketManager .button{text-align:right; padding-top:10px; float:left; clear:left; height:25px;}
.mainbody .basketManager .bn{ margin-right:3px; float:right; margin-right:8px;  border:1px solid #0673D7; *height:19px;  background:#065EAE; color:#fff;  _border:none;  }

.mainbody .basketManager .checkbox{ margin-top:8px;} /*gou_xuan_kuang*/
.mainbody .basketManager .info input{ margin-top:6px !important; margin-top:2px;} /*gou_xuan_kuang*/

/*--------<div class="content ContactUs">--------*/

.mainbody .ContactUs { width:100%; float:left;}
.mainbody .ContactUs *{  float:none;  }
.mainbody .ContactUs ul{ float:left; list-style:none; width:100%;}
.mainbody .ContactUs li{ line-height:22px; width:100%; }
.mainbody .ContactUs li a{ float:none;  }


/*--------<div class="content feedbacker">----------*/
.mainbody .feedbacker{margin-bottom:15px;}


/*--------<div class="content friendly">------------*/
.mainbody .Friendly { width:100%; float:none;}
.mainbody .Friendly ul{ float:left; margin:10px auto; list-style:none; width:100%;}
.mainbody .Friendly li{ line-height:22px;width:100%; }
.mainbody .Friendly .link a{ background:url(/css/images/sign_arrow.gif) no-repeat 8px 5px; font-weight:bold; padding-left:20px;  float:none;  }
.mainbody .Friendly .info { padding-left:20px; width:100%;}
.mainbody .Friendly h3 { display:none;}

/*--------<div class="content news_list">----------------*/
.mainbody .newsList{ width:100%; float:none;}
.mainbody .newsList ul{ float:left; margin:10px auto; list-style:none; }
.mainbody .newsList li{ line-height:22px;width:100%; }
.mainbody .newsList li a{ background:url(../images/bg_newlist.gif) no-repeat 2px 8px;  padding-left:20px;  display:block;   }
.newsListdate{margin-left:20px;}
/*--------<div class="content product">-------------*/
.mainbody .product{ width:48%; float:left; height:160px;}
.mainbody .product .select{ float:left;margin:0;padding:0;}
.mainbody .product .image{ float:left; width:120px; margin:0 10px;}
.mainbody .product .content{ float:left;}
.mainbody .product .content .name{ width:100%; font-weight:bold;}
.mainbody .product .content .model{ width:100%; margin:5px 0;}
.mainbody .product .content .desc{ width:100%;}


/*--------<div class="productlist">--------*/
.mainbody .content .productlist { float:left; margin-top:10px;  }

/*--------<div class="content productDetail">-------------*/
.mainbody .productDetail{ float:left;}
.mainbody .productDetail .productShow { float:none; overflow:hidden !important; } /*form*/
.mainbody .productDetail .productShow .select{ }
.mainbody .productDetail .productShow .select .checkbox{ display:none; }
.mainbody .productDetail .productShow .select .button{ float:right; }
.mainbody .productDetail .productShow .download{ }
.mainbody .productDetail .otherProducts { float:none; overflow:hidden !important; overflow:visible;} /*form*/


.mainbody .productDetail h2{ text-align:center; width:100%;   float:none; color:#000;}
.mainbody .productDetail .more a{ float:right;}

/*--------<div class="content sitemap">--------------*/
.mainbody .sitemap { width:100%; float:none;}
.mainbody .sitemap *{ width:100%;}
.mainbody .sitemap ul{ float:left;  list-style:none;}
.mainbody .sitemap li{ line-height:22px;width:100%; }
.mainbody .sitemap li a{ font-weight:bold; padding-left:20px;  display:block; float:none;  }
.mainbody .sitemap li img{ display:none;}

.mainbody .sitemap ul li{list-style:none; background:url(/css/images/sign_square.gif) no-repeat 0 9px;}
.mainbody .sitemap ul ul li{list-style:none; background:url(/css/images/sign_disc.gif) no-repeat 10px 9px; padding-left:10px;}
.mainbody .sitemap ul ul ul li{list-style:none; background:url(/css/images/sign_circle.gif) no-repeat 20px 9px; padding-left:20px;}
.mainbody .sitemap ul ul ul ul li{list-style:none; background:url(/css/images/sign_rectangle.gif) no-repeat 30px 9px; padding-left:30px;}



/*----<div class="content vip_login">----*/
.mainbody .vipLogin{ width:100%; float:none;}#vipProductCategory{display:none;}
.mainbody .vipLogin *{ float:none;}
.mainbody .vipLogin form{ clear:both; display:block; padding:0 80px; }
.mainbody .vipLogin .area{ height:18px;}




h1{}
h2{ margin-top:4px; margin-left:10px; border:none; color:#FFF; font-size:11px; height:15px; line-height:15px; width:180px; }
h2 li{ list-style:none; }
h2 li a:link,h2 li a:visited{ color:#FFFFFF; text-decoration:underline; }
h2 li a:hover{ color:#FFFFFF; text-decoration:none; }
h3 { text-align:center; width:700px; height:25px;margin:15px auto 10px auto; font-size:18px; _float:none; }
.describe{ margin:10px 0; width:100%;}
.describe *{float:none;}


.title{ width:100%; height:22px;  overflow:hidden;   }
.more{ float:right; display:block; width:100%; }
.bn{border:1px solid #909090; cursor:pointer;}

/*-----------select add button---------------*/
form .select { clear:both; margin:10px 0; width:100%;height:30px;}
form .select .checkbox { width:80px; }
form .select .checkbox input { margin-top:5px !important; margin-top:2px;}
form .select .checkbox label { float:right; margin-top:2px;}
*+html form .select .checkbox label{ margin-top:5px;}
form .select .button {float:right;}
form .select .button input { width:114px; height:22px;  color:#fff;   cursor:pointer; margin-left:5px;}
.select { width:100%;}
.select a{margin-left:10px;width:114px; height:22px; overflow:hidden;}
.select .button a:hover{ width:114px; height:22px; overflow:hidden;}
.button{float:right; width:253px;height:24px;overflow:hidden;}

/*-----------bar-------------*/
.bar{ }
.bar .search{ }
.bar .search input{ }
.bar .search button{ }
.bar .nav{ }

/*-----------page-pagination-------------*/
.list{ clear:left; width:100%; font-family:tahoma;  margin-top:10px;}
.pagination{ float:right;  text-align:right; margin-bottom:10px !important; *width:200px; _width:100%;}
.pagination *{ float:none; *vertical-align:middle;}
.pagination select{ float:none;}
.pagination select option{ padding:0 2px;}



 
/*-----------productlist-------------*/
.productlist{ width:100%; }

/*-----------many_other_pro-------------*/



/*-----------bk_pro-------------*/
.bk_pro{ width:100%; border-bottom:1px dashed #A20101;float:left; margin-right:10px;text-align:center;min-height:120px; height:auto !important;height:120px; position:relative;margin-top:8px;}
.bk_pro *{ float:none;}
.bk_pro input{ position:absolute;left:0;}
.bk_pro img{ padding:2px; margin-left:15px;float:left; width:100px; height:100px;}
.bk_pro div{ overflow:hidden; width:500px;padding-left:15px; text-align:left; margin-top:5px;}
.bk_pro div *{ float:none;}
.bk_pro div a{ overflow:hidden; width:100%; font-weight:bold;}
.bk_pro div a:hover{color:#f7ab36;}
.bk_pro div .item{ display:none;}
.bk_pro div span{ }
.prodescription{width:100%;margin-top:10px;}
 
.prodescription *{float:none;}
 
/*-----------OtherProducto-------------*/
.OtherProduct{ clear:both;float:left;width:100%;}

/*-----------kind of product-------------*/
#vipCategoryH3{ width:100%;}/*Vip*/
#vipCategoryH3 .describe{ }
#vipProductCategory{  width:100%; }
#vipProductCategory input{ font-family:Arial, Helvetica, sans-serif, Tahoma; border:none; background:none; text-align:center; display:block;width:100%; cursor:pointer;}
#vipProductCategory input:hover{border:1px solid blue;}
#vipCategoryLink{}

/*-----------SubCategories---ContentList-------------*/
.SubCategories{ width:100%; margin-top:10px;   background:url(/css/images/bg_prolist.gif) repeat-y 0 0; }
.SubCategories div{ width:728px; border:1px solid #415A77; border-bottom:none; background:#5A7594; color:#fff; font-weight:bold; padding:2px 5px; line-height:20px; }
.ContentList{ width:733px;  background:url(/css/images/bg_prolistb.gif) no-repeat  0 bottom;  border:1px solid #415A77; padding:0 0 5px 5px;overflow:hidden;}
.ContentList li{ width:30%; margin:5px 8px 0 0; padding-left:15px;  background: url(/css/images/bg_leftlist.gif) no-repeat  0 5px;}

 



.Search form{ width:100%; }
.basketManager form{width:100%;}
.newsDetail div{width:100%;}
.productList form{width:100%;}
.Category form{width:100%;}
.ProductKeywords form{width:100%;}
#vipProductList{width:100%;}
.mainbody .productDetail form{width:100%;}


.Certificate{width:100%;}
.Certificate ul{width:100%;}
.Certificate ul li{width:40%; margin-right:60px; margin-top:10px;}




.feedback{ width:100%; padding:0; margin:10px auto; border:1px solid #8D8E8F;  }
.feedback *{ float:none; font-size:11px;}

.feedback form{ float:left; width:100%;}

/*--------------------------------------------------*/
.feedback .notice{ padding-left:5px; height:30px; }

/*-------------------------------------------------*/
.feedback table{ width:100%; padding:0; border:0; }
.feedback .tdleft{
	/*base style*/  text-align:right; vertical-align:top; width:15%; height:28px; background:#817E7E;
	/*more style*/  padding-right:5px; padding-top:5px; font-weight:bold; color:#fff;
}
	
.feedback .tdright{
	/*base style*/  text-align:left; vertical-align:top;  width:70%; height:23px;  border:1px solid #8D8E8F;
	/*more style*/  padding:5px;
}


/*------other element-------*/
.feedback span{ color:red;}
.feedback input{ border:1px solid #8D8E8F;}
.feedback label/*right mark*/{ margin-left:10px;}

/*---country.area.number----*/
.feedback .can{list-style:none;display:inline; margin-bottom:10px;}/*ul*/
.feedback .can li{float:left; margin-right:10px !important; margin-right:5px;}

.feedback .can .country {width:87px; }
.feedback .can .country label{clear:right}
.feedback .can .country input{width:87px;}

.feedback .can .area{width:87px;}
.feedback .can .area label{clear:right}
.feedback .can .area input{width:87px;}

.feedback .can .number{width:230px;}
.feedback .can .number label{clear:right}
.feedback .can .number input{width:130px;}

/*---(country.area.number)----*/
.feedback textarea{width:60%; height:108px; border:1px solid #8D8E8F; }
.feedback .submit{height:23px;padding:5px;}
.feedback .submit input{border:1px solid #e7e5e6;}


/*------(other element)-------*/
.feedback .tdright ol{ list-style-type: decimal; line-height:18px;}
.feedback .tdright ol li{ line-height:18px;}

.basketmanager ul{ margin:0; padding:0; width:100%; float:left; list-style:none; }
.basketmanager ul li{ text-align:right; float:left; width:100%; }
.basketmanager ul li span.left{ float:left; }


/*------(bn)-------*/
.feedback .submit .bn_submit{ background:#DFDFDF; width:49px; height:17px; cursor:pointer; border:none; font-family:Tahoma; font-size:12px; color:#000; text-align:center;}
.feedback .submit .bn_reset{  background:#DFDFDF; width:40px; height:17px;cursor:pointer;   border:none;font-family:Tahoma; font-size:12px; color:#000; text-align:center;}
.Friendly table tr{width:100%;}







