body { margin:0px; padding:0px; font-family:Arial, Helvetica, sans-serif; background:url(../images/bg/main.jpg) center top no-repeat; font-size:11px; }
h1{background:transparent url(../images/icon/leftmenuheader.jpg) no-repeat scroll left 3px;color:#333333;font-size:16px;font-weight:bold;margin:15px 0 0px;padding:0 0 0 52px;}
hr{ background-color:#b0b7bb;}

.saver { clear:both; height:0px !important; line-height:0px !important; }
.hiddentext { font-size:0px; text-indent:-9999px; }

#maincontainer { width:980px; margin:0 auto; }
	#header {  }
		#top {  }
			#inspirelogo { display:block; float:left; width:277px; height:85px; background:url(../images/logo/inspiregrid.jpg) left top no-repeat; }
			#topright { float:right; padding:27px 0px 0px 0px; }
				#webdenara2 { display:block; float:left; width:67px; height:55px; background:url(../images/header/webtenara.png) left top no-repeat; }
				#livechat { float:left; }
				#homepage { display:block; float:left; width:40px; height:55px; margin:0px 0px 0px 0px; 
					background:url(../images/header/homepage.png) left top no-repeat; }
				#sitemap { display:block; float:left; width:50px; height:55px; margin:0px 0px 0px 25px; 
					background:url(../images/header/sitemap.png) left top no-repeat; }
				#contact { display:block; float:left; width:31px; height:55px; margin:0px 25px 0px 25px; 
					background:url(../images/header/contact.png) left top no-repeat; }
				
		#mainmenu { background:url(../images/bg/mainmenu.png) left top no-repeat; height:38px; padding:0px 15px 0px 5px; }
			#mainmenu a { display:block; float:left; font-size:11px; color:#590202; text-decoration:none; height:21px; margin:5px 0px 0px 15px; text-align:center;
				padding:10px 0px 0px 0px; }
			#mhomepage { width:82px; }
				#mhomepage:hover, #mhomepage.selected { background:url(../images/header/mainmenu/mhomepageselected.png) left top no-repeat; color:#FFF !important; }
			#maboutus { width:92px; }
			#maboutus:hover, #maboutus.selected { background:url(../images/header/mainmenu/maboutusselected.png) left top no-repeat; color:#FFF !important; }
			#mservices { width:107px; }
				#mservices:hover, #mservices.selected { background:url(../images/header/mainmenu/mservicesselected.png) left top no-repeat; color:#FFF !important; }
			#msuccessful { width:116px; }
				#msuccessful:hover, #msuccessful.selected { background:url(../images/header/mainmenu/msuccessfulselected.png) left top no-repeat; color:#FFF !important; }
			#mcontact { width:92px; }
				#mcontact:hover, #mcontact.selected { background:url(../images/header/mainmenu/maboutusselected.png) left top no-repeat; color:#FFF !important; }
			#searchcontanier { float:right; padding:7px 0px 0px 0px; }
				#searchcontanier input { border:1px solid #CAD5DB; padding:3px; font-size:10px; width:130px; float:left;}
				#searchcontanier .btnAra { width:35px; height:22px; color:#FFFFFF; border:0; font-weight:bold; font-size:10px; margin-left:-8px; margin-top:-4px; 
					float:left; }
			
	#contentcontainer { margin:10px 0px 0px 0px; }
		#leftarea { float:left; width:241px; }
			#leftbanner1 { display:block; width:241px; height:141px; background:url(../swf/leftbanner/banner1.png) left top no-repeat; }
			#leftbanner2 { display:block; width:241px; height:139px; background:url(../images/leftbanner/banner2.jpg) left top no-repeat; margin:0px 0px 0px 0px; }
			#leftbanner3 { display:block; width:241px; height:141px; background:url(../images/leftbanner/banner3.png) left top no-repeat; margin:9px 0px 6px 0px; }
			
		#rightarea { float:left; width:731px; margin:0px 0px 0px 8px; }
			#flasharea { width:731px; height:244px; margin:0px 0px 10px 0px; }
			#contentimage { margin:0px 0px 10px 0px; text-align:center; }
			#boxes {  }
				#box1 {  }
				#box2 { margin:0px 0px 0px 10px; }
				#box3 { margin:0px 0px 0px 10px; }
				
				.boxes { background:url(../images/boxes/boxes.png) left top no-repeat; width:217px; height:165px; float:left; padding:10px; }
					.boxtop { height:20px; }
						.boxheader { font-size:14px; color:#630202; float:left; width:160px; }
						.boximage { float:right; width:54px; height:37px; text-align:center; color:#563233; font-size:13px; }
					.boxcontent { font-size:11px; color:#807f7f; height:115px; padding:0px 0px 10px 0px; }
					.boxbottom {  }
						.boxcontinue { display:block; float: right; color:#590202; font-size:10px; text-decoration:underline; line-height:20px; }
							.boxcontinue:hover { text-decoration:none; }
						.boxbuy { display:block; float:right; width:83px; height:20px; background:url(../images/boxes/boxbuy.png) left top no-repeat; }
					
	#footercontainer { margin:10px 0px 0px 0px; }
		#footertop { background:url(../images/bg/footer.png) left top no-repeat; height:62px; width:940px; padding:15px 20px 0px 20px; }
			#copyright { float:left; color:#747373; font-size:11px; padding:0px 0px 0px 0px; }
			#gridtelekomlogo { display:block; float:right; width:215px; height:24px; margin:5px 0px 0px 0px;
				background:url(../images/logo/gridtelekom.png) left top no-repeat; }
			
		#footerbottom { padding:10px 0px 10px 0px; }
			#luckyeyelogo { background:url(../images/logo/luckyeye.png) left top no-repeat; display:block; float:right; margin:0px 20px 0px 0px; width:61px; 
				height:14px; }
				
	#content { margin:8px 0px 0px 0px; }	
		.contenttop { background:url(../images/bg/content/contenttop.png) left top no-repeat; height:10px; }
		.contentcenter {
	background:url(../images/bg/content/contentcenter.jpg) left top repeat-y;font-size:11px;color:#797878; position:relative;
}
			.contentheader { font-weight:bold; color:#895252; margin:0px 0px 20px 0px; }
		.contentbottom { background:url(../images/bg/content/contentbottom.png) left top no-repeat; height:10px; }
		.tabtop { background:url(../images/bg/content/tabtop.png) left top no-repeat; height:10px;margin-left:auto;margin-right:auto;width:711px; }
		.tabcenter { background:url(../images/bg/content/tabcenter.png) left top repeat-y; font-size:11px; color:#797878;margin-left:auto;margin-right:auto;padding:0 10px;width:691px; }
		.tabbottom { background:url(../images/bg/content/tabbottom.png) left top no-repeat; height:10px;margin-left:auto;margin-right:auto;width:711px; }
		
		
		.rightimage { float:right; padding:5px 0px 5px 10px; }
		
		.tabs { margin-left:auto;margin-right:auto;padding:0 10px;width:691px; }
		.tabs a { float:left; cursor:pointer; }
			
		.tabs a { margin:0px 0px 0px 10px; height:26px; }
			.tabs a .left { display:block; float:left; background:url(../images/tab/passiveleft.jpg) left top no-repeat; width:6px; height:26px; }
			.tabs a .center { display:block; float:left; background:url(../images/tab/passivecenter.jpg) left top repeat-x; height:21px; font-size:12px; color:#590202; 
				padding:5px 15px 0px 15px; }
			.tabs a .right { display:block; float:left; background:url(../images/tab/passiveright.jpg) left top no-repeat; width:6px; height:26px; }
			
		.selected { margin:0px 0px 0px 10px; height:26px; }
			.tabs .selected .left { background:url(../images/tab/activeleft.jpg) left top no-repeat !important; }
			.tabs .selected .center { background:url(../images/tab/activecenter.jpg) left top repeat-x !important; color:#FFF !important; }
			.tabs .selected .right { background:url(../images/tab/activeright.jpg) left top no-repeat !important; }
	
	
#leftmenu { margin:0px 0px 10px 0px; }
	#leftmenu a { font-weight:normal; display:block; margin:5px 10px 5px 50px; border-bottom:1px dashed #AAA; background:url(../images/icon/leftmenuitem.jpg) left 3px no-repeat; overflow:hidden; font-size:11px; color:#333; text-indent:0px !important; padding:1px 0px 5px 11px; text-decoration:none; }
	#leftmenuheader, .leftmenuheader { background:url(../images/icon/leftmenuheader.jpg) left 3px no-repeat; font-size:16px; font-weight:bold; padding:0px 0px 0px 52px; color:#333333; margin:15px 0px 20px 0px; }
	#leftmenu a.active { color:#bf0304 !important; font-weight:bold; text-decoration:none; }
	
	.zabraheader{
	font-weight: bold;
	text-transform: uppercase;
	color: #FFFFFF;
	background-image: url(../images/bg/zebraheader_bg.jpg);
	background-repeat: repeat-x;
	width: 1px;

}
	.zebra01{
	background-color:#E1E4E8;
}
	.zebra02{
	background-color:#b0b7bb;
	color: #FFFFFF;
	font-size: 100%;
}
.pad10 {padding:20px 15px 15px 55px;}
	#list1a > div { padding:5px; background:#EEE; border-bottom:1px dashed #CCC; }
	.listbaslik { display:block; cursor:pointer; background:url(../images/icon/listbaslik.png) right center no-repeat; margin:5px; font-size:12px; border-bottom:1px dashed #CCC; padding:0px 0px 5px 0px; color:#895252 }
	a.selectedaccordion{ display:block; cursor:pointer; background:url(../images/icon/selected.png) right center no-repeat; color:#7e3740; }
	
	.linux { background:url(../images/logo/linux.png) right center no-repeat; }
	.linux.selectedaccordion { background:url(../images/logo/linux-selected.png) right center no-repeat; }
	.windows { background:url(../images/logo/windows.png) right center no-repeat; }
	.windows.selectedaccordion { background:url(../images/logo/windows-selected.png) right center no-repeat; }
	
	
	#list1b > div { padding:5px; background:#EEE; border-bottom:1px dashed #CCC; }
#content a{color:#590202;font-size:11px;font-family:Arial,Helvetica,sans-serif; text-decoration:none;}	
#content a:hover {color:#c92929;font-size:11px;font-family:Arial,Helvetica,sans-serif;}
/* Lihgtbox*/
#lightbox{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#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: transparent url(../images/blank.gif) no-repeat; /* 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;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	}
	.information{
	background-image: url(../images/icon/information.gif);
	background-repeat: no-repeat;
	background-color: #e7e7e7;
	display: block;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 15px;
	padding-left: 40px;
	width: 600px;
	background-position: 5px 5px;
}
li {
	background-image: url(../images/icon/bullet2.gif);
	background-repeat: no-repeat;
	list-style-type: none;
	background-position: 0px 2px;
	padding-left: 15px;
	padding-bottom: 5px;
}
ul{ padding:10px;margin:0;}
.logoborder {
	border: 1px solid #E0E0E0;
	padding:1px;
}


.inspire { color:#bd0304; }
.grid { color:#000; }
#UE_AramaDetay1_grdResults { margin-top:10px; width:90%; margin-left:10px;}
#UE_AramaDetay1_lblResults{ display:block;margin-left:10px;margin-top:0 !important;padding:6px;width:88%;}
#UE_AramaDetay1_grdResults a:hover {color:#C92929;}
#UE_AramaDetay1_grdResults a {color:#590202;font-family:Arial,Helvetica,sans-serif;font-size:11px;background:transparent url(../images/icon/bullet.gif) no-repeat scroll 0 3px;padding-left:10px;margin-left:6px;}