.svwp {width: 50px; height: 20px; background: transparent;} /*preloader stuff. do not modify!*/

.svwp ul{position: relative; left: -999em;}/*preloader stuff. do not modify!*/


.slideViewer {
position: relative;
top: 0px;
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 */
text-align: right;
background: transparent;
color: #3399FF;
font: 1.1em courier new;
}

.thumbSlider { /*the thumbnails slider*/
overflow: hidden;
width: 100%;
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: 1em;
left: 0;
margin: 0;
padding: 0;
}

a.left, a.right { /*the left and right buttons (links)*/
background: transparent; /* could be any color  */
color: #000000;
font: courier new 1.5em;
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 {
visibility: hidden;

}
a:focus {outline:none;}