/* slideViewer 1.0 default styles */
.svw {width: 50px; height: 20px; background: #fff;}
.svw ul{position: relative; left: -999em;}

.stripViewer { /* this is the DIV container for your UL of images */
    position: relative;
    overflow: hidden; 
    /*border: 1px solid #F3CD1A;  this is the border. should have the same value for the links */
    margin: 0px 0px 0px 0px;
    padding:0px;
}
.stripViewer ul { /* this is your UL of images */
    position: relative;
    left: 0;
    top: 0;
    width: 1%;
    list-style-type: none;
    margin:0px;
    padding:0px;
}
.stripViewer ul li { /* each image is arranged horizontally */
    float:left;
    margin:0px;padding:0px;
}
.stripTransmitter { /* this is the DIV for your transmitter (the UL generated at run time that commands the list)*/
    overflow: auto;
    width: 1%;
}
.stripTransmitter ul { /* the auto-generated set of links */
    position: relative;
    list-style-type: none;
    padding:0px;
    text-align:center;
    width: 360px;
	margin: 0 auto;
	
}
.stripTransmitter ul li{ /* in this list too, each LI is arranged horizontally */
    width: 20px;
    margin: 0 1px 1px 0;
    padding:0px;
    display: inline;
}
.stripTransmitter a{ /* the links. */
    font: bold 10px Verdana, Arial;
    text-align: center;
    line-height: 22px;
    background: #ccc;
    color: #585858;
    text-decoration: none;
    display: inline;
    padding:5px;
}
.stripTransmitter a:hover { /* hover */
    background: #F3CD1A;
    color: #fff;
}
.stripTransmitter a.current, .stripTransmitter a.current:hover { /* current */
    background: #F3CD1A;
    color: #FFF;
}