/* 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;
}

/* Change the width of the entire slider (without dynamic arrows) */
.coda-slider, .coda-slider .panel {
    width: 800px
}

.coda-nav-left, .coda-nav-right {
    display: none;
}

.panel {
    zoom: 1;
    position: relative;
}

/* Change margin and width of the slider (with dynamic arrows) */
/*.coda-slider-wrapper.arrows .coda-slider, .coda-slider-wrapper.arrows .coda-slider .panel {*/
/*    width: 800px;*/
/*}*/

/* Arrow styling */
.coda-nav-left a, .coda-nav-right a {
    background: #000;
    background: -webkit-gradient(linear, center top, center bottom, from(#252525), color-stop(1%, #444444), color-stop(20%, #555555), color-stop(85%, #111), to(#000));
    background: -moz-linear-gradient(top, #252525 0%, #444 1%, #555 20%, #111 85%, #000 100%);
    background: url(/share/img/button/common_button.jpg) repeat-x 0 -44px;
    color: #fff;
    padding: 5px;
    width: 100px;
}

/* Tab nav */
.coda-nav ul li a.current,
.coda-nav ul li a:hover {
    background: #49c70b;
    /*background: linear-gradient(180deg, #3Eb622 0%, #5Ee642 50%, #4EC632 100%);*/
    /*background: -moz-linear-gradient(180deg, #3Eb622 0%, #5Ee642 50%, #4EC632 100%);*/
    /*background: -webkit-linear-gradient(180deg, #3Eb622 0%, #5Ee642 50%, #4EC632 100%);*/
    /*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#3eb622",endColorstr="#4ec632",GradientType=1);*/
    /*background:url(/share/img/button/common_button.jpg) repeat-x center top;*/
    /*background-size: cover;*/
}

.coda-nav {
    margin-bottom: 22px;
    height: 27px;
    border-bottom: 1px silver solid;
    box-shadow: 0 1px 0 #fff;
}

.coda-nav ul {
    width: 100% !important;
}

/* Panel padding */
.coda-slider .panel-wrapper {
    padding: 0;
}

/* Preloader */
.coda-slider p.loading {
    padding: 0;
    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: auto;
    margin: 0 !important;
}

.coda-nav ul li {
    display: inline;
    margin: 0 !important;
}

.coda-nav ul li a {
    background: #222222eb;
    /*background: -moz-linear-gradient(180deg, #252525 0%, #444 33%, #555 66%, #111 100%);*/
    /*background: -webkit-linear-gradient(180deg, #252525 0%, #444 33%, #555 66%, #111 100%);*/
    /*background: linear-gradient(180deg, #252525 0%, #444 33%, #555 66%, #111 100%);*/
    /*background:url(/share/img/button/common_button.jpg) repeat-x center top;*/
    color: #fff !important;
    vertical-align: middle;
    display: block;
    float: left;
    margin-right: 1px;
    margin-bottom: 15px;
    padding: 2px 10px 2px;
    text-decoration: none;
    font-size: 11px !important;
    box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.20);
    -moz-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.20);
    -webkit-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.20);
}

/* Miscellaneous */
.coda-slider-wrapper {
    clear: both;
    overflow-x: hidden;
}

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

.coda-slider .panel {
    /*display: block;*/
    /*float: left;*/
    display: inline-block;
    vertical-align: top;
}

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

.coda-nav-left, .coda-nav-right {
    float: left;
}

.coda-nav-left a, .coda-nav-right a {
    display: block;
    text-align: center;
    text-decoration: none;
}