#lightbox{left:0; line-height:0; position:absolute; text-align:center; top:40px; width:100%; z-index:1001}

#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%}