html,body { height:%100; }

body { background:url(../images/bg.jpg) repeat-x top left #fff; margin:0; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:13px; color:#0a4756; }

div#main { margin:0 auto 0 auto; width:913px; }

/*------------------------------------------------- 
=LINKS
---------------------------------------------------*/

a { color:#0a4756; text-decoration:none }
a:hover { color:#0a4756; text-decoration:underline }
a img { border:none; }

/*-------------------------------------------------------------------------
=HEADINGS
-------------------------------------------------------------------------*/

h3 { font-family:Tahoma; font-weight:normal; color:#fff; text-decoration:none; font-size:11px; }
.tahoma11px__ { font-family:Tahoma; font-size:12px; color:#fff; text-decoration:none; line-height:1.4; text-align:justify; }
.tahoma_kirmizi_11px { font-family:Tahoma; font-size:12px; color:#cf2c1d; text-decoration:none; letter-spacing:1px; font-weight:bold; }
.ab { font-size:18px; color:#fff; }

/*------------------------------------------------- 
=HEADER
---------------------------------------------------*/
div#header { margin:0; width:913px; height:339px; }

/*------------------------------------------------- 
=MENU
---------------------------------------------------*/
div#menu #naviga { background:url(../images/menu/bg.png); width:900px;  margin-left:13px; height:43px; margin-top:5px; overflow:hidden; }
div#menu #naviga li { list-style: none; display: inline; }
div#menu #naviga li a { margin-left:18px; margin-top:12px; float:left; text-indent:-5000px; height:23px; text-decoration: none; }
div#menu #navigaa:link, #menu #naviga a:visited {  background-position: 0 0; }
div#menu #naviga a:hover { background-position: 0 -24px; }
div#menu #naviga a.open { background-position: 0 -24px; }
div#menu #naviga a.open a:hover { background-position: 0 -24px; }
div#menu #naviga1 a { width: 86px; background-image:url(../images/menu/hakkimda.png); }
div#menu #naviga2 a { width: 177px; background-image:url(../images/menu/calisma-saatleri.png); }
div#menu #naviga3 a { width: 203px; background-image:url(../images/menu/suruculer-icin-temel-bilgiler.png); }
div#menu #naviga4 a { width: 142px; background-image:url(../images/menu/gulelim-dusunelim.png); }
div#menu #naviga5 a { width: 134px; background-image:url(../images/menu/ogrenci-gorusleri.png); }
div#menu #naviga6 a { width:74px; background-image:url(../images/menu/iletisim.png); }
div#menu #naviga7 a { width: 85px; background-image:url(../images/menu/anasayfa.png); }

/*------------------------------------------------- 
=CONTENT
---------------------------------------------------*/
div#content { float:left; width:900px; margin-left:13px; margin-top:5px; }
div#contenttop { float:left; background:url(../images/content/top.png) no-repeat; width:900px; height:10px; }
div#contentcenter { float:left; background:url(../images/content/center.png) repeat-y #fff; width:900px; }
div#contentbottom { float:left; background:url(../images/content/bottom.png) no-repeat; width:900px; height:9px; }

div#contentleft { float:left; width:650px; }
div#contentright { float:left; width:250px; }

div#buton #navig { width:220px;  margin-left:30px; margin-top:0px; overflow:hidden; }
div#buton #navig li { list-style: none; display: inline; margin-left:10px; margin-top:20px; float:left; }

/*------------------------------------------------- 
=CENTER CONTENT 
---------------------------------------------------*/
div#hosgeldiniz { float:left; margin:5px 0 0 15px; width:635px; }
div#duyurular-faydalilinkler { float:left; margin:5px 0 0 15px; width:635px; }
div#duyurular { float:left; margin-top:9px; width:250px; }
.cizgi { float:left; margin:10px 0 10px 0; width:620px; border-bottom:1px dashed #c2e7f1; }

/*------------------------------------------------- 
=FOOTER
---------------------------------------------------*/
div#footer { float:left; margin:15px 0 20px 22px; width:900px; }
div#footerleft { float:left; margin:0; width:550px; }
div#footerleftleft { float:left; margin:0; width:65px; }
div#footerleftright { float:right; margin-left:0px; width:528px; }
div#footerright { float:right; padding:0 0 0 0px; width:200px; }



/************* HIZLI MENU *************************/
#urunlerimiz2 {
	float:right;
	background:url(../images/urunler-bg.gif) no-repeat;
	width:380px;
	height:181px;
	margin-top:9px;
	margin-right:-30px;
}
 
#urunlerimiz2 .urunContent {
	float:right;
	margin: 40px 0 0 -40px;
	width: 380px;
}
 
 
.urunContent-text2 {
	padding: 15px 0 5px 0px;
}
 
 
.urunContent-text2 p {
	margin: 3px 0;
	padding: 0 10px 0 0;
}
 
 
.urunContent-text2 ul {
	display: block;
	list-style: none;
	padding: 0 0 0 3px;
}
 
.urunContent-text2 p strong {
	color: #fff200;
}
 
.urunContent-text2 li {
	float:left;
	background:url(../images/sol-arrow.gif) no-repeat left center;
	margin: 7px 0 0px;
	padding-left: 10px;
	width:175px;
}








#kategoriMenuBack {
	float:right;
	width:370px;
	margin-top:10px;
	margin-right:-10px;
 
}
						
#kategoriMenu {
	float:left;
	margin-left:0px;
	margin-top:10px;
}
 
.kategoriMenuIcerik {
	width:170px;
	height:320px;
	display: block;
	list-style: none;
	font-family:Trebuchet MS;
	font-size:11px;
}
 
.kategoriMenuIcerik li {
	background:url(../images/sol-arrow.gif) no-repeat left 11px;
	padding:5px 0px 5px 15px;
	border-bottom:1px dashed #bdbdbd;
}
 
.kategoriMenuIcerik li.alt {
	margin-left:10px;
}
.kategoriMenuIcerik li.last {
	border:none;
}
.kategoriMenuIcerik li.active {
	background:url(../images/sol-arrow2.gif) no-repeat left 11px; 
}
 
.kategoriMenuIcerik li a {
	color:#0a4756;
	text-decoration:none;
}
 
.kategoriMenuIcerik li a:hover {
	color:#8a8a8a;
	text-decoration:underline;
}
 
.kategoriMenuIcerik .active a {
	color:#8a8a8a;
	text-decoration:none;
}
 
.kategoriMenuIcerik .activeEnd a {
	color:#00a5ff;
	text-decoration:none;
	border:none;
}
 
.kategoriMenuIcerik .activeEnd.last {
	border:none;
}

/******************** Araç Bilgisi ********************/
	div#layer {position: absolute; background:url(../images/transparent-bg.png); width:100%; height:100%; display:none; top:0; left:0; z-index:100; overflow:hidden}
	div#aracdetay { position:relative; margin:200px auto; background:url(../images/arac-detay.png); width:577px; height:299px; }
	div#aracdetay a.openclose { position:absolute; text-indent:-9999px; background:url(../images/hotline_close.png) no-repeat; width:44px; height:44px; display:block; right:-14px; top:-14px;
	}
	div#aracdetay a.openclose:hover { background-position:0 -44px; }
	
		div#video {position: absolute; background:url(../images/transparent-bg.png); width:100%; height:100%; display:none; top:0; left:0; z-index:100; overflow:hidden; }
		div#videodetay { position:relative; margin:200px auto; background:url(../images/video-bg.png); width:550px; height:350px; }
		div#videodetay a.openclose { position:absolute; text-indent:-9999px; background:url(../images/hotline_close.png) no-repeat; width:44px; height:44px; display:block; right:-27px; top:-30px;
	}
	div#videodetay a.openclose:hover { background-position:0 -44px; }
	
/******************** İLETİŞİM FORMU ********************/
span.kirmizi { 
	color: #5a5a5ac;
	font-family:Trebuchet MS;
	font-size:12px;
}

span.gri {
	font-family:Trebuchet MS;
	font-size:12px;
	color:#3e3e3e;
	margin-left:10px;
}
div#form { float:left; margin:5px 0 0 0; }
 #formFiyatListesiBack {
	float:left;
	margin-left:0px;
	margin-top:5px;
	width:610px;
	height:220px;
	border:1px #fff solid;
}

#formFiyatListesi p, #form p {
	margin-left:10px;
	margin-top:10px;
	width:295px; 
	padding: 0px 0 2px 0px; 
	float: left; 
	color:#fff;
/*	position:absolute;
	top:580px;
	float:left;
	margin-left:330px;
	width:550px;
	height:280px;
	background-color: #fff5a1;
	color:#464646; */
}

.select, .select:hover { 
	color: #343434; 
	width:220px; 
	height:30px; 
	padding:4px 8px; 
	margin: 3px 0 4px 0; 
	border-right: 1px #bdbdbd solid; 
	border-left: 1px #dfdfdf dashed; 
	border-bottom: 1px #bdbdbd solid; 
	border-top: 1px #dfdfdf dashed; 
}

.textarea, .textarea:hover { 
	color: #343434; 
	width:220px; 
	height:100px; 
	padding:4px 8px; 
	margin: 3px 0 4px 0; 
	border-right: 1px #bdbdbd solid; 
	border-left: 1px #dfdfdf dashed; 
	border-bottom: 1px #bdbdbd solid; 
	border-top: 1px #dfdfdf dashed; 
}
.textarea:hover { 
	background-color: #f2f2f2; 
	color: #343434; 
} 
.textinput, .textinput:hover { 
	color: #343434; 
	width:220px; 
	height:16px; 
	padding:4px 8px; 
	margin:3px 0 4px 0; 
	border-right: 1px #bdbdbd solid; 
	border-left: 1px #dfdfdf dashed; 
	border-bottom: 1px #bdbdbd solid; 
	border-top: 1px #dfdfdf dashed; 
}
.textinput:hover { 
	background-color: #f2f2f2; 
	color: #343434; 
}

/* --------------------------------------------- ÜRÜNLER --------------------------------------------- */
#urunler {
	width:730px;
	float:left;
	margin-top:-10px;
	
}

#urunler li {
	display:inline;
	list-style:none;
	float:left;
	width:170px;
	padding-left:5px;
	padding-right:5px;
	padding-top:30px;
}

#urunler li div.urun {
	background:#FFF;
	border:1px dotted #d6d6d6;
}

#urunler li div.urun-resim {
	text-align:center;
	padding:15px 0 15px 0;
}

#urunler li div.urun-resim2 {
	text-align:center;
	
}


div.urunisim {
	padding-left:10px;
	background:url(../IMG/ok.jpg) no-repeat left 4px;
	font-size:11px;
	font-weight:bold;
	margin-top:10px;
}


.listeaci { line-height:1.6; text-decoration:none; }


/***************** Anasayfa Videos ************************/
div#indexvideos { float:left; margin:0px 0px 0 12px; background:url(../images/videos-bg.png) no-repeat; width:646px; height:519px; }
div#indexsss { float:left; margin:0 0 0 25px; width:620px; }

div#indexvideo #navvv { width:500px; margin:0 0 0 155px; }
div#indexvideo #navvv li { display:inline; list-style:none; float:left; margin-top:15px; padding-bottom:12px; width:475px;  border-bottom:1px #d0d0d0 dashed; }
div#indexvideo #navvv li.disabled { border:none; }



#urunler li {
	display:inline;
	list-style:none;
	float:left;
	width:140px;
	height:150px;
	margin-left:10px;
	margin-top:15px;
}