.divListeUrunler { font-size: 9pt; }
    .divListeUrunler .divBilgilendirme { display: block; width: 100%; margin: auto; text-align: right; color: #f00; }

    .divListeUrunler .divListeUrun { display: table; width: 100%; margin: auto; }
        .divListeUrunler .divListeUrun .divSatir { }
        .divListeUrunler .divListeUrun .divBaslik { display: table-row; }
            .divListeUrunler .divListeUrun .divBaslik .divTd { display: table-cell; vertical-align: middle; line-height: 20px; border-left: solid 1px #aaa; background-color: #ddd; color: #000; line-height: 32px; padding: 0 5px; text-align: center; }
            .divListeUrunler .divListeUrun .divBaslik .divResim { border: none; }

        .divListeUrunler .divListeUrun .divSatirData { display: table-row; }
            .divListeUrunler .divListeUrun .divSatirData .divTd { display: table-cell; vertical-align: middle; background: #fff; border-left: solid 1px #ddd; border-bottom: solid 1px #ddd; padding: 0 5px; text-align: left; color: #252324; line-height: 24px; }
            .divListeUrunler .divListeUrun .divSatirData:hover .divTd { background: #eee; color: #000; }
            .divListeUrunler .divListeUrun .divSatirData:nth-child(2n+1) .divTd { background: #f7f7f7; }
            .divListeUrunler .divListeUrun .divSatirData:nth-child(2n+1):hover .divTd { background: #eee; color: #000; }

            .divListeUrunler .divListeUrun .divSatirData .divTd .aStokKoduAdi { display: block; color: #000; }
                .divListeUrunler .divListeUrun .divSatirData .divTd .aStokKoduAdi .spanUrun { display: block; line-height: 18px; }
                .divListeUrunler .divListeUrun .divSatirData .divTd .aStokKoduAdi .spanMarka { display: block; line-height: 18px; }

            .divListeUrunler .divListeUrun .divSatirData .divResim { width: 76px; padding: 0; }
                .divListeUrunler .divListeUrun .divSatirData .divResim .aResim { display: block; width: 76px; height: 76px; position: relative; overflow: hidden; }
                    .divListeUrunler .divListeUrun .divSatirData .divResim .aResim img { position: absolute; display: block; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
            .divListeUrunler .divListeUrun .divSatirData .divFiyat { text-align: right;  }
                .divListeUrunler .divListeUrun .divSatirData .divFiyat .spanSorunuz { font-size: 7pt; color: #f00; }
            .divListeUrunlerMobil .divListeUrun .divSatirData .divFiyat span { display: inline-block; vertical-align: top; text-align: right; padding-right: 4px; line-height:32px; font-size:10pt; }
            .divListeUrunlerMobil .divListeUrun .divSatirData .divFiyat span:last-of-type {  }
            .divListeUrunler .divListeUrun .divSatirData .divSepet { width: 100px; text-align: center; }
                .divListeUrunler .divListeUrun .divSatirData .divSepet .txtSepetMiktar { display: inline-block; vertical-align: middle; line-height: 32px; height: 32px; width: 40px; text-align: center;  padding:0;}
                .divListeUrunler .divListeUrun .divSatirData .divSepet .spanSepetEkle { display: inline-block; vertical-align: middle; }

            .divListeUrunler .divListeUrun .divSatirData .divTd .spanMobil { display: none; }

        .divListeUrunler .divListeUrun .divSatirSablon { display: none; }

.divListeUrunlerMobil { text-align: center; }
    .divListeUrunlerMobil .divListeUrun { display: block; }
        .divListeUrunlerMobil .divListeUrun .divBaslik { display: none; }
        .divListeUrunlerMobil .divListeUrun .divSatirData { display: inline-block; vertical-align: top; width: 218px; margin: 5px; border: 1px solid #eee; }
            .divListeUrunlerMobil .divListeUrun .divSatirData .divTd { display: block; vertical-align: middle; line-height: 20px; padding: 0; text-align: center; border: none; background: transparent; }
            .divListeUrunlerMobil .divListeUrun .divSatirData:nth-child(2n+1) .divTd { background: transparent; }
            .divListeUrunlerMobil .divListeUrun .divSatirData:hover .divTd { background: transparent; }
            .divListeUrunlerMobil .divListeUrun .divSatirData:nth-child(2n+1):hover .divTd { background: transparent; }
            .divListeUrunlerMobil .divListeUrun .divSatirData .divResim { display: block; width: 216px; }
                .divListeUrunlerMobil .divListeUrun .divSatirData .divResim .aResim { display: block; margin: auto; width: 180px; height: 200px; }
            .divListeUrunlerMobil .divListeUrun .divSatirData .divTd .aStokKoduAdi { }
                .divListeUrunlerMobil .divListeUrun .divSatirData .divTd .aStokKoduAdi .spanUrun { line-height: 18px; height: 54px; overflow: hidden; }
                .divListeUrunlerMobil .divListeUrun .divSatirData .divTd .aStokKoduAdi .spanMarka { line-height: 20px; height: 20px; overflow: hidden; }

            .divListeUrunlerMobil .divListeUrun .divSatirData .divFiyat { text-align: center; line-height: 32px; background: #eee; border-bottom: 1px solid #aaa;}
            .divListeUrunlerMobil .divListeUrun .divSatirData:hover .divFiyat { background: #000; color: #fff; }
            .divListeUrunlerMobil .divListeUrun .divSatirData:nth-child(2n+1) .divFiyat { background: #eee; }
            .divListeUrunlerMobil .divListeUrun .divSatirData:hover:nth-child(2n+1) .divFiyat { background: #000; color: #fff; }
            .divListeUrunlerMobil .divListeUrun .divSatirData .divFiyat .spanMobil { display: inline-block; }

            .divListeUrunlerMobil .divListeUrun .divSatirData .divSepet { display: block; width: 100%; margin: 5px 0; }
        .divListeUrunlerMobil .divListeUrun .divSatirSablon { display: none; }


.divListeUrunler .divGosterimSekli { display: block; text-align: right; padding: 5px 0; }
    .divListeUrunler .divGosterimSekli .divGosterimListe { cursor: pointer; display: inline-block; vertical-align: middle; height: 32px; width: 32px; background: #f9f9f9; position: relative; border: solid 1px #aaa; }
        .divListeUrunler .divGosterimSekli .divGosterimListe:before { content: ""; position: absolute; left: 0px; top: 0; width: 32px; height: 32px; background: url(/images/iconlar.png) no-repeat -0px -128px; }
    .divListeUrunler .divGosterimSekli .divGosterimGrid { border-left: none; }
        .divListeUrunler .divGosterimSekli .divGosterimGrid:before { background: url(/images/iconlar.png) no-repeat -32px -128px; }

    .divListeUrunler .divGosterimSekli .ddlSiralama { display: inline-block; vertical-align: middle; width: 200px; }
    .divListeUrunler .divGosterimSekli .divListedeArama { display: inline-block; text-align: left; }
        .divListeUrunler .divGosterimSekli .divListedeArama .txtAramaListe { display: inline-block; vertical-align: middle; width: 200px; line-height: 30px; height: 32px; display: inline-block; border: 1px solid #aaa; padding: 0 10px; margin: 0; outline: none; }
        .divListeUrunler .divGosterimSekli .divListedeArama .divAramaYap { display: inline-block; vertical-align: middle; width: 90px; margin: 0; background: #000; color: #fff; }

@media screen and (max-width: 768px) {
    .divListeUrunler .divListeUrun .divBaslik .divResim { display: none; }
    .divListeUrunler .divListeUrun .divSatirData .divResim { display: none; }
    .divListeUrunlerMobil .divListeUrun .divSatirData .divResim { display: block; }
}