/*
 * jQuery FlexSlider v2.0
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 */

 
/* 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; } /* Hide the slides before the JS is loaded. Avoids image jumping */

.bottom-scroller .flexslider .slides > li{ margin-bottom:6px;} 


#mainslider { margin:20px 0; position:relative }
#mainslider-one { margin:20px 0 0 0; position:relative }

#slider, .photoslider { position:relative }
#carousel { position:relative}
#mainslider .slides > li {  
    position: relative;
    text-align: center;}

#mainslider-one .slides > li {  
    position: relative;
    text-align: center;}				
				
.slider-sep-dv{ border: 1px solid #D1D1D1;
    box-shadow: 6px 6px 0 #E3E3E3;
    float: left;
    font-family: 'open_sanssemibold';
    list-style: none outside none; margin-bottom:6px;

    padding: 6px; width:254px; float:left;}
				
				
#mainslider .slides li:hover .slider-sep-dv{ box-shadow: 6px 6px 0 #EF2B2D;}	
#mainslider-one .slides li:hover .slider-sep-dv{ box-shadow: 6px 6px 0 #EF2B2D;}				
				
.flex-container { position:relative; }
.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
*********************************/
#secondary-slider, #firstslider { margin: 0; background: #fff; border: 4px solid #fff; position: relative; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; padding-top:40px; }
#carousel{ margin: 0 0 60px;
    position: relative; margin:10px 0 0 0}
	#carousel .slides > li { background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #A8A8A8;
    margin-right: 5px;
    padding: 5px;}
    
.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:0 0px }
/* Direction Nav */
.flex-direction-nav { *height: 0;
}
.flex-direction-nav a { width: 35px; height: 70px; margin: -17px 0 0; display: block; background: url(../images/mainslider_arw.png) no-repeat 0 0; position: absolute; top: 50%; z-index: 10; cursor: pointer; text-indent: -9999px; opacity: 1; -webkit-transition: all .3s ease;
}
#slider .flex-direction-nav a { top: 50%;
    width: 60px;
    z-index: 10; padding: 5px 0;
    position: absolute;
    text-align: center; background: none repeat scroll 0 0 #f4030e; text-indent:0; height:auto; font-weight:bold;
    color: #FFFFFF;
    cursor: pointer;
    display: block; opacity: 1; -webkit-transition: all .3s ease;
}
#carousel .flex-direction-nav a { width:21px; height: 33px; margin: -20px 0 0; display: block; background: url(../images/red_direction_nav.png) no-repeat 0 0; position: absolute; top: 50%; z-index: 10; cursor: pointer; text-indent: -9999px; opacity: 1; -webkit-transition: all .3s ease;
}
#mainslider .flex-direction-nav a { width:37px; height:79px; margin: -40px 0 0; *margin:40px 0 0; display: block; background: url(../images/mainslider_arw.png) no-repeat 0 0; position: absolute; top:48%; z-index: 10; cursor: pointer; text-indent: -9999px; opacity: 1; -webkit-transition: all .3s ease;}
#mainslider-one .flex-direction-nav a { width:37px; height:79px; margin: -40px 0 0; *margin:40px 0 0; display: block; background: url(../images/mainslider_arw.png) no-repeat 0 0; position: absolute; top:48%; z-index: 10; cursor: pointer; text-indent: -9999px; opacity: 1; -webkit-transition: all .3s ease;}



#carousel .flex-direction-nav .flex-next { background-position: 100% 0; right: -4%; }
#carousel .flex-direction-nav .flex-prev { left: -4%; }
#mainslider .flex-direction-nav .flex-next { background-position: 100% 0; right:-8px;}
#mainslider-one .flex-direction-nav .flex-next { background-position: 100% 0; right:-8px;}

#mainslider .flex-direction-nav .flex-prev { left: -9px; }
#mainslider-one .flex-direction-nav .flex-prev { left: -9px; }

#smallslider .flex-direction-nav a{ width:6px; height:12px; margin: -3px 0 0;  display: block; background: url(../images/small_slider.png) no-repeat 0 0; position: absolute; top:50%; z-index: 10; cursor: pointer; text-indent: -9999px; opacity: 1; -webkit-transition: all .3s ease;}
.photoslider .flex-direction-nav a { width:14px; height:13px; margin: -3px 0 0;  display: block; background: url(../images/photo_direction_nav.png) no-repeat 0 0; position: absolute; top:auto; bottom:-20px; z-index: 10; cursor: pointer; text-indent: -9999px; opacity: 1; -webkit-transition: all .3s ease;}
.photoslider .flex-direction-nav .flex-next { background-position: 100% 0; right: 2.9%; }
.photoslider .flex-direction-nav .flex-prev { right: 13.9%; left:auto }
#smallslider .flex-direction-nav .flex-next { background-position: 100% 0; right: 2.9%; }
#smallslider .flex-direction-nav .flex-prev { left: 2.9%; }
.flex-direction-nav .flex-next { background-position: 100% 0; right: -8px; }
.flex-direction-nav .flex-prev { left:-9px; }
.flex-direction-nav .flex-disabled { opacity: .3!important; filter:alpha(opacity=30); cursor: default; }
/* Control Nav */
.flex-control-nav { width: 100%; position: absolute; bottom: -40px; text-align: center; }
.flex-control-nav li { margin: 0 6px; display: inline-block; zoom: 1; *display: inline;
}
.flex-control-paging li a { width: 11px; height: 11px; display: block; background: #666; background: rgba(0, 0, 0, 0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); }
.flex-control-paging li a:hover { background: #333; background: rgba(0, 0, 0, 0.7); }
.flex-control-paging li a.flex-active { background: #000; background: rgba(0, 0, 0, 0.9); cursor: default; }
.flex-control-thumbs { margin: 5px 0 0; position: static; overflow: hidden; }
.flex-control-thumbs li {  background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #a8a8a8;
    float: left;
    margin: 0 0 10px;
    padding: 5px;
    width: 25%; }
.flex-control-thumbs img { width: 100%; display: block; opacity: .7; cursor: pointer; }
.flex-control-thumbs img:hover { opacity: 1; }
.flex-control-thumbs .flex-active { opacity: 1; 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;
}
}
.flex-caption { display: block; float: left; padding:3% 5%  }
.flex-caption { color:#202020; font-size:16px; font-family:Arial, Helvetica, sans-serif; line-height:25px; }
.flex-caption .read {color:#d90b14; font-size:14px; font-style:normal; border-top:1px solid #e5e5e5; border:2px solid #cf1112; width:174px; height:35px; display:block; margin:15px auto 0; line-height:35px; }