@charset "utf-8"; 

/******************************************************************************************
 *************************************** Diğer / Sıfırlama ********************************
 ******************************************************************************************
 */
body,html{margin:0;  padding:0;  font:normal 12px arial; }

h1{font:normal 22px georgia;  color:#000;  font-style:italic;  margin:0 0 15px 0;  padding:0px; vertical-align:middle}
	h1 > img{vertical-align:middle; }
	
h2{font:normal 18px arial;  margin:0px;  padding:0px; }

a{font:normal 12px arial; color:#000;}
	
	a:hover{text-decoration:none;}

/******************************************************************************************
 *************************************** ÜST KISIM ****************************************
 ******************************************************************************************
 */
div#ust-kisim{width:100%;  height:90px;  margin:10px 0;  padding:0;  background:#033 url('../images/banner.gif') repeat-x center center;  cursor:pointer; }

div#uye-nav{width:820px;  margin:10px auto;  overflow:hidden; }
		
	div#uye-nav > div#sol{width:600px; float:left; margin-top:8px; }
		
	div#uye-nav > div#sag{width:220px;  font:bold 12px georgia;  font-style:italic;  color:#555;  float:right;  text-align:right; }
		
		div#uye-nav > div#sag > img{vertical-align:middle; }
	
ul#uye-nav{margin:0;  padding:0;  list-style-type:none; }
		
	ul#uye-nav li{padding:0; margin:0 0 0 4px; float:left; }
			
		ul#uye-nav li a{font:normal 12px arial; color:#000; text-decoration:none; padding:0 2px 2px 2px; }
		
		ul#uye-nav li a#cikis-yap{color:red}
		
		ul#uye-nav li a#kullanici-adi{font-weight:bold; }
		
			ul#uye-nav li a:hover{text-decoration:underline; }
			
/******************************************************************************************
 *************************************** ORTA KISIM ***************************************
 ******************************************************************************************
 */	
div.orta-kisim{width:820px; overflow:hidden; margin:20px auto; }

	div.orta-kisim > div#sol{width:180px; float:left; }
		
		ul#site-nav{margin:0; padding:0px; list-style-type:none; }

			ul#site-nav li{padding:4px 0; margin:0; text-align:right }
				
				ul#site-nav li ul{margin:0; padding:0; list-style-type:none; display:none; }
					
					ul#site-nav li ul li{padding:4px 0; margin:0; }
						
						ul#site-nav li ul li a{font:normal 12px arial; color:#000; text-decoration:none; display:block; border-bottom:solid 1px #EEE; }
							
							ul#site-nav li ul li a:hover{color:#069; }			
					
				ul#site-nav li a{font:bold 12px arial; letter-spacing:1px; color:#000; text-decoration:none; border-bottom:solid 1px #EEE; display:block; }
					
					ul#site-nav li a:hover{color:#069; }
	
	div.orta-kisim > div#sag{width:600px; margin:0; padding:0; float:right; }
	
/******************************************************************************************
 *************************************** ALT KISIM ****************************************
 ******************************************************************************************
 */	
div.alt-kisim{width:820px; margin:10px auto; padding:10px 0 0 0; overflow:hidden; border-top:solid 2px #CCC; }
	
	div.alt-kisim div#sol{width:320px; margin-top:7px; float:left; font:normal 12px arial; color:#666; }
	
	div.alt-kisim div#sag{width:500px; float:right; text-align:right; font:normal 12px arial; font-style:italic; color:#666; }
		
		div.alt-kisim div#sag img{vertical-align:middle; }
	
/******************************************************************************************
 *************************************** FORMLAR ******************************************
 ******************************************************************************************
 */
 
table.form{width:100%; border-collapse:collapse; }
	
	table.form tr#baslik{}
	
		table.form tr#baslik h2{font:normal 18px georgia; color:#888; font-style:italic; }
		
	table.form  tr td#sol{width:30%; text-align:right; padding:4px; font-weight:bold; }
		
		table.form  tr td#sol label{font:bold 12px arial; color:#666; }
		
		table.form  tr td#sol span{font:normal 10px arial; color:#888; }
		
	table.form  tr  td#sag{width:70%; text-align:left; padding:4px; }
	
		table.form  tr  td#sag input[type=text],
		table.form  tr  td#sag input[type=password],
		table.form  tr  td#sag input[type=file]{width:300px; padding:6px 4px; border-left:solid 1px #666; border-top:solid 1px #666; border-right:solid 1px #eee; border-bottom:solid 1px #eee; }
		
		table.form  tr  td#sag select{font:normal 12px arial; padding:6px 4px; border-left:solid 1px #666; border-top:solid 1px #666; border-right:solid 1px #eee; border-bottom:solid 1px #eee; }
		
		table.form  tr  td#sag textarea{width:400px; height:100px; font:normal 12px arial; padding:6px 4px; border-left:solid 1px #666; border-top:solid 1px #666; border-right:solid 1px #eee; border-bottom:solid 1px #eee; }
		
		table.form  tr  td#sag input[type=button],
		table.form  tr  td#sag input[type=submit],
		table.form  tr  td#sag input#button{width:160px; height:44px; font:normal 18px georgia; text-shadow: -1px 0px 1px #069; color:#fff; text-decoration:none; background:transparent url('../images/button.gif') no-repeat top left; border:none; cursor:pointer; }
			
			table.form  tr  td#sag input[type=button]:hover,
			table.form  tr  td#sag input[type=submit]:hover,
			table.form  tr  td#sag input#button:hover{background:transparent url('../images/button.gif') no-repeat bottom left; }

/* ürünler sayfasında kullanılıyor. */
form.urun-arama{float:right; vertical-align:middle; margin-top:5px;}

	form.urun-arama input[type=text]{width:150px; padding:3px; border-left:solid 1px #666; border-top:solid 1px #666; border-right:solid 1px #eee; border-bottom:solid 1px #eee;}

/* ürünler, admin/satış raporları sayfasında kullanılıyor. */
form#listele{float:right; vertical-align:middle; margin-top:5px;}
	
	form#listele input[type=text]{width:150px; padding:3px; border-left:solid 1px #666; border-top:solid 1px #666; border-right:solid 1px #eee; border-bottom:solid 1px #eee;}
	
	form#listele select{padding:3px; border-left:solid 1px #666; border-top:solid 1px #666; border-right:solid 1px #eee; border-bottom:solid 1px #eee;}	
/******************************************************************************************
 *************************************** DİĞERLERİ ****************************************
 ******************************************************************************************
 */
 
/*
 * div.tanitim
 * ana sayfada site tanıtımında kullanılıyor.
 */
div.tanitim{}
	
	div.tanitim > h1{font:normal 26px georgia; color:#000; margin:0 0 10px 0; padding:0px;}
	div.tanitim > h2{font:normal 18px georgia; font-style:italic; color:#000; margin:0 0 10px 0; padding:0px;}
	div.tanitim > p{font:normal 14px arial; margin:10px 0;}
	div.tanitim > p#p2{padding:2px;}
		div.tanitim > p#p2:hover{background-color:#FAFACA}
	
	div.tanitim  a#dis-baglanti{font:normal 12px arial; color:white; text-decoration:none; background-color:red; margin:0; padding:0 2px;}
		div.tanitim  a#dis-baglanti:hover{background-color:green;}
	
/*
 * div.urunler
 * ürünler sayfasında kullanılıyor.
 */
div.urunler{width:100%; overflow:hidden; }
	
	div.urunler div#urun{width:190px; margin: 0 5px; padding:5px 0; border-top:solid 2px #eee; float:left; }
	
		div.urunler div#urun div#urun-adi{font:bold 12px arial; text-align:center; }
		
		div.urunler div#urun div#urun-fiyat{	font:normal 12px georgia; color:green; text-align:center; }
		div.urunler div#urun div#stokta-yok{text-align:center; font:normal 12px arial; color:red }
	
	div.urunler div#satir-basi{clear:both; }
	
/*
 * div.urun
 * ürün detay sayfasında kullanılıyor.
 */
div.urun{width:100%; overflow:hidden; }
	
	div.urun div#sol{width:300px; float:left; }
	
	div.urun div#sag{width:290px; float:right; }
		
		div.urun div#sag div#sepete-ekle{text-align:center;}
		
		div.urun div#sag div#sepete-ekle fieldset{margin:0; padding:10px; border:solid 1px #ccc; }
		
		div.urun div#sag div#sepete-ekle legend{font:normal 18px georgia; color:#000; }
		
		div.urun div#sag div#sepete-ekle select{width:268px; font:normal 12px arial; padding:6px 4px; border-left:solid 1px #666; border-top:solid 1px #666; border-right:solid 1px #eee; border-bottom:solid 1px #eee; vertical-align:middle; margin-bottom:10px; }
		
		div.urun div#sag div#sepete-ekle input[type=button]{width:160px; height:44px; font:normal 18px georgia; text-shadow: -1px 0px 1px #069; color:#fff; text-decoration:none; background:transparent url('../images/button.gif') no-repeat top left; border:none; cursor:pointer; }
			
			div.urun div#sag div#sepete-ekle input[type=button]:hover{	background:transparent url('../images/button.gif') no-repeat bottom left; }
		
		div.urun div#sag div#urun-aciklama{margin-top:10px; }

/*
 * div.sayfalama
 * sayfalama işleminde kullanılıyor evrenseldr.
 */
div.sayfalama{font:normal 12px georgia; color:#666; font-style:italic; padding-top:10px; margin:10px 0; border-top:solid 4px #ddd; overflow:hidden; }
	
	div.sayfalama #sayfalamaSol{width:50%; float:left; text-align:left; }
	
	div.sayfalama #sayfalamaSag{width:50%; float:right; text-align:right; }
	
	div.sayfalama  a{font:normal 12px georgia; color:#000; text-decoration:none}
	
		div.sayfalama a:hover{text-decoration:underline}
	
div.yorum-yaz{padding:5px; background-color:#f1f1f1; overflow:hidden; }
	
div.yorum{width:590px; padding:5px; margin:5px 0px; overflow:hidden; }
	
	div.yorum h1{}
	
	div.yorum div#sol{width:80px; float:left; text-align:right; }
	
	div.yorum div#sag{width:490px; float:right; }

div.haber{overflow:hidden; }
	
	div.haber div#baslik{font:normal 18px georgia; margin-bottom:5px; padding-bottom:5px; color:#999; border-bottom:solid 1px #f1f1f1; }
		
		div.haber div#baslik a{font:normal 20px georgia; color:#069; text-decoration:none; }
			
			div.haber div#baslik a:hover{text-decoration:underline; }
	
	div.haber div#mesaj{margin:10px 0px; }
	
	div.haber div#tarih{text-align:right; color:#999; margin:10px 0px; }

/*
 * div.baslik
 * slide olan başlıklarda kullanılıyor
 * Evrensel olarak kullanılıyor. Örnek kullanım sayfası : siparisler.php
 */
div.baslik{overflow:hidden; margin:0; padding:0; }
	
	div.baslik div#sol{width:40%; float:left; }
	
	div.baslik div#sag{width:60%; text-align:right; float:right; }
		
		
div.slide{display:none; }
	

/* div.uyari
 * sayfa uyarılarında kullanılıyor örnek : adres bilgilerim 
 */

div.uyari{background-color:#FAFACA; padding:5px; margin:15px 0; overflow:hidden; }
	
div.kapsayici{overflow:hidden; }

div.bekle{text-align:center; margin:40px 0;}

div.hata{background-color:#FFB0B0; padding:5px; margin:0px; border:solid 1px #F00;  color:#000}

div.bildiri{background-color:#FAFACA; padding:5px; margin:0px; border:solid 1px #FD0; color:#000}

div.okey{background-color:#A9FFA9; padding:5px; margin:0px; border:solid 1px #080; color:#000}


/*
 * Birçok sayfada kullanılıyor. örnek: sepetim sayfası 
 */
 
table.liste{width:100%; border-collapse:collapse; margin-bottom:20px;}
	
	table.liste tr td{padding:10px 2px; border-bottom:solid 1px #f1f1f1;}
	
	table.liste tr#baslik td{font:bold 14px Arial; color:#000; padding:10px 2px; border:none;}

/*
 * Ürün sayfasında kullanılıyor
 * Beden tablosu;
 */
	
table.beden-tablosu{width:400px; border-collapse:collapse; font:normal 12px arial;}
	
	table.beden-tablosu tr td{padding:10px 0; border-bottom:solid 1px #f1f1f1;}
	
	table.beden-tablosu tr#ust-kisim td{text-align:center; font-weight:bold; background-color:#BDDEFE;}
	
	table.beden-tablosu tr#baslik td{font-weight:bold;}
	
h2.alt-baslik{font:normal 18px georgia;  color:#888;  font-style:italic;  margin:10px 0; }

h2.mavi{font:normal 18px arial;  color:#069;  margin:0px;  padding:0px; }

hr.kesik{width:100%;  margin:10px 0;  padding:0;  background-color:#FFF;  border:none;  border-bottom:dashed 1px #CCC; }

hr.duz{width:100%;  margin:5px 0px;  padding:0px;  background-color:transparent;  border:none;  border-bottom:solid 2px #f1f1f1; }


span#kucuk{font:normal 10px arial; }

span#kirmiziArka{background-color:red;  padding:2px;  margin:2px 0px;  color:white; }

span#yesilArka{background-color:green;  padding:2px;  margin:2px 0px;  color:white; }

span#sariArka{background-color:yellow;  padding:2px;  margin:2px 0px;  color:black; }

#fiyat{font-family:georgia;  color:green; }

/*
 * ürün sayfasında kullanılıyor
 */
a.bedenTablosu{width:100%; margin:5px 0; padding:5px 0; font:normal 12px arial; text-align:center; text-decoration:none; background-color:#f1f1f1; display:block;}
	
	a.bedenTablosu:hover{background-color:#CCC;}

/* sepet sayfasında kullanılıyor */
a.odeme-yap{width:180px; height:40px; background:url('../images/odeme-yap-button.gif') no-repeat top left; margin:0; padding:0; font:normal 18px georgia; color:#fff; text-decoration:none; text-align:center; text-shadow: -1px 0px 1px #00321B; line-height:40px; display:block;}
	
	a.odeme-yap:hover{background:url('../images/odeme-yap-button.gif') no-repeat bottom left;}
	
/* kirmizi */
a.kirmizi{font:normal 10px arial; color:red;}
	
	a.kirmizi:hover{text-decoration:none;}
	
.yuvarlak-kose{-moz-border-radius: 10px; -webkit-border-radius: 10px;}