#viewarea2{width:100%;border:0px solid #000000;margin:10px 0;padding:0px;display:flex;align-items:center;justify-content:space-between; gap:30px;}
/* buttons */
#viewarea2 .btnLeft {padding:0px;border:0px solid #000;width:10px;z-index:10;left:0; font-size:clamp(20px, 4vw, 35px); color:#aaa;}
#viewarea2 .btnRight {padding:0px;border:0px solid #000;width:10px;margin:0px;right:0px; z-index:10; font-size:clamp(20px, 4vw, 35px); color:#aaa;}
.prev2 {float:left;cursor:hand;top:0;z-index:99;display:block;position:relative;}
.next2 {float:right;cursor:hand;top:0;z-index:99;display:block;position:relative;}
.next2:hover, .carousel .next2:active,
.prev2:hover, .carousel .prev2:active{border: none;outline: none;}  


#viewarea2 .carousel{padding:0;margin:0px;position: relative;border:0px solid #ff6600;display:block;}
.carousel .noimage {background: url('../img/noimage.png') no-repeat center; border:0px solid #000000;}
  
			
/* frame background */
.carousel .jCarouselLiteCommon {margin:0px auto;display:block;

/* Needed for rendering without flicker */position: relative;visibility: hidden;left: -5000px;padding:0px;border:0px solid #000000;}


.carousel ul {margin:0px;padding:0px;border:0px solid #000;}
		


/* image size */
.carousel li {overflow:hidden;padding:3px 2px;margin:5px 13px;flex:1;display:block;list-style:none;}
.carousel li img{background-color: #fff;border:0px solid #dddddd !important;margin:0px;padding:0px;}

.carousel .bannertitle{overflow: visible;cursor: hand;text-align: center;position:relative;clear:both;border:0px solid #000000;margin-top:10px;color:#333333; display:none;}


.carousel a,
.carousel a:hover, 
.carousel a:active,
.carousel a:visited{text-decoration: none;}