/* CSS for Scrollable Carousel http://flowplayer.org/tools/demos/scrollable/index.html*/
.l_scrollable { position:relative; overflow:hidden; width: 620px; height:404px; }
.l_scrollable .l_carousel_content { width:20000em; position:absolute; clear:both; }
.l_scrollable img { float:left; }
.l_scrollable .active { border:2px solid #000; position:relative; cursor:default; }
.l_scrollable { float:left; }

.l_carousel_content div { float:left; width:700px; }

/*carousel navigation styles*/
ul#l_carousel_controls { display: table; width: 100%; position: relative; margin-top: 0; background-color: #b6b4a5; }
#l_carousel_controls li { display: inline; float: left; list-style-type: none; list-style-image: none; margin: 0; }
#l_carousel_controls li a {
	display: table-cell; vertical-align: middle; height: 3.091em; margin: 0; padding: 4px 8px;
	border-right: 1px solid #b6b4a5; border-bottom: none;
	background-color: #e9e6dd; color: #867873; font-weight: bold; text-align: center;
	text-transform: uppercase; font-size: 10px; line-height: 12px;
}
#l_carousel_controls li a:hover, #l_carousel_controls li a:focus, #l_carousel_controls li a.active {
background-color: #b6b4a5; color: #e9e6dd;
}