#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #151410;	
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
}
#lightbox{
	position: absolute;
	top: 20px;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	color:#151410;
	line-height:0;
}
#lightbox a, #lightbox a:hover{
	border-bottom:none;
	color:#151410;
	text-decoration:underline;
}
#lightbox a img{ 
	border: none; 
}


#outerImageContainer{
	width: 250px;
	height: 250px;
/* without this line error in IE8 detected */
	margin: 0 auto;
	position: relative;
}
#imageContainer{
	width:100%;
	background-color: #fff;
	position: relative;
/*	border-style:solid;	
	border-color:#fff;
	border-width:1px;*/
	font-size:0;
/* ie fix - big info bar*/
}
#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#loadingLink {
	display:block;
	margin:0 auto;
	padding:0;
	width:32px;
	height:32px;
	background:url('../images/loading.gif') center center no-repeat;
	text-indent:-9999px;
}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#imageContainer>#hoverNav{
 	left: 0;
}
#hoverNav a{
 	outline: none;
}
#prevLinkImg, #nextLinkImg{
	width: 49%;
	height: 100%;
	background-image: url(data:image/gif;base64,AAAA);
 /* Trick IE into showing hover */
	display: block;
	text-indent:-9999px;
}
#prevLinkImg {
	left: 0;
	float: left;
}
#nextLinkImg {
 	right: 0; 
	float: right;
}
#prevLinkImg:hover, #prevLinkImg:visited:hover {
	background: url('../images/prev.png') 5% center no-repeat;
	_background-image:url('../images/prev_ie6.gif')
}
#nextLinkImg:hover, #nextLinkImg:visited:hover {
	background: url('../images/next.png') 97% center no-repeat;
	_background-image:url('../images/next_ie6.gif')
}
#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	width:100%;
}
#imageData{
	overflow:hidden;
	width:100%;
}
#imageDetails{
	width: 70%; 
	float: left; 
	text-align: left;
 	padding:10px 10px 0 10px;
}
#caption{ 
	font-weight: bold; 
	display:block;
}
#numberDisplay{ 
	display: block; 
	float: left; 
	padding-right:10px;
}			
#detailsNav{
	display:block; 
	float:left;   
	padding:0; 
}
#prevLinkDetails { 
	margin:3px; 
	margin-top:1px; 
	display:block; 
	width:16px;height:16px; 
	background: url('../images/prevlabel.gif') 
	left center no-repeat; 
	float:left; 
}
#nextLinkDetails { 
	margin:3px; 
	margin-top:1px; 
	display:block; 
	width:16px;
	height:16px; 
	background: url('../images/nextlabel.gif') right center no-repeat; 
	float:left; 
}
#slideShowControl.started{
	background-image:url('../images/pause.gif');
}
#slideShowControl{
	display:block;
	width:17px;
	height:17px;
	float:left;
	background:url('../images/start.gif');
	background-position:center center;
	background-repeat:no-repeat;
}
#close{	
	padding:10px 10px 0 0;
	float:right;
}
#closeLink{
	display:block;
	margin:0;
	padding:0px;
	text-decoration:none;
	width:32px;
	height:32px;
	background:url('../images/close.gif') no-repeat;
}	
.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 */
}	
#outerImageFrame{
	border:solid 1px red;
	height:100%;
	width:100%;
	position:absolute;
}
#outerImageContainer{
	overflow:visible;
}
#outerImageContainer td{
	text-align:center;
	padding:0;
}
#lightboxFrameBody{
	background-color: #fff;
	border:solid 1px #fff; 
/* hack for opera table small cell width */
	_vertical-align:top;
	_height:90%;
	//vertical-align:top;
	//height:90%;
}
#outerImageContainer td{
	font-size:0;
}
/* frame style */
#outerImageContainer td.tl, #outerImageContainer td.br{
	height:15px;
	width:15px;
}
#outerImageContainer td.tl{
	background-image:url('../images/borderTopLeft.png');
	_background-image: none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='engine/images/borderTopLeft.html', sizingMethod='scale');
}
#outerImageContainer td.tc{
	background-image:url('../images/borderTopCenter.png');
	_background-image: none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='engine/images/borderTopCenter.html', sizingMethod='scale');
}
#outerImageContainer td.ml{
	background-image:url('../images/borderMiddleLeft.png');
	_background-image: none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='engine/images/borderMiddleLeft.html', sizingMethod='scale');
}
#outerImageContainer td.mr{
	background-image:url('../images/borderMiddleRight.png');
	_background-image: none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='engine/images/borderMiddleRight.html', sizingMethod='scale');
}
#outerImageContainer td.bc{
	background-image:url('../images/borderBottomCenter.png');
	_background-image: none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='engine/images/borderBottomCenter.html', sizingMethod='scale');
}
#outerImageContainer td.tr{
	background-image:url('../images/borderTopRight.png');
	_background-image: none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='engine/images/borderTopRight.html', sizingMethod='scale');
}
#outerImageContainer td.bl{
	background-image:url('../images/borderBottomLeft.png');
	_background-image: none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='engine/images/borderBottomLeft.html', sizingMethod='scale');
}
#outerImageContainer td.br{
	background-image:url('../images/borderBottomRight.png');
	_background-image: none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='engine/images/borderBottomRight.html', sizingMethod='scale');
}
.gallery {
	zoom:1;
	width:auto;				
}
.gallery a {
	display:block;
	float:left;
	margin:5px;
	opacity:0.87;
	text-align:center;
}
.gallery a:hover {
	opacity:1;
}
.gallery a img {
	border:none;
	display:block;
}
.gallery a#vlightbox{
	display:none
}