.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; } 
.slideViewer ul {  /*this is your list of images*/ 
position: relative; left: 0; top: 0; width: 1%; list-style-type: none; margin: 0;  padding: 0; } 
.slideViewer ul li { /*each LI item is floated; the whole list is now displayed as if its in one row*/ 
float:left;background:none;padding-left:0;} 
 
/*typographic info*/ 
.slideViewer span.typo{  
padding: 6px; /* do not modify padding (yet)*/ 
background: #fff; color: #000; font: normal 9px Verdana; } 
 
.thumbSlider { /*the thumbnails slider contanier*/ 
overflow: hidden; width: 1%; background: #fff; } 
.thumbSlider ul { /*the thumbnails list of images*/ 
list-style-type: none; margin: 0;  padding: 0;} 
.thumbSlider ul li{float:left; margin: 0;background:none;padding-left:0;} 
.thumbSlider a{ /*the link wrapped around each thumbnail. dynamically.*/ 
color: #fff;text-decoration: none;background:none;padding-left:0;} 
.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:visible/*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;}