#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: #F6F2D9;
       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/lightbox/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/lightbox/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/lightbox/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
       font: bold 10pt arial, helvetica, verdana;
       color: #000;
       background-color: #F6F2D9;
       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: 100px; 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 */
       }

/* Pagination Pagination Pagination */

.pagination{
padding: 2px;
}

.pagination ul{
margin: 0;
padding: 0;
text-align: left; /*Set to "right" to right align pagination interface*/
font-size: 16px;
}

.pagination li{
list-style-type: none;
display: inline;
padding-bottom: 1px;
}

.pagination a, .pagination a:visited{
        padding: 0 5px;
        font: bold 10pt arial, helvetica, verdana;
        text-align: center;
        text-decoration: none;
        color: #E7E1BE;
        background: #000;
        border: solid #000 1px;
}

.pagination a:hover, .pagination a:active{
        padding: 0 5px;
        font: bold 10pt arial, helvetica, verdana;
        text-align: center;
        color: #000;
        background: #E7E1BE;
        border: solid #000 1px;
}

.pagination li.currentpage{
        padding: 0 5px;
        font: bold 10pt arial, helvetica, verdana;
        text-align: center;
        color: #000;
        background: #E7E1BE;
        border: solid #000 1px;
        margin-left: 10px;
}

.pagination li.disablepage{
        font: bold 10pt arial, helvetica, verdana;
        color: #000;
        margin-right: 10px;
}

.pagination li.nextpage{
font-weight: bold;
}

* html .pagination li.currentpage, * html .pagination li.disablepage{ /*IE 6 and below. Adjust non linked LIs slightly to account for bugs*/
margin-right: 5px;
padding-right: 0;
}