body{
background:#fff url(../resim/artalan.jpg) bottom repeat-x fixed
}

#kap{
margin:0 auto;
width:950px;
}

#fotokap{
margin:0 auto;
width:600px;
height:500px;
background:#eee
}

#artalan{
background:#fff url(../resim/ic_artalan.jpg) bottom repeat-x;
margin:0 auto;
width:900px;
padding-bottom:10px;
}

#orta_kap{
margin:0 auto;
width:880px;
}

#site_ust{
background-image:url(../resim/site_ust_artalan.gif);
height:25px;
width:950px;
}

#site_orta{
background:url(../resim/site_orta_artalan.gif);
width:950px;
}

#deneme{
margin:0 auto;
font:10px arial, helvetica, sans-serif;
padding:5px 0 0 10px;
color:#aaa;
float:left
}

#dovizkap{
margin:0 auto;
font:11px arial, helvetica, sans-serif;
padding:5px 0 0 10px;
color:#aaa;
float:right
}

#site_alt{
background:url(../resim/site_alt_artalan.gif) repeat-x;
height:25px;
width:950px
}

#alt{
background:url(../resim/alt_artalan.gif) repeat-y;
height:90px;
width:880px;
}

#alticerik{
padding:14px 0 0 12px;
font:bold 9px verdana, helvetica, sans-serif;
color:#939393;
}

#yasaluyari{
background:url(../resim/makro.gif) left no-repeat;
padding:0 0 0 168px;
margin:15px 0 0 0;
font:9px arial, helvetica, sans-serif;
color:#939393;
}

#belirtke{
height:115px;
width:880px;
}

#icerik_cubuk{
background:url(../resim/icerik_cubuk.jpg) repeat-x;
height:43px;
width:880px;
margin-top:3px;
margin-bottom:10px
}

#sol{
background:#E8ECF0 url(../resim/ic_artalan2.gif) top repeat-x;
width:610px;
float:left;
}

#sag{
background:#EBEFF2;
width:250px;
float:right;
}

#sekme{
background:url(../resim/sekme_artalan.gif) repeat-x;
height:160px;
width:580px;
padding:10px;
margin:20px 0 0 5px
}

#altkutu{
width:600px;
margin:5px 0 20px 5px
}

.sil{clear:both; height:10px;}

#uye_giris{
background:url(../resim/uye_giris_artalan.gif) repeat-x;
height:110px;
width:220px;
margin:10px 0 0 6px;
padding:45px 20px 0 0;
font:bold 10px arial, helvetica, sans-serif;
color:#aaa;
text-align:right;}

#uye_giris2{
background:url(../resim/uye_giris2_artalan.gif) no-repeat;
height:125px;
width:200px;
margin:10px 0 15px 6px;
padding:10px 20px 0 20px;
font:11px arial, helvetica, sans-serif;
color:#aaa;
text-align:left;}

#referans{
background:url(../resim/referans_artalan.gif) repeat-x;
height:120px;
width:220px;
margin:10px 0 15px 6px;
padding:7px 20px 0 0;
font:bold 10px arial, helvetica, sans-serif;
color:#cc0000;
text-align:left;}

#referans img.f , img.f{
border:1px solid #CBD7E3}

#haber_artalan{
background:url(../resim/haber_artalan.jpg) no-repeat;
height:170px;
width:205px;
padding:35px 10px 0 10px;
margin:0 0 0 12px;
color:#777777;
font:10px verdana, helvetica, sans-serif;
}

#yazilim{
margin:10px 0 0 10px;
}

#uye_giris input.metin{
border:1px solid #ccc;
height:14px;
width:120px;
font:bold 11px arial, helvetica, sans-serif;
color:#aaa;
margin-bottom:3px
}
  
#uye_giris input.ara{
width:50px;
height:21px;
font:11px arial, helvetica, sans-serif;}

#urunsayfano{
background-color:#78a5c2;
height:24px;
padding:0;
margin:1px 5px 0 5px;
}

#iletisim{
padding:20px;
font:11px verdana, helvetica, sans-serif;
color:#777;
height:220px;
background:#E2E7ED;
}

#kayan img,#kayan2 img,#kayan3 img{
border:2px solid #D0DDE7;
padding:1px;
}

.kosul{
font:bold 10px arial, helvetica, sans-serif;
color:#78A5C2;
border-left:5px solid #bfda9c;
padding:0 5px 0 5px;
margin-bottom:40px
}

.terimkap{
font:11px arial, helvetica, sans-serif;
color:#666;
padding:10px;
margin:3px 0 30px 60px;
background:#f7f7f7;
}

.markalar{
margin:0 0 50px 0;
width:437px;
padding:10px;
background:#eee;
}

.sepetfoto{
border:1px solid #EBEFF2;
padding:1px;
}

.sepetmetin{
font:bold 10px verdana, helvetica, sans-serif;
color:#78A5C2;
background:#F3F5F7;
padding:0 5px 0 5px;
}

.uyarim{
font:11px arial, helvetica, sans-serif;
color:#cc0000;
}

.yazilim{
font:bold 12px arial, helvetica, sans-serif;
color:#AF3953;
}

.yazilimayrinti{
font:11px arial, helvetica, sans-serif;
color:#777;
}

.sepettarih{
font:10px verdana, helvetica, sans-serif;
color:#666;
background:#E3E8ED;
padding:0 5px 0 5px;
}

p.sepettekiler{
font:bold 17px arial, helvetica, sans-serif;
color:#cc0000;
background:url(../resim/sepeteat.gif) left no-repeat;
padding:15px 0 20px 70px;
margin:20px 0 4px 0;
border-bottom:1px solid #eee
}

p.siparislerim{
font:bold 17px arial, helvetica, sans-serif;
color:#cc0000;
background:url(../resim/siparis.gif) left no-repeat;
padding:15px 0 20px 70px;
margin:20px 0 4px 0;
border-bottom:1px solid #eee
}

p.sepettekiler b, p.siparislerim b{
font:bold 11px  arial, helvetica, sans-serif;
color:#aaa;
}

p.onay{
text-align:left;
font:bold 12px arial, helvetica, serif;
color:#666;
height:100px;
padding:200px 0 0 0;
text-align:center;
background:url(../resim/onay.gif) center no-repeat;}

p.uyari{
text-align:left;
font:bold 11px arial, helvetica, serif;
color:#666;
height:100px;
padding:200px 0 0 0;
text-align:center;
background:url(../resim/uyari.gif) center no-repeat;}

p.engel{
text-align:center;
font:bold 10px verdana, helvetica, serif;
color:#cc0000;
padding-top:120px;
margin:150px 0 150px 0;
background:url(../resim/guvenlikduvari.gif) center no-repeat;
}

.altkutuartalan{
background:url(../resim/altkutu.gif) no-repeat;
float:left;
width:179px;
height:100px;
display:block;
margin-right:31px
}

.altkutuartalan strong{
font:bold 10px verdana, helvetica, serif;
padding:7px 0 0 20px;
color:#648bac;
display:block
}

.altkutuartalan p{
font:10px verdana, helvetica, serif;
color:#648bac;
display:block;
margin:13px 0 0 5px;
}

.haber_baslik{
font:bold 10px verdana, helvetica, serif;
color:#8b8b8b;
display:block;
padding:0 0 0 15px;
background:url(../resim/haber_baslik.gif) no-repeat;
}

.bolum_baslik{
font:bold 12px arial, helvetica, serif;
color:#a00;
background:url(../resim/bolumbaslik.jpg) no-repeat;
height:21px;
text-align:right;
padding:4px 20px 0 0;
margin:15px 0 30px 0
}

.ozellikartalan{
background:#fff url(../resim/ozellikartalan.jpg) bottom repeat-x;
vertical-align:top;
}

.ie{
margin:0 auto;
text-align:center
}

.bolum{
font:11px verdana, helvetica, serif;
text-align:justify;
padding:3px 10px 5px 0;
margin:0 auto;
margin-bottom:65px;
width:570px;
color:#666;
}

.bolum strong{
font:bold 13px arial, helvetica, serif;
display:block;
margin:15px 0 10px 0;
color:#0060A7;
}

.kirmizi{
font:bold 13px arial, helvetica, serif;
color:#cc0000;
}

.fiyat{
font:bold 16px arial, helvetica, serif;
color:#177baf;
}

.fiyatgizle{
font:bold 11px arial, helvetica, serif;
color:#177baf;
text-align:center;
display:block
}

.urunisim{
font:bold 10px arial, helvetica, serif;
color:#0060A7;
height:46px;
}

.iletisimkutu{
border:1px solid #ccc;
margin-bottom:3px;
font:11px arial, helvetica, sans-serif;
color:#666;
width:200px;
height:15px;
}

.urunfoto{
border:2px dotted #D1DDE6;
padding:12px;
margin-bottom:3px;
}

.ozellik{
font:11px verdana, helvetica, sans-serif;
background:url(../resim/gok_nokta.gif) top left no-repeat;
display:block;
margin:4px 0 0 3px;
line-height:17px;
padding:0 6px 0 16px;
}

.urun_artalan{
background:url(../resim/urun_artalan.gif) center no-repeat;
width:180px;
height:170px;
text-align:center;
}

p.iletisim{
font:10px arial, helvetica, sans-serif;
}

ul.urunara{
  padding:0;
  margin:5px 0 0 0;
  list-style: none;
float:right;
  }
  
ul.urunara input.metin{
border:1px solid #ccc;
margin-right:4px;
width:110px;
height:14px;
font:11px arial, helvetica, sans-serif;}
  
ul.urunara input.ara{
width:40px;
height:21px;
margin-right:10px;
font:11px arial, helvetica, sans-serif;}
  
ul.urunara strong{
font:bold 11px arial, helvetica, sans-serif;
color:#6e96b7
}

.uyelik{
border:1px solid #e0e0e0;
width:150px;
color:#888;
height:16px;
margin-left:2px;
font:bold 11px arial, helvetica, sans-serif;}

.uyelikmetin{
font:11px/13px arial, helvetica, sans-serif;
color:#888;
width:200px;
padding-right:5px;
background:#F2F3F3;
text-align:right}

.uyelikmetin2{
font:11px/13px arial, helvetica, sans-serif;
color:#888;
padding-left:4px;}







ul.icerik {
  padding:2px 8px 0 0;
  margin:0;
  list-style: none;
}

ul.icerik  li {
position: relative;
float: left; 
list-style: none;
}

ul.icerik ul{
  padding:0 8px;
  margin: 0;
  list-style: none;
  }

ul.icerik li ul {
	display: none;
	position: absolute; 
	top:33px;
	left: 0;
background:#CCD7DF;
border:1px solid #C6D1D8;
width:165px;
padding:0 10px 15px 10px;
}

ul.icerik li ul li{
width:165px;
padding:0 17px 0 0
}

ul.icerik li ul ul{
position:absolute;
left:170px;
top:-20px;
padding:10px 10px 15px 10px;
margin:0;
display: none;
width:170px;
}

ul.icerik li a {
background:url(../resim/ayirici.gif) right no-repeat;
font: bold 11px arial, helvetica, sans-serif;
display: block;
margin: 0;
padding:10px 10px;
color: #16187f;
text-decoration: none;
}

ul.icerik li a:hover {
color: #a00;
background: #e8ecf0;
}

ul.icerik a.alt{ 
font: bold 11px arial, helvetica, sans-serif;
display: block;
margin: 0;
background:url(../resim/ok_icerik.gif) left no-repeat;
padding:3px 10px 3px 18px;
color:#666;
text-decoration: none;
}

ul.icerik a.altb{ 
font: bold 11px arial, helvetica, sans-serif;
display:block;
margin: 0;
background:url(../resim/ok_icerik.gif) left no-repeat;
padding:4px 10px 4px 18px;
color:#1A4798;
text-decoration: none;
}

ul.icerik a.alt:hover {
color: #fff;
background: #78a5c2;
}

/* commented backslash mac hiding hack \*/ 
* html ul.icerik li a {height:1%}
/* end hack */ 

ul li:hover ul,ul li li:hover ul,ul li li li:hover ul, ul li.over ul, ul li li.over ul,ul li li li.over ul {
display: block;
}









ul.urunsayfa{
padding:2px 8px 0 0;
margin:0;
list-style:none;
}

ul.urunsayfa li {
float: left;
position: relative;
}

ul.urunsayfa li a{
border:1px solid #ccc;
font: bold 11px arial, helvetica, sans-serif;
color:#fff;
padding:0 5px 0 5px;
margin:2px 3px 3px 5px;
display:block;
text-decoration: none;
}

ul.urunsayfa li a:hover{
font:bold 11px arial, helvetica, sans-serif;
color:#666;
background: #fff;
}

a.iletisimform{
font:10px verdana, helvetica, sans-serif;
color:#999999;
text-decoration:none;
height:50px;
width:108px;
padding:10px 0 0 56px;
background:url(../resim/at.gif) left top no-repeat;
display:block
}

a.teknikterim{
font:10px verdana, helvetica, sans-serif;
color:#999999;
text-decoration:none;
height:50px;
width:108px;
padding:10px 0 0 52px;
background:url(../resim/teknikterim.gif) left top no-repeat;
display:block
}

a.tumhaber{
font:bold 10px verdana, helvetica, sans-serif;
color:#78A5C2;
text-decoration:none;
border-top:1px dotted #ccc;
padding:3px 0 0 17px;
background:url(../resim/nokta.gif) no-repeat;
display:block
}

a.tumhaber:hover{
color:#666;
}

a.tumhaberbag{
font:bold 11px verdana, helvetica, sans-serif;
color:#78A5C2;
text-decoration:none;
border-bottom:1px dotted #ccc;
padding:3px 0 3px 20px;
background:url(../resim/haber_ok.gif) left no-repeat;
display:block
}

a.tumhaberbag:hover{
color:#666;
}

a.kesif{
font:10px verdana, helvetica, sans-serif;
color:#999999;
text-decoration:none;
height:40px;
width:108px;
padding:10px 0 0 52px;
background:url(../resim/kesif.gif) left top no-repeat;
display:block
}

a.teknikterim:hover, a.kesif:hover, a.iletisimform:hover{
color:#6e96b7;
}

#alticerik a{
font:bold 11px arial, helvetica, sans-serif;
color:#7e7e7e;
text-decoration:none;
padding:0 5px 0 5px;
}

#alticerik a:hover{
color:#fff;
}


a{
font:bold 10px verdana, helvetica, sans-serif;
color:#78A5C2;
}

a.markabag{
font:bold 11px/18px arial, helvetica, sans-serif;
color:#78A5C2;
margin:0 0 0 13px;
padding:0 0 0 20px;
background:url(../resim/arti.gif) left no-repeat;
text-decoration:none;
}

a.markabag:hover{
color:#666;
}

a.terimler{
font:bold 11px/18px arial, helvetica, sans-serif;
color:#78A5C2;
display:block;
margin:0 0 0 30px;
padding:0 0 0 20px;
cursor: pointer;
background:url(../resim/arti.gif) left no-repeat;
}

a.terimler:hover{
background:#eee;
color:#666;
}

a.sepet{
font:10px verdana, helvetica, sans-serif;
color:#6091B0;
height:40px;
display:block;
margin:5px 0 0 0;
padding:10px 60px 0 0;
text-align:right;
text-decoration:none;
border:1px dotted #e5e5e5;
background:url(../resim/sepet.gif) right no-repeat;
}

a.buyutec{
font:10px verdana, helvetica, sans-serif;
color:#666;
margin:10px 0 0 0;
padding:0 0 0 18px;
text-decoration:none;
background:url(../resim/buyutec.gif) left no-repeat;
}

a.uruntur{
font:bold 11px/20px arial, helvetica, sans-serif;
color:#666;
display:block;
margin:0 0 8px 0;
padding:0 0 0 25px;
width:430px;
text-decoration:none;
border:1px dotted #ccc;
background:url(../resim/ok_urun.gif) left no-repeat;
}

a.referans{
font:bold 11px/20px arial, helvetica, sans-serif;
color:#666;
display:block;
margin:0 0 8px 0;
padding:0 0 0 25px;
width:152px;
text-decoration:none;
border:1px dotted #ccc;
background:url(../resim/ok_urun.gif) left no-repeat;
}

a.uruntur:hover{
color:#cc0000;
border:1px dotted #6e879b;
}

a.siparisler{
font:bold 12px/22px arial, helvetica, sans-serif;
color:#fff;
display:block;
margin:0 0 50px 0;
padding:0 0 0 18px;
height:23px;
width:191px;
text-decoration:none;
background:url(../resim/siparisler.gif) left no-repeat;
}

a.ara{
font:bold 10px/17px verdana, helvetica, sans-serif;
color:#FF5400;
background:url(../resim/araok.gif) left no-repeat;
display:block;
margin:5px 20px 0 0;
padding:0 0 0 18px;
text-decoration:none;
border-bottom:1px dotted #aaa;
border-top:1px dotted #aaa;
}

a.ara:hover{
background:#fff
}