.svwp {width: 50px; height: 20px; background: #fff;} /*preloader stuff. do not modify!*/
.svwp ul{position: relative; left: -999em;}/*preloader stuff. do not modify!*/

.slideViewer { 
position: relative;
overflow: hidden; 
margin: 0;
padding: 0;
background: #fff;
}
.slideViewer ul {  /*your list of images*/
position: relative;
left: 0;
top: 0;
width: 1%;
list-style-type: none;
margin: 0; 
padding: 0;
}
.slideViewer ul li {
float:left;
}

.thumbSlider { /*the thumbnails slider*/
overflow: hidden;
width: 1%;
background: #fff;
}
.thumbSlider ul { 
list-style-type: none;
margin: 0; 
padding: 0;
}
.thumbSlider ul li{ 
float:left;
margin: 0;
}
.thumbSlider a{
color: #fff;
text-decoration: none;
}
.thumbSlider a img{
border: 0;
display: block;
padding: 0;
z-index:1;
}

.thumbSlider a div.title {
	background:url('<?php echo "templates/".CURRENT_TEMPLATE; ?>/img/teaserTitleBackground.png') repeat transparent;
	margin-top:-32px;
	position:absolute;
	z-index:999;
	width:164px;
	padding:8px;
	text-align:left;
}

.thumbSlider a:hover div.title, .thumbSlider a div.title.active {
	background:none;
	color:#000;
}

.thumbSlider a div.teaserTitleHover {
	background:url('<?php echo "templates/".CURRENT_TEMPLATE; ?>/img/teaserTitleHoverBackground.png') repeat transparent;
	margin-top:-146px;
	position:absolute;
	z-index:998;
	width:180px;
	height:73px;
	color:#000;
}

.thumbSlider p.tmbrdr { /* the border above -not around- each thumb */
/* width, height and top values are dynamically added by the script. Do not modify. */
position:relative; 
left: 0;
font-size: 0.01em;
left: 0;
margin: 0;
padding: 0;
}