/* Backend styles */
div.slider_container {
	position: relative;
	z-index:1;
}
div.slider_container .slider_pager{
	position:absolute;
	right:10px;
	bottom:10px;
	border: 0;
	margin: 0;
	z-index:40;
}
div.slider_container .slider_pager a {
	display: inline-block;
	width: 22px;
	height: 22px;
	background: url(../images/frontend/bullets.png) no-repeat;
	background-position: 0 0;
	text-indent: -9999px;
	border: 0;
	margin: 0;
}
div.slider_container .arrow{
	position:absolute;
	border: 0;
	margin: 0;
	z-index:39;
	display: block;
	width: 30px;
	height: 100%;
	background: url(../images/frontend/arrows.png) no-repeat 0 50% ;
	text-indent: -9999px;
	top:0;
	cursor:pointer;
	opacity:0;
	-webkit-transition: all 200ms ease-in-out;
	-moz-transition: all 200ms ease-in-out;
	-o-transition: all 200ms ease-in-out;
	transition: all 200ms ease-in-out;
	
	}
div.slider_container .arrow:hover{
	opacity:100;
	}
	
div.slider_container .slider_prev{
	right:10px;
	background-position: -30px 50%;
}
div.slider_container .slider_next{
	left:10px;
	
}

div.slider_container .slider_pager a.activeSlide {
	background-position: 0 -22px;
}
div.slider_container .slider_pager a:focus {
	outline: none;
}

div.slider_container .slider_content{
	position: absolute;
	top:10%;
	left:10%;
	}