/* jquery multiple filter moved to modules.css */

/* 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 {display: block; 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 .paging {z-index: 5;}
.cmsrotator .page {cursor: pointer; font-size: 12px; margin: 0 5px;}
.cmsrotator .page.active {font-weight: bold; cursor: default; }
.cmsrotator .icon.page img {vertical-align: middle;}
.cmsrotator .icon.page {opacity: 0.7; }
.cmsrotator .icon.page.active {opacity: 1;}
.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; }

.cmsrotator .arrow.disabled{opacity: 0.5;cursor: default;}

.cmsrotator.iconed .arrow {height: 40px; background-position: 0 -39px; }
.cmsrotator.iconed .arrow.r {background-position: 0 -141px; }

.cmsrotator.v2 .cmsrotatoritem + .cmsrotatoritem {display: none;}
.cmsrotator.v2 .caroufredsel_wrapper .cmsrotatoritem + .cmsrotatoritem {display: block;}

/**/

/* left and right cmsrotator start-page */
.rightrotator,
.leftrotator {position: relative; padding-bottom: 30px; width: 280px; float: left; margin: 15px 0;}
.rightrotator {margin-left: 10px; clear: right;}
.rightrotator .window,
.leftrotator .window {width: 280px; margin:0; overflow: hidden; position: relative;}
.rightrotator .ul,
.leftrotator .ul {position: absolute; left:0; top: 0; padding: 0; float: left; margin: 0;}
.rightrotator .rightrotatoritem,
.leftrotator .leftrotatoritem {float: left; width: 280px; margin: 0px 6px 0px 0; text-align: center; font-size: 15px;}
.rightrotator .rightrotatoritem.last,
.leftrotator .leftrotatoritem.last {margin-right: 0;}
.rightrotator .rightrotatoritem p,
.leftrotator .leftrotatoritem p {margin: 0;}

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

/* rightlist rotator */
.rightboxrotator {position: relative; }
.rightboxrotator .window {width: 170px; overflow: hidden; position: relative; }
.rightboxrotator .ul {position: absolute; left: 0; top: 0;}
.rightboxrotator .window .ul .rightboxrotatoritem {float: left; width: 170px; margin: 10px 10px 10px 0;}
.rightboxrotator .window .ul .rightboxrotatoritem.last {margin-right: 0;}

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

/*promorotator in start*/
#body .welcome .promorotator { margin: 0 -15px;}

#body .promorotator {position: relative; clear: both;}
#body .promorotator .window {width: 100%; margin:0; overflow: hidden; position: relative; /* background: transparent url(images/product_promoheader.png) no-repeat 0px 0px;*/}
#body .promorotator .ul {position: absolute; left:0; top: 0; padding: 0; height: 300px; float: left; margin: 0;}

#body .promorotator .paging {padding: 0 0px; width: 100%; z-index: 100;}
#body .promorotator .page {margin: 0 2px; color: #fff; line-height: 18px; font-size: 13px; cursor: pointer; display: none;}
#body .promorotator .page.active {font-weight: bold; }

#body .promorotator .arrow {background-image: url(images/carrows.png); background-repeat: no-repeat; height: 20px; width: 20px; display: block; position: absolute; z-index: 100; top: 140px; cursor: pointer; }
#body .promorotator .arrow.off {/*display: none !important;*/ opacity: 0.5 !important; }
#body .promorotator .arrow.l {background-position: 0px -50px; left: 0px;}
#body .promorotator .arrow.l.off {cursor: default;}
#body .promorotator .arrow.l:hover {}
#body .promorotator .arrow.r {background-position: 0px -152px; right: 0px; }
#body .promorotator .arrow.r.off {cursor: default;}
#body .promorotator .arrow.r:hover {}

#body .promorotator .window:before,
#body .promorotator .window:after{content: ""; clear: both; display: table; width: 100%;}
#body .promorotator .window{width: 100%;}

.clearfix:after,
.clearfix:before{
    content: "";
    display: block;
    clear: both;
}

/* locator laodpage */
#body .locator .lochead .right a.hide-me {
    display:none;
}

/* photo360 */
#fancybox-wrap:hover #fancybox-right span,
#fancybox-right span:hover {
    left: auto !important;
    right: 10px !important;
}

#fancybox-wrap:hover #fancybox-left span,
#fancybox-left span:hover {
    left: 10px !important;
}

#fancybox-left,
#fancybox-right {
    width: 30px;
}

#fancybox-frame {
    width: calc(100% - 40px);
    padding: 0 20px;
}

@media only screen and (max-width: 800px){
	#fancybox-wrap #fancybox-right span {
	    left: auto !important;
	    right: 10px !important;
	}

	#fancybox-wrap #fancybox-left span {
	    left: 10px !important;
	}	
}

@media only screen and (max-width: 480px){
    #body .product.third {
         margin: 15px !important; 
         padding: 0 !important; 
         float: left !important; 
         clear: none !important;
    }
}