#jFlowSlide{ background:#E0E8ED; font-family: Verdana; }
#myController { font-family: Verdana; padding:5px 0;  width:790px; background:#FFF; }
#myController span.jFlowSelected { background:#CC0000; margin-right:0px; color:#FFF; font-size:12px;}

.slide-wrapper { padding: 2px; }
.slide-thumbnail { width:200px; float:left; }
.slide-thumbnail img {max-width:200px; }
.slide-details { width:390px; float:right; margin-left:10px;}
.slide-details h2 { font-size:1em; font-style: italic; font-weight:normal; line-height: 1; margin:0; }
.slide-details .description { margin-top:10px; }

.jFlowControl { color:#333; cursor:pointer; border: 1px solid #CCC; padding-left:4px; padding-right:4px; padding-top:1px; padding-bottom:1px; font-size:12px;}
.jFlowPrev, .jFlowNext { color:#333; cursor:pointer; padding-left:4px; padding-right:4px; padding-top:2px; padding-bottom:2px; font-size:11px;}
.jFlowControl:hover, .jFlowPrev:hover, .jFlowNext:hover { background: #FFF; }

#slideshow {margin:0 auto; background:#333333; width:790px;	height:260px; position:relative;}
#slideshow #slidesContainer {margin:0 auto; width:790px; height:260px; overflow:auto; /* allow scrollbar */ position:relative;}
#slideshow #slidesContainer .slide {margin:0 auto; width:790px; /* reduce by 20 pixels of #slidesContainer to avoid horizontal scroll */ height:260px;}

.control {display:block; width:39px; height:260px; text-indent:-10000px; position:absolute; cursor: pointer;}

#slideIndex {width: 790px; height: 20px; background: #FFF; padding:7px 0 5px 0; position: relative;}
.numbers {background: #FFF;	display: inline-block; color: #333;	border: 1px solid #CCC;	text-align: center;	padding:1px 4px; cursor: pointer; font: normal 12px Verdana; margin-right:2px;}
.active {color: #FFF; background: #CC0000; border: 1px solid #CCC;}