.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;
}

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

.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;
}

.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: #ff0000;
	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;}