/*preloader stuff. do not modify!*/
.svwp {
	background: #000;
	width: 32px;
	height: 32px;	
}
/*preloader stuff. do not modify!*/
.svwp ul {
	position: relative;
	left: -999em;
}
.slideViewer {
	background: #000;
	margin: 0px;
	padding: 0px;
	position: relative;
	overflow: hidden;	
}
/*your list of images*/
.slideViewer ul {  
	width: 1%;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	position: relative;
	top: 0;
	left: 0;
}
.slideViewer ul li {
	float:left;
}
/*typographic info*/
.slideViewer span.typo {
	background: #000;
	/* do not modify padding */
	padding: 6px;	
}
/*the thumbnails slider*/
.thumbSlider { 
	background: #000;
	width: 1%;
	padding: 0px;
	overflow: hidden;	
}
.thumbSlider ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
.thumbSlider ul li {
	margin: 0px;
	padding: 0px;
	float:left;
}
.thumbSlider a {
	color: #FFF;
	text-decoration: none;
}
.thumbSlider a img {
	display: block;
	padding: 0px;
	border: 0px;	
}
/* the border above -not around- each thumb */
/* width, height and top values are dynamically added by the script. Do not modify. */
.thumbSlider p.tmbrdr { 
	font-size: 0.01em;
	background: #000000;
	margin: 0px;
	padding: 0px;
	position:relative;
	left: 0;	
}
/*the left and right buttons (links)*/
/* could be any color  */
a.left, a.right { 
	color: #FF0000;
	background: transparent; 
	overflow: hidden;
}
a.left span, a.right span {
}
a.left img, a.right img {
	border: 0px;
}
/* ALWAYS leave transparent. this is the 'disabled' state of the link !  */
a.l_dis, a.r_dis {
	background: transparent; 
	cursor: default;
}
a.l_dis span, a.r_dis span {
	display: none;
}
a:focus {
	outline:none;
}
