/*
 * Product Advanced Gallery
 * http://impleCode.com
 *
 * Copyright 2014 impleCode
 * Free to use under the GPLv3 license.
 * http://www.gnu.org/licenses/gpl-3.0.html
 *
 * Contributing author: Norbert Dreszer
 */

ul.product-images-ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

ul.product-images-ul li, div.product-images div.gallery dl.gallery-item, div.product-images #gallery-1 dl.gallery-item , div.product-image div.product-images.lightbox a, div.product-images.lightbox a, div.product-images.normal img{
    width: auto;
    float:left;
    clear: none;
    margin: 3px 0.2%;
    border: none;
    line-height: 0;
}

div.product-images.lightbox a img {
    border: none;
}

div.product-images {
    display: table;
    margin: 0 auto;
    position: relative;
    z-index: 0;
    width: 100%;
}

div.product-images a, div.product-images.lightbox a {
    max-width: 32.9%;
    width: 32.9%;
}

.after-product-details div.product-images {
    display: block;
    float: none;
    position: relative;
    overflow: auto;
    left: initial;
    right: initial;
    width: 100%;
    z-index: 1;
}

div.product-images #gallery-1, div.product-images div.gallery, div.product-images.lightbox a, div.product-images.normal img{
    display: inline-block;
}

ul.product-images-ul li {
    clear: left;
}

.product-image img {
    box-sizing: border-box;
}

.product-images {
    clear: both;
}

.not-shown {
    display: none;
}

.al_product #slider.impleCodeSlider img, .impleCodeSlider img {
    max-width: none !important;
    width: 100%;
}

.al_product #slider, div.product-slider {
    position: relative;
    width: 100%;
    height: auto;
    margin-bottom: 20px;
    max-width: 100%;
}

.al_product .theme-default #slider, .theme-default div.product-slider {
    margin-bottom: 47px;
}

.al_product div.entry-thumbnail.product-image .slider-wrapper.thumbnail-nav #slider, .slider-wrapper.thumbnail-nav .product-slider{
    margin-bottom: 0;
}

.al_product div.entry-thumbnail.product-image #slider img, #content .al_product div.entry-thumbnail.product-image #slider img, div.product-slider.impleCodeSlider img {
    display: none;
    border: 0;
    outline: 0;
}

.al_product .slider-wrapper {
    max-width: 100%;
}

.al_product div.entry-thumbnail.product-image .slider-wrapper.thumbnail-nav .impleCode-controlNav img, #content .al_product div.entry-thumbnail.product-image #slider .impleCode-controlNav img, .slider-wrapper.thumbnail-nav .impleCode-controlNav img {
    display: inline;
    position: relative;
    cursor: pointer;
    width: 100%;
    height: auto;
    border: 0;
    outline: 0;
}

.al_product div.entry-thumbnail.product-image .slider-wrapper.thumbnail-nav a.impleCode-control, .slider-wrapper.thumbnail-nav a.impleCode-control {
    display: inline-block;
    background: none;
    text-indent: 0px;
    border: 0;
    float: none;
    width: 25%;
    height: auto;
    opacity: 0.3;
    margin: 0;
    margin-bottom: 5px;
}

.al_product div.entry-thumbnail.product-image .slider-wrapper.thumbnail-nav a.impleCode-control.active, .al_product div.entry-thumbnail.product-image .slider-wrapper.thumbnail-nav a.impleCode-control:hover, .slider-wrapper.thumbnail-nav a.impleCode-control.active, .slider-wrapper.thumbnail-nav a.impleCode-control:hover {
    opacity: 1;
}

.al_product div.entry-thumbnail.product-image .slider-wrapper.thumbnail-nav .impleCode-controlNav, .slider-wrapper.thumbnail-nav .impleCode-controlNav {
    position: relative;
    left: 0px;
    margin: 0;
    top: 100%;
    padding-top: 5px;
    height: auto;
    bottom: auto;
}

.theme-bar.slider-wrapper.thumbnail-nav .impleCode-controlNav {
    background: transparent;
    border: 0;
    opacity: 1;
}

.shortcode-slider-wrapper.slider-wrapper {
    margin: 0;
}

#cboxNext, #cboxPrevious {
    text-transform: none;
}

.full-width-addditional-images.boxed .product-images {
    clear: both;
    width: 100%;
    max-width: 100%;
    float: none;
    display: block;
}

.full-width-addditional-images.boxed div.product-images.lightbox a {
    width: auto;
}

.full-width-addditional-images.boxed #product_details_container {
    display: block;
}

.product-image .main-slider-wrapper {
    padding: 3px;
}