@charset "utf-8";
/* CSS Arkas Otomotiv */

html,body{	
	margin:0;
	padding:0;
	color:#777777;
	font-family:"Trebuchet MS", Tahoma;
	font-size:12px;
	height:100%; /* needed for container min-height */	
}

a {	font-size:12px;	font-weight:bold;text-decoration:none;color:#777;}
a:hover { font-size:12px;font-weight:bold;text-decoration:underline;color:#8d6d30;}

#clear{ clear:both;}
#header-wrapper {
	width:100%;
	background:url(../img/header-bg.png) transparent no-repeat top center;	
	height:393px;	position:relative;
}
#header-wrapper-alt{
	width:100%;
	background:url(../img/header-bg.png) transparent no-repeat top center;	
	height:93px;
}
#header-top {
	width:970px;
	height:93px;
	margin:0 auto;
	position:relative;
}
#logo { float:left; width:317px;}
#logo img{ border:0;}

#yil {position:absolute; top:4px; left:300px;}

#flag {
	position:absolute;
	top:4px;
	right:10px;	
}
#flag img{border:0;}

#content-wrapper {
	width:100%;
	background:url(../img/content-bg.png) #ebebeb repeat-x top center;
}
#serit-wrapper {
	height:132px;
}
#serit table, #serit {
	width:970px;
	height:132px;
	margin:0 auto;
}
#tel{ background:url(../img/tel-bg.png) no-repeat top right;}
#tel span{ display:block;}
#tel .bizeulasin {font-size:22px; padding:5px 0; padding-left:20px; color:#eec863;}
#tel .telno { font-size:24px; padding:5px 0; color:#FFFFFF; padding-left:20px;}
#tel a { font-size:12px; color:#eec863; padding-left:20px; text-decoration:none; }
#tel a:hover { text-decoration:underline; }

#content {
	width:970px;
	margin:20px auto;
	position:relative;
	height:auto !important; /* real browsers */height:100%; /* IE6: treaded as min-height*/min-height:100%; /* real browsers */	
}
.blue {color:#ff00ff;}
#katalog {width:317px;height:144px;background:url(../img/katalog-bg.png) center right transparent no-repeat;}
#katalog .baslik{font-size:24px;display:block;color:#7b5b23;padding:20px 0 0 20px;}
#katalog .yazi{font-size:14px;display:block;color:#666666;padding:10px 0 0 20px;}
#katalog  a{padding:10px 0 0 20px; text-decoration:none; color:#4b8ac4;font-size:14px; font-weight:normal; }
#katalog  a:hover{padding:10px 0 0 20px; text-decoration:underline;}
#katalog p, #yeniurun  p, #hakkimizda p {margin:0;padding:0;}

#yeniurun {width:317px;height:144px;}
#yeniurun .baslik{font-size:24px;display:block;color:#7b5b23;padding:20px 20px 0 0; text-align:right;}
#yeniurun .yazi{font-size:14px;display:block;color:#666666;padding:10px 0px 0 0;}
#yeniurun .yazi a{ text-decoration:none; color:#4b8ac4;font-size:14px; font-weight:normal; }
#yeniurun .yazi a:hover{ text-decoration:underline;}
#yeniurun .baslikEN{font-size:20px;display:block;color:#7b5b23;padding:20px 0px 0 0; text-align:right;}

#hakkimizda {width:327px;}
#hakkimizda .baslik{font-size:30px;display:block;color:#010101;padding:20px 0 0 30px;}
#hakkimizda .yazi{font-size:14px;display:block;color:#666666;padding:10px 10px 0px 30px;}
#hakkimizda  a{padding:10px 10px 0px 30px; text-decoration:none; color:#4b8ac4;font-size:14px; font-weight:normal; margin-top:20px; display:block; }
#hakkimizda  a:hover{padding:10px 10px 0px 30px; text-decoration:underline;}

#haberler {width:326px;}
#haberler .baslik{font-size:30px;display:block;color:#010101;padding:20px 0 0 30px;}
#haberler .tarih{font-size:12px;display:block;color:#2c93c2;padding:10px 10px 0px 30px;}
#haberler p {font-size:12px;display:block;color:#666666;padding:2px 10px 0px 30px; margin:0;}
#haberler a{ text-decoration:none; color:#666666;font-size:12px;}
#haberler a:hover{ text-decoration:underline;}
#haberler .tumhaberler a{ text-decoration:none; color:#4b8ac4;font-size:12px; font-weight:normal; padding:10px 10px 0px 30px; display:block; }
#haberler .tumhaberler a:hover{text-decoration:underline;}

#solmenu-wrapper {
	float:left;
	width:254px;
}
h1#solmenu-baslik {
	margin:10px 0 0 0;
	padding:0;
	font-size:24px;
	line-height:24px;
	color:#7b5b23;
}
ul#solmenu {
	list-style:none;
	margin:0;
	padding:20px 0;
	padding-right:20px;
	height:300px;
	background:url(../img/solmenu-bg.png) top right no-repeat;
}
ul#solmenu li {
	display:block;
}
ul#solmenu li a{
	font-size:14px;
	color:#333;
	display:block;
	padding:4px 0;
	text-decoration:none;
}
ul#solmenu li a:hover, ul#solmenu li a.selected {
	color:#8d6d30;
	text-decoration:underline;
}
ul.pdf {
	list-style:none;
	margin:0;
	padding:20px 0;
	padding-right:20px;
}
ul.pdf li {
	display:block;
	background: url(../img/pdf.png) left top no-repeat;	
	height:50px;
	line-height:50px;	
}
ul.pdf li a{
	font-size:14px;
	font-weight:normal;
	height:50px;
	line-height:50px;
	color:#333;
	display:block;
	padding:4px 0;
	padding-left:50px;
	margin:4px 0;
	text-decoration:none;
	
}
ul.pdf li a:hover, ul.pdf li a.selected {
	color:#8d6d30;
}
#icerik {
	float:left;
	width:636px;
	margin-left:80px;
	color:#777;
}
#icerik h1{
	color:#010101;
	font-size:30px;
	margin:10px 0;
	padding:0;
}
span.belge {font-size:10px; display:block; text-align:center;}
#icerik p{
	font-size:14px;
}
img.cerceve {border:1px solid #999; padding:4px;}
img.cerceve:hover {border:1px solid #8d6d30;}
#footer-wrapper {
	width:100%;
}
#footer {
	width:970px;
	margin:20px auto;
}
#footer p{margin:0;padding:0;}
#clear{ clear:both;}
ul#footermenu {
	list-style:none;
	margin:0;
	padding:0;
}
ul#footermenu li{
	float:left;
	color:#bababa;
}	
ul#footermenu li a {
	text-decoration:none;
	font-size:12px;
	color:#bababa;
	padding:0 5px;
}
ul#footermenu li a:hover{
	color:#666666;
}
#copyright {
	clear:both;
	display:block;
	color:#bababa;	
	padding:0 5px;	
}
#copyright a{text-decoration:none;color:#bababa; font-size:10px;	}
#copyright a:hover{color:#666;}
	
/*--- looped slider ---*/

.container { width:987px; height:300px; overflow:hidden; position:relative; cursor:pointer; }
.slides { position:absolute; top:0; left:0; }
.slides div { position:absolute; top:0; width:987px; display:none; }

#loopedSlider { margin:0px auto; width:987px; position:relative; clear:both; }
ul.pagination { position:absolute; bottom:0; right:24px; list-style-type:none; margin:0; padding:0; margin:10px auto; text-align:right; display:block; }
ul.pagination li { float:left; margin:0 3px; }	
ul.pagination a { display:block; width:12px; padding-top:12px; height:0; overflow:hidden; background-image:url(../img/pagination.png); 
background-position:0 0; background-repeat:no-repeat;}
ul.pagination li.active a, ul.pagination li a:hover  {background-position:0 -12px}
a.previous{ position:absolute; width:55px; height:75px; overflow:hidden; top:112px; left:-32px; background:url(../img/solok.png) left bottom no-repeat;}
a.previous:hover{background:url(../img/solok.png) left top no-repeat;}
a.next { position:absolute; width:55px; height:75px; overflow:hidden; top:112px; right:-32px; background:url(../img/sagok.png) left bottom no-repeat;}
a.next:hover{background:url(../img/sagok.png) left top no-repeat;}

/*--- looped slider ---*/

table.program {
	width: 100%;
	border: 1px solid #27527f;
	/*background: url(../img/tablerow.jpg);*/
}

table.program tr td {
	padding: 8px 10px 5px 10px;
	color:#fff;
}

table.program {
	width: 100%;
}
table.program a {
	color: #fff;
	text-decoration:none;
}
table.program a:hover {
	color: #9dd4ff;
	text-decoration:underline;
}

table.program tr:nth-child(even) {background: #27527f}
table.program tr:nth-child(odd) {background: #052f5f}
/*.Red { color:#9dd4ff;}*/

#ik_form_errorloc__, #iletisim_form_errorloc__ {
	position:fixed;
	top:223px;
	left:30%;
	width:400px;
	text-align:center;
	background:#000;
	filter:alpha(opacity=70);
	-moz-opacity:0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;	
	color:#fff;
}
#ik_form_errorloc ul, #iletisim_form_errorloc ul{
	list-style:none;
	margin:0;
	padding:10px 0;
}
#map {
	width: 400px;
	height: 280px;
}
#ik {
	position:fixed;
	bottom:0;
	right:0;
}
table.iletisimformu {
	width:600px;
	text-align:left;
}
.arabaslik {
	font-size:18px;
	color:#333;
	padding:10px 0;
	border-bottom: 1px solid #ccc;
}
.iletisimformu .Button {
	background:#27527f;
	border: 1px solid #999;
	cursor:pointer;
}
table.iletisimformu tr td {
	padding: 5px;
	vertical-align: top;
}

table.iletisimformu tr td input.textBox,table.iletisimformu tr td  select.textBox{
	border: 1px solid #ccc;
	width: 210px;
}
table.iletisimformu tr td input.textBoxKucuk{
	width:140px;
	border: 1px solid #ccc;
}
table.iletisimformu tr td textarea {
	width: 210px;
	border: 1px solid #ccc;
	height: 100px;
}

table.iletisimformu tr td input.textBox:hover, table.iletisimformu tr td input.textBox:focus, table.iletisimformu tr td textarea:hover, table.iletisimformu tr td textarea:focus {
background: #fff;
border: 1px solid #8d6d30;
color:#333;
}
table.iletisimformu tr td .ikbuton {
	border:1px solid #666;
	margin-left:75px;
	cursor:pointer;
}
/* Scroller Haber Box */
#scroller_haber {
 position: relative;
 width: 324px;
 height: 150px;
 margin-top:10px;
 overflow: hidden;
 z-index:1;
}

#haber{
 white-space: nowrap;
}

#scroller p {
 padding: 0;
}
#scroller img {
 margin-right:20px;  padding:6px;
}
/* Scoller Haber Box */