.svwp {width: 870px; height: 384px; background: none;} /*preloader stuff. do not modify!*/
.svwp ul{position: relative; left: -999em;}/*preloader stuff. do not modify!*/
.svwp img { display: block; margin: 150px auto 0 auto; }
.slideViewer { 
position: absolute;
overflow: hidden; 
margin: 0;
padding: 0;
background: none;
}
.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 */
color: #000;
font: normal 10px Verdana;
}

.thumbSlider { /*the thumbnails slider*/
overflow: hidden;
width: 1%;
background: none;
}
.thumbSlider ul { 
list-style-type: none;
margin: 0; 
padding: 0;
}
.thumbSlider ul li { 
margin: 0;
height: 46px;
}
.thumbSlider a {
color: #fff;
text-decoration: none;
display: block;
height: 46px;
}
.thumbSlider a img {
border: 0;
display: block;
padding: 0;
height: 46px;
position: absolute;
z-index: 5000;
}
.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;
}
#thumbsBack { background: url(../images/basics/gray_trans.png); width: 140px; height: 385px; position: absolute; z-index: 1; margin: 0 0 0 730px; } 

a.left, a.right { /*the left and right buttons (links)*/ /* 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;}