/* Kategoriler
------------------------------------------------------*/
#kategoriler { 
  float: left;
  margin-right: 18px;
  z-index: 1000;
  }

#kategoriler h2 { 
  background: url(../images/ortak/kategori-title-firmalar.png) no-repeat 0 0; 
  }
  
#kategoriler #kategori-bottom a {
  background: none;
  color: inherit;
  font-size: inherit;
  margin-left: inherit;
  }

#sol-kolon-reklam { 
  overflow: hidden; 
  width: 200px;
  }

/* Servisler
------------------------------------------------------*/
#servisler { 
  background: url(../images/ortak/kategori-bg2.png) repeat-y 0 0; 
  float: left;
  height: 100%; 
  margin-right: 18px;
  position: relative;
  top: -33px;
  width: 197px; 
  z-index: 1000;
  }
#servisler.anasayfa {
  float: left;
  }
#servisler h2 { 
  background: url(../images/ortak/kategori-title-servisler.png) no-repeat 0 0; 
  height: 51px; 
  text-indent: -999em; 
  width: 197px; 
  }
#servisler h2 a.anakategori-geridon { 
  background: url(../images/ortak/anakategori-geridon-bg.png) no-repeat 0 0; 
  cursor: pointer; 
  display: block; 
  height: 50px; 
  width: 197px; 
  }
#servisler ul { font-size: 14px; }
#servisler li { }
#servisler li a { 
  background: url(../images/ortak/kategori-link-bg.png) no-repeat 0 100%; 
  color: #000; 
  display: block; 
  line-height: 21px;
  padding: 0 10px 0 20px; 
  text-decoration: none; 
  width: 167px; 
  }
#servisler li a:hover { color: #ed0080; }
#servisler li a.anakategori-current { 
  background: url(../images/ortak/anakategori-current-bg.png) no-repeat 0 100%; 
  }
#servisler li a.anakategori {
  padding: 0 10px 0 10px; 
  width: 177px;   }
#servisler li a.current { background: url(../images/ortak/kategori-current-bg2.png) no-repeat 0 100%; }
#servisler li a.anakategori-geridon-bottom { 
  background: url(../images/ortak/geridon-bottom-bg.png) no-repeat 0 0; 
  cursor: pointer; 
  height: 21px; 
  text-indent: -999em; 
  }
#servisler-bottom { 
  background: url(../images/ortak/kategori-bottom2.png) no-repeat 0 0; 
  height: 4px; 
  position: relative;
  width: 197px; 
  }
#servisler #kategori-bottom a {
  background: none;
  color: inherit;
  font-size: inherit;
  margin-left: inherit;
  }

/* Pop-up
--------------------------------------------------*/

div.popup { background-color: #fff; }

/* Anasayfa
--------------------------------------------------*/

#sag-kolon { width: 750px; }

#merhaba { 
  background: url(../images/rehber/welcome-bg.jpg) no-repeat 0 0; 
  float: left; 
  height: 249px; 
  margin: 16px 0 0 11px; 
  width: 502px; 
  }
#merhaba p { font-size: 14px; line-height: 20px; padding: 14px 0 0 14px; }
#merhaba p span.merhaba { display: block; font-size: 24px; }
#merhaba p span.eh { font-size: 18px; }
#merhaba a { 
  color: #fff; 
  display: block; 
  height: 40px; 
  font-size: 16px;
  line-height: 20px; 
  padding: 25px 26px 0; 
  text-decoration: none; 
  width: 450px; 
  }
#merhaba a:hover { color: #ed0080; }

.dekorasyon_rehberine_basvur {
  background: url(../images/ortak/dekorasyon-button.png) no-repeat;
  display: block;
  float: left;
  height: 82px;
  margin: 19px 0 0 12px;
  text-indent: -999em;
  width: 207px;
  }
#mimar_ariyorum {
  background: url(../images/ortak/mimar-ariyorum-button.png) no-repeat;
  display: block;
  float: left;
  height: 82px;
  margin-left: 12px;
  text-indent: -999em;
  width: 207px;
  }

#newsletter { 
  background: url(../images/rehber/newsletter-bg.png) no-repeat;
  float: left; 
  height: 168px;
  margin: 0 0 12px; 
  width: 218px; 
  }
#newsletter h3 { display: none; }
#newsletter input.txtbox { 
  display: block;
  left: 16px;
  position: relative;
  top: 118px;
  width: 190px; 
  }
#newsletter a.btn {
  color: #000;
  left: 165px;
  font-size: 14px;
  position: relative;
  text-decoration: underline;
  top: 122px;
  }
#newsletter a.btn:hover { color: #ed0080; }

/* Anasayfa Firma Listesi
--------------------------------------------------*/

#paging-top, #paging-bottom { 
  height: 20px;
  margin: 0px 25px 0 15px;
  width: 710px;
  }
#paging-top { margin-top: 20px; }
#paging-bottom { margin-bottom: 20px; }
ul.pageNav { float: right; height: 20px; }
ul.pageNav li { display:block; float: left; font-size: 12px; padding: 1px; }
ul.pageNav li a{ 
  background-color: #e2e2e2; 
  color: #666; 
  display: block; 
  height: 20px; 
  line-height: 20px; 
  text-align: center; 
  text-decoration: none; 
  width: 20px; 
  }
ul.pageNav li.currentPage a { background-color: #9abd88; color: #fff; }

#firma-listesi { 
  clear: left;
  height: 540px;
  margin-left: 15px;
  width: 730px; 
  }
#firma-listesi li { 
  float: left; 
  height: 155px;  
  margin: 0 20px 25px 0;
  width: 345px; 
  }
#firma-listesi li h3 { 
  border-bottom: 2px solid #5c2d91;
  font-size: 18px; 
  font-weight: 500; 
  height: 20px;
  padding-bottom: 4px; 
  }
#firma-listesi li h3 a { color: #5c2d91; text-decoration: none; }
#firma-listesi li h3 a:hover { color: #ed0080; }
#firma-listesi li a.firma-thumb { 
  display: block;
  float: left; 
  height: 100px;
  margin: 10px;
  text-align: center; 
  width: 100px;
  }
#firma-listesi li div.firma-listesi-baslik { 
  float: left; 
  height: 100px; 
  margin-top: 10px;
  overflow: hidden;
  width: 220px; 
  }
#firma-listesi li div.tanitim-metni {
  height: 100px;
  position: relative;
  width: 220px;
  }
#firma-listesi li div.tanitim-metni p { 
  font-size: 12px; 
  line-height: 16px; 
  width: 220px;
  }
#firma-listesi li div.tanitim-metni p.devami {
  bottom: 0;
  margin: 0;
  position: absolute;
  text-align: right;
  }
#firma-listesi li ul { 
  clear: left; 
  margin-left: 5px;
  width: 340px; 
  }
#firma-listesi li li { height: 19px; margin: 0; padding: 0; width: auto; }
#firma-listesi li li a { 
  background-color: #a7c77b; 
  color: #fff; 
  display: inline-block; 
  font-size: 12px; 
  line-height: 14px; 
  margin: 0 0 0 5px; 
  padding: 0 5px 1px; 
  text-decoration: none; 
  width: auto; 
  }
#firma-listesi li li a:hover { background-color: #ed0080; } 


/* Alışveriş Kutu Table
--------------------------------------------------*/

#alisveris-kutu-table {
  margin-left: 20px;
  }
#alisveris-kutu-table table { margin-bottom: 10px; }

/* Petit Beurre 
--------------------------------------------------*/

#dekorator-ariyorum { margin: 10px 0 0 10px; }
#dekorator-ariyorum a { 
  background: url(../images/ortak/mimar-ariyorum-btn.png) no-repeat 0 0; 
  display: block; 
  height: 52px; 
  margin: 10px 0 10px 5px;
  text-indent: -999em; 
  width: 182px; 
}

h2#sayfa-basligi {
  border-bottom: 2px solid #5c2d91;
  color: #5c2d91;
  font-size: 18px;
  font-weight: 500;
  margin: 20px 20px 0 15px;
  padding-bottom: 4px;
  }

/* Firma 
--------------------------------------------------*/
      
#content-firma { padding: 0; margin: 0; }

#breadcrumbs { 
  border-bottom: 1px solid #a09584; 
  color: #666; 
  font-size: 12px; 
  margin: 0 25px; 
  padding: 10px 0; 
  width: 910px; 
  }
#breadcrumbs a { 
  background: url(../images/alisveris/urun/breadcrumbs-arrow.png) no-repeat 100% 5px; 
  color: #666; 
  margin-right: 5px; 
  padding-right: 15px; 
  }
#breadcrumbs a:hover { color: #ed0080; }
#breadcrumbs a.ana-kategori { }
#breadcrumbs a.alt-kategori { }
#breadcrumbs a.marka { }
#breadcrumbs span.urun-adi { }

#firma-bilgisi { border-bottom: 1px solid #a09584; margin: 0 25px 0px; }

div.title { 
	margin-bottom: 10px; 
	width: 910px; 
	}
div.title img.logo { margin: 10px 0 20px; position: static; }
div.title h1 {
  color: #444;
  float: left; 
  font-size: 24px; 
  font-weight: 500; 
  line-height: 30px; 
  margin: 10px 20px 20px 10px; 
  vertical-align: top; 
  }
div.title p.adres { float: left; font-size: 12px; margin-right: 20px; padding-top: 10px; width: 260px; }
div.title a.google-map-icon { display: inline-block; float: left; margin-right: 20px; padding-top: 10px; }
div.title img { float: left; margin-right: 20px; }
div.title p.telefon { float: left; font-size: 12px; margin-right: 20px; padding-top: 10px; width: 120px; }
div.title a { color: #ed0080; }
div.title ul { padding-top: 8px; }
div.title li { float: right; padding-bottom: 3px; }
div.title li a { background-color: #a7c77b; color: #fff; display: inline-block; font-size: 12px; line-height: 14px; margin: 0 0 0 5px; padding: 0 5px 1px; text-decoration: none; width: auto; }
div.title li a:hover { background-color: #ed0080; }

#firma-sol-kolon { float: left; width: 450px; }
#firma-sag-kolon { float: left; width: 450px; }

div#resim-galerisi { margin-bottom: 20px; overflow: hidden; width: 425px; }
div#resim-galerisi img {}

div#resim-galerisi ul { width: 425px; }
div#resim-galerisi li { 
  background: url(../images/alisveris/urun/kucuk-foto-bg.png) no-repeat 0 -2px; 
  float: left; 
  height: 50px; 
  margin: 5px 5px 0 0; 
  position: relative; 
  width: 50px; 
  }
div#resim-galerisi li a { background: transparent; height: 46px; padding: 2px; text-decoration: none; width: 46px; }

#videolar {
  margin-bottom: 20px;
  }
#videolar h3 {
  background: url(../images/rehber/video-title.png) no-repeat;
  height: 20px;
  padding-bottom: 10px;
  text-indent: -999em;
  width: 425px;
  }
#videolar ul {
  width: 425px;
  }
#videolar li {
  margin-right: 10px;
  }
#videolar a {}
#videolar a:hover {}


div.eh-diyorki { background-color: #ffcceb; padding: 10px; width: 405px; }
div.eh-diyorki h3 { background: url(http://www.evimizinherseyi.com/images/rehber/eh-diyorki-title.png) no-repeat 0 0; height: 20px; text-indent: -999em; }
div.eh-diyorki p { font-size: 12px; line-height: 16px; margin-bottom: 10px; }

div.tanitim-metni { margin-bottom: 20px; width: 445px; }
div.tanitim-metni p { font-size: 14px; line-height: 16px; margin-bottom: 10px; }

div.son-dakika { background-color: #fff899; margin: 20px 0; width: 445px; }
div.son-dakika h3 { 
  background: url(http://www.evimizinherseyi.com/images/rehber/son-dakika-title.png) no-repeat 0 10px;
  height: 25px;
  margin: 10px; 
  width: 81px;
  text-indent: -999em; 
  }
div.son-dakika p { font-size: 13px; line-height: 18px; padding: 0 5px 10px 10px; }
div.son-dakika a.uyeol {
  background: url(../images/rehber/son-dakika-btn.png) no-repeat 0 0;
  display: block;
  height: 20px;
  margin: 10px auto 0;
  padding-bottom: 10px;
  text-indent: -999em;
  width: 215px;
  }

#begendim { 
  height: 20px;
  margin-top: 20px; 
  width: 400px; 
  }
#begendim input {
  float: left;
  }
#begendim p { 
  color: #658c2d; 
  float: left;
  font-size: 10px; 
  line-height: 20px; 
  text-align: center; 
  width: 100px;
  }

#paylas { width: 445px; }
#paylas h2 { 
  background: url(../images/rehber/paylas-title.png) no-repeat 0 0; 
  height: 20px; 
  margin-bottom: 4px; 
  text-indent: -999em; 
  }

#paylas #social { 
  height: 32px; 
  /* padding-bottom: 6px; */ 
  }

#paylas fieldset { 
  background-color: #d9d9d9; 
  float: left; 
  margin: 8px 10px 10px 0; 
  padding: 5px 10px 10px; 
  width: 425px; 
  }
#paylas label { 
  font-size: 12px; 
  margin-right: 20px;
  }
#paylas input.paylas-txtbox { 
  margin: 10px 4px 0 0; 
  width: 220px; 
  }
#paylas input.paylas-gonder { 
  position: relative; 
  top: 5px; 
  }

#firma-urunler { padding-top: 25px; overflow: auto; }
h3#dukkan-ismi {
  color: #444;
  font-size: 24px; 
  font-weight: 500; 
  line-height: 30px; 
  margin: 10px 20px 20px 220px; 
  }
#firma-urunler #kategori-kolon { float: left; width: 198px; }
#firma-urunler #kategori-kolon #urun-kategoriler h2 { background: url(../images/ortak/kategori-tall-title.png) no-repeat 0 100%; height: 81px; }

#firma-urunler #dosya { background: url(../images/ortak/folder-tile-bg.png) repeat-y 0 0; float: left; margin-left: 15px; width: 720px; }

#firma-urunler #dosya ul { background: url(../images/ortak/tab-less-bg.png) no-repeat 0 0; height: 53px; padding-left: 21px; width: 699px; }
#firma-urunler #dosya ul li { float: left; }
#firma-urunler #dosya ul li a { 
  background: url(../images/ortak/tabs-bg.png) no-repeat 0 0; 
  color: #999;
  display: block; 
  height: 41px; 
  padding: 12px 0 0 32px;
  text-decoration: none; 
  width: 183px; }
#firma-urunler #dosya ul li a#urunler { background-position: -21px 0; }
#firma-urunler #dosya ul li a#urunler:hover { background-position: -21px -53px; color: #ccc; }
#firma-urunler #dosya ul li a#urunler.current { background-position: -21px -106px; color: #666; }
#firma-urunler #dosya ul li a#yorumlar { background-position: -252px 0; margin-left: 16px; }
#firma-urunler #dosya ul li a#yorumlar:hover { background-position: -252px -53px; color: #ccc; }
#firma-urunler #dosya ul li a#yorumlar.current { background-position: -252px -106px; color: #666; }

#firma-urunler #dosya #dosya-icerik { background: url(../images/ortak/dosya-kolon-bg.png) repeat-y 0 0; margin: 0 15px; overflow: auto; width: 690px; }
#firma-urunler #dosya #dosya-icerik div { border-bottom: 1px dotted #333; float: left; padding: 10px 0; text-align: center; width: 230px; }
#firma-urunler #dosya #dosya-icerik div.clearleft { border: none; padding: 0; }
#firma-urunler #dosya #dosya-icerik img {}
#firma-urunler #dosya #dosya-icerik img.marka-logo { padding-bottom: 10px; }
#firma-urunler #dosya #dosya-icerik img.rehber-logo { padding: 0 0 10px 10px; }
#firma-urunler #dosya #dosya-icerik span { display: block; }
#firma-urunler #dosya #dosya-icerik span.urun-adi { font-size: 12px; padding: 5px 5px 0 5px; height: 30px; }
#firma-urunler #dosya #dosya-icerik span.urun-adi a { color: #a10056; text-decoration: none; }
#firma-urunler #dosya #dosya-icerik span.urun-adi a:hover { color: #ed0080; text-decoration: underline; }
#firma-urunler #dosya #dosya-icerik span.urun-fiyati { color: #5c2d91; font-size: 14px; padding-top: 10px; }
#firma-urunler #dosya #dosya-icerik span.indirim { display: none; }

#firma-urunler #dosya #dosya-bottom { background: url(../images/ortak/folder-bottom-bg.png) no-repeat 0 0; clear: left; height: 20px; margin: 0; padding: 0; width: 720px; }


/* Servis Firma
--------------------------------------------------*/

#temel-firma-bilgisi {
  background: url(../images/rehber/kunye-bg.png) no-repeat;
  padding: 5px 10px 0;
  width: 405px;
  }
#temel-firma-bilgisi dl {
  font-size: 12px;
  }
#temel-firma-bilgisi dt {
  display: block;
  clear: left;
  float: left;
  height: 100%;
  padding: 7px 0 9px;
  width: 110px;
  }
#temel-firma-bilgisi dd {
  background: url(../images/rehber/kunye-line.png) repeat-x bottom;
  display: block;
  float: left;
  margin-left: -110px;
  padding: 7px 0 9px 110px;
  width: 295px;
  }
#temel-firma-bilgisi dd ul {
  list-style-type: disc;
  margin-left: 12px;
  }
#temel-firma-bilgisi dd li {
  padding-bottom: 3px;
  }
#temel-firma-bilgisi-bottom {
  background: url(../images/rehber/kunye-bg.png) no-repeat left bottom;
  height: 5px;
  margin-bottom: 10px;
  padding: 0 10px 5px;
  width: 405px;
  }

#yorumlar {
  padding: 20px 0 0;
  }
#yorumlar h3 {
  background: url(../images/mecmua/yorumlar-title.png) no-repeat;
  float: left;
  height: 18px;
  padding-bottom: 2px;
  text-indent: -999em;
  width: 260px;
  }
#yorumlar span.yorum-adet {
  line-height: 18px;
  }
#yorumlar a.yorum-buton {
  background: url(../images/mecmua/yorum-button.png) no-repeat 100% 0;
  float: left;
  height: 18px;
  margin-left: 0px;
  text-indent: -999em;
  width: 163px;
  }
#yorumlar ul {
  border-top: 2px solid #ed0080;
  clear: left;
  padding-top: 10px;
  width: 425px;
  }
#yorumlar li {
  clear: left;
  margin-bottom: 10px;
  }
#yorumlar li img {
  float: left; 
  margin-right: 10px;
  }
#yorumlar li div {
  float: left; 
  width: 355px;
  }
#yorumlar li div.clearleft {
  clear: left;
  float: none;
  }
#yorumlar li h4 {
  color: #666; 
  font-size: 12px; 
  font-weight: 500; 
  padding-bottom: 5px;
  }
#yorumlar li span.yorum-tarih {
  color: #f79521; 
  font-size: 11px; 
  margin-left: 20px;
  }
#yorumlar li h5 {
  font-size: 12px; 
  font-weight: 500; 
  padding-bottom: 5px;
  }
#yorumlar li p {
  font-size: 11px; 
  line-height: 15px; 
  padding-bottom: 5px;
  }

p.harita small a {
  background: url(../images/rehber/bigmap-link.png) no-repeat;
  display: block;
  height: 24px;
  margin-top: 2px;
  text-indent: -999em;
  width: 425px;
  }
  
#ilgili-firmalar h3 {
  background-color: #5c2d91;
  color: #fff;
  font-size: 16px; 
  font-weight: 500; 
  margin: 20px 25px 10px 0;
  padding: 3px 10px 5px;
  }
#ilgili-firmalar li { 
  float: left; 
  height: 155px;  
  margin: 0 20px 0 0;
  width: 425px; 
  }
#ilgili-firmalar li h3 { 
  background-color: #fff;
  border-bottom: 2px solid #5c2d91;
  color: #5c2d91;
  font-size: 18px; 
  font-weight: 500; 
  height: 20px;
  margin: 0;
  padding-bottom: 2px; 
  }
#ilgili-firmalar li h3 a { color: #5c2d91; text-decoration: none; }
#ilgili-firmalar li h3 a:hover { color: #ed0080; }
#ilgili-firmalar li a.firma-thumb { 
  display: block;
  float: left; 
  height: 100px;
  margin: 10px;
  text-align: center; 
  width: 100px;
  }
#ilgili-firmalar li div.firma-listesi-baslik { 
  float: left; 
  height: 100px; 
  margin-top: 10px;
  overflow: hidden;
  width: 300px; 
  }
#ilgili-firmalar li div.tanitim-metni {
  height: 100px;
  position: relative;
  width: 300px;
  }
#ilgili-firmalar li div.tanitim-metni p { 
  font-size: 12px; 
  line-height: 16px; 
  width: 300px;
  }
#ilgili-firmalar li div.tanitim-metni p.devami {
  bottom: 0;
  display: inline-block;
  margin: 0;
  position: absolute;
  right: 0;
  text-align: right;
  }

/* Ödeme Giriş
--------------------------------------------------*/

#odeme-giris { margin-left: 25px; min-height: 400px; padding-top: 20px; }
#odeme-giris-solkolon { float: left; width: 720px; }
#odeme-giris-sagkolon { float: left; }
#odeme-giris-aciklama {
  background: url(../images/alisveris/odeme/speech-bubble.png) no-repeat 0 100%;
  float: left;
  padding-bottom: 172px;
  width: 240px;
  }
#odeme-giris-solkolon #UyeGirisi {
  float: left;
  padding: 0 10px 0;
  width: 220px;
  }
#odeme-giris-solkolon #YeniUyeKaydi {
  float: left;
  padding: 0 10px 0;
  width: 220px;
  }
#odeme-giris-aciklama div {
  background: url(../images/alisveris/odeme/speech-bubble.png) no-repeat 0 0;
  font-size: 12px;
  padding: 20px 20px 0;
  }
  

#odeme-giris-solkolon form { padding: 10px; }
#odeme-giris-solkolon label { color: #666; display: block; font-size: 14px; padding: 10px 0 5px; width: 150px; }
#odeme-giris-solkolon input.textbox-uzun { width: 190px; }
#odeme-giris-solkolon input.image-button { margin: 10px 0 0 125px; width: auto; }
#odeme-giris-solkolon h2 { display: block; height: 29px; text-indent: -999em; width: 220px; }
#odeme-giris-solkolon #UyeGirisi h2 { background: url(../images/alisveris/odeme/uye-girisi-yapin-title.png) no-repeat 0 0; }
#odeme-giris-solkolon #YeniUyeKaydi h2 { background: url(../images/alisveris/odeme/kayit-olun-title.png) no-repeat 0 0; }
#odeme-giris-solkolon input.UyeGirisi-btn {
  background: url(../images/ortak/gonder-btn.png) no-repeat 0 0; 
  border: none;
  display: block;
  height: 20px; 
  margin: 15px 0 0 130px; 
  text-indent: -999em; 
  width: 65px;
  }
  
#UyeGirisi span.hata-mesaji { 
  background-color: #ed47a0; color: #fff; display: inline-block;   
  line-height: 18px; 
  font-size: 14px; 
  font-weight: 600; 
  padding: 10px; 
  }
  
#YeniUyeKaydi .uyelik-sozlesmesi input { display: inline; margin-top: 20px; width: auto; }
#YeniUyeKaydi .uyelik-sozlesmesi a { font-size: 12px; color: #a10056; text-decoration: underline; }
#YeniUyeKaydi .uyelik-sozlesmesi a:hover { font-size: 12px; color: #ed0080; text-decoration: underline; }

/*Destek
--------------------------------------------------*/

#destek { float: left; margin-left: 30px; width: 165px; }
#destek h3 { 
  background: url(../images/alisveris/urun/neden-eh-title.png) no-repeat 0 0; 
  height: 24px; 
  margin: 15px 0 5px; 
  text-indent: -999em; 
  }
#destek ul {}
#destek li { background: url(../images/alisveris/urun/bullet-bg.png) no-repeat 0 4px; font-size: 11px; padding: 0 0 5px 10px;}
#destek a { text-decoration: none; }
#destek a:hover { text-decoration: underline; }
#neden-evimizin-herseyi { font-size: 12px; line-height: 16px; }

/* Popup Penceresi
--------------------------------------------------*/

.popup { background-color: #fff; }
.popup { position: relative; width: 500px; }
.popup div.kapat a { 
  background: url(../images/alisveris/popup-kapat.png);
  display: block;
  height: 30px;
  position: absolute; 
  right: 0; 
  text-indent: -999em;
  top: 0; 
  width: 73px;
  }
.popup h2 {
  background-color: #666;
  font-size: 18px;
  color: #fff;
  line-height: 30px;
  height: 30px;
  margin-bottom: 20px;
  padding-left: 50px;
  }
.popup h2.mimar-basvur { background: url(../images/rehber/mimar-basvur-title.png) #5c2d91 no-repeat 0 0; }  
.popup p { font-size: 14px; padding: 0 50px 20px; }
.popup table { font-size: 12px; margin: 0 50px 20px; }
.popup .input { width: 400px; }
.popup tr.last td { border: none; }
.popup p.mesaj {  }
.modalBackground { background-color: Gray; filter:alpha(opacity=70); opacity:0.7; }


#urun-kategoriler { background: url(../images/ortak/kategori-bg2.png) repeat-y 0 0; float:left; height: 100%; width: 198px; }
#urun-kategoriler h2 { background: url(../images/rehber/rehber-urun-kategori-title.png) no-repeat 0 0; height: 50px; text-indent: -999em; width: 198px; }
#urun-kategoriler h2 a.anakategori-geridon { 
  background: url(../images/ortak/anakategori-geridon-bg.png) no-repeat 0 0; 
  cursor: pointer; 
  display: block; 
  height: 55px; 
  width: 194px; 
  }
#urun-kategoriler ul { font-size: 14px; }
#urun-kategoriler li { }
#urun-kategoriler li a { 
  background: url(../images/ortak/kategori-link-bg.png) no-repeat 0 100%; 
  color: #000; 
  display: block; 
  padding: 4px 10px 6px 32px; 
  text-decoration: none; 
  width: 156px; 
  }
#urun-kategoriler li a:hover { color: #ed0080; }
#urun-kategoriler li a.anakategori-current { 
  background: url(../images/ortak/anakategori-current-bg.png) no-repeat 0 100%; 
  padding-left: 22px; 
  }
#urun-kategoriler li a.anakategori { padding-left: 22px; }
#urun-kategoriler li a.current { background: url(../images/ortak/kategori-current-bg.png) no-repeat 0 100%; }
#urun-kategoriler li a.anakategori-geridon-bottom { 
  background: url(../images/ortak/geridon-bottom-bg.png) no-repeat 0 0; 
  cursor: pointer; 
  height: 15px; 
  text-indent: -999em; 
  }
#urun-kategoriler #kategori-bottom { background: url(../images/ortak/kategori-bottom2.png) no-repeat 0 0; height: 4px; width: 198px; }


/* Kategori
--------------------------------------------------*/

#content-urunler { float: left; width: 700px; }
#content-urunler #filtre { margin: 0 0 0 17px; width: 700px; }

#content-urunler #checkboxes { float: left; font-size: 12px; padding: 10px 0 10px 20px; }
#content-urunler #checkboxes label { margin-right: 20px; }

#content-urunler #filtrele { 
  background: url(../images/alisveris/filtre/filtrele-btn.png) no-repeat 0 0;
  border: none; 
  height: 22px; 
  margin: 8px 0 0 0; 
  text-indent: -999em; 
  width: 85px; 
}

#content-urunler #paging-top { clear: left; padding: 0 0 10px 0; }
#content-urunler #siralama { float: right; width: 250px;  }
#content-urunler #siralama label { color: #333; float: left; font-size: 14px; margin-right: 10px; padding-top: 3px; }
#content-urunler #siralama select { float: left; margin: 0 25px 0 0; }

#content-urunler a.urun-kategori-foto { display: block; height: 100px; width: 100px; margin: auto; padding-top: 5px; }
#content-urunler #urunler a.marka-kategori-logo { padding-bottom: 10px; }
#content-urunler #urunler a.marka.rehber-logo { padding: 0 0 10px 10px; }

#content-urunler #urunler { 
  background: url(../images/alisveris/filtre/urunler-kolon-bg.png) repeat-y 0 0; 
  margin: 10px 0 20px 20px; 
  width: 700px; 
  }
#content-urunler #urunler div.urun { 
  border-bottom: 1px dotted #000; 
  float: left; 
  padding: 10px 0; 
  text-align: center; 
  width: 233px; 
  height: 175px; 
  }
#content-urunler #urunler a.marka-kategori-logo { display: inline-block; height: 25px; padding-bottom: 10px; width: 75px; }
#content-urunler #urunler a.rehber.kategori-logo { display: inline-block; height: 25px; padding: 0 0 10px 10px; width: 75px; }
#content-urunler #urunler a.urun-kategori-foto { display: block; height: 100px; width: 100px; margin: auto; }
#content-urunler #urunler span { display: block; }
#content-urunler #urunler span.urun-adi { color: #a10056; font-size: 12px; padding: 10px 5px 0 5px; height: 30px; }
#content-urunler #urunler span.urun-adi a { color: #a10056; }
#content-urunler #urunler span.urun-adi a:hover { color: #ed0080; }
#content-urunler #urunler span.urun-fiyati-kirmizi { 
  color: #f00; 
  display: inline-block; 
  font-size: 14px; 
  margin-right: 10px; 
  text-decoration: line-through; 
  }
#content-urunler #urunler span.urun-fiyati { color: #5c2d91; display: inline-block; font-size: 14px; padding-top: 5px; }
#content-urunler #urunler span.indirim { 
  background: url(../images/alisveris/kategori/kategori-duyuru-bg.png) no-repeat 0 0; 
  color: #fff;
  font-size: 12px;
  height: 20px; 
  line-height: 20px;
  margin: 5px 0 0 10px;
  text-align: center;
  width: 221px; 
  }
#content-urunler #urunler span.indirim img { position: relative; top: 3px; right: 3px; }

#content-urunler #paging-bottom { clear: left; margin-left: 20px; padding-top: 10px; }
#content-urunler a#hepsini-listele { 
  background: url(../images/alisveris/filtre/tum-urunleri-listele-btn.png) no-repeat 0 0; 
  display: block; 
  float: right; 
  height: 22px; 
  margin-right: 20px; 
  text-indent: -999em; 
  width: 145px;
  }

#content-urunler ul.pageNav li { display:block; float: left; font-size: 12px; padding: 1px; }
#content-urunler ul.pageNav li a{ 
  background-color: #e2e2e2; 
  color: #666; 
  display: block; 
  height: 20px; 
  line-height: 20px; 
  text-align: center; 
  text-decoration: none; 
  width: 20px; 
  }
#content-urunler li.currentPage {  }
#content-urunler ul.pageNav li.currentPage a { background-color: #9abd88; color: #fff; }


div#profil { margin: 0 25px 0 0; padding: 0 0 25px; width: 935px; }

#profil #profil-solkolon { float: left; width: 750px; }

#profil #profil-solkolon #kategoriler { float: left; margin: 0 25px 0 0; }

#profil #profil-solkolon #kategoriler h2 { background: url(../images/ortak/profil-title.png) no-repeat 0 0; }

#profil #profil-solkolon #profil-content { float: left; font-size: 12px; line-height: 16px; padding-top: 25px; width: 500px; }

#profil-content ul, #profil-content ol { list-style-position: inside; }

#profil-content ol { list-style-type: decimal; }

#profil #profil-solkolon #profil-content h1 { background-color: #979797; color: #fff; height: 24px; font-size: 14px; font-weight: 500; line-height: 24px; margin-bottom: 20px; padding: 0 20px; }

#profil #profil-solkolon #profil-content h2 { background-color: #979797; color: #fff; height: 20px; font-size: 12px; font-weight: 500; line-height: 20px; margin: 10px 0; padding: 0 20px; width: 460px; }

#profil #profil-solkolon #profil-content table#siparis-liste { width: 500px; }

#profil #profil-solkolon #profil-content table#siparis-liste tr { }

#profil #profil-solkolon #profil-content table#siparis-liste th { font-weight: 500; padding-bottom: 5px; text-align: left; }

#profil #profil-solkolon #profil-content table#siparis-detaylari { width: 500px; }

#profil #profil-solkolon #profil-content table#siparis-detaylari tr { border-bottom: 1px dotted #333; }

#profil #profil-solkolon #profil-content table#siparis-detaylari td.sol_kolon { color: #666; font-weight: 600; }

#profil #profil-solkolon #profil-content table#siparis-detaylari td.alt_baslik { background-color: #ddd; color: #666; padding: 5px; }

#profil #profil-solkolon #profil-content #adresler li { list-style-type:square; padding: 5px; }

#profil #profil-solkolon #profil-content td { border-bottom: 1px #333; padding: 5px; }

.popup td { padding: 5px; }

#profil #profil-sagkolon { float: left; margin-left: 20px; padding-top: 25px; width: 165px; }

#profil #profil-sagkolon #destek { float: none; margin-left: 0; }

/* Destek 
------------------------------------------------------------*/

#destek { float: left; margin-left: 30px; width: 165px; }
#destek h3 { 
  background: url(../images/alisveris/urun/neden-eh-title.png) no-repeat 0 0; 
  height: 24px; 
  margin: 15px 0 5px; 
  text-indent: -999em; 
  }
#destek ul {}
#destek li { background: url(../images/alisveris/urun/bullet-bg.png) no-repeat 0 4px; font-size: 11px; padding: 0 0 5px 10px;}
#destek a { text-decoration: none; }
#destek a:hover { text-decoration: underline; }
#neden-evimizin-herseyi { font-size: 12px; line-height: 16px; }

