/* Tiny Carousel ------------------------------------------------------------------------------ */

/* images 236 x 121 */
#slider-code { height: 233px; overflow:hidden; }
#slider-code .viewport {
	float: left;
	width: 178px;
	height: 233px;
	overflow: hidden;
	position: relative;
	text-align : center;
}
#slider-code .buttons { display: block; margin: 30px 5px 0 0; float: left; }
#slider-code .next { margin: 121px 0 0px 14px;  }
#slider-code .prev { margin: 121px 0 0 0px;  }
/*#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: 233px;
	width: 178px;
	cursor: pointer;
}

#slider-code .pager { overflow:hidden; list-style: none; clear: both; margin: 0 0 0 40px; }
#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; }

@media only screen and (max-width: 768px){
#slider-code .prev { margin: 122px 0 0 0px;}
#slider-code .next {margin: 122px 0 0px 14px;}
}
@media screen and (max-width: 480px) {
#slider-code .prev { margin: 110px 0 0 0px;}
#slider-code .next {margin: 110px 0 0px 14px;}	
}