#slider-code { height: 320px; overflow:hidden; margin:0 auto; width:96%; border:1px double #e3e3e3;}
#slider-code .viewport { float: left; width: 100%; height: 235px; overflow: hidden; position: relative; }
#slider-code .buttons a { display: block; margin: 30px 10px 0 0; float: left; }
#slider-code .next{ margin: 30px 0 0 10px;  }
#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; height: 225px; width: 300px; border: /*1px solid #dcdcdc;*/ }

#slider-code .pager { overflow:hidden; list-style: none; clear: both; margin: 0 auto; width:90%; }
#slider-code .pager li { float: left; }
#slider-code .pagenum { background-color: #fff; text-decoration: none; text-align: center; padding: 5px; color: #555555; font-size: 14px; font-weight: bold; display: block; }
#slider-code .active { color: #fff; background-color:  #555555; }