/* This stylesheet is used to style the public-facing components of the plugin. */

/* SLIDER STYLES */
	
.luxeslider-wrapper {
	position:relative;
	overflow:hidden;
	width:100%;
	margin:0px auto;	
}
.luxeslider-wrapper .responsive-container {
	background:#1b1b1b;

    -webkit-transition: background-color 1s ease;
    -moz-transition: background-color 1s ease;
    -o-transition: background-color 1s ease;
    -ms-transition: background-color 1s ease;
    transition: background-color 1s ease;
}
.luxeslider{
	position:relative;
	width:100%; 
/*	height:400px; when responsive, comment this out */
	margin:0 auto;
}

@media only screen and (min-width: 1000px){
	.slider{
		width:1000px;
	}
}

@media only screen and (min-width: 1440px){
	.slider{
		width:1440px;
	}
}

/* ELEMENT STYLES */

.luxeslider-layer{
	position:absolute;
	top:-200px;
	z-index:100;
	padding:0%;
	line-height:100%
	white-space: nowrap;
	display: inline-block;
	/* Fix for image resizng */
	/*height: 100%; 
	width: 100%;*/

}
.luxeslider-layer img {

}


/** PAGER **/

.fs-pager-wrapper{
    position:absolute;
    bottom:5%;
    width: 100%;
    text-align: center;
    z-index:9999;   
    left: 0px;
}

.fs-pager-wrapper a,
.fs-custom-pager-wrapper a{
    display:inline-block;
    width:18px; 
    height:18px;
    margin:0 3px 0 5px;
    background-color: transparent;
    border:3px solid #fff;
    border-radius: 100%;
    background-image: none !important;
}
.fs-pager-wrapper .active,
.fs-custom-pager-wrapper .active, .fs-pager-wrapper a:hover{
    border-color:#343434;
}

/** CONTROLS **/

.fraction-slider .prev,
.fraction-slider .next{
	display:none;
	position:absolute;
	width:30px; height:30px;
	z-index:9999;
}

.fraction-slider .prev{
	left:-80px; top:50%;
	margin-top: -15px;
	background:url(images/fs.prevnext.png) 0px 0px no-repeat transparent;
	
}
.fraction-slider .prev:hover{
	background:url(images/fs.prevnext.png) 0px -30px no-repeat transparent;
}

.fraction-slider .next{
	right:-80px; top:50%;
	margin-top: -15px;
	background:url(images/fs.prevnext.png) -30px 0px no-repeat transparent;
}
.fraction-slider .next:hover{
	background:url(images/fs.prevnext.png) -30px -30px no-repeat transparent;
}

.fraction-slider:hover .prev,
.fraction-slider:hover .next{
	display:block;
}