#slider-code { margin-left:5px; padding-bottom:10px; background:url(/mycarousel/img/background.gif); width:270px; height:258px; overflow:hidden;}

#slider-code .viewport { margin-left:10px;float: left; width: 270px; height: 235px; overflow: hidden; position: relative; }


#slider-code .buttons { font-size:15pt; margin: 0 5px 0 0; float:left;}
#slider-code .next { margin: 0 0 0 5px;}

#slider-code .disable { visibility: hidden; }

#slider-code .overview { list-style: none; padding: 5px 0 0 0; margin: 0;  position: absolute; left: 0; top: 0; }
#slider-code .overview li{ float: left; margin: 0 20px 0 0; padding: 1px; height: 121px; border: 1px solid #dcdcdc; width: 250px;}

#slider-code .pager { overflow:hidden; list-style: none; clear: both;padding-top:5px;}

#slider-code .pager li { float: left; }
#slider-code .pager a { text-decoration:none;outline:0; }

#slider-code .pagenum { border:1px solid silver;background-color: #fff; text-decoration: none; text-align: center; padding: 5px; color: #555555; font-size: 85%; font-weight: bold; display: block; }
#slider-code .active { border:1px solid white; color: #fff; background-color:  #555555; }