@charset "utf-8";
/* Özar Rulman Css */

body { font-size: 11px; font-family: tahoma, verdana, sans-serif; color: #5a5a5a; padding: 0px; margin: 0px; background-color: #efefef; background-image:url(images/arka_plan.gif); background-repeat:no-repeat;}

img { border:none; }
.clear { width:100%; font-size: 1px; line-height: 1px; height:1px; clear:both; }
.baslik { font-weight: bold; color: #084e8e; font-size: 14px; font-family: tahoma, verdana, sans-serif; }
.baslik2 { font-weight: bold; color: #2680ba; font-size: 12px; font-family: tahoma, verdana, sans-serif; }
.yazi { color: #5a5a5a; font-size: 11px; font-family: tahoma, verdana, sans-serif; }
.yazi2 { color: #5a5a5a; font-size: 12px; font-family: tahoma, verdana, sans-serif; }
.yan_cizgi { border-bottom: 1px #f1f1f1 solid; line-height:1px; }
.dik_cizgi { border-right: 1px #f1f1f1 solid; line-width:1px; height:100%; }

#ana { width: 850px; padding-left: 100px; padding-top: 30px; }

.urun_liste a { color: #5a5a5a; text-decoration:none;  }
.urun_liste a:hover { color: #5a5a5a; text-decoration:underline; }

/*Üst Kısım---------------------------------------------------------------------------------------*/
#ana #ust #baslik { background-color: #FFFFFF; background-image: url(images/tr/ust_baslik.jpg); height: 123px; }
#ana #ust #baslik #slogan { float:left; margin-left:30px; margin-top: 45px;}
#ana #ust #baslik #logo { float:left; margin-left:0px;}
#ana #ust #baslik_en { background-color: #FFFFFF; background-image: url(images/en/ust_baslik.jpg); height: 123px; }
#ana #ust #baslik_en #slogan { float:left; margin-left:30px; margin-top: 45px;}
#ana #ust #baslik_en #logo { float:left; margin-left:0px;}
#ana #ust { background-color: #FFFFFF; }
#ana #ust #bar_menu { background-image: url(images/bar_menu_arka.jpg); background-repeat: repeat-x; height: 43px; width: 820px; margin-left: 5px; margin-right: 5px;padding-left: 20px; }
#ana #ust #dil { float: right; padding-right: 13px; padding-top: 94px; }

/* Orta Kısım---------------------------------------------------------------------------------------*/
#ana #orta { background-color: #FFFFFF; }
#orta #baslik_urunler { background-image:url(images/tr/baslik_urunler.jpg); background-repeat:no-repeat; height: 55px; }
#orta #baslik_hakkimizda { background-image:url(images/tr/baslik_hakkimizda.jpg); background-repeat:no-repeat; height: 55px; }
#orta #baslik_markalar { background-image:url(images/tr/baslik_markalar.jpg); background-repeat:no-repeat; height: 55px; }
#orta #baslik_kataloglar { background-image:url(images/tr/baslik_kataloglar.jpg); background-repeat:no-repeat; height: 55px; }
#orta #baslik_kalite { background-image:url(images/tr/baslik_kalite.jpg); background-repeat:no-repeat; height: 55px; }
#orta #baslik_anket { background-image:url(images/tr/baslik_anket.jpg); background-repeat:no-repeat; height: 55px; }
#orta #baslik_iletisim { background-image:url(images/tr/baslik_iletisim.jpg); background-repeat:no-repeat; height: 55px; }
#orta #baslik_haberler { background-image:url(images/tr/baslik_haberler.jpg); background-repeat:no-repeat; height: 55px; }

#orta #baslik_urunler_en { background-image:url(images/en/baslik_urunler.jpg); background-repeat:no-repeat; height: 55px; }
#orta #baslik_hakkimizda_en { background-image:url(images/en/baslik_hakkimizda.jpg); background-repeat:no-repeat; height: 55px; }
#orta #baslik_markalar_en { background-image:url(images/en/baslik_markalar.jpg); background-repeat:no-repeat; height: 55px; }
#orta #baslik_kataloglar_en { background-image:url(images/en/baslik_kataloglar.jpg); background-repeat:no-repeat; height: 55px; }
#orta #baslik_kalite_en { background-image:url(images/en/baslik_kalite.jpg); background-repeat:no-repeat; height: 55px; }
#orta #baslik_anket_en { background-image:url(images/en/baslik_anket.jpg); background-repeat:no-repeat; height: 55px; }
#orta #baslik_iletisim_en { background-image:url(images/en/baslik_iletisim.jpg); background-repeat:no-repeat; height: 55px; }
#orta #baslik_haberler_en { background-image:url(images/en/baslik_haberler.jpg); background-repeat:no-repeat; height: 55px; }

#urunler { background-color:#FFFFFF; }
#urunler #urunler_icerik { width: 600px; float:left; border-left: 1px #f9c6c8 solid; }
#urunler #kategori { background-color: #FFFFFF; background-image: url(images/baslik_bant.jpg); background-repeat: no-repeat; float: left; width: 583px; height: 24px;padding-left: 15px; padding-top: 3px; }
#urunler_detay .urun { width: 570px; float: right; margin-top: 25px; margin-bottom: 10px; }
#urunler_detay .urun .urun_res { width: 124px; height: 124px; float:left; text-align:center; vertical-align:middle; border:solid; border-color: #e91d24; border-width:1px; }
#urunler_detay .urun .urun_ad { width: 399px; height: 29px; float:left; background-image: url(images/urun_ad_bant.jpg); background-repeat:no-repeat; margin-left: 15px;font-weight: bold; color: #084e8e; font-size: 13px; font-family: tahoma, verdana, sans-serif; padding-left: 30px; padding-top: 2px;}
#urunler_detay .urun .urun_yazi { width: 429px; height: auto; float:right; margin-left: 15px; margin-top: 10px; }
#urunler_detay .urun .urun_buton { width: 429px; height: 20px; float:right; margin-left: 15px; margin-top: 10px; }
#urunler_detay .urun .urun_buton a{color: #e91d24; font-size: 11px; font-family: tahoma, verdana, sans-serif; text-decoration:underline; }
#urunler_detay .urun .urun_buton a:hover{color: #e91d24; font-size: 11px; font-family: tahoma, verdana, sans-serif; } 

#icerik { margin-left: 50px; margin-top: 30px; width: 750px; }
#icerik #amacimiz, #farkimiz, #gp, #tarihimiz { padding-bottom: 20px; padding-left: 10px; }
#amacimiz_baslik, #farkimiz_baslik, #gp_baslik, #tarihimiz_baslik { margin-bottom: 10px; background-image: url(images/urun_ad_bant.jpg); background-repeat:no-repeat; padding-left: 30px; height: 29px; padding-top: 3px;}

#markalar { margin-left: 50px; margin-top: 30px; width: 750px; }

/** İletişim **/
#iletisim_formu { width: 400px; } 
#iletisim_bilgileri { border:#999999 thin solid; padding-left: 5px; padding-right: 5px; float:right; position: relative; width:300 px; }
#iletisim strong { font-weight: bold; }
#iletisim .form { width: 415px; float: left; }
#iletisim .bilgi { float: right; width: 400px; margin-top: 20px; }
#iletisim .bilgi a { text-decoration: none; color: #285f78; font-size: 11px;}
#iletisim .bilgi a:hover { text-decoration: underline; color: #285f78; font-size: 11px;}
#iletisim h2 { font-size:16px; font-weight:bold; }

#iletisim .form p { margin: 0px; width:353px; }
input, textarea { font-family:Arial, Helvetica, sans-serif; color: #404040; font-size:11px; }
.buttonSubmit, .buttonSubmit:hover { width:69px; height:26px; color:#FFF; font-weight:bold; background:url(images/button.gif) no-repeat left top; cursor:pointer; border:0px; line-height:26px; }
.buttonSubmit:hover { background-position:left bottom; }
.textarea, .textarea:hover { width:336px; height:125px; border:0px; padding:4px 8px; overflow:auto; margin-bottom:4px; background:#fff url(images/textarea.gif) top left no-repeat; background-position:fixed; }
.textarea:hover { background:#fff url(images/textarea.gif) top right no-repeat; background-position:fixed; } 
.textinput, .textinput:hover { width:236px; height:16px; border:0px; padding:4px 8px; margin-bottom:4px; background:#fff url(images/input.gif) top left; }
.textinput:hover { background:#fff url(images/input.gif) bottom left; }

.iletisim_bilgileri { width: 50; float:right; padding-right:10px;}

/*Ana Sayfa---------------------------------------------------------------------------------------*/
#orta #flash { height:249px; width:842px; padding-left:4px; } 
#orta #ana_sayfa_bant { height:55px; width:842px; background-image:url(images/tr/ana_sayfa_bant.jpg); margin-left:4px; margin-top:4px; }
#orta #ana_sayfa_bant_en { height:55px; width:842px; background-image:url(images/en/ana_sayfa_bant.jpg); margin-left:4px; margin-top:4px; }
#orta #ana_sayfa_icerik { margin-left:30px; margin-top:10px; background-color:#FFFFFF;}
#ana_sayfa_icerik #haberler { height: 175px; width:391px; float:left;}
#ana_sayfa_icerik #haberler #haber_baslik {  background-image: url(images/urun_ad_bant.jpg); background-repeat:no-repeat; padding-left: 30px; height: 29px; padding-top: 3px; }
#ana_sayfa_icerik #haberler #haber_icerik a { text-decoration: none; color: #285f78; font-size: 11px; }
#ana_sayfa_icerik #haberler #haber_icerik a:hover { text-decoration: underline; font-size: 11px; }
#ana_sayfa_icerik #haberler #haber_icerik h2 { font-size: 12px; font-weight: bold; color: #2680ba; margin: 0 0 5px 0; }

#ana_sayfa_icerik #haberler #haber_icerik { height:125px; width:361px; margin-left: 15px; }
#ana_sayfa_icerik #urunler { height: 175px; width:391px; float:left; margin-left:10px;}
#ana_sayfa_icerik #urunler #urun_baslik {  background-image: url(images/urun_ad_bant.jpg); background-repeat:no-repeat; padding-left: 30px; height: 29px; padding-top:3px; }
#ana_sayfa_icerik #urunler #urun_icerik { height:135px; width:361px; margin-left: 15px; }
#liste { float:right; margin-right:10px; width:290px;}
#ana_sayfa_icerik #urunler #urun_icerik #liste UL { padding-top:0px; margin-top:0px; }
#ana_sayfa_icerik #urunler #urun_icerik #resim { float:left; height:40px; width:40px; }

#ana_sayfa_icerik #doviz { height: 175px; width:391px; float:left;}
#ana_sayfa_icerik #doviz #doviz_baslik {  background-image: url(images/urun_ad_bant.jpg); background-repeat:no-repeat; padding-left: 30px; height: 29px; padding-top: 3px; }
#ana_sayfa_icerik #doviz #doviz_icerik { height:125px; width:361px; margin-left: 15px; }
#ana_sayfa_icerik #doviz #doviz_icerik #resim { float:left; height:78px; width:100px; }
#ana_sayfa_icerik #doviz #doviz_icerik #tablo { float:left; margin-left:10px; }
#ana_sayfa_icerik #doviz #doviz_icerik #kur{float:left; width:250px;}
#ana_sayfa_icerik #doviz #doviz_icerik #kur .hucrebaslik{ color:#FFFFFF; width:65px; margin:1px; padding:5px; font-size:12px; font-family:Tahoma, Arial, Helvetica, sans-serif; font-weight:bold; float:left; background-color:#084e8e; text-align:center;}
#ana_sayfa_icerik #doviz #doviz_icerik #kur .aralik{ width:220px; height:1px;}
#ana_sayfa_icerik #doviz #doviz_icerik #kur .hucre{ color:#e91d24; width:65px; margin:1px; padding:5px; font-size:11px; font-family:Tahoma, Arial, Helvetica, sans-serif;  float:left; background-color:#efefef; text-align:center;}

/*Ürün Menü---------------------------------------------------------------------------------------*/
#urun_menu { width: 200px;  float: left;  padding-left: 38px; background-color: #FFFFFF; padding-top: 10px; }
#urun_menu UL { padding: 0; font-size: 1em; margin: 10px 0 0 0; list-style-type: none; background:none; }
#urun_menu LI { height: 20px; float: left; background:none; }
#urun_menu a { height: 16px; padding: 2px 0 0 10px; display: block; text-decoration: none; color: #084e8e; background:none; font-size: 11px; font-family: tahoma, verdana, sans-serif; }
#urun_menu a:hover { color: #e91d24; text-decoration: none; background:none; }
/*ul#kirmizi li { list-style: none; float: left; width: 190px; padding-left: 10px; background: url(images/kirmizi_ok.gif) no-repeat; background-position:0 .50em; }
ul#kirmizi_alt li { list-style: none; float: left; width: 190px; padding-left: 20px; background: url(images/kirmizi_ok.gif) no-repeat; background-position:0 .50em; }*/
li#kirmizi_ust { list-style: none; float: left; width: 190px; height:25px; padding-left: 10px; background: url(images/kirmizi_ok.gif) no-repeat; background-position:0 .50em; }
li#kirmizi_alt { list-style: none; float: left; width: 180px; height:25px; margin-left: 10px; padding-left: 10px; background: url(images/kirmizi_ok.gif) no-repeat; background-position:0 .50em; }
#kategoriler { padding-left: 70px; }
.kategori_resim { width:132px; height:156px; float:left; margin: 10px;}

/*Alt Kısım---------------------------------------------------------------------------------------*/ 
#alt { background-color:#FFFFFF; }
#alt #adres { background-color: #efefef; height: 50px; padding-left: 10px; padding-top: 10px; }

/*Alt Menü---------------------------------------------------------------------------------------*/
#alt #alt_menu { width: 850px; height: 30px; background-color:#FFFFFF; padding-top: 15px; float:right; }
#alt #alt_menu a { border: none; padding: 0px; color: #084e8e; text-decoration:none; }
#alt #alt_menu a:hover { border: none; padding: 0px; text-decoration:underline; }
#alt #alt_menu ul { list-style:none; margin:0px; padding:0; float:right; }
#alt #alt_menu ul li{float:left; margin-right:10px; display: inline; }
#alt #alt_menu ul li a{ display:block; height:20px; text-decoration:none; }

.footer_menu { float: right; text-align: left; margin: 5px 10px 10px 0; font-size: 11px; color: #084e8e; }
.footer_menu a { padding: 0 20px; margin-right:3px; margin-left:3px; white-space: nowrap; border: none; color: #084e8e; text-decoration:none;}
.footer_menu a:hover { border: none; padding: 0px; text-decoration:underline; }

/* Menü---------------------------------------------------------------------------------------*/

#menu { margin: 0px; border: none; padding-left: 18px; padding-bottom: 0px; }
#menu a { border: none; padding: 0px; }
#menu a:hover { border: none; padding: 0px; }
#menu ul{ list-style:none; margin:0px; padding:0; float:left; }
#menu ul li{float:left; margin:0px; }
#menu ul li a{ display:block; height:43px; text-indent:-900em; text-decoration:none; }

#menu ul li a#m01{ background:url(images/tr/but_ana_sayfa.jpg) no-repeat;width:82px; }
#menu ul li a#m02{ background:url(images/tr/but_hakkimizda.jpg) no-repeat;width:94px; }
#menu ul li a#m03{ background:url(images/tr/but_markalar.jpg) no-repeat;width:76px; }
#menu ul li a#m04{ background:url(images/tr/but_urunler.jpg) no-repeat;width:68px; }
#menu ul li a#m05{ background:url(images/tr/but_kataloglar.jpg) no-repeat;width:85px; }
#menu ul li a#m06{ background:url(images/tr/but_kalite.jpg) no-repeat;width:55px; }
#menu ul li a#m07{ background:url(images/tr/but_anket.jpg) no-repeat;width:57px; }
#menu ul li a#m08{ background:url(images/tr/but_iletisim.jpg) no-repeat;width:66px; }

#menu ul li a#m01:hover,#menu ul li a#m02:hover,#menu ul li a#m03:hover,#menu ul li a#m04:hover,#menu ul li a#m05:hover,#menu ul li a#m06:hover,#menu ul li a#m07:hover,#menu ul li a#m08:hover{
	background-position: bottom left; 
}

/* Aktif Durumlari */
body#m01 #menu ul li a#m01,body#m2 #menu ul li a#m02,body#m3 #menu ul li a#m03,body#m4 #menu ul li a#m04,body#m5 #menu ul li a#m05,body#m6 #menu ul li a#m06,body#m7 #menu ul li a#m07,body#m8 #menu ul li a#m08{
	background-position: bottom left;
}
/* Menü İngilizce---------------------------------------------------------------------------------------*/

#menu ul li a#m01_en{ background:url(images/en/but_ana_sayfa.jpg) no-repeat;width:91px; }
#menu ul li a#m02_en{ background:url(images/en/but_hakkimizda.jpg) no-repeat;width:77px; }
#menu ul li a#m03_en{ background:url(images/en/but_markalar.jpg) no-repeat;width:94px; }
#menu ul li a#m04_en{ background:url(images/en/but_urunler.jpg) no-repeat;width:77px; }
#menu ul li a#m05_en{ background:url(images/en/but_kataloglar.jpg) no-repeat;width:74px; }
#menu ul li a#m06_en{ background:url(images/en/but_kalite.jpg) no-repeat;width:66px; }
#menu ul li a#m07_en{ background:url(images/en/but_anket.jpg) no-repeat;width:64px; }
#menu ul li a#m08_en{ background:url(images/en/but_iletisim.jpg) no-repeat;width:69px; }

#menu ul li a#m01_en:hover,#menu ul li a#m02_en:hover,#menu ul li a#m03_en:hover,#menu ul li a#m04_en:hover,#menu ul li a#m05_en:hover,#menu ul li a#m06_en:hover,#menu ul li a#m07_en:hover,#menu ul li a#m08_en:hover{
	background-position: bottom left; 
}

/* Aktif Durumlari */
body#m01 #menu ul li a#m01_en,body#m2 #menu ul li a#m02_en,body#m3 #menu ul li a#m03_en,body#m4 #menu ul li a#m04_en,body#m5 #menu ul li a#m05_en,body#m6 #menu ul li a#m06_en,body#m7 #menu ul li a#m07_en,body#m8 #menu ul li a#m08_en{
	background-position: bottom left;
}