@import "/Css/footer.css";

.location{ padding:5px 10px; background:#fff; height:17px; border-bottom:1px solid #70C5EE; font-family:Verdana; color:#707070;}
.location .dot{ background:url(/images/dot.gif) no-repeat 50% 0; width:6px; height:13px; padding-right:5px;}
.location2{ padding:5px 10px 5px 0; height:17px; font-family:Verdana; color:#707070;}
.location2 .dot{ background:url(/images/dot.gif) no-repeat 50% 0; width:6px; height:13px; padding-right:5px;}

/*-----------------------------------------------------*/
#topSaleCategoryHeader{ background:url(/images/topSaleHeader.gif) no-repeat; width:192px; height:32px; margin-top:10px;}
#topSaleCategoryHeader h3{ display:none;}
#topSaleList{width:190px; margin-bottom:10px; text-align:center; border:1px solid #ADDFF2; border-bottom:0;}
#topSaleList img{ margin-top:5px; border:1px solid #D4E5F5; padding:1px;}
#topSaleList p{ margin:2px 0;}
#topSaleList a {color: #372A2F;text-decoration: none;}
#topSaleList a:hover {color:#0066CC;text-decoration: underline;}
#topSaleList .box{ background:#fff; margin: 0 5px 5px 5px; padding:2px; width:173px; height:168px;}
#topSaleList .box div{ margin-top:2px;}
#topSaleList ol li { list-style-type:none; padding:2px; width:187px; height:176px; margin:0; border-bottom:1px solid #ADDFF2;}
/*-----------------------------------------------------*/
#productRecommendHeader{ background:url(/images/pro_recommend_title.gif) no-repeat; width:192px; height:27px; margin-top:10px;}
#productRecommendHeader h3{ display:none;}
#productRecommend{ text-align:center; }
#productRecommend li{ padding:5px; }
#productRecommend p{ margin:2px 0;}

/*-----------------------------------------------------*/
.content{float:left; width:730px; margin:10px 10px 0 0;}
#productList ul li{ float:left; width:146px; height:200px; text-align:center; overflow:hidden; }
#productList .proimg{ height:134px;}
#productList .proname{ padding:0;}
#productList .proprice{ padding:0;}
.keywords{ color:#7C7B7A; margin-top:40px;}

/*-----------------------------------------------------*/
#productDetail{ width:700px; float:left; margin-right:40px; background:#fff; }
#productDetail #info h1{background:url(/images/dot2.gif) no-repeat 0 50%; padding-left:12px;}
#productDetail .bigImage{ width:240px; height:350px; text-align:center;}
#productDetail .bigImage img{ border:1px solid #D4E5F5; padding:3px; margin:5px;}
#productDetail .explain{ padding-left:12px; line-height:20px}
#productDetail .explain td{ padding:4px 0; font-size:13px;}
#productDetail .explain .showplayer a{ margin-right:5px;}
#productDetail .specailSaleText{ color:#D15720; padding-left:12px; margin:10px 0; height:18px;}
#productDetail .explainLine{ border-bottom:1px solid #D9CBBE; height:1px; margin:10px 0;}
#productDetail .space{ height:10px;}
#productDetail #info span{ margin-right:15px;}
#productDetail #info p{ padding-left:12px; }
#productDetail span.blank{ margin-left:60px;}
#productDetail .buyLine{ height:38px; padding:10px 0 0 12px;}
#productDetail .addWishListLine{ margin-top:15px;}
.buyLine .buyLineQuantity{ float:left; width:120px; padding-top:10px;}
#productDetail .forbidSale{ float:left; background:url(/Images/shopping/btnForbidSale.gif) no-repeat 0 7px; width:100px; height:22px; padding:10px 0 0 115px;}
.buyLine .buy{ float:left; width:120px; padding-left:120px;}

#productDetail .desc{ padding:10px;}
#productDetail .imageList{ text-align:center; margin:5px 0; overflow:hidden;}
#productDetail .imageList img{ border:0; margin:5px 0;}

#buyLine2{ text-align:center; margin:30px 0;}
#sameCategoryProduct{ height:230px;}
#sameCategoryProduct ul{ padding:0 5px 0 10px;}
#sameCategoryProduct ul li{ float:left; width:20%;}

#comment h4{ background:#F0F0F0; color:#836868; font-size:14px; text-align:center; padding:3px;}
#comment form{ text-align:center; padding:3px;}

.sidebar{ width:193px; float:left; overflow:hidden; }
.sidebar .onlineHelp{ padding-left:24px; margin-bottom:20px; overflow:hidden;}
.sidebar .onlineHelp p{ margin:10px 0;}

/*-----------------------------------------------------*/
#commentBestHeader{ background:url(/images/comment_best_title.gif) no-repeat; width:192px; height:27px; margin-top:10px;}
#commentBestHeader h3{ display:none;}

#commentBestList{width:190px; margin-bottom:10px; text-align:left; padding:3px; overflow:hidden; }
#commentBestList h4{ color:#774141; margin:2px 0; font-size:12px; }
#commentBestList p{ margin:2px 0;}
#commentBestList a {color: #372A2F;text-decoration: none;}
#commentBestList a:hover {color:#0066CC;text-decoration: underline;}
#commentBestList .box{ background:#fff; margin:0; padding:2px; width:100%;}
#commentBestList ol li { list-style-type:none; padding:5px 2px; width:100%; margin:0;}
/*******************/
.c1{ background:#fff;padding:5px;}
.c2{ background:#fff;padding:5px;}

.commentItem1 .no, .commentItem2 .no{ width:60px; float:left; color:#ccc; font-family:Georgia; font-size:18px; font-style:italic;}
.username{ color:#008000;}
.username2{ color:#884040;}
.commentItem1 .date{ font-size:12px; color:Gray;}
.commentItem1 .commentContent{ line-height:17px; padding:3px 3px 3px 60px;text-align:left;}
.commentItem1{ background:#F4FAF4;}
.commentItem2{ background:#FDF4FF;}
.commentItem2 .date{ font-size:12px; color:Gray;}
.commentItem2 .commentContent{ line-height:17px; padding:3px 3px 3px 60px; text-align:left;}
.messageList{ margin-bottom:5px; border:1px solid #D8D6D6; border-top:0;}
/*-----------------------------------------------------*/
#categoryList{background:#fff; width:190px; padding:0; margin-top:10px;}
#categoryList h3{ font-size:14px; color:#77413F; text-align:left; padding:3px 0 3px 0; margin:5px 0 0 0;}
#categoryList h3 span{ background:url(/Images/category_dot.gif) no-repeat 0 4px; padding-left:13px;}
#categoryList h4{ font-size:13px; color:#77413F; text-align:left; padding:3px 10px 3px 0; margin:0; font-weight:normal;}
#categoryList h4 a{ font-size:13px;}
#categoryList .item{ background:#fff; padding:0 10px;}
#categoryList ul{ padding-left:15px;}
#categoryList .item li{ float:left; width:50%;}

.specailbg{/*background:url(/images/specail_bg.gif) no-repeat; width:191px; height:103px;*/ margin-top:10px;}
.weeknewbg{/*background:url(/images/weeknew_bg.gif) no-repeat; width:191px; height:103px;*/ margin-top:10px;}
.recommendbg{/*background:url(/images/recommend_bg.gif) no-repeat; width:191px; height:103px;*/ margin-top:10px;}
.categorybg{background:url(/images/category_bg.gif) no-repeat; width:193px; height:103px; margin-top:10px;}

/*----------------------------------------------------------------------*/
.tblist{ line-height:18px;}
.tblist td{ padding:3px;}
.tblist span{ margin-right:10px;}

.tbProductSpecial p{ margin:3px 0; font-family:Arial;}
.tbProductSpecial .t1{ width:26%; text-align:center;}
.tbProductSpecial .t2{ vertical-align:top;}

/*----------------------------------------------------------------------*/
.box3 { border:1px solid #ADDFF2; text-align:left; overflow:hidden; color:#303030; margin-bottom:10px;font-size:15px;}
.box3 h3{ background:#EEF7FE; height:24px; line-height:24px; border-bottom:1px solid #ADDFF2; color:#1974C8; font-size:13px; padding:0px 8px; font-weight:bold; position:relative; overflow:hidden;}

.box4 { border:1px solid #ADDFF2; text-align:left; color:#303030; margin-bottom:10px;font-size:12px;}
.box4 h3{ background:#EEF7FE; height:24px; line-height:24px; border-bottom:1px solid #ADDFF2; color:#1974C8; font-size:13px; padding:0px 8px; font-weight:bold; position:relative; overflow:hidden;}

.box1, .box2 { border:1px solid #ADDFF2; text-align:left; overflow:hidden; color:#9C9C9C; }
    .box2 { margin-bottom:7px;}
    .box1 h2, .box2 h2, .box2 .title{ background:#EEF7FE; height:21px; line-height:21px; border-bottom:1px solid #ADDFF2; color:#1974C8; font-size:12px; padding:0px 8px; font-weight:bold; position:relative; overflow:hidden;}
    .box2 .title ul{ position:absolute; right:5px; top:1px; padding-left:5px; height:21px;}
    .box2 .title li{ float:left; width:36px; height:18px; text-align:center; line-height:16px; padding-top:3px; font-weight:normal;}
    .box2 .title li.selected{ float:left; background:#fff; width:36px; font-weight:normal; line-height:14px; height:15px; border:1px solid #ADDFF2; border-top:3px solid #72ACE9; border-bottom:0;}
    .box2 .title li a{ display:block;}
    .box2 .title li.selected a{ text-decoration:none;}
.box img{ border:1px solid #D4E5F5; padding:1px;}
.playerbox{ margin:5px auto 10px auto; text-align:center; border:1px solid #CCCCCC; padding:10px; width:480px;}
.gary2{ padding:1px;}