#lightbox {

left:0;

line-height:0;

position:absolute;

text-align:center;

top:40px;

width:100%;

z-index:100;

}



#lightbox a img {

border:none;

}



#outerImageContainer {

background-color:#fff;

height:250px;

margin:0 auto;

position:relative;

width:250px;

}



#imageContainer {

padding:10px;

}



#loading {

height:25%;

left:0;

line-height:0;

position:absolute;

text-align:center;

top:40%;

width:100%;

}



#hoverNav {

height:100%;

left:0;

position:absolute;

top:0;

width:100%;

z-index:10;

}



#imageContainer>#hoverNav {

left:0;

}



#hoverNav a {

outline:none;

}



#prevLink,#nextLink {

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

display:block;

height:100%;

width:63px;

}



#prevLink {

background-image:url(../../template_default/images/lightbox/prevlabel.gif);

background-position:left 0;

background-repeat:no-repeat;

float:left;

left:0;

}



#nextLink {

background-image:url(../../template_default/images/lightbox/nextlabel.gif);

background-position:right 0;

background-repeat:no-repeat;

float:right;

right:0;

}



#imageDataContainer {

background-color:#fff;

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

line-height:1.4em;

margin:0 auto;

}



#imageData {

padding:0 10px;

}



#imageData #imageDetails {

float:left;

text-align:left;

width:70%;

}



#imageData #caption {

font-weight:700;

}



#imageData #numberDisplay {

clear:left;

display:block;

padding-bottom:1em;

}



#imageData #bottomNavClose {

float:right;

padding-bottom:0;

vertical-align:middle;

width:66px;

}



#overlay {

-moz-opacity:0.6px;

background-color:#000;

filter:alpha(opacity=60);

height:500px;

left:0;

opacity:0.6px;

position:absolute;

top:0;

width:100%;

z-index:90;

}



.clearfix:after {

clear:both;

content:".";

display:block;

height:0;

visibility:hidden;

}



* html>body .clearfix {

display:inline-block;

width:100%;

}



* html .clearfix {

height:1%;

}