#lightbox {
	Z-INDEX: 1000; LEFT: 0px; WIDTH: 100%; LINE-HEIGHT: 0; POSITION: absolute; TEXT-ALIGN: center; clear:both;
}
#lightbox A IMG {
	BORDER-TOP-STYLE: none; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; BORDER-BOTTOM-STYLE: none
}
#outerImageContainer {
	MARGIN: 0px auto; WIDTH: 250px; PADDING-TOP: 120px;  HEIGHT: 250px; BACKGROUND-COLOR: #fff;
}
#imageContainer {
 margin-left:65px; margin-right:75px; padding-top:10px; padding-bottom:10px;
}
#loading {
	LEFT: 0%; WIDTH: 100%; LINE-HEIGHT: 0; POSITION: absolute; TOP: 40%; HEIGHT: 25%; TEXT-ALIGN: center
}
#hoverNav {
  	 WIDTH:70px; height:50px;  float:right;  text-align:left;
}

#prenav 
{
	width:70px; height:50px; float:left; text-align:left;
	}
#imageContainer > #hoverNav {
	LEFT: 0px
}

#hoverNav A {
	outline: none
}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}

#prevLink:hover, #prevLink:visited:hover { background: url(prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(nextlabel.gif) right 15% no-repeat; }


#imageDataContainer {
	PADDING-BOTTOM: 8px; MARGIN: 0px auto; FONT: 10px/1.4em Verdana, Helvetica, sans-serif; OVERFLOW: auto; WIDTH: 70px; BACKGROUND-COLOR: #fff
}
#imageData {
	COLOR: #666
}
#imageData #imageDetails {
	WIDTH: 100%; TEXT-ALIGN: center
}
#imageData #caption {
	PADDING-RIGHT: 0px; DISPLAY: none; PADDING-LEFT: 0px; FONT-SIZE: 11pt; PADDING-BOTTOM: 15px; PADDING-TOP: 4px
}
#imageData #numberDisplay {
	DISPLAY: block; FONT-SIZE: 10pt; FLOAT: left
}
#imageData #bottomNavClose {
	FLOAT: right; PADDING-BOTTOM: 0.7em; WIDTH: 66px
}
#bottomNav {
	Z-INDEX: 1000; RIGHT: 4px; POSITION: absolute; TOP: 4px
}
#overlay {
	Z-INDEX: 90; LEFT: 0px; WIDTH: 100%; POSITION: absolute; TOP: 0px; HEIGHT: 500px; BACKGROUND-COLOR: #000
}
#RollNumBox {
	OVERFLOW: hidden; MARGIN-RIGHT: 4px; TEXT-ALIGN: center
}
#ImagesRollNum {
	DISPLAY: inline; FONT-SIZE: 9pt; OVERFLOW: hidden
}
#ImagesRollNum #PrevImg {
	LINE-HEIGHT: 16px; MARGIN-RIGHT: 8px; 
}
#ImagesRollNum #NextImg {
	MARGIN-LEFT: 6px; LINE-HEIGHT: 16px
}
#ImagesRollNum UL {
	
}
#ImagesRollNum LI {
	MARGIN-LEFT: 2px; WIDTH: 20px; TEXT-ALIGN: center
}
#ImagesRollNum A:hover 
{
	COLOR:#77ABC0;
	}
#ImagesRollNum SPAN A {
	PADDING-RIGHT: 6px; PADDING-LEFT: 6px; FONT-WEIGHT: bold; FONT-SIZE: 11px; PADDING-BOTTOM: 2px; COLOR: #ffffff; MARGIN-RIGHT: 2px; PADDING-TOP: 0px; HEIGHT: 14px; BACKGROUND-COLOR: #484937; TEXT-DECORATION: none; opacity: 0.7
}
#ImagesRollNum SPAN A:link {
	COLOR: #ffffff; TEXT-DECORATION: none
}
#ImagesRollNum SPAN A:visited {
	COLOR: #ffffff; TEXT-DECORATION: none
}
#ImagesRollNum SPAN A:hover {
	COLOR: #ffffff; BACKGROUND-COLOR: #77ABC0; TEXT-DECORATION: none
}
#ImagesRollNum SPAN A.Select:link {
	COLOR: #ffffff; BACKGROUND-COLOR: #77ABC0; TEXT-DECORATION: none
}
#ImagesRollNum SPAN A.Select:visited {
	COLOR: #ffffff; BACKGROUND-COLOR: #77ABC0; TEXT-DECORATION: none
}
#bottomNav {
	Z-INDEX: 1000; RIGHT: 4px; POSITION: absolute; TOP: 3px
}
#outerImageContainer {
	BORDER-RIGHT: #77ABC0 1px solid; BORDER-TOP: #77ABC0 1px solid; BACKGROUND: url(../images/lightbox_title_bg1.gif) #fff repeat-x left top; MARGIN: 0px auto; BORDER-LEFT: #77ABC0 1px solid; WIDTH: 250px; PADDING-TOP: 20px; BORDER-BOTTOM: #77ABC0 0px solid; POSITION: relative; HEIGHT: 250px
}
#imageDataContainer {
	BORDER-RIGHT: #77ABC0 1px solid; BORDER-TOP: #77ABC0 1px solid; PADDING-BOTTOM: 15px; MARGIN: 0px auto; FONT: 10px/1.4em Verdana, Helvetica, sans-serif; OVERFLOW: auto; BORDER-LEFT: #77ABC0 1px solid; WIDTH: 470px; BORDER-BOTTOM: #77ABC0 1px solid; BACKGROUND-COLOR: #fff
}
#imageContainer {
	PADDING-TOP: 20px; 
}
