#lightbox {

position:absolute;

top:40px;

left:0;

width:100%;

z-index:100;

text-align:center;

line-height:0;

}

#lightbox a img {

border:none;

}

#outerImageContainer {

position:relative; 

background-color:#fff;

width:250px;

height:250px;

margin:0 auto;

}

#imageContainer {

padding:10px;

}

#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:49%;

height:100%;

background:transparent url('/images/blank.gif') no-repeat;

/* Trick IE into showing hover */

display:block;

}

#prevLink {

left:0;

float:left;

}

#nextLink {

right:0;

float:right;

}

#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 {

font:10px Verdana, Helvetica, sans-serif;

background-color:#fff;

margin:0 auto;

line-height:1.4em;

}

#imageData {

padding:0 10px;

}

#imageData #imageDetails {

width:70%;

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;

}	

#overlay {

position:absolute;

top:0;

left:0;

z-index:90;

width:100%;

height:500px;

background-color:#000;

filter:alpha(opacity=60);

-moz-opacity: 0.6;

opacity: 0.6;

}

.clearfix:after {

content:"."; 

display:block; 

height:0; 

clear:both; 

visibility:hidden;

}



* html>body .clearfix {

display: inline-block; 

width: 100%;

}

* html .clearfix {

/* Hides from IE-mac \*/

height: 1%;

/* End hide from IE-mac */

}