.carousel-component { position:relative;overflow:hidden;visibility:visible; /* component turns it on when first item is rendered */}
.carousel-component ul.carousel-list {width:10000000px;position:relative;z-index:1; }
.carousel-component .carousel-list li { float:left;list-style:none;overflow:hidden;}
.carousel-component .carousel-vertical li { float:none;margin-bottom:0px;}
.carousel-component ul.carousel-vertical { width:auto;}
.carousel-component .carousel-clip-region { overflow:hidden;margin:0px auto;position:relative; }
/***Safe to override. It is safe to override background, padding, margin, color,
	text alignment, fonts, etc. Define a separate CSS file and override your style preferences. #F2E9D6
***/
.carousel-component { background:#FFFFFF;padding:0px;color:#618cbe;}
.carousel-component ul.carousel-list { margin:0px;padding:0px 0px 0px 0px;}
.carousel-component .carousel-list li { text-align:center;margin:0px 0px 0px 0px;padding:0px;font:10px verdana,arial,sans-serif;
color:#666;}
.carousel-component .carousel-vertical li { }
.carousel-component ul.carousel-vertical { }
#html-carousel { background: #FFFFFF; border:1px solid #dad5d5;}/* Imp*/
#html-carousel .carousel-list li { margin:4px 10px 0px 10px;}
#html-carousel .carousel-list li { width: 280px; height:180px; border: 0px solid green;padding: 10px;padding-top:  15px;margin: 0;color: #3F3F3F;}
#html-carousel .carousel-list li img { border:1px solid #DDD;display:block; }
#html-carousel {margin-bottom: 10px;float: left;width:850px;height: 145px;}
/* BUTTONS */
#prev-arrow-container, #next-arrow-container { float:left;margin: 0px;padding: 0px;}
#next-arrow { cursor:pointer; }
#prev-arrow { cursor:pointer; }