#lightbox{position:absolute;top:0px;left:0;width:100%;z-index:100;text-align:center}
#lightbox a img{border:none}
#outerImageContainer{position:relative;background-color:#f7f6f1;width:250px;height:250px;margin:0 auto;border:1px #CCC solid;border-bottom:0px}
#imageContainer{padding:10px}
#loading{position:absolute;top:40%;left:0%;height:25%;width:100%;text-align:center}
#hoverNav{position:absolute;top:0;left:0;height:0px;width:0px;z-index:0}
#imageContainer>#hoverNav{left:0}
#hoverNav a{outline:none}
#prevLink, #nextLink{width:49%;height:100%;background:transparent no-repeat; /* Trick IE into showing hover */display: block}
#prevLink{left:0;float:left}
#nextLink{right:0;float:right}
#prevLink2, #nextLink2{font-family:Arial, Helvetica, sans-serif;font-size:12px;color:#060;font-weight:bold;cursor:pointer;}
#imageDataContainer{font:14px Arial, Helvetica, sans-serif;background-color:#f7f6f1;height:auto;border:1px #ccc solid;border-top:0px;margin:auto}
#imageData{padding:0px 10px 10px 10px}
#imageData #imageDetails{width:90%;float:left;text-align:left}
#imageData #caption{font-weight:bold;font-size:12px;color:#666}
#imageData #numberDisplay{display:block; clear: left; font-weight: normal; font-size:14px; color:#333; padding-bottom: 5px; }
#imageData #slideshowLink{width:55px;float:right;padding:5px 0px 0 0px}
#imageData #bottomNavClose{width:55px;float:right;padding:5px 0px 0 0px}
#overlay{position:absolute;top:0;left:0;z-index:90;width:100%;height:500px;background-color:#000}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
* html>body .clearfix{display:inline;width:100%;}
* html .clearfix{/* Hides from IE-mac \*/height: 1%;/* End hide from IE-mac */}