
/* 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;
    border:none !important;
    font-weight:bold;
    overflow:hidden;
    display:block;
}

.withPercent.small span {
    display:none;
}



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

.bgHorizontalLabel {
    width:100%;
    height:70px;
}

.bgHorizontalLabel.position5 {
    height:70px;
}

.bgHorizontalLabel.position6 {
    height:70px;
}

.bgHorizontalLabel .labelInside {
    text-align:center !important;
    width:100%;
}


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

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

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

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

.bgLabel.position1 .labelInside, .bgLabel.position4 .labelInside {
    left:0px;
    transform:rotate(45deg);
    -ms-transform:rotate(45deg);
    -webkit-transform:rotate(45deg);
}


.bgLabel.position3 .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.position3 .labelInside, .bgLabel.position2 .labelInside {
    right: 0px;
    transform:rotate(-45deg);
    -ms-transform:rotate(-45deg);
    -webkit-transform:rotate(-45deg);
}


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

.bgLabel.medium .labelInside {
    font-size:13px;
    height:30px;
    line-height:30px;
    top:-30px;
}

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


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

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

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

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

/* TOP */
.bgHorizontalLabel.position5 {
    top:20px;
    left:0px;
}

/* BOTTOM */
.bgHorizontalLabel.position6 {
    bottom:0px;
    left:0px;
}

/* PARTIAL Horizontal Label */

.bgPartialHorizontalLabel {
    overflow:visible;
    white-space: nowrap;
    width:100%;
}

.bgPartialHorizontalLabel .labelInside {
    padding: 2px 10px;
    position:relative;
}

.bgPartialHorizontalLabel.position1, .bgPartialHorizontalLabel.position3 {
    top:5px;
    left:0px;
}

.bgPartialHorizontalLabel.position2, .bgPartialHorizontalLabel.position4 {
    bottom:5px;
    left:0px;
}

.bgPartialHorizontalLabel.position1 .labelInside, .bgPartialHorizontalLabel.position2 .labelInside {
    float:right;
    margin-right:5px;
}

.bgPartialHorizontalLabel.position3 .labelInside, .bgPartialHorizontalLabel.position4 .labelInside {
    float:left;
    margin-left:5px;
}

/********/
/* 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;
}



/* Override hover content_price so it displays behind label. */
.product-image-container .content_price {
    z-index: 50;    
}
