#bottomNav a {
         text-decoration:none;
         background-image:url(blank.gif);}
#bottomNav a:visited {
         text-decoration:none;
         background-image:url(blank.gif);}
#bottomNav a:active {
         text-decoration:none;
         background-image:url(blank.gif);}
#bottomNav a:hover {
         text-decoration:none;
         background-image:url(blank.gif);}
#bottomNav a:unknown {
         text-decoration:none;
         background-image:url(blank.gif);}



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

#lightbox a img{ border: none; }

#outerImageContainer{
        position: relative;
        background-color: #EFEFEF;
        width: 250px;
        height: 250px;
        margin: 0 auto;
        }

#imageContainer{
        padding: 0px;
        }

#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{
         opacity:0.20;
         filter:alpha(opacity=20);
         width: 49%;
         height: 100%;
         background: url(prevlabel.gif) left bottom no-repeat; /* Trick IE into showing hover */
         display: block;}
#nextLink{
         opacity:0.20;
         filter:alpha(opacity=20);
         width: 49%;
         height: 100%;
         background: url(nextlabel.gif) right bottom no-repeat; /* Trick IE into showing hover */
         display: block;}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover {
         opacity:0.99;
         filter:alpha(opacity=99);
         background: url(prevlabel.gif) left bottom no-repeat;}
#nextLink:hover, #nextLink:visited:hover {
         opacity:0.99;
         filter:alpha(opacity=99);
         background: url(nextlabel.gif) right bottom no-repeat;}


#imageDataContainer{
         font-family:Verdana, Arial, sans-serif;
         font-size:0.6em;
         line-height:2.0em;
         margin: 0 auto;
         }

#imageData{ padding:10px 0; color: #666;}
#imageData #imageDetails{ /*width: 70%;*/ float: left; text-align: left;}
#imageData #caption{
         color:#1F1F1F;
         font-size:11px;
         font-family:tahoma, verdana;
         background-color:#ffffff;
         line-height:16px;
         /*text-transform:uppercase;*/
         text-align:left;}
#imageData #numberDisplay {
         color:#1F1F1F;
         font-size:11px;
         font-family:tahoma, verdana;
         line-height:16px;
         background-color:#ffffff;}
/*#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;}*/
#imageData #bottomNavClose{ width: 20px; float: right;  padding-bottom: 0.7em;}

#overlay{
        position: absolute;
        top: 0;
        left: 0;
        z-index: 90;
        width: 100%;
        height: 500px;
        background-color: #d4d4d4;
        }


/* Min-Width */
.lbWidth { /* most browsers */
        position: absolute;
        top: 0px; left: 0px;
        width: 100%;
        min-width: 790px;
        }

* html .lbContent { /* IE6 */
        margin-left: -790px;
        position:relative;
        }

* html .lbMinWidth { /* IE6 */
        padding-left: 790px;
        }


/* Clearfix */
.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 */