.svwp {width: 50px; height: 20px; background: #fff;} /*preloader stuff. do not modify!*/
.svwp ul{position: relative; left: -999em;}/*preloader stuff. do not modify!*/
.slideViewer { 
position: relative;
overflow: hidden; 

padding: 0;


}
#content .marge {
margin-left:200px;
width:300px;
}
#content .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;
background: none !important;
padding-left:0 !important;
}

/*typographic info*/
.slideViewer span.typo{ 
padding: 6px; /* do not modify padding */
background: #000000;
color: #ffffff;
font: normal 12px Verdana;

}

.thumbSlider { /*the thumbnails slider*/
overflow: hidden;
width: 1%;
height:100px !important;
margin-left:85px !important;
}
#content  .thumbSlider ul { 
list-style-type: none;
margin:0 ;
padding: 0;
}
#content .thumbSlider ul li{ 
float:left;
margin: 0;
background: none !important;
padding-left:0 !important;
}
#content .thumbSlider a{
color: #fff;
text-decoration: none;
background: none !important;
}
.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: hidden;
background: none !important;
}
 a.left span, a.right span{
color:#5e5757;
}
 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;}

