.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-list li img{width:120px;height:120px}

.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;height:190px;width:500px}
.carousel-component .carousel-clip-region .s1{display:block;color:#666;text-align:left;font-size:12px}
.carousel-component .carousel-clip-region .s2{display:block;margin-top:3px;color:#648e2c;background-color:#ccc;height:13px;line-height:14px;background:url(addtocart0909.gif) no-repeat;text-align:left;text-indent:22px}
.carousel-component .carousel-clip-region a{color:#000}
.carousel-component .carousel-clip-region .a2{color:#ff0000;}
/**
 * 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.
 **/

.carousel-component {background:#3F3F3F;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 { }