/* Demo CSS - You do not need this css in your own slider */


#container{
	max-width:620px;
	margin:0px;
	padding-bottom:0px;
	height:200px;
	
}

#banner-fade,
#banner-slide{
	margin-bottom: 0px;
}

ul.bjqs-controls.v-centered li a{
	display:none;
	padding:0px;
	background:#fff;
	color:#000;
	text-decoration: none;
}

ul.bjqs-controls.v-centered li a:hover{
	background:#000;
	color:#fff;
}

ol.bjqs-markers li a{
	float:left;
	font-size:10px;
	padding:0px 3px;
	line-height:12px;
	background:#2ECDB9;
	color:#2ECDB9;
	margin:3px 2px 3px 2px;
	text-decoration: none;
	-webkit-border-radius: 1em; 
	-moz-border-radius: 1em;
	border-radius: 1em;
	position:relative;
	top:-165px;
	right:0px;
	
}

ol.bjqs-markers li.active-marker a,
ol.bjqs-markers li a:hover{
	
	background: #83E13E;
	color:#83E13E;
}



#banner-slide5 ol.bjqs-markers li a{
    float:left;
	font-size:10px;
	padding:0px 3px;
	line-height:12px;
	background:#2ECDB9;
	color:#2ECDB9;
	margin:3px 2px 3px 2px;
	text-decoration: none;
	-webkit-border-radius: 1em; 
	-moz-border-radius: 1em;
	border-radius: 1em;
	position:relative;
	top:-205px;
	right:0px;
}


#banner-slide5 ol.bjqs-markers li.active-marker a,
#banner-slide5 ol.bjqs-markers li a:hover{
	
	background: #83E13E;
	color:#83E13E;
}





#banner-slide ol.bjqs-markers li a{
    float:left;
	font-size:14px;
	padding:0px 3px;
	line-height:12px;
	background:#E1E1E1;
	color:#E1E1E1;
	margin:2px 2px 2px 2px;
	text-decoration: none;
	-webkit-border-radius: 1em; 
	-moz-border-radius: 1em;
	border-radius: 1em;
	position:relative;
	/*top:-25px;*/
	right:5px;
	/*top:-220px;*/
	
}


#banner-slide ol.bjqs-markers li.active-marker a,
#banner-slide ol.bjqs-markers li a:hover{
	
	background: #80CD00;
	color:#80CD00;
}