/* ---------->>> LIGHTBOX <<<----------- */

#overlay { z-index:100; position:absolute; top:0; left:0; width:100%; height:500px; background-color:#000; }

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

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

div#lightbox img { width:auto; height:auto; }

div#lightbox a img { border:none; }

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

div#imageContainer { padding:10px; }

div#hoverNav { z-index:10; position:absolute; top:0; left:0; width:100%; height:100%; }

div#hoverNav a { outline:none; }

div#imageContainer>#hoverNav { left:0; }

div#prevLink,
div#nextLink { display:block; width:50%; height:100%; background-image:url(data:image/gif;base64,AAAA); }

div#prevLink { left:0; float:left; }

div#nextLink { right:0; float:right; }

div#prevLink:hover,
div#prevLink:visited:hover { background:transparent url("../images/lb-prev.gif") 0 0 no-repeat; }

div#nextLink:hover,
div#nextLink:visited:hover { background:transparent url("../images/lb-next.gif") 100% 0 no-repeat; }

div#imageDataContainer { width:100%; margin:0 auto; background-color:#fff; overflow:auto; }

div#imageData { color:#666; padding:0 10px; }

div#imageData #imageDetails { float:left; text-align:left; }

div#imageData #caption { display:block; margin-bottom:10px; font-size:11px; line-height:20px; }

div#imageData #numberDisplay { display:block; clear:left; }

#imageData #bottomNavClose { float:right; width:60px; outline:none; }