/* jquery multiple filter */
#body .box .catfilter.multiple table tr {height: 22px;}
#body .box .catfilter.multiple table td.textright {text-align: right;}
#body .box .catfilter.multiple span.filteropen {position: relative; display: block; cursor: pointer; background: transparent url(images/select.png) no-repeat right center; border: 1px solid #ccc; padding: 3px 20px 1px 4px; height: 15px; width: 142px; text-overflow: ellipsis; overflow: hidden;}
#body .box .catfilter.multiple span.filteropen .filterclear {position: absolute; right: 15px; top: 3px; display: block; cursor: pointer; border: 0; background: transparent url(images/clear.png) no-repeat right center; width: 12px; height: 15px;}
#body .box .catfilter.multiple div.catfilterlist {display: none; padding: 10px 8px 10px 3px; margin-top: -1px; position: absolute; z-index: 90; width: 155px; background-color: #fff; border: 1px solid #ccc; box-shadow: #ccc 0px 0px 5px;}
#body .box .noscript .catfilter.multiple div.catfilterlist {display: block; position: static; }
#body .box .noscript .catfilter.multiple input.filterclear,
#body .box .noscript .catfilter.multiple input#deselect {display: none; }
#body .box .catfilter.multiple div.catfilterlist input.not {opacity: 0.5; }
#body .box .catfilter.multiple div.catfilterlist .not {color: #999;}
#body .box .catfilter.multiple strong.boxhead {width: auto; }
#body .box .catfilter.multiple span.deselect,
#body .box .catfilter.multiple span.submit {margin: 2px;}
#body .box .catfilter.multiple span.btn {float: right; display: none; }
#body .box .catfilter.multiple span.btn.deselect {display: block; }
#body .box .noscript .catfilter.multiple span.btn {display: block; }
/**/

/* category image header */
#categoryheader {position: relative;}
#categoryheader .window {width: 980px; height: 250px; margin:0; overflow: hidden; position: relative;}
#categoryheader .ul {position: absolute; left:0; top: 0; padding: 0; height: 250px; float: left; margin: 0;}
#categoryheader .category {float: left; width: 190px; height: 230px; margin: 10px 6px 10px 0; text-align: center; font-size: 15px;}
#categoryheader .category.last {margin-right: 0;}
#categoryheader .category a img,
#categoryheader .category a {text-decoration: none; border: 0;}
#categoryheader .category a .catpicture {height: 160px; width:180px; margin: 10px 10px 15px 10px; text-align: center; overflow: hidden;}
#categoryheader .category a .catpicture img {vertical-align: middle;}

#categoryheader .paging {position: absolute; bottom: 0px; text-align: center; font-size: 12px; }
#categoryheader .page {cursor: pointer; font-size: 12px; float: left; margin: 0 5px;}
#categoryheader .page.active {font-weight: bold; cursor: default; }
#categoryheader .arrow {cursor: pointer; width: 20px; height: 20px; margin: -2px 5px 0 5px; padding:0; background: transparent url(images/carrows.png) no-repeat 0px 0px; }
#categoryheader .arrow.off {cursor: default;}
#categoryheader .arrow.l {position: relative; float: left;}
#categoryheader .arrow.r {background-position: 0px -102px; float: right; }

/*category header in start*/
body.start-page #body #categoryheader {position: relative;}
body.start-page #body #categoryheader .window {width: 548px; height: 270px; margin:0; overflow: hidden; position: relative;}
body.start-page #body #categoryheader .category {width: 180px; overflow: hidden; margin: 10px 5px 10px 0;}
body.start-page #body #categoryheader .category.last {margin-right: 0px;}
body.start-page #body #categoryheader .category a .catpicture {width:160px;}

body.start-page #body #categoryheader .paging {bottom: 15px; right: 0;}
body.start-page #body #categoryheader .arrow {background-position: 0px -48px;}
body.start-page #body #categoryheader .arrow.r {background-position: 0px -150px;}
/**/

/* cmsrotator image header */
.cmsrotator {position: relative; padding-bottom: 30px;}
.cmsrotator .window {width: 550px; margin:0; overflow: hidden; position: relative;}
.cmsrotator .ul {position: absolute; left:0; top: 0; padding: 0; float: left; margin: 0;}
.cmsrotator .cmsrotatoritem {float: left; width: 550px; margin: 10px 6px 10px 0; text-align: center; font-size: 15px;}
.cmsrotator .cmsrotatoritem.last {margin-right: 0;}

.cmsrotator .paging {clear: both; position: absolute; margin: 0 auto; bottom: 0px; text-align: center; font-size: 12px; width: 100%; }
.cmsrotator .page {cursor: pointer; font-size: 12px; margin: 0 5px;}
.cmsrotator .page.active {font-weight: bold; cursor: default; }
.cmsrotator .arrow {cursor: pointer; width: 20px; height: 20px; margin: -2px 5px 0 5px; padding:0; background: transparent url(images/carrows.png) no-repeat 0px -50px; }
.cmsrotator .arrow.off {cursor: default;}
.cmsrotator .arrow.l {position: relative; float: left;}
.cmsrotator .arrow.r {background-position: 0px -152px; float: right; }
/**/

/* bannerrotator image header */
.bannerrotator {position: relative; padding-bottom: 30px;}
.bannerrotator .window {width: 980px; margin:0; overflow: hidden; position: relative;}
.bannerrotator .ul {position: absolute; left:0; top: 0; padding: 0; float: left; margin: 0;}
.bannerrotator .bannerrotatoritem {float: left; width: 980px; margin: 10px 6px 10px 0; text-align: center; font-size: 15px;}
.bannerrotator .bannerrotatoritem.last {margin-right: 0;}

.bannerrotator .paging {clear: both; position: absolute; margin: 0 auto; bottom: 0px; text-align: center; font-size: 12px; width: 100%; }
.bannerrotator .page {cursor: pointer; font-size: 12px; margin: 0 5px;}
.bannerrotator .page.active {font-weight: bold; cursor: default; }
.bannerrotator .arrow {cursor: pointer; width: 20px; height: 20px; margin: -2px 5px 0 5px; padding:0; background: transparent url(images/carrows.png) no-repeat 0px -50px; }
.bannerrotator .arrow.off {cursor: default;}
.bannerrotator .arrow.l {position: relative; float: left;}
.bannerrotator .arrow.r {background-position: 0px -152px; float: right; }
/**/

/* rightlist rotator */
div.rightlist-box.rotator {position: relative; }
div.rightlist-box .window {width: 170px; overflow: hidden; position: relative; }
div.rightlist-box .ul {position: absolute; left: 0; top: 0;}
div.rightlist-box .window .ul .listitem {float: left; width: 170px; margin: 10px 10px 10px 0;}
div.rightlist-box .window .ul .listitem.lastinlist {margin-right: 0;}
div.rightlist-box .window .ul .listitem.lastinlist {margin-right: 0;}
#right div.rightlist-box .window .ul .listitem.rightlist .price .tocart,
#left div.rightlist-box .window .ul .listitem.rightlist .price .tocart {/*left: 150px; */right: 0px;}
#right div.rightlist-box .window .ul .listitem.rightlist .price,
#left div.rightlist-box .window .ul .listitem.rightlist .price {width: 145px;}

div.rightlist-box .paging {clear: both; position: absolute; margin: 0 auto; bottom: 0px; text-align: center; font-size: 12px; width: 60px; left: 60px;}
div.rightlist-box .page {display: none; }
div.rightlist-box .page.active {font-weight: bold; cursor: default; }
div.rightlist-box .arrow {cursor: pointer; width: 20px; height: 20px; margin: -2px 5px 0 5px; padding:0; background: transparent url(images/carrows.png) no-repeat 0px -50px; }
div.rightlist-box .arrow.off {cursor: default;}
div.rightlist-box .arrow.l {position: relative; float: left;}
div.rightlist-box .arrow.r {background-position: 0px -152px; float: right; }