/* Browser Resets */
.flex-container a:active, .flexslider a:active, .flex-container a:focus, .flexslider a:focus { outline: none; }
.slides, .flex-control-nav, .flex-direction-nav { margin: 0; padding: 0; list-style: none; }

/* FlexSlider Necessary Styles */ 
.flexslider { margin: 0; padding: 0; }
.flexslider .slides > li { display: none; -webkit-backface-visibility: hidden; margin: 0px; position: relative; }
.flexslider .slides img.attachment-slider-img { width: 100%; display: block;border-left:1px solid #FDFDFD; }
.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 { margin: 0 0 55px; position: relative; }
.flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease; }
.loading .flex-viewport { max-height: 300px; }
.flexslider .slides { zoom: 1; }
.carousel li { margin-right: 5px }

/* Direction Nav */
.flex-direction-nav { *height: 0; margin: 0px; padding: 0px; }
.flex-direction-nav li { margin: 0px; padding: 0px; }
.flex-direction-nav a { width: 20px; height: 60px; display: block; margin-top: -30px; background: url(../images/slider-arrow.png) no-repeat 0 0; position: absolute; top: 50%; z-index: 10; cursor: pointer; text-indent: -9999px; }
.flex-direction-nav .flex-next { right: 0; background-position: right top; }
.flex-direction-nav .flex-prev { left: 1px; background-position: left top; }
.flex-direction-nav .flex-next:hover { background-position: right bottom; } 
.flex-direction-nav .flex-prev:hover { background-position: left bottom; }
.flex-direction-nav .flex-disabled { opacity: .3!important; filter:alpha(opacity=30); cursor: default; }

/* Control Nav */
.flex-control-nav { padding: 20px; position: absolute; top: 0; right: 0; margin: 0px; }
.flex-control-nav li { margin: 0px; float: left; margin-left: 8px; }
.flex-control-paging li a { display: block; float: left; cursor: pointer; text-indent: -9999px; width: 12px; height: 12px; background: #fff; opacity: 0.6;
filter: alpha(opacity=60); }
.flex-control-paging li a:hover { opacity: 1; filter: alpha(opacity=100); background: #C7F900; }
.flex-control-paging li a.flex-active { opacity: 1; filter: alpha(opacity=100); }