@charset "utf-8";
/* Özer Metal */

body{
	background-image: url(img/bg.jpg);
	background-repeat: repeat-x;
	background-color: #125aa4;
	margin-top: 0px;
}


.icbaslik2{
	color: #095998;
	text-decoration:none;
	font-style:none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
}

.icbaslik{
	color: #095998;
	text-decoration:none;
	font-style:none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
}

.sagbaslik{
	color: #219AA5;
	text-decoration:none;
	font-style:none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}

.sagicerik{
font: bold 10px "Century Gothic", arial, verdana, tahoma;
color: #666;
text-decoration:none;
font-style:none;
}

.icerik1{
	color: #666;
	text-decoration:none;
	font-style:none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
}

.icerik1koyu{
	color: #000;
	text-decoration:none;
	font-style:none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}


.icerikkirmizi{
font: bold 18px "Century Gothic", arial, verdana, tahoma;
color:#F00;
text-decoration:none;
font-style:none;
}


.icerik2{
font: bold 11px "Century Gothic", arial, verdana, tahoma;
color: #219AA5;
text-decoration:none;
font-style:none;
}

.alt{
font: bold 10px arial;
color: #999;
text-decoration:none;
font-style:none;
}


A.sagic:link{
	color: #666;
	text-decoration:none;
	font-style:none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
}
A.sagic:hover{
	color: #999;
	text-decoration:underline;
	font-style:none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
}
A.sagic:visited{
font: bold 10px "Century Gothic", arial, verdana, tahoma;
color: #666;
text-decoration:none;
font-style:none;
}
A.sagic:active{
font: bold 10px "Century Gothic", arial, verdana, tahoma;
color: #666;
text-decoration:none;
font-style:none;
}



A.alt1:link{
font: bold 10px arial;
color: #999;
text-decoration:none;
font-style:none;
}
A.alt1:hover{
font: bold 10px arial;
color: #666;
text-decoration:none;
font-style:none;
}
A.alt1:visited{
font: bold 10px arial;
color: #999;
text-decoration:none;
font-style:none;
}
A.alt1:active{
font: bold 10px arial;
color: #999;
text-decoration:none;
font-style:none;
}



A.a4:link{
font: 11px   tahoma;
color: #919FBA;
text-decoration:none;
font-style:none;
}
A.a4:hover{
font: 11px   tahoma;
color: #06C;
text-decoration:none;
font-style:none;
}
A.a4:visited{
font: 11px   tahoma;
color: #919FBA;
text-decoration:none;
font-style:none;
}
A.a4:active{
font: 11px   tahoma;
color: #919FBA;
text-decoration:none;
font-style:none;
}



A.UST:link{
font: 10px   tahoma;
color: #FFF;
text-decoration:none;
font-style:none;
}
A.UST:hover{
font: 10px   tahoma;
color: #666;
text-decoration:none;
font-style:none;
}
A.UST:visited{
font: 10px   tahoma;
color: #FFF;
text-decoration:none;
font-style:none;
}
A.UST:active{
font: 10px   tahoma;
color: #FFF;
text-decoration:none;
font-style:none;
}


.main-nav{ clear: both; height: 35px; width: 658px; overflow: visible; position: relative; margin: 0 0 0 0; list-style: none; z-index: 801; }
.main-nav li{ float: left; display: inline; text-indent: -9999px; position: relative; line-height: 1px; font-size: 1px; line-height: 1px; }
.main-nav li a{ display: block; overflow: hidden; height: 35px; background: url(img/menu.jpg) top left; }
.main-nav2 li a{background-image: url(img/menu.jpg); }

.main-nav li.Anasayfa a{ width: 101px; background-position: 0px 0; }
.main-nav li.Anasayfa a:hover{ background-position: 0px -35px; }

.main-nav li.Urunler a { width: 90px; background-image:url(img/urunust.jpg); background-position: 0 0; display: block; }
.main-nav li.Urunler a:hover, .main-nav li.Urunler a.selected{ background-image:url(img/urunust.jpg); background-position: 0 -35px; }

.main-nav li.Kalite a{ width: 74px; background-position: -191px 0; }
.main-nav li.Kalite a:hover{ background-position: -191px -35px; }

.main-nav li.FiyatListesi a{ width: 112px; background-position: -265px 0; }
.main-nav li.FiyatListesi a:hover{ background-position: -265px -35px; }

.main-nav li.SiparisFormu a{ width: 124px; background-position: -377px 0; }
.main-nav li.SiparisFormu a:hover{ background-position: -377px -35px; }

.main-nav li.Iletisim a{ width: 82px; background-position: -501px 0; }
.main-nav li.Iletisim a:hover{ background-position: -501px -35px; }

.main-nav li.Email a{ width: 75px; background-position: -583px 0; }
.main-nav li.Email a:hover{ background-position: -583px -35px; }



.main-nav li li {
	display: block;
	float: none;
	font-size: 1px;
	width: 100px;
	height: auto;
	padding: 0;
	line-height: 1px;
	margin: 0;
	border: 0 none;
}
.main-nav li li a { float: none; color: #222; background-color: #eee; height: 22px; width: auto; padding: 0; line-height: 1px; margin: 0; }
.main-nav li li a:hover { background-color: #04b4ae; }

.main-nav li ul { clear: both; background: #1e3244; display: block; position: absolute; top: 100%; left: -999em; list-style: outside none; z-index: 999; margin: 0; padding: 0; }

.main-nav li > ul { left: -999em; top: auto; }
.main-nav li a:hover ul{ left: 0em; }
.main-nav li:hover ul{ left: 0em; }


.main-nav li.Urunler a:hover ul { width: 100px; }

.main-nav li.Urunler ul li a { display: block; width: 100px; cursor: pointer; }


.main-nav li.Urunler ul{ margin-left: 0px; }

.main-nav li.Urunler li a{  top left no-repeat; }
.main-nav li.Urunler li.Seritler a{background: url(img/urunler.jpg) ; background-position: 0 0; }
.main-nav li.Urunler li.Seritler a:hover{ background-position: 0 -22px; }
.main-nav li.Urunler li.Teller a{background: url(img/urunler.jpg) ; background-position: 0 -44px; }
.main-nav li.Urunler li.Teller a:hover{ background-position: 0 -66px; }




#jsddm
{	margin: 0;
	padding: 0;
	}

	#jsddm li
	{	float: left;
		list-style: none;
		font: 10px Arial;
		font-weight:bold;}

	#jsddm li a
	{	
		width: 93px;
		height: 29px;
		display: block;
		background-image:url(img/menu_02.jpg);
		padding: 3px 5px;
		text-decoration: none;
		color: #EAFFED;
		white-space: nowrap}

	#jsddm li a:hover
	{	background-image:url(img/menu_over_02.jpg)
		}
		
		#jsddm li ul
		{	
			width: 100px;
			margin: 0;
			padding: 0;
			position: absolute;
			visibility: hidden;
			border-top: 1px solid #fff}
		
			#jsddm li ul li
			{	width: auto;
				float: none;
				display: inline}
			
			#jsddm li ul li a
			{	width: auto;
				height:16px;
				background: #eeeeee;
				color: #085897}
			
			#jsddm li ul li a:hover
			{	background: #eeeeee;
				color: #f3903b}



/*
.main-nav{ clear: both; height: 35px; width: 658px; overflow: visible; position: relative; margin: 0 0 0 0; list-style: none; z-index: 801; }
.main-nav li{ float: left; display: inline; text-indent: -9999px; position: relative; line-height: 1px; font-size: 1px; line-height: 1px; }
.main-nav li a{ display: block; overflow: hidden; height: 35px; background: url(images/menu.jpg) top left; }
.main-nav2 li a{background-image: url(images/menu.jpg); }

.main-nav li.Anasayfa a{ width: 101px; background-position: 0px 0; }
.main-nav li.Anasayfa a:hover{ background-position: 0px -35px; }

.main-nav li.Urunler a { width: 90px; background-image:url(images/urunust.jpg); background-position: 0 0; display: block; }
.main-nav li.Urunler a:hover, .main-nav li.Urunler a.selected{ background-image:url(images/urunust.jpg); background-position: 0 -35px; }

.main-nav li.Kalite a{ width: 74px; background-position: -191px 0; }
.main-nav li.Kalite a:hover{ background-position: -191px -35px; }

.main-nav li.FiyatListesi a{ width: 112px; background-position: -265px 0; }
.main-nav li.FiyatListesi a:hover{ background-position: -265px -35px; }

.main-nav li.SiparisFormu a{ width: 124px; background-position: -377px 0; }
.main-nav li.SiparisFormu a:hover{ background-position: -377px -35px; }

.main-nav li.Iletisim a{ width: 82px; background-position: -501px 0; }
.main-nav li.Iletisim a:hover{ background-position: -501px -35px; }

.main-nav li.Email a{ width: 75px; background-position: -583px 0; }
.main-nav li.Email a:hover{ background-position: -583px -35px; }



.main-nav li li {
	display: block;
	float: none;
	font-size: 1px;
	width: 100px;
	height: auto;
	padding: 0;
	line-height: 1px;
	margin: 0;
	border: 0 none;
}
.main-nav li li a { float: none; color: #222; background-color: #eee; height: 22px; width: auto; padding: 0; line-height: 1px; margin: 0; }
.main-nav li li a:hover { background-color: #04b4ae; }

.main-nav li ul { clear: both; background: #1e3244; display: block; position: absolute; top: 100%; left: -999em; list-style: outside none; z-index: 999; margin: 0; padding: 0; }

.main-nav li > ul { left: -999em; top: auto; }
.main-nav li a:hover ul{ left: 0em; }
.main-nav li:hover ul{ left: 0em; }


.main-nav li.Urunler a:hover ul { width: 100px; }

.main-nav li.Urunler ul li a { display: block; width: 100px; cursor: pointer; }


.main-nav li.Urunler ul{ margin-left: 0px; }

.main-nav li.Urunler li a{  top left no-repeat; }
.main-nav li.Urunler li.Seritler a{background: url(images/urunler.jpg) ; background-position: 0 0; }
.main-nav li.Urunler li.Seritler a:hover{ background-position: 0 -22px; }
.main-nav li.Urunler li.Teller a{background: url(images/urunler.jpg) ; background-position: 0 -44px; }
.main-nav li.Urunler li.Teller a:hover{ background-position: 0 -66px; } Eski Tek Image*/