@charset "UTF-8";
/* CSS Document */

.Gallery{
	display: table;
	position: absolute;
	overflow: hidden;
	border:#666 solid 0px;
}
#Grabber{
	background-image:url(../gallery/Grabber.png);
	width:139px;
	height:9px;
	position:absolute;
	z-index:10000;
	left: 230px;
	top: -3px;
	cursor:pointer;
	visibility:visible;
	opacity:1.0;
}
.Viewer{
	width:600px;
	height:375px;
	text-align:center;
	position: relative;

	#top: 50%;
	display: table-cell;
	vertical-align: middle
}
.Viewer img{
	height:auto;
	width:auto;
	position: absolute;
	top: 0px;
	left:0px;
	z-index:200;
	max-width:600px;
	width: expression(this.width > 600 ? 600: true); 
}
#Picture2{
	display: none;
}
div.Slider{
	width:577px;
	height:75px;
	padding-left:22px;
	margin-top:0px;
	margin-left:2px;
	border:1px solid #000;
	overflow:hidden;
	background-color:#FFF;
	position:relative;
	cursor:pointer;
	white-space:nowrap;
	text-align:left;
	
}
div.SliderArrowLeft{
	position:absolute;
	left:-2px;
	width:28px;
	height:77px;
	top:-1px;
	background-image:url(../gallery/Slider-Left.png);
	cursor:pointer;
	z-index:1000;
}
div.SliderArrowRight{
	position:absolute;
	right:-2px;
	width:28px;
	height:77px;
	top:-1px;
	background-image:url(../gallery/Slider-Right.png);
	cursor:pointer;
	z-index:1000;
}
div.Slider img{
	height:67px;
	margin-top:4px;
	padding:2px;
	argin-right:2px;
	box-sizing:border-box;
	margin-left:0px;
	display:inline;
	white-space:nowrap;
	border:#333 solid 1px;
	opacity:0.6;	
	filter:alpha(opacity=60);
	max-width:101px;
	width: expression(this.width > 101 ? 101: true);
	text-align:left;
	
}
div.Slider #SliderImage1{
	opacity:1;	
	filter:alpha(opacity=100);
}
.Arrow{
	display:none;
	z-index:1000;
}
.Viewer p{
	position:absolute;
	top:378px;
	left:0px;
	padding-left:10px;
	padding-bottom:10px;
	padding-top:10px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	margin:0px;
	width:100%;
	height:auto;
	background-color:#000;
	color:#FFF;
	opacity:0.8;
	filter: alpha(opacity = 90);
	text-align:left;
	z-index:10000;
}
#RightArrow{
	background-image:url(../gallery/Right-Arrow.png);
	width:41px;
	height:39px;
	position:absolute;
	right:0px;
	top: 180px;
	cursor:pointer;
}
#LeftArrow{
	background-image:url(../gallery/Left-Arrow.png);
	width:41px;
	height:39px;
	position:absolute;
	left:0px;
	top:180px;
	cursor:pointer;
}
