.slideControlsHolderLeft
{
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width: 25%;
	height: 100%;
	margin: auto;
	z-index: 110;
	opacity: 0;
	transition: opacity 1s ease-in-out;
	-moz-transition: opacity 1s ease-in-out;
	-webkit-transition: opacity 1s ease-in-out;
}

.slideControlsHolderRight
{
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	width: 25%;
	height: 100%;
	margin: auto;
	z-index: 110;
	opacity: 0;
	transition: opacity 1s ease-in-out;
	-moz-transition: opacity 1s ease-in-out;
	-webkit-transition: opacity 1s ease-in-out;
}

.slideControlsHolderLeft:hover,  .slideControlsHolderRight:hover
{
	opacity: 1;
	transition: opacity .55s ease-in-out;
	-moz-transition: opacity .55s ease-in-out;
	-webkit-transition: opacity .55s ease-in-out;
	-webkit-user-select: none;
	-webkit-touch-callout: none;  
}

.slideControlsLeft
{
	position: absolute; 
	top: 50%; 
	margin-top: -25px; /* minus half the image height */
	text-align: left;
	width: 100%;
}

.slideControlsRight
{
	position: absolute; 
	top: 50%; 
	margin-top: -25px; /* minus half the image height */
	text-align: right;
	width: 100%;
}

.slideControlsImg_Right
{
	-moz-transform: scaleX(-1);
	-o-transform: scaleX(-1);
	-webkit-transform: scaleX(-1);
	transform: scaleX(-1);
	filter: FlipH;
	-ms-filter: "FlipH";
}

#slideHolder
{
	position: relative;
	margin: auto;
	background-color: #aaaaaa;
	width: 288px;
	height: 162px;
	text-align: center;
}

#slideHolderArea
{
	position: relative;
	margin: auto;
	background-color: #aaaaaa;
	width: 288px;
	height: 162px;
	text-align: center;
}

.slideImage
{
	width: 288px; /* 320 */
	height: 162px; /* 180 */
}

.slide
{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	opacity: 0;
}

.slideActive
{
	
	position: relative;
	opacity: 1.0;
	transition: opacity .55s ease-in-out;
	-moz-transition: opacity .55s ease-in-out;
	-webkit-transition: opacity .55s ease-in-out;
	-webkit-user-select: none;
	-webkit-touch-callout: none; 	
}

.slideDescription
{
	display: block; 
	background-color: white; 
	opacity: 0; 
	color: black; 
	font-weight: bold;
	font-size: 11px;
	margin: 0 auto; 
	position: absolute; 
	left: 0; 
	right: 0; 
	bottom: 10px; 
	text-align: center; 
	width: 90%; 
	border: 3px solid white; 
	border-radius: 10px;	
	/* z-index: 200; */
	transition: opacity 1s ease-in-out;
	-moz-transition: opacity 1s ease-in-out;
	-webkit-transition: opacity 1s ease-in-out;
	box-shadow: 3px 3px 3px #1a1a1a;
}

.slideDescriptionActive
{
	opacity: 1;	
	transition: opacity .55s ease-in-out;
	-moz-transition: opacity .55s ease-in-out;
	-webkit-transition: opacity .55s ease-in-out;
	-webkit-user-select: none;
	-webkit-touch-callout: none; 
}