/*-------------------------------------------------------------------------
=LAYOUT
-------------------------------------------------------------------------*/
body { background-color:#f1f3f5; font:11px/normal Tahoma, Helvetica, Arial, sans-serif; color:#373737 }

div#container { margin:0 auto; width:925px }
	div#header { position:relative; height:222px; background:url(../images/bg/header.jpg) repeat-x bottom; }
	div#content { position:relative; background-color:#f1f3f5; }
	div#footer { position:relative; width:925px; margin-bottom:-6px; height:79px; background:#FBFBFB url(../images/bg/les.jpg) no-repeat }

div#w3 { position:relative; float:right; right:2px; }



/*-------------------------------------------------------------------------
=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 }

/*-------------------------------------------------------------------------
=HEADER
-------------------------------------------------------------------------*/
div#header h1 { position:absolute; left:29px; top:81px; width:182px; height:99px; text-indent:-99999px; background:url(../images/kurumsal/les.jpg) no-repeat; }
div#header h2 { position:absolute; left:364px; top:69px; width:475px; height:129px; text-indent:-99999px; background:url(../images/kurumsal/slogan.jpg) no-repeat center center; }

/*-------------------------------------------------------------------------
=NAVIGATIONS
-------------------------------------------------------------------------*/
div#menu { background:url(../images/bg/menu.jpg); height:45px; }
div#menu img#menuL { position:absolute; right:0; top:32px }
div#menu img#menuR { position:absolute; left:0; top:32px }
div#header img#headerL { position:absolute; right:0; bottom:0; }
	div#menu ul { float:left; margin:0 auto; }
	div#menu ul li { float:left; margin:15px 10px; padding-left:10px; background:url(../images/seperator/menu.jpg) no-repeat 0 5px; }
	div#menu ul li a { font:14px/Normal "Trebuchet MS"; font-weight:bold; color:#fff; }
	div#menu ul li a:hover { text-decoration:none; }

div#lang { margin-top:15px; float:right; }

div#footer h1 { position:absolute; right:22px; bottom:20px; height:79px; width:230px; text-indent:-99999px; background:url(../images/bg/telefon.jpg) no-repeat left bottom }

/*-------------------------------------------------------------------------
=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 }
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:#f6f6f6; }
	div#seacrhbox { position:relative; left:7px; top:10px; width:657px; /*height:145px;*/ border:2px solid #f3f4f5; }
	div#search { width:450px }
	div#search h1 { position:relative; padding-left:52px; padding-top:15px; height:42px; margin:15px 0 0 15px; background:url(../images/bg/buyutec.png) no-repeat left center; }
	div#search #key { margin:10px 10px; border:1px solid #dce6ef; padding:5.5px; color:#000; width:276px }
	div#search button { cursor:pointer; background:url(../images/button/search.png) no-repeat center center; width:35px; height:28px; text-indent:-999999px; }
	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 { position:relative; margin:13px; }
	div#about h1 { background:transparent url(../images/heading/sismakHakkinda.png) no-repeat left center; color:#02529B; height:34px; margin-bottom:10px; padding:10px 0 0 45px; }
	
	div#accordion { position:relative; top:23px; }
	div#productNews { position:relative; margin:29px 10px 0 20px; color:#373737; line-height:17px; }
	div#productNews h1 { background:url(../images/bg/haberler.png) no-repeat left center; height:40px; padding:10px 0 0 58px; margin-bottom:10px; }
	div#productNews div.haber { position:relative; }
	div#productNews div.haberfoto { float:left; }
	div#productNews div.haberhaber { float:right; width:461px }
	div#productNews div.haber p a { color:#2194ff; font-weight:bold; font-size:14px; }
	div#productNews div.haber ul li { float:left; margin:8px }
	div#productNews div.haber button.detay { background:url(../images/button/detay.jpg); width:22px; height:15px; text-indent:-99999px; cursor:pointer; } 
	div#productNews hr { border:1px solid #eeeeee; width:97%; margin:15px; margin-left:0px }



	div.tabs div.detail span { font-weight:bold; width:140px; display:inline-block;}
	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:170px; display:inline-block; }
 	div.tabs div.form button#send { float:right; margin-right:30px; width:61px; height:15px; background:url(../images/button/gonder_iletisim.jpg) no-repeat center center;text-indent:-99999px; 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.bir p,a { color:red }
	div#bayiler fieldset.iki p,a { color:blue }
	div#bayiler fieldset span { display:inline-block; color:#000; font-weight:bold; width:80px; margin-top:5px; }
	div#bayiler h1 { background:transparent url(../images/heading/bayiAgi.png) no-repeat left center; color:#02529B; height:34px; margin-bottom:10px; padding:10px 0 0 45px }
	div#quality div#belgeler { width:380px; margin:10px auto; }
	div#quality h1 { background:transparent url(../images/heading/kalite.png) no-repeat left center; color:#02529B; height:34px; margin-bottom:10px; padding:10px 0 0 45px }
	div#about,div#bayiler,div#quality,div#usta-rehberi,div#talepformu { position:relative; margin:13px; line-height:16px; }
	
	div#contact h1 { position:absolute; left:25px; top:20px; background:url('../images/heading/iletisim.png') no-repeat left center; padding:10px 0 0 45px; height:34px; }
	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:15px; width:223px; }
	div#productTree h1 { background:url(../images/heading/urunGrubu.jpg) no-repeat center center; padding:7px 0 0 45px; width:164px; height:32px; }
	div#productTree ul#rootTree li.category { padding-left:11px; margin:5px 0 0 5px; background:url(../images/heading/root.jpg) no-repeat left 4px; }
	div#productTree ul#rootTree li.sismak { padding-left:24px; height:19px; margin:5px 0 0 0px; background:url(../images/heading/sismak.jpg) no-repeat left 0px; }
	div#productTree ul#rootTree li.sismak a { display:block; height:19px; padding-top:2px; font-size:10px; font-weight:bold; color:#4e6e8a }
	
	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:8px; margin-top:3px; background:url(../images/heading/arti.jpg) no-repeat left 3px; }
	ul li.category ul.altUl { margin-left:0px; display:none }
	ul li.category ul.altUl li { padding-left:8px; margin:5px 0 0 5px; }
	


	div.box { position:relative; margin-left:15px; margin-top:10px; width:203px }
	div.box p { margin-top:5px; color:#4e6e8a; margin-left:5px }
	div.box a { color:#4E6E8A }
	div.box h1 { padding:7px 0 0 45px; width:164px; height:32px; }
	div.box h1#catalog { background:url(../images/heading/kataloglar.jpg) no-repeat center center; }
	div.box h1#guide { background:url(../images/heading/ustaRehberi.jpg) no-repeat center center; }
	div.box h1#uForm { background:url(../images/heading/talepFormu.jpg) no-repeat center center; }