/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/*----------------------------------------------Blok----------------------------------------*/
.ArayuzBlok{
margin-bottom:20px;
position:relative;
overflow:visible;
}

.ArayuzBlok div.Ust{
background:url(ustok.png) no-repeat 170px center #999999;
font-size:13px;
font-weight:bold;
color:#FFF;
padding:5px 0px 5px 10px;
}

.ArayuzBlok div.Icerik{
padding:10px 5px;
background:#FFF;
}

.ArayuzBlok div.Icerik .UrunListe a{
display:block;
border-bottom:dotted 1px #CCCCCC;
padding:4px 0 4px 15px;
color:#333333;
text-decoration:none;
background:url(ok.gif) no-repeat left 7px;
}

.ArayuzBlok div.Icerik .UrunListe a:hover{
background:url(ok.gif) no-repeat left 7px #EEEEEE;
}

.ArayuzBlok div.Alt{
height:7px;
background:url(blok_arka.gif) repeat-x center bottom #FFFFFF;

}

/*----------------------------------------------Blok----------------------------------------*/
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/


/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/*------------------------------------Ürün listeleme----------------------------------------*/

/*------------------------------------Ürün listeleme----------------------------------------*/
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/


/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/*----------------------------Ürün resimli listeleme sabit----------------------------------------*/
.ArayuzBlok div.Icerik .UrunResimListeSabit{
padding:5px;
}

.ArayuzBlok div.Icerik .UrunResimListeSabit a{
display:block;
float:none;
overflow:hidden;
position:relative;
cursor:pointer;
padding-bottom:5px;
text-align:center;
color:#333333;
font-size:12px;
margin-bottom:10px;
border:solid 1px #EEE;
}

.ArayuzBlok div.Icerik .UrunResimListeSabit a span.Resim{
height:80px;
display:block;
padding:5px;
overflow:hidden;
}

.ArayuzBlok div.Icerik .UrunResimListeSabit a span.Resim img{
max-height:80px;
max-width:80px;
}

.ArayuzBlok div.Icerik .UrunResimListeSabit a span.Ad{

}

.ArayuzBlok div.Icerik .UrunResimListeSabit a span.Ad font{
display:block;
margin-top:5px;
color:#FF8A00;
text-decoration:none;
}

.ArayuzBlok div.Icerik .UrunResimListeSabit a span.Ad font b{
font-size:15px;
}




/*------------------------------------Ürün resimli listeleme sabit----------------------------------------*/
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/


/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/*----------------------------Ürün resimli listeleme----------------------------------------*/

.ArayuzBlok div.Icerik .UrunResimListe marquee{
overflow:hidden;
height:200px;
}

.ArayuzBlok div.Icerik .UrunResimListe a{
border-bottom:dotted 1px #CCCCCC;
padding:3px;
display:block;
float:none;
overflow:hidden;
cursor:pointer;
z-index:999;
cursor:pointer;
}

.ArayuzBlok div.Icerik .UrunResimListe a:hover{
background:#EEEEEE;
text-decoration:none;
}

.ArayuzBlok div.Icerik .UrunResimListe .BuyukResim{
border:solid 1px #CCCCCC;
background:#FFFFFF;
padding:10px;
display:none;
position:absolute;
left:5px;
}

.ArayuzBlok div.Icerik .UrunResimListe a span{
float:left;
display:block;
}

.ArayuzBlok div.Icerik .UrunResimListe a .Resim{
width:40px;
height:40px;
padding:2px;
/*border:dotted 1px #CCCCCC;*/
margin-right:5px;
background:#FFFFFF;
}

.ArayuzBlok div.Icerik .UrunResimListe a .Resim img{
max-height:40px;
max-width:40px;
}

.ArayuzBlok div.Icerik .UrunResimListe a .Resim img:hover{
position:absolute;
border:dotted 1px #CCCCCC;
z-index:999px;
max-height:none;
max-width:none;
background:#FFFFFF;
}

.ArayuzBlok div.Icerik .UrunResimListe a .Ad{
width:120px;
color:#333333;
}

.ArayuzBlok div.Icerik .UrunResimListe a .Ad font{
color:#666666;
font-size:12px;
display:block;
margin-top:5px;
}

.ArayuzBlok div.Icerik .UrunResimListe a .Ad font font{
display:inline;
}

/*----------------------------Ürün resimli listeleme----------------------------------------*/
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/*----------------------------------------Ürün Slide----------------------------------------*/

.ArayuzBlok div.Icerik .UrunSlayt{
}

.ArayuzBlok div.Icerik .UrunSlayt .Slayt{
}

.ArayuzBlok div.Icerik .SlideButon{
position:absolute;
z-index:600;
width:190px;
margin-top:100px;
padding-left:0;
margin-left:0;
left:0;
}

.ArayuzBlok div.Icerik .UrunSlayt .Slayt {
width:150px;
height:200px;
position:relative;	
margin:0 0 0 15px;
}

.ArayuzBlok div.Icerik .UrunSlayt .Slayt .Galeri {
}

.ArayuzBlok div.Icerik .UrunSlayt .Slayt .Galeri .GaleriIc{
list-style:none;
margin:0;
padding:0;
z-index:0;
color:#333;
}

.ArayuzBlok div.Icerik .UrunSlayt .Slayt .Galeri .GaleriIc a{
display:block;
height:200px;
float:left;
text-align:center;
}

.ArayuzBlok div.Icerik .UrunSlayt .Slayt .Galeri .GaleriIc a img{
max-height:130px;
max-width:130px;
text-decoration:none;
}

.ArayuzBlok div.Icerik .UrunSlayt .Slayt .Galeri .GaleriIc a:hover{
text-decoration:none;
}

.ArayuzBlok div.Icerik .UrunSlayt .Slayt .Galeri .GaleriIc a span{
margin-top:10px;
display:block;
}

.ArayuzBlok div.Icerik .UrunSlayt .Slayt .Galeri .GaleriIc a span.resim{
height:130px;
}

.ArayuzBlok div.Icerik .UrunSlayt .Slayt .Galeri .GaleriIc a span span{
display:block;
color:#333333;
font-size:15px !important;
}

.clear {
clear:both;	
}

/*----------------------------------------Ürün Slide----------------------------------------*/
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/




/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/*----------------------------------------Anket---------------------------------------------*/
.ArayuzBlok div.Icerik .Anket{
padding:5px;
}

.ArayuzBlok div.Icerik .Anket div{
margin:1px 0 3px 0;
}


.ArayuzBlok div.Icerik .Anket div .Oy{
background:#FFBA00;
float:left;
}

.ArayuzBlok div.Icerik .Anket div .Yuzde{
color:#FF6600;
float:left;
margin-left:2px;
}

.ArayuzBlok div.Icerik .Anket .Tebrik{
text-align:center;
padding:15px 0 0 0;
color:#666666;
}

.ArayuzBlok div.Icerik .Anket .Tebrik b{
font-weight:bold;
font-size:13px;
}

.ArayuzBlok div.Icerik .Anket .Uyari{
/*font-weight:bold;
color:#990000;*/
text-align:center;
}

/*----------------------------------------Anket---------------------------------------------*/
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/


/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/*----------------------------------------Arama---------------------------------------------*/

.ArayuzBlok div.Icerik .Arama{
margin-bottom:10px;
}

.ArayuzBlok div.Icerik .Arama div{
padding:2px 0 2px 0;
margin:auto;
text-align:center;
}

.ArayuzBlok div.Icerik .Arama input{
width:150px;
}

.ArayuzBlok div.Icerik .Arama select{
width:155px;
}

/*----------------------------------------Arama---------------------------------------------*/
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/*----------------------------------------Üye Bayi Giriş------------------------------------*/

.ArayuzBlok div.Icerik .Giris{
padding:0 25px;
}

.ArayuzBlok div.Icerik .Giris .Hatali{
padding:0 0 10px 10px;
color:#FF0000;
font-size:10px;
}

.ArayuzBlok div.Icerik .Giris .Gir div{
margin-bottom:5px;
}

.ArayuzBlok div.Icerik .Giris .Gir div span{
display:block;
float:left;
}

.ArayuzBlok div.Icerik .Giris .Gir input[type=text]{
width:120px;
}

.ArayuzBlok div.Icerik .Giris .Gir input[type=password]{
width:85px;
}

.ArayuzBlok div.Icerik .Giris .Problem a{
display:block;
margin-bottom:2px;
float:left;
clear:both;
padding:2px 0;
text-decoration:none;
margin-right:0;
}

.ArayuzBlok div.Icerik .Giris .Problem a:hover{
text-decoration:underline;
}

.ArayuzBlok div.Icerik .Giris .GirisOnay{
}

.ArayuzBlok div.Icerik .Giris .GirisOnay span{
display:block;
color:#666666;
font-weight:bold;
padding-bottom:5px;
text-align:center;
}

.ArayuzBlok div.Icerik .Giris .GirisOnay a{
display:block;
border:dotted 1px #d2d2d2;
padding:3px 0 3px 10px;
text-decoration:none;
background:none;
text-align:left;
margin-bottom:5px;
}

.ArayuzBlok div.Icerik .Giris .GirisOnay a:hover{
background:#eef9ff;
}

/*----------------------------------------Üye Bayi Giriş------------------------------------*/
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/


/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/*----------------------------------------Fiyat Aralık--------------------------------------*/

.ArayuzBlok div.Ust .FiyatBalon{
float:right;
margin-right:10px;
}

.ArayuzBlok div.Icerik .Fiyat{
margin-bottom:10px;
}

.ArayuzBlok div.Icerik .Fiyat div{
padding:2px 0 2px 0;
margin:auto;
text-align:center;
}

.ArayuzBlok div.Icerik .Fiyat input{
width:120px;
}

.balloonstyle{
position:absolute;
top: -500px;
left: 0;
padding:5px;
visibility: hidden;
border:solid 1px  #666666;
font:11px Arial, Helvetica, sans-serif;
line-height: 20px;
z-index: 100;
background-color:#f9f9f9;
width:300px;
text-align:left;
color:#333333;
/*width: 150px;*/
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.Shadow(color=#666666,direction=130,Strength=5);
}



#arrowhead{
z-index: 99;
position:absolute;
top: -500px;
left: 0;
visibility: hidden;
}

/*----------------------------------------Fiyat Aralık--------------------------------------*/
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/


/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/*----------------------------------------haber---------------------------------------------*/

.ArayuzBlok div.Icerik .Haber{
padding:5px; 
}

.ArayuzBlok div.Icerik .Haber div{
margin-bottom:10px;
padding-bottom:10px;
border-bottom:dotted 1px #CCCCCC;
}

.ArayuzBlok div.Icerik .Haber a{
display:block;
font-weight:bold;
background:none;
color:#0066FF;
font-size:12px;
text-decoration:none;
margin-bottom:5px;
}

.ArayuzBlok div.Icerik .Haber a:hover{
text-decoration:underline;
}

.ArayuzBlok div.Icerik .Haber p{
padding:0;
margin:0;
}


	#container{	
		margin:0 auto;
		position:relative;
		text-align:left;
		width:696px;
		background:#fff;		
		margin-bottom:2em;
		}	
	#header{
		height:80px;
		line-height:80px;
		background:#5DC9E1;
		color:#fff;
		}				
	#content{
		position:relative;
		margin-bottom:0 !important;
		padding-bottom:0 !important;
				border:none;

		}			

/* Easy Slider */

	#HaberlerSlayt ul, #HaberlerSlayt li{
		margin:0;
		padding:0;
		list-style:none;
		}
		
		#HaberlerSlayt{ 
		border:none;
		}	

	#HaberlerSlayt li{ 
		width:165px;
		height:120px;
		overflow:hidden; 
		}	
	#prevBtn, #nextBtn,
	#slider1next, #slider1prev{ 
		display:block;
		width:30px;
		height:77px;
		position:absolute;
		left:-30px;
		top:71px;
		z-index:1000;
		}	
	#nextBtn, #slider1next{ 
		left:696px;
		}														
	#prevBtn a, #nextBtn a,
	#slider1next a, #slider1prev a{  
		display:block;
		position:relative;
		width:30px;
		height:77px;
		background:url(images/btn_prev.gif) no-repeat 0 0;	
		}	
	#nextBtn a, #slider1next a{ 
		background:url(images/btn_next.gif) no-repeat 0 0;	
		}	
		
	/* numeric controls */	

	ol#controls{
		margin:1em 0;
		padding:0;
		height:28px;	
		}
	ol#controls li{
		margin:0 10px 0 0; 
		padding:0;
		float:left;
		list-style:none;
		height:28px;
		line-height:28px;
		}
	ol#controls li a{
		float:left;
		height:28px;
		line-height:28px;
		border:1px solid #ccc;
		background:#DAF3F8;
		color:#555;
		padding:0 10px;
		text-decoration:none;
		}
	ol#controls li.current a{
		background:#5DC9E1;
		color:#fff;
		}
	ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}



/*----------------------------------------haber---------------------------------------------*/
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/


/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/*----------------------------------------Marka---------------------------------------------*/

.ArayuzBlok div.Icerik .Marka{
margin:auto;
text-align:center;
}

.ArayuzBlok div.Icerik .Marka select{
width:155px;
}

/*----------------------------------------Marka---------------------------------------------*/
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/


/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/*----------------------------------------Ziyaretçi-----------------------------------------*/

.ArayuzBlok div.Icerik .Ziyaretci{
padding:0 10px 10px 10px;
color:#666666;
}

.ArayuzBlok div.Icerik .Ziyaretci div{
padding:2px 0 2px 0;
}

.ArayuzBlok div.Icerik .Ziyaretci font{
font-size:11px !important;
color:#00CC00;
}

/*----------------------------------------Ziyaretçi-----------------------------------------*/
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/


/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/*----------------------------------------Sepet---------------------------------------------*/

.ArayuzBlok div.Icerik .Sepet{
}

.ArayuzBlok div.Icerik .Sepet .UrunYok{
text-align:center;
}

.ArayuzBlok div.Icerik .Sepet .SepetUrunListe{
margin-bottom:5px;
border-bottom:dotted 1px #CCCCCC;
}

.ArayuzBlok div.Icerik .Sepet .SepetUrunListe .Ad a{
color:#006699;
text-decoration:none;
background:none;
}

.ArayuzBlok div.Icerik .Sepet .SepetUrunListe .Ad a:hover{
text-decoration:underline;
}

.ArayuzBlok div.Icerik .Sepet .SepetUrunListe .Fiyat{
margin-top:5px;
text-align:right;
color:#666666;
}

.ArayuzBlok div.Icerik .Sepet .SepetUrunListe .Fiyat span{
font-size:12px;
font-weight:bold;
}

.ArayuzBlok div.Icerik .Sepet .Toplam .Fiyat{
margin-top:10px;
text-align:right;
color:#CC0000;
}

.ArayuzBlok div.Icerik .Sepet .Toplam .Fiyat span{
font-size:14px;
font-weight:bold;
}

.ArayuzBlok div.Icerik .Sepet .Toplam .Buton{
margin-top:5px;
}

.ArayuzBlok div.Icerik .Sepet .Toplam .Buton a{
float:left;
margin-right:3px;
width:80px;
}

/*----------------------------------------Sepet---------------------------------------------*/
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/


/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/*----------------------------------------Kategori Arama------------------------------------*/

.ArayuzBlok div.Icerik .KategoriAra{
}

.ArayuzBlok div.Icerik .KategoriAra ul{
margin:0;
padding:0;
list-style:none;
}

.ArayuzBlok div.Icerik .KategoriAra li a{
background:url(ka_ok.gif);
border:none;
color:#333333;
display:block;
padding:2px 0 2px 5px;
background:none;
font-weight:bold;
}

.ArayuzBlok div.Icerik .KategoriAra font{
padding:0 0 0 5px;
color:#FF3300;
font-size:11px;
}

.ArayuzBlok div.Icerik .KategoriAra .Kat2 a{
background:url(ka_ok.gif) no-repeat;
border:none;
color:#333333;
display:block;
padding:4px;
background:none;
font-weight:normal;
border-bottom:dotted 1px #D2D2D2;
}

.ArayuzBlok div.Icerik .KategoriAra .Kat2 a:hover{
color:#006699;
background:#fff6e9;
}

/*----------------------------------------Kategori Arama------------------------------------*/
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/


/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/*----------------------------------------Döviz---------------------------------------------*/

.ArayuzBlok div.Icerik .Doviz{
}

.ArayuzBlok div.Icerik .Doviz span{
display:block;
font-size:12px;
font-weight:bold;
padding:2px 0 2px 20px;
margin-bottom:2px;
color:#FF6600;
}

.ArayuzBlok div.Icerik .Doviz span font{
color:#666666;
margin-right:10px;
}


.ArayuzBlok div.Icerik .Doviz span label{
font-weight:normal;
}



/*----------------------------------------Döviz---------------------------------------------*/
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/


/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/*-----------------------------------------Blok Butonlar------------------------------------*/

.ArayuzBlok div.Icerik .SlideButon a{
display:block;
width:20px;
height:27px;
cursor:pointer;
}

.ArayuzBlok div.Icerik .SlideButon a:hover{
opacity:0.6;
filter:alpha(opacity=60);
}

.ArayuzBlok div.Icerik .SlideButon .Sol{
float:left;
background:url(blok_slide_buton.png) no-repeat left top;
}

.ArayuzBlok div.Icerik .SlideButon .Sag{
float:right;
background:url(blok_slide_buton.png) no-repeat right top;
}

/*-----------------------------------------Blok Butonlar------------------------------------*/
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/