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



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

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


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


/* image size */
#viewarea .carousel li {overflow:hidden;padding:5px;margin:4px 10px;float:left;display:block;list-style:none;border:1px solid #eee;}
#viewarea .carousel li img{background-color: #fff;border:0px solid #dddddd !important;margin:0px;padding:0px;}

#viewarea .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;}


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