@import "reset.css";
@import "body.css";

/*hotblock*/
@import "hotblock.css";
/*staticblock*/

@import "pagectrl.css";

/*-------------------------------------------------global--------------------------------------------------*/

body{ font: 12px/1.5  Arial, Tahoma, Helvetica,"\5b8b\4f53", sans-serif; background:url(../images/bg_top.jpg) repeat-x left top;  color: #3E3E3E;}
a:link,a:visited{ color: #3E3E3E; }
a:hover{ color: #3E3E3E;}

h2{ line-height:24px; text-indent:1em; font-weight:700; font-size:14px;}
h3{ line-height:24px; text-align:center; font-size:18px; font-weight:700; margin:10px 0; padding-bottom:15px; }

/*clear float*/

.clear:after { content:""; display:block; height:0; clear:both; visibility:hidden; } 
.clear { zoom:1; }

/*-------------------------------------------------block----------------------------------------------------*/

/*search box*/

.search{  margin-top:10px; text-align:right; background:url(../images/bg_sear.jpg) no-repeat 25px top; padding-left:25px; padding-right:15px;  }
.search form{}
.search input{  width:130px; height:16px; border:0; font-family:Arial;  background:none; padding:0 2px;  }
.search button{ color:#FFFFFF; width:20px; height:20px; background:none; border:0; margin-left:4px; cursor:pointer; vertical-align:middle; }
#catagoryID{ display:none;}
/*subscriber box*/

.subs{ background:#c2c2c2;   overflow:hidden; _width:100%; padding-top:15px; font-weight:700;}
.subs_title{ color:#5b5a5a; text-transform:uppercase; text-indent:0; padding-left:25px; }
.subs .intro{ padding-left:25px; color:#fff; line-height:25px; }
.subs form{ }
.subs form div{ margin:2px auto; float:left; width:100%;}
.subs label{color:#5b5a5a;  float:left; width:60px; padding-left:25px; }
.subs input{    margin-right:22px; float:right; border:0; padding:3px; width:163px;}
.subs .button{ width:57px; background:url(../images/arr_sub.jpg) no-repeat left top; border:0; height:20px; cursor:pointer; margin:15px 22px 10px; float:right; }

/*path.nav*/

.nav{ background:url(../images/bg_nav.jpg) no-repeat left top; font-size:14px; color:#487abf; font-weight:700; padding:27px 0 0 25px; height:29px; } 
.nav li{ margin:0 4px 0 0; display:inline; } 
.mainbody .nav a{ line-height:24px;color:#487abf; } 

/*page-pagination*/

.list{ text-align:right;}
.pagination{text-align:right; margin-bottom:10px !important; }
.pagination select option{ padding:0 2px;}

/*subCategories*/
.SubCategories { margin-top:10px; padding:0 15px; }
.SubCategories div{ border:1px solid #C2C2C2; border-bottom:none; background:#C2C2C2; color:#5B5A5A; font-weight:bold; padding:2px 5px;}
.ContentList{  border:1px solid #C2C2C2; padding:0 0 5px 5px;}
.ContentList li{ width:32%; margin:5px 2px 0 0; *margin-right:8px; display:inline-block; *display:inline; *zoom:1;  }

/*selectButton*/

form .select { margin:10px 0; _width:100%; overflow:hidden;}
form .select .checkbox { width:75px; float:left; }
form .select .checkbox input { margin-top:4px !important; margin-top:1px; float:left;}
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 { border:0; cursor:pointer; background:url(../images/button.jpg) repeat-x left center; color:#fff; margin-left:5px; padding:2px;*padding-top:3px;}

/*bk_pro*/
.bk_pro{ 
	width:142px; padding-left:23px; margin-right:10px;
	position:relative; 
	display:inline-block; 
	*display:inline; 
	*zoom:1; 
	vertical-align:top; 
	margin-bottom:15px; 
}
.bk_pro input{ position:absolute;left:0; display:block; }
.bk_pro .bg-pic{ 
	width:140px; 
	height:140px;
	margin:0;
	border:1px solid #C2C2C2;
	display:table-cell; 
	vertical-align:middle;
	line-height:140px;
	*display:block;
	*font-size:116px; _font-size:120px;
	text-align:center;
	}
.bk_pro div{ margin-top:4px;}	
.bk_pro div .name{   display:block;text-align:center;}
.bk_pro .standardProductName,.bk_pro .standardModel,.bk_pro .standardDescription,.bk_pro span.description{ display:none; }
.bk_pro div br{ display:none;}
.bk_pro div .item{ display:none;}



/*OtherProduct*/
.OtherProduct{ clear:both;}

/*procuct.css*/

.product{ width:48%; float:left; height:160px; }
.product .select{ float:left;margin:0;padding:0;}
.product .image{ float:left; width:120px; margin:0 10px;}
.product .content{ float:left;}
.product .content .name{ width:100%; font-weight:bold;}
.product .content .model{ width:100%; margin:5px 0;}
.product .content .desc{ width:100%;}



/*---------------------------------------------------------productDetail-----------------------------------------------------*/

/*TabbedPanels1*/

#TabbedPanels1.TabbedPanels { float:left; width:100%; }
#TabbedPanels1.TabbedPanels .TabbedPanelsTabGroup { width:248px; float:right;  background:#ddd;}

#TabbedPanels1.TabbedPanels .TabbedPanelsTab { float: left; -moz-user-select: none; -khtml-user-select: none; cursor: pointer;  padding:12px;}
#TabbedPanels1.TabbedPanels .TabbedPanelsTab img { width:100px; height:100px;}
#TabbedPanels1.TabbedPanels .TabbedPanelsTabHover { background: #CCC;}


#TabbedPanels1.TabbedPanels .TabbedPanelsContentGroup {float:left; }

#TabbedPanels1.TabbedPanels .TabbedPanelsContent { width:260px; height:260px;  text-align:center; *font-size:200px; _font-size:227px; line-height:260px;border:1px solid #C2C2C2; }
#TabbedPanels1.TabbedPanels .TabbedPanelsContentVisible {}
#TabbedPanels1.TabbedPanels .productImageDesc,.click{ display:none;}

/*TabbedPanels2*/
#TabbedPanels2.TabbedPanels.TabbedPanels { clear:both; padding-top:10px;}


#TabbedPanels2.TabbedPanels .TabbedPanelsTabGroup {float:left; width:100%;  display:block; border-left:1px solid #C2C2C2; }
#TabbedPanels2.TabbedPanels .TabbedPanelsTab {float:left; padding: 4px 10px; list-style:none; border:1px solid #C2C2C2; border-left:none; border-bottom:none; cursor:pointer; }
#TabbedPanels2.TabbedPanels .TabbedPanelsTabHover { background: #CCC; }
#TabbedPanels2.TabbedPanels .TabbedPanelsTabSelected { background: #EEE; }
#TabbedPanels2.TabbedPanels .TabbedPanelsTab a {}

#TabbedPanels2.TabbedPanels .TabbedPanelsContentGroup { clear: both; padding:8px; border:1px solid #C2C2C2;}
#TabbedPanels2.TabbedPanels .TabbedPanelsContent { padding: 4px; }
#TabbedPanels2.TabbedPanels .TabbedPanelsContentVisible {}

/*<div class="content productDetail>*/

.mainbody .productDetail .productShow .select .checkbox{ display:none; }
.mainbody .productDetail .productShow .download{ }
.mainbody .productDetail .otherProducts { margin-top:10px;}
.mainbody .productDetail h2{ text-align:center; font-size:14px; }
.mainbody .productDetail span.more{ display:block; text-align:right;}
.mainbody .productDetail .more a{ }


/*-----------vip product-------------*/

#vipCategoryH3{ }/*Vip*/
#vipCategoryH3 .describe{ }
#vipProductCategory{ background:url(../images/bg_li.gif) repeat; }
#vipProductCategory input{ font-family:Arial, Helvetica, sans-serif, Tahoma; border:none; background:none; text-align:center; display:block; cursor:pointer;}
#vipProductCategory input:hover{border:1px solid blue;}
#vipCategoryLink{}


/*-------------------------------------------------------news----------------------------------------------------------------------*/

.mainbody .newsList{ }
.mainbody .newsList ul{ float:left; margin:10px auto; width:100%; }
.mainbody .newsList li{ width:100%; float:left; padding:6px 0; background:url(../images/dot.gif) repeat-x left bottom; }
.mainbody .newsList li .idnews{ display:none;}
.mainbody .newsList li .picNews{ padding:0 3px ; float:left; background:#fff;}
.mainbody .newsList li a{ background:#fff url(../images/arr_news.jpg) no-repeat 0 6px; padding:0 3px 0 25px;  display:block;   }
.mainbody .newsList li .newsListdate,.mainbody .newsList li .newsValidityTime{ float:right; padding:0 10px 0 3px; background:#fff; }
{ display:block; float:right; padding:0 10px 0 3px; background:#fff; }
.mainbody .newsList li .newsListdate{ display:block;}
.news_next{ margin-top:10px; border-top:1px dashed #e6e6e6; padding:10px 15px 0 15px;}


#blog_item_list{ float:left; margin:10px auto; width:100%; }
#blog_item_list li{ width:100%; float:left; padding:6px 0; background:url(../images/dot.gif) repeat-x left bottom; }
#blog_item_list a{ background:#fff url(../images/arr_news.jpg) no-repeat 0 6px; padding:0 3px 0 25px;  display:block; line-height:24px;   }
#blog_item_list .blogDate{ float:right;  line-height:24px;  }

#blog_item_list .blogContent{ display:block; float:left; padding:0 3px 0 25px; font-size:11px;}

/*-------------------------------------------------------BasketManager-------------------------------------------------------------*/

.mainbody .basketManager {  }
.mainbody .basketManager form{ }

.mainbody .basketManager form div{ margin-bottom:5px;}
.mainbody .basketManager span{ background:#eee; width:100%; display:block;  padding:0 1%; height:25px; line-height:25px;}
.mainbody .basketManager .left{ float:left; width:15%; margin-right:1%;}
.mainbody .basketManager .center{ float:left; width:47%; margin-right:1%; *width:46%;}
.mainbody .basketManager .right{ float:left; width: 30%;  }

.mainbody .basketManager .bg_title span{ background:#637B98; color:#fff; font-weight:bold; text-align:center;}
.mainbody .basketManager .select_all{ line-height:25px;}

.mainbody .basketManager .button{text-align:right; padding-top:10px; }
.mainbody .basketManager .bn{ margin-left:3px; *margin:0 1% 0 0; border:0; background:url(../images/button.jpg) repeat-x left center; color:#fff; padding:0 2px;}


.mainbody .basketManager .info input{ margin-top:6px !important; margin-top:2px;} /*gou_xuan_kuang*/

/*-------------------------------------------------------ContactUs-----------------------------------------------------------------*/

.mainbody .ContactUs { }
.mainbody .ContactUs ul{ margin-top:10px;}
.mainbody .ContactUs .c_tit strong{ font-weight:700; }
.mainbody .ContactUs li{ line-height:22px; }

/*-------------------------------------------------------feedback------------------------------------------------------------------*/
.mainbody .feedbacker{margin-bottom:15px;}
.feedback{ width:98%; padding:5px; margin:0 auto; border:none; }
.feedback label{display:block; padding:5px;}
.feedback .fTitle{font-style:italic;}
.feedback .leftWord{float:left; font-weight:bold; width:15%; text-align:right; padding-right:5px;padding-top:5px;background:#C2C2C2 ; color:#415a77;}
.feedback .one{ height:24px;}
.feedback .two{ height:22px;*height:24px;}
.feedback .three{ height:38px;*height:40px;}
.feedback .four{ height:38px;*height:40px;}
.feedback .five{ height:20px;_height:10px;}
.feedback .six{ height:65px;*height:63px;}
.feedback .rightWord{margin-left:4px; float:left;text-align:left;vertical-align:top;border:1px solid #C2C2C2;width:70%;padding:5px;}
.feedback form *{ float:none;}
.feedback .cn{font-size:1px; height:1px; clear:both; line-height:1px;}
.feedback table{width:96%;float:left;}
.feedback table th{text-align:right;width:15%;padding-right:5px;padding-top:5px;height:28px; background:#C2C2C2;font-weight:bold; color:#415a77;   }
.feedback table td{text-align:left;vertical-align:top;  width:70%; height:23px;  border:1px solid #C2C2C2;padding:5px;}
.feedback .notice{ padding-left:5px; height:30px; }
.feedback .tablesV{border:1px solid #C2C2C2;  border-collapse:separate; border-spacing:3px;}
.feedback .limit{display:inline;margin-left:10px;}
.feedback .limitm{display:inline;margin-left:2px;}
.feedback .limit_add{ margin-top:5px;}
.feedback .remark{color:#999;margin-left:2px;}
/*------other element-------*/
.feedback span{ color:red;}
.feedback .input{ border:1px solid #415a77;}

/*---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:77px;}
.feedback .can .country input{width:77px;}

.feedback .can .area{width:77px;}
.feedback .can .area label{clear:right}
.feedback .can .area input{width:77px;}

.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;}
.feedback .submit{border:0; background:url(../images/button.jpg) repeat-x left center; color:#fff; cursor:pointer;padding:0 6px; *padding-top:2px;}
.feedback .submit input{border:1px solid #415a77;}


/*------(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; }

/*------------------------------------------------------friendly-------------------------------------------------------------------*/

.mainbody .Friendly { }
.mainbody .Friendly ul{  margin:10px auto; }
.mainbody .Friendly li{ line-height:22px; }
.mainbody .Friendly .link a{ background:url(../images/sign_arrow.gif) no-repeat 8px 5px; font-weight:bold; padding-left:20px; }
.mainbody .Friendly .info { padding-left:20px;}
.mainbody .Friendly h3 { display:none; }

/*-----------------------------------------------------Sitemap--------------------------------------------------------------------*/

.mainbody .sitemap { }
.mainbody .sitemap ul{}
.mainbody .sitemap li{ line-height:22px;  }
.mainbody .sitemap li a{ font-weight:bold; padding-left:20px;  display:block;  }
.mainbody .sitemap li img{ display:none;}

.mainbody .sitemap ul li{ background:url(../images/sign_square.gif) no-repeat 0 9px;}
.mainbody .sitemap ul ul li{ background:url(../images/sign_disc.gif) no-repeat 10px 9px; padding-left:10px;}
.mainbody .sitemap ul ul ul li{ background:url(../images/sign_circle.gif) no-repeat 20px 9px; padding-left:20px;}
.mainbody .sitemap ul ul ul ul li{background:url(../images/sign_rectangle.gif) no-repeat 30px 9px; padding-left:30px;}

/*----------------------------------------------------vip_login-------------------------------------------------------------------*/

.mainbody .vipLogin{ margin-top:100px;}
#vipProductCategory{display:none;}
.mainbody .vipLogin form{ text-align:center;}
.mainbody .vipLogin .area{ height:18px;}

#preview img{ padding:4px; border:1px solid #E6E6E6; background:#fff;}


.pro_li{
height:25px; border-bottom:1px solid #ccc;
}
.pro_li ul{padding:0px;margin:0px;}
.pro_li ul li{list-style-type:none; float:left;border:1px solid #ccc;border-bottom:none; height:25px; line-height:25px;margin-left:5px;padding-left:5px;padding-right:5px;cursor:pointer;}
.pro_li_bg{
list-style-type:none; float:left;border:1px solid #ccc;border-bottom:none; height:25px; line-height:25px;margin-left:5px;padding-left:5px;padding-right:5px; background-color:#747474;color:#fff;font-weight:bold;cursor:pointer;
}