#jFlowSlide{ background:#ffffff; font-family: Helvetica, sans-serif; z-index: 1}
#myController { font-family: Helvetica, sans-serif; padding:40px 0;  width:882px; background-color: #2a2a2a; text-align: right; padding-right: 10px }
#myController span.jFlowSelected { background-color: #2a2a2a;margin-right:0px;background-image: url(../images/indexslide/br_bg_over.png); color:#ffffff}

.slide-wrapper { padding: 0px }
.slide-thumbnail { width:892px; float:left }
.slide-thumbnail img {max-width:892px; }
.slide-details { width:168px; float:left; margin: 0; padding:10px 0 0 10px; clear: right; position: absolute; left: 0px; top: 0px; background-image: url(../images/indexslide/bg40transp.png); background-repeat: repeat-y; height: 320px}
.slide-details h2 { font-size:1.3em; font-style: normal; font-weight:normal; line-height: 1; margin:0; color: #ffffff; width: 150px }
.slide-details .description { margin-top:10px; padding-right: 7px }

.jFlowControl, .jFlowPrev, .jFlowNext { color:#444444; cursor:pointer; padding:9px 13px 8px 12px; background-image: url(../images/indexslide/br_bg.png)}
.jFlowControl:hover, .jFlowPrev:hover, .jFlowNext:hover { background-color: #2a2a2a; background-image:  url(../images/indexslide/br_bg_over.png); color: #ffffff}