body{padding:0; margin:0; color:#333; font-size:12px; font-family:Arial, sans-serif}
h1, h2, h3, h4, h5{padding:0; margin:0; font-size:12px; font-family:Arial, sans-serif; font-weight:normal}
h1.baslik{font-weight:bold; font-size:18px; padding:10px 0 10px 0; color:#FFF}
.devami{color:#FFF; text-decoration:none; font-weight:bold}
.devami:hover{text-decoration:underline}
.clear{clear:both}
#container{width:100%}
#container #Ust{width:100%; height:100px}
#container #Ust #UstAlan{width:870px; margin:0 auto;}
#container #Ust #UstAlan #Logo{padding-top:30px; height:70px; width:140px; float:left}
#container #Ust #UstAlan #Banner{float:left; width:370px; padding-right:20px; padding-top:10px; height:80px}
#container #Ust #UstAlan #UstMenu{float:left; width:340px; text-align:center}
#container #Ust #UstAlan #UstMenu ul{margin:0px; width:340px; padding:0px; display:block}
#container #Ust #UstAlan #UstMenu ul li{ float:left; list-style: none; color:#333; margin:0px 2px 0px 2px; font-size:11px}
#container #Ust #UstAlan #UstMenu ul li a{cursor:pointer; display:block; color:#333; text-decoration:none;}
#container #Ust #UstAlan #UstMenu ul li a:hover{text-decoration:underline;}

#container #Orta{width:100%; background:url(../Images/ortaBG.jpg) repeat-x #003671; padding-bottom:30px}
#container #Orta #OrtaAlan{width:870px; margin:0 auto;}
#container #Orta #OrtaAlan #Urun{padding:10px; color:#FFF;}
#container #Orta #OrtaAlan #Urun #liste{width:650px; border:none; padding-left:20px}
#container #Orta #OrtaAlan #Urun #liste .listeTablo{border:none; width:160px;}
#container #Orta #OrtaAlan #Urun #liste .listeTablo a{color:#fff; text-decoration:none}
#container #Orta #OrtaAlan #Urun #liste .listeTablo a:hover{ text-decoration:underline}
#container #Orta #OrtaAlan #Urun #liste .listeTablo td{ text-align:center}
#container #Orta #OrtaAlan #Urun #liste .listeTablo img{ width:150px; height:100px; border:solid 1px #FFF}

#container #Orta #OrtaAlan #Urun #Kategoriler{width:190px;}
#container #Orta #OrtaAlan #Urun #Kategoriler ul{padding:0px; margin:0px auto; width:170px; font-size:13px; list-style:none;float:left;}
#container #Orta #OrtaAlan #Urun #Kategoriler ul li{float:left; list-style: none; width:170px;}
#container #Orta #OrtaAlan #Urun #Kategoriler a{text-decoration:none}
#container #Orta #OrtaAlan #Urun #Kategoriler .sf-menu ul {position:absolute; width:180px; padding:0px; margin:0px auto; font-size:13px; height:20px}
#container #Orta #OrtaAlan #Urun #Kategoriler .sf-menu li { text-align:left; background:#6b6767; width:180px; border-bottom:solid 1px #003671;float:left;position:relative;}
#container #Orta #OrtaAlan #Urun #Kategoriler .sf-menu li li {background:#888; margin-left:1px}
#container #Orta #OrtaAlan #Urun #Kategoriler .sf-menu li:hover, .sf-menu  li a:hover{background:#332f2f; outline:0; color:#FFF}
#container #Orta #OrtaAlan #Urun #Kategoriler .sf-menu li a {display:block; padding: 5px; text-decoration:none; color:#FFF;}
#container #Orta #OrtaAlan #Urun #Kategoriler .sf-menu li:hover ul, .sf-menu li.sfHover ul {left:180px; top:0px; z-index:99;}
#container #Orta #OrtaAlan #Urun #Kategoriler .sf-sub-indicator{ position:absolute; display:block; right:0; top:0px; width:10px; height:10px; text-indent: -999em; overflow:hidden;  }
#container #Orta #OrtaAlan #Urun #UrunDetay{width:640px; float:right}
#container #Orta #OrtaAlan #Urun #UrunDetay h1.urunDetayBaslik{font-size:16px; padding-bottom:10px; color:#f00; font-weight:bold}
#container #Orta #OrtaAlan #Urun #UrunDetay a{color:#FFF; text-decoration:none;}
#container #Orta #OrtaAlan #Urun #UrunDetay a:hover{color:#fe3232;}
#container #Orta #OrtaAlan #Urun #UrunDetay .link{ padding:10px 0 10px 0}

#container #Orta #OrtaAlan .Kategoriler{float:left; width:217px; padding-bottom:30px; text-align:center}
#container #Orta #OrtaAlan .Kategoriler .KategoriBaslik1{width:210px; background:url(../Images/kategoriBG1.jpg) repeat-x; height:46px}
#container #Orta #OrtaAlan .Kategoriler h1{ font-weight:bold}
#container #Orta #OrtaAlan .Kategoriler .KategoriBaslik2{width:210px; background:url(../Images/kategoriBG2.jpg) repeat-x; height:46px}
#container #Orta #OrtaAlan .Kategoriler .KategoriBaslik3{width:210px; background:url(../Images/kategoriBG3.jpg) repeat-x; height:46px}
#container #Orta #OrtaAlan .Kategoriler .KategoriBaslik4{width:210px; background:url(../Images/kategoriBG4.jpg) repeat-x; height:46px}
#container #Orta #OrtaAlan .Kategoriler .KategoriUrun{background-color:#FFF; width:210px;}
#container #Orta #OrtaAlan .Kategoriler .KategoriUrun .KategoriUrunResim{width:210px; text-align:center; padding-top:10px;}
#container #Orta #OrtaAlan .Kategoriler .KategoriUrun .urunler{width:210px;padding-top:30px; text-align:left; min-height:120px}
#container #Orta #OrtaAlan .Kategoriler .KategoriUrun .urunler ul{margin:0px; width:210px; padding:0px; display:block}
#container #Orta #OrtaAlan .Kategoriler .KategoriUrun .urunler ul li{list-style: none; color:#333; font-size:11px; background:url(../Images/icon.jpg) no-repeat; padding:0 0 10px 20px; margin-left:10px}
#container #Orta #OrtaAlan .Kategoriler .KategoriUrun .urunler ul li a{ font-weight:normal; cursor:pointer; display:block; color:#333; text-decoration:none;}
#container #Orta #OrtaAlan .Kategoriler .KategoriUrun .urunler ul li a:hover{text-decoration:underline;}
#container #Orta #OrtaAlan .Kategoriler h1{color:#FFF; font-size:14px; padding-top:14px}
#container #Orta #OrtaAlan #Icerik{color:#FFF; padding-bottom:25px}
#container #Orta #OrtaAlan #Sayfa{color:#FFF; line-height:18px;}
#container #Orta #OrtaAlan #Sayfa h1{ font-size:18px; padding:20px 0 20px 0}
#container #Orta #OrtaAlan #Sayfa td{padding:3px 0 3px 0;}
#container #Orta #OrtaAlan #Sayfa .textbox{border:solid 1px #ccc; width:150px; font-family:Arial, Sans-Serif; font-size:12px}
#container #Orta #OrtaAlan #Sayfa .button{ background-color:#fff; border:solid 1px #ccc; width:70px; font-family:Arial, Sans-Serif; font-size:12px; height:22px; cursor:pointer}
#container #Orta #OrtaAlan #Sayfa .button:hover{background-color:#ccc;}
#container #Orta #OrtaAlan #Sayfa .referans{float:left; width:650px; padding:10px 50px 10px 0}
#container #Orta #OrtaAlan #Sayfa .sehir{float:right; width:150px; padding:10px 0 10px 0}
#container #Orta #OrtaAlan #Sayfa .cizgi{background-color:#FFF; height:1px; font-size:1px; width:100%}

#container #Alt{width:100%; background-color:#c4c4c4;}
#container #Alt #AltMenu{width:870px; margin:0 auto; padding:20px 0 20px 0}
#container #Alt #AltMenu ul{margin:0px; width:700px; padding:0px; display:block}
#container #Alt #AltMenu ul li{ float:left; list-style: none; color:#333; margin:3px 5px 0px 3px; font-size:11px}
#container #Alt #AltMenu ul li a{cursor:pointer; display:block; color:#333; text-decoration:none;}
#container #Alt #AltMenu ul li a:hover{text-decoration:underline;}
#container #Alt #AltYazi{background-color:#c4c4c4; padding-left:5px; font-size:11px; padding-top:5px}