/**
 * See /media-server/static/js/carousels.js 
 */
#featured-trips { position: relative; margin-bottom: 15px; }
#featured-trips .carousel { border:1px solid #a0b1b8; padding: 5px 0 5px 0; overflow: hidden; height: 150px; width: 658px; }
#featured-trips .carousel ul { margin:0; padding:0; width: 660px; overflow: hidden; height: 150px; } /* javascript will modify the width, but this keeps the LIs inline */
#featured-trips .carousel .carousel-wrap { margin: 0; padding: 0; }
#featured-trips .carousel ul li { float:left; margin: 0; width: 155px; padding: 0 5px; height: 150px; text-align: center; }
#featured-trips .carousel-control { margin:0px; padding: 0px; font-weight:bold; cursor:pointer; position: absolute; display: block; width: 25px; height: 21px; }
#featured-trips .carousel-previous { background: url(../images/small-arrow-left.png) no-repeat; top: 5px; right: 5px; }
#featured-trips .carousel-next { background: url(../images/small-arrow-right.png) no-repeat; top: 5px; right: 5px; }
#featured-trips .carousel ul li img { width: 100%; }
.feature-trip-micro { display: block; position: relative; top: -55px; color: #FFF; background-image: url(images/grey-square.png); width: 155px; height: 50px; line-height: 13px; }
.feature-trip-micro a {color: #FFF;}
.feature-trip-micro span.micro { display: block; font-size: 13px; font-weight: normal; padding: 0px 3px; text-align: center;}