#overlay{

	position:absolute;

	top:0;

	left:0;

	z-index:1090;

	width:100%;

	height:auto;

	background-color:#131313;

}



#lightbox{

	position:absolute;

	top:20px;

	left:0;

	width:100%;

	z-index:1100;

	text-align:center;

	color:white;

	line-height:0;

}



#lightbox a, #lightbox a:hover {

	border-bottom:none;

	color:white;

	text-decoration:underline;

}



#lightbox a img{ border:none; }



#outerImageContainer{

	width:auto;

	height:auto; /* without this line error in IE8 detected */

	margin:0 auto;

	position:relative;

}



#lightboxImage{

	width:100%;

	height:100%;

}



#imageContainer{

	width:50px;

	height:50px;

	margin:0 auto;

	overflow:hidden;

	position:relative;

	font-size:0;/* ie fix - big info bar*/

}



#loading{

	position:absolute;

	top:40%;

	left:0;

	height:25%;

	width:100%;

	text-align:center;

	font-size:10px;

	z-index:1;

}

#loadingLink {

	display:block;

	margin:0 auto;

	padding:0;

	width:60%;

	height:32px;

	background:url(../images/icons/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/icons/prev.png) 5% center no-repeat; 

	_background-image:url(../images/icons/prev.gif)

}

#nextLinkImg:hover, #nextLinkImg:visited:hover { 

	background:url(../images/icons/next.png) 97% center no-repeat; 

	_background-image:url(../images/icons/next.gif)

}



#imageDataContainer{

	font:10px Verdana, Helvetica, sans-serif;

	font-family:" Trebuchet MS",tahoma,verdana,arial,sans-serif;

	font-size:13px;

	width:100%;

}



#imageData{

	overflow:hidden;

	width:100%;

}

#imageDetails{ width:70%; float:left; text-align:left; 	padding:10px 10px 0 0;}

#caption{ font-weight:bold; display:block;}

#numberDisplay{ display:block; float:left; padding:9px 10px 0 0;}

#detailsNav{display:block; float:left;   padding:0; }

#prevLinkDetails, #nextLinkDetails, #slideShowControl{ background-repeat:no-repeat; outline-style:none; display:block; float:left;}

#prevLinkDetails {

	margin:2px; width:32px;height:32px; background-position:left 100%;

	background-image:url(../images/icons/navigation.png);

	_background:none;

	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/icons/prev-32grey.png', sizingMethod='scale');

}

#prevLinkDetails:hover {

	background-position:0 0;

	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/icons/prev-32color.png', sizingMethod='scale');

}



#nextLinkDetails {

	margin:2px; width:32px;height:32px; background-position:right 100%;

	background-image:url(../images/icons/navigation.png);

	_background:none;

	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/icons/next32-grey.png', sizingMethod='scale');

}

#nextLinkDetails:hover {

	background-position:100% 0;

	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/icons/next32-color.png', sizingMethod='scale');

}

#slideShowControl{

	display:block;

	width:32px; 

	height:32px; 

	float:left;

	margin:2px; 

	background-image:url(../images/icons/navigation.png);

	background-position:-32px 100%;

	background-repeat:no-repeat;

	_background:none;

	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/icons/start32grey.png', sizingMethod='scale');

}

#slideShowControl:hover{

	background-position:-32px 0;

	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/icons/start32color.png', sizingMethod='scale');

}

#slideShowControl.started{

	background-position:-64px 100%;

	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/icons/pause32grey.png', sizingMethod='scale');

}

#slideShowControl.started:hover{

	background-position:-64px 0;

	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/icons/pause32color.png', sizingMethod='scale');

}



#close{

	padding:16px 0 0;

	float:right;

}

#closeLink {

	display:block; 

	outline-style:none; 

	margin:0; 

	padding:0; 

	text-decoration:none; 

	width:48px;

	height:48px;

	background:url(../images/icons/close.png) no-repeat 0 100%;

	_background:none;

	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/icons/cancel48grey.png', sizingMethod='scale');

}

#closeLink:hover{

	background-position:0 0;

	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/icons/cancel48color.png', sizingMethod='scale');

}



.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{

	height:100%;

	width:100%;

	position:absolute;

}



#outerImageContainer{

	overflow:visible;

}

#outerImageContainer td{

	text-align:center;

	padding:0;

}



#lightboxFrameBody{

	background:url(../images/icons/back_info.png);

	_background:none;

	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/icons/back_info.png', sizingMethod='scale');

}



#outerImageContainer td{

	font-size:0;

}

/* frame style */

#outerImageContainer td.tl, #outerImageContainer td.br{

	height:19px;

	width:19px;

}



#outerImageContainer td.tl{

	background:url(../images/icons/back_corvers.png) 0 0;

	_background-image:none;

	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/icons/back_lt.png', sizingMethod='scale');

}

#outerImageContainer td.tc{

	background:url(../images/icons/back_tb.png) 50% 0;

	_background:none;

	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/icons/back_ct.png', sizingMethod='scale');

}

#outerImageContainer td.tr{

	background:url(../images/icons/back_corvers.png) 100% 0;

	_background-image:none;

	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/icons/back_rt.png', sizingMethod='scale');

}

#outerImageContainer td.ml{

	background:url(../images/icons/back_lr.png) 0 50%;

	_background-image:none;

	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/icons/back_lc.png', sizingMethod='scale');

}

#outerImageContainer td.mr{

	background:url(../images/icons/back_lr.png) 100% 50%;

	_background-image:none;

	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/icons/back_rc.png', sizingMethod='scale');

}

#outerImageContainer td.bl{

	background:url(../images/icons/back_corvers.png) 0 100%;

	_background-image:none;

	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/icons/back_lb.png', sizingMethod='scale');

}

#outerImageContainer td.bc{

	background:url(../images/icons/back_tb.png) 50% 100%;

	_background-image:none;

	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/icons/back_cb.png', sizingMethod='scale');

}

#outerImageContainer td.br{

	background:url(../images/icons/back_corvers.png) 100% 100%;

	_background-image:none;

	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/icons/back_rb.png', sizingMethod='scale');

}

/*------------img gallery  css-------------*/

#vlightbox {  padding-bottom:10px}

#vlightbox a{ margin:auto 0; float:left; width:31%; margin:1%;}

#vlightbox a img{width:100%; vertical-align:top; border: 2px solid #f12c67; box-shadow: #000000ad 0px 1px 10px;}
#vlightbox a:hover{ opacity:1; }
#vlightbox a.vlightbox_hidden{ display:none; }

@media screen and (min-width:320px) and (max-width:480px) {
	#vlightbox a{width:100%; margin:4px 0 !important;}
}
 
 

