#front-carousel-wrapper{height:355px}
#carousel-wrapper {background-color: #fff;width: 100%;height: 355px;overflow: hidden;position: absolute;left: 0;}

#carousel-wrapper li {display: block;float: left;}

#prev, #next {background-color: rgba(255, 255, 255, 0.7); display: block; height: 355px;width: 50%;position: absolute;top:0}
#prev:hover, #next:hover {background-color: #fff;background-color: rgba(255, 255, 255, 0.8);}
#prev {left: -315px;}
#next {right: -315px;}

#prev img {position:absolute; top:50%; margin-top:-27px}
#next img {position:absolute; top:50%; margin-top:-27px;left:0}

#pager {background:url(../images/pager-bg.png) top repeat-x; text-align:center; height:35px; margin-top:3px}
#pager a {display: inline-block; width:9px; height:10px; margin:10px 3px;background:url(../images/pager-btn.png) 0px -10px no-repeat}
#pager a:hover, #pager a.selected  {background:url(../images/pager-btn.png) top center no-repeat;}
#pager a span {display: none;}