@import url(../global.ui.css);

.navigator_sort dl dt label{display:block;}

.products{float:right;width:990px;margin-top:10px;}
.products .filter{border-top:1px #ddd solid;border-bottom:1px #ddd solid;}
.products .filter .filter_box{clear:both;background-color:#F7F7F7;border-top:1px #ddd solid;}
.products .filter .filter_box dl dt{float:left;width:100px;padding-left:20px;overflow:hidden;height:40px;line-height:40px;font-size:14px;color:#999;}
.products .filter .filter_box dl dd{float:right;width:770px;min-height:18px;overflow:hidden;background-color:#fff;padding:10px 80px 12px 13px;position:relative;}
.products .filter .filter_box dl dd a{line-height:24px;font-size:12px;white-space:nowrap;color:#666;border:1px #fff solid;padding:0 7px;}
.products .filter .filter_box dl dd a.selected{color:#FF6600;border:1px #FF6600 solid;}
.products .filter .filter_box dl dd font{display:block;height:20px;line-height:20px;color:#999;position:absolute;top:10px;right:10px;}

.products .data{position:relative;padding-top:50px;margin-top:15px;}
.products .data .selector{width:100%;height:40px;background-color:#f5f5f5;position:absolute;top:0;left:0;}
.products .data .selector ul li{display:block;float:left;line-height:40px;font-size:14px;}
.products .data .selector ul li a{display:block;height:35px;color:#666;border-bottom:5px #f5f5f5 solid;padding:0 20px;position:relative;}
.products .data .selector ul li a.selected{color:#075CCB;border-bottom:5px #386ED2 solid;}
.products .data .selector ul li a font{position:absolute;right:0;font-size:10px;color:#ccc;}
.products .data .selector form{display:block;position:relative;position:absolute;top:5px;right:5px;width:255px;height:32px;overflow:hidden;line-height:30px;}
.products .data .selector form input{height:30px;width:80px;margin:0 3px;}
.products .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;}

.products .data .list{}
.products .data .list ul{margin-left:-3px;background-color:#fff;}
.products .data .list ul li{display:block;float:left;width:220px;height:330px;position:relative;overflow:hidden;border:1px #f5f5f5 solid;margin:0 0 10px 5px;padding:10px;}
.products .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;}
.products .data .list ul li.nodata{float:none;width:970px;height:230px;padding-top:100px;text-align:center;line-height:40px;font-size:16px;}
.products .data .list ul li span.photo{display:block;width:220px;height:220px;overflow:hidden;margin:0 auto;}
.products .data .list ul li span.photo img{display:block;height:220px;width:auto;margin:0 auto;}
.products .data .list ul li p.type{display:block;height:42px;overflow:hidden;margin:5px auto 0 auto;}
.products .data .list ul li p.type label{display:block;float:left;width:40px;height:40px;overflow:hidden;margin-right:2px;border:#eee solid 1px;}
.products .data .list ul li p.type label img{display:block;height:40px;width:auto;margin:0 auto;}
.products .data .list ul li p.type label.nophoto{color:#aaa;line-height:18px;background-color:#f5f5f5;border:#ddd solid 1px;padding:3px;width:34px;height:34px;border-radius:3px;}
.products .data .list ul li strong.name{clear:both;display:block;height:40px;padding-top:15px;font-weight:normal;width:210px;margin:0 auto;overflow:hidden;}
.products .data .list ul li strong.name a{display:block;line-height:20px;font-size:14px;color:#000;}
.products .data .list ul li span.price,.products .data .list ul li span.click{display:block;float:left;height:20px;width:90px;line-height:20px;font-size:14px;color:#FF2222;margin-top:10px;}
.products .data .list ul li span.price{font-size:20px;color:#FF2222;}
.products .data .list ul li span.price label.ico_rmb{font-size:12px;color:#FF0000;}
.products .data .list ul li span.price label.noprice{font-size:16px;padding-left:5px;color:#bbb;}
.products .data .list ul li span.click{float:right;width:80px;overflow:hidden;text-align:right;padding-right:7px;color:#bbb;}
.products .data .list ul li font.shop{display:block;clear:both;width:210px;padding-top:5px;margin:0 auto;overflow:hidden;color:#999;text-overflow:ellipsis;white-space:nowrap;}
.products .data .list ul li font.promotion{display:block;width:30px;position:absolute;text-align:center;right:5px;bottom:5px;color:#ccc;border:#ccc solid 1px;border-radius:3px;}
.products .data .list ul li.selected font.promotion{color:#ddd;border:#ddd solid 1px;}

.products .data .pager{clear:both;width:240px;float:right;margin-top:20px;} 

.product_sorts_navigation{float:left;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_products{background-color:#fff;padding:5px 0;}
.product_sorts_navigation dl dd ul.hot_products li{width:172px;height:205px;position:relative;overflow:hidden;background-color:#F6F6F6;border:none;margin:5px auto;}
.product_sorts_navigation dl dd ul.hot_products li a{padding-left:0;height:auto;}
.product_sorts_navigation dl dd ul.hot_products li span.photo{display:block;width:170px;height:170px;margin:1px;overflow:hidden;}
.product_sorts_navigation dl dd ul.hot_products li span.photo img{display:block;height:170px;width:auto;margin:0 auto;}
.product_sorts_navigation dl dd ul.hot_products li strong.name{display:block;height:22px;font-weight:normal;width:170px;margin:5px auto 0 auto;}
.product_sorts_navigation dl dd ul.hot_products 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_products li span.price,.hot_products 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_products li span.click{float:right;width:80px;overflow:hidden;font-size:12px;line-height:25px;text-align:right;padding-right:3px;color:#bbb;}
.product_sorts_navigation dl dd ul.hot_products li label.promotion{display:block;width:30px;position:absolute;text-align:center;right:5px;bottom:65px;color:#ccc;border:#ccc solid 1px;border-radius:1px;}