@charset "utf-8";
/* CSS Document */
.sepeteEkle{display:inline-block;padding:10px 15px 10px 35px;background-color:#00909e;color:#FFF;font-size:14px;margin:10px 0;border-radius:0px;cursor:pointer;background-image:url(../images/sepet_beyaz.svg);background-position:center left 10px;background-repeat:no-repeat;background-size:17px auto;border:0;width:auto;}
.sepeteEkle:hover,.sepeteEkle:active{background-color:#666666;}
#sepeteGitButon{display:inline-block;padding:7px 30px 7px 10px;background-color:#069;color:#FFF;font-size:13px;margin:10px 0;border-radius:0px;cursor:pointer;background-image:url(../images/sag_duz_ok.svg);background-position:center right 10px;background-repeat:no-repeat;background-size:14px auto;border:0;width:auto;clear:both;}
#sepeteGitButon:hover,#sepeteGitButon:active{background-color:#666666;}
#alisveriseDevamEt{display:inline-block;padding:10px 10px 10px 14px;background-color:transparent;color:#666666;font-size:13px;margin:2px 0 4px 0;border-radius:3px;cursor:pointer;background-image:url(../images/sol_ok_siyah.svg);background-position:center left 0px;background-repeat:no-repeat;background-size:11px auto;border:0;width:auto;clear:both;}
#alisveriseDevamEt:hover,#alisveriseDevamEt:active{color:#999999;}

#sepetKutum2{display:inline-block;position:relative;color:#666666;}
#sepetKutum2 #sepetimIcon{float:left;display:block;width:51px;height:51px;position:relative;background-image:url(../images/sepetim_icon.svg);background-position:center left;background-repeat:no-repeat;cursor:pointer;background-size:contain;}
#sepetKutum2 #sepetimIcon #sepetimAdet{width:20px;height:20px;display:block;border-radius:15px;background-color:#f2462e;color:#FFFFFF;font-size:12px;position:absolute;right:12px;top:7px;text-align:center;line-height:20px;font-weight:bold;}
#sepetKutum2 #sepetimLabel{float:left;position:relative;color:#272727;margin:0px 0 0 7px;}
#sepetKutum2 #sepetimLabel #sepetimMetin{display:block;clear:both;font-size:14px;padding:3px 0;text-align:left;}
#sepetKutum2 #sepetimLabel #sepetimToplam{display:block;clear:both;font-size:20px;font-weight:bold;padding:3px 0;text-align:left;}
#sepetMobilDiv #sepetKutum2 #sepetimIcon{width:30px;height:30px;background-image:url(../images/sepetim_icon_beyaz.svg);background-size:auto 90%;}
#sepetMobilDiv #sepetKutum2 #sepetimIcon #sepetimAdet{background-color:rgba(0,0,0,0.3);width:13px;height:13px;line-height:12px;right:7px;top:2px;font-size:10px;}
.sepetAdet{padding:8.3px;display:block;width:50px;height:36.5px;border-radius:0;margin:10px 5px 10px 0;float:left;}
#sepetKutum{display:inline-block;padding:8px 8px 8px 30px;background-image:url(../images/sepetim.svg);background-position:center left 6px;background-repeat:no-repeat;background-size:17px auto;border:0px solid #cccccc;border-radius:0px;cursor:pointer;color:#666666;}
#sepetKutum:hover, #sepetKutum:active{background-image:url(../images/sepetim2.svg);color:#333333;}
#sepetimDiv{display:block;clear:both;margin:10px 0;border:0px solid #CCC;padding:25px 0;background-color:transparent;display:block;position:relative;}
#sepetListesi{display:block;clear:both;text-align:left;width:78%;float:left;margin-right:2%;background-color:#FFF;padding:8px 14px;border:1px solid #E9E9E9;}
#sepetListesi ul li{display:block;clear:both;padding:5px 10px;border-top:1px solid #DFDFDF;}
#sepetListesiBaslik{display:block;clear:both;padding:10px 0;color:#222222;font-size:17px;border-bottom:0px solid #DFDFDF;margin:0 0 0 0;}
#sepetListeGuncelle{display:inline-block;padding:8px;color:#FFFFFF;background-color:#099;font-size:13px;margin:0 2px 0 0;cursor:pointer;}
#sepetListeSil{display:inline-block;padding:8px;color:#FFFFFF;background-color:#BC2929;font-size:14px;margin:0 0 0 2px;cursor:pointer;}
#sepetListeGuncelle:hover,#sepetListeGuncelle:active, #sepetListeSil:hover,#sepetListeSil:active{background-color:#666;}
#sepetListesi #sepetListeResim{display:block;float:left;width:8%;padding:2px 5px;}
#sepetListesi #sepetListeResim img{max-width:100%;max-height:75px;}
#sepetListesi #sepetListeBaslik{display:block;float:left;width:62%;padding:7px;font-size:15px;}
#sepetListesi #sepetListeFiyat{font-size:15px;padding:4px 0;display:block;clear:both;color:#333333;font-weight:bold;margin:6px 0;}
#sepetListesi #sepetListeAdet{display:block;float:left;width:12%;padding:8px;}
#sepetListesi #sepetListeAdet input{width:60px;border:1px solid #CCC;background-color:#FFFFFF;font-size:13px;text-align:center;padding:8px;display:inline-block;}
#sepetListesi #sepetListeKontrol{display:block;float:left;width:18%;padding:10px 0;text-align:right;}
#sepetToplamDiv{display:block;width:20%;float:left;background-color:#FFF;text-align:right;padding:8px 14px;border:1px solid #E9E9E9;position:relative;}
#siparisOzeti{display:block;clear:both;padding:15px 0;font-size:20px;color:#222222;border-bottom:1px solid #DFDFDF;margin-bottom:5px;}
#siparisTopamAdet{display:block;clear:both;padding:5px 0 10px 0;font-size:14px;color:#555;}
#urunlerToplamiBaslik{display:block;clear:both;padding:3px 0;font-size:15px;color:#555;}
#urunlerToplamiKdv{display:block;clear:both;padding:3px 0;font-size:15px;color:#222;}
#urunlerToplamiFiyat{display:block;clear:both;padding:3px 0 10px 0;font-size:17px;color:#555;}
#urunlerKdv{display:block;clear:both;padding:3px 0;font-size:13px;color:#666;}
#kdvDahilToplam{display:block;clear:both;padding:5px 0;color:#222;font-size:25px;}
#sepetSonucGoster{display:none;}
.siparisVerButon{display:inline-block;padding:12px 15px 12px 30px;color:#FFFFFF;background-color:#009999;font-size:13px;border:0;margin:10px 0;border-radius:3px;cursor:pointer;background-image:url(../images/ok.svg);background-position:center left 6px;background-repeat:no-repeat;background-size:17px auto;width:100%;}
.siparisVerButon:hover,.siparisVerButon:active{background-color:#333;}
.siparisVerButon2{display:inline-block;padding:12px 15px 12px 30px;color:#FFFFFF;background-color:#009999;font-size:13px;border:0;margin:10px 0;border-radius:3px;cursor:pointer;background-image:url(../images/sag_ok_beyaz.svg);background-position:center left 6px;background-repeat:no-repeat;background-size:17px auto;width:100%;}
.siparisVerButon2:hover,.siparisVerButon2:active{background-color:#333;}
.hemenBaslaButon{display:inline-block;padding:10px 15px 10px 40px;color:#FFFFFF;background-color:#333;font-size:16px;border:0;margin:10px 0;border-radius:3px;cursor:pointer;background-image:url(../images/sepet_beyaz.svg);background-position:center left 10px;background-repeat:no-repeat;background-size:18px auto;}
.hemenBaslaButon:hover,.hemenBaslaButon:active{background-color:#666;}

#sozlesmeLink{color:#666666;font-size:12px;}
#sozlesmeLink a{font-size:12px;color:#0086bc;}
#bosSepetDiv{display:block;text-align:center;padding:0 15px;color:#666;font-size:24px;border:0px solid #666;}
#bosSepetDiv img{max-width:50%;max-height:200px;}
#bosSepetDiv img:hover,#bosSepetDiv img:active{opacity:0.8;}
#bosSepetDivYazi{margin:30px 0 10px 0;display:block;clear:both;}
#sepetBaslikNot{display:block;clear:both;padding:0;color:#555555;font-size:13px;text-align:left;}
#siparisFormDiv{margin-top:15px;}

#aramaSonuc{display:none;border:0px solid #33CC66;clear:both;position:relative;}
#aramaListe{display:block;position:absolute;top:-5px;width:100%;border:1px solid #EAEAEA;background-color:#FFFFFF;overflow-y:scroll;max-height:500px;z-index:8;padding:0;}
#aramaListe ul li{list-style:none;border:0px solid #EBEBEB;padding:10px;font-size:13px;color:#333333;}
#aramaListe ul li:hover{background-color:#EEEEEE;border-left:0px solid #009999;cursor:pointer;}
#siparisVerButonDiv2{display:block;margin-right:15px;}	
#sepetAdimlari{display:block;clear:both;margin:0 5px 15px 5px;}
#sepetAdimlari ul li{float:left;width:32.66%;margin-right:1%;}
#sepetAdimlari ul li:last-child{margin:0;}
#sepetAdimlari ul li a{border-bottom:3px solid #D2D2D2;background-color:transparent;color:#B6B6B6;padding:8px 0;display:block;font-size:13px;}
#sepetAdimlari ul li a.active{background-color:transparent;border-bottom:3px solid #009999;color:#009999;}
#sepetAdimlari ul li a:hover, #sepetAdimlari ul li a:active, #sepetAdimlari ul li a.active:hover, #sepetAdimlari ul li a.active:active{border-bottom:3px solid #666;color:#666;}

#uyariKutu{display:block;clear:both;background-color:#FFF0F0;border:1px solid #FF8080;font-size:16px;color:#D32525;text-align:left;background-image:url(../images/info.svg);background-size:20px auto;background-repeat:no-repeat;background-position:center left 5px;padding:20px 20px 20px 30px;margin:10px 0;}
#bilgiKutuOnay{display:block;clear:both;background-color:#dff2d5;border:1px solid #83b655;font-size:14px;color:#333333;line-height:20px;text-align:left;background-image:url(../images/info_siyah.svg);background-size:20px auto;background-repeat:no-repeat;background-position:center left 5px;padding:10px 10px 10px 30px;margin:10px 0;}
#bilgiKutuInfo{display:block;clear:both;background-color:#d7edf9;border:1px solid #179bd7;font-size:14px;color:#333333;line-height:20px;text-align:left;background-image:url(../images/info_siyah.svg);background-size:20px auto;background-repeat:no-repeat;background-position:center left 5px;padding:10px 10px 10px 30px;margin:10px 0;}
#uyariKutu a{color:#179bd7;text-decoration:underline;}
#bilgiKutuOnay a{color:#83b655;text-decoration:underline;}
#bilgiKutuInfo a{color:#179bd7;text-decoration:underline;}
#uyariKutu img{max-width:50px;max-height:30px;}
#hataKutu2{display:block;clear:both;padding:10px;background-color:#D32525;border:0px solid #CF9E9E;font-size:20px;color:#FFFFFF;line-height:20px;text-align:center;}
#siparisKutuOnay{display:block;clear:both;background-color:#dff2d5;border:1px solid #83b655;font-size:24px;color:#333333;text-align:center;margin:10px 0;padding:20px;}
#siparisOnayNot{font-size:18px;}
#siparisKutuOnayResim{display:block;clear:both;padding:15px 0 25px 0;}
#siparisKutuOnayResim img{max-width:100px;max-height:100px;}
#siparisKutuOnay a{color:#179bd7;text-decoration:underline;font-size:22px;}
#renkKutu{display:inline-block;width:18px;height:15px;border:1px solid #000;}
@media only screen and (min-width:1024px){

}
@media only screen and (max-width:1023px) and (min-width:768px){

}
@media only screen and (max-width:767px) and (min-width:480px){
#sepetAdimlari ul li a{font-size:12px;}	
#sepetListesi{clear:both;float:none;width:100%;}	
#sepetToplamDiv{clear:both;float:none;width:100%;}
#sepetListesi #sepetListeResim{display:block;float:left;width:18%;padding:2px 5px;}
#sepetListesi #sepetListeResim img{max-width:100%;max-height:75px;}
#sepetListesi #sepetListeBaslik{display:block;float:left;width:62%;padding:15px;font-size:15px;}
#sepetListesi #sepetListeAdet{display:block;float:left;width:20%;padding:8px;}
#sepetListesi #sepetListeAdet input{width:60px;border:1px solid #CCC;background-color:#FFFFFF;font-size:13px;text-align:center;padding:8px;display:inline-block;}
#sepetListesi #sepetListeKontrol{display:block;float:none;width:100%;padding:10px 0;text-align:right;clear:both;}	
siparisVerButonDiv2{display:none;}	
#sepetKutum2 #sepetimIcon{float:left;display:block;width:37px;height:37px;position:relative;background-position:center left;background-repeat:no-repeat;cursor:pointer;}
#sepetKutum2 #sepetimIcon #sepetimAdet{width:14.5px;height:14px;display:block;border-radius:15px;background-color:#f2462e;color:#FFFFFF;font-size:10px;position:absolute;right:9px;top:6px;text-align:center;line-height:14px;font-weight:bold;}
#sepetKutum2 #sepetimLabel{display:none;}
#sepetKutum2 #sepetimLabel #sepetimMetin{display:block;clear:both;font-size:12px;padding:3px 0;text-align:left;}
#sepetKutum2 #sepetimLabel #sepetimToplam{display:block;clear:both;font-size:15px;font-weight:bold;padding:3px 0;text-align:left;}
}
@media only screen and (max-width:479px){
#sepetAdimlari ul li a{font-size:11px;}		
#sepetListesi{clear:both;float:none;width:100%;}	
#sepetToplamDiv{clear:both;float:none;width:100%;}	
#sepetListesi #sepetListeResim{display:block;float:left;width:18%;padding:2px 5px;}
#sepetListesi #sepetListeResim img{max-width:100%;max-height:75px;}
#sepetListesi #sepetListeBaslik{display:block;float:left;width:62%;padding:15px;font-size:15px;}
#sepetListesi #sepetListeAdet{display:block;float:left;width:20%;padding:8px;}
#sepetListesi #sepetListeAdet input{width:60px;border:1px solid #CCC;background-color:#FFFFFF;font-size:13px;text-align:center;padding:8px;display:inline-block;}
#sepetListesi #sepetListeKontrol{display:block;float:none;width:100%;padding:10px 0;text-align:right;clear:both;}
#siparisVerButonDiv2{display:none;}	
#sepetKutum2 #sepetimIcon{float:left;display:block;width:37px;height:37px;position:relative;background-position:center left;background-repeat:no-repeat;cursor:pointer;}
#sepetKutum2 #sepetimIcon #sepetimAdet{width:14px;height:14px;display:block;border-radius:15px;background-color:#f2462e;color:#FFFFFF;font-size:10px;position:absolute;right:9px;top:6px;text-align:center;line-height:14.5px;font-weight:bold;}
#sepetKutum2 #sepetimLabel{display:none;}
#sepetKutum2 #sepetimLabel #sepetimMetin{display:block;clear:both;font-size:12px;padding:3px 0;text-align:left;}
#sepetKutum2 #sepetimLabel #sepetimToplam{display:block;clear:both;font-size:15px;font-weight:bold;padding:3px 0;text-align:left;}
}