@charset "utf-8";
/* CSS Document */
.member, .member2{background-color:white;min-height:400px; width: 830px; padding:0 20px 20px 20px; position:relative; text-align:left; box-shadow:0 0 3px #ccc;}
.member{ float:right}
.memberbaslik{
	background-color: white; text-align:left; border-bottom:1px solid #ccc; position:relative;
	padding-left:40px; width:830px; margin-left:-20px; color:#f60;font-weight:bold; line-height:80px; font-size:24px}
.memberbaslik2{
	background-color: white; text-align:center; border-bottom:1px solid #ccc; position:relative;
	color:GRAY;font-weight:bold; width:870px; margin-left:-20px; line-height:30px; font-size:16px}
.memberbaslik3{
	background-color: white; text-align:center;
	padding-left:30px; color:#f60;font-weight:bold; line-height:30px; font-size:18px}
.memberbaslik4{
	background-color: white; text-align:left; border-bottom:1px solid #ccc; position:relative;
	padding-left:40px; color:#f60;font-weight:bold; line-height:80px; font-size:24px}
.sepetaltbaslik{ position:absolute; top:83px; width:870px; margin-top:-25px;}
.sepetaltbaslik div{float:right; line-height:25px; width:136px; margin-right:20px; text-align:center}
.memberbaslik5{
	background-color: white; text-align:left; border-bottom:1px solid #ccc; position:relative; width:calc(100% + 20px);
	padding-left:40px; color:#f60; margin:0 0 10px -30px; font-weight:bold; line-height:50px; font-size:20px}

.sepetliste{float:none; border-bottom:1px solid #eee; padding:10px 0; position:relative}
.sepetresim{float:left; margin-right:2%; width:60px; height:80px; border:1px solid #eee; cursor:pointer}
.sepeturunadi{float:left;color:black; position:relative; min-height:80px; width:480px; margin-right:10px;}
.sepeturunadi a b{color:black}
.sepeturunadi b{cursor:pointer}
.sepetbilgi{color:red}
.sepeturunadet{width:15%; float:left; margin-right:10px; min-height:80px;}
.adetbutonlar{width:90px;height:38px; float:left; border-radius:5px; background-color:#ccc; text-align:center; margin-top:10px}
.adetbutonlar .sepetadet{background-color:white; width:40px; text-align:center; vertical-align:middle; font-size:12px; border-radius:3px;}
.adetbutonlar .plusbtn{ color:black;cursor:pointer; font-weight:bold; font-size:16px; width:15px; text-align:center; vertical-align:middle;}
.adetbutonlar .plusbtn:hover{color:red}
.sepeturunfiyat{float:left; text-align:right; width:15%; padding-top:10px; min-height:70px;}
.sepeturunfiyat .fiyat{ color:gray; text-decoration:line-through; font-size:12px}
.sepeturunfiyat .ifiyat{color:black; font-size:20px;}
.sepetbos{line-height:400px; text-align:center}
.sepetsil{position:absolute; bottom:10px; left:80px; color:gray; background-color:#eee; padding:2px 3px; box-shadow:0 0 1px gray; cursor:pointer}
.sepettoplamlar{font-size:12px; color:#999; float:right; margin:10px 10px 0 0; text-align:right;}
.sepettoplamlar .urunlertoplam, .sepettoplamlar .kargotoplam{font-size:20px; color:black; margin-top:10px;}
.indirimtoplam{font-size:12px; color:gray}
.satinalbuton{float:left;margin:70px 0 0 10px; text-align:left; color:#999; font-size:12px}
.satinalozet{font-size:20px; color:#f60}
.sepetadettoplam{font-size:12px; color:#333}
.sepetgeneltoplam{font-size:26px; font-weight:bold; color: black}

#adres,#fatura{min-height:130px}
.adresler{width:392px; float:left;margin:10px 10px 20px 10px; font-size: 12px;  position:relative;
	  box-shadow:0px 0px 2px #ccc; min-height:180px}
.adresler .degistirbtn{position:absolute; right:10px; bottom:10px; cursor:pointer; color:blue}
.adresler table{margin:3px 5px; font-size: 12px; margin-bottom:30px; width:calc(100% - 30px)}
.adresler td{ align-content:stretch}
.adresler .baslik, .satisadres .baslik{text-align:center; padding:5px; background-color:#eee; color:#666; border-bottom:1px solid #ccc}
.adreslistbuton{text-align:right; position:absolute; bottom:5px; right:5px;}
.adreslistbuton font{color: blue; padding:3px 7px; margin:3px; font-size:12px; cursor:pointer}
.adresler select{position:absolute;margin:0;border-radius:0; top:0; right:0; border:1px solid #ccc; height:25px; background:#eee; font-size:14px;  padding:3px;}
.adresler{border:1px solid #eee}
.adresler #adress{padding:5px 10px;}
.inputclicksola{margin-left:-120px}
#mem_info_form .inputclicksola{margin-left:-160px}

.siparisliste{float:none;margin:20px 0;;border:1px solid #ccc; background-color:#ffe;  position:relative; padding:2px;}
.siparisbilgi{float:left;width:25%; padding:10px 10px 10px 20px; font-size:10px;}
.siparisbilgi b, .siparisbilgi2 b{font-size:12px; color:black}
.siparisbilgi div, .siparisbilgi2 div{margin-bottom:10px}
.siparisdetay{
	float:left; width:calc(75% - 42px); text-align:center;
	background-color:white; padding:40px 10px 10px 0; border-left:1px solid #eee; position:relative }
.siparisdetay .bosluk{border-bottom:1px solid #eee; width:calc(100% + 14px);}
.siparisdetay .urunbilgileri{ border-bottom:1px solid #eee;padding:10px; width:calc(100% - 16px); position:relative;margin-left:4px}
.siparisdetay .siparisurunresmi{float:left; width:45px; height:60px; cursor:pointer;}
.siparisdetay .siparisurunbilgi{float:left; width:calc(100% - 60px) ;height:40px; padding-left:10px;}
.siparisdetay .siparisurun{color:black; cursor:pointer; text-align:left;}
.siparisdetay .siparisadet{position:absolute; right:150px; bottom:10px;}
.siparisdetay .siparisfiyat{font-size:16px; color:black; position:absolute; right:10px; bottom:10px;}
.siparisbilgi .siparisdurum{position:absolute; left:260px; top:10px;z-index:1}
.siparisbilgi .siparislink{position:absolute; right:20px; top:12px;z-index:1; font-size:14px; color: #f60; cursor:pointer; text-decoration:underline}
.siparisbtn{cursor:pointer; margin:0 30px; text-decoration:underline; color:black; line-height:30px;}
.siparisbeden{font-size:10px; text-align:left; margin-bottom:10px}
.siparisbilgi2{position:relative; width:100%; height:50px; font-size:10px;background-color:#ffe; box-shadow:0 0 2px #ccc; margin-bottom:30px}
.siparisbilgi2 .siparistarihi{position:absolute; top:10px; left:20px;}
.siparisbilgi2 .sipariskodu{position:absolute; top:10px; left:180px;}
.siparisbilgi2 .siparistoplam{position:absolute; top:10px; left:350px;}
.siparisbilgi2 .siparisodeme{position:absolute; top:10px; left:540px;}
.siparisbilgi2 .siparisdurum{position:absolute; top:10px; left:710px;}
.siparisdetay2{background-color:#ffe; position:relative; box-shadow:0 0 2px #ccc; margin-bottom:30px}
.siparisdetay2 .urunbilgileri{ border-bottom:1px solid #eee;padding:10px;  position:relative;}
.siparisdetay2 .siparisurunresmi{float:left; width:60px; height:80px; cursor:pointer;}
.siparisdetay2 .siparisurunbilgi{float:left; width:calc(100% - 100px) ;height:40px; padding-left:10px;}
.siparisdetay2 .siparisfiyat{font-size:12px; color:black; position:absolute; right:10px; bottom:24px;}
.siparisdetay2 .siparisurun{color:black; cursor:pointer; text-align:left;}
.siparisdetay2 .siparisadet{text-align:left; position:absolute; right:250px; bottom:10px;}
.siparisdetay2 .sipariskdv{text-align:left; position:absolute; right:10px; bottom:10px; font-size:10px}
.siparisdetay2 .toplamlar{font-size:10px; color:gray; height:50px; position:relative; text-align:center}
.siparisdetay2 .toplamlar b{font-size:14px; color:red}
.siparisdetay2 .uruntoplam{position:absolute; left:40px; top:10px;}
.siparisdetay2 .urunadedi{position:absolute; left:180px; top:10px;}
.siparisdetay2 .urunkdv{position:absolute; left:350px; top:10px;}
.siparisdetay2 .kargotoplam{position:absolute; left:520px; top:10px;}
.siparisdetay2 .geneltoplam{position:absolute; left:700px; top:10px;}
.kargotakip{padding:50px 10px 10px 10px; position:relative; text-align:center; font-size:10px}
.kargotakip .kargofirma{position:absolute; left:20px; top:10px; }
.kargotakip .kargotakipno{position:absolute; left:150px; top:10px;}
.kargotakip .kargofirma a{text-decoration:underline}
.kargotakip .kargogit{position:absolute; right:10px; top:20px; font-size:12px; font-weight:bold}
.kargotakip b, .kargotakip a{color:#333;font-size:12px}
.kargodetay{font-size:11px; width:100%}
.kargodetay th,.kargodetay .aaa td{background-color:gray;color:white; text-align:center; height:40px; vertical-align:middle}
.kargodetay td{background-color:#eee;color:gray; text-align:center;height:50px; vertical-align:middle}

#mem_info_form, #mem_info_form table, #mem_adrs_form table{width:100%; max-width:600px}
.giris2{ border:1px solid #ccc; border-radius:4px; color:#666; padding:8px; font-size:16px; margin:5px 0; width:100%}
#mem_adrs_form{margin:1vh 3vh 3vh 3vh; background-color:white; padding:2vh 1vh; width:calc(100% - 40px); max-width:500px}
#mem_info_form td{padding:5px; vertical-align:middle}
form td{ vertical-align:middle}
#msskabul{width:18px;height:18px; margin-bottom:-4px;}
#iletisimformudiv .giris2, .loginform .giris2{margin-bottom:10px;}

.incele td{padding-left:20px;border-bottom:1px solid #eee}
.incele, .incele a{font-size:12px; color:#999}
.incele a{font-weight:bold}
.incele{display:none}
.incele .sadi{width:400px;margin:2px}
.incele .sfyt{width:100px;margin:2px;text-align:right}

.left .left, .online_kutu, .online_bg_alt, .clear{display:none}

.favoriliste{width:392px; height:140px; position:relative; margin:10px 20px 20px 0; border: 1px solid #ccc; float:left}
.favoriurunadi{position:absolute; left:110px; top:10px; width:calc(100% - 120px); height:auto}
.favoriliste img{position: absolute; left:10px; top:10px; width:90px; height:120px;}
.favoriliste .fiyatlar{position:absolute; left:110px; bottom:10px; width:inherit;}
.favoriliste .ifiyati{font-size:20px; color:black;}
.favoriliste .fiyati{font-size:12px; color:gray; text-decoration:line-through}
.favoriliste .dugme2{line-height:20px;  width:50px; padding:5px 10px; position:absolute; font-size:14px }
.favorisil{right:10px; bottom:50px; background-color:red;}
.favoriincele{ bottom:10px; right:10px;}
.favoritukendi{position:absolute; left:120px; bottom:55px; font-size:25px; color: #F8D1D2; font-weight:bold;}
.favoribtns{background-color:#F5C8F5; position:relative; height:45px;cursor:pointer;}
.favoribtn{ position:absolute; left:160px; top:12px;color:white;}
.favoribtns img{position:absolute; left:120px; top:8px;width:30px;height:30px; }


.tableForm{background-color:white;font-size:14px; width:500px;  border:10px solid white}
.tableForm td{padding:3px;}
.tdbaslik{border-bottom:1px solid #ccc; text-align:center}



.satisadres select{border:1px solid #ccc; margin-top:0; background:transparent; float:right; padding:0}
.member .satisadres{margin:10px; font-size: 12px; width:calc(50% - 22px); position:relative;float:left;}
.satisadres{border:1px solid #eee; min-height:150px}
.satisadres #adress{padding:5px 10px;}
.satisurunbaslik{margin-top:10px; font-size:12px}
.satisurunbaslik td{text-align:center; font-weight:bold; padding-top:10px}
.satisurun td{padding-top:10px; font-size:14px; vertical-align:middle; color:#333}
.satisurun td div{color:gray; font-size:10px}
.odemesekli{float:left; width:26%; margin:10px 2%; padding:10px; line-height:24px; cursor:pointer}
.odemesekli:hover{margin:12px 2% 8px 2%;background-color:white}
.odemearkaplan{position:fixed;width:100%;height:100%; left:0;top:0; background-image:url(../img/bg4.png); z-index:999}
#bankasec .bankalar{ border:1px solid #eee; cursor:pointer; margin-bottom:5px; padding:3px}
#bankasec .bankalar:hover{ border:1px solid red; background-color:#eee; color:#666}
.odemepanel{
	background-color:white; box-shadow:5px 5px 20px black; 
	border:1px solid gray; width:100%; max-width:400px; padding:10px; margin-top:80px;}
#bankasec .bankalar img{width:30%}
.marj30{margin-top:30px}
.link{cursor:pointer; text-decoration:underline}