﻿#jFlowSlide{ 
	background:none;
	width:380px;
	height:235px;
	}

#myController {
	padding:10px 0;
	width:200px; /*175px for 5 bullets, 200 to add six bullets */
	height:20px;
	float:right;
	clear:right;
	}
	
#myController span.jFlowSelected {
	background-image:url(../images/slide-number-ov.png);
	background-repeat:no-repeat;
	}

.slide-wrapper {
	width:380px;
	height:235px;
	}
	
.slide-thumbnail {
	width:380px;
	height:155px;
	float:left;
	}
.slide-thumbnail img {max-width:380px; }

.slide-details { 
	width:380px;
	height:70px;
	z-index:500;
	float:left;
	clear:left;
	padding:10px 0px 0px 0px;
	background: #FFF;
	color:#fff;
	border-top:1px solid #DADBDC;
	text-shadow:none;
	}
	
.slide-details h2 { 
	width:380px;
	height:20px;
	margin:0;
	padding:0px;
	}
	
.slide-details .description { 
	width:380px;
	max-height:50px;
	margin:0px;
	padding:0px;
	}

	
.slide-details p {
	margin:0 0 0 0;
	padding:0 0 0 0;
	}

.jFlowControl, .jFlowPrev, .jFlowNext {
	color:#FFF;
	width:20px;
	height:20px;
	cursor:pointer;
	display:block;
	float:left;
	clear:none;
	margin:0px 5px 0px 0px;
	text-align:center;
	}
	
	
.jFlowControl {
	background:url(../images/slide-number.png) no-repeat bottom;
	font-size: 11px;
	}
	
.jFlowPrev {
	background-image:url(../images/slide-arrow-previous.png);
	background-repeat:no-repeat;
	text-indent:-9999px;
	}
	
.jFlowNext {
	background-image:url(../images/slide-arrow-next.png);
	background-repeat:no-repeat;
	text-indent:-9999px;
	}
	
.jFlowControl:hover{
	background-image:url(../images/slide-number-ov.png);
	background-repeat:no-repeat;
	}

.caption {
	z-index:500;
	position:absolute;
	bottom:-15px;
	left:0;
	height:100px;
	padding:5px 0px 0px 0px;
	background: #FFF;
	width:100%;
	color:#fff;
	border-top:1px solid #DADBDC;
	text-shadow:none;
}
#myController .number{
	vertical-align: bottom;
}

#myControlleravi {
	padding:10px 0;
	width:130px; /*175px for 5 bullets, 200 to add six bullets */
	height:20px;
	float:right;
	clear:right;
	}
#myControlleravi span.jFlowSelected {
	background-image:url(../images/slide-number-ov.png);
	background-repeat:no-repeat;
	}
#myControlleravi .number{
	vertical-align: bottom;
}

#myControllerfive {
	padding:10px 0;
	width:175px; /*175px for 5 bullets, 200 to add six bullets */
	height:20px;
	float:right;
	clear:right;
	}
	
#myControllerfive span.jFlowSelected {
	background-image:url(../images/slide-number-ov.png);
	background-repeat:no-repeat;
	}
	
#myControllertwo {
	padding:10px 0;
	width:100px; /*100px for 2 bullets, 175px for 5 bullets */
	height:20px;
	float:right;
	clear:right;
	}
	
#myControllertwo span.jFlowSelected {
	background-image:url(../images/slide-number-ov.png);
	background-repeat:no-repeat;
	}
	
#myControllerfour {
	padding:10px 0;
	width:150px; /*150px for 4 bullets, 175px for 5 bullets */
	height:20px;
	float:right;
	clear:right;
	}
	
#myControllerfour span.jFlowSelected {
	background-image:url(../images/slide-number-ov.png);
	background-repeat:no-repeat;
	}

#myControllerthree {
	padding:10px 0;
	width:125px; /*125px for 3 bullets, 150px for 4 bullets */
	height:20px;
	float:right;
	clear:right;
	}
	
#myControllerthree span.jFlowSelected {
	background-image:url(../images/slide-number-ov.png);
	background-repeat:no-repeat;
	}

