@import url(../global.ui.css);

.navigator_sort dl dt label{display:block;}

.shops{float:left;width:990px;margin-top:10px;}
.shops .filter{border-top:1px #ddd solid;border-bottom:1px #ddd solid;}
.shops .filter .filter_box{clear:both;background-color:#F7F7F7;border-top:1px #ddd solid;}
.shops .filter .filter_box dl dt{float:left;width:100px;padding-left:20px;overflow:hidden;height:40px;line-height:40px;font-size:14px;color:#999;}
.shops .filter .filter_box dl dd{float:right;width:770px;min-height:18px;overflow:hidden;background-color:#fff;padding:10px 80px 12px 13px;position:relative;}
.shops .filter .filter_box dl dd a{line-height:24px;font-size:12px;white-space:nowrap;color:#666;border:1px #fff solid;padding:0 7px;}
.shops .filter .filter_box dl dd a.selected{color:#FF6600;border:1px #FF6600 solid;}
.shops .filter .filter_box dl dd font{display:block;height:20px;line-height:20px;color:#999;position:absolute;top:10px;right:10px;}

.shops .data{position:relative;padding-top:50px;margin-top:15px;}
.shops .data .selector{width:100%;height:40px;background-color:#f5f5f5;position:absolute;top:0;left:0;}
.shops .data .selector ul li{display:block;float:left;line-height:40px;font-size:14px;}
.shops .data .selector ul li a{display:block;height:35px;color:#666;border-bottom:5px #f5f5f5 solid;padding:0 20px;position:relative;}
.shops .data .selector ul li a.selected{color:#075CCB;border-bottom:5px #386ED2 solid;}
.shops .data .selector ul li a font{position:absolute;right:0;font-size:10px;color:#ccc;}
.shops .data .selector form{display:block;position:relative;position:absolute;top:5px;right:5px;width:255px;height:32px;overflow:hidden;line-height:30px;}
.shops .data .selector form input{height:30px;width:80px;margin:0 3px;}
.shops .data .selector form button{display:block;height:30px;line-height:32px;width:50px;padding:0;margin:0;border-radius:0;position:absolute;top:0;right:0;}

.shops .data .list{margin-top:10px;}
.shops .data .list ul{margin-left:-15px;background-color:#fff;}
.shops .data .list ul li{display:block;position:relative;float:left;width:460px;height:320px;overflow:hidden;border:1px #e5e5e5 solid;margin:0 0 20px 18px;padding:10px;}
.shops .data .list ul li.selected{border:1px #ccc solid;-moz-box-shadow:1px 1px 7px #999;-webkit-box-shadow:1px 1px 7px #999;box-shadow:1px 1px 7px #999;}
.shops .data .list ul li.nodata{float:none;width:970px;height:230px;padding-top:100px;text-align:center;line-height:40px;font-size:16px;}
.shops .data .list ul li span.photo{display:block;width:460px;height:270px;overflow:hidden;margin:0 auto;background-color:#f5f5f5;}
.shops .data .list ul li span.photo img{display:block;height:276px;width:auto;margin:0 auto;}
.shops .data .list ul li strong.name{clear:both;display:block;height:36px;padding-top:5px;font-weight:normal;margin:5px auto 0 auto;overflow:hidden;}
.shops .data .list ul li strong.name a{display:block;line-height:36px;font-size:18px;color:#333;text-shadow:0 0 #333,1px 1px #aaa;filter:Dropshadow(offx=0,offy=0,color=#333)Dropshadow(offx=1,offy=1,color=#aaa);text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.shops .data .list ul li p.product{display:block;height:42px;overflow:hidden;position:absolute;left:11px;top:241px;}
.shops .data .list ul li p.product label{display:block;float:left;width:36px;height:36px;overflow:hidden;margin-right:1px;border:#eee solid 1px;border-radius:4px;}
.shops .data .list ul li p.product label img{display:block;height:36px;width:auto;margin:0 auto;opacity:0.55;filter:alpha(opacity=55);filter:progid:DXImageTransform.Microsoft.Alpha(opacity=55);-moz-opacity:0.55;-khtml-opacity:0.55;}
.shops .data .list ul li.selected span.photo{background-color:#fff;}
.shops .data .list ul li.selected p.product label img{opacity:1;filter:alpha(opacity=100);filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;}
.shops .data .list ul li span.click{display:block;height:20px;line-height:20px;font-size:12px;width:80px;overflow:hidden;text-align:right;color:#ccc;position:absolute;right:18px;top:255px;}

.shops .data .pager{clear:both;width:260px;float:right;margin-top:20px;} 

.product_sorts_navigation{float:right;width:190px;border:#ddd solid 1px;margin-top:10px;}
.product_sorts_navigation dl dt{height:42px;line-height:40px;padding-left:10px;font-size:16px;color:#333;text-shadow:0 0 #333,1px 1px #aaa;filter:Dropshadow(offx=0,offy=0,color=#333)Dropshadow(offx=1,offy=1,color=#aaa);background-color:#F7F5F6;}
.product_sorts_navigation dl dd{border-top:#ddd solid 1px;}
.product_sorts_navigation dl dd ul li{min-height:39px;border-bottom:#ddd solid 1px;position:relative;}
.product_sorts_navigation dl dd ul li a{display:block;padding-left:38px;height:39px;line-height:39px;color:#333;overflow:hidden;text-decoration:none;}
.product_sorts_navigation dl dd ul li a:hover{color:#FF3600;}
.product_sorts_navigation dl dd ul li font{display:block;width:12px;height:12px;background-image:url("/images/ico_plus_minus.png");background-repeat:no-repeat;background-position:0 0;position:absolute;top:14px;left:20px;cursor: pointer;}
.product_sorts_navigation dl dd ul li font.open{background-position:0 0;}
.product_sorts_navigation dl dd ul li font.close{background-position:0 -82px;}
.product_sorts_navigation dl dd ul li font.normal{background-position:0 -164px;}
.product_sorts_navigation dl dd ul li p{display:none;clear:both;width:160px;margin:0 15px;}
.product_sorts_navigation dl dd ul li p a{padding-left:23px;border-top:#eee solid 1px;height:36px;line-height:36px;}
.product_sorts_navigation dl dd ul li a.selected{color:#FF2222;}
.product_sorts_navigation dl dd ul.hot_shops{background-color:#fff;padding:5px 0;}
.product_sorts_navigation dl dd ul.hot_shops li{width:172px;height:230px;overflow:hidden;background-color:#F6F6F6;border:none;margin:5px auto;}
.product_sorts_navigation dl dd ul.hot_shops li a{padding-left:0;height:auto;}
.product_sorts_navigation dl dd ul.hot_shops li span.photo{display:block;width:170px;height:170px;margin:1px;overflow:hidden;}
.product_sorts_navigation dl dd ul.hot_shops li span.photo img{display:block;height:170px;width:auto;margin:0 auto;}
.product_sorts_navigation dl dd ul.hot_shops li strong.name{display:block;height:22px;font-weight:normal;width:170px;margin:5px auto 0 auto;}
.product_sorts_navigation dl dd ul.hot_shops li strong.name a{display:block;line-height:22px;font-size:12px;color:#666;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.product_sorts_navigation dl dd ul.hot_shops li span.price,.hot_shops dl dd ul li span.click{display:block;float:left;height:20px;width:85px;line-height:20px;font-size:14px;color:#FF2222;}
.product_sorts_navigation dl dd ul.hot_shops li span.click{float:right;width:80px;overflow:hidden;font-size:12px;line-height:25px;text-align:right;padding-right:3px;color:#bbb;}