﻿body {background: #FFFFFF; font-family: Arial, Verdana, Sans-Serif; font-size: 11px; margin: 0; padding: 0; color: #333;}
.temizle {clear: both;}
img {border: none;}
.textbox {border: solid 1px #999; font-family: Helvetica, Tahoma, Sans-Serif; font-size: 11px; padding: 3px;}
.dropdown {border: solid 1px #999; font-family: Helvetica, Tahoma, Sans-Serif; font-size: 11px; padding: 1px;}
.uyari_msj	{line-height: 20px; text-align: center; font-weight: bold; font-size: 12px; color: Gray; padding: 50px 0;}
.uyari_msj1	{line-height: 20px; text-align: center; font-weight: bold; font-size: 12px; color: Red;}
#tasiyici {width: 982px; margin: 0 auto; padding: 10px 0 20px 0;}
#tooltip {position:absolute; border:1px solid #333; background:#f7f5d1; padding:4px 5px; color:#333; display:none;}

a:link, a:visited {text-decoration: none; color: #619508;}
a:hover {text-decoration: underline;}
hr {height: 1px; border-top: solid 1px #EDEDED; border-bottom: none; border-left: none; border-right: none; margin: 3px 0; padding: 0;}

#anaicerik {width: 982px; padding: 4px 0;}

/* ---- Header ---- */
#header {width: 982px; height: 125px; background: url(../images/header.png) repeat-x 0 0;}
#header .sol {width: 982px; height: 125px; background: url(../images/header.png) no-repeat left -125px;}
#header .sag {width: 982px; height: 125px; background: url(../images/header.png) no-repeat right -250px;}


.header_sol {float: left; width: 722px; height: 117px; padding: 4px;}
.header_sol .logo {width: 712px; height: 73px; padding: 2px 0 3px 10px;}
.header_sol .menu {width: 722px; height: 41px;}
.header_sol .menu ul {list-style: none; padding: 0 5px; margin: 0;}
.header_sol .menu ul li {float: left; height: 41px;}
.header_sol .menu ul li.ara {width: 2px; background: url() no-repeat;}

.header_sol .menu ul li a:link, .header_sol .menu ul li a:visited {display: inline-block; height: 41px; line-height: 41px; font-weight: bold; text-decoration: none; padding: 0 20px; color: #000000;}
.header_sol .menu ul li a:hover {color: #2E762B;}
.header_sol .menu ul li a.ana {background: url() no-repeat; padding-left: 30px;}

.header_sag {float: right; width: 246px; height: 117px; padding: 4px 4px 4px 0;}
.header_sag .sosyal {width: 210px; height: 62px; padding: 2px 5px 18px 30px;}
.header_sag .sosyal a:link, .header_sag .sosyal a:visited {float: left;}

.header_sag .sepet {width: 161px; height: 71px; background: url() no-repeat; padding-left: 85px; color: #FFF;}
.header_sag .sepet a:link, .header_sag .sepet a:visited {text-decoration: none; color: #FFF;}


/* ---- Yan Bölüm ---- */
.yan_bolum {float: left; display: block; width: 190px;}

.yan {width: 190px; background: url() repeat-y center; margin-bottom: 4px;}
.yan_ust {width: 190px; background: url() no-repeat top;}
.yan_alt {width: 182px; background: url() no-repeat bottom; padding: 4px;}
.yan_baslik {width: 152px; height: 34px; line-height: 34px; font-size: 12px; font-weight: bold; background: url(../images/bg_yan_baslik.png) no-repeat center; padding-left: 30px;}
.yan_baslik_uye {width: 182px; height: 34px; line-height: 34px; font-size: 12px; font-weight: bold; text-align: center; background: url(../images/bg_yan_baslik_uye.png) no-repeat center; color: #1368B1;}
.yan_ic {width: 182px; background: url(../images/bg_yan_ic_orta.png) repeat-y center;}
.yan_ic_ust {width: 182px; background: url(../images/bg_yan_ic_ust.png) no-repeat top;}
.yan_ic_alt {width: 182px; background: url(../images/bg_yan_ic_alt.png) no-repeat bottom;}

.yan_ic .ic_baslik {border-top: solid 1px #DBDBDB; border-bottom: solid 1px #DBDBDB; font-weight: bold; text-align: center; background: #F1F8FE; color: #5EB0F4; padding: 3px 0; margin: 0 1px;}

.canli {width: 182px; background: url(../images/bg_canli_orta.png) repeat-y center;}
.canli_ust {width: 182px; background: url(../images/bg_canli_ust.png) no-repeat top;}
.canli_alt {width: 172px; min-height: 75px; text-align: center; background: url(../images/bg_canli_alt.png) no-repeat bottom; color: #1368B1; padding: 5px;}

#kategoriler {padding: 10px;}
#kategoriler span {display: block; cursor: pointer; width: 162px; font-weight: bold; color: #1367B1; padding: 4px 0;}
#kategoriler span:hover {text-decoration: underline;}
#kategoriler div {display: none; line-height: 15px; margin: 0; padding: 4px 11px;}
#kategoriler div a:link, #kategoriler div a:visited {text-decoration: none; font-weight: bold; background: url(../images/img_altkat.png) no-repeat left; color: #CC3300; padding-left: 12px;}
#kategoriler div a:hover {text-decoration: underline;}

.yan_urun {padding: 5px;}
.yan_urun span {display: inline-block;}
.yan_urun span.s1 {width: 75px; padding-left: 5px;}
.yan_urun span.s2 {width: 46px; text-align: center; color: #666;}
.yan_urun a.a {background: #EDEDED;}
.yan_urun a:link, .yan_urun a:visited {display: inline-block; cursor: pointer; line-height: 18px; padding: 2px 0;}
.yan_urun a:hover {text-decoration: none; font-weight: bold;}

.uye_giris .txtbox {width: 152px; border: solid 1px #D7EBFB; font-size: 11px; background: #F1F8FE url(../images/bg_textbox.png) no-repeat 0 0; color: #333; padding: 4px;}

.uye_panel {padding: 5px 0;}
.uye_panel a:link, .uye_panel a:visited {display: block; line-height: 20px; font-weight: bold; padding-left: 25px; margin: 3px 10px; color: #333;}
.uye_panel .satir {padding: 3px 0 3px 10px;}
.uye_panel .satir span {font-weight: bold; color: #1368B1;}
.uye_panel .cikis:link, .uye_panel .cikis:visited {background: url(../images/btn_cikis.png) no-repeat left; color: #990000;}

.uye_panel .a_1 {background: url(../images/btn_a_1.png) no-repeat left;}
.uye_panel .a_2 {background: url(../images/btn_a_2.png) no-repeat left;}
.uye_panel .a_3 {background: url(../images/btn_a_3.png) no-repeat left;}
.uye_panel .a_4 {background: url(../images/btn_a_4.png) no-repeat left;}

.uye_panel .b_1 {background: url(../images/btn_b_1.png) no-repeat left;}
.uye_panel .b_2 {background: url(../images/btn_b_2.png) no-repeat left;}
.uye_panel .b_3 {background: url(../images/btn_b_3.png) no-repeat left;}
.uye_panel .b_4 {background: url(../images/btn_b_4.png) no-repeat left;}

.uye_panel .c_1 {background: url(../images/btn_c_1.png) no-repeat left;}
.uye_panel .c_1 .yeni {color: #CC3300;}

.uye_panel .d_1 {background: url(../images/btn_d_1.png) no-repeat left;}
.uye_panel .d_2 {background: url(../images/btn_d_2.png) no-repeat left;}
.uye_panel .d_3 {background: url(../images/btn_d_3.png) no-repeat left;}

/* ---- Orta Bölüm ---- */
.orta_bolum {float: left; display: block; width: 594px; padding: 0 4px;}

.orta {width: 594px; background: url(../images/bg_orta_orta.png) repeat-y center; margin-bottom: 4px;}
.orta_ust {width: 594px; background: url(../images/bg_orta_ust.png) no-repeat top;}
.orta_alt {width: 586px; background: url(../images/bg_orta_alt.png) no-repeat bottom; padding: 4px;}

.orta_baslik {width: 541px; height: 46px; line-height: 46px; font-size: 13px; font-weight: bold; background: url(../images/bg_orta_baslik.png) no-repeat center; padding-left: 45px;}
.orta_ic {width: 586px; background: url(../images/bg_orta_ic_orta.png) repeat-y center;}
.orta_ic_ust {width: 586px; background: url(../images/bg_orta_ic_ust.png) no-repeat top;}
.orta_ic_alt {width: 566px; background: url(../images/bg_orta_ic_alt.png) no-repeat bottom; padding: 10px;}

.hata_sol {width: 90px; text-align: center;}
.hata_sag {text-align: left; line-height: 20px; font-size: 12px; font-weight: bold; color: #CC0000;}

.haber_icerik {text-align: justify;}
.haber_baslik {float: left; width: 410px; line-height: 20px; font-size: 12px; font-weight: bold; color: #CC3300;}
.haber_baslik a:link, .icerik_1 .icerik .haber_baslik a:visited {text-decoration: underline; color: #CC3300;}
.haber_baslik a:hover {text-decoration: none;}
.haber_tarih {float: left; width: 150px; line-height: 20px; text-align: right; color: #FF7C51;}

#slideshow {position: relative; width: 582px; height: 288px; top: 0px; left: 0px; margin: 2px;}
#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;}

.form_etiket {float: left; width: 200px; text-align: right; line-height: 28px; padding-right: 15px;}
.form_input {float:left; border: solid 1px #999; font-family: Helvetica, Tahoma, Sans-Serif; font-size: 11px; padding: 3px; margin: 4px 0 4px 0;}
.form_aciklama {float: left; line-height: 28px; padding-left: 10px; font-style: italic; color: Gray;}

.orta .icerik {position: relative;}
.orta .icerik table {width: 100%;}
.orta .icerik table .s1 {width: 290px;}
.orta .icerik table .s1 .urun {font-size: 12px; font-weight: bold; padding-bottom: 5px; color: #990000;}
.orta .icerik table .s2 {width: 75px; padding-left: 10px;}
.orta .icerik table .s3 {width: 165px;}
.orta .icerik table .s3 .f1_n {float: left; width: 65px; text-align: right; padding-right: 5px;}
.orta .icerik table .s3 .f2_n {float: left; width: 70px; font-size: 12px; font-weight: bold; text-align: right; padding-right: 5px;}
.orta .icerik table .s3 .f1 {float: left; width: 65px; text-align: right; padding-right: 5px;}
.orta .icerik table .s3 .f2 {float: left; width: 70px; text-align: right; text-decoration: line-through; padding-right: 5px;}
.orta .icerik table .s3 .o1 {float: left; width: 65px; text-align: right; font-weight: bold; padding-right: 5px;}
.orta .icerik table .s3 .o2 {float: left; width: 70px; font-size: 12px; font-weight: bold; text-align: right; padding-right: 5px;}
.orta .icerik table .s4 {width: 70px;}
.orta .icerik a.detay:link, .orta .icerik a.detay:visited {display: block; width: 74px; height: 27px; background: url(../images/dugme_detay_tr.gif) no-repeat;}
.orta .icerik a:link, .orta .icerik a:visited {color: #333;}

.orta .icerik .yukleniyor {position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: block; background-color: #FFF; filter: alpha(opacity=80); opacity: 0.8; padding: 5px;}
.orta .icerik .yukleniyor div {position: absolute; top: 20%; left: 50%; font-weight: bold; text-align: center; color: #000; margin-left: -20px;}

.sepetim {width: 100%; height: 50px;}
.sepet_durum {padding: 0;}
.sepet_urun {line-height: 22px; font-size: 12px; font-weight: bold; padding-left: 10px; color: #990000;}
.sepet_etiket {font-size: 11px; color:#666666; font-weight:bold;}
.sepet_karakter {color:#072932; font-size:11px; font-weight:bold;}
.sepet_adet {width: 90px;}
.sepet_yenile {width: 70px;}
.sepet_fiyat {width: 120px; color:#072932; font-weight:bold;}
.sepet_onay {margin: 20px 0 20px 0; text-align: right;}
.sepet_sil  {width: 45px;}

.detay_urun {line-height: 22px; font-size: 12px; font-weight: bold; color: #990000;}
.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;}

/* ---- Alt Bölüm ---- */
.alt_bolum {display: block; height: 60px; background: url(../images/bg_alt_orta.png) repeat-x center;}
.alt_bolum .sol {display: block; height: 60px; background: url(../images/bg_alt_sol.png) no-repeat left;}
.alt_bolum .sag {display: block; height: 50px; background: url(../images/bg_alt_sag.png) no-repeat right; padding: 5px 10px 5px 20px;}
.alt_bolum table {width: 952px; height: 50px;}

.alt_bolum ul {list-style: none; padding: 0; margin: 0;}
.alt_bolum ul li {float: left;}
.alt_bolum ul li a:link, .alt_bolum ul li a:visited {color: #333;}
.alt_bolum ul li.ara {padding: 0 15px;}

.alt_bolum table td.img {text-align: right;}
.alt_bolum img {padding-left: 10px;}

.libertad {text-align: right; padding: 0 10px;}


.yan_icerik .tab_libertad .ajax__tab_header {font-family: Helvetica, Tahoma, Sans-Serif; font-size: 12px; font-weight: bold;}
.yan_icerik .tab_libertad .ajax__tab_outer {padding-right: 4px; background:url(../images/bg_tab_outer.png) no-repeat right; height: 31px;}
.yan_icerik .tab_libertad .ajax__tab_inner {padding-left: 8px; background: url(../images/bg_tab_inner.png) no-repeat;}
.yan_icerik .tab_libertad .ajax__tab_tab {height: 31px; width: 105px; line-height: 31px; padding: 0;  background: url(../images/bg_tab_tab.png) repeat-x; color: #CCC;}
.yan_icerik .tab_libertad .ajax__tab_hover .ajax__tab_outer {background: url(../images/bg_tab_hover_outer.png) no-repeat right;}
.yan_icerik .tab_libertad .ajax__tab_hover .ajax__tab_inner {background: url(../images/bg_tab_hover_inner.png) no-repeat;}
.yan_icerik .tab_libertad .ajax__tab_hover .ajax__tab_tab {background: url(../images/bg_tab_hover_tab.png) repeat-x;}
.yan_icerik .tab_libertad .ajax__tab_active .ajax__tab_outer {background: url(../images/bg_tab_active_outer.png) no-repeat right;}
.yan_icerik .tab_libertad .ajax__tab_active .ajax__tab_inner {background: url(../images/bg_tab_active_inner.png) no-repeat;}
.yan_icerik .tab_libertad .ajax__tab_active .ajax__tab_tab {background: url(../images/bg_tab_active_tab.png) repeat-x; color: #000;}
.yan_icerik .tab_libertad .ajax__tab_body {font-family: Helvetica, Tahoma, Sans-Serif; font-size: 11px; border-top: 0; padding: 6px; background: #302F2F url(../images/yan_icerik_alt.png) no-repeat bottom; overflow: auto;}
