/*---------
FOR ADDLOVE
----------*/

#overlay
{
	position: absolute;
	top: 0;
	left: 0;z-index: 9000;width: 100%;height: 100%;background-color: #000;filter:alpha(opacity=65);-moz-opacity: 0.65;opacity: 0.65;	}

#lightbox
	{
		width:735px;position:absolute;
		top:20px;
		z-index:9001;
	}

#lightMidPnl{width:650px;float:left;}

#prevLinkDetails
{
	width:15px;
	height:22px;
	display:block;
	margin-top:200px;
	background:url(images/btnBg.gif) left -326px no-repeat;
}
#prevLinkDetails:hover{background:url(images/btnBg.gif) left -282px no-repeat;}

#nextLinkDetails{ width:15px;height:22px;display:block;margin-top:200px;background:url(images/btnBg.gif) left -348px no-repeat;float:right; }	
#nextLinkDetails:hover,.nextActive{background:url(images/btnBg.gif) left -304px no-repeat!important;}

#lightBoxDescription{background:#090909;margin-top:10px;padding:10px;width:630px;float:left;}
#lightBoxDescription *{color:#fff;}
#lightBoxTitle{float:left;margin-bottom:12px;width:490px;}
#lightBoxRightContainer{width:180px;float:right;text-align:right;}
#lightBoxRightContainer a{margin-left:10px;}
#lightLeftPnl,#lightRightPnl{width:42px;height:500px;float:left;}

#lightBoxDesc{width:450px;float:left;color:#a5a4a1;}

#closeLink{width:21px;height:21px;background:url(images/btnBg.gif) left -260px no-repeat;display:block;float:right;}


/*#btnPlay{float:right;width:22px;height:16px;display:block;background:url(images/btnBg.gif) left -371px no-repeat;}
#btnPlay.playing{background-position:left -621px!important}*/


#btnPlay{float:right;width:18px;height:19px;display:block;background:url(images/btnPlay.gif) left top no-repeat;}
#btnPlay.playing,#btnPlay:hover{background-position:left bottom!important}

/*---------
END ADDLOVE
----------*/



#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{
	float:right;
	width:300px;
	}
	
	
	
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

/*

#prevLinkImg, #nextLinkImg{
	width: 49%;
	height: 100%;
	background: transparent url("images/blank.gif") no-repeat; 
	display: none;
	text-indent:-9999px;
	}
	
#prevLinkImg { left: 0; float: left;}
#nextLinkImg { right: 0; float: right;}
#prevLinkImg:hover, #prevLinkImg:visited:hover { background: url("images/prevlabel.gif") left 15% no-repeat; }
#nextLinkImg:hover, #nextLinkImg:visited:hover { background: url("images/nextlabel.gif") right 15% no-repeat; }

*/
.startSlideShow{margin:0 8px 0 0; background:url("images/stop.gif") no-repeat; height:23px;width:23px;display:block; float: left;}
.stopSlideShow{margin:0 8px 0 0; background:url("images/play.gif") no-repeat; height:23px;width:23px;display:block; float: left;}

#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #c9dda6;
	margin: 0 auto;
	line-height: 1.4em;
	border: 5px solid #fff;
	border-bottom: 0;
	padding-top: 5px;
	}

#imageData{
	padding:0 10px;
	}
#imageDetails{ width: 70%; float: left; text-align: left; }	
#caption{ font-weight: bold;	}
#numberDisplay{ display: block; clear: left; }			
#detailsNav{ display: block; clear: left; padding:0 0 10px 0;	}	
/*#prevLinkDetails { margin:0 8px 0 0; background: url(images/lightbox_btn-prev.gif) no-repeat; width: 23px; height: 23px; display: block; position:absolute; bottom:0; right:33px; }		
#nextLinkDetails { margin:0 8px 0 0; background: url(images/lightbox_btn-next.gif) no-repeat; width: 23px; height: 23px; display: block;position:absolute; bottom:0;right:0; }		*/

/*
#prevLinkDetails , #nextLinkDetails
{
	width:22px;
	height:22px;
	float:left;
}

#prevLinkDetails 
{
	background:url(images/lightbox_btn-prev.gif) no-repeat;
}

#nextLinkDetails
{
	background:url(images/lightbox_btn-next.gif) no-repeat;
}
*/

#lightboxcountertxt{
	padding:4px 10px 0 10px;
	font-size:11px;
	float:left;
	}
	
#ImgCounter
{
	float:right!important;
}
	
/*
#closeLink 
{
	display:block;
	width:23px;
	height:23px;
	background:url("images/icon_cross.gif") no-repeat;
	text-indent:-9999px;
	z-index:100;
	float:right;
}
*/
		
#lightboxBtnMain{
	float:right;
	width:95%;
	margin-top:8px;
	}
	
#lightboxBtn{
	margin:0 auto;
	width:120px;
	}
	

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

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

	
	.lightboxMain
	{
	position:absolute;
	width:705px;
	margin:50px auto;
	margin-left:150px;
	z-index: 100;
	}
	
	.lightboxTop{
	height:14px;
	background:url(images/lightbox_top.gif) no-repeat;
	}
	
	.lightboxMid{
	background:url(images/lightbox_bg.gif) repeat-y;
	padding:0 20px 0 30px;
	overflow:hidden;
	
	}
	
	/*.right{float:right!important;}
	
	/*
	.lightboxTitle{
	float:left;
	width:640px;
	margin-bottom:8px;
	}
*/
	
	.cross{
	float:right;
	}
	
	.lightboxMid table{
	float:left;
	border:solid 1px red;
	}
	
	.lightboxMid table td{
	vertical-align:bottom;
	line-height:14px;
	
	}
	
	.lightboxMid table td img{
	float:right;
	}
	
	.lightboxMid table td.font{
	font-size:11px;
	}
	
	.lightboxBot{
	height:14px;
	background:url(images/lightbox_bot.gif) no-repeat;
	
	}
	
	.lightboxBtn
	{
	float:right;
	width:180px;
	}
	
	.lightboxBtn li{
	float:left;
	display:inline;
	margin-top:6px;
	}
	
	.lightboxBtn li.btnPrevious, .lightboxBtn li.btnNext{
	width:22px;
	height:22px;
	float:left;
	}
	
	.lightboxBtn li.txt{
	padding:4px 10px 0 10px;
	font-size:11px;
	}
	
	
/* old css */


#lightboxOld{
	position: absolute;
	top: 20px;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	color:#151410;
	}

#lightboxOld a, #lightboxOld a:hover {
	border-bottom:none;
	color:#151410;
	text-decoration:underline;
}

#lightboxOld a img{ border: none; }

#outerImageContainerOld{
	position: relative;
	background-color: #fff;
	width: 350px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainerOld{
	padding:5px 0 0 0;
	}

#loadingOld{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#loadingLinkOld {
	display:block;
	margin:0 auto;
	padding:0;
	width:32px;
	height:32px;
	background:url("images/loading.gif") center center no-repeat;
	text-indent:-9999px;
}
#hoverNavOld{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainerOld>#hoverNav{ left: 0;}
#hoverNavOld a{ outline: none;}

#prevLinkImgOld, #nextLinkImgOld{
	width: 49%;
	height: 100%;
	background: transparent url("images/blank.gif") no-repeat; /* Trick IE into showing hover */
	display: none;
	text-indent:-9999px;
	}
#prevLinkImgOld { left: 0; float: left;}
#nextLinkImgOld { right: 0; float: right;}
#prevLinkImgOld:hover, #prevLinkImgOld:visited:hover { background: url("images/prevlabel.gif") left 15% no-repeat; }
#nextLinkImgOLd:hover, #nextLinkImgOld:visited:hover { background: url("images/nextlabel.gif") right 15% no-repeat; }
.startSlideShow{margin:0 8px 0 0; background:url("images/stop.gif") no-repeat; height:23px;width:23px;display:block; float: left;}
.stopSlideShow{margin:0 8px 0 0; background:url("images/play.gif") no-repeat; height:23px;width:23px;display:block; float: left;}

#imageDataContainerOld{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #c9dda6;
	margin: 0 auto;
	line-height: 1.4em;
	border: 5px solid #fff;
	border-bottom: 0;
	padding-top: 5px;
	}

#imageDataOld{
	padding:0 10px;
	}
#imageDetailsOld{ width: 70%; float: left; text-align: left; }	
#captionOld{ font-weight: bold;	}
#numberDisplayOld{ display: block; clear: left; }			
#detailsNavOld{ display: block; clear: left; padding:0 0 10px 0;	}	
#prevLinkDetailsOld { margin:0 8px 0 0; background: url(images/prevlabel.gif) no-repeat; width: 23px; height: 23px; display: block; float: left; }		
#nextLinkDetailsOld { margin:0 8px 0 0; background: url(images/nextlabel.gif) no-repeat; width: 23px; height: 23px; display: block; float: left; }		
#closeLinkOld {
	display:block;
	margin:25px 0 0 0;
	padding:0 0 10px 0;
	text-decoration:none;
	float:right;
	width:23px;
	height:23px;
	background:url("images/close.gif") no-repeat;
	text-indent:-9999px;
	overflow:hidden;
}	

#lightBoxTitle{text-transform:uppercase;display:none;}
#lightBoxRightContainer div a{border-bottom:1px dotted #fff;display:block;float:right;}
#lightBoxRightContainer div a:hover{text-decoration:none;border-bottom:0;}