/*

* jQuery FlexSlider v1.8

* http://flex.madebymufffin.com

*

* Copyright 2011, Tyler Smith

* Free to use under the MIT license.

* http://www.opensource.org/licenses/mit-license.php

*/

/* Browser Resets */

.flex-container a:active, .flexslider a:active {

outline: none;

}

.flexsliderNav a:active {

outline: none;

}

.slides, .flex-control-nav, .flex-direction-nav {

margin: 0;

padding: 0;

list-style: none;

}

/* FlexSlider Necessary Styles

*********************************/ 

.flexslider {

min-height:50px;

min-width:50px;

width: 100%;

margin: 0;

padding: 0;

background:url(img/loader.gif) no-repeat 50% 50%;

}

.flexslider .slides > li {

display: none;

} /* Hide the slides before the JS is loaded. Avoids image jumping */

.flexslider .slides img {

max-width: 100%;

display: block;

}

.flexslider .slides a {

display:block;

position:relative;

}

.flexsliderNav {

width: auto;

margin: 0px 0 0 0;

padding:0;

z-index:2;

}

.flexsliderNav ul, li {

margin:0;

padding:0;

}

.flexsliderNav .slides > li {

display: none;

margin:0;

padding:0;

z-index:10000;

} /* Hide the slides before the JS is loaded. Avoids image jumping */

.flexsliderNav .slides img {

max-width: 100%;

display: block;

z-index:10000;

}

.singleNav {

width: auto;

margin: 0px 0 0 0;

padding:0;

z-index:2;

}

.singleNav ul, li {

margin:0;

padding:0;

}

.singleNav .slides > li {

display: none;

margin:0;

padding:0;

z-index:10000;

} /* Hide the slides before the JS is loaded. Avoids image jumping */

.singleNav .slides img {

max-width: 100%;

display: block;

z-index:10000;

}

.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;

overflow:hidden;

}

* 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 {

overflow:visible;

!important position:relative;

!important zoom: 1;

!important

}

.flexslider .slides {

zoom: 1;

}

.flexslider .slides > li {

position: relative;

height:auto;

}

.flexsliderNav {

position: relative;

!important zoom: 1;

!important overflow:visible;

!important

}

.flexsliderNav .slides {

zoom: 1;

}

.flexsliderNav .slides > li {

position: relative;

}

/* Suggested container for "Slide" animation setups. Can replace this with your own, if you wish */

.singleNav {

position: relative;

!important zoom: 1;

!important overflow:visible;

!important

}

.singleNav .slides {

zoom: 1;

}

.singleNav .slides > li {

position: relative;

}

.flexslider img {

margin:0 auto;

}

.flexsliderNav img {

margin:0 auto;

}

.singleNav img {

margin:0 auto;

}

.flex-container {

zoom: 1;

position: relative;

}

/* Caption style */

/* IE rgba() hack */

.flex-caption {

position: absolute;

font-family:"Open sans";

bottom:20px;

left:40px;

width:auto;

font-weight:200;

font-size:16px;

z-index:1;

}

.flex-caption-text {

background-color:#2b2b2b;

color:#fff;

padding:15px 20px 15px 20px;

margin:0px 0 0px 0px;

height:auto;

width:auto;

overflow:auto;

opacity:0.8;

}



/* Direction Nav */

.flexslider:hover .flex-direction-nav li a {

opacity:0.8;

}

.flex-direction-nav li a {

width: 31px;

height: 55px;

padding:0 0 0 0;

margin:0px 0px -28px 0;

display: block;

background: url(img/bg_direction_nav.png) no-repeat;

position: absolute;

bottom:50%;

cursor: pointer;

text-indent: -9999px;

z-index:1000000;

transition: all ease-in-out .6s;

-webkit-transition: all ease-in-out .6s;

-moz-transition: all ease-in-out .6s;

-o-transition: all ease-in-out .6s;

opacity:0;

}

.flex-direction-nav li .next {

background-position: -31px 0;

right: 0px;

}

.flex-direction-nav li .prev {

left:0px;

}

.flex-direction-nav li .disabled {

opacity: .3;

filter:alpha(opacity=30);

cursor: default;

}

.prev .zoom {

display:none;

}

.next .zoom {

display:none;

}

.prev .link {

display:none;

}

.next .link {

display:none;

}

/* Control Nav */

.flex-control-nav {

width: 100%;

position: absolute;

bottom: -15px;

text-align: center;

}

.flex-control-nav li {

margin: 0 0 0 5px;

display: inline-block;

zoom: 1;

*display: inline;

}

.flex-control-nav li:first-child {

margin: 0;

}

.flex-control-nav li a {

width: 13px;

height: 13px;

display: block;

background: url(img/bg_control_nav.png) no-repeat 0 0;

cursor: pointer;

text-indent: -9999px;

}

.flex-control-nav li a:hover {

background-position: 0 -13px;

}

.flex-control-nav li a.active {

background-position: 0 -26px;

cursor: default;

}