*{ margin:0; padding:0;}
body{ font-size:12px; color:#666; font-family:tahoma,Microsoft YaHei, Simsun, Arial Unicode MS, Mingliu, Arial, Helvetica; background-color:#FFF;}
ul{ list-style-type:none;}
a{ color:#666; text-decoration:none;}
a:hover{ color:#8e569c; text-decoration:underline;}
img{ border:0;}
.mt10{ margin-top:5px;}
.clear{ clear:both;}

#index-body{ width:960px; height:100%; margin:0 auto; background:url(../images/index-bg.gif) left 0 no-repeat; background-color:#FFF;  }
#index-top{ width:960px; height:100px; float:left; margin-top:165px;}
#index-top .logo{ width:315px; height:100px; float:left; margin-left:20px;   }

#index-wrap{ width:960px; height:180px; float:left; padding:10px 0; border-top:1px solid #CCC;  
		border-bottom:1px solid #CCC; margin-top:10px; }
#index-wrap .list{ width:960px; height:180px; float:left; overflow:hidden; }
#index-wrap .list table{ border-collapse:collapse; margin-top:-7px; }
#index-wrap .list table td img{ margin-right:6px;}

#index-skip1{ width:960px; height:25px; float:left; margin-top:10px;  }
#index-skip1 a{ text-decoration:none; background:url(../images/index-skip.gif) left top no-repeat; padding:5px 6px; color:#404040; }
#index-skip1 a:hover{ color:#404040; text-decoration:underline;}

#index-skip1 span{ width:740px; height:24px; line-height:24px; text-align:right; float:right; padding-right:220px; font-size:12px;}

#index-footer{ width:100%; height:30px; line-height:30px; float:left; text-align:center; padding-top:5px; 
		border-top:6px solid #8e569c; font-size:12px; margin-top:100px;  }

#wrap{ width:960px; height:100%; margin:0 auto; }

#top{ width:960px; height:25px; float:left; background:url(../images/top-bg.gif) left top no-repeat;}
#top .language{ width:300px; height:20px; float:left; padding-top:5px; padding-left:5px; }
#top .language a{ padding-right:5px; }
#top .subnav{ width:110px; height:25px; line-height:25px; float:right; padding-right:10px;}
#top .subnav a{ padding-right:8px; line-height:25px; color:#666; }		

#header{ width:960px; height:115px; float:left; overflow:hidden;}
#header .logo{ width:210px; height:115px; float:left;}
#header .banner{ width:750px; height:115px; float:left;}

#nav{ width:960px; height:30px; float:left; background:url(../images/nav-bg.jpg) left top no-repeat; }
#nav ul{ width:740px; height:30px; float:right; line-height:30px; padding-left:10px; }
#nav ul li{ padding-left:15px; padding-right:10px; display:inline; color:#8e569c; line-height:30px; border-right:1px solid #8e569c;}
#nav ul li a{ padding:0 10px 0 15px; display:inline; color:#67087b; line-height:30px; text-decoration:none; font-weight:bold;
		font-size:14px; }
#nav ul li a:hover{ color:#FF6600; text-decoration:underline;}		

#main{ width:960px; height:100%; float:left; overflow:hidden; background:url(../images/main-bg.gif) left top no-repeat; }

#main .col1{ width:170px; height:auto; float:left;margin-top:10px; margin-left:10px;}
#main .col1 .col1-title{ width:160px; height:25px; float:left; line-height:25px; background:url(../images/col1-title.gif) left top no-repeat;
		padding-left:10px; font-weight:bold; color:#67087b; }
#main .col1 .category{ width:158px; height:auto; float:left; border:1px solid #dadada; border-top:0; padding:5px; padding-bottom:2px;
		 background-color:#EEE;}
#main .col1 .category-title{ width:148px; height:22px; line-height:22px; float:left;  background-color:#d9c5ff;
		padding-left:10px; color:#67087b;}
#main .col1 .category-subtitle{ width:135px; height:18px; line-height:18px; float:left;
		 margin-top:1px; margin-bottom:1px; padding-left:20px; overflow:hidden; }
#main .col1 .category-subtitle img{ width::5px; height:5px; float:left;padding-top:9px;}		 
#main .col1 .category-subtitle a{ color:#8e569b; text-decoration:none;padding-left:6px;}
#main .col1 .category-subtitle a:hover{ color:#FF6600; text-decoration:underline; }

#main .col1 .link{ width:158px; height:auto; float:left; border:1px solid #dadada; border-top:0; padding:5px; padding-bottom:2px;
		 background-color:#FFF;}
#main .col1 .link-li{ width:158px; height:50px; float:left; overflow:hidden; margin-top:2px;
		border-bottom:1px dashed #DDD; }


#main .col2{ width:560px; height:auto; float:left; margin-left:35px; overflow:hidden;margin-top:10px;}
#main .col2 .position{ width:550px; height:18px; line-height:18px; float:left; font-size:12px; border-bottom:1px dashed #CCC; padding-left:10px; }
#main .col2 .product-list{ width:560px; height:auto; float:left; overflow:hidden; margin-top:10px; font-size:12px; }
#main .col2 .product-list li{ width:132px; height:184px; float:left; overflow:hidden; margin:0 22px 2px 22px;}
#main .col2 .product-list li .thumb{ width:130px; height:auto; float:left; overflow:hidden; border:1px solid #b5b9dd;}
#main .col2 .product-list li .title{ width:130px; height:18px; line-height:18px; float:left; overflow:hidden; padding-left:4px; }
#main .col2 .product-list li .option{ width:130px; height:16px; line-height:16px; float:left; overflow:hidden; padding-left:4px;}

#main .col2 .pagination{ width:560px; height:22px; line-height:22px; float:left; margin-top:4px; border-top:1px dashed #CCC;}

#main .col2 .mypage{ width:550px; height:auto; margin-top:2px; padding:5px; line-height:18px; color:#2d2d2d; 
		font-size:12px; overflow:hidden; }
		
#main .col2 .comment-wrap{ width:520px; height:100%; float:left; margin-top:10px;overflow:hidden;}
#main .col2 .comment-wrap legend{ font-size:14px; font-weight:bold; color:#2d2d2d; padding:0 5px;padding-bottom:10px; }
#main .col2 .comment-wrap label{ width:80px; height:20px; float:left; margin-left:20px; font-size:12px; color:#666;}
#main .col2 .comment-wrap em{ color:#FF0000; font-weight:normal; font-size:12px; }
#main .col2 .comment-wrap .comments-title{ width:340px; height:auto; float:left; margin:10px 0; margin-left:90px; }
#main .col2 .comment-wrap ul{ margin-top:10px; padding-bottom:10px; clear:left; }
#main .col2 .comment-wrap li{  margin:2px 0; width:506px; height:auto; float:left; }
#main .col2 .comment-wrap li .mybutton{ margin-left:200px; margin-top:5px; maigin-bottom:5px; background-color:#EEE; color:#000; 
		border:1px solid #CCC;  }
#main .col2 .comment-wrap li span{ padding-left:80px; height:18px; line-height:18px; }		

#main .col2  .left{ width:262px; height:100%; float:left;overflow:hidden; }
#main .col2  .product-info .left-title{ color:#666; }	
#main .col2  .left-picture{ width:260px; height:auto; border:1px solid #DDD; float:left; overflow:hidden; margin-top:10px; }
#main .col2  .left-option1{ width:120px; height:17px; padding-top:3px; margin-top:5px; text-align:center;
		float:left; border:1px solid #DDD; background-color:#EEE; font-weight:bold;}
#main .col2  .left-option2{ width:100px; height:20px; line-height:20px; margin-top:5px; text-align:center;
		float:right; border:1px solid #DDD; background-color:#EEE; font-weight:bold;}		
#main .col2  .left-option1 a,#main .col2  .left-option2 a{ color:#666; text-decoration:none;}
#main .col2   a:hover{ color:#990000; text-decoration:underline;}

#main .col2  .right{ width:260px; height:100%; float:right; overflow:hidden;}
#main .col2  .right-title{ width:260px; height:auto; line-height:20px; margin-top:15px; float:left; font-size:12px; font-weight:bold;
		border-bottom:1px solid #DDD; padding-bottom:5px;  }	
#main .col2  .right-code{ width:260px; height:20px; float:left; line-height:20px;  margin-top:5px;
		border-bottom:1px solid #DDD; padding-bottom:5px; }
#main .col2  .description{ width:260px; height:100%; line-height:20px; float:left; padding-bottom:5px; border-bottom:1px solid #DDD; }		
#main .col2  .description span{ font-size:14px; font-weight:bold; }
#main .col2  .inquiry{ width:60px; height:20px; float:left; line-height:20px; margin-top:10px; border:1px solid #DDD; 
		background-color:#EEE; text-align:center; font-weight:bold;}
#main .col2  .inquiry a{ color:#666; text-decoration:none;}
#main .col2  .tell{ width:100px; height:20px; float:right; line-height:20px; margin-top:12px; text-align:right; font-weight:bold;}
#main .col2  .tell a{ color:#666; text-decoration:none;}

#main .col3{ width:140px; height:auto; float:right;margin-right:5px; overflow:hidden;margin-top:-5px;margin-top /**/:10px;}
#main .col3 .search{ width:140px;height:auto;float:left;overflow:hidden; margin-top:10px;}
#main .col3 .search-li{ width:140px; height:auto; float:left; overflow:hidden; margin-bottom:2px;}
#main .col3 .key{ width:136px; height:18px; float:left; padding:1px; border:1px solid #CCC;background-color:#FFF; }
#main .col3 .typeid{margin-top:2px;}
#main .col3 .search-button{ width:auto; height:22px;margin-left:0px; background-color:#b5b9dd; color:#67087b; border:1px solid #d9c5ff;
		font-size:12px; margin-top:2px; }

#main .col3 .live{ width:140px; height:27px; float:left; overflow:hidden; padding-top:30px; text-align:center;
		background:url(../images/chat.gif) left top no-repeat; margin-top:8px;}
#main .col3 .live a{ color:#67087b; text-decoration:none;}
#main .col3 .live a:hover{ color:#FF6600; text-decoration:underline;}
		
#main .col3 .inquiry-title{ width:140px; height:25px; line-height:25px; float:left; margin-top:3px; text-align:center;
		font-weight:bold; background:url(../images/inquiry-title.gif) left top no-repeat; color:#67087b;}
#main .col3 #basket{ width:138px; height:360px; float:left; padding:5px 0; border:1px solid #dadada; border-top:0; border-bottom:0;
		background-color:#EEE; overflow:auto; overflow-x: hidden; }
#main .col3 #basket li{ width:67px; height:auto; float:left; padding-left:18px; margin-top:2px;}
#main .col3 #basket li .basket-logo{ width:65px; height:auto; float:left; border:1px solid #DDD; padding:2px;}
#main .col3 #basket li .basket-option{ width:65px; height:18px; line-height:18px; float:left; margin-top:2px; padding-left:4px; }
		
#main .col3 .inquiry-button{ width:140px; height:25px; float:left; line-height:25px; text-align:center;
		background:url(../images/inquiry-button.gif) left top no-repeat; font-weight:bold; color:#85569c; }		
#main .col3 .inquiry-button a{ color:#85569c; text-decoration:underline; }
#main .col3 .inquiry-button a:hover{ color:#FF6600; }		
				
		
#footer{ width:100%; height:20px; margin:0 auto; line-height:20px; border-top:5px solid #8e569c; text-align:center; margin-top:10px;
		background-color:#CCC;padding-top:8px; }
#footer .copyright{margin-top:10px;}
		
.message-wrap{ width:360px; height:60px; margin:100px auto;
		border:1px solid #DDD; background-color:#F9F9F9; }
.message-title{ height:24px; line-height:24px; font-weight:bold; padding-left:10px; color:#666; }
.message{ line-height:30px; font-size:14px; font-weight:bold; text-align:center; color:#660000; }