/* http://www.baijs.nl/tinycarousel/ */
#slider-code { margin: 0px 0px 0px 30px; height: 150px; overflow:hidden; }

#slider-code .viewport { background-color: #EEEEEE; float: left; width: 500px; height: 121px; overflow: hidden; position: relative; cursor: pointer;}
#slider-code .viewport:hover {background-color: #B7B771;}
#slider-code .buttons { 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; position: absolute; padding: 0; margin: 0; left: 0; top: 0; }
#slider-code .overview li{ float: left; margin: 0 0px 0 0; padding: 5px; height: 110px; border: 1px solid #dcdcdc; width: 488px;}
#slider-code img {width:20%; padding: 0px;}

#slider-code .pager { overflow:hidden; list-style: none; clear: both; margin: 0 0 0 -30px; }
#slider-code .pager li { float: left; padding: 2px;}
#slider-code .pagenum { background-color: #555; text-decoration: none; text-align: center; padding: 0 15px 0px 15px; color: #FFF; font-size: 16px; font-weight: bold; display: block; 
   -moz-border-radius: 2px;
   -webkit-border-radius: 2px;}
#slider-code .active { color: #fff; background-color: #FF8800; }