﻿
.header-bottom-main-category{background: url(../../images/store-header-bottom-main-category-show.png) repeat-x; }
.header-bottom-main-category-main{display:block;}
.content-left{ float:left; width: 192px;}
.content-left-empty{width: 192px;}
.content-right{margin-left: 192px; margin-right: 0px; position:relative;  z-index:0; height:364px;}
.data-empty{ padding:10px 65px; font-size:16px; color:#f60; }
.content-location{margin-left:8px; }
.filter{border-top:#ce0000 2px solid; margin-bottom:20px; margin-left:8px; padding:0px 5px 0px 5px;}

.tab-wrap{margin:0px auto; height:28px; padding:0px 0px 0px 5px;}
.tab{zoom: 1;overflow: hidden;}
.tab LI{text-align: center;float: left;}
.tab{z-index:2;padding-left: 7px;}
.tab LI{position: relative;text-align: center;padding-bottom: 0px; cursor:pointer; line-height: 29px;padding-left: 10px;padding-right: 10px;background: url(../../../images/tabindex.png) 0px -28px;float: left;height: 27px;overflow: hidden;margin-right: 3px;padding-top: 0px;letter-spacing:1px;}
.tab LI S{position: absolute;width: 3px;background: url(../../../images/tabindex.png); HEIGHT: 28px;top: 0px;}
.tab LI B{position: absolute;width: 3px;background: url(../../../images/tabindex.png); HEIGHT: 28px;top: 0px;}
.tab LI S{left: 0px;}
.tab LI B{background-position: -7px 0px;right: 0px;}
.tab LI.curr{background-position: 0px -85px;}
.tab LI.curr S{background-position: 0px -57px;}
.tab LI.curr B{background-position: -7px -57px;}
.tab LI.curr a{color: #cc0000;}
.tab LI.curr{color: #ff6600;font-weight: bold;}
.tab LI.curr{letter-spacing: 0px;color: #cc0000;font-weight: bold;}
.tab li.hide{ display:none;}

.listNavBox{width:100%;margin: 0px auto; }
.listNavBox li{width: 180px;border:1px solid #ffffff; padding:5px 5px; margin:0px 0px 10px 8px; display:inline;float: left;overflow: hidden; }
.listNavBox li.cur {background: #f4f4f4;}
.listNavBox li .item-img {position: relative; width: 180px; margin-bottom: 10px; float: left; height: 180px}
.listNavBox li .item-img .icon-empty{position:absolute;top:10px; right:10px;}
.listNavBox li .item-img .icon-special{position:absolute;top:10px; right:10px; z-index:10; background: url(../../../images/icon.png) no-repeat -15px -125px; width:56px; height:50px; color:#fff;}
.listNavBox li .item-img .icon-new{position:absolute;top:10px; right:10px; z-index:10; background: url(../../../images/icon.png) no-repeat -20px -10px; width:48px; height:50px; color:#fff;}
.listNavBox li .item-img .icon-hot{position:absolute;top:10px; right:10px; z-index:10; background: url(../../../images/icon.png) no-repeat -10px -62px;  width:68px; height:56px; color:#fff;}
.listNavBox li .item-img .icon-fine{position:absolute;top:10px; right:10px; z-index:10; background: url(../../../images/icon.png) no-repeat -10px -182px;  width:65px; height:50px; color:#fff;}
.listNavBox li .item-name {line-height:18px; width: 160px; margin-bottom: 8px; float: left; height: 36px; overflow: hidden}
.listNavBox li .item-name a:hover{color:#E4393C;}
.listNavBox li .item-name-hover a{color:#E4393C;}
.listNavBox li .itme-price {width:180px; margin-bottom:10px; float:left;color:#e4393c; font-size:14px; overflow: hidden; font-weight:bold;}
.listNavBox li .itme-price .sales{ font-size:16px;}
.listNavBox li .itme-price .through{ float:right;font-size:16px; color:#777777; text-decoration:line-through; font-weight:normal;}
.listNavBox li .itme-button{width: 180px; float: left; height: 24px; overflow: hidden;}
/*.listNavBox li .itme-button-buy{text-align:center; line-height:22px; width:50px; height:22px; margin-right:5px; float:left; background:url(../../../images/hc-list-bg.gif) no-repeat 0px 0px;}
.listNavBox li .itme-button-buy A {height: 24px; margin-right:4px;}*/
.listNavBox li .itme-button-buy{text-align:center; line-height:22px; width:60px; height:22px; margin-right:5px; padding:0px 0px 0px 5px; float:left; border:1px solid #DDD; border-radius:2px;  background:-moz-linear-gradient(center top , #F7F7F7, #F2F2F2) repeat scroll 0% 0% transparent;}
.listNavBox li .itme-button-buy a {height: 24px; margin-right:5px;}
.listNavBox li .itme-button-follow{text-align:center; line-height:22px; width:40px; height:22px; margin-right:5px; padding:0px 0px 0px 5px; float:left; border:1px solid #DDD; border-radius:2px;  background:-moz-linear-gradient(center top , #F7F7F7, #F2F2F2) repeat scroll 0% 0% transparent;}
.listNavBox li .itme-button-follow a {height: 24px; margin-right:5px;}
.listNavBox li .itme-button-compare{text-align:center; line-height:22px; width:52px; height:22px; padding:0px 0px 0px 2px; float:left; border:1px solid #DDD; border-radius:2px;  background:-moz-linear-gradient(center top , #F7F7F7, #F2F2F2) repeat scroll 0% 0% transparent;}
.listNavBox li .itme-button-compare a {height: 24px; margin-right:2px;position:relative; padding:0px 0px 0px 18px;}
.listNavBox li .itme-button-compare a span{position:absolute;left:3px;top:2px;width:11px;height:11px;margin-right:0px;background:url('../../../images/20130603A.png') no-repeat scroll -68px -50px transparent}
/*{border:1px solid #E4393C;color:#FFF;background:-moz-linear-gradient(center top , #E4393C, #E4393C) repeat scroll 0% 0% transparent;}
{background-position:-68px -62px;}*/
