/* ------------------------------------------- */
/* ----------- PRODUCT DETAIL ZOOM ----------- */
/* ------------------------------------------- */
#zoom_holder{position:absolute; top:0; right:0; bottom:0; left:0; height:100%; z-index:1998}
#zoom_holder.offscreen{position:absolute; top:-9999px; left:-9999px}

#zoom_backdrop{position:absolute; top:0; width:100%; background:rgba(83, 83, 83, 0.8); z-index:2000}

.galleria-container{position:absolute; overflow:hidden; background:#fff; top:95px}
.galleria-container img{-moz-user-select:none; -webkit-user-select:none; -o-user-select:none; user-select:none}
.galleria-stage{position:absolute; top:0; bottom:0; left:0; right:0; overflow:hidden; width:100%; height:100%}

/* Zoom Slideshow */
.galleria-thumbnails-container{position:absolute; top:21px; left:21px; width:50px; z-index:2002}
.galleria-carousel .galleria-thumbnails-list{margin-left:25px; margin-right:25px}
.galleria-thumbnails-container .fake-column{float:left; width:50px; margin-right:5px}
.galleria-thumbnails .galleria-image{height:74px; width:50px; margin:0 0 5px; float:left; cursor:pointer; overflow:hidden}
.galleria-loader{width:32px; height:32px; position:absolute; top:10px; right:10px; z-index:2; display:none; background:url(/Assets/icon_loader_small.gif) no-repeat 0 0}
.galleria-image-nav{position:relative; top:-402px; width:534px; height:0; margin:auto; z-index:2010}
.galleria-image-nav-left{width:18px; height:32px; background-image:url(/Assets/product-carousel-nav.png); z-index:2002; float:left; cursor:pointer}
.galleria-image-nav-right{width:18px; height:32px; background-image:url(/Assets/product-carousel-nav.png); background-position:0 -50px; z-index:2002; float:right; cursor:pointer}
.galleria-image-nav-left:hover, .galleria-image-nav-left:active{background-position:0 -99px}
.galleria-image-nav-right:hover, .galleria-image-nav-right:active{background-position:0 -149px}
.galleria-carousel .galleria-thumb-nav-left, .galleria-carousel .galleria-thumb-nav-right{display:block}
#zoom_close{text-transform:uppercase; text-decoration:underline; font-size:12px; color:#666666; letter-spacing:0; font-family:'SuperGrotesk', Arial, Helvetica, sans-serif; padding:5px 20px 2px 0; display:block; height:32px; width:70px; margin:0; z-index:2001; background:url(/assets/btn_zoom_close.gif) right 0 no-repeat; position:absolute; top:9px; right:8px}
#zoom_close:hover{text-decoration:none}

/* A bug in Galleria means this isn't being generated correctly for Internet Explorer 9 and 10 */
/* Further we want to keep the images offscreen when they aren't used due to the fading not working - causing flashing. */
.ie_9 .galleria-stage .galleria-image > img, .ie_9 .galleria-stage .galleria-image > a > img, .ie_10 .galleria-stage .galleria-image > img, .ie_10 .galleria-stage .galleria-image > a > img{display:block; opacity:1; min-width:0; min-height:0; max-width:none; max-height:none; height:100%; width:auto; position:absolute; top:-9999px; left:-9999px}
.galleria-thumbnails img{width:50px; height:74px}
.ie_9 .galleria-thumbnails .galleria-image:not(.active), .ie_10 .galleria-thumbnails .galleria-image:not(.active){opacity:0.6}

/* Galleria videos */
.galleria-thumbnails .video_link{position:relative}
.galleria-thumbnails .video-overlay{background:url(/assets/icon_play_video.png) 0 0/100% 100% no-repeat; position:absolute; top:0; bottom:0; left:0; right:0}
.galleria-thumbnails .video-overlay:hover{background-image:url(/assets/icon_play_video_over.png)}

.galleria-stage .product_video{position:absolute; top:0; bottom:0; left:0; right:0; background:url(/assets/zoom_play_video.png); background-size:100% 100%; cursor:pointer; margin:-1px; box-sizing:border-box}
.galleria-stage .product_video:hover{background:url(/assets/zoom_play_video_over.png); background-size:100% 100%}

/* Galleria Magnify */
.galleria-magnify-capture-area:hover{cursor:zoom-in; cursor:-webkit-zoom-in; -moz-cursor:zoom-in}
.zoomable .zoom_link{display:none}