#viewarea1{border:0px solid #000000;margin:0px auto;;padding:0px;width:100%; max_width:100%;}
/* buttons */
#viewarea1 .btnLeft {padding:0px;border:0px solid #000;position:absolute;display:block;width:31px;height:64px;float:left;left:10%;z-index:10; margin-top:8%;}
#viewarea1 .btnRight {padding:0px;border:0px solid #000;position:absolute;display:block;width:31px;height:64px;margin:0px;right:10%;float:right;z-index:10; margin-top:8%;}
.prev {float:left; position:relative;cursor:hand;margin:0px 0px 0 0;z-index:99;}
.next {float:right; position:relative;cursor:hand;margin:0px 0px 0 0;right:0px;z-index:99;}
.next:hover, .carousel .next:active,
.prev:hover, .carousel .prev:active{border: none;outline: none;}  



.carousel  {padding:0;margin:0px auto;position: relative;border:0px solid #ff6600;margin-left:-5000px;margin-right:-5000px;display:block;overflow:hidden;}
.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 15px;margin:0px;float:left;display:block;list-style:none;}
.carousel li img{background-color: #fff;border:1px solid #dddddd !important;margin:0px;padding:0px;}

.carousel .bannertitle{overflow: visible;cursor: hand;text-align: center;position:relative;clear:both;border:0px solid #000;margin-top:10px;color:#555; font-weight:600; font-size:14px;}


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