body {background: #1A1A1A url(../images/b.jpg) repeat; font-family: Helvetica, Tahoma, Sans-Serif; font-size: 11px; margin: 0; padding: 0;}
.temizle {clear: both;}
img {border: none;}
.textbox {border: solid 1px #999; background-color: #CCC; font-family: Helvetica, Tahoma, Sans-Serif; font-size: 11px; padding: 3px;}
.dropdown {border: solid 1px #999; background-color: #CCC; font-family: Helvetica, Tahoma, Sans-Serif; font-size: 11px; padding: 1px;}
.uyari_msj	{line-height: 50px; text-align: center; font-weight: bold; font-size: 12px; color: #CCC;}
.uyari_msj1	{line-height: 20px; text-align: center; font-weight: bold; font-size: 12px; color: Red;}
#tasiyici {width: 900px; margin: 0 auto; padding-bottom: 20px; background: url(../images/bg_main.jpg) no-repeat top left;}
#anabolum {width: 900px;}
#aralik {height: 120px;}
#aralik .banner {padding: 35px 0 0 430px;}
#tooltip {position:absolute; border:1px solid #333; background:#f7f5d1; padding:4px 5px; color:#333; display:none;}

#banner {width: 900px; height: 76px; padding: 22px 0 12px 0;}
#banner .logo {float: left;}
#banner .destek {float: right; line-height: 20px; color: #999;}

/* ---- Üst Menü ---- */
#ust_menu {width: 900px; height: 39px; background: url(../images/ust_menu_orta.jpg) repeat-x center;}
#ust_menu .sol {width: 900px; height: 39px; background: url(../images/ust_menu_sol.jpg) no-repeat left;}
#ust_menu .sag {width: 900px; height: 39px; background: url(../images/ust_menu_sag.jpg) no-repeat right;}
#ust_menu table {margin: 0 auto;}
#ust_menu ul {margin: 0; padding: 0;}
#ust_menu ul li {float: left; display: inline-block; list-style-type: none;}
#ust_menu a:link, #ust_menu a:visited {float: left; display: inline-block; height: 39px; line-height: 39px; font-weight: bold; text-decoration: none; text-align: center; padding: 0 20px; color: #655E5B;}
#ust_menu a:hover {background: url(../images/ust_menu_hover.jpg) repeat-x center; color: #FFF;}
#ust_menu .aralik {float: left; height: 39px; width: 2px; background: url(../images/ust_menu_aralik.jpg) no-repeat center; margin: 0;}

/* ---- Sol Bölüm ---- */
#sol_bolum {width: 225px; vertical-align: top; padding-top: 8px;}

.uye_giris {background: url(../images/uye_giris.png) no-repeat center; margin-bottom: 8px;}
.uye_giris .ust {width: 225px; background: #0D0A08 url(../images/kategori_ust.jpg) no-repeat top;}
.uye_giris .alt {width: 225px; background: url(../images/kategori_alt.jpg) no-repeat bottom;}
.uye_giris .icerik {padding: 8px; color: #CCC;}
.uye_giris .icerik .uye_isim {text-align: center; line-height: 18px; font-size: 12px; font-weight: bold; color: #FC9300;}
.uye_giris .icerik .uye_tipi {color: #CCC;} 
.uye_giris .icerik .bakiye {text-align: center;}
.uye_giris .icerik a.cikis:link, .uye_giris .icerik a.cikis:visited {display: inline-block; line-height: 10px; text-decoration: none; font-weight: bold; background: url(../images/img_cikis.gif) no-repeat 0 0; margin-top: 5px; padding-left: 15px; color: #925800;}
.uye_giris .icerik a.cikis:hover {text-decoration: underline; background: url(../images/img_cikis.gif) no-repeat 0 -10px; color: #FC9300;}

.uye_giris .icerik table {width: 100%;}
.uye_giris .icerik .yazi {width: 40px;}
.uye_giris .icerik .txtbox {border: none; width: 105px; font-size: 11px; background-color: #CCC; padding: 3px; margin: 3px;}
.uye_giris .icerik .t_sol {float: left; height: 21px; width: 3px; background: url(../images/bg_txt_giris_sol.gif) no-repeat center;}
.uye_giris .icerik .t_orta {float: left; height: 21px; width: 110px; background: url(../images/bg_txt_giris_orta.gif) repeat-x center;}
.uye_giris .icerik .t_sag {float: left; height: 21px; width: 3px; background: url(../images/bg_txt_giris_sag.gif) no-repeat center;}
.uye_giris .icerik .btn {width: 45px;}
.uye_giris .icerik .link {height: 22px;}
.uye_giris .icerik .link a:link, .uye_giris .icerik .link a:visited {text-decoration: none; color: #00FFFF;}
.uye_giris .icerik .link a:hover {text-decoration: underline;}

.sepet {width: 225px; height: 63px; background: url(../images/bg_sepet.jpg) no-repeat; margin-bottom: 8px;}
.sepet table {width: 140px; height: 63px; padding: 0 5px 0 10px;}
.sepet table a:link, .sepet table a:visited {display: block; text-decoration: none; color: #000;}
.sepet table a:hover {text-decoration: underline;}

.canli_destek {width: 225px; height: 63px; background: url(../images/bg_canlidestek.jpg) no-repeat; margin-bottom: 8px;}
.canli_destek table {height: 63px;}
.canli_destek table td.resim {height: 63px; padding: 0 5px 0 0;}
.canli_destek table td.yazi {height: 63px; line-height: 20px; font-weight: bold; text-align: center; color: #CCC;}

.kategori {background: #0D0A08 url(../images/kategori_alt.jpg) no-repeat bottom; margin-bottom: 8px;}
#kategoriler {padding: 10px;}
#kategoriler span {display: block; cursor: pointer; line-height: 25px; font-weight: bold; background: url(../images/kategori_li.jpg) no-repeat left; padding-left: 20px; color: #FC9300;}
#kategoriler div.kat_icerik {display: none; margin: 5px 20px 10px 20px;}
#kategoriler div.kat_icerik a:link, #kategoriler div.kat_icerik a:visited {text-decoration: none; color: #CCC;}
#kategoriler div.kat_icerik a:hover {text-decoration: underline;}
#kategoriler hr {border-top: solid 1px #9D5A00; border-bottom: none; border-left: none; border-right: none;}

.menu_tab	{width: 225px; margin-bottom: 8px;}
.menu_tab .baslik	{width: 120px; height: 25px; line-height: 25px; background: url(../images/bg_tab_baslik.jpg) no-repeat; margin-left: 90px; color: #FFF; padding: 0;}
.menu_tab .baslik .sol, .menu_tab .baslik .sag  {float: right; width: 59px; font-weight: bold; text-align: right; color: #CCC;}
.menu_tab .baslik .ara {float: right; width: 1px;}

.menu_tab .satir_alternatif	{display: block; padding: 5px 0;}
.menu_tab .satir_normal	{display: block; padding: 5px 0;}
.menu_tab .satir_normal a:link, .menu_tab .satir_normal a:visited, 
.menu_tab .satir_alternatif a:link, .menu_tab .satir_alternatif a:visited {display: block; font-size: 11px; text-decoration: none; color: #FFF;}
.menu_tab .satir_normal a:hover .urun, .menu_tab .satir_normal a:hover .alim, .menu_tab .satir_normal a:hover .satim,
.menu_tab .satir_alternatif a:hover .urun, .menu_tab .satir_alternatif a:hover .alim, .menu_tab .satir_alternatif a:hover .satim {text-decoration: underline;}
.menu_tab .satir_normal a .urun, .menu_tab .satir_alternatif a .urun {float: left; display: block; width: 90px; font-weight: bold; padding-right: 2px; color: #00FFFF;}
.menu_tab .satir_normal a .satim, .menu_tab .satir_alternatif a .satim {float: right; display: block; width: 60px; text-align: right;}
.menu_tab .satir_normal a .alim, .menu_tab .satir_alternatif a .alim {float: right; display: block; width: 60px; text-align: right;}

.menu_tab .tab_libertad .ajax__tab_header {font-family: Helvetica, Tahoma, Sans-Serif; font-size: 12px; font-weight: bold;}
.menu_tab .tab_libertad .ajax__tab_outer {padding-right: 4px; background:url(../images/bg_tab_outer.jpg) no-repeat right; height: 31px; margin-right: 1px;}
.menu_tab .tab_libertad .ajax__tab_inner {padding-left: 8px; background: url(../images/bg_tab_inner.jpg) no-repeat;}
.menu_tab .tab_libertad .ajax__tab_tab {height: 31px; width: 96px; line-height: 31px; padding: 0;  background: url(../images/bg_tab_tab.jpg) repeat-x; color: #CCC;}
.menu_tab .tab_libertad .ajax__tab_hover .ajax__tab_outer {background: url(../images/bg_tab_hover_outer.jpg) no-repeat right;}
.menu_tab .tab_libertad .ajax__tab_hover .ajax__tab_inner {background: url(../images/bg_tab_hover_inner.jpg) no-repeat;}
.menu_tab .tab_libertad .ajax__tab_hover .ajax__tab_tab {background: url(../images/bg_tab_hover_tab.jpg) repeat-x;}
.menu_tab .tab_libertad .ajax__tab_active .ajax__tab_outer {background: url(../images/bg_tab_active_outer.jpg) no-repeat right;}
.menu_tab .tab_libertad .ajax__tab_active .ajax__tab_inner {background: url(../images/bg_tab_active_inner.jpg) no-repeat;}
.menu_tab .tab_libertad .ajax__tab_active .ajax__tab_tab {background: url(../images/bg_tab_active_tab.jpg) repeat-x; color: #CCC;}
.menu_tab .tab_libertad .ajax__tab_body {font-family: Helvetica, Tahoma, Sans-Serif; font-size: 11px; border-top: 0; padding: 6px; background: #333333 url(../images/menu_tab_alt.jpg) no-repeat bottom; overflow: auto;}


/* ---- Sağ Bölüm ---- */
#sag_bolum {vertical-align: top; padding-top: 8px; padding-left: 10px;}

.slayt {height: 255px; width: 665px; margin-bottom: 8px; position: relative; top: 0; left: 0;}

#slideshow {position: relative; height: 263px; top: 0px; left: 0px;}
#slideshow IMG {position: absolute; top: 0; left: 0; z-index: 8; opacity: 0.0;}
#slideshow IMG.active {z-index: 10; opacity: 1.0;}
#slideshow IMG.last-active {z-index: 9;}

.hesap_panel {display: block; width: 665px; background: url(../images/hesap_panel_orta.jpg) repeat-x 0 0; height: 85px; margin-bottom: 8px; padding: 0;}
.hesap_panel .aralik {float: left; display: block; width: 2px; height: 85px; background: url(../images/hesap_panel_aralik.jpg) no-repeat center;}
.hesap_panel .alisverisler {float: left; display: block; height: 85px; width: 178px;}
.hesap_panel .alisverisler:hover {background: url(../images/hesap_panel_orta.jpg) repeat-x 0 -85px;}
.hesap_panel .alisverisler .sol {height: 85px; background: url(../images/hesap_panel_sol.jpg) no-repeat 0 0;}
.hesap_panel .alisverisler:hover .sol {background: url(../images/hesap_panel_sol.jpg) no-repeat 0 -85px;}
.hesap_panel .alisverisler .resim {float: left; width: 51px; height: 42px; background: url(../images/hesap_panel_sepet.png) no-repeat 0 0; margin: 8px 15px 0 10px;}
.hesap_panel .alisverisler:hover .resim {background: url(../images/hesap_panel_sepet.png) no-repeat 0 -42px;}
.hesap_panel .alisverisler .yazi {float: left; width: 85px;}

.hesap_panel .hesap_hareket {float: left; display: block; height: 85px; width: 198px;}
.hesap_panel .hesap_hareket:hover {background: url(../images/hesap_panel_orta.jpg) repeat-x 0 -85px;}
.hesap_panel .hesap_hareket .resim {float: left; width: 50px; height: 48px; background: url(../images/hesap_panel_hesaphareket.png) no-repeat 0 0; margin: 4px 4px 0 12px;}
.hesap_panel .hesap_hareket:hover .resim {background: url(../images/hesap_panel_hesaphareket.png) no-repeat 0 -48px;}
.hesap_panel .hesap_hareket .yazi {float: left; width: 105px;}

.hesap_panel .mesajlarim, .hesap_panel .mesajlarim_a {float: left; display: block; height: 85px; width: 90px;}
.hesap_panel .mesajlarim:hover, .hesap_panel .mesajlarim_a:hover {background: url(../images/hesap_panel_orta.jpg) repeat-x 0 -85px;}
.hesap_panel .mesajlarim a {width: 24px; height: 46px; background: url(../images/hesap_panel_mesaj.png) no-repeat 0 0; margin: 3px 22px 0 22px; padding: 2px 0 0 23px;}
.hesap_panel .mesajlarim_a a {width: 24px; height: 46px; background: url(../images/hesap_panel_mesaj.png) no-repeat 0 -49px; margin: 3px 22px 0 22px; padding: 2px 0 0 23px;}
.hesap_panel .mesajlarim:hover a {background: url(../images/hesap_panel_mesaj.png) no-repeat 0 -49px;}
.hesap_panel .mesajlarim a span, .hesap_panel .mesajlarim_a a span {display: inline-block; width: 20px; text-align: center; font-size: 12px; font-weight: bold; color: #11212B;}

.hesap_panel .profilim {float: right; display: block; height: 85px; width: 192px;}
.hesap_panel .profilim:hover {background: url(../images/hesap_panel_orta.jpg) repeat-x 0 -85px;}
.hesap_panel .profilim .sag {height: 85px; background: url(../images/hesap_panel_sag.jpg) no-repeat right 0;}
.hesap_panel .profilim:hover .sag {background: url(../images/hesap_panel_sag.jpg) no-repeat right -85px;}
.hesap_panel .profilim .resim {float: left; width: 50px; height: 46px; background: url(../images/hesap_panel_profilim.png) no-repeat 0 0; margin: 2px 15px 0 15px;}
.hesap_panel .profilim:hover .resim {background: url(../images/hesap_panel_profilim.png) no-repeat 0 -46px;}
.hesap_panel .profilim .yazi {float: left; width: 85px;}

.hesap_panel .baslik {display: block; line-height: 23px; height: 23px; text-align: center; font-weight: bold; color: #222;}
.hesap_panel a:link, .hesap_panel a:visited {display: inline-block; text-decoration: none; color: #999;}

.hesap_panel .alisverisler:hover .baslik, .hesap_panel .hesap_hareket:hover .baslik, 
.hesap_panel .mesajlarim:hover .baslik, .hesap_panel .profilim:hover .baslik {color: #000;}
.hesap_panel .alisverisler:hover a, .hesap_panel .hesap_hareket:hover a, .hesap_panel .profilim:hover a {color: #BBB;}
.hesap_panel .alisverisler:hover a:hover, .hesap_panel .hesap_hareket:hover a:hover, 
.hesap_panel .profilim:hover a:hover {text-decoration: underline; color: #FC9300;}

.hata table {width: 645px;}
.hata table .sol {width: 90px; text-align: center;}
.hata table .sag {text-align: left; line-height: 20px; font-size: 12px; font-weight: bold; color: #00FFFF;}
.hata a:link, .hata a:visited {color: #00B0B0;}

.orta1, .hata {width: 665px; margin-bottom: 8px;}
.orta1 .ust, .hata .ust {width: 665px; background: #333333 url(../images/icerik_ust.jpg) no-repeat top;}
.orta1 .alt, .hata .alt {width: 645px; background: url(../images/icerik_alt.jpg) no-repeat bottom; padding: 10px; color: #CCC;}
.orta1 .baslik {width: 635px; height: 35px; line-height: 35px; font-size: 12px; font-weight: bold; background: url(../images/icerik_baslik.jpg) no-repeat; margin-bottom: 3px; padding-left: 30px; color: #333;}

.orta1 .haber {width: 645px; cursor: pointer; text-decoration: none; margin: 0;}
.orta1 .haber_icerik {text-align: justify; padding: 0 5px 5px 0;}
.orta1 .haber_baslik {float: left; width: 510px; line-height: 20px; font-size: 12px; font-weight: bold; color: #FF9900;}
.orta1 .haber_baslik a:link, .icerik_1 .haber_baslik a:visited {text-decoration: underline; color: #FF9900;}
.orta1 .haber_baslik a:hover {text-decoration: none;}
.orta1 .haber_tarih {float: left; width: 130px; line-height: 20px; text-align: right; color: #925800;}
.orta1 .haber_yazi {color: #CCC;}

.orta1 table {width: 645px;}
.orta1 table .s1 {width: 290px;}
.orta1 table .s1 .urun {font-size: 12px; font-weight: bold; padding-bottom: 5px; color: #FC9300;}
.orta1 table .s2 {width: 75px; padding-left: 10px;}
.orta1 table .s3 {width: 165px;}
.orta1 table .s3 .f1_n {float: left; width: 65px; text-align: right; padding-right: 5px;}
.orta1 table .s3 .f2_n {float: left; width: 70px; font-size: 12px; font-weight: bold; text-align: right; padding-right: 5px;}
.orta1 table .s3 .f1 {float: left; width: 65px; text-align: right; padding-right: 5px;}
.orta1 table .s3 .f2 {float: left; width: 70px; text-align: right; text-decoration: line-through; padding-right: 5px;}
.orta1 table .s3 .o1 {float: left; width: 65px; text-align: right; font-weight: bold; padding-right: 5px;}
.orta1 table .s3 .o2 {float: left; width: 70px; font-size: 12px; font-weight: bold; text-align: right; padding-right: 5px;}
.orta1 table .s4 {width: 70px;}
.orta1 a.detay:link, .orta1 a.detay:visited {display: block; width: 80px; height: 20px; background: url(../images/btn_urun_detay.gif) no-repeat;}
.orta1 a:link, .orta1 a:visited {color: #999;}
.orta1 hr {border-top: solid 1px #666; border-bottom: none; border-left: none; border-right: none;}

.orta1 .form_etiket {float: left; width: 200px; text-align: right; line-height: 28px; padding-right: 15px;}
.orta1 .form_input {float:left; border: solid 1px #999; font-family: Helvetica, Tahoma, Sans-Serif; font-size: 11px; padding: 3px; margin: 4px 0 4px 0;}
.orta1 .form_aciklama {float: left; line-height: 28px; padding-left: 10px; font-style: italic; color: Gray;}

.detay_urun {line-height: 22px; font-size: 12px; font-weight: bold; color: #FC9300;}
.detay_adet {text-align: right; font-size: 11px; font-weight:bold;}
.detay_etiket {font-size: 11px; font-weight:bold;}
.detay_fiyat {text-align: right; font-weight: bold; font-size: 11px; padding: 2px;}
.detay_dugme {text-align: right;}
.detay_f2    {text-decoration: line-through;}
.detay_f3    {font-weight: bold; font-size: 12px;}

.sepetim {width: 100%; height: 50px;}
.sepet_durum {padding-left: 10px;}
.sepet_urun {width: 250px; line-height: 22px; font-size: 12px; font-weight: bold; padding-left: 10px; color: #FC9300;}
.sepet_etiket {font-size: 11px; color:#666; font-weight:bold;}
.sepet_karakter {color:#CCC; font-size:11px; font-weight:bold;}
.sepet_fiyat {color:#CCC; font-size:12px; font-weight:bold;}
.sepet_onay {margin: 20px 0 20px 0; text-align: right;}


/* ---- Alt Bölüm ---- */
#alt_bolum {width: 900px; height: 50px; background: url(../images/alt_bg.jpg) no-repeat;}
#alt_bolum .yazi {float: right; margin: 15px 5px;}
#alt_bolum a:link, #alt_bolum a:visited {float: left; display: inline-block; height: 20px; line-height: 20px; text-decoration: none; padding: 0 15px; color: #FFF;}
#alt_bolum a:hover {color: #FC9300;}
#alt_bolum .aralik {float: left; height: 20px; line-height: 20px; width: 2px; margin: 0 5px; color: #FFF;}