/*
*	Style for Banner position - Content Slider
*
*/

.jflow-content-slider{
	position: 			relative;	
}

#jFlowSlide{ 
	
}

#myController { 
	padding:			2px 0; 
	position: 			absolute; 
	top: 				298px; 
	right: 				10px;
}

#myController span.jFlowSelected { 
	background: 		#43A0D5;
}

.slide-wrapper { 
	
}

.slide-thumbnail { 	
	float:				left;
	width:				522px; 
}

.slide-thumbnail img {
	max-width:			522px; 
	float: left;
	vertical-align: 	top; 
}

.slide-details { 
	display:			inline;
	float:				right;	
	margin-right:		20px;	
	width:				306px; 
}

.slide-details h2 { 
	font-size:			16px;
	font-weight:		bold;
}

.slide-1 h2 ,
.slide-2 h2,
.slide-3 h2 {
	margin:				100px 0 30px 0;
}

.slide-4 h2 {
	margin:				37px 0 30px 0;
}

.slide-2 .description {
	font-size:			14px!important;
}

.slide-details .description { 
	font-size:			16px;
	line-height: 		20px;	
}

.jFlowControl, 
.jFlowPrev, 
.jFlowNext { 	
	background:			#f0f2f1;
	border:				1px solid #b8b8b8;
	cursor:				pointer;
	display:			block;
	float:				left;
	font-weight:		bold;
	margin:				1px;
	padding:			2px 5px;

 }

.jFlowControl:hover, 
.jFlowPrev:hover, 
.jFlowNext:hover { 
	background: 		#43A0D5; 
}

.jFlowPrev, 
.jFlowNext {
	visibility:			hidden;
}