* html img,
* html .png{
position:relative;
behavior:expression((this.runtimeStyle.behavior="none")&&(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",
this.src = "i/x/transparent.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')",
this.runtimeStyle.backgroundImage = "none")),this.pngSet=true)
);
}
img {border:none;}

* { margin:0; padding:0;}
body { background:#e0e0e0; font-family:Tahoma, Arial, helvetica, sans-serif; font-size:100%; line-height:1em; color:#797c80;}

input, textarea { font-family:Tahoma, Arial, helvetica, sans-serif; font-size:1em; border:#ccc 1px solid; padding:2px;}

.fleft { float:left;}
.fright { float:right;}
.clear { clear:both;}

.alignright { text-align:right;}
.aligncenter { text-align:center;}

.wrapper, block { width:100%; overflow:hidden;}
.container { width:100%;}

p { margin:0; padding:0;}

.tail-top { background:url(../images/tail-top.gif) left top repeat-x #e0e0e0;}

.title-01 {margin:0; height:31px; padding-left:15px; padding-top:11px; background-image:url(../lava/menuBandBg.png); font-weight:normal; color:#fff;}



input, select { vertical-align:middle; font-weight:normal;}
img {border:0; vertical-align:top; text-align:left;}

.form { height:43px;}
.form label, .form1 label { color:#000; display:block;}
.form input {width:268px; padding:2px 0 2px 3px; background:none; border:1px solid #cacaca;}
textarea { width:268px; height:153px; overflow:auto; background:none; border:1px solid #cacaca; padding:2px 0 0 3px; }
form .buttons { width:100%; overflow:hidden; margin-top:26px;}
form .buttons .link1 { margin-left:17px; float:right;}



ul { list-style:none;}

.footer-nav { width:100%; overflow:hidden;}
.footer-nav li { float:left; background:url(../images/marker-2.gif) no-repeat left 6px; padding:0 14px 0 14px; margin-left:-4px;} 
.footer-nav li a { color:#000; text-decoration:none;}
.footer-nav li a:hover { text-decoration:underline;}

.list li { padding:0 0 24px 43px; line-height:1.5em;}
.list li span { background:url(../images/divider2.gif) repeat-x top;}
.list li.icon-1 { background:url(../images/icon-5.gif) no-repeat left top;}
.list li.icon-2 { background:url(../images/icon-6.gif) no-repeat left top;}
.list li.icon-3 { background:url(../images/icon-7.gif) no-repeat left top;}
.list li.icon-4 { background:url(../images/icon-8.gif) no-repeat left top;}
.list li.icon-5 { background:url(../images/icon-9.gif) no-repeat left top;}
.list li a { color:#000; line-height:1.5em;}

.list1 { width:100%; overflow:hidden; margin-top:-20px;}
.list1 li { background:url(../images/divider2.gif) repeat-x top; margin-top:-1px; padding:20px 0 20px 0;}
.list1 li a { color:#0088cc; background:url(../images/marker-3.gif) no-repeat left 6px; padding-left:12px; font-weight:bold;}
.list1 li p { font-size:.92em; padding-top:6px;}

.list2 { margin:-20px 0 0 0;}
.list2 li { width:100%; overflow:hidden; vertical-align:bottom; padding:20px 0 0 0;}
.list2 li img { float:left; margin:3px 20px 0 0;}
.list2 li p { margin-top:7px;}
.list2 li p a { color:#0088cc; font-weight:normal; background:url(../images/marker-1.gif) no-repeat right 4px; padding-right:10px;}
.list2 li a { color:#000; font-weight:bold;}
.list2 li .link1 { display:inline-block; color:#fff; margin-top:22px;}

.list3 { margin:-6px 0 27px 0;}
.list3 li { color:#0088cc; font-weight:bold; background:url(../images/marker-3.gif) no-repeat left 13px; padding:6px 0 0 11px;}
.list3 li a { color:#0088cc;}

.list4 { width:100%; overflow:hidden; margin:-18px 0 0 0;} 
.list4 li { line-height:1.5em; padding:18px 0 18px 0; background:url(../images/divider2.gif) repeat-x top; margin-top:-1px;}
.list4 li span { display:block; padding-left:43px;}
.list4 li span.icon-1 { background:url(../images/icon-5.gif) no-repeat left top;}
.list4 li span.icon-2 { background:url(../images/icon-6.gif) no-repeat left top;}
.list4 li span.icon-3 { background:url(../images/icon-7.gif) no-repeat left top;}
.list4 li span.icon-4 { background:url(../images/icon-8.gif) no-repeat left top;}
.list4 li span.icon-5 { background:url(../images/icon-9.gif) no-repeat left top;}
.list4 li a { color:#000;}
.list4 li a.txt1 { color:#0088cc; padding:0; display:inline;}

.list5 { margin:-15px 0 28px 0;}
.list5 li { width:100%; overflow:hidden; vertical-align:bottom; padding:15px 0 0 0;}
.list5 li p { font-size:.92em; padding-top:7px;}
.list5 li a { color:#0088cc; font-weight:bold;}
.list5 li img { float:left; margin-right:21px;}



.img-box { margin-bottom:22px;}
.img-box img { margin-bottom:22px; display:block;}

.img-box1 { width:100%; overflow:hidden; padding-bottom:20px;}
.img-box1 img { float:left; margin:0 20px 0 0;}

.p1 { margin-bottom:16px;}
.p2 { margin-bottom:30px;}

.phone { float:right; margin-right:90px;}



a {color:#797c80;}
a:hover{text-decoration:none;}

a.haberYazi {color:#797c80; text-decoration:none;}
a.haberYazi:hover{text-decoration:none;}

a.aracBaslik {color:#797c80; text-decoration:none;}
a.aracBaslik:hover{text-decoration:none;}

h3 { font-size:2.17em; font-weight:normal; line-height:.92em; margin-bottom:20px; color:#636363; font-family:Arial, Helvetica, sans-serif;}
h4 { font-size:1em; color:#000; line-height:1.5em; margin-bottom:9px;}
h4 a { color:#000;}
h5 { font-size:1em; color:#000; line-height:1.5em;}
h5 a { color:#000;}

.txt1 { color:#000;}

.link1 { display:block; float:left; background:url(../images/link1-bgd.gif) left top repeat-x; color:#fff; text-decoration:none; line-height:1em;}
.link1 em { display:block; background:url(../images/link1-left.gif) no-repeat left top;}
.link1 b { display:block; background:url(../images/link1-right.gif) no-repeat right top; padding:5px 29px 11px 15px; font-style:normal;}
.link1:hover { text-decoration:underline;}

.divider { background:url(../images/divider1.gif) repeat-y 296px 0;}
.divider1 { background:url(../images/divider1.gif) repeat-y 616px 0;}


.header-box { width:100%; background:url(../images/header-tail.gif) repeat-x top; background-color:#FFFFFF;}
.header-box .left { background:url(../images/header-left.gif) no-repeat left top;}
.header-box .right { background:url(../images/header-right.gif) no-repeat right top; height:143px; width:100%; overflow:hidden;}
.header-box .inner { padding:5px 10px 0 10px;}

.cont-box { width:100%; background:#fff;}
.cont-box .border-left { background:url(../images/border-left.gif) repeat-y left}
.cont-box .border-right { background:url(../images/border-right.gif) repeat-y right;}
.cont-box .border-bot { background:url(../images/border-bot1.gif) repeat-x bottom;}
.cont-box .left-bot-corner { background:url(../images/left-bot-corner.gif) no-repeat left bottom;}
.cont-box .right-bot-corner { background:url(../images/right-bot-corner.gif) no-repeat right bottom;}
.cont-box .inner { padding:0 0 15px 0;}

.box { background:#dedede; width:100%; margin-bottom:36px;}
.box .border-top {background:url(../images/border-top.gif) repeat-x top;}
.box .border-bot {background:url(../images/border-bot.gif) repeat-x bottom;}
.box h4 { font-size:1.08em; color:#000; margin-bottom:4px;}
.box p { color:#797c80; font-size:.92em;}
.box p a { color:#0088cc; background:url(../images/marker-1.gif) no-repeat right 4px; padding-right:10px; margin-left:5px;}
.box .divider { background:url(../images/divider.gif) repeat-y 295px 0;}
.box .divider1 { background:url(../images/divider.gif) repeat-y 615px 0; padding:20px 0 10px 0;}
.box .img-box1 { padding:0;}
.box .img-box1 img { float:right; margin:0;}
.box .inner { padding:13px 0 8px 25px;}



#header .indent { padding-top:45px;}
#header .row-1 { height:143px;}
#header .row-2 .left { background:url(../images/header-left1.gif) no-repeat left top; background-color:#FFFFFF;}
#header .row-2 .right { background:url(../images/header-right1.gif) no-repeat right top; padding:0 10px 0 10px; }

/*content*/
#content p { line-height:1.5em;}
#content .indent { padding:0 10px 0 10px;}
#content .indent1 {
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0;
	padding-left: 0px;
}


#footer .indent { padding:0 0 0 21px;}
#footer p { padding-left:10px;}
#footer p a { color:#000;}
#footer p span { color:#0088cc;}



.in {padding:20px; padding-top:40px;}
#subnav {margin:0; list-style:none;}
#subnav li {display:inline;}
#subnav li a {display:block; padding:4px 10px 4px 25px; background:url("../images/listeNav.gif") 10px 50% no-repeat; color:#797c80; border-bottom:1px solid #efefef; color:#3f3f3f;}
#subnav li a:hover {text-decoration:none;}
#subnav li.last a {border:0;}



#modelDetay #ModelMenu { display:block; margin:0px; margin-left:40px; padding:0px; padding-left:12px; background-image:url(../../i/x/aracMenuBg.png); height:26px;background-repeat:no-repeat;}
#modelDetay .Genel {background-position: 0px 0px;}
#modelDetay .Multimedia {background-position: 0px -25px;}
#modelDetay .Teknik {background-position: 0px -50px;}
#modelDetay .Donanim {background-position: 0px -75px;}
#modelDetay .Fiyat {background-position: 0px -100px;}

#modelDetay #ModelMenu li { float:left; list-style:none; display:inline; }

#aracMenu1 {padding-left:0;}
#aracMenu2 {padding-left:24px;}
#aracMenu3 {padding-left:24px;}
#aracMenu4 {padding-left:30px;}
#aracMenu5 {padding-left:24px;}



table.hyundaiDerya
{text-align: center;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif ;
font-weight: normal;
font-size: 11px;
color: #fff;
width: 100%;
background-color: #666;
border: 0px;
border-collapse: collapse;
border-spacing: 0px;}

table.hyundaiDerya td
{background-color: #CCC;
color: #000;
padding: 4px;
text-align: left;
border: 1px #fff solid;}

table.hyundaiDerya td.kafa
{background-color: #666;
color: #fff;
padding: 4px;
text-align: left;
border-bottom: 2px #fff solid;
font-size: 12px;
font-weight: bold;} 


.iTxtControl
{
   font-size:11px;
   font-family:Verdana,sans-serif;
   font-weight:bold;
   color:#888888;
   width:250px;
   background-color:#EEEEEE;
   border-style:solid;
   border-color:#BBBBBB;
   border-width:1px;	
}

span.baslik
{
	font-size:16px;
	font-weight:bold;
	font-style:italic;
}
span.modelBaslik
{
	font-size:18px;
	font-weight:bold;
	font-style:italic;
}
span.modelAciklama
{
	font-size:12px;
	font-style:normal;
	font-weight:normal;
}
span.altBaslik
{
	font-size:16px;
	font-style:italic;
}
span.Vurgula
{
	font-size:14px;
	font-style:italic;
}

#wrapper 
{
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	}

.accordionButton {	
	width: 100%;
	float: left;
	background: #003366;
	border-bottom: 1px solid #FFFFFF;
	cursor: pointer;
	}
	
.accordionContent {	
	width: 100%;
	float: left;
	background: #95B1CE;
	display: none;
	}
	
.ddYazi
{
	font:menu;
}


ul.model-color { display: block; position: relative; top: 400px; left: 0; width: 650px; padding: 0px; list-style-type: none; margin-left:150px; }

ul.model-color li { display: block; width: 24px; height: 24px; margin-right: 17px; margin-bottom: 30px; float: left;  }
ul.model-color li a { display: block; position: relative; width: 24px; height: 24px;}

ul.model-color li a img.color-small { display: block; position: absolute; top: 0px; width: 24px; height: 24px; }
ul.model-color li a img.color-big { display: none; }

ul.model-color li:hover a img.color-big,
ul.model-color li.active a img.color-big { display: block; position: absolute; top: -9px; left: -9px; width: 42px; height: 42px; visibility: visible;  }


ul.model-color span,
ul.model-color li:hover.active span {display: none;}
ul.model-color li:hover span { display: block; position: absolute; top: 32px; left: 2px; width: 130px; height: 20px; text-decoration: none; cursor: pointer; font-weight: bold; color: #7e8387; }

ul.model-color li p  {display: none;}
ul.model-color li.active p  { display: block; position: absolute; top:-80px; left: -10px; width: 550px; font-size: 24px; padding: 0px; text-align: left; }

ul.model-color li img#top-img  {display: none;}
ul.model-color li.active img#top-img,
ul.model-color li:hover img#top-img  { display: block; position: absolute; top:-400px; left: 30px; width: 625px; height: 354px; margin-left:-150px; }
ul.model-color li:hover img#top-img  { z-index: 100; }