﻿			


/* Most common stuff you'll need to change */

	.coda-slider-wrapper { padding: 0px;height: 241px;width: 270px; margin-top: -25px;}
	.coda-slider {padding: 0px;  }
	
	/* Use this to keep the slider content contained in a box even when JavaScript is disabled */
	.coda-slider-no-js .coda-slider { height: 241px; padding-right: 0px }
	
	/* Change the width of the entire slider (without dynamic arrows) */
	.coda-slider, .coda-slider .panel { width: 270px;height: 241px;} 
	
	/* Change margin and width of the slider (with dynamic arrows) */
	.coda-slider-wrapper.arrows .coda-slider, .coda-slider-wrapper.arrows .coda-slider .panel { width: 270px;}
	.coda-slider-wrapper.arrows .coda-slider { margin: 0px; }
	
	/* Arrow styling */
	.coda-nav-left a { height: 34px;width: 63px; display: block; }
	.coda-nav-right a {  height: 34px;width: 33px;display: block; }
	
	.coda-nav-left{ width: 63px;float: left;background: url("/images/prevyellow.png") no-repeat center;margin-left:-10px; position: relative;top: 170px;z-index: 1000}
	.coda-nav-right { float: right ;background: url("/images/nextyellow.png") no-repeat center; position: relative;top: -105px; right: 10px;z-index: 1000}

		
	/* Panel padding */
	.coda-slider .panel-wrapper { padding: 0px; float: left; width: 270px;}
	

/* Don't change anything below here unless you know what you're doing */

	
	/* Miscellaneous */
	.coda-slider-wrapper { margin-left: 5px; }
	.coda-slider { float: left; overflow: hidden; position: relative;}
	.coda-slider .panel { display: block; float: left ;}
	.coda-slider .panel-container { position: relative; }

