/* Insignificant stuff, for demo purposes */

#searching_middle .panel h2.title { margin-bottom: 10px }
#searching_middle noscript div { background: #ccc; border: 1px solid #900; margin: 20px 0; padding: 15px }

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

#searching_middle .coda-slider-wrapper {  }
#searching_middle .coda-slider {  }

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

/* Change the width of the entire slider (without dynamic arrows) */
#searching_middle .coda-slider { width: 399px;margin-left: 135px;margin-bottom: 29px;} 
#searching_middle .coda-slider .panel { width: 399px;} 

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

/* Arrow styling */
#searching_middle .coda-nav-left a, #searching_middle .coda-nav-right a { color: #fff; padding: 60px 5px 60px; width: 17px;}

/* Tab nav */
#searching_middle .coda-nav ul li a.current { background-color: #ff8600; }

/* Panel padding */
#searching_middle .coda-slider .panel-wrapper { padding: 0px }

/* Preloader */
#searching_middle .coda-slider p.loading { padding: 20px; text-align: center }

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

/* Tabbed nav */
#searching_middle .coda-nav ul { clear: both; display: block; margin: auto; overflow: hidden }
#searching_middle .coda-nav ul.elements li { display: inline;float: left; }
#searching_middle .coda-nav ul li a { background: #540405; color: #fff; display: block; float: left; margin-right: 1px; padding: 3px 6px; text-decoration: none;cursor: pointer; }

/* Miscellaneous */
#searching_middle .coda-slider-wrapper { clear: both; overflow: auto }
#searching_middle .coda-slider { float: left; overflow: hidden; position: relative }
#searching_middle .coda-slider .panel { display: block; float: left }
#searching_middle .coda-slider .panel-container { position: relative }

#searching_middle .coda-nav-left{ position: absolute; z-index: 1000;margin-top:28px;margin-left:4px;}
#searching_middle .coda-nav-right { position: absolute; margin-left: 534px; z-index: 1000;height:250px;margin-top:28px;}

#searching_middle .coda-nav-left a, #searching_middle .coda-nav-right a { cursor: pointer;display: block; text-align: center; text-decoration: none;background-image: url(../../../img/design/main_list_btn_bg.png); }
#searching_middle .coda-nav-left a:hover, #searching_middle .coda-nav-right a:hover { cursor: pointer;display: block; text-align: center; text-decoration: none;background-image: url(../../../img/design/main_list_btn_bg_hover.png); }

#searching_middle .coda-nav{ margin-left:18px; width: 515px;float: left; }
#searching_middle .panels_main_div{ margin-left: 5px; width: 377px; font-size:9px; }



/* Insignificant stuff, for demo purposes */

#spec_action .panel h2.title { margin-bottom: 10px }
#spec_action noscript div { background: #ccc; border: 1px solid #900; margin: 20px 0; padding: 15px }

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

#spec_action .coda-slider-wrapper {  }
#spec_action .coda-slider {  }

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

/* Change the width of the entire slider (without dynamic arrows) */
#spec_action .coda-slider { width: 399px;margin-left: 95px;} 
#spec_action .coda-slider .panel { width: 399px;} 

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

/* Arrow styling */
#spec_action .coda-nav-left a, #spec_action .coda-nav-right a { color: #fff; padding: 47px 5px 47px; width: 17px;}

/* Tab nav */
#spec_action .coda-nav ul li a.current { background-color: #ff8600; }

/* Panel padding */
#spec_action .coda-slider .panel-wrapper { padding: 0px }

/* Preloader */
#spec_action .coda-slider p.loading { padding: 20px; text-align: center }

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

/* Tabbed nav */
#spec_action .coda-nav ul { clear: both; display: block; margin: auto; overflow: hidden }
#spec_action .coda-nav ul.elements li { display: inline;float: left; }
#spec_action .coda-nav ul li a { background: #540405; color: #fff; display: block; float: left; margin-right: 1px; padding: 3px 6px; text-decoration: none;cursor: pointer; }

/* Miscellaneous */
#spec_action .coda-slider-wrapper { clear: both; overflow: auto }
#spec_action .coda-slider { float: left; overflow: hidden; position: relative }
#spec_action .coda-slider .panel { display: block; float: left }
#spec_action .coda-slider .panel-container { position: relative }

#spec_action .coda-nav-left{ position: absolute; z-index: 1000;margin-top:28px;}
#spec_action .coda-nav-right { position: absolute; margin-left: 493px; z-index: 1000;height:250px;margin-top:28px;}

#spec_action .coda-nav-left a, #spec_action .coda-nav-right a { cursor: pointer;display: block; text-align: center; text-decoration: none;background-image: url(../../../img/design/main_list_btn_bg.png); }
#spec_action .coda-nav-left a:hover, #spec_action .coda-nav-right a:hover { cursor: pointer;display: block; text-align: center; text-decoration: none;background-image: url(../../../img/design/main_list_btn_bg_hover.png); }

#spec_action .coda-nav{ width: 535px;float: left;margin-top:1px; }
#spec_action .panels_main_div{ margin-left: 5px; width: 377px; font-size:9px; }
#spec_action #coda-slider-1{margin-top: 9px;height: 155px;}