#lightbox{ position: static; left: 0; width: 100%; z-index: 10000; text-align: center; line-height: 0; } #lightbox a img{ border: none; } #outerImageContainer{ position: relative; background-color: #e1e3e5; width: 250px; height: 250px; margin: 0 auto; } #imageContainer{ padding: 130px; } #loading{ position: relative; top: 0%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; } #hoverNav{ position: static; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; } #imageContainer>#hoverNav{ left: 0;} #hoverNav a{ outline: none;} #lightboxImage { margin-top:-40px; } #prevLink{ width: 49%; height: 100%; background: transparent url(../images/prevlabel.png) left 45% no-repeat; /* Trick IE into showing hover */ display: block; } #nextLink{ width: 49%; height: 100%; background: transparent url(../images/nextlabel.png) right 45% 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.png) left 45% no-repeat; } #nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.png) right 45% no-repeat; } #imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #e1e3e5; margin: -140px auto 0; line-height: 1.4em; position:relative; } #imageData{ padding:0 10px; color: #666; } #imageData #imageDetails{ width: 80%; margin:0 auto; padding-bottom:10px; } #imageData #caption{ font-weight: normal; font-size:14px; color:#626670; line-height:20px; } #imageData #numberDisplay{ display: none; clear: left; padding-bottom: 1.0em; } #bottomNavClose{ width: 38px; height: 38px; position:static; right:20px; top:20px; padding-bottom: 0.7em; z-index:2000; } #overlay{ position: static; top: 0; left: 0; z-index: 9000; width: 100%; height: 500px; background-color: #000; filter:alpha(opacity=60); -moz-opacity: 0.6; opacity: 0.6; } #caption_tit{ color:#383842; font-size:24px; font-weight:normal; line-height:28px; padding:8px 0;} .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix {display: inline-block;} /* Hides from IE-mac \*/ * html .clearfix {height: 1%;} .clearfix {display: block;} /* End hide from IE-mac */