#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 500; text-align: center; line-height: 0; margin-top:30px; }
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; top:20px; }
#imageContainer{ padding: 10px; padding-top:0px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }

#hoverNav{ position: relative; top: 22px; left: 0; width:636px; height: 30px; margin:0px auto; z-index: 300; }

#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none; }

imageContainerNav{
position:relative;
margin:0px auto;
width:636px;
/* height: 48px; */
}
#imageDataNav{
height: 48px;
width:636px;
margin:0px auto;
background: url(../scripts/images/under_back.gif) top left repeat;
border:0px;
/* position:relative;
margin:0px auto;
width:630px;
background-color: #fcc; */
}

#prevLink, #nextLink{
position:relative;
width:118px;
height:26px;
background-image: url(data:image/gif;base64,AAAA);
/* Trick IE into showing hover */
display: block;
background-color: #9E988A;
}
#prevLink { /* left: 0;  */float: left; }
#nextLink { /* right: 0; */ float: right; }
#prevLink, #prevLink:hover, #prevLink:visited:hover { background: url(../scripts/images/prevlabel.gif) left 15% no-repeat; }
#nextLink, #nextLink:hover, #nextLink:visited:hover { background: url(../scripts/images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ 
position:relative;
top:20px;
font: 10px Verdana, Helvetica, sans-serif;
background-color: #fff;
margin: 0 auto;
line-height: 1.4em;
overflow: hidden;
width: 100%; height:32px;
text-align:center;
}

#imageData{	padding:0 10px; color: #FFF; }
#imageData #imageDetails{ text-align:center; width: 100%; float: left; }	
#imageData #caption{ font-weight: normal; font-size:1.68em; letter-spacing:1px;	}
/* #imageData #numberDisplay{ display: block; clear: left; padding: 0.50em 0px;font-size:1.00em;	}		 */

#numberDisplay{
 position:absolute;
 left:118px;
 background-color: #837D6F;
 width: 300px;
 height:26px;
 margin:0px 20px;
 color:#FFF;
 padding-left:12px;
 /*  padding: 0.50em 0px; */
 font-size:0.88em;
 line-height:2.0em;
 text-align:left;
}	
#bottomNavClose{
 position:absolute;
 /* left:118px; */
 right:0px;
 height:26px;
 margin:0px 20px; 
 /* width: 350px; */
 width: 36px;
 padding-bottom: 0px; outline: none;
 /* #837D6F */
 background-color: #908B83;
}	 	

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

#sliderwrap{
      position:relative;
      left:0px;
      /* border:solid 1px #aaa; */
      margin:0pt auto;      
      text-align:center;
      width:636px;
      display:block;
      height:100px;
      overflow:hidden;
      z-index:310;
      background-color: #FFF;
}
    
#sliderleft, #sliderright{
    position:absolute;
    z-index: 350;
    left:0;
    width:30px;
    height:100px;
    cursor:pointer;
    background-color: #FFF;
    background:#FFF url(../scripts/images/sliderleftlabel.gif) top left no-repeat;
}
#sliderright{
    left:606px;
    background:#F0F url(../scripts/images/sliderrightlabel.gif) top left no-repeat;
}
            
#slider{
position:relative;
left:0px;
padding-left:36px;
height:100px;
float:left;
}
/* html>body #slider{
left:36px;
} */
#slider a{
float:left;
width:80px;
height:80px;
margin:10px 7px;
overflow:hidden;
}
#slider img{
   float:left;
  /*  margin:10px 7px; */
}

#outerImageContainer, #imageDataContainer{
 background:none;
}
    
.hide{
 display:none;
}