* { margin:0; padding:0; }
#lightbox { position:absolute; left:50%; top:50%; width:960px; height:442px; margin:-164px 0 0 -480px; z-index:100; text-align:center; line-height:100%; }
#lightbox img { width:auto; height:auto; }
#lightbox a img { border:none; }

#outerImageContainer { position:relative; background:#fff; width:250px; height:250px; margin:0 auto; }
#imageContainer { position:relative; margin:0; paddin:0; background:#fff; border:1px solid #ccc; }


#loading { position:absolute; top:180px; left:0%; height:25%; width:100%; text-align:center; }
*html #loading { left:-480px; }
#hoverNav { position:absolute; top:0; left:0; height:100%; width:100%; z-index:10; }
*html #hoverNav { left:-260px; }
#hoverNav a { outline:none; }


#prevLink, #nextLink { width:100px; height:10%; background-image:url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink, #prevLink:hover { left:0; float:left; background:url(../img/lightbox/fleche1.gif) center left no-repeat; }
*html #prevLink, *html #prevLink:hover { margin:0 0 0 1px; }
#nextLink, #nextLink:hover { right:0; float:right; background:url(../img/lightbox/fleche2.gif) center right no-repeat; }

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

#imageData { padding:0 10px; color:#666; }
#imageData #imageDetails { width:100%; 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:#fff; }
#col-blackgold #overlay { background:#000; }
#caption { position:absolute; top:0; left:0; margin:0; padding:10px 0 0 10px; font-size:10px; line-height:130%; text-align:left; color:#000; z-index:200; }
*html #caption { left:-260px; margin:1px 0 0 2px; }
#caption span.categoryname { font-weight:bold; }
#close { position:absolute; top:0; right:0; margin:0; padding:0; display:block; z-index:100; cursor:pointer; width:61px; height:37px; background:url(../img/lightbox/btn_back.gif) no-repeat center #fff; }
*html #close { margin:1px; }