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

#lightbox a img{border:0;}

#outerImageContainer{	width:250px;height:250px;position:relative;margin:0 auto;background:#fff;}

#imageContainer{padding:10px}

#loading{width: 100%;height:25%;position:absolute;top:40%;left:0;text-align:center;line-height: 0;}

#hoverNav{width:100%;height:100%;position:absolute;top:0;left:0;z-index:10;}
#imageContainer>#hoverNav{left:0;}
#hoverNav a{outline:none;}

#prevLink, #nextLink{width: 49%;height: 100%;text-align:right;background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */	display: block;}
#prevLink{left:0;float:left;text-align:left;}
#prevLink img{margin:45% 0 0 9px !important;margin:22% 0 0 4px}
#nextLink{right:0;float:right;}
#nextLink img{margin:45% 9px 0 0 !important;margin:22% 4px 0 0}
/*
#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{width:100%;overflow:auto;margin:0 auto;padding:0;background:#fff;font:11px Verdana, Helvetica, sans-serif;line-height:1.4em}

#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:.3em;font-size:.9em}			
#imageData #bottomNavClose{width:65px;height:24px;float:right;padding-bottom:0em}	
		
#overlay{width:100%;height:500px;position:absolute;top:0;left:0;z-index:90;background:#000;}