#slider-code { height: 172px; overflow:hidden; }
#slider-code .viewport { float: left; width: 448px; height: 143px; overflow: hidden; position: relative; }
#slider-code .buttons { background:url("../images/buttons.png") no-repeat scroll 0 0 transparent; display: block; margin: 117px 10px 0 0; background-position: 0 -38px; text-indent: -999em; float: left; width: 39px; height: 37px; overflow: hidden; position: relative;  opacity: 0.2;}
#slider-code .next { background:url("../images/buttons.png") no-repeat scroll 0 0 transparent; display: block; margin: 117px 10px 0 0; background-position: 0 0; text-indent: -999em; float: left; width: 39px; height: 37px; overflow: hidden; position: relative;  opacity: 0.2; }
#slider-code .disable { visibility: hidden; }
#slider-code .overview { list-style: none; padding: 0; margin: 0;  position: absolute; left: 0; top: 0; }
#slider-code .overview li{ float: left; margin: 0 20px 0 0; padding: 1px; height: 185px; width: 448px;}

#slider-code .pager { overflow:hidden; list-style: none; clear: both; margin: 10px 0 0 120px;}
#slider-code .pager li { float: left; }
#slider-code .pagenum { text-decoration: none; text-align: center; padding: 5px; color: #555555; font-size: 12px; font-weight: bold; display: block; font-family:Arial, Helvetica, sans-serif; }
#slider-code .pager li a{
    color: #fff;
     /* background-color:  #555555; */ 
     background: url(../images/marker.png) no-repeat 0px 0px;
   display: block;
height: 10px;
width: 40px;
float: left;
overflow: hidden;
text-indent:-999px;
}
#slider-code .pager li a.active { 
    background-position: 0px -18px;
 }