/* page reset */
body {
background:url(images/bg-repeat.jpg) repeat-x top #EFEFEF;
font-family:Arial, Helvetica, sans-serif;
}
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input {
	margin: 0;
	padding: 0;
	}
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th {
	font-size: 1em;
	font-weight: normal;
	font-style: normal;
	}
ul,ol {
	list-style: none;
	}
fieldset,img {
	border: none; 
	}
caption,th {text-align: left;	}
table {
	border-collapse: collapse;
	border-spacing: 0;
	}
a:link {
	color: #666666;
	text-decoration: none;
}
a:visited {text-decoration: none;}
a:hover {
	text-decoration: underline;
	color: #003399;
}
a:active {text-decoration: none;}
.clear {clear: both;}
.clearer {
clear: both;
display: block;
margin: 0;
padding: 0;
height: 0;
line-height: 1px;
font-size: 1px;
}

img {border: 0;}

#container {
	width: 982px;
	margin: 0 auto;
	position: relative;
	}
#logo {
	width: 247px;
	height: 54px;
	background:url(images/logo.jpg) no-repeat left top;
	float:left;
	}

#ust {
	margin-top:20px;
	float:right;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	}
#ust a {
color:#666666;
text-decoration:none;
}
#ust a:hover {
color:#0066FF;
text-decoration:underline;
}
#ust img {
	margin:0 3px 0 10px;
	}
/* header */
#headi { width: 982px; height: 38px; float:left; margin: 8px auto; position: relative; z-index: 9998; }
#headi #navi { margin: 0; padding: 0; }
#headi #navi li { display: inline; }
#headi #navi li a { float: left; width: 117px; height: 0; padding-top: 38px; overflow: hidden; }
#headi #navi li a,
#headi #sagnavi { background-image: url(images/navbg.jpg); background-repeat: no-repeat; }

/* button */
#headi #navi li#nv-urunler a { background-position: 0 0; }
#headi #navi li#nv-urunler a { background-position: -117px 0; }
#headi #navi li#nv-bayiler a { background-position: -234px 0; }
#headi #navi li#nv-kurumsal a { background-position: -351px 0; }
#headi #navi li#nv-destek a { background-position: -468px 0; }
#headi #navi li#nv-indir a { background-position: -585px 0; }
#headi #navi li#nv-iletisim a { background-position: -702px 0; }

/* over */
#headi #navi li#nv-anasayfa a:hover { background-position: 0 -38px; }
#headi #navi li#nv-urunler a:hover { background-position: -117px -38px; }
#headi #navi li#nv-bayiler a:hover { background-position: -234px -38px; }
#headi #navi li#nv-kurumsal a:hover { background-position: -351px -38px; }
#headi #navi li#nv-destek a:hover { background-position: -468px -38px; }
#headi #navi li#nv-indir a:hover { background-position: -585px -38px; }
#headi #navi li#nv-iletisim a:hover { background-position: -702px -38px; }

/* pressed */
#headi #navi li#nv-anasayfa a:active { background-position: 0 -76px; }
#headi #navi li#nv-urunler a:active { background-position: -117px -76px; }
#headi #navi li#nv-bayiler a:active { background-position: -234px -76px; }
#headi #navi li#nv-kurumsal a:active { background-position: -351px -76px; }
#headi #navi li#nv-destek a:active { background-position: -468px -76px; }
#headi #navi li#nv-indir a:active { background-position: -585px -76px; }
#headi #navi li#nv-iletisim a:active { background-position: -702px -76px; }

/* on states */
#headi.anasayfa #navi li#nv-anasayfa a:hover { background-position: -76 -114px !important; }
#headi.urunler #navi li#nv-urunler a { background-position: -117px -114px !important; }
#headi.mac #navi li#nv-bayiler a { background-position: -234px -114px !important; }
#headi.ipoditunes #navi li#nv-kurumsal a { background-position: -351px -114px !important; }
#headi.iphone #navi li#nv-destek a { background-position: -468px -114px !important; }
#headi.downloads #navi li#nv-indir a { background-position: -585px -114px !important; }
#headi.support #navi li#nv-iletisim a { background-position: -702px -114px !important; }

#sagnavi {
	width: 163px;
	height: 27px;
	position: absolute;
	top: 0;
	right: 0;
	background-position: 100% 0;
	background-repeat: no-repeat;
	font-size:11px;
	padding-top:11px;
	}
#lipsum {
width:792px;
margin: 10px 0 0 0;
float:left;
font-size:12px;
}
.solsutun {
width:186px;
margin-top:10px;
float:left;
}
.sbaslik {
width:176px;
height:22px;
background:url(images/topbg.gif) no-repeat left top;
padding-top:10px;
padding-left:10px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
}
.bitis {
background:url(images/hbgb.jpg) -2px bottom no-repeat;
height:9px;
}
.sana{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
padding-left:14px;
padding-bottom:5px;
padding-top:5px;
padding-right:5px;
background:url(images/hbgr.jpg) repeat-y top left;
}
.baslik {
background:url(images/arrowa1a5a9.gif) left 3px no-repeat;
padding-left:7px;
color:#000000;
font-weight:bold;
font-family:Verdana, Arial, Helvetica, sans-serif;
}
.tarih {
font-size:12px;
color:#999999;
}
/* Footer */
#foot {
	background:url(images/fbg.jpg) no-repeat left top;
	float:left;
	width:832px;
	height:44px;
	padding-left:155px;
	padding-top:12px;
	font-size:10px;
	}
/* Eba Logo */
#eba {
background:url(images/eba_logo.gif) left top  no-repeat;
height:14px;
width:16px;
float:right;
margin-right:30px;
margin-top:-10px;
}
.urun {
background:url(images/mbg.jpg) no-repeat left top;
width: 220px;
height:220px;
margin:0 3px;
float:left;
}

.urun_baslik {
color:#0066FF;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:14px;

}

.urun img {
border:#FFFFFF 1px solid;
margin-left:12px;
margin-top:16px;
}