#viewarea{width:100%;border:0px solid #000000;margin:0px;padding:0px; position:relative;}
/* buttons */
#viewarea .btnLeft {padding:0px;border:1px solid #ddd;position:absolute;width:40px;height:60px;float:left;left:calc(50% - 450px);z-index:10;padding:0px 0px;margin-top:120px;}
#viewarea .btnRight {padding:0px;border:1px solid #ddd;position:absolute;width:40px;height:60px;margin:0px;right:calc(50% - 450px);float:right;z-index:10;padding:0px;margin-top:120px;background:#fff;}
.prev {float:left; position:absolute;background:#fff;cursor:hand;margin:0px;z-index:99;}
.next {float:right; position:absolute;background:#fff;cursor:hand;margin:0px;right:0px;z-index:99;}
.next:hover, .carouselGallery .next:active,
.prev:hover, .carouselGallery .prev:active{border: none;outline: none;}  



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

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


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


/* image size */
.carouselGallery li {overflow:hidden;padding:0px;margin:0px 40px;float:left;display:block;list-style:none;background:none;border:1px solid #ddd;}
.carouselGallery li img{border:0px solid #dddddd !important;margin:0px;padding:0px;}

.carouselGallery .bannertitle{overflow: visible;cursor: hand;text-align: center;position:relative;clear:both;border:0px solid #000000;margin:10px 0;color:#333333;font-size:16px;}


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

@media(max-width:850px){
#viewarea .btnLeft {width:20px;height:32px;margin:0px;left:10px; top:35%; background:#fff;}
#viewarea .btnRight {width:20px;height:32px;margin:0px;right:10px; top:35%;}
.carouselGallery li{margin:0px 0; border:0px solid #ddd;}
.carouselGallery li img{max-width:100%; width:95%; margin:0 auto; display:block;}
.carouselGallery .bannertitle{font-size:15px;}
}
@media(max-width:400px){
#viewarea .btnLeft {width:18px;height:30px;margin:0px;left:5px; top:35%; background:#fff;}
#viewarea .btnRight {width:18px;height:30px;margin:0px;right:5px; top:35%;}
.carouselGallery li{margin:0px 0; border:0px solid #ddd;}
.carouselGallery li img{max-width:100%; width:75%; margin:0 auto; display:block;}
}