.svwp {
	width: 50px;
	height: 20px;
	background: #fff;
} /*preloader stuff. do not modify!*/
.svwp ul{
	left: -999em;
	width: 600px;
	position: relative;
}/*preloader stuff. do not modify!*/
.slideViewer {
	position: relative;
	overflow: hidden;
	padding: 0;
	background: #fff;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 100px;
}
.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;

}

/*typographic info*/
.slideViewer span.typo{ 
padding: 6px; /* do not modify padding */
background: #fff;
color: #000;
font: normal 10px Verdana;
}

.thumbSlider { /*the thumbnails slider*/
	overflow: hidden;
	width: 1%;
	background: #fff;
}
.thumbSlider ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
}
.thumbSlider ul li{
	float:left;
	margin: 0;
}
.thumbSlider a{
	color: #fff;
	text-decoration: none;
}
.thumbSlider a img{
	border: 0;
	display: block;
	margin-bottom: 100px;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 100;
	padding-left: 0;
}
.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;
}

a.left, a.right { /*the left and right buttons (links)*/
	background: transparent; /* could be any color  */
	color: #F9F;
	font: bold 16px Arial;
	overflow: hidden;
}
a.left span, a.right span{

}
a.left img, a.right img{
border: 0;
}
a.l_dis, a.r_dis {
background: transparent; /* ALWAYS leave transparent. this is the 'disabled' state of the link !  */
cursor: default;
}
a.l_dis span, a.r_dis span {
display: none;
}
a:focus {outline:none;}