#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }
/*					ANASAYFA KATAGORI 				*/

.anaUrunKatalogContent{ float:left; margin-left:10px; float:left; margin-top:30px; width:171px;}
.anaUrunKatalogOrta { background-image:url(../images/kat_back.png); background-repeat:no-repeat; background-position:left; width:155px; height:120px; text-align:center; vertical-align:middle; padding-top:10px; }
.anaUrunKatalogBaslik { font-family: Tahoma,Verdana, Arial, Helvetica, sans-serif; font-size: 14px; color:#FFFFFF; text-align:center; width:150px; height:40px; padding-top:10px; }




/*					URUN KATAGORI SAYFASI				*/

#kategori{width:650px; top:0px; right:10px; background:#fff; color:#3D3C2C; margin:auto;}
#kategoribodyPan{width:650px; top:10px; left:10px; color:#3D3C2C; margin-bottom:20px; margin:auto;}

.UrunKatalogContent{ float:left; margin-left:45px; float:left; margin-top:30px; width:200px; }
.UrunKatalogOrta { text-align:left; background-image:url(../images/kategori_back.png); background-repeat:no-repeat; background-position:left; width:210px; height:159px; text-align:center; vertical-align:middle; padding-top:10px;}
.UrunKatalogBaslik { font-family: Tahoma,Verdana, Arial, Helvetica, sans-serif; font-size: 14px; color:#3D3C2C; text-align:left; width:200px; height:40px; padding-top:10px; text-decoration:none;}


/*				URUN LISTE (DETAYLARI) SAYFASI				


*/
.UrunDetay { padding:10px; float:left; margin-left:20px; margin-top:20px; border:1px dotted #666666; border-top:none; border-left:none; border-right:none; }
.UrunResimler { }
.UrunResim { float:left; background-image:url(../res/urunBack.jpg); width:163px; height:135px; margin-bottom:10px; }
.UrunBilgileri { float:left; margin-left:10px; border: 1px dotted #999999; width:600px; margin-bottom:10px; }
.UrunBasliklar { font-family: Tahoma,Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color:#FF0000; font-weight:bold; width:80px;}
.UrunMetin { font-family: Tahoma,Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color:#333333; margin-top:3px; margin-bottom:3px;}

/*				HAKKIMIZDA SAYFASI					*/


#HakkimizdaContent { margin-left:20px;}
#HakkimizdaResim { float:left; margin-top:20px; width:300px;}
.HakkimizdaYazi { padding-right:10px; padding-left:20px; margin-left:10px; line-height:25px;  margin-top:20px;
 font-family: Tahoma,Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color:#333333; }
 
 /*			IRTIBAT BILGILERI			*/

#IrtibatBilgileri { float:left; margin-left:20px; margin-top:20px; border:1px dashed #666666; width:600px; }
.IrtibatBaslik { background-color:#91C14E; padding:10px; font-family: Tahoma,Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color:#FFFFFF; font-weight:bold;}
.IrtibatMetin { padding: 5px;  font-family: Tahoma,Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color:#333333; font-weight:normal; line-height:30px;}
#IrtibatResim { float:left; margin-top:20px; margin-left:20px; }

/*		ONLINE IRTIBAT SAYFASI			*/

	.IrtibatBaslik { background-image:url(../res/hak.jpg); padding:5px; margin-bottom:5px; }
	.IrtibatSol { float:left; margin-left:10px; border:1px dotted #666666; border-top:none; border-right:none; border-left:none; width:125px; padding-left:10px; line-height:20px; height:50px;}
	.IrtibatSag {  margin-right:20px; padding-left:20px; border:1px dotted #ffffff; border-top:none; border-right:none; border-left:none; line-height:20px; height:50px;}
	.IrtibatMesaj { margin-right:20px; padding-left:20px; }
	.input { font-family:Arial, Helvetica, sans-serif; font-size:11px; border: 1px solid #666666; font-weight:bold;}
	
	.IrtibatBilgiBaslik { margin-left:20px; padding:10px; font-size:14px; color:#0066FF;}
	.IrtibatBilgiIcerik { float:left; margin-left:40px; padding:10px; color:#CC6666; font-weight:bold;}
	.IrtibatBilgiMetin { margin-left:60px; padding:10px; color:#333333; line-height:20px;}
 
 #clearer { clear:both; }

fieldset {
	margin: 1em 0;
	padding: .3em 1em;
	border: 1px dashed #91C14E;
	font-size: 10pt;
}
fieldset div {
	
	margin-top: 2px;
	padding: 2px;
	
}
legend, #catalog h2 {
	font-weight: bold;
	font-size: 10pt;
	color: #91C14E;
	padding: .2em .5em;
	border: 1px solid #91C14E;
	background-color:#FFFFFF;
}