ul#slideshow{width:570px; height:350px; overflow:scroll}

.slideshow {width:525px; margin:auto;}

.slideshow-wrap {width: 520px; margin: 0 auto;}

.slideshow-image {
	position: relative; 
	height: 340px; 
	width: 500px; 
	background: #EBECE1; /*#fafafa;*/ 
	border: 1px solid #EBECE1; /*#e5e5e5;*/
	padding: 10px;
	}
	
	/*position image holders */
.slideshow-image .animation, .slideshow-image .main-image {
		position: absolute; 
		top: 10px; 
		left: 10px;
		}
		
.slideshow-image .animation {
	display: none;
	z-index:2;
	}

.slideshow-image img {
	border:0;
	}

.slideshow-image .caption {
	position: absolute; 
	background: url(../images/mainpage_slideshow/assets/75-black.png);  
	border: 1px solid #141414; 
	font-size: 14px; 
	font-weight:bold; 
	color: #fafafa; 
	padding: 10px; 
	text-align: right; 
	bottom: 50px; 
	right: 10px;
}

.slideshow-image .caption p {
	padding: 0; 
	margin: 0; 
	line-height: 14px;
	}

.slideshow-imgnav a {
	position: absolute; 
	text-indent: -5000px; 
	display: block;
	z-index:3;
	}

.slideshow-imgnav a.previous {
	background: url(../images/mainpage_slideshow/assets/prev.png) no-repeat left 50%; 
	height: 340px; 
	width: 50px; 
	top: 10px; 
	left: 10px;
	cursor:pointer;
	}

.slideshow-imgnav a.next {background: url(../images/mainpage_slideshow/assets/next.png) no-repeat right 50%; height: 340px; width: 50px; top: 10px; right: 10px;cursor:pointer;}

.slideshow-imgnav a.play {background: url(../images/mainpage_slideshow/assets/play.png) no-repeat 50% 50%; height: 100px; width: 40px;top:0;left:50%;display: none;cursor:pointer;}

.slideshow-imgnav a.pause {background: url(../images/mainpage_slideshow/assets/pause.png) no-repeat 50% 50%; height: 100px; width: 40px;top:0;left:50%;display:none;cursor:pointer;}

.slideshow-textnav {overflow: hidden; margin: 10px 0 0 0;}

.slideshow-textnav a {font-size: 12px; text-decoration: none; font-family:  helvetica, arial, sans-serif; color: #333; padding: 4px;}

.slideshow-textnav a:hover {background: #e5e5e5; color: #0065B2;}

.slideshow-textnav a.previous {float: left; width: auto; display: block;}

.slideshow-textnav a.next {float: right; width: auto; display: block;}
	
.slideshow-thumbs {margin: 10px 0 0 0; padding: 0; overflow: hidden; }

.slideshow-thumbs li {float: left; list-style-type: none; width: 74px; padding: 3px; margin: 0 2px; background: #fafafa; border: 1px solid #e5e5e5; cursor: pointer;}

.slideshow-thumbs li.last {margin: 0;}

.slideshow-thumbs li .clip {position:relative;width: 74px; height: 74px; text-align: center; vertical-align: middle; overflow: hidden;}

.clip span{background-color:black;position:absolute;top:5px;left:5px;display:block;}


		
		
/* jCarousel Styles */
/*if you're not using the carousel you can delete everything below this */
.jcarousel-skin-slideshow .jcarousel-container-horizontal { padding: 15px 30px;}
.jcarousel-skin-slideshow .jcarousel-container-vertical { width: 90px; height: 350px; padding: 20px 20px;}
.jcarousel-skin-slideshow .jcarousel-clip-horizontal {height: 90px; width: 460px;}
.jcarousel-skin-slideshow .jcarousel-clip-vertical { width:  90px; height: 350px;}
.jcarousel-skin-slideshow .jcarousel-item-horizontal { margin-right: 10px;}
.jcarousel-skin-slideshow .jcarousel-item-vertical {margin-bottom: 10px;}
.jcarousel-skin-slideshow .jcarousel-item-placeholder {background: #fff; color: #000;}