@import url("Containers.css");
@import url("AdminStyle.css");
body {
	margin: 20px;
	background: #fff;
	color:#3D453E;
	font-family: Arial;
	font-size: 11px;
}
td { text-align:left; vertical-align:top}
table,div {
	font:12px "Century Gothic", Tahoma, Arial;
	color:#3D453E;
}

.pageW { width:900px; margin:0px auto}
.Logo { float:left}
.SagUst { float:right; width:490px; height:88px; background:#D8DCD9;}
.SagUst div, .SagUst table { font:12px "Century Gothic", Tahoma, Arial}
.SagUst table {background:#fff; width:490px;}
.SagUst table td {background:#D8DCD9; border-top:1px solid #fff; height:43px; width:20%}
.SagUst table td + td {border-left:1px solid #fff}


form
{
margin:0px;
padding:0px;
}
a {
	color: #EE9100;
	text-decoration: none;
}
a:hover {
	color: #000;
	text-decoration: underline;
}
img {border:none}
.marginB {
margin-bottom:14px;
}
.marginB3 {
margin-bottom:10px;
}
.marginB5 {
margin-bottom:10px;
}

.solPane {}
.sagPane { padding-left:12px; text-align:left; vertical-align:top;padding-top:30px}
.ortaPane {
width:667px; background:url(../../images/design/sayfa.ortabg.gif) repeat; text-align:left; vertical-align:top; padding:30px 0px 10px 0px;
}
.altPane {width:880px;padding:8px; margin-top:10px;}

.ortaBG { background-color:#ede9de; padding:20px 20px 0px 20px;}
.ustBG { background-color:#ede9de}
.beyazBG { background-color:#FFFFFF; }

.modul
{
/* Genel olarak tüm modüllere verilen en dıştaki tablo sınıfıdır*/
}
.baslikdis {
	/* Genel olarak tüm modüllere verilen başlığın dış çeperidir */
	padding-bottom: 6px;
	border-bottom:1px solid #cccccc;
}
.baslikic {
	/* Genel olarak tüm modüllere verilen başlığın iç çeperidir */
	font-family: Arial;
	font-size: 18px;
	font-weight: bold;
	color:#333333;
}
h1, h2, h3, h4 { font-family:"Century Gothic", Tahoma, Arial; color:#3D453E;}
h1 {font-size:20px}
h2 {font-size:16px}
h3 {font-size:12px}
h4 {font-size:11px}

.icerikdis {
/* Genel olarak tüm modüllere verilen içerik kısmının dış çeperidir */
padding-top:5px;
}
.icerikic {
/* Genel olarak tüm modüllere verilen içerik kısmının dış çeperidir */
}
.yuzdeyuz {
/* uyguladığı her şeye yayılmış genişlik sağlar */
width:100%;
}

.aramaUyari{
/* genel uyarıların biçimlendirilmesi için */
	background-color: #FFFF99;
	border: 1px solid #FF9900;
	padding: 5px;
	margin-bottom:10px;
}
.alertTxt {
/* ufak uyarı yazıları için */
	color: #FF0000;
}
.softBG
{
/* çeşitli yerlerde arkaplan rengi kullanmak için */
background-color:#f2f2f2;
}
.altcizgi
{
/* çeşitli yerlerde alt çizgi kullanmak için */
border-bottom:#9ba990 1px solid;
}
.fiyatRenk
{
/* Ürün fiyatlarını değiştirir */
color: #000000;
font-weight:bold;
}
.fiyatRenk2
{
/* Ürün fiyatlarının KDV dahil kısmı */
color: #006600;
font-weight:bold;
}

.taksitLink
{
/* Taksit listesine bağlantı */
}
.afisLink
{
/* Afişlere bağlantı */
}
.yazdirLink a
{
/* ürün detayda yazdır bağlantısı */
display:block;
background:url(../../images/Skins/hana2010/design/icon.print.gif) no-repeat left center;
padding:0px 0px 0px 24px;
text-align:left;
line-height:24px;
font-weight:bold;
}
.ArkadasaGonderLink a
{
/* ürün detayda arkadaşa gönder */
display:block;
background:url(../../images/Skins/hana2010/design/icon.arkadasa.gif) no-repeat left center;
padding:0px 0px 0px 16px;
text-align:left;
line-height:24px;
font-weight:bold;
}
.takipListLink a
{
/* ürün detayda takip listesi */
display:block;
background:url(../../images/Skins/hana2010/design/icon.takiplist.gif) no-repeat left center;
padding:0px 0px 0px 16px;
text-align:left;
line-height:24px;
font-weight:bold;
}
.urunTablo
{
/* Varsayılan containerda Container.ascx dosyasına uygulanır */
	height: 100%;
}
.urunTablo .icerikdis
{
padding:4px;
vertical-align:bottom;
}
.urunTablo .icerikdis .softBG
{
background-color:#f2f2f2;
border-top:#ededed 1px solid;
padding: 3px 0px 0px 0px;
}
.markaAdi
{
/* Ürün modulundeki marka adı*/
}
.markaAdi a
{
/* Ürün modulundeki marka adı linki*/
color: #663333;
display:none;
}
.markaImg
{
/* Ürün detay modulundeki marka logosu */
}
.urunAdi, .urunAdi a
{
/* Ürün modulundeki ürün adı*/
display:block;
padding-top:6px;
border-top:3px solid #C8C8BD;
font:bold 13px "Century Gothic", Tahoma, Arial;
color:#000;
margin-bottom:16px;
}

.urunAdi a {border:none; padding:0px}
.urunFiyat {font:13px "Century Gothic", Tahoma, Arial;
color:#000; display:block; margin-bottom:5px}

.urunAciklama
{
/* Ürün modulundeki kısa açıklama yazısı*/
color: #000000;
display:block;
margin:0px 0px 5px 0px;
}
.urunImg
{
/* Ürüne ait imajın - küçük - hizalamasını sağlar */
display:block;
border:none;
text-align:center;
}
.urunImg img {width:122px; height:auto}
.urunImgMid
{
/* Ürüne detaydaki imajın - büyük veya orta - hizalamasını sağlar TD */
border:none;
text-align:center;
padding:5px 0px 5px 0px;
width:200px;
}
.urunImgLink,
.urunImgLink table td
{
/* Ürüne detaydaki ürünün diğer fotoğralarına giden linkin çevresi */
border:none;
text-align:center;
}
.urunImgLink a
{
/* Ürüne detaydaki ürünün diğer fotoğralarına giden link  */
background:url(../../images/Skins/hana2010/design/icon_fotolar.gif) no-repeat left center;
padding:0px 0px 0px 17px;
line-height:24px;
font-weight:bold;
}
.urunDetayAdres
{
/* Ürüne detaydaki ürünün hangi kategoride olduğunu gösteren kısım  */
padding:0px 0px 6px 0px;
}
.urunDetayAdres a
{
/* Ürüne detaydaki ürünün hangi kategoride olduğunu gösteren kısımdaki linkler  */
margin:0px 5px 0px 5px;
}
.urunSlogan img
{
/* Üründe kullanılan sloganla ilgili imajın hizalamasını sağlar */
float:right;
}
.urunDetayLink
{
/* Ürün detayına gönderen "urun detayı" şeklinde sepetin yanında yer alan link */
}
.pageNumber
{
/* sayfalama linklerine stil verir - span */
font-size:11px;
font-weight:bold;
font-family:Verdana;
padding:1px;
text-decoration:none;

}

.pageNumber
{
/* sayfalama linklerine stil verir - span */
font-size:11px;
font-weight:bold;
font-family:Arial;
padding:1px;
text-decoration:none;

}
.pageNumber a
{
/* sayfalama linklerine stil verir*/
background:url(../../images/Skins/hana2010/design/pagenoBG.gif) no-repeat center center;
color:#ffffff;
display:block;
text-align:center;
vertical-align:middle;
width:24px;
/*padding:5px 0px 4px 0px;*/
line-height:24px;
}
.pageNumber a:hover
{
/* sayfalama linklerine stil verir*/
background:url(../../images/Skins/hana2010/design/pageno.hoverBG.gif) no-repeat center center;
color: #ffffff;
display:block;
text-align:center;
vertical-align:middle;
text-decoration:none;
width:24px;
/*padding:5px 0px 4px 0px;*/
line-height:24px;
}
.pageNumberSelect
{
/* sayfalama linklerine stil verir- aktif sayfaya aittir - span */
font-family:Verdana;
font-size:11px;
font-weight:bold;
padding:1px;
}
.pageNumberSelect a
{
/* sayfalama linklerine stil verir - aktif sayfaya aittir*/
background:url(../../images/Skins/hana2010/design/pageno.activeBG.gif) no-repeat center center;
color:#ffffff;
cursor:default;
display:block;
width:24px;
text-align:center;
vertical-align:middle;
text-decoration:none;
/*padding:5px 0px 4px 0px;*/
line-height:24px;
}
.pageNumberSelect a:hover
{
/* sayfalama linklerine stil verir - aktif sayfaya aittir*/
background:url(../../images/Skins/hana2010/design/pageno.activeBG.gif) no-repeat center center;
color:#ffffff;
cursor:default;
display:block;
width:24px;
text-align:center;
vertical-align:middle;
text-decoration:none;
/*padding:5px 0px 4px 0px;*/
line-height:24px;
}

.urunOzellik
{
/*  Ürün detaydaki özellik listesinin tablo gridi*/
font-size:10px;
width:100%;
font-family:Verdana;
}
.urunOzellik .ozellik
{
/*  Ürün detaydaki özellik elemanları */
text-align:right;
font-weight:normal;
padding:2px;
background-color:#DBFAD3;
width:50%;
}
.urunOzellik .deger
{
/*  Ürün detaydaki özellik elemanlarının değerleri */
text-align:left;
font-weight:bold;
padding:2px;
border-bottom:#DBFAD3 1px solid;
color:#41A400;
}
.urunCesit
{
/*  Ürün detaydaki çeşit tablosunu hizalar  */
float:right;
}
.noBG
{
/*  sayfa numaralarının hücresinin biçimlendiricisi */
border:#7e8c73 1px solid;
}
.noBGresult
{
color:#000000;
/*  sayfa numaralarının açıklamaları */
}
.headerBG {
	background-image: url(../../images/Skins/hana2010/ustbar.bg.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	height: 120px;
}
.middleBG {
	background-image: url(../../images/Skins/hana2010/middle.bg.gif);
	background-repeat: repeat-x;
	background-position: top;
	padding-top: 12px;
}
.varsayilan {
}
.kremceve {
	border: 1px solid #f9daa3;
	background-color: #FFFFFF;
}
.adetBox
{
width:24px;
}


/* Hana 2010 Ek **/

.clr {height:0px; clear:both; font-size:0px}
.Header { border-bottom:1px solid #949681;; margin-bottom:2px}
.PageContent { border-top:1px solid #D7DFB6; padding-top:10px}

.SolAlan { width:205px; float:left; margin-bottom:5px}
.OrtaAlan {width:684px; float:right; margin-bottom:5px}
.AltAlan {border:1px solid #D7DFB6; border-right:none; border-left:none; padding:6px 0px}
.AltAlan div, .AltAlan table { font:11px Arial, Helvetica, sans-serif}

a.cicekler { display:block; text-align:center; color:#222423; line-height:43px}
a.cicekler:hover {background:#fff; text-decoration:none}

a.hizmetler {display:block; text-align:center; color:#222423; line-height:43px; background-color:#D8DDCA}
a.hizmetler:hover { background-color:#fff; text-decoration:none}

a.iletisim { display:block; text-align:center; color:#222423; line-height:43px; background-color:#C8C8BD}
a.iletisim:hover {background:#fff; text-decoration:none}

a.uyelik { display:block; text-align:center; color:#fff; line-height:43px; background-color:#3D453E}
a.uyelik:hover {background:#fff; text-decoration:none; color:#3D453E}

a.sepetim { display:block; text-align:center; color:#fff; line-height:43px; background-color:#EE9100}
a.sepetim:hover {background:#fff; text-decoration:none; color:#EE9100}

input[type=text], input[type=password], select, textarea { border:1px solid #858483; padding:2px; font:8pt Verdana, Geneva, sans-serif; color:#1D1D1D;}
input[type=text]:focus, input[type=password]:focus, select:focus, textarea:focus { border-color:#EE9100; color:#EE9100}

.AltAlan input[type=text] {border-color:#D7DFB6; font-size:16px; width:100px}

.KatTopLink a {color:#000; font:12px "Century Gothic", Tahoma, Arial}

.NewProBord { background:#fff; border:1px solid #D8DCD9; -moz-border-radius:7px; padding:7px}

.PrevNext { float:right}

.y10 { font-size:10px}
.y12 { font-size:12px}
.y14 { font-size:14px}
.y16 { font-size:16px}
.y18 { font-size:18px}
.y20 { font-size:20px}

.prodImg { width:125px}

.RssBg, .SplashProBg {  background:#fff; position:absolute; z-index:10; opacity:0.8; filter:alpha(opacity=80);}
.RssFeed , .RssBg , .SplashPro, .SplashProBg { position:absolute; margin:-140px 0px 0px 346px; width:320px; height:120px; -moz-border-radius: 6px;; border:1px solid #fff}
.SplashPro, .SplashProBg { margin-top:-280px}

.SplashPro .baslikdis { display:none}
.SplashPro .prodImg img { width:100px; height:auto}
.SplashPro .prodImg { width:100px}

.RssFeed , .SplashPro { z-index:12}
.RssFeed .inside { padding:14px}
.RssFeed ul { list-style:none; padding:0px; margin:0px}
.RssFeed li {list-style:none; margin-bottom:2px}
.RssFeed li a { display:block; color:#3d453e;}
.RssFeed li a:hover { color:#000}
