/* FlexSlider Necessary Styles
*********************************/ 
.flexslider {width: 100%; margin: 0; padding: 0; height:100%\9; z-index:5;}
.flexslider .slides li {display: none; height:351px;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {max-width: 100%; display: block; max-width: 100%\9; display: block\9;}


/* FlexSlider Default Theme
*********************************/
.flexslider {background: #fff; position: relative;}
.flexslider .slides  li {position: relative; width:100%\9;}
/* Suggested container for "Slide" animation setups. Can replace this with your own, if you wish */
.flexslider-container {position: relative;}

/* Caption style */
.flex-caption {width:905px; padding: 20px 30px 0px 25px; height:72px; position: absolute; left: 0; bottom: 0; background: rgba(0,0,0,.80); color:#f4f4f4; }
.flex-caption {width:905px\9; padding: 20px 30px 0px 25px\9; height:72px\9; position: absolute\9; left: 0\9; bottom: 0\9; background:url(../img/banner-popup-bg.png) repeat-x\9; color:#f4f4f4\9; }

.flex-caption p{font-size:15px; font-family:Arial, Helvetica, sans-serif;}
.flex-caption a{font-size:14px; font-weight:bold; color:#f8b624; background:url(../img/a-link.png) no-repeat right bottom; padding:34px 35px 0px 0px; font-family:Arial, Helvetica, sans-serif; display:block;}

/* Direction Nav */
.flex-direction-nav  { display:none; }  
.flex-direction-nav li a {width:8px; height:15px; margin:0; display: block; background:url(../img/slider_nextprev_btn.png) no-repeat 0 0; position: absolute; bottom:4px; cursor: pointer; text-indent: -9999px;} /* set negative margin-top equal to half the height on the directional-nav for perfect vertical centering */
.flex-direction-nav li a.flex-next { background-position:-12px 0;  right:0px;}
.flex-direction-nav li a.flex-next:hover { background-position:-12px 0;   }
.flex-direction-nav li a.flex-prev {background-position:0 0; left: 0px;}
.flex-direction-nav li a.flex-prev:hover {background-position:0 0; }

/* Control Nav */
.flex-control-nav { display:none; }
.flex-control-nav { margin-left:0px; border:1px solid #ff00000; width:100%; text-align:center;  } /* set negative margin-left equal to half the width on the control-nav for perfect centering */
.flex-control-nav li {margin: 0 0 0 5px; display:inline-block;}
.flex-control-nav li:first-child {margin: 0;}
.flex-control-nav li a {width: 13px; height: 13px; display: block; background:url(../img/slider_pagination.png) no-repeat 0 0; cursor: pointer; text-indent: -9999px;}
.flex-control-nav li a:hover {background-position:-13px 0;}
.flex-control-nav li a.flex-active{background-position: -13px 0; cursor: default;}




.flexslider_new { position:relative; }

.flexslider_new .flex-direction-nav  { display:block; }  
.flexslider_new .flex-direction-nav li a {width:36px; height:37px; margin:0; display: block; background:url(../img/slider_nextprev_btn.png) no-repeat 0 0; position: absolute; bottom:10px; cursor: pointer; text-indent: -9999px; text-decoration:none; } /* set negative margin-top equal to half the height on the directional-nav for perfect vertical centering */
.flexslider_new .flex-direction-nav li a.flex-next { background:url(../img/arw-gray-y.png) no-repeat left top;  right:-54px;}
.flexslider_new .flex-direction-nav li a.flex-next:hover { background-position:100% -37px;   }
.flexslider_new .flex-direction-nav li a.flex-prev {background:url(../img/arw-gray-y-l.png) no-repeat left top ;  left: -54px;}
.flexslider_new .flex-direction-nav li a.flex-prev:hover {background-position: 0 -37px; }

/* Control Nav */
.flexslider_new .flex-control-nav { display:none; }
.flexslider_new .flex-control-nav { margin-left:0px; position: absolute; bottom:4px; left:0%; border:1px solid #ff00000;  } /* set negative margin-left equal to half the width on the control-nav for perfect centering */
.flexslider_new .flex-control-nav li {margin: 0 0 0 10px; float: left;}
.flexslider_new .flex-control-nav li:first-child {margin: 0;}
.flexslider_new .flex-control-nav li a {width: 15px; height: 15px; display: block; background:url(../img/flexslider_new_pagination.png) no-repeat -20px 0; cursor: pointer; text-indent: -9999px;}
.flexslider_new .flex-control-nav li a:hover {background-position:0px 0;}
.flexslider_new .flex-control-nav li a.flex-active{background-position: 0px 0; cursor: default;}