@import url("container.css");
@import url("AdminStyle.css");
@import url("lightbox.css");
@import url("magiczoom.css");

/****************  Tasarim ve Uygulama Isa Güçlü  isaguclu@yahoo.com  *************************/

body 
{ background:#141619 url(../../images/design/sayfabg-yeni.jpg) center center no-repeat fixed; margin:40px 0px; margin-top:5px; color:#CCC}

.pageW { width:1200px; margin:0px auto}

div, table { font:8.7pt Verdana, Arial, Verdana, Tahoma, Helvetica, Geneva, sans-serif}
.BeyazBg { background:#fff; margin-bottom:0px; border-bottom:5px solid #141619}
.pageW + .pageW .BeyazBg { border-bottom:none; margin-bottom:20px}

h1 { font:22px Helvetica, Georgia, "Times New Roman", Times, serif; color:#5A5A5C;}
p , div + h1 { margin-bottom:16px}

.Header {}
.Logo { float:left; margin-left:20px; margin-top:15px;}
.Logo img {width:528px; height:57px}
.Arma { float:right; margin-right:32px; margin-top:15px; margin-bottom:8px}

/* p { margin:0px 0px 14px 0px;} */

table, div { font:9pt  Verdana, Tahoma, Arial, "Segoe UI", "Droid Sans"; color:#666}

a {text-decoration:none; color: #5D5D60}
a:hover { color: #c00000; text-decoration:none}
.b {font-weight:bold;}
.i {font-style:italic}

p { margin:0px }
p + p { margin-top:12px }
p + h1, p + h2, p + h3, p + h4, p + ul, p + ol, ol + p, ul + p, p + div, table + p, div + p { margin-top:12px }

h1, h2, h3, h4 {padding:0px; font-family: Verdana, Helvetica, Arial, "Century Gothic", Tahoma, Verdana, Arial; font-weight:normal; margin:0px; margin-bottom:18px}


h1 { font-size:24px;}
h2 { font-size:18px; }
h3 { font-size:12px;}

.marginB {margin-bottom:24px;}
.marginB5 {margin-bottom:5px;}
.marginB12 {margin-bottom:12px;}
.marginB16 {margin-bottom:16px;}
.marginB18 {margin-bottom:18px;}
.marginB24 {margin-bottom:24px;}

.AraAlani { background:#fff; padding:4px 10px 10px 10px; padding-right:0px; width:230px; float:right; border-left:1px solid #E3E3E3; margin:16px 14px 8px 0px; min-height:43px}
.AraAlani , .AraAlani div, .AraAlani td { font:8pt Verdana, Geneva, sans-serif; color:#2E2E2E}
.AraAlani a {color:#2E2E2E; text-decoration:none}
.AraAlani a:hover { color:#000; text-decoration:none}
.AraAlani td { padding:2px 0px}
.AraAlani input[type=text] { border:1px solid #B5ADA2; width:96% ; padding:3px;font:8pt Verdana, Geneva, sans-serif; color:#2E2E2E}
.AraAlani input[type=text]:focus { border-color:#B60203; color:#B60203}

.MenuArea { height:32px; margin:0px 20px; border-bottom:1px solid #E3E3E3;}

.TopMenu { margin:0px 20px; border-top:#e3e3e3 1px solid;}
.TopMenuBord { border-bottom:1px solid #E3E3E3;}
.TopMenu .Main a { display:inline-block;font:20px Verdana, Helvetica, Arial, sans-serif; letter-spacing:-0.05em; color:#B0AFB4;}
.TopMenu .Main a.blink, .TopMenu .Link a.blink, .TopMenu .Link2 a.blink { color:#454545;}
.TopMenu .Main a:hover { color:#c50000; text-decoration:none}
.TopMenu .Main a + a { margin-left:34px}
.TopMenu .Link {padding:5px 0px; width:225px; border-left:1px solid #E3E3E3; text-align:center} 
.TopMenu .Link a , .TopMenu .Link2 a { font:20px Verdana, Helvetica, Arial, sans-serif; color:#B0AFB4; text-decoration:none}
.TopMenu .Link a:hover , .TopMenu .Link2 a:hover { color:#c50000;}
.TopMenu .Link a + a { margin-left:8px}
.TopMenu .Link2 {padding:5px 0px; width:235px; height:25px; text-align:center; background:url(../../images/design/brands-linkbg.gif) left 8px no-repeat}
.Inside { padding:0px 20px}

.LoginReg { float:right; margin-bottom:-2px}
.LoginReg a { display:inline-block; background:#F4F2F0; padding:5px 10px; -moz-border-radius-topright:3px; -moz-border-radius-topleft:3px }
.LoginReg a:hover { background:#fff; border:1px solid #F4F2F0; border-bottom:none; padding:4px 9px 5px 9px}
.LoginReg a + a { margin-left:2px}

.Logged { position:absolute; margin:43px 0px 0px 96px; display:block; width:133px}
.Logged a { padding:3px 6px; font-size:10px;  -moz-border-radius-bottomright:3px; -moz-border-radius-bottomleft:3px; -moz-border-radius-topright:0px; -moz-border-radius-topleft:0px}
.Logged a:hover { padding:2px 5px 2px 5px; border-top:none;border:1px solid #F4F2F0;}

.Footer { text-align:center}
.Footer, .Footer td, .Footer div { font-size:8pt;color: #999}
.Footer a {color: #999; text-decoration:none; font-size:10pt; margin:0px 8px}
.Footer a:hover { color:#666;}

.clr { clear:both; height:0px; margin:0px; padding:0px; font-size:0px}
img {border:none}

.ProMenu h1 {margin:0px; padding:0px; font-size:18px}
.ProMenu td + td { border-left:1px solid #D0C9B7}
.ProMenu a { display:block; color:#9A9A9A; text-decoration:none;font:16px Georgia, "Times New Roman", Times, serif; padding:8px 5px}
.ProMenu a:hover { background:#9A9A9A; color:#FFF;}

/*
.UrunMenu  h2,  h2 a { color:#9C9A9B; font:15px Georgia, "Times New Roman", Times, serif; position:relative; background:#fff; margin:0px; margin-bottom:6px; margin-right:-1px}
h2 a {text-decoration:none}
h2 a:hover { color:#000}
*/

.UrunMenu ul {margin:0px; padding:0px}
.UrunMenu li {list-style:none; margin-bottom:1px}
.UrunMenu li a { display:block; color:#9C9A9B; font:12px Georgia, "Times New Roman", Times, serif; text-decoration:none; padding:2px;}
.UrunMenu li a:hover { background:#9C9A9B; color:#FFF}





/*  Pane CSS leri  */


.OrtaAlan { padding:22px}
.SolAlan { width:200px; margin-left:22px; float:left}
.SagAlan {width:940px; margin-right:22px; float:right}

/*---------------------*/



/*  Pane CSS leri Sonu */


input[type=text], input[type=password], textarea, select {border:1px solid #CCC; background:;  color: #333; font: 8.5pt Verdana, Tahoma, Arial; padding:4px}



.goTo { display:inline-block; background:url(../../images/design/ok.violet.gif) left 5px no-repeat; padding:0px 8px}

.yuzdeW {width:100%}
.yuzdeH {height:100%;}

.y10 { font-size:10px;}
.y12 { font-size:12px;}
.y14 { font-size:14px;}
.y16 { font-size:16px;}
.y18 { font-size:19px;}
.y20 { font-size:20px;}
.y24 { font-size:24px;}

.yGeo { font-family:Georgia, "Times New Roman", Times, serif}
.yTaho { font-family:Tahoma;}
.yTre { font-family:Trebuchet MS;}
.yAri { font-family:Arial}

.siyah a {color:#000000;}
.siyah a:hover { text-decoration:underline}

.beyaz a{color:#FFFFFF}
.beyaz a:hover { text-decoration:underline}


/* Ürün Toplu Dizilim CSSleri */

.urunThumb .kolon { border-right:1px solid #dedede; text-align:center; vertical-align:top; margin:5px 0px 5px 0px}
.urunThumb .sonEleman .kolon {border:none;}
.urunThumb .hr {border-bottom:1px solid #dedede;height:1px; margin:0px 16px}

.karsilastir td {border:none;text-align:left; vertical-align:top; padding:0px 0px 0px 5px;}
.karsilastir .sonEleman {border:none;}
.karsilastir .isaretci {padding:3px; background-color:#f4f4f4; display:inline-block}
.karsilastir .mini_urunAdi {padding:0px}

.altkomutBG {padding:8px; background-color:#f2f2f2;border-top:1px solid #dedede;text-align:right; margin:8px}
.altkomutBG img {border:none; vertical-align:middle}

.mini_urunImg {border:none; margin:0px auto; margin-bottom:5px;height:100px;width:100px; text-align:center}
.mini_urunImg img {max-width:100px; max-height:100px}
.mini_urunMarka {font-size:11px;margin-bottom:2px;height:26px;}
.mini_urunMarka a {color:#ccc} .mini_urunMarka a:hover {color:#000}
.mini_urunAdi {font-size:11px;margin-bottom:5px;height:36px;}
.mini_urunAdi a {color:#666} .mini_urunAdi a:hover {color:#000}
.mini_urunSlogan {height:30px;}
.mini_urunFiyat {color:#FF6600; font:bold 14px Verdana, "Segoe UI", Tahoma, Arial; height:20px;margin-bottom:3px;}
.mini_urunFiyatPiyasa {color:#999999;text-decoration: line-through; margin-bottom:5px;height:12px;}
.mini_urunMiniAciklama {color:#000000}

.kucukFont .mini_urunMarka {font-size:10px; font-weight:bold;margin-bottom:2px;height:12px;}
.kucukFont .mini_urunAdi {font-size:10px;font-weight:bold; margin-bottom:5px;height:30px; padding:0px 3px 0px 3px}
.kucukFont .mini_urunAdi a {color:#000000}
.kucukFont .mini_urunMarka a {color:#776547}
.kucukFont .mini_urunFiyat {color:#009BDF; font-weight:bold;height:12px;margin-bottom:3px; font-family:Verdana, Tahoma}

.buyukFont .mini_urunMarka {font-size:11px; font-weight:bold;margin-bottom:2px;height:13px;}
.buyukFont .mini_urunAdi a {color:#000000}
.buyukFont .mini_urunMarka a {color:#776547}
.buyukFont .mini_urunAdi {font-size:11px;font-weight:bold; margin-bottom:5px;height:39px; padding:0px 3px 0px 3px}
.buyukFont .mini_urunFiyat {color:#009BDF;font-size:12px; font-weight:bold;height:12px;margin-bottom:3px; font-family:Verdana, Tahoma}

.sayfaNo .skor {/*border-top:1px solid #dedede; */padding:8px; font-size:10px; text-align:center}
.sayfaNo .sonucBG {background:#ffffff ;}
.sayfaNo .secim {text-align:left; vertical-align:middle;}
.sayfaNo .turButon {text-align:right; vertical-align:middle}
.sayfaNo .turButon a {display:inline-block; padding:3px 5px 3px 5px; min-width:14px; font-weight:bold; font-size:11px; color: #000; border:1px solid #F60; background-color:#fff; vertical-align:middle; margin-bottom:3px}
.sayfaNo .turButon a:hover, .sayfaNo .turButon .aktif {display:inline-block; color:#fff; border:1px solid #F60; background-color: #F60;}

.alert {background:#ffffcc;padding:8px; border:1px solid #ccc}
.alert a {color: #F60; text-decoration:underline}
.alert a:hover {color:#000000;}

.info {background:#dedede;padding:8px; border:1px dotted #ccc; color:#000}
.info a {color:#B626FB; text-decoration:underline}
.info a:hover {color:#000;}

.Sepetim { border-right:1px solid #FFFFFF;}  
.Sepetim td {padding:4px 0px 4px 0px; border-bottom: 1px solid #dedede; text-align:center; vertical-align:middle}
.Sepetim .baslik td { background-color:#f2f2f2; font-weight:bold;}

.altcizgi {border-bottom: 1px solid #dedede;}
.DahaAcikGriBg {background-color:#f2f2f2}

.tur {color:#f67f1e}
.mavi {color:#3baed5}
.kirmizi {color:#CC0000;}
.homec {color:#807758;}


.katHomeThumb a { font:16px Georgia, "Times New Roman", Times, serif; color:#333}
.katHomeThumb a:hover { color:#ffb12a; text-decoration:none}
.katHomeThumb img {border:1px solid #ccc; padding:2px; width:64px; height:auto; background:#f2f2f2}
.katHomeThumb td {text-align:left}


.hr {border-bottom:1px solid #dedede;height:1px; margin:10px 0px}

.sagaCizgi {border-right:1px solid #dedede}
.altaCizgi {border-bottom:1px solid #dedede}

/*** Yeni Devsirmeler ***/


.gridyentBG {text-align:left;background:url(../../images/design/gridyent.bg.gif) repeat-x top; border-left:1px solid #FFFFFF; padding:8px}
.sagPane .gridyentBG select {width:100%}
.banaozelBG {color:#FFFFFF; font-weight:bold; text-align:left;border-right:none}
.banaozel {margin-bottom:10px}
.banaozel a { display:block;color:#000; font-weight:bold; font-size:11px}
.banaozel a:hover {color: #666}
.banaozel .favlist {background-image:url(../../images/design/icon.favori.gif)}
.banaozel .tavsiye {background-image:url(../../images/design/icon.sendfriend.gif)}
.banaozel .karsilastir {background-image:url(../../images/design/icon.karsilastir.gif)}
.banaozel .print {background-image:url(../../images/design/icon.print.gif)}
.banaozel .stokalarm {background-image:url(../../images/design/icon.stokalarm.gif)}
.banaozel .fiyatalarm {background-image:url(../../images/design/icon.fiyatdus.gif)}
.urunsecenekBG {color:#FFFFFF; font-weight:bold; text-align:left; background:#90a06e url(../../images/design/urunsecenek.bg.gif) repeat-x top; padding:6px 8px 6px 8px; border:1px solid #FFFFFF; border-right:none}
.siparisbarBG {color:#FFFFFF; font-weight:bold; text-align:left; background:#e15a00 url(../../images/design/siparisbar.bg.gif) repeat-x top; padding:6px 8px 6px 8px; border:1px solid #FFFFFF; border-right:none}
.markayaozelBG {color:#FFFFFF; font-weight:bold; text-align:left; background:#0082b9 url(../../images/design/markayaozel.bg.gif) repeat-x top; padding:6px 8px 6px 8px; border:1px solid #FFFFFF; border-right:none}
.markayaozel a { display:block; background: url(../../images/design/icon.markayaozel.gif) left 4px no-repeat; padding-left:12px; color:#0082B9; margin-bottom:5px}
.markayaozel a:hover {color:#000000}

.evliyeOzelBG {padding:6px 8px 6px 8px; border:1px solid #FFFFFF; border-right:none; color:#000000; background:#e985f3 url(../../images/design/evliyeozelBG.gif) repeat-x top; text-align:left }

.urunSagAlan { display:none; padding:0px; text-align:left; vertical-align:top; width:174px; padding:10px 0px 10px 10px; float:right}
.urunSagAlan h3 { background:none; margin-bottom:10px; color: #F09000; font:bold 11px Verdana, Geneva, sans-serif;}
/*.UrunDetayContent {border-right:1px solid #C9C9C9; float:left; padding-right:10px; width:961px}*/
.UrunDetayContent {}

/* .ProdThumb {border-top:1px solid #C9C9C9; padding:10px; margin-top:10px} */
td.urunImg { border-left:1px solid #dedede; padding-left:10px; padding-top:10px}

/* 
.ProCategory { background:#C8C9CD; color:#FFF; width:280px}
.ProCategory a {display:block; color:#FFF; font:16px Helvetica, Arial, sans-serif;}
.ProCategory a + a {margin-top:5px}
.ProCategory a:hover { color:#000}
*/

.ProName {border-bottom:1px solid #C8C9CD; padding-bottom:10px; margin:10px 0px;}

.urunImg { border:none}
div.urunImg {margin:-10px 0px 0px -10px; width:600px; text-align:center; min-height:300px}
.urunImgThumb img{border:1px solid #CCCCCC}
.markaImg a { color:#c00000; font-size:32px; line-height:34px}
.urunMarka {font-size:10px; font-weight:bold}

.urunAdi {
	font:bold 22px Verdana, Helvetica, Arial, sans-serif;
	color:#C00
}
.urunAdi br {display:none}
.urunKodu {}
.urunSlogan {margin-bottom:5px;}
.urunFiyat {color: #C00; font-size:16px; font-weight:bold; margin-bottom:5px}
.urunFiyatPiyasa {color:#666666 ;text-decoration: line-through; margin-bottom:5px; font-size:12px}
.urunFiyatDiger {color:#000000;}
.urunTaksidi {color:#666666; margin-bottom:12px}
.urunMiniAciklama {color:#000; /* width:470px;*/ margin-bottom:10px; padding-right:10px; max-height:86px; overflow:auto; overflow-x:hidden}


.urunTabSecenekleri { margin-top:56px;/*padding:10px; margin-bottom:16px;*/ border-top:1px solid #C8C9CD}
.urunTabSecenekleri + div {margin-top:16px}

.urunTabSecenekleri .Content { min-height:150px;/* background:url(../../images/design/gridyentbg.png) left top repeat-x;*/ padding:10px; margin:-5px}

#divProductTaksitBanks img {padding:5px; border:1px solid #dedede; background:#fff}
#divProductTaksitBanks img:hover {border-color:#F90}

.yeniTab { position:relative; float:left; margin-top:-36px; display:block}
.yeniTab + div, .yeniTab table {clear:both}
.yeniTab ul , .yeniTab ol  {margin:0px; padding:0px; height:34px; padding-bottom:2px}
.yeniTab ul div {float:left}
.yeniTab li {list-style:none; float:left; margin-right:4px}
.yeniTab a {display:block; cursor:pointer; height:25px; padding:5px 20px; padding-bottom:4px; background:#f2f2f2; border:1px solid #C8C9CD; border-bottom:none; color:#000; font:bold 11px Verdana, Helvetica, sans-serif }
.yeniTab #hrefProductDetail.aktif { border-left:none}

.yeniTab a:hover { color: #000; background:#A9ABB1; border-color:#A9ABB1; }
.yeniTab .aktif, .yeniTab .aktif:hover , .yeniTab #hrefProductDetail.aktif:hover { background:#fff;color:#000;padding:5px 20px; cursor:default;}



.yeniTab #divPaymentOptionsHeader {display:inline}

.GradBg { background:url(../../images/design/gradgribg.png) left top repeat-x; padding:12px}

.Footer .Powered , .Powered, .Footer .Powered a { position:relative; float:right;font:9px Verdana, "Segoe UI", Tahoma, Arial; color: #999}

.ilerigeriurunBG, .ustDarAlan, .aramaKatSonuc { background:url(../../images/design/ilerigeriurun-bg.gif) left bottom repeat-x; border-bottom:1px solid #dedede; margin-bottom:10px}
.aramaKatSonuc {padding:5px}
.ilerigeriurunBG td, .ustDarAlan td { padding:5px;}
.ilerigeriurunBG a, .ustDarAlan a { font-size:7.5pt; font-weight:bold; color:#666; display:inline-block; background:#fff; border:1px solid #dedede; padding:5px 7px}
.ilerigeriurunBG a:hover, .ustDarAlan a:hover { color:#FF6600; border-color:#FF6600}

.alertTxt { font-weight:bold; color:#C00}

.MarkaList {padding:1px; background:#f2f2f2; border-bottom:1px solid #dedede;}
.MarkaList td {text-align:center; padding:0px}
.MarkaList a {display:block; padding:5px}
.MarkaList a:hover {background:#fff}

.indirimBit { display:inline-block; color:#ff921e; font-size:14px; font-weight:bold; font-style:italic; margin:10px 0px}

.ProGrupGrid { border-bottom:1px solid #dedede;}
.ProGrupGrid td { padding:8px;}
.ProGrupGrid .dikey { border-left:1px solid #dedede;}
.ProGrupGrid h2 { margin-bottom:6px}
.ProGrupGrid ul {margin:0px; padding:0px; padding-left:20px}
.ProGrupGrid + .ProGrupGrid {margin-top:-13px}
table.Last, div.Last { margin-bottom:0px; border-bottom:none}
div.ProGrupGrid {padding-bottom:6px}
.ProGrupGrid span.markaImg { margin-left:-12px}

.FirstGrid { margin-top:-16px}

.ShareIt {margin-bottom:10px;}
.ShareIt, .ShareIt * { color:#259FE3;}
.ShareIt img {margin-left:10px; vertical-align:middle}
.ShareIt a {text-decoration:none}

.OrtaAlan .ContentImg { margin:0px -22px}
.ForUse img + img { margin-left:20px}

.BoxBuyNow { width:140px}
.BoxPhoneType, .ProGrupGrid .BoxPhoneType { width:140px; padding-left:0px}

a.BigPic { display:block; background:url(../../images/design/icon.bigit.gif) center center no-repeat; height:19px; width:19px; position:absolute; z-index:30; margin-top:-42px; margin-left:270px}

table.border img, img.border { padding:2px; border:1px solid #B0AFB4}
table.border img:hover , img.border:hover { border-color:#000}

a.toBasket { float:left; margin-right:5px}
.WelTxt { line-height:20px}