/* default styles there should be no need to change these */
/*****************************************************************************/
.webImageGallery004:after{
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	line-height: 0px;
} 

.webImageGallery004 .slideshow{
	position:relative;
}

.webImageGallery004 .slideshow div{
	position: absolute;
	z-index:8;
	opacity:0.0;
	filter:alpha(opacity=0);
	left: 0px;
	top: 0px;
}

.webImageGallery004 .slideshow div.active{
	z-index:10;
	opacity:1.0;
	filter:alpha(opacity=100);
	display:block;
}

.webImageGallery004 .slideshow div.last-active{
	z-index:9;
}

.mainImageGallery{
	position: relative;
}

.mainImageGallery .imagesHTMLOutput{
	position: absolute;
	top: -367px;
	left: -200px;
}

.mainImageGallery .navigationHTMLOutput{
	position: absolute;
	top: 0px;
	right: -75px;

}


.mainImageGallery .navigationHTMLOutput .pageNumbers .pageNumber{
	padding: 0px 0px 0px 5px;
}

.mainImageGallery .navigationHTMLOutput .pageNumbers .currentImage{
	color: #414141;
}

/*.mainImageGallery .navigationHTMLOutput .prevPageLink{
	position: absolute;
	top: 15px;
	right: 20px;
	
}

.mainImageGallery .navigationHTMLOutput .pageNumbers{
	position: absolute;
	top: 0px;
	right: 0px;
	min-width: 75px;
	text-align: right;
}

.mainImageGallery .navigationHTMLOutput .nextPageLink{
	position: absolute;
	top: 15px;
	right: 0px;
}*/



.mainImageGallery .navigationHTMLOutput .prevPageLink{
	float: left;
	
}

.mainImageGallery .navigationHTMLOutput .pageCount{
	float: left;
	padding: 0px 3px;
	
}

.mainImageGallery .navigationHTMLOutput .pageNumbers{
	float: left;
}

.mainImageGallery .navigationHTMLOutput .nextPageLink{
	float: left;
}
/*****************************************************************************/

.shortLeftColumn .mainImageGallery .imagesHTMLOutput{
	left: -50px;
}