.svwp {width: 50px; height: 20px; background: #fff;} 
/*preloader stuff. do not modify!*/ 
.svwp ul{position: relative; left: -999em;}
/*preloader stuff. do not modify!*/ 
.slideViewer 
{ 
/*this is the gallery container*/ 
	position: relative; 
	overflow: hidden;  
	margin: 0; padding: 0; 
	background: #fff; 
	border:none;
	
} 
.slideViewer ul 
{  
/*this is your list of images*/ 
	position: relative; 
	left: 0; top: 0; 
	width: 1%; 
	list-style-type: none; 
	margin: 0;  padding: 0;
	border:none; 
} 
.slideViewer ul li 
{ /*each LI item is floated; the whole list is now displayed as if its in one row*/ 
	float:left;
	border:none;
} 

.slideViewer img{
	width:500px;
	height:220px;
}

/*typographic info*/ 
.slideViewer span.typo{  
	padding: 6px; 
	/* do not modify padding (yet)*/ 
	background: #fff; 
	color: #000; 
	font: normal 10px Verdana; 
}  
.thumbSlider 
{ /*the thumbnails slider contanier*/ 
	overflow: hidden; 
	 
	 
} 
.thumbSlider ul 
{ /*the thumbnails list of images*/ 
	list-style-type: none; 
	margin: 0;  
	padding: 0; 
} 
.thumbSlider ul li
{  
	float:left; 
	margin: 0;
		background-color:#dfecf4;
} 
.thumbSlider a
{ /*the link wrapped around each thumbnail. dynamically.*/ 
	color: #7295aa; 
	text-decoration: none;
	width:30px;
	height:30px;
	padding:3px 3px 3px 3px;
	display:block;
} 
.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; 
	color:black;
}  
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: none; 
} 
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;}