body{ margin:0 auto; background:#fff;}
#body2{background: url(images/xiangyun3.gif) top ; margin:auto; width:1000px;}
body,td,th,input{ 
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
}
.input { font:100 11px/12px Arial, Helvetica, sans-serif; border:1px #8EB1DB solid; width:100px;}
.clr{ clear:both;}
.left { float:left;}
.right { float:right;}
p,h2 { margin:0; padding:0;}
a {color:#000; text-decoration:none;  }
a:hover{ color:#f00; text-decoration:none}
#header{
	width:978px;
	margin:auto;
	background:url(images/.gif) 0 365px repeat-x ;
}
#header .logo{ float:left; background:url(images/logo.jpg); width:195PX; height:107px; overflow:hidden;}
#header .logo a{ display:block; width:195PX; height:107px; text-indent:-9999px; }
#header .top_r {  float:right; text-align:left; vertical-align:top; font:100 11px/26px Arial, Helvetica, sans-serif; height:95px;  }
#header .top_r a{ color:#565656; padding:0 5px;}
#header .top_r a:hover{ text-decoration:underline; color:#000}
#header .top_b_l { width:190px;}
#header .top_b_l h2 { display:block; margin:0; padding-left:10px; height:27px; color:#fff; font:bold 11px/27px Verdana, Geneva, sans-serif;}
#header .top_b_r { width:776px;}
#header .top_b_r_l { width:570px; background:url(images/top_mid_bg.gif) repeat-x top;}
.p { float:right; color:#565656; width:385px; display:block; overflow:hidden; margin:0; padding:5px; text-align:center; height:180px;}

#header .top_b_r_r { width:198px; border-top:1px #CFE7F3 solid; background:#FFF8E1;}
#header .top_b_r_r h2 {display:block; margin:0; padding-left:10px; height:23px; color:#F00; font:bold 11px/23px Verdana, Geneva, sans-serif; border-bottom:1px #F00 solid; border-left:1px #CFE7F3 solid;border-right:1px #CFE7F3 solid; }
#header .top_b_r_r a { display:block; border-bottom:1px #999 dotted; color:#565656;}
#header .top_b_r_r a:hvoer { color:#F00;}




#header .top_b_l p,.top_b_r p { display:block; overflow:hidden; margin:0; padding:5px; text-align:center; border:1px #CFE7F3 solid; border-top:0;  height:154px;}
.top_b_l p {background:#fafafa;}

#tabbar {MARGIN: 0px; OVERFLOW: hidden; background:url(images/bbg.gif) no-repeat; line-height:12px; height:20px; padding-left:23px;}
#tabs {PADDING: 0px; MARGIN: 0px 0px 0px 2px; LIST-STYLE-TYPE: none}
#tabs LI {FLOAT: left;WIDTH: 107px; text-align:center; font-family:Verdana; font-size:13px;}
#tabs LI A {DISPLAY: block; WIDTH: auto; COLOR: #fff; HEIGHT: 20px; TEXT-ALIGN: center; font: bold 12px/20px Tahoma, Geneva, sans-serif}
#tabs LI A:hover {FONT-WEIGHT: bold; color:#ff0}

#tabbarn {MARGIN: 0px; OVERFLOW: hidden; background:url(images/bbgn.gif) no-repeat; line-height:12px; height:20px; padding-left:23px;}
#tabsn {PADDING: 0px; MARGIN: 0px 0px 0px 2px; LIST-STYLE-TYPE: none}
#tabsn LI {FLOAT: left; WIDTH: 106px; text-align:center; font-family:Verdana; font-size:13px;}
#tabsn LI A {DISPLAY: block; WIDTH: 106px; COLOR: #fff; HEIGHT: 20px; TEXT-ALIGN: center; font: bold 12px/20px Tahoma, Geneva, sans-serif}
#tabsn LI A:hover {FONT-WEIGHT: bold; color:#ff0}

#body0{
	width:980px;
	margin:auto;
	padding:0px;
	background:url(images/.gif) #fff;
	
}
#hw00{ float:left; width:197px;  overflow:hidden; }
#hw1{ text-align:left;margin-top:10px;height:125px; background:url(images/cart/loader.gif) center no-repeat;  overflow:hidden;}
#hw1 a img{ border:0; max-width:150px; max-height:120px; width:expression(this.width > 150 && this.height < this.width*120/150 ? 150: true);  height: expression(this.height > 120 ? 120: true);margin-top: expression(this.height < 120 ? (120-this.height)/2: 0); }
#hw3 a{ font-size:11px;}
#hw3 b a{font-size:14px; color:#000;}
#hw3{ line-height:19px; height:150px; width:155px; margin:auto; overflow:hidden; text-align:left; padding-left:15px;}
#hw3 ul{ margin:0 0px 0 12px;}
#hw3 li{list-style:url(images/dot_grey.gif); color:#333; text-align:left }
#hw3 li a{
	color:#333;
}
#footer{
	clear:both;
	width:980px;
	
	margin:0 auto;
	background:url(images/foot0bg.gif) repeat-x #fff;padding:0px 0;
	text-align:center;
	font-size:11px;
	padding-top:8px;
}

#footer{ text-decoration:none; padding:0 4px; height:26px; font:bold 13px/22px Arial, Helvetica, sans-serif; }
#footer a{ color:#fff;}
.foot1{ background:url(images/btbg.jpg) repeat-x; line-height:26px; overflow:hidden; text-align:center; color:#fff; font-size:13px; font-family:Verdana, Arial, Helvetica, sans-serif;}
.foot1 a:hover{ color:yellow; text-decoration:underline}

#links{ 
text-align:center; border:1px solid #ddd; line-height:40px; text-transform:uppercase; font-size:13px; }
#links a{padding:0 25px; color:#000000}
.viewstable { background:#eee;}
.viewstable td{ background:#eee; width:50%;}
.viewstabletitle{ background:#eee; font-weight:bold; padding:1px; border:1px solid #ccc; border-bottom:0}
.viewscontent1{ border-top:3px solid #06c; color:#06c; margin:9px; padding:3px;}

#left0{ 
	width:198px;
	float:left;
	overflow:hidden; 
}
#right0{
	width:772px;	
	float:right;
	overflow:hidden;
}
#right0 .mid { width:593px; margin-bottom:8px; border:#CFC8C7 solid 1px; border-width:0 1px 1px; overflow:hidden; background:#fff; }
#right0 .mids { width:760px; margin-bottom:8px; padding-left:10px; border:#CFC8C7 solid 1px; border-width:0 1px 1px; overflow:hidden; background:#fff; }
#right1{ width:595px; float:left; padding:0 0px 5px 0px; overflow:hidden; border-top:0;}
#right2{ width:165px; float:right;overflow:hidden; text-align:center;}

#showpage {border:1px solid #ddd; background:#f5f5f5; text-align:right; font-size:12px;clear:both;  padding:5px 12px;  color:#000; font-weight:100; margin:10px 3PX;}
#showpage a{ font-family:arial; text-decoration:none; color:#000; font-size:12px; font-weight:bold; background:#fff; border:1px solid #666; padding:0 6px;}
#prohref a{ display:block; width:174px; height:22px; color:#360; text-align:center; line-height:22px; float:left; margin:0 2px 2px 0; border:1px solid #E0E3BE; background:#EEF0D7;}
#prohref a:hover{ text-decoration:none; color:#030; border:1px solid #7D8C5E; background:#F1F2E4;}
#bar0{
	text-align:left; 
	padding-left:10px;	
	line-height:40px;
	 font-weight:bold;
	background:url(images/.gif) repeat-x;
	font-size:16px; 
	font-family:arial; color:#f70; 
}#bar0 a{ color:#f70}

#bar{
	text-align:left; 	
	padding-left:10px;
	background:url(images/009.gif) repeat-x top;
	font: bold 14px/27px Arial, Helvetica, sans-serif;
	color:#fff;
}
#bar span { background:url(images/star2.jpg) no-repeat 3px; padding-left:19px;  color:#a00; display:none; float:left; text-transform:uppercase;font: bold 14px/27px Arial, Helvetica, sans-serif;}
#bar b,#bar a{ color:#fff;}


.baidu_picbg {background: url(images/baidu_picbg.gif) #fff; border-bottom:1px solid #fff;}
.hw00{ float:left; width:140px;  overflow:hidden; font-family:Arial, Helvetica, sans-serif; padding:0 4px; }
.hw00 .hw1{ text-align:center;margin:2px auto; width:140px; height:124px; border:1px #C7C7C7 solid; background:url(images/cart/loader.gif) center no-repeat;  overflow:hidden;}
.hw00 .hw1 a img{ border:0; max-width:124px; max-height:120px; width:expression(this.width > 124 && this.height < this.width*120/124 ? 124: true);  height: expression(this.height > 120 ? 120: true);margin-top: expression(this.height < 120 ? (120-this.height)/2: 0); }
.hw00 .hw2{  overflow:hidden;text-align:center; width:140px; margin:0 auto; height:50px; font-family:Verdana, Arial, Helvetica, sans-serif}
.hw00 .hw2 b{ color:#565656; font-weight:100; font-size:11px;}
.hw00 .hw2 br{ line-height:7px;}
.hw00 .hw2 a{  color:#565656;  font-size:11px; text-decoration:underline; }
.hw00 .hw2 span{ color:#565656; font-size:11px;}
.hw00 .hw2 s{ color:#999; font-size:11px; padding:0 5px;}
.hw00 .hw2 u{ font-size:11px; color:#000; text-decoration:none; font-weight:100;}

.hw02 { float:left; width:124px; overflow:hidden; height:110px; overflow:hidden }
.hw02 .hw1{ text-align:center;height:90px; width:124px; background:#fff; margin:0px auto; border:1px solid #D0E6F4; overflow:hidden;}
.hw02 .hw1 a img{ border:0; max-width:124px; max-height:90px; width:expression(this.width > 124 && this.height < this.width*90/124 ? 124: true);  height: expression(this.height > 90 ? 90: true);margin-top: expression(this.height < 90 ? (90-this.height)/2: 0); }
.hw02 .hw2{ text-align:center; line-height:1.3; margin:auto; height:20px; font-size:12px; font-weight:bold;color:#999;}
.hw02 .hw2 b{ color:#000; font-size:12px;}
.hw02 .hw2 br{ line-height:7px;}
.hw02 .hw2 a{  color:#333; font-size:11px; color:#666; font-weight:100; text-decoration:none; }
.hw02 .hw2 span{ color:#900; line-height:1.7;}
.hw02 .hw2 u{ font-size:12px; color:#000; text-decoration:none; font-weight:100;}
.f1gif{background:#fff;  text-align:center; line-height:18px; margin:4px 0 10px 0;
 color:#069;text-transform:capitalize; font-weight:bold; 
 text-decoration:underline;}
 
.hw03{ float:left; width:140px;  overflow:hidden; font-family:Arial, Helvetica, sans-serif; padding:0 4px; }
.hw03 .hw1{ text-align:center;margin:2px auto; width:140px; height:124px; border:1px #C7C7C7 solid; background:url(images/cart/loader.gif) center no-repeat;  overflow:hidden;}
.hw03 .hw1 a img{ border:0; max-width:124px; max-height:120px; width:expression(this.width > 124 && this.height < this.width*120/124 ? 124: true);  height: expression(this.height > 120 ? 120: true);margin-top: expression(this.height < 120 ? (120-this.height)/2: 0); }
.hw03 .hw2{  overflow:hidden;text-align:center; width:140px; margin:0 auto; height:50px; font-family:Verdana, Arial, Helvetica, sans-serif}
.hw03 .hw2 b{ color:#565656; font-weight:100; font-size:11px;}
.hw03 .hw2 br{ line-height:7px;}
.hw03 .hw2 a{  color:#565656;  font-size:11px; text-decoration:underline; }
.hw03 .hw2 span{ color:#565656; font-size:11px;}
.hw03 .hw2 s{ color:#999; font-size:11px; padding:0 5px;}
.hw03 .hw2 u{ font-size:11px; color:#000; text-decoration:none; font-weight:100;}

 
#topa1{background:url(images/.gif) no-repeat; padding-top:40px;}
#topa1 a{ padding:0 4px;}

#topa2{  width:98%; margin:auto;background:url(images/.gif) left #000;  line-height:30px;}
#topa2 a{ display:block; background:url(images/.gif) left  no-repeat;
 font-size:14px; color:#fff;
 text-align:center;
 font-weight:bold; text-transform:uppercase;}

#box1{ border:1px solid #ddd; padding:3px; text-align:center; margin:6px 0;}


#searchtext{height:16px; padding:0 4px 0 4px; font-size:12px;}


#lefthref1{ padding-bottom:30px; line-height:1.6; }
.titlespan{ display:block; text-align:left; text-indent:5px; font-size:14px; height:18px; line-height:18px; font-weight:bold; color:#000; background:#aaa; text-transform:uppercase; margin:4px 0 0 0;}
.bodyspan{ text-align:center; background:url(images/leftbg.gif);  padding:4px 0; display:block}

#right_hot {
	border:1px #CCCCCC solid; width:245px; height:285px; margin:5px auto;
}
#right_hot h2 {
	background:#EFE6E7; border-bottom:1px #ccc solid;font: bold 15px/26px Arial, Verdana, Helvetica, sans-serif;color:#f00; text-align:left; padding-left:15px;
}
#right_hot .INDEX_PROS {
	border:1px solid #ccc; padding:2px; width:43px; height:44px; float:left; margin: 7px 15px; display:inline
}.menus {
	font: 11px/30px Verdana, Arial, Helvetica, sans-serif; display:block; background:#EFE6E7; border-bottom:1px #ccc solid;border-top:1px #ccc solid; margin:0 auto; padding:0 0 0 10PX; margin-left:-2px; color:#565656; width:694px;
}.hw33{ max-width:330px; border:1px solid #ddd; background:#fff;}

.leftbox{ border:0; padding:0 0 8px 0; width:196px; }
.leftbox h2{ color:#fff; display:block; font-weight:bold; margin:0; background:url(images/009.gif) repeat-x top; font: bold 14px/27px Arial, Helvetica, sans-serif; text-transform:capitalize; padding-left:10px; width:188px;}
.leftbox h2 a{ color:#fff; }


.rightbox{padding:0 0 8px 0;width:168px; overflow:hidden;}
.rightbox h2{ display:block; margin:0; color:#fff;background:url(images/009.gif) repeat-x top; font:bold 14px/27px Arial, Helvetica, sans-serif; text-transform:capitalize; }
.rightbox .right_mid { padding:7px 14px 0 14px;}
.rightbox .right_mid span { border:#fff dotted; border-width:1px 0; display:block; color:#fff; padding:10px 0; text-transform:uppercase;}
.rightbox .right_mid span a{  color:#fff; font-size:10px;}
.rightbox .right_mid p{ display:block; height:40px;}
.rightbox .right_mid p a{ margin:0; width:50%; float:left; text-align:center; display:block; font:bold 10px/20px Arial, Helvetica, sans-serif; color:#fff; }

.rightbox3 { margin-bottom:10px;padding:0 0 10px 0;}
.rightbox3 h2{ display:block; background:url(images/blocs.png) no-repeat 0px 0; margin:0; color:#fff; font:bold 14px/25px Arial, Helvetica, sans-serif; text-transform:capitalize; padding-left:5px; }
.rightbox3 .right_mid3 { padding:7px 14px 0 14px;}
.rightbox3 .right_mid3 span { border:#fff dotted; border-width:1px 0; display:block; color:#fff; padding:10px 0 0 0; text-transform:uppercase;}
.rightbox3 .right_mid3 span a{ display:block; background:url(images/ico_r.gif) no-repeat 5px 3px; padding-left:12px; color:#fff; font-size:10px;}
.rightbox3 .right_mid3 p{ display:block;}
.rightbox3 .right_mid3 p a{ margin:0; background:#fff; border:1px #ccc solid; text-align:center; display:block; font:bold 11px Arial, Helvetica, sans-serif; color:#186BBB; }

.leftbox3{ border:1px #E0E3BE solid; margin-bottom:10px;padding-bottom:10px; background:url(images/left_mid_bg.gif) repeat-y;}
.leftbox3 h2{ display:block; margin:0; color:#365000; font:bold 14px/29px Arial, Helvetica, sans-serif; text-transform:capitalize; padding-left:5px; border-bottom:1px dashed #7D8C5E; margin-bottom:10px;}
.leftbox3 h2 a{ color:#365000; }


.insort55{  height:55px;}
.insort55 td b{ background:#c00; color:#fff; font-size:9px; padding:0px 1px 1px 1px; display:block; font-family:verdana; font-weight:100;}
.insort55 td{ font-weight:100;font-size:12px;}
.insort55 a{  color:#000; }
.insort55 a:hover{  color:#f60; }
.insort55 img{width:36px; height:36px; border:0; margin-right:2px;}
.insort55 span { color:#c00;}.insort55 b{ color:#aaa;} 

.news1{ background:url(images/dot_black.gif) 5px 9px no-repeat;color:#000; padding-left:15px;line-height:26px;height:24px;overflow:hidden; text-overflow:elipsis; }
.news1 b{ float:right;padding-right:15px; font-weight:100; font-size:11px; color:#888}

.news4{ background:url(images/dot_grey.gif) 2px 10px no-repeat;color:#000; padding-left:11px;line-height:26px;height:24px;overflow:hidden; text-overflow:elipsis; }
.news4 b{ float:right;padding-right:15px; font-weight:100; font-size:11px; color:#888}

.news3{ background:url(images/.gif) 5px 9px no-repeat;color:#000; padding-left:8px;line-height:26px;height:24px;overflow:hidden; text-overflow:elipsis; }
.news3 b{ float:right;padding-right:15px; font-weight:100; font-size:11px; color:#888}
.news2{ background:url(images/.gif) 2px 11px no-repeat; padding-left:19px;  line-height:25px;height:25px;overflow:hidden; text-overflow:elipsis; }

.news5{ background:url(images/.gif) 5px 9px no-repeat;color:#000; padding-left:25px;line-height:29px;height:27px;overflow:hidden; text-overflow:elipsis; }
.news5 b{ float:right;padding-right:20px; font-weight:100; font-size:11px; color:#888}

.top_text{
	height:180px;
	font:100 11px Arial, Helvetica, sans-serif;
	width:385px ;
	text-align:left;
	margin:0 auto;
	overflow:auto;
	/*    */
	overFlow: auto ;  /* visible ȴʡ hidden auto scroll */
	overFlow-x: hidden ;
	/*   صɫ */
	scrollBar-face-color: #DBDADA;        /*  */
	scrollBar-hightLight-color: #efefef;    /*  */
	scrollBar-3dLight-color: #efefef;    /* 3ά */
	scrollBar-darkshadow-color:#efefef;    /* Ӱ    */
	scrollBar-shadow-color:#efefef;      /* Ӱ   */
	scrollBar-arrow-color:#fff;       /* ͷ */
	scrollBar-track-color:#efefef;         /* ɫ */
	scrollBar-base-color:#efefef;          /* Ҫɫ */
	
	
}
/* PRODUCTS */
.list_product {height:150px;width:760px;background:url(images/line.gif) no-repeat bottom center;margin-left:11px;padding-top:8px; z-index:1}
.list_product li {float:left;}

.list_product .li_con {width:359px;padding:0 46px 0 16px;}
.list_product dl,.list_product dt,.list_product dd{margin:0; padding:0;}
.list_product dt {line-height:14px; }
.product_detail {height:39px;margin-top:8px; font:100 11px Verdana, Arial, Helvetica, sans-serif; color:#000}
.product_detail a{font:100 11px Verdana, Arial, Helvetica, sans-serif;}
.relative {z-index:1;}
.relative a img{ border:0; max-width:150px; max-height:120px; width:expression(this.width > 150 && this.height < this.width*120/150 ? 150: true);  height: expression(this.height > 120 ? 120: true);margin-top: expression(this.height < 120 ? (120-this.height)/2: 0); }
.big,a.big:link,a.big:visited {font-size:11px;}
.fl{float:left; color:#666}
.fl a{font:100 11px Arial, Helvetica, sans-serif;}
.red,a.red:link,a.red:visited {color:#FC7505;}
.buttonAddCart{
  background:url(images/addtopcart.gif) no-repeat;display:block; width:123px; height:27px;border:0 none;line-height:0;text-indent:-9999px;
  font-size:0; margin:0; cursor:pointer;
}
/*hover for img*/
a.ih:hover {
background-color:#ddd;
}
a.ih img {
padding:1px;
}
a.ih:link img, a.ih:visited img {
padding:1px;
}
a.ih:hover img, a.ih:active img {
background-color:#ddd;
}

#siteinfoLegal { text-align:center; font-size: 0.9em;}
#siteinfoLegal a {
    color: #ffffff;    
}
LABEL.inputLabel {
	width: 9em;
	float: left;
	}

.forward{
	float: right;
	}
.buttonRow {
	margin: 0.5em;
	}
.back {
	float: left;
	}
INPUT {
	display: inline;
	font-size: 1em;
	}
input:focus, select:focus, textarea:focus {
	background: #E4FEF5;
	}
.alert {
	color: #FF0000;
	margin-left: 0.5em;
	}
.sorttitle a{ color:#fff; padding-left:10px; font-family:Verdana, Arial, Helvetica, sans-serif;}
.sorttitle a:hover{ color:#000; text-decoration:underline}
.bbbbbb{ font-size:12px; padding-left:14px;  font-family:Arial, Helvetica, sans-serif;word-wrap: break-word; word-break:break-all; width:97px; line-height:20px; height:20px; overflow:hidden;}
.bbbbbb a{ color:#f30000;}
.bbbbbb a:hover{ color:#000; text-decoration:underline}
#tophref{ font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#000; padding-left:15px; padding-right:15px;}
#tophref a{ color:#000; text-decoration:underline;}
#tophref a:hover{ color:red; text-decoration:none;}
#titleb{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#565656}
#titleb a{color:#565656;text-decoration:underline;}
#titleb a:hover{ color:red; text-decoration:none;}