@charset "utf-8";
body { margin: 0; padding: 0; color: #333; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 13px;  }
body.anasayfa { background: url(../images/anasayfaback.jpg) repeat-x; background-color: #3a5246; }
a { outline: none; outline-style: none; }
p { margin: 0; padding-bottom: 12px; }
img { border: 0; }
span.dvm a { color: #006699; font-weight: normal; text-decoration: none; font-family: Arial, Helvetica, sans-serif; background: url(../images/oks.jpg) no-repeat right center; padding-right: 17px; }
span.dvm a:hover { text-decoration: underline; }
p.urunler { line-height: 135%; }
p.urunler a {font-size: 16px; font-family: Georgia, 'Times New Roman', Times, serif; color: #fcda04; text-decoration: none; line-height: 135%; }
p.urunler a:hover { text-decoration: underline; }
h1 { color: #3a5246; font-size: 30px; font-family: "Times New Roman", Times, serif; font-weight: normal; padding: 0; margin: 0; display: block;  }
h2 { color: #000; font-size: 18px; font-family: Arial, Helvetica, sans-serif; letter-spacing: -1px; font-weight: normal; padding: 0; margin: 0; display: block;  }

h1.agacb { width: 350px; margin-bottom: 5px; margin-left: 5px; margin-bottom: 0; }
p.altb { color: #776d52; font-size: 20px; font-weight: normal; font-family: Georgia, "Times New Roman", Times, serif; margin-top: 0; padding-top: 0; font-style: italic;  }
p.altt { font-family: Georgia, "Times New Roman", Times, serif; padding-top: 2px; }

h2.agaclar { font-family: "Times New Roman", Times, serif; letter-spacing: 0px; font-weight: normal; color: #333; padding: 0; margin: 0; display: block;  }

h2.performans { font-size: 16px; font-weight: normal; font-family: Georgia, "Times New Roman", Times, serif; color: #006699; letter-spacing: 0; }
h2.baslik { color: #8e252a; font-size: 12px; font-weight: bold; letter-spacing: 0px; }
h2.baslik a { color: #8e252a; text-decoration: none; }
h2.baslik a:hover { text-decoration: underline; }
span.isim { color: #657a75; font-size: 10px; }
#ayrac { background: url(../images/ayrac.jpg) no-repeat right center; width: 480px; height: 55px; display: block; }
#sorunsbaslik { background: url(../images/sorunsoyleyelimbaslik.jpg) no-repeat; width: 304px; height: 51px; clear: both; }
#sorucevap { width: 680px; margin: 0 auto; }
#texts p { padding: 0; }

#baslikback { background: url(../images/baslikback.jpg) no-repeat; width: 282px; height: 45px; }
#baslikback p { margin: 0; padding-top: 7px; padding-left: 5px; color: #3a5246; font-size: 30px; font-family: "Times New Roman", Times, serif; font-weight: normal; }

.iso { background: url(../images/iso.jpg) no-repeat; width: 116px; height: 91px; display: block; }
.iso:hover { background: url(../images/isohv.jpg) no-repeat; }

#page {
	width: 850px;
	position: relative;
	margin: 0 auto;
	top: -1px;
}
#main { width: 700px;; margin: 0 auto; }

#banner { width: 700px; }
#banner #logo { float: left; width: 205px; height: 225px; }
#banner .resim { float: right; width: 495px; }
#banner .resim#anasayfa { background: url(../images/anasayfabanner.jpg) no-repeat; height: 225px; }
#banner .resim#urunler { background: url(../images/urunlerbanner.jpg) no-repeat; height: 225px; }
#banner .resim#fotogaleri { background: url(../images/fotogaleribanner.jpg) no-repeat; height: 225px; }
#banner .resim#gobekler { background: url(../images/gobeklerbanner.jpg) no-repeat; height: 225px; }
#banner .resim#lamine { background: url(../images/laminebanner.jpg) no-repeat; height: 225px; }
#banner .resim#saray { background: url(../images/saraybanner.jpg) no-repeat; height: 225px; }
#banner .resim#bilgibankasi { background: url(../images/bilgibankasibanner.jpg) no-repeat; height: 225px; }
#banner .resim#masif { background: url(../images/masifbanner.jpg) no-repeat; height: 225px; }
#banner .resim#uzmangozuyle { background: url(../images/uzmangozuylebanner.jpg) no-repeat; height: 225px; }
#banner .resim#dunyadan { background: url(../images/dunyadanbanner.jpg) no-repeat; height: 225px; }
#banner .resim#ahsap { background: url(../images/ahsapbanner.jpg) no-repeat; height: 225px; }
#banner .resim#koleksiyonlar { background: url(../images/koleksiyonlarbanner.jpg) no-repeat; height: 225px; }
#banner .resim#gofret { background: url(../images/gofretbanner.jpg) no-repeat; height: 225px; }
#banner .resim#deck { background: url(../images/deckbanner.jpg) no-repeat; height: 225px; }
#banner .resim#ahsapcesitleri { background: url(../images/ahsapcesitleribanner.jpg) no-repeat; height: 225px; }
#banner .resim#boyama { background: url(../images/boyamabanner.jpg) no-repeat; height: 225px; }
#banner .resim#uygulama { background: url(../images/uygulamabanner.jpg) no-repeat; height: 225px; }
#banner .resim#bakim { background: url(../images/bakimbanner.jpg) no-repeat; height: 225px; }
#banner .resim#sc { background: url(../images/scbanner.jpg) no-repeat; height: 225px; }


#banner .resim#terminal { background: url(../images/terminalbanner.jpg) no-repeat; height: 225px; }
#banner .resim#amiral { background: url(../images/amiralbanner.jpg) no-repeat; height: 225px; }

#content { width: 700px; clear: both; background: #ecebcb; }
#content #left { width: 480px; float: left; margin-left: 15px; display: inline; }
#content #right { width: 187px; float: right; margin-right: 6px; }
#content #right p { padding: 0; }

#content #left #hosgeldiniz { background: url(../images/anasayfahosgeldiniz.jpg) no-repeat 0 -3px; height: 171px; margin-left: -15px; }
#content #right #bolum1 { background: #fd242e; width: 183px; height: 170px; margin: 0 auto; margin-top: 3px; }
#content #right #bolum1 img { position: absolute; top: 0; left: 0; }
#content #right #urunback { background: url(../images/sagurunback.jpg) repeat-y; width: 173px; margin: 0 auto; margin-top: 3px; padding: 5px; }

#content #right #urunback .hover { background: url(../images/inputback2.jpg) no-repeat;  }
#content #right #urunback table { margin: 5px 0 0 0; padding: 0 0 0 0; font-size: 11px; color: #fff; }
#content #right #urunback table td { margin: 0; padding: 0 3px 0 0; }
#kadi { background: url(../images/inputback.jpg) no-repeat; width: 95px; border: 0 none; height: 19px; padding: 5px 4px 0 4px; font-size: 11px;}
#sifre { background: url(../images/inputback.jpg) no-repeat; width: 95px; border: 0 none; height: 19px; padding: 5px 4px 0 4px; font-size: 11px;}

#content #right #urunback table td a { color: #f2f2f2; text-decoration: none; }
#content #right #urunback table td a:hover { text-decoration: underline; }

#content #right #bilgibankasi { background: url(../images/bilgibankasiback.jpg) no-repeat; width: 173px; height: 131px; margin: 0 auto; margin-top: 3px; padding: 5px; }
#content #right #sorunsoyleyelim { background: url(../images/sorunsoyleyelimback.jpg) no-repeat; width: 173px; height: 220px; margin: 0 auto; margin-top: 3px; padding: 5px; margin-bottom: 3px;}

#footer { text-align: center; font-size: 10px; color: #fff; width: 700px; margin-top: 5px; font-weight: bold; font-family: Arial, Helvetica, sans-serif; }
#footer p { padding-bottom: 5px; }
#footer span { padding-left: 2px; padding-right: 2px; }
#footer span a { color: #cdd3d0; }
#footer span a:hover { color: #fff; }

/*  Menü  */
#menuback { background: #7b6558; width: 685px; height: 25px; clear: both; padding-top: 3px; padding-left: 15px; }
ul.menu { list-style-type: none; margin: 0; padding: 0; }
ul.menu li { display: block; float: left; margin-right: 10px; }
ul.menu li a { display: block; float: left; font-family: Arial, Helvetica, sans-serif; font-weight: bold; letter-spacing: 0px; color: #f2f2f2; font-size: 15px; text-decoration: none; text-indent: -9999px; height: 23px;  }

ul.menu li a.anasayfa { background: url(../images/anasayfabtn.jpg) no-repeat; width: 65px; }
ul.menu li a.anasayfa:hover { background: url(../images/anasayfabtnhv.jpg) no-repeat; }
ul.menu li a.anasayfa#aktif { background: url(../images/anasayfabtnhv.jpg) no-repeat; }

ul.menu li a.koleksiyonlar { background: url(../images/koleksiyonlarbtn.jpg) no-repeat; width: 87px; }
ul.menu li a.koleksiyonlar:hover { background: url(../images/koleksiyonlarbtnhv.jpg) no-repeat; }
ul.menu li a.koleksiyonlar#aktif2 { background: url(../images/koleksiyonlarbtnhv.jpg) no-repeat; }

ul.menu li a.urunler { background: url(../images/urunlerbtn.jpg) no-repeat; width: 51px; }
ul.menu li a.urunler:hover { background: url(../images/urunlerbtnhv.jpg) no-repeat; }
ul.menu li a.urunler#aktif3 { background: url(../images/urunlerbtnhv.jpg) no-repeat; }

ul.menu li a.hizmetler { background: url(../images/hizmetlerbtn.jpg) no-repeat; width: 66px; }
ul.menu li a.hizmetler:hover { background: url(../images/hizmetlerbtnhv.jpg) no-repeat; }
ul.menu li a.hizmetler#aktif4 { background: url(../images/hizmetlerbtnhv.jpg) no-repeat; }

ul.menu li a.bilgibankasi { background: url(../images/bilgibankasibtn.jpg) no-repeat; width: 85px; }
ul.menu li a.bilgibankasi:hover { background: url(../images/bilgibankasibtnhv.jpg) no-repeat; }
ul.menu li a.bilgibankasi#aktif5 { background: url(../images/bilgibankasibtnhv.jpg) no-repeat; }

ul.menu li a.sizinicineniyisi { background: url(../images/sizinicineniyisi.jpg) no-repeat; width: 108px; }
ul.menu li a.sizinicineniyisi:hover { background: url(../images/sizinicineniyisihv.jpg) no-repeat; }
ul.menu li a.sizinicineniyisi#aktif6 { background: url(../images/sizinicineniyisihv.jpg) no-repeat; }

ul.menu li a.fotogaleri { background: url(../images/fotogaleribtn.jpg) no-repeat; width: 74px; }
ul.menu li a.fotogaleri:hover { background: url(../images/fotogaleribtnhv.jpg) no-repeat; }
ul.menu li a.fotogaleri#aktif7 { background: url(../images/fotogaleribtnhv.jpg) no-repeat; }

ul.menu li a.iletisim { background: url(../images/iletisimbtn.jpg) no-repeat; width: 51px;  }
ul.menu li a.iletisim:hover { background: url(../images/iletisimbtnhv.jpg) no-repeat; }
ul.menu li a.iletisim#aktif8 { background: url(../images/iletisimbtnhv.jpg) no-repeat; }

ul.menu li a.flag { text-indent: 0; padding-top: 6px; height: 17px;  }

a.a { text-decoration: none; }
a.a:hover { text-decoration: underline; }

/* Soru cevap */
#sorucevap #left { float: left; width: 330px; }
#sorucevap #right { float: right; width: 300px; }

#kategori { width: 150px; float: left; margin-bottom: 3px; }
#kategori a { color: #4e7982; font-size: 13px; font-weight: bold; }
#kategori a:hover { color: #000; }

#encok { background: #f9ee72; border: 2px solid #786255; padding: 5px; margin-bottom: 10px; }
#encok a { display: block; margin-bottom: 5px; color: #473d46; font-size: 11px; font-weight: bold;  }
#encok a:hover { color: #000; }
#parkebanner { background: #f39b41; padding: 5px; height: 200px; margin-bottom: 15px; font-size: 18px; }

.devaminioku { background: url(../images/devaminioku.jpg) no-repeat; width: 321px; height: 33px; cursor: pointer; }
.kucult { background: url(../images/kucult.jpg) no-repeat; width: 317px; height: 32px; cursor: pointer; display: none; }
#soruform { background: url(../images/soruformu.jpg) no-repeat; width: 330px; height: 385px; }
#input .input { font-size: 12px; background: #ece0c6; border: 0 none; width: 215px; }
#input .textarea { font-size: 12px; background: #ece0c6; border: 0 none; width: 290px; height: 130px; }
.cevap { border-top: 1px solid #c5b697; color: #5c8b67; margin-top: 7px; margin-bottom: 7px; padding-top: 5px; display: none; }

#aramakutusu { background: url(../images/aramakutusu.jpg) no-repeat; width: 256px; height: 53px; }


/* gobek urun */

#gobekurun { float: left; margin-right: 10px; text-align: center; }
#bordururun { float: left; margin-right: 10px; text-align: center; margin-bottom: 15px;}

/* Scrollbar */
.Container {
	position: absolute;
	top: 10px;
	left:20px;
	width: 670px;
	height: 450px;
}
#Scroller-1 { position: absolute; overflow: hidden;	width: 670px;	height: 480px;}
.Scroller-Container {position: absolute; top: 0; left: 0; width: 201px; padding:5px; height: 1120px;}
.Scroller-Container img { display: inline; float: left; }
.Scroller-Container a {color:#372901; font-weight:bold; text-decoration:none;}
.Scroller-Container a:hover {text-decoration:underline;}

#Scrollbar-Container {position: absolute; top: 0px; left: 240px;}
.scrolltop {width: 14px; height: 40px; position: absolute; top: 10px; left: 440px; background: transparent url(../images/scrollbarTop.jpg); no-repeat center center;}
.scrollbottom {width: 14px; height: 40px; position: absolute; top: 450px; left: 440px; background: transparent url(../images/scrollbarBottom.jpg); no-repeat center center;}
.Scrollbar-Track {width: 15px; height: 400px; position: absolute; top: 50px; left: 440px; background: transparent url(../images/scrollbar.jpg); no-repeat center center;}
.Scrollbar-Handle {position: absolute; width: 10px; height: 10px; cursor:pointer; padding-left: 2px;}


/* URUNLER */

.ulink a { text-decoration: none; color: #BB2E1E; font-weight: bold; }
.ulink a:hover { text-decoration: underline; }

/* */

.tble td { }
.tble .inpt { border: 0 none; background:url(../images/iletisiminput.jpg) no-repeat; width: 205px; height: 28px; padding-top: 10px; padding-left: 10px; padding-right: 14px;  }
.tble .inpt.focus { background:url(../images/iletisiminputfocus.jpg) no-repeat; }
.tble .textarea { background: url(../images/textareaback.jpg) no-repeat; width: 284px; height: 138px;  }
.tble .text { border: 0 none; width: 250px; height: 120px; overflow: auto; margin: 10px; }
.tble .textarea.focusx { background: url(../images/textareabackfocus.jpg) no-repeat; }

.ui-radio-state-disabled,
			.ui-radio-state-checked-disabled,
			.ui-radio-state-disabled-hover,
			.ui-radio-state-checked-disabled-hover {
				color: #999;
			}
			span.ui-checkbox,
			span.ui-radio {
				display: block;
				float: left;
				width: 16px;
				height: 16px;
				background: url(icon_checkbox.png) 0 -40px no-repeat;
			}
			span.ui-helper-hidden {
				display: none;
			}
			label {
				padding: 2px;
				
			}
			span.ui-radio-state-hover,
			span.ui-checkbox-state-hover {
				background-position: 0 -114px;
			}
			
			span.ui-checkbox-state-checked {
				background-position: 0 -1px;
			}
			
			span.ui-checkbox-state-checked-hover {
				background-position: 0 -75px;
			}
			span.ui-radio-state-checked-disabled-hover,
			span.ui-radio-state-checked-disabled,
			span.ui-radio-state-checked {
				background-position: 0 -161px;
			}
			
			
			span.ui-radio-state-checked-hover {
				background-position: 0 -200px;
			}
			.ui-helper-hidden-accessible {
				position: absolute;
				left: -999em;
			}
			label { color: #3486aa; font-size: 16px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; cursor: pointer; }
			.table td { padding: 2px; }
			a.dunyadan { color: #74684e; text-decoration: underline; font-size: 16px; font-family: Georgia, "Times New Roman", Times, serif; }
			a.dunyadan:hover { color: #333;  }
			
			.image { position: relative; padding-top: 15px; }
			.image p {
	position: absolute;
	left: 10px;
	top: 244px;
	color: #fff;
	height: 19px;
}
			.image p a { color: #fff; text-decoration: none; }
			.yaprak { background: url(../images/yaprak.png) no-repeat; width: 100px; height: 108px; display: block; cursor: pointer; }
			.yaprak.hover { background: url(../images/yaprak2.png) no-repeat; }
			
			#kozalak { background: url(../images/kozalak.png) no-repeat; width: 101px; height: 83px; display: block; cursor: pointer; }
			#kozalak.hoverx { background: url(../images/kozalak2.png) no-repeat; }
			
			#trio { background: url(../images/trio.png) no-repeat; width: 100px; height: 126px; display: block; cursor: pointer; }
			#trio.hoverx { background: url(../images/trio2.png) no-repeat; }
			
			#koltuk { background: url(../images/koltuk.png) no-repeat; width: 100px; height: 135px; display: block; cursor: pointer; }
			#koltuk.hoverx { background: url(../images/koltuk2.png) no-repeat; }
			
			#agac { background: url(../images/agac.png) no-repeat; width: 70px; height: 113px; display: block; cursor: pointer; }
			#agac.hoverx { background: url(../images/agac2.png) no-repeat; }
			
			#kutu { background: url(../images/kutu.png) no-repeat; width: 100px; height: 93px; display: block; cursor: pointer; }
			#kutu.hoverx { background: url(../images/kutu2.png) no-repeat; }
			
			#ayakkabi { background: url(../images/ayakkabi.png) no-repeat; width: 101px; height: 100px; display: block; cursor: pointer; }
			#ayakkabi.hoverx { background: url(../images/ayakkabi2.png) no-repeat; }
			
			#otu { background: url(../images/otu.png) no-repeat; width: 100px; height: 138px; display: block; cursor: pointer; }
			#otu.hoverx { background: url(../images/otu2.png) no-repeat; }
			
			#paspas { background: url(../images/paspas.png) no-repeat; width: 115px; height: 100px; display: block; cursor: pointer; }
			#paspas.hoverx { background: url(../images/paspas2.png) no-repeat; }
			
			#sabun { background: url(../images/sabun.png) no-repeat; width: 100px; height: 98px; display: block; cursor: pointer; }
			#sabun.hoverx { background: url(../images/sabun2.png) no-repeat; }
			
			#supur { background: url(../images/supur.png) no-repeat; width: 100px; height: 75px; display: block; cursor: pointer; }
			#supur.hoverx { background: url(../images/supur2.png) no-repeat; }
			
			#makine { background: url(../images/makine.png) no-repeat; width: 150px; height: 79px; display: block; cursor: pointer; }
			#makine.hoverx { background: url(../images/makine2.png) no-repeat; }
			
			.tbb td { padding-bottom: 2px; }


#agacback { background: url(../images/agacback.jpg) no-repeat; width: 97px; height: 141px; float: left; margin-right: 5px; padding-top: 5px; }
#baslik1 { font-size: 18px; font-family: "Times New Roman", Times, serif; font-weight: normal; color: #776d52; text-align: center; padding-top: 4px; padding-bottom: 3px; }
#baslik2 { text-align: center; font-size: 12px; color: #9b915b; font-family: Arial, Helvetica, sans-serif; }

#sayfag a, #sayfag a:visited { text-decoration: none; padding: 2px 5px 2px 5px; margin: 0; background: #f2f2f2; border: 1px solid #ccc;  }
#sayfag a:hover { background: #f2f2f2; border: 1px solid #999; color: #000;  }
#sayfag span { padding-top: 0 5px 0 5px; }
.num { padding: 0 0 0 7px; text-decoration: underline; }

.txt a { color: #3a5246; text-decoration: none; }
.txt a:hover { text-decoration: underline; color: #000; }

.photo { position: relative; width: 124px; height: 100px; }
.photo span { background: url(../images/round-corner.png) no-repeat; width: 124px; height: 100px; position: absolute; top: 0; left: 0; display: block; }

.hata1 { padding: 10px 10px 10px 35px; margin: 5px 0 5px 0; background: #FFF6BF url(../images/ikaz.png) no-repeat scroll 0.8em 7px; border-bottom: 2px solid #FFD324; }