.flex-container a:active, .flexslider a:active { outline: none; }
.slides, .flex-control-nav, .flex-direction-nav { margin: 0; padding: 0; list-style: none; }
/* FlexSlider Necessary Styles
*********************************/ 
.flexslider { margin: 0px 0 0px 0; }
.flexslider .slides > li { position: relative; height: auto !important; margin: 0; width: 100% }
.flexslider ul.slides li img { display: block; width: 100%; max-width: 100% }
.flexslider ul li { margin: 0 !important }
.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-js .slides > li:first-child { display: block; }
/* FlexSlider Default Theme
*********************************/
.flexslider { zoom: 1; }
.flexslider .slides { zoom: 1; position: relative }
.flexslider .slides > li { position: relative; }
/* Suggested container for "Slide" animation setups. Can replace this with your own, if you wish */
.flex-container { zoom: 1; position: relative }
/* Caption style */
/* IE rgba() hack */
.flex-caption { width: 100%; position: absolute; left: 0; bottom: 6%; color: #fff; text-shadow: 0 -1px 0 rgba(0,0,0,.3); }
.flex-caption a { color: #fff }
.flex-caption a:hover { color: #88c602; text-decoration: none }
/* Direction Nav */
.flex-direction-nav li a { width:55px; height: 51px; margin: 0px 0 0; display: block; position: absolute; top: 42%; cursor: pointer; text-indent: -9999px;-webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;
 }
.flex-direction-nav li a.flex-next { right: 10px; background:url(userfiles/image/graphics/btnNext.png) no-repeat 0 0}
.flex-direction-nav li a.flex-prev { left: 10px; background:url(userfiles/image/graphics/btnPre.png) no-repeat 0 0 }
.flex-direction-nav li a.flex-next:hover { background-position: 0px -52px }
.flex-direction-nav li a.flex-prev:hover { background-position: 0px -52px }
.flex-direction-nav li a.disabled { opacity: .3; filter: alpha(opacity=30); cursor: default; }
/* Control Nav */
.flex-control-nav { width: 100%; position: absolute; bottom: 30px; text-align: center; display:none; }
.flex-control-nav li { margin: 0 6px; display: inline-block; zoom: 1; *display: inline}
.flex-control-paging li a { width: 14px; height: 14px; display: block; background: #f2911f; cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); -moz-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); -o-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); box-shadow: inset 0 0 3px rgba(0,0,0,0.3); z-index: 9999 }
.flex-control-paging li a:hover { background: #4d4c51}
.flex-control-paging li a.flex-active { background: #4d4c51; cursor: default; }