/* Browser Resets */
.flex-container a:active, .flexslider a:active, .flex-container a:focus, .flexslider a:focus {
	outline: none;
}

/* FlexSlider Necessary Styles
*********************************/ 
.flexslider .slides > li {
	display:none;
	-webkit-backface-visibility: hidden;
} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {
	display:block;
	width:100%;
} 
.flex-pauseplay span {
	text-transform: capitalize;
}

/* Clearfix for the .slides element */
.slides:after {
	content:".";
	display:block;
	clear:both;
	visibility:hidden;
	line-height:0;
	height:0;
} 
html[xmlns] .slides {
	display: block;
} 
* html .slides {
	height:1%;
}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {
	display: block;
}

/* FlexSlider Default Theme
*********************************/
.flexslider {
	width:980px;
	margin:35px auto 0;
	position:relative;
	zoom:1;
}
.flex-viewport {
	height:735px;
/*	background:url("../images/border_big.gif") no-repeat 140px 35px; */
	-webkit-transition:all 1s ease;
	-moz-transition:all 1s ease;
	transition:all 1s ease;
	margin:0 auto 30px;
	border:1px solid #dbdbdb;
}
.loading .flex-viewport {
	max-height:300px;
}
.flexslider .slides {
	zoom:1;
}
.carousel li {
	margin-right:5px
}

/* Direction Nav */
.flex-direction-nav {
	*height:0;
}
.flex-direction-nav a {
	display:block;
	width:60px;
	height:60px;
	margin:-20px 0 0;
	position:absolute;
	top:40%;
	z-index:10;
	background: url('../images/slider-nav.png') no-repeat;
	cursor:pointer;
	text-indent:-9999px;
	filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;
	-webkit-transition:all .3s ease;
}
.flex-direction-nav .flex-next {
	background-position:100% 0;
	right:-36px;
}
.flex-direction-nav .flex-prev {
	left:-36px;
}
.flexslider:hover .flex-next {
	opacity:0.4;
	filter:alpha(opacity=40);
	-moz-opacity:0.4;
	-khtml-opacity:0.4;
	right:15px;
}
.flexslider:hover .flex-prev {
	opacity:0.4;
	filter:alpha(opacity=40);
	-moz-opacity:0.4;
	-khtml-opacity:0.4;
	left:15px;
}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {
	opacity: 1;
	filter:alpha(opacity=100);
	-moz-opacity:1;
	-khtml-opacity:1;
}
.flex-direction-nav .flex-disabled {
	opacity:.3!important;
	filter:alpha(opacity=30);
	-moz-opacity:3;
	-khtml-opacity:3;
	cursor:default;
}

/* Control Nav */
.flex-control-nav {
	width:100%;
	position:absolute;
	text-align:center;
}
.flex-control-nav li {
	display:inline-block;
	zoom:1;
	*display:inline;
}
.flex-control-thumbs {
	position:static;
	overflow:hidden;
	margin:0 auto;
}
.flex-control-thumbs li {
	width:11.251627%;
	/*width:10.6274%;*/
	float:left;
	margin:0 5px;
	border:1px solid #dbdbdb;
}
.flex-control-thumbs li.lastli {
	margin-right:0;
}
.flex-control-thumbs img {
	display:block;
	width:100%;
	cursor:pointer;
}
.flex-control-thumbs .flex-active {
	cursor:default;
}

@media screen and (max-width: 860px) {
	.flex-direction-nav .flex-prev {
		opacity:1;
		left:0;
	}
	.flex-direction-nav .flex-next {
		opacity:1;
		right:0;
	}
}