/*  ===== @SLIDER============================ */
.coda-slider-wrapper {
    height:341px;
    width:940px;
    margin: 0 auto;
}

.coda-slider {
    background: url(home_slider_img/sliderBack.jpg) repeat-x;
    margin:0 0 7px 0;
}

/* Use this to keep the slider content contained in a box even when JavaScript is disabled */
.coda-slider-no-js .coda-slider {
    height: 289px;
    overflow: auto !important;
}

/* .panel-wrapper elements */
.panel-wrapper {
    width:390px;
    float:left;
    margin:5px 20px 0 30px;
    color:#3d3d3d;
    text-align:left;
}

.panel-wrapper h2 {
    margin:0 0 10px 0;
    color:#23396f;
    font-size:26px;
    font-family:"Lucida Sans", "Lucida Grande", sans-serif;
}

.panel-wrapper p { text-align:left; }

.panel img {
    float:left;
    margin:15px 0 0 0;
}

a.slider-quote-button {
    background:url(home_slider_img/quoteBtn.png) no-repeat;
    display:block;
    text-indent:-9999px;
    width:172px;
    height:42px;
    margin: 15px 0 0 30px;
}

a.slider-quote-button:hover { background-position:bottom left; }

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

/* Tab nav */
.coda-nav ul li a.current { background-position:bottom left; }

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

/* Preloader */
.coda-slider p.loading { padding: 20px; }

/* Don't change anything below here unless you know what you're doing */
/* Tabbed nav */
.coda-nav ul {
    clear: both;
    display: block;
    margin: auto;
    overflow: hidden;
    width:940px;
    height:45px;
    margin:0;
    padding:0;
}

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

.coda-nav ul li a {
    display: block;
    float: left;
    width:184px;
    height:45px;
    text-decoration: none;
    text-indent: -9999px;
    margin:0 4px 0 0;
}

.tab1 a { background: url(home_slider_img/autoBtn.png); }

.tab2 a { background: url(home_slider_img/homeBtn.png); }

.tab3 a { background: url(home_slider_img/aptBtn.png); }

.tab4 a { background: url(home_slider_img/restBtn.png); }

.tab5 a { background: url(home_slider_img/busBtn.png); }

.tab1 a:hover, .tab2 a:hover, .tab3 a:hover, .tab4 a:hover, .tab5 a:hover { background-position:bottom left; }

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

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

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

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