/**
 * slideshowjs.css
 * Basic stylesheet used to show customization options for
 * Slideshow JS 2.0
 */

div.slideshow-container {
overflow: hidden;
}

	div.slideshow-title {
		position: absolute;
		width: 100%;
		left: 0;
		bottom: 0;
		font-family: Tahoma, Arial, Sans-serif;
		font-size: 11px;
		font-weight: bold;
		background: rgb(0, 0, 0);
		color: rgb(255, 255, 255);
		text-align: right;
		padding: .2em 0 .2em 0;
		opacity: 0.8;
	}

	div.slideshow-container div.filmstrip {
/* 		background: rgb(10, 10, 10); */
	}

		div.filmstrip ul.filmstrip {
			list-style-type: none;
			margin: 0;
			padding: 0;
		}
		
		div.filmstrip img {
			margin: .3em;
		}


div.control {
}

.homeContentBoxes #previousImage{
	position: relative;
	top: 40px !important;
	width: 20px;
	height: 20px;
	background: none !important;
	border: 1px solid red;
	z-index: 10;
}

.homeContentBoxes #nextImage{
	border: 1px solid red;

	position: relative;
	width: 20px;
	height: 20px;
	background: none !important;
}

.homeContentBoxes #pausePlayImage{
	position: relative;
	width: 20px;
	height: 20px;
	border: 1px solid red;

}

/* ELEMENTS
------------------------------------------- */
html.js ul#list-a li { display: none; }
html.js ul#list-a li.active { display: block; }

#list-a li img { display: block;  }
#list-b li,
#list-c li { padding: 20px; }

/* SF Rotator
------------------------------------------- */

#homeMainImage .sfrotator { position: relative; width: 920px !important; height: 373px; margin: 0px; }

.sfrotator { position: relative; width: 210px; height: 160px; margin: 0px; }
.sfrotator ul { margin:0;}
.sfrotator li { list-style: none;}
.sfrotator .sfitems { position: relative; z-index: 10; }
.sfrotator .sfitems .sfitem { position: absolute; top: 0; left: 0; z-index: 10; height: 160px; } 
.sfrotator .sfcontrols { position: absolute; right:auto; bottom: -2px; float: left; overflow: hidden; z-index: 20; margin: 0; }

#HomeMainImage .sfrotator ul.sfcontrols { display: none; }


.sfrotator .sfcontrols li { display: inline; float: left; width: 15px; height: 15px; text-align: center; margin: 0 5px; z-index: 20; font: normal 9px Verdana, Arial, Helvetica, sans-serif; border: none; }


.sfrotator .sfcontrols li a { display: block; color: gray; background: white; text-align: center; text-decoration: none; border: 1px solid gray; height: 12px;  }
.sfrotator .sfcontrols li a.active { background: #f3f3f3; border-color: gray; color: #382a0e; }  
  .sfrotator .sfcontrols li a:hover { background: #000; border-color: #fff; color: #fff; }  

.homeContentBoxes ul {list-style: none; margin: 0; padding: 0;}