/* Most common stuff you'll need to change */
	
    .coda-slider-wrapper {position: relative; width: 462px; height: 334px; margin: 5px; display: block;}
    .coda-slider { background: #fff }
    
    .coda-slider-info-box{
    	position: absolute;
    	bottom: 0;
    	left: 0;
    	background-image: url(images/transp_75.png);
    	width: 462px;
    }
    
    .coda-nav-left{
		position: absolute;
		top: 150px;
		left: 15px;
		z-index: 2;
	}
	
	
	
	.coda-nav-right{
		position: absolute;
		top: 150px;
		right: 15px;
		
	}
	
	.coda-nav{
		position: absolute;
		top: 255px;
		right: 30px;
	
		height: 0;
		overflow: hidden;
		display: none;
		visibility: hidden;
	}
	
	.panel img{
		width: 462px;
		height: 334px;
	}
    
    .coda-slider-title{
		position: relative;
    	font-size: 11px;
    	padding: 10px;
    	color: rgb(101,101,101);
    	font-weight: bold;
    }
    
    .coda-nav ul li a{ 
    	display: block; 
    	background-image: url(images/cs_dull.png);
    	background-repeat: no-repeat;
    	background-position: center center;
    	width: 12px;
    	height: 15px;
    }
    
    .coda-nav ul li a.current{ 
    	display: block; 
    	background-image: url(images/cs_active.png);
    	background-repeat: no-repeat;
    	background-position: center center;
    	width: 12px;
    	height: 15px;
    }
    
    /* 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; padding-right: 20px }
    
    /* Change the width of the entire slider (without dynamic arrows) */
    #coda-slider, #coda-slider .panel { width: 462px; position: relative; } 
    
    /* Arrow styling */
    .coda-nav-left a, .coda-nav-right a {color: #fff; padding: 0px 0;}
    
    /* Tab nav */
    .coda-nav ul li a.current, .home .coda-nav ul li a.current { color: #f00 }
    
    /* Panel padding */
    #coda-slider { margin-bottom: 0px; width: 462px; height: 334px; display: block; overflow: hidden;}
    #coda-slider .panel-wrapper {position: absolute; bottom: 0; left: 0; margin-bottom: 0; background-color: aqua;}
    #catch .panel-wrapper { margin-bottom: 0; }
    
    /* Preloader */
    .coda-slider p.loading {text-align: center }

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

    /* Tabbed nav */
    .slider-nav{ float: right;padding-right: 0px;}
    .coda-nav{ float: right; }
    .coda-nav ul { display: block; margin: auto; overflow: hidden; padding: 0 7px; }
    .coda-nav ul li { display: inline }
    .coda-nav ul li a, .home .coda-nav ul li a {font-family: Helvetica, 'Helvetica Neue', Arial, sans-serif;color: #000; font-size: 14px;display: block; float: left; padding: 0px 0px; text-decoration: none }
    
    /* Miscellaneous */
    .coda-slider-wrapper {overflow: hidden; position: relative;}
    .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: right;} */
    .coda-nav-right { clear:left;padding-right:0px;}
    .coda-nav-left a, .coda-nav-right a { display: block; font-family: Helvetica, 'Helvetica Neue', Arial, sans-serif; font-size: 14px; text-align: center; text-decoration: none }
    #catch .coda-nav-left a, #catch .coda-nav-right a, #coda-nav-right-2 a, #coda-nav-left-2 a{width:165px;font-size: 12px; text-decoration: underline;text-align:left;} 
    #contentextra .slider-nav{ margin-bottom: 0;}
  