@charset "UTF-8";
/* CSS Document */

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

/* Most common stuff you'll need to change */
.coda-slider-wrapper {}

/* 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:960px; margin:0 auto;} 

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

/* Arrow styling */
.coda-nav-left a, .coda-nav-right a {display:none;}

/* Tab nav */
.coda-nav ul li a.current {background:#99ccff;}

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

/* 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 auto; overflow:hidden;}
.coda-nav ul li {display:inline; float:left;}
.coda-nav ul li a {background:#369; color:#fff; display:block; float:left; margin-right:1px; padding:5px 20px; text-decoration:none;}

/* 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;}
.coda-nav-left, .coda-nav-right {float:left;}
.coda-nav-left a, .coda-nav-right a {display:block; text-align:center; text-decoration:none;}