.divKitap {
    background-color: #fafafa;
    padding: 0px 5px 15px 10px;
    margin-bottom: 20px;

    position:relative;
}

    .divKitap:hover {
        background-color: #fbf3cc;
        cursor: pointer;
    }

        .divKitap:hover .divSepeteEkle {
            visibility: visible;
            height: 40px;
        }

        .divKitap:hover .divKitapFiyatEski {
            visibility: hidden;
            height: 0px;
        }




.divKitapFiyatEski {
    height: 40px;
    line-height: 40px;
}

.divKitapFiyat {
    height: 40px;
    line-height: 40px;
}

.divSepeteEkle {
    visibility: hidden;
    height: 0px;
}


.divKitapFiyatEski {
    text-decoration: line-through;
    text-decoration-color: red;
}



.divYeni {
    position: absolute;
    background: url('../img/anasayfa/yeni.png');
    width: 35px;
    height: 70px;
    top: 0px;
    left: 0px;
    z-index: 4;
}

    .divYeni .divMetin {
        position: absolute;
        top: 0px;
        left: 0px;        
        color: white;
        writing-mode: vertical-rl;
        transform: rotate(-180deg);
        height: 70px;
        width:31px;
        line-height:31px;
        text-align:center;
        font-weight:600;
    }


.divIndirimVeYeni {
    position: absolute;
    background: url('../img/anasayfa/indirimVeYeni.png');
    width: 35px;
    height: 140px;
    top: 0px;
    left: 0px;
    z-index: 2;
}

    .divIndirimVeYeni .divIndirimOrani {
        position: absolute;
        top: 70px;
        left: 0px;
        color: white;
        writing-mode: vertical-rl;
        transform: rotate(-180deg);
        height: 70px;
        width: 31px;
        line-height: 31px;
        text-align: center;
        font-weight: 600;
    }

.divIndirim {
    position: absolute;
    background: url('../img/anasayfa/indirim.png');
    width: 35px;
    height: 70px;
    top: 0px;
    left: 0px;
    z-index: 2;
}

    .divIndirim .divIndirimOrani {
        position: absolute;
        top: 00px;
        left: 0px;
        color: white;
        writing-mode: vertical-rl;
        transform: rotate(-180deg);
        height: 70px;
        width: 31px;
        line-height: 31px;
        text-align: center;
        font-weight: 600;
    }