/*
 *  Liquid Slider v2
 *  Copyright 2012 Kevin Batdorf
 *  http://liquidslider.com
 *  MIT license
 */

.no-js .liquid-slider { height: 350px; overflow: scroll; }
.ls-preloader { background: url(../images/loading.gif) no-repeat center 50%; opacity: 1; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 2; }
/*** Containers ***/
.ls-wrapper { max-width: 100%!important; clear: both; overflow: auto; position: relative; }
.liquid-slider { width: 600px; margin: 0 auto; float: left; overflow: hidden; position: relative; }
.arrows .liquid-slider { /* Margin between slider and arrows */
margin: 0 10px; }
.ls-responsive .liquid-slider { width: 100%; margin: 0; }
.panel-container { position: relative; -webkit-backface-visibility: hidden; -webkit-perspective: 1000;/* from http://davidwalsh.name/translate3d */
}
.liquid-slider .panel-container .fade { width: 100%; opacity: 0; position: absolute; top: 0; left: 0; display: block; }
/*** Panels ***/
.liquid-slider .panel { width: 600px; display: block; float: left; }
.panel-wrapper { padding: 0px; position: relative; }
.panel-wrapper h2 { display: none; }
.panel-wrapper p { margin: 0; }
.panel-wrapper p img { margin-left: -1px; }
/*** Tabbed Navigation ***/
.ls-nav { /*overflow:hidden;*/
clear: both; }
.ls-nav a { background: #f6f6f6; color: #000000; font-size: 20px; text-transform: uppercase; margin-right: 0px; padding: 15px 0 14px; text-align: center; outline: 0; width: 33.33%; }
.ls-nav a:hover { background: #f2f2f2; color: #333333; text-shadow: none; }
.ls-nav .current a { background: #a7074a; color: #ffffff; }
.ls-nav .current a:before { display: block; content: ''; background: url(../images/pink-top-arrow.png) no-repeat center 0; width: 49px; height: 27px; position: absolute; top: 0px; left: 50%; margin-left: -24px; }
.currentCrossLink { font-weight: bold; }
.ls-nav ul { padding: 0; width: 100%; clear: both; display: block; margin: auto; overflow: hidden; margin-top: -45px; }
#main-slider-nav-ul li + li a { border-left: solid 1px #dfdfdf; }
.ls-nav ul li { position: relative; display: inline; float: left; width: 33.33%; }
.ls-nav ul li a { display: block; width: 100%; float: left; margin-top: 23px; text-decoration: none; }
.ls-nav ul li a span { font-weight: 800; }
/*** Mobile Navigation ***/
.ls-select-box { width: 100%; height: 35px; overflow: hidden; background: url(../images/menu.png) no-repeat right #ddd; }
.ls-select-box select { width: 100%; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: transparent; padding: 5px; font-size: 110%; border: none; height: 35px; cursor: pointer; outline: 0; }
/*** Arrow Navigation (non-graphical) ***/
.ls-nav-left, .ls-nav-right { top: 0; float: left; clear: both; }
.ls-nav-left a, .ls-nav-right a { background: #000; color: #fff; padding: 5px; width: 100px; display: block; text-align: center; text-decoration: none; }
.ls-responsive .ls-nav-left { position: absolute; left: 0; z-index: 2; }
.ls-responsive .ls-nav-left a { background: #9A9A9A; width: 80px; }
.ls-responsive .ls-nav-left a:hover { background: #747474; }
.ls-responsive .ls-nav-right { position: absolute; right: 0; z-index: 2; }
.ls-responsive .ls-nav-right a { background: #9A9A9A; width: 80px; }
.ls-responsive .ls-nav-right a:hover { background: #747474; }
/*** Arrow Navigation (graphical) ***/
.ls-nav-left-arrow, .ls-nav-right-arrow { cursor: pointer; float: left; clear: both; }
.ls-nav-left-arrow a, .ls-nav-right-arrow a { display: block; }
.main-slider-wrapper [class$="-arrow"] {
 width: 25px;
 height: 25px;
 background-image: url(../images/arrow.html);
 background-repeat: no-repeat;
 margin-top: 50px;
 position:relative;
}
.ls-nav-right-arrow { background-position: top right; margin-right: 5px; }
.ls-nav-left-arrow { background-position: top left; margin-left: 5px; }
.ls-nav-left-arrow:hover { background-position: bottom left; }
.ls-nav-right-arrow:hover { background-position: bottom right; }
.ls-responsive .ls-nav-left-arrow { position: absolute; left: 0; display: none!important; z-index: 2; }
.ls-responsive .ls-nav-right-arrow { position: absolute; right: 0; display: none!important; z-index: 2; }
 @media all and (max-width:1200px) {
.ls-nav a { font-size: 18px; }
.panel-wrapper p img { width: 100%; height: 306px; }
.ls-nav ul li:last-child { margin-right: -1px; width: 33.35%; }
}
 @media all and (max-width:750px) {
.panel-wrapper p img { height: auto; }
}