body{text-align:center; font:12px Verdana, sans-serif; color:#000; margin-bottom:40px; background:#fff url(../images/bggri.gif);}

#wrapper{width:900px; margin:0 auto; background:#eee; }
#header{width:900px; height:150px; position:relative; background:#f9f9f9 url(../images/header_middle.jpg) no-repeat 260px bottom;}
#middle{width:900px; position:relative; text-align:left; }
#left{width:180px; float:left; overflow:hidden; padding:10px 0;}
#content{width:700px; padding:10px; float:right;}
#footer{width:900px; background:#444; clear:both; padding:20px 0; text-align:center; position:relative; color:#fff; font:12px verdana, sans-serif;}
#logo{position:absolute; left:0px; bottom:0px; }

#content h1{font:18px/32px verdana, serif; color:#f60; margin-top:20px; clear:both;}
#content h2{font:14px/28px verdana, serif; color:#f60; margin-top:15px;}
#content img.left{float:left; margin:0 20px 20px 0; clear:left;}
#content img.right{float:right; margin:0 0 20px 20px; clear:right;}
#content p {line-height:1.6em;}
br{clear:both;}
#hakkimizda p{margin:20px 0; }
#hakkimizda a img{margin:0 10px 10px 0; width:100px}
#hakkimizda .resim {width:250px; float:right; margin:0 0 20px 20px}
#hakkimizda .resim  p{margin:2px 0; text-align:center; font-size:10px;}


#halihakkinda p{margin:20px 0; }
#halihakkinda img{margin:0 10px 10px 0;}
#halihakkinda h1{font:18px/32px verdana, serif; color:#f60; margin-top:20px;}
#halihakkinda h2{font:14px/28px verdana, serif; color:#f60; margin-top:15px;}
#halihakkinda ul{list-style-type: disc; margin-left:5px; padding-left: 35px;}
#halihakkinda ul li{margin-bottom:5px; }
#halihakkinda .resim {width:250px; float:left; text-align:center; margin:15px 0;}
#halihakkinda .resim  p{margin:2px 0; font-size:10px}

#referanslar table{width:100%; }
#referanslar td {padding:10px;}
#referanslar td.resim {padding:5px; width:20%; margin:10px 0; vertical-align:top;}
#referanslar p{margin:0; text-align:left;}
.italic{font-style:italic;}

#urun{width:458px; float:left; display:inline;}
#urun h1{padding:5px 0; text-align:center; font:14px arial, sans-serif; margin:0; width:458px;}
#urun p{padding:5px 0; text-align:center;}
#urun ul{list-style-type:none; margin:10px 0; text-align:center; font-size:10px}
#urun ul li{display:inline; padding:5px; border:1px solid #ccc;}
#urun ul li span.etiket{font-weight:bold;}

#content .urunler{width:232px; float:right; display:inline;}
#content .urunler div{margin-bottom:10px;}
#content .urunler h1{padding:5px 0; text-align:center; font:14px arial, sans-serif; background:#f60; color:#fff; margin:0;}
#content .urunliste{height:400px; overflow:auto; border:1px solid #fff;}
#content .urunliste .urunlisteresim {width:100px; overflow:hidden; float:left; margin:0 5px 15px 0;}
#content .urunliste img{ cursor: pointer;}
#content .urunliste table{ width:98px; margin:5px 0 0 2px;}
#content .urunliste td{ border:1px solid #ccc; font:10px verdana; color:#444; padding:0 2px;}
.bulunamadi{ color:#f00; font-weight:bold; padding:20px; text-align:center;}

#content .adet{font:10px Arial;}
#sayfalar{background:#444; text-align:center; color:#fff; line-height:2em;}
#sayfalar a{color:#fff; text-decoration:underline; padding:0 3px;}
#sayfalar a:hover{color:#f60; text-decoration:none;}
#menu{width:490px; height:29px; position:absolute; right:0; bottom:0; background:#fff; }
#menu ul{position:absolute; height:29px; bottom:0; right:0; background:#fff; color:#000}
#menu ul li{float:left;}
#menu ul li a{color:#000; padding:5px 10px 0; line-height:19px; display:block; border-bottom:5px solid #fff; border-left:1px solid #ccc; text-decoration:none;}
#menu ul li a:hover{border-bottom:5px solid #f60;}

#left h1{font:14px arial, sans-serif; background:#f60; color:#fff; padding:5px 10px; }
#left #urunmenu {text-align:left; margin-top:0; }
#left #urunmenu ul{width:180px; }
#left #urunmenu ul li{ }
#left #urunmenu ul li a{ text-decoration:none; color:#fff; font:12px verdana, sans-serif; background:#000 url(../images/urunmenubg.png) repeat-x center center; height:24px; display:block; padding-left:15px; margin:0; line-height:24px;}
#left #urunmenu ul li a:hover{color:#fff; background:#aaa url(../images/urunmenubg2.png) repeat-x center center;}
#left #urunmenu ul li li a{ text-decoration:none; padding-left:10px; background:#fff; padding-left:25px; color:#000; border-bottom:1px solid #ccc}
#left #urunmenu ul li li a:hover{color:#fff; background:#aaa;}
#left #urunmenu ul li li a.current, #left #urunmenu ul li a.current{color:#f60; font-weight:bold; text-decoration:none;}
#left div{margin-top:20px; text-align:center;}

#firmalar {margin:30px 0; background:#444; color:#fff;}
#firmalar .resim{margin:30px 0; text-align:center;}
#left #ekler {text-align:left;}
#left #ekler ul{list-style-type:disc; margin:30px 0 20px 0; font:12px arial, sans-serif; width:160px; padding-left:20px;}
#left #ekler ul li{margin:20px 0; }
#left p{margin-bottom:20px;}

#sepet {width:180px; margin-top:20px; overflow:hidden; background:#444; color:#fff;}
#sepet h1{text-align:left;}
#sepet td{border:1px solid #ccc; text-align:left; font:10px verdana; color:#fff; padding:3px; vertical-align:top;}
#sepet td.fiyat{text-align:right; width:33%;}
#sepet td a{color:#f60; text-decoration: underline; }
#sepet td a:hover{color:#f60; text-decoration: none;}
#sepet p{margin:10px 0;}

#odeme table{width:100%;}
#odeme td, #odeme th{border:1px solid #444; text-align:left; font:12px verdana; color:#444; padding:3px; vertical-align:top;}
#odeme .fiyat{text-align:right;}
#odeme th{font-weight:bold;}
#odeme td a{color:#f60; text-decoration: underline; }
#odeme td a:hover{color:#f60; text-decoration: none;}
#odeme p{margin:10px 0;}


.temalar{padding:5px; width:140px; text-align:center; position:absolute; right:0; top:25px; background:#ccc;}
.temalar p{font:10px arial, sans-serif; color:#000;}

.sol{float:left;}
.sag{float:right;}
.selected{ background:#777;}
.small{font-size:10px; }

#footer a{color:#f60;}
#footer a:hover{color:#fff;}
#footer .tabbosluk{display:inline-block; width:20px }

#iletisim p{margin:0;}
#iletisim h1{margin:0;}
#iletisim fieldset{border:1px solid #555; padding:10px; float:left; width:305px; height:280px; margin:0 10px 10px 0;}
#iletisim legend{padding:0 5px;}
#iletisim input,#iletisim textarea{width:193px;}
#iletisim label.error{diplay:inline-block; font:9px verdana, sans-serif; color:#f00;}
#iletisim td{vertical-align: top; padding:5px;}
#iletisim td.sol{width:90px;}

#fklavyenet img { border: none; width: 40px; height: 12px; }
#fklavyenet { width: 40px; height: 12px; position: absolute; bottom: 0px; right: 0px; }

#anasayfa td{ vertical-align:top; padding:0 10px 20px 0; text-align:center;}
#anasayfa td p{text-align:left; margin-bottom:10px;}
#anasayfa td p.resimyazisi{font-size:10px; text-align:center;}
#divArama{background-color:#444; color:#fff; padding:10px;}
#divArama form{display:block; clear:both; margin:5px 0; overflow:hidden;}
#divArama label{width:48px; float:left;}
#divArama input{width:142px; float:left;}
#divArama select{width:144px; float:left; font-size:10px;}
#divArama .small{line-height:14px; clear:both;}
.us{font-size:9px; vertical-align:text-top;}
#divOdemeFormu, #divPaypalFormu{padding:10px; background:#444; color:#fff; display:none; margin-top:20px;}
#satinAl a{color:#f60; text-decoration:underline;}
#satinAl a:hover{text-decoration:none;}
#odemeFormu td{padding:3px;}
label.error{font:10px arial, sans-sarif; color:#fff; padding:0 10px;}
#sozlesme{width:500px; height:100px;}
#yonetimFormu td{padding:3px;}
#yonetimFormu button{margin-left:10px}
#girisFormu{margin:50px; text-align:center;}
.video{margin:0 0 20px;}
.video p{text-align:center; font-size:10px; margin:10px 0;}
.motifler {padding:10px;}
.motifler p{text-align:center; font-size:10px; margin:10px 0;}

a{color:#f60;}
a:hover{text-decoration:underline;}