/********************************************************************/
/*                                                                  */
/*                       carousel (frontpage)                       */
/*                                                                  */
/********************************************************************/

@media all and (min-width : 1000px) {

    #panDiscountCarouselWrapper {
        margin-top: 1em;
        border: solid 1px #e2e2e2;
        background-color: #FFF;
        box-shadow: 0 38px 20px -31px rgba(0,0,0,0.2);
    }

    #labDiscountCarouselHeader {
        font-size: 24px;
        padding: 10px;
        font-weight: 800;
        margin-bottom: 5px;
        font-style: italic;
        line-height: 40px;
    }

    #discountcontainer {
        margin: 0px 1em 0px 1em;
        position: relative;
    }

    #discountcarousel {
        margin: 0 auto;
        width: 885px !important;
    }

        #discountcarousel img {
            border: 0;
            margin-top: 1em;
        }

    .ui-discountcarousel-next, .ui-discountcarousel-prev {
        width: 20px;
        height: 250px;
        background: url(../css/images/next.png) #fff center center no-repeat;
        display: block;
        position: absolute;
        top: 0;
        z-index: 100;
    }

    .ui-discountcarousel-next {
        left: 0;
        background-image: url(../css/images/prev.png);
    }


    .ui-discountcarousel-prev {
        right: 0;
    }

        .ui-discountcarousel-next > span, .ui-discountcarousel-prev > span {
            display: none;
        }

    .ui-carousel {
        height: 100px;
        margin: 0;
        overflow: auto;
        padding: 0;
        position: relative; /*for ie7 to work e.g in html carousels*/
        width: 300px;
    }

        .ui-carousel > .wrapper {
            margin: 0;
            padding: 0;
            width: 9999px;
        }

            .ui-carousel > .wrapper > * {
                display: block;
                float: left;
                height: 100px;
                overflow: hidden;
                width: 100px;
            }

    .discountCarouselSlide {
        margin: 0 0 0 0;
        border-left: solid 1px #e2e2e2;
    }

        .discountCarouselSlide:nth-child(4) {
            border-right: solid 1px #e2e2e2;
        }


    /************************************************************/
    /*                                                          */
    /*    set for sticker on product                            */
    /*                                                          */

    /*.discountCarouselSpotMark {
        background-image: url(../css/images/gopris.png);
        background-repeat: no-repeat;
        position: absolute;
        width: 182px;
        height: 85px;
        margin: -16px 0px 0px -5px;
    }*/

    /*                                                          */
    /************************************************************/

    .discountCarouselImage {
        display: table-cell;
        width: 210px;
        vertical-align: middle;
        text-align: center;
        height: 175px;
    }

    .discountCarouselInfo {
        padding: .5em;
    }

    .discountCarouselProductLine {
        line-height: 14px;
    }

    .discountCarouselProductName {
        height: 30px;
        overflow: hidden;
        font-size: 14px;
    }


    .discountCarouselProductPrice {
        color: red;
        display: block;
        text-decoration: line-through;
    }

        .discountCarouselProductPrice span {
            text-decoration: line-through;
        }

    .discountCarouselButton {
        width: 80px;
        text-align: center;
        font-size: 12px;
        padding: .3em 1em .2em 1em;
        font-family: Calibri;
        margin-top: .5em;
        /* Fallback */
        background-color: #11aa00;
        background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#11aa00), to(#0e8e00));
        background: -webkit-linear-gradient(top, #11aa00, #0e8e00);
        background: -moz-linear-gradient(top, #11aa00, #0e8e00);
        background: -ms-linear-gradient(top, #11aa00, #0e8e00);
        background: -o-linear-gradient(top, #11aa00, #0e8e00);
        cursor: pointer;
    }

        .discountCarouselButton a {
            color: #FFF;
            text-decoration: none;
        }

        .discountCarouselButton:hover {
            -moz-box-shadow: 0px 0px 1px 1px #808080;
            -webkit-box-shadow: 0px 0px 1px 1px #808080;
            box-shadow: 0px 0px 1px 1px #808080;
        }
}

/********************************************************************/
/*                                                                  */
/*                           Responsive                             */
/*                                                                  */
/********************************************************************/

@media all and (max-width : 1000px) {

    #discountcarousel {
        width: 100% !important;
    }

    #panDiscountCarouselWrapper {
        margin-top: 1em;
        border: solid 1px #e2e2e2;
        background-color: #FFF;
        box-shadow: 0 38px 20px -31px rgba(0,0,0,0.2);
        width: 100%;
        text-align: center;
    }

    #discountcontainer {
        margin: 0px 1em 0px 1em;
        position: relative;
    }

    #discountcarousel img {
        border: 0;
        margin-top: 1em;
    }

    .discountCarouselSlide {
        margin: auto !important;
    }

    .ui-discountcarousel-next, .ui-discountcarousel-prev {
        width: 20px;
        height: 250px;
        background: url(../css/images/next.png) #fff center center no-repeat;
        display: block;
        position: absolute;
        top: 0;
        z-index: 100;
    }

    .ui-discountcarousel-next {
        left: 0;
        background-image: url(../css/images/prev.png);
    }


    .ui-discountcarousel-prev {
        right: 0;
    }


        .ui-discountcarousel-next > span, .ui-discountcarousel-prev > span {
            display: none;
        }

    .ui-carousel {
        height: 100px;
        margin: 0;
        overflow: auto;
        padding: 0;
        position: relative;
        width: 300px;
    }




    .discountCarouselSlide {
        margin: 0 0 0 0;
        border-left: solid 1px #e2e2e2;
        border-right: solid 1px #e2e2e2;
        width: 200px !important;
    }



    .discountCarouselSpotMark {
        background-image: url(../css/images/gopris.png);
        background-repeat: no-repeat;
        position: absolute;
        width: 182px;
        height: 85px;
    }

    .discountCarouselImage {
        display: table-cell;
        width: 200px;
        vertical-align: middle;
        text-align: center;
        height: 160px;
    }

    .discountCarouselInfo {
        padding: .5em;
    }

    .discountCarouselProductName {
        text-align: left;
        height: 30px;
        overflow: hidden;
        font-size: 14px;
    }

    .discountCarouselProductPrice {
        color: red;
        display: block;
        text-align: left;
        text-decoration: line-through;
    }

        .discountCarouselProductPrice span {
            text-decoration: line-through;
        }

    .discountCarouselProductDiscountPrice {
        text-align: left;
    }

    .discountCarouselButton {
        width: 80px;
        text-align: center;
        /*float: right;*/
        font-size: 12px;
        padding: .3em 1em .2em 1em;
        font-family: Calibri;
        margin-top: .5em;
        /* Fallback */
        background-color: #11aa00;
        background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#11aa00), to(#0e8e00));
        background: -webkit-linear-gradient(top, #11aa00, #0e8e00);
        background: -moz-linear-gradient(top, #11aa00, #0e8e00);
        background: -ms-linear-gradient(top, #11aa00, #0e8e00);
        background: -o-linear-gradient(top, #11aa00, #0e8e00);
        cursor: pointer;
    }

        .discountCarouselButton a {
            color: #FFF;
        }



    .ui-carousel > .wrapper {
        width: auto;
    }
}
/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */