.sn_cerceve {
    height: 133px;
    width: 200px;
	background-image: url("/Sayfalar/Urunler/Resimler/sepet.PNG");
	margin:-95px 50px 50px -185px;
	float:right;
	background-repeat: no-repeat;
	position:absolute;

}

.sn_cerceve_ic{
	margin-left:10px;
	height: 133px;
	 padding: 20px;
	line-height: 30px;
    width: 200px;
	margin-top:13%;
	font-size:16px;
	text-align:center;
	color:#000;

}

.m3{
margin:0px 170px 0px 0px;	
font-size:14px;
}
.tu{
	font-size:14px;
margin:-30px 25px 0px 0px;		
}

#sn_urun_resim {
	background-color: #ccc;
	padding: 0px;
	float: left;
	margin:25px 0 0 40px;
	height: 280px;
	position:absolute;
}

#sn_urun_ayrintilar {
	background-color: #fff;
	padding: 7px;
	height: 260px;
	width: 330px;
	margin-right: auto;
	margin-left: 400px;
	margin-top:27px;
	line-height: 30px;
	color:#6a6a6a;
	font-size:14px;
	
}

#Tablo_01 {
	position:absolute;
	margin-left: auto;
	margin-right: auto;
	width:1000px;
	height:534px;
}

#sn-orta-01 {
	position:absolute;
	left:0px;
	top:0px;
	width:25px;
	height:60px;
}

#orta-3-02 {
	position:absolute;
	left:25px;
	top:0px;
	width:416px;
	height:60px;
}

#sn-orta-03 {
	position:absolute;
	left:441px;
	top:0px;
	width:117px;
	height:60px;
}

#sn-orta-04 {
	position:absolute;
	left:558px;
	top:0px;
	width:416px;
	height:60px;
}

#sn-orta-05 {
	position:absolute;
	left:974px;
	top:0px;
	width:26px;
	height:60px;
}

#sn-orta-06 {
	position:absolute;
	left:0px;
	top:60px;
	width:25px;
	height:449px;
}

#sn-orta-07 {
	position:absolute;
	left:25px;
	top:60px;
	width:949px;
	height:449px;
}

#sn-orta-08 {
	position:absolute;
	left:974px;
	top:60px;
	width:26px;
	height:449px;
}

#orta-3-02009 {
	position:absolute;
	left:0px;
	top:509px;
	width:25px;
	height:25px;
}

#sn-orta-10 {
	position:absolute;
	left:25px;
	top:509px;
	width:949px;
	height:25px;
}

#orta-3-04 {
	position:absolute;
	left:974px;
	top:509px;
	width:25px;
	height:25px;
}


#resimdiv {
    background-image: url('/Sayfalar/Urunler/Resimler/loading.gif');
    background-repeat: no-repeat;
    background-position: center;
    }
    
#resimdiv img {
    width: 335px;
    height: 275px;
    border: 2px solid #e2e2e2;  
    }

#thumb {
    margin-top: 15px; 
	float:right;
    }
.sn_alt_buton_o{
	 border: 1px solid #e2e2e2;  
	  width: 15px;
		height: 10px;
		float:left;
		padding:2px;
		margin:5px;
		line-height: 17px;
		 border-radius: 2px;  
		 margin-top:-5px;
		 background:#e2e2e2;
}
.sn_alt_buton_k{
	 border: 1px solid #ff0000;  
	  width: 15px;
		height: 10px;
		float:left;
		padding:2px;
		margin:5px;
		line-height: 17px;
		border-radius: 2px;  
		 margin-top:-5px;
		 background:#ffcccc;
}	
.sn_alt_buton_m{
	 border: 1px solid #2400ff;  
	   width: 15px;
		height: 10px;
		float:left;
		padding:2px;
		margin:5px;
		line-height: 17px;
		border-radius: 2px;
		 margin-top:-5px;
		 background:#ddd7fd;
}	
.sn_alt_buton_s{
	 border: 1px solid #fff600;  
	   width: 15px;
		height: 10px;
		float:left;
		padding:2px;
		margin:5px;
		line-height: 17px;
		 border-radius: 2px; 
		 margin-top:-5px;
		 background:#fffdc8;
}
.sn_alt_buton_y{
	 border: 1px solid #0be400;  
	  width: 15px;
		height: 10px;
		float:left;
		padding:2px;
		margin:5px;
		line-height: 17px;
		 border-radius: 2px; 
		 margin-top:-5px;
		 background:#cef2cc;
}

#uruntab-01 {
	position:absolute;
	left:0px;
	top:0px;
	width:12px;
	height:32px;
}

#uruntab-02 {
	position:absolute;
	left:12px;
	top:0px;
	width:121px;
	height:32px;
}

#uruntab-03 {
	position:absolute;
	left:133px;
	top:0px;
	width:4px;
	height:32px;
}

#uruntab-04 {
	position:absolute;
	left:137px;
	top:0px;
	width:98px;
	height:32px;
}

#uruntab-05 {
	position:absolute;
	left:235px;
	top:0px;
	width:8px;
	height:32px;
}

#uruntab-06 {
	position:absolute;
	left:243px;
	top:0px;
	width:96px;
	height:32px;
}

#uruntab-07 {
	position:absolute;
	left:339px;
	top:0px;
	width:5px;
	height:32px;
}

#uruntab-08 {
	position:absolute;
	left:344px;
	top:0px;
	width:97px;
	height:32px;
}

#uruntab-09 {
	position:absolute;
	left:441px;
	top:0px;
	width:7px;
	height:32px;
}

#uruntab-10 {
	position:absolute;
	left:448px;
	top:0px;
	width:107px;
	height:32px;
}

#uruntab-11 {
	position:absolute;
	left:555px;
	top:0px;
	width:41px;
	height:32px;
}

#uruntab-12 {
	position:absolute;
	left:596px;
	top:0px;
	width:20px;
	height:32px;
}



		//Slider Başladı :)
		echo' <div class="flw">
		<div class="flw">
		<h1 class="flw " style="font-size:18px;margin-top:180px;margin-bottom:-20px;text-indent:30px;	position:absolute;">DİĞER ÜRÜNLER  </h1>
		</div>
		<div class="flw"> <a id="rNext" href="#" class="fr" ><img  src="/Sayfalar/Urunler/Resimler/ileri.png" alt="İleri" width="40" height="40" border="0" /></a>  
		<a id="rPrev" class="fr" href="#"  ><img  src="/Sayfalar/Urunler/Resimler/geri.png" alt="Geri" width="40" height="40" border="0"/></a> </div>

		<div id="other_product">
		<ul>';

		$sor = mysql_query("SELECT * FROM ".$prefix."_urunler ORDER BY rand()");
		While($yaz=mysql_fetch_array($sor)){

		$resim 		= $yaz['resim'];
		$baslik		= $yaz['baslik'];
		$id			= $yaz['id'];
		$link		= $yaz['link'];
		$katid		= $yaz['altid'];
		$ozellik	= $yaz['ozellik'];
		$ozellik2	= mb_substr($ozellik, 0, 140, 'UTF8') . '';	

		$kyaz		= mysql_fetch_array(mysql_query("SELECT baslik,id,link FROM ".$prefix."_urunler_kategori WHERE id='$katid'"));
		$kbaslik 	= $kyaz['baslik'];
		$klink 		= $kyaz['link'];
		$altid		= $kyaz['id'];

		$ayaz		= mysql_fetch_array(mysql_query("SELECT baslik,id,link FROM ".$prefix."_urunler_alt_kategori WHERE altid='$altid'"));
		$abaslik 	= $ayaz['baslik'];
		$alink 		= $ayaz['link'];	

		echo'<li>
		<div class="urun">
		<a href="urun/'.$klink.'/'.$alink.'/'.$link.'" title="'.$baslik.'" >
		<div class="box"><div class="image"><center>
		<img  alt="'.$baslik.'"<img  src="Sayfalar/Urunler/UrunResim/kresim/'.$resim.'" border="0" alt="'.$baslik.'" height="120" width="160" alt="'.$baslik.'" />
		</center></div></div>
		<h2>'.$kodu.'<br />'.$baslik.'</h2>
		</a>
		</div>
		</li> ';
		}
		echo' </ul>          			 
		</div>
		</div>

		<script type="text/javascript">

		$(document).ready(function(){
		jQuery("#other_product").jCarouselLite({
		hoverPause:true, //üzerine gelince durması için
		visible: 5, //3 adet yazı gösterilmesi için
		auto:5000, //bekleme süresi
		speed:1000, //hareket hızı
		btnPrev: "#rPrev", //onceki yazi
		btnNext: "#rNext" //sonraki yazi
		});
		});
		</script> ';
		//Slider Bitti :(