/* slideshow styles */
.slideShow ul,
.slideShow li,
.slideShow ol {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
.slideShow {
	clear: both;
	width:944px; height:350px; position:relative; top: 3px; left: 3px;
}

/** navigation **/
.slideShow .navigation {
	margin: 5px 0px 0px 0px;
	clear: left;
	display: block;
}
.slideShow .navigation li {
	display: inline;
}

.slideShow .thumbs a {
	padding: 0px;
	overflow: hidden;
	background-color: transparent;
	height: 50px;
}

.slideShow ol.topNavigation {
	margin: 0px 0px 10px 0px;
}

/** slides with more than an image in it **/
.slide h1 {
	position: absolute;
	background:url(../img/slide-text.png);
	color:#FFF;
	right: 0px;
	top: 220px;
	font-style:normal; font-size:20px; height: 57px; line-height: 57px; text-align: center; overflow: hidden;padding: 0 15px 0 15px;
}

.slide h2 {
	position: absolute;
	background:url(../img/slide-text1.png);
	color:#ebebeb;
	right: 0px;
	top: 280px;
	font-style:normal; font-size:12px; height: 37px; line-height: 37px; overflow: hidden; padding: 0 15px 0 15px;
}

.slide dl dt {
	width: 500px;
}

/** slides with text over images **/
.slide p {
	margin: 1em;
	position: absolute;
	background-color: #000;
	color: #fff;
	z-index: 1;
	padding: 0.2em 0.8em;
}
.slide p a {
	color: #fff;
}

/** slideshow with images in navigation **/
.navigation.white a, .navigation.white li {
	background-color: #ffffff;
}
.navigation.white a {
	border: 1px solid #ffffff;
	padding: 0px;
	line-height: 0.8em;
}
.navigation.white a:hover,
.navigation.white a.selected {
	background-color: #ffffff;
	border: 1px solid #999;
}

.navigation .prev{ width:33px; height:38px; float:left; background:url(../img/prew.png) no-repeat; border:none; position:absolute; top:45%; right:-15px; z-index: 5;}
.navigation .next{ width:33px; height:38px; float:left; background:url(../img/next.png) no-repeat; border:none; position:absolute; top:45%; left:-15px; z-index: 5;}