﻿@charset "utf-8";
<!--

/* =RESET
koyu = #00285A
açık = #70B2D2
===========================================*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote,
pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q,
s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li
{ margin: 0; padding: 0; border: 0; outline: 0;}

#debugger{ 
display: none;
position:fixed;
bottom: 15px;
right:5px;
border:1px solid #ccc;
background: #f5f5f5;
z-index:200;
text-align:left;
}
/* =DEFAULTS
===========================================*/
.none {display: none;}
.text_center {text-align:center;}
.text_right {text-align: right;}
.float_left {float: left;}
.float_right {float: right;}
a {text-decoration: none;color: #002E63;}
a:hover {text-decoration: underline;color: #2B3265;}
p{margin-bottom:15px;}
/* =LAYOUT
===========================================*/
body { background: #fff url(../images/zemin.jpg) top center repeat-x; text-align: center; color: #000;font:normal 11px Arial, Helvetica, sans-serif;}
h2{font:normal 14px 'Trebuchet MS';color:#002E63;}
h3{ font:bold 14px Arial; color: black; margin-bottom:10px;}
#container { width: 960px; margin: 0 auto; position: relative; text-align:left;}
#icerik1{ width: 960px; float:left; background: url(../images/yancizgiler.gif) 0 67px no-repeat;}
#icerik{ width:934px; float: left; padding:0 13px;}

#header { float:left; clear:both; width: 934px; height:135px; background: url(../images/header.jpg) top left repeat-x;}

h1#logo{ position: relative; top:30px; width:208px; height:93px; margin:0px 0px 0px 25px; cursor:pointer;}
h1#logo a { width:208px; height:93px; text-indent: -9999px; display:block; background: url(../images/logo.png) center center no-repeat;	cursor:pointer;}

#langBar{ display: none; position:absolute; right:35px; top:20px; margin:0; text-align:left;}
#langBar li{list-style-type: none; float:left;margin:2px;}
#langBar li a{padding:8px 5px;}
#langBar li a.selected{/*border-bottom:2px solid #0CF;*/}



/* =ÜST MENÜ
===========================================*/
ul.ustMenu {
	position:absolute;
	right:40px;
	top:80px;
	list-style-type:none;
	float: right;
	margin:0;
	width:665px;
	border-bottom: 2px solid #7E90A8;
	text-align:right;
}
ul.ustMenu li {float:right;}
ul.ustMenu li a{ padding:5px 7px; display: block; color: #00285A; text-decoration:none; font:normal 11px Arial, 'Trebuchet MS', sans;}
ul.ustMenu li a:hover{text-decoration:none;color: #70B2D2;}
div.girisResim{margin-bottom:5px; width:882px; height:320px;}
div.hCizgi884 { float:left; clear:both;width:884px; height:7px; line-height:1px; background: url(../images/hCizgi884.jpg) top left no-repeat; }
div#welcome {width:720px;height:58px;float:right; margin:0;}
div#welcome.TR {background: url(../images/welcomeENG.jpg) top left no-repeat;}
div#welcome.ENG {background: url(../images/welcomeENG.jpg) top left no-repeat;}

#icerikOrta{ width: 884px; float:left; text-align:left; padding: 0 25px;}
#icerikOrta.home{/*background: white url(../images/icerikzemin.gif) 183px 30px repeat-y;*/}

#sutun1{ float:left; margin:13px 3px 0 0; width:155px;  }
#sutun2{ width: 500px; padding:0 0 0 20px ; overflow:hidden;}

#sutun2.home{
	width: 680px;
	padding:10px 20px;
	overflow:hidden;
	float: right;
	background: url(../images/cizgialt.gif) left bottom no-repeat;
}

#sutun3{ width: 350px; float:right; clear:right; }
#anaResim{width:350px; height:450px; margin-top:20px; }

h1.genelBaslik { margin-bottom:5px; font:normal 11px Arial; color: #00285A; float:left;}
h2.genelBaslik{
	float:left;
	clear:both;
	display:block;
	font:bold 16px Arial;
	color: #000;
	margin-bottom:15px;
	width:585px;
}

/* =SOL MENÜ
===========================================*/
ul#solMenu{}
ul#solMenu li{
	list-style:none;
	background: url(../images/solmenuzemingri.gif) top left repeat-y;
	padding:3px 0;
	margin-bottom:5px;
}
ul#solMenu li a{
	display:block;
	font:normal 14px Arial;
	color:#ccc;
	padding:12px 0px 12px 15px;
	background: url(../images/solmenuzemin.gif) top left repeat-y;
}

ul#solMenu li a:hover{
	text-decoration:none;
	color: white;
	background: url(../images/solmenuzeminh.gif) top left repeat-y;
}
ul#solMenu li.search {
	background:none;
	padding:0;
	color: #fff;
}

ul#solMenu div.search {
	background:none;
	padding:6px 0px 6px 15px;
	background: #71B2D2;
}
ul#solMenu li.search span.buyutec {
	float:right;
	position:relative;
	top:-7px;
	right:15px;
	width:25px;
	height:28px;
	background: url(../images/buyutec.png) top left no-repeat;
	/*border:1px solid green;*/
}
ul#solMenu li.search div.searchItems {
	margin:0;
	width:100%;
	text-align:right;
	float:right;
	color: #000;
}
ul#solMenu li.search div.searchItems label{font:normal 10px Arial;display:block;margin-bottom:5px; padding-bottom:5px; border-bottom:1px solid #dedede; }
ul#solMenu li.search div.searchItems label *{font:normal 10px Arial;width:90px;}
ul#solMenu li.search div.searchItems input {font:normal 10px Arial;}
ul#solMenu li.search div.sBtZemin {background:#71B2D2; }
ul#solMenu li.search div.sBtZemin input {font:normal 12px Arial; color:#fff; width:55px; height:17px; border:none; background: #00285A; }


/* =IÇERIK
===========================================*/


ul.detayUstMenu{ float:left;list-style-type: none; position: absolute; }
ul.detayUstMenu li{ float:left; padding-left:5px; background: url(../images/bullet1.gif) 0px 6px no-repeat; margin-right:10px;}
ul.detayUstMenu li a{ padding:3px 7px;}

.icerikDiv {float:left; clear:both;width:500px; overflow:hidden; }
.icerikDiv.home {width:690px; overflow:hidden; }
.icerikDiv ul{padding-left:20px;}
#icerikResimleri{
	float:left;
	clear:left;
	text-align:left;
	margin-bottom:10px;
}
#icerikResimleri .imageBox{float:left;}

#icerikFlash { float:left; border:1px solid #dedede; margin: 0 7px 7px 0;}

.rotaDiv{ float:left; margin:0 20px 20px 0;}
/* =ÜRÜN LİSTELERİ
===========================================*/
/*
div.urunListesi {float:left; clear:both;width:490px;}
.tContainer {
	width:100%;
	display:block;
	float:left;
	border-bottom:3px solid #70B2D2;
	margin-bottom:15px;
}
.tHolder{
	width:170px;
	margin: 3px 0;
	float:left;
}
.tIcerik{overflow:hidden;padding:5px;float:left;}
H3.tBaslik { background-color:#70B2D2; margin:0;}
H3.tBaslik a{ display:block; font:bold 13px Arial; color:#fff; padding:3px;}
.bilgiSatiri {font:normal 11px Arial;}
.bilgiSatiri span{ font-weight:bold !important; margin-right:5px;}
*/


/* =ÜRÜN LİSTELERİ
===========================================*/

div.urunListesi {float:left;width:500px;}
.tContainer {
	width:160px;
	float:left;
	margin:0 5px 7px 0;
	overflow:hidden;
	border-bottom:8px solid #70B2D2;
}
.tHolder{
	width:160px;
	height:108px;
	/*background: url(../images/tzemin.png) top left no-repeat;*/
	/*float:left;*/
}
.tIcerik{overflow:hidden;padding:5px; width:180px;float:left;}
H3.tBaslik {font:normal 12px Arial;margin-bottom:3px; text-align:center; background: #70B2D2; color: #fff; padding:4px 0;}
.bilgiSatiri {font:normal 11px Arial; }
.bilgiSatiri span{ font-weight:bold !important; width:90px; display: inline-block;}





/* =ÜRÜN DETAYI
===========================================*/

#urunDetay {
	font:normal 10px Arial, Calibri, sans-serif;
	float:left;
	clear:both;
	width:880px;
}
h3.urunDetayBaslik {
	font:normal 11px Arial;
	color: #00285A;
	margin-bottom:5px;
}
#urunDetay p{margin-bottom:15px;}
#urunDetay ul{margin-left:15px;}
.urunAnaResim {float:left; width:300px; }
.urunDigerResim {margin-top:3px;}

.bHolder{ float: left; margin-left: 10px; width:190px;}

.uruniletisim {padding-top:3px;margin:5px; border:1px double #ccc; float:right;clear:right;width:275px;padding:15px;}
.uruniletisim input, .uruniletisim textarea {display:block; border:1px solid #dedede; width:200px;}
.uruniletisim label {display:block; margin-bottom:10px; font-weight: bold;}



/* =ANASAYFA ALT KUTULAR
===========================================*/
div.altBolum{border:1px solid red;}



/* =FOOTER
===========================================*/
#footer{
	width:905px;
	height:100px;
	margin:20px 0;
	float:left;
	text-align:right;
	/*background: #fff url(../images/footer.jpg) bottom left no-repeat;*/
}
.footerLogo{ float:right; width:78px; height: 35px; background: url(../images/logo-kucuk.png) no-repeat; }
.fHolder{width:790px; border-top:2px solid #7E90A8; margin: 10px 0 0 25px; }
#footer .copyright{ float:right; color:#666; margin:10px 0px 0px 0; font:bold 9px Arial;}
#footer .copyright a{color:#666; text-decoration:underline;}
#footer .copyright a:hover{color:#000;}

ul.footerMenu {list-style-type: none; float: left; margin-top:7px;}
ul.footerMenu li {float: left;}
ul.footerMenu li a { text-decoration:none;padding: 2px 7px; font: normal 8px Verdana;}
ul.footerMenu li a:hover {text-decoration:none; color: #70B2D2;}

/* =DIGER
===========================================*/
span.geriButon{ float:right; text-align:right; clear:both; margin-top:30px;}
#map_canvas.gmap { border: 1px solid #666666; width: 620px; height: 460px; clear: both;}
.fotoGaleri{ clear:both; margin:0 0 30px 0;}

/* = IMAGE BOX
===========================================*/
.imageBox {
	width:126px;
	height:84px;
	float:left;
	border:1px solid #A8DAF5;
	margin:1px;
	cursor: pointer;
	z-index:220;

}
.imageBox_theImage {
	width:120px;
	height:80px;
	background-position: center center;
	background-repeat: no-repeat;
	margin: 2px auto;
	margin-bottom:2px;
}
.imageBox .imageBox_theImage { border:1px solid #DDD;}
.imageBox_label {
	text-align:center;
	font-family: arial;
	font-size:12px;
	margin: 0 auto;
}
.imageBox_theImage2 { border:1px solid #A0CAE0;}

/* = SAYFALAMA
===========================================*/
#sayfala { clear:both; margin:10px auto;}
ul.pageNav {list-style-type: none;}
ul.pageNav li{float:left;}
ul.pageNav li a{
	font:normal 12px Verdana;
    color: #333;
	width:15px;
	height:15px;
	padding:5px;
	margin:0 2px;
	display:block;
	border:1px solid #CCCCCC;
	background: #F5F5F5;
	text-align:center;
    text-decoration: none;
}
li.currentPage {}
ul.pageNav li.currentPage a { color: #000; background: #dedede; border-color: black;}

-->
