/* -------------------------------------------------------------------------------------------- */
/* AQUABLUE CONTENT SLIDER */



#content div.jflow-content-slider {
	background:url(../images/bg-aquablue-content.gif) no-repeat 0 0;
	width:640px;
	height:387px;
	margin:10px auto;
	padding:2px 0 2px 0;
}
#jFlowSlide {
	width:639px !important;
}

#slides{/* width:100% !important; */}


.slide-wrapper { 
	padding: 0px !important; 
	margin:0px !important;
	/* width:auto !important; */

}

.slide-details { 
	margin:0px !important;
	padding:5px;
	/* width:auto !important; */
}

.jFlowSlideContainer {
	/* width:auto !important; */
	margin:0 !important;
	padding:0 !important;
	overflow:-moz-scrollbars-vertical;
	overflow-x:hidden;
	overflow-y:hidden;
}  

#myController {
	text-align:center;
	height:50px;
	width:640px; 
	margin-left:-38px;
	padding:10px 0 0 0;
}

#myController ul li {
	display:inline;
	background:url(../images/bg-myController-li.gif) left top no-repeat;
	width:74px;
	height:20px;
	float:left;
	padding:0 3px 0 3px		
}
#myController ul li span {
	width:74px;
	height:20px;
	float:left;
	display:block;

}
#myController ul li.long span {
	width:120px;
}
#myController ul li.noBg {
	background:none;
}
#myController ul li.long {
	padding-left:10px;
	width:120px;
}

#myController ul li span.jFlowNext {
	background:url(../images/bg-jFlowNext.gif) no-repeat 0 0;
	display:block;
	height:40px;
	width:40px;
	text-indent:-999em;
 	margin:385px 0 0 600px;
	left:0;
	top:0px;	
	position:absolute;
}

#myController ul li span.jFlowPrev {
	background:url(../images/bg-jFlowPrev.gif) no-repeat 0 0;
	display:block;
	height:40px;
	width:40px;
	text-indent:-999em;
	margin:385px 0 0 20px;
	left:0;
	top:0px;
	position:absolute;
}

#myController ul li span.jFlowControl {
	color:#db5b20;
	font-size:12px;
	font-weight:bold;
}

#myController span.jFlowSelected { 
	margin-right:0px; 
	background: url(../images/bg-jFlow-hover.gif) no-repeat 0 0;
}
	#myController ul li.long span.jFlowSelected { 
		margin-right:0px; 
		background: url(../images/bg-jFlow-hover-long.gif) no-repeat 0 0;
	}


.jFlowControl, .jFlowPrev, .jFlowNext { 
color:#FFF; 
cursor:pointer; 
 }
 
.jFlowControl:hover, .jFlowPrev:hover, .jFlowNext:hover { 
background: url(../images/bg-jFlow-hover.gif) no-repeat 0 0; 
}

	#myController ul li.long span.jFlowControl:hover { 
		background: url(../images/bg-jFlow-hover-long.gif) no-repeat 0 0; 
	}