.svwp {width: 50px; height: 20px; background: #fff; margin: 20px;} /*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: black;
}
.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 10px Verdana;
}

.thumbSlider { /*the thumbnails slider*/
overflow: hidden;
width: 1%;
padding-top: 30px;
}
.thumbSlider ul {
list-style-type: none;
margin: 0;
padding: 0;

}
.thumbSlider ul li{
float:left;
margin: 0;
color: black;
}
.thumbSlider a{
background:#313538;padding:5px;color:#fff;font-size:11px;font-family:Tahoma, Arial;text-decoration:none;margin-right:1px;
text-decoration: none;
}

.thumbSlider p.tmbrdr { 
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;}