#LightBox
{
	width: 330px;
	float: left;
	position: relative;
	margin-top: 10px;
	margin-bottom: 16px;
}
#LightBox .jcarousel-container-horizontal 
{
	width:330px;
}

#LightBox #lbImagesNumbers
{
	padding: 0px 0px 2px 25px;
	float: left;
	height: 17px;
	margin-top: 2px;
}
.n1
{
	background: url(../Images/Timer.gif) no-repeat left top;
}
.n2
{
	background: url(../Images/Timer_n2.gif) no-repeat left top;
}
.n3
{
	background: url(../Images/Timer_n3.gif) no-repeat left top;
}
.n4
{
	background: url(../Images/Timer_n4.gif) no-repeat left top;
}
#LightBox .stopped 
{
	background: url(../Images/lb_thumb.gif) no-repeat left top;
}
#lbImagesNumbers a /*IE*/
{
	cursor: pointer;
	margin: 2px 3px 0px 0px;
	float: left;
	font-size: 11px;
	color: #000;
	border: 1px #000 solid;
	padding: 1px 3px;
	line-height: 90%;
}
body:last-child:not(:root:root) #lbImagesNumbers a /*Safari*/
{
	padding-bottom: 3px;
}
#lbImagesNumbers a.active, #lbImagesNumbers a:hover
{
	border-color: #09f;
	background: #00aeef;
	color: #fff;
	font-weight: bold;
	cursor: default;
}
#lbImagesNumbers a:hover
{
	text-decoration: none;
}

#LightBox div.ImagesList
{
	border: 1px #666 solid;
	padding: 1px;
	background: #003259;
	position: relative;
	float: left;
	width: 326px;
	margin-top: 5px;
}
div.ImagesList li img 
{
	display: none;	
}
div.ImagesList li img.img_0
{
	display: block;
}
#LightBox div.ImagesList div.Corner
{
	width: 20px;
	height: 20px;
	position: absolute;
	right: -1px;
	top: -1px;
	background: url(../Images/lb_corner.gif) no-repeat;
	font-size: 0px;
	z-index: 3;
}

#LightBox .jcarousel-clip 
{
	margin:0;
	overflow:hidden;
	padding:0;
	position:relative;
	z-index:2;
}
#LightBox .jcarousel-clip-horizontal 
{
	width: 326px;
}
#LightBox .jcarousel-list 
{
	left:0;
	margin:0;
	overflow:hidden;
	padding:0;
	position:relative;
	top:0;
	z-index:1;
}
#LightBox .jcarousel-list li, #LightBox .jcarousel-item 
{
	float:left;
	width:326px;
	position: relative;
	height: 190px;
}
div.ImagesList .jcarousel-item img
{
	width: 326px;
	float: left;
	display: block;
}


.ImageText
{
	position: absolute;
	width: 296px;
	padding: 12px 15px;
	bottom: 0px;
	left: 0px;
	color: #fff;
	z-index: 4;
	text-align: left;
	font-size: 11px;
}
.ImageText h4
{
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 5px;
}
.ImageText a
{
	color: #fff;
	text-decoration: underline;
}
.ImageTextOverlay /*IE*/
{
	width: 326px;
	/*padding: 12px 0px;*/
	padding: 0px;
	font-size: 0px;
	position: absolute;
	bottom: 0px;
	left: 0px;
	background: #00192c;
	opacity: 0.7;
	z-index: 3;
}

.Thumbnails
{
	margin-top: 7px;
	float: left;
	font-size: 11px;
}
.Thumbnails .item
{
	float: left;
	width: 78px;
	padding: 0px 2px;
	cursor: pointer;
}
.Thumbnails .ImageContainer
{
	width: 49px;
	margin: 0px auto 3px; /*IE*/
	position: relative;
}
.Thumbnails .ImageContainer .Number /*IE*/
{
	position: absolute;
	left: 0px;
	bottom: 0px;
	border: 1px #333 solid;
	line-height: 90%;
	padding: 2px 3px 1px;
	background: #fff;
	font-weight: bold;
}
body:last-child:not(:root:root) .Thumbnails .ImageContainer .Number /*Safari*/
{
	padding-bottom: 2px;
}
.Thumbnails img
{
	border: 1px #333 solid;
	padding: 1px;
	background: #aaa;
	width: 45px;
	height: 40px;
}

.Thumbnails .active
{
	cursor: default;
}
.Thumbnails .active img
{
	background: #09f;
	border-color: #2dabff;
}
.Thumbnails .active .Number
{
	background: #00aeef;
	border-color: #09f;
	color: #fff;
}
.Thumbnails .active a
{
	color: #000;
}
.Thumbnails .active a:hover
{
	text-decoration: none;
}
