/*
 * Dummy ASN CSS
 * 
 * Please modify/replace like needed
 */

.productBox .picture {
    overflow: hidden;
    position: relative;
}

.infogridView .productBox .picture > a,
.gridView .productBox .picture > a {
    position: relative;
}

.instoreAdBanner {
    position: absolute;
    display: block;
    left: 0;
    top: 40%;
    width: 200px;
    transform-origin: top left;
    transform: translate(-25%, 0%) rotate(-45deg);
    line-height: 25px;
    background: #009EC0;
    color: white;
    text-align: center;
    font-size: 80%;
}

.instoreAdBanner:hover {
     color: white;
 }

.infogridView .instoreAdBanner {
    top: 35%;
}


.gridView .instoreAdBanner {
    top: 50%;
    transform: translate(-22%, 0%) rotate(-45deg);
}

.lineView .instoreAdBanner {
    top: 75%;
    transform: translate(-17%, 0%) rotate(-45deg);
}

@media (min-width: 768px) {
    .lineView .instoreAdBanner {
        top: 90px;
        transform: translate(-25%, 0%) rotate(-45deg);
        line-height: 20px;
    }
}