#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; }

#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:28px; height:28px; 
					   background-image: url(data:image/gif;base64,AAAA); 
					   /* Trick IE into showing hover */ display: block; }

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

#imageData{	padding:0px 10px; color: #666; }
#imageData #imageDetails{ width: 100%; padding-top:6px;  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;}
	 	
/*---new---*/
#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #ffd200; }

#navigationContainer {  margin:auto; margin-top:20px; position:relative; height:44px; width:326px;
						background:url(../images/fon.gif) no-repeat center top; }

#prevLink { position:absolute; top:8px; left:34px; background:url(../images/next_en2.gif) no-repeat left top;   }
#nextLink { position:absolute; top:8px; right:34px; background:url(../images/back_en2.gif) no-repeat left top;   }

#prevLink:hover, #prevLink:visited:hover { background-position: bottom; }
#nextLink:hover, #nextLink:visited:hover { background-position: bottom ; }


#numberDisplay{ height:20px; padding:0px; margin:0px; line-height:12px; position:absolute; bottom:0px; left:21px;
				font-size:11px; color:#ff8400; font-family:Tahoma,Arial; font-weight:bold;}

#bottomNavClose img { display:none;}

#bottomNavClose { display:block; width:29px; height:29px;
				  position:absolute; top:0px; right:0px;
				  background: url(../images/closed.gif) no-repeat left top;}
#bottomNavClose:hover { background-position:bottom;}
 
#bottomNav { width:328px; height:29px; margin:auto; position:relative; margin-bottom: -29px; z-index: 1000; display:none; }

#left_top { width:11px; height:12px; background: url(../images/new_left_top.gif) no-repeat left top; position:absolute; left:0px; top:0px;}
#left_bottom { width:11px; height:12px; background: url(../images/new_left_bottom.gif) no-repeat left bottom; position:absolute; left:0px; bottom:0px;}
* html #left_bottom {bottom:-1px;}
#right_top { width:11px; height:12px; background: url(../images/new_right_top.gif) no-repeat left top; position:absolute; right:0px; top:0px;}
#right_bottom { width:11px; height:12px; background: url(../images/new_right_bottom.gif) no-repeat left bottom; position:absolute; right:0px; bottom:0px;}
* html #right_bottom {right:-1px; bottom:-1px;}
#outerImageContainer{ position:relative; margin:0px auto;
					  background-color: #fff; padding:0px;
					   }
#imageContainer{}
#imageContainer img { border:solid 9px #ffd200; margin-top:5px;}

#closed2 { position:absolute; top:-26px; right:0px; z-index:111111111;}
#closed2 img { display:none;}
#but_closed { display:block; width:23px; height:23px; position:relative; outline:none;
			  background: url(../images/closed.gif) no-repeat left top;}
			  
#but_closed:hover { background-position:bottom;}

