@import url("reset.css");
body{text-align:center; font:10px sans-serif}
#container { width: 940px; height: 700px; margin:10px auto; position: relative; text-align:left; background: url(../images/zemin.jpg) no-repeat left top;}
#header { width:940px; height: 140px; background: url(../images/header.png) no-repeat left top;}
#menu  { width: 940px; height:30px; background: url(../images/menu2.png) repeat-x center center; text-align:center;}
#middle  { width:940px; height:450px;}
#footer  { width:940px; height:40px; padding:20px 0; background: url(../images/footer3.png) no-repeat left bottom; }
#sol { width: 180px; height:430px; text-align: right; float:left; display:inline; padding-top:20px;}
#sag { width: 180px; height:430px; text-align: left; float:right; display:inline; padding-top:20px;}
#siparis  { width:500px; height:450px; overflow:auto; float:left; padding:0 40px}
#lang { height:23px; padding-top:7px; position:absolute; right:10px; top:139px; width:120px;}

#en, #tr, #fr, #ar, #ru{cursor:pointer;}
#fklavyenet  { width: 40px; height: 12px; clear: both; float:right; }
#fklavyenet a { height:12px; margin:0; padding:0; display:block}
#fklavyenet img { border: none; }
#footer p{ color:#123; font:11px Verdana, sans-serif; text-align:center; }
#haberler {width:180px; height:450px; background:#fff ; float:left; display:inline; }
#iletisim  {width:940px; height:450px; overflow:hidden;}
#iletisim a:hover{color:#fff; background-color:#036; text-decoration:none;}
#iletisim a{font:12px 'trebuchet MS'; color:#555; text-decoration:underline;}
#iletisim p.etiket{}
#iletisim p{}
#iletisimmenu  { height:24px; background: #78aaef; z-index:99; text-align:center;}
#iletisimmenu ul { list-style-type:none; text-align:center; }
#iletisimmenu ul li{ display:inline}
#iletisimmenu ul li a{ padding:5px 10px; color: #fff; text-decoration:none; text-align:center; font: 12px/24px Verdana;}
#iletisimmenu ul li a:hover{ color:#036; background-color:#78aaef;}
#iletisimmenu ul li a.selected{ color:#036; }
#kroki  { text-align:center; }
#kroki a { color:#036; display: inline-block; width:150px; font: 11px/24px Verdana, san-serif; padding: 0 5px; text-decoration: none; background-color:#78aaef;}
#kroki a:hover { color:#fff; background-color:#036;}
#logo { position: absolute; top: 0; left: 0; }
#menu ul  {list-style-type:none; text-align:center;}
#menu ul li{ display:inline; }
#menu ul li a{ padding:8px 5px; color: #fff; text-decoration:none; text-align:center; font: bold 12px/30px Verdana, sans-serif;}
#menu ul li a:hover{ color:#036; }
#menu ul li a.selected{ color:#fff; background-color: #78aaef;}
#siparis p{ font:12px verdana, sans-serif; color:#555; margin:0 0 10px;}
#slides  { width:500px; height:435px; margin:0 40px; overflow:hidden; float:left; display:inline; text-align:center;}
#slides p{ font:12px verdana, sans-serif; color:#555; padding:5px; margin-bottom:10px; }
#sol .ilk, #sag .ilk{ border-top:1px solid #fff; }
#sol .son, #sag .son{ border-bottom:none; }
#sol li, #sag li{ border-bottom: 1px solid #fff;}
#sol a, #sag a { color:#333; display: block; font: 10px Verdana, san-serif; padding: 4px 0px; text-decoration: none; }
#sol a { padding-right: 10px;}
#sag a { padding-left: 10px;}
#sol a:hover, #sag a:hover { color:#fff; background-color:#036}
#sol a.selected, #sag a.selected{color:#fff; background-color: #036;}
#subeler h2{margin:10px 0 0 0;font:bold 14px 'trebuchet MS'; color:#555;}
#subeler p{margin:0;}
#urunler  { float:left; width:580px; height:450px; background:#fff; overflow:hidden; display:inline; }
.urun {margin-bottom:20px; overflow:hidden;}
.urun img {width:140px; float:left;}
#yeniurunler{ float:left; width:180px; height:450px; background:#fff; overflow:hidden; display:inline; }
.aciklama  {width:247px; display:inline-block;}
.tr, .ar, .en, .fr, .ru{display:none;}
.arabic {display:inline-block; font-size:14px}
.hakkimizda  { width:580px; height:450px; float:left; background: #fff url(../images/hakkimizda.png) no-repeat left top;}
.hakkimizda p { font:14px Verdana, sans-serif; color:#555; margin:0 60px 20px; text-align:left;}
.hakkimizda h1 { font:bold 18px 'Trebuchet MS', sans-serif; color:#555; margin:50px 20px 20px 60px; text-align:left;}
.icon  { float:left; margin:50px;}
.ilt, .iltdgr  {width:100px; font:12px 'trebuchet MS', sans-serif; color:#555; display:inline-block; vertical-align:top;}
.iltdgr  { width:200px;}
.iletisimtext  {float:right; margin:50px 50px 0;}
.kroki{ margin:30px 50px 0;}
.mesajform  {font:12px 'trebuchet MS'; color:#555;}

.rounded-corner  { margin:0 auto; width:400px; cursor:default; padding:4px; font:9px Arial, Sans-Serif; text-align: left; border-collapse: collapse; }
.rounded-corner tbody tr:hover td { background: #d0dafd; }
.rounded-corner td { padding: 4px; background: #e8edff; border-top: 1px solid #fff; color: #555; }
.rounded-corner th { padding: 4px; font-weight: normal; font-size: 10px; color: #039; background: #b9c9fe; }
.rounded-corner th.tablecaption{ text-align:center; font:14px/18px Verdana, sans-serif;}
.tablecaption{ background:#036 none repeat scroll 0 0; color:#fff; font:normal 13px/22px Arial, sans-serif; text-align:center;}
.kodno, .urunadi, .miktar, .birim { font:11px/18px monospace; }
.kodno { width:60px;}
.urunadi { width:291px;}
.miktar { width:60px;}
.birim { width:80px;}
.siparisformu input.miktar{text-align:right;}
.siparisformu label {width:111px;}

.siparistable  { width:500px; cursor:default; font: 12px Verdana, Sans-Serif; text-align: left; border-collapse: collapse; }
.siparistable tr:hover td { background: #d0dafd; }
.siparistable td { background: #e8edff; border-top: 1px solid #fff; color: #333; }
.siparistable th { padding: 4px; color: #fff; background: #036; }

.small{font:8px Verdana;}
.tabiletisim  { display:none; width:900px; height:426px; text-align:left;}
.ktg  { padding:0px 0 15px; clear:both; }
.ktg img{ margin: 0 5px 5px; float:left; width:140px;}
.urungrubu { display:none; overflow:auto; padding:10px 0; height:430px; }
input.error, textarea.error{border:1px dotted #f00;}
input.gonder{}
input.mesaj{width:300px;}
label.error{display:none;}
textarea.mesaj{width:300px; height:12em; overflow:hidden;}
label{display:inline-block;}
h1 { font:bold 18px 'Trebuchet MS', sans-serif; color:#555; margin:20px 0; }
#yonetim {padding:10px;}
#yonetim table{width:98%;}
#yonetim th, #yonetim td{padding:5px; border:1px solid #333;}
#duzenle {padding:10px; font:12px arial, sans-serif;}
.tabloDuzenle th{font-weight:bold;}
.tabloDuzenle td{padding:5px; border:1px solid #333;}
