body {/*background-color: #eeecec;*/ margin: 0; padding: 0; font-family: 'Roboto', sans-serif;
	font-size: 14px;}
.bg {
	
	width: auto;
	height: auto;
	margin: auto;
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	color: #009cad;
	
}

a:link {font-family: 'Roboto', sans-serif; color: white; font-size: 14px; text-decoration: none; font-weight: 700;/*border-radius: 10px;*/}
a:visited {font-family: 'Roboto', sans-serif; color: white; font-size: 14px; text-decoration: none; font-weight: 700;}
a:hover {font-family: 'Roboto', sans-serif; color:#272323; font-size: 14px; text-decoration: none; font-weight: 700;}
a:active {font-family: 'Roboto', sans-serif; color: white; font-size: 14px; text-decoration: none; font-weight: 700;}

a.cari:link {font-family: 'Roboto', sans-serif; color: black; font-size: 12px; text-decoration: none; font-weight: 700;}
a.cari:visited {font-family: 'Roboto', sans-serif; color: black; font-size: 12px; text-decoration: none; font-weight: 700;}
a.cari:hover {font-family: 'Roboto', sans-serif; color:#272323; font-size: 12px; text-decoration: none; font-weight: 700;}
a.cari:active {font-family: 'Roboto', sans-serif; color: black; font-size: 12px; text-decoration: none; font-weight: 700;}

a.siparis:link {font-family: 'Roboto', sans-serif; color: black; font-size: 12px; text-decoration: none;}
a.siparis:visited {font-family: 'Roboto', sans-serif; color: black; font-size: 12px; text-decoration: none;}
a.siparis:hover {font-family: 'Roboto', sans-serif; color:red; font-size: 12px; text-decoration: none;}
a.siparis:active {font-family: 'Roboto', sans-serif; color: black; font-size: 12px; text-decoration: none;}



.picture {
	
	width: 1280px;
	height: 1500px;
	
}



.ust-bg {width: 1280px; height: 80px; background-color: white; margin: auto;}
.logo {
    width: 251px !important;
    height: 57px !important;
    float: left;
    background-image: url("../../thema/otoakcin/img/logo.png");
    background-repeat: no-repeat;
    margin: 10px 0 0 10px;
}

.customer-bg {width: 380px; height: 40px; float: left; margin:7px 0 0 200px;}
.customer-logo {
    width: 34px;
    height: 34px;
    float: left;
    background-image: url("../../thema/otoakcin/img/customer-logo.png");
    background-repeat: no-repeat;
    position: relative;
    top: 12px;
}
.customer-sag {
    width: 300px;
    height: 20px;
    float: left;
    margin-left: 5px;
    font-weight: 700;
    color: #000;
}
.customer-sag2 {
    width: 96%;
    height: 20px;
    float: left;
    margin-left: 30px;
    font-size: 12px;
    color: #000;
}

.ust-menu-sag {width: 300px; height: 50px; float: right; margin-top: 15px;}
.ust-menu-sag1 {width: 140px; height: 45px; background-color: #009cad; float: left;/*border-radius: 10px;*/}
.ust-menu-sepet {
    width: 26px;
    height: 26px;
    margin: 10px 0 0 10px; 
    /*background-image: url("../../thema/otoakcin/img/sepet.png");*/
    float: left;
}
.ust-menu-sepet-sayi {
    width: 26px;
    height: 26px;
    margin: 17px 0 0 0px;
    float: left;
    background-color: #ffbb33;
    color: black;
    font-size: 14px;
    text-align: center;
    border-radius: 17px;
    text-decoration: none;
    padding-top: 5px;
    position: relative;
    top: -12px;
}
.ust-menu-yazi {width: 50px;
    height: 25px;
    font-size: 14px;
	font-weight: 700;
    color: white;
    float: right;
    margin: 15px 0 0 10px;
    right:20px;
    position:relative;
}

.ust-menu-sag2 {width: 140px; height: 45px; background-color: #009cad; margin-left: 10px; float: left;/*border-radius: 10px;*/}
.ust-menu-sag2-ok {width: 15px; height: 12px; float: left; margin: 17px 0 0 6px; background-image: url("../../thema/otoakcin/img/ok.png"); background-repeat: no-repeat;}
.ust-menu-sag2-firma {width: auto; height: 20px; float: left; font-size: 14px; font-weight: 700; color: white; margin: 15px 0 0 15px;}





.arama {width: 100%; height: 250px; background-color: white; margin: auto;}
.arama-sol {/*width: 623px;*/ height: 225px; margin: 10px 0 0 10px; float: left; border: 1px solid #009cad; /* border-radius: 10px; */border-left: 3px solid #009cad;}
.uretici-bg {/*width: 400px;*/ height: 27px; float: left; font-size: 14px !important; color: #009cad; margin:1px 0 0 0px;}
.uretici-bg-baslik {width: 75px;
    height: auto;
    float: left;
    font-weight: normal;
    margin-top: 4px;}
.uretici-bg-ayrac {width: auto;
    height: auto;
    float: left;
    font-weight: 500;
    margin-top: 2px;
margin-left: 10px;}
.uretici-yazi {
	width: 300px;
    height: auto;
    float: left;
    margin-left: 10px;
}

.arama-sol-left {/*width: 50%;*/ height: 220px; float: left; /*margin: 10px 0 0 10px;*/}
.arama-sag-right {/*width: 184px;*/ height: 80px; float: right; /*margin: -224px 0 0 0px;*/}

.arama-sag-right-bg {width: 140px; height: 30px;}
.arama-sag-right-bg-ust {width: 140px; height: 30px; margin-top: 10px;}
.arama-sag-right-bg-ust1 {width: 147px; height: 30px; /*margin-top: 10px;*/}

.arama-sag-right-box {width: 20px; height: 20px; float: left;}
.arama-sag-right-yazi {width: 130px; height: auto; /* margin-left: 10px; */ /* float: left; */ font-family: 'Roboto', sans-serif; color: #009cad; font-size: 14px; /* text-decoration: none; */ /* padding-top: 4px; */ padding: 4px 0 0 35px;}



.arama-sag {
    width: 630px;
    height: 250px;
    margin: 10px 0 0 18px;
    float: left;
    background-image: url("../../thema/otoakcin/img/sag-banner.png");
    background-repeat: no-repeat;
}

.arama-buton {/*width:100%;*/ height: 40px; float: left; margin: 8px 0 0 64px;}
.temizle-buton {width: 100px; height: auto; background-color: #82bd04; float: left; margin-left: 38px; font-weight: 700; color: white; text-align: center; padding: 8px;border: none;}
.arama-buton-sag {width: 100px; height: auto; background-color: #009cad; float: left; margin-left: 10px; font-weight: 700; color: white; text-align: center; padding: 8px;}

.urun-dokum-bg {width: 1280px; height: 35px; margin: auto; background-color: #009cad;border-top: 1px solid black;border-bottom: 1px solid black;}


.menu-bg {width: 100%; height: 45px; background-color: #009cad;/*border-top: 1px solid black;border-bottom: 1px solid black;*/}
.ust-menu-bg {width:100%; height: 25px; padding: 10px; margin: auto; font-family: 'Roboto', sans-serif; color: white; font-size: 14px; text-decoration: none; font-weight: 700;}
.ust-menu-sol-bg {width: 880px; height: 35px;  float: left; margin: 4px 0 0 0px;}
.ust-menu-sag-bg {width: 200px; height: 35px;  float: right;}

.menuler {width: auto; height: auto; float: left; margin-left: 10px; font-family: 'Roboto', sans-serif; color: white; font-size: 14px; text-decoration: none; font-weight: 700;}

.menuler-sag {width: auto; height: auto; float: left; margin-left: 30px; font-family: 'Roboto', sans-serif; color: white; font-size: 14px; text-decoration: none; font-weight: 700;}

.odeme-baslik {width: 1280px; height: 50px; border-top-left-radius: 5px; border-top-right-radius: 5px; background-color: #00AC33; margin: auto; margin-top: 10px; font-family: 'Roboto', sans-serif; color: white; font-size: 16px; text-decoration: none; font-weight: 700;}

.odeme-baslik-yazi {width: 400px; height: 30px; padding: 15px 0 0 20px;}
.odeme-bilgi-bg {width: 1280px; height: 750px; margin: auto; background-color: white;}
.odeme-tutar {width: 300px; height: 50px; padding: 10px; font-family: 'Roboto', sans-serif; color: black; font-size: 13px; text-decoration: none; font-weight: 700; }

.bilgi-baslik {width: 400px; height: 30px; float: left; padding: 10px; font-family: 'Roboto', sans-serif; color:#777777; font-size: 16px; text-decoration: none; font-weight: 700;}


.odeme-bilgiler-bg {width: 1000px; height: 50px; float: left;padding: 10px; font-family: 'Roboto', sans-serif; color:#777777; font-size: 16px; text-decoration: none; font-weight: 400;}

.odeme-bilgi-sol {width: 150px; height: auto; float: left; margin-top: 10px;}
.odeme-bilgi-sag {
    width: 500px;
    height: 50px;
    float: left;
    margin-left: 10px;
}
.odeme-ayrac {width: 750px; height: 1px; background-color: #E0DEDE; margin: auto;}

.odeme-sepet-bg {width: 1280px; height: auto; margin: auto; padding-bottom: 10px; background-color: white;}
.sepet-baslik {width: 1280px; height: 40px; margin: auto; border: 1px solid #eee; background-color: #009cad;}

.sepet-aciklama-bg {width: 1280px; height: 160px; margin: auto; margin-top: 2px;}
.sepet-aciklama-yazi {width: 270px; height: 150px; float: left;margin-left: 20px;}
.sepet-gonderim-sekli {width: 350px; height: 150px; float: left; margin-left: 20px;}
.sepet-gonderim-sag-ust {width: 380px; height: 50px;}
.sepet-gonderim-sag-alt, .button2 {
    width: 270px !important;
    height: auto;
}

.sepet-tutar {width: 300px; height: 150px; float: left; margin-left: 15px; background-color: #F7F7F7; border: 1px solid #efefef; border-left: 3px solid #e67e22;}
.sepet-tutar-bilgiler-bg {width: 290px; height: 27px; float: left; font-family: 'Roboto', sans-serif; color:#777777; font-size: 14px; text-decoration: none; font-weight: 400; padding: 10px;}
.sepet-tutar-sol {width: 100px; height: 20px; float: left; font-family: 'Roboto', sans-serif; color:#777777; font-size: 14px; text-decoration: none; font-weight: 700;}
.sepet-tutar-nokta {width: 10px; height: 20px; float: left;}
.sepet-tutar-aciklama {width: 145px; height: 20px; float: left; margin-left: 15px;}
.sepet-tutar-gonder-buton-bg {width: 290px; float: left; margin: auto; margin-left: 35px;}

.adres-gonderim-sekli-ana-bg {
    width: 350px;
    height: 150px;
    float: left; /*margin-left: 20px;*/
    border: 1px solid #eee;
    background-color: #fdfdfc; /*background-image: url("../../thema/otoakcin/img/sepet-bg.png");*/
    border-left: 3px solid #e67e22;
}
.adres-gonderim-bg {width: 320px; height: auto; padding: 13px; }
.adres-gonderim-baslik {width:80px; height: auto; float: left;}
.adres-gonderim-ayrac {width:10px; height: auto; float: left;}
.adres-gonderim-aciklama {width:200px; height: auto; float: left;}
.adres-gonderim-il-bg {width: 320px; height: auto; padding: 13px; margin-top: 20px; }

.sepet-bottom-bg {
    width: 1280px;
    height: 65px;
    margin: auto;
    /*background-image: url("../../thema/otoakcin/img/sepet-bg.png");*/
    border-top: 1px double #757575;
    border-bottom: 1px double #757575;
}




textarea {
    width: 270px;
    height: 100px;
    padding: 12px 10px;
    box-sizing: border-box;
    border: 2px solid #ccc;
    border-radius: 4px;
    background-color: #f8f8f8;
    margin-top: 10px;
}

.button{
    background-color: #e67e22;
    border: none;
    color: white;
    padding: 25px 82px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
    cursor: pointer;
/* border-left: 1px currentColor; */}

.button2 {background-color:#008CBA;} /* Blue*/
.button21 {background-color:#e67e22;width:270px;}
.button22 {background-color:#ffbb33;width:270px;color:black !important;}

 /* Blue*/
.button3{
    background-color: #e67e22;
    border: none;
    color: white;
    padding: 5px 24px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
    cursor: pointer;
}
.button4 {background-color:#008CBA} /* Blue*/


.sepet-bottom-tutar {width: 600px; height: 30px; float: right;}

.cari-bilgi-bg {width: 1280px; height: auto; margin: auto; background-color: white; padding-bottom: 15px;}
.cari-bilgiler-tarih-bg {
    width: 1270px;
    height: 65px;
    padding: 10px;
    border: 1px solid #eee;
    /*background-image: url("../../thema/otoakcin/img/sepet-bg.png");*/
    margin: auto;
}

.cari-bilgiler-tarih-sol {width: 700px; height: 40px; float: left;}
.cari-bilgiler-tarih-sag {width: 300px; height: 30px; float: right; margin:10px 0px 0px 0px;}
.cari-excel-bg {width: 130px; height: 30px; float: right;}
.cari-excel-logo {width: 25px; height: 30px; float: left; background-image: url("../../thema/otoakcin/img/excel-icon.png"); background-repeat: no-repeat;}
.cari-excel-yazi {width: 80px; height: 30px; float: left;}
.cari-pdf-logo {width: 25px; height: 30px; float: left; background-image: url("../../thema/otoakcin/img/pdf.png"); background-repeat: no-repeat;}




.cari-tarih-baslangic-adi {width: auto; height: auto; float: left;margin:12px 0 0 15px;}
.cari-tarih-baslangic-tarih {width: auto; height: auto; float: left;margin:0 0 0 15px;}
.cari-tarih-bitis-adi {width: auto; height: auto; float: left; margin:12px 0 0 15px;}
.cari-tarih-bitis-tarih {width: auto; height: auto; float: left; margin:0 0 0 15px;}
.cari-bilgiler-listele {width: auto; height: auto; float: left; margin:2px 0 0 15px;}


.cari-bilgiler-dokum {width: 1270px; height: 40px; margin: auto; border: 1px solid #eee; margin-top: 15px; background-color: #fafafa; /*background-image: url("../../thema/otoakcin/img/sepet-bg.png");*/}
.cari-bilgiler-dokum1 {width: 1270px; height: 40px; margin: auto; border: 1px solid #eee; margin-top: 5px; background-color: #fafafa;}

.cari-dokum-sno {width: 30px; height: auto; padding: 10px; float: left;}
.cari-dokum-tarih {width: 100px; height: auto; padding: 10px; float: left;}
.cari-dokum-fatura-no {width: 100px; height: auto; padding: 10px; float: left;}
.cari-dokum-aciklama {width: 150px; height: auto; padding: 10px; float: left; margin-left: 20px;}
.cari-dokum-genel {width: 100px; height: auto; padding: 10px; margin-left: 25px; float: left;}
.cari-dokum-detay {width: 100px; height: auto; padding: 10px; margin-left: 25px; float: right;}
.cari-dokum-detay1 { /*width: 84px; height: 35px; padding: 3px; float: left; margin-left: 45px;*/
    width: 99%;
    height: 88px;
    float: left;
    padding: 0 0 0 10px;
}

.cari-dokum-detay-buton {width: 84px; height: 40px; font-family: 'Roboto', sans-serif; color:#777777; font-size: 14px; color: white; text-decoration: none; font-weight: 700; padding: 10px; background-image: url("../../thema/otoakcin/img/detay.png"); background-repeat: no-repeat;}

.cari-genel-bilgiler-dokum-bg {width: 1280px; height: 90px; margin: auto;}
.cari-genel-bilgiler-bg {width: 300px; height: 80px; float: right; margin-top: 15px; border: 1px solid #eee; border-left: 3px solid; border-left-color:#009cad; background-color: #F5F4F4;}

.cari-sag-tutar-bg {width: 300px; height: auto;margin: auto; margin:5px 0 0 5px;}
.cari-sag-tutar-bg1 {width: 300px; height: auto;margin: auto; margin:30px 0 0 5px;}
.cari-sag-tutar-bg2 {width: 300px; height: auto;margin: auto; margin:55px 0 0 5px;}

.cari-bilgiler-baslik {width: 100px; height: 20px;  float: left;}
.cari-bilgiler-ayrac {width: 10px; height: 20px; float: left;}
.cari-bilgiler-tutar {width: 100px; height: 20px;  float: left;}
.bottom-bg {
    /*width: 1280px;*/
    width:100%;
    height: 30px;
    background-color: #009cad;
    margin: auto;
}

.cari-bilgiler-dokum12 {width: 1280px; height: 40px; margin: auto; border: 1px solid #eee; margin-top: 5px; background-color: #fafafa;}

.index-urun-dokum-bg {width: 1280px; height: 300px; margin: auto; background-color: white; padding-bottom: 10px;}
.index-urun-dokum {width: 1280px; height: auto; float: left;}
.index-urun-dokum1 {width: 1280px; height: auto; float: left; border: 1px solid #eee;}

.urun-dokum-depo1 {width: 25px; height: 20px; float: left; margin:7px 10px; font-weight: 400;background-image: url("../../thema/otoakcin/img/stokdurum.png"); background-repeat: no-repeat;}
.urun-dokum-sepet1 {width: 70px; height: 20px; float: left; font-family: 'Roboto', sans-serif; color: black; font-size: 12px; text-decoration: none; margin:7px 10px; font-weight: 400;}
.urun-dokum-a1 {width: 25px; height: 20px; float: left; font-family: 'Roboto', sans-serif; color: black; font-size: 12px; text-decoration: none; margin:10px; font-weight: 400; }
.urun-dokum-stokkodu1 {width: 100px; height: 20px; float: left; font-family: 'Roboto', sans-serif; color: black; font-size: 12px; text-decoration: none; margin:10px; font-weight: 400; }
.urun-dokum-aciklama1 {width: 200px; height: 20px; float: left; font-family: 'Roboto', sans-serif; color: black; font-size: 12px; text-decoration: none; margin:10px; font-weight: 400; }
.urun-dokum-genel1 {width: auto; height: 20px; float: left; font-family: 'Roboto', sans-serif; color: black; font-size: 12px; text-decoration: none; margin:10px; font-weight: 400; }


.urun-dokum-birim1 {width: 40px; height: 20px; float: left; font-family: 'Roboto', sans-serif; color: black; font-size: 12px; text-decoration: none; margin:10px; font-weight: 400; }
.urun-dokum-birim {width: 40px; height: 20px; float: left; font-family: 'Roboto', sans-serif; color: white; font-size: 12px; text-decoration: none; margin:10px; font-weight: 700; }

.urun-dokum-resim1 {width: 50px; height: 20px; float: left; font-family: 'Roboto', sans-serif; color: black; font-size: 12px; text-decoration: none; margin:5px 10px 10px 10px; font-weight: 400; background-image: url("../../thema/otoakcin/img/urun-foto.png");}
.urun-dokum-resim {width: 50px; height: 20px; float: left; font-family: 'Roboto', sans-serif; color: white; font-size: 12px; text-decoration: none; margin:10px; font-weight: 700; }

.urun-dokum-liste-fiyat1 {width: 100px; height: 20px; float: left; font-family: 'Roboto', sans-serif; color: black; font-size: 12px; text-decoration: none; margin:10px; font-weight: 400; }
.urun-dokum-liste-fiyat {width: 100px; height: 20px; float: left; font-family: 'Roboto', sans-serif; color: white; font-size: 12px; text-decoration: none; margin:10px; font-weight: 700; }

.urun-dokum-isk1 {width: 50px; height: 20px; float: left; font-family: 'Roboto', sans-serif; color: black; font-size: 12px; text-decoration: none; margin:10px; font-weight: 400; }
.urun-dokum-isk {width: 50px; height: 20px; float: left; font-family: 'Roboto', sans-serif; color: white; font-size: 12px; text-decoration: none; margin:10px; font-weight: 700; }

.urun-dokum-kmp1 {width: 50px; height: 20px; float: left; font-family: 'Roboto', sans-serif; color: black; font-size: 12px; text-decoration: none; margin:10px; font-weight: 400; }
.urun-dokum-kmp {width: 50px; height: 20px; float: left; font-family: 'Roboto', sans-serif; color: white; font-size: 12px; text-decoration: none; margin:10px; font-weight: 700; }

.urun-dokum-kdvsiz1 {width: 100px; height: 20px; float: left; font-family: 'Roboto', sans-serif; color: black; font-size: 12px; text-decoration: none; margin:10px; font-weight: 400; }
.urun-dokum-kdvsiz {width: 100px; height: 20px; float: left; font-family: 'Roboto', sans-serif; color: white; font-size: 12px; text-decoration: none; margin:10px; font-weight: 700; }

.urun-dokum-kdvli1 {width: 100px; height: 20px; float: left; font-family: 'Roboto', sans-serif; color: black; font-size: 12px; text-decoration: none; margin:10px; font-weight: 400; }
.urun-dokum-kdvli {width: 100px; height: 20px; float: left; font-family: 'Roboto', sans-serif; color: white; font-size: 12px; text-decoration: none; margin:10px; font-weight: 700; }

.urun-dokum-marka1 {width: 50px; height: 20px; float: left; font-family: 'Roboto', sans-serif; color: black; font-size: 12px; text-decoration: none; margin:10px; font-weight: 400; }
.urun-dokum-marka {width: 50px; height: 20px; float: left; font-family: 'Roboto', sans-serif; color: white; font-size: 12px; text-decoration: none; margin:10px; font-weight: 700; }



.urun-dokum-depo {width: 25px; height: 20px; float: left; font-family: 'Roboto', sans-serif; color: white; font-size: 12px; text-decoration: none; margin:10px; font-weight: 700; }
.urun-dokum-depo-katalog {width: 150px; height: 20px; float: left; font-family: 'Roboto', sans-serif; color: white; font-size: 12px; text-decoration: none; margin:10px; font-weight: 700; }

.urun-dokum-sepet {width: 70px; height: 20px; float: left; font-family: 'Roboto', sans-serif; color: white; font-size: 12px; text-decoration: none; margin:10px; font-weight: 700; }

.urun-dokum-a {width: 25px; height: 20px; float: left; font-family: 'Roboto', sans-serif; color: white; font-size: 12px; text-decoration: none; margin:10px; font-weight: 700; }

.urun-dokum-stokkodu {width: 100px; height: 20px; float: left; font-family: 'Roboto', sans-serif; color: white; font-size: 12px; text-decoration: none; margin:10px; font-weight: 700; }

.urun-dokum-aciklama {width: 200px; height: 20px; float: left; font-family: 'Roboto', sans-serif; color: white; font-size: 12px; text-decoration: none; margin:10px; font-weight: 700; }

.urun-dokum-genel {width: auto; height: 20px; float: left; font-family: 'Roboto', sans-serif; color: white; font-size: 12px; text-decoration: none; margin:10px; font-weight: 700; }

.urun-dokum-detay {width: 50px; height: 20px; float: left; font-family: 'Roboto', sans-serif; color: black; font-size: 12px; text-decoration: none; margin:5px; font-weight: 400; background-image: url("../../thema/otoakcin/img/detay-icon.png");}

.urun-dokum-sepet1-urun {width: 40px; height: 20px; float: left; font-family: 'Roboto', sans-serif; color: black; font-size: 12px; text-decoration: none; font-weight: 400;}

.urun-dokum-sepet1-ekle {width: 30px; height: 20px; float: left; background-image: url("../../thema/otoakcin/img/sepet-ekle.png");}

.index-urun-dokum1:hover {width: 1280px; height: auto; float: left; border: 1px solid #eee; /*background-image: url("../../thema/otoakcin/img/sepet-bg.png");*/}

.index-urun-dokum:hover {width: 1280px; height: auto; float: left;/*background-image: url("../../thema/otoakcin/img/sepet-bg.png");*/}
.sepet-urun-dokum:hover{width: 1280px; height: 40px; /*background-image: url("../../thema/otoakcin/img/sepet-bg.png");*/}

.sepet-urun-dokum {width: 1280px; height: 40px; margin: auto; border: 1px solid #eee; margin-top: 5px; background-color: #fafafa;}

.sepet-sira-no {width: 40px; height: auto; float: left; padding: 10px; font-family: 'Roboto', sans-serif; color:white; font-size: 14px; text-decoration: none; font-weight: 700;}
.sepet-stok-kodu {width: 120px; height: auto; float: left; padding: 10px; font-family: 'Roboto', sans-serif; color:white; font-size: 14px; text-decoration: none; font-weight: 700; /* margin-left: 10px; */}
.sepet-stok-adi {width: 310px; height: auto; float: left; padding: 10px; font-family: 'Roboto', sans-serif; color:white; font-size: 14px; text-decoration: none; font-weight: 700; /* margin-left: 10px; */}
.sepet-birim {width: 45px; height: auto; float: left; padding: 10px; font-family: 'Roboto', sans-serif; color:white; font-size: 14px; text-decoration: none; font-weight: 700;}
.sepet-fiyat {width: 80px; height: auto; float: left; padding: 10px; font-family: 'Roboto', sans-serif; color:white; font-size: 14px; text-decoration: none; font-weight: 700; /* margin-left: 30px; */}
.sepet-isk {width: 45px; height: auto; float: left; padding: 10px; font-family: 'Roboto', sans-serif; color:white; font-size: 14px; text-decoration: none; font-weight: 700;}
.sepet-kampanya {width: 45px; height: auto; float: left; padding: 10px; font-family: 'Roboto', sans-serif; color:white; font-size: 14px; text-decoration: none; font-weight: 700; /* padding-left: 30px; */}
.sepet-urun-sil {width: 20px; height: 20px; float: left; margin: 6px 10px; font-family: 'Roboto', sans-serif; color:black; font-size: 12px; text-decoration: none; font-weight: 700; background-image: url("../../thema/otoakcin/img/delete.png"); background-repeat: no-repeat;}
.sepet-miktar {width: 60px; height: auto; float: left; padding: 10px; font-family: 'Roboto', sans-serif; color:white; font-size: 12px; text-decoration: none; font-weight: 700; }
.sepet-kdvli-net {width: 100px; height: auto; float: left; padding: 10px; font-family: 'Roboto', sans-serif; color:white; font-size: 14px; text-decoration: none; font-weight: 700; /* margin-left: 30px; */}
.sepet-toplam-fiyat {width: 100px; height: auto; float: left; padding: 10px; font-family: 'Roboto', sans-serif; color:white; font-size: 14px; text-decoration: none; font-weight: 700; /* margin-left: 30px; */}
.sepet-toplam-tutar {width: 60px; height: auto; float: left; padding: 10px; font-family: 'Roboto', sans-serif; color:white; font-size: 14px; text-decoration: none; font-weight: 700; /* margin-left: 30px; */}
.sepet-sira-no-sil {width: 30px; height: auto; float: left; padding: 10px; font-family: 'Roboto', sans-serif; color:white; font-size: 14px; text-decoration: none; font-weight: 700;}



.sepet-sira-no1 {width: 40px; height: auto; float: left; padding: 10px; font-family: 'Roboto', sans-serif; color:black; font-size: 12px; text-decoration: none; font-weight: 700;}
.sepet-stok-kodu1 {width: 120px; height: auto; float: left; padding: 10px; font-family: 'Roboto', sans-serif; color:black; font-size: 14px; text-decoration: none; font-weight: 700; /* margin-left: 10px; */}
.sepet-stok-adi1 {width: 310px; height: auto; float: left; padding: 10px; font-family: 'Roboto', sans-serif; color:black; font-size: 12px; text-decoration: none; font-weight: 700; /* margin-left: 10px; */}
.sepet-birim1 {width: 45px; height: auto; float: left; padding: 10px; font-family: 'Roboto', sans-serif; color:black; font-size: 12px; text-decoration: none; font-weight: 700;}
.sepet-fiyat1 {width: 80px; height: auto; float: left; padding: 10px; font-family: 'Roboto', sans-serif; color:black; font-size: 12px; text-decoration: none; font-weight: 700; /* margin-left: 30px; */}
.sepet-isk1 {width: 45px; height: auto; float: left; padding: 10px; font-family: 'Roboto', sans-serif; color:black; font-size: 12px; text-decoration: none; font-weight: 700;}
.sepet-kampanya1 {width: 45px; height: auto; float: left; padding: 10px; font-family: 'Roboto', sans-serif; color:black; font-size: 12px; text-decoration: none; font-weight: 700; /* padding-left: 30px; */}
.sepet-miktar1 {width: 60px; height: auto; float: left; padding: 10px; font-family: 'Roboto', sans-serif; color:black; font-size: 12px; text-decoration: none; font-weight: 700; }
.sepet-kdvli-net1 {width: 100px; height: auto; float: left; padding: 10px; font-family: 'Roboto', sans-serif; color:black; font-size: 12px; text-decoration: none; font-weight: 700; /* margin-left: 30px; */}
.sepet-toplam-fiyat1 {width: 100px; height: auto; float: left; padding: 10px; font-family: 'Roboto', sans-serif; color:black; font-size: 12px; text-decoration: none; font-weight: 700; /* margin-left: 30px; */}
.sepet-toplam-tutar1 {width: 60px; height: auto; float: left; padding: 10px; font-family: 'Roboto', sans-serif; color:black; font-size: 12px; text-decoration: none; font-weight: 700; /* margin-left: 30px; */}
.sepet-sira-no-sil1 {width: 30px; height: 20px; margin: 6px 10px; float: left; background-image: url("../../thema/otoakcin/img/delete.png"); background-repeat: no-repeat;}

.onceki-siparis-sira-no {width: 40px; height: auto; float: left; padding: 10px; font-family: 'Roboto', sans-serif; color:white; font-size: 14px; text-decoration: none; font-weight: 700;}

.onceki-siparis-tarih {width: 190px; height: auto; float: left; padding: 10px; font-family: 'Roboto', sans-serif; color:white; font-size: 14px; text-decoration: none; font-weight: 700;margin-left: 40px;}

.onceki-siparis-durum {width: 180px; height: auto; float: left; padding: 10px; font-family: 'Roboto', sans-serif; color:white; font-size: 14px; text-decoration: none; font-weight: 700;}

.onceki-siparis-onay-tarih {width: 190px; height: auto; float: left; padding: 10px; font-family: 'Roboto', sans-serif; color:white; font-size: 14px; text-decoration: none; font-weight: 700;}

.onceki-siparis-vade {width: 90px; height: auto; float: left; padding: 10px; font-family: 'Roboto', sans-serif; color:white; font-size: 14px; text-decoration: none; font-weight: 700;}

.onceki-siparis-genel-toplam {width: 170px; height: auto; float: left; padding: 10px; font-family: 'Roboto', sans-serif; color:white; font-size: 14px; text-decoration: none; font-weight: 700;}

.onceki-siparis-detay {width: 100px; height: auto; float: left; padding: 10px; font-family: 'Roboto', sans-serif; color:white; font-size: 14px; text-decoration: none; font-weight: 700;}

.onceki-siparis-sira-no1 {width: 40px; height: auto; float: left; padding: 10px; font-family: 'Roboto', sans-serif; color:black; font-size: 12px; text-decoration: none; font-weight: 700;}
.onceki-siparis-tarih1 {width: 190px; height: auto; float: left; padding: 10px; font-family: 'Roboto', sans-serif; color:black; font-size: 12px; text-decoration: none; font-weight: 700;margin-left: 40px;}
.onceki-siparis-durum1 {width: 180px; height: auto; float: left; padding: 10px; font-family: 'Roboto', sans-serif; color:black; font-size: 12px; text-decoration: none; font-weight: 700;}
.onceki-siparis-onay-tarih1 {width: 190px; height: auto; float: left; padding: 10px; font-family: 'Roboto', sans-serif; color:black; font-size: 12px; text-decoration: none; font-weight: 700;}
.onceki-siparis-vade1 {width: 90px; height: auto; float: left; padding: 10px; font-family: 'Roboto', sans-serif; color:black; font-size: 12px; text-decoration: none; font-weight: 700;}
.onceki-siparis-genel-toplam1 {width: 170px; height: auto; float: left; padding: 10px; font-family: 'Roboto', sans-serif; color:black; font-size: 12px; text-decoration: none; font-weight: 700;}
.onceki-siparis-detay1 {width: 100px; height: auto; float: left; padding: 10px; font-family: 'Roboto', sans-serif; color:black; font-size: 12px; text-decoration: none; font-weight: 700;}

.katalog-urun-dokum-bg {
	width: 1280px;
	height: 310px;
	margin: auto;
	background-color: white;
}

.ktlg-urun {
    width: 185px;
    height: 285px;
    float: left;
    border: 1px solid #eee;
	margin: 10px 0 0 10px;
}

@media screen and (max-width: 768px)
{
    body.landing #page-wrapper 
    {
        padding-top: 50px;
    }
    #ctl00_ContentPlaceHolder1_UpdatePanel1 > div.arama > div.arama-sol > div.arama-sol-left > div:nth-child(4) > div.uretici-yazi > input[type=search],
    #ctl00_ContentPlaceHolder1_UpdatePanel1 > div.arama > div.arama-sol > div.arama-sol-left > div:nth-child(1) > div.uretici-yazi > select,
    #ctl00_ContentPlaceHolder1_UpdatePanel1 > div.arama > div.arama-sol > div.arama-sol-left > div:nth-child(2) > div.uretici-yazi > select,
    #ctl00_ContentPlaceHolder1_UpdatePanel1 > div.arama > div.arama-sol > div.arama-sol-left > div:nth-child(3) > div.uretici-yazi > select {
        width: 209px !important;
    }
}


.urunlerimiz-bg-dokum tr {

    height: 40px;
    margin: auto;
    /*border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;*/
    font-size: 12px;
}

.urunlerimiz-bg-dokum tr:hover {
    height: 40px;
    margin: auto;
    /*background-image: url("../../thema/otoakcin/img/sepet-bg.png");*/
}

.dizayn {
    font-family: 'Roboto', sans-serif;
    color: white;
    font-size: 12px;
    float: left;
    color: white;
    padding-top: 7px;
}

#ctl00_ContentPlaceHolder1_GridListe > tbody > tr > td {
    vertical-align: middle;
    padding-left: 10px;
    padding-right: 10px;
    line-height: 21px;
    font-size: 12px !important;
}

/*#ctl00_ContentPlaceHolder1_GridListe > tbody > tr > th:nth-child(1), div.urunlerimiz-bg-dokum > table > tbody > tr > th:nth-child(1),#ctl00_ContentPlaceHolder1_list_ust > tbody > tr > th:nth-child(1) {width: 40px;}
#ctl00_ContentPlaceHolder1_GridListe > tbody > tr > th:nth-child(2), div.urunlerimiz-bg-dokum > table > tbody > tr > th:nth-child(2),#ctl00_ContentPlaceHolder1_list_ust > tbody > tr > th:nth-child(2) {width: 80px;}
#ctl00_ContentPlaceHolder1_GridListe > tbody > tr > th:nth-child(3), div.urunlerimiz-bg-dokum > table > tbody > tr > th:nth-child(3),#ctl00_ContentPlaceHolder1_list_ust > tbody > tr > th:nth-child(3) {width: 100px;}
#ctl00_ContentPlaceHolder1_GridListe > tbody > tr > th:nth-child(4), div.urunlerimiz-bg-dokum > table > tbody > tr > th:nth-child(4),#ctl00_ContentPlaceHolder1_list_ust > tbody > tr > th:nth-child(4) {width: 300px;}
#ctl00_ContentPlaceHolder1_GridListe > tbody > tr > th:nth-child(5), div.urunlerimiz-bg-dokum > table > tbody > tr > th:nth-child(5),#ctl00_ContentPlaceHolder1_list_ust > tbody > tr > th:nth-child(5) {width: 50px;}
#ctl00_ContentPlaceHolder1_GridListe > tbody > tr > th:nth-child(6), div.urunlerimiz-bg-dokum > table > tbody > tr > th:nth-child(6),#ctl00_ContentPlaceHolder1_list_ust > tbody > tr > th:nth-child(6) {width: 40px;}
#ctl00_ContentPlaceHolder1_GridListe > tbody > tr > th:nth-child(7), div.urunlerimiz-bg-dokum > table > tbody > tr > th:nth-child(7),#ctl00_ContentPlaceHolder1_list_ust > tbody > tr > th:nth-child(7) {width: 30px;}
#ctl00_ContentPlaceHolder1_GridListe > tbody > tr > th:nth-child(8), div.urunlerimiz-bg-dokum > table > tbody > tr > th:nth-child(8),#ctl00_ContentPlaceHolder1_list_ust > tbody > tr > th:nth-child(8) {width: 85px;}
#ctl00_ContentPlaceHolder1_GridListe > tbody > tr > th:nth-child(9), div.urunlerimiz-bg-dokum > table > tbody > tr > th:nth-child(9),#ctl00_ContentPlaceHolder1_list_ust > tbody > tr > th:nth-child(9) {width: 30px;}
#ctl00_ContentPlaceHolder1_GridListe > tbody > tr > th:nth-child(10), div.urunlerimiz-bg-dokum > table > tbody > tr > th:nth-child(10),#ctl00_ContentPlaceHolder1_list_ust > tbody > tr > th:nth-child(10) {width: 100px;}
#ctl00_ContentPlaceHolder1_GridListe > tbody > tr > th:nth-child(11), div.urunlerimiz-bg-dokum > table > tbody > tr > th:nth-child(11),#ctl00_ContentPlaceHolder1_list_ust > tbody > tr > th:nth-child(11) {width: 75px;}
#ctl00_ContentPlaceHolder1_GridListe > tbody > tr > th:nth-child(12), div.urunlerimiz-bg-dokum > table > tbody > tr > th:nth-child(12),#ctl00_ContentPlaceHolder1_list_ust > tbody > tr > th:nth-child(12) {width: 85px;}*/
/*#ContentPlaceHolder1_GridListe > tbody > tr > th:nth-child(13), div.urunlerimiz-bg-dokum > table > tbody > tr > th:nth-child(13),#ContentPlaceHolder1_list_ust > tbody > tr > th:nth-child(13) {width: 85px;}*/

#ctl00_ContentPlaceHolder1_GridListe > tbody > tr > th:nth-child(8), div.urunlerimiz-bg-dokum > table > tbody > tr > th:nth-child(8),
#ctl00_ContentPlaceHolder1_GridListe > tbody > tr > th:nth-child(11), div.urunlerimiz-bg-dokum > table > tbody > tr > th:nth-child(11),
#ctl00_ContentPlaceHolder1_GridListe > tbody > tr > td:nth-child(8),
#ctl00_ContentPlaceHolder1_GridListe > tbody > tr > td:nth-child(11), #ctl00_ContentPlaceHolder1_GridListe > tbody > tr > td:nth-child(12) {
    /*text-align: right;*/
}

#ctl00_ContentPlaceHolder1_GridListe > tbody > tr > th:nth-child(1), div.urunlerimiz-bg-dokum > table > tbody > tr > th:nth-child(1),
#ctl00_ContentPlaceHolder1_GridListe > tbody > tr > th:nth-child(5), div.urunlerimiz-bg-dokum > table > tbody > tr > th:nth-child(5),
#ctl00_ContentPlaceHolder1_GridListe > tbody > tr > th:nth-child(6), div.urunlerimiz-bg-dokum > table > tbody > tr > th:nth-child(6),
#ctl00_ContentPlaceHolder1_GridListe > tbody > tr > th:nth-child(7), div.urunlerimiz-bg-dokum > table > tbody > tr > th:nth-child(7),
#ctl00_ContentPlaceHolder1_GridListe > tbody > tr > th:nth-child(9), div.urunlerimiz-bg-dokum > table > tbody > tr > th:nth-child(9),
#ctl00_ContentPlaceHolder1_GridListe > tbody > tr > th:nth-child(10), div.urunlerimiz-bg-dokum > table > tbody > tr > th:nth-child(10),
#ctl00_ContentPlaceHolder1_GridListe > tbody > tr > th:nth-child(12), div.urunlerimiz-bg-dokum > table > tbody > tr > th:nth-child(12),
/*#ContentPlaceHolder1_GridListe > tbody > tr > th:nth-child(13), div.urunlerimiz-bg-dokum > table > tbody > tr > th:nth-child(13),*/
#ctl00_ContentPlaceHolder1_GridListe > tbody > tr > td:nth-child(1),
#ctl00_ContentPlaceHolder1_GridListe > tbody > tr > td:nth-child(2),
#ctl00_ContentPlaceHolder1_GridListe > tbody > tr > td:nth-child(5),
#ctl00_ContentPlaceHolder1_GridListe > tbody > tr > td:nth-child(6),
#ctl00_ContentPlaceHolder1_GridListe > tbody > tr > td:nth-child(7),
#ctl00_ContentPlaceHolder1_GridListe > tbody > tr > td:nth-child(9),
#ctl00_ContentPlaceHolder1_GridListe > tbody > tr > td:nth-child(10)
/*,#ctl00_ContentPlaceHolder1_GridListe > tbody > tr > td:nth-child(12)*/
/*,#ContentPlaceHolder1_GridListe > tbody > tr > td:nth-child(13)*/ {
    /*text-align: center;*/
}


.tooltip 
{
    font-size:12px !important;
}

#ctl00_ContentPlaceHolder1_GridListe > tbody > tr > td > div > div > span > table > tbody > tr:hover {
    background-color: #fb3 !important;
}


#ctl00_ContentPlaceHolder1_GridListe > tbody > tr.tblfooters > td > table > tbody > tr > td > a 
{
    color:black !important;
    font-size:32px !important;
}

/*#ctl00_ContentPlaceHolder1_GridListe > tbody > tr > td:nth-child(1),
#ctl00_ContentPlaceHolder1_GridListe > tbody > tr > td:nth-child(2)*/
.tdclass6 {
    padding-left: 1px !important;
    padding-right: 1px !important;
}


/* URUN DETAY SAYFASI BASLANGIC */
.urun-detay {
    width: 1280px;
    height: 500px;
    margin: auto;
    background-color: white;
    border-radius: 5px;
    filter: drop-shadow(0 0 0.90rem crimson);
    left: -10px;
    position: relative;
}

.urun-dokum-detay-bg {
    width: 1250px;
    height: 450px;
    padding: 10px;
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    color: black;
    list-style-type: none;
}

.urun-detay-resim {
    width: 250px;
    height: 250px;
    float: left;
    border: 1px solid #eee;
}

/*
.urun-detay-sag-aciklama {
	width: 780px;
	height: 500px;
	float: left;
	border: 1px solid #eee;
}
*/
.urun-detay-sag-aciklama {
    width: 960px;
    height: 400px;
    float: left;
    border: 0px solid #eee;
    margin-left: 20px;
}

.urun-detay-sag-aciklama-bg {
    width: 550px;
    height: auto;
    float: left;
    border: 1px solid #eee;
}

/*.urun-detay-sag-aciklama-bg:hover {
	width: 350px;
	height: auto;
	background-image:url("img/sepet-bg.png");
	background-color:#C5C2C2;

}
*/

.urun-detay-sag-aciklama-baslik {
    width: 140px;
    height: 40px;
    float: left;
    font-family: 'Roboto', sans-serif;
    color: black;
    font-size: 14px;
    color: #000000;
    padding: 10px;
    font-weight: 700;
    text-align: left;
}

.urun-detay-sag-aciklama-ayrac {
    width: 10px;
    height: 40px;
    float: left;
    font-family: 'Roboto', sans-serif;
    color: black;
    font-size: 14px;
    color: #000000;
    padding: 10px;
}

.urun-detay-sag-aciklama-yazilar {
    width: 300px;
    height: 40px;
    float: left;
    font-family: 'Roboto', sans-serif;
    color: black;
    font-size: 14px;
    color: #000000;
    padding: 10px;
    text-align: left;
}

.urun-detay-sag-aciklama-sepet-bg {
    width: 409px;
    height: auto;
    float: left;
    margin-top: 25px;
}

.urun-detay-sag-aciklama-sepet {
    width: 160px;
    height: 30px;
    float: left;
    margin-left: 10px;
    border: 1px solid black;
    line-height: 30px;
    text-align: center;
    margin-top: 20px;
    background-color: #82bd04;
    color: white;
    font-weight: 700;
    font-size: 14px;
}

.urun-detay-sag-aciklama-teklif-al {
    width: 222px;
    height: 30px;
    float: left;
    margin-left: 10px;
    border: 1px solid black;
    line-height: 30px;
    text-align: center;
    margin-top: 20px;
    background-color: #00078B;
    color: white;
    font-weight: 700;
    font-size: 14px;
}

.popup-urun-isim {
    width: 1213px;
    height: auto;
    /* margin: auto; */
    padding: 10px;
    border: 1px solid #eee;
    line-height: 25px;
    margin-bottom: 5px;
    font-weight: 700;
    text-align: left;
}

.urun-detay-sag-aciklama-bg-sag {
    width: 550px;
    height: auto;
    float: left;
}

.urun-detay-sag-aciklama-bg-sag2 {
    width: 400px;
    height: auto;
    float: left;
    margin-left: 5px;
}

.urun-detay-sag-aciklama-bg-sag-ust {
    width: 379px;
    height: auto;
    float: left;
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    color: black;
    font-weight: 700;
    padding: 10px;
    border: 1px solid #eee;
    margin-left: 8px;
    /*background-image: url("img/sepet-bg.png");*/
    background-color: chocolate;
    color: #fff;
    text-align:left;
}

.urun-detay-sag-aciklama-bg-sag-ust2 {
    width: 379px;
    height: auto;
    float: left;
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    color: black;
    font-weight: 700;
    padding: 10px;
    border: 1px solid #eee;
    margin-left: 8px;
    margin-top: 10px;
    /*background-image: url("img/sepet-bg.png");*/
    background-color: chocolate;
    color: #fff;
    text-align: left;
}

.urun-detay-sag-aciklama-bg-sag-ust-oem {
    width: 379px;
    height: 80px;
    float: left;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    color: black;
    font-weight: 700;
    padding: 10px;
    border: 1px solid #eee;
    margin-left: 8px;
    margin-top: 5px;
    line-height: 15px;
    text-align: left;
}

/* URUN DETAY SAYFASI BITIS */
/* URUN DETAY SAYFASI BITIS */



.atalay-ust-menu-sol-bg {
    width: 850px;
    height: 25px;
    float: left;
    margin: 4px 0 0 10px;
}

.atalay-default-bg {
    width: 1300px;
    margin: auto;
    height: 300px;
    /*padding-top: 10px;*/
}


.atalay-default-bg-sol {
    width: 416px;
    height: 295px;
    float: left;
    border: 1px solid #A4A4A4;
    top: -3px;
    position: relative;
}

.atalay-default-bg-sag {
    width: 890px;
    height: 295px;
    float: left;
    background-image: url("/img/banner.png");
    margin-left: 5px;
}

.atalay-default-baslik {
    width: 390px;
    height: 30px;
    margin-left: 10px;
    margin-top: 10px;
}

.atalay-default-baslik-sol {
    width: 250px;
    height: 25px;
    margin: 5px 0 0 0;
    font-family: 'Roboto', sans-serif;
    color: #009cad;
    font-size: 14px;
    text-decoration: none;
    font-weight: 700;
    float: left;
}

.atalay-default-baslik-sag {
    width: 60px;
    height: 20px;
    float: right;
}

.atalay-default-baslik-yildiz {
    width: 20px;
    height: 21px;
    background-image: url("/img/yildiz.png");
    background-repeat: no-repeat;
    float: right;
}

.atalay-default-baslik-ayrac {
    width: 390px;
    height: 1px;
    margin-left: 10px;
    margin-top: 10px;
    background-color: #7B7B7B;
}

.atalay-default-iletisim {
    width: 390px;
    height: 120px;
    margin-left: 10px;
    margin-top: 10px;
    font-family: 'Roboto', sans-serif;
    color: #3E3E3E;
    font-size: 14px;
    text-decoration: none;
    font-weight: 100;
}

.atalay-iletisim-yazi {
    font-family: 'Roboto', sans-serif;
    color: #009cad;
    font-size: 14px;
    text-decoration: none;
    font-weight: 700;
}


.atalay-default-cari {
    width: 390px;
    height: 35px;
    margin-left: 10px;
    margin-top: 20px;
}

.atalay-default-cari-bg {
    width: 390px;
    height: 35px;
    margin-left: 10px;
    margin-top: 13px;
}

.atalay-default-cari-bg-sol {
    width: 200px;
    height: auto;
    float: left;
    font-family: 'Roboto', sans-serif;
    color: #3E3E3E;
    font-size: 14px;
    text-decoration: none;
    font-weight: 100;
    margin-top: 10px;
}

.atalay-default-cari-bg-sag {
    width: 136px;
    height: 33px;
    float: left;
    margin-left: 52px;
    background-image: url("/img/bakiye-kapat.png");
}