/*
    jQuery Coda-Slider v2.0 - http://www.ndoherty.biz/coda-slider
    Copyright (c) 2009 Niall Doherty
    This plugin available for use in all personal or commercial projects under both MIT and GPL licenses.
*/


/* Insignificant stuff, for demo purposes */

.panel h2.title {
    margin-bottom: 10px;
}

noscript div {
    background: #ccc;
    border: 1px solid #900;
    margin: 20px 0;
    padding: 15px;
}


/* Styling for specific sliders */

#coda-nav-left-5 {
    margin: 0 1px 0 135px;
}

#coda-nav-left-5,
#coda-nav-5,
#coda-nav-right-5 {
    float: left;
}

#coda-nav-5 ul {
    margin: 0 !important;
}

#coda-nav-left-5 a,
#coda-nav-right-5 a {
    padding: 3px;
    width: 20px;
}

#coda-slider-5 {
    clear: both;
}

#coda-slider-9,
#coda-slider-9 .panel {
    width: 465px;
}

#coda-slider-9 h2.title {
    display: none;
}


/* Most common stuff you'll need to change */

.coda-slider-wrapper {
    padding: 20px 0;
    position: relative;
}

.coda-slider {
    /* background: #fff; */
}


/* Use this to keep the slider content contained in a box even when JavaScript is disabled */

.coda-slider-no-js .coda-slider {
    height: 200px;
    overflow: auto !important;
    padding-right: 20px;
}


/* Change the width of the entire slider (without dynamic arrows) */

.coda-slider,
.coda-slider .panel {
    width: 890px;
}


/* Change margin and width of the slider (with dynamic arrows) */

.coda-slider-wrapper.arrows .coda-slider,
.coda-slider-wrapper.arrows .coda-slider .panel {
    width: 890px;
}

.coda-slider-wrapper.arrows .coda-slider {
    margin: 0 auto;
}


/* Arrow styling */

.coda-nav-left a,
.coda-nav-right a {
    background: transparent;
}


/* Tab nav */

.coda-nav ul li a.current {
    background-color: #111111;
}


/* Panel padding */

.coda-slider .panel-wrapper {
    /* padding: 20px; */
}


/* Preloader */

.coda-slider p.loading {
    padding: 20px;
    text-align: center;
}


/* Don't change anything below here unless you know what you're doing */


/* Tabbed nav */

.coda-nav ul {
    clear: both;
    display: block;
    margin: 0 0px 20px;
    overflow: hidden;
    width: 100% !important;
}

.coda-nav ul li {
    display: inline;
}

.coda-nav ul li a {
    background: #d7d7d7;
    color: #fff;
    display: block;
    text-indent: -9999px;
    float: left;
    width: 25px;
    height: 25px;
    margin-right: 5px;
    padding: 0;
    text-decoration: none;
}


/* Miscellaneous */

.coda-slider-wrapper {
    clear: both;
    /* overflow: auto; */
    position: relative;
}

.coda-slider {
    /* float: left; */
    overflow: hidden;
    position: relative;
}

.coda-slider .panel {
    display: block;
    float: left;
}

.coda-slider .panel-container {
    position: relative;
}

.coda-nav-left,
.coda-nav-right {
    position: absolute;
    top: 50%;
    margin-top: 0px;
}

.coda-nav-left {
    left: -50px;
}

.coda-nav-right {
    right: -50px;
}


/*
body:first-of-type .coda-nav-right {
    right: -85px;
}*/

.coda-nav-left a,
.coda-nav-right a {
    display: block;
    top: 20%;
    text-indent: -9999px;
    cursor: pointer;
    z-index: 30000;
}

.coda-nav-left a {
    width: 0;
    height: 0;
    border-top: 25px solid transparent;
    border-right: 25px solid #111111;
    border-bottom: 25px solid transparent;
    /* box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.3); */
}

.coda-nav-right a {
    width: 0;
    height: 0;
    border-top: 25px solid transparent;
    border-left: 25px solid #111111;
    border-bottom: 25px solid transparent;
}

#coda-slider-4 {
    height: 593px !important;
    overflow: hidden;
}