.img-box img {
    border: 0;
    vertical-align: top;
    max-width: 100%;
}



.img-box ul,
ol {
    list-style: none;
}


#Growler {
    z-index: 5000000!important;
    padding: 0 10px !important;
}

#more-view-1,
.more {
    display: none;
}
.itemslider-thumbnails.count-4 .direction-nav {
    display: block !important;
}
.wide_image .itemslider-thumbnails.count-4 {
    max-width: 306px !important;
}
@media only screen and (min-width:1280px) {
    .itemslider-thumbnails.count-4,
    .itemslider-thumbnails.count-5,
    .itemslider-thumbnails.count-multi {
        max-width: 306px !important;
    }
}


.gen-direction-arrows1 a.previous,
.gen-direction-arrows1 a.next{display:block;width:30px;height:30px;background-image:url(../img/slider-arrows.png);background-repeat:no-repeat;background-color:#e5e5e5;transition:background-color 300ms ease-in-out, background-position 300ms ease-in-out;-moz-transition:background-color 300ms ease-in-out, background-position 300ms ease-in-out;-webkit-transition:background-color 300ms ease-in-out, background-position 300ms ease-in-out;-o-transition:background-color 300ms ease-in-out, background-position 300ms ease-in-out;}
.gen-direction-arrows1 a.previous{background-position:-10px -10px;}
.gen-direction-arrows1 a.previous:hover{background-position:-10px -60px;background-color:#333;}
.gen-direction-arrows1 a.next{background-position:-60px -10px;}
.gen-direction-arrows1 a.next:hover{background-position:-60px -60px;background-color:#333;}
.gen-slider-arrows1 .direction-nav li{float:left;}
.gen-slider-arrows1 .direction-nav a{display:block;width:30px;height:30px;background-image:url(../img/slider-arrows.png);background-repeat:no-repeat;background-color:#e5e5e5;cursor:pointer;text-decoration:none;text-indent:-999px;overflow:hidden;transition:opacity 300ms ease-in-out, background-color 300ms ease-in-out, background-position 300ms ease-in-out;-moz-transition:opacity 300ms ease-in-out, background-color 300ms ease-in-out, background-position 300ms ease-in-out;-webkit-transition:opacity 300ms ease-in-out, background-color 300ms ease-in-out, background-position 300ms ease-in-out;-o-transition:opacity 300ms ease-in-out, background-color 300ms ease-in-out, background-position 300ms ease-in-out;}
.gen-slider-arrows1 .direction-nav a:hover{background-color:#333;}
.gen-slider-arrows1 .direction-nav a.disabled{opacity:0.4;filter:alpha(opacity=40);cursor:default;}
.gen-slider-arrows1 .direction-nav a.disabled:hover{background-color:#e5e5e5;}
.gen-slider-arrows1 .direction-nav .prev{background-position:-10px -10px;margin-right:1px;}
.gen-slider-arrows1 .direction-nav .prev:hover{background-position:-10px -60px;}
.gen-slider-arrows1 .direction-nav .prev.disabled:hover{background-position:-10px -10px;}
.gen-slider-arrows1 .direction-nav .next{background-position:-60px -10px;}
.gen-slider-arrows1 .direction-nav .next:hover{background-position:-60px -60px;}
.gen-slider-arrows1 .direction-nav .next.disabled:hover{background-position:-60px -10px;}
.gen-slider-arrows1-pos-top-right .direction-nav{position:absolute;top:-40px;right:0px;}
.gen-slider-arrows1-pos-top-left .direction-nav{position:absolute;top:-40px;left:0px;}
.gen-slider-arrows2 .direction-nav{height:0;}
.gen-slider-arrows2 .direction-nav a{position:absolute;display:block;width:50px;height:50px;background-image:url(../img/slider-arrows.png);background-repeat:no-repeat;background-color:#fff;cursor:pointer;text-decoration:none;text-indent:-999px;overflow:hidden;transition:opacity 300ms ease-in-out, background-color 300ms ease-in-out, background-position 300ms ease-in-out;-moz-transition:opacity 0ms ease-in-out, background-color 300ms ease-in-out, background-position 300ms ease-in-out;-webkit-transition:opacity 300ms ease-in-out, background-color 300ms ease-in-out, background-position 300ms ease-in-out;-o-transition:opacity 300ms ease-in-out, background-color 300ms ease-in-out, background-position 300ms ease-in-out;opacity:0;filter:alpha(opacity=0);}
.gen-slider-arrows2:hover .direction-nav a{opacity:1;filter:alpha(opacity=100);}
.gen-slider-arrows2:hover .direction-nav a.disabled{opacity:0.4;filter:alpha(opacity=40);}
.gen-slider-arrows2 .direction-nav a:hover{background-color:#333;}
.gen-slider-arrows2 .direction-nav a.disabled{cursor:default;}
.gen-slider-arrows2 .direction-nav a.disabled:hover{background-color:#fff;}
.gen-slider-arrows2 .direction-nav .prev{background-position:0 0;left:1.5%;top:45%;}
.gen-slider-arrows2 .direction-nav .prev:hover{background-position:0 -50px;}
.gen-slider-arrows2 .direction-nav .prev.disabled:hover{background-position:0 0;}
.gen-slider-arrows2 .direction-nav .next{background-position:-50px 0;right:1.5%;top:45%;}
.gen-slider-arrows2 .direction-nav .next:hover{background-position:-50px -50px;}
.gen-slider-arrows2 .direction-nav .next.disabled:hover{background-position:-50px 0;}
.gen-slider-arrows2-style1 .direction-nav a{background-image:url(../img/slideshow-arrows-solid.png);background-color:transparent !important;}
.gen-slider-arrows3 .direction-nav a{position:absolute;display:block;width:30px;height:30px;background-image:url(../img/slider-arrows.png);background-repeat:no-repeat;background-color:#fff;cursor:pointer;text-decoration:none;text-indent:-999px;overflow:hidden;transition:opacity 300ms ease-in-out, background-color 300ms ease-in-out, background-position 300ms ease-in-out;-moz-transition:opacity 300ms ease-in-out, background-color 300ms ease-in-out, background-position 300ms ease-in-out;-webkit-transition:opacity 300ms ease-in-out, background-color 300ms ease-in-out, background-position 300ms ease-in-out;-o-transition:opacity 300ms ease-in-out, background-color 300ms ease-in-out, background-position 300ms ease-in-out;}
.gen-slider-arrows3 .direction-nav a:hover{background-color:#333;}
.gen-slider-arrows3 .direction-nav a.disabled{opacity:0.4;filter:alpha(opacity=40);cursor:default;}
.gen-slider-arrows3 .direction-nav a.disabled:hover{background-color:#fff;}
.gen-slider-arrows3 .direction-nav .prev{background-position:-10px -10px;top:32px;left:-32px;}
.gen-slider-arrows3 .direction-nav .prev:hover{background-position:-10px -60px;}
.gen-slider-arrows3 .direction-nav .prev.disabled:hover{background-position:-10px -10px;}
.gen-slider-arrows3 .direction-nav .next{background-position:-60px -10px;top:32px;right:-32px;}
.gen-slider-arrows3 .direction-nav .next:hover{background-position:-60px -60px;}
.gen-slider-arrows3 .direction-nav .next.disabled:hover{background-position:-60px -10px;}
.gen-slider-arrows3-style1 .direction-nav a{height:75px;}
.gen-slider-arrows3-style1 .direction-nav .prev{background-position:-10px 13px;top:0;left:-32px;}
.gen-slider-arrows3-style1 .direction-nav .prev:hover{background-position:-10px -37px;}
.gen-slider-arrows3-style1 .direction-nav .prev.disabled:hover{background-position:-10px 13px;}
.gen-slider-arrows3-style1 .direction-nav .next{background-position:-60px 13px;top:0;right:-32px;}
.gen-slider-arrows3-style1 .direction-nav .next:hover{background-position:-60px -37px;}
.gen-slider-arrows3-style1 .direction-nav .next.disabled:hover{background-position:-60px 13px;}
.gen-slider-pager1 .control-nav{text-align:center;}
.gen-slider-pager1 .control-nav li{float:left;margin-left:3px;}
.gen-slider-pager1 .control-nav li:first-child{margin-left:0;}
.gen-slider-pager1 .control-nav a{display:block;width:20px;height:20px;background-image:url(../img/pager.png);background-repeat:no-repeat;background-color:transparent;cursor:pointer;text-decoration:none;text-indent:-999px;overflow:hidden;}
.gen-slider-pager1 .control-nav a:hover{background-position:0 -60px;}
.gen-slider-pager1 .control-nav a.active{background-position:0 -30px;cursor:default;}
.gen-slider-pager1 .control-nav a.active:hover{}
.gen-slider-pager1-style1 .control-nav li{margin-left:0;}
.gen-slider-pager1-style1 .control-nav a{background-image:url(../img/pager-small.png);}
.gen-slider-pager1-pos-bottom-right .control-nav{position:absolute;bottom:4.4526%;right:1.5%;}
.gen-slider-pager1-pos-bottom-left .control-nav{position:absolute;bottom:4.4526%;left:1.5%;}
.gen-slider-arrows1-pos-top-right-pager .control-nav{position:absolute;top:-33px;right:71px;}
.gen-slider-pager2 .control-nav{text-align:center;}
.gen-slider-pager2 .control-nav li{float:left;}
.gen-slider-pager2 .control-nav a{display:block;width:10px;height:10px;margin:8px;background-color:#fff;cursor:pointer;text-decoration:none;text-indent:-9999px;overflow:hidden;box-shadow:0 1px 2px rgba(0, 0, 0, 0.3);border-radius:50%;}
.gen-slider-pager2 .control-nav a:hover{background-color:#000;}
.gen-slider-pager2 .control-nav a.active{cursor:default;width:16px;height:16px;margin:5px;}

/**
 * WARNING: do not edit this file. It was generated automatically, your changes will be overwritten and lost.
 * To override or extend default CSS styles use custom.css file (refer to the user guide for details).
 * 2014-12-20 02:54:08 */
@media only screen and (min-width:1280px){.header .logo{max-width:350px;}
.cart-table .product-image{max-width:110px;}
.product-view .sticker{width:80px;height:80px;}
.after-mini-cart{clear:none;}
.itemgrid-adaptive.itemgrid-2col .item{width:31.3333%;clear:none !important;}
.itemgrid-adaptive.itemgrid-2col .item:nth-child(3n+1){clear:left !important;}
.itemgrid-adaptive.itemgrid-3col .item{width:23%;clear:none !important;}
.itemgrid-adaptive.itemgrid-3col .item:nth-child(4n+1){clear:left !important;}
.itemgrid-adaptive.itemgrid-4col .item{width:18%;clear:none !important;}
.itemgrid-adaptive.itemgrid-4col .item:nth-child(5n+1){clear:left !important;}
.itemgrid-adaptive.itemgrid-5col .item{width:14.6666%;clear:none !important;}
.itemgrid-adaptive.itemgrid-5col .item:nth-child(6n+1){clear:left !important;}
.itemgrid-adaptive.itemgrid-6col .item{width:12.2857%;clear:none !important;}
.itemgrid-adaptive.itemgrid-6col .item:nth-child(7n+1){clear:left !important;}
.itemgrid-adaptive.itemgrid-7col .item{width:10.5%;clear:none !important;}
.itemgrid-adaptive.itemgrid-7col .item:nth-child(8n+1){clear:left !important;}
.itemslider-thumbnails.count-4,
.itemslider-thumbnails.count-5,
.itemslider-thumbnails.count-multi{max-width:316px;}
.itemslider-thumbnails.count-4 .direction-nav{display:none;}
.caption .heading{font-size:3.3em;}
.caption p{font-size:1.6666em;}
}
@media only screen and (min-width:960px) and (max-width:1279px){.cart-table .product-image{max-width:80px;}
.product-view .sticker{width:80px;height:80px;}
}
@media only screen and (max-width:959px){#scroll-to-top{display:none !important;}
#link-sign-up{display:none;}
.toolbar .sorter .amount{display:none !important;}
}
@media only screen and (min-width:768px) and (max-width:959px){.nobr{white-space:normal !important;}
.cart-table .product-name{font-size:1em;font-family:inherit;}
.cart-table .product-image{max-width:80px;}
.block-related-thumbnails .product-details{margin-left:0;margin-bottom:10px;clear:left;}
.itemslider-thumbnails.count-3,
.itemslider-thumbnails.count-4,
.itemslider-thumbnails.count-5,
.itemslider-thumbnails.count-multi{max-width:158px !important;}
.itemslider-thumbnails.count-3 .direction-nav,
.itemslider-thumbnails.count-4 .direction-nav,
.itemslider-thumbnails.count-5 .direction-nav,
.itemslider-thumbnails.count-multi .direction-nav{display:block;}
.caption .heading{font-size:2.0833em;}
.caption p{font-size:1.1666em;}
}
@media only screen and (min-width:768px){.mobile-collapsible .block-content{display:block !important;}
.mobile-collapsible .opener{display:none !important;}
.mobile-collapsible .block-title{border-bottom:none;}
}
@media only screen and (max-width:767px){.col-main,
.col-left,
.col-right{margin-bottom:30px;}
.product-view .grid12-1,
.product-view .grid12-2,
.product-view .grid12-3,
.product-view .grid12-4,
.product-view .grid12-5,
.product-view .grid12-6,
.product-view .grid12-7,
.product-view .grid12-8,
.product-view .grid12-9,
.product-view .grid12-10,
.product-view .grid12-11,
.product-view .grid4-1,
.product-view .grid4-2,
.product-view .grid4-3,
.product-view .grid2-1{margin-bottom:30px;}
.nobr{white-space:normal !important;}
.form-list .field,
.form-list input.input-text,
.form-list textarea,
.form-list select,
.form-list li.wide .input-box,
.form-list li.wide input.input-text,
.form-list li.wide textarea,
.form-list li.wide select{max-width:100%;}
.data-table thead .nobr{white-space:normal !important;}
.data-table th,
.data-table td{padding:5px;}
.cart .data-table thead,
.my-wishlist .data-table thead,
.my-account .data-table thead,
.order-review .data-table thead{display:none;}
.cart .data-table tbody,
.my-wishlist .data-table tbody,
.my-account .data-table tbody,
.order-review .data-table tbody{background:transparent !important;}
.cart .data-table tr,
.cart .data-table td,
.my-wishlist .data-table tr,
.my-wishlist .data-table td,
.my-account .data-table tr,
.my-account .data-table td,
.order-review .data-table tr,
.order-review .data-table td{border:none !important;background:transparent !important;display:block;width:100%;text-align:left !important;}
.cart .data-table tr,
.my-wishlist .data-table tr,
.my-account .data-table tr,
.order-review .data-table tr{border-bottom:1px solid #e5e5e5 !important;margin-bottom:20px;}
.my-account .data-table tfoot tr td:first-child,
.order-review .data-table tfoot tr td:first-child{font-weight:bold;}
.data-table .cell-label{display:inline-block;width:30%;min-width:100px;max-width:140px;margin-right:10px;font-weight:bold;}
.global-site-notice .notice-inner{background:none;padding:10px 0;text-align:center;}
.global-site-notice .notice-inner p{width:100%;padding:0 0 10px;}
.global-site-notice .notice-inner .actions{padding-bottom:5px;}
.header .logo-wrapper{text-align:center;}
.header .logo{width:70%;margin-left:auto;margin-right:auto;}
.search-wrapper-mobile{display:block;clear:both;width:100%;margin:10px 0;}
.search-wrapper-mobile .form-search{width:100%;max-width:300px;margin-left:auto;margin-right:auto;}
.search-wrapper-mobile .form-search .input-text{width:100%;}
.header .search-wrapper-inline{display:block;clear:both;width:100%;margin:10px auto;}
.header .item.search-wrapper-inline{margin-left:auto;margin-right:auto;}
.search-wrapper-inline #search_mini_form{display:block;}
.search-wrapper-inline .form-search .input-text{width:100%;}
.user-menu{width:100%;margin-left:0;margin-right:0;}
.top-links{float:left;}
.after-mini-cart{clear:none;}
.user-menu .line-break-after{clear:none;}
.footer .mobile-inline-container{text-align:center;}
.footer .mobile-inline-container > *{float:none;display:inline-block;margin-left:5px;margin-right:5px;}
.footer-primary-top-spacing,
.footer-primary-bottom-spacing,
.footer-top .links,
.footer-bottom{text-align:center;}
.footer-primary-top-spacing .item,
.footer-primary-bottom-spacing .item,
#subscribe-form,
.footer-bottom .item,
.footer-top .links li{float:none;display:inline-block;}
.footer-top .item{float:none;}
.footer .links-wrapper-separators .links li a,
.footer .links-wrapper-separators-left .links li a{background-image:none;}
.footer-primary-bottom-spacing .item{width:100%;margin:0;}
.footer-bottom .item{margin-left:5px;margin-right:5px;}
.footer-copyright{margin-left:0;}
.products-list .product-shop-inner{padding-right:0;border-right:none;}
.products-grid .add-to-links.addto-onimage{display:none;}
.block-layered-nav dd li,
.block-layered-nav .currently ol li{line-height:2.3333em;background-position:3px 10px;}
.block-layered-nav dd li:hover,
.block-layered-nav .currently ol li:hover{background-position:6px 10px;}
.pager,
.sorter{text-align:center;}
.pager .amount,
.pager .limiter,
.pager .pages,
.sorter .amount,
.sorter .limiter,
.sorter .view-mode,
.sorter .sort-by{display:inline-block;float:none;padding-top:0;padding-bottom:0;}
.toolbar .sort-by,
.toolbar .sorter .amount{border-right:none;}
.sorter .per-page,
.pager .per-page{display:none;}
.note-msg.empty-catalog{background-position:center 10px !important;color:inherit;padding:150px 10px 10px !important;text-align:center;}
.product-view .box-additional{margin-top:0;}
.block-related-slider{margin-bottom:0;}
.product-view .custom-sidebar-right .inner{padding-left:0;border-left:none;}
.product-view .custom-sidebar-left .inner{padding-right:0;border-right:none;}
.cart-table tfoot tr.first td{text-align:center !important;padding:0;margin-bottom:20px;}
.cart-table tfoot button{display:inline-block;float:none !important;margin:0 0 3px;padding:0;}
.opc .allow .step-title a{display:none;}
.opc form fieldset{display:table-column-group;}
.my-wishlist .product-image{max-width:none;}
.control-nav.control-paging{display:none;}
.itemslider.single-item .slides > li{margin:0 auto;}
.the-slideshow .direction-nav .next{top:4%;right:2%;}
.the-slideshow .direction-nav .prev{top:4%;right:63px;left:auto;}
.caption .heading{font-size:2.0833em;margin-bottom:1px;}
.caption p{font-size:1.1666em;display:none;}
.caption button{margin-top:0.5em;display:none;}
.cloud-zoom-big,
.cloud-zoom-lens{display:none !important;}
.cloud-zoom-lens{cursor:default !important;}
#cboxTitle,
#cboxCurrent{display:none !important;}
.accordion-style1 li a{padding:15px 10px;font-size:1.1666em;line-height:1.2857em;}
.accordion-style1 li.parent > a{padding-right:53px;}
.accordion-style1 .opener{width:48px;height:48px;}
.mobile-collapsible .block-content{display:none;}
.products-grid .product-name,
.products-grid.size-s .product-name,
.products-grid.size-xs .product-name{font-size:1.1666em;line-height:1.2307em;}
}
@media only screen and (min-width:480px) and (max-width:767px){.products-list .product-shop,
.products-list .right-column,
.products-list .product-image{width:48%;margin-left:1%;margin-right:1%;}
.itemslider-thumbnails.count-4,
.itemslider-thumbnails.count-5,
.itemslider-thumbnails.count-multi{max-width:316px;}
.itemslider-thumbnails.count-4 .direction-nav{display:none;}
.img-box .product-image{width:60.4651%;max-width:364px;margin:0 auto;}
}
@media only screen and (min-width:640px) and (max-width:767px){.itemgrid.itemgrid-adaptive .item{width:31.3333%;clear:none !important;}
.itemgrid.itemgrid-adaptive .item:nth-child(3n+1){clear:left !important;}
}
@media only screen and (max-width:639px){
.category-products-grid.hover-effect .item{border-top:none;}
.category-products-grid.hover-effect .item:hover{margin-left:0;margin-right:0;padding-left:1%;padding-right:1%;box-shadow:none !important;}
.category-products-grid.hover-effect .item .display-onhover{display:block !important;}
.products-grid.single-line-name .item .product-name{overflow:visible;white-space:normal;}
.category-products-grid.hover-effect .item{margin-bottom:20px;}
}
@media only screen and (min-width:480px) and (max-width:639px){.itemgrid.itemgrid-adaptive .item{width:48%;clear:none !important;}
.itemgrid.itemgrid-adaptive .item:nth-child(2n+1){clear:left !important;}
}

@media only screen and (min-width:320px) and (max-width:479px){.itemgrid.itemgrid-adaptive .item{width:48%;clear:none !important;}
.itemgrid.itemgrid-adaptive .item:nth-child(2n+1){clear:left !important;}
.itemslider-thumbnails.count-3,
.itemslider-thumbnails.count-4,
.itemslider-thumbnails.count-5,
.itemslider-thumbnails.count-multi{max-width:204px;}
.itemslider-thumbnails.count-3 .direction-nav,
.itemslider-thumbnails.count-4 .direction-nav,
.itemslider-thumbnails.count-5 .direction-nav,
.itemslider-thumbnails.count-multi .direction-nav{display:block;}
}
@media only screen and (max-width:319px){.block-related-thumbnails .product-details{margin-left:0;margin-bottom:10px;clear:left;}
.block-related-thumbnails .product-details .price-box{display:inline-block;margin-right:5px;}
.block-related-thumbnails .product-details .related-add-to-wishlist{display:inline-block;}
.itemgrid.itemgrid-adaptive .item{width:98%;clear:none !important;}
.itemslider-thumbnails.count-2,
.itemslider-thumbnails.count-3,
.itemslider-thumbnails.count-4,
.itemslider-thumbnails.count-5,
.itemslider-thumbnails.count-multi{max-width:79px !important;}
.itemslider-thumbnails.count-2 .direction-nav,
.itemslider-thumbnails.count-3 .direction-nav,
.itemslider-thumbnails.count-4 .direction-nav,
.itemslider-thumbnails.count-5 .direction-nav,
.itemslider-thumbnails.count-multi .direction-nav{display:block;}
.the-slideshow .direction-nav{display:none;}
}

.cloud-zoom-loading{display:none!important;}

/*
 * Zoom on product page
 */



/* Basic zoom styles %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

/* This is the moving lens square underneath the mouse pointer. */
.cloud-zoom-lens {
    border:1px solid #ccc;
    margin:-1px; /* Set this to minus the border thickness. */
    background-color:#fff;
    cursor:move;
}

/* This is the zoom window. */
.cloud-zoom-big {
    border:1px solid #e5e5e5;
    overflow:hidden;
}

/* This is the loading message. */
.img-box-style1 .more-images .thumbnails li a:hover .cloud-zoom-loading { display: block; }
.cloud-zoom-loading {
    color:white;
    background:#222;
    padding:0.25em;
    border:1px solid #000;
    z-index: 101 !important;
}

#wrap {
    /* Decrease default z-index */
    z-index:99 !important;
}

/* Zoom position: "inside"
-------------------------------------------------------------- */
.product-image .mousetrap {
    z-index:100 !important;
    
    /* For responsive layout */
    width:100% !important;
    height:100% !important;
}
.zoom-inside #wrap { overflow:hidden; }

/* No borders if zoom position is "inside" */
.zoom-inside .cloud-zoom-big { border:none; }

/* Display images without Cloud Zoom
-------------------------------------------------------------- */
/* Hide zoom area */
.simple-mode .cloud-zoom-big,
.simple-mode .cloud-zoom-lens { display:none !important; }
.simple-mode .cloud-zoom-lens { cursor:default !important; }


/* Zoom button (enlarge the main image)
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.zoom-btn-small {
    position:absolute;
    right:4px;
    bottom:4px;
    padding:0 1em;
    line-height:2.6666em;
    z-index:100;
    background-color:#fff;
    background-color:rgba(255,255,255, 0.7);
    color:#333;
}
.zoom-btn-small:hover { background-color:#fff; }

/* Use lightbox without cloud zoom */
.zoom-btn-large {
    position:absolute;
    top:0;
    bottom:0;
    right:0;
    left:0;
    padding:0;
    z-index:100;
    cursor:pointer;
    
    text-indent:-9999px;
    overflow:hidden;
}
.zoom-btn-large:hover { background-color:rgba(255,255,255, 0.15); }



/* Skins %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

/* Default skin
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.img-box .product-image { position:relative; /* Labels (e.g. "sale") are positioned relative to this box */ }
.img-box .product-image.product-image-zoom { z-index:9; } /*TODO: obsolete*/

/* Thumbnails */
.img-box .more-images { margin-top:10px; }
.img-box .more-images .thumbnails li { float:left; }
.img-box .more-images .thumbnails li.last { margin-right:0; }
.img-box .more-images .thumbnails li a {
    margin:0 2px;
    display:block;
    overflow:hidden;
    text-decoration:none;
}

/* Image pop-up */
.product-image-popup { margin:0 auto; }
.product-image-popup .nav { font-weight:bold; text-align:center; }
.product-image-popup .image { display:block; margin:10px 0;  }
.product-image-popup .image-label { margin:0 0 10px; }


/* Skin 1: with thin borders
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.img-box-style1 .product-image {
    border:1px solid #eee;
    padding:5px;
}
.img-box-style1 .more-images { margin:10px auto; position: relative; }
.img-box-style1 .more-images .thumbnails { padding:1px 0; /* Prevent from cutting off thumbnails */ }
.img-box-style1 .more-images .thumbnails li a {
    margin:0 2px;
    padding:4px;
    border:1px solid #eee;
}
.img-box-style1 .more-images .thumbnails li a:hover { border-color:#999; z-index:1; }


/* Skin 2: with shadows
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.img-box-style2 .product-image {
    padding:10px;
    box-shadow:0 3px 10px rgba(0,0,0, 0.15);
}
.img-box-style2 .zoom-btn-small { bottom:10px; right:10px; } /* Depends on product image padding */
.img-box-style2 .more-images { margin-top:10px; }
.img-box-style2 .more-images .thumbnails { padding:5px 0 10px; /* Prevent from cutting off thumbnails */ }
.img-box-style2 .more-images .thumbnails li a {
    margin:0 3px;
    padding:5px;
    box-shadow:0 1px 3px rgba(0,0,0, 0.15);
}
.img-box-style2 .more-images .thumbnails li a:hover {
    box-shadow:0 1px 3px rgba(0,0,0, 0.30);
}


/* Thumbnails carousel %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */
@media only screen and (min-width: 768px) and (max-width: 959px) {
    .itemslider-thumbnails.count-3,
    .itemslider-thumbnails.count-4,
    .itemslider-thumbnails.count-5,
    .itemslider-thumbnails.count-multi { max-width:204px !important; }
}
@media only screen and (max-width: 767px) {
    .itemslider-thumbnails.count-1  { max-width:79px !important; }  
}

.normal-image .itemslider-thumbnails.count-multi { max-width:406px !important; margin: 0 auto; } /* count-3 is default  */
.normal-image .itemslider-thumbnails.count-3 { max-width:305px !important; margin: 0 auto; }
.normal-image .itemslider-thumbnails.count-1    { max-width:79px; margin: 0 auto; } 
.normal-image .itemslider-thumbnails.count-2    { max-width:204px; margin: 0 auto; } 
.wide_image .itemslider-thumbnails.count-2,
.wide_image .itemslider-thumbnails.count-3  { max-width: 202px !important; }

/**
 * Lightbox
 */



/* ColorBox Core Style
-------------------------------------------------------------- */
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; }
.cboxIframe{width:100%; height:100%; display:block; border:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box;}

/* ColorBox skin.
   The following styles are ordered & tabbed
   in a way that represents the nesting of the generated HTML.
-------------------------------------------------------------- */
#cboxOverlay{background:url(../img/overlay.png) repeat 0 0;}
#colorbox{}
    #cboxContent{background:#fff; overflow:hidden; border:none;/*10px solid #333*/ padding:10px; }
        .cboxIframe{background:#fff;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{margin-bottom:40px; /*10px above buttons*/ }
        #cboxCurrent{position:absolute; bottom:17px; left:80px; color:#999;}
        #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
        
        #cboxPrevious,
        #cboxNext { position:absolute; background:url(../img/slider-arrows.png) no-repeat #ddd; width:30px; height:30px; text-indent:-9999px; }
        #cboxPrevious:hover,
        #cboxNext:hover { background-color:#333; }
        #cboxPrevious{bottom:10px; left:10px; background-position:-10px -10px;}
        #cboxPrevious:hover{background-position:-10px -60px;}
        #cboxNext{bottom:10px; left:40px; background-position:-60px -10px;}
        #cboxNext:hover{background-position:-60px -60px;}
        
        #cboxLoadingOverlay{background:url(../img/loading_background.png) no-repeat center center;}
        #cboxLoadingGraphic{background:url(../img/loading.gif) no-repeat center center;}
        
        #cboxClose{position:absolute; bottom:10px; right:10px; background:url(../img/close-button.png) -10px -10px no-repeat #ddd; width:30px; height:30px; text-indent:-9999px;}
        #cboxClose:hover{background-position:-10px -60px; background-color:#333;}

        /* Captions */
        #cboxTitle {position:absolute; bottom:17px; left:0; text-align:center; width:100%; color:#999;}
        /* Alternative position and style of captions */
        /*
        #cboxTitle {
            position: absolute;
            bottom: 50px;
            left: 10px;
            text-align: left;
            right: 10px;
            color: #000;
            background-color: #fff;
            background-color: rgba(255, 255, 255, 0.75);
            padding: 10px;
        }
        */

#cboxNext,
#cboxPrevious,
#cboxClose {
    transition:         background-color 300ms ease-in-out, background-position 300ms ease-in-out;
    -moz-transition:    background-color 300ms ease-in-out, background-position 300ms ease-in-out;
    -webkit-transition: background-color 300ms ease-in-out, background-position 300ms ease-in-out;
    -o-transition:      background-color 300ms ease-in-out, background-position 300ms ease-in-out;
}