#slider-code { height: 67px;width: 304px; padding:0 19px; position:relative; margin:0 0 40px 0;}
#slider-code .viewport { float: left; width: 304px; height: 67px; overflow: hidden; position: relative; }
#slider-code .buttons { display: block; position:absolute; right: 0; top:20px;  width:19px; }
#slider-code .buttons.prev {left:0px;}
#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 12px 0 0; padding: 0px; height: 67px; width: 67px; cursor:pointer;}

#slider-code-big { height: 304px; overflow:hidden; width: 304px; position:relative; padding:0 19px; margin:0 0 20px 0;}
#slider-code-big .viewport { float: left; width: 304px; height: 304px; overflow: hidden; position: relative; }
#slider-code-big .buttons { display: block; position:absolute; right:0px; top:100px; z-index:100;}
#slider-code-big .buttons.prev {left:0px;}
#slider-code-big .disable { visibility: hidden; }
#slider-code-big .overview { list-style: none; position: absolute; padding: 0; margin: 0; left: 0; top: 0; }
#slider-code-big .overview li{ float: left; margin: 0 19px 0 0; padding: 0; width: 304px; height: 304px; text-align:center;}