.barcode {margin-top: 10px}
.ustMenu, .ustMenu .sG, .ustMenu .sepetim { position: relative }
.altAcilirMenu .ic:after, .altAcilirMenu.mobilAltMenu h2:before, .urun .campaign h5:after, .urun .yanyana:after, .ustMenu>.sG>.solda li.assa a:after { content: '' }
#manset .kayKapsa, #manset .manset, .altAcilirMenu .ic, .altAcilirMenu.mobilAltMenu .markalar { overflow: hidden }
#ustAlan .ust { background: #000; height: 100px }
.logo { float: left; margin: 30px 0 0 }
.logo a { width: 267px; height: 39px; background: transparent url(gorsel/logo-kozmetikcim.svg?v1) no-repeat; background-size: auto 100%; display: block; text-indent: -9999px; text-align: left; font-size: 0}
.logo.bayi a {background-image:url(gorsel/logo-kozmetikcim-b2b-iki.svg?v1) }
.enUstAlan .logo {margin: 0}
#ustSag { margin-top: 17.5px }
.uyeAlan { float: right; margin-bottom: 15px; color: #fff }
.arama, .telefonla, .ustMenu ul { float: left }
.uyeAlan a { color: #fff; font-size: 12px; vertical-align: middle }
.uyeAlan a+a { margin-left: 7px; padding-left: 7px; border-left: 1px solid #fff }
.uyeAlan a:hover { color: #ccc }
.uyeAlan .fb_iframe_widget { margin: -3px 0 -3px 10px; vertical-align: middle; width: 79px!important; height: 22px!important; overflow: hidden; display: inline-block }
.telefonla { clear: both; background: url(../../gorseller/tasarim/telle.png) no-repeat; padding-left: 40px; margin-right: 25px }
.telefonla p { color: #fff; font-size: 12px; line-height: 1 }
.telefonla p+p { font-size: 18px; margin-top: 2px }
.arama input[type=text] { padding-right: 32px; width: 304px }
.arama input[type=text]:focus { color: #fff; background: #6F6F6F }
.arama input[type=text]:focus+a .simge { background-position: -18px 0 }
.arama input[type=text].ac_loading { background: url(../../gorseller/tasarim/yukleniyor.gif) 90% 50% no-repeat #6F6F6F }
.arama a { margin: 0 0 0 -26px; display: inline-block }
.ustMenu { background: url(../../gorseller/tasarim/ustMenuAP.jpg) repeat-x; height: 40px }
.ustMenu>.sG>.solda li.assa a { font-size: 15px }
.ustMenu>.sG>.solda li.assa a:after { background: url(../../gorseller/tasarim/simgeler.png) 0 -20px no-repeat; width: 14px; height: 9px; display: inline-block; vertical-align: middle; margin-left: 7px }
.ustMenu>.sG>.solda li:last-child.assa a:after { display: none }
.ustMenu>.sG>.solda li.assa { background: #C40F6B }
.ustMenu .sepetim, .ustMenu>.sG>.solda li a { font-size: 13px; color: #fff; text-shadow: 1px 1px 0 #000; line-height: 40px; padding: 0 14px; display: block }
.ustMenu>.sG>.solda li a.etkin, .ustMenu>.sG>.solda li a:hover { color: #fff; background: transparent url(../../gorseller/tasarim/ustMenuAP.jpg) 0 -60px repeat-x; border-top: 2px solid #C40F6B; line-height: 38px }
.ustMenu .sepetim { float: right; background: #F91387; font-size: 16px; text-align: center }
.ustMenu .sepetim.acik, .ustMenu .sepetim:hover { cursor: pointer; z-index: 9998 }
.ustMenu .sepetim span { vertical-align: top }
#altAlan .kilit+span, #altAlan .mB img, #altAlan .yanaAl, .kartlar .cizgi, .kartlar img, .ustMenuGri .sagda span { vertical-align: middle }
.ustMenu .sepetim .sepet { margin: 8px 0 }
.ustMenu .sepetim .adet { background: #C40F6B; font-size: 12px; display: inline-block; text-align: center; border-radius: 50%; padding: 5px 7px; box-sizing: border-box; line-height: 13px; top: 10px; left: -12px; position: absolute; z-index: 1 }
.acilirSepet, .altAcilirMenuKapsa { position: absolute; right: 0; top: 100%; left: 0 }
.mobilMenu { background: rgba(0,0,0,.52); float: left; width: 40px; text-align: center; padding: 9px 0 }
.mobilMenu.etkin, .mobilMenu:hover { background: #FC0087; cursor: pointer }
.acilirSepet { border: 5px solid #F91387; background: #fff; padding: 15px; z-index: 24; display: none; -webkit-box-shadow: 0 20px 50px 0 rgba(0,0,0,.8); box-shadow: 0 20px 50px 0 rgba(0,0,0,.8) }
.acilirSepet .dugmeler .dugme .simge { margin-left: 5px }
.altAcilirMenuKapsa { z-index: 31 }
.altAcilirMenu { text-align: left; top: 100%; display: none; position: relative }
.altAcilirMenu .ic { border: 5px solid #6f6f6f; background: #fff; padding: 25px }
.altAcilirMenu .ic:after { display: block; clear: both }
.altAcilirMenu.etkin { display: inline-block }
.altAcilirMenu.kategoriler .solda { width: 230px }
.altAcilirMenu a:hover { color: #F81386 }
.altAcilirMenu.kategoriler .kolon { float: left; width: 33% }
.altAcilirMenu .solda { width: 150px }
.altAcilirMenu .solda+.solda { width: 240px; margin-left: 10px }
.altAcilirMenu .solda li+li { margin-top: 5px }
.altAcilirMenu h2, .altAcilirMenu h2 a { font-size: 16px; font-family: 'Objektiv', Arial, "Times New Roman", Times, serif; color: #80642B }
#altAlan h2, .BirlikteSepete h2, .filtreleme h3, .urunDetay #yorumlar article h3, .urunDetay .detay .griAlan h3, .urunDetay .detay h1, .urunDetay h2, .urunDetay>.sG>h1.urunAdi, .yorumlar article h3 { font-family: 'Objektiv', Arial, Helvetica, sans-serif }
.altAcilirMenu h2~h2 { margin-top: 25px }
.altAcilirMenu ul { float: none }
.altAcilirMenu .solda li a { font-size: 12px; color: #878787; display: block; padding-left: 14px }
.altAcilirMenu .solda li a:before, .ozelmenu li a:before { content: ''; width: 6px; height: 9px; background: url(../../gorseller/tasarim/simgeler.png) -32px -63px no-repeat; float: left; margin-left: -14px; margin-top: 4px }
.altAcilirMenu .solda li a:hover { color: #989898 }
.altAcilirMenu .sagda { border-left: 1px dotted #6F6F6F; padding-left: 30px; margin-left: 30px }
.altAcilirMenu .sagda .urun+.urun { border-top: 1px dotted #6F6F6F; padding-top: 20px; margin-top: 20px }
.altAcilirMenu.markalar .arama { float: none }
.altAcilirMenu.markalar .arama input[type=text] { width: 605px }
.altAcilirMenu.markalar .arama a { display: inline-block }
.altAcilirMenu.markalar .harfler { background: #eee; border-bottom: 1px solid #BBB; line-height: 35px; color: #000; font-size: 13px }
.altAcilirMenu.markalar .harfler span { border-bottom: 1px solid #fff; float: left; width: 22px; text-align: center; cursor: pointer }
.altAcilirMenu.markalar .harfler span.etkin, .altAcilirMenu.markalar .harfler span:hover { color: #F61F85; background: #fff }
.altAcilirMenu.markalar .solda { width: 645px }
.altAcilirMenu.markalar .tumu { background: #eee; line-height: 32px; text-align: center; display: block; color: #444; font-size: 14px }
.altAcilirMenu.markalar .tumu .simge { margin-left: 10px }
.altAcilirMenu.markalar .tumu:before { display: none }
.altAcilirMenu.markalar .markalar { display: block }
.altAcilirMenu.markalar .marka .markaAdi, .altAcilirMenu.mobilAltMenu h2+.sar { display: none }
.altAcilirMenu.markalar .marka a { line-height: 60px }
.altAcilirMenu.markalar .marka { float: left; width: 114px; padding: 7.5px; line-height: 60px; height: 60px; text-align: center }
.altAcilirMenu.mobilAltMenu .ic { border: 3px solid #F91387; padding: 0 }
.altAcilirMenu.mobilAltMenu h2 { background: #EEE; color: #000; font-size: 16px; padding: 6px 12px; margin: 0 0 1px }
.altAcilirMenu.mobilAltMenu h2:hover { cursor: pointer }
.altAcilirMenu.mobilAltMenu h2:before { float: right; width: 0; height: 0; border-style: solid; border-width: 7px 7px 0; border-color: #000 transparent transparent; margin-top: 7px }
.altAcilirMenu.mobilAltMenu h2.etkin:before { border-width: 0 7px 7px; border-color: transparent transparent #000 }
.altAcilirMenu.mobilAltMenu ul ul { margin-left: 20px; margin-bottom: 10px; display: none }
.altAcilirMenu.mobilAltMenu li { margin-left: 20px }
.altAcilirMenu.mobilAltMenu li.altMenulu { margin-left: 0 }
.altAcilirMenu.mobilAltMenu .etkin.altMenulu>a:before { content: '-' }
.altAcilirMenu.mobilAltMenu .altMenulu>a:before { content: '+'; display: inline-block; border: 1px solid #636467; background: #fff; border-radius: 50%; width: 14px; height: 14px; line-height: 13px; text-align: center; margin-right: 4px }
.altAcilirMenu.mobilAltMenu .sar { padding: 12px }
.altAcilirMenu.mobilAltMenu a { line-height: 1.8 }
.altAcilirMenu.mobilAltMenu .markalar .marka { width: 31.3%; float: left; margin: 4% 1%; text-align: center }
.altAcilirMenu.mobilAltMenu .markalar .marka .markaAdi { display: none }
.altAcilirMenu.mobilAltMenu .markalar .marka img { max-width: 90% }
.ozelmenu li a:before { float: none; display: inline-block; margin: 0 5px 0 0 }
.ozelmenu li+li { margin-top: 5px }
.ozelmenu li+h2 { margin-top: 20px }
.ustMenuGri { line-height: 37px; background: url(../../gorseller/tasarim/ustMenuGri.png) repeat-x; border-bottom: 1px solid #fff }
.ustMenuGri, .ustMenuGri a { font-size: 13px; color: #444; text-shadow: 1px 1px 0 #fff }
.ustMenuGri li { margin-left: 6px }
.ustMenuGri li+li+li { padding-left: 6px }
.ustMenuGri .solda+.sagda li+li+li+li { padding-left: 0 }
.ustMenuGri .sagda+.sagda { margin-right: 50px }
.ustMenuGri .sagda .kamyon { margin-right: 12px }
#altAlan { background: url(../../gorseller/tasarim/altAlanAP.png) 50% 80px no-repeat; padding-top: 326px; margin-top: 45px }
#altAlan .ap { background-color: #444; margin-top: -186px; padding-bottom: 25px }
#altAlan .sosyal { margin-top: -140px; float: left; position: relative }
#altAlan .bizdeBoylebirDelikanliyiz { position: absolute; background: url(../../gorseller/tasarim/altAlanAP.png) -1010px -22px no-repeat; left: 0; bottom: 0; height: 40px; width: 140px }
.sosyal { background: url(../../gorseller/tasarim/kozme.png) no-repeat; height: 117px; padding-left: 152px; padding-top: 25px; text-shadow: none }
.sosyal p { color: #C03E5E; font-size: 14px }
.sosyal .simge { margin-right: 5px }
.sosyal a { font-size: 13px; text-shadow: none!important }
.sosyal a.fb { color: #3A54AA!important }
.sosyal a.tw { color: #60C9E3!important }
.sosyal a+a { margin-left: 10px }
#altAlan .fb.sagda { background: url(../../gorseller/tasarim/fb-golge.png) 50% 100% no-repeat; margin-left: -10px; width: 302px; margin-top: -105px; margin-bottom: 25px; padding-bottom: 20px }
#altAlan .fb.sagda .ic { width: 252px; background: #141723; margin: auto }
#altAlan .sosyal+.solda { clear: both }
#altAlan .solda+.solda { margin-left: 50px }
#altAlan .solda { max-width: 250px }
#altAlan .mB .solda { max-width: none }
#altAlan h2 { font-size: 16px; color: #fff; text-shadow: 1px 1px 0 #000; margin-bottom: 20px }
#altAlan ul { margin: 0; padding: 0; list-style: none }
#altAlan, #altAlan a { font-size: 12px; color: #AAA; text-shadow: 1px 1px 0 #000 }
#altAlan .mB a:hover, #altAlan .sagda a:hover, #altAlan .solda a:hover { color: #fff }
#altAlan .hediyeKutusu { float: left; margin: 0 20px 20px 0 }
#altAlan input[type=text] { width: 218px; background: #292929; color: #aaa; border: 0; font-size: 12px; height: 16px; line-height: 16px }
#altAlan .solda .dugme { margin-left: -23px }
#altAlan .cizik { clear: both; height: 1px; background: #222; border-bottom: 1px solid #595959 }
#altAlan .cizikli input[type=text] { width: 208px }
#altAlan .cizikli { padding: 15px 22px 15px 0; height: 50px; float: left; border-right: 1px solid #595959; margin-top: -1px }
#altAlan .cizikli+.cizikli { border-left: 1px solid #222; padding: 15px 55px }
#altAlan .cizikli+.cizikli+.cizikli { padding: 15px 20px }
#altAlan .cizikli+.cizikli+.cizikli+.cizikli+.cizikli { border-right: 0 }
#altAlan .mB { margin: 25px 0 0 }
#altAlan .mB, #altAlan .mB a, #altAlan .mB p { font-size: 11px }
#altAlan .mB img+a { margin-left: 50px }
#altAlan .mB img+img, #altAlan .mB p.sagda a+a, #altAlan .yanaAl { margin-left: 10px }
#altAlan .mB p.sagda { margin-top: 12px }
#altAlan .kilit+span { display: inline-block; margin-left: 10px; line-height: 1 }
#altAlan .yanaAl { display: inline-block }
.kartlar { padding: 18px 0 }
.kartlar .cizgi { background: url(../../gorseller/tasarim/kart-cizik.png) no-repeat; width: 19px; height: 38px; display: inline-block; margin: 0 32px }
.kartlar .yovalak { background: #888; border-radius: 24px; width: 24px; height: 24px; line-height: 24px; display: inline-block; text-align: center; font-size: 16px; color: #444; text-shadow: none; border: 1px solid #000; border-width: 0 1px 1px 0; margin: 0 5px }
#manset { border-bottom: 1px solid #efefef }
#manset .eleman { background-position: 50% 0!important; background-repeat: no-repeat!important; width: 100% }
#manset .eleman a { display: block; height: 450px; font-size: 0 }
#manset img { display: block; margin: auto }
#sagAlan #manset { border: none; margin-bottom: 20px }
#sagAlan #manset .manset { height: auto!important }
#sagAlan #manset .manset .eleman a { height: 250px }
#sagAlan #manset .sayfalama { background: 0 0; border: none }
#sagAlan #manset .sayfalama .numara { margin: 5px 0; background-position: 0 -518px; width: 15px; height: 15px }
#sagAlan #manset .sayfalama .numara.etkin { background-position: -17px -518px }
#sagAlan #manset .sayfalama .numara+.numara { margin: 0 0 0 5px }
#manset .sayfalama { background: #F2F2F2; border-bottom: 1px solid #fff; border-top: 1px solid #fff; text-align: center }
#manset .sayfalama .numara { display: inline-block; width: 22px; height: 22px; background: url(../../gorseller/tasarim/simgeler.png) 0 -288px no-repeat; cursor: pointer; vertical-align: middle; margin: 9px 0 }
#manset .sayfalama .numara span, .dugmeK a span { display: none }
#manset .sayfalama .numara.etkin, #manset .sayfalama .numara:hover { background-position: -24px -288px }
#manset .sayfalama .numara+.numara { margin-left: 5px }
#manset .dugmeK { position: absolute; right: 15px; left: 15px; top: 50%; height: 0; overflow: visible; margin-top: -19px; opacity: 0; filter: alpha(opacity=0); -webkit-transition: all .3s ease-out; -moz-transition: all .3s ease-out; -ms-transition: all .3s ease-out; -o-transition: all .3s ease-out; transition: all .3s ease-out }
.kapsa, .markalarKayan { overflow: hidden }
#manset:hover .dugmeK { opacity: 1; filter: alpha(opacity=100) }
.urunBgorseller .dugmeK a span { display: block; text-indent: -9999px; top: 50%; position: relative }
#manset .dugmeK a, .urunBgorseller .dugmeK a span { width: 27px; height: 38px; float: left; background: url(../../gorseller/tasarim/simgeler.png) 0 -312px no-repeat; cursor: pointer; opacity: .5; filter: alpha(opacity=50); -webkit-transition: all .1s ease-out; -moz-transition: all .1s ease-out; -ms-transition: all .1s ease-out; -o-transition: all .1s ease-out; transition: all .1s ease-out }
#manset:hover .dugmeK a:hover, .urun:hover .urunKodu, .urunBgorseller:hover .dugmeK a:hover span { opacity: 1; filter: alpha(opacity=100) }
#manset .dugmeK a.ileri, .urunBgorseller .dugmeK a.ileri span { float: right; background-position: -29px -312px }
#manset .urunBgorseller .dugmeK a { background: 0 0; height: 100%; width: 30% }
#manset .urunBgorseller .dugmeK a.ileri { width: 70% }
a.yapis { position: absolute; z-index: 10; left: 0; top: 0; right: 0; bottom: 0; font-size: 0; overflow: hidden; text-indent: -999em }
.ozellik-slayt .sayfalama-slayt { background: none; border: none; padding: 5px 0 0; display: none }
#ortaAlan { background: url(../../gorseller/tasarim/ortaAlanAP.png) 50% 0 no-repeat #fff; padding-top: 40px }
#anasfAlan { background: url(../../gorseller/tasarim/anasayfa-ap.png) 50% 40px no-repeat }
.kategorilerGorselli { margin: 0 -4.5px 130px -3.5px }
.blogKategorileri { margin-bottom: 0 }
.kategorilerGorselli article { float: left; margin: 3.5px; position: relative; border: 1px solid #BBB }
.kategorilerGorselli article img { display: block }
.kategorilerGorselli article span { font-size: 20px; color: #fff; position: absolute; padding: 10px 15px; left: 0 }
.blogKategorileri article span { bottom: 8px; top: auto!important }
.kategorilerGorselli article.pembe span { background: #F32987; top: 40px }
.kategorilerGorselli article.turuncu span { background: #FF4708; bottom: 8px }
.kategorilerGorselli article.kahve span { background: #574034; bottom: 8px }
.kategorilerGorselli article.aPembe span { background: #E9A19B; bottom: 8px }
.kategorilerGorselli article.kTuruncu span { background: #E85E13; bottom: 12px; right: 0; left: auto }
.kategorilerGorselli article.fYesil span { background: #BFCB0A; bottom: 12px }
.kategorilerGorselli article.kahveC span { background: #915730; bottom: 12px; right: 0; left: auto }
.kategorilerGorselli article.Akahve span { background: #CB7D57; bottom: 12px; right: 0; left: auto }
.kategorilerGorselli article.gri span { background: #6D6355; bottom: 12px; right: 0; left: auto }
.kategorilerGorselli article.aYesil span { background: #E1DCAB; color: #352C2A; top: 12px; right: 0; left: auto }
.markalarKayan+.blogdan { margin-top: 60px }
.blogdan { border-bottom: 1px solid #EEE; padding-bottom: 20px; margin-bottom: 45px }
.blogdan .gorsel { width: 122px; height: 122px; overflow: hidden; float: left }
.blogdan h2 { font-size: 24px; color: #444 }
.blogdan p { font-size: 12px; color: #878787 }
.blogdan .icerik { width: 335px; float: left; margin-left: 10px }
.blogdan .tumyazilar { float: right; color: #868686; margin-top: 30px }
#ortaAltAlan { background: url(../../gorseller/tasarim/ortaAltAP.jpg) repeat-x; padding-top: 45px; margin-top: 30px }
#ortaAltAlan .markalarKayan { margin-top: 60px }
.markalarKayan { border-top: 1px solid #eee; border-bottom: 1px solid #eee; position: relative; height: 88px }
.markalarKayan .marka { float: left; width: 100px; padding: 0 7.5px; line-height: 85px; height: 85px; text-align: center; position: relative }
.markalarKayan .sayili .marka { width: 105px; padding-right: 20px }
.markalarKayan .marka .markaAdi { display: none }
.markalarKayan .marka .sayi { width: 18px; height: 18px; border: 1px solid #888; border-radius: 9px; text-align: center; position: absolute; display: block; line-height: 18px; background: #fff; right: 0; top: 50%; margin-top: -9px }
.kSlayt~.dugmeler, .kapsa~.dugmeler>span span { display: none }
.markalarKayan .kapsa { margin: auto }
.kapsa~.dugmeler { height: 0; overflow: visible; position: absolute; width: 100%; top: 32px }
.kapsa~.dugmeler>span { background: url(../../gorseller/tasarim/simgeler.png) -21px -78px no-repeat; width: 17px; height: 22px; float: left; cursor: pointer }
.kapsa~.dugmeler>span.ileri { background-position: -39px -78px; float: right }
.kSlayt { overflow: hidden; height: 37px; width: 270px }
.kSlayt .kapsa>p { float: left; text-align: center; width: 270px }
.kSlayt .kapsa>p+p { margin: 0 }
.griCubuk { line-height: 16px; font-size: 13px; color: #444; float: right; background: #eee; border-radius: 30px; padding: 7px 15px; font-weight: 700; margin-top: 12px }
.griCubuk a, a.griCubuk { font-weight: 400 }
.griCubuk a { margin-left: 5px; padding-left: 5px }
.griCubuk a:hover { color: #000 }
.griCubuk a+a { border-left: 1px solid #444; display: inline-block }
h2+.urunler { margin-top: 40px }
.urunler td { vertical-align: top; padding-bottom: 40px }
.urunler td .urun { border: 1px solid #eee; padding: 10px; min-height: 365px }
.urunler td .urun:hover { border-color: #C40F6B; -webkit-box-shadow: 0 0 3px 0 #ccc; box-shadow: 0 0 3px 0 #ccc }
.urun { width: 200px; font-size: 12px; text-align: center; position: relative; margin: auto }
.urun.birlikte { width: auto }
.urunler.ubirlikte td .urun { min-height: inherit }
.urun.birlikte article { width: 49.8%; float: left }
.urun.birlikte article+article { float: right }
.urun.birlikte .alt { clear: both; margin: 20px 0 0; overflow: hidden; background: #f8f8f8; padding: 15px 20px; border-top: 1px solid #eee }
.urun.birlikte .indirimKutu { position: absolute; z-index: 2; top: 10px; right: 10px }
.urun.birlikte .mini_urunFiyat { margin: 0 }
.urun .indirimKutu { float: none; display: inline-block }
.urun .mini_urunImg { height: 225px; overflow: hidden; position: relative }
.urun .mini_urunImg a img { vertical-align: bottom }
.urun .mini_urunMarka {padding: 5px 0}
.urun .mini_urunMarka a { color: #F61F86 }
.urun .mini_urunAdi {margin-bottom:10px;display:block }
.urun .mini_urunAdi a { color: #000000 }
.urun .mini_urunFiyatPiyasa, .urunFiyatPiyasa { color: #868686; text-decoration: line-through }
.urun .mini_urunFiyat { color: #C5006B; font-size: 16px; font-weight: 700; margin-left: 5px }
.urun .indirim { color: #F61F85; font-size: 16px; float: right; position: relative; height: 0; overflow: visible; z-index: 1 }
.urun .indirim .simge { margin-right: 5px }
.urun .kolon .indirim {float: none}
.urun .kolon.kirk {text-align: center}
.urun .kolonlar > .kolon.atmis {width: 100%; float: none; margin-left: 0}
.urun .kolon.kirk + .kolon.atmis {width: 58.5%; margin-left: 2%; text-align: left; float: right;padding-left: 25px;}
.urun .kolon .mini_urunFiyat {margin-left: 0}
.urun .yanyana.kolonlar .mini_urunFiyat, .urun .yanyana.kolonlar .mini_urunFiyatPiyasa {display: block}
.urun .kargoUcretsiz { position: absolute; left: 5px; top: 5px }
.urun .SloYeniurun { position: absolute; left: 5px; top: 5px }
.urun .kargoUcretsiz + .SloYeniurun {top: 37px}
.urun .yanyana .mini_urunFiyat, .urun .yanyana .mini_urunFiyatPiyasa { display: inline-block; vertical-align: middle }
/*.urun .yanyana:after { display: block; margin: 12px 20% 25px }*/
.urun .urunKodu { color: #C40F6B; font-size: 12px; background: #fff; position: absolute; padding: 5px 0; left: 0; right: 0; bottom: 46px; opacity: 0; filter: alpha(opacity=0); -webkit-box-shadow: 0 0 3px 0 #FFBADD; box-shadow: 0 0 3px 0 #FFBADD }
.urun:hover .urunKodu { -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out }
.RadAjax_kozme, .urunDetay #sekmeler .jQmerSekme .baslik a .simge { opacity: .5; filter: alpha(opacity=50) }
.urun .urunKodu b { color: #000 }
.urun .campaign { text-align: left }
.urun .campaign h5 { color: #1F1F1F; font-size: 11px; font-weight: 700; text-align: center; padding-bottom: 5px; border-bottom: 1px solid #EEE; position: relative }
.urun.kucuk .mini_urunFiyat, .urunler.yatay .urun .urunFiyat { font-size: 14px }
.urun .campaign h5:after { height: 2px; background: #CA1979; position: absolute; width: 40%; bottom: -.5px; border-radius: 3px; left: 30% }
.urun .campaign a { color: #CA1979 }
.urun .campaign li { background: #f9f9f9; padding: 5px 10px }
.urun .campaign li+li { margin-top: 6px }
.urunler .urun.kucuk { border-width: 0; padding: 0; min-height: 0 }
.urun.kucuk { width: 140px }
.urun.kucuk .mini_urunImg { height: 150px }
.urun.kucuk .yanyana:after { display: none }
.urunler.yatay .urun { width: auto; overflow: hidden; min-height: 0; text-align: left }
.urunler.yatay .urun .mini_urunImg { float: left; height: 150px; width: 150px; margin-right: 20px }
.urunler.yatay .urun .indirimKutu { float: left; clear: left; margin-top: 10px }
.urunler.yatay .urun .sagKisim { display: inline-block; max-width: 285px }
.urunler.yatay td .urun { margin-right: 10px }
.urunler.yatay td+td .urun { margin: 0 0 0 10px }
.liste { width: 100%; margin-bottom: 20px }
.liste td, .liste th { padding: 10px }
.liste tr+tr td, .odemeSon .liste tbody td { border-bottom: 1px solid #eee }
.liste .baslik { background: #EEE }
.liste .baslik td, .liste .baslik th { color: #F91387; font-size: 16px }
.liste td, .liste td a, .liste th, .liste th a { color: #444A4C; font-size: 13px }
.ac_over, .liste td a.dugme { color: #fff }
.ac_results { padding: 0; background-color: #fff; overflow: hidden; z-index: 99999; margin-left: -116px; border: 5px solid #6f6f6f; position: absolute }
.ekmekKirintisi .sG, .gitgel { border-bottom: 1px dotted #BBB; line-height: 20px }
.ac_results ul { list-style: none; padding: 0; margin: 0 }
.ac_results li { margin: 0; padding: 10px; display: block; font-size: 12px }
.ac_results li img { width: 40px }
.ac_odd { background-color: #fdced8 }
.ac_over { background-color: #cd6b84 }
.sepettekiler .hediyeAl { background: #eee; border-radius: 5px; padding: 12px; font-size: 14px; color: #444A4C; float: left; text-shadow: 1px 1px 1px #fff; clear: left }
.sepettekiler .hediyeAl .b { color: #F81385 }
.sepettekiler .hediyeAl p+p { margin-top: 5px }
.sepettekiler .hediyeAl .hediyeKutusuS { margin: 0 15px 0 0 }
.sepettekiler .hediyeAl .o { vertical-align: middle; display: inline-block; width: 280px }
.sepettekiler .fis { float: right; background: #eee; border-radius: 5px; padding: 20px; font-size: 15px; color: #444A4C }
.sepettekiler .fis td+td { font-weight: 700 }
.RadAjax_kozme { background: url(../../gorseller/tasarim/yukleniyor.gif) 50% 50% no-repeat #fff }
#ortaAlan .ekmekKirintisi { background: 0 0; margin-bottom: 25px }
#ortaAlan .ekmekKirintisi .sG { padding: 10px 0; margin-top: -40px }

.sepettekiler a.urunAdi > span {font-family: 'Objektiv Bold'; font-weight: normal}

.sepettekiler .liste td, .sepettekiler .liste th {padding: 5px}
.sepettekiler .td_gorsel {text-align: center}

.ekmekKirintisi {position: relative; z-index: 4}
.ekmekKirintisi > .sG { padding: 10px 0 }
.ekmekKirintisi > .sG > a:first-child {display: inline-block; vertical-align: middle; width: 17px; height: 16px; background: transparent url(gorsel/anasahife.svg) 0 0 no-repeat; background-size: auto 100%; font-size: 0;overflow: hidden}
.gitgel { padding: 10px 0; text-align: center }
.ekmekKirintisi a { color: #111111; font-weight: normal;position: relative; z-index: 1; display: inline-block; vertical-align: middle}
.ekmekKirintisi a+a { padding-left: 12px; margin-left: 5px }
.ekmekKirintisi a+a:before { content: ''; position: absolute; display: block; width: 5px; height: 5px; border: 1px solid #111111; border-width: 1px 1px 0 0; transform: rotate(45deg); left: 0; top: calc(50% - 3px)}
.ekmekKirintisi a.aktif { color: #F61F85 }

.ekmekKirintisi > .sG.yerineko {text-overflow: ellipsis;white-space: nowrap; overflow: hidden}
.ekmekKirintisi > .sG.sirali > a:first-child {width: auto; height: auto; background: none;font-size: 13px}
.ekmekKirintisi > .sG.sirali > a {display: block; clear: both}
.ekmekKirintisi > .sG.sirali > a + a {margin-left: 0; margin-top: 8px}
.ekmekKirintisi > .sG.sirali > a + a:before {transform: rotate(180deg);border-style: dotted;width: 6px; height: 9px; top: 2px}
.ekmekKirintisi > .sG.sirali > a:nth-child(1) {margin-bottom: 5px}
.ekmekKirintisi > .sG.sirali > a:nth-child(2) {margin-left: 5px}
.ekmekKirintisi > .sG.sirali > a:nth-child(3) {margin-left: 15px}
.ekmekKirintisi > .sG.sirali > a:nth-child(4) {margin-left: 25px}
.ekmekKirintisi > .sG.sirali > a:nth-child(5) {margin-left: 35px}
.ekmekKirintisi > .sG.sirali {background-color: #f8f8f8; display: none; position: absolute; left: 0; right: 0;top: 0; z-index: 1;}
	
#ustAlan + .ekmekKirintisi > .sG.sirali, #arakutu + .ekmekKirintisi > .sG.sirali {padding-bottom: 20px}

#ustAlan + .ekmekKirintisi > .sG, #arakutu + .ekmekKirintisi > .sG {padding: 8px 20px; margin-left: 0; margin-right: 0; border-bottom: 0; background-color: #f8f8f8;line-height: normal}

.ekmekKirintisi.grim { display: block;position: relative; z-index: 3; background-color: #f8f8f8 }
.ekmekKirintisi a.yapis {position: absolute; z-index: 5; left: 0; right: 0;bottom: 0; top: 0; font-size: 0}
.ekmekKirintisi a.yapis.etkin {width: 36px; height: 36px; left: auto; bottom: auto}
.ekmekKirintisi a.yapis.etkin:after {width: 16px; height: 16px; content: "";bottom: 5px; position: absolute; z-index: 1; right: 10px; top: calc(50%  - 8px);background: transparent url(gorsel/s-kapat.svg) center center no-repeat; background-size: auto 100%}


.urunDetay .gorsel { width: 36%; float: left; margin-right: 20px; margin-bottom: 30px; position: relative;z-index: 2 }

.urunDetay .gorsel .buyuk, .urfoto > img.boyucek { width: 100%; display: block; margin: 0 auto }
.buyuttuk .urfoto > img.boyucek { width: auto; height: auto; }
.urunDetay .gorsel .digerleri { text-align: center }
.urunDetay .gorsel .digerleri li { display: inline-block }
.urunDetay .gorsel .digerleri li a { border: 1px solid #BBB; width: 42px; height: 42px; display: block; vertical-align: middle }
.urunDetay .gorsel .digerleri li a img { vertical-align: top }
.urunDetay .gorsel .digerleri .videoAc { background: url(../../gorseller/tasarim/baslat.png) no-repeat; text-indent: -9999px; border: 0 }
.urunDetay .gorsel .digerleri .videoAc:hover { background-position: 0 -50px }
/*.urunDetay .sloganlar { height: 0; width: 0; overflow: visible; position: absolute; z-index: 2; left: 0; top: 0 }
.urunDetay .sloganlar > img {display: block;}
.urunDetay .sloganlar > img + img {margin-top: 3px}
.urunDetay .indirimKutu + .sloganlar { top: 50px }
.urunDetay .sloganlar img { max-width: none }
*/
.sloganlar.etiketli {display:none; margin-left: -2.5px; margin-right: -2.5px}
.sloganlar.etiketli > img {display: inline-block; vertical-align: middle; max-width: none; margin: 2.5px}

h1.urunAdi + .sloganlar.etiketli[style*=block] {margin-top:-20px; margin-bottom: 20px }
h1.urunAdi span.img-yeni {font-size: .4em; display: inline-block; vertical-align: middle; margin:-5px 3px 0 0}

.urune-ozel-kolonlar { padding: 20px 0 30px 0; border-top: 1px solid #bbbbbb }
.tecrube { display: inline-block; vertical-align: middle; font-size: 20px; color: #666666; line-height: 120%; position: relative; z-index: 1; padding-left: 57px; }
.tecrube > em { font-style: normal; display: block }
.tecrube > .sim { display: inline-block; vertical-align: middle; background: transparent url(gorsel/yil-arma.svg) 0 0 no-repeat; background-size: auto 100%; height: 64px; width: 47px; text-align: center; margin-right: 10px; font-size: 12px; position: absolute; z-index: 1; left: 0; top: 0; padding-top: 12px; box-sizing: border-box }
.tecrube > .sim > em { display: block; font-style: normal; line-height: 11px }
.tecrube > .sim > em + em { margin-top: 2px }
.tecrube > .sim > em:first-child { font-size: 16px; font-family: 'Objektiv Bold'; }
.tecrube > .sim > em:first-child ~ em { font-family: 'Objektiv'; font-size: 11px }
.guven > .tecrube { margin-top: 20px; text-align: left }
.slogan-yazi > span.slogy { display: block }
.slogan-yazi > span.slogy:not(.kolon) { display: inline-block; vertical-align: middle; margin: 3px 6px }
.slogan-yazi > span.slogy > em { font-style: normal; display: block; font-size: 16px }
.slogan-yazi > span.slogy > em:first-child { font-size: 11px }
.slogan-yazi > span.slogy[class*=s_] { position: relative; z-index: 1; padding-left: 40px }
.slogan-yazi > span.slogy[class*=s_]:before { content: "" }
.slogan-yazi.ufak > span.slogy[class*=s_]:before {display: none}
.slogan-yazi.ufak > span.slogy[class*=s_] {padding-left: 0}
.slogan-yazi.ufak > span.slogy.s_super-hizli {color:#00d24e;font-family: 'Objektiv Bold'}
.slogan-yazi > span.slogy:before { width: 35px; height: 35px; background-size: auto 100%; background-position: 0 0; background-repeat: no-repeat; display: block; position: absolute; z-index: 1; left: 0; top: 0 }
.slogan-yazi > span.slogy.s_kargo-bed:before { background-image: url(gorsel/s-kargo-bedava.svg) }
.slogan-yazi > span.slogy.s_teslimat-ode:before { background-image: url(gorsel/s-kapida-odeme.svg) }
.slogan-yazi > span.slogy.s_super-hizli { padding-left: 42px }
.slogan-yazi > span.slogy.s_super-hizli:before { background-image: url(gorsel/s-superhizli.svg); height: 24px; top: 5px }
.slogan-yazi > span.slogy.s_orijinal:before { background-image: url(gorsel/s-orijinal.svg); }
.ac_odd > img, .ac_odd > strong { display: inline-block; vertical-align: middle }
a.genislet { position: absolute; z-index: 2; right: 0; top: 0; width: 18px; height: 18px; background-size: auto 100%; background-color: #000000; -webkit-mask: url(gorsel/s-zoom.svg?v1) no-repeat; mask: url(gorsel/s-zoom.svg?v1) no-repeat 50% 50%; font-size: 0; overflow: hidden; text-indent: -999em }
a.genislet:hover { background-color: #000000 }
/*a.genislet.etkin { -webkit-mask: url(gorsel/s-zoom-eksi.svg) no-repeat; mask: url(gorsel/s-zoom-eksi.svg) no-repeat 50% 50%; }*/
a.genislet.etkin { -webkit-mask: url(gorsel/s-kapat.svg) no-repeat; mask: url(gorsel/s-kapat.svg) no-repeat 50% 50%}
.ie a.genislet, .ie a.genislet:hover, .firefox a.genislet, .firefox a.genislet:hover { background: transparent url(gorsel/s-zoom.svg) 0 0 no-repeat }
.ie a.genislet.etkin, .ie a.genislet.etkin:hover, .firefox a.genislet.etkin, .firefox a.genislet.etkin:hover { background: transparent url(gorsel/s-kapat.svg) 0 0 no-repeat }
/*
.urunDetay .SloYeniurun { position: absolute; top: 455px }
.urunDetay .SloStokyok { position: absolute; top: 415px }
*/
.BirlikteSepete h2, .urunDetay h2 { font-size: 26px }
.BirlikteSepete { padding-top: 30px }
.urunDetay .detay { float: right; width: 60%; margin-bottom: 30px; position: relative; z-index: 1}
.urunDetay .detay.thumbo {width: calc(60% - 50px)}
.urunDetay .gorsel.buyudu + .detay { float: none; margin-left: auto; margin-right: auto }
.urunDetay .sG+.sG { margin-top: 22px }
.urunDetay .detay h1, .urunDetay>.sG>h1.urunAdi { clear: both; font-size: 22px; color: #000; margin: 0 0 25px }
.urunDetay .detay h1 + .markaImg, .urunDetay .detay .yorum-ozet + .markaImg {margin: -20px 0 25px 0;font-family: 'Objektiv'}
.urunDetay .detay h1 + .markaImg a {font-family: 'Objektiv Bold'}
.urunDetay .detay .griAlan .kisa+span.solda { float: none; display: inline-block; width: calc(100% - 69px); vertical-align: top; margin-left: 8px }
.urunDetay .detay .griAlan .kisa+span.solda .dugme { display: block; }
.urunDetay .detay .griAlan .kisa+span.solda .dugme+.dugme { margin: 10px 0 0 }
/*.urunDetay .detay h1 span span { margin-right: 10px }*/
.urunDetay .detay .griAlan { background: #f2f2f2; float: right; padding: 16px; width: 44.25%; position: relative; box-sizing: border-box }
.urunDetay .detay .griAlan.apSiz { padding: 0 16px; background: 0 0 }
.urunDetay .detay .guven { float: right; width: 44.25%; text-align: center; margin-top: 30px;clear: right}
.urunDetay .detay .guven hr { background: url(../../gorseller/tasarim/urunHR.png) 50% 0 no-repeat; height: 15px; border: 0; margin: 10px 0 }
.urunDetay .detay .griAlan h3 { color: #444; font-size: 13px; text-shadow: 1px 1px 1px #fff }
.urunDetay .detay .griAlan .jQmerAcilirKutu.kisa { width: auto; display: inline-block; min-width: 0; float: left }
.urunDetay .detay .griAlan .jQmerAcilirKutu.kisa { width: 47px }
.urunDetay .detay .griAlan .attributes { width: 100% }
.urunDetay .detay .griAlan .jQmerAcilirKutu.attributes { width: 95% }
.sepetK { margin-right: 10px }
.urunDetay .Paylas .simge, .urunDetay .markaImg a img, .urunDetay .yorumlarDugme .simge { margin-right: 5px }
.urunDetay .detay .fiyatlandirma { float: left; width: 52% }
.urunDetay .detay .fiyatlandirma .urunMiniAciklama { font-size: 16px; color: #000 }
.urunDetay .urunFiyatPiyasa { font-size: 14px; color: #838383; text-decoration: line-through }
.urunDetay .urunFiyat { font-size: 32px; color: #F81386 }
.urunDetay .havale { font-size: 14px; color: #868686 }
.urunDetay .sG>.sagda { margin-top: -52px }
.urunDetay .Paylas { margin-left: 30px; display: inline-block }
.urunDetay .Paylas, .urunDetay .yorumlarDugme { font-size: 12px; color: #000 }
.urunDetay .Paylas .addthis_toolbox { display: none; position: absolute }
.urunDetay .Paylas:hover .addthis_toolbox { display: block }
.urunDetay .markaImg a {font-family: 'Objektiv Bold';color:#b02b2e}
.urunDetay .indirimKutu+a { float: right }
.indirimKutu { float: left; background-color: #B200B2; font-size: 16px; color: #fff; line-height: 26px }
.indirimKutu .Oran { padding: 7px 10px 3px 10px; display: block;text-align:center }
.urunDetay .indirimKutu .Oran > span {display:block;font-size:18px;line-height:18px;font-family:'Objektiv Bold'}
.urunDetay .indirimKutu .Oran > small {font-size:11px;line-height:11px;}
.gorsel > .indirimKutu { position: absolute; z-index: 2; left: 10px; top: 10px }
.indirimKutu .simge { margin: 4px 0; vertical-align: top }
.urun .indirimKutu { background: #F62087; line-height: 30px; font-size: 19px }
.urun .indirimKutu .Oran { padding: 5px 8px; font-size: 19px; line-height: normal}
.urun .indirimKutu .Oran em {font-size:11px;font-family:'Objektiv' !important;font-style:normal;display: inline-block;margin:0 2px 0 0;}
.urun .indirimKutu .simge { margin: 3px 0; display: none }
.urunDetay .renkSecenekleri { background: url(../../gorseller/tasarim/renkSecenekleriAP.jpg) 0 1px repeat-x #fff; border-top: 1px solid #BBB; padding: 10px 0; clear: both; position: relative; z-index: 1 }
.urunDetay .renkSecenekleri table { margin: auto; empty-cells: hide }
.urunDetay .renkSecenekleri table td { padding: 10px; width: 100px }
.urunDetay .renkSecenekleri table td+td { border-left: 1px dotted #dedede }
.urunDetay .renkSecenekleri table strong { display: block; margin-bottom: 5px }
.renkSecenekleri > .sG { width: auto; max-width: 980px }
.urunDetay .detay > .urunAdi + .renkSecenekleri { margin-top: -25px }
.urunDetay .detay > .renkSecenekleri { background: none; border: none; padding: 0; margin-bottom: 20px }
.urunDetay .detay > .renkSecenekleri h2 { font-size: 12px; font-family: 'Objektiv' }
.urunDetay .urunKodu { background: url(../../gorseller/tasarim/telSiparisKodu.png) 0 3px no-repeat; padding-left: 42px; color: #A20C58; font-size: 22px; line-height: 1; margin: 30px 0; min-height: 57px }
.urunDetay .urunKodu a { color: #A20C58; display: block; width: 95px; float: left }
.urunDetay .urunKodu span { display: block; }
.urunDetay .urunKodu p { color: #868686; font-size: 12px; line-height: 1.4; float: right; width: calc(100% - 110px) }
.urunDetay .banaOzel, .urunDetay .kampanyalar, .urunDetay .kartlar { background: #F2F2F2; border: 1px solid #BBB; border-width: 1px 0; line-height: 20px }
.urunDetay .kampanyalar { margin-bottom: -1px }
.urunDetay .kartlar { padding: 0 }
.urunDetay .kartlar .yovalak { color: #fff }
.urunDetay .banaOzel .cizik, .urunDetay .kartlar .cizik { border: 1px solid #FFF; border-width: 1px 0; padding: 10px 0 }
.urunDetay .banaOzel a { font-size: 12px; color: #000; text-shadow: 1px 1px 1px #fff }
.urunDetay .banaOzel a+a { margin-left: 25px }
.urunDetay .kampanyalar ul { display: table; table-layout: fixed; width: 100% }
.urunDetay .kampanyalar ul li { display: table-cell; padding: 0 30px 0 0; vertical-align: top }
.urunDetay .kampanyalar ul li+li { border-left: 1px solid #d3d3d3; padding: 0 0 0 30px }
.urunDetay .kampanyalar .cizik { padding: 20px 0; background: #fff }
.urunDetay #yorumlar { width: 32.25%; float: left; padding: 35px 40px 0 0; box-sizing: border-box }
.urunDetay #yorumlar article, .yorumlar article { display: block; padding-left: 30px; margin: 25px 0 }
.urunDetay #yorumlar article .simge, .yorumlar article .simge { float: left; margin-left: -30px }
.urunDetay #yorumlar article h3, .yorumlar article h3 { font-size: 12px; margin-bottom: 5px }
#sagAlan, #solAlan { margin-bottom: 40px }
.urunDetay #yorumlar .cizgili { border-top: 1px solid #bbb; padding: 20px 0; margin-right: -40px }
.urunDetay #sekmeler { width: 67.7%; float: right; background: url(../../gorseller/tasarim/urunDetay-sekmeAP.png) 1px 1px repeat-x #fff; padding: 35px 0 0 35px; box-sizing: border-box }
.urunDetay #sekmeler .jQmerSekme>.baslik { border-bottom: 1px solid #bbb; overflow: hidden; line-height: 50px }
/*.urunDetay #sekmeler .jQmerSekme>.sekme_Icerikler .icerik { min-height: 200px }*/
.urunDetay #sekmeler .jQmerSekme .baslik a { color: #868686; font-size: 14px; float: left; width: 25%; position: relative; text-align: center }
.urunDetay #sekmeler .jQmerSekme .baslik a.etkin, .urunDetay #sekmeler .jQmerSekme .baslik a.hover { color: #000 }
.urunDetay #sekmeler .jQmerSekme .baslik a.etkin .simge, .urunDetay #sekmeler .jQmerSekme .baslik a:hover .simge { opacity: 1; filter: alpha(opacity=100) }
.urunDetay #sekmeler .jQmerSekme .baslik a.etkin:after { content: ""; width: 0; height: 0; border-style: solid; border-width: 0 6px 6px; border-color: transparent transparent #bbb; position: absolute; left: 50%; margin-left: -3px; bottom: 0 }
.menuAcici:before, .profil:before { content: '' }
.urunDetay .ayrac { position: absolute; top: 0; bottom: 0; left: 32.3%; width: 0; border-right: 1px solid #fff; border-left: 1px solid #bbb }
.urunDetay .jQmerSekme .baslik .simge { background-image: url(../../gorseller/tasarim/urunDetaySekmeSimge.png); background-repeat: no-repeat; height: 16px; margin-right: 3px }
.urunDetay .ozellikler tr td { background: #F2F2F2; color: #000; padding: 5px 12px; text-shadow: 1px 1px 1px #fff }
.urunDetay .ozellikler tr td.zebra { background: #fff }
.urunDetay .ozellikler tr td span { width: 50%; float: left }
.urunDetay.bayi #sekmeler { width: auto; float: none; padding-left: 0 }
#sagAlan { width: 76%; float: right }
#sagAlan.ters {width: 71.876%; float: left}
#solAlan { width: 22%; float: left }
#solAlan.ters {width: 25.782%; float: right}
.sayfaNo .skor { text-align: center; padding: 15px 0; border-bottom: 1px solid #EEE; margin-bottom: 15px }
.sayfaNo .sayfalar { border: 1px solid #eee; border-radius: 15px; padding: 1px; display: inline-block; max-width: 520px }
.sayfaNo .sayfalar a { display: inline-block; width: 28px; text-align: center; font-size: 14px; color: #444; border-radius: 14px; line-height: 28px; height: 28px }
.sayfaNo .sayfalar a.aktif, .sayfaNo .sayfalar a.ilk, .sayfaNo .sayfalar a.son, .sayfaNo .sayfalar a:hover { background: #eee }
.sayfaNo .sayfalar a.ilk:after, .sayfaNo .sayfalar a.son:after { content: ''; background: url(../../gorseller/tasarim/simgeler.png) -35px -440px no-repeat; width: 5px; height: 8px; vertical-align: middle; display: inline-block }
.ProdAttSelect span, .sutun.uclu { vertical-align: top }
.sayfaNo .sayfalar a.son:after { background-position: -43px -440px }
.sayfaNo .kisa { width: 55px }
.siralamaSecenegi { width: 135px!important }
.asama { border: 1px solid #bbb; border-radius: 15px; padding: 1px; overflow: hidden; margin-bottom: 25px }
.asama a { float: left; width: 24.7%; line-height: 28px; color: #000; font-size: 16px }
.asama a+a { margin-left: .3% }
.asama a .numara { display: inline-block; width: 28px; text-align: center; background: #EEE; border-radius: 14px; margin-right: 12px }
.asama a.etkin { background: #6F6F6F; border-radius: 14px; color: #fff }
.asama a.etkin .numara { background: #000 }
.sutun.uclu { width: 28%; display: inline-block; float: none; padding-bottom: 2.5% }
.sutun.uclu+.sutun { margin-left: 2.5%; padding-left: 2.5%; border-left: 1px solid #e0e1e2 }
.sutun.ikili { width: 48%; float: left }
.sutun.ikili+.sutun { float: right }
.sutun.ikili .form .yazi { margin-left: 170px; margin-top: 5px }
.filtreleme { background: #ffffff; padding:10px 0}
div +.filtreleme { margin-top: 10px }
.filtreleme h3 { background: #ededed; border-bottom: 1px solid #CCC; font-size: 13px; color: #444; line-height: 30px; padding: 0 15px }
.filtreleme h3 .simge { float: right; margin-top: 12px }
.filtreleme ul { margin: 0 15px 10px; padding: 0 }
.filtreleme ul.sifirla { max-height: 300px; overflow: auto }
.filtreleme .filtreler li { border-bottom: 1px solid #fff }
.filtreleme li .filtre, .filtreleme li a { font-size: 13px; color: #313140; text-shadow: 1px 1px 1px #fff; line-height: 23px; display: block }
.filtreleme li a:hover { color: #C40F6B }
.filtreleme li .filtre { line-height: 25px }
.filtreleme .sagda { border: 0 }
.filtreleme .jQmerAcilirKutu { width: 184px }
.profil:before { display: inline-block; width: 0; height: 0; border-style: solid; border-width: 8px 5px 0; border-color: #fff transparent transparent; margin-right: 5px }
.profil.acik:before { border-width: 0 5px 8px; border-color: transparent transparent #fff }
.profil+.altMenu { position: absolute; display: none; border: 5px solid #F91387; background: #fff; z-index: 3; padding: 10px; margin-top: 10px }
.profil+.altMenu a { display: block; color: #444; line-height: 20px; padding: 0 10px }
.profil+.altMenu a+a { margin-left: 0; border-left: 0; border-top: 1px solid #999 }
.GiftList legend, .GiftList legend h2 { background: url(../../gorseller/tasarim/hediye-katalog-h1.png?v1) 0 14px no-repeat; color: #fff; padding: 0; font: 20px/58px 'Objektiv', Arial, "Times New Roman", Times, serif }
.GiftList legend { padding-left: 29px; width: 97% }
.GiftList legend h2 { background-position: 100% -86px }
.GiftList fieldset { border: 1px solid #FDDBE3; background: #fff; padding: 12px; margin-top: 30px; margin-bottom: 16px }
.karsilastirSf .dugmeler { margin: 50px 0; display: inline-block }
.karsilastirSf .urun { width: 150px }
.karsilastirSf .urun .mini_urunImg { height: 165px }
.markalarListesi li.marka { clear: both; position: relative; overflow: hidden; padding-left: 140px }
.markalarListesi li.marka+li { border-top: 1px solid #fff }
.markalarListesi span.harf { background: #C40F6B; color: #fff; float: left; position: absolute; left: 0; top: 0; bottom: 0; width: 140px; text-align: center; margin-right: 30px; padding: 50px 0 }
.markalarListesi a.harf { color: #fff; font-size: 100px; display: block; text-shadow: 8px 8px 0 #7E0944; -moz-transform: rotate(-10deg); -webkit-transform: rotate(-10deg); -o-transform: rotate(-10deg); -ms-transform: rotate(-10deg); transform: rotate(-10deg) }
.markalarListesi li.marka .icerik { min-height: 260px; padding: 30px; background: #f8f8f8; overflow: hidden }
.markalarListesi li.marka .mUrunler { float: right; padding: 4px 19px; background: #fff; border: 1px solid #ddd; -webkit-box-shadow: 1px 1px 5px 0 #eee; box-shadow: 1px 1px 5px 0 #eee;max-width: 320px }
.markalarListesi li.marka .icerik ul { float: left; max-width: 575px; margin: -5px 0 0 -5px }
.markalarListesi li.marka li.m { background: #fff; padding: 6px; float: left; width: 117px; border: 2px solid #fff; text-align: center; margin: 5px }
.markalarListesi li.marka li.m:hover { border-color: #C40F6B }
.markalarListesi li.marka li.m a { display: block }
.markalarListesi li.marka li.m .markaAdi { display: block; padding: 5px 0 }
.markalarListesi li.marka li.m img { height: 30px!important }
.markalarListesi .urunler td { padding: 0 }
.markalarListesi .urunler tr+tr td { border: 0 }
.markalarListesi .urunler tr+tr .urun { margin-top: 10px; padding-top: 10px; border-top: 1px solid #eee }
.markaHarfleri { text-align: right; margin-bottom: 5px; font-size: 0 }
.markaHarfleri a { display: inline-block; background: #f8f8f8; font-size: 14px; color: #000; padding: 5px 8px }
.markaHarfleri a:hover { background: #C40F6B; color: #fff }
.markaHarfleri a+a { margin-left: 5px }
.menuReklam { clear: both; margin-top: 30px }
.menuReklam img+img { margin-left: 1px }
.OzellikThumb table { width: 100% }
.OzellikThumb img { margin-left: 10px; z-index: -1; position: relative; width: 40px }
.OzellikThumb label span { display: block;margin-bottom: 5px; font-size: 11px }
.OzellikThumb label { margin-bottom: 10px }
.ProdAttSelect img { width: 40%; display: block; margin: 0 auto 5px auto; cursor: pointer}
.ProdAttSelect img.buyu {width: 100%; height: auto; cursor: default}
.ProdAttSelect img + span {text-align: center; font-size: 14px; font-family: 'Objektiv Bold'}
.OzellikThumb label, .ProdAttSelect label { margin: 0 10px 10px 0!important }
.jqPPtasiyici.girisPencere:not(.arakutu) {background:#ffffff url(../../gorseller/tasarim/girisPencere-ap.png) 0 100% repeat-x}
.girisPencere div.sagda, .girisPencere div.solda { width: 330px; min-height: 230px; padding: 35px }
.girisPencere div.ap { background: url(../../gorseller/tasarim/girissagda-ap.png) repeat-y; left: 50%; top: 0; bottom: 0; position: absolute; width: 16px }
.girisPencere h2 { margin-bottom: 22px }
.girisPencere .form .genis label { background: url(../../gorseller/tasarim/girisYap-label-cukkul.png) 100% 50% no-repeat; width: 50px; padding-left: 10px; padding-right: 10px; margin-bottom: -32px; float: left; position: relative }
.girisPencere .form input { text-indent: 80px }
.girisPencere .hatirlat { float: left }
.girisPencere .hatirlat .y12 { margin-left: 10px }
.KargoListe img { display: block; margin: 5px 0 }
.KargoListe label { color: #444A4C; font-size: 13px }
.KargoListe td+td label { margin-left: 45px }
.OvalBaslik { background: #eee; border-radius: 6px; overflow: hidden; float: left; padding: 16px 14px; width: 282px; min-height: 200px; margin: 20px 0 }
.OvalBaslik+.OvalBaslik { margin-left: 25px }
.OvalBaslik img { width: 50px; margin: 5px; vertical-align: middle }
.OvalBaslik .degis { text-decoration: underline }
.OvalBaslik .degis:hover { color: #000 }
.sonZiyaretEdilenler { margin: 20px 0 }
.sonZiyaretEdilenler h2 { border-bottom: 1px solid #CCC; font-size: 16px; line-height: 30px; padding: 0 15px; margin: 0 }
.sonZiyaretEdilenler .urun.kucuk { width: auto; padding: 10px; border-color: #C40F6B; -webkit-box-shadow: 0 0 3px 0 #ccc; box-shadow: 0 0 3px 0 #ccc; margin: 20px 0; border-width: 1px }
.sonZiyaretEdilenler .urun.kucuk:hover { -webkit-box-shadow: 0 0 3px 0 #C40F6B; box-shadow: 0 0 3px 0 #C40F6B }
.sonZiyaretEdilenler .urun.kucuk .mini_urunImg { width: 50%; float: left; height: auto }
.sonZiyaretEdilenler .urun.kucuk .mini_urunAdi { width: 45%; float: right }
.odemeIlk .sutun h3 { margin-right: -10px; font-size: 16px; font-family: 'Objektiv Bold' }
.odemeIlk .sutun { padding:2%; }
.odemeIlk .sutun+.sutun {margin-left: 0}
/*.odemeIlk .sutun { padding:2%; background: #FFF0F0 }
.odemeIlk .sutun+.sutun { margin-left: 0; background: #E8E8FF }
.odemeIlk .sutun+.sutun+.sutun { background: #DFD }
*/
.odemeIlk .sutun p.ortala { padding: 10px 0 0; text-align: center!important; float: none!important; clear: both }
.odemeSon .jQmerSekme>ul { border-bottom: 1px solid #000 }
.odemeSon .jQmerSekme>ul li a { font-size: 18px; font-weight: 400; padding: 0 8px; line-height: 38px; color: #858585; border: 1px solid #eee; background: #EEE; border-radius: 2px 2px 0 0; text-shadow: 1px 1px 1px #fff }
.odemeSon .jQmerSekme>ul li a.etkin { background: #fff; border: 1px solid #000; border-bottom: 1px solid #fff; line-height: 39px; color: #000; padding: 0 25px }
.odemeSon .jQmerSekme>ul li a:hover { color: #000 }
.odemeSon .jQmerSekme>ul li a span { display: inline-block; margin-right: 3px }
.odemeSon .jQmerSekme .sekme_Icerikler { padding: 25px 0 10px }
.odemeSon .jQmerSekme .sekme_Icerikler .icerik { overflow: visible }
.odemeSon .form label { color: #444A4C; font-size: 14px; width: 215px }
.odemeSon .ToplamTutar { background: #eee; border-radius: 6px; overflow: hidden; float: right; padding: 16px 14px; width: 282px; min-height: 168px; text-align: center; font-size: 18px; line-height: 168px }
.odemeSon .ToplamTutar.dinb { display: inline-block; float: none }
.odemeSon .ToplamTutar.dinb+.ToplamTutar { margin-left: 20px }
.odemeSon .ToplamTutar p { font-size: 13px }
.odemeSon .ToplamTutar .ic { display: inline-block; vertical-align: middle; line-height: 1.4 }
.odemeSon .havaleBankalar label { display: block }
.odemeSon .havaleBankalar input+label+input+label { margin: 25px 0 0 }
.odemeSon .paypallaOde { float: left; margin-top: 15px }
.odemeSon .paypallaOde div.solda { margin-left: 32px; width: 400px }
.odemeSon textarea { height: 40px }
.odemeSon .i.mesaj { margin: 0 }
.odemeSon .hediyeUrun { overflow: hidden; background: #fff; padding: 5px 10px; border: 1px solid #fff; margin: 20px 0; color: #F91387; border-radius: 5px; -webkit-box-shadow: 0 0 3px 0 #000; box-shadow: 0 0 3px 0 #AEAEAE }
.odemeSon .hediyeUrun h3 { margin: 0 10px 0 0 }
.odemeSon .hediyeUrun a, .odemeSon .hediyeUrun h3, .odemeSon .hediyeUrun img { display: inline-block; vertical-align: middle }
.odemeSon .hediyeUrun img { margin-right: 10px; border: 1px solid #EEE; border-radius: 3px }
.odemeSon .hediyeUrun a { font-size: 16px; font-weight: 400 }
.indirimBasliklar { display: block; overflow: hidden }
.indirimBasliklar>span { float: left; width: 174px; line-height: 25px; border: 1px solid #f3f3f3; border-radius: 4px; margin: 5px; padding: 5px }
.indirimBasliklar>span a { color: #F91387 }
.indirimBasliklar>span a:hover { color: #000 }
.odemeSon .rdDugme label { color: #1FC74E; padding: 20px 20px 20px 40px; background-color: #F7F7F7; border-radius: 5px; background-position: 15px -70px }
.odemeSon .rdDugme input:checked+label, .odemeSon .rdDugme label:hover { background-color: #FCFCFC }
.odemeSon .rdDugme input:checked+label { background-position: 15px 30px }
.odemeSon .rdDugme label~label { color: #F62087 }
.odemeFinal { background: url(../../gorseller/tasarim/siparisAlindi.png) 0 50% no-repeat; padding-left: 265px; margin: 40px 0; min-height: 185px }
.odemeFinal h2 { color: #F91387 }
.odemeFinal .fiyatRenk { color: #F91387; font-size: 13px }
#mobilDe, .menuAcici { font-size: 14px }
.odemeFinal p { margin: 0 10px 10px 0 }
.PromosyonKod { background: #6F6F6F; padding: 5px; color: #fff }
.PromosyonKod input { width: 276px!important }
.titleIn.titleSlogan { max-width: 300px; color: #d40065 }
#manset { width: 100% }
#manset, .swiper-container, .urunBgorseller { margin: 0 auto; position: relative; overflow: hidden; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; z-index: 1 }
#manset .manset, .swiper-wrapper, .urunBgorseller .kayKapsa { position: relative; width: 100%; -webkit-transition-property: -webkit-transform, left, top; -webkit-transition-duration: 0s; -webkit-transform: translate3d(0, 0, 0); -webkit-transition-timing-function: ease; -moz-transition-property: -moz-transform, left, top; -moz-transition-duration: 0s; -moz-transform: translate3d(0, 0, 0); -moz-transition-timing-function: ease; -o-transition-property: -o-transform, left, top; -o-transition-duration: 0s; -o-transition-timing-function: ease; -o-transform: translate(0, 0); -ms-transition-property: -ms-transform, left, top; -ms-transition-duration: 0s; -ms-transform: translate3d(0, 0, 0); -ms-transition-timing-function: ease; transition-property: transform, left, top; transition-duration: 0s; transform: translate3d(0, 0, 0); transition-timing-function: ease }
.swiper-free-mode>.swiper-wrapper { -webkit-transition-timing-function: ease-out; -moz-transition-timing-function: ease-out; -ms-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; margin: 0 auto }
/*#manset .manset .eleman, .swiper-slide, .urunBgorseller .kayKapsa .eleman { float: left }*/
.swiper-wp8-horizontal { -ms-touch-action: pan-y }
.swiper-wp8-vertical { -ms-touch-action: pan-x }
.AdminLink .jQmerAcilirKutu { padding: 0 }
.AdminLink .jQmerAcilirKutu span.yazi { margin: 0!important }
.AdminLink .jQmerAcilirKutu:before { margin: 6px 6px 0 -50px }
.menuAcici, .ustDarAlan { margin-bottom: 10px }
.menuAcici { display: none; padding: 10px; text-align: center; border: 1px solid #CCC; font-weight: 700 }
.menuAcici:before { display: inline-block; background: url(../../gorseller/tasarim/simgeler.png) 0 -487px no-repeat; width: 14px; height: 9px; margin-right: 4px }
.markaLogo { display: inline-block; vertical-align: middle }
#pnlFinal.mesaj { margin: 0 }
#mobilDe p, .aramaKatSonuc { margin-bottom: 20px }
.urunDetay>.sG>h1.urunAdi { display: none }
#altAlan .mB a.masaustusurum, #altAlan .mB a.mobilsurum { display: block; text-align: center; font-size: 12px; margin-bottom: 20px }
.aramaKatSonuc { padding: 10px; background: #f8f8f8 }
.ozellik-sec-dongu { display: block; }
.ozellik-sec-dongu > span { display: inline-block; vertical-align: middle }
.ozellik-sec-dongu > span > a { display: block; text-align: center; width: 42px; height: 42px; overflow: hidden; border-radius: 50%; margin: 0 auto }
.ozellik-sec-dongu > span > strong { display: block; margin-bottom: 3px; font-size: 12px; font-family: 'Objektiv'; text-align: center; white-space: normal }
.urun-imj-tasiyici .ozellik-sec-dongu > span > strong {display: none}
.ozellik-slayt .yonerge { top: calc(50% - 15px) }
.renkSecenekleri > .yonerge { top: 50% }
.ozellik-slayt .yonerge > a, .renkSecenekleri .yonerge > a { background-color: #bababa; width: 10px; height: 16px }
.renkSecenekleri .ozellik-slayt { width: calc(100% - 40px); margin: 0 auto }
.renkSecenekleri .ozellik-slayt.isibitti { width: 100% }
.renkSecenekleri .ozellik-slayt.isibitti .swiper-slide { padding: 2.5px; width: 14.285% }
.ozellik-slayt.genelslayt .swiper-slide { vertical-align: bottom }
a.ustekay { position: fixed; z-index: 24; right: 10px; bottom: 10px; width: 26px; height: 26px; border-radius: 50%; text-align: left; text-indent: -999em; font-size: 0; background-color: #F61F86; opacity: 0; cursor: pointer }
a.ustekay:hover { background-color: #C5006B }
a.ustekay.goster { opacity: 1 }
a.ustekay:before { display: block; width: 8px; height: 8px; border: 1px solid #ffffff; border-width: 1px 0 0 1px; content: ""; position: absolute; z-index: 1; left: calc(50% - 4px); top: calc(50% - 3px); transform: rotate(45deg) }
.anaslayt .sayfalama-slayt { position: absolute; z-index: 10; left: 0; bottom: 28px; right: 0; opacity: 0; border: 0; height: 0; overflow: visible; background: none; }
.anaslayt:hover .sayfalama-slayt, .anaslayt:hover .yonerge { opacity: 1 }
.anaslayt .yonerge { opacity: 0 }
.urunfoto-slide-kabuk .yonerge > a { width: 15px; height: 26px; background-color: #bababa }
.urunfoto-slide-kabuk #digerleri_galeri { position: absolute; z-index: 10; left: 0; bottom: 12px; zoom: 50% }
.digerurunler-slide-kabuk { margin: 30px 0 }
.digerurunler-slide-kabuk h2 + div { margin-top: 30px }
.digerurunler-slide .swiper-wrapper { text-align: center }
.digerurunler-slide .swiper-slide { padding: 5px }


/** kayan sepet**/
.kayanSepet, .kayanMenu {position: fixed; z-index: 100; left: 0; right: 0; top: 100%; bottom: -100%; background-color: #FFFFFF;box-sizing: border-box; overflow: auto; padding: 2em 0 4em 0}
.kayanSepet {left: auto; width: 479px; padding: 2em; overflow: hidden;}
.kayanMenu {padding-bottom: 0}
.kayanSepet.etkin, .kayanMenu.etkin {top: 79px; bottom: 0}
.kayanSepet.etkin {top: 117px}
.AdminLink ~ .kayanSepet.etkin, .AdminLink ~ .kayanMenu.etkin {top: 169px;}

.kayanSepetZemin {position: fixed; z-index: 90; left: 0; right: 0; bottom: 0; top: 79px; background-color: rgba(0,0,0,.65); display: none}

.yanyana.kolonlar {padding: 5px 0}

p.sepet-ozet-p, p.teslimat-secimi-p {padding: 7px; margin: 10px 0; border: 1px solid #dedede; border-radius: 5px;}
.sepet-ozet-p a.ozet-goster-tik, p.teslimat-secimi-p a.teslimati-goster-tik {display: block;line-height: 36px; color: #F62087}
.sepet-ozet-p a.ozet-goster-tik:before, p.teslimat-secimi-p a.teslimati-goster-tik:before {background: url(gorsel/s-sepet_siyah.svg) 0 0 no-repeat; background-size: auto 100%;width: 14px; height: 20px; margin-right: 5px; display: inline-block; vertical-align: middle; content: ""}
p.teslimat-secimi-p a.teslimati-goster-tik:before {background-image: url(gorsel/s-superhizli.svg); width: 29px}
p.teslimat-secimi-p em, p.sepet-ozet-p em {font-style: normal;text-decoration: underline}

/** responsive **/



@media only screen and (max-width:1280px) {
	.renkSecenekleri .ozellik-slayt.isibitti .swiper-slide {width: 16.66666%}
}

@media only screen and (min-width:1024px) {
.digerurunler-slide-kabuk { padding: 0 30px }
header.kaydi ~ .kayanSepet.etkin, header.kaydi ~ .kayanMenu.etkin, header.kaydi ~ .kayanSepetZemin {top: 38px}
	.urunDetay .gorsel.thumbo {width: calc(36% + 50px)}
}

@media only screen and (max-width:1024px) {
.renkSecenekleri {margin-left: -20px; margin-right: -20px}
.renkSecenekleri .yonerge { display: block; left: 10px; right: 10px}
.ozellik-sec-dongu > span > a { width: 40px; height: 40px }
.urunDetay .urunKodu a { width: auto; float: none }
.urunDetay .urunKodu p { float: none; width: auto; margin-top: 45px }
/*.ekmekKirintisi {display: none}*/
.ekmekKirintisi.acilan {display: block}
.ekmekKirintisi.acilan > .sG {margin-left: 0; margin-right: 0}
.ekmekKirintisi > .sG > a.son {font-family: 'Objektiv'}
/** sepet**/

.sepettekiler .liste .baslik {display: none}
.sepettekiler .liste, .sepettekiler .liste tbody, .sepettekiler .liste tr {display: block}
.sepettekiler  .liste tr+tr td {border: 0}
.sepettekiler .liste tr {overflow: hidden}
.sepettekiler .liste tr:nth-child(2) ~ tr {margin-top: 10px; padding-top: 10px; border-top: 1px solid #dedede}
.sepettekiler .liste .baslik ~ tr > td {display: block;box-sizing: border-box}
.sepettekiler .liste .baslik ~ tr > td:first-child, .sepettekiler .liste .baslik ~ tr > td.td_birimFiyat {display: none}
.sepettekiler .liste .baslik ~ tr > td:nth-child(2) {width: 30%; float: left}
.sepettekiler .liste .baslik ~ tr > td:nth-child(3) {width: 70%;float: right}
.sepettekiler .liste .baslik ~ tr > td:nth-child(3) + td {clear: left}
.sepettekiler .liste .baslik ~ tr > td:nth-child(4) {width: 30%;float: left;text-align: center}
.sepettekiler .liste .baslik ~ tr > td:nth-child(6) {width: 50%;float: left; line-height: normal}
.sepettekiler .liste .baslik ~ tr > td:nth-child(7) {width: 20%;float: left;text-align: right}

table[id*=tblHediye], table[id*=tblHediye] tbody, table[id*=tblHediye] tr, table[id*=tblHediye] td,
table[id*=tblGift], table[id*=tblGift] table, table[id*=tblGift] tbody, table[id*=tblGift] tr, table[id*=tblGift] td {display: block; width: 100%;box-sizing:border-box}
table[id*=tblGift] table {width: 100% !important}

table[id*=tblGift] table[id*=blGiftTypes] {width: 100%}
table[id*=tblGift] table[id*=blGiftTypes] td {width: 50%; box-sizing: border-box; display: inline-block}
.ara-kutu {display:none}	
.ara-kutu.ayri {display: block}
.ekmekKirintisi > .sG {display: none}
.ekmekKirintisi > .sG.yerineko {display: block}
}


@media only screen and (max-width:979px) {

.renkSecenekleri .ozellik-slayt { width: auto }
.renkSecenekleri .ozellik-slayt.isibitti .swiper-slide {width: 20%}
.enUstAlan .logo a {width: 165px; height: 24px; }
#altAlan .cizikli+.cizikli+.cizikli+.cizikli, .telefonla { display: none }
.urunDetay #sekmeler, .urunDetay #yorumlar { width: 748px!important }
.arama { clear: both }
.kartlar img { width: 68% }
#altAlan { background-position: 50% 86px }
#altAlan .mB .solda { max-width: 490px }
#altAlan .cizikli+.cizikli, #altAlan .cizikli+.cizikli+.cizikli { padding: 15px 10px }
#altAlan .cizikli+.cizikli+.cizikli+.cizikli+.cizikli { display: block }
.urunDetay .ayrac, .ustMenuGri .kSlayt { display: none }
#altAlan .cizikli input[type=text] { width: 196px }
#altAlan .solda { width: 45%; max-width: none }
#altAlan .solda+.solda { margin-left: 10% }
#altAlan .solda+.solda+.solda { clear: left; margin-left: 0; margin-top: 50px }
#altAlan .fb.sagda { margin-left: 0; margin-top: 0 }
.markalarKayan .marka { width: 70px }
.markalarKayan .sayili .marka { width: 75px }
.markalarKayan .marka .sayi { width: 15px; height: 15px; line-height: 15px }
.urun { width: 160px }
urun .mini_urunImg { height: 185px }
.kategorilerGorselli { margin: 0 -4.5px 0 -3.5px; padding-bottom: 70px }
.kategorilerGorselli article img { width: 180px }
.kategorilerGorselli article.kTuruncu img { width: 369px }
.ustMenu .sepetim, .ustMenu>.sG>.solda li a { font-size: 12px; padding: 0 6px }
.ustMenu>.sG>.solda li.assa a { font-size: 0 }
.ustMenu>.sG>.solda li.assa~li.assa a, .ustMenuGri, .ustMenuGri a { font-size: 12px }
.ustMenu>.sG>.solda li.assa a:after { margin-left: 0 }
.urunDetay .sG.pR { background: url(../../gorseller/tasarim/urunDetay-sekmeAP.png) 1px 1px repeat-x #fff; width: auto!important }
.urunDetay #yorumlar .cizgili { margin-right: 0 }
.urunDetay #sekmeler, .urunDetay #yorumlar { padding-right: 0; padding-left: 0; margin: auto; float: none }
.urunDetay .gorsel { width: 45% }
.urunDetay .detay, .urunDetay .detay .fiyatlandirma { width: 100% }
.urunDetay .SloYeniurun { top: 300px }
.filtreleme .jQmerAcilirKutu, .urunDetay .detay .griAlan, .urunDetay .detay .griAlan .jQmerAcilirKutu { width: 50%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
.filtreleme .jQmerAcilirKutu, .urunDetay .detay .griAlan .jQmerAcilirKutu.attributes { width: 100% !important; height: 36px; line-height: 36px }
.urunDetay .detay .griAlan .jQmerAcilirKutu { height: 36px; line-height: 36px }
.urunDetay .detay .griAlan .kisa+span.solda { width: calc(100% - 59px) }
.urunDetay .detay > .urunAdi + .renkSecenekleri { margin-top: 0 }
.markalarListesi li.marka .icerik ul { max-width: 411px }
.markalarListesi li.marka li.m { width: 107px }
.markalarListesi li.marka .mUrunler { padding: 4px 10px }
.sutun.uclu+.sutun { border: 0 }
.form.labelUstte p { float: none!important }
.form.labelUstte input[type=file], .form.labelUstte input[type=password], .form.labelUstte input[type=text], .form.labelUstte textarea, .form.yanyana.detayli .jQmerAcilirKutu, .form.yanyana.detayli input[type=text], .form.yanyana.detayli select { width: 100%!important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; height: 34px }
.form.labelUstte textarea { height: 114px }
.OvalBaslik { width: 27% }
.odemeSon .form.solda, .odemeSon .jQmerSekme .sekme_Icerikler .icerik .paypallaOde, .odemeSon .jQmerSekme .sekme_Icerikler .icerik>div.solda { width: 350px }
.odemeSon .paypallaOde div.solda { width: 180px }
.odemeSon .rdDugme label~label { margin-left: 0; margin-top: 10px }
.markaHarfleri { text-align: center }
.markaHarfleri a { margin-bottom: 5px }
.girisPencere div.sagda, .girisPencere div.solda { float: none }
span.sil + p.genis {margin-top: 1.3em}
#sagAlan { width: 74.489% }
#solAlan { width: 22.448% }
.form.yanyana.detayli p { width: 24% }
.form.yanyana.detayli p+p { margin-left: 1% }
.form.yanyana.detayli .satir+.satir p { width: auto }
.form.yanyana.detayli label { width: 100px }
.girisPencere div.ap { display: none }
	/* sepet ozet tablo */
 table.sepet-ozet-tablo, table.sepet-ozet-tablo tbody, table.sepet-ozet-tablo tr, table.sepet-ozet-tablo td {display: block}
	table.sepet-ozet-tablo tr.baslik {display: none}
	.liste tr+tr td, .odemeSon .liste tbody td {border: 0}
	table.sepet-ozet-tablo td {padding: 5px; box-sizing: border-box;float: left}
	table.sepet-ozet-tablo tr {border: 1px solid #dedede; overflow: hidden}
	table.sepet-ozet-tablo tr:not(.baslik) + tr {border-top: 0}
	table.sepet-ozet-tablo tr > td:first-child {width: 60px;}
	table.sepet-ozet-tablo tr > td:nth-child(2) {width: calc(100% - 60px)}
	table.sepet-ozet-tablo tr > td:nth-child(2) ~ td {background-color: #f8f8f8}
 table.sepet-ozet-tablo tr > td:nth-child(3) {width: 10%;clear: left}
	table.sepet-ozet-tablo tr > td:nth-child(3):after {content: "x"}
	table.sepet-ozet-tablo tr > td:nth-child(4), table.sepet-ozet-tablo tr > td:nth-child(5) {width: 45%}
	table.sepet-ozet-tablo tr > td:nth-child(5):before {content: "Toplam :"}
}

@media only screen and (min-width:768px) {
.mobilAltMenu, .mobilMenu { display: none!important }
.jqPPtasiyici.manset-kabuk #manset { width: 600px; height: 600px }
}

@media only screen and (max-width:767px) {
#ustAlan .ust { height: auto; overflow: hidden }
.urunDetay #sekmeler, .urunDetay #yorumlar { width: 460px!important }
.arama { display: block; float: none; width: 460px; margin: 50px 0 20px }
#altAlan .cizikli, #altAlan input[type=text], .arama input[type=text] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; height: 34px; width: 100% }
#altAlan input[type=text] { height: 28px }
#altAlan .solda .dugme { margin-left: -30px!important; display: inline-block!important; padding: 0 7px!important }
.kartlar .cizgi, .mobilMenu+ul, .ustMenuGri { display: none }
#altAlan .fb.sagda { width: 50%; margin-top: 30px }
#altAlan .hediyeKutusu { margin-right: 10px }
.kartlar { text-align: center }
.kartlar img { width: 100%; margin-top: 10px }
#altAlan { background-position: 50% 95px }
#altAlan .mB .solda { width: 100%; max-width: none }
#altAlan .mB p.sagda { width: 100%; text-align: center }
#altAlan .cizikli { width: 50%; height: 80px; text-align: center; border-bottom: 1px solid #222 }
#altAlan .cizikli img { margin: auto }
#altAlan .cizikli+.cizikli { border-right: 0 }
#altAlan .cizikli+.cizikli+.cizikli { border-top: 1px solid #595959; border-left: 0; border-right: 1px solid #595959; border-bottom: 0; margin-top: 0 }
#altAlan .cizikli+.cizikli+.cizikli+.cizikli { border-left: 1px solid #222 }
#altAlan .cizikli input[type=text] { width: 100% }
#altAlan .cizikli input[type=text]~a { margin-left: -30px!important; display: inline-block!important; padding: 0 7px!important }
.urunDetay .sG>.sagda { display: none }
.simge.telle, .urunDetay .detay .guven {float: none; width: auto; padding: 1.5em 0 0;clear: both}
.kategorilerGorselli article img { width: 225px }
.kategorilerGorselli article.kTuruncu img { width: 460px }
.urunDetay .detay, .urunDetay .detay .griAlan select { width: 100% }
.urunDetay .gorsel {width: 60%; margin-left: auto; margin-right: auto; margin-bottom: 5px; float: none}
.urunDetay .gorsel .sayfalama-slayt {padding-bottom:0}
a.griCubuk { display: block }
.markalarListesi li.marka .mUrunler { display: none }
.markalarListesi li.marka li.m { width: 106px }
.griCubuk { float: none; margin-bottom: 10px }
.urunler, .urunler tbody, .urunler tr { display: block }
.urunler td { display: inline-block; width: 50%!important; padding: 0 0 40px }
.sepettekiler .fis { float: none }
.sepettekiler .hediyeAl { display: block; float: none }
.sepettekiler .dugmeler a { text-align: center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin: 2.5% 0; padding: 0 }
.sepettekiler .dugmeler a+a, .sepettekiler .dugmeler a+a+a+a { margin-left: 5% }
.sepettekiler .dugmeler a+a+a { margin-left: 0 }
.sutun.uclu { display: block; width: auto }
.odemeIlk .sutun+.sutun { margin-top: 3px }
.sutun.ikili { width: auto; float: none; display: block }
.sutun.ikili+.sutun { float: none }
.OvalBaslik { width: auto; float: none; min-height: 0; margin: 10px 0; padding: 10px 20px }
.OvalBaslik+.OvalBaslik, .ac_results, .urunDetay .banaOzel a+a { margin-left: 0 }
.odemeSon .jQmerSekme>ul { height: auto }
.odemeSon .jQmerSekme>ul li { float: none }
.odemeSon .jQmerSekme>ul li+li { margin-left: 0; margin-top: 1px }
.odemeSon .ortala .dugme.sagda, .odemeSon .ortala .dugme.solda { position: relative; top: 20px }
.odemeSon .ortala .dugme+div { position: relative; top: -50px }
.odemeSon .form.solda, .odemeSon .jQmerSekme .sekme_Icerikler .icerik .paypallaOde, .odemeSon .jQmerSekme .sekme_Icerikler .icerik>div.solda { width: auto; float: none; overflow: hidden }
.odemeSon .ToplamTutar { float: none; width: auto; min-height: 0; display: block; line-height: 1.4; margin-top: 10px }
.sonZiyaretEdilenler { display: none }
.sayfaNo .sonucBG td { display: block; text-align: center }
#sagAlan, #solAlan, #sagAlan.ters, #solAlan.ters { width: 100%; float: none }
.elli { width: 100%!important }
.menuAcici { display: block }
#solAlan, .simgeYazdir { display: none }
.ac_results { width: 450px!important }
.jqPPtasiyici { max-width: 430px!important; padding: 10px!important }
.jqPPtasiyici.manset-kabuk { max-width: 90%!important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
.urunDetay .banaOzel a { width: 50%; float: left }
.urunDetay .kampanyalar ul { display: block }
.urunDetay .kampanyalar ul li { display: block; padding: 0 0 10px }
.urunDetay .kampanyalar ul li+li { border-left: 0; border-top: 1px solid #d3d3d3; padding: 10px 0 }
.urunDetay .renkSecenekleri table td { width: 133px; display: inline-block }
.urunDetay .renkSecenekleri table td+td { border-left: 0 }
#manset .sayfalama { display: none }
#manset .eleman { background-position: 50% 50%!important }
#manset .manset .eleman { background-size: 100%!important }
#manset .eleman a, #manset .manset { height: 250px!important }
#manset img { max-width: 100% }
#manset .urunBgorseller .dugmeK a, #manset .urunBgorseller .dugmeK a.ileri { width: auto }
.urunBgorseller { width: 100%!important }
.urunDetay>.sG>h1.urunAdi { display: block; margin-top: 10px; font-size: 5.5vw }
#divFaturaInfo, .odemeIlk .pnl { display: none }
.urunDetay .detay h1, .sloganlar.etiketli, .yorum-ozet {text-align: center}
.urunDetay .detay h1 {font-size: 1.4em; font-family: 'Objektiv Bold'}
.blockUI { display: none!important }
.asama {border: 0; margin: 0 -10px 10px -10px; text-align: center}
.asama a { font-size: 11px; line-height: 24px; display: inline-block; vertical-align: middle; float: none;width: auto; padding-right: 10px}
.asama a .numara { width: 24px; margin-right: 4px }
.form.yanyana.detayli p { width: 49%; margin-bottom: 5px }
.form.yanyana.detayli p+p, .form.yanyana.detayli p+p+p+p { margin-left: 1% }
.form.yanyana.detayli p+p+p { margin-left: 0 }
.form.yanyana.detayli label { width: auto }
.form.yanyana.detayli .dugme { margin: 0; float: right }
a.genislet { display: none }
.renkSecenekleri .ozellik-slayt.isibitti .swiper-slide {width: 25%}
.renkSecenekleri.fiks .ozellik-slayt.isibitti .swiper-wrapper {white-space: nowrap; overflow-y: hidden; overflow-x: auto}
.odemeFinal {background-size: 90px auto; padding-left: 90px; background-position: left top}
}

@media only screen and (max-width:479px) {
.urunDetay #sekmeler, .urunDetay #yorumlar { width: auto!important; margin: 0 10px!important }
.jqPPtasiyici { max-width: 270px!important; padding: 10px }
.logo a { width: 160px; height: 24px }
.arama { margin: 30px 0 20px; width: auto }
#ustSag { width: 100% }
.uyeAlan a { display: inline-block }
.uyeAlan .fb_iframe_widget { display: block; margin: 10px 0 0 auto }
.urunler td { width: 100%!important }
.urun { width: auto }
.urun .mini_urunImg { height: auto; margin-bottom: 10px }
.urunDetay .SloYeniurun { top: 250px }
.filtreleme .jQmerAcilirKutu, .urunDetay .detay .fiyatlandirma, .urunDetay .detay .griAlan, .urunDetay .detay .griAlan .jQmerAcilirKutu { width: 100% }
.urunDetay .detay .griAlan.pnlAddToCart { position: fixed; z-index: 30; left: 0; right: 0; bottom: 0 }
	.urunDetay .detay .griAlan.pnlAddToCart.gizle {position: static; margin-top: 20px}
.urunDetay .detay .griAlan.pnlAddToCart h3, .urunDetay .detay .griAlan.pnlAddToCart .tik-hediye { display: none }
.urunDetay .gorsel .buyuk { width: 75%; display: block; margin: 0 auto }
.urunDetay .indirimKutu { float: none; text-align: center; margin-bottom: 10px }
.urunDetay .indirimKutu+a, .urunDetay .markaImg a { float: none; display: block; text-align: right; overflow: hidden }
.urunDetay .markaImg a {text-align:center}
#altAlan .bizdeBoylebirDelikanliyiz, .sepettekiler .td_birimFiyat, .sepettekiler .td_gorsel { display: none }
.urunDetay .markaImg a img { float: left }
.kategorilerGorselli article, .urunDetay .detay .griAlan .jQmerAcilirKutu.kisa, .urunDetay .detay .griAlan select, .ustDarAlan .sagda { float: none }
/* .urunDetay .renkSecenekleri { min-height: 100px } */
.sepettekiler .dugmeler a { margin: 5px 0; width: 100% }
.sepettekiler .dugmeler a+a, .sepettekiler .dugmeler a+a+a+a { margin-left: 0 }
.sepettekiler .hediyeAl .o { width: 160px }
.sepettekiler textarea { width: 246px; margin-top: 10px }
.sepettekiler .fis { padding: 10px }
.markalarListesi li.marka .icerik ul { max-width: none; width: 100% }
.markalarListesi li.marka li.m { width: auto; float: none }
.markalarListesi li.marka { padding-left: 70px }
.markalarListesi span.harf { width: 70px; margin-right: 0; padding: 20px 0 }
.markalarListesi a.harf { text-shadow: 3px 3px 0 #7E0944; font-size: 50px }
.markalarListesi li.marka .icerik { min-height: 0 }
#altAlan { background-position: 50% 98px }
.sosyal { background-size: 95px; background-position: 0 25px; padding-left: 90px }
#altAlan .solda { width: 100%; margin: 10px 0!important }
#altAlan .fb.sagda { width: 100%; margin: 30px 0!important }
#altAlan .cizikli, #altAlan .cizikli+.cizikli+.cizikli { width: 100%; padding-right: 0; border-width: 1px 0!important; border-bottom: 1px solid #222; margin: 0 }
#altAlan .cizikli+.cizikli, #altAlan .cizikli+.cizikli+.cizikli { border-top: 1px solid #595959 }
#altAlan .cizikli+.cizikli+.cizikli+.cizikli { border-bottom: 0 }
.urunDetay #sekmeler .jQmerSekme>.baslik { line-height: 1.5 }
/* .urunDetay .detay .griAlan .kisa+span.solda { width: auto; display: block } */
.dugme, input[type=submit] { font-size: 15px!important }
.urunDetay .detay .griAlan .kisa+span.solda .dugme { padding: 0; text-align: center }
.odemeSon .ortala .dugme.sagda, .odemeSon .ortala .dugme.solda { width: 100%; padding: 0; margin: 5px 0 }
.odemeSon .ortala .dugme+div { top: -100px }
.form input[type=file]+.dugme, .form input[type=password]+.dugme, .form input[type=text]+.dugme, .form p+.dugme, .form p+input[type=submit], .form textarea+.dugme, p.sagla .dugme { text-align: center!important; display: block!important; margin-left: 0!important; padding: 0!important }
.form input[type=file]+.dugme, .form input[type=password]+.dugme, .form input[type=text]+.dugme, .form textarea+.dugme { margin-top: 10px }
.form input[type=file], .form input[type=password], .form input[type=text], .form textarea { width: 100%!important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; height: 34px }
.form textarea { height: 114px }
.markalarKayan .marka { width: 100px }
.kategorilerGorselli article img { width: 100% }
.OvalBaslik { padding: 7px 10px }
.profil+.altMenu { left: 50%; margin-left: -60px }
.ac_results { width: auto!important; margin-left: 0; right: 10px }
div+.filtreleme { margin-bottom: 10px }
.ustDarAlan a.dugme { display: block; text-align: center; margin: 10px 0!important }
.ustDarAlan .jQmerAcilirKutu.siralamaSecenegi, .ustDarAlan select { width: 286px!important; text-align: center }
.girisPencere div.sagda, .girisPencere div.solda { width: auto; min-height: 0; padding: 10px }

.girisPencere .form .genis label { padding-right: 3px }
.girisPencere .form input { text-indent: 65px }
#girisAlan input[type=password], #girisAlan input[type=text] { width: 100%!important }
.girisPencere .hatirlat .y12 { float: right }
.girisPencere .dugme.sagda, .girisPencere .hatirlat { float: none }
.odemeSon .jQmerSekme>ul { padding-bottom: 41px; position: relative }
.odemeSon .jQmerSekme>ul li a.etkin { padding: 0 8px; position: absolute; left: 0; bottom: 0; right: 0 }
.odemeSon .paypallaOde div.solda { width: auto; margin-left: 0 }
.liste+p a.dugme { display: block; margin: 5px 0; text-align: center; float: none }
.form+.form { margin-top: 30px }
.td_urunkodu { display: none }
.td_sil { font-size: 0!important }
.liste .baslik td, .liste .baslik th { font-size: 14px }
.urunDetay .renkSecenekleri table td { width: 80px }
#manset .eleman a, #manset .manset { height: 150px!important }
.urunDetay .sG.pR { margin: 0!important }
.form.yanyana.detayli .dugme { float: none; clear: both }
.form.yanyana.detayli .satir+.satir p { margin-bottom: 10px }
.fiyatlandirma {text-align: center;}
.urunDetay .urunKodu {text-align: left}
.kayanSepet {width: 100%}
.kayanSepetZemin {display: none !important}
}
@media only screen and (max-width:320px) {
	.enUstAlan .logo a {width: 124px; height: 18px; margin: 3px 0}
}
@media only screen and (max-width:1024px) {
	.urunDetay .detay.thumbo {width:100%}
}