/* GENERIC */
.product_img_link, .product_image_wrap, #image-block {
    position:relative;
}

.discountLabelContainer {
    overflow:hidden;
    position:absolute !important;
    display:none;
    z-index:5;
}

.labelInside {
    position:absolute;
    z-index:15;
    border:none !important;
    font-weight:bold;
    overflow:hidden;
    display:block;
}

.withPercent.small span {
    display:none;
}



/********/
/* BACKGROUND LABEL */
/********/

.bgLabel .labelInside {
    text-align:center !important;
}

.bgLabel.position0 .labelInside {
    transform-origin: bottom left;
    -webkit-transform-origin: bottom left;
    -moz-transform-origin: bottom left;
    -ms-transform-origin: bottom left;
}

.bgLabel.position3 .labelInside {
    transform-origin: top left;
    -webkit-transform-origin: top left;
    -moz-transform-origin: top left;
    -ms-transform-origin: top left;
    top:0 !important;
}

.bgLabel.position0 .labelInside, .bgLabel.position3 .labelInside {
    left:0px;
    transform:rotate(45deg);
    -ms-transform:rotate(45deg);
    -webkit-transform:rotate(45deg);


/*
    filter: progid:DXImageTransform.Microsoft.Matrix(
        sizingMethod='auto expand',
        M11=0.7071067811865474,
        M12=-0.7071067811865476,
        M21=0.7071067811865476,
        M22=0.7071067811865474
    );
    -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(
           SizingMethod='auto expand',
            M11=0.7071067811865474,
            M12=-0.7071067811865476,
            M21=0.7071067811865476,
            M22=0.7071067811865474
   )";
*/
}


.bgLabel.position1 .labelInside {
    transform-origin: bottom right;
    -webkit-transform-origin: bottom right;
    -moz-transform-origin: bottom right;
    -ms-transform-origin: bottom right;
}

.bgLabel.position2 .labelInside {
    transform-origin: top right;
    -webkit-transform-origin: top right;
    -moz-transform-origin: top right;
    -ms-transform-origin: top right;
    top:0 !important;
}

.bgLabel.position1 .labelInside, .bgLabel.position2 .labelInside {
    right: 0px;
    transform:rotate(-45deg);
    -ms-transform:rotate(-45deg);
    -webkit-transform:rotate(-45deg);



/*
    filter: progid:DXImageTransform.Microsoft.Matrix(
        sizingMethod='auto expand',
        M11=0.7071067811865474,
        M12=0.7071067811865476,
        M21=-0.7071067811865476,
        M22=0.7071067811865474
    );
    -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(
           SizingMethod='auto expand',
            M11=0.7071067811865474,
            M12=0.7071067811865476,
            M21=-0.7071067811865476,
            M22=0.7071067811865474
   )";
*/
}


.bgLabel.small .labelInside {
    font-size:11px;
    height:15px;
    line-height:15px;
    top:-15px;
}

.bgLabel.medium .labelInside {
    font-size:14px;
    height:20px;
    line-height:20px;
    top:-20px;
}

.bgLabel.big .labelInside {
    font-size:20px;
    height:30px;
    line-height:30px;
    top:-30px;
}


/* top right */
.bgLabel.position0, .bgImage.position0 {
    top:0px;
    right:0px;
}

/* top left */
.bgLabel.position1, .bgImage.position1 {
    top:0px;
    left:0px;
}

/* bottom right */
.bgLabel.position2, .bgImage.position2 {
    bottom:0px;
    right:0px;
}

/* bottom left */
.bgLabel.position3, .bgImage.position3 {
    bottom:0px;
    left:0px;
}



/********/
/* BACKGROUND IMAGE */
/********/


.bgImage {
    background-size:100%;
    background-position:center;
    background-repeat:no-repeat;
    display:table !important;
}

.bgImage.medium .labelInside span, .bgImage.big .labelInside span {
    display:block;
}

.bgImage .labelInside {
    background:none !important;
    text-align:center;
    position:relative !important;
    display:table-cell;
    vertical-align:middle;
}



/********/
/* PLAIN TEXT */
/********/

.plainText.small .labelInside, .plainText.small {
    font-size:11px;
    height:15px !important;
    line-height:15px;
}

.plainText.medium .labelInside, .plainText.medium {
    font-size:14px;
    height:20px !important;
    line-height:20px;
}

.plainText.big .labelInside, .plainText.big {
    font-size:20px;
    height:30px !important;
    line-height:30px;
}


.plainText .labelInside {
    background:none !important;
    width:100% !important;
}

/* top right */
.plainText.position0 {
    text-align:right !important;
    top:5px;
    right:5px;
}
.plainText.position0 .labelInside {
    text-align:right !important;
}

/* top left */
.plainText.position1 {
    text-align:left !important;
    top:5px;
    left:5px;
}
.plainText.position1 .labelInside {
    text-align:left !important;
}

/* bottom right */
.plainText.position2 {
    text-align:right !important;
    bottom:5px;
    right:5px;
}
.plainText.position2 .labelInside {
    text-align:right !important;
}

/* bottom left */
.plainText.position3 {
    text-align:left !important;
    bottom:5px;
    left:5px;
}
.plainText.position3 .labelInside {
    text-align:left !important;
}