/*** Story Page Image Slider ***/
#image_slider #container {width:250px; height:280px; padding:0;}
#main {overflow: hidden;}

/* --Clearfix */
.cf:before,
.cf:after {content:""; display:table;}
.cf:after {clear:both;}

.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;}
.leftdata .flex-direction-nav {display:none!important;}

.flexslider {margin: 0; padding: 0;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
#image_slider .flexslider .slides img {height:250px; display: block;}

.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} 

 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}


/* FlexSlider Default Theme */
#image_slider .flexslider {margin:0; background:#fff; position:relative; overflow:hidden;}


/* Direction Nav */
#image_slider .flex-direction-nav {*height: 0; }
#image_slider .flex-direction-nav a {width: 30px; height: 30px; margin: -30px 0 0; display: block; background:#c82e2e url("../images/scroll3.png") no-repeat 0 0; position: absolute; top:165px; cursor: pointer; text-indent:-9999px;}
#image_slider .flex-direction-nav a:hover {background-color:#000;}
#image_slider .flex-direction-nav .flex-next {background-position: -30px -30px; right: 0; }
#image_slider .flex-direction-nav .flex-prev {left:0;}

#image_slider .flexslider .flex-next:hover {background-position: 0 -30px;}
#image_slider .flexslider .flex-prev:hover {background-position: -30px 0;}
#image_slider .flex-direction-nav .flex-disabled {cursor: default;}

/* Control Nav */
#image_slider .flex-control-nav {background:#dcdcdc; padding:16px 10px; width: 520px; position: absolute; height:12px; text-align:right; display:none;}
#image_slider .flex-control-nav li {margin: 0 5px; display: inline-block; zoom: 1; *display: inline;}
#image_slider .flex-control-paging li a {width: 8px; height: 8px; display: block; background:#fff; cursor: pointer; text-indent: -9999px; background:url("../images/bdot.gif") left top no-repeat; text-align:left;}
#image_slider .flex-control-paging li a:hover { background: #333; background:#000; background:url("../images/rdot.gif") left top no-repeat; }
#image_slider .flex-control-paging li a.flex-active {  background:url("../images/rdot.gif") left top no-repeat; cursor: default; }

#image_slider .slides .section{position:absolute; top:0; right:240px; margin:0; padding:6px 10px; background:#c82e2e; color:#fff; font-size:12px;}
#image_slider .slides .caption{position:absolute; top:0; right:15px; width:210px; height:260px; margin:0; padding:0;}
#image_slider .slides .caption .title{color:#fff; font-size:18px; font-weight:normal; float:left; width:100%; letter-spacing:normal;}
#image_slider .slides .caption p{float:left; padding:10px 0; margin:0; font-size:12px; color:#dcdcdc;}




/*** Slideshow Slider ***/
#right_slideshow #container {width:300px; height:280px; padding:0; background:#888888;}
#right_slideshow .flexslider .slides img {width:300px; height:200px; display:block;}

/* FlexSlider Default Theme */
#right_slideshow .flexslider {margin: 0 0 80px; background: #303030; position: relative;}

/* Direction Nav */
#right_slideshow .flex-direction-nav {*height: 0;}
#right_slideshow .flex-direction-nav a {width:20px; height:20px; margin: -20px 0 0; display: block; background:#c82e2e url("../images/nav-arrow-small.png") no-repeat 0 0; position: absolute; top: 272px; cursor: pointer; text-indent:-9999px;}
#right_slideshow .flex-direction-nav a:hover {background-color:#fff;}
#right_slideshow .flex-direction-nav .flex-next {background-position: 100% 0; right: 9px; }
#right_slideshow .flex-direction-nav .flex-prev {left:9px;}

#right_slideshow .flexslider .flex-next:hover {background-position: -20px -20px;}
#right_slideshow .flexslider .flex-prev:hover {background-position: 0 -20px;}
#right_slideshow .flex-direction-nav .flex-disabled {cursor: default;}


/* Control Nav */
#right_slideshow .flex-control-nav {padding:57px 10px 10px; width:278px; position: absolute; height:12px; text-align:center;}
#right_slideshow .flex-control-nav li {margin: 0 5px; display: inline-block; zoom: 1; *display: inline;}
#right_slideshow .flex-control-paging li a {width:8px; height:8px; display: block; background:#fff; cursor: pointer; text-indent: -9999px; background:url("../images/bdot.gif") left top no-repeat; text-align:center;}
#right_slideshow .flex-control-paging li a:hover { background: #333; background:#000; background:url("../images/rdot.gif") left top no-repeat; }
#right_slideshow .flex-control-paging li a.flex-active {  background:url("../images/rdot.gif") left top no-repeat; cursor: default; }

#right_slideshow .slides .section{position:absolute; top:163px; right:0; margin:0; padding:6px 10px; background:#c82e2e; color:#fff; font-size:12px;}
#right_slideshow .slides .caption{position:absolute; top:200px; left:0; width:278px; margin:0 auto; padding:10px; z-index:99;}
#right_slideshow .slides .caption .title{color:#fff; font-size:13px; font-weight:normal; text-align:center; letter-spacing:normal;}