/*body, td, th { 	color: #333333; font-family: Arial, sans-serif; font-size: 12px; }*/
/*body { 	background: #bebfc1; margin: 0px; padding: 0px; text-align: center;
    font-weight: 700; }*/
body { background: #bebfc1; font-family: Arial, sans-serif; font-size: 12px; margin:0; }
a { font-size: 12px; text-decoration:none }
div#container {	width: 1000px; 	background-image: url(../images/bgmavis.gif); 	background-repeat: repeat-y; 	margin: auto; 	text-align: left; }
div#containerInside { width: 984px; margin-left: 3px; overflow: hidden; }
div#header { height: 95px;  background: url(../images/ust_banner.jpg);  margin: 0 3px 0 2px; }
div#logo { float: left; margin: 10px 0px 0px 10px; }
div#logo img { border: 0px; }
div#navigate { width: 650px; float: right; }
div#ustbar { background:url(../images/ustbar-bg.jpg) no-repeat; height: 46px; width: 959px; margin-left: 8px; }
div#alisverissepeti { width: 200px; font-size: 11px; float: left; font-weight: bold; color: #FFFFFF; padding: 13px 0 0 45px }
div#alisveristamamla { float: left; font-weight: bold; width: 100px; padding: 2px 0 0 18px; }
div#alisveristamamla a { color:#FFFFFF; font-size:13px; }
div#sepetiguncelle { width: 200px; float:left; font-weight:bold; color:#FFFFFF; padding:10px 0 0 25px }
div#sepetiguncelle a { color:#FFFFFF; font-size:13px; }
div#aramabox {float:left; text-align:right; width:270px; padding:4px 0 0 25px}
div#aramabuton {float:left; padding-left:10px;}
.ttArama { border:1px solid #009fe2; padding:5px; width:200px; color:#007ab3 }
div#content { width: 964px; overflow: hidden; margin-left: 8px; }
div#leftContent { width: 232px; float: left; overflow:hidden; }
div#rightContent { width: 718px; float: right; margin-left: 3px; }
.flag { position:absolute; margin: 0 0 0 100px; }

/* Site İçi Ortak Kullanılacak alanlar */
.koyumavibaslik { background: url(../images/agac-bg.jpg) no-repeat top left; height: 35px; padding-top:10px; color:White; padding-left:15px;}
.acikmavibaslik { background: url(../images/mavibackround.jpg) no-repeat top left; height:31px; width:714px; color:White; font-size:14px; font-weight:bold; padding-top:8px; padding-left:15px;}
.gribaslik { background: url(../images/griarkaplan.png) no-repeat top center; margin-top:10px; width:697px; height:24px; padding-top: 6px; padding-left:15px;   }
.boldyazi { font-weight:bold; padding: 0 0 0 15px; }
.normalyazi { padding: 0 0 0 15px; }
.sayfalama a { float:left; width: 18px; text-align:center; border: 1px solid #0079c2; padding: 5px 0 5px 0; margin-left: 2px; color: #0079c2; } /*05b6ea*/
.sayfalama a:hover { background-color:#1c477e; color:White; font-weight:bold;}
.sayfalamasecim a { float:left; width: 18px; text-align:center; padding: 5px 0 5px 0; margin-left: 2px; background-color:#1c477e; color:White; font-weight:bold; } /*05b6ea*/  
.indirimliyeniurun {float:right; display:inline-block; }
.uyariyazisi { font-weight:bold; color:Red; }

.fiyatfu { font-size:24px; font-weight:bold; color:#f99d1c; }
.fiyatfuk { font-size:18px; font-weight:bold; color:#f99d1c; }
.fiyatb { font-size:18px; font-weight:bold; color:#5b5c5e; }
.fiyatbk { font-size:14px; font-weight:bold; color:#5b5c5e; }
.fiyatk { font-size:large; font-weight:bold; color:#5b5c5e; }
.fiyatkk { font-size:14px; font-weight:bold; color:#5b5c5e; }

.markalar { float:left; border:solid 1px black; margin: 1px 3px 4px 3px; padding: 1px 1px 1px 1px; }

/* acordion menu */
#leftMenu { width: 230px; overflow: hidden; }
#kategoriMenu, #kategoriMenu li ul { list-style-type: none; padding:0; margin:0;}
#kategoriMenu { margin:0; padding:0; }
#kategoriMenu li { background-color:#e7e7e9; /*background: url(../images/kat-bg.jpg) no-repeat;*/ }
/* #kategoriMenu li.active {background: url(../images/kato-bg.jpg) no-repeat; font-weight:bold; color:Blue; } */
#kategoriMenu li.active a { color:Blue; }
#kategoriMenu li ul , #kategoriMenu li ul li { 	background-color: #ffffff; }
#kategoriMenu li a { font-size:13px; color: #2e2c2c; text-decoration: none; font-weight:bold; display: block; margin-left:5px; margin-top:5px;  /*height:18px; overflow:hidden;*/ }
#kategoriMenu li ul li { /* background-image: url(../images/blue.jpg); background-repeat: no-repeat; margin-top:3px; /*overflow:hidden; height:20px;  background-position: 1px 9px;*/}
#kategoriMenu li ul li a:link , #kategoriMenu li ul li a:visited { color: #232323; text-decoration: none; display: block; margin-left:12px;}
#kategoriMenu li ul li a:hover { color:Blue; }
#kategoriMenu li ul li a { font-weight:normal; text-decoration: none;}
#kategoriMenu li ul li.active a { /* background-image: url(../images/grey.jpg); background-position: 1px 9px;*/ color:Blue;} 
#kategoriMenu li ul li ul li { color:Black; margin: 0 0 0 10px; } 

/*
#kategoriMenu li { }
#kategoriMenu li ul , #kategoriMenu li ul li { 	 }
#kategoriMenu li a { color: #ffffff; text-decoration: none; 	display: block; 	padding: 4px 2px 4px 4px; 	margin-bottom: 2px }
#kategoriMenu li ul li { background-image: url(images/green.gif); background-position: 1px 6px; background-repeat: no-repeat; }
#kategoriMenu li ul li a:link, #kategoriMenu li ul li a:visited { color: #6b6b6b; text-decoration: none; display: block; padding: 1px; padding-left: 10px;	margin-bottom: 2px }
#kategoriMenu li ul li a:hover { text-decoration: underline; }
#kategoriMenu li ul li ul li { background-image: url(images/white.jpg); background-position: 1px 6px; background-repeat: no-repeat; } 
#kategoriMenu li.aktif a { font-weight: bold; background-color: #ffffff; }
*/

#kategoriMenuacik, #kategoriMenuacik li ul { list-style-type: none; padding: 0px; margin: 0px; }
#kategoriMenuacik { padding: 0; margin: 0;}
#kategoriMenuacik li { /* background: url(../images/kat-bg.jpg) no-repeat; */ overflow:hidden }
#kategoriMenuacik li.active {/* background: url(../images/kato-bg.jpg) no-repeat; */ }
#kategoriMenuacik li.active a { color:#2e2c2c; }
#kategoriMenuacik li ul , #kategoriMenuacik li ul li { 	background-color: #ffffff; }
#kategoriMenuacik li a { color: #2e2c2c; text-decoration: none; display: block; margin-left:5px; margin-top:5px; height:23px; }
#kategoriMenuacik li ul li { background-image: url(../images/blue.jpg); background-repeat: no-repeat; height:20px; overflow:hidden; background-position: 1px 9px;}
#kategoriMenuacik li ul li a:link, #kategoriMenuacik li ul li a:visited { color: #2e2c2c; text-decoration: none; display: block; margin-left:12px; }
#kategoriMenuacik li ul li a:hover { color:Blue; }
#kategoriMenuacik li ul li.active { background-image: url(../images/blue.jpg); background-position: 1px 9px; }
#kategoriMenuacik li ul li.active a { color:Blue; }

#kategoriMenuacik2, #kategoriMenuacik2 li ul { list-style-type: none; padding: 0px; margin: 0px; }
#kategoriMenuacik2 { padding: 0; margin: 0;}
#kategoriMenuacik2 li { background: url(../images/kato-bg.jpg) no-repeat; background-position: 0px 0px; overflow:hidden; height:23px; }
#kategoriMenuacik2 li a { color:White; text-decoration: none; display: block; margin-left:5px; margin-top:5px;}
/*#kategoriMenuacik2 li a:hover { tex} tamamla*/

/*#kategoriMenuacik2 li.active { background: url(../images/kato-bg.jpg) no-repeat; background-position: 0px 0px;}
#kategoriMenuacik2 li.active a { color:White;}*/
#kategoriMenuacik2 li ul , #kategoriMenuacik2 li ul li { background-color: #ffffff; }

#indirimli-urunler { clear:both; background:url(../images/indirimli-bant.jpg) no-repeat; margin-top:5px; padding-top: 30px; }
#haftalikebulten {clear:both; background:url(../images/haftalikbulten.gif) no-repeat; margin-top:5px; padding-top: 30px; }
#kulturel_yayin { clear:both; background:url(../images/kulturel_yayin.jpg) no-repeat; margin-top:5px;padding-top:30px; }
#doviz-kurlari { clear:both; background:url(../images/doviz-bant.jpg) no-repeat; margin-top:5px; padding-top: 65px; }
.doviz-table { width:220px;}
.doviz-table tr td { padding: 0 0 0 10px; }
.doviz-hdrow { background:#00b8ed; color:#FFFFFF; }
.doviz-hdrow td { color:#FFFFFF }
.doviz-row td { color:#474646; border-right:1px solid #474646 }
.doviz-altrow td { background:#e6f0f9; color:#474646; border-right:1px solid #474646}
#ebulten { clear:both; background:url(../images/ebultenbackground.png) no-repeat; width:220px; overflow:hidden; height:119px; margin-top:10px; }
#ebulten p { margin: 40px 5px 0 10px; font-size:smaller; }

#uyelik { background: url(../images/mavibackround.jpg) no-repeat top left; height:31px; vertical-align:middle; /*background: url(../images/uyelik-bg.jpg) no-repeat top left; */ }
#uyelik table tr td { color:#FFFFFF; font-weight:bold; }
#uyelik table tr td a { color:#FFFFFF; }
.ttUyelik { border:1px solid #ffffff; }

#vitrin { height: 353px; width: 718px; }
#sayilar { width: 97px; overflow: hidden; height: 240px; float: left; }
#urunler { width: 380px; overflow: hidden; height: 240px; float: left }
#vitrinflash { width: 549px; overflow: hidden; float: left }
#kartlar { width: 164px; float: right; overflow: hidden;}
#sayilar a { display: block; background: url(../images/m1.gif) no-repeat; color: #FFFFFF; font-size: 11px; margin-bottom: 3px; font-weight:bold; width: 90px; padding: 2px 0 3px 5px; }
#sayilar a:hover, #sayilar a.activeSlide { background-image: url(../images/m2.gif); padding: 2px 10px 3px 5px; }  
div.mri { text-align: right; font-size: 18px; color:#666666 }

.icsayfalar 
{
    width:713px;
    background-color:#f2f2f4;
    overflow:hidden;
    /*background-image:url(../images/sayfafooter.jpg);*/
    /*background-position:bottom;*/
}

.icsayfalar p { padding: 10px 10px 10px 20px; margin: 0 0 0 0; text-align:justify; }
.icsayfalar h2 { padding:0 10px 0 20px;}
.icsayfalar h3 { padding: 0 10px 0 20px;}
.icsayfalarfooter { background-image: url(../images/icsayfafooter.jpg); height: 7px; width: 713px; }

#icsayfalarbaslik { background: url(../images/sayfabasliklari.jpg) no-repeat top left; height: 37px; font-size: 13px; padding: 13px 0 0 15px; font-weight:bold; color:White;}

#orta-sizinicin { clear:both; }
#orta-sizinicin h2 { background:url(../images/sizinicin.jpg) no-repeat top left; text-indent:-999px; height:31px; margin:0px; }
#orta-sizinicin h3 { background: url(../images/mavibackround.jpg) no-repeat top left; color: White; padding: 7px 0 0 10px; height:24px; margin:0px; }

/*.orta-urun { background:url(../images/urun-bg.jpg) no-repeat; padding:0 10px 0 10px; width:149px; height:188px; float:left; margin:10px 10px 0 0; }*/
.orta-urun {overflow:hidden; width: 173px; height:185px; float:left;  border: dotted 1px; margin: 1px 2px 1px 1px; }
.tdorta-urunresim { height:90px; text-align:center; vertical-align:top; }
.tdorta-urunyazi { height:55px; vertical-align:bottom; }
.tdorta-urunyazi a { color:#7b7b7b;  font-weight:bold; }
/*.tdorta-urunyazi p { font-size:large; font-weight:bold; color:#5b5c5e; margin-bottom:7px; }
.tdorta-urunyazi p span { font-size: 14px; }
*/

.indirimyeniurunlogolari { width:46px; vertical-align:bottom; }

/*.orta-urunresim { text-align:center; height:220px; }
.orta-urunresimsecim { padding: 0 0 0 0; width:149px; height:180px; float:left; margin: 0 0 0 0; }*/

.orta-urun2 { width: 233px; height: 310px; float:left; margin: 1px 2px 1px 1px; border: dotted 1px; }
.tdorta-urun2resim { height:220px; text-align:center; }
.tdorta-urun2yazi { height:55px; vertical-align:top;  }
.tdorta-urun2yazi a { /*color:#7b7b7b;*/ color:#3a7ec9; font-weight:bold; }
.tdorta-urun2fiyat { vertical-align:bottom; }

.orta-urun_Anakategori { width: 170px; height: 250px; float:left; margin: 1px 2px 1px 1px; border: dotted 1px; overflow:hidden; }
.orta-urun_Anakategori a { color:White; font-weight:bold; font-size:medium; }

/*.tdorta-urun2fiyat p { font-size:large; font-weight:bold; color:#5b5c5e; }
.tdorta-urun2fiyat p span { font-size: 14px; }  */
/*.orta-urunresim2 { text-align:center; height:220px; }
.orta-urun2yazi { height:80px; margin:0 2px 5px 3px; }
.orta-urun2yazi a { color:#7b7b7b; font-weight:bold;}
.orta-urun2yazi p { font-size:large; font-weight:bold; color:#5b5c5e; }
.orta-urun2yazi p span { font-size: 14px; }
*/

#orta-enler { clear:both; /*border: solid 1px #002c72;*/ height:550px; }
.enler { float:left; width:350px; margin: 1px 5px 0 0; }
.enler h3 { margin:0; padding:5px 0 0 18px; background:url(../images/altkat-bg.jpg) no-repeat; width:332px; height:31px; color:#FFFFFF; font-size:15px; }
.en-uruler { display:inherit; margin:2px 2px 2px 2px; padding: 5px 5px 5px 5px; background-color:#dedfe1; height:500px;}
.en-urun { float:left; background: url(../images/urun-alt-bg.png) no-repeat; width:340px; height: 96px; margin-bottom:5px; }
.en-urunresim { float:left; text-align:center; width: 90px; }
.en-urunresim img { border:0px; margin: 3px 0 0 3px; }
.en-urunadfiyat { padding: 5px 0 0 10px; width:220px; float:left}
.en-urunadfiyat a { color: #7b7b7b; font-size:12px;}
.en-urunadfiyat p { padding:0; margin:5px 0 0 0; font-size:large; font-weight:bold; color:#5b5c5e;}
.en-urunadfiyat p span{ font-size:14px;}
.en-butonlar {padding-top:10px; float:left}
.en-butonlar img { margin-bottom: 3px; }

#urun-agac { background:url(../images/agac-bg.jpg) no-repeat top left; height:30px; color:#FFFFFF; font-weight:bold; padding: 10px 0 0 15px; }
#urun-agac a { color:#FFFFFF; }
#urun-adikodu { background:url(../images/uyelik-bg.jpg) no-repeat top left; height:22px; color:#FFFFFF; font-weight:bold; padding: 5px 0 0 10px; margin-top: 5px }
#urun-adi { width: 530px; float:left }
#urun-kodu { width: 160px; float:left; text-align:right  }
#urun-bilgi { clear:both; margin-top:5px; }
#urun-resimler { width:220px; float:left }
#urun-bilgiler { width:295px; float:left; }
.urun-bilgileryazi { width: 293px; float:left; }
#urun-bilgiler table tr td { }
#urun-firsaturun { width: 203px; float: left; background: #f99d1c; }
#urun-buyukresim { text-align: left; }

#urun-kucukresimler { clear:both; width: 713px; }
.urun-kucukresim {float: left; margin-right:4px; }
.havaleft { font-weight: bold; }
.urun-hediye { float: right; width: 200px; height:150px; position:relative; overflow:hidden;}
#urun-butonlar { clear:both; padding-top:25px; }
#urun-firsaturun h3 { margin:0px; padding:0px; color:#FFFFFF; padding:4px 0 2px 10px}
#firsaturun-resim { margin:1px; background:#FFFFFF; font-weight:bold; text-align:center; /*color:#0082CA;*/ color:Black; }

#ozellikler-baslik { background:url(../images/ozellikler-bg.jpg) no-repeat top left; color:#FFFFFF; font-weight:bold; font-size:18px; margin-top:5px;  }
#ozellikler-baslik ul { padding: 0; margin: 0; float: left; width: 100%; }
#ozellikler-baslik ul li { display: inline; }
#ozellikler-baslik ul li a { padding: 4px 10px; color: #ffffff; text-decoration: none; float: left; border-right: 1px solid #fff; }
#ozellikler-baslik ul li a:hover { color: #fff; background:#4b8fcc }
#ozellikler-baslik ul li a.current { color: #fff; background:#4b8fcc }

#baglantili-urunler { clear:both; margin-top:5px; }
.bag-urun { background:url(../images/bag-urun-bg.jpg) no-repeat top left; height:71px; width:706px; margin:auto; margin-bottom:5px; }
.bag-urunresim { padding:1px; width:69px; text-align:center; float:left }
.bag-urunadfiyat { padding:5px 0 0 5px; width:542px; float:left}
.bag-urunadfiyat a { color:#7b7b7b; font-size:13px;}
.bag-urunadfiyat p {padding:0; margin:2px 0 0 0; font-size:19px; font-weight:bold; color:#5b5c5e;}
.bag-butonlar {padding-top:10px; float:left}
.bag-butonlar img { margin-bottom:3px; }

#karttaksitler { margin-top:10px; }
#guvenlik { text-align:center; margin-top:10px; color:#746b6d }
#guvenlik a {color:#746b6d }
#footer  
{
    width: 988px;
    margin: 0px auto;
    background-color: White;

   text-align:center; 
  /* margin-top:10px; */
  /* color:#746b6d */
}

/* Menu */
.chromestyle { width: 99%; padding:0 }
.chromestyle:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.chromestyle ul { width: 100%; padding: 1px 0; margin: 0; }
.chromestyle ul li { display: inline; }
.chromestyle ul li a { color: #ffffff;  text-decoration: none; }

.aAns { padding: 2px 28px; }
.aKrm { padding: 2px 30px; }
.aMgz { padding: 2px 18px; }
.aMhz { padding: 2px 4px; }
.aIlt { padding: 2px 25px; }
.aenglisg { padding: 2px 15px; }

.chromestyle ul li a:hover, .chromestyle ul li a.selected {}
.dropmenudiv { position:absolute; top: 0; border-bottom-width: 0; z-index:100; background:url(images/hd-menu-alt-bg.jpg) repeat-y; width: 200px; visibility: hidden; }
.dropmenudiv a { width: auto; display: block; text-indent: 3px; padding: 2px 0; text-decoration: none; font-weight: bold; font-size:11px; color: #525558; }
* html .dropmenudiv a { width: 100%; }
.dropmenudiv a:hover { color:#FFFFFF; background:url(images/hd-menu-alto-bg.jpg) no-repeat; }
.spc { clear:both; height:1px; overflow:hidden; }


/*new header*/
.bluetabs
{ overflow:hidden;  }

.bluetabs ul
{
list-style-type: none;
text-align: left; 
width: 100%;
padding: 2px 0; 
margin: 0;
}

.bluetabs li  { display:inline; }

.bluetabs li a{
text-decoration: none;
background-image: url(../images/hd-menu-bg.jpg);
color: White;
}
.bluetabs li a:visited{ }
.bluetabs li a:hover{ }
.bluetabs li.selected{ }
.bluetabs li.selected a{ border-bottom-color: white; }
.bluetabs li.selected a:hover{ text-decoration: none; }

/* ######### Style for Drop Down Menu ######### */
.dropmenudiv_b{
position: absolute;
top: 0;
/*z-index: 100;*/
background-color: white;
visibility: hidden;
background-image: url(../images/hd-menu-alt-bg.jpg);
background-position: top;
width: 112px;
}

.dropmenudiv_b a{
display: block;
text-indent: 3px;
padding: 2px 0 2px 0;
color: black;
font-size:11px;
height: 16px;
}

* html .dropmenudiv_b a{ width: 100%; }
.dropmenudiv_b a:hover
{ 
color:White;
background-image: url(../images/hd-menu-alto-bg.jpg);
}

/*ürün detay */
.shadetabs{
padding: 8px 0 0 0 ;
margin-left: 0;
/*margin-bottom: 0;*/
list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/
width: 714px;
background: url(../images/agac-bg.jpg);
height: 24px;
}

.shadetabs li{
display: inline;
margin: 0;
border-right-color: White;
border-right-style: solid;
border-right-width: 1px;
}

.shadetabs li a{
text-decoration: none;
position: relative;
/*z-index: 1;*/
padding: 8px 5px 9px 5px; /*Burdaki değişiklik ürün seçimdeki urundetayozellik.gifin boyutu*/
margin-right: 3px;
color: White;
}

.shadetabs li a:visited{}

.shadetabs li a:hover{
background: url(urundetayozellik.gif);
}

.shadetabs li a.selected{ /*selected main tab style */
/*position: relative;*/
position:inherit;
}

.shadetabs li a.selected{ /*selected main tab style */
background-image: url(urundetayozellik.gif);
border-bottom-color: white;
}

.shadetabs li a.selected:hover{ /*selected main tab style */
text-decoration: none;
}

/*ana sayfa*/

.shadetabsmain{
/*padding: 3px 0;*/
padding: 8px 0 0 0 ;
margin-left: 0;
list-style-type: none;
text-align: left;
width: 714px;
background:url(../images/mavibackround.jpg);
height: 23px;
}

.shadetabsmain li{
display: inline;
margin: 0;
border-right-color: White;
border-right-style: solid;
border-right-width: 1px;
}

.shadetabsmain li a{
text-decoration: none;
position: relative;
/*z-index: 1;*/
padding: 8px 5px 8px 5px; /*Burdaki değişiklik ürün seçimdeki urundetayozellik.gifin boyutu*/
margin: 0px 3px 0px 0px;
color: White;
}

.shadetabsmain li a:visited{}

.shadetabsmain li a:hover{
background: url(anasayfatabsback.png); }

.shadetabsmain li a.selected{ /*selected main tab style */
position: relative; }

.shadetabsmain li a.selected{ /*selected main tab style */
background-image: url(anasayfatabsback.png);
border-bottom-color: white; }

.shadetabsmain li a.selected:hover{ /*selected main tab style */
text-decoration: none; }

#kayitli { width:350px; height:300px; float:left; border-style:solid;border-color:#35a2db; border-width:2px; }
.yazi { padding: 0px 5px 10px 5px; text-align:center;}
.kullanicigirisheader {background:url(../images/mavibackround.jpg) no-repeat top left; color:#FFFFFF; height:31px; font-weight:bold; padding: 7px 0 0 15px;}

#Kayitsiz { width:350px; height:300px; float:right; border-style:solid;border-color:#35a2db; border-width:2px;}

#alisverisyrdm, #alisverisyrdm li ul { background-image: url(../images/alisverisyardimust.jpg); overflow:hidden; background-position: 0px 0px; overflow:hidden; list-style-type: none; padding: 0; margin: 0; /*background: url(../images/alisverisyardimust.jpg) repeat;*/ }
#alisverisyrdm { margin: 0; overflow:hidden; }
#alisverisyrdm li { overflow:hidden; padding: 4px 0 5px 0px; }
#alisverisyrdm li.active { overflow:hidden; }
#alisverisyrdm li.active a { height:24px; overflow:hidden; color:#fc871e; }
#alisverisyrdm li ul , #alisverisyrdm li ul li { padding:0; margin:0; background-color: #ebebeb; }
#alisverisyrdm li a { overflow:hidden; color: #2e2c2c; text-decoration: none; font-weight:bold; display:inherit;  /* padding: 2px 0 2px 5px; display: block; */ }
#alisverisyrdm p { padding: 15px 15px 0 15px; }

.dhtmlwindow{
position: absolute;
border: 2px solid black;
visibility: hidden;
background-color: white; }

.drag-handle{ /*CSS for Drag Handle*/
padding: 1px;
text-indent: 3px;
font: bold 14px Arial;
background-color: #00a1e5;
color: white;
cursor: move;
overflow: hidden;
width: auto;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
-moz-opacity: 1;
opacity: 1; }

.drag-handle .drag-controls{ /*CSS for controls (min, close etc) within Drag Handle*/
position: absolute;
right: 1px;
top: 2px;
cursor: hand;
cursor: pointer;
}

* html .drag-handle{ /*IE6 and below CSS hack. Width must be set to 100% in order for opaque title bar to render*/
width: 100%; }

.drag-contentarea{ /*CSS for Content Display Area div*/
border-top: 1px solid brown;
background-color: white;
color: black;
height: 150px;
padding: 2px;
overflow: auto;
text-align:center; }

.drag-statusarea{ /*CSS for Status Bar div (includes resizearea)*/
border-top: 1px solid gray;
background-color: #F8F8F8;
height: 13px; /*height of resize image*/ }


.drag-resizearea{ /*CSS for Resize Area itself*/
float: right;
width: 13px; /*width of resize image*/
height: 13px; /*height of resize image*/
cursor: nw-resize;
font-size: 0; }

/*Hızlı Gönderi için*/
.balloonstyle{
position :absolute;
top: -500px;
left: 0;
padding: 5px;
visibility: hidden;
b order:1px solid black; 
font:normal 12px Verdana;
line-height: 18px;
z-index: 100;
background-color: white;
width: 200px;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135 Strength=5);
}

#arrowhead{
z-index: 99;
position:absolute;
top: -500px;
left: 0; 
visibility: hidden;
}

/* tooltip */

#hintbox{ /*CSS for pop up hint box */
position:absolute;
top: 0;
background-color: #faf6bd;
width: 250px; /*Default width of hint.*/ 
padding: 3px;
border:1px solid black;
font: normal 11px Verdana;
line-height: 18px;
z-index: 100;
border-right: 3px solid black;
border-bottom: 3px solid black;
visibility: hidden;
}

.hintanchor{ /*CSS for link that shows hint onmouseover*/
font-weight: bold;
color: navy;
margin: 3px 8px;
}

/***yeni menü   ve style ı********/

/* ######### Marker List Vertical Menu ######### */

.markermenu{
width: 220px; /*width of side bar menu*/
clear: left;
position: relative; /*Preserve this for "right" arrow images (added by script) to be positioned correctly*/

}
.markermenu ul{
list-style-type: none;
margin: 5px 0;
padding: 0;
border: 1px solid #9A9A9A;
}

.markermenu ul li a{
background: #F2F2F2 url(bulletlist.gif) no-repeat 3px center; /*light gray background*/
/*font: bold 13px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;*/
font-weight:bold;
color: #00014e;
display: block;
width: auto;
padding: 3px 0;
padding-left: 20px;
text-decoration: none;
border-bottom: 1px solid #B5B5B5;
}

* html .markermenu ul li a{ /*IE6 hack*/
width: 155px;
}

.markermenu ul li a:visited, .markermenu ul li a:active{
color: #00014e;
}

.markermenu ul li a:hover, .markermenu ul li a.selected{
color: white;
background-color: black;
}

/* ######### Customized Drop Down ULs CSS (inherits from ddlevelsmenu-base.css) ######### */

.blackwhite li a{
background: white;
}

.blackwhite li a:hover{
background: black;
color: white;
}


/***stylı menülerin**/

/* ######### Drop Down DIVs CSS ######### */


.ddsubmenustyle, .ddsubmenustyle div{ /*topmost and sub DIVs, respectively*/
/*font: normal 13px Verdana;*/
font-weight:bold;
margin: 0;
padding: 0;
position: absolute;
left: 0;
top: 0;
list-style-type: none;
background: white;
border: 1px solid black;
border-bottom-width: 0;
visibility: hidden;
z-index: 100;
}

.ddsubmenustyle ul{
margin: 0;
padding: 0;
position: absolute;
left: 0;
top: 0;
list-style-type: none;
border: 0px none;
}

.ddsubmenustyle li a{
display: block;
width: 210px; /*width of menu (not including side paddings)*/
color: black;
background-color: lightyellow;
text-decoration: none;
padding: 4px 5px;
border-bottom: 1px solid black;
}

* html .ddsubmenustyle li{ /*IE6 CSS hack*/
display: inline-block;
width: 210px; /*width of menu (include side paddings of LI A*/
}

.ddsubmenustyle li a:hover{
background-color: black;
color: white;
}

/* ######### Neutral CSS  ######### */

.downarrowpointer{ /*CSS for "down" arrow image added to top menu items*/
padding-left: 4px;
border: 0;
}

.rightarrowpointer{ /*CSS for "right" arrow image added to drop down menu items*/
position: absolute;
padding-top: 3px;
left: 100px;
border: 0;
}

.ddiframeshim{
position: absolute;
z-index: 500;
background: transparent;
border-width: 0;
width: 0;
height: 0;
display: block;
}





/*/   BUNU DAHA SONRA DÜZENLE   */

.selectedanchor{ /*CSS class that gets added to the currently selected anchor link (assuming it's a text link)*/
background: #f2f2f2;
}


/* ######### Default class for drop down menus ######### */

.anylinkcss{
position: absolute;
left: 0;
top: 0;
visibility: hidden;
border: 1px solid black;
border-bottom-width: 0;
/*font: normal 12px Verdana;*/
line-height: 18px;
z-index: 100; /* zIndex should be greater than that of shadow's below */
background: lightyellow;
width: 200px; /* default width for menu */
}

.anylinkcss ul{
margin: 0;
padding: 0;
list-style-type: none;
}

.anylinkcss ul li a{
width: 100%;
display: block;
text-indent: 3px;
border-bottom: 1px solid black;
padding: 1px 0;
text-decoration: none;
font-weight: bold;
text-indent: 5px;
}

.anylinkcss a:hover{ /*hover background color*/
background: black;
color: white;
}

/* ######### Alternate multi-column class for drop down menus ######### */


.anylinkcsscols{
position: absolute;
left: 0;
top: 0;
visibility: hidden;
border: 1px solid black;
padding: 10px;
/*font: normal 12px Verdana;*/
z-index: 100; /*zIndex should be greater than that of shadow's below*/
background: #DEFFCA;
}

.anylinkcsscols .column{
width: 130px;
float: left;
}

.anylinkcsscols .column ul{
margin: 0;
padding: 0;
list-style-type: none;
}

.anylinkcsscols li{
padding-bottom: 3px;
}

/* ######### class for shadow DIV ######### */

.anylinkshadow{ /*CSS for shadow. Keep this as is */
position: absolute;
left: 0;
top: 0;
z-index: 99; /*zIndex for shadow*/
background: black;
visibility: hidden;
}
#new_year_ads {position: absolute; top: 0; margin-left:-80px; margin-top: 50px; width: 112px; height: 254px; cursor: pointer; z-index: 0; background-image: url(../images/dikey.gif); background-repeat:no-repeat; }
.new_year_logobottom {position: absolute; top: 0; margin-left:10px; margin-top: 50px; width: 253px; height: 53px; cursor: pointer; z-index: 0; background-image: url(../images/yatay.gif); background-repeat:no-repeat; }

/* OCAK 2012*/

#tekzenKategoriMarka {
	list-style:none;
	width: 670px;
	margin: 2px auto 0px auto;
	height: 43px;
	padding:0px 20px 0px 20px;

	/* Rounded Corners */
	
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;

	/* Background color and gradients */
	
	background: #014464;
	background: -moz-linear-gradient(top, #0272a7, #013953);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#0272a7), to(#013953));
	
	/* Borders */
	
	border: 1px solid #002232;

	-moz-box-shadow:inset 0px 0px 1px #edf9ff;
	-webkit-box-shadow:inset 0px 0px 1px #edf9ff;
	box-shadow:inset 0px 0px 1px #edf9ff;
}

#tekzenKategoriMarka li {
	float:left;
	display:block;
	text-align:center;
	position:relative;
	padding: 4px 10px 4px 10px;
	margin-right:10px;
	margin-top:7px;
	border:none;
}

#tekzenKategoriMarka li:hover {
	border: 1px solid #777777;
	padding: 4px 9px 4px 9px;
	
	/* Background color and gradients */
	
	background: #F4F4F4;
	background: -moz-linear-gradient(top, #F4F4F4, #EEEEEE);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#F4F4F4), to(#EEEEEE));
	
	/* Rounded corners */
	
	-moz-border-radius: 5px 5px 0px 0px;
	-webkit-border-radius: 5px 5px 0px 0px;
	border-radius: 5px 5px 0px 0px;
}


#tekzenKategoriMarka li a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px; 
	color: #EEEEEE;
	display:block;
	outline:0;
	text-decoration:none;
	text-shadow: 1px 1px 1px #000;
}

#tekzenKategoriMarka li:hover a {
	color:#161616;
	text-shadow: 1px 1px 1px #ffffff;
}
/* dropdown_3columns */
.markaAlani
{
	margin:4px auto;
	float:left;
	position:absolute;
	left:-999em; /* Hides the drop down */
	text-align:left;
	padding:10px 5px 10px 5px;
	border:1px solid #777777;
	border-top:none;
	
	/* Gradient background */
	background:#F4F4F4;
	background: -moz-linear-gradient(top, #EEEEEE, #BBBBBB);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#EEEEEE), to(#BBBBBB));

	/* Rounded Corners */
	-moz-border-radius: 0px 5px 5px 5px;
	-webkit-border-radius: 0px 5px 5px 5px;
	border-radius: 0px 5px 5px 5px;
	
	width:450px;
}

/*.dropdown_3columns {width: 420px;}*/

#tekzenKategoriMarka li:hover .markaAlani
{
	left:-1px;
	top:auto;
}

/* menu_right */
#tekzenKategoriMarka .markaSagadayalimi {
	float:right;
	margin-right:0px;
}
#tekzenKategoriMarka li .align_right {
	/* Rounded Corners */
	-moz-border-radius: 5px 0px 5px 5px;
    -webkit-border-radius: 5px 0px 5px 5px;
    border-radius: 5px 0px 5px 5px;
}

#tekzenKategoriMarka li:hover .align_right {
	left:auto;
	right:-1px;
	top:auto;
}

#tekzenKategoriMarka p, #tekzenKategoriMarka h2, #tekzenKategoriMarka h3, #tekzenKategoriMarka ul li {
	font-family:Arial, Helvetica, sans-serif;
	line-height:21px;
	font-size:12px;
	text-align:left;
	text-shadow: 1px 1px 1px #FFFFFF;
}
#tekzenKategoriMarka h2 {
	font-size:21px;
	font-weight:400;
	letter-spacing:-1px;
	margin:7px 0 14px 0;
	padding-bottom:14px;
	border-bottom:1px solid #666666;
}
#tekzenKategoriMarka h3 {
	font-size:14px;
	margin:7px 0 14px 0;
	padding-bottom:7px;
	border-bottom:1px solid #888888;
}
#tekzenKategoriMarka p {
	line-height:18px;
	margin:0 0 10px 0;
}

#tekzenKategoriMarka li:hover div a {
	font-size:12px;
	color:#015b86;
}
#tekzenKategoriMarka li:hover div a:hover {
	color:#029feb;
}


.strong {
	font-weight: bold;
}
.italic {
	font-style:italic;
}

.imgshadow { /* Better style on light background */
	background:#FFFFFF;
	padding:4px;
	border:1px solid #777777;
	margin-top:5px;
	-moz-box-shadow:0px 0px 5px #666666;
	-webkit-box-shadow:0px 0px 5px #666666;
	box-shadow:0px 0px 5px #666666;
}
.img_left { /* Image sticks to the left */
	width:auto;
	float:left;
	margin:5px 15px 5px 5px;
}

#tekzenKategoriMarka li .black_box {
	background-color:#333333;
	color: #eeeeee;
	text-shadow: 1px 1px 1px #000;
	padding:4px 6px 4px 6px;

	/* Rounded Corners */
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;

	/* Shadow */
	-webkit-box-shadow:inset 0 0 3px #000000;
	-moz-box-shadow:inset 0 0 3px #000000;
	box-shadow:inset 0 0 3px #000000;
}

#tekzenKategoriMarka li ul {
	list-style:none;
	padding:0;
	margin:0 0 12px 0;
}
#tekzenKategoriMarka li ul li {
	font-size:12px;
	line-height:24px;
	position:relative;
	text-shadow: 1px 1px 1px #ffffff;
	padding:0;
	margin:0;
	float:none;
	text-align:left;
	width:130px;
}
#tekzenKategoriMarka li ul li:hover {
	background:none;
	border:none;
	padding:0;
	margin:0;
}

#tekzenKategoriMarka li .markaKutu li {
	background:#F4F4F4;
	border:1px solid #bbbbbb;
	margin:0px 0px 4px 0px;
	padding:4px 6px 4px 6px;
	width: 100px;
	height: 40px;
	text-align:center;

	/* Rounded Corners */
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
}
#tekzenKategoriMarka li .markaKutu li:hover {
	background:#ffffff;
	border:1px solid #aaaaaa;
	padding:4px 6px 4px 6px;
	margin:0px 0px 4px 0px;
}

.tekzenMarkcercevesi { overflow:hidden; width: 105px; float:left;  border:1px; margin: 1px 2px 1px 1px; }
