@import url('https://fonts.googleapis.com/css?family=Titillium+Web:300,400,600,700&subset=latin-ext'); html { width:100%; height:100%; display:table;} body {width:100%;height:100%;display:table;margin:0;padding: 0;background:#fff;font-family: 'Titillium Web', sans-serif;} A { text-decoration : none;} A:hover { text-decoration: none;} h1,h2,h3 { margin:0px; padding:0px; font-weight:normal;outline:none} li,ul { margin:0px; padding:0px; font-weight:normal; list-style:none;outline:none} p { margin:0px; padding:0px; font-weight:normal;} hr { clear: left;} div > div_alt { position: fixed;} img{ border:0px;} div{ outline:none;} input{font-family:'Titillium Web', sans-serif;-webkit-transition: all .20s ease-in;-moz-transition: all .20s ease-in;-o-transition: all .20s ease-in;transition: all .20s ease-in;} #adres1 .cont{width:50%;} .float-right{float:right;} .float-left{float:left;} .text-center{text-align: center;} .text-right{text-align: right;} .text-left{text-align: left;} .fontozel{ font-family:'Titillium Web', sans-serif;}.fontarial { font-family:Arial, Helvetica, sans-serif;} .fonttahoma { font-family: Tahoma;}.renksitekrem{ color:#666666;} .fontref { font-family: "Courier New";}.fontverdana { font-family: Verdana;} .fontserif { font-family: "MS Sans Serif";} .fontmonotype { font-family: "Monotype Corsiva";} .fonttrebuchet {/* font-family: "Trebuchet MS"; */} .fontgeorgia { font-family:Georgia;} .fonttimes { font-family:"Times New Roman";} .fontpalatino { font-family: "Palatino Linotype";} .fontlucida { font-family: "Lucida Sans Unicode";} .fontlucida2 { font-family: "Lucida Console";} .fontcomic { font-family: "Comic Sans MS";} .boyut9 { font-size: 9px;} .boyut10 { font-size: 10px;} .boyut11 { font-size: 11px;} .boyut12 { font-size: 12px;} .boyut14 { font-size: 14px;} .boyut16 { font-size: 16px;} .boyut18 { font-size: 18px;} .boyut20 { font-size: 20px;} .boyut22 { font-size: 22px;} .boyut24 { font-size: 24px;} .boyut26 { font-size: 26px;} .boyut28 { font-size: 28px;} .boyut30 { font-size: 30px;} .boyut32 { font-size: 32px;} .bold { font-weight:700;} .italic{ font-style:italic;} .bold2 { font-weight: 400;} .renkbeyaz { color: #FFFFFF;} .renksiyah { color: #000000;} .renkgri0 { color: #eeeeee;} .renkgri1 { color: #CCCCCC;} .renkgri2 { color: #999999;} .renkgri3 { color: #666666;} .renkgri4 { color: #454545;} .renkgri5 { color: #333333;} .renkgri6 { color: #222222;} .renkgri7 { color: #111111;} .renkgriozel {color: #e2e2e2;} .renkkirmizi { color: #FF0000;} .renkbordo { color: #990000;} .renkmavi { color: #196bab;} .renkacikmavi { color: #0066FF;} .renkyesil {color: #0a6739;} .renkkoyuyesil { color: #66CC00;}.renkacikyesil { color: #e8e8e8;} .renkturuncu { color: #FFCC00;}.renkturuncusite{ color:#671464;} .renkkoyuturuncu { color: #FF9900;} .renkpembe { color: #FF33CC;} .renkpembe2 { color: #f56098;} .renkpembe3 { color: #a62656;} .renksari { color: #FFFF00;}.renkmor{color:#671464;}.renkkoyuyesil{ color:#000;}.renksarisite{ color:#ffbe00;} .renksite1 { color: #343434;} .renksite2 { color: #977e3c;} .renksite3 { color: #b7b7b7;} .renksite4 { color: #000;} .bold3 { font-weight:300;} .bold4 { font-weight:400;} .bold5 { font-weight:500;} .bold7 { font-weight:400;} .bold9 { font-weight:900;} .wr {width: 1000px !important;margin-left:auto;margin-right:auto;display:table;position:relative;} .mc { width:auto; height:auto; display:table; position:relative;} .pr { position:relative;} .nodp { display:none;} .fl { float:left;} .fr { float:right;}.cl{clear:left;} #wino { float:left; width:100%; height:30px; background:#eee; text-align:center; display:table; position:fixed; bottom:0;} #wino a { width:56px; height:16px; background:url(images/wino.png?v=1) 0px 0px no-repeat; background-size:56px 16px; margin-top:7px; display:inline-block;} .listbox_wr { position:relative;} .listbox { position:absolute; left:0; top:32px; z-index:999; background:#fff; width:100%; height:auto; max-height:100px; overflow:auto; display:none; box-shadow:0px 0px 5px #333;} .listbox ul { list-style: none; width:100%; height:25px; display:table; padding:0px 5px; box-sizing:border-box;} .listbox ul li { list-style: none; display:table-cell; vertical-align:middle; text-align:left; color:#000;} .listbox ul li.sag{text-align:right;} .listbox ul li span{ color:#09F;} .listbox ul.secilen { background:#6F9 !important; } .gradientx { background: #d1ba9d; /* Old browsers */ background: -moz-linear-gradient(top, #d1ba9d 0%, #b9976c 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #d1ba9d 0%,#b9976c 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #d1ba9d 0%,#b9976c 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d1ba9d', endColorstr='#b9976c',GradientType=0 ); /* IE6-9 */ } .gradientx:hover { background: #b9976c; /* Old browsers */ background: -moz-linear-gradient(top, #b9976c 0%, #d1ba9d 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #b9976c 0%,#d1ba9d 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #b9976c 0%,#d1ba9d 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b9976c', endColorstr='#d1ba9d',GradientType=0 ); /* IE6-9 */ } .gradient {background: #0b73b8; /* Old browsers */color:#f5f5f5 !important;border-radius:5px;} .gradient:hover {background: #004e9c; /* Old browsers */color:#fff !important;} .gradient2 { background: #eee; /* Old browsers */ color:#666 !important; border-radius:5px; } .gradient2:hover { background: #e8e8e8; /* Old browsers */ color:#333 !important; } .gradient3 {background: #0b73b8; /* Old browsers */color:#f5f5f5 !important;border-radius:5px;} .gradient3:hover { background: #000; /* Old browsers */ color:#fff !important; } .gradient4 {background: #29b41a; /* Old browsers */color:#f5f5f5 !important;border-radius:5px;} .gradient4:hover {background: #149207; /* Old browsers */color:#fff !important;} .eksikBilgiler .uyari{width: 85%;float: left;text-align: right;} .eksikBilgiler .uyari span{ background: #e61313; color: #FFF; font-size: 12px; display: block; padding: 10px 20px; text-align: center; box-sizing: border-box; } .eksikBilgiler .bilgiInput span{font-size:18px;font-weight:bold;display:block;float:left;width: 60%; border-bottom:1px solid #bbb} .eksikBilgiler{float:left;width:100%;margin: 40px 0;} .eksikBilgiler .bilgiInput{float:left;width:50%;margin-bottom: 10px;} .eksikBilgiler .bilgiInput label{float:left;width: 40%;line-height: 30px;text-align: right;box-sizing: border-box;padding-right: 20px;} .eksikBilgiler .bilgiInput input[type=text]{float:left;border: 0;border-bottom: 1px solid #bbb;width: 60%;line-height: 30px;outline: none;font-size: 16px;font-weight: bold;} .eksikBilgiler .bilgiInput .il, .eksikBilgiler .bilgiInput .ilce{float:left;width: 30%;height: 30px;} .eksikBilgiler .bilgiInput textarea{float:left;width: 58%;height: 60px;outline: none;border: 0;border-bottom: 1px solid #bbb;font-size: 16px;font-weight: bold;} .eksikBilgiler .bilgiInput a{background: #ddd;color: #000;font-weight: 900;padding: 10px;display: inline-block;cursor: pointer;font-size: 12px;} .eksikBilgiler .bilgiInput select{width:100%;border: 0;border-bottom: 1px solid #bbb;height: 30px;outline: none;font-size: 16px;font-weight: bold;} .eksikBilgiler .bilgiInput a:hover{background:#000; color:#FFF;} .eksikBilgiler .bilgiButon{width:100%;float: left;} .eksikBilgiler .bilgiButon input[type=submit]{width: auto !important;display: inline-block;padding: 13px 50px !important;margin-top: 60px !important;} .eksikBilgiler .bilgiButon input[type=submit]:hover{background:#c1d2ea; color:#000;} /* UST */ label.error {margin-top: 0px;margin-right: 0px;width: auto;display: block;color: #FFF;font-size:12px;position:absolute;bottom: 38px;right:5px;z-index:1;background: #bb1e1e;border: 1px solid #eee;box-sizing: border-box;padding: 0 5px;border-radius: 10px;} .ustbosluk { float:left; width:100%; height:140px;} #ust {float:left;width:100%;height:140px;background:#fff;position:fixed;top:0;left:0;z-index:999;-webkit-transition:all .20s ease-in;-moz-transition:all .20s ease-in;-o-transition:all .20s ease-in;transition:all .20s ease-in;border-bottom: 1px solid #c1d2ea;} #ust .logo { width:214px; height:100px; float:left; margin:20px 0px 20px 0px; -webkit-transition:all .20s ease-out; -moz-transition:all .20s ease-out; -o-transition:all .20s ease-out; transition:all .20s ease-out;} #ust .logo img{ width:100%; height:auto; -webkit-transition:all .20s ease-out; -moz-transition:all .20s ease-out; -o-transition:all .20s ease-out; transition:all .20s ease-out;} #ust .arama{background:url(images/icons.png?v=1) 0px 29px no-repeat; width:181px; height:38px; margin:12px 0px 0px 175px; position:relative; box-sizing:border-box; -webkit-transition:all .20s ease-in; -moz-transition:all .20s ease-in; -o-transition:all .20s ease-in; transition:all .20s ease-in; position:relative;} #ust .arama .textbox{ width: 150px; height:38px; padding:5px 10px; outline: none; box-sizing:border-box; border:none; background:none; color:#fff; font-size:11px;} #ust .arama .btn_ara{background:url(images/icons.png?v=1) 8px -22px no-repeat; width:30px; height:38px; cursor: pointer;outline: none;border: none;} #ust .arama .btn_ara:hover{background:url(images/icons.png?v=1) 8px -54px no-repeat;} #ust .arama .textbox::-webkit-input-placeholder { color:#f5f5f5;} #ust .arama .textbox:-moz-placeholder { color:#f5f5f5; opacity:1;} #ust .arama .textbox::-moz-placeholder { color:#f5f5f5; opacity:1;} #ust .arama .textbox:-ms-input-placeholder { color:#f5f5f5;} #ust .arama .textbox:focus { color:#fff;} #ust .sol { width:393px; height:auto; float:left; margin:60px 0px 0px 0px; -webkit-transition:all .20s ease-out; -moz-transition:all .20s ease-out; -o-transition:all .20s ease-out; transition:all .20s ease-out;} #ust .sol .destek{ background:url(images/icons.png?v=1) 10px -225px no-repeat; width:auto; height:30px; padding:0px 10px 0px 45px; box-sizing:border-box; margin-right:10px; cursor:pointer; font-size:14px; font-weight:400;color:#402a2e; -webkit-transition:all .20s ease-in; -moz-transition:all .20s ease-in; -o-transition:all .20s ease-in; transition:all .20s ease-in; float:left;} #ust .sol .destek:hover{ background:url(images/icons.png?v=1) 10px -290px no-repeat; color:#000; border-bottom:1px solid #402a2e;} #ust .sol .uye_ad{ width:100%; height:auto; padding:0px 10px 5px 10px; box-sizing:border-box; font-size:16px;} #ust .sol .uye_ad span{ color:#bbb;} #ust .sag .unvan{display: block; color: #666; position: absolute; right: 0; top: 30px; font-size: 14px; width: 250px; height: 18px; overflow: hidden; line-height: 16px; -webkit-transition:all .20s ease-out; -moz-transition:all .20s ease-out; -o-transition:all .20s ease-out; transition:all .20s ease-out; text-align: right;} #ust .sag .hesabim:hover ul li a{padding: 5px 10px;display: block;color: #000;} #ust .sag .hesabim:hover ul li a:hover{background:#eee;} #ust .sag .hesabim .acilirMenu{display:none;} #ust .sag .hesabim:hover .acilirMenu{display:block;position: absolute;top: -2px;} #ust .sag .hesabim:before{content:'';background:url(images/user.png) no-repeat left center;display: block;float: left;width: 23px;height: 23px;background-size: 87%;margin-right: 7px;} #ust .sag .hesabim a{font-size:16px;} #ust .sag .hesabim{float:left;position: relative;margin-right: 60px;cursor: pointer;} #ust .sag .hesabim ul{display: block;margin-top: 33px;background: #FFF;border: 1px solid #ddd;width: 150px;} #ust .sag {width: auto;height:auto;float: right;margin:60px 0px 0px 0px;-webkit-transition:all .20s ease-out;-moz-transition:all .20s ease-out;-o-transition:all .20s ease-out;transition:all .20s ease-out;} #ust .sag .link0{ background:url(images/icons.png?v=1) 15px -358px no-repeat; width:auto; height:45px; padding:0px 10px 0px 45px; box-sizing:border-box; margin-right:10px; cursor:pointer; font-size:14px; font-weight:400;color:#402a2e; -webkit-transition:all .20s ease-in; -moz-transition:all .20s ease-in; -o-transition:all .20s ease-in; transition:all .20s ease-in; float:right;} #ust .sag .link0:hover{ background:url(images/icons.png?v=1) 15px -420px no-repeat; color:#000; border-bottom:1px solid #402a2e;} #ust .uyelik { width:auto; height:auto; margin:0px 0px 0px 0px; position:relative;} #ust .uyelik .aktif{ background:url(images/icons.png?v=1) 10px -311px no-repeat #002c72; color:#FFF;} #ust .uyelik .link1{ background:url(images/icons.png?v=1) 10px -225px no-repeat; width:auto; height:45px; padding:0px 10px 0px 45px; box-sizing:border-box; margin-right:10px; cursor:pointer; font-size:14px; font-weight:400;color:#402a2e; -webkit-transition:all .20s ease-in; -moz-transition:all .20s ease-in; -o-transition:all .20s ease-in; transition:all .20s ease-in; float:right;} #ust .uyelik .link1:hover{ background:url(images/icons.png?v=1) 10px -290px no-repeat; color:#000; border-bottom:1px solid #402a2e;} #ust .uyelik .link2{ background:#eee; clear:left; padding:10px 13px; color:#333; text-align:right; float:left; border-bottom:1px solid #f5f5f5;} #ust .uyelik .link2:hover{ background:#333; color:#FFF;} #ust .uyelik .fblogin{ background:url(images/icons.png?v=1) 0px -3189px no-repeat; width:61px; height:53px; padding:0; margin:6px 0px 0px 0px; } #ust .uyelik .uye_ad2{ position:absolute; top:-21px; left:61px; z-index:100;} #ust .uyelik .altmenu1{ display:none; width:130px; position:absolute; top:45px; right:10px; z-index:100; background:#333;} #ust .uyelik .altmenu1 a{ width:100%; box-sizing:border-box;} #ust .uyelik .account{ position:relative;} #ust .uyelik .account:hover .altmenu1{ display:block;} #ust .uyelik .account:hover .link1 { background:url(images/icons.png?v=1) 10px -290px no-repeat; color:#000; border-bottom:1px solid #402a2e;} #ust .sag .uye_ad{float:left;margin-right: 40px;} #ust .sag .uye_ad:before{content:'';background:url(images/user.png) no-repeat left center;display: block;width: 20px;height: 25px;background-size: 100%;float: left;margin: 0 10px;} .ust_fix{ box-shadow:0px 0px 10px #ccc; height:65px !important; -webkit-transition:all .20s ease-out; -moz-transition:all .20s ease-out; -o-transition:all .20s ease-out; transition:all .20s ease-out;} .ust_fix .logo{ width:107px !important; height:50px !important; float:left; margin:5px 0px 5px 0px !important; -webkit-transition:all .20s ease-out; -moz-transition:all .20s ease-out; -o-transition:all .20s ease-out; transition:all .20s ease-out;} .ust_fix .sag {width: auto;margin-top:20px !important;-webkit-transition:all .20s ease-out;-moz-transition:all .20s ease-out;-o-transition:all .20s ease-out;transition:all .20s ease-out;} .ust_fix .sol { width:425px !important; margin-top:20px !important; -webkit-transition:all .20s ease-out; -moz-transition:all .20s ease-out; -o-transition:all .20s ease-out; transition:all .20s ease-out;} #slider { position:relative;} #slider .link{ cursor:pointer;} #carigiris { width:200px; height:auto; position:absolute; top:65px; left:10px; display:none; z-index:9998;} #carigiris .giris_detay { width:200px; height:auto; background:#002c72; z-index:9998; padding-bottom:10px;} #carigiris .giris_detay .bosluk { width:80px; height:5px; background:#fff; margin-top:-5px; margin-right:135px;} #carigiris .giris_detay .bosluk2 { width:123px; height:0px; background:#fff; margin-top:-5px; margin-right:129px;} #carigiris .giris_detay .ustbaslik { width:95%; height:20px; margin:10px;} #ust .giris_hata {width:260px; height:17px; padding:5px 11px; margin-right:5px; background:#790303; position: absolute; top:55px; right:-5px;} ::-webkit-input-placeholder { /* WebKit browsers */ color: #f5f5f5; } :-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #f5f5f5; opacity: 1; } ::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #f5f5f5; opacity: 1; } :-ms-input-placeholder { /* Internet Explorer 10+ */ color: #f5f5f5; } #ust .sepet { position:relative; margin:0px 0px 0px 0px;} #ust .sepet .sepetlink {width:auto;height:45px;background:url(images/icons.png?v=1) 10px -103px no-repeat;padding:0px 10px 0px 45px;box-sizing:border-box;cursor:default;font-size: 16px;font-weight:400;color:#402a2e;-webkit-transition:all .20s ease-in;-moz-transition:all .20s ease-in;-o-transition:all .20s ease-in;transition:all .20s ease-in;float:right;} #ust .sepet:hover .sepetlink { background:url(images/icons.png?v=1) 10px -161px no-repeat; color:#000; border-bottom:1px solid #402a2e;} #ust .sepet .sepetlink span{ background:#402a2e; color:#fff; margin:0px 2px; padding:2px 8px 2px 6px; border-radius:50%; font-size:10px;} #ust .basket_detay { width:450px; height:250px; position:absolute; top:45px; right:0px; display:none; z-index:9999;} #ust .sepet_detay {width:450px;height:250px;background: #003050;z-index:9999;} #ust .sepet_detay .bosluk { width:125px; height:6px; background:#fff; margin-top:-6px;} #ust .sepet_detay .ustbaslik { width:95%; height:20px; margin:10px;} #ust .sepet_detay .sepet { width:420px; height:130px; overflow:auto; margin:10px 0 0 8px; padding:5px; border:1px dashed #fff; border-radius:3px;} #ust .sepet_detay .sepet .baslik{ width:100%; height:15px;} #ust .sepet_detay .sepet .baslik .miktar { width:45px; height:20px; text-align: center;} #ust .sepet_detay .sepet .baslik .ad { width:260px; height:20px; text-align:left;} #ust .sepet_detay .sepet .baslik .fiyat { width:70px; height:20px; text-align:right} #ust .sepet_detay .sepet .baslik .secim { width:20px; height:13px;} #ust .sepet_detay .sepet .detay{ width:100%; height:auto; margin-top:2px;} #ust .sepet_detay .sepet .detay .miktar {width:45px;height: 30px;text-align: center;line-height: 30px;} #ust .sepet_detay .sepet .detay .ad {width:260px;height: 30px;text-align:left;line-height: 30px;} #ust .sepet_detay .sepet .detay .fiyat {width:70px;height: 30px;text-align:right;line-height: 30px;} #ust .sepet_detay .toplamcizgi{width:100%;height:1px;border-bottom:1px solid #fff;position:absolute;left:0px;bottom:70px;z-index:8;display: none;} #ust .sepet_detay .toplam{ width:195px; height:35px; margin:10px 10px 0px 0px; background:#FFF; border:1px solid #acacac; padding:5px; box-sizing:border-box; position:absolute; right:0px; bottom:55px; z-index:9; border-radius:5px;} #ust .sepet_detay .toplam .ad { width:80px; height:auto; text-align:left; font-size:14px;} #ust .sepet_detay .toplam .fiyat { width:100px; height:auto; text-align:right} #ust .sepet_detay .btn_order{ width:195px; height:38px;margin:5px 10px 10px 0px; padding:8px 0px; text-align:center;cursor: pointer;outline: none;border: none; position:absolute; right:0px; bottom:0px; box-sizing:border-box;} #ust .sepet_detay .btn_order:hover{ color:#FFF;} #ust .sepet_detay .btn_sepet{ width:195px; height:38px;margin:5px 10px 10px 0px; padding:9px 0px; text-align:center;cursor: pointer;outline: none;border: none; position:absolute; left:10px; bottom:0px; box-sizing:border-box;} #ust .sepet_detay .btn_sepet:hover{ color:#666;} #ust .sepet_detay .bos { width:100%; height:22px; margin-top:15px; text-align:center;} #ust .menu_wr{ width:181px; height:auto; margin-left:25px;} #ust .kategoriler{ background:url(images/icons.png?v=1) 10px -5682px no-repeat; width:100%; height:66px; padding:23px 18px 0px 38px; cursor:pointer; position:relative; z-index:99; box-sizing:border-box; font-size:16px;} #ust .menuhover{ display:none; z-index:999;} #ust .menu_wr:hover .menuhover{ display:block; margin-top:0px; z-index:998; position:absolute; top:66px; background:#fff; box-shadow:1px 1px 3px #999;} #ust .menu_wr:hover .kategoriler{ background:url(images/icons.png?v=1) 10px -5730px no-repeat #2936ac; color:#fff;} #ust .menu { width:auto; margin:0; padding: 0; position:relative; list-style: none; -webkit-transition:all .20s ease-in; -moz-transition:all .20s ease-in; -o-transition:all .20s ease-in; transition:all .20s ease-in;} #ust .menu li { margin: 0; padding: 0; display: block; list-style: none; float:left; position:relative;} #ust .menu a { height:66px; float:left; padding:23px 18px; color:#58595b; box-sizing:border-box; font-weight:500;} #ust .menu a:hover{ background:#2936ac; color:#fff;} #ust .menu a.aktif{ background:#2936ac; color:#fff;} #ust .menu li:hover > a { background:#2936ac; color:#fff;} #ust .menu li ul { width:150px; height:auto; position:absolute; top:66px; left:0; z-index:9; margin:0px 0px 0px 0px; display:none; background:#fff; list-style: none; box-shadow:0px 0px 5px #999;} #ust .menu li ul li { width:100%; margin: 0; padding: 0; display: block; list-style: none; float:left; position:relative;} #ust .menu li ul li a{ width:100%; height:auto; float:left; padding:10px 18px; background:none; color:#58595b; box-sizing:border-box;} #ust .menu li ul li a:hover{ background:#2936ac; color:#fff;} #ust .menu li ul li:hover > a{ background:#2936ac; color:#fff;} #ust .menu li ul li ul { width:200px; height:auto; position:absolute; top:0px; left:150px; z-index:9; margin:0px 0px 0px 0px; display:none; background:#fff; list-style: none; box-shadow:0px 0px 5px #999;} #ust .menu li ul li ul li { width:100%; margin: 0; padding: 0; display: block; list-style: none; float:left;} #ust .menu li ul li ul li a{ width:100%; height:auto; float:left; padding:10px 18px; background:none; color:#58595b; box-sizing:border-box;} #ust .menu li ul li ul li a:hover{ background:#2936ac; color:#fff;} #ust .menu li:hover > ul { transition-delay:0.2s; display:block;} #ust .menu li ul li:hover > ul { transition-delay:0.2s; display:block;} ::-webkit-input-placeholder { /* Edge */color: #403e3e;} :-ms-input-placeholder { /* Internet Explorer 10-11 */color: #403e3e;} ::placeholder {color: #403e3e;} .paratika .sozlesme{width:100%;float:left;box-sizing:border-box;padding: 10px;margin-top: 50px;margin-bottom: 20px;} .paratika a{margin: 10px 0;background: #0b73b8;font-size: 20px;color: #FFF;font-weight: 600;border: 0;cursor: pointer;box-sizing: border-box;padding: 13px;border-radius: 10px;outline: none;display: inline-block;} .paratika a:hover{background:#bed1e8; color:#000;} .paratika .sozlesme span{font-size: 20px;font-weight: 500;display: block;} .siparisver{width:100%;float:left;} #odeme .baslik, .siparisver .baslik{background:#0b73b8;} #odeme .baslik span, .siparisver .baslik span{color:#FFF;display: block;float: left;line-height: 50px;margin: 0 10px;font-weight: bold;font-size: 18px;} .siparisver .baslik.guncelleme .wr:before{background:url(images/edit.svg) no-repeat center; background-size:100%;} #odeme .baslik .wr:before, #odeme .baslik.odeme .wr:before, .siparisver .baslik.odeme .wr:before{background: url(images/many.png) no-repeat center center;filter: none;background-size: 100%;} .siparisver .baslik .wr:before{content:'';background: url(images/sepet.png) no-repeat left center;display: block;width: 30px;height: 50px;background-size: 100%;float: left;filter: invert(100%);} .siparisver .filter{float: none;margin: 60px auto;display: table;text-align: center;} .siparisver .filter .arama{float: left;width: 600px;position: relative;} .siparisver .filter .arama input[type=text]{width: 100%;height: 50px;border-radius: 15px;border: 0;background: #e3ebf6;float: left;outline: none;text-indent: 20px; font-size: 18px;} .siparisver .filter .arama input[type=submit]{position: absolute;right: 0;top: 0;height: 51px;border-radius: 15px;padding: 0 20px;border: 0;background: #0b73b8;color: #FFF;font-size: 18px;font-weight: 700;outline: none;cursor: pointer;} .siparisver .filter .arama input[type=submit]:hover{background:#aec7e3;} .siparisver .filter .kategori select{-webkit-appearance: none;background: url(images/icons.png) no-repeat 270px -3282px #e3ebf6;width: 300px;margin: 0 30px;height: 40px;border: 0;border-radius: 15px;padding: 0 10px;outline: none;} .siparisver .filter .kategori{float: right;margin: 0 10px;} .siparisver .filter .filterVade{clear: both;width: auto;margin: 40px 0 0 0;display: inline-block;} .siparisver .filter .filterVade .checkbox a{float:left;cursor: pointer;padding: 15px;color: #000;} .siparisver .filter .filterVade .checkbox.Active, .siparisver .filter .filterVade .checkbox:hover{background: #f4f9ff;border: 1px dashed #78f31c;} .siparisver .filter .filterVade .checkbox{float:left;border: 1px dashed #c9f5a8;margin: 10px 40px 10px 0px;padding: 0;border-radius: 10px;cursor: pointer;position: relative;} .siparisver .filter .filterVade .checkbox.Active:before{content:'';position: absolute;background: url('images/sucsess.jpg') no-repeat center;display: block;width: 50px;height: 50px;top: -25px;right: -25px;} .siparisver .filter .filterOdeme{clear: both;width: auto;margin: 20px 0 0 0;display: inline-block; text-align: center;} .siparisver .listeleme{width: 100%;float: left;padding-bottom: 40px;} .siparisver .listeleme .HataMesaji{background:#f10000;box-sizing: border-box;padding: 5px;color: #FFF;font-size: 12px;width: 100%;float: left;border: 1px dashed #ffd400;} .siparisver .listeleme .BasariliMesaji{background:#319e03;box-sizing: border-box;padding: 5px;color: #FFF;font-size: 12px;width: 100%;float: left;border: 1px dashed #ffd400;} .siparisver .listeleme table{width: 100%;} .siparisver .listeleme #table .tr{ float:left; border-bottom: 1px solid #f5f5f5;display: flex;padding: 10px 0;} .siparisver .listeleme #table{display: block;} .siparisver .geneltoplam{width: 100%;float: left;margin: 0;text-align: right;position: fixed;bottom: 0;z-index: 999;background: #FFF;left: 0;padding: 20px 0;} .siparisver .geneltoplam .genel{width:150px;float:right;height: auto;line-height: 22px;margin-right: 20px;} .siparisver .geneltoplam .genel span{float: right;font-size: 14px; width: 100%; line-height: 16px;} .siparisver .geneltoplam .genel strong{float: right;font-size: 22px; width: 100%;} .siparisver .geneltoplam .buton{width:auto;float: right;} .siparisver .geneltoplam .tamamla, .siparisver .geneltoplam .buton a{text-align: center;display: inline-block;padding: 10px 50px;background: #0b73b8;color: #FFF;font-weight: bold;letter-spacing: 0.5px;outline: none;border: 0;border-radius: 10px;cursor: pointer;-webkit-transition: all .20s ease-in;-moz-transition: all .20s ease-in;-o-transition: all .20s ease-in;transition: all .20s ease-in;} .siparisver .geneltoplam .tamamla:hover, .siparisver .geneltoplam .buton a:hover{background:#8bb2d8;} .siparisver .geneltoplam .genel .uyarilar{display:none;} .siparisver .geneltoplam .uyarilar.BasariliMesaji{display:block;float: left;background: #319e03;padding: 5px;line-height: normal;color: #FFF;min-width: 60%;text-align: left;} .siparisver .geneltoplam .uyarilar.HataMesaji{display:block;float: left;background: #f10000;padding: 5px;line-height: normal;color: #FFF;} .siparisver .listeleme .filterTable{text-align: center;font-size: 17px;color: #5a5959;font-weight: 300;border-bottom: 1px solid #e3ebf6;float: left;width: 100%;} .siparisver .listeleme .filterTableCont .Kategori, .siparisver .listeleme .filterTable .Kategori{width: 100px;text-align: left;} .siparisver .listeleme .filterTableCont .UrunAdi, .siparisver .listeleme .filterTable .UrunAdi{width: 360px;text-align: left;float: left;} .siparisver .listeleme .filterTableCont .UrunAdi span{font-size: 11px;color: #7d7d7d;font-weight: 500;display: block;width: 100%;margin-bottom: -4px;margin-top: 2px;} .siparisver .listeleme .filterTableCont .islem, .siparisver .listeleme .filterTable .islem{width: 50px;text-align: center;} .siparisver .listeleme .filterTableCont .PMiktar, .siparisver .listeleme .filterTable .PMiktar{width: 130px;} .siparisver .listeleme .filterTable .Tutar, .siparisver .listeleme .filterTableCont .Tutar{width: 115px;} .siparisver .listeleme .filterTableCont .Toplam, .siparisver .listeleme .filterTable .Toplam{width: 120px;} .siparisver .listeleme #table .KategoriAdi{font-size: 12px;font-weight: 500;color: #5a5959;display: block;} .siparisver .listeleme #table .UrunAdi h1{font-size: 15px;font-weight: bold;color: #5a5959;line-height: 15px;} .siparisver .listeleme #table .Toplam .Tutar{width: 100%;display: block;} .siparisver .listeleme #table .Tutar{position:relative;font-weight: bold;color: #555;text-align: right;border: 0;padding: 0;/* width: 110px; */font-size: 14px;} .siparisver .listeleme #table .Tutar .iskonto{background: #0b73b8;display: block;color: #FFF;border-radius: 20px;font-size: 12px;line-height: normal;padding: 2px;float: left;} .siparisver .listeleme #table .text{} .siparisver .listeleme .filterTableCont .Miktar, .siparisver .listeleme .filterTable .Miktar{width: 90px;} .siparisver .listeleme .filterTableCont .TIskonto, .siparisver .listeleme .filterTable .TIskonto{width: 125px;text-align:center;} .siparisver .listeleme .filterTableCont .Miktar span, .siparisver .listeleme .filterTableCont .TIskonto span{font-size:14px;} .siparisver .listeleme #table .temizle{text-align: center;font-size: 16px;color: #ef0404;display: block;border-radius: 20px;display: block;float: none;} .siparisver .listeleme #table .miktar{margin: 0px 0px 0px 17px;padding: 0;text-align: center;width: 45px;border-radius: 10px;border: 1px solid #000;height: 30px;font-size: 17px;float: left;outline: none;} .siparisver .listeleme #table .Adet{display: block;float: left;width: auto;line-height: 30px;padding: 0 0px 0 5px;font-size: 12px;} .siparisver .listeleme .filterTableCont .Miktar input[type=number]{float:left;width: 70px;text-align: center;} .siparisver .geneltoplam .uyarilar{float:left;background: #000;color: #FFF;padding: 5px 10px;width: 45%;text-align: left;display: none;} .siparisver .geneltoplam .uyarilar.yuksektutartext{background: #ffd600;display: block;width: auto;color: #000;} .siparisver .geneltoplam .uyarilar.alcaktutartext{background: #ff5200;display: block;width: auto;color: #fff;} .odemeAl .listeleme .filterTable .Tutar{text-align:center;width: 40px;padding: 0;margin: 0;float: left;} .siparisver .listeleme #table .temizle, #ust .sepet_detay .sepet .detay .secim, .sepetliste2 .btn_sil, .odemeAl .listeleme #table .Tutar a.btn_sil{font-size: 12px;line-height: 12px;box-sizing: border-box;padding: 5px 7px;border-radius: 5px;color: #999;display: inline-block;margin: 3px 0 0 5px;font-weight: bold;} .siparisver .listeleme #table .temizle:hover, .sepetliste2 .btn_sil:hover, #ust .sepet_detay .sepet .detay .secim:hover, .odemeAl .listeleme #table .Tutar a.btn_sil:hover{color: #fff; background: #f10000;} .sepetliste2 .btn_sil:before, #ust .sepet_detay .sepet .detay .secim:before{content: 'X';display:block;cursor:pointer;font-weight: bold;} .odemeAl .listeleme #table .Tutar{text-align:center;width: 40px;} .odemeAl .listeleme .filterTableCont .Miktar, .odemeAl .listeleme .filterTable .Miktar{width: 140px;text-align: center;float: left;} .odemeAl .listeleme #table .KategoriAdi{font-size:14px;} .odemeAl .listeleme .filterTableCont .UrunAdi, .odemeAl .listeleme .filterTable .UrunAdi{width: 636px;} .odemeAl .listeleme .filterTableCont .Kategori, .odemeAl .listeleme .filterTable .Kategori{float:left; width:170px;} .odemeAl .listeleme #table .miktar{margin: 0;padding: 0;text-align: right;width: 100px;border-radius: 10px;border: 1px solid #000;height: 30px;font-size: 17px;float: left;outline: none;} .menu_alt { width:100%; display:table;} .menu_alt .menu_blok_resim { width:298px; height:auto; float:left; display:table; padding-right:10px; margin-left:20px; padding-top:5px; } .menu_alt .kat_resimli { width:120px; float:left; margin-bottom:3px;} .menu_alt .kat_resimli .kat_resim { width:100%; text-align:center; float:left;} .menu_alt .kat_resimli .kat_resim img { border-radius:5px;} .menu_alt .kat_resimli .kat_ad { width:100%; height:40px; text-align:center; float:left; text-shadow:0px 0px 5px #999; line-height:14px;} .menu_alt .menu_blok { width:298px; height:auto; float:left; display:table; padding-top:5px; margin-left:-100px; -webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease; -ms-transition: all 0.6s ease; -o-transition: all 0.6s ease; transition: all 0.6s ease;} .menu_alt .kat { width:100%; float:left; display:table; margin-bottom:10px;} .menu_alt .kat_ana { width:100%; float:left; color:#636363; margin:10px 0px; font-weight:bold;} .menu_alt .kat_normal { width:100%; float:left;} .menu_alt .kat_normal .kat_ad { width:100%; height:30px; text-align:left; float:left; color:#666; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;} .menu_alt .kat_normal .kat_ad:hover{ color:#000; -webkit-transition: all 0.4s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; text-shadow:1px 0px #999;} .menu_alt .kat_normal .kat_ad2 { width:100%; height:20px; text-align:left; float:left; padding:0px 0px 0px 10px;} .menu_alt .menu_reklam { width:300px; height:auto; float:right; display:table; margin-left:-100px; -webkit-transition: all 0.8s ease; -moz-transition: all 0.8s ease; -ms-transition: all 0.8s ease; -o-transition: all 0.8s ease; transition: all 0.8s ease;} #block_navigation { width:181px; position: relative; z-index:998;} #block_navigation ul{ width: 100%; margin:0; padding: 0;} #block_navigation ul li { margin: 0; padding: 0; display: block; list-style: none; width: 100%;} #block_navigation ul li:hover {} .typography_5_colm { font-size: 14px; line-height: 23px; color: #fff; z-index: 9999; opacity:0; visibility: hidden; width: 642px; min-height:306px; background:#fff; position: absolute; top:0px; left:181px; -webkit-transition: opacity 0.2s ease; -moz-transition: opacity 0.2s ease; -ms-transition: opacity 0.2s ease; -o-transition: opacity 0.2s ease; transition: opacity 0.2s ease; box-shadow:0px 0px 5px #999;} #block_navigation ul li:hover > .typography_5_colm { opacity:1; visibility: visible; transition-delay:0.2s;} .colm_5_container {width: 100%; overflow:hidden; margin:0px;} #block_navigation ul li .ana {background:url(images/icons.png?v=1) no-repeat -10px -2938px; width: 181px; height:auto; float:left; text-decoration: none; display: block; color:#58595b; -webkit-transition:all 0.4s ease; -moz-transition:all 0.4s ease; -ms-transition:all 0.4s ease; -o-transition:border 0.4s ease; transition:all 0.4s ease; font-weight:500;} #block_navigation ul li:hover .ana { background:url(images/icons.png?v=1) no-repeat 11px -2938px #2936ac; position:relative; color:#fff;} #block_navigation ul li .ana div { width: 181px; height:34px; padding:8px 0px 6px 37px; box-sizing:border-box;} #block_navigation ul li:hover .menu_blok { margin-left:40px; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.8s ease; transition: all 0.8s ease; } #block_navigation ul li:hover .menu_reklam { margin-left:4px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease;} #giris{ width:auto; height:auto;} #giris .baslik{background:#000; width:98%;height: auto; text-align: left;padding:8px 0px 8px 8px; margin-top:3px} #giris .form{ padding:5px 10px 0px 10px; width:100%; box-sizing:border-box;} #giris .yazi{width: 85px;text-align: right;margin-top: 15px; margin-right:10px;} #giris .textbox{ background:#FFF; width: 100%;height: 40px;padding: 5px;border: none;outline: none;margin-top: 5px; border:1px solid #dadada; box-sizing:border-box;} #giris .textbox:hover{ border:1px solid #343434;} #giris .textbox:focus{ border:1px solid #343434; -moz-box-shadow: 0px 0px 3px #666; -webkit-box-shadow: 0px 0px 3px #666; box-shadow: 0px 0px 3px #666;} #giris .btn_giris{width:100%; margin-top: 5px; margin-bottom:5px; padding:12px 10px;cursor: pointer;outline: none; border:none;} #giris .btn_uyeol{width:85px; height:35px; margin-top:10px; padding-top:10px;cursor: pointer;outline: none;border:none; text-align:center; box-sizing:border-box;} #giris .btn_facebook{width:100%; height:35px; margin-top:10px; padding-top:10px;cursor: pointer;outline: none;border:1px solid #405c96; text-align:center; box-sizing:border-box; background:#405c96; color:#fff;} #giris .btn_facebook:hover{ background:#405c96; color:#fff;} #giris .sifremi_unuttum{margin-left:5px; margin-top: 5px;} #giris .sifremi_unuttum:hover{color:#000;} #giris label.error{margin-top: 10px; margin-left:5px; float:left;} #giris2{ width:auto; height:auto;} #giris2 .baslik{background:#f5f5f5; width:98%;height: auto; text-align: left;padding:8px 0px 8px 8px; margin-top:5px; text-align:center;} #giris2 .form{ margin-top:15px;} #giris2 .yazi{width: 115px;text-align: left;margin-top: 8px; margin-right:10px;} #giris2 .textbox{ background:#FFF; width: 300px;height: 37px; -webkit-appearance: none; -moz-appearance: none; appearance: none;outline: 0; border:1px solid #dadada; padding: 2px 5px 2px 5px; outline:0; margin-bottom:5px; box-sizing:border-box;} #giris2 .textbox:hover{ border:1px solid #343434;} #giris2 .textbox:focus{ border:1px solid #343434; -moz-box-shadow: 0px 0px 3px #666; -webkit-box-shadow: 0px 0px 3px #666; box-shadow: 0px 0px 3px #666;} #giris2 .btn_giris{ width:300px; height:37px; margin:5px 0px 10px 125px; cursor: pointer;outline: none;border: none; box-sizing:border-box;} #giris2 .btn_uyeol{ width:300px; height:37px; margin:15px 0px 10px 125px; cursor: pointer;outline: none;border: none; box-sizing:border-box;} #giris2 .sifremi_unuttum{ margin:0px 0px 10px 125px;} #giris2 .sifremi_unuttum:hover {color:#000;} .hata_odeme{width: 100%;height: auto; margin-top:10px; padding:50px 0px; text-align:center;} #giris2 .btn_facebook{ background:#405c96; width:300px; height:37px; margin:30px 0px 10px 125px; padding-top:10px; text-align:center; cursor: pointer;outline: none;border: none; box-sizing:border-box;} #utabs { width:475px; margin:30px 0px 50px 260px; position:relative;} #utabs ul { list-style: none; width:100%; height:auto; line-height: 12px; float:left; padding:0px 0px 0px 0px;} #utabs li {float:left; width:auto; height:auto; text-align:center; margin:0px 0px 0px 1px;} #utabs .ln{border-left:1px solid #8f8f8f;} #utabs li a{width:100%; height:15px; color:#9a9a9a;} #utabs li.ui-state-default a { background: url(images/icons.png?v=1) 0px -5204px no-repeat; height:40px; padding:16px 35px 0px 35px; box-sizing:border-box; color:#919191; font-weight:400; float:left;} #utabs li.ui-tabs-active a{background: url(images/icons.png?v=1) 0px -5167px no-repeat; color:#363636; outline:0; font-weight:400;} #utabs li.ui-tabs-active.ui-state-hover a{ color:#363636;} #utabs li.ui-state-hover a{ background: url(images/icons.png?v=1) 0px -5167px no-repeat; color:#343434;} #utabs li.ui-tabs-active.ui-state-hover a{ color:#363636;} #utabs li.ui-state-hover a{ color:#343434; } #utabs li.ui-state-focus a{ outline:0;} #utabs .ui-tabs-panel { padding:10px; width:98%} #arabox { display:none; position:absolute; left:0px; top:53px; z-index:999; width:674px; height:auto; padding:10px; background: #ffffff; /* Old browsers */ box-shadow:0px 0px 10px #999; } #arabox .baslik { width:275px; float:left; margin-bottom:10px;} #arabox .kat_blok { width:275px; float:left; margin-right:10px;} #arabox .kat { background:url(images/icons.png?v=1) 0px -1005px no-repeat; width:280px; float:left; padding-left:8px; clear:both;} #arabox .urun_blok { width:360px; float:left;} #arabox .urun { width:100%; height:auto; float:left; margin-bottom:2px; padding:3px;} #arabox .urun:hover { border-radius:5px; background:#f5f5f5;} #arabox .urun .resim { width:40px; height:auto; text-align:left; float:left;} #arabox .urun .resim img { border-radius:5px;} #arabox .urun .ad { width:310px; height:auto; text-align:left; padding-left:5px; line-height:14px; float:left;} /* ALT */ #alt{width:100%; height:auto; margin-top:40px; background:#f8f8f8;} #alt .logo { width:150px; height:70px; float:left; margin:20px 0px 10px 0px;} #alt .logo img { width:100%; height:auto;} #alt .altbg { width:100%; height:auto; background:#292560; float:left;} #alt .altbg2 { width:100%; height:50px; background:#f1eae1; float:left; margin-top:10px;} #altmenu{width:auto; float:left; margin:35px 0px 30px 25px} #altmenu ul,li { list-style:none;} #altmenu li { float:left; display:block; margin-right:50px;} #altmenu li ul li{ clear:left; float:left; width:100%; margin-left:0px;} #altmenu li ul{ clear:left; float:left; width:100%; padding-top:10px; margin-top:3px;} #altmenu li:hover ul{ } #altmenu li ul a{ clear:left; width:100%; float:left; text-align:left;} #altmenu li a { width:auto; float:left; display:block; height:auto; padding: 1px 3px; text-align:center; text-decoration:none; font-size:16px; font-weight:600; color:#58595b;} #altmenu li ul li a:hover { color:#000;} #altmenu ul li ul li a { width:auto; float:left; display:block; height:auto; padding: 1px 0px; text-decoration:none; color:#58595b; font-weight:400; font-size:12px; padding-left:5px; box-sizing:border-box;} #altmenu ul li ul li a:hover { color:#000;} #alt .altfooter { width:100%; height:auto; float:left;} #alt .altfooter .altsol { width:216px; height:auto; margin:18px 0px 30px 2px;} #alt .altfooter .copyright{ width:90%; height:auto; color:#000; margin:15px 0px 0px 0px; font-size:12px;} #alt .ebulten{ width:798px; height:auto; margin:210px 0px 0px 130px; position:relative; float:left;} #alt .ebulten .baslik{ width:auto; height:20px; margin:17px 0px 0px 0px; box-sizing:border-box; color:#939598; font-size:14px; font-weight:500; float:left;} #alt .ebulten .textbox{ width:711px; height:49px; padding:0px 20px; background:none; border:none; border:1px solid #939598; color:#939598; outline:none; float:right; box-sizing:border-box; font-size:14px;} #alt .ebulten .btn_ekle { background:url(images/icons.png?v=1) 0px -5820px no-repeat; width:32px; height:43px; border:none; -webkit-appearance: none; -moz-appearance: none; appearance: none; outline:0; float:left; position:absolute; right:15px; top:3px; cursor:pointer;} #ebultensonuc { position:absolute; left:98px; top:50px; font-size:12px; padding:0px 10px; color:#939598;} #alt .ebulten .textbox::-webkit-input-placeholder { /* WebKit browsers */ color: #939598; } #alt .ebulten .textbox:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #939598; opacity: 1; } #alt .ebulten .textbox::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #939598; opacity: 1; } #alt .ebulten .textbox:-ms-input-placeholder { /* Internet Explorer 10+ */ color: #939598; } #alt .sosyal { width:100%; height:auto; margin:20px 0px 0px 10px;} #alt .sosyal .baslik{font-size:16px; font-weight:600; margin:0px 0px 10px 0px; color:#58595b;} #alt .sosyal a{ float:left; width:44px; height:43px; margin-right:10px;} #alt .sosyal .icon_fb{ background:url(images/icons.png?v=1) 0px -5935px no-repeat;} #alt .sosyal .icon_fb:hover{ background:url(images/icons.png?v=1) 0px -5978px no-repeat;} #alt .sosyal .icon_tw{ background:url(images/icons.png?v=1) -58px -5935px no-repeat;} #alt .sosyal .icon_tw:hover{ background:url(images/icons.png?v=1) -58px -5978px no-repeat;} #alt .sosyal .icon_gp{ background:url(images/icons.png?v=1) -116px -5935px no-repeat;} #alt .sosyal .icon_gp:hover{ background:url(images/icons.png?v=1) -116px -5978px no-repeat;} #alt .sosyal .icon_ins{ background:url(images/icons.png?v=1) -174px -5935px no-repeat;} #alt .sosyal .icon_ins:hover{ background:url(images/icons.png?v=1) -174px -5978px no-repeat;} #alt .altsag { width:150px; height:auto; margin:35px 0px 30px 10px; float:right} #alt .altsag .baslik{font-size:14px; font-weight:600; margin:0px 0px 0px 0px; color:#58595b;} #alt .altsag .phone{ width:100%; height:auto; margin-top:0px; padding:0px 0px 0px 0px; color:#58595b; font-size:20px; font-weight:300; box-sizing:border-box;} #alt .altsag .phone:hover{ color:#000;} #alt .altsag .ssl{ width:30px; height:40px; background:url(images/icons.png?v=1) 0px -3912px no-repeat; margin:10px 0px 0px 0px;} #alt .altsag .kart{ width:85px; height:21px; background:url(images/icons.png?v=1) 0px -3861px no-repeat; margin:17px 0px 0px 15px;} #alt .altsag2 { width:100%; height:auto; padding:10px; float:left; box-sizing:border-box;} #alt .altsag2 .sol{ float:left;} #alt .altsag2 .sag{ float:right;} #alt .altsag2 .baslik{font-size:14px; font-weight:600; margin:0px 0px 0px 0px; color:#58595b;} #alt .altsag2 .phone{ width:100%; height:auto; margin-top:0px; padding:0px 0px 0px 0px; color:#58595b; font-size:20px; font-weight:300; box-sizing:border-box;} #alt .altsag2 .phone:hover{ color:#000;} #alt .altsag2 .ssl{ width:30px; height:40px; background:url(images/icons.png?v=1) 0px -3912px no-repeat; margin:10px 0px 0px 0px;} #alt .altsag2 .kart{ width:85px; height:21px; background:url(images/icons.png?v=1) 0px -3861px no-repeat; margin:17px 0px 0px 15px;} .icon_up { background:url(images/icons.png?v=1) 0px -1030px no-repeat; width:31px; height:31px;} .icon_up:hover { background:url(images/icons.png?v=1) 0px -1204px no-repeat;} #alt .altust{ width:auto; height:auto; margin:-25px 25px 0px 0px;} #alt .altust a{ color:#999;} #alt .altust a:hover{ color:#343434;} #bildirim{ width:auto; height:auto;} #bildirim .baslik{background:#fff; width:100%;height: 85px; text-align: left;padding:55px 0px 0px 55px; box-sizing:border-box;} #bildirim .detay{width: 100%; height:410px; padding:30px 30px 20px 55px; overflow:auto; box-sizing:border-box; font-size:14px;} #bildirim .cizgi_wr{ width:100%; height:5px;} #bildirim .menucizgi{ width:246px; height:3px; border:1px solid #e4e4e4;} #bildirim .cizgi {background:#e4e4e4; width:764px; height:5px; margin-left:5px;} /* ANASAYFA */ .anasayfa_wr { width:100%; height:100%; display:table-cell; vertical-align:middle;} .anasayfa_wr .baslik{width: 100%;text-align:center; margin:0px 0px 13px 0px; font-size:20px; font-weight:600; color:#402a2e;} #anasayfa_giris { width:300px; height:auto; background:#f5f5f5; box-sizing:border-box; margin:75px auto 0px auto; position:relative; display:table; padding:30px 30px 20px 30px; margin-bottom:70px; border-radius:10px; box-shadow:0px 0px 10px #ccc;} #anasayfa_giris .form{ width:100%; height:100%; box-sizing:border-box; text-align:center; float:left;} #anasayfa_giris .satir{ width:100%; height:auto; float:left; position:relative; margin-bottom:5px;} #anasayfa_giris .textbox{ background:#FFF; width: 100%;height: 40px; -webkit-appearance: none; -moz-appearance: none; appearance: none;outline: 0; border:1px solid #dadada; padding: 0px 10px 0px 10px; outline:0; box-sizing:border-box; font-size:16px; color:#333; font-weight:500;} #anasayfa_giris .textbox:hover{ border:1px solid #343434;} #anasayfa_giris .textbox:focus{ border:1px solid #343434; -moz-box-shadow: 0px 0px 3px #666; -webkit-box-shadow: 0px 0px 3px #666; box-shadow: 0px 0px 3px #666;} #anasayfa_giris .btn_giris{width:100%; height:42px; margin:8px 0px 0px 0px; cursor: pointer;outline: none; border:none; color:#fff; font-size:16px; font-weight:600; border-radius:5px; float:left;} #anasayfa_giris .btn_giris:hover{ color:#000;} #anasayfa_giris .sifremi_unuttum{margin:16px 10px 0px 0px; color:#666; float:right;} #anasayfa_giris .sifremi_unuttum:hover{color:#000;} #anasayfa_giris .textbox::-webkit-input-placeholder { /* WebKit browsers */ color: #999; } #anasayfa_giris .textbox:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #999; opacity: 1; } #anasayfa_giris .textbox::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #999; opacity: 1; } #anasayfa_giris .textbox:-ms-input-placeholder { /* Internet Explorer 10+ */ color: #999; } .btn_anasayfagiris{width:100%; height:40px; margin:8px 0px 0px 0px; cursor: pointer;outline: none; border:none; padding:9px 0px 0px 0px; color:#3f2b2f; font-size:14px; font-weight:600; border-radius:5px; float:left; box-sizing:border-box; text-align:center;} .btn_anasayfagiris:hover{ color:#000;} #anasayfa_wr { width:100%; height:auto; text-align:center; margin:120px 0px 50px 0px;} #anasayfa_hesap { width:300px; height:260px; background:#f5f5f5; box-sizing:border-box; margin:110px 0px 0px 14px; position:relative; display:inline-block; padding:0px 35px; border-radius:10px; box-shadow:0px 0px 10px #ccc; margin:0px 10px;} #anasayfa_hesap .icon{ width:300px; height:140px; background:url(images/labels.png?v=1) 31px -1460px no-repeat; box-sizing:border-box; position:absolute; left:0; top:-65px; z-index:9;} #anasayfa_hesap .baslik{ width:100%; height:auto; box-sizing:border-box; margin:90px 0px 0px 0px; float:left; text-align:center; font-size:16px; font-weight:600; color:#333;} #anasayfa_hesap .yazi{ width:90px; height:35px; box-sizing:border-box; margin:20px 0px 0px 5px; float:left; text-align:left; font-size:14px; font-weight:600; color:#333;} #anasayfa_hesap .detay{ width:130px; height:35px; box-sizing:border-box; margin:20px 5px 0px 0px; float:right; text-align:right; font-size:16px; font-weight:600; color:#333;} #anasayfa_hesap .cizgi{ width:100%; height:1px; border-bottom:1px solid #614248; float:left; margin:0px 0px 8px 0px;} #anasayfa_siparis { width:300px; height:260px; background:#f5f5f5; box-sizing:border-box; margin:110px 0px 0px 0px; position:relative; display:inline-block; padding:0px 35px; border-radius:10px; box-shadow:0px 0px 10px #ccc; margin:0px 10px;} #anasayfa_siparis .icon{ width:300px; height:140px; background:url(images/labels.png?v=1) 30px -1700px no-repeat; box-sizing:border-box; position:absolute; left:0; top:-65px; z-index:9;} #anasayfa_siparis .baslik{ width:100%; height:auto; box-sizing:border-box; margin:90px 0px 0px 0px; float:left; text-align:center; font-size:16px; font-weight:600; color:#333;} #anasayfa_siparis .yazi{ width:100%; height:auto; box-sizing:border-box; margin:20px 0px 3px 0px; float:left; text-align:center; font-size:14px; font-weight:400; color:#333;} #anasayfa_siparis .yazi a{ color:#000;} #anasayfa_odeme { width:300px; height:260px; background:#f5f5f5; box-sizing:border-box; margin:110px 0px 0px 0px; position:relative; display:inline-block; padding:0px 35px; border-radius:10px; box-shadow:0px 0px 10px #ccc; margin:0px 10px;} #anasayfa_odeme .icon{ width:300px; height:155px; background:url(images/labels.png?v=1) -4px -1955px no-repeat; box-sizing:border-box; position:absolute; left:0; top:-72px; z-index:9;} #anasayfa_odeme .baslik{ width:100%; height:auto; box-sizing:border-box; margin:90px 0px 17px 0px; float:left; text-align:center; font-size:16px; font-weight:600; color:#333;} /* LISTE */ #liste { width:auto; height:auto} #liste .sol{ width:190px; height:auto;} #liste .sag{ width:800px; height:auto; min-height:460px; padding-left:10px;} .urunliste_wr { width:100%; height:auto; padding:0px 20px 0px 20px; float:left; box-sizing:border-box;} .urunliste { width:100%; height:auto; background:#f5f5f5; padding:10px 10px 10px 10px; border-radius:10px; float:left; box-sizing:border-box;} .urunliste .basliklar {width:100%; height:30px; margin:0px 0px 2px 0px; padding:0px 10px; position:relative; box-sizing:border-box; float:left; font-size:14px; color:#999; font-weight:600;} .urunliste .basliklar .kategori { width:150px; height:auto; padding:0px 0px 0px 0px; box-sizing:border-box; float:left;} .urunliste .basliklar .ad { width:350px; height:auto; padding:0px 0px 0px 0px; box-sizing:border-box; float:left;} .urunliste .basliklar .fiyat { width:120px; height:auto; padding:0px 20px 0px 0px; box-sizing:border-box; text-align:right; float:left;} .urunliste .basliklar .miktar { width:120px; height:auto; padding:0px 0px 0px 0px; box-sizing:border-box; float:left; text-align:center;} .urunliste .basliklar .temizle { width:70px; height:auto; padding:0px 0px 0px 0px; box-sizing:border-box; float:left;} .urunliste .basliklar .tutar { width:110px; height:auto; padding:0px 0px 0px 0px; box-sizing:border-box; float:left; text-align:right;} .urun {width:100%; height:45px; margin:0px 0px 2px 0px; padding:0px 10px; position:relative; box-sizing:border-box; background:#fff; float:left; font-size:14px; color:#666; font-weight:600; } .urun:hover { background:#f9f9f9;} .urun:hover .ad{ color:#191919;} .urun .kategori { width:150px; height:35px; margin:6px 0px 0px 0px; padding:5px 0px 0px 45px; box-sizing:border-box; float:left;} .urun .ad { width:350px; height:auto; padding:10px 0px 0px 0px; box-sizing:border-box; float:left;} .urun .fiyat { width:120px; height:auto; padding:10px 20px 0px 0px; box-sizing:border-box; color:#000; font-size:16px; text-align:right; float:left;} .urun .fiyat span{font-size:12px; } .urun .miktar { width:120px; height:auto; padding:5px 0px 0px 0px; box-sizing:border-box; float:left;} .urun .miktar .textbox{ background:#fff; width:85px; height:35px; padding: 5px;border: none;outline: none;box-sizing:border-box; text-align:right; border-radius:3px; border:1px solid #cacaca; color:#3f2b2f; font-size:16px; float:left;} .urun .miktar span{font-size:12px; margin:6px 0px 0px 5px; float:left;} .urun .temizle { background:url(images/icons.png?v=1) 0px -6314px no-repeat; width:70px; height:auto; padding:12px 0px 0px 13px; box-sizing:border-box; float:left; font-size:12px; color:#c19474; outline:none;} .urun .temizle:hover{ background:url(images/icons.png?v=1) 0px -6361px no-repeat; color:#3f2b2f;} .urun .temizle2 { background:none;} .urun .tutar { width:110px; height:auto; padding:10px 0px 0px 0px; box-sizing:border-box; float:left; text-align:right; font-size:16px;} .urunliste .aktif { background:#fff;} .urunliste .toplam {width:200px; height:40px; margin:0px 0px 0px 0px; padding:0px 15px 0px 15px; background:#fff; border-radius:5px; position:relative; box-sizing:border-box; float:left; font-size:16px; color:#000; font-weight:600; float:right;} .urunliste .toplam .baslik { width:60px; height:auto; padding:8px 0px 0px 0px; box-sizing:border-box; float:left;} .urunliste .toplam .tutar { width:110px; height:auto; padding:8px 0px 0px 0px; box-sizing:border-box; float:right; text-align:right;} .urunliste .tamamla{width:200px; height:42px; margin:5px 0px 0px 0px; padding:0px 0px 0px 0px; cursor: pointer;outline: none; border:none; color:#3f2b2f; font-size:16px; font-weight:600; border-radius:5px; clear:right; float:right;} .urunliste .tamamla:hover{ color:#000;} #ustbilgi { width:100%; height:auto; display:table; margin-bottom:5px;} #ustbilgi .icerik{ width:auto; height:auto; padding:5px;} #altbilgi { width:100%; height:auto; display:table; margin-top:5px;} #altbilgi .icerik{ width:auto; height:auto; padding:5px;} #path { width:100%; height:50px; display:table; padding:14px 0px 0px 0px; margin-bottom:10px; position:relative; background:#fff; font-size:12px; box-sizing:border-box;} #path .linkler{width:auto;height:auto;padding: 13px 0px 0px 20px;} #path .linkler span.sp{ background:url(images/icons.png?v=1) -79px -4180px no-repeat; width:10px; height:19px; margin:3px 2px 0px 2px; float:left;} #path .linkler .ad{ width:auto; height:auto; margin:2px 5px 0px 5px; float:left; color:#76777b; font-size:14px;} #path .linkler a{ width:auto; height:auto; margin:2px 5px 0px 5px; float:left; color:#76777b; font-size:14px;} #path .linkler a:hover{ color:#343434;} #path .linkler .home{ background:url(images/icons.png?v=1) 0px -4054px no-repeat;width:18px; height:18px; margin:0px 5px 0px 0px;} #path .linkler .home:hover{ background:url(images/icons.png?v=1) -27px -4054px no-repeat;} #path .btn_siparis{margin:0px 5px 0px 5px; padding:5px 10px;cursor: pointer;outline: none;border: none;} #path .btn_siparis:hover{ color:#fff;} .iselect { width:250px; height:50px; text-align:left; position:relative; cursor:default; box-sizing:border-box; background:#ebebec; border-radius:5px;} .iselect:hover{ background:#666;} .iselect span.ad{ margin:12px 0px 0px 10px; float:left; font-size:16px; color:#939598;} .iselect span.i{ background:url(images/icons.png?v=1) 3px -6224px no-repeat; width:25px; height:20px; margin:11px 0px 0px 0px; float:right; } .iselect:hover span.ad{ color:#fff;} .iselect:hover span.i{ background:url(images/icons.png?v=1) 3px -6267px no-repeat;} .iselect .acilir { width:250px; height:auto; display:none; position:absolute; left:0px; top:50px; background:#ebebec; z-index:99; padding:3px 0px; border-radius:5px; box-shadow:0px 0px 5px #999;} .iselect .acilir a{ width:100%; height:auto; float:left; padding:5px 10px; color:#402a2e; background:none; box-sizing:border-box; transition:all 0.4s ease; font-size:16px;} .iselect .acilir a:hover{ color:#FFF !important; background:#666;} .iselect .acilir span{ width:100%; height:auto; float:left; padding:5px 5px 3px 10px; color:#999; background:none; box-sizing:border-box; transition:all 0.4s ease; border-bottom:1px solid #ccc;} .iselect .acilir a.aktif{ color:#FFF; background:#333;} #path .listele{ width:auto; height:auto; margin-left:15px; margin-top:2px;} #path .listele .baslik2{ width:auto; height:auto; margin-right:5px; line-height:12px; padding-top:8px;} #path .listele .katalog{ background:url(images/icons.png?v=1) 0px -4274px no-repeat;width:22px; height:22px; margin-right:5px;} #path .listele .katalog:hover{ background:url(images/icons.png?v=1) 0px -4308px no-repeat;} #path .listele .katalog2{ background:url(images/icons.png?v=1) 0px -4308px no-repeat;width:22px; height:22px; margin-right:5px;} #path .listele .liste{ background:url(images/icons.png?v=1) -43px -4274px no-repeat;width:26px; height:22px;} #path .listele .liste:hover{ background:url(images/icons.png?v=1) -43px -4308px no-repeat;} #path .listele .liste2{ background:url(images/icons.png?v=1) -43px -4308px no-repeat;width:26px; height:22px;} #path .sirala{ width:146px; height:auto;} #path .sirala .baslik1{ width:auto; height:auto; margin-right:5px; line-height:12px; padding-top:8px;} #path .sirala .satis{ background:url(images/icons.png?v=1) 0px -1030px no-repeat;width:31px; height:31px; margin-right:5px;} #path .sirala .satis:hover{ background:url(images/icons.png?v=1) 0px -1204px no-repeat;} #path .sirala .satis2{ background:url(images/icons.png?v=1) 0px -1204px no-repeat;width:31px; height:31px; margin-right:5px;} #path .sirala .az{ background:url(images/icons.png?v=1) 0px -1100px no-repeat;width:31px; height:31px; margin-right:5px;} #path .sirala .az:hover{ background:url(images/icons.png?v=1) 0px -1274px no-repeat;} #path .sirala .az2{ background:url(images/icons.png?v=1) 0px -1274px no-repeat;width:31px; height:31px; margin-right:5px;} #path .sirala .cok{ background:url(images/icons.png?v=1) 0px -1065px no-repeat;width:31px; height:31px;} #path .sirala .cok:hover{ background:url(images/icons.png?v=1) 0px -1239px no-repeat;} #path .sirala .cok2{ background:url(images/icons.png?v=1) 0px -1239px no-repeat;width:31px; height:31px;} #path .paylas{ width:auto; height:auto;} #path .paylas .item{ width:auto; height:auto; margin-right:10px;} #path .paylas .baslik1{ width:auto; height:auto; margin-right:5px; line-height:12px; padding-top:8px;} #path .paylas .facebook{ background:url(images/icons.png?v=1) 0px -1525px no-repeat;width:31px; height:31px; margin-right:5px;} #path .paylas .facebook:hover{ background:url(images/icons.png?v=1) 0px -1629px no-repeat;} #path .paylas .twitter{ background:url(images/icons.png?v=1) 0px -1559px no-repeat;width:31px; height:31px; margin-right:5px;} #path .paylas .twitter:hover{ background:url(images/icons.png?v=1) 0px -1663px no-repeat;} #path .paylas .gplus{ background:url(images/icons.png?v=1) 0px -1594px no-repeat;width:31px; height:31px;} #path .paylas .gplus:hover{ background:url(images/icons.png?v=1) 0px -1698px no-repeat;} #path .paylas .fbegen{ width:auto; height:auto; margin-left:5px; padding-top:5px;} #path2 { width:100%; height:31px; display:table; margin:10px 0px 10px 0px; text-align:center;} #path2 .sayilar{ width:auto; height:auto; padding:8px 0px 0px 5px;} #path2 .sayfala{ width:auto; height:auto; margin-right:2px;} #path2 .sayfala .baslik{ width:auto; height:auto; margin-right:5px; margin-top:5px; line-height:12px;} #path2 .sayfala .ilk{ background:url(images/icons.png?v=1) 5px -4179px no-repeat;width:20px; height:22px; margin-right:3px;} #path2 .sayfala .ilk:hover{ background:url(images/icons.png?v=1) 5px -4210px no-repeat;} #path2 .sayfala .onceki{ background:url(images/icons.png?v=1) -18px -4179px no-repeat;width:20px; height:22px; margin-right:3px;} #path2 .sayfala .onceki:hover{ background:url(images/icons.png?v=1) -18px -4210px no-repeat;} #path2 .sayfala .sonraki{ background:url(images/icons.png?v=1) -74px -4179px no-repeat;width:20px; height:22px; margin-right:3px;} #path2 .sayfala .sonraki:hover{ background:url(images/icons.png?v=1) -74px -4210px no-repeat;} #path2 .sayfala .son{ background:url(images/icons.png?v=1) -94px -4179px no-repeat;width:20px; height:22px;} #path2 .sayfala .son:hover{ background:url(images/icons.png?v=1) -94px -4210px no-repeat;} #path2 .sayfala .saktif{ background:#363636; color:#FFF; width:auto; height:17px; min-width:17px; margin:3px 3px 0 0; padding:1px 2px 0px 2px; line-height:12px; text-align:center; box-sizing:border-box; border:1px solid #717171;} #path2 .sayfala .spasif{ width:auto; height:17px; min-width:17px; margin:3px 3px 0 0; padding:1px 2px 0px 2px; line-height:12px; text-align:center; box-sizing:border-box; border:1px solid #fff;} #path2 .sayfala .spasif:hover{ background:#363636; color:#FFF; border:1px solid #717171;} #path2 ul{ display:inline-block; } #path2 ul li{ display:inline-block; } #path2 ul li a{ box-shadow:0px 0px 2px #ccc;} #path2 ul li .ilk{ background:url(images/icons.png?v=1) 10px -4176px no-repeat #fff;width:30px; height:30px; margin-right:3px;} #path2 ul li .ilk:hover{ background:url(images/icons.png?v=1) 10px -4207px no-repeat #fff;} #path2 ul li .onceki{ background:url(images/icons.png?v=1) -13px -4176px no-repeat #fff;width:30px; height:30px; margin-right:3px;} #path2 ul li .onceki:hover{ background:url(images/icons.png?v=1) -13px -4207px no-repeat #fff;} #path2 ul li .sonraki{ background:url(images/icons.png?v=1) -69px -4176px no-repeat #fff;width:30px; height:30px; margin-right:3px;} #path2 ul li .sonraki:hover{ background:url(images/icons.png?v=1) -69px -4207px no-repeat #fff;} #path2 ul li .son{ background:url(images/icons.png?v=1) -89px -4176px no-repeat #fff;width:30px; height:30px;} #path2 ul li .son:hover{ background:url(images/icons.png?v=1) -89px -4207px no-repeat #fff;} #path2 ul li .saktif{ background:#002c72; color:#FFF; width:auto; height:30px; min-width:30px; margin:0px 3px 0px 0; padding:9px 2px 0px 2px; line-height:12px; text-align:center; box-sizing:border-box; font-size:14px; font-weight:600;} #path2 ul li .spasif{ background:#fff; width:auto; height:30px; min-width:30px; margin:0px 3px 0px 0; padding:9px 2px 0px 2px; line-height:12px; text-align:center; box-sizing:border-box; font-size:14px; font-weight:600;} #path2 ul li .spasif:hover{ background:#002c72; color:#FFF; border:1px solid #717171;} #filtre { width:100%; height:auto; display:table; margin:0px 0px 5px 0px; background:#fff; box-shadow:0px 0px 3px #ccc;} #filtre a{ color:#333;} #filtre .baslik{ background:#f5f5f5; width:190px; height:auto; padding:6px 0px 6px 24px; margin-top:5px;} #filtre .ana{ background:url(images/icons.png?v=1) no-repeat 13px -2938px; width:100%; height:auto; padding:6px 0px 6px 10px; box-sizing:border-box; font-size:20px; font-weight:bold;} #filtre .ana2{ background:url(images/icons.png?v=1) 170px -975px no-repeat, url(images/icons.png?v=1) 13px -4091px no-repeat; width:100%; height:auto; padding:6px 0px 6px 35px; box-sizing:border-box;} #filtre .secim{ background:url(images/icons.png?v=1) 170px -977px no-repeat #f9f9f9; width:100%; height:auto; padding:5px 0px 5px 10px; box-sizing:border-box; border:1px dashed #ccc; margin:0px 0px 3px 0px;} #filtre .grup{ width:100%; height:auto; padding:8px 0px 8px 10px; box-sizing:border-box; color:#636363; background:#f5f5f5;} #filtre .sec{ width:100%; height:auto; padding:5px 0px 5px 10px; box-sizing:border-box; color:#666;} #filtre .sec:hover{ color: #000;} #filtre .sec2{ background:url(images/icons.png?v=1) 14px -998px no-repeat #000; color: #fff; width:100%; height:auto; padding:5px 0px 5px 24px; box-sizing:border-box;} #filtre .kaydirma{ height:230px; overflow:auto;} /* DETAY */ .fancybox-wrap,.fancybox-skin,.fancybox-outer,.fancybox-inner,.fancybox-image,.fancybox-wrap iframe,.fancybox-wrap object,.fancybox-nav,.fancybox-nav span,.fancybox-tmp{padding:0;margin:0;border:0;outline:none;vertical-align:top}.fancybox-wrap{position:absolute;top:0;left:0;z-index:8020}.fancybox-skin{position:relative;color:#444;text-shadow:none;}.fancybox-opened{z-index:8030}.fancybox-opened.fancybox-skin{-webkit-box-shadow:0 10px 25px rgba(0,0,0,0.5);-moz-box-shadow:0 10px 25px rgba(0,0,0,0.5);box-shadow:0 10px 25px rgba(0,0,0,0.5)}.fancybox-outer,.fancybox-inner{position:relative}.fancybox-inner{overflow:hidden !important;}.fancybox-type-iframe.fancybox-inner{-webkit-overflow-scrolling:touch !important;}.fancybox-error{color:#444;font:14px/20px"Helvetica Neue",Helvetica,Arial,sans-serif;margin:0;padding:15px;white-space:nowrap}.fancybox-image,.fancybox-iframe{display:block;width:100%;height:100%}.fancybox-image{max-width:100%;max-height:100%}#fancybox-loading,.fancybox-prev span,.fancybox-next span{background-image:url('Scripts/fancybox/fancybox_sprite.png')}#fancybox-loading{position:fixed;top:50%;left:50%;margin-top:-22px;margin-left:-22px;background-position:0-108px;opacity:0.8;cursor:pointer;z-index:8060}#fancybox-loading div{width:44px;height:44px;background:url('Scripts/fancybox/fancybox_loading.gif')center center no-repeat}.fancybox-close{background:url(images/icons.png?v=1) 0px -4816px no-repeat;position:absolute;top:25px;right:30px;width:36px;height:35px;cursor:pointer;z-index:8040}.fancybox-nav{position:absolute;top:0;width:40%;height:100%;cursor:pointer;text-decoration:none;background:transparent url('Scripts/fancybox/blank.gif');-webkit-tap-highlight-color:rgba(0,0,0,0);z-index:8040}.fancybox-prev{left:0}.fancybox-next{right:0}.fancybox-nav span{position:absolute;top:50%;width:36px;height:34px;margin-top:-18px;cursor:pointer;z-index:8040;visibility:hidden}.fancybox-prev span{left:10px;background-position:0-36px}.fancybox-next span{right:10px;background-position:0-72px}.fancybox-nav:hover span{visibility:visible}.fancybox-tmp{position:absolute;top:-99999px;left:-99999px;visibility:hidden;max-width:99999px;max-height:99999px;overflow:visible!important}.fancybox-lock{overflow:hidden!important;}.fancybox-lock body{overflow:hidden!important}.fancybox-lock-test{overflow-y:hidden!important}.fancybox-overlay{position:absolute;top:0;left:0;overflow:hidden;display:none;z-index:8010;background:url('Scripts/fancybox/fancybox_overlay.png')}.fancybox-overlay-fixed{position:fixed;bottom:0;right:0}.fancybox-lock.fancybox-overlay{overflow:auto;overflow-y:scroll}.fancybox-title{visibility:hidden;font:normal 13px/20px"Helvetica Neue",Helvetica,Arial,sans-serif;position:relative;text-shadow:none;z-index:8050}.fancybox-opened.fancybox-title{visibility:visible}.fancybox-title-float-wrap{position:absolute;bottom:0;right:50%;margin-bottom:-35px;z-index:8050;text-align:center}.fancybox-title-float-wrap.child{display:inline-block;margin-right:-100%;padding:2px 20px;background:transparent;background:rgba(0,0,0,0.8); -webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px;text-shadow:0 1px 2px#222;color:#FFF;font-weight:400;line-height:24px;white-space:nowrap}.fancybox-title-outside-wrap{position:relative;margin-top:10px;color:#fff}.fancybox-title-inside-wrap{padding-top:10px}.fancybox-title-over-wrap{position:absolute;bottom:0;left:0;color:#fff;padding:10px;background:#000;background:rgba(0,0,0,.8)}@media only screen and(-webkit-min-device-pixel-ratio:1.5),only screen and(min--moz-device-pixel-ratio:1.5),only screen and(min-device-pixel-ratio:1.5){#fancybox-loading,.fancybox-prev span,.fancybox-next span{background-image:url('Scripts/fancybox/fancybox_sprite@2x.png');background-size:44px 152px}#fancybox-loading div{background-image:url('Scripts/fancybox/fancybox_loading@2x.gif');background-size:24px 24px}} .detaybg { width:100%; height:150px; background:#eeeeee; position:absolute; top:777px; z-index:-1;} #detay { width:auto; height:auto; background:none;} #detay .urunad{ width:580px; min-height:50px; margin:10px 0px; box-sizing:border-box; border-bottom:1px solid #f5f5f5;} #detay h1{ font-weight:500;} #detay .urunkod{ width:100%; height:auto; margin-top:3px;} #detay .resimler{ width:auto; height:auto; float:left; margin:0px 10px;} #detay .resimler .zoomWrapper { } #detay .resimler .kresim { width:auto; float:left; margin:10px 0px 0px 0px; background:#FFF;} #detay .resimler .kresim a{ width:auto; height:auto; float:left;} #detay .resimler .kresim img{ border:1px solid #bbbbbd; opacity:0.5; -webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease; -ms-transition: all 0.6s ease; -o-transition: all 0.6s ease; transition: all 0.6s ease; margin:0px 8px;} #detay .resimler .kresim img:hover{ opacity:1; -webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease; -ms-transition: all 0.6s ease; -o-transition: all 0.6s ease; transition: all 0.6s ease;} #detay .orta{ width:100%; height:auto; position:relative; background:#FFF; padding:0px 0px 0px 0px; box-sizing:border-box; margin-bottom:10px;} #detay .etiket_iskonto {background:url(images/icons.png?v=1) 0px -471px no-repeat; width:34px; height:47px; text-align:center; padding-top:5px; margin-right:4px; box-sizing:border-box; font-weight:600; float:left; font-size:9px; color:#000000;} #detay .etiket_iskonto span{ font-size:14px;} #detay .etiket_iskonto1 { width:69px; height:56px; margin-right:4px; padding-top:5px; background:#50b848; text-align:center; box-sizing:border-box;} #detay .e_hizli {background:url(images/icons.png?v=1) -157px -696px no-repeat; width:112px; height:33px; margin-right:10px;} #detay .e_hizli:hover {background:url(images/icons.png?v=1) 0px -696px no-repeat;} #detay .e_kargo {background:url(images/icons.png?v=1) -157px -739px no-repeat; width:105px; height:33px; margin-right:10px;} #detay .e_kargo:hover {background:url(images/icons.png?v=1) 0px -739px no-repeat;} #detay .e_teslimat1 {background:url(images/icons.png?v=1) -148px -4370px no-repeat; width:40px; height:33px; margin-right:10px;} #detay .e_teslimat {background:url(images/icons.png?v=1) -148px -4433px no-repeat; width:40px; height:33px; margin-right:10px;} #detay .e_teslimat:hover {background:url(images/icons.png?v=1) -148px -4433px no-repeat;} #detay .teslimatyazi {width:110px; height:33px; padding-top:1px; box-sizing:border-box; line-height:16px;} #detay .teslimatyazi:hover { color:#000;} #detay .stokgoster {width:132px; height:40px; border:1px solid #eaeaeb; padding:12px 0px 0px 12px; margin-top:5px; box-sizing:border-box; clear:left;} #detay .stokgoster span{ margin-left:30px;} #detay .ozet{ width:380px; height:auto; margin:10px 0px 0px 0px; max-height:300px; box-sizing:border-box; overflow:auto;} #detay .btn_tumozellikler{ background:url(images/icons.png?v=1) 10px -4513px no-repeat; width:120px; height:32px; margin:10px 0px 5px 0px; border:1px solid #bbbbbd; padding:8px 0px 0px 35px; box-sizing:border-box; text-align:left;} #detay .btn_tumozellikler:hover{ background:url(images/icons.png?v=1) 10px -4559px no-repeat; color:#343434; border:1px solid #343434;} #detay .sag{ width:200px; height:auto;} #detay .sag .fiyat{ width:100%; height:auto; position:relative;} #detay .sag .fiyat .fiyat_satis{ width:100%; height:56px; padding:10px 3px 0px 10px; box-sizing:border-box; margin-bottom:4px; font-weight:300;} #detay .sag .fiyat .fiyat_piyasa{ width:100%; height:26px; border-bottom:1px solid #f5f5f5; text-decoration:line-through; padding:5px 3px 0px 5px; box-sizing:border-box; margin-bottom:4px;} #detay .sag .fiyat .fiyat_piyasa span{ width:44px; height:auto; float:left; font-weight:300; text-decoration:none;} #detay .sag .fiyat .etiket_indirim{ width:107px; height:62px; overflow:hidden; text-align:center; background:url(images/etiket_indirim3.png) no-repeat; padding-top:15px; position:absolute; bottom:-13px; right:93px; z-index:99;} #detay .secimler{width:100%; height: 26px; border:1px solid #bbbbbd; padding:0px 0px 0px 5px; box-sizing:border-box; margin-bottom:4px;} #detay .secimler span{ width:65px; height:18px; float:left; font-weight:300; text-decoration:none; margin-top:3px; margin-right:5px; padding-top:2px; box-sizing:border-box; border-right:1px solid #eaeaeb;} #detay .secimler .select { background:#FFF; width:123px; height:24px; border:none; padding: 2px 2px 2px 2px; outline:0;} #detay .secimler .select:hover{ -moz-box-shadow: 0px 0px 3px #666; -webkit-box-shadow: 0px 0px 3px #666; box-shadow: 0px 0px 3px #666;} #detay .secimler .select:focus{ -moz-box-shadow: 0px 0px 3px #666; -webkit-box-shadow: 0px 0px 3px #666; box-shadow: 0px 0px 3px #666;} #detay .sepeteat{ width:100%; height:auto; position:relative;} #detay .sepeteat .hediyenotu{width:100%; height: auto; border:1px solid #bbbbbd; padding:5px 5px 5px 5px; box-sizing:border-box; margin-bottom:4px;} #detay .sepeteat .hediyenotu .yazi{width:100%;height: auto;} #detay .sepeteat .hediyenotu .textarea{ background:#FFF; width: 100%;height: 40px;padding: 5px; outline: none;margin-top: 5px; box-sizing:border-box; border:1px solid #dadada;} #detay .sepeteat .hediyenotu .textarea:hover{ border:1px solid #343434;} #detay .sepeteat .hediyenotu .textarea:focus{ border:1px solid #343434; -moz-box-shadow: 0px 0px 3px #666; -webkit-box-shadow: 0px 0px 3px #666; box-shadow: 0px 0px 3px #666;} #detay .sepeteat .sepeteekle{ width:100%; height:auto; position:relative;} #detay .sepeteat .bg{ width:auto; height:auto; position:absolute; top:7px; left:7px;} #detay .sepeteat .textbox { background:#fff; width:35px; height:35px; border:none; -webkit-appearance: none; -moz-appearance: none; appearance: none; padding:0; outline:0; margin:0px 0px 0px 0px; text-align:center;} #detay .sepeteat .arttir{width: 20px;height: auto; margin:0px 0px 0px 0px;} #detay .sepeteat .arti { background:url(images/icons.png?v=1) 5px -4601px no-repeat #eeeeee; width:20px; height:18px;} #detay .sepeteat .eksi { background:url(images/icons.png?v=1) 5px -4621px no-repeat #eeeeee; width:20px; height:17px;} #detay .sepeteat .btn_sepeteekle {width:100%; height:50px; margin:0px 0px 4px 0px; padding:0px 0px 0px 75px; border:none; cursor:pointer; outline:0; box-sizing:border-box; text-align:left; border-radius:5px; background: #ee494f; /* Old browsers */ background: -moz-linear-gradient(top, #ee494f 0%, #ea1b23 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #ee494f 0%,#ea1b23 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #ee494f 0%,#ea1b23 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ee494f', endColorstr='#ea1b23',GradientType=0 ); /* IE6-9 */ } #detay .sepeteat .btn_sepeteekle:hover { background: #d74046; /* Old browsers */ background: -moz-linear-gradient(top, #d74046 0%, #d0181f 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #d74046 0%,#d0181f 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #d74046 0%,#d0181f 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d74046', endColorstr='#d0181f',GradientType=0 ); /* IE6-9 */ } #detay .sepeteat .btn_hemenal {width:100%; height:50px; margin:0px 0px 10px 0px; padding:0px 0px 0px 75px; border:none; cursor:pointer; outline:0; text-align:left; box-sizing:border-box; border-radius:5px; background: url(images/icons.png?v=1) 18px -5240px no-repeat #f7f7f7; /* Old browsers */ background: url(images/icons.png?v=1) 18px -5240px no-repeat, -moz-linear-gradient(top, #f7f7f7 0%, #e7e7e7 100%); /* FF3.6-15 */ background: url(images/icons.png?v=1) 18px -5240px no-repeat, -webkit-linear-gradient(top, #f7f7f7 0%,#e7e7e7 100%); /* Chrome10-25,Safari5.1-6 */ background: url(images/icons.png?v=1) 18px -5240px no-repeat, linear-gradient(to bottom, #f7f7f7 0%,#e7e7e7 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#e7e7e7',GradientType=0 ); /* IE6-9 */ } #detay .sepeteat .btn_hemenal:hover { background: url(images/icons.png?v=1) 18px -5240px no-repeat #e8e8e8; /* Old browsers */ background: url(images/icons.png?v=1) 18px -5240px no-repeat, -moz-linear-gradient(top, #e8e8e8 0%, #d3d3d3 100%, #e7e7e7 100%); /* FF3.6-15 */ background: url(images/icons.png?v=1) 18px -5240px no-repeat, -webkit-linear-gradient(top, #e8e8e8 0%,#d3d3d3 100%,#e7e7e7 100%); /* Chrome10-25,Safari5.1-6 */ background: url(images/icons.png?v=1) 18px -5240px no-repeat, linear-gradient(to bottom, #e8e8e8 0%,#d3d3d3 100%,#e7e7e7 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8e8e8', endColorstr='#e7e7e7',GradientType=0 ); /* IE6-9 */ } #detay .sepeteat .tukendi{ background:url(images/icons.png?v=1) 15px -2042px no-repeat #f5f5f5; width:100%; height: 50px; box-sizing:border-box; padding:15px 0px 0px 60px; margin-bottom:4px;} #detay .sepeteat .btn_iletisim{width:100%; height: 50px; padding:5px 10px;cursor: pointer;outline: none;border: none; box-sizing:border-box; text-align:center; margin-bottom:10px;} #detay .sepeteat .btn_iletisim:active{-moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none;} #detay .sepeteat .btn_iletisim:hover{ color:#FFF;} #detay label.error { width:100%; height:20px; background:#ff0000; color:#fff; margin:0px 0px 4px 0px; padding:2px 0px 0px 2px; box-sizing:border-box;} #detay .reklam {width: auto;height: auto; margin:0px 0px 0px 0px; position:absolute; bottom:0px; left:400px;} #detay .paylas{ width:auto; height:auto; position:absolute; top:16px; right:0px;} #detay .paylas .item{ width:auto; height:auto; margin-right:10px;} #dtabs { width:100%; margin-top:0px; position:relative;} #dtabs ul { list-style: none; width:100%; height:auto; line-height: 12px; float:left; padding:0px 0px 0px 0px;} #dtabs li {float:left; width:auto; height:auto; text-align:center; margin:0px 0px 0px 1px;} #dtabs .ln{border-left:1px solid #8f8f8f;} #dtabs li a{width:100%; height:15px; color:#8f8f8f;} #dtabs li.ui-state-default a { height:40px; padding:15px 45px 0px 45px; box-sizing:border-box; color:#666; font-weight:400; float:left; background: #ebebeb; /* Old browsers */ } #dtabs li.ui-tabs-active a{ outline:none; background: #fff; /* Old browsers */ } #dtabs li.ui-tabs-active a{color:#000; outline:0; font-weight:400;} #dtabs li.ui-tabs-active.ui-state-hover a{ color:#000; font-weight:400; background: #f9f9f9; /* Old browsers */ } #dtabs li.ui-state-hover a{ color:#000; background: #f9f9f9; /* Old browsers */ } #dtabs li.ui-tabs-active.ui-state-hover a{ color:#343434;} #dtabs li.ui-state-hover a{ color:#343434; } #dtabs li.ui-state-focus a{ outline:0;} #dtabs .ui-tabs-panel { padding:10px; width:98%; background:#FFF;} #dtabs .ui-tabs-panel ul { list-style: inherit; width:auto; height:auto; line-height: inherit; float:none; padding:0px 0px 0px 0px;} #dtabs .ui-tabs-panel li {list-style: inherit; width:auto; height:auto; text-align:left; float:none; margin:0px 0px 0px 0px; border:none;} #dtabs .yorumlar {width: 100%;height: auto;overflow: hidden;} #dtabs .yorumlar .yorum_ust{width: 100%;height: auto;overflow: hidden; margin-bottom:10px;} #dtabs .yorumlar .yorum_ust .sol {width: 500px;height: auto;overflow: hidden; margin-right:4px;} #dtabs .yorumlar .yorum_ust .sag {width: 450px;height: auto;overflow: hidden; border-left: 1px dashed #666; padding:0px 5px;} #dtabs .yorumlar .textarea { background:#FFF; width:440px; height:60px; -webkit-appearance: none; -moz-appearance: none; appearance: none; border:1px solid #dadada; padding: 2px 5px 2px 5px; outline:0; margin-bottom:5px;} #dtabs .yorumlar .textarea:hover{ border:1px solid #343434;} #dtabs .yorumlar .textarea:focus{ border:1px solid #343434; -moz-box-shadow: 0px 0px 3px #666; -webkit-box-shadow: 0px 0px 3px #666; box-shadow: 0px 0px 3px #666;} #dtabs .yorumlar .btn_send{width:auto; height:auto; margin-bottom:3px; padding:6px 15px 5px 15px;cursor: pointer;outline: none;border: none;} #dtabs .yorumlar .btn_send:hover{ color:#FFF;} #dtabs .yorumlar .yorum {width: 99%;height: auto; margin-bottom:10px; padding:3px; border:1px dashed #ccc;} #dtabs .yorumlar .yorum .baslik {width: 99%;height: auto; background:#f5f5f5; padding:4px 5px 6px 5px;} #dtabs .yorumlar .yorum .detay {width: 99%;height: auto; padding:5px;} #detay .taksit_kredi_karti{width: 300px; height:auto; border: 1px solid #ececec; margin:0px 12px 10px 12px;} #detay .taksit_kredi_karti .ust_kkart{width: 100%;height: 45px;overflow: hidden;padding-top: 5px;background: #f7f7f7;} #detay .taksit_kredi_karti .ust_kkart .k_resim{ margin-left:5px;} #detay .taksit_kredi_karti .ust_kkart .k_resim img{ border-radius:5px; border:1px solid #e2e2e2;} #detay .taksit_kredi_karti .ust_kkart .k_ad{width: 185px;height: 30px;overflow: hidden;margin-top: 3px;margin-left: 7px;} #detay .taksit_kredi_karti .k_basliklar{width:98%;height: auto;background: #f7f7f7;padding-bottom: 5px;padding-left: 5px;} #detay .taksit_kredi_karti .k_basliklar .ay{ width:25px; height:auto; } #detay .taksit_kredi_karti .k_basliklar .taksit_tutari{ width:auto; height:auto; margin-left:20px;} #detay .taksit_kredi_karti .k_basliklar .toplam{ width:auto; height:auto; margin-left:20px;} #detay .taksit_kredi_karti .secenekler{ width:100%; height:auto; border:1px solid #ececec; border-radius:3px; margin-top:1px; margin-bottom:1px; cursor:default;} #detay .taksit_kredi_karti .secenekler:hover{ background:#000; color:#FFF} #detay .taksit_kredi_karti .secenekler:hover .ay{ background:#000; color:#FFF} #detay .taksit_kredi_karti .secenekler .ay{ width:35px; height:auto;background:#f1f0f0; padding-left:5px;padding-bottom:3px; padding:3px 0px 6px 0px} #detay .taksit_kredi_karti .secenekler .taksit_tutari{ width:100px; height:auto; margin-left:0px; text-align:right; padding:3px 0px 0px 0px;} #detay .taksit_kredi_karti .secenekler .toplam{ width:115px; height:auto; margin-left:0px; text-align:right; padding:3px 0px 0px 0px;} #detay .diger { width:100%; height:auto; display:table; position:relative; margin-top:10px;} #detay .diger .diger_baslik {width:920px;height: auto; background:#FFF; padding:5px 5px 5px 5px; margin-bottom:5px;} #detay .aciklama { width:94%; height:auto; display:table; position:relative; background:url(images/icons.png?v=1) 10px -2361px no-repeat #e7e4d9; padding:10px 10px 10px 50px} /* SEPET */ #sepet { width:auto; height:auto} #sepet .icerik { width:100%; height:auto; background:#fff; display:table;} .sepetfiltre {width:100%;height:auto;/* display:table; */display: none;padding-top:20px;} .sepetfiltre .sol { width:408px; height:auto; overflow:hidden;} .sepetfiltre .sol .baslik { width:100%; height:23px; padding:0px 0px 0px 18px; position:relative; z-index:99; box-sizing:border-box; margin-bottom:7px; font-size:14px; font-weight:600;} .sepetfiltre .sol .cizgi{ width:455px; height:11px; background: #ebebeb; /* Old browsers */ background: -moz-linear-gradient(top, #ebebeb 0%, #ebebeb 10%, #ebebeb 10%, #fff 10%, #fff 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #ebebeb 0%,#ebebeb 10%,#ebebeb 10%,#fff 10%,#fff 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #ebebeb 0%,#ebebeb 10%,#ebebeb 10%,#fff 10%,#fff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebebeb', endColorstr='#fff',GradientType=0 ); /* IE6-9 */ } .sepetfiltre .linkler { width:587px; height:auto; margin-left:5px; text-align:right; font-size:14px; font-weight:600;} .sepetfiltre .acikcizgi { width:100%; height:11px; margin-top:10px; background: #ebebeb; /* Old browsers */ background: -moz-linear-gradient(top, #ebebeb 0%, #ebebeb 10%, #ebebeb 10%, #fff 10%, #fff 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #ebebeb 0%,#ebebeb 10%,#ebebeb 10%,#fff 10%,#fff 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #ebebeb 0%,#ebebeb 10%,#ebebeb 10%,#fff 10%,#fff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebebeb', endColorstr='#fff',GradientType=0 ); /* IE6-9 */ } .sepetfiltre .acikcizgi .koyucizgi { background:#444443; width:98px; height:1px;} .sepetfiltre .acikcizgi .secim { background:#000; border:3px solid #fff; box-shadow:0px 0px 0px 1px #000; box-sizing:border-box; width:15px; height:15px; margin:-7px 0px 0px -7px;} .sepetfiltre .pasif { width:195px; height:20px; outline:0; text-align:center; color:#c0c0c0; text-align:center;} .sepetfiltre .aktif { width:195px; height:20px; outline:0; text-align:center; color:#363636; cursor:default;} .sepetfiltre .link { width:195px; height:20px; outline:0; text-align:center; color:#363636; cursor:pointer;} .sepetfiltre .link:hover { color:#000; font-weight:400;} .sepetliste .liste.tabs{float:left; width:100%;} .sepetliste .liste.tabs #kartno, .sepetliste .basliklar #borc, .sepetliste .basliklar #bakiye, .sepetliste .liste.tabs #bakiye, .sepetliste .basliklar #tarih, .sepetliste .liste.AltKisim #bakiye, .sepetliste .liste.tabs #tarih{width:150px; text-align:center;} .sepetliste .basliklar #alacak, .sepetliste .liste.tabs #komisyon, .sepetliste .liste.tabs #netTutar, .sepetliste .liste.tabs #aciklama1, .sepetliste .liste.tabs #aciklama2{width: 131px;text-align:center;box-sizing: border-box;} .sepetliste .basliklar .sutun#aciklama1, .sepetliste .liste.tabs #aciklama1{width: 160px;text-align: center;box-sizing: border-box;} .sepetliste .basliklar .sutun#aciklama2, .sepetliste .liste.tabs #aciklama2{width: 103px;} .sepetliste .liste.tabs #netTutar, .sepetliste .liste.tabs #komisyon{padding-bottom:14px;} .sepetliste .liste.AltKisim #tarih{float:left;width: 560px !important;} .sepetliste .liste .toplamTutar{float: right; width: 413px; box-sizing: border-box;} .sepetliste .liste .toplamTutar .tutarFiyat{float:left;width: 130px;box-sizing: border-box;border-right: 1px solid #eee;text-align: center;height: 49px;line-height: 49px;font-size: 15px;font-weight: bold;} .sepetliste .liste .toplamTutar .tutarFiyat.total{width:150px;} .sepetliste { width:100%; height:auto; margin:5px 0px;} .sepetliste .basliklar{ width:100%; height:auto; background:#f5f5f5; border-top:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2;} .sepetliste .basliklar .sutunsol { width:auto; height:25px; border-left:1px solid #e2e2e2; border-right:1px solid #e2e2e2; padding:4px 0px 0px 0px;} .sepetliste .basliklar .sutun { width:auto; height:25px; border-right:1px solid #e2e2e2; padding:4px 0px 0px 0px;} .sepetliste .liste{ width:100%; height:auto; border-bottom:1px solid #e2e2e2;} .sepetliste .liste:hover{ background:#f5f5f5;} .sepetliste .liste .sutunsol { width:auto; height:35px; border-left:1px solid #e2e2e2; border-right:1px solid #e2e2e2; padding:14px 0px 0px 0px; line-height:14px;} .sepetliste .liste .sutun {width:auto;min-height: 35px;border-right:1px solid #e2e2e2;padding: 14px 0px 0px 0px;} .sepetliste .liste a:hover { color:#000;} .sepetliste .liste .aciklama { width:100%; height:auto;} .sepetliste .liste .sutun#ssevkiyat .renk{float:left;display: block;width: 15px;height: 15px;margin: 2px 10px;border: 1px solid #eee;} .sepetliste .textbox{ background:#FFF; width: 30px;height: 26px;padding: 5px;border: none;outline: none; border:1px solid #dadada; text-align:center;} .sepetliste .textbox:hover{ border:1px solid #343434;} .sepetliste .textbox:focus{ border:1px solid #343434; -moz-box-shadow: 0px 0px 3px #666; -webkit-box-shadow: 0px 0px 3px #666; box-shadow: 0px 0px 3px #666;} .sepetliste .textbox2 { background:none; width:30px; height:26px; border:none; -webkit-appearance: none; -moz-appearance: none; appearance: none; padding: 2px 5px 2px 5px; outline:0; text-align:center;} .sepetliste .textbox3{ background:#FFF; width: 500px;height: 15px;padding: 2px;border: none;outline: none; border:1px solid #dadada;} .sepetliste .textbox3:hover{ border:1px solid #343434;} .sepetliste .textbox3:focus{ border:1px solid #343434; -moz-box-shadow: 0px 0px 3px #666; -webkit-box-shadow: 0px 0px 3px #666; box-shadow: 0px 0px 3px #666;} .sepetliste .btn_sil { background:url(images/icons.png?v=1) 16px -2275px no-repeat; width:48px; height:26px; border:none; -webkit-appearance: none; -moz-appearance: none; appearance: none; outline:0;} .sepetliste .icon_hediyeceki { background:url(images/icons.png?v=1) 0px -696px no-repeat; width:39px; height:33px; margin-right:5px;} .sepetliste .icon_kargo { background:url(images/icons.png?v=1) 0px -739px no-repeat; width:39px; height:33px; margin-right:5px;} .altcizgi2 { width:100%; height:1px; border-bottom:1px solid #fff; position:relative; margin:25px 0px 5px 0px;} .altcizgi3 { width:100%; height:1px; border-bottom:1px solid #fff; position:relative; margin:25px 0px 30px 0px;} .sepettotal{ width:260px; height:40px; background:#fff; border:1px solid #afafaf; margin:-20px 0px 0px 0px; padding:4px 10px 0px 10px; box-sizing:border-box;} .sepettotal .yazi{width:90px; height:auto;} .sepettotal .fiyat{width:140px; height:auto; text-align:right; font-weight:600;} .sepettotal2{ width:183px; height:40px; background:#fff; border:1px solid #afafaf; margin:-20px 0px 0px 0px; padding:12px 10px 0px 10px; box-sizing:border-box;} .sepettotal2 .yazi{width:70px; height:auto;} .sepettotal2 .fiyat{width:85px; height:auto; text-align:right;} .sepettotal3{ width:257px; height:30px; background:#fff; border:1px solid #afafaf; margin:0px 5px 3px 0px; padding:7px 10px 0px 10px; box-sizing:border-box; clear:right;} .sepettotal3 .yazi{width:100px; height:auto;} .sepettotal3 .fiyat{width:85px; height:auto; text-align:right; margin-top:-3px;} .sepetliste2 .liste #urun, .sepetliste2 .basliklar #urun{width: 230px;} .sepetliste2 .liste #paketmiktar, .sepetliste2 .basliklar #paketmiktar{width: 110px;text-align:center;} .sepetliste2 .liste #t_iskonto, .sepetliste2 .basliklar #t_iskonto{width: 160px;text-align:center;} .sepetliste2 .liste #iskontolufiyat, .sepetliste2 .basliklar #iskontolufiyat{width: 120px;text-align:center;} .sepetliste2 .liste #iskonto, .sepetliste2 .basliklar #iskonto{width: 75px;text-align:center;} .sepetliste2 .liste #miktar, .sepetliste2 .basliklar #miktar{width: 80px;text-align:center;} .sepetliste2 .liste #birim, .sepetliste2 .basliklar #birim{width:110px;text-align: center;} .sepetliste2 .liste #toplam, .sepetliste2 .basliklar #toplam{width: 120px;text-align: center;} .sepetliste2 .liste #islem, .sepetliste2 .basliklar #islem{width: 30px;text-align:center;} .sepetliste2 .liste #paketmiktar span{margin: 0px 4px;display: block;float: left;} .sepetliste2 {width:100%;height:auto;margin: 10px 0px;} .sepetliste2 .basliklar{width:100%;height:auto;margin: 0;border-bottom: 1px solid #0b73b8;padding: 10px 0;} .sepetliste2 .basliklar .sutunsol {width:auto;height:22px;padding: 0;box-sizing:border-box;font-size: 14px;} .sepetliste2 .basliklar .sutun {width:auto;height:22px;padding: 0;box-sizing:border-box;font-size: 14px;} .sepetliste2 .liste{width:100%;height:100%;display:table;margin: 0;border-bottom: 1px solid #eee;padding: 10px 0;} .sepetliste2 .liste .sutunsol {width:auto;height:auto;padding: 0;line-height: 30px;} .sepetliste2 .liste .sutun {width:auto;height:30px;padding: 0;line-height: 30px;box-sizing:border-box;font-size:14px;} .sepetliste2 .liste .sutun div.alan{ width:100%; height:240px; display:table-cell; vertical-align:middle;} .sepetliste2 .liste .sutun div.cerceve{ display:inline-block;} .sepetliste2 .liste .aciklama { width:100%; height:auto;} .sepetliste2 .textbox{background:#FFF;width: 35px;height: 27px;padding: 5px;border: none;outline: none;border:1px solid #d4d4d4;text-align: center;box-sizing:border-box;} .sepetliste2 .textbox:hover{ border:1px solid #343434;} .sepetliste2 .textbox:focus{ border:1px solid #343434; -moz-box-shadow: 0px 0px 3px #666; -webkit-box-shadow: 0px 0px 3px #666; box-shadow: 0px 0px 3px #666;} .sepetliste2 .textbox2 { background:none; width:50px; height:27px; border:none; -webkit-appearance: none; -moz-appearance: none; appearance: none; padding:5px; outline:0; text-align:center; box-sizing:border-box;} .sepetliste2 .arttir{width: 18px;height: auto; margin:0px 0px 0px 0px; border-right:1px solid #d7d7d7; border-top:1px solid #d7d7d7; border-bottom:1px solid #d7d7d7;} .sepetliste2 .arti { background:url(images/icons.png?v=1) 4px -4604px no-repeat #fbfbfb; width:18px; height:13px;} .sepetliste2 .eksi { background:url(images/icons.png?v=1) 4px -4622px no-repeat #fbfbfb; width:18px; height:12px;} .sepetliste2 .etiket_hizli {background:url(images/icons.png?v=1) 0px -4932px no-repeat; width:49px; height:46px; margin-right:7px;} .sepetliste2 .etiket_hizli:hover {background:url(images/icons.png?v=1) 0px -4984px no-repeat;} .sepetliste2 .etiket_kargo {background:url(images/icons.png?v=1) -56px -4932px no-repeat; width:49px; height:46px; margin-right:7px;} .sepetliste2 .etiket_kargo:hover {background:url(images/icons.png?v=1) -56px -4984px no-repeat;} .sepetliste2 .etiket_teslimat {background:url(images/icons.png?v=1) -112px -4932px no-repeat; width:49px; height:46px; margin-right:7px;} .sepetliste2 .etiket_teslimat:hover {background:url(images/icons.png?v=1) -112px -4984px no-repeat;} .sepetliste2 .teslimatyazi {width:165px; height:46px; padding-top:7px; box-sizing:border-box; line-height:16px;} .sepetliste2 .icon_hediyeceki { background:url(images/icons.png?v=1) -157px -696px no-repeat; width:39px; height:33px; margin-right:5px;} .sepetliste2 .icon_kargo { background:url(images/icons.png?v=1) -157px -739px no-repeat; width:39px; height:33px; margin-right:5px;} #sepet .ustbutonlar { width:auto; height:30px; margin:-20px 0px 0px 430px;} #sepet .btn_guncelle{width:150px; height:40px; margin-right:5px; cursor: pointer;outline: none;border: none; text-align:center; box-sizing:border-box;} #sepet .btn_bosalt{ width:150px; height:40px; padding:9px 0px 0px 0px;cursor: pointer;outline: none;border: none; text-align:center; box-sizing:border-box;} #sepet .btn_satinal{ width:257px; height:50px; margin:5px 0px 0px 0px; padding-top:15px;cursor: pointer;outline: none;border: none; text-align:center; box-sizing:border-box;} #sepet .btn_satinal:hover{ color:#FFF;} #sepet .btn_geri{ width:257px; height:50px; margin:5px 0px 10px 0px; padding-top:15px;cursor: pointer;outline: none;border: none; text-align:center; box-sizing:border-box;} #sepet .btn_geri:hover{ } #sepet .altyazi { width:700px; height:30px; margin:5px 5px 5px 5px; margin-left:10px;} #sepet .altbutonlar { width:260px; height:auto; margin-top:20px;} #sepet .sepetbos { background:url(images/icons.png?v=1) 0px -4659px no-repeat; width:600px; height:120px; margin:100px 0px 130px 300px; padding:30px 0px 0px 170px; box-sizing:border-box; text-align:left;} #sepet .altcizgi { width:100%; height:1px; border-bottom:1px solid #9a9a9a; position:relative; margin-bottom:100px;} #sepet .altcizgi .buton { background:#FFF; width:257px; height:48px; border:1px solid #afafaf; position:absolute; left:472px; top:-23px; padding:13px 0px 0px 0px; box-sizing:border-box; text-align:center;} #sepet .altcizgi .buton:hover { background:#343434; border:1px solid #343434; color:#fff;} #uyari {width: 100%; background:#16da00; padding: 5px 0px 5px 10px; margin:5px 0px; border:1px dashed #fff; box-sizing:border-box; color:#fff; font-size:14px;} #hata {width: 100%; background:#ff0000; padding: 5px 0px 5px 10px; margin:5px 0px; border:1px dashed #fff; box-sizing:border-box; color:#fff; font-size:14px;} /* ODEME */ #odeme {/* width:auto; */height:auto;} #odeme .notBilgi{width:100%;text-align:center;margin: 40px 0;} #odeme .notBilgi span{font-size: 20px;} #odeme .icerik { width:100%; height:auto; display:table;} #odeme .icerik #odemeajax{float:left; width:100%; margin-top:20px;} #bilgiler { width:100%; height:auto;display:table;} #odeme .card-wrapper .kkart{display:block;width:100%;position:absolute;top: 0;z-index: 99;} #odeme .card-wrapper .kkart .bankalogo{float:left;margin: 5px 20px;} #odeme .card-wrapper .kkart .markalogo{float:right; margin:5px 20px;} #odeme .card-wrapper{float:left;margin-top: 90px;position: relative;} /*taksit*/ .taksitTablosu .taksitBaslik{width: 100%;float: left;margin-bottom: -1px;} .taksitTablosu.Active{display:block;} .taksitTablosu{max-width: 1200px !important;float:none;/* display: none; */} .taksitTablosu .list .bankaTaksit:hover{background: #f5f5f5;} .taksitTablosu .list{width: 100%;float:left;box-sizing: border-box;padding: 0;margin: 0;} .taksitTablosu .taksitBaslik .bankaAdi span{display:block;width:100%;font-size: 15px;font-weight: bold;} .taksitTablosu .taksitBaslik .bankaAdi, .taksitTablosu .list .bankaAdi{float:left;border: 1px solid #eee;text-align: center;box-sizing: border-box;padding: 0;width: 12%;height: 45px;line-height: 45px;} .taksitTablosu .list .bankaAdi span{width:100%;float:left;text-align: center;font-weight: bold;} .taksitTablosu .taksitBaslik .bankaTaksit span{font-size: 13px;float: left;display: block;width: 100%;padding: 4px 2px;} .taksitTablosu .taksitBaslik .bankaTaksit span img{max-width: 80%;} #hesabim .taksitTablosu .list .bankaTaksit span{line-height: 36px;} .taksitTablosu .list .bankaTaksit span{display:block;width:100%;font-size: 15px;font-weight: bold;} .taksitTablosu .list .bankaTaksit span font{font-size:12px;font-weight: bold;margin-left: 5px;color: #8c8c8c;} .taksitTablosu .list .bankaTaksit span.ToplamTutar{font-weight: normal;color: #000;font-size: 13px;line-height: 11px;} .taksitTablosu .taksitBaslik .bankaTaksit, .taksitTablosu .list .bankaTaksit{width: 11%;float:left;box-sizing: border-box;padding: 2px;border: 1px solid #eee;text-align: center;height: 45px;} .taksitTablosu .list .bankaTaksit{padding: 3px 2px;} /*taksit*/ #odeme .taksitSecenekleri:hover span{color:#FFF;} #odeme .taksitSecenekleri:hover{background:#199e3c;} #odeme .taksitSecenekleri{float: right;display: block;clear: both;border: 1px solid #199e3c;padding: 10px 50px;margin: 10px 0;-webkit-transition: all .20s ease-in;-moz-transition: all .20s ease-in;-o-transition: all .20s ease-in;transition: all .20s ease-in;outline: none;border-radius: 10px;} #odeme .taksitSecenekleri span{font-size: 15px;color: #047522;-webkit-transition: all .20s ease-in;-moz-transition: all .20s ease-in;-o-transition: all .20s ease-in;transition: all .20s ease-in;} #odeme .formhata span{float:left;width:100%;box-sizing: border-box;padding: 10px;text-align: center;background: #e20909;color: #FFF;font-size: 15px;} #odeme .form-container.active{float:right;margin-top: 40px;border: 1px solid #eee;background: #f8f8f8;border-radius: 10px;overflow: hidden;width: 50%;padding-bottom: 20px;margin-bottom: 0;} #odeme .form-container.active .baslik{width:100%;background: #FFF;float: left;} #odeme .form-container.active .baslik span{float:left;line-height: normal;color: #424141;font-size: 15px;padding: 10px;font-weight: bold;letter-spacing: 1px;} #odeme .grup { width:980px; height:auto; margin:5px 0px 5px 0px; padding:10px 10px; line-height:16px;} #odeme .grupwr {width:100%;height:auto;text-align:center;background: #f7f7f7;margin-bottom: 10px;} #odeme .grupwr .btn_sepetguncelle{background:url(images/icons.png?v=1) 0px -5400px no-repeat;width:auto;height:auto;margin: 10px 0;padding: 0px 0px 0px 30px;cursor:pointer;color:#454545;} #odeme .grupwr .btn_sepetguncelle2{ background:url(images/icons.png?v=1) 0px -5400px no-repeat;} #odeme .grupwr .btn_ajaxdegistir{background:url(images/icons.png?v=1) 0px -5400px no-repeat;width:auto;height:auto;margin:7px 0px 0px 0px;padding:1px 0px 4px 30px;cursor:pointer;outline: none;border: none;box-sizing:border-box;text-align:left;font-weight: bold;} #odeme .grupwr .baslik{width:auto;height:auto;margin: 0px;color:#333;background: none;line-height: 40px;} #odeme .grupcizgi { width:0px; height:1px; border-bottom:1px solid #9a9a9a; position:relative; margin:29px 0px 27px 0px;} #odeme .blok_wr {width:100%;height: auto; text-align:center;} #odeme .blok {width:47%;height: auto; min-height:220px; margin:10px 1%; padding:0; box-shadow:0px 0px 5px #ccc; box-sizing:border-box; background:#f8f8f8; border-radius:5px; display:inline-block;} #odeme .anagrup {width:100%;height: 40px;text-align: left;padding: 0 10px;margin: 0;border-bottom:1px solid #eee;box-sizing:border-box;/* background:#fff; */position:relative;border-top-left-radius:5px;border-top-right-radius:5px;font-weight:bold;} #odeme .anagrup .ustlink{ position:absolute; right:10px; top:5px; color:#fff; background:#333; border-radius:5px; padding:6px 10px; font-weight:400;} #odeme .anagrup2 {width:100%;height: 40px;text-align: left;padding: 0 10px;margin: 0;border-bottom:1px solid #eee;box-sizing:border-box;/* background:#fff; */position:relative;border-top-left-radius:5px;border-top-right-radius:5px;font-weight:bold;text-align:center;} #odeme .hediyeceki { width:100%; height:auto;} #odeme .hediyeceki select{margin-top: 10px; width:250px; height:27px;} #odeme .hediyeceki .btn_kullan{margin-top: 10px; margin-left:5px; padding:5px 10px 6px 10px;cursor: pointer;outline: none;border: none;} #odeme .hediyeceki .btn_kullan:hover{ color:#666;} #odeme .hediyeceki span{margin-top: 14px;} #odeme .fatura .taksitlistesi .filterVade{clear: both;width: auto;margin: 0;display: inline-block;} #odeme .fatura .taksitlistesi .filterVade .checkbox3 a{float:left;cursor: pointer;padding: 15px;color: #000;font-size: 17px;} #odeme .fatura .taksitlistesi .filterVade .checkbox3.Active, #odeme .fatura .taksitlistesi .filterVade .checkbox3:hover{background: #f4f9ff;border: 1px dashed #78f31c;} #odeme .fatura .taksitlistesi .filterVade .checkbox3{float:left;border: 1px dashed #c9f5a8;margin: 10px 20px 10px 0px;padding: 0;border-radius: 10px;cursor: pointer;position: relative;} #odeme .fatura .taksitlistesi .filterVade .checkbox3.Active:before{content:'';position: absolute;background: url('images/sucsess.jpg') no-repeat center;display: block;width: 50px;height: 50px;top: -25px;right: -25px;} #odeme .fatura .taksitlistesi{width:100%; float:left;} #odeme .fatura .selectBox{margin:0px 10px 0px 0px;float: left;position: relative;} #odeme #kartsec .fatura .textBox{margin-right:10px} #odeme #kartsec .fatura .textarea {width: 60%;margin: 0;float: right;} #odeme .fatura {width: 100%;height:auto;margin: 30px 10px;float: left;} #odeme .fatura .satir {width: 100%;height:auto;position:relative;float: left;margin-bottom: 5px;} #odeme .fatura .yazi{ width:130px; height:auto;} #odeme .fatura .sag{ width:282px;height:auto;} #odeme .fatura .sag2{ width:700px;height:auto;} #odeme .fatura .sag3{ width:700px;height:auto;} #odeme .fatura .sag4{ width:700px;height:auto;} #odeme .fatura .sag5{ width:100%;height:auto; padding-top:3px;} #odeme .fatura .textbox{ background:#FFF; width: 270px;height: 26px; -webkit-appearance: none; -moz-appearance: none; appearance: none;outline: 0; border:1px solid #dadada; padding: 2px 5px 2px 5px; outline:0; margin-bottom:5px;} #odeme .fatura .textbox:hover{ border:1px solid #343434;} #odeme .fatura .textbox:focus{ border:1px solid #343434; -moz-box-shadow: 0px 0px 3px #666; -webkit-box-shadow: 0px 0px 3px #666; box-shadow: 0px 0px 3px #666;} #odeme .fatura .textarea { background:#FFF; width:270px; height:60px; -webkit-appearance: none; -moz-appearance: none; appearance: none; border:1px solid #dadada; padding: 2px 5px 2px 5px; outline:0; margin-bottom:5px;} #odeme .fatura .textarea:hover{ border:1px solid #343434;} #odeme .fatura .textarea:focus{ border:1px solid #343434; -moz-box-shadow: 0px 0px 3px #666; -webkit-box-shadow: 0px 0px 3px #666; box-shadow: 0px 0px 3px #666;} #odeme .fatura .selectTur{width: 56% !important;} #odeme .fatura .select {background:#FFF;width: 430px;height:29px;border:1px solid #dadada;padding: 2px 2px 2px 2px;outline:0;margin-right:2px;} #odeme .fatura .select:hover{ border:1px solid #343434;} #odeme .fatura .select:focus{ border:1px solid #343434; -moz-box-shadow: 0px 0px 3px #666; -webkit-box-shadow: 0px 0px 3px #666; box-shadow: 0px 0px 3px #666;} #odeme input[type='radio'] { width:1.5em; height:1.5em; margin:0px 0px 0px 0px; float:left;} #odeme label span { width:auto; height:auto; padding:3px 15px 0px 5px; float:left;} #odeme #adres1 {width: 100%;float:left;} #odeme #adres2 { width:500px; float:left;} #odeme .btn_devamet{ width:260px; height:50px; margin:10px 0px 10px 740px; padding:0px;cursor: pointer;outline: none;border: none; box-sizing:border-box;} #odeme .btn_devamet:hover{ color:#fff;} #odeme .kargoyazi{width:100%; height:auto; margin:0px 0px 0px 0px; padding:15px 0px 10px 15px; border-bottom:1px solid #c2c2c2; box-sizing:border-box;} #odeme .siparisnotu{width: 95%;height:100px;margin:0px 0px 0px 0px;padding:10px 10px 10px 10px;border-left:1px solid #c2c2c2;border-bottom:1px solid #c2c2c2;box-sizing:border-box;position: relative;} #odeme .siparisnotu .icon{background: url(images/labels.png) 0px 0px no-repeat; width:20px; height:89px; position:absolute; bottom:-1px; right:-20px;} #odeme .siparisnotu .textarea { width:100%; height:80px; border:none; margin:0; padding:0; -webkit-appearance: none; -moz-appearance: none; appearance: none; outline:0; resize:none; background:none;} #odeme .kargo{width:500px;height:auto;margin:5px 0px;display: none;} #odeme .kargo .resim{width:140px; height:auto;} #odeme .kargo .fiyat{width:190px; height:auto; padding:10px 0px 0px 0px; text-align:right;} #odeme .kargo .secim{width:95px; height:auto; padding:11px 0px 0px 75px;} #odeme #odememiktar { margin:20px 0px 20px 215px;} #odeme #odemekart { position:relative;width:785px; padding:10px 0px; margin-left:215px;} #odeme .kartbilgi { width:100%; height:auto; margin:1px 10px 0px 0px; padding:10px; box-sizing:border-box;} #odeme .satir {width:100%; height:auto; position:relative;} #odeme .kartbilgi .yazi{ width:35%; height:auto; margin-top:5px; text-align:left;} #odeme .kartbilgi .sag{ width:65%;height:30px; margin-bottom:5px;} #odeme .kartbilgi .sag2{ width:65%;height:auto; margin-bottom:5px;} #odeme .kartbilgi .textbox{ background:#FFF; width: 65%;height: 30px; -webkit-appearance: none; -moz-appearance: none; appearance: none;outline: 0; border:1px solid #dadada; padding: 2px 5px 2px 5px; outline:0; margin-bottom:5px; box-sizing:border-box;} #odeme .kartbilgi .textbox:hover{ border:1px solid #343434;} #odeme .kartbilgi .textbox:focus{ border:1px solid #343434; -moz-box-shadow: 0px 0px 3px #666; -webkit-box-shadow: 0px 0px 3px #666; box-shadow: 0px 0px 3px #666;} #odeme .kartbilgi .select { background:#FFF; width:49%; height:30px; border:1px solid #dadada; padding: 2px 2px 2px 2px; outline:0; margin-right:2%; box-sizing:border-box;} #odeme .kartbilgi .select:hover{ border:1px solid #343434;} #odeme .kartbilgi .select:focus{ border:1px solid #343434; -moz-box-shadow: 0px 0px 3px #666; -webkit-box-shadow: 0px 0px 3px #666; box-shadow: 0px 0px 3px #666;} #odeme .kartbilgi .select2 { background:#FFF; width:65%; height:30px; border:1px solid #dadada; padding: 2px 2px 2px 2px; outline:0; margin-bottom:5px; box-sizing:border-box;} #odeme .kartbilgi .select2:hover{ border:1px solid #343434;} #odeme .kartbilgi .select2:focus{ border:1px solid #343434; -moz-box-shadow: 0px 0px 3px #666; -webkit-box-shadow: 0px 0px 3px #666; box-shadow: 0px 0px 3px #666;} #odeme .form-container.active .inputBox.security label, #odeme .form-container.active .inputBox.security input#secure{margin: 10px 10px 0px 0px;} #odeme .form-container.active .inputBox label{float: right;margin: 18px 10px 0px 0;font-size: 16px;cursor: pointer;width: 68%;font-weight: bold;} #odeme .form-container.active .inputBox{float:left; width:100%;} #odeme .form-container.active .inputBox span{float: left;width: 25%;font-size: 12px;line-height: 15px;height: 50px;box-sizing: border-box;display: flex;justify-content:center;padding: 5px;align-items:center;text-align: center;} #odeme .form-container.active .inputBox font{display: contents;float: left;width: 100%;} #odeme .form-container.active .inputBox input{height: 50px;width: 75%;margin: 0;padding: 0;box-sizing: border-box;outline: none;border-bottom: 1px dashed #ccc !important;border: 0;background: no-repeat;font-size: 16px;letter-spacing: 3px;font-weight: bold;} #odeme .form-container.active .inputBox input#secure, #odeme .form-container.active .inputBox input#komisyon{float: right;width: 20px;margin: 20px 10px 0px 0px;cursor: pointer;height: 20px;} #odeme .taksitlerim{display: inline-block;} #odeme .taksitSecenekler{margin: 0px 0 20px 0;display: inline-block;width: 100%;float: left;min-width: auto;text-align: center;} #odeme .taksitSecenekler .taksitler{float:left;width: 140px;height: 100px;margin: 10px;border: 1px solid #eee;border-radius: 10px;box-sizing: border-box;cursor: pointer;position: relative;} #odeme .taksitSecenekler .taksitler .baslik{width: 100%;background: #FFF;text-align: center;float: left;box-sizing: border-box;border-bottom: 1px solid #eee;border-radius: 10px 10px 0px 0px;} #odeme .taksitSecenekler .taksitler .baslik span{color: #000;font-size: 14px;display: block;width: 100%;margin: 0;padding: 0;line-height: 30px;font-weight: normal;} #odeme .taksitSecenekler .taksitler .fiyat{float: left;font-size: 12px;width: 100%;line-height: 15px;height: 67px;box-sizing: border-box;display: flex;justify-content: center;padding: 5px;align-items: center;text-align: center;} #odeme .taksitSecenekler .taksitler .fiyat span{font-weight: normal;color: #373737;font-size: 14px;} #odeme .taksitSecenekler .taksitler .fiyat .fiyatlar{display: inline-block;} #odeme .taksitSecenekler .taksitler .fiyat .fiyatlar strong{font-size: 16px;display: block;} #odeme .taksitSecenekler .taksitler .fiyat .fiyatlar font{font-size: 12px;padding: 0 5px;color: #868686;} #odeme .taksitSecenekler .taksitler.Active{border:2px dashed #4CAF50;} #odeme .taksitSecenekler .taksitler.Active .baslik{border-bottom:2px dashed #4CAF50;} #odeme .taksitSecenekler .taksitler.Active span{color:#000; font-weight:400;} #odeme .taksitSecenekler .taksitler.Active:before{content:'';background: url(images/sucsess.jpg) no-repeat center;display: block;width: 20px;height: 20px;top: -10px;right: -10px;position: absolute;background-size: 100%;} #odeme .kredikartiToplam{width: 300px;float: none;margin: 0px auto 50px auto;text-align: center;} #odeme .kredikartiToplam span{font-size: 18px;color: #373737;display: block;width: 100%;font-weight: bold;} #odeme .kredikartiToplam strong span{font-size: 36px;font-weight: bold;} #odeme .kredikartiToplam strong{font-size: 36px;font-weight: bold;} .eksikBilgiler .bilgiButon input[type=submit], #odeme .kredikartiToplam input[type=submit]{width: 100%;margin: 10px 0;background: #0b73b8;font-size: 20px;color: #FFF;font-weight: 600;border: 0;cursor: pointer;box-sizing: border-box;padding: 13px;border-radius: 10px;outline: none;} .eksikBilgiler .bilgiButon input[type=submit]#onayla{background:#8bb2d8; color:#000;} .eksikBilgiler .bilgiButon input[type=submit]#onayla:hover{background:#0b73b8; color:#FFF;} .yazdirma{} .yazdirma .yazdirUst{width: 100%;float: left;} .yazdirma .yazdirUst .logo{float: left;} .yazdirma .yazdirUst .sagAlan{float:right;box-sizing: border-box;padding: 10px;} .yazdirma .yazdirUst .baslik{float: right;background: no-repeat;} .yazdirma .yazdirUst .baslik span{color: #333;font-size: 30px;padding: 0;margin: 0;} .yazdirma .yazdirUst .sirano{float: right;clear: both;} .yazdirma .yazdirUst .sirano span{} .yazdirma .yazdirUst .sirano strong{} .yazdirma .yazdirForm{float: left;width: 100%;box-sizing: border-box;/* border: 1px solid #000; */} .yazdirma .yazdirForm .siparisTarih .siparis{float:left;} .yazdirma .yazdirForm .siparisTarih .sevk{float:right;} .yazdirma .yazdirForm .siparisTarih{width: 100%;border: 1px solid #ddd;box-sizing: border-box;padding: 10px;float:left;} .yazdirma .yazdirForm .siparisTarih span{} .yazdirma .yazdirForm .siparisTarih .sevk strong{display: block;float: right;width: 160px;height: 15px;} .yazdirma .yazdirForm .bayiBilgileri{float: left;width: 100%;} .yazdirma .yazdirForm .bayiBilgileri .adresBilgiler{display: block;width: 100%;float: left;box-sizing: border-box;padding: 10px;border: 1px solid #ddd;margin: -1px 0 0px 0;} .yazdirma .yazdirForm .bayiBilgileri .adresBilgiler span{display: block;} .yazdirma .yazdirForm .bayiBilgileri .adresBilgiler strong{display: block;width: 100%;height: auto;padding: 0px 0;font-size: 14px;margin: 5px 0;} .yazdirma .yazdirForm .iletisimBilgiler{float: left;width: 100%;box-sizing: border-box;border: 1px solid #ddd;margin: -1px 0 0px 0;} .yazdirma .yazdirForm .iletisimBilgiler .alan{float: left;width: 25%;box-sizing: border-box;padding: 5px 10px;} .yazdirma .yazdirForm .iletisimBilgiler .alan strong{padding:0px 10px 0px 0px; display:block; float:left;} .yazdirma .yazdirForm .iletisimBilgiler .alan span{} .yazdirma .yazdirForm .bayiBilgileri .urunler{float: left;width: 100%;} .yazdirma .yazdirForm .bayiBilgileri .urunler .basliklar{float: left;width: 100%;} .yazdirma .yazdirForm .bayiBilgileri .urunler table{width: 100%;padding: 0;border-collapse: collapse;margin: -1px 0 0 0;border: 1px solid #ddd;} .yazdirma .yazdirForm .bayiBilgileri .urunler .basliklar table td{text-align:center;} .yazdirma .yazdirForm .bayiBilgileri .urunler table td{padding: 10px;margin: 0;box-sizing: border-box;font-size: 15px;} .yazdirma .yazdirForm .bayiBilgileri .urunler table .urunAd{width: 31%;line-height: 16px;} .yazdirma .yazdirForm .bayiBilgileri .urunler table .birim_fiyat, .yazdirma .yazdirForm .bayiBilgileri .urunler table .iskonto, .yazdirma .yazdirForm .bayiBilgileri .urunler table .tonaj, .yazdirma .yazdirForm .bayiBilgileri .urunler table .miktar{width: 9%;text-align: center;} .yazdirma .yazdirForm .bayiBilgileri .urunler table .tutar{width: 12%;text-align: center;} .yazdirma .yazdirForm .bayiBilgileri .urunler table .cins{width: 10%;text-align: center;} .yazdirma .yazdirForm .bayiBilgileri .urunler table .fiyat{width: 25%;} .yazdirma .yazdirForm .bayiBilgileri .urunler .urunliste{padding: 0;border-radius: 0;background: no-repeat;} .yazdirma .yazdirForm .bayiBilgileri .urunler .sevkAdresi{border-right:0 !important;} .yazdirma .yazdirForm .bayiBilgileri .sevkBilgileri{float: left;width: 100%;margin-bottom: 10px;} .yazdirma .yazdirForm .bayiBilgileri .sevkBilgileri .iskontolar{float:left;width: 100%;box-sizing: border-box;padding: 0;margin-top: 20px;position: relative;} .yazdirma .yazdirForm .bayiBilgileri .sevkBilgileri .odemeler .baslik, .yazdirma .yazdirForm .bayiBilgileri .sevkBilgileri .vadeler .baslik, .yazdirma .yazdirForm .bayiBilgileri .sevkBilgileri .onaylar .bolge .baslik, .yazdirma .yazdirForm .bayiBilgileri .sevkBilgileri .onaylar .bayi .baslik, .yazdirma .yazdirForm .bayiBilgileri .sevkBilgileri .iskontolar .baslik{float:left;position: relative;background: #FFF;border: 1px solid #ddd;box-sizing: border-box;padding: 5px 20px;border-bottom: 0;z-index: 9;} .yazdirma .yazdirForm .bayiBilgileri .sevkBilgileri .odemeler .baslik strong, .yazdirma .yazdirForm .bayiBilgileri .sevkBilgileri .vadeler .baslik strong, .yazdirma .yazdirForm .bayiBilgileri .sevkBilgileri .onaylar .bolge .baslik strong, .yazdirma .yazdirForm .bayiBilgileri .sevkBilgileri .onaylar .bayi .baslik strong, .yazdirma .yazdirForm .bayiBilgileri .sevkBilgileri .iskontolar .baslik strong{float:left;width: 100%;} .yazdirma .yazdirForm .bayiBilgileri .sevkBilgileri .icerik{float:left;width: 100%;margin: -1px 0 0 0;border: 1px solid #ddd;padding: 10px;box-sizing: border-box;} .yazdirma .yazdirForm .bayiBilgileri .sevkBilgileri .iskontolar .icerik .iskontoIcerik{float:left;width: 50%;padding: 10px 0;} .yazdirma .yazdirForm .bayiBilgileri .sevkBilgileri .iskontolar .icerik .iskontoIcerik strong{float:left;width: auto;font-weight: 600;border-right: 1px solid #ddd;padding-right: 10px;} .yazdirma .yazdirForm .bayiBilgileri .sevkBilgileri .iskontolar .icerik .iskontoIcerik span{float:left;width: auto;margin-left: 10px;} .yazdirma .yazdirForm .bayiBilgileri .sevkBilgileri .iskontolar .icerik .bilgi{float:left;width: 100%;font-size: 13px;text-align: center;border-top: 1px solid #ddd;box-sizing: border-box;padding: 5px 0;} .yazdirma .yazdirForm .bayiBilgileri .sevkBilgileri .vadeler{float:left;width: 49%;position: relative;margin: 20px 1% 0px 0px;} .yazdirma .yazdirForm .bayiBilgileri .sevkBilgileri .vadeler .ustliste{float:left;width: 100%;} .yazdirma .yazdirForm .bayiBilgileri .sevkBilgileri .vadeler .ustliste span{float:left;width: 20%;display: block;text-align: center;} .yazdirma .yazdirForm .bayiBilgileri .sevkBilgileri .vadeler .ustliste span.diger{float:left;/* width: 25%; */text-align: center;} .yazdirma .yazdirForm .bayiBilgileri .sevkBilgileri .vadeler .altliste{float:left;width: 100%;border-top: 1px solid #ddd;margin: 5px 0 0 0;padding: 10px 0 0 0;} .yazdirma .yazdirForm .bayiBilgileri .sevkBilgileri .vadeler .altliste span{float: left;width: 20%;display: block;text-align: center;border-right: 1px solid #ddd;box-sizing: border-box;font-size: 16px;height: 23px; font-weight: bold;} .yazdirma .yazdirForm .bayiBilgileri .sevkBilgileri .vadeler .altliste span.diger{float:left;/* width: 25%; */border: 0;} .yazdirma .yazdirForm .bayiBilgileri .sevkBilgileri .odemeler{float:left;width: 50%;position: relative;padding: 0;margin-top: 20px;} .yazdirma .yazdirForm .bayiBilgileri .sevkBilgileri .odemeler .list{float:left;width: 20%;margin: 0;text-align: center;} .yazdirma .yazdirForm .bayiBilgileri .sevkBilgileri .odemeler .list span{float:left;width: 100%;font-size: 15px;} .yazdirma .yazdirForm .bayiBilgileri .sevkBilgileri .odemeler .list:after{content:'';display: inline-block;width: 15px;height: 15px;border: 1px solid #ddd;clear: both;margin: 13px 0 10px 0;} .yazdirma .yazdirForm .bayiBilgileri .sevkBilgileri .odemeler .list.Active:after{background: #000; content: 'X'; font-weight: bold; line-height: 14px;} .yazdirma .yazdirForm .bayiBilgileri .sevkBilgileri .onaylar{float:left;width: 100%;position: relative;margin-top: 20px;} .yazdirma .yazdirForm .bayiBilgileri .sevkBilgileri .onaylar .bayi{margin: 0 !important;float: right !important;width: 50% !important;padding: 0;} .yazdirma .yazdirForm .bayiBilgileri .sevkBilgileri .onaylar .bolge{float:left;width: 49%;position: relative;padding: 0;margin: 0px 1% 0px 0px;} .yazdirma .yazdirForm .bayiBilgileri .sevkBilgileri .onaylar .bayi .alan, .yazdirma .yazdirForm .bayiBilgileri .sevkBilgileri .onaylar .bolge span{float:left;width: 50%;height: 45px;margin-bottom: 70px;text-align: center;display: block;} .yazdirma .yazdirForm .bayiBilgileri .sevkBilgileri .onaylar .bayi .alan span{display: block;width: 100%;} .yazdirma .yazdirForm .bayiBilgileri .sevkBilgileri .onaylar .bayi .alan font{font-size:13px;} .yazdirma .yazdirForm .bayiBilgileri .sevkBilgileri .sevkAdresi{float:left;width: 49%;border: 1px solid #ddd;box-sizing: border-box;padding: 10px;height: 160px;margin-top: 60px;position: relative;} .yazdirma .yazdirForm .bayiBilgileri .sevkBilgileri .sevkAdresi strong{float: left;position: absolute;background: #FFF;border: 1px solid #ddd;box-sizing: border-box;padding: 5px 20px;border-bottom: 0;z-index: 9;top: -35px;left: -1px;} .yazdirma .yazdirForm .bayiBilgileri .sevkBilgileri .notAciklama{float: right;width: 50%;border: 1px solid #ddd;box-sizing: border-box;height: 160px;margin-top: 60px;position: relative;padding: 10px;} .yazdirma .yazdirForm .bayiBilgileri .sevkBilgileri .notAciklama strong{float: left;position: absolute;background: #FFF;border: 1px solid #ddd;box-sizing: border-box;padding: 5px 20px;border-bottom: 0;z-index: 9;top: -35px;left: -1px;} #utabs li.ui-state-default a { background: url(images/icons.png?v=1) 0px -5204px no-repeat; height:40px; padding:16px 35px 0px 35px; box-sizing:border-box; color:#919191; font-weight:400; float:left;} #utabs li.ui-tabs-active a{background: url(images/icons.png?v=1) 0px -5167px no-repeat; color:#363636; outline:0; font-weight:400;} #utabs li.ui-tabs-active.ui-state-hover a{ color:#363636;} #utabs li.ui-state-hover a{ background: url(images/icons.png?v=1) 0px -5167px no-repeat; color:#343434;} #ptabs {width:835px;position:relative;} #ptabs ul { list-style: none; width:100%; height:auto; line-height: 12px; float:left; padding:0px 0px 0px 0px; background: #f5f5f5; /* Old browsers */} #ptabs li {float:left;width:auto;height:auto;text-align:center;margin: 0px 0px 0px 10px;} #ptabs .ln{border-left:1px solid #8f8f8f;} #ptabs li a{width:100%; height:15px; color:#8f8f8f;} #ptabs li.ui-state-default a { height:40px; padding:16px 20px 0px 30px; box-sizing:border-box; color:#333; font-weight:400; float:left; background: url(images/icons.png?v=1) 0px -5336px no-repeat;} #ptabs li.ui-tabs-active a{ outline:none; color:#000; outline:0; font-weight:400; background: url(images/icons.png?v=1) 0px -5294px no-repeat;} #ptabs li.ui-state-hover a{ color:#000; background: url(images/icons.png?v=1) 0px -5294px no-repeat;} #ptabs li.ui-tabs-active.ui-state-hover a{ color:#000;} #ptabs li.ui-state-hover a{ color:#000; } #ptabs li.ui-state-focus a{ outline:0;} #ptabs .ui-tabs-panel { padding:10px 0px; width:100%;} #ptabs #tabs-7, #ptabs #tabs-4, #ptabs #tabs-2{ display:none !important;} #odeme .btn_kopyala{background:url(images/icons.png?v=1) 14px -5603px no-repeat; margin:80px 0px 5px 8px; padding:25px 0px 6px 0px;cursor: pointer;outline: none;border: none;} #odeme .btn_kopyala:hover{ background:url(images/icons.png?v=1) 14px -5648px no-repeat; color:#343434;} #odeme .btn_odeme{width:262px;height:50px;margin: 5px 0px 30px 0px;cursor: pointer;outline: none;border: none;text-align:center;box-sizing:border-box;display:inline-block;} #odeme .btn_odeme:hover{ color:#FFF;} #odeme .fatura .taksitlistesi .checkbox a{font-size:15px; color:#000;} #odeme .checkbox {background:url(images/icons.png?v=1) 4px -2320px no-repeat #f5f5f5;width:257px;height:38px;border:1px solid #dadada;outline:0;padding:5px 10px 5px 38px;margin:5px 0px 5px 0px;color:#666;cursor:pointer;box-sizing:border-box;line-height: 25px;float: left;} #odeme .checkbox2{background: url(images/icons.png?v=1) 4px -2382px no-repeat #18c110;width:257px;height:38px;border: 1px solid #18c110;color:#fff;outline:0;padding:5px 10px 5px 38px;margin:5px 0px 5px 0px;cursor:pointer;box-sizing:border-box;} #odeme .odemetotal_wr{width:262px; height:auto; display:inline-block;} #odeme .odemetotal{ width:262px; height:40px; background:#f2f2f2; border:1px solid #eee; margin:2px 0px 2px 0px; padding:8px 10px 0px 10px; box-sizing:border-box;} #odeme .odemetotal .yazi{width:100px; height:auto; text-align:left;} #odeme .odemetotal .fiyat{width:140px; height:auto; text-align:right;} #odeme .odemetotal2{ width:100%; height:32px; background:#f8f8f8; border:1px solid #f5f5f5; margin:2px 0px 3px 0px; padding:3px 10px 0px 10px; box-sizing:border-box;} #odeme .odemetotal2 .yazi{width:100px; height:auto; margin-top:5px; text-align:left;} #odeme .odemetotal2 .fiyat{width:140px; height:auto; text-align:right;} #odeme .odemetotal3{width:257px;height:50px;background:#fff;border:1px solid #afafaf;margin: 5px 4px 5px 4px;padding:10px 10px 0px 10px;box-sizing:border-box;z-index:9;float: right;} #odeme .odemetotal3 .yazi{width:100px; height:auto; text-align:left;} #odeme .odemetotal3 .fiyat{width: 135px;height:auto;text-align:right;font-weight:700;} #odeme .taksit{width:100%; height:auto; margin-bottom:10px;} #odeme .taksit .aktif { background:#343434; width:230px; height:auto; outline:0; padding:5px 5px 5px 5px; margin:0px 5px 5px 0px; color:#EEDEB9; cursor:default;} #odeme .taksit .link { background:#f5f5f5; width:230px; height:auto; outline:0; padding:5px 5px 5px 5px; margin:0px 5px 5px 0px; color:#000; cursor:pointer;} #odeme .taksit .yazi{width:60px; height:auto;} #odeme .taksit .fiyat{width:165px; height:auto; text-align:right;} #odeme .taksit .aktif .yazi{ color:#fff;} #odeme .taksit .aktif .fiyat{ color:#fff;} #odeme .kartsecimi{width:auto; height:auto; margin-bottom:10px;} #odeme .kartsecimi .baslik{width:auto;height:auto;margin: 5px 10px 0px 10px;background: no-repeat;} #odeme .kredikarti_baslik{width:100%; height:auto; margin-bottom:10px; margin-top:10px;} #odeme .kredikarti{width:100%; height:auto; margin-bottom:10px;} #odeme .kredikarti .aktif { background:url(images/icons.png?v=1) 0px -5177px no-repeat; width:120px; height:auto; outline:0; padding:0px 0px 0px 25px; margin:0px 5px 5px 0px; color:#EEDEB9; cursor:default;} #odeme .kredikarti .link { background:url(images/icons.png?v=1) 0px -5214px no-repeat; width:120px; height:auto; outline:0; padding:0px 0px 0px 25px; margin:0px 5px 5px 0px; color:#000; cursor:pointer;} #odeme .kredikarti .link:hover { background:url(images/icons.png?v=1) 0px -5177px no-repeat;} #odeme .kredikarti img{ border:1px solid #f2f2f2;} #odeme .kredikarti .k_ad{width:auto; height:20px; overflow: hidden; margin-top:5px; margin-left:5px;} #odeme .kredikarti .k_ad:hover{ color:#343434;} #odeme .odemedetay { width:520px; height:auto;} #odeme .odemedetay2 { width:100%; height:auto;} #odeme .sozlesme {width:550px;height: 148px;margin: 0;padding:5px;overflow:auto;/* border:1px dashed #e7e5e5; *//* background:#fafafa; */float:left;} #odeme .sozlesmebos { width:550px; height:138px; margin:4px 0px 0px 165px; padding:5px; overflow:auto; float:left;} #odeme .sozlesme_onay{width: 260px;height: auto;position:relative;} #odeme .odeme_onay{width: auto;height: auto;margin-top: 5px;margin-left: 436px;padding-top: 10px;} #odeme .taksitsizaciklama{width: auto;height: auto;margin-bottom: 10px; background:#f5f5f5; padding:10px;} #odeme .odemealani { width:100%; height:auto; float:left; display:none;} #odeme4 { width:auto; height:auto} #odeme4 .icerik { width:100%; height:auto; display:table;} #odeme4 .sonuc { width:100%; height:auto; padding:80px 0px; text-align:center;} #odeme4 .btn_sepetedon{margin:5px 0px 10px 0px; padding:10px 80px;cursor: pointer;outline: none;border: none;} #odeme4 .btn_sepetedon:hover{ color:#FFF;} #odeme4 .btn_siparislerim{margin:5px 0px 10px 0px; padding:10px 80px;cursor: pointer;outline: none;border: none;} #odeme4 .btn_siparislerim:hover{ color:#FFF;} #odeme4 .btn_yazdir{margin:5px 0px 10px 0px; padding:10px 60px;cursor: pointer;outline: none;border: none;} #odeme4 .btn_yazdir:hover{ color:#FFF;} /* HESABIM */ #hesabim { width:auto; height:auto} #hesabim .ustbutonlar { width:auto; height:30px; margin:10px 10px 10px 5px;} #hesabim .icerik { width:100%; height:auto; background:#fff; display:table;} #hesabim .cekyok {width:100%;height: auto; text-align: center; margin:50px 0px;} #hesabim .sol { width:222px; height:auto; background:#fff; display:table;} #hesabim .sol .grupbaslik { width:207px; height:auto; outline:0; padding:5px 5px 5px 10px; border-bottom:1px solid #e6e6e6;} #hesabim .sol .aktif { background:url(images/icons.png?v=1) 8px -999px no-repeat #000; width:197px; height:auto; outline:0; padding:5px 5px 5px 20px; color:#fff; cursor:default; border-bottom:1px solid #e6e6e6;} #hesabim .sol .link { background:url(images/icons.png?v=1) 8px -999px no-repeat #FFF; width:197px; height:auto; outline:0; padding:5px 5px 5px 20px; cursor:pointer; border-bottom:1px solid #e6e6e6;} #hesabim .sol .link:hover {background:url(images/icons.png?v=1) 8px -999px no-repeat #000; color:#fff;} #hesabim .sag { width:100%; height:auto; display:table; min-height:265px; padding:10px 10px 10px 10px; box-sizing:border-box;} #hesabim .sag .baslik { width:100%; height:auto;} #hesabim .bakiye { width:260px; height:auto; background:#f5f5f5; border:1px solid #dadada; padding:3px 5px; margin-left:10px} #hesabim .bakiye .altbaslik { width:auto; height:auto; margin-top:3px;} #hesabim .bakiye span { width:auto; height:auto; margin:0;} #hesabim .kredikarti_baslik{width:100%; height:auto; margin-bottom:10px; margin-top:10px;} #hesabim .kredikarti{width:100%; height:auto; margin-bottom:10px;} #hesabim .kredikarti .yazi{width:130px; height:auto; margin-top:5px;} #hesabim .kredikarti .sag2{width:640px; height:auto; margin-bottom:5px;} #hesabim .adres_blok .bilgiAlani{width:100%; float:left; border-bottom:1px solid #eee; border-top:1px solid #eee; margin:5px 0; padding:5px 0px;} #hesabim .adres_blok {width: 100%;height:auto;margin: 0 !important;} #hesabim .adres_blok .altbaslik {width: 60%;height:auto;margin:5px 0px;} #hesabim .adres_blok .adresyok { width:100%; height:auto; margin:20px 0px; text-align:center;} #hesabim .adres {width: 48.9%;height:auto;border:1px solid #dadada;padding:5px 5px;margin: 5px;box-sizing:border-box;} #hesabim .adres .varsayilan{ background:url(images/icons.png?v=1) 0px -2386px no-repeat; width:25px; height:25px;} #hesabim .adres .yazi{ width:130px; height:auto; margin-top:3px;} #hesabim .adres .sag3{ width:320px;height:20px; margin-bottom:5px;} #hesabim .adres .sag4{ width:320px;height:auto; margin-bottom:5px;} #hesabim .adresform {width: 50%;height:auto;background:#fafafa;border:1px solid #dadada;padding:10px 10px;margin:5px 0px;box-sizing:border-box;} #hesabim .adresform #ajax2, #hesabim .adresform #ajax1{width:70%;} #hesabim .adresform #ajax2 .il, #hesabim .adresform #ajax1 .il{margin:0px 5px 0px 0px} #hesabim .adresform #ajax2 .il, #hesabim .adresform #ajax2 .ilce, #hesabim .adresform #ajax1 .il, #hesabim .adresform #ajax1 .ilce{width:49%; float:left;} #hesabim .adresform .yazi{ width:130px; height:auto; margin-top:3px;} #hesabim .adresform .textbox{ background:#FFF; width: 300px;height: 26px; -webkit-appearance: none; -moz-appearance: none; appearance: none;outline: 0; border:1px solid #dadada; padding: 2px 5px 2px 5px; outline:0; margin-bottom:5px;} #hesabim .adresform .textbox:hover{ border:1px solid #343434;} #hesabim .adresform .textbox:focus{ border:1px solid #343434; -moz-box-shadow: 0px 0px 3px #666; -webkit-box-shadow: 0px 0px 3px #666; box-shadow: 0px 0px 3px #666;} #hesabim .adresform .textarea { background:#FFF; width:300px; height:60px; -webkit-appearance: none; -moz-appearance: none; appearance: none; border:1px solid #dadada; padding: 2px 5px 2px 5px; outline:0; margin-bottom:5px;} #hesabim .adresform .textarea:hover{ border:1px solid #343434;} #hesabim .adresform .textarea:focus{ border:1px solid #343434; -moz-box-shadow: 0px 0px 3px #666; -webkit-box-shadow: 0px 0px 3px #666; box-shadow: 0px 0px 3px #666;} #hesabim .adresform .select#adresTur{width:66.6%;} #hesabim .adresform .select { background:#FFF; width:154px; height:29px; border:1px solid #dadada; padding: 2px 2px 2px 2px; outline:0; margin-right:2px; margin-bottom:5px;} #hesabim .adresform .select:hover{ border:1px solid #343434;} #hesabim .adresform .select:focus{ border:1px solid #343434; -moz-box-shadow: 0px 0px 3px #666; -webkit-box-shadow: 0px 0px 3px #666; box-shadow: 0px 0px 3px #666;} #hesabim input[type='radio'] { width:1.5em; height:1.5em; margin:0px 0px 0px 0px; float:left;} #hesabim label span { width:auto; height:auto; padding:3px 15px 0px 5px; float:left;} #hesabim .adresform .btn_degistir{ width:309px; padding:10px 102px;cursor: pointer;outline: none;border: none; box-sizing:border-box; margin-top:5px;} #hesabim .adresform .btn_degistir:hover{ color:#FFF;} #hesabim .btn_guncelle{margin:0px 0px 0px 5px; padding:5px 10px;cursor: pointer;outline: none;border: none;} #hesabim .btn_guncelle:hover{ color:#666;} #hesabim .btn_sil{margin:0px 5px 0px 5px; padding:5px 10px;cursor: pointer;outline: none;border: none;} #hesabim .btn_sil:hover{ color:#666;} #hesabim .btn_yeni{margin:0px 0px 0px 0px; padding:5px 10px;cursor: pointer;outline: none;border: none;} #hesabim .btn_yeni:hover{ color:#666;} #hesabim .btn_detay{margin:0px 5px 0px 5px; padding:5px 10px;cursor: pointer;outline: none;border: none;} #hesabim .btn_detay:hover{ color:#666;} #hesabim .btn_siparis{margin:0px 5px 0px 5px; padding:5px 10px;cursor: pointer;outline: none;border: none;color:#fff;} #hesabim .btn_siparis:hover{ color:#fff;} /* Loglar */ #hesabim .loglar{border: 1px solid #eee; box-sizing: border-box; width: 100%; float: left; margin: 20px 0;} #hesabim .loglar .listele div{font-size:14px; font-weight:normal; width: auto;float: left;display: inline-block;text-align:center; padding: 10px 10px;border-right: 1px solid #eee;box-sizing: border-box;} #hesabim .loglar .basliklar div{font-size: 14px;font-weight: normal;width: auto;float: left;display: inline-block;text-align:center;padding: 5px 20px;border-right: 1px solid #e2e2e2;box-sizing: border-box;color: #999999;} #hesabim .loglar .basliklar{background: #f5f5f5; height: 30px;} #hesabim .loglar .listele, #hesabim .loglar .basliklar{width: 100%;float: left;border-bottom: 1px solid #e2e2e2;} #hesabim .loglar .basliklar .cari_ad, #hesabim .loglar .listele .cari_ad{width:20%;} #hesabim .loglar .basliklar .islem, #hesabim .loglar .listele .islem{width: 34%;border: 0;} #hesabim .loglar .basliklar .sonuc{height:40px !important;} #hesabim .loglar .basliklar .sonuc, #hesabim .loglar .listele .sonuc{width: 54%;border-left: 1px solid #e2e2e2;height: 62px;} #hesabim .loglar .basliklar .tarihBilgi, #hesabim .loglar .listele .tarihBilgi, #hesabim .loglar .basliklar .saat, #hesabim .loglar .listele .saat{width: 12%;} /* Loglar */ #hesabimform{ width:100%; height:auto;} #hesabimform .baslik {width:100%;height: auto; text-align: left;padding:8px 0px 8px 8px; margin:5px 0px; border-bottom:1px solid #f2f2f2; box-sizing:border-box;} #hesabimform .form {margin-top:15px;} #hesabimform .satir {width:100%; height:auto; margin-bottom:5px; position:relative;} #hesabimform .yazi {width:150px; margin-top:5px; margin-right:10px;} #hesabimform .detay {width:auto; margin-top:3px;} #hesabimform .textbox{ background:#FFF; width: 290px;height: 26px; -webkit-appearance: none; -moz-appearance: none; appearance: none;outline: 0; border:1px solid #dadada; padding: 2px 5px 2px 5px; outline:0; margin-bottom:5px;} #hesabimform .textbox:hover{ border:1px solid #343434;} #hesabimform .textbox:focus{ border:1px solid #343434; -moz-box-shadow: 0px 0px 3px #666; -webkit-box-shadow: 0px 0px 3px #666; box-shadow: 0px 0px 3px #666;} #hesabimform .textarea { background:#FFF; width:290px; height:60px; -webkit-appearance: none; -moz-appearance: none; appearance: none; border:1px solid #dadada; padding: 2px 5px 2px 5px; outline:0; margin-bottom:5px;} #hesabimform .textarea:hover{ border:1px solid #343434;} #hesabimform .textarea:focus{ border:1px solid #343434; -moz-box-shadow: 0px 0px 3px #666; -webkit-box-shadow: 0px 0px 3px #666; box-shadow: 0px 0px 3px #666;} #hesabimform .select { background:#FFF; width:150px; height:29px; border:1px solid #dadada; padding: 2px 2px 2px 2px; outline:0; margin-right:2px;} #hesabimform .select:hover{ border:1px solid #343434;} #hesabimform .select:focus{ border:1px solid #343434; -moz-box-shadow: 0px 0px 3px #666; -webkit-box-shadow: 0px 0px 3px #666; box-shadow: 0px 0px 3px #666;} #hesabimform span { margin-left:5px; margin-top:8px; margin-right:5px;} #hesabimform .btn_degistir{ width:300px; padding:10px 102px;cursor: pointer;outline: none;border: none; box-sizing:border-box;} #hesabimform .btn_degistir:hover{ color:#FFF;} #hesabimform .btn_kopyala{margin:5px 10px 10px 160px; padding:5px 40px;cursor: pointer;outline: none;border: none;} #hesabimform .btn_listele{margin:0px 0px 0px 10px; padding:7px 40px;cursor: pointer;outline: none;border: none;} #hesabimform .btn_listele:hover{ color:#FFF;} #hesabimform .btn_excel{margin:0px 0px 0px 10px;padding: 7px 12px;cursor: pointer;outline: none;border: none;} #hesabimform .btn_excel:hover{ color:#FFF;} #siparislerim { width:auto; height:auto} #siparislerim .ustbutonlar { width:auto; height:30px; margin:10px 10px 10px 5px;} #siparislerim .icerik { width:100%; height:auto;display:table; padding:10px 10px 10px 10px; box-sizing:border-box;} #siparislerim .yok { width:100%; height:auto; text-align:center; padding:30px 0px;} #siparislerim .siparistarih { width:100%; height:auto;} #siparislerim .siparisdurum { width:100%; height:auto; margin-top:5px;} #siparislerim .siparisdurum .renk{ width:20px; height:18px; margin-left:2px;} #siparislerim .siparisdurum .yazi{ width:auto; height:auto; margin-left:5px;} #siparislerim .btn_kargotakip{margin:10px 0px 0px 0px; padding:5px 10px;cursor: pointer;outline: none;border: none;} #siparislerim .btn_kargotakip:hover{ color:#FFF;} #siparislerim .btn_detay{margin:0px 5px 0px 5px; padding:5px 10px;cursor: pointer;outline: none;border: none;} #siparislerim .btn_detay:hover{ color:#666;} #siparislerim .btn_yazdir{margin:0px 10px 0px 0px; padding:5px 10px;cursor: pointer;outline: none;border: none;} #siparislerim .btn_yazdir:hover{ color:#666;} #siparislerim .btn_iptal{margin:0px 0px 0px 10px; padding:5px 10px;cursor: pointer;outline: none;border: none;} #siparislerim .btn_iptal:hover{ color:#666;} #siparisdetay{ width:auto; height:auto; text-align:left; background:#FFF;} #siparisdetay .baslik{background:#fff; width:100%;height: 85px; text-align: left;padding:55px 0px 0px 55px; box-sizing:border-box;} #siparisdetay .baslik2{background:#f5f5f5; width:100%;height: 35px; text-align: left;padding:10px 0px 0px 55px; box-sizing:border-box;} #siparisdetay .cizgi_wr{ width:100%; height:5px;} #siparisdetay .menucizgi{ width:194px; height:3px; border:1px solid #e4e4e4;} #siparisdetay .cizgi {background:#e4e4e4; width:816px; height:5px; margin-left:5px;} #siparisdetay .grup { width:960px; height:auto; margin:5px 10px;} #siparisdetay .bilgiler { width:975px; height:auto; margin:5px 5px;} #siparisdetay .bilgiler .altbaslik { width:465px; height:auto; margin:5px 0px 5px 0px; padding:10px 10px; background:#f5f5f5; line-height:16px;} #siparisdetay .bilgiler .blok { width:480px; height:auto; margin:0px 3px;} #siparisdetay .bilgiler .blok .satir { width:100%; height:auto;} #siparisdetay .siparisdurum { width:100%; height:auto;} #siparisdetay .siparisdurum .renk{ width:50px; height:30px; margin-left:2px;} #siparisdetay .siparisdurum .yazi{ width:auto; height:auto; margin-left:5px;} #hesabimform .satir .bakiye2.fl {text-align: center;padding: 3px 9px;box-sizing: border-box;} #hesabimform .satir .bakiye2.fl .altbaslik.fl {float: left;font-weight: bold;line-height: 30px;display: block;margin-right: 10px;border-right: 1px solid #ddd;padding-right: 5px;} #siparisdetay .odemetipi { width:98%; height:auto; margin:5px 5px;} #siparisdetay .siparisfiyat{background:#f5f5f5; margin:5px 5px 5px 5px; padding:5px 10px;} #siparisdetay .siparisfiyat .yazi{width:125px; height:auto;} #siparisdetay .siparisfiyat .fiyat{width:160px; height:auto; text-align:right;} #siparisdetay .kredikarti{background:#f5f5f5; margin:5px 5px 5px 5px; padding:5px 5px 5px 10px;} #siparisdetay .kredikarti .yazi{width:190px; height:auto;} #siparisdetay .kredikarti .resim{width:100px; height:auto;} #siparisdetay .kargo{width:100%; height:auto;} #siparisdetay .kargo .resim{width:100px; height:auto;} #siparisdetay .kargo .yazi{width:190px; height:auto; padding:5px 0px 0px 10px;} #siparisdetay .kargo .link{width:auto; height:auto;} #siparisdetay .btn_kargotakip{margin:5px 0px 0px 10px; padding:5px 10px;cursor: pointer;outline: none;border: none;} #siparisdetay .efatura{margin:0px 0px 0px 10px; padding:5px 10px;cursor: pointer;outline: none;border: none;} #siparisdetay .bankahesap{ width:420px; height:auto; margin:5px 5px;} #siparisdetay .bankahesap .yazi{width:120px; height:auto;} #siparisdetay .bankahesap .detay{width:300px; height:auto;} #yeniuye { width:auto; height:auto} #yeniuye .ustbutonlar { width:auto; height:30px; margin:10px 10px 10px 5px;} #yeniuye .icerik { width:100%; height:auto; display:table;} #yeniuye .btn_hesabim{margin:50px 38% 50px 44%; padding:5px 40px;cursor: pointer;outline: none;border: none;} #yeniuye .btn_hesabim:active{-moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none;} #yeniuye .btn_hesabim:hover{ color:#FFF;} #yeniuye .hediyeceki { width:330px; height:115px; background:url(images/labels.png) 270px -828px no-repeat #2936ac; padding:8px 0px 0px 35px; border:2px dashed #fff; margin:10px 34%;} #yeniuye .kayit_basarili { width:100%;} /* DESTEK */ #destek { width:auto; height:auto} #destek .icerik { width:100%; height:auto; display:table;} #destek .sol { width:248px; height:auto; background:#fff; display:table;} #destek .sol .grupbaslik { width:233px; height:auto; outline:0; padding:5px 5px 5px 10px; border-bottom:1px solid #e6e6e6;} #destek .sol .aktif { background:url(images/icons.png?v=1) 8px -999px no-repeat #000; width:223px; height:auto; outline:0; padding:5px 5px 5px 20px; color:#fff; cursor:default; border-bottom:1px solid #e6e6e6;} #destek .sol .link { background:url(images/icons.png?v=1) 8px -999px no-repeat #FFF; width:223px; height:auto; outline:0; padding:5px 5px 5px 20px; cursor:pointer; border-bottom:1px solid #e6e6e6;} #destek .sol .link:hover {background:url(images/icons.png?v=1) 8px -999px no-repeat #000; color:#fff;} #destek .sag { width:100%; height:auto; display:table; min-height:320px; padding:10px 10px 10px 10px; box-sizing:border-box;} #destek .sag .baslik { width:100%; height:auto; margin-bottom:10px;} #destek .sag .altbaslik { width:100%; height:auto; margin-bottom:5px;} #destek .sag .detay { width:auto; height:auto; margin-bottom:10px; font-size:14px;} #destek .sag .altbaslik2 { width:558px; height:auto; margin:10px 3px; border-bottom:1px solid #02351c;} #destek .sag .altbaslik3 { width:410px; height:auto; margin:10px 3px; border-bottom:1px solid #02351c;} #destek .sag .bilgi { width:558px; height:auto; margin:10px 3px;} #destek .sag .bilgi .yazi { width:100%; height:auto; margin-bottom:5px;} #destek .grup_wr { width:30%; height:auto; margin:30px 17px 25px 16px;} #destek .grup { width:100%; height:100px;} #destek .grup:hover div{ color:#02351c;} #destek .grup .baslik{ width:100%; height:30px;} #destek .grup .detay{ width:100%; height:auto; padding:5px;} #destek ul{ width:100%; height:auto; padding:5px 0px 5px 0px; box-sizing:border-box; color:#a0a0a0;} #destek ul li a{ width:100%; height:auto; padding:3px 0px 3px 5px; box-sizing:border-box; color:#a0a0a0; float:left;} #destek ul li a:hover{ color: #343434;} #destek .grup .hakkimizda{ background:url(images/icons.png?v=1) 5px -2430px no-repeat; width:200px; height:25px; padding:4px 0px 0px 34px;} #destek .grup .iade{ background:url(images/icons.png?v=1) 5px -2507px no-repeat; width:200px; height:25px; padding:4px 0px 0px 34px;} #destek .grup .sss{ background:url(images/icons.png?v=1) 5px -2543px no-repeat; width:200px; height:25px; padding:4px 0px 0px 34px;} #destek .grup .iletisim{ background:url(images/icons.png?v=1) 5px -2611px no-repeat; width:200px; height:25px; padding:4px 0px 0px 34px;} #destek .grup .guvenlik{ background:url(images/icons.png?v=1) 5px -2578px no-repeat; width:200px; height:25px; padding:4px 0px 0px 34px;} #destek .grup .teslimat{ background:url(images/icons.png?v=1) 5px -2470px no-repeat; width:200px; height:25px; padding:4px 0px 0px 34px;} #destek .grup .odeme{ background:url(images/icons.png?v=1) 5px -2777px no-repeat; width:200px; height:25px; padding:4px 0px 0px 34px;} #contactfrm{ width:410px; height:auto; margin:10px 3px;} #contactfrm .satir {width:100%; height:auto; margin-bottom:5px; position:relative;} #contactfrm .yazi {width:130px; text-align:right; margin-top:5px; margin-right:10px;} #contactfrm .detay {width:auto; } #contactfrm .textbox{ background:#FFF; width: 250px;height: 26px; -webkit-appearance: none; -moz-appearance: none; appearance: none;outline: 0; border:1px solid #dadada; padding: 2px 5px 2px 5px; outline:0;} #contactfrm .textbox:hover{ border:1px solid #343434;} #contactfrm .textbox:focus{ border:1px solid #343434; -moz-box-shadow: 0px 0px 3px #666; -webkit-box-shadow: 0px 0px 3px #666; box-shadow: 0px 0px 3px #666;} #contactfrm .textarea { background:#FFF; width:250px; height:60px; -webkit-appearance: none; -moz-appearance: none; appearance: none; border:1px solid #dadada; padding: 2px 5px 2px 5px; outline:0;} #contactfrm .textarea:hover{ border:1px solid #343434;} #contactfrm .textarea:focus{ border:1px solid #343434; -moz-box-shadow: 0px 0px 3px #666; -webkit-box-shadow: 0px 0px 3px #666; box-shadow: 0px 0px 3px #666;} #contactfrm .select { background:#FFF; width:262px; height:29px; border:1px solid #dadada; padding: 2px 2px 2px 2px; outline:0; margin-right:2px;} #contactfrm .select:hover{ border:1px solid #343434;} #contactfrm .select:focus{ border:1px solid #343434; -moz-box-shadow: 0px 0px 3px #666; -webkit-box-shadow: 0px 0px 3px #666; box-shadow: 0px 0px 3px #666;} #contactfrm .btn_gonder{padding:8px 59px;cursor: pointer;outline: none;border: none; width:262px; box-sizing:border-box;} #sifre { width:auto; height:auto} #sifre .icerik { width:100%; height:auto; display:table; min-height:200px;} #sifre .icerik .baslik { width:98%; height:auto; padding:10px} #sifrefrm{ width:410px; height:auto; margin:10px 3px;} #sifrefrm .satir {width:100%; height:auto; margin-bottom:5px; position:relative;} #sifrefrm .yazi {width:140px; text-align:right; margin-top:5px; margin-right:10px;} #sifrefrm .detay {width:auto; margin-top:3px;} #sifrefrm .textbox{ background:#FFF; width: 240px;height: 26px; -webkit-appearance: none; -moz-appearance: none; appearance: none;outline: 0; border:1px solid #dadada; padding: 2px 5px 2px 5px; outline:0; margin-bottom:5px;} #sifrefrm .textbox:hover{ border:1px solid #343434;} #sifrefrm .textbox:focus{ border:1px solid #343434; -moz-box-shadow: 0px 0px 3px #666; -webkit-box-shadow: 0px 0px 3px #666; box-shadow: 0px 0px 3px #666;} #sifrefrm .btn_gonder{ padding:8px 59px;cursor: pointer;outline: none;border: none; width:250px; box-sizing:border-box;} /* LOGOUT */ #logout { width:auto; height:auto} #logout .icerik { width:100%; height:auto; display:table;} #logout .btn_anasayfa{margin:5px 10px 10px 0px; padding:10px 80px;cursor: pointer;outline: none;border: none;} /* MARKALAR */ #mtabs { width:100%; margin-top:5px; position:relative;} #mtabs ul { list-style: none; width:100%; height:auto; line-height: 12px; float:left; border-bottom:1px solid #f5f5f5; padding:0px 0px 0px 0px;} #mtabs li {float:left; width:auto; height:auto; text-align:center; margin:0px 0px 0px 1px;} #mtabs .ln{border-left:1px solid #8f8f8f;} #mtabs li a{width:100%; height:15px; color:#8f8f8f;} #mtabs li.ui-state-default a { height:40px; padding:14px 10px 0px 10px; box-sizing:border-box; color:#919191; font-weight:300; float:left; background: #ebebeb; /* Old browsers */ background: -moz-linear-gradient(top, #ebebeb 0%, #f9f9f9 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #ebebeb 0%,#f9f9f9 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #ebebeb 0%,#f9f9f9 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebebeb', endColorstr='#f9f9f9',GradientType=0 ); /* IE6-9 */} #mtabs li.ui-tabs-active a{ outline:none; background: #f9f9f9; /* Old browsers */ background: -moz-linear-gradient(top, #f9f9f9 0%, #ebebeb 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #f9f9f9 0%,#ebebeb 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #f9f9f9 0%,#ebebeb 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#ebebeb',GradientType=0 ); /* IE6-9 */ } #mtabs li.ui-tabs-active a{color:#343434; outline:0; font-weight:400;} #mtabs li.ui-tabs-active.ui-state-hover a{ color:#343434; font-weight:400; background: #f9f9f9; /* Old browsers */ background: -moz-linear-gradient(top, #f9f9f9 0%, #ebebeb 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #f9f9f9 0%,#ebebeb 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #f9f9f9 0%,#ebebeb 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#ebebeb',GradientType=0 ); /* IE6-9 */ } #mtabs li.ui-state-hover a{ color:#343434; background: #f9f9f9; /* Old browsers */ background: -moz-linear-gradient(top, #f9f9f9 0%, #ebebeb 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #f9f9f9 0%,#ebebeb 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #f9f9f9 0%,#ebebeb 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#ebebeb',GradientType=0 ); /* IE6-9 */ } #mtabs li.ui-tabs-active.ui-state-hover a{ color:#343434;} #mtabs li.ui-state-hover a{ color:#343434; } #mtabs li.ui-state-focus a{ outline:0;} #mtabs .ui-tabs-panel { padding:10px; width:98%} #mtabs ul.markalar { padding:10px 0px; width:100%; border:none;} #mtabs ul.markalar li { padding:3px 0px; width:180px; text-align:left;} #mtabs ul.markalar li a{ } #mtabs ul.markalar li a:hover{ color:#343434; } /* KAMPANYALAR */ #kampanyalar { width:auto; height:auto} #kampanyalar .icerik { width:100%; height:auto; background:#fff; display:table;} #kampanyalar .sol { width:248px; height:auto; background:#fff; display:table;} #kampanyalar .sol .grupbaslik { width:233px; height:auto; outline:0; padding:5px 5px 5px 10px; border-bottom:1px solid #e6e6e6;} #kampanyalar .sol .aktif { background:url(images/icons.png?v=1) 8px -999px no-repeat #000; width:223px; height:auto; outline:0; padding:5px 5px 5px 20px; color:#fff; cursor:default; border-bottom:1px solid #e6e6e6;} #kampanyalar .sol .link { background:url(images/icons.png?v=1) 8px -999px no-repeat #FFF; width:223px; height:auto; outline:0; padding:5px 5px 5px 20px; cursor:pointer; border-bottom:1px solid #e6e6e6;} #kampanyalar .sol .link:hover {background:url(images/icons.png?v=1) 8px -999px no-repeat #000; color:#fff;} #kampanyalar .sag { width:100%; height:auto; background:#fff; display:table; min-height:320px; padding:10px 10px 10px 50px; box-sizing:border-box;} #kampanyalar .sag .baslik { width:100%; height:auto; margin-bottom:10px;} #kampanyalar .sag .altbaslik { width:100%; height:auto; margin-bottom:5px;} #kampanyalar .sag .detay { width:auto; height:auto; margin-bottom:10px;} #kampanyalar .sag .altbaslik2 { width:518px; height:auto; margin:10px 3px; border-bottom:1px solid #F28F27;} #kampanyalar .sag .altbaslik3 { width:410px; height:auto; margin:10px 3px; border-bottom:1px solid #F28F27;} #kampanyalar .sag .bilgi { width:518px; height:auto; margin:10px 3px;} #kampanyalar .sag .bilgi .yazi { width:100%; height:auto; margin-bottom:5px;} #kampanyalar .grup_wr { width:30%; height:auto; margin:30px 17px 25px 16px;} #kampanyalar .grup { width:100%; height:100px;} #kampanyalar .grup:hover div{ color:#f9b570;} #kampanyalar .grup .baslik{ width:100%; height:30px;} #kampanyalar .grup .detay{ width:100%; height:auto; padding:5px;} #kampanyalar ul{ width:100%; height:auto; padding:5px 0px 5px 0px; box-sizing:border-box; color:#a0a0a0;} #kampanyalar ul li a{ width:100%; height:auto; padding:3px 0px 3px 5px; box-sizing:border-box; color:#a0a0a0; float:left;} #kampanyalar ul li a:hover{ color: #343434;} #kampanyalar .grup .hakkimizda{ background:url(images/icons.png?v=1) 5px -2430px no-repeat; width:200px; height:25px; padding:4px 0px 0px 34px;} #kampanyalar .grup .iade{ background:url(images/icons.png?v=1) 5px -2507px no-repeat; width:200px; height:25px; padding:4px 0px 0px 34px;} #kampanyalar .grup .sss{ background:url(images/icons.png?v=1) 5px -2543px no-repeat; width:200px; height:25px; padding:4px 0px 0px 34px;} #kampanyalar .grup .iletisim{ background:url(images/icons.png?v=1) 5px -2611px no-repeat; width:200px; height:25px; padding:4px 0px 0px 34px;} #kampanyalar .grup .guvenlik{ background:url(images/icons.png?v=1) 5px -2578px no-repeat; width:200px; height:25px; padding:4px 0px 0px 34px;} #kampanyalar .grup .teslimat{ background:url(images/icons.png?v=1) 5px -2470px no-repeat; width:200px; height:25px; padding:4px 0px 0px 34px;} #kampanyalar .grup .odeme{ background:url(images/icons.png?v=1) 5px -2777px no-repeat; width:200px; height:25px; padding:4px 0px 0px 34px;} #kampanyalar .btn_facebook{width:150px; height:30px; margin:10px 0px 0px 85px; padding-top:6px;cursor: pointer;outline: none;border:1px solid #405c96; text-align:center; box-sizing:border-box; background:#405c96; color:#fff;} #kampanyalar .btn_facebook:hover{ background:#405c96; color:#fff;} #kampanyalar .btn_kosullar{width:150px; height:30px; margin:10px 0px 0px 85px; padding-top:6px;cursor: pointer;outline: none;border:1px solid #cc1e35; text-align:center; box-sizing:border-box; background:#cc1e35; color:#fff;} #kampanyalar .btn_kosullar:hover{ background:#cc1e35; color:#fff;} .wowslider-container { zoom: 1; position: relative; z-index:90; text-align:left; /* reset align=center */ } * html .wowslider-container{ width:773px } .wowslider-container .ws_images ul{ position:relative; width: 10000%; height:auto; left:0; list-style:none; margin:0; padding:0; border-spacing:0; overflow: visible; /*table-layout:fixed;*/ } .wowslider-container .ws_images ul li{ width:1%; line-height:0; /*opera*/ float:left; font-size:0; padding:0 0 0 0 !important; margin:0 0 0 0 !important; } .wowslider-container .ws_images{ position: relative; left:0; top:0; width:100%; height:100%; overflow:hidden; } .wowslider-container .ws_images a{ width:100%; display:block; color:transparent; } .wowslider-container img{ max-width: none !important; } .wowslider-container .ws_images img{ width:100%; border:none 0; max-width: none; padding:0; } .wowslider-container a{ text-decoration: none; outline: none; border: none; } .wowslider-container .ws_bullets { float: left; position:absolute; z-index:70; } .wowslider-container .ws_bullets div{ position:relative; float:left; } .wowslider-container .wsl{ display:none; } .wowslider-container sound, .wowslider-container object{ position:absolute; } .wowslider-container .ws_bullets { padding: 5px; } .wowslider-container .ws_bullets a { width:11px; height:11px; background: url(./Scripts/wowslider/bullet.png) right top; float:left; left:0px; bottom:3px; position:relative; margin-left:5px; padding:0px 0px 0px 0px; text-align:center; } .wowslider-container .ws_bullets a.ws_selbull, .wowslider-container .ws_bullets a:hover{ background-position: 0 100%; } .wowslider-container a.ws_next, .wowslider-container a.ws_prev { position:absolute; display:none; top:50%; margin-top:0px; z-index:60; height: 40px; width: 40px; background-image: url(./Scripts/wowslider/arrows.png); opacity:0.8; } .wowslider-container a.ws_next{ background-position: 100% 0; right:10px; } .wowslider-container a.ws_prev { background-position: 0 0; left:10px; } .wowslider-container a.ws_next:hover{ opacity:1; } .wowslider-container a.ws_prev:hover { opacity:1; } * html .wowslider-container a.ws_next,* html .wowslider-container a.ws_prev{display:block} .wowslider-container:hover a.ws_next, .wowslider-container:hover a.ws_prev {display:block} /* bottom center */ .wowslider-container .ws_bullets {bottom: 10px; left:20px; } .wowslider-container .ws_bullets div{ left:0px; } .wowslider-container .ws-title{ } .wowslider-container .ws-title div{margin-top: 6px; font-size: 20px; line-height: 22px; } .wowslider-container .ws_images ul{ animation: wsBasic 8s infinite; -moz-animation: wsBasic 8s infinite; -webkit-animation: wsBasic 8s infinite; } @keyframes wsBasic{0%{left:-0%} 25%{left:-0%} 50%{left:-100%} 75%{left:-100%} } @-moz-keyframes wsBasic{0%{left:-0%} 25%{left:-0%} 50%{left:-100%} 75%{left:-100%} } @-webkit-keyframes wsBasic{0%{left:-0%} 25%{left:-0%} 50%{left:-100%} 75%{left:-100%} } .wowslider-container .ws_bullets a img{ text-indent:0; display:block; bottom:20px; left:-64px; visibility:hidden; position:absolute;border: 2px solid #FFFFFF; max-width:none; } .wowslider-container .ws_bullets a:hover img{ visibility:visible; } .wowslider-container .ws_bulframe div div{ height:48px; overflow:visible; position:relative; } .wowslider-container .ws_bulframe div { left:0; overflow:hidden; position:relative; width:128px; background-color:#FFFFFF; } .wowslider-container .ws_bullets .ws_bulframe{ display:none; bottom:20px; overflow:visible; position:absolute; cursor:pointer;border: 2px solid #FFFFFF; } .wowslider-container .ws_bulframe span{ display:block; position:absolute; bottom:-8px; margin-left:-3px; left:64px; background:url(./Scripts/wowslider/triangle.png); width:15px; height:6px; } .slick-slider {position: relative; display: block; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; top: 0; left: 0; display: block; } .slick-track:before, .slick-track:after { display: table; content: ''; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { display: none; float: left; position:relative; height: 100%; min-height: 1px; } [dir='rtl'] .slick-slide { float: right; } .slick-slide img { } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } /* Slider */ .slick-loading .slick-list { background: #fff center center no-repeat; } /* Arrows */ .slick-prev2 { position:absolute; top:100px; left:10px; width:10px; height:37px; background:url(images/icons.png?v=1) -37px -3184px no-repeat; padding: 0; cursor: pointer; border:0; outline: none; display:none;} .slick-next2 { position:absolute; top:100px; right:10px; width:10px; height:37px; background:url(images/icons.png?v=1) 0px -3184px no-repeat; padding: 0; cursor: pointer; border:0; outline: none; display:none;} .slick-prev2:hover { background:url(images/icons.png?v=1) -37px -3234px no-repeat;} .slick-next2:hover { background:url(images/icons.png?v=1) 0px -3234px no-repeat;} .slick-prev3 { position:absolute; top:40px; left:-155px; width:35px; height:35px; background:url(images/icons.png?v=1) 0px -1344px no-repeat; padding: 0; cursor: pointer; border:0; outline: none;} .slick-next3 { position:absolute; top:40px; left:-115px; width:35px; height:35px; background:url(images/icons.png?v=1) -39px -1344px no-repeat; padding: 0; cursor: pointer; border:0; outline: none;} .slick-prev4 { position:absolute; top:-50px; right:27px; width:21px; height:21px; background:url(images/icons.png?v=1) 0px -2278px no-repeat; padding: 0; cursor: pointer; border:0; outline: none;} .slick-next4 { position:absolute; top:-50px; right:0px; width:21px; height:21px; background:url(images/icons.png?v=1) -23px -2278px no-repeat; padding: 0; cursor: pointer; border:0; outline: none;} .slick-prev4:hover { background:url(images/icons.png?v=1) 0px -2253px no-repeat;} .slick-next4:hover { background:url(images/icons.png?v=1) -23px -2253px no-repeat;} .slick-prev, .slick-next { font-size: 0; line-height: 0; position: absolute; top: 50%; display: block; width: 20px; height: 20px; margin-top: -10px; padding: 0; cursor: pointer; color: transparent; border: none; outline: none; background: transparent; } .slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus { color: transparent; outline: none; background: transparent; } .slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before { opacity: 1; } .slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: .25; } .slick-prev:before, .slick-next:before { font-family: 'slick'; font-size: 20px; line-height: 1; opacity: .75; color: white; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slick-prev { left: -25px; } [dir='rtl'] .slick-prev { right: -25px; left: auto; } .slick-prev:before { content: ''; } [dir='rtl'] .slick-prev:before { content: ''; } .slick-next { right: -25px; } /* Dots */ .slick-slider { margin-bottom: 30px; } .slick-dots { position: absolute; bottom: -45px; display: block; width: 100%; padding: 0; list-style: none; text-align: center; } .slick-dots li { position: relative; display: inline-block; width: 20px; height: 20px; margin: 0 5px; padding: 0; cursor: pointer; } .slick-dots li button { font-size: 0; line-height: 0; display: block; width: 20px; height: 20px; padding: 5px; cursor: pointer; color: transparent; border: 0; outline: none; background: transparent; } .slick-dots li button:hover, .slick-dots li button:focus { outline: none; } .slick-dots li button:hover:before, .slick-dots li button:focus:before { opacity: 1; } .slick-dots li button:before { font-family: 'slick'; font-size: 6px; line-height: 20px; position: absolute; top: 0; left: 0; width: 20px; height: 20px; content: ''; text-align: center; opacity: .25; color: black; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slick-dots li.slick-active button:before { opacity: .75; color: black; } /**/ .jp-card.jp-card-safari.jp-card-identified .jp-card-front:before, .jp-card.jp-card-safari.jp-card-identified .jp-card-back:before { background-image: repeating-linear-gradient(45deg, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), repeating-linear-gradient(135deg, rgba(255, 255, 255, 0.05) 1px, rgba(255, 255, 255, 0) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.03) 4px), repeating-linear-gradient(90deg, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), repeating-linear-gradient(210deg, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), -webkit-linear-gradient(-245deg, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.2) 70%, rgba(255, 255, 255, 0) 90%); background-image: repeating-linear-gradient(45deg, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), repeating-linear-gradient(135deg, rgba(255, 255, 255, 0.05) 1px, rgba(255, 255, 255, 0) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.03) 4px), repeating-linear-gradient(90deg, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), repeating-linear-gradient(210deg, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), linear-gradient(-25deg, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.2) 70%, rgba(255, 255, 255, 0) 90%) } .jp-card.jp-card-ie-10.jp-card-flipped, .jp-card.jp-card-ie-11.jp-card-flipped { -webkit-transform: 0deg; -moz-transform: 0deg; -ms-transform: 0deg; -o-transform: 0deg; transform: 0deg } .jp-card.jp-card-ie-10.jp-card-flipped .jp-card-front, .jp-card.jp-card-ie-11.jp-card-flipped .jp-card-front { -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); -ms-transform: rotateY(0deg); -o-transform: rotateY(0deg); transform: rotateY(0deg) } .jp-card.jp-card-ie-10.jp-card-flipped .jp-card-back, .jp-card.jp-card-ie-11.jp-card-flipped .jp-card-back { -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); -ms-transform: rotateY(0deg); -o-transform: rotateY(0deg); transform: rotateY(0deg) } .jp-card.jp-card-ie-10.jp-card-flipped .jp-card-back:after, .jp-card.jp-card-ie-11.jp-card-flipped .jp-card-back:after { left: 18% } .jp-card.jp-card-ie-10.jp-card-flipped .jp-card-back .jp-card-cvc, .jp-card.jp-card-ie-11.jp-card-flipped .jp-card-back .jp-card-cvc { -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -ms-transform: rotateY(180deg); -o-transform: rotateY(180deg); transform: rotateY(180deg); left: 5% } .jp-card.jp-card-ie-10.jp-card-flipped .jp-card-back .jp-card-shiny, .jp-card.jp-card-ie-11.jp-card-flipped .jp-card-back .jp-card-shiny { left: 84% } .jp-card.jp-card-ie-10.jp-card-flipped .jp-card-back .jp-card-shiny:after, .jp-card.jp-card-ie-11.jp-card-flipped .jp-card-back .jp-card-shiny:after { left: -480%; -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -ms-transform: rotateY(180deg); -o-transform: rotateY(180deg); transform: rotateY(180deg) } .jp-card.jp-card-ie-10.jp-card-amex .jp-card-back, .jp-card.jp-card-ie-11.jp-card-amex .jp-card-back { display: none } .jp-card-logo { height: 26px !important; min-width: 42px !important; width: auto !important; font-style: italic; } .jp-card-logo, .jp-card-logo:before, .jp-card-logo:after { box-sizing: border-box } .jp-card-logo.jp-card-amex { text-transform: uppercase; font-size: 0 !important; font-weight: bold; color: white; background-image: repeating-radial-gradient(circle at center, #fff 1px, #999 2px); background-image: repeating-radial-gradient(circle at center, #fff 1px, #999 2px); border: 1px solid #EEE; } .jp-card-logo.jp-card-amex:before, .jp-card-logo.jp-card-amex:after { width: 28px; display: block; position: absolute; left: 16px } .jp-card-logo.jp-card-amex:before { height: 28px; content: "american"; top: 3px; text-align: left; padding-left: 2px; padding-top: 11px; background: #267AC3 } .jp-card-logo.jp-card-amex:after { content: "express"; bottom: 11px; text-align: right; padding-right: 2px } .jp-card.jp-card-amex.jp-card-flipped { -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none } .jp-card.jp-card-amex.jp-card-identified .jp-card-front:before, .jp-card.jp-card-amex.jp-card-identified .jp-card-back:before { background-color: #108168 } .jp-card.jp-card-amex.jp-card-identified .jp-card-front .jp-card-logo.jp-card-amex { opacity: 1 } .jp-card.jp-card-amex.jp-card-identified .jp-card-front .jp-card-cvc { visibility: visible } .jp-card.jp-card-amex.jp-card-identified .jp-card-front:after { opacity: 1 } .jp-card-logo.jp-card-discover { background: #f60; color: #111; text-transform: uppercase; font-style: normal; font-weight: bold; font-size: 10px; text-align: center; overflow: hidden; z-index: 1; padding-top: 9px; letter-spacing: .03em; border: 1px solid #EEE } .jp-card-logo.jp-card-discover:before, .jp-card-logo.jp-card-discover:after { content: " "; display: block; position: absolute } .jp-card-logo.jp-card-discover:before { background: white; width: 200px; height: 200px; border-radius: 200px; bottom: -5%; right: -80%; z-index: -1 } .jp-card-logo.jp-card-discover:after { width: 8px; height: 8px; border-radius: 4px; top: 10px; left: 27px; background-color: #f60; background-image: -webkit-radial-gradient(#f60, #fff); background-image: radial-gradient( #f60, #fff); content: "network"; font-size: 4px; line-height: 24px; text-indent: -7px } .jp-card .jp-card-front .jp-card-logo.jp-card-discover { right: 12%; top: 18% } .jp-card.jp-card-discover.jp-card-identified .jp-card-front:before, .jp-card.jp-card-discover.jp-card-identified .jp-card-back:before { background-color: #86B8CF } .jp-card.jp-card-discover.jp-card-identified .jp-card-logo.jp-card-discover { opacity: 1 } .jp-card.jp-card-discover.jp-card-identified .jp-card-front:after { -webkit-transition: 400ms; -moz-transition: 400ms; transition: 400ms; content: " "; display: block; background-color: #f60; background-image: -webkit-linear-gradient(#f60, #ffa366, #f60); background-image: linear-gradient(#f60, #ffa366, #f60); height: 50px; width: 50px; border-radius: 25px; position: absolute; left: 100%; top: 15%; margin-left: -25px; box-shadow: inset 1px 1px 3px 1px rgba(0, 0, 0, 0.5) } .jp-card-logo.jp-card-troy{background: url(images/troy_logo.png) no-repeat center;display: block;background-size: 100%;} .jp-card-logo.jp-card-visa { text-transform: uppercase; color: white; text-align: center; font-weight: bold; font-size: 24px; line-height: 18px; margin-top: 5px } .jp-card-logo.jp-card-visa:before, .jp-card-logo.jp-card-visa:after { content: " "; display: block; width: 100%; height: 25% } .jp-card-logo.jp-card-visa:before { position: absolute; left: -4px; width: 0; height: 0; border-style: solid; border-width: 0 12px 6px 0; border-color: transparent #ffffff transparent transparent } .jp-card.jp-card-visa.jp-card-identified .jp-card-front:before, .jp-card.jp-card-visa.jp-card-identified .jp-card-back:before { background-color: #bbcfe8 !important; } .jp-card.jp-card-visa.jp-card-identified .jp-card-logo.jp-card-visa { opacity: 1; box-shadow: none } .jp-card-logo.jp-card-visaelectron { background: white; text-transform: uppercase; color: #1A1876; text-align: center; font-weight: bold; font-size: 15px; line-height: 18px } .jp-card-logo.jp-card-visaelectron:before, .jp-card-logo.jp-card-visaelectron:after { content: " "; display: block; width: 100%; height: 25% } .jp-card-logo.jp-card-visaelectron:before { background: #1A1876 } .jp-card-logo.jp-card-visaelectron:after { background: #E79800 } .jp-card-logo.jp-card-visaelectron .elec { float: right; font-family: arial; font-size: 9px; margin-right: 1px; margin-top: -5px; text-transform: none } .jp-card.jp-card-visaelectron.jp-card-identified .jp-card-front:before, .jp-card.jp-card-visaelectron.jp-card-identified .jp-card-back:before { background-color: #191278 } .jp-card.jp-card-visaelectron.jp-card-identified .jp-card-logo.jp-card-visaelectron { opacity: 1 } .jp-card-logo.jp-card-mastercard { color: white; font-style: normal; text-transform: lowercase; font-weight: bold; text-align: center; font-size: 0px !important; line-height: 74px !important; z-index: 1; text-shadow: none !important; } .jp-card-logo.jp-card-mastercard:before, .jp-card-logo.jp-card-mastercard:after { content: " "; display: block; width: 26px !important; top: 0; position: absolute; height: 26px !important; border-radius: 18px; } .jp-card-logo.jp-card-mastercard:before { left: 0; background: #EB001B; z-index: -1; opacity: 0.9 } .jp-card-logo.jp-card-mastercard:after { right: 0; background: #FF5F00; z-index: -2 } .jp-card.jp-card-mastercard.jp-card-identified .jp-card-front .jp-card-logo.jp-card-mastercard, .jp-card.jp-card-mastercard.jp-card-identified .jp-card-back .jp-card-logo.jp-card-mastercard { box-shadow: none } .jp-card.jp-card-troy.jp-card-identified .jp-card-front:before, .jp-card.jp-card-troy.jp-card-identified .jp-card-back:before{background-color:#edf6fd !important;} .jp-card.jp-card-mastercard.jp-card-identified .jp-card-front:before, .jp-card.jp-card-mastercard.jp-card-identified .jp-card-back:before { background-color: #edf6fd !important; } .jp-card.jp-card-troy.jp-card-identified .jp-card-logo.jp-card-troy, .jp-card.jp-card-mastercard.jp-card-identified .jp-card-logo.jp-card-mastercard { opacity: 1 } .jp-card-logo.jp-card-maestro { color: white; font-style: normal; text-transform: lowercase; font-weight: bold; text-align: center; font-size: 14px; line-height: 84px; z-index: 1; text-shadow: 1px 1px rgba(0, 0, 0, 0.6) } .jp-card-logo.jp-card-maestro:before, .jp-card-logo.jp-card-maestro:after { content: " "; display: block; width: 36px; top: 0; position: absolute; height: 36px; border-radius: 18px } .jp-card-logo.jp-card-maestro:before { left: 0; background: #EB001B; z-index: -2 } .jp-card-logo.jp-card-maestro:after { right: 0; background: #00A2E5; z-index: -1; opacity: 0.8 } .jp-card.jp-card-maestro.jp-card-identified .jp-card-front .jp-card-logo.jp-card-maestro, .jp-card.jp-card-maestro.jp-card-identified .jp-card-back .jp-card-logo.jp-card-maestro { box-shadow: none } .jp-card.jp-card-maestro.jp-card-identified .jp-card-front:before, .jp-card.jp-card-maestro.jp-card-identified .jp-card-back:before { background-color: #0B2C5F } .jp-card.jp-card-maestro.jp-card-identified .jp-card-logo.jp-card-maestro { opacity: 1 } .jp-card-logo.jp-card-dankort { width: 60px; height: 36px; padding: 3px; border-radius: 8px; border: #000 1px solid; background-color: #fff } .jp-card-logo.jp-card-dankort .dk { position: relative; width: 100%; height: 100%; overflow: hidden } .jp-card-logo.jp-card-dankort .dk:before { background-color: #ED1C24; content: ''; position: absolute; width: 100%; height: 100%; display: block; border-radius: 6px } .jp-card-logo.jp-card-dankort .dk:after { content: ''; position: absolute; top: 50%; margin-top: -7.7px; right: 0; width: 0; height: 0; border-style: solid; border-width: 7px 7px 10px 0; border-color: transparent #ED1C24 transparent transparent; z-index: 1 } .jp-card-logo.jp-card-dankort .d, .jp-card-logo.jp-card-dankort .k { position: absolute; top: 50%; width: 50%; display: block; height: 15.4px; margin-top: -7.7px; background: white } .jp-card-logo.jp-card-dankort .d { left: 0; border-radius: 0 8px 10px 0 } .jp-card-logo.jp-card-dankort .d:before { content: ''; position: absolute; top: 50%; left: 50%; display: block; background: #ED1C24; border-radius: 2px 4px 6px 0px; height: 5px; width: 7px; margin: -3px 0 0 -4px } .jp-card-logo.jp-card-dankort .k { right: 0 } .jp-card-logo.jp-card-dankort .k:before, .jp-card-logo.jp-card-dankort .k:after { content: ''; position: absolute; right: 50%; width: 0; height: 0; border-style: solid; margin-right: -1px } .jp-card-logo.jp-card-dankort .k:before { top: 0; border-width: 8px 5px 0 0; border-color: #ED1C24 transparent transparent transparent } .jp-card-logo.jp-card-dankort .k:after { bottom: 0; border-width: 0 5px 8px 0; border-color: transparent transparent #ED1C24 transparent } .jp-card.jp-card-dankort.jp-card-identified .jp-card-front:before, .jp-card.jp-card-dankort.jp-card-identified .jp-card-back:before { background-color: #0055C7 } .jp-card.jp-card-dankort.jp-card-identified .jp-card-logo.jp-card-dankort { opacity: 1 } .jp-card-logo.jp-card-elo { height: 50px; width: 50px; border-radius: 100%; background: black; color: white; text-align: center; text-transform: lowercase; font-size: 21px; font-style: normal; letter-spacing: 1px; font-weight: bold; padding-top: 13px } .jp-card-logo.jp-card-elo .e, .jp-card-logo.jp-card-elo .l, .jp-card-logo.jp-card-elo .o { display: inline-block; position: relative } .jp-card-logo.jp-card-elo .e { -webkit-transform: rotate(-15deg); -moz-transform: rotate(-15deg); -ms-transform: rotate(-15deg); -o-transform: rotate(-15deg); transform: rotate(-15deg) } .jp-card-logo.jp-card-elo .o { position: relative; display: inline-block; width: 12px; height: 12px; right: 0; top: 7px; border-radius: 100%; background-image: -webkit-linear-gradient( #ff0 50%, red 50%); background-image: linear-gradient( #ff0 50%, red 50%); -webkit-transform: rotate(40deg); -moz-transform: rotate(40deg); -ms-transform: rotate(40deg); -o-transform: rotate(40deg); transform: rotate(40deg); text-indent: -9999px } .jp-card-logo.jp-card-elo .o:before { content: ""; position: absolute; width: 49%; height: 49%; background: black; border-radius: 100%; text-indent: -99999px; top: 25%; left: 25% } .jp-card.jp-card-elo.jp-card-identified .jp-card-front:before, .jp-card.jp-card-elo.jp-card-identified .jp-card-back:before { background-color: #6F6969 } .jp-card.jp-card-elo.jp-card-identified .jp-card-logo.jp-card-elo { opacity: 1 } .jp-card-logo.jp-card-jcb { border-radius: 5px 0px 5px 0px; -moz-border-radius: 5px 0px 5px 0px; -webkit-border-radius: 5px 0px 5px 0px; background-color: white; font-style: normal; color: white; width: 50px; padding: 2px 0 0 2px } .jp-card-logo.jp-card-jcb>div { width: 15px; margin-right: 1px; display: inline-block; text-align: center; text-shadow: 1px 1px rgba(0, 0, 0, 0.6); border-radius: 5px 0px 5px 0px; -moz-border-radius: 5px 0px 5px 0px; -webkit-border-radius: 5px 0px 5px 0px } .jp-card-logo.jp-card-jcb>div:before, .jp-card-logo.jp-card-jcb>div:after { content: " "; display: block; height: 8px } .jp-card-logo.jp-card-jcb>div.j { background-color: #000063; background-image: -webkit-linear-gradient(left, #000063, #008cff); background-image: linear-gradient(to right, #000063, #008cff) } .jp-card-logo.jp-card-jcb>div.c { background-color: #630000; background-image: -webkit-linear-gradient(left, #630000, #ff008d); background-image: linear-gradient(to right, #630000, #ff008d) } .jp-card-logo.jp-card-jcb>div.b { background-color: #006300; background-image: -webkit-linear-gradient(left, #006300, lime); background-image: linear-gradient(to right, #006300, lime) } .jp-card.jp-card-jcb.jp-card-identified .jp-card-front:before, .jp-card.jp-card-jcb.jp-card-identified .jp-card-back:before { background-color: #CB8000 } .jp-card.jp-card-jcb.jp-card-identified .jp-card-logo.jp-card-jcb { opacity: 1; box-shadow: none } .jp-card-logo.jp-card-dinersclub { font-family: serif; height: 40px; width: 100px; color: white; font-size: 17px; font-style: normal; letter-spacing: 1px } .jp-card-logo.jp-card-dinersclub::before, .jp-card-logo.jp-card-dinersclub::after { display: block; position: relative } .jp-card-logo.jp-card-dinersclub::before { content: 'Diners Club' } .jp-card-logo.jp-card-dinersclub::after { content: 'International'; text-transform: uppercase; font-size: 0.6em } .jp-card.jp-card-dinersclub .jp-card-front .jp-card-logo { box-shadow: none !important } .jp-card.jp-card-dinersclub.jp-card-identified .jp-card-front:before, .jp-card.jp-card-dinersclub.jp-card-identified .jp-card-back:before { background-color: #999 } .jp-card.jp-card-dinersclub.jp-card-identified .jp-card-logo.jp-card-dinersclub { opacity: 1 } .jp-card-container { -webkit-perspective: 1000px; -moz-perspective: 1000px; perspective: 1000px; width: 350px; max-width: 100%; height: 200px; margin: auto; z-index: 1; position: relative } .jp-card { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; line-height: 1; position: relative; width: 100%; height: 100%; min-width: 315px; border-radius: 10px; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; -o-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transition: all 400ms linear; -moz-transition: all 400ms linear; transition: all 400ms linear } .jp-card>*, .jp-card>*:before, .jp-card>*:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; font-family: inherit } .jp-card.jp-card-flipped { -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -ms-transform: rotateY(180deg); -o-transform: rotateY(180deg); transform: rotateY(180deg) } .jp-card .jp-card-front, .jp-card .jp-card-back { -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; -o-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transition: all 400ms linear; -moz-transition: all 400ms linear; transition: all 400ms linear; width: 100%; height: 100%; position: absolute; top: 0; left: 0; overflow: hidden; border-radius: 12px !important; background: #DDD; } .jp-card .jp-card-front:before, .jp-card .jp-card-back:before { content: " "; display: block; position: absolute; width: 100%; height: 100%; top: 0; left: 0; opacity: 0; border-radius: 10px; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; transition: all 400ms ease } .jp-card .jp-card-front:after, .jp-card .jp-card-back:after { content: " "; display: block } .jp-card .jp-card-front .jp-card-display, .jp-card .jp-card-back .jp-card-display { color: #212121 !important; font-weight: bold !important; opacity: 0.5; -webkit-transition: opacity 400ms linear; -moz-transition: opacity 400ms linear; transition: opacity 400ms linear; } .jp-card .jp-card-front .jp-card-display.jp-card-focused, .jp-card .jp-card-back .jp-card-display.jp-card-focused { opacity: 1; font-weight: 700 } .jp-card .jp-card-front .jp-card-cvc, .jp-card .jp-card-back .jp-card-cvc { font-family: "Bitstream Vera Sans Mono", Consolas, Courier, monospace; font-size: 14px } .jp-card .jp-card-front .jp-card-shiny, .jp-card .jp-card-back .jp-card-shiny { width: 50px; height: 35px; border-radius: 5px; background: #CCC; position: relative; } .jp-card .jp-card-front .jp-card-shiny:before, .jp-card .jp-card-back .jp-card-shiny:before { content: " "; display: block; width: 70%; height: 60%; border-top-right-radius: 5px; border-bottom-right-radius: 5px; background: #d9d9d9; position: absolute; top: 20% } .jp-card .jp-card-front .jp-card-logo { position: absolute; opacity: 0; right: 2% !important; bottom: 4%; -webkit-transition: 400ms; -moz-transition: 400ms; transition: 400ms; top: auto !important; } .jp-card .jp-card-front .jp-card-lower { width: 80%; position: absolute; left: 10%; bottom: 30px; } @media only screen and (max-width: 480px) { .jp-card .jp-card-front .jp-card-lower { width: 90%; left: 5% } } .jp-card .jp-card-front .jp-card-lower .jp-card-cvc { visibility: hidden; float: right; position: relative; bottom: 5px } .jp-card .jp-card-front .jp-card-lower .jp-card-number { font-family: "Bitstream Vera Sans Mono", Consolas, Courier, monospace; font-size: 24px; clear: both; margin-bottom: 15px !important; } .jp-card .jp-card-front .jp-card-lower .jp-card-expiry { font-family: "Bitstream Vera Sans Mono", Consolas, Courier, monospace; letter-spacing: 0em; position: relative; float: right; width: 25% } .jp-card .jp-card-front .jp-card-lower .jp-card-expiry:before, .jp-card .jp-card-front .jp-card-lower .jp-card-expiry:after { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: bold; font-size: 7px; white-space: pre; display: block; opacity: .5 } .jp-card .jp-card-front .jp-card-lower .jp-card-expiry:before { content: attr(data-before); margin-bottom: 2px; font-size: 7px; text-transform: uppercase } .jp-card .jp-card-front .jp-card-lower .jp-card-expiry:after { position: absolute; content: attr(data-after); text-align: right; right: 100%; margin-right: 5px; margin-top: 2px; bottom: 0 } .jp-card .jp-card-front .jp-card-lower .jp-card-name { text-transform: uppercase; font-family: "Bitstream Vera Sans Mono", Consolas, Courier, monospace; font-size: 20px; max-height: 45px; position: absolute; bottom: 0; width: 190px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: horizontal; overflow: hidden; text-overflow: ellipsis } .jp-card .jp-card-back { -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -ms-transform: rotateY(180deg); -o-transform: rotateY(180deg); transform: rotateY(180deg) } .jp-card .jp-card-back .jp-card-bar { background-color: #444; background-image: -webkit-linear-gradient(#444, #333); background-image: linear-gradient(#444, #333); width: 100%; height: 20%; position: absolute; top: 10% } .jp-card .jp-card-back:after { content: " "; display: block; background-color: #fff; background-image: -webkit-linear-gradient(#fff, #fff); background-image: linear-gradient(#fff, #fff); width: 80%; height: 16%; position: absolute; top: 40%; left: 2% } .jp-card .jp-card-back .jp-card-cvc { position: absolute; top: 40%; left: 85%; -webkit-transition-delay: 600ms; -moz-transition-delay: 600ms; transition-delay: 600ms } .jp-card .jp-card-back .jp-card-shiny { position: absolute; top: 66%; left: 2% } .jp-card .jp-card-back .jp-card-shiny:after { content: "This card has been issued by Jesse Pollak and is licensed for anyone to use anywhere for free. It comes with no warranty. For support issues, please visit: github.com/jessepollak/card."; position: absolute; left: 120%; top: 5%; color: white; font-size: 7px; width: 230px; opacity: .5 } .jp-card.jp-card-identified { box-shadow: 0 0 20px rgba(0, 0, 0, 0.2) !important; } .jp-card.jp-card-identified .jp-card-front, .jp-card.jp-card-identified .jp-card-back { background-color: #000; background-color: rgba(0, 0, 0, 0.5); } .jp-card.jp-card-identified .jp-card-front:before, .jp-card.jp-card-identified .jp-card-back:before { -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; transition: all 400ms ease; background-image: repeating-linear-gradient(45deg, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), repeating-linear-gradient(135deg, rgba(255, 255, 255, 0.05) 1px, rgba(255, 255, 255, 0) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.03) 4px), repeating-linear-gradient(90deg, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), repeating-linear-gradient(210deg, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), repeating-radial-gradient(circle at 30% 30%, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), repeating-radial-gradient(circle at 70% 70%, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), repeating-radial-gradient(circle at 90% 20%, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), repeating-radial-gradient(circle at 15% 80%, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), -webkit-linear-gradient(-245deg, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.2) 70%, rgba(255, 255, 255, 0) 90%); background-image: repeating-linear-gradient(45deg, rgba(255, 255, 255, 0.08) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), repeating-linear-gradient(135deg, rgba(255, 255, 255, 0.05) 1px, rgba(255, 255, 255, 0) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.03) 4px), repeating-linear-gradient(90deg, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), repeating-linear-gradient(210deg, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), repeating-radial-gradient(circle at 30% 30%, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), repeating-radial-gradient(circle at 70% 70%, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), repeating-radial-gradient(circle at 90% 20%, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), repeating-radial-gradient(circle at 15% 80%, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), linear-gradient(-25deg, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.2) 70%, rgba(255, 255, 255, 0) 90%); opacity: 1; } .jp-card.jp-card-identified .jp-card-front .jp-card-logo, .jp-card.jp-card-identified .jp-card-back .jp-card-logo { box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.3) } .jp-card.jp-card-identified.no-radial-gradient .jp-card-front:before, .jp-card.jp-card-identified.no-radial-gradient .jp-card-back:before { background-image: repeating-linear-gradient(45deg, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), repeating-linear-gradient(135deg, rgba(255, 255, 255, 0.05) 1px, rgba(255, 255, 255, 0) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.03) 4px), repeating-linear-gradient(90deg, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), repeating-linear-gradient(210deg, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), -webkit-linear-gradient(-245deg, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.2) 70%, rgba(255, 255, 255, 0) 90%); background-image: repeating-linear-gradient(45deg, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), repeating-linear-gradient(135deg, rgba(255, 255, 255, 0.05) 1px, rgba(255, 255, 255, 0) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.03) 4px), repeating-linear-gradient(90deg, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), repeating-linear-gradient(210deg, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), linear-gradient(-25deg, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.2) 70%, rgba(255, 255, 255, 0) 90%) }@import url('https://fonts.googleapis.com/css?family=Titillium+Web:300,400,600,700&subset=latin-ext'); html { width:100%; height:100%; display:table;} body {width:100%;height:100%;display:table;margin:0;padding: 0;background:#fff;font-family: 'Titillium Web', sans-serif;} A { text-decoration : none;} A:hover { text-decoration: none;} h1,h2,h3 { margin:0px; padding:0px; font-weight:normal;outline:none} li,ul { margin:0px; padding:0px; font-weight:normal; list-style:none;outline:none} p { margin:0px; padding:0px; font-weight:normal;} hr { clear: left;} div > div_alt { position: fixed;} img{ border:0px;} div{ outline:none;} input{font-family:'Titillium Web', sans-serif;-webkit-transition: all .20s ease-in;-moz-transition: all .20s ease-in;-o-transition: all .20s ease-in;transition: all .20s ease-in;} #adres1 .cont{width:50%;} .float-right{float:right;} .float-left{float:left;} .text-center{text-align: center;} .text-right{text-align: right;} .text-left{text-align: left;} .fontozel{ font-family:'Titillium Web', sans-serif;}.fontarial { font-family:Arial, Helvetica, sans-serif;} .fonttahoma { font-family: Tahoma;}.renksitekrem{ color:#666666;} .fontref { font-family: "Courier New";}.fontverdana { font-family: Verdana;} .fontserif { font-family: "MS Sans Serif";} .fontmonotype { font-family: "Monotype Corsiva";} .fonttrebuchet {/* font-family: "Trebuchet MS"; */} .fontgeorgia { font-family:Georgia;} .fonttimes { font-family:"Times New Roman";} .fontpalatino { font-family: "Palatino Linotype";} .fontlucida { font-family: "Lucida Sans Unicode";} .fontlucida2 { font-family: "Lucida Console";} .fontcomic { font-family: "Comic Sans MS";} .boyut9 { font-size: 9px;} .boyut10 { font-size: 10px;} .boyut11 { font-size: 11px;} .boyut12 { font-size: 12px;} .boyut14 { font-size: 14px;} .boyut16 { font-size: 16px;} .boyut18 { font-size: 18px;} .boyut20 { font-size: 20px;} .boyut22 { font-size: 22px;} .boyut24 { font-size: 24px;} .boyut26 { font-size: 26px;} .boyut28 { font-size: 28px;} .boyut30 { font-size: 30px;} .boyut32 { font-size: 32px;} .bold { font-weight:700;} .italic{ font-style:italic;} .bold2 { font-weight: 400;} .renkbeyaz { color: #FFFFFF;} .renksiyah { color: #000000;} .renkgri0 { color: #eeeeee;} .renkgri1 { color: #CCCCCC;} .renkgri2 { color: #999999;} .renkgri3 { color: #666666;} .renkgri4 { color: #454545;} .renkgri5 { color: #333333;} .renkgri6 { color: #222222;} .renkgri7 { color: #111111;} .renkgriozel {color: #e2e2e2;} .renkkirmizi { color: #FF0000;} .renkbordo { color: #990000;} .renkmavi { color: #196bab;} .renkacikmavi { color: #0066FF;} .renkyesil {color: #0a6739;} .renkkoyuyesil { color: #66CC00;}.renkacikyesil { color: #e8e8e8;} .renkturuncu { color: #FFCC00;}.renkturuncusite{ color:#671464;} .renkkoyuturuncu { color: #FF9900;} .renkpembe { color: #FF33CC;} .renkpembe2 { color: #f56098;} .renkpembe3 { color: #a62656;} .renksari { color: #FFFF00;}.renkmor{color:#671464;}.renkkoyuyesil{ color:#000;}.renksarisite{ color:#ffbe00;} .renksite1 { color: #343434;} .renksite2 { color: #977e3c;} .renksite3 { color: #b7b7b7;} .renksite4 { color: #000;} .bold3 { font-weight:300;} .bold4 { font-weight:400;} .bold5 { font-weight:500;} .bold7 { font-weight:400;} .bold9 { font-weight:900;} .wr {width: 1000px !important;margin-left:auto;margin-right:auto;display:table;position:relative;} .mc { width:auto; height:auto; display:table; position:relative;} .pr { position:relative;} .nodp { display:none;} .fl { float:left;} .fr { float:right;}.cl{clear:left;} #wino { float:left; width:100%; height:30px; background:#eee; text-align:center; display:table; position:fixed; bottom:0;} #wino a { width:56px; height:16px; background:url(images/wino.png?v=1) 0px 0px no-repeat; background-size:56px 16px; margin-top:7px; display:inline-block;} .listbox_wr { position:relative;} .listbox { position:absolute; left:0; top:32px; z-index:999; background:#fff; width:100%; height:auto; max-height:100px; overflow:auto; display:none; box-shadow:0px 0px 5px #333;} .listbox ul { list-style: none; width:100%; height:25px; display:table; padding:0px 5px; box-sizing:border-box;} .listbox ul li { list-style: none; display:table-cell; vertical-align:middle; text-align:left; color:#000;} .listbox ul li.sag{text-align:right;} .listbox ul li span{ color:#09F;} .listbox ul.secilen { background:#6F9 !important; } .gradientx { background: #d1ba9d; /* Old browsers */ background: -moz-linear-gradient(top, #d1ba9d 0%, #b9976c 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #d1ba9d 0%,#b9976c 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #d1ba9d 0%,#b9976c 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d1ba9d', endColorstr='#b9976c',GradientType=0 ); /* IE6-9 */ } .gradientx:hover { background: #b9976c; /* Old browsers */ background: -moz-linear-gradient(top, #b9976c 0%, #d1ba9d 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #b9976c 0%,#d1ba9d 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #b9976c 0%,#d1ba9d 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b9976c', endColorstr='#d1ba9d',GradientType=0 ); /* IE6-9 */ } .gradient {background: #0b73b8; /* Old browsers */color:#f5f5f5 !important;border-radius:5px;} .gradient:hover {background: #004e9c; /* Old browsers */color:#fff !important;} .gradient2 { background: #eee; /* Old browsers */ color:#666 !important; border-radius:5px; } .gradient2:hover { background: #e8e8e8; /* Old browsers */ color:#333 !important; } .gradient3 {background: #0b73b8; /* Old browsers */color:#f5f5f5 !important;border-radius:5px;} .gradient3:hover { background: #000; /* Old browsers */ color:#fff !important; } .gradient4 {background: #29b41a; /* Old browsers */color:#f5f5f5 !important;border-radius:5px;} .gradient4:hover {background: #149207; /* Old browsers */color:#fff !important;} .eksikBilgiler .uyari{width: 85%;float: left;text-align: right;} .eksikBilgiler .uyari span{ background: #e61313; color: #FFF; font-size: 12px; display: block; padding: 10px 20px; text-align: center; box-sizing: border-box; } .eksikBilgiler .bilgiInput span{font-size:18px;font-weight:bold;display:block;float:left;width: 60%; border-bottom:1px solid #bbb} .eksikBilgiler{float:left;width:100%;margin: 40px 0;} .eksikBilgiler .bilgiInput{float:left;width:50%;margin-bottom: 10px;} .eksikBilgiler .bilgiInput label{float:left;width: 40%;line-height: 30px;text-align: right;box-sizing: border-box;padding-right: 20px;} .eksikBilgiler .bilgiInput input[type=text]{float:left;border: 0;border-bottom: 1px solid #bbb;width: 60%;line-height: 30px;outline: none;font-size: 16px;font-weight: bold;} .eksikBilgiler .bilgiInput .il, .eksikBilgiler .bilgiInput .ilce{float:left;width: 30%;height: 30px;} .eksikBilgiler .bilgiInput textarea{float:left;width: 58%;height: 60px;outline: none;border: 0;border-bottom: 1px solid #bbb;font-size: 16px;font-weight: bold;} .eksikBilgiler .bilgiInput a{background: #ddd;color: #000;font-weight: 900;padding: 10px;display: inline-block;cursor: pointer;font-size: 12px;} .eksikBilgiler .bilgiInput select{width:100%;border: 0;border-bottom: 1px solid #bbb;height: 30px;outline: none;font-size: 16px;font-weight: bold;} .eksikBilgiler .bilgiInput a:hover{background:#000; color:#FFF;} .eksikBilgiler .bilgiButon{width:100%;float: left;} .eksikBilgiler .bilgiButon input[type=submit]{width: auto !important;display: inline-block;padding: 13px 50px !important;margin-top: 60px !important;} .eksikBilgiler .bilgiButon input[type=submit]:hover{background:#c1d2ea; color:#000;} /* UST */ label.error {margin-top: 0px;margin-right: 0px;width: auto;display: block;color: #FFF;font-size:12px;position:absolute;bottom: 38px;right:5px;z-index:1;background: #bb1e1e;border: 1px solid #eee;box-sizing: border-box;padding: 0 5px;border-radius: 10px;} .ustbosluk { float:left; width:100%; height:140px;} #ust {float:left;width:100%;height:140px;background:#fff;position:fixed;top:0;left:0;z-index:999;-webkit-transition:all .20s ease-in;-moz-transition:all .20s ease-in;-o-transition:all .20s ease-in;transition:all .20s ease-in;border-bottom: 1px solid #c1d2ea;} #ust .logo { width:214px; height:100px; float:left; margin:20px 0px 20px 0px; -webkit-transition:all .20s ease-out; -moz-transition:all .20s ease-out; -o-transition:all .20s ease-out; transition:all .20s ease-out;} #ust .logo img{ width:100%; height:auto; -webkit-transition:all .20s ease-out; -moz-transition:all .20s ease-out; -o-transition:all .20s ease-out; transition:all .20s ease-out;} #ust .arama{background:url(images/icons.png?v=1) 0px 29px no-repeat; width:181px; height:38px; margin:12px 0px 0px 175px; position:relative; box-sizing:border-box; -webkit-transition:all .20s ease-in; -moz-transition:all .20s ease-in; -o-transition:all .20s ease-in; transition:all .20s ease-in; position:relative;} #ust .arama .textbox{ width: 150px; height:38px; padding:5px 10px; outline: none; box-sizing:border-box; border:none; background:none; color:#fff; font-size:11px;} #ust .arama .btn_ara{background:url(images/icons.png?v=1) 8px -22px no-repeat; width:30px; height:38px; cursor: pointer;outline: none;border: none;} #ust .arama .btn_ara:hover{background:url(images/icons.png?v=1) 8px -54px no-repeat;} #ust .arama .textbox::-webkit-input-placeholder { color:#f5f5f5;} #ust .arama .textbox:-moz-placeholder { color:#f5f5f5; opacity:1;} #ust .arama .textbox::-moz-placeholder { color:#f5f5f5; opacity:1;} #ust .arama .textbox:-ms-input-placeholder { color:#f5f5f5;} #ust .arama .textbox:focus { color:#fff;} #ust .sol { width:393px; height:auto; float:left; margin:60px 0px 0px 0px; -webkit-transition:all .20s ease-out; -moz-transition:all .20s ease-out; -o-transition:all .20s ease-out; transition:all .20s ease-out;} #ust .sol .destek{ background:url(images/icons.png?v=1) 10px -225px no-repeat; width:auto; height:30px; padding:0px 10px 0px 45px; box-sizing:border-box; margin-right:10px; cursor:pointer; font-size:14px; font-weight:400;color:#402a2e; -webkit-transition:all .20s ease-in; -moz-transition:all .20s ease-in; -o-transition:all .20s ease-in; transition:all .20s ease-in; float:left;} #ust .sol .destek:hover{ background:url(images/icons.png?v=1) 10px -290px no-repeat; color:#000; border-bottom:1px solid #402a2e;} #ust .sol .uye_ad{ width:100%; height:auto; padding:0px 10px 5px 10px; box-sizing:border-box; font-size:16px;} #ust .sol .uye_ad span{ color:#bbb;} #ust .sag .hesabim:hover ul li a{padding: 5px 10px;display: block;color: #000;} #ust .sag .hesabim:hover ul li a:hover{background:#eee;} #ust .sag .hesabim .acilirMenu{display:none;} #ust .sag .hesabim:hover .acilirMenu{display:block;position: absolute;top: -2px;} #ust .sag .hesabim:before{content:'';background:url(images/user.png) no-repeat left center;display: block;float: left;width: 23px;height: 23px;background-size: 87%;margin-right: 7px;} #ust .sag .hesabim a{font-size:16px;} #ust .sag .hesabim{float:left;position: relative;margin-right: 0px;cursor: pointer;} #ust .sag .hesabim ul{display: block;margin-top: 33px;background: #FFF;border: 1px solid #ddd;width: auto;} #ust .sag {width: auto;height:auto;float: right;margin:60px 0px 0px 0px;-webkit-transition:all .20s ease-out;-moz-transition:all .20s ease-out;-o-transition:all .20s ease-out;transition:all .20s ease-out;} #ust .sag .link0{ background:url(images/icons.png?v=1) 15px -358px no-repeat; width:auto; height:45px; padding:0px 10px 0px 45px; box-sizing:border-box; margin-right:10px; cursor:pointer; font-size:14px; font-weight:400;color:#402a2e; -webkit-transition:all .20s ease-in; -moz-transition:all .20s ease-in; -o-transition:all .20s ease-in; transition:all .20s ease-in; float:right;} #ust .sag .link0:hover{ background:url(images/icons.png?v=1) 15px -420px no-repeat; color:#000; border-bottom:1px solid #402a2e;} #ust .uyelik { width:auto; height:auto; margin:0px 0px 0px 0px; position:relative;} #ust .uyelik .aktif{ background:url(images/icons.png?v=1) 10px -311px no-repeat #002c72; color:#FFF;} #ust .uyelik .link1{ background:url(images/icons.png?v=1) 10px -225px no-repeat; width:auto; height:45px; padding:0px 10px 0px 45px; box-sizing:border-box; margin-right:10px; cursor:pointer; font-size:14px; font-weight:400;color:#402a2e; -webkit-transition:all .20s ease-in; -moz-transition:all .20s ease-in; -o-transition:all .20s ease-in; transition:all .20s ease-in; float:right;} #ust .uyelik .link1:hover{ background:url(images/icons.png?v=1) 10px -290px no-repeat; color:#000; border-bottom:1px solid #402a2e;} #ust .uyelik .link2{ background:#eee; clear:left; padding:10px 13px; color:#333; text-align:right; float:left; border-bottom:1px solid #f5f5f5;} #ust .uyelik .link2:hover{ background:#333; color:#FFF;} #ust .uyelik .fblogin{ background:url(images/icons.png?v=1) 0px -3189px no-repeat; width:61px; height:53px; padding:0; margin:6px 0px 0px 0px; } #ust .uyelik .uye_ad2{ position:absolute; top:-21px; left:61px; z-index:100;} #ust .uyelik .altmenu1{ display:none; width:130px; position:absolute; top:45px; right:10px; z-index:100; background:#333;} #ust .uyelik .altmenu1 a{ width:100%; box-sizing:border-box;} #ust .uyelik .account{ position:relative;} #ust .uyelik .account:hover .altmenu1{ display:block;} #ust .uyelik .account:hover .link1 { background:url(images/icons.png?v=1) 10px -290px no-repeat; color:#000; border-bottom:1px solid #402a2e;} #ust .sag .uye_ad{float:left;margin-right: 40px;} #ust .sag .uye_ad:before{content:'';background:url(images/user.png) no-repeat left center;display: block;width: 20px;height: 25px;background-size: 100%;float: left;margin: 0 10px;} .ust_fix{ box-shadow:0px 0px 10px #ccc; height:65px !important; -webkit-transition:all .20s ease-out; -moz-transition:all .20s ease-out; -o-transition:all .20s ease-out; transition:all .20s ease-out;} .ust_fix .logo{ width:107px !important; height:50px !important; float:left; margin:5px 0px 5px 0px !important; -webkit-transition:all .20s ease-out; -moz-transition:all .20s ease-out; -o-transition:all .20s ease-out; transition:all .20s ease-out;} .ust_fix .sag {width: auto;margin-top:20px !important;-webkit-transition:all .20s ease-out;-moz-transition:all .20s ease-out;-o-transition:all .20s ease-out;transition:all .20s ease-out;} .ust_fix .sol { width:425px !important; margin-top:20px !important; -webkit-transition:all .20s ease-out; -moz-transition:all .20s ease-out; -o-transition:all .20s ease-out; transition:all .20s ease-out;} .ust_fix .sag .unvan {top:-20px !important; -webkit-transition:all .20s ease-out; -moz-transition:all .20s ease-out; -o-transition:all .20s ease-out; transition:all .20s ease-out;} #slider { position:relative;} #slider .link{ cursor:pointer;} #carigiris { width:200px; height:auto; position:absolute; top:65px; left:10px; display:none; z-index:9998;} #carigiris .giris_detay { width:200px; height:auto; background:#002c72; z-index:9998; padding-bottom:10px;} #carigiris .giris_detay .bosluk { width:80px; height:5px; background:#fff; margin-top:-5px; margin-right:135px;} #carigiris .giris_detay .bosluk2 { width:123px; height:0px; background:#fff; margin-top:-5px; margin-right:129px;} #carigiris .giris_detay .ustbaslik { width:95%; height:20px; margin:10px;} #ust .giris_hata {width:260px; height:17px; padding:5px 11px; margin-right:5px; background:#790303; position: absolute; top:55px; right:-5px;} ::-webkit-input-placeholder { /* WebKit browsers */ color: #f5f5f5; } :-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #f5f5f5; opacity: 1; } ::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #f5f5f5; opacity: 1; } :-ms-input-placeholder { /* Internet Explorer 10+ */ color: #f5f5f5; } #ust .sepet { position:relative; margin:0px 0px 0px 0px;} #ust .sepet .sepetlink {width:auto;height:45px;background:url(images/icons.png?v=1) 10px -103px no-repeat;padding:0px 10px 0px 45px;box-sizing:border-box;cursor:default;font-size: 16px;font-weight:400;color:#402a2e;-webkit-transition:all .20s ease-in;-moz-transition:all .20s ease-in;-o-transition:all .20s ease-in;transition:all .20s ease-in;float:right;} #ust .sepet:hover .sepetlink { background:url(images/icons.png?v=1) 10px -161px no-repeat; color:#000; border-bottom:1px solid #402a2e;} #ust .sepet .sepetlink span{ background:#402a2e; color:#fff; margin:0px 2px; padding:2px 8px 2px 6px; border-radius:50%; font-size:10px;} #ust .basket_detay { width:450px; height:250px; position:absolute; top:45px; right:0px; display:none; z-index:9999;} #ust .sepet_detay {width:450px;height:250px;background: #003050;z-index:9999;} #ust .sepet_detay .bosluk { width:125px; height:6px; background:#fff; margin-top:-6px;} #ust .sepet_detay .ustbaslik { width:95%; height:20px; margin:10px;} #ust .sepet_detay .sepet { width:420px; height:130px; overflow:auto; margin:10px 0 0 8px; padding:5px; border:1px dashed #fff; border-radius:3px;} #ust .sepet_detay .sepet .baslik{ width:100%; height:15px;} #ust .sepet_detay .sepet .baslik .miktar { width:45px; height:20px; text-align: center;} #ust .sepet_detay .sepet .baslik .ad { width:260px; height:20px; text-align:left;} #ust .sepet_detay .sepet .baslik .fiyat { width:70px; height:20px; text-align:right} #ust .sepet_detay .sepet .baslik .secim { width:20px; height:13px;} #ust .sepet_detay .sepet .detay{ width:100%; height:auto; margin-top:2px;} #ust .sepet_detay .sepet .detay .miktar {width:45px;height: 30px;text-align: center;line-height: 30px;} #ust .sepet_detay .sepet .detay .ad {width:260px;height: 30px;text-align:left;line-height: 30px;} #ust .sepet_detay .sepet .detay .fiyat {width:70px;height: 30px;text-align:right;line-height: 30px;} #ust .sepet_detay .toplamcizgi{width:100%;height:1px;border-bottom:1px solid #fff;position:absolute;left:0px;bottom:70px;z-index:8;display: none;} #ust .sepet_detay .toplam{ width:195px; height:35px; margin:10px 10px 0px 0px; background:#FFF; border:1px solid #acacac; padding:5px; box-sizing:border-box; position:absolute; right:0px; bottom:55px; z-index:9; border-radius:5px;} #ust .sepet_detay .toplam .ad { width:80px; height:auto; text-align:left; font-size:14px;} #ust .sepet_detay .toplam .fiyat { width:100px; height:auto; text-align:right} #ust .sepet_detay .btn_order{ width:195px; height:38px;margin:5px 10px 10px 0px; padding:8px 0px; text-align:center;cursor: pointer;outline: none;border: none; position:absolute; right:0px; bottom:0px; box-sizing:border-box;} #ust .sepet_detay .btn_order:hover{ color:#FFF;} #ust .sepet_detay .btn_sepet{ width:195px; height:38px;margin:5px 10px 10px 0px; padding:9px 0px; text-align:center;cursor: pointer;outline: none;border: none; position:absolute; left:10px; bottom:0px; box-sizing:border-box;} #ust .sepet_detay .btn_sepet:hover{ color:#666;} #ust .sepet_detay .bos { width:100%; height:22px; margin-top:15px; text-align:center;} #ust .menu_wr{ width:181px; height:auto; margin-left:25px;} #ust .kategoriler{ background:url(images/icons.png?v=1) 10px -5682px no-repeat; width:100%; height:66px; padding:23px 18px 0px 38px; cursor:pointer; position:relative; z-index:99; box-sizing:border-box; font-size:16px;} #ust .menuhover{ display:none; z-index:999;} #ust .menu_wr:hover .menuhover{ display:block; margin-top:0px; z-index:998; position:absolute; top:66px; background:#fff; box-shadow:1px 1px 3px #999;} #ust .menu_wr:hover .kategoriler{ background:url(images/icons.png?v=1) 10px -5730px no-repeat #2936ac; color:#fff;} #ust .menu { width:auto; margin:0; padding: 0; position:relative; list-style: none; -webkit-transition:all .20s ease-in; -moz-transition:all .20s ease-in; -o-transition:all .20s ease-in; transition:all .20s ease-in;} #ust .menu li { margin: 0; padding: 0; display: block; list-style: none; float:left; position:relative;} #ust .menu a { height:66px; float:left; padding:23px 18px; color:#58595b; box-sizing:border-box; font-weight:500;} #ust .menu a:hover{ background:#2936ac; color:#fff;} #ust .menu a.aktif{ background:#2936ac; color:#fff;} #ust .menu li:hover > a { background:#2936ac; color:#fff;} #ust .menu li ul { width:150px; height:auto; position:absolute; top:66px; left:0; z-index:9; margin:0px 0px 0px 0px; display:none; background:#fff; list-style: none; box-shadow:0px 0px 5px #999;} #ust .menu li ul li { width:100%; margin: 0; padding: 0; display: block; list-style: none; float:left; position:relative;} #ust .menu li ul li a{ width:100%; height:auto; float:left; padding:10px 18px; background:none; color:#58595b; box-sizing:border-box;} #ust .menu li ul li a:hover{ background:#2936ac; color:#fff;} #ust .menu li ul li:hover > a{ background:#2936ac; color:#fff;} #ust .menu li ul li ul { width:200px; height:auto; position:absolute; top:0px; left:150px; z-index:9; margin:0px 0px 0px 0px; display:none; background:#fff; list-style: none; box-shadow:0px 0px 5px #999;} #ust .menu li ul li ul li { width:100%; margin: 0; padding: 0; display: block; list-style: none; float:left;} #ust .menu li ul li ul li a{ width:100%; height:auto; float:left; padding:10px 18px; background:none; color:#58595b; box-sizing:border-box;} #ust .menu li ul li ul li a:hover{ background:#2936ac; color:#fff;} #ust .menu li:hover > ul { transition-delay:0.2s; display:block;} #ust .menu li ul li:hover > ul { transition-delay:0.2s; display:block;} .bolumler{margin: 100px 0;float: left;width: 100%;} .bolumler a:hover{box-shadow: -1px 5px 15px 1px #b5cbe5;} .bolumler a{display: inline-block;margin:0 9px;width: 48%;text-align: center;border-radius: 15px;box-sizing: border-box;padding: 50px;-webkit-transition: all .20s ease-in;-moz-transition: all .20s ease-in;-o-transition: all .20s ease-in;transition: all .20s ease-in;} .bolumler a span{display: block;float: left; width: 100%;font-size: 34px;color: #000;font-weight: bold;} .bolumler a strong{font-size: 20px;color: #979ea5;font-weight: 100;line-height: 23px;} .bolumler a:before{content:'';display: table;width: 90px;height: 80px;background: #000;margin: 20px auto;} .bolumler a.OdemeAl span, .bolumler a.OdemeAl strong{color:#FFF;} .bolumler a.OdemeAl{float: none;background: #0b73b8;margin: 0 auto;} .bolumler a.siparisVer{background: #e8f2fc;} .bolumler a.OdemeAl:before{background: url(images/many.png) no-repeat center;} .bolumler a.siparisVer:before{background: url(images/cubes.png) no-repeat center;} .bolumler .urunleregitwr { text-align: center; width: 100%; display: inline-block; } .bolumler a.urunleregit span{color:#333; font-size: 26px;} .bolumler a.urunleregit strong{color:#444; font-size: 18px;} .bolumler a.urunleregit{float: none; background: #f5f5f5; margin: 40px auto 0 auto; display: inline-block; position: relative; width: 40%; padding: 25px 25px 25px 113px;} .bolumler a.urunleregit:before{background: url(images/cubes.png) no-repeat center; width: 90px; height: 80px; display: inline-block; position: absolute; left: 20px; top: 10px;} ::-webkit-input-placeholder { /* Edge */color: #403e3e;} :-ms-input-placeholder { /* Internet Explorer 10-11 */color: #403e3e;} ::placeholder {color: #403e3e;} .paratika .sozlesme{width:100%;float:left;box-sizing:border-box;padding: 10px;margin-top: 50px;margin-bottom: 20px;} .paratika a{margin: 10px 0;background: #0b73b8;font-size: 20px;color: #FFF;font-weight: 600;border: 0;cursor: pointer;box-sizing: border-box;padding: 13px;border-radius: 10px;outline: none;display: inline-block;} .paratika a:hover{background:#bed1e8; color:#000;} .paratika .sozlesme span{font-size: 20px;font-weight: 500;display: block;} .siparisver{width:100%;float:left;} #odeme .baslik, .siparisver .baslik{background:#0b73b8;} #odeme .baslik span, .siparisver .baslik span{color:#FFF;display: block;float: left;line-height: 50px;margin: 0 10px;font-weight: bold;font-size: 18px;} .siparisver .baslik.guncelleme .wr:before{background:url(images/edit.svg) no-repeat center; background-size:100%;} #odeme .baslik .wr:before, #odeme .baslik.odeme .wr:before, .siparisver .baslik.odeme .wr:before{background: url(images/many.png) no-repeat center center;filter: none;background-size: 100%;} .siparisver .baslik .wr:before{content:'';background: url(images/sepet.png) no-repeat left center;display: block;width: 30px;height: 50px;background-size: 100%;float: left;filter: invert(100%);} .siparisver .filter{float: none;margin: 60px auto;display: table;text-align: center;} .siparisver .filter .arama{float: left;width: 600px;position: relative;} .siparisver .filter .arama input[type=text]{width: 100%;height: 50px;border-radius: 15px;border: 0;background: #e3ebf6;float: left;outline: none;text-indent: 20px; font-size: 18px;} .siparisver .filter .arama input[type=submit]{position: absolute;right: 0;top: 0;height: 51px;border-radius: 15px;padding: 0 20px;border: 0;background: #0b73b8;color: #FFF;font-size: 18px;font-weight: 700;outline: none;cursor: pointer;} .siparisver .filter .arama input[type=submit]:hover{background:#aec7e3;} .siparisver .filter .kategori select{-webkit-appearance: none;background: url(images/icons.png) no-repeat 270px -3282px #e3ebf6;width: 300px;margin: 0 30px;height: 40px;border: 0;border-radius: 15px;padding: 0 10px;outline: none;} .siparisver .filter .kategori{float: right;margin: 0 10px;} .siparisver .filter .filterVade{clear: both;width: auto;margin: 40px 0 0 0;display: inline-block;} .siparisver .filter .filterVade .checkbox a{float:left;cursor: pointer;padding: 15px;color: #000;} .siparisver .filter .filterVade .checkbox.Active, .siparisver .filter .filterVade .checkbox:hover{background: #f4f9ff;border: 1px dashed #78f31c;} .siparisver .filter .filterVade .checkbox{float:left;border: 1px dashed #c9f5a8;margin: 10px 40px 10px 0px;padding: 0;border-radius: 10px;cursor: pointer;position: relative;} .siparisver .filter .filterVade .checkbox.Active:before{content:'';position: absolute;background: url('images/sucsess.jpg') no-repeat center;display: block;width: 50px;height: 50px;top: -25px;right: -25px;} .siparisver .listeleme{width: 100%;float: left;padding-bottom: 40px;} .siparisver .listeleme .HataMesaji{background:#f10000;box-sizing: border-box;padding: 5px;color: #FFF;font-size: 12px;width: 100%;float: left;border: 1px dashed #ffd400;} .siparisver .listeleme .BasariliMesaji{background:#319e03;box-sizing: border-box;padding: 5px;color: #FFF;font-size: 12px;width: 100%;float: left;border: 1px dashed #ffd400;} .siparisver .listeleme table{width: 100%;} .siparisver .listeleme #table .tr{ float:left; border-bottom: 1px solid #f5f5f5;display: flex;padding: 10px 0;} .siparisver .listeleme #table{display: block;} .siparisver .geneltoplam{width: 100%;float: left;margin: 0;text-align: right;position: fixed;bottom: 0;z-index: 999;background: #FFF;left: 0;padding: 20px 0;} .siparisver .geneltoplam .genel{width:150px;float:right;height: auto;line-height: 22px;margin-right: 20px;} .siparisver .geneltoplam .genel span{float: right;font-size: 14px; width: 100%; line-height: 16px;} .siparisver .geneltoplam .genel strong{float: right;font-size: 22px; width: 100%;} .siparisver .geneltoplam .buton{width:auto;float: right;} .siparisver .geneltoplam .tamamla, .siparisver .geneltoplam .buton a{text-align: center;display: inline-block;padding: 10px 50px;background: #0b73b8;color: #FFF;font-weight: bold;letter-spacing: 0.5px;outline: none;border: 0;border-radius: 10px;cursor: pointer;-webkit-transition: all .20s ease-in;-moz-transition: all .20s ease-in;-o-transition: all .20s ease-in;transition: all .20s ease-in;} .siparisver .geneltoplam .tamamla:hover, .siparisver .geneltoplam .buton a:hover{background:#8bb2d8;} .siparisver .geneltoplam .genel .uyarilar{display:none;} .siparisver .geneltoplam .uyarilar.BasariliMesaji{display:block;float: left;background: #319e03;padding: 5px;line-height: normal;color: #FFF;min-width: 60%;text-align: left;} .siparisver .geneltoplam .uyarilar.HataMesaji{display:block;float: left;background: #f10000;padding: 5px;line-height: normal;color: #FFF;} .siparisver .listeleme .filterTable{text-align: center;font-size: 17px;color: #5a5959;font-weight: 300;border-bottom: 1px solid #e3ebf6;float: left;width: 100%;} .siparisver .listeleme .filterTableCont .Kategori, .siparisver .listeleme .filterTable .Kategori{width: 100px;text-align: left;} .siparisver .listeleme .filterTableCont .UrunAdi, .siparisver .listeleme .filterTable .UrunAdi{width: 360px;text-align: left;float: left;} .siparisver .listeleme .filterTableCont .UrunAdi span{font-size: 11px;color: #7d7d7d;font-weight: 500;display: block;width: 100%;margin-bottom: -4px;margin-top: 2px;} .siparisver .listeleme .filterTableCont .islem, .siparisver .listeleme .filterTable .islem{width: 50px;text-align: center;} .siparisver .listeleme .filterTableCont .PMiktar, .siparisver .listeleme .filterTable .PMiktar{width: 130px;} .siparisver .listeleme .filterTable .Tutar, .siparisver .listeleme .filterTableCont .Tutar{width: 115px;} .siparisver .listeleme .filterTableCont .Toplam, .siparisver .listeleme .filterTable .Toplam{width: 120px;} .siparisver .listeleme #table .KategoriAdi{font-size: 12px;font-weight: 500;color: #5a5959;display: block;} .siparisver .listeleme #table .UrunAdi h1{font-size: 15px;font-weight: bold;color: #5a5959;line-height: 15px;} .siparisver .listeleme #table .Toplam .Tutar{width: 100%;display: block;} .siparisver .listeleme #table .Tutar{position:relative;font-weight: bold;color: #555;text-align: right;border: 0;padding: 0;/* width: 110px; */font-size: 14px;} .siparisver .listeleme #table .Tutar .iskonto{background: #0b73b8;display: block;color: #FFF;border-radius: 20px;font-size: 12px;line-height: normal;padding: 2px;float: left;} .siparisver .listeleme #table .text{} .siparisver .listeleme .filterTableCont .Miktar, .siparisver .listeleme .filterTable .Miktar{width: 90px;} .siparisver .listeleme .filterTableCont .TIskonto, .siparisver .listeleme .filterTable .TIskonto{width: 125px;text-align:center;} .siparisver .listeleme .filterTableCont .Miktar span, .siparisver .listeleme .filterTableCont .TIskonto span{font-size:14px;} .siparisver .listeleme #table .temizle{text-align: center;font-size: 16px;color: #ef0404;display: block;border-radius: 20px;display: block;float: none;} .siparisver .listeleme #table .miktar{margin: 0px 0px 0px 17px;padding: 0;text-align: center;width: 45px;border-radius: 10px;border: 1px solid #000;height: 30px;font-size: 17px;float: left;outline: none;} .siparisver .listeleme #table .Adet{display: block;float: left;width: auto;line-height: 30px;padding: 0 0px 0 5px;font-size: 12px;} .siparisver .listeleme .filterTableCont .Miktar input[type=number]{float:left;width: 70px;text-align: center;} .siparisver .geneltoplam .uyarilar{float:left;background: #000;color: #FFF;padding: 5px 10px;width: 45%;text-align: left;display: none;} .siparisver .geneltoplam .uyarilar.yuksektutartext{background: #ffd600;display: block;width: auto;color: #000;} .siparisver .geneltoplam .uyarilar.alcaktutartext{background: #ff5200;display: block;width: auto;color: #fff;} .odemeAl .listeleme .filterTable .Tutar{text-align:center;width: 40px;padding: 0;margin: 0;float: left;} .siparisver .listeleme #table .temizle, #ust .sepet_detay .sepet .detay .secim, .sepetliste2 .btn_sil, .odemeAl .listeleme #table .Tutar a.btn_sil{font-size: 12px;line-height: 12px;box-sizing: border-box;padding: 5px 7px;border-radius: 5px;color: #999;display: inline-block;margin: 3px 0 0 5px;font-weight: bold;} .siparisver .listeleme #table .temizle:hover, .sepetliste2 .btn_sil:hover, #ust .sepet_detay .sepet .detay .secim:hover, .odemeAl .listeleme #table .Tutar a.btn_sil:hover{color: #fff; background: #f10000;} .sepetliste2 .btn_sil:before, #ust .sepet_detay .sepet .detay .secim:before{content: 'X';display:block;cursor:pointer;font-weight: bold;} .odemeAl .listeleme #table .Tutar{text-align:center;width: 40px;} .odemeAl .listeleme .filterTableCont .Miktar, .odemeAl .listeleme .filterTable .Miktar{width: 140px;text-align: center;float: left;} .odemeAl .listeleme #table .KategoriAdi{font-size:14px;} .odemeAl .listeleme .filterTableCont .UrunAdi, .odemeAl .listeleme .filterTable .UrunAdi{width: 636px;} .odemeAl .listeleme .filterTableCont .Kategori, .odemeAl .listeleme .filterTable .Kategori{float:left; width:170px;} .odemeAl .listeleme #table .miktar{margin: 0;padding: 0;text-align: right;width: 100px;border-radius: 10px;border: 1px solid #000;height: 30px;font-size: 17px;float: left;outline: none;} .menu_alt { width:100%; display:table;} .menu_alt .menu_blok_resim { width:298px; height:auto; float:left; display:table; padding-right:10px; margin-left:20px; padding-top:5px; } .menu_alt .kat_resimli { width:120px; float:left; margin-bottom:3px;} .menu_alt .kat_resimli .kat_resim { width:100%; text-align:center; float:left;} .menu_alt .kat_resimli .kat_resim img { border-radius:5px;} .menu_alt .kat_resimli .kat_ad { width:100%; height:40px; text-align:center; float:left; text-shadow:0px 0px 5px #999; line-height:14px;} .menu_alt .menu_blok { width:298px; height:auto; float:left; display:table; padding-top:5px; margin-left:-100px; -webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease; -ms-transition: all 0.6s ease; -o-transition: all 0.6s ease; transition: all 0.6s ease;} .menu_alt .kat { width:100%; float:left; display:table; margin-bottom:10px;} .menu_alt .kat_ana { width:100%; float:left; color:#636363; margin:10px 0px; font-weight:bold;} .menu_alt .kat_normal { width:100%; float:left;} .menu_alt .kat_normal .kat_ad { width:100%; height:30px; text-align:left; float:left; color:#666; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;} .menu_alt .kat_normal .kat_ad:hover{ color:#000; -webkit-transition: all 0.4s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; text-shadow:1px 0px #999;} .menu_alt .kat_normal .kat_ad2 { width:100%; height:20px; text-align:left; float:left; padding:0px 0px 0px 10px;} .menu_alt .menu_reklam { width:300px; height:auto; float:right; display:table; margin-left:-100px; -webkit-transition: all 0.8s ease; -moz-transition: all 0.8s ease; -ms-transition: all 0.8s ease; -o-transition: all 0.8s ease; transition: all 0.8s ease;} #block_navigation { width:181px; position: relative; z-index:998;} #block_navigation ul{ width: 100%; margin:0; padding: 0;} #block_navigation ul li { margin: 0; padding: 0; display: block; list-style: none; width: 100%;} #block_navigation ul li:hover {} .typography_5_colm { font-size: 14px; line-height: 23px; color: #fff; z-index: 9999; opacity:0; visibility: hidden; width: 642px; min-height:306px; background:#fff; position: absolute; top:0px; left:181px; -webkit-transition: opacity 0.2s ease; -moz-transition: opacity 0.2s ease; -ms-transition: opacity 0.2s ease; -o-transition: opacity 0.2s ease; transition: opacity 0.2s ease; box-shadow:0px 0px 5px #999;} #block_navigation ul li:hover > .typography_5_colm { opacity:1; visibility: visible; transition-delay:0.2s;} .colm_5_container {width: 100%; overflow:hidden; margin:0px;} #block_navigation ul li .ana {background:url(images/icons.png?v=1) no-repeat -10px -2938px; width: 181px; height:auto; float:left; text-decoration: none; display: block; color:#58595b; -webkit-transition:all 0.4s ease; -moz-transition:all 0.4s ease; -ms-transition:all 0.4s ease; -o-transition:border 0.4s ease; transition:all 0.4s ease; font-weight:500;} #block_navigation ul li:hover .ana { background:url(images/icons.png?v=1) no-repeat 11px -2938px #2936ac; position:relative; color:#fff;} #block_navigation ul li .ana div { width: 181px; height:34px; padding:8px 0px 6px 37px; box-sizing:border-box;} #block_navigation ul li:hover .menu_blok { margin-left:40px; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.8s ease; transition: all 0.8s ease; } #block_navigation ul li:hover .menu_reklam { margin-left:4px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease;} #giris{ width:auto; height:auto;} #giris .baslik{background:#000; width:98%;height: auto; text-align: left;padding:8px 0px 8px 8px; margin-top:3px} #giris .form{ padding:5px 10px 0px 10px; width:100%; box-sizing:border-box;} #giris .yazi{width: 85px;text-align: right;margin-top: 15px; margin-right:10px;} #giris .textbox{ background:#FFF; width: 100%;height: 40px;padding: 5px;border: none;outline: none;margin-top: 5px; border:1px solid #dadada; box-sizing:border-box;} #giris .textbox:hover{ border:1px solid #343434;} #giris .textbox:focus{ border:1px solid #343434; -moz-box-shadow: 0px 0px 3px #666; -webkit-box-shadow: 0px 0px 3px #666; box-shadow: 0px 0px 3px #666;} #giris .btn_giris{width:100%; margin-top: 5px; margin-bottom:5px; padding:12px 10px;cursor: pointer;outline: none; border:none;} #giris .btn_uyeol{width:85px; height:35px; margin-top:10px; padding-top:10px;cursor: pointer;outline: none;border:none; text-align:center; box-sizing:border-box;} #giris .btn_facebook{width:100%; height:35px; margin-top:10px; padding-top:10px;cursor: pointer;outline: none;border:1px solid #405c96; text-align:center; box-sizing:border-box; background:#405c96; color:#fff;} #giris .btn_facebook:hover{ background:#405c96; color:#fff;} #giris .sifremi_unuttum{margin-left:5px; margin-top: 5px;} #giris .sifremi_unuttum:hover{color:#000;} #giris label.error{margin-top: 10px; margin-left:5px; float:left;} #giris2{ width:auto; height:auto;} #giris2 .baslik{background:#f5f5f5; width:98%;height: auto; text-align: left;padding:8px 0px 8px 8px; margin-top:5px; text-align:center;} #giris2 .form{ margin-top:15px;} #giris2 .yazi{width: 115px;text-align: left;margin-top: 8px; margin-right:10px;} #giris2 .textbox{ background:#FFF; width: 300px;height: 37px; -webkit-appearance: none; -moz-appearance: none; appearance: none;outline: 0; border:1px solid #dadada; padding: 2px 5px 2px 5px; outline:0; margin-bottom:5px; box-sizing:border-box;} #giris2 .textbox:hover{ border:1px solid #343434;} #giris2 .textbox:focus{ border:1px solid #343434; -moz-box-shadow: 0px 0px 3px #666; -webkit-box-shadow: 0px 0px 3px #666; box-shadow: 0px 0px 3px #666;} #giris2 .btn_giris{ width:300px; height:37px; margin:5px 0px 10px 125px; cursor: pointer;outline: none;border: none; box-sizing:border-box;} #giris2 .btn_uyeol{ width:300px; height:37px; margin:15px 0px 10px 125px; cursor: pointer;outline: none;border: none; box-sizing:border-box;} #giris2 .sifremi_unuttum{ margin:0px 0px 10px 125px;} #giris2 .sifremi_unuttum:hover {color:#000;} .hata_odeme{width: 100%;height: auto; margin-top:10px; padding:50px 0px; text-align:center;} #giris2 .btn_facebook{ background:#405c96; width:300px; height:37px; margin:30px 0px 10px 125px; padding-top:10px; text-align:center; cursor: pointer;outline: none;border: none; box-sizing:border-box;} #utabs { width:475px; margin:30px 0px 50px 260px; position:relative;} #utabs ul { list-style: none; width:100%; height:auto; line-height: 12px; float:left; padding:0px 0px 0px 0px;} #utabs li {float:left; width:auto; height:auto; text-align:center; margin:0px 0px 0px 1px;} #utabs .ln{border-left:1px solid #8f8f8f;} #utabs li a{width:100%; height:15px; color:#9a9a9a;} #utabs li.ui-state-default a { background: url(images/icons.png?v=1) 0px -5204px no-repeat; height:40px; padding:16px 35px 0px 35px; box-sizing:border-box; color:#919191; font-weight:400; float:left;} #utabs li.ui-tabs-active a{background: url(images/icons.png?v=1) 0px -5167px no-repeat; color:#363636; outline:0; font-weight:400;} #utabs li.ui-tabs-active.ui-state-hover a{ color:#363636;} #utabs li.ui-state-hover a{ background: url(images/icons.png?v=1) 0px -5167px no-repeat; color:#343434;} #utabs li.ui-tabs-active.ui-state-hover a{ color:#363636;} #utabs li.ui-state-hover a{ color:#343434; } #utabs li.ui-state-focus a{ outline:0;} #utabs .ui-tabs-panel { padding:10px; width:98%} #arabox { display:none; position:absolute; left:0px; top:53px; z-index:999; width:674px; height:auto; padding:10px; background: #ffffff; /* Old browsers */ box-shadow:0px 0px 10px #999; } #arabox .baslik { width:275px; float:left; margin-bottom:10px;} #arabox .kat_blok { width:275px; float:left; margin-right:10px;} #arabox .kat { background:url(images/icons.png?v=1) 0px -1005px no-repeat; width:280px; float:left; padding-left:8px; clear:both;} #arabox .urun_blok { width:360px; float:left;} #arabox .urun { width:100%; height:auto; float:left; margin-bottom:2px; padding:3px;} #arabox .urun:hover { border-radius:5px; background:#f5f5f5;} #arabox .urun .resim { width:40px; height:auto; text-align:left; float:left;} #arabox .urun .resim img { border-radius:5px;} #arabox .urun .ad { width:310px; height:auto; text-align:left; padding-left:5px; line-height:14px; float:left;} /* ALT */ #alt{width:100%; height:auto; margin-top:40px; background:#f8f8f8;} #alt .logo { width:150px; height:70px; float:left; margin:20px 0px 10px 0px;} #alt .logo img { width:100%; height:auto;} #alt .altbg { width:100%; height:auto; background:#292560; float:left;} #alt .altbg2 { width:100%; height:50px; background:#f1eae1; float:left; margin-top:10px;} #altmenu{width:auto; float:left; margin:35px 0px 30px 25px} #altmenu ul,li { list-style:none;} #altmenu li { float:left; display:block; margin-right:50px;} #altmenu li ul li{ clear:left; float:left; width:100%; margin-left:0px;} #altmenu li ul{ clear:left; float:left; width:100%; padding-top:10px; margin-top:3px;} #altmenu li:hover ul{ } #altmenu li ul a{ clear:left; width:100%; float:left; text-align:left;} #altmenu li a { width:auto; float:left; display:block; height:auto; padding: 1px 3px; text-align:center; text-decoration:none; font-size:16px; font-weight:600; color:#58595b;} #altmenu li ul li a:hover { color:#000;} #altmenu ul li ul li a { width:auto; float:left; display:block; height:auto; padding: 1px 0px; text-decoration:none; color:#58595b; font-weight:400; font-size:12px; padding-left:5px; box-sizing:border-box;} #altmenu ul li ul li a:hover { color:#000;} #alt .altfooter { width:100%; height:auto; float:left;} #alt .altfooter .altsol { width:216px; height:auto; margin:18px 0px 30px 2px;} #alt .altfooter .copyright{ width:90%; height:auto; color:#000; margin:15px 0px 0px 0px; font-size:12px;} #alt .ebulten{ width:798px; height:auto; margin:210px 0px 0px 130px; position:relative; float:left;} #alt .ebulten .baslik{ width:auto; height:20px; margin:17px 0px 0px 0px; box-sizing:border-box; color:#939598; font-size:14px; font-weight:500; float:left;} #alt .ebulten .textbox{ width:711px; height:49px; padding:0px 20px; background:none; border:none; border:1px solid #939598; color:#939598; outline:none; float:right; box-sizing:border-box; font-size:14px;} #alt .ebulten .btn_ekle { background:url(images/icons.png?v=1) 0px -5820px no-repeat; width:32px; height:43px; border:none; -webkit-appearance: none; -moz-appearance: none; appearance: none; outline:0; float:left; position:absolute; right:15px; top:3px; cursor:pointer;} #ebultensonuc { position:absolute; left:98px; top:50px; font-size:12px; padding:0px 10px; color:#939598;} #alt .ebulten .textbox::-webkit-input-placeholder { /* WebKit browsers */ color: #939598; } #alt .ebulten .textbox:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #939598; opacity: 1; } #alt .ebulten .textbox::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #939598; opacity: 1; } #alt .ebulten .textbox:-ms-input-placeholder { /* Internet Explorer 10+ */ color: #939598; } #alt .sosyal { width:100%; height:auto; margin:20px 0px 0px 10px;} #alt .sosyal .baslik{font-size:16px; font-weight:600; margin:0px 0px 10px 0px; color:#58595b;} #alt .sosyal a{ float:left; width:44px; height:43px; margin-right:10px;} #alt .sosyal .icon_fb{ background:url(images/icons.png?v=1) 0px -5935px no-repeat;} #alt .sosyal .icon_fb:hover{ background:url(images/icons.png?v=1) 0px -5978px no-repeat;} #alt .sosyal .icon_tw{ background:url(images/icons.png?v=1) -58px -5935px no-repeat;} #alt .sosyal .icon_tw:hover{ background:url(images/icons.png?v=1) -58px -5978px no-repeat;} #alt .sosyal .icon_gp{ background:url(images/icons.png?v=1) -116px -5935px no-repeat;} #alt .sosyal .icon_gp:hover{ background:url(images/icons.png?v=1) -116px -5978px no-repeat;} #alt .sosyal .icon_ins{ background:url(images/icons.png?v=1) -174px -5935px no-repeat;} #alt .sosyal .icon_ins:hover{ background:url(images/icons.png?v=1) -174px -5978px no-repeat;} #alt .altsag { width:150px; height:auto; margin:35px 0px 30px 10px; float:right} #alt .altsag .baslik{font-size:14px; font-weight:600; margin:0px 0px 0px 0px; color:#58595b;} #alt .altsag .phone{ width:100%; height:auto; margin-top:0px; padding:0px 0px 0px 0px; color:#58595b; font-size:20px; font-weight:300; box-sizing:border-box;} #alt .altsag .phone:hover{ color:#000;} #alt .altsag .ssl{ width:30px; height:40px; background:url(images/icons.png?v=1) 0px -3912px no-repeat; margin:10px 0px 0px 0px;} #alt .altsag .kart{ width:85px; height:21px; background:url(images/icons.png?v=1) 0px -3861px no-repeat; margin:17px 0px 0px 15px;} #alt .altsag2 { width:100%; height:auto; padding:10px; float:left; box-sizing:border-box;} #alt .altsag2 .sol{ float:left;} #alt .altsag2 .sag{ float:right;} #alt .altsag2 .baslik{font-size:14px; font-weight:600; margin:0px 0px 0px 0px; color:#58595b;} #alt .altsag2 .phone{ width:100%; height:auto; margin-top:0px; padding:0px 0px 0px 0px; color:#58595b; font-size:20px; font-weight:300; box-sizing:border-box;} #alt .altsag2 .phone:hover{ color:#000;} #alt .altsag2 .ssl{ width:30px; height:40px; background:url(images/icons.png?v=1) 0px -3912px no-repeat; margin:10px 0px 0px 0px;} #alt .altsag2 .kart{ width:85px; height:21px; background:url(images/icons.png?v=1) 0px -3861px no-repeat; margin:17px 0px 0px 15px;} .icon_up { background:url(images/icons.png?v=1) 0px -1030px no-repeat; width:31px; height:31px;} .icon_up:hover { background:url(images/icons.png?v=1) 0px -1204px no-repeat;} #alt .altust{ width:auto; height:auto; margin:-25px 25px 0px 0px;} #alt .altust a{ color:#999;} #alt .altust a:hover{ color:#343434;} #bildirim{ width:auto; height:auto;} #bildirim .baslik{background:#fff; width:100%;height: 85px; text-align: left;padding:55px 0px 0px 55px; box-sizing:border-box;} #bildirim .detay{width: 100%; height:410px; padding:30px 30px 20px 55px; overflow:auto; box-sizing:border-box; font-size:14px;} #bildirim .cizgi_wr{ width:100%; height:5px;} #bildirim .menucizgi{ width:246px; height:3px; border:1px solid #e4e4e4;} #bildirim .cizgi {background:#e4e4e4; width:764px; height:5px; margin-left:5px;} /* ANASAYFA */ .anasayfa_wr { width:100%; height:100%; display:table-cell; vertical-align:middle;} .anasayfa_wr .baslik{width: 100%;text-align:center; margin:0px 0px 13px 0px; font-size:20px; font-weight:600; color:#402a2e;} #anasayfa_giris { width:300px; height:auto; background:#f5f5f5; box-sizing:border-box; margin:75px auto 0px auto; position:relative; display:table; padding:30px 30px 20px 30px; margin-bottom:70px; border-radius:10px; box-shadow:0px 0px 10px #ccc;} #anasayfa_giris .form{ width:100%; height:100%; box-sizing:border-box; text-align:center; float:left;} #anasayfa_giris .satir{ width:100%; height:auto; float:left; position:relative; margin-bottom:5px;} #anasayfa_giris .textbox{ background:#FFF; width: 100%;height: 40px; -webkit-appearance: none; -moz-appearance: none; appearance: none;outline: 0; border:1px solid #dadada; padding: 0px 10px 0px 10px; outline:0; box-sizing:border-box; font-size:16px; color:#333; font-weight:500;} #anasayfa_giris .textbox:hover{ border:1px solid #343434;} #anasayfa_giris .textbox:focus{ border:1px solid #343434; -moz-box-shadow: 0px 0px 3px #666; -webkit-box-shadow: 0px 0px 3px #666; box-shadow: 0px 0px 3px #666;} #anasayfa_giris .btn_giris{width:100%; height:42px; margin:8px 0px 0px 0px; cursor: pointer;outline: none; border:none; color:#fff; font-size:16px; font-weight:600; border-radius:5px; float:left;} #anasayfa_giris .btn_giris:hover{ color:#000;} #anasayfa_giris .sifremi_unuttum{width:100%; margin:16px 10px 0px 0px; color:#666; float:left;} #anasayfa_giris .sifremi_unuttum:hover{color:#000;} #anasayfa_giris .textbox::-webkit-input-placeholder { /* WebKit browsers */ color: #999; } #anasayfa_giris .textbox:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #999; opacity: 1; } #anasayfa_giris .textbox::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #999; opacity: 1; } #anasayfa_giris .textbox:-ms-input-placeholder { /* Internet Explorer 10+ */ color: #999; } .btn_anasayfagiris{width:100%; height:40px; margin:8px 0px 0px 0px; cursor: pointer;outline: none; border:none; padding:9px 0px 0px 0px; color:#3f2b2f; font-size:14px; font-weight:600; border-radius:5px; float:left; box-sizing:border-box; text-align:center;} .btn_anasayfagiris:hover{ color:#000;} #anasayfa_wr { width:100%; height:auto; text-align:center; margin:120px 0px 50px 0px;} #anasayfa_hesap { width:300px; height:260px; background:#f5f5f5; box-sizing:border-box; margin:110px 0px 0px 14px; position:relative; display:inline-block; padding:0px 35px; border-radius:10px; box-shadow:0px 0px 10px #ccc; margin:0px 10px;} #anasayfa_hesap .icon{ width:300px; height:140px; background:url(images/labels.png?v=1) 31px -1460px no-repeat; box-sizing:border-box; position:absolute; left:0; top:-65px; z-index:9;} #anasayfa_hesap .baslik{ width:100%; height:auto; box-sizing:border-box; margin:90px 0px 0px 0px; float:left; text-align:center; font-size:16px; font-weight:600; color:#333;} #anasayfa_hesap .yazi{ width:90px; height:35px; box-sizing:border-box; margin:20px 0px 0px 5px; float:left; text-align:left; font-size:14px; font-weight:600; color:#333;} #anasayfa_hesap .detay{ width:130px; height:35px; box-sizing:border-box; margin:20px 5px 0px 0px; float:right; text-align:right; font-size:16px; font-weight:600; color:#333;} #anasayfa_hesap .cizgi{ width:100%; height:1px; border-bottom:1px solid #614248; float:left; margin:0px 0px 8px 0px;} #anasayfa_siparis { width:300px; height:260px; background:#f5f5f5; box-sizing:border-box; margin:110px 0px 0px 0px; position:relative; display:inline-block; padding:0px 35px; border-radius:10px; box-shadow:0px 0px 10px #ccc; margin:0px 10px;} #anasayfa_siparis .icon{ width:300px; height:140px; background:url(images/labels.png?v=1) 30px -1700px no-repeat; box-sizing:border-box; position:absolute; left:0; top:-65px; z-index:9;} #anasayfa_siparis .baslik{ width:100%; height:auto; box-sizing:border-box; margin:90px 0px 0px 0px; float:left; text-align:center; font-size:16px; font-weight:600; color:#333;} #anasayfa_siparis .yazi{ width:100%; height:auto; box-sizing:border-box; margin:20px 0px 3px 0px; float:left; text-align:center; font-size:14px; font-weight:400; color:#333;} #anasayfa_siparis .yazi a{ color:#000;} #anasayfa_odeme { width:300px; height:260px; background:#f5f5f5; box-sizing:border-box; margin:110px 0px 0px 0px; position:relative; display:inline-block; padding:0px 35px; border-radius:10px; box-shadow:0px 0px 10px #ccc; margin:0px 10px;} #anasayfa_odeme .icon{ width:300px; height:155px; background:url(images/labels.png?v=1) -4px -1955px no-repeat; box-sizing:border-box; position:absolute; left:0; top:-72px; z-index:9;} #anasayfa_odeme .baslik{ width:100%; height:auto; box-sizing:border-box; margin:90px 0px 17px 0px; float:left; text-align:center; font-size:16px; font-weight:600; color:#333;} /* LISTE */ #liste { width:auto; height:auto} #liste .sol{ width:190px; height:auto;} #liste .sag{ width:800px; height:auto; min-height:460px; padding-left:10px;} .urunliste_wr { width:100%; height:auto; padding:0px 20px 0px 20px; float:left; box-sizing:border-box;} .urunliste { width:100%; height:auto; background:#f5f5f5; padding:10px 10px 10px 10px; border-radius:10px; float:left; box-sizing:border-box;} .urunliste .basliklar {width:100%; height:30px; margin:0px 0px 2px 0px; padding:0px 10px; position:relative; box-sizing:border-box; float:left; font-size:14px; color:#999; font-weight:600;} .urunliste .basliklar .kategori { width:150px; height:auto; padding:0px 0px 0px 0px; box-sizing:border-box; float:left;} .urunliste .basliklar .ad { width:350px; height:auto; padding:0px 0px 0px 0px; box-sizing:border-box; float:left;} .urunliste .basliklar .fiyat { width:120px; height:auto; padding:0px 20px 0px 0px; box-sizing:border-box; text-align:right; float:left;} .urunliste .basliklar .miktar { width:120px; height:auto; padding:0px 0px 0px 0px; box-sizing:border-box; float:left; text-align:center;} .urunliste .basliklar .temizle { width:70px; height:auto; padding:0px 0px 0px 0px; box-sizing:border-box; float:left;} .urunliste .basliklar .tutar { width:110px; height:auto; padding:0px 0px 0px 0px; box-sizing:border-box; float:left; text-align:right;} .urun {width:100%; height:45px; margin:0px 0px 2px 0px; padding:0px 10px; position:relative; box-sizing:border-box; background:#fff; float:left; font-size:14px; color:#666; font-weight:600; } .urun:hover { background:#f9f9f9;} .urun:hover .ad{ color:#191919;} .urun .kategori { width:150px; height:35px; margin:6px 0px 0px 0px; padding:5px 0px 0px 45px; box-sizing:border-box; float:left;} .urun .ad { width:350px; height:auto; padding:10px 0px 0px 0px; box-sizing:border-box; float:left;} .urun .fiyat { width:120px; height:auto; padding:10px 20px 0px 0px; box-sizing:border-box; color:#000; font-size:16px; text-align:right; float:left;} .urun .fiyat span{font-size:12px; } .urun .miktar { width:120px; height:auto; padding:5px 0px 0px 0px; box-sizing:border-box; float:left;} .urun .miktar .textbox{ background:#fff; width:85px; height:35px; padding: 5px;border: none;outline: none;box-sizing:border-box; text-align:right; border-radius:3px; border:1px solid #cacaca; color:#3f2b2f; font-size:16px; float:left;} .urun .miktar span{font-size:12px; margin:6px 0px 0px 5px; float:left;} .urun .temizle { background:url(images/icons.png?v=1) 0px -6314px no-repeat; width:70px; height:auto; padding:12px 0px 0px 13px; box-sizing:border-box; float:left; font-size:12px; color:#c19474; outline:none;} .urun .temizle:hover{ background:url(images/icons.png?v=1) 0px -6361px no-repeat; color:#3f2b2f;} .urun .temizle2 { background:none;} .urun .tutar { width:110px; height:auto; padding:10px 0px 0px 0px; box-sizing:border-box; float:left; text-align:right; font-size:16px;} .urunliste .aktif { background:#fff;} .urunliste .toplam {width:200px; height:40px; margin:0px 0px 0px 0px; padding:0px 15px 0px 15px; background:#fff; border-radius:5px; position:relative; box-sizing:border-box; float:left; font-size:16px; color:#000; font-weight:600; float:right;} .urunliste .toplam .baslik { width:60px; height:auto; padding:8px 0px 0px 0px; box-sizing:border-box; float:left;} .urunliste .toplam .tutar { width:110px; height:auto; padding:8px 0px 0px 0px; box-sizing:border-box; float:right; text-align:right;} .urunliste .tamamla{width:200px; height:42px; margin:5px 0px 0px 0px; padding:0px 0px 0px 0px; cursor: pointer;outline: none; border:none; color:#3f2b2f; font-size:16px; font-weight:600; border-radius:5px; clear:right; float:right;} .urunliste .tamamla:hover{ color:#000;} #ustbilgi { width:100%; height:auto; display:table; margin-bottom:5px;} #ustbilgi .icerik{ width:auto; height:auto; padding:5px;} #altbilgi { width:100%; height:auto; display:table; margin-top:5px;} #altbilgi .icerik{ width:auto; height:auto; padding:5px;} #path { width:100%; height:50px; display:table; padding:14px 0px 0px 0px; margin-bottom:10px; position:relative; background:#fff; font-size:12px; box-sizing:border-box;} #path .linkler{width:auto;height:auto;padding: 13px 0px 0px 20px;} #path .linkler span.sp{ background:url(images/icons.png?v=1) -79px -4180px no-repeat; width:10px; height:19px; margin:3px 2px 0px 2px; float:left;} #path .linkler .ad{ width:auto; height:auto; margin:2px 5px 0px 5px; float:left; color:#76777b; font-size:14px;} #path .linkler a{ width:auto; height:auto; margin:2px 5px 0px 5px; float:left; color:#76777b; font-size:14px;} #path .linkler a:hover{ color:#343434;} #path .linkler .home{ background:url(images/icons.png?v=1) 0px -4054px no-repeat;width:18px; height:18px; margin:0px 5px 0px 0px;} #path .linkler .home:hover{ background:url(images/icons.png?v=1) -27px -4054px no-repeat;} #path .btn_siparis{margin:0px 5px 0px 5px; padding:5px 10px;cursor: pointer;outline: none;border: none;} #path .btn_siparis:hover{ color:#fff;} .iselect { width:250px; height:50px; text-align:left; position:relative; cursor:default; box-sizing:border-box; background:#ebebec; border-radius:5px;} .iselect:hover{ background:#666;} .iselect span.ad{ margin:12px 0px 0px 10px; float:left; font-size:16px; color:#939598;} .iselect span.i{ background:url(images/icons.png?v=1) 3px -6224px no-repeat; width:25px; height:20px; margin:11px 0px 0px 0px; float:right; } .iselect:hover span.ad{ color:#fff;} .iselect:hover span.i{ background:url(images/icons.png?v=1) 3px -6267px no-repeat;} .iselect .acilir { width:250px; height:auto; display:none; position:absolute; left:0px; top:50px; background:#ebebec; z-index:99; padding:3px 0px; border-radius:5px; box-shadow:0px 0px 5px #999;} .iselect .acilir a{ width:100%; height:auto; float:left; padding:5px 10px; color:#402a2e; background:none; box-sizing:border-box; transition:all 0.4s ease; font-size:16px;} .iselect .acilir a:hover{ color:#FFF !important; background:#666;} .iselect .acilir span{ width:100%; height:auto; float:left; padding:5px 5px 3px 10px; color:#999; background:none; box-sizing:border-box; transition:all 0.4s ease; border-bottom:1px solid #ccc;} .iselect .acilir a.aktif{ color:#FFF; background:#333;} #path .listele{ width:auto; height:auto; margin-left:15px; margin-top:2px;} #path .listele .baslik2{ width:auto; height:auto; margin-right:5px; line-height:12px; padding-top:8px;} #path .listele .katalog{ background:url(images/icons.png?v=1) 0px -4274px no-repeat;width:22px; height:22px; margin-right:5px;} #path .listele .katalog:hover{ background:url(images/icons.png?v=1) 0px -4308px no-repeat;} #path .listele .katalog2{ background:url(images/icons.png?v=1) 0px -4308px no-repeat;width:22px; height:22px; margin-right:5px;} #path .listele .liste{ background:url(images/icons.png?v=1) -43px -4274px no-repeat;width:26px; height:22px;} #path .listele .liste:hover{ background:url(images/icons.png?v=1) -43px -4308px no-repeat;} #path .listele .liste2{ background:url(images/icons.png?v=1) -43px -4308px no-repeat;width:26px; height:22px;} #path .sirala{ width:146px; height:auto;} #path .sirala .baslik1{ width:auto; height:auto; margin-right:5px; line-height:12px; padding-top:8px;} #path .sirala .satis{ background:url(images/icons.png?v=1) 0px -1030px no-repeat;width:31px; height:31px; margin-right:5px;} #path .sirala .satis:hover{ background:url(images/icons.png?v=1) 0px -1204px no-repeat;} #path .sirala .satis2{ background:url(images/icons.png?v=1) 0px -1204px no-repeat;width:31px; height:31px; margin-right:5px;} #path .sirala .az{ background:url(images/icons.png?v=1) 0px -1100px no-repeat;width:31px; height:31px; margin-right:5px;} #path .sirala .az:hover{ background:url(images/icons.png?v=1) 0px -1274px no-repeat;} #path .sirala .az2{ background:url(images/icons.png?v=1) 0px -1274px no-repeat;width:31px; height:31px; margin-right:5px;} #path .sirala .cok{ background:url(images/icons.png?v=1) 0px -1065px no-repeat;width:31px; height:31px;} #path .sirala .cok:hover{ background:url(images/icons.png?v=1) 0px -1239px no-repeat;} #path .sirala .cok2{ background:url(images/icons.png?v=1) 0px -1239px no-repeat;width:31px; height:31px;} #path .paylas{ width:auto; height:auto;} #path .paylas .item{ width:auto; height:auto; margin-right:10px;} #path .paylas .baslik1{ width:auto; height:auto; margin-right:5px; line-height:12px; padding-top:8px;} #path .paylas .facebook{ background:url(images/icons.png?v=1) 0px -1525px no-repeat;width:31px; height:31px; margin-right:5px;} #path .paylas .facebook:hover{ background:url(images/icons.png?v=1) 0px -1629px no-repeat;} #path .paylas .twitter{ background:url(images/icons.png?v=1) 0px -1559px no-repeat;width:31px; height:31px; margin-right:5px;} #path .paylas .twitter:hover{ background:url(images/icons.png?v=1) 0px -1663px no-repeat;} #path .paylas .gplus{ background:url(images/icons.png?v=1) 0px -1594px no-repeat;width:31px; height:31px;} #path .paylas .gplus:hover{ background:url(images/icons.png?v=1) 0px -1698px no-repeat;} #path .paylas .fbegen{ width:auto; height:auto; margin-left:5px; padding-top:5px;} #path2 { width:100%; height:31px; display:table; margin:10px 0px 10px 0px; text-align:center;} #path2 .sayilar{ width:auto; height:auto; padding:8px 0px 0px 5px;} #path2 .sayfala{ width:auto; height:auto; margin-right:2px;} #path2 .sayfala .baslik{ width:auto; height:auto; margin-right:5px; margin-top:5px; line-height:12px;} #path2 .sayfala .ilk{ background:url(images/icons.png?v=1) 5px -4179px no-repeat;width:20px; height:22px; margin-right:3px;} #path2 .sayfala .ilk:hover{ background:url(images/icons.png?v=1) 5px -4210px no-repeat;} #path2 .sayfala .onceki{ background:url(images/icons.png?v=1) -18px -4179px no-repeat;width:20px; height:22px; margin-right:3px;} #path2 .sayfala .onceki:hover{ background:url(images/icons.png?v=1) -18px -4210px no-repeat;} #path2 .sayfala .sonraki{ background:url(images/icons.png?v=1) -74px -4179px no-repeat;width:20px; height:22px; margin-right:3px;} #path2 .sayfala .sonraki:hover{ background:url(images/icons.png?v=1) -74px -4210px no-repeat;} #path2 .sayfala .son{ background:url(images/icons.png?v=1) -94px -4179px no-repeat;width:20px; height:22px;} #path2 .sayfala .son:hover{ background:url(images/icons.png?v=1) -94px -4210px no-repeat;} #path2 .sayfala .saktif{ background:#363636; color:#FFF; width:auto; height:17px; min-width:17px; margin:3px 3px 0 0; padding:1px 2px 0px 2px; line-height:12px; text-align:center; box-sizing:border-box; border:1px solid #717171;} #path2 .sayfala .spasif{ width:auto; height:17px; min-width:17px; margin:3px 3px 0 0; padding:1px 2px 0px 2px; line-height:12px; text-align:center; box-sizing:border-box; border:1px solid #fff;} #path2 .sayfala .spasif:hover{ background:#363636; color:#FFF; border:1px solid #717171;} #path2 ul{ display:inline-block; } #path2 ul li{ display:inline-block; } #path2 ul li a{ box-shadow:0px 0px 2px #ccc;} #path2 ul li .ilk{ background:url(images/icons.png?v=1) 10px -4176px no-repeat #fff;width:30px; height:30px; margin-right:3px;} #path2 ul li .ilk:hover{ background:url(images/icons.png?v=1) 10px -4207px no-repeat #fff;} #path2 ul li .onceki{ background:url(images/icons.png?v=1) -13px -4176px no-repeat #fff;width:30px; height:30px; margin-right:3px;} #path2 ul li .onceki:hover{ background:url(images/icons.png?v=1) -13px -4207px no-repeat #fff;} #path2 ul li .sonraki{ background:url(images/icons.png?v=1) -69px -4176px no-repeat #fff;width:30px; height:30px; margin-right:3px;} #path2 ul li .sonraki:hover{ background:url(images/icons.png?v=1) -69px -4207px no-repeat #fff;} #path2 ul li .son{ background:url(images/icons.png?v=1) -89px -4176px no-repeat #fff;width:30px; height:30px;} #path2 ul li .son:hover{ background:url(images/icons.png?v=1) -89px -4207px no-repeat #fff;} #path2 ul li .saktif{ background:#002c72; color:#FFF; width:auto; height:30px; min-width:30px; margin:0px 3px 0px 0; padding:9px 2px 0px 2px; line-height:12px; text-align:center; box-sizing:border-box; font-size:14px; font-weight:600;} #path2 ul li .spasif{ background:#fff; width:auto; height:30px; min-width:30px; margin:0px 3px 0px 0; padding:9px 2px 0px 2px; line-height:12px; text-align:center; box-sizing:border-box; font-size:14px; font-weight:600;} #path2 ul li .spasif:hover{ background:#002c72; color:#FFF; border:1px solid #717171;} #filtre { width:100%; height:auto; display:table; margin:0px 0px 5px 0px; background:#fff; box-shadow:0px 0px 3px #ccc;} #filtre a{ color:#333;} #filtre .baslik{ background:#f5f5f5; width:190px; height:auto; padding:6px 0px 6px 24px; margin-top:5px;} #filtre .ana{ background:url(images/icons.png?v=1) no-repeat 13px -2938px; width:100%; height:auto; padding:6px 0px 6px 10px; box-sizing:border-box; font-size:20px; font-weight:bold;} #filtre .ana2{ background:url(images/icons.png?v=1) 170px -975px no-repeat, url(images/icons.png?v=1) 13px -4091px no-repeat; width:100%; height:auto; padding:6px 0px 6px 35px; box-sizing:border-box;} #filtre .secim{ background:url(images/icons.png?v=1) 170px -977px no-repeat #f9f9f9; width:100%; height:auto; padding:5px 0px 5px 10px; box-sizing:border-box; border:1px dashed #ccc; margin:0px 0px 3px 0px;} #filtre .grup{ width:100%; height:auto; padding:8px 0px 8px 10px; box-sizing:border-box; color:#636363; background:#f5f5f5;} #filtre .sec{ width:100%; height:auto; padding:5px 0px 5px 10px; box-sizing:border-box; color:#666;} #filtre .sec:hover{ color: #000;} #filtre .sec2{ background:url(images/icons.png?v=1) 14px -998px no-repeat #000; color: #fff; width:100%; height:auto; padding:5px 0px 5px 24px; box-sizing:border-box;} #filtre .kaydirma{ height:230px; overflow:auto;} /* DETAY */ .fancybox-wrap,.fancybox-skin,.fancybox-outer,.fancybox-inner,.fancybox-image,.fancybox-wrap iframe,.fancybox-wrap object,.fancybox-nav,.fancybox-nav span,.fancybox-tmp{padding:0;margin:0;border:0;outline:none;vertical-align:top}.fancybox-wrap{position:absolute;top:0;left:0;z-index:8020}.fancybox-skin{position:relative;color:#444;text-shadow:none;}.fancybox-opened{z-index:8030}.fancybox-opened.fancybox-skin{-webkit-box-shadow:0 10px 25px rgba(0,0,0,0.5);-moz-box-shadow:0 10px 25px rgba(0,0,0,0.5);box-shadow:0 10px 25px rgba(0,0,0,0.5)}.fancybox-outer,.fancybox-inner{position:relative}.fancybox-inner{overflow:hidden !important;}.fancybox-type-iframe.fancybox-inner{-webkit-overflow-scrolling:touch !important;}.fancybox-error{color:#444;font:14px/20px"Helvetica Neue",Helvetica,Arial,sans-serif;margin:0;padding:15px;white-space:nowrap}.fancybox-image,.fancybox-iframe{display:block;width:100%;height:100%}.fancybox-image{max-width:100%;max-height:100%}#fancybox-loading,.fancybox-prev span,.fancybox-next span{background-image:url('Scripts/fancybox/fancybox_sprite.png')}#fancybox-loading{position:fixed;top:50%;left:50%;margin-top:-22px;margin-left:-22px;background-position:0-108px;opacity:0.8;cursor:pointer;z-index:8060}#fancybox-loading div{width:44px;height:44px;background:url('Scripts/fancybox/fancybox_loading.gif')center center no-repeat}.fancybox-close{background:url(images/icons.png?v=1) 0px -4816px no-repeat;position:absolute;top:25px;right:30px;width:36px;height:35px;cursor:pointer;z-index:8040}.fancybox-nav{position:absolute;top:0;width:40%;height:100%;cursor:pointer;text-decoration:none;background:transparent url('Scripts/fancybox/blank.gif');-webkit-tap-highlight-color:rgba(0,0,0,0);z-index:8040}.fancybox-prev{left:0}.fancybox-next{right:0}.fancybox-nav span{position:absolute;top:50%;width:36px;height:34px;margin-top:-18px;cursor:pointer;z-index:8040;visibility:hidden}.fancybox-prev span{left:10px;background-position:0-36px}.fancybox-next span{right:10px;background-position:0-72px}.fancybox-nav:hover span{visibility:visible}.fancybox-tmp{position:absolute;top:-99999px;left:-99999px;visibility:hidden;max-width:99999px;max-height:99999px;overflow:visible!important}.fancybox-lock{overflow:hidden!important;}.fancybox-lock body{overflow:hidden!important}.fancybox-lock-test{overflow-y:hidden!important}.fancybox-overlay{position:absolute;top:0;left:0;overflow:hidden;display:none;z-index:8010;background:url('Scripts/fancybox/fancybox_overlay.png')}.fancybox-overlay-fixed{position:fixed;bottom:0;right:0}.fancybox-lock.fancybox-overlay{overflow:auto;overflow-y:scroll}.fancybox-title{visibility:hidden;font:normal 13px/20px"Helvetica Neue",Helvetica,Arial,sans-serif;position:relative;text-shadow:none;z-index:8050}.fancybox-opened.fancybox-title{visibility:visible}.fancybox-title-float-wrap{position:absolute;bottom:0;right:50%;margin-bottom:-35px;z-index:8050;text-align:center}.fancybox-title-float-wrap.child{display:inline-block;margin-right:-100%;padding:2px 20px;background:transparent;background:rgba(0,0,0,0.8); -webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px;text-shadow:0 1px 2px#222;color:#FFF;font-weight:400;line-height:24px;white-space:nowrap}.fancybox-title-outside-wrap{position:relative;margin-top:10px;color:#fff}.fancybox-title-inside-wrap{padding-top:10px}.fancybox-title-over-wrap{position:absolute;bottom:0;left:0;color:#fff;padding:10px;background:#000;background:rgba(0,0,0,.8)}@media only screen and(-webkit-min-device-pixel-ratio:1.5),only screen and(min--moz-device-pixel-ratio:1.5),only screen and(min-device-pixel-ratio:1.5){#fancybox-loading,.fancybox-prev span,.fancybox-next span{background-image:url('Scripts/fancybox/fancybox_sprite@2x.png');background-size:44px 152px}#fancybox-loading div{background-image:url('Scripts/fancybox/fancybox_loading@2x.gif');background-size:24px 24px}} .detaybg { width:100%; height:150px; background:#eeeeee; position:absolute; top:777px; z-index:-1;} #detay { width:auto; height:auto; background:none;} #detay .urunad{ width:580px; min-height:50px; margin:10px 0px; box-sizing:border-box; border-bottom:1px solid #f5f5f5;} #detay h1{ font-weight:500;} #detay .urunkod{ width:100%; height:auto; margin-top:3px;} #detay .resimler{ width:auto; height:auto; float:left; margin:0px 10px;} #detay .resimler .zoomWrapper { } #detay .resimler .kresim { width:auto; float:left; margin:10px 0px 0px 0px; background:#FFF;} #detay .resimler .kresim a{ width:auto; height:auto; float:left;} #detay .resimler .kresim img{ border:1px solid #bbbbbd; opacity:0.5; -webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease; -ms-transition: all 0.6s ease; -o-transition: all 0.6s ease; transition: all 0.6s ease; margin:0px 8px;} #detay .resimler .kresim img:hover{ opacity:1; -webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease; -ms-transition: all 0.6s ease; -o-transition: all 0.6s ease; transition: all 0.6s ease;} #detay .orta{ width:100%; height:auto; position:relative; background:#FFF; padding:0px 0px 0px 0px; box-sizing:border-box; margin-bottom:10px;} #detay .etiket_iskonto {background:url(images/icons.png?v=1) 0px -471px no-repeat; width:34px; height:47px; text-align:center; padding-top:5px; margin-right:4px; box-sizing:border-box; font-weight:600; float:left; font-size:9px; color:#000000;} #detay .etiket_iskonto span{ font-size:14px;} #detay .etiket_iskonto1 { width:69px; height:56px; margin-right:4px; padding-top:5px; background:#50b848; text-align:center; box-sizing:border-box;} #detay .e_hizli {background:url(images/icons.png?v=1) -157px -696px no-repeat; width:112px; height:33px; margin-right:10px;} #detay .e_hizli:hover {background:url(images/icons.png?v=1) 0px -696px no-repeat;} #detay .e_kargo {background:url(images/icons.png?v=1) -157px -739px no-repeat; width:105px; height:33px; margin-right:10px;} #detay .e_kargo:hover {background:url(images/icons.png?v=1) 0px -739px no-repeat;} #detay .e_teslimat1 {background:url(images/icons.png?v=1) -148px -4370px no-repeat; width:40px; height:33px; margin-right:10px;} #detay .e_teslimat {background:url(images/icons.png?v=1) -148px -4433px no-repeat; width:40px; height:33px; margin-right:10px;} #detay .e_teslimat:hover {background:url(images/icons.png?v=1) -148px -4433px no-repeat;} #detay .teslimatyazi {width:110px; height:33px; padding-top:1px; box-sizing:border-box; line-height:16px;} #detay .teslimatyazi:hover { color:#000;} #detay .stokgoster {width:132px; height:40px; border:1px solid #eaeaeb; padding:12px 0px 0px 12px; margin-top:5px; box-sizing:border-box; clear:left;} #detay .stokgoster span{ margin-left:30px;} #detay .ozet{ width:380px; height:auto; margin:10px 0px 0px 0px; max-height:300px; box-sizing:border-box; overflow:auto;} #detay .btn_tumozellikler{ background:url(images/icons.png?v=1) 10px -4513px no-repeat; width:120px; height:32px; margin:10px 0px 5px 0px; border:1px solid #bbbbbd; padding:8px 0px 0px 35px; box-sizing:border-box; text-align:left;} #detay .btn_tumozellikler:hover{ background:url(images/icons.png?v=1) 10px -4559px no-repeat; color:#343434; border:1px solid #343434;} #detay .sag{ width:200px; height:auto;} #detay .sag .fiyat{ width:100%; height:auto; position:relative;} #detay .sag .fiyat .fiyat_satis{ width:100%; height:56px; padding:10px 3px 0px 10px; box-sizing:border-box; margin-bottom:4px; font-weight:300;} #detay .sag .fiyat .fiyat_piyasa{ width:100%; height:26px; border-bottom:1px solid #f5f5f5; text-decoration:line-through; padding:5px 3px 0px 5px; box-sizing:border-box; margin-bottom:4px;} #detay .sag .fiyat .fiyat_piyasa span{ width:44px; height:auto; float:left; font-weight:300; text-decoration:none;} #detay .sag .fiyat .etiket_indirim{ width:107px; height:62px; overflow:hidden; text-align:center; background:url(images/etiket_indirim3.png) no-repeat; padding-top:15px; position:absolute; bottom:-13px; right:93px; z-index:99;} #detay .secimler{width:100%; height: 26px; border:1px solid #bbbbbd; padding:0px 0px 0px 5px; box-sizing:border-box; margin-bottom:4px;} #detay .secimler span{ width:65px; height:18px; float:left; font-weight:300; text-decoration:none; margin-top:3px; margin-right:5px; padding-top:2px; box-sizing:border-box; border-right:1px solid #eaeaeb;} #detay .secimler .select { background:#FFF; width:123px; height:24px; border:none; padding: 2px 2px 2px 2px; outline:0;} #detay .secimler .select:hover{ -moz-box-shadow: 0px 0px 3px #666; -webkit-box-shadow: 0px 0px 3px #666; box-shadow: 0px 0px 3px #666;} #detay .secimler .select:focus{ -moz-box-shadow: 0px 0px 3px #666; -webkit-box-shadow: 0px 0px 3px #666; box-shadow: 0px 0px 3px #666;} #detay .sepeteat{ width:100%; height:auto; position:relative;} #detay .sepeteat .hediyenotu{width:100%; height: auto; border:1px solid #bbbbbd; padding:5px 5px 5px 5px; box-sizing:border-box; margin-bottom:4px;} #detay .sepeteat .hediyenotu .yazi{width:100%;height: auto;} #detay .sepeteat .hediyenotu .textarea{ background:#FFF; width: 100%;height: 40px;padding: 5px; outline: none;margin-top: 5px; box-sizing:border-box; border:1px solid #dadada;} #detay .sepeteat .hediyenotu .textarea:hover{ border:1px solid #343434;} #detay .sepeteat .hediyenotu .textarea:focus{ border:1px solid #343434; -moz-box-shadow: 0px 0px 3px #666; -webkit-box-shadow: 0px 0px 3px #666; box-shadow: 0px 0px 3px #666;} #detay .sepeteat .sepeteekle{ width:100%; height:auto; position:relative;} #detay .sepeteat .bg{ width:auto; height:auto; position:absolute; top:7px; left:7px;} #detay .sepeteat .textbox { background:#fff; width:35px; height:35px; border:none; -webkit-appearance: none; -moz-appearance: none; appearance: none; padding:0; outline:0; margin:0px 0px 0px 0px; text-align:center;} #detay .sepeteat .arttir{width: 20px;height: auto; margin:0px 0px 0px 0px;} #detay .sepeteat .arti { background:url(images/icons.png?v=1) 5px -4601px no-repeat #eeeeee; width:20px; height:18px;} #detay .sepeteat .eksi { background:url(images/icons.png?v=1) 5px -4621px no-repeat #eeeeee; width:20px; height:17px;} #detay .sepeteat .btn_sepeteekle {width:100%; height:50px; margin:0px 0px 4px 0px; padding:0px 0px 0px 75px; border:none; cursor:pointer; outline:0; box-sizing:border-box; text-align:left; border-radius:5px; background: #ee494f; /* Old browsers */ background: -moz-linear-gradient(top, #ee494f 0%, #ea1b23 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #ee494f 0%,#ea1b23 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #ee494f 0%,#ea1b23 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ee494f', endColorstr='#ea1b23',GradientType=0 ); /* IE6-9 */ } #detay .sepeteat .btn_sepeteekle:hover { background: #d74046; /* Old browsers */ background: -moz-linear-gradient(top, #d74046 0%, #d0181f 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #d74046 0%,#d0181f 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #d74046 0%,#d0181f 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d74046', endColorstr='#d0181f',GradientType=0 ); /* IE6-9 */ } #detay .sepeteat .btn_hemenal {width:100%; height:50px; margin:0px 0px 10px 0px; padding:0px 0px 0px 75px; border:none; cursor:pointer; outline:0; text-align:left; box-sizing:border-box; border-radius:5px; background: url(images/icons.png?v=1) 18px -5240px no-repeat #f7f7f7; /* Old browsers */ background: url(images/icons.png?v=1) 18px -5240px no-repeat, -moz-linear-gradient(top, #f7f7f7 0%, #e7e7e7 100%); /* FF3.6-15 */ background: url(images/icons.png?v=1) 18px -5240px no-repeat, -webkit-linear-gradient(top, #f7f7f7 0%,#e7e7e7 100%); /* Chrome10-25,Safari5.1-6 */ background: url(images/icons.png?v=1) 18px -5240px no-repeat, linear-gradient(to bottom, #f7f7f7 0%,#e7e7e7 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#e7e7e7',GradientType=0 ); /* IE6-9 */ } #detay .sepeteat .btn_hemenal:hover { background: url(images/icons.png?v=1) 18px -5240px no-repeat #e8e8e8; /* Old browsers */ background: url(images/icons.png?v=1) 18px -5240px no-repeat, -moz-linear-gradient(top, #e8e8e8 0%, #d3d3d3 100%, #e7e7e7 100%); /* FF3.6-15 */ background: url(images/icons.png?v=1) 18px -5240px no-repeat, -webkit-linear-gradient(top, #e8e8e8 0%,#d3d3d3 100%,#e7e7e7 100%); /* Chrome10-25,Safari5.1-6 */ background: url(images/icons.png?v=1) 18px -5240px no-repeat, linear-gradient(to bottom, #e8e8e8 0%,#d3d3d3 100%,#e7e7e7 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8e8e8', endColorstr='#e7e7e7',GradientType=0 ); /* IE6-9 */ } #detay .sepeteat .tukendi{ background:url(images/icons.png?v=1) 15px -2042px no-repeat #f5f5f5; width:100%; height: 50px; box-sizing:border-box; padding:15px 0px 0px 60px; margin-bottom:4px;} #detay .sepeteat .btn_iletisim{width:100%; height: 50px; padding:5px 10px;cursor: pointer;outline: none;border: none; box-sizing:border-box; text-align:center; margin-bottom:10px;} #detay .sepeteat .btn_iletisim:active{-moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none;} #detay .sepeteat .btn_iletisim:hover{ color:#FFF;} #detay label.error { width:100%; height:20px; background:#ff0000; color:#fff; margin:0px 0px 4px 0px; padding:2px 0px 0px 2px; box-sizing:border-box;} #detay .reklam {width: auto;height: auto; margin:0px 0px 0px 0px; position:absolute; bottom:0px; left:400px;} #detay .paylas{ width:auto; height:auto; position:absolute; top:16px; right:0px;} #detay .paylas .item{ width:auto; height:auto; margin-right:10px;} #dtabs { width:100%; margin-top:0px; position:relative;} #dtabs ul { list-style: none; width:100%; height:auto; line-height: 12px; float:left; padding:0px 0px 0px 0px;} #dtabs li {float:left; width:auto; height:auto; text-align:center; margin:0px 0px 0px 1px;} #dtabs .ln{border-left:1px solid #8f8f8f;} #dtabs li a{width:100%; height:15px; color:#8f8f8f;} #dtabs li.ui-state-default a { height:40px; padding:15px 45px 0px 45px; box-sizing:border-box; color:#666; font-weight:400; float:left; background: #ebebeb; /* Old browsers */ } #dtabs li.ui-tabs-active a{ outline:none; background: #fff; /* Old browsers */ } #dtabs li.ui-tabs-active a{color:#000; outline:0; font-weight:400;} #dtabs li.ui-tabs-active.ui-state-hover a{ color:#000; font-weight:400; background: #f9f9f9; /* Old browsers */ } #dtabs li.ui-state-hover a{ color:#000; background: #f9f9f9; /* Old browsers */ } #dtabs li.ui-tabs-active.ui-state-hover a{ color:#343434;} #dtabs li.ui-state-hover a{ color:#343434; } #dtabs li.ui-state-focus a{ outline:0;} #dtabs .ui-tabs-panel { padding:10px; width:98%; background:#FFF;} #dtabs .ui-tabs-panel ul { list-style: inherit; width:auto; height:auto; line-height: inherit; float:none; padding:0px 0px 0px 0px;} #dtabs .ui-tabs-panel li {list-style: inherit; width:auto; height:auto; text-align:left; float:none; margin:0px 0px 0px 0px; border:none;} #dtabs .yorumlar {width: 100%;height: auto;overflow: hidden;} #dtabs .yorumlar .yorum_ust{width: 100%;height: auto;overflow: hidden; margin-bottom:10px;} #dtabs .yorumlar .yorum_ust .sol {width: 500px;height: auto;overflow: hidden; margin-right:4px;} #dtabs .yorumlar .yorum_ust .sag {width: 450px;height: auto;overflow: hidden; border-left: 1px dashed #666; padding:0px 5px;} #dtabs .yorumlar .textarea { background:#FFF; width:440px; height:60px; -webkit-appearance: none; -moz-appearance: none; appearance: none; border:1px solid #dadada; padding: 2px 5px 2px 5px; outline:0; margin-bottom:5px;} #dtabs .yorumlar .textarea:hover{ border:1px solid #343434;} #dtabs .yorumlar .textarea:focus{ border:1px solid #343434; -moz-box-shadow: 0px 0px 3px #666; -webkit-box-shadow: 0px 0px 3px #666; box-shadow: 0px 0px 3px #666;} #dtabs .yorumlar .btn_send{width:auto; height:auto; margin-bottom:3px; padding:6px 15px 5px 15px;cursor: pointer;outline: none;border: none;} #dtabs .yorumlar .btn_send:hover{ color:#FFF;} #dtabs .yorumlar .yorum {width: 99%;height: auto; margin-bottom:10px; padding:3px; border:1px dashed #ccc;} #dtabs .yorumlar .yorum .baslik {width: 99%;height: auto; background:#f5f5f5; padding:4px 5px 6px 5px;} #dtabs .yorumlar .yorum .detay {width: 99%;height: auto; padding:5px;} #detay .taksit_kredi_karti{width: 300px; height:auto; border: 1px solid #ececec; margin:0px 12px 10px 12px;} #detay .taksit_kredi_karti .ust_kkart{width: 100%;height: 45px;overflow: hidden;padding-top: 5px;background: #f7f7f7;} #detay .taksit_kredi_karti .ust_kkart .k_resim{ margin-left:5px;} #detay .taksit_kredi_karti .ust_kkart .k_resim img{ border-radius:5px; border:1px solid #e2e2e2;} #detay .taksit_kredi_karti .ust_kkart .k_ad{width: 185px;height: 30px;overflow: hidden;margin-top: 3px;margin-left: 7px;} #detay .taksit_kredi_karti .k_basliklar{width:98%;height: auto;background: #f7f7f7;padding-bottom: 5px;padding-left: 5px;} #detay .taksit_kredi_karti .k_basliklar .ay{ width:25px; height:auto; } #detay .taksit_kredi_karti .k_basliklar .taksit_tutari{ width:auto; height:auto; margin-left:20px;} #detay .taksit_kredi_karti .k_basliklar .toplam{ width:auto; height:auto; margin-left:20px;} #detay .taksit_kredi_karti .secenekler{ width:100%; height:auto; border:1px solid #ececec; border-radius:3px; margin-top:1px; margin-bottom:1px; cursor:default;} #detay .taksit_kredi_karti .secenekler:hover{ background:#000; color:#FFF} #detay .taksit_kredi_karti .secenekler:hover .ay{ background:#000; color:#FFF} #detay .taksit_kredi_karti .secenekler .ay{ width:35px; height:auto;background:#f1f0f0; padding-left:5px;padding-bottom:3px; padding:3px 0px 6px 0px} #detay .taksit_kredi_karti .secenekler .taksit_tutari{ width:100px; height:auto; margin-left:0px; text-align:right; padding:3px 0px 0px 0px;} #detay .taksit_kredi_karti .secenekler .toplam{ width:115px; height:auto; margin-left:0px; text-align:right; padding:3px 0px 0px 0px;} #detay .diger { width:100%; height:auto; display:table; position:relative; margin-top:10px;} #detay .diger .diger_baslik {width:920px;height: auto; background:#FFF; padding:5px 5px 5px 5px; margin-bottom:5px;} #detay .aciklama { width:94%; height:auto; display:table; position:relative; background:url(images/icons.png?v=1) 10px -2361px no-repeat #e7e4d9; padding:10px 10px 10px 50px} /* SEPET */ #sepet { width:auto; height:auto} #sepet .icerik { width:100%; height:auto; background:#fff; display:table;} .sepetfiltre {width:100%;height:auto;/* display:table; */display: none;padding-top:20px;} .sepetfiltre .sol { width:408px; height:auto; overflow:hidden;} .sepetfiltre .sol .baslik { width:100%; height:23px; padding:0px 0px 0px 18px; position:relative; z-index:99; box-sizing:border-box; margin-bottom:7px; font-size:14px; font-weight:600;} .sepetfiltre .sol .cizgi{ width:455px; height:11px; background: #ebebeb; /* Old browsers */ background: -moz-linear-gradient(top, #ebebeb 0%, #ebebeb 10%, #ebebeb 10%, #fff 10%, #fff 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #ebebeb 0%,#ebebeb 10%,#ebebeb 10%,#fff 10%,#fff 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #ebebeb 0%,#ebebeb 10%,#ebebeb 10%,#fff 10%,#fff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebebeb', endColorstr='#fff',GradientType=0 ); /* IE6-9 */ } .sepetfiltre .linkler { width:587px; height:auto; margin-left:5px; text-align:right; font-size:14px; font-weight:600;} .sepetfiltre .acikcizgi { width:100%; height:11px; margin-top:10px; background: #ebebeb; /* Old browsers */ background: -moz-linear-gradient(top, #ebebeb 0%, #ebebeb 10%, #ebebeb 10%, #fff 10%, #fff 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #ebebeb 0%,#ebebeb 10%,#ebebeb 10%,#fff 10%,#fff 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #ebebeb 0%,#ebebeb 10%,#ebebeb 10%,#fff 10%,#fff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebebeb', endColorstr='#fff',GradientType=0 ); /* IE6-9 */ } .sepetfiltre .acikcizgi .koyucizgi { background:#444443; width:98px; height:1px;} .sepetfiltre .acikcizgi .secim { background:#000; border:3px solid #fff; box-shadow:0px 0px 0px 1px #000; box-sizing:border-box; width:15px; height:15px; margin:-7px 0px 0px -7px;} .sepetfiltre .pasif { width:195px; height:20px; outline:0; text-align:center; color:#c0c0c0; text-align:center;} .sepetfiltre .aktif { width:195px; height:20px; outline:0; text-align:center; color:#363636; cursor:default;} .sepetfiltre .link { width:195px; height:20px; outline:0; text-align:center; color:#363636; cursor:pointer;} .sepetfiltre .link:hover { color:#000; font-weight:400;} .sepetliste .liste.tabs{float:left; width:100%;} .sepetliste .liste.tabs #kartno, .sepetliste .basliklar #borc, .sepetliste .basliklar #bakiye, .sepetliste .liste.tabs #bakiye, .sepetliste .basliklar #tarih, .sepetliste .liste.AltKisim #bakiye, .sepetliste .liste.tabs #tarih{width:126px; text-align:center;} .sepetliste .basliklar #alacak, .sepetliste .liste.tabs #komisyon, .sepetliste .liste.tabs #netTutar, .sepetliste .liste.tabs #aciklama1, .sepetliste .liste.tabs #aciklama2{width: 131px;text-align:center;box-sizing: border-box;} .sepetliste .basliklar .sutun#aciklama1, .sepetliste .liste.tabs #aciklama1{width: 130px;text-align: center;box-sizing: border-box; padding-top: 5px; padding-bottom: 7px;} .sepetliste .basliklar .sutun#aciklama2, .sepetliste .liste.tabs #aciklama2{width: 103px;text-align: center;box-sizing: border-box; padding-bottom: 14px;} .sepetliste .liste.tabs #netTutar, .sepetliste .liste.tabs #komisyon{padding-bottom:14px;} .sepetliste .basliklar #durum, .sepetliste .liste.tabs #durum{width: 48px;text-align: center; position: relative;} .sepetliste .liste.AltKisim #tarih{float:left;width: 481px !important;} .sepetliste .liste .toplamTutar{float: right; width: 492px; box-sizing: border-box;} .sepetliste .liste .toplamTutar .tutarFiyat{float:left;width: 131px;box-sizing: border-box;border-right: 1px solid #eee;text-align: center;height: 49px;line-height: 49px;font-size: 15px;font-weight: bold;} .sepetliste .liste .toplamTutar .tutarFiyat.total{width:132px;} .sepetliste { width:100%; height:auto; margin:5px 0px;} .sepetliste .basliklar{ width:100%; height:auto; background:#f5f5f5; border-top:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2;} .sepetliste .basliklar .sutunsol { width:auto; height:25px; border-left:1px solid #e2e2e2; border-right:1px solid #e2e2e2; padding:4px 0px 0px 0px;} .sepetliste .basliklar .sutun { width:auto; height:25px; border-right:1px solid #e2e2e2; padding:4px 0px 0px 0px;} .sepetliste .liste{ width:100%; height:auto; border-bottom:1px solid #e2e2e2;} .sepetliste .liste:hover{ background:#f5f5f5;} .sepetliste .liste .sutunsol { width:auto; height:35px; border-left:1px solid #e2e2e2; border-right:1px solid #e2e2e2; padding:14px 0px 0px 0px; line-height:14px;} .sepetliste .liste .sutun {width:auto;min-height: 35px;border-right:1px solid #e2e2e2;padding: 14px 0px 0px 0px;} .sepetliste .liste a:hover { color:#000;} .sepetliste .liste .aciklama { width:100%; height:auto;} .sepetliste .liste .sutun#ssevkiyat .renk{float:left;display: block;width: 15px;height: 15px;margin: 2px 10px;border: 1px solid #eee;} .sepetliste .textbox{ background:#FFF; width: 30px;height: 26px;padding: 5px;border: none;outline: none; border:1px solid #dadada; text-align:center;} .sepetliste .textbox:hover{ border:1px solid #343434;} .sepetliste .textbox:focus{ border:1px solid #343434; -moz-box-shadow: 0px 0px 3px #666; -webkit-box-shadow: 0px 0px 3px #666; box-shadow: 0px 0px 3px #666;} .sepetliste .textbox2 { background:none; width:30px; height:26px; border:none; -webkit-appearance: none; -moz-appearance: none; appearance: none; padding: 2px 5px 2px 5px; outline:0; text-align:center;} .sepetliste .textbox3{ background:#FFF; width: 500px;height: 15px;padding: 2px;border: none;outline: none; border:1px solid #dadada;} .sepetliste .textbox3:hover{ border:1px solid #343434;} .sepetliste .textbox3:focus{ border:1px solid #343434; -moz-box-shadow: 0px 0px 3px #666; -webkit-box-shadow: 0px 0px 3px #666; box-shadow: 0px 0px 3px #666;} .sepetliste .btn_sil { background:url(images/icons.png?v=1) 16px -2275px no-repeat; width:48px; height:26px; border:none; -webkit-appearance: none; -moz-appearance: none; appearance: none; outline:0;} .sepetliste .icon_hediyeceki { background:url(images/icons.png?v=1) 0px -696px no-repeat; width:39px; height:33px; margin-right:5px;} .sepetliste .icon_kargo { background:url(images/icons.png?v=1) 0px -739px no-repeat; width:39px; height:33px; margin-right:5px;} .altcizgi2 { width:100%; height:1px; border-bottom:1px solid #fff; position:relative; margin:25px 0px 5px 0px;} .altcizgi3 { width:100%; height:1px; border-bottom:1px solid #fff; position:relative; margin:25px 0px 30px 0px;} .sepettotal{ width:260px; height:40px; background:#fff; border:1px solid #afafaf; margin:-20px 0px 0px 0px; padding:4px 10px 0px 10px; box-sizing:border-box;} .sepettotal .yazi{width:90px; height:auto;} .sepettotal .fiyat{width:140px; height:auto; text-align:right; font-weight:600;} .sepettotal2{ width:183px; height:40px; background:#fff; border:1px solid #afafaf; margin:-20px 0px 0px 0px; padding:12px 10px 0px 10px; box-sizing:border-box;} .sepettotal2 .yazi{width:70px; height:auto;} .sepettotal2 .fiyat{width:85px; height:auto; text-align:right;} .sepettotal3{ width:257px; height:30px; background:#fff; border:1px solid #afafaf; margin:0px 5px 3px 0px; padding:7px 10px 0px 10px; box-sizing:border-box; clear:right;} .sepettotal3 .yazi{width:100px; height:auto;} .sepettotal3 .fiyat{width:85px; height:auto; text-align:right; margin-top:-3px;} .sepetliste2 .liste #urun, .sepetliste2 .basliklar #urun{width: 230px;} .sepetliste2 .liste #paketmiktar, .sepetliste2 .basliklar #paketmiktar{width: 110px;text-align:center;} .sepetliste2 .liste #t_iskonto, .sepetliste2 .basliklar #t_iskonto{width: 160px;text-align:center;} .sepetliste2 .liste #iskontolufiyat, .sepetliste2 .basliklar #iskontolufiyat{width: 120px;text-align:center;} .sepetliste2 .liste #iskonto, .sepetliste2 .basliklar #iskonto{width: 75px;text-align:center;} .sepetliste2 .liste #miktar, .sepetliste2 .basliklar #miktar{width: 80px;text-align:center;} .sepetliste2 .liste #birim, .sepetliste2 .basliklar #birim{width:110px;text-align: center;} .sepetliste2 .liste #toplam, .sepetliste2 .basliklar #toplam{width: 120px;text-align: center;} .sepetliste2 .liste #islem, .sepetliste2 .basliklar #islem{width: 30px;text-align:center;} .sepetliste2 .liste #paketmiktar span{margin: 0px 4px;display: block;float: left;} .sepetliste2 {width:100%;height:auto;margin: 10px 0px;} .sepetliste2 .basliklar{width:100%;height:auto;margin: 0;border-bottom: 1px solid #0b73b8;padding: 10px 0;} .sepetliste2 .basliklar .sutunsol {width:auto;height:22px;padding: 0;box-sizing:border-box;font-size: 14px;} .sepetliste2 .basliklar .sutun {width:auto;height:22px;padding: 0;box-sizing:border-box;font-size: 14px;} .sepetliste2 .liste{width:100%;height:100%;display:table;margin: 0;border-bottom: 1px solid #eee;padding: 10px 0;} .sepetliste2 .liste .sutunsol {width:auto;height:auto;padding: 0;line-height: 30px;} .sepetliste2 .liste .sutun {width:auto;height:30px;padding: 0;line-height: 30px;box-sizing:border-box;font-size:14px;} .sepetliste2 .liste .sutun div.alan{ width:100%; height:240px; display:table-cell; vertical-align:middle;} .sepetliste2 .liste .sutun div.cerceve{ display:inline-block;} .sepetliste2 .liste .aciklama { width:100%; height:auto;} .sepetliste2 .textbox{background:#FFF;width: 35px;height: 27px;padding: 5px;border: none;outline: none;border:1px solid #d4d4d4;text-align: center;box-sizing:border-box;} .sepetliste2 .textbox:hover{ border:1px solid #343434;} .sepetliste2 .textbox:focus{ border:1px solid #343434; -moz-box-shadow: 0px 0px 3px #666; -webkit-box-shadow: 0px 0px 3px #666; box-shadow: 0px 0px 3px #666;} .sepetliste2 .textbox2 { background:none; width:50px; height:27px; border:none; -webkit-appearance: none; -moz-appearance: none; appearance: none; padding:5px; outline:0; text-align:center; box-sizing:border-box;} .sepetliste2 .arttir{width: 18px;height: auto; margin:0px 0px 0px 0px; border-right:1px solid #d7d7d7; border-top:1px solid #d7d7d7; border-bottom:1px solid #d7d7d7;} .sepetliste2 .arti { background:url(images/icons.png?v=1) 4px -4604px no-repeat #fbfbfb; width:18px; height:13px;} .sepetliste2 .eksi { background:url(images/icons.png?v=1) 4px -4622px no-repeat #fbfbfb; width:18px; height:12px;} .sepetliste2 .etiket_hizli {background:url(images/icons.png?v=1) 0px -4932px no-repeat; width:49px; height:46px; margin-right:7px;} .sepetliste2 .etiket_hizli:hover {background:url(images/icons.png?v=1) 0px -4984px no-repeat;} .sepetliste2 .etiket_kargo {background:url(images/icons.png?v=1) -56px -4932px no-repeat; width:49px; height:46px; margin-right:7px;} .sepetliste2 .etiket_kargo:hover {background:url(images/icons.png?v=1) -56px -4984px no-repeat;} .sepetliste2 .etiket_teslimat {background:url(images/icons.png?v=1) -112px -4932px no-repeat; width:49px; height:46px; margin-right:7px;} .sepetliste2 .etiket_teslimat:hover {background:url(images/icons.png?v=1) -112px -4984px no-repeat;} .sepetliste2 .teslimatyazi {width:165px; height:46px; padding-top:7px; box-sizing:border-box; line-height:16px;} .sepetliste2 .icon_hediyeceki { background:url(images/icons.png?v=1) -157px -696px no-repeat; width:39px; height:33px; margin-right:5px;} .sepetliste2 .icon_kargo { background:url(images/icons.png?v=1) -157px -739px no-repeat; width:39px; height:33px; margin-right:5px;} #sepet .ustbutonlar { width:auto; height:30px; margin:-20px 0px 0px 430px;} #sepet .btn_guncelle{width:150px; height:40px; margin-right:5px; cursor: pointer;outline: none;border: none; text-align:center; box-sizing:border-box;} #sepet .btn_bosalt{ width:150px; height:40px; padding:9px 0px 0px 0px;cursor: pointer;outline: none;border: none; text-align:center; box-sizing:border-box;} #sepet .btn_satinal{ width:257px; height:50px; margin:5px 0px 0px 0px; padding-top:15px;cursor: pointer;outline: none;border: none; text-align:center; box-sizing:border-box;} #sepet .btn_satinal:hover{ color:#FFF;} #sepet .btn_geri{ width:257px; height:50px; margin:5px 0px 10px 0px; padding-top:15px;cursor: pointer;outline: none;border: none; text-align:center; box-sizing:border-box;} #sepet .btn_geri:hover{ } #sepet .altyazi { width:700px; height:30px; margin:5px 5px 5px 5px; margin-left:10px;} #sepet .altbutonlar { width:260px; height:auto; margin-top:20px;} #sepet .sepetbos { background:url(images/icons.png?v=1) 0px -4659px no-repeat; width:600px; height:120px; margin:100px 0px 130px 300px; padding:30px 0px 0px 170px; box-sizing:border-box; text-align:left;} #sepet .altcizgi { width:100%; height:1px; border-bottom:1px solid #9a9a9a; position:relative; margin-bottom:100px;} #sepet .altcizgi .buton { background:#FFF; width:257px; height:48px; border:1px solid #afafaf; position:absolute; left:472px; top:-23px; padding:13px 0px 0px 0px; box-sizing:border-box; text-align:center;} #sepet .altcizgi .buton:hover { background:#343434; border:1px solid #343434; color:#fff;} #uyari {width: 100%; background:#16da00; padding: 5px 0px 5px 10px; margin:5px 0px; border:1px dashed #fff; box-sizing:border-box; color:#fff; font-size:14px;} #hata {width: 100%; background:#ff0000; padding: 5px 0px 5px 10px; margin:5px 0px; border:1px dashed #fff; box-sizing:border-box; color:#fff; font-size:14px;} /* ODEME */ #odeme {/* width:auto; */height:auto;} #odeme .notBilgi{width:100%;text-align:center;margin: 40px 0;} #odeme .notBilgi span{font-size: 20px;} #odeme .icerik { width:100%; height:auto; display:table;} #odeme .icerik #odemeajax{float:left; width:100%; margin-top:20px;} #bilgiler { width:100%; height:auto;display:table;} #odeme .card-wrapper .kkart{display:block;width:100%;position:absolute;top: 0;z-index: 99;} #odeme .card-wrapper .kkart .bankalogo{float:left;margin: 5px 20px;} #odeme .card-wrapper .kkart .markalogo{float:right; margin:5px 20px;} #odeme .card-wrapper{float:left;margin-top: 90px;position: relative;} /*taksit*/ .taksitTablosu .taksitBaslik{width: 100%;float: left;margin-bottom: -1px;} .taksitTablosu.Active{display:block;} .taksitTablosu{max-width: 1200px !important;float:none;/* display: none; */} .taksitTablosu .list .bankaTaksit:hover{background: #f5f5f5;} .taksitTablosu .list{width: 100%;float:left;box-sizing: border-box;padding: 0;margin: 0;} .taksitTablosu .taksitBaslik .bankaAdi span{display:block;width:100%;font-size: 15px;font-weight: bold;} .taksitTablosu .taksitBaslik .bankaAdi, .taksitTablosu .list .bankaAdi{float:left;border: 1px solid #eee;text-align: center;box-sizing: border-box;padding: 0;width: 12%;height: 45px;line-height: 45px;} .taksitTablosu .list .bankaAdi span{width:100%;float:left;text-align: center;font-weight: bold;} .taksitTablosu .taksitBaslik .bankaTaksit span{font-size: 13px;float: left;display: block;width: 100%;padding: 4px 2px;} .taksitTablosu .taksitBaslik .bankaTaksit span img{max-width: 80%;} #hesabim .taksitTablosu .list .bankaTaksit span{line-height: 36px;} .taksitTablosu .list .bankaTaksit span{display:block;width:100%;font-size: 15px;font-weight: bold;} .taksitTablosu .list .bankaTaksit span font{font-size:12px;font-weight: bold;margin-left: 5px;color: #8c8c8c;} .taksitTablosu .list .bankaTaksit span.ToplamTutar{font-weight: normal;color: #000;font-size: 13px;line-height: 11px;} .taksitTablosu .taksitBaslik .bankaTaksit, .taksitTablosu .list .bankaTaksit{width: 11%;float:left;box-sizing: border-box;padding: 2px;border: 1px solid #eee;text-align: center;height: 45px;} .taksitTablosu .list .bankaTaksit{padding: 3px 2px;} /*taksit*/ #odeme .taksitSecenekleri:hover span{color:#FFF;} #odeme .taksitSecenekleri:hover{background:#199e3c;} #odeme .taksitSecenekleri{float: right;display: block;clear: both;border: 1px solid #199e3c;padding: 10px 50px;margin: 10px 0;-webkit-transition: all .20s ease-in;-moz-transition: all .20s ease-in;-o-transition: all .20s ease-in;transition: all .20s ease-in;outline: none;border-radius: 10px;} #odeme .taksitSecenekleri span{font-size: 15px;color: #047522;-webkit-transition: all .20s ease-in;-moz-transition: all .20s ease-in;-o-transition: all .20s ease-in;transition: all .20s ease-in;} #odeme .formhata span{float:left;width:100%;box-sizing: border-box;padding: 10px;text-align: center;background: #e20909;color: #FFF;font-size: 15px;} #odeme .form-container.active{float:right;margin-top: 40px;border: 1px solid #eee;background: #f8f8f8;border-radius: 10px;overflow: hidden;width: 50%;padding-bottom: 20px;margin-bottom: 0;} #odeme .form-container.active .baslik{width:100%;background: #FFF;float: left;} #odeme .form-container.active .baslik span{float:left;line-height: normal;color: #424141;font-size: 15px;padding: 10px;font-weight: bold;letter-spacing: 1px;} #odeme .grup { width:980px; height:auto; margin:5px 0px 5px 0px; padding:10px 10px; line-height:16px;} #odeme .grupwr {width:100%;height:auto;text-align:center;background: #f7f7f7;margin-bottom: 10px;} #odeme .grupwr .btn_sepetguncelle{background:url(images/icons.png?v=1) 0px -5400px no-repeat;width:auto;height:auto;margin: 10px 0;padding: 0px 0px 0px 30px;cursor:pointer;color:#454545;} #odeme .grupwr .btn_sepetguncelle2{ background:url(images/icons.png?v=1) 0px -5400px no-repeat;} #odeme .grupwr .btn_ajaxdegistir{background:url(images/icons.png?v=1) 0px -5400px no-repeat;width:auto;height:auto;margin:7px 0px 0px 0px;padding:1px 0px 4px 30px;cursor:pointer;outline: none;border: none;box-sizing:border-box;text-align:left;font-weight: bold;} #odeme .grupwr .baslik{width:auto;height:auto;margin: 0px;color:#333;background: none;line-height: 40px;} #odeme .grupcizgi { width:0px; height:1px; border-bottom:1px solid #9a9a9a; position:relative; margin:29px 0px 27px 0px;} #odeme .blok_wr {width:100%;height: auto; text-align:center;} #odeme .blok {width:47%;height: auto; min-height:220px; margin:10px 1%; padding:0; box-shadow:0px 0px 5px #ccc; box-sizing:border-box; background:#f8f8f8; border-radius:5px; display:inline-block;} #odeme .anagrup {width:100%;height: 40px;text-align: left;padding: 0 10px;margin: 0;border-bottom:1px solid #eee;box-sizing:border-box;/* background:#fff; */position:relative;border-top-left-radius:5px;border-top-right-radius:5px;font-weight:bold;} #odeme .anagrup .ustlink{ position:absolute; right:10px; top:5px; color:#fff; background:#333; border-radius:5px; padding:6px 10px; font-weight:400;} #odeme .anagrup2 {width:100%;height: 40px;text-align: left;padding: 0 10px;margin: 0;border-bottom:1px solid #eee;box-sizing:border-box;/* background:#fff; */position:relative;border-top-left-radius:5px;border-top-right-radius:5px;font-weight:bold;text-align:center;} #odeme .hediyeceki { width:100%; height:auto;} #odeme .hediyeceki select{margin-top: 10px; width:250px; height:27px;} #odeme .hediyeceki .btn_kullan{margin-top: 10px; margin-left:5px; padding:5px 10px 6px 10px;cursor: pointer;outline: none;border: none;} #odeme .hediyeceki .btn_kullan:hover{ color:#666;} #odeme .hediyeceki span{margin-top: 14px;} #odeme .fatura .taksitlistesi .filterVade{clear: both;width: auto;margin: 0;display: inline-block;} #odeme .fatura .taksitlistesi .filterVade .checkbox3 a{float:left;cursor: pointer;padding: 15px;color: #000;font-size: 17px;} #odeme .fatura .taksitlistesi .filterVade .checkbox3.Active, #odeme .fatura .taksitlistesi .filterVade .checkbox3:hover{background: #f4f9ff;border: 1px dashed #78f31c;} #odeme .fatura .taksitlistesi .filterVade .checkbox3{float:left;border: 1px dashed #c9f5a8;margin: 10px 20px 10px 0px;padding: 0;border-radius: 10px;cursor: pointer;position: relative;} #odeme .fatura .taksitlistesi .filterVade .checkbox3.Active:before{content:'';position: absolute;background: url('images/sucsess.jpg') no-repeat center;display: block;width: 50px;height: 50px;top: -25px;right: -25px;} #odeme .fatura .taksitlistesi{width:100%; float:left;} #odeme .fatura .selectBox{margin:0px 10px 0px 0px;float: left;position: relative;} #odeme #kartsec .fatura .textBox{margin-right:10px} #odeme #kartsec .fatura .textarea {width: 60%;margin: 0;float: right;} #odeme .fatura {width: 100%;height:auto;margin: 30px 10px;float: left;} #odeme .fatura .satir {width: 100%;height:auto;position:relative;float: left;margin-bottom: 5px;} #odeme .fatura .yazi{ width:130px; height:auto;} #odeme .fatura .sag{ width:282px;height:auto;} #odeme .fatura .sag2{ width:700px;height:auto;} #odeme .fatura .sag3{ width:700px;height:auto;} #odeme .fatura .sag4{ width:700px;height:auto;} #odeme .fatura .sag5{ width:100%;height:auto; padding-top:3px;} #odeme .fatura .textbox{ background:#FFF; width: 270px;height: 26px; -webkit-appearance: none; -moz-appearance: none; appearance: none;outline: 0; border:1px solid #dadada; padding: 2px 5px 2px 5px; outline:0; margin-bottom:5px;} #odeme .fatura .textbox:hover{ border:1px solid #343434;} #odeme .fatura .textbox:focus{ border:1px solid #343434; -moz-box-shadow: 0px 0px 3px #666; -webkit-box-shadow: 0px 0px 3px #666; box-shadow: 0px 0px 3px #666;} #odeme .fatura .textarea { background:#FFF; width:270px; height:60px; -webkit-appearance: none; -moz-appearance: none; appearance: none; border:1px solid #dadada; padding: 2px 5px 2px 5px; outline:0; margin-bottom:5px;} #odeme .fatura .textarea:hover{ border:1px solid #343434;} #odeme .fatura .textarea:focus{ border:1px solid #343434; -moz-box-shadow: 0px 0px 3px #666; -webkit-box-shadow: 0px 0px 3px #666; box-shadow: 0px 0px 3px #666;} #odeme .fatura .selectTur{width: 56% !important;} #odeme .fatura .select {background:#FFF;width: 430px;height:29px;border:1px solid #dadada;padding: 2px 2px 2px 2px;outline:0;margin-right:2px;} #odeme .fatura .select:hover{ border:1px solid #343434;} #odeme .fatura .select:focus{ border:1px solid #343434; -moz-box-shadow: 0px 0px 3px #666; -webkit-box-shadow: 0px 0px 3px #666; box-shadow: 0px 0px 3px #666;} #odeme input[type='radio'] { width:1.5em; height:1.5em; margin:0px 0px 0px 0px; float:left;} #odeme label span { width:auto; height:auto; padding:3px 15px 0px 5px; float:left;} #odeme .fatura .select2 {width: 49%;} #odeme #adres1 {width: 100%;float:left;} #odeme #adres2 { width:500px; float:left;} #odeme .btn_devamet{ width:260px; height:50px; margin:10px 0px 10px 740px; padding:0px;cursor: pointer;outline: none;border: none; box-sizing:border-box;} #odeme .btn_devamet:hover{ color:#fff;} #odeme .kargoyazi{width:100%; height:auto; margin:0px 0px 0px 0px; padding:15px 0px 10px 15px; border-bottom:1px solid #c2c2c2; box-sizing:border-box;} #odeme .siparisnotu{width: 95%;height:100px;margin:0px 0px 0px 0px;padding:10px 10px 10px 10px;border-left:1px solid #c2c2c2;border-bottom:1px solid #c2c2c2;box-sizing:border-box;position: relative;} #odeme .siparisnotu .icon{background: url(images/labels.png) 0px 0px no-repeat; width:20px; height:89px; position:absolute; bottom:-1px; right:-20px;} #odeme .siparisnotu .textarea { width:100%; height:80px; border:none; margin:0; padding:0; -webkit-appearance: none; -moz-appearance: none; appearance: none; outline:0; resize:none; background:none;} #odeme .sevktarih .textbox{ background:#FFF; width: 100%;height: 26px; -webkit-appearance: none; -moz-appearance: none; appearance: none;outline: 0; border:1px solid #dadada; padding: 2px 5px 2px 5px; outline:0; margin-bottom:5px;} #odeme .sevktarih .textbox:hover{ border:1px solid #343434;} #odeme .sevktarih .textbox:focus{ border:1px solid #343434; -moz-box-shadow: 0px 0px 3px #666; -webkit-box-shadow: 0px 0px 3px #666; box-shadow: 0px 0px 3px #666;} #odeme .kargo{width:500px;height:auto;margin:5px 0px;display: none;} #odeme .kargo .resim{width:140px; height:auto;} #odeme .kargo .fiyat{width:190px; height:auto; padding:10px 0px 0px 0px; text-align:right;} #odeme .kargo .secim{width:95px; height:auto; padding:11px 0px 0px 75px;} #odeme #odememiktar { margin:20px 0px 20px 215px;} #odeme #odemekart { position:relative;width:785px; padding:10px 0px; margin-left:215px;} #odeme .kartbilgi { width:100%; height:auto; margin:1px 10px 0px 0px; padding:10px; box-sizing:border-box;} #odeme .satir {width:100%; height:auto; position:relative;} #odeme .kartbilgi .yazi{ width:35%; height:auto; margin-top:5px; text-align:left;} #odeme .kartbilgi .sag{ width:65%;height:30px; margin-bottom:5px;} #odeme .kartbilgi .sag2{ width:65%;height:auto; margin-bottom:5px;} #odeme .kartbilgi .textbox{ background:#FFF; width: 65%;height: 30px; -webkit-appearance: none; -moz-appearance: none; appearance: none;outline: 0; border:1px solid #dadada; padding: 2px 5px 2px 5px; outline:0; margin-bottom:5px; box-sizing:border-box;} #odeme .kartbilgi .textbox:hover{ border:1px solid #343434;} #odeme .kartbilgi .textbox:focus{ border:1px solid #343434; -moz-box-shadow: 0px 0px 3px #666; -webkit-box-shadow: 0px 0px 3px #666; box-shadow: 0px 0px 3px #666;} #odeme .kartbilgi .select { background:#FFF; width:49%; height:30px; border:1px solid #dadada; padding: 2px 2px 2px 2px; outline:0; margin-right:2%; box-sizing:border-box;} #odeme .kartbilgi .select:hover{ border:1px solid #343434;} #odeme .kartbilgi .select:focus{ border:1px solid #343434; -moz-box-shadow: 0px 0px 3px #666; -webkit-box-shadow: 0px 0px 3px #666; box-shadow: 0px 0px 3px #666;} #odeme .kartbilgi .select2 { background:#FFF; width:65%; height:30px; border:1px solid #dadada; padding: 2px 2px 2px 2px; outline:0; margin-bottom:5px; box-sizing:border-box;} #odeme .kartbilgi .select2:hover{ border:1px solid #343434;} #odeme .kartbilgi .select2:focus{ border:1px solid #343434; -moz-box-shadow: 0px 0px 3px #666; -webkit-box-shadow: 0px 0px 3px #666; box-shadow: 0px 0px 3px #666;} #odeme .form-container.active .inputBox.security label, #odeme .form-container.active .inputBox.security input#secure{margin: 10px 10px 0px 0px;} #odeme .form-container.active .inputBox label{float: right;margin: 18px 10px 0px 0;font-size: 16px;cursor: pointer;width: 68%;font-weight: bold;} #odeme .form-container.active .inputBox{float:left; width:100%;} #odeme .form-container.active .inputBox span{float: left;width: 25%;font-size: 12px;line-height: 15px;height: 50px;box-sizing: border-box;display: flex;justify-content:center;padding: 5px;align-items:center;text-align: center;} #odeme .form-container.active .inputBox font{display: contents;float: left;width: 100%;} #odeme .form-container.active .inputBox input{height: 50px;width: 75%;margin: 0;padding: 0;box-sizing: border-box;outline: none;border-bottom: 1px dashed #ccc !important;border: 0;background: no-repeat;font-size: 16px;letter-spacing: 3px;font-weight: bold;} #odeme .form-container.active .inputBox input#secure, #odeme .form-container.active .inputBox input#komisyon{float: right;width: 20px;margin: 20px 10px 0px 0px;cursor: pointer;height: 20px;} #odeme .form-container.active .inputBox input.onay{float: right;width: 20px;margin: 20px 10px 0px 0px;cursor: pointer;height: 20px;} #odeme .taksitlerim{display: inline-block; width: 100%;} #odeme .taksitSecenekler{margin: 20px 0 0 0;display: inline-block;width: 100%;float: left;min-width: auto;text-align: center;} #odeme .taksitSecenekler .taksitler{float:left;width: 140px;height: 100px;margin: 10px;border: 1px solid #eee;border-radius: 10px;box-sizing: border-box;cursor: pointer;position: relative;} #odeme .taksitSecenekler .taksitler .baslik{width: 100%;background: #FFF;text-align: center;float: left;box-sizing: border-box;border-bottom: 1px solid #eee;border-radius: 10px 10px 0px 0px;} #odeme .taksitSecenekler .taksitler .baslik span{color: #000;font-size: 14px;display: block;width: 100%;margin: 0;padding: 0;line-height: 30px;font-weight: normal;} #odeme .taksitSecenekler .taksitler .fiyat{float: left;font-size: 12px;width: 100%;line-height: 15px;height: 67px;box-sizing: border-box;display: flex;justify-content: center;padding: 5px;align-items: center;text-align: center;} #odeme .taksitSecenekler .taksitler .fiyat span{font-weight: normal;color: #373737;font-size: 12px;} #odeme .taksitSecenekler .taksitler .fiyat .fiyatlar{display: inline-block;} #odeme .taksitSecenekler .taksitler .fiyat .fiyatlar strong{font-size: 18px;display: block;} #odeme .taksitSecenekler .taksitler .fiyat .fiyatlar font{font-size: 12px;padding: 0 5px;color: #868686;} #odeme .taksitSecenekler .taksitler.Active{border:2px dashed #4CAF50;} #odeme .taksitSecenekler .taksitler.Active .baslik{border-bottom:2px dashed #4CAF50;} #odeme .taksitSecenekler .taksitler.Active span{color:#000; font-weight:400;} #odeme .taksitSecenekler .taksitler.Active:before{content:'';background: url(images/sucsess.jpg) no-repeat center;display: block;width: 20px;height: 20px;top: -10px;right: -10px;position: absolute;background-size: 100%;} #odeme .kredikartiToplam{width: 300px;float: none;margin: 30px auto 50px auto;text-align: center;} #odeme .kredikartiToplam span{font-size: 18px;color: #373737;display: block;width: 100%;font-weight: bold;} #odeme .kredikartiToplam strong span{font-size: 36px;font-weight: bold;} #odeme .kredikartiToplam strong{font-size: 36px;font-weight: bold;} .eksikBilgiler .bilgiButon input[type=submit], #odeme .kredikartiToplam input[type=submit]{width: 100%;margin: 10px 0;background: #0b73b8;font-size: 20px;color: #FFF;font-weight: 600;border: 0;cursor: pointer;box-sizing: border-box;padding: 13px;border-radius: 10px;outline: none;} .eksikBilgiler .bilgiButon input[type=submit]#onayla{background:#8bb2d8; color:#000;} .eksikBilgiler .bilgiButon input[type=submit]#onayla:hover{background:#0b73b8; color:#FFF;} #odeme .step1 {float: left; width: 35%;} #odeme .step2 {float: left; width: 32%; min-height: 300px; margin-top: 22px;} #odeme .step3 {float: right; margin-top: 40px;} #odeme .step4 {float: right; margin-top: 40px;} #odeme .taksitSecenekler .taksitler2{float:left;width: 96%;margin: 0 3%;padding:3px 0px;border-left: 1px solid #eee;border-right: 1px solid #eee;border-bottom: 1px solid #eee;box-sizing: border-box;cursor: pointer;position: relative;} #odeme .taksitSecenekler .taksitler2.brd{border-top: 1px solid #eee;} #odeme .taksitSecenekler .taksitler2 .baslik{width: 35%;background: #FFF;text-align: left;float: left;box-sizing: border-box; padding-left: 35px;} #odeme .taksitSecenekler .taksitler2 .baslik span{color: #000;font-size: 12px;display: block;width: 100%;margin: 0;padding: 0;line-height: 25px;font-weight: normal;} #odeme .taksitSecenekler .taksitler2 .fiyat{float: left;font-size: 12px;width: 65%;line-height: 15px;box-sizing: border-box;padding: 5px;} #odeme .taksitSecenekler .taksitler2 .fiyat span{font-weight: 500;color: #373737;font-size: 12px; float: left;} #odeme .taksitSecenekler .taksitler2 .fiyat .fiyatlar{display: inline-block; width: 100%;} #odeme .taksitSecenekler .taksitler2 .fiyat .fiyatlar strong{font-size: 12px;display: block; float: right;} #odeme .taksitSecenekler .taksitler2 .fiyat .fiyatlar font{font-size: 12px;padding: 0 5px;color: #868686;} #odeme .taksitSecenekler .taksitler2.Active{} #odeme .taksitSecenekler .taksitler2.Active .baslik{} #odeme .taksitSecenekler .taksitler2.Active span{color:#000; font-weight:400;} #odeme .taksitSecenekler .taksitler2:before{content:'';background: #fff;display: block;width: 20px;height: 20px;top: 5px;left: 5px;position: absolute;border-radius: 50%; border: 1px solid #ccc;} #odeme .taksitSecenekler .taksitler2.Active:before{content:'';background: url(images/sucsess.jpg) no-repeat center;display: block;width: 20px;height: 20px;top: 5px;left: 5px;position: absolute;background-size: 100%;} .yazdirma{} .yazdirma .yazdirUst{width: 100%;float: left;} .yazdirma .yazdirUst .logo{float: left;} .yazdirma .yazdirUst .sagAlan{float:right;box-sizing: border-box;padding: 10px;} .yazdirma .yazdirUst .baslik{float: right;background: no-repeat;} .yazdirma .yazdirUst .baslik span{color: #333;font-size: 30px;padding: 0;margin: 0;} .yazdirma .yazdirUst .sirano{float: right;clear: both;} .yazdirma .yazdirUst .sirano span{} .yazdirma .yazdirUst .sirano strong{} .yazdirma .yazdirForm{float: left;width: 100%;box-sizing: border-box;/* border: 1px solid #000; */} .yazdirma .yazdirForm .siparisTarih .siparis{float:left;} .yazdirma .yazdirForm .siparisTarih .sevk{float:right;} .yazdirma .yazdirForm .siparisTarih{width: 100%;border: 1px solid #ddd;box-sizing: border-box;padding: 10px;float:left;} .yazdirma .yazdirForm .siparisTarih span{} .yazdirma .yazdirForm .siparisTarih .sevk strong{display: block;float: right;width: 160px;height: 15px;} .yazdirma .yazdirForm .bayiBilgileri{float: left;width: 100%;} .yazdirma .yazdirForm .bayiBilgileri .adresBilgiler{display: block;width: 100%;float: left;box-sizing: border-box;padding: 10px;border: 1px solid #ddd;margin: -1px 0 0px 0;} .yazdirma .yazdirForm .bayiBilgileri .adresBilgiler span{display: block;} .yazdirma .yazdirForm .bayiBilgileri .adresBilgiler strong{display: block;width: 100%;height: auto;padding: 0px 0;font-size: 14px;margin: 5px 0;} .yazdirma .yazdirForm .iletisimBilgiler{float: left;width: 100%;box-sizing: border-box;border: 1px solid #ddd;margin: -1px 0 0px 0;} .yazdirma .yazdirForm .iletisimBilgiler .alan{float: left;width: 25%;box-sizing: border-box;padding: 5px 10px;} .yazdirma .yazdirForm .iletisimBilgiler .alan strong{padding:0px 10px 0px 0px; display:block; float:left;} .yazdirma .yazdirForm .iletisimBilgiler .alan span{} .yazdirma .yazdirForm .bayiBilgileri .urunler{float: left;width: 100%;} .yazdirma .yazdirForm .bayiBilgileri .urunler .basliklar{float: left;width: 100%;} .yazdirma .yazdirForm .bayiBilgileri .urunler table{width: 100%;padding: 0;border-collapse: collapse;margin: -1px 0 0 0;border: 1px solid #ddd;} .yazdirma .yazdirForm .bayiBilgileri .urunler .basliklar table td{text-align:center;} .yazdirma .yazdirForm .bayiBilgileri .urunler table td{padding: 10px;margin: 0;box-sizing: border-box;font-size: 15px;} .yazdirma .yazdirForm .bayiBilgileri .urunler table .urunAd{width: 31%;line-height: 16px;} .yazdirma .yazdirForm .bayiBilgileri .urunler table .birim_fiyat, .yazdirma .yazdirForm .bayiBilgileri .urunler table .iskonto, .yazdirma .yazdirForm .bayiBilgileri .urunler table .tonaj, .yazdirma .yazdirForm .bayiBilgileri .urunler table .miktar{width: 9%;text-align: center;} .yazdirma .yazdirForm .bayiBilgileri .urunler table .tutar{width: 12%;text-align: center;} .yazdirma .yazdirForm .bayiBilgileri .urunler table .cins{width: 10%;text-align: center;} .yazdirma .yazdirForm .bayiBilgileri .urunler table .fiyat{width: 25%;} .yazdirma .yazdirForm .bayiBilgileri .urunler .urunliste{padding: 0;border-radius: 0;background: no-repeat;} .yazdirma .yazdirForm .bayiBilgileri .urunler .sevkAdresi{border-right:0 !important;} .yazdirma .yazdirForm .bayiBilgileri .sevkBilgileri{float: left;width: 100%;margin-bottom: 10px;} .yazdirma .yazdirForm .bayiBilgileri .sevkBilgileri .iskontolar{float:left;width: 100%;box-sizing: border-box;padding: 0;margin-top: 20px;position: relative;} .yazdirma .yazdirForm .bayiBilgileri .sevkBilgileri .odemeler .baslik, .yazdirma .yazdirForm .bayiBilgileri .sevkBilgileri .vadeler .baslik, .yazdirma .yazdirForm .bayiBilgileri .sevkBilgileri .onaylar .bolge .baslik, .yazdirma .yazdirForm .bayiBilgileri .sevkBilgileri .onaylar .bayi .baslik, .yazdirma .yazdirForm .bayiBilgileri .sevkBilgileri .iskontolar .baslik{float:left;position: relative;background: #FFF;border: 1px solid #ddd;box-sizing: border-box;padding: 5px 20px;border-bottom: 0;z-index: 9;} .yazdirma .yazdirForm .bayiBilgileri .sevkBilgileri .odemeler .baslik strong, .yazdirma .yazdirForm .bayiBilgileri .sevkBilgileri .vadeler .baslik strong, .yazdirma .yazdirForm .bayiBilgileri .sevkBilgileri .onaylar .bolge .baslik strong, .yazdirma .yazdirForm .bayiBilgileri .sevkBilgileri .onaylar .bayi .baslik strong, .yazdirma .yazdirForm .bayiBilgileri .sevkBilgileri .iskontolar .baslik strong{float:left;width: 100%;} .yazdirma .yazdirForm .bayiBilgileri .sevkBilgileri .icerik{float:left;width: 100%;margin: -1px 0 0 0;border: 1px solid #ddd;padding: 10px;box-sizing: border-box;} .yazdirma .yazdirForm .bayiBilgileri .sevkBilgileri .iskontolar .icerik .iskontoIcerik{float:left;width: 50%;padding: 10px 0;} .yazdirma .yazdirForm .bayiBilgileri .sevkBilgileri .iskontolar .icerik .iskontoIcerik strong{float:left;width: auto;font-weight: 600;border-right: 1px solid #ddd;padding-right: 10px;} .yazdirma .yazdirForm .bayiBilgileri .sevkBilgileri .iskontolar .icerik .iskontoIcerik span{float:left;width: auto;margin-left: 10px;} .yazdirma .yazdirForm .bayiBilgileri .sevkBilgileri .iskontolar .icerik .bilgi{float:left;width: 100%;font-size: 13px;text-align: center;border-top: 1px solid #ddd;box-sizing: border-box;padding: 5px 0;} .yazdirma .yazdirForm .bayiBilgileri .sevkBilgileri .vadeler{float:left;width: 49%;position: relative;margin: 20px 1% 0px 0px;} .yazdirma .yazdirForm .bayiBilgileri .sevkBilgileri .vadeler .ustliste{float:left;width: 100%;} .yazdirma .yazdirForm .bayiBilgileri .sevkBilgileri .vadeler .ustliste span{float:left;width: 16.6%;display: block;text-align: center;} .yazdirma .yazdirForm .bayiBilgileri .sevkBilgileri .vadeler .ustliste span.diger{float:left;/* width: 25%; */text-align: center;} .yazdirma .yazdirForm .bayiBilgileri .sevkBilgileri .vadeler .altliste{float:left;width: 100%;border-top: 1px solid #ddd;margin: 5px 0 0 0;padding: 10px 0 0 0;} .yazdirma .yazdirForm .bayiBilgileri .sevkBilgileri .vadeler .altliste span{float: left;width: 16.6%;display: block;text-align: center;border-right: 1px solid #ddd;box-sizing: border-box;font-size: 16px;height: 23px; font-weight: bold;} .yazdirma .yazdirForm .bayiBilgileri .sevkBilgileri .vadeler .altliste span.diger{float:left;/* width: 25%; */border: 0;} .yazdirma .yazdirForm .bayiBilgileri .sevkBilgileri .odemeler{float:left;width: 50%;position: relative;padding: 0;margin-top: 20px;} .yazdirma .yazdirForm .bayiBilgileri .sevkBilgileri .odemeler .list{float:left;width: 20%;margin: 0;text-align: center;} .yazdirma .yazdirForm .bayiBilgileri .sevkBilgileri .odemeler .list span{float:left;width: 100%;font-size: 15px;} .yazdirma .yazdirForm .bayiBilgileri .sevkBilgileri .odemeler .list:after{content:'';display: inline-block;width: 15px;height: 15px;border: 1px solid #ddd;clear: both;margin: 13px 0 10px 0;} .yazdirma .yazdirForm .bayiBilgileri .sevkBilgileri .odemeler .list.Active:after{background: #000; content: 'X'; font-weight: bold; line-height: 14px;} .yazdirma .yazdirForm .bayiBilgileri .sevkBilgileri .onaylar{float:left;width: 100%;position: relative;margin-top: 20px;} .yazdirma .yazdirForm .bayiBilgileri .sevkBilgileri .onaylar .bayi{margin: 0 !important;float: right !important;width: 50% !important;padding: 0;} .yazdirma .yazdirForm .bayiBilgileri .sevkBilgileri .onaylar .bolge{float:left;width: 49%;position: relative;padding: 0;margin: 0px 1% 0px 0px;} .yazdirma .yazdirForm .bayiBilgileri .sevkBilgileri .onaylar .bayi .alan, .yazdirma .yazdirForm .bayiBilgileri .sevkBilgileri .onaylar .bolge span{float:left;width: 50%;height: 45px;margin-bottom: 70px;text-align: center;display: block;} .yazdirma .yazdirForm .bayiBilgileri .sevkBilgileri .onaylar .bayi .alan span{display: block;width: 100%;} .yazdirma .yazdirForm .bayiBilgileri .sevkBilgileri .onaylar .bayi .alan font{font-size:13px;} .yazdirma .yazdirForm .bayiBilgileri .sevkBilgileri .sevkAdresi{float:left;width: 49%;border: 1px solid #ddd;box-sizing: border-box;padding: 10px;height: 160px;margin-top: 60px;position: relative;} .yazdirma .yazdirForm .bayiBilgileri .sevkBilgileri .sevkAdresi strong{float: left;position: absolute;background: #FFF;border: 1px solid #ddd;box-sizing: border-box;padding: 5px 20px;border-bottom: 0;z-index: 9;top: -35px;left: -1px;} .yazdirma .yazdirForm .bayiBilgileri .sevkBilgileri .notAciklama{float: right;width: 50%;border: 1px solid #ddd;box-sizing: border-box;height: 160px;margin-top: 60px;position: relative;padding: 10px;} .yazdirma .yazdirForm .bayiBilgileri .sevkBilgileri .notAciklama strong{float: left;position: absolute;background: #FFF;border: 1px solid #ddd;box-sizing: border-box;padding: 5px 20px;border-bottom: 0;z-index: 9;top: -35px;left: -1px;} #utabs li.ui-state-default a { background: url(images/icons.png?v=1) 0px -5204px no-repeat; height:40px; padding:16px 35px 0px 35px; box-sizing:border-box; color:#919191; font-weight:400; float:left;} #utabs li.ui-tabs-active a{background: url(images/icons.png?v=1) 0px -5167px no-repeat; color:#363636; outline:0; font-weight:400;} #utabs li.ui-tabs-active.ui-state-hover a{ color:#363636;} #utabs li.ui-state-hover a{ background: url(images/icons.png?v=1) 0px -5167px no-repeat; color:#343434;} #ptabs {width:835px;position:relative; border:none; padding: 0;} #ptabs ul { list-style: none; width:100%; height:auto; line-height: 12px; float:left; padding:0px 0px 0px 0px; border:none; background: #f7f7f7; /* Old browsers */} #ptabs li {float:left;width:auto;height:auto;text-align:center;margin: 0px 0px 0px 10px; padding: 0; border:none; background: none;} #ptabs .ln{border-left:1px solid #8f8f8f;} #ptabs li a{width:100%; height:15px; color:#8f8f8f;} #ptabs li.ui-state-default a { height:40px; padding:16px 20px 0px 30px; box-sizing:border-box; color:#333; font-weight:400; float:left; background: url(images/icons.png?v=1) 0px -5336px no-repeat;} #ptabs li.ui-tabs-active a{ outline:none; color:#000; outline:0; font-weight:400; background: url(images/icons.png?v=1) 0px -5294px no-repeat;} #ptabs li.ui-state-hover a{ color:#000; background: url(images/icons.png?v=1) 0px -5294px no-repeat;} #ptabs li.ui-tabs-active.ui-state-hover a{ color:#000;} #ptabs li.ui-state-hover a{ color:#000; } #ptabs li.ui-state-focus a{ outline:0;} #ptabs .ui-tabs-panel { padding:10px 0px; width:100%;} #ptabs #tabs-7, #ptabs #tabs-4, #ptabs #tabs-2{ display:none !important;} #odeme .btn_kopyala{background:url(images/icons.png?v=1) 14px -5603px no-repeat; margin:80px 0px 5px 8px; padding:25px 0px 6px 0px;cursor: pointer;outline: none;border: none;} #odeme .btn_kopyala:hover{ background:url(images/icons.png?v=1) 14px -5648px no-repeat; color:#343434;} #odeme .btn_odeme{width:262px;height:50px;margin: 5px 0px 30px 0px;cursor: pointer;outline: none;border: none;text-align:center;box-sizing:border-box;display:inline-block;} #odeme .btn_odeme:hover{ color:#FFF;} #odeme .fatura .taksitlistesi .checkbox a{font-size:15px; color:#000;} #odeme .checkbox {background:url(images/icons.png?v=1) 4px -2320px no-repeat #f5f5f5;width:257px;height:38px;border:1px solid #dadada;outline:0;padding:5px 10px 5px 38px;margin:5px 0px 5px 0px;color:#666;cursor:pointer;box-sizing:border-box;line-height: 25px;float: left;} #odeme .checkbox2{background: url(images/icons.png?v=1) 4px -2382px no-repeat #18c110;width:257px;height:38px;border: 1px solid #18c110;color:#fff;outline:0;padding:5px 10px 5px 38px;margin:5px 0px 5px 0px;cursor:pointer;box-sizing:border-box;} #odeme .odemetotal_wr{width:262px; height:auto; display:inline-block;} #odeme .odemetotal{ width:262px; height:40px; background:#f2f2f2; border:1px solid #eee; margin:2px 0px 2px 0px; padding:8px 10px 0px 10px; box-sizing:border-box;} #odeme .odemetotal .yazi{width:100px; height:auto; text-align:left;} #odeme .odemetotal .fiyat{width:140px; height:auto; text-align:right;} #odeme .odemetotal2{ width:100%; height:32px; background:#f8f8f8; border:1px solid #f5f5f5; margin:2px 0px 3px 0px; padding:3px 10px 0px 10px; box-sizing:border-box;} #odeme .odemetotal2 .yazi{width:100px; height:auto; margin-top:5px; text-align:left;} #odeme .odemetotal2 .fiyat{width:140px; height:auto; text-align:right;} #odeme .odemetotal3{width:257px;height:50px;background:#fff;border:1px solid #afafaf;margin: 5px 4px 5px 4px;padding:10px 10px 0px 10px;box-sizing:border-box;z-index:9;float: right;} #odeme .odemetotal3 .yazi{width:100px; height:auto; text-align:left;} #odeme .odemetotal3 .fiyat{width: 135px;height:auto;text-align:right;font-weight:700;} #odeme .taksit{width:100%; height:auto; margin-bottom:10px;} #odeme .taksit .aktif { background:#343434; width:230px; height:auto; outline:0; padding:5px 5px 5px 5px; margin:0px 5px 5px 0px; color:#EEDEB9; cursor:default;} #odeme .taksit .link { background:#f5f5f5; width:230px; height:auto; outline:0; padding:5px 5px 5px 5px; margin:0px 5px 5px 0px; color:#000; cursor:pointer;} #odeme .taksit .yazi{width:60px; height:auto;} #odeme .taksit .fiyat{width:165px; height:auto; text-align:right;} #odeme .taksit .aktif .yazi{ color:#fff;} #odeme .taksit .aktif .fiyat{ color:#fff;} #odeme .kartsecimi{width:auto; height:auto; margin-bottom:10px;} #odeme .kartsecimi .baslik{width:auto;height:auto;margin: 5px 10px 0px 10px;background: no-repeat;} #odeme .kredikarti_baslik{width:100%; height:auto; margin-bottom:10px; margin-top:10px;} #odeme .kredikarti{width:100%; height:auto; margin-bottom:10px;} #odeme .kredikarti .aktif { background:url(images/icons.png?v=1) 0px -5177px no-repeat; width:120px; height:auto; outline:0; padding:0px 0px 0px 25px; margin:0px 5px 5px 0px; color:#EEDEB9; cursor:default;} #odeme .kredikarti .link { background:url(images/icons.png?v=1) 0px -5214px no-repeat; width:120px; height:auto; outline:0; padding:0px 0px 0px 25px; margin:0px 5px 5px 0px; color:#000; cursor:pointer;} #odeme .kredikarti .link:hover { background:url(images/icons.png?v=1) 0px -5177px no-repeat;} #odeme .kredikarti img{ border:1px solid #f2f2f2;} #odeme .kredikarti .k_ad{width:auto; height:20px; overflow: hidden; margin-top:5px; margin-left:5px;} #odeme .kredikarti .k_ad:hover{ color:#343434;} #odeme .odemedetay { width:520px; height:auto;} #odeme .odemedetay2 { width:100%; height:auto;} #odeme .sozlesme {width:550px;height: 148px;margin: 0;padding:5px;overflow:auto;/* border:1px dashed #e7e5e5; *//* background:#fafafa; */float:left;} #odeme .sozlesmebos { width:550px; height:138px; margin:4px 0px 0px 165px; padding:5px; overflow:auto; float:left;} #odeme .sozlesme_onay{width: 260px;height: auto;position:relative;} #odeme .odeme_onay{width: auto;height: auto;margin-top: 5px;margin-left: 436px;padding-top: 10px;} #odeme .taksitsizaciklama{width: auto;height: auto;margin-bottom: 10px; background:#f5f5f5; padding:10px;} #odeme .odemealani { width:100%; height:auto; float:left; display:none;} #odeme4 { width:auto; height:auto} #odeme4 .icerik { width:100%; height:auto; display:table;} #odeme4 .sonuc { width:100%; height:auto; padding:80px 0px; text-align:center;} #odeme4 .btn_sepetedon{margin:5px 0px 10px 0px; padding:10px 80px;cursor: pointer;outline: none;border: none;} #odeme4 .btn_sepetedon:hover{ color:#FFF;} #odeme4 .btn_siparislerim{margin:5px 0px 10px 0px; padding:10px 80px;cursor: pointer;outline: none;border: none;} #odeme4 .btn_siparislerim:hover{ color:#FFF;} #odeme4 .btn_yazdir{margin:5px 0px 10px 0px; padding:10px 60px;cursor: pointer;outline: none;border: none;} #odeme4 .btn_yazdir:hover{ color:#FFF;} /* HESABIM */ #hesabim { width:auto; height:auto} #hesabim .ustbutonlar { width:auto; height:30px; margin:10px 10px 10px 5px;} #hesabim .icerik { width:100%; height:auto; background:#fff; display:table;} #hesabim .cekyok {width:100%;height: auto; text-align: center; margin:50px 0px;} #hesabim .sol { width:222px; height:auto; background:#fff; display:table;} #hesabim .sol .grupbaslik { width:207px; height:auto; outline:0; padding:5px 5px 5px 10px; border-bottom:1px solid #e6e6e6;} #hesabim .sol .aktif { background:url(images/icons.png?v=1) 8px -999px no-repeat #000; width:197px; height:auto; outline:0; padding:5px 5px 5px 20px; color:#fff; cursor:default; border-bottom:1px solid #e6e6e6;} #hesabim .sol .link { background:url(images/icons.png?v=1) 8px -999px no-repeat #FFF; width:197px; height:auto; outline:0; padding:5px 5px 5px 20px; cursor:pointer; border-bottom:1px solid #e6e6e6;} #hesabim .sol .link:hover {background:url(images/icons.png?v=1) 8px -999px no-repeat #000; color:#fff;} #hesabim .sag { width:100%; height:auto; display:table; min-height:265px; padding:10px 10px 10px 10px; box-sizing:border-box;} #hesabim .sag .baslik { width:100%; height:auto;} #hesabim .bakiye { width:260px; height:auto; background:#f5f5f5; border:1px solid #dadada; padding:3px 5px; margin-left:10px} #hesabim .bakiye .altbaslik { width:auto; height:auto; margin-top:3px;} #hesabim .bakiye span { width:auto; height:auto; margin:0;} #hesabim .kredikarti_baslik{width:100%; height:auto; margin-bottom:10px; margin-top:10px;} #hesabim .kredikarti{width:100%; height:auto; margin-bottom:10px;} #hesabim .kredikarti .yazi{width:130px; height:auto; margin-top:5px;} #hesabim .kredikarti .sag2{width:640px; height:auto; margin-bottom:5px;} #hesabim .adres_blok .bilgiAlani{width:100%; float:left; border-bottom:1px solid #eee; border-top:1px solid #eee; margin:5px 0; padding:5px 0px;} #hesabim .adres_blok {width: 100%;height:auto;margin: 0 !important;} #hesabim .adres_blok .altbaslik {width: 60%;height:auto;margin:5px 0px;} #hesabim .adres_blok .adresyok { width:100%; height:auto; margin:20px 0px; text-align:center;} #hesabim .adres {width: 48.9%;height:auto;border:1px solid #dadada;padding:5px 5px;margin: 5px;box-sizing:border-box;} #hesabim .adres .varsayilan{ background:url(images/icons.png?v=1) 0px -2386px no-repeat; width:25px; height:25px;} #hesabim .adres .yazi{ width:130px; height:auto; margin-top:3px;} #hesabim .adres .sag3{ width:320px;height:20px; margin-bottom:5px;} #hesabim .adres .sag4{ width:320px;height:auto; margin-bottom:5px;} #hesabim .adresform {width: 50%;height:auto;background:#fafafa;border:1px solid #dadada;padding:10px 10px;margin:5px 0px;box-sizing:border-box;} #hesabim .adresform #ajax2, #hesabim .adresform #ajax1{width:70%;} #hesabim .adresform #ajax2 .il, #hesabim .adresform #ajax1 .il{margin:0px 5px 0px 0px} #hesabim .adresform #ajax2 .il, #hesabim .adresform #ajax2 .ilce, #hesabim .adresform #ajax1 .il, #hesabim .adresform #ajax1 .ilce{width:49%; float:left;} #hesabim .adresform .yazi{ width:130px; height:auto; margin-top:3px;} #hesabim .adresform .textbox{ background:#FFF; width: 300px;height: 26px; -webkit-appearance: none; -moz-appearance: none; appearance: none;outline: 0; border:1px solid #dadada; padding: 2px 5px 2px 5px; outline:0; margin-bottom:5px;} #hesabim .adresform .textbox:hover{ border:1px solid #343434;} #hesabim .adresform .textbox:focus{ border:1px solid #343434; -moz-box-shadow: 0px 0px 3px #666; -webkit-box-shadow: 0px 0px 3px #666; box-shadow: 0px 0px 3px #666;} #hesabim .adresform .textarea { background:#FFF; width:300px; height:60px; -webkit-appearance: none; -moz-appearance: none; appearance: none; border:1px solid #dadada; padding: 2px 5px 2px 5px; outline:0; margin-bottom:5px;} #hesabim .adresform .textarea:hover{ border:1px solid #343434;} #hesabim .adresform .textarea:focus{ border:1px solid #343434; -moz-box-shadow: 0px 0px 3px #666; -webkit-box-shadow: 0px 0px 3px #666; box-shadow: 0px 0px 3px #666;} #hesabim .adresform .select#adresTur{width:66.6%;} #hesabim .adresform .select { background:#FFF; width:154px; height:29px; border:1px solid #dadada; padding: 2px 2px 2px 2px; outline:0; margin-right:2px; margin-bottom:5px;} #hesabim .adresform .select:hover{ border:1px solid #343434;} #hesabim .adresform .select:focus{ border:1px solid #343434; -moz-box-shadow: 0px 0px 3px #666; -webkit-box-shadow: 0px 0px 3px #666; box-shadow: 0px 0px 3px #666;} #hesabim input[type='radio'] { width:1.5em; height:1.5em; margin:0px 0px 0px 0px; float:left;} #hesabim label span { width:auto; height:auto; padding:3px 15px 0px 5px; float:left;} #hesabim .adresform .btn_degistir{ width:309px; padding:10px 102px;cursor: pointer;outline: none;border: none; box-sizing:border-box; margin-top:5px;} #hesabim .adresform .btn_degistir:hover{ color:#FFF;} #hesabim .btn_guncelle{margin:0px 0px 0px 5px; padding:5px 10px;cursor: pointer;outline: none;border: none;} #hesabim .btn_guncelle:hover{ color:#666;} #hesabim .btn_sil{margin:0px 5px 0px 5px; padding:5px 10px;cursor: pointer;outline: none;border: none;} #hesabim .btn_sil:hover{ color:#666;} #hesabim .btn_yeni{margin:0px 0px 0px 0px; padding:5px 10px;cursor: pointer;outline: none;border: none;} #hesabim .btn_yeni:hover{ color:#666;} #hesabim .btn_detay{margin:0px 5px 0px 5px; padding:5px 10px;cursor: pointer;outline: none;border: none;} #hesabim .btn_detay:hover{ color:#666;} #hesabim .btn_siparis{margin:0px 5px 0px 5px; padding:5px 10px;cursor: pointer;outline: none;border: none;color:#fff;} #hesabim .btn_siparis:hover{ color:#fff;} /* Loglar */ #hesabim .loglar{border: 1px solid #eee; box-sizing: border-box; width: 100%; float: left; margin: 20px 0;} #hesabim .loglar .listele div{font-size:14px; font-weight:normal; width: auto;float: left;display: inline-block;text-align:center; padding: 10px 10px;border-right: 1px solid #eee;box-sizing: border-box;} #hesabim .loglar .basliklar div{font-size: 14px;font-weight: normal;width: auto;float: left;display: inline-block;text-align:center;padding: 5px 20px;border-right: 1px solid #e2e2e2;box-sizing: border-box;color: #999999;} #hesabim .loglar .basliklar{background: #f5f5f5; height: 30px;} #hesabim .loglar .listele, #hesabim .loglar .basliklar{width: 100%;float: left;border-bottom: 1px solid #e2e2e2;} #hesabim .loglar .basliklar .cari_ad, #hesabim .loglar .listele .cari_ad{width:20%;} #hesabim .loglar .basliklar .islem, #hesabim .loglar .listele .islem{width: 34%;border: 0;} #hesabim .loglar .basliklar .sonuc{height:40px !important;} #hesabim .loglar .basliklar .sonuc, #hesabim .loglar .listele .sonuc{width: 54%;border-left: 1px solid #e2e2e2;height: 62px;} #hesabim .loglar .basliklar .tarihBilgi, #hesabim .loglar .listele .tarihBilgi, #hesabim .loglar .basliklar .saat, #hesabim .loglar .listele .saat{width: 12%;} /* Loglar */ #hesabimform{ width:100%; height:auto;} #hesabimform .baslik {width:100%;height: auto; text-align: left;padding:8px 0px 8px 8px; margin:5px 0px; border-bottom:1px solid #f2f2f2; box-sizing:border-box;} #hesabimform .form {margin-top:15px;} #hesabimform .satir {width:100%; height:auto; margin-bottom:5px; position:relative;} #hesabimform .yazi {width:150px; margin-top:5px; margin-right:10px;} #hesabimform .detay {width:auto; margin-top:3px;} #hesabimform .textbox{ background:#FFF; width: 290px;height: 26px; -webkit-appearance: none; -moz-appearance: none; appearance: none;outline: 0; border:1px solid #dadada; padding: 2px 5px 2px 5px; outline:0; margin-bottom:5px;} #hesabimform .textbox:hover{ border:1px solid #343434;} #hesabimform .textbox:focus{ border:1px solid #343434; -moz-box-shadow: 0px 0px 3px #666; -webkit-box-shadow: 0px 0px 3px #666; box-shadow: 0px 0px 3px #666;} #hesabimform .textarea { background:#FFF; width:290px; height:60px; -webkit-appearance: none; -moz-appearance: none; appearance: none; border:1px solid #dadada; padding: 2px 5px 2px 5px; outline:0; margin-bottom:5px;} #hesabimform .textarea:hover{ border:1px solid #343434;} #hesabimform .textarea:focus{ border:1px solid #343434; -moz-box-shadow: 0px 0px 3px #666; -webkit-box-shadow: 0px 0px 3px #666; box-shadow: 0px 0px 3px #666;} #hesabimform .select { background:#FFF; width:150px; height:29px; border:1px solid #dadada; padding: 2px 2px 2px 2px; outline:0; margin-right:2px;} #hesabimform .select:hover{ border:1px solid #343434;} #hesabimform .select:focus{ border:1px solid #343434; -moz-box-shadow: 0px 0px 3px #666; -webkit-box-shadow: 0px 0px 3px #666; box-shadow: 0px 0px 3px #666;} #hesabimform span { margin-left:5px; margin-top:8px; margin-right:5px;} #hesabimform .btn_degistir{ width:300px; padding:10px 102px;cursor: pointer;outline: none;border: none; box-sizing:border-box;} #hesabimform .btn_degistir:hover{ color:#FFF;} #hesabimform .btn_kopyala{margin:5px 10px 10px 160px; padding:5px 40px;cursor: pointer;outline: none;border: none;} #hesabimform .btn_listele{margin:0px 0px 0px 10px; padding:7px 40px;cursor: pointer;outline: none;border: none;} #hesabimform .btn_listele:hover{ color:#FFF;} #hesabimform .btn_excel{margin:0px 0px 0px 10px;padding: 7px 12px;cursor: pointer;outline: none;border: none;} #hesabimform .btn_excel:hover{ color:#FFF;} #siparislerim { width:auto; height:auto} #siparislerim .ustbutonlar { width:auto; height:30px; margin:10px 10px 10px 5px;} #siparislerim .icerik { width:100%; height:auto;display:table; padding:10px 10px 10px 10px; box-sizing:border-box;} #siparislerim .yok { width:100%; height:auto; text-align:center; padding:30px 0px;} #siparislerim .siparistarih { width:100%; height:auto;} #siparislerim .siparisdurum { width:100%; height:auto; margin-top:5px;} #siparislerim .siparisdurum .renk{ width:20px; height:18px; margin-left:2px;} #siparislerim .siparisdurum .yazi{ width:auto; height:auto; margin-left:5px;} #siparislerim .btn_kargotakip{margin:10px 0px 0px 0px; padding:5px 10px;cursor: pointer;outline: none;border: none;} #siparislerim .btn_kargotakip:hover{ color:#FFF;} #siparislerim .btn_detay{margin:0px 5px 0px 5px; padding:5px 10px;cursor: pointer;outline: none;border: none;} #siparislerim .btn_detay:hover{ color:#666;} #siparislerim .btn_yazdir{margin:0px 10px 0px 0px; padding:5px 10px;cursor: pointer;outline: none;border: none;} #siparislerim .btn_yazdir:hover{ color:#666;} #siparislerim .btn_iptal{margin:0px 0px 0px 10px; padding:5px 10px;cursor: pointer;outline: none;border: none;} #siparislerim .btn_iptal:hover{ color:#666;} #siparisdetay{ width:auto; height:auto; text-align:left; background:#FFF;} #siparisdetay .baslik{background:#fff; width:100%;height: 85px; text-align: left;padding:55px 0px 0px 55px; box-sizing:border-box;} #siparisdetay .baslik2{background:#f5f5f5; width:100%;height: 35px; text-align: left;padding:10px 0px 0px 55px; box-sizing:border-box;} #siparisdetay .cizgi_wr{ width:100%; height:5px;} #siparisdetay .menucizgi{ width:194px; height:3px; border:1px solid #e4e4e4;} #siparisdetay .cizgi {background:#e4e4e4; width:816px; height:5px; margin-left:5px;} #siparisdetay .grup { width:960px; height:auto; margin:5px 10px;} #siparisdetay .bilgiler { width:975px; height:auto; margin:5px 5px;} #siparisdetay .bilgiler .altbaslik { width:465px; height:auto; margin:5px 0px 5px 0px; padding:10px 10px; background:#f5f5f5; line-height:16px;} #siparisdetay .bilgiler .blok { width:480px; height:auto; margin:0px 3px;} #siparisdetay .bilgiler .blok .satir { width:100%; height:auto;} #siparisdetay .siparisdurum { width:100%; height:auto;} #siparisdetay .siparisdurum .renk{ width:50px; height:30px; margin-left:2px;} #siparisdetay .siparisdurum .yazi{ width:auto; height:auto; margin-left:5px;} #hesabimform .satir .bakiye2.fl {text-align: center;padding: 3px 9px;box-sizing: border-box;} #hesabimform .satir .bakiye2.fl .altbaslik.fl {float: left;font-weight: bold;line-height: 30px;display: block;margin-right: 10px;border-right: 1px solid #ddd;padding-right: 5px;} #siparisdetay .odemetipi { width:98%; height:auto; margin:5px 5px;} #siparisdetay .siparisfiyat{background:#f5f5f5; margin:5px 5px 5px 5px; padding:5px 10px;} #siparisdetay .siparisfiyat .yazi{width:125px; height:auto;} #siparisdetay .siparisfiyat .fiyat{width:160px; height:auto; text-align:right;} #siparisdetay .kredikarti{background:#f5f5f5; margin:5px 5px 5px 5px; padding:5px 5px 5px 10px;} #siparisdetay .kredikarti .yazi{width:190px; height:auto;} #siparisdetay .kredikarti .resim{width:100px; height:auto;} #siparisdetay .kargo{width:100%; height:auto;} #siparisdetay .kargo .resim{width:100px; height:auto;} #siparisdetay .kargo .yazi{width:190px; height:auto; padding:5px 0px 0px 10px;} #siparisdetay .kargo .link{width:auto; height:auto;} #siparisdetay .btn_kargotakip{margin:5px 0px 0px 10px; padding:5px 10px;cursor: pointer;outline: none;border: none;} #siparisdetay .efatura{margin:0px 0px 0px 10px; padding:5px 10px;cursor: pointer;outline: none;border: none;} #siparisdetay .bankahesap{ width:420px; height:auto; margin:5px 5px;} #siparisdetay .bankahesap .yazi{width:120px; height:auto;} #siparisdetay .bankahesap .detay{width:300px; height:auto;} #yeniuye { width:auto; height:auto} #yeniuye .ustbutonlar { width:auto; height:30px; margin:10px 10px 10px 5px;} #yeniuye .icerik { width:100%; height:auto; display:table;} #yeniuye .btn_hesabim{margin:50px 38% 50px 44%; padding:5px 40px;cursor: pointer;outline: none;border: none;} #yeniuye .btn_hesabim:active{-moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none;} #yeniuye .btn_hesabim:hover{ color:#FFF;} #yeniuye .hediyeceki { width:330px; height:115px; background:url(images/labels.png) 270px -828px no-repeat #2936ac; padding:8px 0px 0px 35px; border:2px dashed #fff; margin:10px 34%;} #yeniuye .kayit_basarili { width:100%;} /* DESTEK */ #destek { width:auto; height:auto} #destek .icerik { width:100%; height:auto; display:table;} #destek .sol { width:248px; height:auto; background:#fff; display:table;} #destek .sol .grupbaslik { width:233px; height:auto; outline:0; padding:5px 5px 5px 10px; border-bottom:1px solid #e6e6e6;} #destek .sol .aktif { background:url(images/icons.png?v=1) 8px -999px no-repeat #000; width:223px; height:auto; outline:0; padding:5px 5px 5px 20px; color:#fff; cursor:default; border-bottom:1px solid #e6e6e6;} #destek .sol .link { background:url(images/icons.png?v=1) 8px -999px no-repeat #FFF; width:223px; height:auto; outline:0; padding:5px 5px 5px 20px; cursor:pointer; border-bottom:1px solid #e6e6e6;} #destek .sol .link:hover {background:url(images/icons.png?v=1) 8px -999px no-repeat #000; color:#fff;} #destek .sag { width:100%; height:auto; display:table; min-height:320px; padding:10px 10px 10px 10px; box-sizing:border-box;} #destek .sag .baslik { width:100%; height:auto; margin-bottom:10px;} #destek .sag .altbaslik { width:100%; height:auto; margin-bottom:5px;} #destek .sag .detay { width:auto; height:auto; margin-bottom:10px; font-size:14px;} #destek .sag .altbaslik2 { width:558px; height:auto; margin:10px 3px; border-bottom:1px solid #02351c;} #destek .sag .altbaslik3 { width:410px; height:auto; margin:10px 3px; border-bottom:1px solid #02351c;} #destek .sag .bilgi { width:558px; height:auto; margin:10px 3px;} #destek .sag .bilgi .yazi { width:100%; height:auto; margin-bottom:5px;} #destek .grup_wr { width:30%; height:auto; margin:30px 17px 25px 16px;} #destek .grup { width:100%; height:100px;} #destek .grup:hover div{ color:#02351c;} #destek .grup .baslik{ width:100%; height:30px;} #destek .grup .detay{ width:100%; height:auto; padding:5px;} #destek ul{ width:100%; height:auto; padding:5px 0px 5px 0px; box-sizing:border-box; color:#a0a0a0;} #destek ul li a{ width:100%; height:auto; padding:3px 0px 3px 5px; box-sizing:border-box; color:#a0a0a0; float:left;} #destek ul li a:hover{ color: #343434;} #destek .grup .hakkimizda{ background:url(images/icons.png?v=1) 5px -2430px no-repeat; width:200px; height:25px; padding:4px 0px 0px 34px;} #destek .grup .iade{ background:url(images/icons.png?v=1) 5px -2507px no-repeat; width:200px; height:25px; padding:4px 0px 0px 34px;} #destek .grup .sss{ background:url(images/icons.png?v=1) 5px -2543px no-repeat; width:200px; height:25px; padding:4px 0px 0px 34px;} #destek .grup .iletisim{ background:url(images/icons.png?v=1) 5px -2611px no-repeat; width:200px; height:25px; padding:4px 0px 0px 34px;} #destek .grup .guvenlik{ background:url(images/icons.png?v=1) 5px -2578px no-repeat; width:200px; height:25px; padding:4px 0px 0px 34px;} #destek .grup .teslimat{ background:url(images/icons.png?v=1) 5px -2470px no-repeat; width:200px; height:25px; padding:4px 0px 0px 34px;} #destek .grup .odeme{ background:url(images/icons.png?v=1) 5px -2777px no-repeat; width:200px; height:25px; padding:4px 0px 0px 34px;} #contactfrm{ width:410px; height:auto; margin:10px 3px;} #contactfrm .satir {width:100%; height:auto; margin-bottom:5px; position:relative;} #contactfrm .yazi {width:130px; text-align:right; margin-top:5px; margin-right:10px;} #contactfrm .detay {width:auto; } #contactfrm .textbox{ background:#FFF; width: 250px;height: 26px; -webkit-appearance: none; -moz-appearance: none; appearance: none;outline: 0; border:1px solid #dadada; padding: 2px 5px 2px 5px; outline:0;} #contactfrm .textbox:hover{ border:1px solid #343434;} #contactfrm .textbox:focus{ border:1px solid #343434; -moz-box-shadow: 0px 0px 3px #666; -webkit-box-shadow: 0px 0px 3px #666; box-shadow: 0px 0px 3px #666;} #contactfrm .textarea { background:#FFF; width:250px; height:60px; -webkit-appearance: none; -moz-appearance: none; appearance: none; border:1px solid #dadada; padding: 2px 5px 2px 5px; outline:0;} #contactfrm .textarea:hover{ border:1px solid #343434;} #contactfrm .textarea:focus{ border:1px solid #343434; -moz-box-shadow: 0px 0px 3px #666; -webkit-box-shadow: 0px 0px 3px #666; box-shadow: 0px 0px 3px #666;} #contactfrm .select { background:#FFF; width:262px; height:29px; border:1px solid #dadada; padding: 2px 2px 2px 2px; outline:0; margin-right:2px;} #contactfrm .select:hover{ border:1px solid #343434;} #contactfrm .select:focus{ border:1px solid #343434; -moz-box-shadow: 0px 0px 3px #666; -webkit-box-shadow: 0px 0px 3px #666; box-shadow: 0px 0px 3px #666;} #contactfrm .btn_gonder{padding:8px 59px;cursor: pointer;outline: none;border: none; width:262px; box-sizing:border-box;} #sifre { width:auto; height:auto} #sifre .icerik { width:100%; height:auto; display:table; min-height:200px;} #sifre .icerik .baslik { width:98%; height:auto; padding:10px} #sifrefrm{ width:410px; height:auto; margin:10px 3px;} #sifrefrm .satir {width:100%; height:auto; margin-bottom:5px; position:relative;} #sifrefrm .yazi {width:140px; text-align:right; margin-top:5px; margin-right:10px;} #sifrefrm .detay {width:auto; margin-top:3px;} #sifrefrm .textbox{ background:#FFF; width: 240px;height: 26px; -webkit-appearance: none; -moz-appearance: none; appearance: none;outline: 0; border:1px solid #dadada; padding: 2px 5px 2px 5px; outline:0; margin-bottom:5px;} #sifrefrm .textbox:hover{ border:1px solid #343434;} #sifrefrm .textbox:focus{ border:1px solid #343434; -moz-box-shadow: 0px 0px 3px #666; -webkit-box-shadow: 0px 0px 3px #666; box-shadow: 0px 0px 3px #666;} #sifrefrm .btn_gonder{ padding:8px 59px;cursor: pointer;outline: none;border: none; width:250px; box-sizing:border-box;} /* LOGOUT */ #logout { width:auto; height:auto} #logout .icerik { width:100%; height:auto; display:table;} #logout .btn_anasayfa{margin:5px 10px 10px 0px; padding:10px 80px;cursor: pointer;outline: none;border: none;} /* MARKALAR */ #mtabs { width:100%; margin-top:5px; position:relative;} #mtabs ul { list-style: none; width:100%; height:auto; line-height: 12px; float:left; border-bottom:1px solid #f5f5f5; padding:0px 0px 0px 0px;} #mtabs li {float:left; width:auto; height:auto; text-align:center; margin:0px 0px 0px 1px;} #mtabs .ln{border-left:1px solid #8f8f8f;} #mtabs li a{width:100%; height:15px; color:#8f8f8f;} #mtabs li.ui-state-default a { height:40px; padding:14px 10px 0px 10px; box-sizing:border-box; color:#919191; font-weight:300; float:left; background: #ebebeb; /* Old browsers */ background: -moz-linear-gradient(top, #ebebeb 0%, #f9f9f9 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #ebebeb 0%,#f9f9f9 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #ebebeb 0%,#f9f9f9 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebebeb', endColorstr='#f9f9f9',GradientType=0 ); /* IE6-9 */} #mtabs li.ui-tabs-active a{ outline:none; background: #f9f9f9; /* Old browsers */ background: -moz-linear-gradient(top, #f9f9f9 0%, #ebebeb 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #f9f9f9 0%,#ebebeb 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #f9f9f9 0%,#ebebeb 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#ebebeb',GradientType=0 ); /* IE6-9 */ } #mtabs li.ui-tabs-active a{color:#343434; outline:0; font-weight:400;} #mtabs li.ui-tabs-active.ui-state-hover a{ color:#343434; font-weight:400; background: #f9f9f9; /* Old browsers */ background: -moz-linear-gradient(top, #f9f9f9 0%, #ebebeb 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #f9f9f9 0%,#ebebeb 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #f9f9f9 0%,#ebebeb 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#ebebeb',GradientType=0 ); /* IE6-9 */ } #mtabs li.ui-state-hover a{ color:#343434; background: #f9f9f9; /* Old browsers */ background: -moz-linear-gradient(top, #f9f9f9 0%, #ebebeb 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #f9f9f9 0%,#ebebeb 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #f9f9f9 0%,#ebebeb 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#ebebeb',GradientType=0 ); /* IE6-9 */ } #mtabs li.ui-tabs-active.ui-state-hover a{ color:#343434;} #mtabs li.ui-state-hover a{ color:#343434; } #mtabs li.ui-state-focus a{ outline:0;} #mtabs .ui-tabs-panel { padding:10px; width:98%} #mtabs ul.markalar { padding:10px 0px; width:100%; border:none;} #mtabs ul.markalar li { padding:3px 0px; width:180px; text-align:left;} #mtabs ul.markalar li a{ } #mtabs ul.markalar li a:hover{ color:#343434; } /* KAMPANYALAR */ #kampanyalar { width:auto; height:auto} #kampanyalar .icerik { width:100%; height:auto; background:#fff; display:table;} #kampanyalar .sol { width:248px; height:auto; background:#fff; display:table;} #kampanyalar .sol .grupbaslik { width:233px; height:auto; outline:0; padding:5px 5px 5px 10px; border-bottom:1px solid #e6e6e6;} #kampanyalar .sol .aktif { background:url(images/icons.png?v=1) 8px -999px no-repeat #000; width:223px; height:auto; outline:0; padding:5px 5px 5px 20px; color:#fff; cursor:default; border-bottom:1px solid #e6e6e6;} #kampanyalar .sol .link { background:url(images/icons.png?v=1) 8px -999px no-repeat #FFF; width:223px; height:auto; outline:0; padding:5px 5px 5px 20px; cursor:pointer; border-bottom:1px solid #e6e6e6;} #kampanyalar .sol .link:hover {background:url(images/icons.png?v=1) 8px -999px no-repeat #000; color:#fff;} #kampanyalar .sag { width:100%; height:auto; background:#fff; display:table; min-height:320px; padding:10px 10px 10px 50px; box-sizing:border-box;} #kampanyalar .sag .baslik { width:100%; height:auto; margin-bottom:10px;} #kampanyalar .sag .altbaslik { width:100%; height:auto; margin-bottom:5px;} #kampanyalar .sag .detay { width:auto; height:auto; margin-bottom:10px;} #kampanyalar .sag .altbaslik2 { width:518px; height:auto; margin:10px 3px; border-bottom:1px solid #F28F27;} #kampanyalar .sag .altbaslik3 { width:410px; height:auto; margin:10px 3px; border-bottom:1px solid #F28F27;} #kampanyalar .sag .bilgi { width:518px; height:auto; margin:10px 3px;} #kampanyalar .sag .bilgi .yazi { width:100%; height:auto; margin-bottom:5px;} #kampanyalar .grup_wr { width:30%; height:auto; margin:30px 17px 25px 16px;} #kampanyalar .grup { width:100%; height:100px;} #kampanyalar .grup:hover div{ color:#f9b570;} #kampanyalar .grup .baslik{ width:100%; height:30px;} #kampanyalar .grup .detay{ width:100%; height:auto; padding:5px;} #kampanyalar ul{ width:100%; height:auto; padding:5px 0px 5px 0px; box-sizing:border-box; color:#a0a0a0;} #kampanyalar ul li a{ width:100%; height:auto; padding:3px 0px 3px 5px; box-sizing:border-box; color:#a0a0a0; float:left;} #kampanyalar ul li a:hover{ color: #343434;} #kampanyalar .grup .hakkimizda{ background:url(images/icons.png?v=1) 5px -2430px no-repeat; width:200px; height:25px; padding:4px 0px 0px 34px;} #kampanyalar .grup .iade{ background:url(images/icons.png?v=1) 5px -2507px no-repeat; width:200px; height:25px; padding:4px 0px 0px 34px;} #kampanyalar .grup .sss{ background:url(images/icons.png?v=1) 5px -2543px no-repeat; width:200px; height:25px; padding:4px 0px 0px 34px;} #kampanyalar .grup .iletisim{ background:url(images/icons.png?v=1) 5px -2611px no-repeat; width:200px; height:25px; padding:4px 0px 0px 34px;} #kampanyalar .grup .guvenlik{ background:url(images/icons.png?v=1) 5px -2578px no-repeat; width:200px; height:25px; padding:4px 0px 0px 34px;} #kampanyalar .grup .teslimat{ background:url(images/icons.png?v=1) 5px -2470px no-repeat; width:200px; height:25px; padding:4px 0px 0px 34px;} #kampanyalar .grup .odeme{ background:url(images/icons.png?v=1) 5px -2777px no-repeat; width:200px; height:25px; padding:4px 0px 0px 34px;} #kampanyalar .btn_facebook{width:150px; height:30px; margin:10px 0px 0px 85px; padding-top:6px;cursor: pointer;outline: none;border:1px solid #405c96; text-align:center; box-sizing:border-box; background:#405c96; color:#fff;} #kampanyalar .btn_facebook:hover{ background:#405c96; color:#fff;} #kampanyalar .btn_kosullar{width:150px; height:30px; margin:10px 0px 0px 85px; padding-top:6px;cursor: pointer;outline: none;border:1px solid #cc1e35; text-align:center; box-sizing:border-box; background:#cc1e35; color:#fff;} #kampanyalar .btn_kosullar:hover{ background:#cc1e35; color:#fff;} #odeme .bilgiler{float: right;display: block;clear: both;color: #0b73b8; border: 1px solid #0b73b8;padding: 10px 50px;margin: 10px 0 0 0;-webkit-transition: all .20s ease-in;-moz-transition: all .20s ease-in;-o-transition: all .20s ease-in;transition: all .20s ease-in;outline: none;border-radius: 10px; font-weight: bold;} #odeme .bilgiler:hover{background:#0b73b8; color:#FFF;} #odeme4 .bilgiler{color: #0b73b8;border: 1px solid #0b73b8;padding: 5px 30px;-webkit-transition: all .20s ease-in;-moz-transition: all .20s ease-in;-o-transition: all .20s ease-in;transition: all .20s ease-in;outline: none;border-radius: 5px;} #odeme4 .bilgiler:hover{background:#0b73b8; color:#FFF;} #odeme .odemesozlesme{ padding: 10px 10px 10px 10px; background-color: #f5f5f5; margin-top: 30px;} #odeme .odemesozlesme h1{ border-bottom: 1px solid #ccc; padding-bottom: 10px;} #odeme .odemesozlesmedetay{ padding: 15px 0; font-size: 1rem;} .check { display: inline-block; transform: rotate(45deg); height: 13px; width: 5px; border-bottom: 5px solid #78b13f; border-right: 5px solid #78b13f;} .cancel { position: absolute; right: 16px; top: 15px; width: 15px; height: 15px; background: #ff0000; color: #fff; border-radius: 50%; padding: 2px 2px; } .cancel:before, .cancel:after { position: absolute; left: 8px; top: 4px; content: ' '; height: 11px; width: 2px; background-color: #fff; } .cancel:before { transform: rotate(45deg); } .cancel:after { transform: rotate(-45deg); } .dekont:before{content:'';background:url(images/file.png) no-repeat left center;display: block;float: left;width: 26px;height: 26px;background-size: 100%;margin-left: 10px;} #bilgiler_wr { width: 90%; height: 90%;} .bilgiler_detay {max-height: 90%; overflow: auto; text-align: center;} .wowslider-container { zoom: 1; position: relative; z-index:90; text-align:left; /* reset align=center */ } * html .wowslider-container{ width:773px } .wowslider-container .ws_images ul{ position:relative; width: 10000%; height:auto; left:0; list-style:none; margin:0; padding:0; border-spacing:0; overflow: visible; /*table-layout:fixed;*/ } .wowslider-container .ws_images ul li{ width:1%; line-height:0; /*opera*/ float:left; font-size:0; padding:0 0 0 0 !important; margin:0 0 0 0 !important; } .wowslider-container .ws_images{ position: relative; left:0; top:0; width:100%; height:100%; overflow:hidden; } .wowslider-container .ws_images a{ width:100%; display:block; color:transparent; } .wowslider-container img{ max-width: none !important; } .wowslider-container .ws_images img{ width:100%; border:none 0; max-width: none; padding:0; } .wowslider-container a{ text-decoration: none; outline: none; border: none; } .wowslider-container .ws_bullets { float: left; position:absolute; z-index:70; } .wowslider-container .ws_bullets div{ position:relative; float:left; } .wowslider-container .wsl{ display:none; } .wowslider-container sound, .wowslider-container object{ position:absolute; } .wowslider-container .ws_bullets { padding: 5px; } .wowslider-container .ws_bullets a { width:11px; height:11px; background: url(./Scripts/wowslider/bullet.png) right top; float:left; left:0px; bottom:3px; position:relative; margin-left:5px; padding:0px 0px 0px 0px; text-align:center; } .wowslider-container .ws_bullets a.ws_selbull, .wowslider-container .ws_bullets a:hover{ background-position: 0 100%; } .wowslider-container a.ws_next, .wowslider-container a.ws_prev { position:absolute; display:none; top:50%; margin-top:0px; z-index:60; height: 40px; width: 40px; background-image: url(./Scripts/wowslider/arrows.png); opacity:0.8; } .wowslider-container a.ws_next{ background-position: 100% 0; right:10px; } .wowslider-container a.ws_prev { background-position: 0 0; left:10px; } .wowslider-container a.ws_next:hover{ opacity:1; } .wowslider-container a.ws_prev:hover { opacity:1; } * html .wowslider-container a.ws_next,* html .wowslider-container a.ws_prev{display:block} .wowslider-container:hover a.ws_next, .wowslider-container:hover a.ws_prev {display:block} /* bottom center */ .wowslider-container .ws_bullets {bottom: 10px; left:20px; } .wowslider-container .ws_bullets div{ left:0px; } .wowslider-container .ws-title{ } .wowslider-container .ws-title div{margin-top: 6px; font-size: 20px; line-height: 22px; } .wowslider-container .ws_images ul{ animation: wsBasic 8s infinite; -moz-animation: wsBasic 8s infinite; -webkit-animation: wsBasic 8s infinite; } @keyframes wsBasic{0%{left:-0%} 25%{left:-0%} 50%{left:-100%} 75%{left:-100%} } @-moz-keyframes wsBasic{0%{left:-0%} 25%{left:-0%} 50%{left:-100%} 75%{left:-100%} } @-webkit-keyframes wsBasic{0%{left:-0%} 25%{left:-0%} 50%{left:-100%} 75%{left:-100%} } .wowslider-container .ws_bullets a img{ text-indent:0; display:block; bottom:20px; left:-64px; visibility:hidden; position:absolute;border: 2px solid #FFFFFF; max-width:none; } .wowslider-container .ws_bullets a:hover img{ visibility:visible; } .wowslider-container .ws_bulframe div div{ height:48px; overflow:visible; position:relative; } .wowslider-container .ws_bulframe div { left:0; overflow:hidden; position:relative; width:128px; background-color:#FFFFFF; } .wowslider-container .ws_bullets .ws_bulframe{ display:none; bottom:20px; overflow:visible; position:absolute; cursor:pointer;border: 2px solid #FFFFFF; } .wowslider-container .ws_bulframe span{ display:block; position:absolute; bottom:-8px; margin-left:-3px; left:64px; background:url(./Scripts/wowslider/triangle.png); width:15px; height:6px; } .slick-slider {position: relative; display: block; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; top: 0; left: 0; display: block; } .slick-track:before, .slick-track:after { display: table; content: ''; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { display: none; float: left; position:relative; height: 100%; min-height: 1px; } [dir='rtl'] .slick-slide { float: right; } .slick-slide img { } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } /* Slider */ .slick-loading .slick-list { background: #fff center center no-repeat; } /* Arrows */ .slick-prev2 { position:absolute; top:100px; left:10px; width:10px; height:37px; background:url(images/icons.png?v=1) -37px -3184px no-repeat; padding: 0; cursor: pointer; border:0; outline: none; display:none;} .slick-next2 { position:absolute; top:100px; right:10px; width:10px; height:37px; background:url(images/icons.png?v=1) 0px -3184px no-repeat; padding: 0; cursor: pointer; border:0; outline: none; display:none;} .slick-prev2:hover { background:url(images/icons.png?v=1) -37px -3234px no-repeat;} .slick-next2:hover { background:url(images/icons.png?v=1) 0px -3234px no-repeat;} .slick-prev3 { position:absolute; top:40px; left:-155px; width:35px; height:35px; background:url(images/icons.png?v=1) 0px -1344px no-repeat; padding: 0; cursor: pointer; border:0; outline: none;} .slick-next3 { position:absolute; top:40px; left:-115px; width:35px; height:35px; background:url(images/icons.png?v=1) -39px -1344px no-repeat; padding: 0; cursor: pointer; border:0; outline: none;} .slick-prev4 { position:absolute; top:-50px; right:27px; width:21px; height:21px; background:url(images/icons.png?v=1) 0px -2278px no-repeat; padding: 0; cursor: pointer; border:0; outline: none;} .slick-next4 { position:absolute; top:-50px; right:0px; width:21px; height:21px; background:url(images/icons.png?v=1) -23px -2278px no-repeat; padding: 0; cursor: pointer; border:0; outline: none;} .slick-prev4:hover { background:url(images/icons.png?v=1) 0px -2253px no-repeat;} .slick-next4:hover { background:url(images/icons.png?v=1) -23px -2253px no-repeat;} .slick-prev, .slick-next { font-size: 0; line-height: 0; position: absolute; top: 50%; display: block; width: 20px; height: 20px; margin-top: -10px; padding: 0; cursor: pointer; color: transparent; border: none; outline: none; background: transparent; } .slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus { color: transparent; outline: none; background: transparent; } .slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before { opacity: 1; } .slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: .25; } .slick-prev:before, .slick-next:before { font-family: 'slick'; font-size: 20px; line-height: 1; opacity: .75; color: white; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slick-prev { left: -25px; } [dir='rtl'] .slick-prev { right: -25px; left: auto; } .slick-prev:before { content: ''; } [dir='rtl'] .slick-prev:before { content: ''; } .slick-next { right: -25px; } /* Dots */ .slick-slider { margin-bottom: 30px; } .slick-dots { position: absolute; bottom: -45px; display: block; width: 100%; padding: 0; list-style: none; text-align: center; } .slick-dots li { position: relative; display: inline-block; width: 20px; height: 20px; margin: 0 5px; padding: 0; cursor: pointer; } .slick-dots li button { font-size: 0; line-height: 0; display: block; width: 20px; height: 20px; padding: 5px; cursor: pointer; color: transparent; border: 0; outline: none; background: transparent; } .slick-dots li button:hover, .slick-dots li button:focus { outline: none; } .slick-dots li button:hover:before, .slick-dots li button:focus:before { opacity: 1; } .slick-dots li button:before { font-family: 'slick'; font-size: 6px; line-height: 20px; position: absolute; top: 0; left: 0; width: 20px; height: 20px; content: ''; text-align: center; opacity: .25; color: black; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slick-dots li.slick-active button:before { opacity: .75; color: black; } /**/ .jp-card.jp-card-safari.jp-card-identified .jp-card-front:before, .jp-card.jp-card-safari.jp-card-identified .jp-card-back:before { background-image: repeating-linear-gradient(45deg, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), repeating-linear-gradient(135deg, rgba(255, 255, 255, 0.05) 1px, rgba(255, 255, 255, 0) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.03) 4px), repeating-linear-gradient(90deg, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), repeating-linear-gradient(210deg, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), -webkit-linear-gradient(-245deg, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.2) 70%, rgba(255, 255, 255, 0) 90%); background-image: repeating-linear-gradient(45deg, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), repeating-linear-gradient(135deg, rgba(255, 255, 255, 0.05) 1px, rgba(255, 255, 255, 0) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.03) 4px), repeating-linear-gradient(90deg, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), repeating-linear-gradient(210deg, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), linear-gradient(-25deg, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.2) 70%, rgba(255, 255, 255, 0) 90%) } .jp-card.jp-card-ie-10.jp-card-flipped, .jp-card.jp-card-ie-11.jp-card-flipped { -webkit-transform: 0deg; -moz-transform: 0deg; -ms-transform: 0deg; -o-transform: 0deg; transform: 0deg } .jp-card.jp-card-ie-10.jp-card-flipped .jp-card-front, .jp-card.jp-card-ie-11.jp-card-flipped .jp-card-front { -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); -ms-transform: rotateY(0deg); -o-transform: rotateY(0deg); transform: rotateY(0deg) } .jp-card.jp-card-ie-10.jp-card-flipped .jp-card-back, .jp-card.jp-card-ie-11.jp-card-flipped .jp-card-back { -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); -ms-transform: rotateY(0deg); -o-transform: rotateY(0deg); transform: rotateY(0deg) } .jp-card.jp-card-ie-10.jp-card-flipped .jp-card-back:after, .jp-card.jp-card-ie-11.jp-card-flipped .jp-card-back:after { left: 18% } .jp-card.jp-card-ie-10.jp-card-flipped .jp-card-back .jp-card-cvc, .jp-card.jp-card-ie-11.jp-card-flipped .jp-card-back .jp-card-cvc { -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -ms-transform: rotateY(180deg); -o-transform: rotateY(180deg); transform: rotateY(180deg); left: 5% } .jp-card.jp-card-ie-10.jp-card-flipped .jp-card-back .jp-card-shiny, .jp-card.jp-card-ie-11.jp-card-flipped .jp-card-back .jp-card-shiny { left: 84% } .jp-card.jp-card-ie-10.jp-card-flipped .jp-card-back .jp-card-shiny:after, .jp-card.jp-card-ie-11.jp-card-flipped .jp-card-back .jp-card-shiny:after { left: -480%; -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -ms-transform: rotateY(180deg); -o-transform: rotateY(180deg); transform: rotateY(180deg) } .jp-card.jp-card-ie-10.jp-card-amex .jp-card-back, .jp-card.jp-card-ie-11.jp-card-amex .jp-card-back { display: none } .jp-card-logo { height: 26px !important; min-width: 42px !important; width: auto !important; font-style: italic; } .jp-card-logo, .jp-card-logo:before, .jp-card-logo:after { box-sizing: border-box } .jp-card-logo.jp-card-amex { text-transform: uppercase; font-size: 0 !important; font-weight: bold; color: white; background-image: repeating-radial-gradient(circle at center, #fff 1px, #999 2px); background-image: repeating-radial-gradient(circle at center, #fff 1px, #999 2px); border: 1px solid #EEE; } .jp-card-logo.jp-card-amex:before, .jp-card-logo.jp-card-amex:after { width: 28px; display: block; position: absolute; left: 16px } .jp-card-logo.jp-card-amex:before { height: 28px; content: "american"; top: 3px; text-align: left; padding-left: 2px; padding-top: 11px; background: #267AC3 } .jp-card-logo.jp-card-amex:after { content: "express"; bottom: 11px; text-align: right; padding-right: 2px } .jp-card.jp-card-amex.jp-card-flipped { -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none } .jp-card.jp-card-amex.jp-card-identified .jp-card-front:before, .jp-card.jp-card-amex.jp-card-identified .jp-card-back:before { background-color: #108168 } .jp-card.jp-card-amex.jp-card-identified .jp-card-front .jp-card-logo.jp-card-amex { opacity: 1 } .jp-card.jp-card-amex.jp-card-identified .jp-card-front .jp-card-cvc { visibility: visible } .jp-card.jp-card-amex.jp-card-identified .jp-card-front:after { opacity: 1 } .jp-card-logo.jp-card-discover { background: #f60; color: #111; text-transform: uppercase; font-style: normal; font-weight: bold; font-size: 10px; text-align: center; overflow: hidden; z-index: 1; padding-top: 9px; letter-spacing: .03em; border: 1px solid #EEE } .jp-card-logo.jp-card-discover:before, .jp-card-logo.jp-card-discover:after { content: " "; display: block; position: absolute } .jp-card-logo.jp-card-discover:before { background: white; width: 200px; height: 200px; border-radius: 200px; bottom: -5%; right: -80%; z-index: -1 } .jp-card-logo.jp-card-discover:after { width: 8px; height: 8px; border-radius: 4px; top: 10px; left: 27px; background-color: #f60; background-image: -webkit-radial-gradient(#f60, #fff); background-image: radial-gradient( #f60, #fff); content: "network"; font-size: 4px; line-height: 24px; text-indent: -7px } .jp-card .jp-card-front .jp-card-logo.jp-card-discover { right: 12%; top: 18% } .jp-card.jp-card-discover.jp-card-identified .jp-card-front:before, .jp-card.jp-card-discover.jp-card-identified .jp-card-back:before { background-color: #86B8CF } .jp-card.jp-card-discover.jp-card-identified .jp-card-logo.jp-card-discover { opacity: 1 } .jp-card.jp-card-discover.jp-card-identified .jp-card-front:after { -webkit-transition: 400ms; -moz-transition: 400ms; transition: 400ms; content: " "; display: block; background-color: #f60; background-image: -webkit-linear-gradient(#f60, #ffa366, #f60); background-image: linear-gradient(#f60, #ffa366, #f60); height: 50px; width: 50px; border-radius: 25px; position: absolute; left: 100%; top: 15%; margin-left: -25px; box-shadow: inset 1px 1px 3px 1px rgba(0, 0, 0, 0.5) } .jp-card-logo.jp-card-troy{background: url(images/troy_logo.png) no-repeat center;display: block;background-size: 100%;} .jp-card-logo.jp-card-visa { text-transform: uppercase; color: white; text-align: center; font-weight: bold; font-size: 24px; line-height: 18px; margin-top: 5px } .jp-card-logo.jp-card-visa:before, .jp-card-logo.jp-card-visa:after { content: " "; display: block; width: 100%; height: 25% } .jp-card-logo.jp-card-visa:before { position: absolute; left: -4px; width: 0; height: 0; border-style: solid; border-width: 0 12px 6px 0; border-color: transparent #ffffff transparent transparent } .jp-card.jp-card-visa.jp-card-identified .jp-card-front:before, .jp-card.jp-card-visa.jp-card-identified .jp-card-back:before { background-color: #bbcfe8 !important; } .jp-card.jp-card-visa.jp-card-identified .jp-card-logo.jp-card-visa { opacity: 1; box-shadow: none } .jp-card-logo.jp-card-visaelectron { background: white; text-transform: uppercase; color: #1A1876; text-align: center; font-weight: bold; font-size: 15px; line-height: 18px } .jp-card-logo.jp-card-visaelectron:before, .jp-card-logo.jp-card-visaelectron:after { content: " "; display: block; width: 100%; height: 25% } .jp-card-logo.jp-card-visaelectron:before { background: #1A1876 } .jp-card-logo.jp-card-visaelectron:after { background: #E79800 } .jp-card-logo.jp-card-visaelectron .elec { float: right; font-family: arial; font-size: 9px; margin-right: 1px; margin-top: -5px; text-transform: none } .jp-card.jp-card-visaelectron.jp-card-identified .jp-card-front:before, .jp-card.jp-card-visaelectron.jp-card-identified .jp-card-back:before { background-color: #191278 } .jp-card.jp-card-visaelectron.jp-card-identified .jp-card-logo.jp-card-visaelectron { opacity: 1 } .jp-card-logo.jp-card-mastercard { color: white; font-style: normal; text-transform: lowercase; font-weight: bold; text-align: center; font-size: 0px !important; line-height: 74px !important; z-index: 1; text-shadow: none !important; } .jp-card-logo.jp-card-mastercard:before, .jp-card-logo.jp-card-mastercard:after { content: " "; display: block; width: 26px !important; top: 0; position: absolute; height: 26px !important; border-radius: 18px; } .jp-card-logo.jp-card-mastercard:before { left: 0; background: #EB001B; z-index: -1; opacity: 0.9 } .jp-card-logo.jp-card-mastercard:after { right: 0; background: #FF5F00; z-index: -2 } .jp-card.jp-card-mastercard.jp-card-identified .jp-card-front .jp-card-logo.jp-card-mastercard, .jp-card.jp-card-mastercard.jp-card-identified .jp-card-back .jp-card-logo.jp-card-mastercard { box-shadow: none } .jp-card.jp-card-troy.jp-card-identified .jp-card-front:before, .jp-card.jp-card-troy.jp-card-identified .jp-card-back:before{background-color:#edf6fd !important;} .jp-card.jp-card-mastercard.jp-card-identified .jp-card-front:before, .jp-card.jp-card-mastercard.jp-card-identified .jp-card-back:before { background-color: #edf6fd !important; } .jp-card.jp-card-troy.jp-card-identified .jp-card-logo.jp-card-troy, .jp-card.jp-card-mastercard.jp-card-identified .jp-card-logo.jp-card-mastercard { opacity: 1 } .jp-card-logo.jp-card-maestro { color: white; font-style: normal; text-transform: lowercase; font-weight: bold; text-align: center; font-size: 14px; line-height: 84px; z-index: 1; text-shadow: 1px 1px rgba(0, 0, 0, 0.6) } .jp-card-logo.jp-card-maestro:before, .jp-card-logo.jp-card-maestro:after { content: " "; display: block; width: 36px; top: 0; position: absolute; height: 36px; border-radius: 18px } .jp-card-logo.jp-card-maestro:before { left: 0; background: #EB001B; z-index: -2 } .jp-card-logo.jp-card-maestro:after { right: 0; background: #00A2E5; z-index: -1; opacity: 0.8 } .jp-card.jp-card-maestro.jp-card-identified .jp-card-front .jp-card-logo.jp-card-maestro, .jp-card.jp-card-maestro.jp-card-identified .jp-card-back .jp-card-logo.jp-card-maestro { box-shadow: none } .jp-card.jp-card-maestro.jp-card-identified .jp-card-front:before, .jp-card.jp-card-maestro.jp-card-identified .jp-card-back:before { background-color: #0B2C5F } .jp-card.jp-card-maestro.jp-card-identified .jp-card-logo.jp-card-maestro { opacity: 1 } .jp-card-logo.jp-card-dankort { width: 60px; height: 36px; padding: 3px; border-radius: 8px; border: #000 1px solid; background-color: #fff } .jp-card-logo.jp-card-dankort .dk { position: relative; width: 100%; height: 100%; overflow: hidden } .jp-card-logo.jp-card-dankort .dk:before { background-color: #ED1C24; content: ''; position: absolute; width: 100%; height: 100%; display: block; border-radius: 6px } .jp-card-logo.jp-card-dankort .dk:after { content: ''; position: absolute; top: 50%; margin-top: -7.7px; right: 0; width: 0; height: 0; border-style: solid; border-width: 7px 7px 10px 0; border-color: transparent #ED1C24 transparent transparent; z-index: 1 } .jp-card-logo.jp-card-dankort .d, .jp-card-logo.jp-card-dankort .k { position: absolute; top: 50%; width: 50%; display: block; height: 15.4px; margin-top: -7.7px; background: white } .jp-card-logo.jp-card-dankort .d { left: 0; border-radius: 0 8px 10px 0 } .jp-card-logo.jp-card-dankort .d:before { content: ''; position: absolute; top: 50%; left: 50%; display: block; background: #ED1C24; border-radius: 2px 4px 6px 0px; height: 5px; width: 7px; margin: -3px 0 0 -4px } .jp-card-logo.jp-card-dankort .k { right: 0 } .jp-card-logo.jp-card-dankort .k:before, .jp-card-logo.jp-card-dankort .k:after { content: ''; position: absolute; right: 50%; width: 0; height: 0; border-style: solid; margin-right: -1px } .jp-card-logo.jp-card-dankort .k:before { top: 0; border-width: 8px 5px 0 0; border-color: #ED1C24 transparent transparent transparent } .jp-card-logo.jp-card-dankort .k:after { bottom: 0; border-width: 0 5px 8px 0; border-color: transparent transparent #ED1C24 transparent } .jp-card.jp-card-dankort.jp-card-identified .jp-card-front:before, .jp-card.jp-card-dankort.jp-card-identified .jp-card-back:before { background-color: #0055C7 } .jp-card.jp-card-dankort.jp-card-identified .jp-card-logo.jp-card-dankort { opacity: 1 } .jp-card-logo.jp-card-elo { height: 50px; width: 50px; border-radius: 100%; background: black; color: white; text-align: center; text-transform: lowercase; font-size: 21px; font-style: normal; letter-spacing: 1px; font-weight: bold; padding-top: 13px } .jp-card-logo.jp-card-elo .e, .jp-card-logo.jp-card-elo .l, .jp-card-logo.jp-card-elo .o { display: inline-block; position: relative } .jp-card-logo.jp-card-elo .e { -webkit-transform: rotate(-15deg); -moz-transform: rotate(-15deg); -ms-transform: rotate(-15deg); -o-transform: rotate(-15deg); transform: rotate(-15deg) } .jp-card-logo.jp-card-elo .o { position: relative; display: inline-block; width: 12px; height: 12px; right: 0; top: 7px; border-radius: 100%; background-image: -webkit-linear-gradient( #ff0 50%, red 50%); background-image: linear-gradient( #ff0 50%, red 50%); -webkit-transform: rotate(40deg); -moz-transform: rotate(40deg); -ms-transform: rotate(40deg); -o-transform: rotate(40deg); transform: rotate(40deg); text-indent: -9999px } .jp-card-logo.jp-card-elo .o:before { content: ""; position: absolute; width: 49%; height: 49%; background: black; border-radius: 100%; text-indent: -99999px; top: 25%; left: 25% } .jp-card.jp-card-elo.jp-card-identified .jp-card-front:before, .jp-card.jp-card-elo.jp-card-identified .jp-card-back:before { background-color: #6F6969 } .jp-card.jp-card-elo.jp-card-identified .jp-card-logo.jp-card-elo { opacity: 1 } .jp-card-logo.jp-card-jcb { border-radius: 5px 0px 5px 0px; -moz-border-radius: 5px 0px 5px 0px; -webkit-border-radius: 5px 0px 5px 0px; background-color: white; font-style: normal; color: white; width: 50px; padding: 2px 0 0 2px } .jp-card-logo.jp-card-jcb>div { width: 15px; margin-right: 1px; display: inline-block; text-align: center; text-shadow: 1px 1px rgba(0, 0, 0, 0.6); border-radius: 5px 0px 5px 0px; -moz-border-radius: 5px 0px 5px 0px; -webkit-border-radius: 5px 0px 5px 0px } .jp-card-logo.jp-card-jcb>div:before, .jp-card-logo.jp-card-jcb>div:after { content: " "; display: block; height: 8px } .jp-card-logo.jp-card-jcb>div.j { background-color: #000063; background-image: -webkit-linear-gradient(left, #000063, #008cff); background-image: linear-gradient(to right, #000063, #008cff) } .jp-card-logo.jp-card-jcb>div.c { background-color: #630000; background-image: -webkit-linear-gradient(left, #630000, #ff008d); background-image: linear-gradient(to right, #630000, #ff008d) } .jp-card-logo.jp-card-jcb>div.b { background-color: #006300; background-image: -webkit-linear-gradient(left, #006300, lime); background-image: linear-gradient(to right, #006300, lime) } .jp-card.jp-card-jcb.jp-card-identified .jp-card-front:before, .jp-card.jp-card-jcb.jp-card-identified .jp-card-back:before { background-color: #CB8000 } .jp-card.jp-card-jcb.jp-card-identified .jp-card-logo.jp-card-jcb { opacity: 1; box-shadow: none } .jp-card-logo.jp-card-dinersclub { font-family: serif; height: 40px; width: 100px; color: white; font-size: 17px; font-style: normal; letter-spacing: 1px } .jp-card-logo.jp-card-dinersclub::before, .jp-card-logo.jp-card-dinersclub::after { display: block; position: relative } .jp-card-logo.jp-card-dinersclub::before { content: 'Diners Club' } .jp-card-logo.jp-card-dinersclub::after { content: 'International'; text-transform: uppercase; font-size: 0.6em } .jp-card.jp-card-dinersclub .jp-card-front .jp-card-logo { box-shadow: none !important } .jp-card.jp-card-dinersclub.jp-card-identified .jp-card-front:before, .jp-card.jp-card-dinersclub.jp-card-identified .jp-card-back:before { background-color: #999 } .jp-card.jp-card-dinersclub.jp-card-identified .jp-card-logo.jp-card-dinersclub { opacity: 1 } .jp-card-container { -webkit-perspective: 1000px; -moz-perspective: 1000px; perspective: 1000px; width: 350px; max-width: 100%; height: 200px; margin: auto; z-index: 1; position: relative } .jp-card { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; line-height: 1; position: relative; width: 100%; height: 100%; min-width: 315px; border-radius: 10px; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; -o-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transition: all 400ms linear; -moz-transition: all 400ms linear; transition: all 400ms linear } .jp-card>*, .jp-card>*:before, .jp-card>*:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; font-family: inherit } .jp-card.jp-card-flipped { -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -ms-transform: rotateY(180deg); -o-transform: rotateY(180deg); transform: rotateY(180deg) } .jp-card .jp-card-front, .jp-card .jp-card-back { -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; -o-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transition: all 400ms linear; -moz-transition: all 400ms linear; transition: all 400ms linear; width: 100%; height: 100%; position: absolute; top: 0; left: 0; overflow: hidden; border-radius: 12px !important; background: #DDD; } .jp-card .jp-card-front:before, .jp-card .jp-card-back:before { content: " "; display: block; position: absolute; width: 100%; height: 100%; top: 0; left: 0; opacity: 0; border-radius: 10px; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; transition: all 400ms ease } .jp-card .jp-card-front:after, .jp-card .jp-card-back:after { content: " "; display: block } .jp-card .jp-card-front .jp-card-display, .jp-card .jp-card-back .jp-card-display { color: #212121 !important; font-weight: bold !important; opacity: 0.5; -webkit-transition: opacity 400ms linear; -moz-transition: opacity 400ms linear; transition: opacity 400ms linear; } .jp-card .jp-card-front .jp-card-display.jp-card-focused, .jp-card .jp-card-back .jp-card-display.jp-card-focused { opacity: 1; font-weight: 700 } .jp-card .jp-card-front .jp-card-cvc, .jp-card .jp-card-back .jp-card-cvc { font-family: "Bitstream Vera Sans Mono", Consolas, Courier, monospace; font-size: 14px } .jp-card .jp-card-front .jp-card-shiny, .jp-card .jp-card-back .jp-card-shiny { width: 50px; height: 35px; border-radius: 5px; background: #CCC; position: relative; } .jp-card .jp-card-front .jp-card-shiny:before, .jp-card .jp-card-back .jp-card-shiny:before { content: " "; display: block; width: 70%; height: 60%; border-top-right-radius: 5px; border-bottom-right-radius: 5px; background: #d9d9d9; position: absolute; top: 20% } .jp-card .jp-card-front .jp-card-logo { position: absolute; opacity: 0; right: 2% !important; bottom: 4%; -webkit-transition: 400ms; -moz-transition: 400ms; transition: 400ms; top: auto !important; } .jp-card .jp-card-front .jp-card-lower { width: 80%; position: absolute; left: 10%; bottom: 30px; } @media only screen and (max-width: 480px) { .jp-card .jp-card-front .jp-card-lower { width: 90%; left: 5% } } .jp-card .jp-card-front .jp-card-lower .jp-card-cvc { visibility: hidden; float: right; position: relative; bottom: 5px } .jp-card .jp-card-front .jp-card-lower .jp-card-number { font-family: "Bitstream Vera Sans Mono", Consolas, Courier, monospace; font-size: 24px; clear: both; margin-bottom: 15px !important; } .jp-card .jp-card-front .jp-card-lower .jp-card-expiry { font-family: "Bitstream Vera Sans Mono", Consolas, Courier, monospace; letter-spacing: 0em; position: relative; float: right; width: 25% } .jp-card .jp-card-front .jp-card-lower .jp-card-expiry:before, .jp-card .jp-card-front .jp-card-lower .jp-card-expiry:after { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: bold; font-size: 7px; white-space: pre; display: block; opacity: .5 } .jp-card .jp-card-front .jp-card-lower .jp-card-expiry:before { content: attr(data-before); margin-bottom: 2px; font-size: 7px; text-transform: uppercase } .jp-card .jp-card-front .jp-card-lower .jp-card-expiry:after { position: absolute; content: attr(data-after); text-align: right; right: 100%; margin-right: 5px; margin-top: 2px; bottom: 0 } .jp-card .jp-card-front .jp-card-lower .jp-card-name { text-transform: uppercase; font-family: "Bitstream Vera Sans Mono", Consolas, Courier, monospace; font-size: 20px; max-height: 45px; position: absolute; bottom: 0; width: 190px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: horizontal; overflow: hidden; text-overflow: ellipsis } .jp-card .jp-card-back { -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -ms-transform: rotateY(180deg); -o-transform: rotateY(180deg); transform: rotateY(180deg) } .jp-card .jp-card-back .jp-card-bar { background-color: #444; background-image: -webkit-linear-gradient(#444, #333); background-image: linear-gradient(#444, #333); width: 100%; height: 20%; position: absolute; top: 10% } .jp-card .jp-card-back:after { content: " "; display: block; background-color: #fff; background-image: -webkit-linear-gradient(#fff, #fff); background-image: linear-gradient(#fff, #fff); width: 80%; height: 16%; position: absolute; top: 40%; left: 2% } .jp-card .jp-card-back .jp-card-cvc { position: absolute; top: 40%; left: 85%; -webkit-transition-delay: 600ms; -moz-transition-delay: 600ms; transition-delay: 600ms } .jp-card .jp-card-back .jp-card-shiny { position: absolute; top: 66%; left: 2% } .jp-card .jp-card-back .jp-card-shiny:after { content: "This card has been issued by Jesse Pollak and is licensed for anyone to use anywhere for free. It comes with no warranty. For support issues, please visit: github.com/jessepollak/card."; position: absolute; left: 120%; top: 5%; color: white; font-size: 7px; width: 230px; opacity: .5 } .jp-card.jp-card-identified { box-shadow: 0 0 20px rgba(0, 0, 0, 0.2) !important; } .jp-card.jp-card-identified .jp-card-front, .jp-card.jp-card-identified .jp-card-back { background-color: #000; background-color: rgba(0, 0, 0, 0.5); } .jp-card.jp-card-identified .jp-card-front:before, .jp-card.jp-card-identified .jp-card-back:before { -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; transition: all 400ms ease; background-image: repeating-linear-gradient(45deg, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), repeating-linear-gradient(135deg, rgba(255, 255, 255, 0.05) 1px, rgba(255, 255, 255, 0) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.03) 4px), repeating-linear-gradient(90deg, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), repeating-linear-gradient(210deg, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), repeating-radial-gradient(circle at 30% 30%, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), repeating-radial-gradient(circle at 70% 70%, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), repeating-radial-gradient(circle at 90% 20%, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), repeating-radial-gradient(circle at 15% 80%, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), -webkit-linear-gradient(-245deg, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.2) 70%, rgba(255, 255, 255, 0) 90%); background-image: repeating-linear-gradient(45deg, rgba(255, 255, 255, 0.08) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), repeating-linear-gradient(135deg, rgba(255, 255, 255, 0.05) 1px, rgba(255, 255, 255, 0) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.03) 4px), repeating-linear-gradient(90deg, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), repeating-linear-gradient(210deg, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), repeating-radial-gradient(circle at 30% 30%, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), repeating-radial-gradient(circle at 70% 70%, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), repeating-radial-gradient(circle at 90% 20%, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), repeating-radial-gradient(circle at 15% 80%, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), linear-gradient(-25deg, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.2) 70%, rgba(255, 255, 255, 0) 90%); opacity: 1; } .jp-card.jp-card-identified .jp-card-front .jp-card-logo, .jp-card.jp-card-identified .jp-card-back .jp-card-logo { box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.3) } .jp-card.jp-card-identified.no-radial-gradient .jp-card-front:before, .jp-card.jp-card-identified.no-radial-gradient .jp-card-back:before { background-image: repeating-linear-gradient(45deg, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), repeating-linear-gradient(135deg, rgba(255, 255, 255, 0.05) 1px, rgba(255, 255, 255, 0) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.03) 4px), repeating-linear-gradient(90deg, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), repeating-linear-gradient(210deg, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), -webkit-linear-gradient(-245deg, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.2) 70%, rgba(255, 255, 255, 0) 90%); background-image: repeating-linear-gradient(45deg, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), repeating-linear-gradient(135deg, rgba(255, 255, 255, 0.05) 1px, rgba(255, 255, 255, 0) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.03) 4px), repeating-linear-gradient(90deg, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), repeating-linear-gradient(210deg, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), linear-gradient(-25deg, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.2) 70%, rgba(255, 255, 255, 0) 90%) } .ui-tooltip, .arrow:after { background: #0b73b8 !important; } .ui-tooltip { padding: 10px 20px !important; color: #fff !important; border-radius: 5px !important; }