﻿/*
Template Name: ECSHOP Default
Template URI: http://www.ecshop.com/
Description: The default ECSHOP template.
Version: 2.6.2
Author: ECSHOP Team
Author URI: http://www.ecshop.com/
Logo filename: logo.gif
*/


/* ====================
     å…¬å…±æ ·å¼
==================== */
* {padding:0;margin:0;}
body{background:url(images/bg_body.jpg) repeat left top; font-size:12px; font-family:Arial, Helvetica, sans-serif; line-height:150%; margin:0px 0 0 0; padding:0; color:#ccc; font-family:Verdana, Geneva, sans-serif;}
div{margin:0 auto; padding:0;}
.c{ clear:both;}
h1,h2,h3,h4,h5,h6,ul,li,dl,dt,dd,form,img,p{
margin:0; padding:0; border:none; list-style-type:none;
}
.block{
  width:960px; height:1%; overflow:hidden;
}

.bodybg{}
a{ color:#ccc; text-decoration:none;}
a:hover { text-decoration:underline; color:#fff;}
.f_l{float:left;}
.f_r{float:right;}
.tl{ text-align:left;}
.tc{ text-align:center;}
.tr{ text-align:right;}
.dis{display:block;}
.inline{display:inline;}
.none{display:none;}
.dashed{background:url(images/lineBg.gif) repeat-x left top; color:#3f3f3f;  padding:2px 0 3px 12px;}

.clearfix:after{
content:"."; display:block; height:0; clear:both;
visibility:hidden;
}
*html .clearfix{
 height:1%;
}
*+html .clearfix{
 height:1%;
}
/*è‹±æ–‡å¼ºåˆ¶æ¢è¡Œ*/
.word{word-break:break-all;}

  /*è¾¹æ¡†*/
  .B_blue{border:1px solid #c5e4ff;}
  .B_input{border:1px solid #ccc;}
  .inputBg{border:1px solid #ccc;}
  input,select { font-family:Arial, Helvetica, sans-serif; font-size:12px;}
  /*å­—ä½“é¢œè‰²*/
  .f1{color:#ccc;}
  .f2{color:#ccc; font-weight:bold; margin-right:15px;}
  .f3{color:#ccc;}
  .f4{color:#ccc;}
  .f4_b{color:#ccc; font-weight:bold;}
  .f5{ font-size:14px; font-weight:bold;}
  .f6{color:#ccc;}
  .market{ font-size:14px; text-decoration:line-through;}
  .shop{color:#ccc; font-size:14px; font-weight:600;}
  .market_s{text-decoration:line-through;}
  .shop_s{color:#fe596a;}
  /*æŒ‰é’®éƒ¨åˆ†*/
  .bnt_blue{
  background:url(images/subbutton.gif) no-repeat left top; width:99px; height:25px;cursor:pointer;
  text-align:center; line-height:25px; color:#000; border:none;font-family:Arial, Helvetica, sans-serif;margin-left:10px;
  }
  .bnt_blue_1{
  background:url(images/search.gif) no-repeat; width:89px; height:23px;
  text-align:center; line-height:23px; color:#000; border:none;cursor:pointer;
  }
  .bnt_blue_2{
  background:url(images/bg.gif) no-repeat 0px -696px; width:139px; height:21px;
  text-align:center; line-height:21px; color:#fff; border:none;
  }
  .bnt_blue_3{
  background:url(images/previous0.gif) no-repeat; width:75px; height:18px;
  text-align:center; line-height:23px; color:#000; border:none;cursor:pointer;
  }
  .bnt_bonus{
  background:url(images/cancel.gif) no-repeat left top; width:60px; height:25px;cursor:pointer;
  text-align:center; line-height:25px; color:#000; border:none;font-family:Arial, Helvetica, sans-serif;margin-left:5px;
  }
  
 /*index_text*/
 .Index_text { background:url(images/leftbg.gif) repeat left top; padding:20px 10px; border:1px solid #363636;}
  .Index_text .Index_text_left { float:left;}
  .Index_text .Index_text_right { float:left;width:75%;padding-left:10px; font-size:10px; color:#ccc; line-height:140%;}
  
.tablelist{width:100%;padding:5px;}
.tablelist th{ background:#000;  height:28px; line-height:28px;}
.tablelist td{ padding:3px 0px 3px 2px;}
.tablelist td,.tablelist th{  border-width:0px 0px 1px 1px ; padding-left:5px; color:#ccc;}

.Commentstablelist { border-right:1px solid #363636; border-top:1px solid #363636; width:100%; background:url(images/leftbg.gif) repeat left top;}
.Commentstablelist td { border-left:1px solid #363636; border-bottom:1px solid #363636; padding:8px; vertical-align:top;}
.red { color:#c00;}
fieldset { border:1px solid #363636;background:url(images/leftbg.gif) repeat left top;padding: 0.5em;margin: 0.5em 0em;}

.shoppinglogin { float:left;width:48%;padding:5px;}

#suborder{ margin:20px auto;}
#menu{height:74px;width:945px;float:left;background:url(images/searchbg0.gif) no-repeat left top;}
span.a {width:5px;height:74px;background:url(images/searchbgr0.gif) no-repeat left top;float:right;}
#menu a{cursor:pointer;float:left;color:#333;text-decoration:underline;}

#logoWrapper{  margin-top:1px;background:url(images/head_line.gif) repeat-x top; }
.topheader{color:#333;}
.logo {float:left;}
.logo embed {display:block;}
#list {margin-bottom:5px; clear:both;}
#list .listt {float:right;}
#list ul.ut {float:right;height:25px;line-height:25px;padding-bottom:22px;}
#list ul.ut li {float:left;text-align:center;}
#list ul.ut li a {text-align:center;color:#000;text-decoration:none;}
#list ul.ut li a:hover {color:#f60;text-decoration:underline;}

#list .listb {clear:both; background:url(images/bg_menu.jpg) no-repeat left top; height:41px; line-height:41px;}
#list ul.ub { }
#list ul.ub a {color:#ccc;font-weight:bold;display:block; float:right;padding:0 5px;}
#list ul.ub a:hover {color:#fff;font-weight:bold;text-decoration:none;}
#list ul.ub span {background:url(images/line1.gif) no-repeat left center; float:left; display:block; width:1px; height:41px;}
.bag { background:url(images/cart.gif) no-repeat left center; padding-left:20px;}
#cart { background:url(images/cart.gif) no-repeat left center; padding-left:20px;}
.topheader a {margin:0 10px;color:#fff;}
#list a:hover {color:#ff6600}
#taglineWrapper{ float:right;} 
.hotsearch{float:left;line-height:25px; height:25px; padding:0px 10px;padding-top:2px;}
.beatcss{ clear:both;
height:70px;
padding:10px;
width:910px; overflow:hidden;}
.beatcss input#keyword{ width:350px;}
.beatcss input#imginput{ margin-top:-0px; cursor:pointer;}

.s_h { float:left; width:740px;}
.s_h strong{ display:block; float:left; padding-right:5px; height:20px; padding-top:10px;}
.s_h  a:hover{ text-decoration:underline;color:#f60;}

.btn {
	vertical-align: middle;
	color: #FFFF99;
	background: url(images/search.gif) no-repeat center center;
	height: 23px;
	width: 89px;
	border:0;	
	margin: 6px 3px 3px;
	font-size:12px;
}

  /*æ¨¡å—å®¹å™¨*/
  .box{ overflow:hidden;border:1px solid #363636; }
  .box_1{clear:both;background:url(images/leftbg.gif) repeat top;height:1%;}
  
  .box_t{clear:both;height:1%;}
  
  .boxa{ padding-bottom:2px; overflow:hidden; }
  .box_a{clear:both;height:1%;}
  .box_a h3 {background:#fff4d4;}
  
  .box_2{border:1px solid #7171B1;overflow:hidden;
  }
  .box_1 h3 span.text{ display:block; float:left; margin-top:-5px;}
  .boxCenterList{padding:8px;}
  /*æ¨¡å—æ ‡é¢˜*/
  #article{clear:both; border:1px solid #363636; background:url(images/leftbg.gif) repeat left top;padding:20px; color:#ccc;}
  #article h2.title{color:#f60;font-size:16px;padding:0 0 10px 0; font-weight:bold;}
  #article #articlecontent{ padding:0px;}
  
  h3{color:#f90;height:31px; font-size:16px; padding:10px;font-weight:bold; line-height:29px;text-align:right;}
  h3.border{border:1px solid #c5e4ff; border-bottom:none;}
  h3 img{position:relative; top:7px;}
  h3 span{float:left; width:auto; height:33px; line-height:33px; text-align:left; font-weight:bold; padding-left:12px;}
  h5{height:26px; line-height:26px; text-align:right; background-color:#333; color:#fff; font-size:12px; padding:0 10px 0 0;
  }
  h5 span{float:left; font-weight:bold; background:url(images/bg.gif) no-repeat 0 -616px; padding-left:25px;}
  h6{height:23px; line-height:23px; text-align:right; font-size:12px; padding-right:10px;
  }
  h6 span{float:left; padding-left:15px;}

  /*é¡µé¢ç•™ç™½*/
  .blank{height:5px; line-height:5px; clear:both; visibility:hidden;}
  .c{height:0px; line-height:0px; clear:both; visibility:hidden;}
  .blank5{/* _margin:-3px 0;*/ clear:both; visibility:hidden;}
  /*å¸ƒå±€*/
  .AreaL{ float:left; display:inline; width:200px;}
  .AreaR{width:754px; float:right;display:inline; color:#ccc;}
  .AreaRa{width:524px; float:right;display:inline; margin-right:5px;}
  .AreaC{ float:left;display:inline; width:524px;}
  .AreaSR{ float:right; width:212px;display:inline;  overflow:hidden;}
  .AreaSR .ad_banner{ padding-bottom:5px;}
  
  .headerside{background:#fff url(images/bg_header.jpg) repeat-x top;}
  
  .leftitle{ background:url(images/img_08.jpg) repeat-x top; }
  .leftitle h2{ height:32px; line-height:32px; font-size:13px; text-align:center;}
  #userAreaL{ float:right; width:78%; margin-right:2px;}
  #userAreaR{ float:left;width:20%; margin-left:2px;}
  input#paypanbotton{ width:179px; height:65px; background:url(images/paypal.jpg) no-repeat; border:0px; cursor:pointer;}
  
  .Notice{ clear:both;}
/* ====================
     å¯¼èˆªéƒ¨åˆ†
==================== */
  /*é¡¶éƒ¨ç®¡ç†åž‹å¯¼èˆª*/
  
.sidelist{clear:both; padding-bottom:5px;}
.sidelist h2{ color:#ff0; background:#3C5897 url(images/h2bg.gif) no-repeat; height:30px; overflow:hidden; font-size:12px; text-align:left; text-indent:15px;font-weight:bold; line-height:30px;margin-bottom:5px;}
.sidelist .sidebox{height:1%;border:1px solid #363636;background:url(images/leftbg.gif) repeat left top;}
.sidelist .sidebox span {}
.sidelist .sidebox span a {display:block;height:100%;width:100%;}

#loginsidelist h2 { color:#0f3;}
#Loginboxtable { font-size:11px; color:#ccc;}
#Loginboxtable td {padding:2px 5px;}
#Loginboxtable td .loginboxinput { background:url(images/input3.jpg) no-repeat left top; padding:7px 8px 4px 8px; width:164px;border:none;}
#Loginboxtable td a {font-size:9px; color:#ccc;}

#Sponsors h2 { color:#09f;}
#Sponsors .sidebox { text-align:center;padding:5px 0;}

.sidelista {background:url(images/join_bg.gif) no-repeat left top;}
.sidelista p a {color:#000;text-decoration:underline;}
.sidelista p.a {height:20px;line-height:20px;padding:15px 0 0 10px;}
.sidelista p.b {text-align:center;height:31px;padding-top:10px;}
.sidelista p.d {text-align:center;}
.sidelistR{clear:both; padding-bottom:5px;}
.sidelistR h2{color:#333; background:url(images/poph2.gif) no-repeat; height:22px; overflow:hidden; font-size:13px; text-align:center;font-weight:bold; line-height:22px;}
.sidelistR .sidebox{height:1%; padding:2px 20px; background:#fff;border:1px solid #ccc;}
.sidelistR .sidebox a {color:#000;}
.sidelistR .sidebox a:hover {color:#f60;text-decoration:underline;}

.sidelist .sidebox h1.bg_letter{margin:3px 5px 0 5px;;height:70px;font-size:14px;color:#000;font-weight:bold;background:url(images/newsletter.png) no-repeat right top;}
.sidelist .sidebox h1.bg_letter em.b_ {font-style:normal;}
.order_news input.inputBg {border:1px solid #ccc;background:url(images/inputtext.gif) repeat-x;width:151px;height:18px;margin-left:15px;position:relative;top:-10px;left:0;}

.sidelistC{ clear:both;padding-bottom:5px; }
.sidelistC h2{background:url(images/leftbg.gif) repeat left top; height:28px; font-size:12px; padding-left:10px;font-weight:bold; line-height:28px;border:1px solid #363636; color:#f90;}
.sidelistC h2 a {color:#f90;}
.sidelistC .sidebox{padding:5px 0px;height:1%;}

.sidelistB{ clear:both;padding-bottom:5px; }
.sidelistB h2{background:url(images/besth2.gif) no-repeat left top; height:22px; font-size:13px; padding-left:25px;font-weight:bold; line-height:22px;}
.sidelistB h2 a {color:#000;text-decoration:underline;}
.sidelistB .sidebox{overflow:hidden;padding:2px 3px;height:1%;border:1px solid #ccc;border-top:none;}

 .headeRight{ float:right; overflow:hidden; margin-top:15px;}
.Navside{ background:#BB1B01; height:26px;}
.toprightnav{  height:26px; color:#fff;}
.toprightnav li{float:left; line-height:25px;padding-left:5px; padding-right:5px;}
.toprightnav li a{ color:#fff; padding-left:10px; padding-right:10px;}
.toprightnav li#noline{ background:none;}
.toprightnav li#left{ height:26px;}
.toprightnav li#right{ height:26px; float:right; background:url(images/arrow_freedelivery.gif) no-repeat 0px 3px; padding-left:25px;}

#logo{ float:left;}
#jerseysinfo li{ border-bottom:1px solid #ccc; background:url(images/index_arrow.gif) no-repeat 4px 7px;}

.checkcart{ clear:both; text-align:left;}
.checkcart a{ font-size:14px; padding-left:5px;}
/*è´­ç‰©è½¦*/
.cart{ float:right; width:250px; background:#000 url(images/basket_icon.gif) no-repeat 2px 0px; text-align:center; color:#fff; padding-left:28px;font-size:11px;}
.cart a{text-decoration:none; color:#fff; font-size:11px;}

#urHere{color:#ccc;font-size:12px;border:1px solid #363636;padding:0;margin:0; background:url(images/leftbg.gif) repeat left top; height:25px; line-height:25px;padding-left:10px; margin-bottom:5px;}
#urHere a { font-size:12px;}
#urHere div{ margin:0px; font-size:12px;padding:0;margin:0; color:#f90;}
#urHere span{}
.search{float:right; background:url(images/bg_head2.jpg) no-repeat left top; width:290px; height:50px;margin-bottom:9px;padding:80px 0 0 10px;}
.search em {font-style:normal;padding-left:20px;}
.search table {height:35px;line-height:35px;}
.search h2{ color:#fff; border-bottom:1px solid #fff;}
.search td{color:#fff;}
.search td div#cart{text-indent:16px;width:144px;height:34px;line-height:34px;background:url(images/cartbg.gif) no-repeat left top;font-size:11px;margin-left:10px;}
.search td a {color:#000;text-decoration:underline;}
.search input#keyword{padding:3px 3px 3px 25px;background:#373737 url(images/bg_search.png) no-repeat 3px center; border:1px solid #6c6c6c; font-family:Verdana, Geneva, sans-serif; color:#ccc;width:210px;}
.search select#category{border:1px solid #ccc;margin-left:10px; width:190px; overflow:hidden;}
.search input#imginput{cursor:pointer; float:right;}
  
  

.toptxt{ padding:5px;clear:both; text-align:left;}
.rightnotice{ clear:both; background:#efefef url(images/head_bg.jpg) 0px -102px repeat-x; margin-left:8px; height:200px; overflow-y:auto;}
.rightnotice h3{ line-height:26px; padding-left:25px; font-size:14px;}
.toptxt p,.toptxt{}
.toptxt h1,.toptxt h2,.toptxt h3{ font-size:13px; }
.toptxt a{ font-size:13px; color:#003399;}
.notice{ float:left; width:310px; overflow:hidden; line-height:22px;padding:0px 5px; line-height:22px;}
.notice a{ text-decoration:overline;}
.topmuen{ margin-top:5px; float:left;}
.topmuen li{ background:url(images/icon_list_arrow02.gif) no-repeat 3px 6px; margin:6px auto;}
.topmuen a{padding-right:5px;color:#fff;}
.topmuen a:hover{color:#B92C92;}

.help{ clear:both;}
.help table{border:0px solid #ccc; padding:1px;}
.help th{ background:#222; height:25px; line-height:25px; padding-left:20px; color:#fff;}
.help td{ width:330px;}
.help li{ list-style:none;}

.userInfo{ background:#F6E6B5 url(images/top05.gif) repeat-x bottom; height:150px; font-weight:bold; padding-bottom:5px;}
.userInfo h2{ font-size:15px; padding-left:10px; height:20px; line-height:20px; margin-bottom:6px;}
.userInfo td{ padding-left:5px;}
.userInfo .inputBg{ width:120px;}
.userInfo a{color:#000; text-decoration:none; padding-left:5px; padding-right:5px;}
.userInfo center{ margin-top:-6px;}
.userInfo #bnt_get{ margin-top:5px;}
.userInfo #bnt_get a{ font-size:10px;}
  .log li img{position:relative; top:5px;}
  #topNavside{ background:url(images/img_02.jpg) repeat-x top; height:59px;}
  #topNav{ height:31px; background:none; line-height:31px; text-align:center;}
  #topNav a{ padding:3px 20px; border:1px solid #A79356; margin-left:8px; margin-right:8px; text-decoration:none; background:#ECCE92; color:#fff; }
  /*é¡µé¢ä¸»å¯¼èˆª*/
  #mainNav{padding:0 25px; background:url(images/menu_bg1.gif) repeat-x top; height:30px; line-height:30px; float:left; width:603px; border-left:1px solid #000; border-right:1px solid #ccc;}
  #mainNav a{ display:block; padding:0px 22px; float:left; text-decoration:none; color:#fff; }

  /*æœç´¢*/

  /*å½“å‰ä½ç½®*/
  #ur_here{border:1px solid #c5e4ff; border-top:none; background:url(images/uh_bg.gif) repeat-x left top;
  height:36px; line-height:36px; padding:0 12px;
  }
  #ur_here a{color:#006cce; text-decoration:none;}

/* ====================
     æ¨¡å—
==================== */

   
   .notice{ clear:both; background:url(images/af_bg.gif) repeat-x top; height:28px; border:1px solid #000; border-bottom:0px; padding-bottom:1px; color:#fff; height:28px; overflow:hidden;}
   .notice img{ margin-left:15px; margin-right:10px;}
   /*å•†å“åˆ†ç±»*/
   #category_tree{border:4px solid #f1faff; background-color:#fff;}
   #category_tree dl{margin:6px;}
   #category_tree dt{background:url(images/lineBg.gif) repeat-x left bottom;
   color:#3f3f3f;  padding:2px 0 3px 12px;
   }
   #category_tree dt a{background:url(images/bg.gif) no-repeat 0 -69px;
   color:#3f3f3f; padding-left:15px; text-decoration:none;
   }
   #category_tree dd{padding:3px 0 3px 10px;}
   #category_tree dd a{color:#404040; text-decoration:none;}
   #category_tree dd a:hover{color:#ff6600; text-decoration:none;}
   /*é”€å”®æŽ’è¡Œ*/
   .top10Tit{background:url(images/bg.gif) no-repeat 0px -85px; height:30px;}
   .top10List{border:1px solid #d7ecfd; background-color:#fff; margin:0px 4px 4px 4px;}
   .top10List li{border-bottom:1px solid #e2f3fd; padding:3px 3px 3px 10px; color:#3f3f3f;}
   .top10List li img{margin-right:5px; position:relative; top:3px;}
    /*linkCOLOR*/
   .top10List li a,#mallNews .NewsList li a,.boxCenterList li a{color:#ccc; text-decoration:none;}
   .top10List li a:hover,#mallNews .NewsList li a:hover,.boxCenterList li a:hover{color:#ff6600; text-decoration:none;}
   /*é¦–é¡µç„¦ç‚¹å›¾*/
   
   
   #focus{border-right:1px solid #c5e4ff; padding:8px; background:url(images/foucsBg.gif) repeat-x left top;}
   #mallNews{width:230px; padding:8px 8px 0px 8px; background:url(images/foucsBg.gif) repeat-x left top;}
   #mallNews .NewsTit{background:url(images/bg.gif) 0px -132px; height:23px;}
   #mallNews .NewsList{background:#FFFFFF; padding:8px;}
   #mallNews .NewsList ul{margin-top:10px;}
   #mallNews .NewsList li{background:url(images/bg.gif) no-repeat 0px -167px; padding:0px 0px 0px 10px;
   text-align:left;
   }
   /*ä»Šæ—¥ç‰¹ä»·å’Œå“ç‰Œ*/
   #sales{width:500px; background:url(images/salesBg.gif) repeat-x left bottom;
   border-bottom:2px solid #f0f1f3; background-color:#eef8ff;
   }
   #sales h1{font-size:12px; background:url(images/salesTitBg.gif) no-repeat; height:33px; text-align:right;}
   #sales h1 img{position:relative; top:10px; right:8px;}
   #sales .goodBox{margin:10px 0px 10px 10px; _margin-left:5px;}
     #sales .goodBox .goodList p{text-align:left; color:#3f3f3f;}
     #sales .goodBox .goodList p a{color:#3f3f3f; text-decoration:none;}
   #sales .goodBox .goodList p a:hover{color:#ff6600; text-decoration:none;}
   #sales .goodList{width:110px; margin:0px 5px 0px 5px; float:left;}
   #sales .goodList img{background:url(images/salesGoodBg.gif) no-repeat; width:100px; height:100px; padding:5px;
   }
   #sales .goodList p{ margin-top:3px; text-align:center;}
   #brands{width:247px; height:199px; *height:201px; padding:1px 0 0 1px; position:relative;}
   #brands .brandsMore{position:absolute; left:178px; bottom:10px;
   width:65px; height:41px;
   }
   #brands .brandsMore img{border:none; width:65px; height:41px;}
   #brands img{width:78px; height:40px; margin:3px 1px; border:1px solid #c5e4ff; float:left;}
   #brands .brandText a{color:#0069cd; text-decoration:none; margin:2px; clear:both;}
     .brandsIe6{_width:250px;}/*åœ¨ie6ä¸‹ç‰¹ä»·å•†å“ä¸å­˜åœ¨çš„è¯å“ç‰ŒæŽ¨èæ°¸è¿œé å³æ˜¾ç¤º*/
   /*ç²¾å“æŽ¨èï¼Œæ–°å“ä¸Šå¸‚ï¼Œçƒ­å–å•†å“*/
   .centerPadd{padding:2px 2px 2px 2px; overflow:hidden;}
   .itemTit{height:30px; background:url(images/bg.gif) no-repeat 0px -195px; padding-left:190px; text-align:right;
   /*margin-bottom:-3px; _margin-bottom:-2px;*/
   }
   .itemTit.New{background:url(images/bg.gif) no-repeat 0px -225px;}
   .itemTit.Hot{background:url(images/bg.gif) no-repeat 0px -256px;}
   .itemTit img{position:relative; top:7px;}
   .itemTit h2{float:left; height:27px; background:url(images/itemH2Bg.gif) repeat-x left top; border:1px solid #d6ecff;
   font-size:12px; text-align:center; color:#3f3f3f; font-weight:100; padding:0px 10px; line-height:28px; margin:0 6px 0 0;
   border-bottom:none; position:relative; bottom:-3px; display:inline; white-space:nowrap;
   }
   .itemTit h2 a{color:#3f3f3f; text-decoration:none;}
   .itemTit .h2bg{height:27px; line-height:28px; border:none; background:none;
   font-size:12px; text-align:center; color:#006ace; font-weight:100; padding:0px 10px;
     display:inline; white-space:nowrap;
   }
   .itemTit .h2bg a{color:#006ace; text-decoration:none;}
   .centerPadd .goodsBox{border:1px solid #d6ecff; background:#fff; padding:12px 0px 0px 17px; *padding:12px 0px 0px 17px;
   _padding:12px 0px 0px 0px;}
   .centerPadd .goodsBox .more{text-align:right; clear:both; margin:0 8px 8px 0;}
       /*å•ä¸ªå•†å“*/
       .goodsItem{width:110px; float:left; position:relative; overflow:hidden; margin:0px 14px 15px 14px;}
       .goodsItem .goodsimg{width:100px; height:100px; border:4px solid #eef8ff; margin-bottom:4px;}
       .goodsItem img{width:52px; height:17px;}
       .goodsItem p{text-align:left; color:#3f3f3f;}
       .goodsItem p a{color:#3f3f3f; text-decoration:none;}
       .goodsItem p a:hover{color:#ff6600; text-decoration:none;}
       .goodsItem span{width:40px; height:40px; position:absolute;left:0px; top:0px;}
       .goodsItem span.best{background:url(images/bg.gif) no-repeat 0px -304px;}
       .goodsItem span.news{background:url(images/bg.gif) no-repeat -75px -304px;}
       .goodsItem span.hot{background:url(images/bg.gif) no-repeat -161px -304px;}

   /*å¸®åŠ©*/
   .helpTitBg{background:url(images/helpTitBg.gif) repeat-x left top; text-align:left; border:1px solid #c5e4ff; background-color:#fff;
   padding:0 0 10px 15px;
   }
   .helpTitBg dl{float:left; margin-right:30px; _margin-right:20px; _width:130px;}
   .helpTitBg dt{background:url(images/bg.gif) no-repeat 0px -570px;width:auto; height:33px; line-height:33px; text-align:left;
   font-weight:bold; color:#56a5ee; padding-left:12px; margin-bottom:8px;}
     .helpTitBg dt a{font-weight:bold; color:#56a5ee; text-decoration:none;}
   .helpTitBg dd a{color:#006acd; text-decoration:none; background:url(images/bg.gif) no-repeat 0px -170px; padding:0px 0px 0px 10px;}

   /*ç›¸å…³å•†å“*/
   .boxCenterList ul{height:1%; margin-bottom:5px;}
   .boxCenterList li{float:left; width:120px;}
   .boxCenterList li.goodsimg{width:48px; margin-right:10px;}
   .boxCenterList li.goodsimg img{width:48px; height:48px; display:block;}
   /*ç›¸å…³æ–‡ç« (å…¶å®ƒå¸¦æœ‰å°ä¸‰è§’ç‚¹çš„æ–‡å­—åˆ—è¡¨å…±ç”¨)*/
   .RelaArticle a,.alone{padding:0px 0px 0px 10px; color:#3f3f3f; text-decoration:none;}
   .RelaArticle a:hover{padding:0px 0px 0px 10px; color:#ff6600; text-decoration:none;}
   /*æµè§ˆåŽ†å²ï¼Œæ”¶è—*/
   .history{ padding-left:0px;}
   .history h2{padding:0 15px;font-size: 12px; background:#111; float: left; padding-bottom: 0px; margin: 6px 5px 0px 0px;  color: #fff; line-height: 26px; padding-top: 0px; border-bottom: #c5e3ff 1px; height: 26px; text-align: center;}
   .history .h2bg{padding-right: 10px;padding-left: 20px; font-size: 12px; background: url(images/bg.gif) no-repeat 0px -508px; float: left; padding-bottom: 0px; margin: 6px 5px 0px 0px; color: #ccc; border-top-style: none; line-height: 26px; padding-top: 0px; border-right-style: none; border-left-style: none; height: 26px; text-align: center; border-bottom-style: none;}
     #history li{width:100%;}
   .colle a{background:none; padding:0px; color:#3f3f3f; text-decoration:none;}
   .colle a:hover{background:none; padding:0px; color:#ff6600; text-decoration:none;}
   /* ====================
     å•†å“è¯¦æƒ…é¡µé¢éƒ¨åˆ†æ¨¡å—
==================== */

.commentr { font-size:11px; float:right; color:#ccc;}


   /*ç”¨æˆ·è¯„è®º*/
   .ie6{padding-left:25px; _padding-left:15px; height:1%;}/*è´­ä¹°æ­¤å•†å“çš„äººè¿˜è´­ä¹°çš„å•†å“*/
   .comments li{background:url(images/lineBg.gif) repeat-x left bottom; padding:3px 8px; width:97%; _height:1%; text-align:left; position:relative;
   margin-bottom:8px;
   }
   .comments li img{position:absolute; right:0px; top:3px;}
   .comments li p{margin:3px auto; text-align:left;}
   .commentsList .inputBorder{border:1px solid #ccc;}
     .captcha{margin-left:0px; position:relative; top:-1px; *margin-left:8px; *position:relative; top:3px; cursor:pointer;}
    /* ====================
     å“ç‰ŒæŽ¨è
==================== */
    /*å“ç‰Œåˆ—è¡¨*/
    #brandList{background:url(images/brandBg.gif) repeat-y top center; margin-top:12px; height:1%;}
    #brandList .brandBox{width:240px; _width:236px; float:left; margin:0 5px 20px 5px; text-align:center; overflow:hidden; height:160px;}
        #brandList .brandBox .brandLogo{width:188px; height:52px; overflow:hidden;}
    #brandList .brandBox h4{height:23px; line-height:23px; background:#e9e9e9; margin:15px 0 8px 0; padding:0 10px; text-align:right;
    font-weight:100; font-size:12px;
    }
    #brandList .brandBox h4 span,#brandList .brandBox h4 span a{float:left; font-weight:bold; color:#3f3f3f; text-decoration:none;}
    #brandList p{text-align:left; margin-bottom:5px; color:#909090; padding:8px;}
    #brandList p.brandCategory,#brandList p.brandCategory a{text-align:left; color:#006acd; text-decoration:none;}
    #brandList .brandArticle{border:1px dashed #d9d9d9; background:#f8f8f8; text-align:left;}
    .brandCategoryA a{ margin-right:15px;}

    /* ====================
     ç”¨æˆ·ä¸­å¿ƒ
==================== */
	.usBox td,.usBox th,.usBox table,.usBox_2 td,.usBox_2 th,.usBox_2 table{ border:none;}
    .box_1 .userCenterBox{border:0px solid #f1faff;}
    .usBox{background:url(images/leftbg.gif) repeat left top; border:1px solid #363636; padding:15px; padding-bottom:20px;}
    .usBox_1{ border:1px solid #363636;margin-top:15px;text-align:left; width:267px; height:208px; padding:43px 133px 60px 93px;}
    .logtitle{height:30px; line-height:30px; font-size:16px; color:#f90; font-weight:bold;}
    .us_Submit{border:none; width:113px; height:35px; background:url(images/bnt_ur_log.gif); cursor:pointer;}
	.us_no_Submit{border:none; width:248px; height:35px; background:url(images/Go_to_Checkout.gif); cursor:pointer; margin-top:10px;}
    .us_Submit_reg{border:none; width:113px; height:35px; background:url(images/bnt_ur_reg.gif); cursor:pointer;}
	.consig_bnt_a{border:none; width:198px; height:28px; background:url(images/Address_this_a.gif); cursor:pointer;}
	.consig_bnt_b{border:none; width:75px; height:32px; background:url(images/Address_this_b.gif); cursor:pointer;}
    .usTxt{width:265px;padding:43px 50px 0 50px; border:1px solid #363636; float:right;
    text-align:left; line-height:23px;
    }
    .usTxt img{margin-top:15px;}
    /*æ³¨å†Œ*/
    .usBox_2{ border:1px solid #363636;text-align:left;padding:43px 153px 60px 123px;}
    .usBox_2 .regtitle{height:30px; background:url(images/ur_bg.gif) no-repeat 0px -34px;}
    .actionSub a{color:#ccc; text-decoration:none;
    background:url(images/ur_bg.gif) no-repeat 0px -68px; padding-left:14px;
    }
	.actionSub a:hover{color:#f60; text-decoration:underline;}
	#userAreaR .box_1{ width:99%;}
	#userAreaL .box_1{ width:auto; border:0px;}
	.box_1 .userCenterBox{}
    .box_1 .userCenterBox .userMenu a{display:block; height:25px; line-height:25px; background:url(images/menuBg.gif) no-repeat 0 -30px;
    color:#ccc; text-decoration:none; margin:0 0 0px 10px; padding-left:3px;
    }
    .box_1 .userCenterBox .userMenu a.curs{ color:#fff;background:url(images/menuBg.gif) no-repeat 0 0px; font-weight:bold;}
    .box_1 .userCenterBox .userMenu a img{ margin-right:3px;}
    .msgBottomBorder{clear:both; background:url(images/lineBg.gif) repeat-x left bottom; padding-bottom:8px; margin-bottom:8px;}

/* ====================
     å•†å“åˆ†ç±»é¡µé¢
==================== */
    .sort a{ position:relative; bottom:5px;}
    .sort input{position:relative; top:3px;}
    /*å•†å“åˆ—è¡¨æ˜¾ç¤ºæ–¹å¼*/
    .goodsList{ padding:10px 10px 0 10px;}
    .goodsList ul{ margin-bottom:10px;}
    .goodsList ul#bgcolor{background:#fbfbfb; border-top:1px dashed #e8e8e8; border-bottom:1px dashed #e8e8e8;}
    .goodsList li{float:left; padding-top:8px;}
    .goodsList li.thumb{width:80px; text-align:center;}
    .goodsList li.thumb img{width:50px; height:50px; border:1px solid #ccc; padding:1px;}
    .goodsList li.goodsName{width:290px; margin-right:10px;}
    .goodsList li.action{float:right; margin-left:10px;}
    .goodsList li.action a.abg{background:url(images/bg.gif) no-repeat 0px -735px; padding-left:18px; position:relative; bottom:5px;}

/* ====================
     å›¢è´­
==================== */
    .group{background:#f2f2f2; padding:8px;}
    .group li{float:left; background:#fff; padding:8px;}

/* ====================
     è´­ç‰©æµç¨‹
==================== */
    .flowBox{ background:url(images/leftbg.gif) repeat left top; border:1px solid #363636;padding:10px;}
	.flowBox h6{padding:10px 0;font-size:14px; color:#f90;}
    .flowBox table{ margin:0px auto;}
	#flow_consignee th{ width:20%;}
	#flow_consignee td{ width:30%;}
		/*2.62åœ¨è´­ç‰©è½¦é‡Œé¢æ˜¾ç¤ºç›¸å…³é…ä»¶*/
		.flowGoodsFittings{padding:10px;}
		.flowGoodsFittings ul{height:1%; margin:5px 4px; float:left;}
    .flowGoodsFittings li{float:left; width:120px;}
    .flowGoodsFittings li.goodsimg{width:48px; margin-right:10px;}
    .flowGoodsFittings li.goodsimg img{width:48px; height:48px; display:block;}

/* ====================
    æ‰“å°æŠ¥ä»·å•
==================== */
    .quotation{ margin:20px auto 20px auto; text-align:center;}




   /*ç¿»é¡µ*/
   .pagebar{height:25px; clear:both; text-align:right;padding-top:7px; padding-left:5px;}
   .pagebar img{position:relative; top:2px;}
   .pagebar a{display:block; float:left; margin:0 2px; color:#333; text-decoration:none;}
   .pagebar a:hover{color:#ff0000; text-decoration:underline;}
   .pagebar .page_now{display:block; float:left; margin:0 5px; color:#fff; font-weight:bold; background:#9E3300;}
   #pager {padding:10px 0;}
   #pager a{color:#ccc; text-decoration:none;}
   #pager a:hover { color:#fff;}

   /*åº•éƒ¨å¯¼èˆª+å‹æƒ…é“¾æŽ¥*/
   #bottomNav{ width:100%; color:#ccc; font-size:11px; height:1%; background:url(images/bg_foot.jpg) no-repeat left top;text-align:center;}
   .bNavList{ text-align:center; padding-top:30px; color:#f90;}
   .bottomNav .f_r{ margin-right:20px;}
   .links{padding:0 12px;}
   .bNavList a,.links a{ color:#ccc; font-weight:bold;padding:0 10px; font-size:13px; text-decoration:none;}
   .bNavList a:hover,.links a:hover { color:#fff;}
   .bNavList img{_position:relative; top:8px;}
   .links img{width:88px; height:30px; margin:5px;}
   /*ç‰ˆæƒ*/
   #footer{margin:5px auto; text-align:center;}
   .text a{ text-decoration:none; color:#ccc;}


/* ======å•†å“æ¯”è¾ƒæµ®åŠ¨å— ====== */
#compareBox {
 width:128px;
 background:url(images/compareBg.gif) no-repeat top center;
 background-color:#edf8ff;
 padding:35px 0 8px 0;
 border: 1px solid #c5e4ff;
 position: absolute;
 right:1px;
 top:200px;
}

#compareBox input {
    width:52px; height:13px;
    border:none;
    background:url(images/compareSub.gif) no-repeat;
}

#compareList {
 margin:0px 0px 8px 0px;
 padding:0px;
 width:120px;
 background:#FFFFFF;
 border:1px solid #d6ecff;
}

#compareList li {
 color: #333;
 text-align:left;
 background: #fff;
 padding: 3px 5px;
 margin: 3px 0;
}

#compareList li img {
 float:right;
 padding-top:4px;
}

/*è´­ç‰©è½¦æç¤ºç‚¹å‡»æ›´æ–°æŒ‰é’®å¼æ ·2.6.2ç‰ˆæœ¬æ·»åŠ */
.messageli {
 list-style-type:none;
 padding:5px;
 color:red
}
.messagediv {
 font-size:12px;
 position:absolute;
 border:1px solid #FFD700;
 text-align:center;
 padding:5px;
 background-color:#FFFACD;
 filter:alpha(opacity=50);
 -moz-opacity:0.7;
 opacity: 0.7;
}

/*  ç§¯åˆ†å…‘æ¢æ ·å¼ä¿®æ”¹ */
.point li{
 float:left;
 width:300px;
}

.catnews{ clear:both;}
.catnews li{ float:left; width:100%; background:url(images/title_bg.gif) no-repeat; height:30px; line-height:30px; margin:1px auto;}
.catnews li a{ padding-left:10px; font-size:14px; font-weight:bold;}
.catnews li span{ float:right; margin-right:5px;}

.goodslistside{float:left; width:49%;  text-align:center; margin:0px 2px; background:url(images/leftbg.gif) repeat left top; border:1px solid #363636;}
.webgoodslist{padding-left:10px;width:95%; margin:5px auto; text-align:center; _margin-left:0.93%; overflow:hidden;}
.webgoodslist .smallimg{ padding:2px; float:left;}
.webgoodslist .goodsright { float:left;padding-left:15px; width:51%;text-align:left;}
.webgoodslist .ItemNum { color:#ccc; font-size:11px; font-weight:bold;}
.webgoodslist .ItemNum em,.webgoodslist li.price em { font-weight:normal; font-style:normal; font-family:Arial, Helvetica, sans-serif;}
.webgoodslist .smallimg img{width:150px; height:150px;}
.webgoodslist h1{ line-height:normal;padding-top:10px;}
.webgoodslist h1 a{text-decoration:none;  font-size:11px; color:#f90;}
.webgoodslist h1 a:hover{text-decoration:underline;}
.webgoodslist li{ clear:both; list-style:none; float:left; width:100%;}
.webgoodslist li strong{ color:#ff9900;}
.webgoodslist li.price{ font-size:11px; font-weight:bold; color:#ccc;padding-bottom:20px;}


#goodslistsideSearch { width:25%; margin:0; border:none;}
#goodslistsideSearch .webgoodslist {border:1px solid #363636; width:95%!important; padding:0;}
#goodslistsideSearch .webgoodslist .smallimga { clear:both!important; padding:5px 0 0 0; text-align:center;}
#goodslistsideSearch .webgoodslist .goodsrighta { clear:both!important; width:auto!important; padding:0;}
#goodslistsideSearch .webgoodslist li.price { padding:0 0 5px 0;}
#goodslistsideSearch .webgoodslist h1 { padding:5px 0 0 0;}


.webgoodslistg{width:95%;margin:0 auto; text-align:center; _margin-left:0.93%; overflow:hidden;}
.webgoodslistg h1{}
.webgoodslistg h1 a{height:22px;line-height:22px; font-size:12px;}

.webgoodslista{ width:80%; margin:5px auto;padding-bottom:10px;border-bottom:1px dashed #999;padding-left:17px; text-align:center;  overflow:hidden;}
.webgoodslista .smallimg{ padding:2px;}
.webgoodslista .smallimg img{ width:60px;height:60px;float:left;}
.webgoodslista h1{line-height:normal;float:left;width:60%;padding-top:12px;}
.webgoodslista h1 a{text-decoration:none;  font-size:12px; color:#333;}
.webgoodslista h1 a:hover{text-decoration:underline;  font-size:12px; color:#f60;}
.webgoodslista li{float:left;width:60%; list-style:none;}
.webgoodslista li strong{ color:#ff9900;}
.webgoodslista li.price{ font-size:13px; font-weight:bold; color:#FF0000;}

span.market{ font-size:10px; text-decoration:line-through; color:#222;font-weight:normal; display:none;}
span.save{line-height:normal; margin-top:-3px; display:block;font-size:11px; text-align:center; font-weight:normal; text-decoration:none; display:none;}
.webgoodslist li.red span{ color:#ff9900; font-size:11px; text-decoration:line-through;}
.webgoodslist li.cart{ font-weight:bold; font-size:13px;}
.webgoodslist li.cart td{ height:24px; line-height:24px; text-align:center; vertical-align:middle;}
.webgoodslist li span{ text-decoration:line-through;}
.webgoodslist li.brief{ font-size:11px; line-height:normal; text-align:left; font-weight:normal; float:left; width:99%;}
.webgoodslist li.brief a{ color:#000;}

.childside .smallcatimg{overflow:hidden; width:80%; text-align:center;}
.childside .smallcatimg img{ width:80%;}

.indexiucgoods{ width:140px; text-align:center; border:1px solid #ccc; margin:3px; height:165px; overflow:hidden;}
.indexiucgoods h1{ margin:0px;}
.indexiucgoods h1 a{ font-size:12px;}

.newgoodside{}
.newgoodside .goodslistside{}

.totalprice{ font-size:12px; font-weight:bold;}
.totalprice span{ font-size:14px; font-weight:bold; color:#ff0000;}

.consigneelist {width:98%;}
.consigneelist tr{/*background-color:expression((this.sectionRowIndex%2==0)?"#555555":"#444444");*/ padding:2px 0px;}
.consigneelist th{ padding-right:5px;}
#shippingadd{ clear:both; margin-top:20px;}
#shippingadd h2{ height:26px; line-height:26px; padding-left:20px; background:#efefef; font-size:14px;}
#shippingaddlist tr{background-color:expression((this.sectionRowIndex%2==0)?"#fdfdfd":"#efefef")}
#shippingaddlist{ width:100%; border:1px solid #efefef;}
#shippingaddlist th{ text-align:right; padding-right:8px;width:160px;}
#shippingadd input#shoppinggo{ background:url(images/button_checkout.gif) no-repeat center center; height:42px; width:366px; border:0px; margin-top:8px; cursor:pointer;}
#shippingaddlist td{ color:#FF0000; font-weight:bold;}

.bestgoods{ margin-top:5px; background:#000; width:245px; overflow:hidden;text-align:center; padding-bottom:10px;}
.bestgoods div.goodslistside{ width:80%; background:#fff; border-bottom:6px solid #ccc; margin:5px auto; margin-left:25px; _margin-left:13px;}

.descr{ clear:both; padding:5px;}
.childc{ width:99%; margin-bottom:3px;}
.childc a{ display:block; float:left; height:25px; line-height:25px; text-align:center; border:1px solid #ccc; margin:1px; width:31%; color:#ccc; font-size:13px;}
.childc a:hover{ background:#ccc; color:#CC0000;}



#ho_showcatepro { border:1px solid #CCCCCC; height:140px; overflow:hidden}

#ho_showcatepro .left {height:80px; width:30px; background: url(images/lefta.gif) no-repeat center center; float:left; cursor:pointer;}

#ho_showcatepro .right {height:80px; width:30px; background: url(images/rightb.gif) no-repeat center center; float:right; cursor:pointer;}

#ho_showcatepro .pbox {text-align:center; width:100px; height:100px;   float:left;  margin-left:10px;}

#ho_showcatepro .pbox { line-height:100%;}

#ho_showcatepro .pbox a { background:url(images/loadimg.gif) no-repeat center center;width:74px; height:74px; display:block; margin:auto}

#ho_showcatepro .pbox a img{border:1px solid #fff; padding:3px; width:70px; height:70px;}

#ho_showcatepro .pbox a:hover img{ border-color: #ddd}

#ho_showcatepro a.current img{ border:1px solid #bbb}

.goodsinfoside{ height:1%; padding:1px;}
.goodsinfoside td{ vertical-align:top;}

.goodsinfo{ float:left; width:203px; padding-left:5px;}
.goodsinfo h2{ font-size:15px; margin-bottom:8px;}
.goodsinfo li{ padding:2px 0px; float:left; width:100%;}
.goodsinfo li.price{ font-size:16px; color:#ff0000; font-weight:bold;}
.goodsinfo li.price span.market{ font-size:10px; text-decoration:line-through; color:#222;font-weight:normal;}
.goodsinfo li.price span.save{line-height:normal;font-size:11px; text-align:center; font-weight:normal; text-decoration:none;}
.goodsinfo li.goods_atrr td,.goodsinfo li.goods_atrr th{ vertical-align:top;}
.goodsinfo li input.numinput{ width:30px; border:1px solid #ccc;}
.goodsinfo li.saveprice table{ border:1px solid #333; border-width:1px 1px 0px 0px;}
.goodsinfo li.saveprice table td,.goodsinfo li.saveprice table th{ border:1px solid #333; border-width:0px 0px 1px 1px ; padding-left:5px; color:#ccc;}
.goodsinfo li.saveprice font.f1{ color:#B46825;}

.goodsinfobnt{width:180px;height:300px; text-align:center;float:right;}
.goodsinfobnt a{ display:block; text-align:center; margin-top:8px;}
.goodsinfobnt p {padding:3px 0;}
.goodsinfobnt li{ margin-top:8px; font-weight:bold;}


p.next{ text-align:center; font-size:10px; clear:both;}
.view{ float:left; width:350px;text-align:center;}
.view .bigimg{ text-align:center;}
.view .bigimg img{ width:100%;}

.abc { border:0px solid #ddd; max-width:350px; cursor:pointer;width:expression(this.width > 330 ? 330: true); }
#sp1 img{ border:1px solid #2B2B2B; padding:2px; cursor:pointer; width:50px; height:50px;}

/*=============å³é£˜è¾¹èœå•======*/
.main{ clear:both; CURSOR: hand;}
#categories{ margin:0px;}
#categories span{display:block;text-indent:10px; cursor:pointer;padding:2px 0; color:#f90; font-weight:bold;}
#categories span a { color:#f90;}
#categories span a:hover {color:#ff0; text-decoration:underline;}
#categories .mainul span{background:url(images/cate.gif) no-repeat 18px center;padding:2px 0 2px 25px; font-size:11px; font-weight:normal;}
#categories .mainul span a {color:#ccc;}
#categories .mainul span a:hover { color:#fff;}
#categories .mainul .mainul span{ text-indent:20px;}
#categories .mainul .mainul .mainul span{}
.mainul{ display:block;}
.mainuli{ display:block;}
/*=============å³é£˜è¾¹èœå•======*/
#sortlist,#sortlist li ul{ margin:0px; padding:0px; margin-top:-5px;}
#sortlist li{ margin:0px; padding:0px; display:inline; cursor:pointer;}
#sortlist li ul li{ display:block; border-bottom:1px solid #fff; padding:0px;}
#sortlist li a{font-size:12px;color:#0D064A; font-weight: bold ;text-decoration:none;display:block;height:18px; line-height:18px;background:url(images/boxlistbg.gif) no-repeat 0px 4px; padding-left:18px;border:2px solid #fff;}
#sortlist li a:hover{ background:#FFF1D1 url(images/boxlistbg.gif) no-repeat 0px 4px; border:2px solid #FF9900; color:#FF9900;}
#sortlist li ul li a em{ color:#999999; padding-left:15px;}
#sortlist li ul li {position: relative; line-height:20px;}
#sortlist li ul li ul{left: 198px;position: absolute;width:200px;top: 1px; z-index:100; border:1px solid #ccc; background:#fff;}