.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;margin: 0;padding: 0;background: #fff;}
.slideViewer ul {position: relative;left: 0;top: 0;width: 1%;list-style-type: none;margin: 0;padding: 0;} /*your list of images*/
.slideViewer ul li {float:left;}

/*typographic info*/
.slideViewer span.typo{padding: 10px 6px 10px 6px;background: #1E1E1E;color: #FFFFFF;font-weight:normal;font-size:11px;}

/*the thumbnails slider*/
.thumbSlider {overflow: hidden;width: 1%;background: #000;}
.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;}

/* the border above -not around- each thumb */
.thumbSlider p.tmbrdr {position:relative;left: 0;font-size: 0.01em;left: 0;margin: 0;padding: 0;}/* width, height and top values are dynamically added by the script. Do not modify. */

/*the left and right buttons (links)*/
a.left, a.right {background: transparent;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; cursor: default;}/* ALWAYS leave transparent. this is the 'disabled' state of the link !  */
a.l_dis span, a.r_dis span {display: none;}
a:focus {outline:none;}
#wrapp {width: 641px; text-align: left; font-size: 1.1em; margin: 1em auto; padding: 5px; color: #fff; background:#000; border:1px solid #3c3c3c; float:left;}
#wrapp h3 { padding: 1em 0; margin: margin: 3em 0 1em 0; border-bottom: 1px solid #cacaca;}