/*-------------------------------------------------------------------------
=LAYOUT
-------------------------------------------------------------------------*/
body { background:#dfdfdf url(../images/bg/main.png) repeat-x left top; background-color:#6a98c1; font:11px/normal Tahoma, Helvetica, Arial, sans-serif; color:#6a98c1 }

div#container { margin:0px auto; width:924px }
	div#header { position:relative; height:214px; }
	div#content { position:relative; background:url(../images/bg/mainUst.jpg) no-repeat left top; background-color:#f6f6f6; }
	div#footer { position:relative; margin-bottom:-6px; height:79px; background:url(../images/bg/footer.jpg) no-repeat }

div#w3 { position:relative; width:190px; margin:20px auto }

/*-------------------------------------------------------------------------
=GLOBAL CLASSES
-------------------------------------------------------------------------*/
.floatNone { float:none }
.floatLeft { float:left }
.floatRight { float:right }
.clearBoth { clear:both }
.noBg { background:none !important }
.noMargin { margin:0 !important }
.noPadding { padding:0 !important }
.noBorder { border:0 !important }
.displayNone { display:none !important }
.displayBlock { display:block !important }

.mavi , .boxSifr  { z-index:0 }

/*-------------------------------------------------------------------------
=HEADER
-------------------------------------------------------------------------*/
div#header h1 { position:absolute; left:31px; top:103px; width:277px; height:51px; text-indent:-99999px; background:url(../images/logo/logo.jpg) no-repeat center center }
div#header h2 { position:absolute; left:364px; top:70px; width:485px; height:105px; text-indent:-99999px; background:url(../images/slogan/tr.jpg) no-repeat center center; }

/*-------------------------------------------------------------------------
=NAVIGATIONS
-------------------------------------------------------------------------*/
div#menu { position:relative; margin:0 auto; min-width: 490px; width:490px !important; }
	div#menu div { float:left; margin-left:10px; }
	div#menu div p { float:left; height:31px; padding:15px 2px 0px 16px; overflow:hidden; background:url(../images/button/menuBg.gif); }
	div#menu div a { font:11.5px/normal Arial, Helvetica, Arial, sans-serif; color:#00529b; font-weight:bold; }
	div#menu div a:hover { text-decoration:none; }
div#lang { position:absolute; width:280px; margin-left:33px; bottom:0; text-align:center; }

div#footer ul { position:absolute; left:155px; bottom:0; padding:50px 0 0 10px; height:33px; background:url(../images/nav/bottomNav.gif) no-repeat left bottom }
	div#footer ul li { float:left; margin-right:5px; padding-right:8px; background:url(../images/nav/bottomNavSeperator.gif) no-repeat right 7px; }
		div#footer ul li a { color:#25487e }

/*-------------------------------------------------------------------------
=LINKS
-------------------------------------------------------------------------*/
a { color:#4c7eb1; text-decoration:none }
	a:hover { color:#315070; text-decoration:underline }

/*-------------------------------------------------------------------------
=HEADINGS
-------------------------------------------------------------------------*/
h1, h2, h3, h4 { font-family:Tahoma, Helvetica, Arial, sans-serif; font-weight:bold; color:#3e3e3e; letter-spacing: -.05em; margin: 0; padding: 0; line-height: 1em; }
h1 { font-size:21px }
h2 { font-size:17px }
h3 { font-size:13px }
h4 { font-size:12px }


/*-------------------------------------------------------------------------
=MAIN
-------------------------------------------------------------------------*/
div#main { float:left; margin-top:15px; width:680px; min-height: 600px; border:2px solid #f3f4f5; background:#fbfbfb; }
	div#seacrhbox { position:relative; left:7px; top:10px; width:657px; height:145px; border:2px solid #f3f4f5; }
	div#search { width:370px }
	div#search h1#aramaH1 { position:relative; width:400px; height:42px; margin:15px 0 0 15px; padding:10px 0 0 50px; background:url(../images/heading/buyutec.jpg) no-repeat; }
	div#search #key { margin:10px 10px; border:1px solid #dce6ef; padding:5.5px; color:#000; width:276px }
	div#search button { background:url(../images/button/search.jpg) no-repeat center center; width:33px; height:28px; text-indent:-999px; }
	div#search label { margin-left:6px }
	div#search a { margin-left:83px; text-decoration:underline; }
	div#search a:hover { text-decoration:none; }

	div#marka { position:relative; margin:13px; width:650px; }
	div#marka a { padding:5px; margin:2px; float:left; border:1px solid #ccc }
	div#model { position:relative; margin:13px; width:650px; }

	div#modellist { position:relative; top:13px; left:10px; width:660px; }
	div#modellist a { float:left; padding:5px; margin:3px; border:1px solid #ccc;   }

	div#urunlist { position:relative; top:10px; left:10px; margin-bottom:20px; }
	div#urunlist div.list { position:relative; display:block; margin-top:15px; width:660px; border:2px solid #ccc }
		div.list .ilk { display:block; text-align:center }
		div.list h2 { color:#6A98C1; font-weight:bold; padding:5px; }

	div#about,div#bayiler,div#quality,div#usta-rehberi,div#talepformu { position:relative; margin:13px; line-height:16px; }
	h1#sirketProfili { position:relative; height:42px; margin:15px 0 0 15px; padding:2px 0 0 50px; background:url(../images/heading/sismakHakkinda.jpg) no-repeat; line-height:25px; }
	h1#ustaRehberi { position:relative; height:42px; margin:15px 0 0 15px; padding:8px 0 0 50px; background:url(../images/heading/ustaRehberi.jpg) no-repeat; line-height:25px; }
	h1#talepHead { position:relative; height:42px; margin:15px 0 0 15px; padding:8px 0 0 50px; background:url(../images/heading/talepformu.jpg) no-repeat; line-height:25px; }
	div#quality div#belgeler { width:380px; margin:10px auto; }
	div#quality div#belgeler img { margin:10px; padding:3px; border:1px solid #ccc }
	h1#kalite { position:relative; height:42px; margin:15px 0 0 15px; padding:4px 0 0 50px; background:url(../images/heading/kalite.jpg) no-repeat; line-height:25px; }
	h1#bayiAgi { position:relative; height:42px; margin:15px 0 0 15px; padding:4px 0 0 50px; background:url(../images/heading/bayiAgi.jpg) no-repeat; line-height:25px; }

	div#accordion { position:relative; top:23px; }
	div#productNews { position:relative; margin:25px 10px 15px 15px; }
	div#productNews ul#photos { margin-top:20px; }
	div#productNews ul#photos li { float:left; margin-right:10px; }
	div#productNews ul#photos li img { border:1px solid #ccc; padding:5px } 
	div#productNews p#date { text-align:right; color:#000; margin:10px 0; }
	h1#haberler { background:#FBFBFB url(../images/heading/haberler.jpg) no-repeat; padding:5px 0 0 55px; height:41px }
	div#productNews div.haber { position:relative; line-height:15px; margin-top:10px; color:#373737 }
	div#productNews div.haber img { float:left; margin-right:10px }
	div#productNews div.haber h1 { margin-bottom:4px; }
	div#productNews div.haber h1 a { font-size:14px; font-weight:bold; }
	div#productNews hr { border:1px dashed; color:#d1d1d2 } 
	div#productNews div.haber button.detay { background:url(../images/button/detay.jpg); width:22px; height:15px; text-indent:-9999px; display:inline-block; cursor:pointer }

	div.tabs div.detail span { font-weight:bold; width:140px; display:inline-block;}
	div.tabs div.form { padding-bottom:10px }
	div.tabs div.form span { font-weight:bold; width:140px; display:inline-block; height:20px}
	div.tabs div.form input,textarea { padding:5px 5px; width:400px; margin:5px 5px 5px 25px; height:16px; border:1px solid #ccc/*#e9edf4*/; font: 12px/normal tahoma }
	div.tabs div.form textarea { width:400px; height:100px; margin-left:174px; display:inline-block; }
 	div.tabs div.form button.send { float:right; margin-right:33px; width:61px; height:15px; background:url(../images/button/gonder_iletisim.jpg) no-repeat center center; text-indent:-9999px; cursor:pointer }
	div#bayiler select { padding:5px }
	div#bayiler fieldset { margin:5px; border:1px solid #ccc; padding:5px;  font-weight:bold; width:630px; min-height:90px; }
	div#bayiler fieldset legend { color: #000; }
	div#bayiler fieldset p { color:#00519A }
	div#bayiler fieldset span { display:inline-block; color:#000; font-weight:bold; width:80px; margin-top:5px; }

	h1#iletisim { position:relative; height:42px; margin:15px 0 0 15px; padding:5px 0 0 50px; background:url(../images/heading/iletisim.jpg) no-repeat; line-height:25px; }
	div#contact div#adress { position:absolute; float:left; top:77px; left:25px; margin-top:13px; }
	div#contact div#telephone { position:absolute; float:left; top:85px; left:375px; margin-top:13px; }
	div#contact div#faks { position:absolute; float:left; top:85px; left:487px; margin-top:13px; }
	div#contact div#icon { position:absolute; float:left; width:40px; height:45px; top:75px; left:317px; margin-top:13px; }
	div#contact div#icon h2 { background:url(../images/icon/phone.jpg) no-repeat center center; width:40px; height:45px; text-indent:-9999px; }
	div#contact .seperator { position:absolute; float:left; top:90px; left:478px; background:#e7e7e7; height:45px; width:1px; text-indent:-9999px; }
	div#contact span { font-weight:bold; color:#797979 }
	div#contact address { color:#373737 }
	div#contact form { position:relative; top:155px; margin-left:30px }
	div#contact p { color:#000 }
	div#contact form span { font-weight:bold; width:100px; display:inline-block; height:20px; color:#000 }
	div#contact form input,textarea { padding:5px 5px; width:400px; margin:5px 5px 5px 25px; height:16px; border:1px solid #ccc/*#e9edf4*/; font: 12px/normal tahoma }
	div#contact form textarea { width:532px; height:80px; margin:0; display:inline-block; }
	div#contact button#clean { float:right; margin-right:9px; width:61px; height:15px; background:url(../images/button/temizle.jpg) no-repeat center center;text-indent:-9999px; cursor:pointer; }
	div#contact button#send { float:right; margin-right:105px; width:61px; height:15px; margin-top:15px; background:url(../images/button/gonder_iletisim.jpg) no-repeat center center; text-indent:-9999px; cursor:pointer; }

	form#talep_form { position:relative; margin-left:30px }
	div#talep span { font-weight:bold; width:140px; display:inline-block; height:20px}
	div#talep input,textarea { padding:5px 5px; width:400px; margin:5px 5px 5px 25px; height:16px; border:1px solid #ccc/*#e9edf4*/; font: 12px/normal tahoma }
	div#talep textarea { margin-left:170px; height:100px; }
	div#talep input.secim { width:15px; height:0; display:inline-block }
	div#talep button#send { float:right; margin-right:30px; width:61px; height:15px; background:url(../images/button/gonder_iletisim.jpg) no-repeat center center;text-indent:-9999px; cursor:pointer; }

/*-------------------------------------------------------------------------
=SIDEBAR
-------------------------------------------------------------------------*/
div#sideBar { float:right; margin-top:8px; width:230px; background-color:#f1f3f5; }
	div#productTree { margin-left:10px; width:210px; }
	div#productTree h1 { background: url(../images/heading/urunGrubu.jpg) no-repeat; padding:5px 0 0 40px; width:170px; height:31px; }
	div#productTree ul#rootTree li.category { padding-left:11px; margin-top:5px; background:url(../images/heading/root.jpg) no-repeat left 4px; }
	div#productTree ul#rootTree li.category.les  { padding-left:25px; background:url(../images/logo/les.jpg) no-repeat 0 2px; color:red }
	ul li.category a { font-size:10px; font-weight:bold; color:#4e6e8a }
	ul li.category ul.childUl { margin-left:5px; display:none }
	ul li.category ul.childUl li { padding-left:15px; margin-top:3px; background:url(../images/heading/arti.jpg) no-repeat left 2px; }
	ul li.category ul.altUl { margin-left:0px; display:none }
	ul li.category ul.altUl li { padding-left:15px; margin-top:3px; }

	div.box { position:relative; margin-left:15px; margin-top:20px; width:193px; }
	div.box p { margin-top:0px; color:#4e6e8a }
	div.box h1 { width:175px; height:40px; padding:5px 0 0 40px; }
	div.box h1#catalog { background:url(../images/heading/kataloglar.jpg) no-repeat; }
	div.box h1#guide { background:url(../images/heading/ustaRehberi.jpg) no-repeat; }
	div.box h1#uForm { background:url(../images/heading/talepformu.jpg) no-repeat; }