/***********************************************************************
  jQuery Coda-Slider v3.0 - kevinbatdorf.github.com/codaslider
  Copyright (c) 2012 Kevin Batdorf
  This plugin available for use in all personal or commercial projects under both MIT and GPL licenses.
************************************************************************/
#slider-id-wrapper{
	width:720px;
	position:relative;
	/*background:#b2b2b2;*/
	background:#FFF;

	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	
	-webkit-box-shadow:0px 0px 3px rgba(0,0,0,.3);
	-moz-box-shadow:0px 0px 3px rgba(0,0,0,.3);
	box-shadow:0px 0px 3px rgba(0,0,0,.3);
}
.coda-slider-wrapper {padding:1px 0; padding-bottom:0px;}
.coda-slider-wrapper .coda-slider {/*background: #b2b2b2;*/width:720px; }
.coda-slider-wrapper .coda-slider .panel {width:720px; padding-bottom:0px; }
.coda-slider-wrapper .coda-slider .panel .panel-wrapper {padding:0px 24px; padding-top:0; }
  
.coda-slider-wrapper .coda-nav { /*Tab styles */ width:680px; margin:0 auto; overflow:hidden; }
.coda-slider-wrapper .coda-nav a {background:#b2b2b2; color: #FFFFFF; border-right:1px dotted #d0d0d0;
	width:55.5px;
	height:45px;
	line-height:45px;
	text-align:center;
	font-size:12px;
} 

.coda-slider-wrapper .coda-nav .tab12 a {border-right:0px dotted #999999;} 

.coda-slider-wrapper .coda-nav .current {/* Current tab styles */ background: #0e8ddc; color:#FFF;  }
.coda-slider-wrapper .coda-nav a:hover {background: #0e8ddc; color: #fff; text-shadow: none;  }
.coda-slider-wrapper .coda-nav-left, .coda-slider-wrapper .coda-nav-right { position:absolute;}
.coda-slider-wrapper .coda-nav-left{ top:1px; left:0px;}
.coda-slider-wrapper .coda-nav-right { top:1px; right:0px;}
.coda-slider-wrapper .coda-nav-left a, .coda-slider-wrapper .coda-nav-right a {/* background: #000;*/color: #fff;padding:0px; width:24px; height:45px; text-indent:-9999px; }

.coda-slider-wrapper .coda-nav-left a{ background:#cbcbcb url(/images/icons/left_arrow_red.png) no-repeat;}
.coda-slider-wrapper .coda-nav-right a{ background:#cbcbcb url(/images/icons/right_arrow_red.png) no-repeat;}

.coda-slider-wrapper .coda-nav-left-arrow {width: 25px;height: 25px;background: url(../img/arrow.png) no-repeat top left; margin-top:50px;}
.coda-slider-wrapper .coda-nav-left-arrow a {width: 0;height: 0;border:none;}
.coda-slider-wrapper .coda-nav-left-arrow:hover {background: url(../img/arrow.png) no-repeat bottom left; }
.coda-slider-wrapper .coda-nav-right-arrow {width: 25px;height: 25px;background: url(../img/arrow.png) no-repeat top right; margin-top:50px;}
.coda-slider-wrapper .coda-nav-right-arrow a {width: 0;height: 0;background: none; margin-top:0;border:none;}
.coda-slider-wrapper .coda-nav-right-arrow:hover {background: url(../img/arrow.png) no-repeat bottom right; }
.coda-slider-wrapper .coda-nav-left-arrow:active, .coda-slider-wrapper .coda-nav-right-arrow:active {margin-top: 55px; }
.coda-slider-wrapper .loading {height: 100%;padding: 20px;text-align: center;  }
.arrows .coda-slider { margin: 0 0px; }

/**********************************************************************
* Don't change anything below here unless you know what you're doing 
***********************************************************************/
.coda-slider-wrapper { clear: both;overflow: auto; } 
.coda-slider-wrapper .coda-slider {float: left;overflow: hidden;position: relative; }
.coda-slider-wrapper .coda-slider .panel-container {position: relative; }
.coda-slider-wrapper .coda-slider .panel-container .panel {display: block;float: left;}
.coda-slider-wrapper .coda-nav {}
.coda-slider-wrapper .coda-nav ul {clear: both;display: block;margin: auto;overflow: hidden; margin:0 auto; padding:0; 
	width:680px; 
	text-transform:uppercase;
	font-size:12px;
	font-weight:bold;
} 
.coda-slider-wrapper .coda-nav ul li {display: inline; }
.coda-slider-wrapper .coda-nav ul li a {display: block;float: left;text-decoration: none; }
.coda-slider-wrapper .coda-nav-left-arrow, .coda-slider-wrapper .coda-nav-right-arrow {cursor: pointer;float: left;}
.coda-slider-wrapper .coda-nav-left-arrow a, .coda-slider-wrapper .coda-nav-right-arrow a {display: block; }
.coda-slider-wrapper .coda-nav-left, .coda-slider-wrapper .coda-nav-right {float: left; }
.coda-slider-wrapper .coda-nav-left a, .coda-slider-wrapper .coda-nav-right a {display: block;text-align: center;text-decoration: none; }
.coda-slider-wrapper .coda-nav-left, .coda-slider-wrapper .coda-nav-left-arrow { clear: both; }

.coda-slider .content h2.title{ font-family:Arial, Helvetica, sans-serif, Tahoma; font-weight:bold; text-transform:uppercase;}

/*Tablet Layout: 768px.*/
@media only screen and (min-width: 768px) and (max-width: 991px) {

#slider-id-wrapper{width:480px;}
.coda-slider-wrapper .coda-slider {width:480px; }
.coda-slider-wrapper .coda-slider .panel {width:480px;}
.coda-slider-wrapper .coda-nav { /*Tab styles */ width:430px; margin:0 auto; overflow:hidden; }
.coda-slider-wrapper .coda-nav ul {clear: both;display: block;margin: auto;overflow: hidden; margin:0 auto; padding:0; width:440px; margin-top:0px;} 
.coda-slider-wrapper .coda-nav a {padding:6px 10px;	margin-bottom:1px;margin-right:1px; width:50px;} 
.arrows .coda-slider { margin: 0 0px; }
.coda-slider-wrapper .coda-nav-left{ top:1px; left:0px;}
.coda-slider-wrapper .coda-nav-right { top:1px; right:0px;}

.coda-slider .content h2.title{ margin-top:20px;}
.caroufredsel_wrapper{ height:390px !important; }

.coda-slider-wrapper .coda-nav-left a, .coda-slider-wrapper .coda-nav-right a {height:115px; }
.coda-slider-wrapper .coda-nav-left a{ background:#cbcbcb url(/images/icons/left_arrow_red.png) no-repeat 0px 35px;}
.coda-slider-wrapper .coda-nav-right a{ background:#cbcbcb url(/images/icons/right_arrow_red.png) no-repeat 0px 35px;}
.coda-slider-wrapper .coda-nav-left{ top:1px; left:0px;}
.coda-slider-wrapper .coda-nav-right { top:1px; right:0px;}

}

/*	Mobile Layout: 320px.*/
@media only screen and (max-width: 767px) {
#slider-id-wrapper{width:300px;}
.coda-slider-wrapper .coda-slider {width:300px; }
.coda-slider-wrapper .coda-slider .panel {width:300px; }
.coda-slider-wrapper .coda-nav { /*Tab styles */ width:255px; margin:0 auto; overflow:hidden; }
.coda-slider-wrapper .coda-nav ul {clear: both;display: block;margin: auto;overflow: hidden; margin:0 auto; padding:0; width:290px; margin-top:0px; } 
.coda-slider-wrapper .coda-nav a {padding:4px 6px;margin-bottom:1px;margin-right:1px; width:50px;} 
.arrows .coda-slider { margin: 0 0px; }
.coda-slider-wrapper .coda-nav-left a, .coda-slider-wrapper .coda-nav-right a {height:161px; }
.coda-slider-wrapper .coda-nav-left a{ background:#cbcbcb url(/images/icons/left_arrow_red.png) no-repeat 0px 57px;}
.coda-slider-wrapper .coda-nav-right a{ background:#cbcbcb url(/images/icons/right_arrow_red.png) no-repeat 0px 57px;}
.coda-slider-wrapper .coda-nav-left{ top:1px; left:0px; display:block;}
.coda-slider-wrapper .coda-nav-right { top:1px; right:0px;  display:block;}

.coda-slider .content h2.title{ margin-top:20px;}
.caroufredsel_wrapper{ height:765px !important; }
}
/*	Wide Mobile Layout: 480px.*/
@media only screen and (min-width: 480px) and (max-width: 767px) {
#slider-id-wrapper{width:460px;}
.coda-slider-wrapper .coda-slider {width:460px; }
.coda-slider-wrapper .coda-slider .panel {width:460px;}
.coda-slider-wrapper .coda-nav { /*Tab styles */ width:415px; margin:0 auto; overflow:hidden; }
.coda-slider-wrapper .coda-nav ul {clear: both;display: block;margin: auto;overflow: hidden; margin:0 auto; padding:0; width:420px; margin-top:0px;} 
.coda-slider-wrapper .coda-nav a {padding:6px 7px;	margin-bottom:1px;margin-right:1px; width:54px;} 
.arrows .coda-slider { margin: 0 0px; }

.coda-slider-wrapper .coda-nav-left a, .coda-slider-wrapper .coda-nav-right a {height:115px; }
.coda-slider-wrapper .coda-nav-left a{ background:#cbcbcb url(/images/icons/left_arrow_red.png) no-repeat 0px 35px;}
.coda-slider-wrapper .coda-nav-right a{ background:#cbcbcb url(/images/icons/right_arrow_red.png) no-repeat 0px 35px;}
.coda-slider-wrapper .coda-nav-left{ top:1px; left:0px; display:block;}
.coda-slider-wrapper .coda-nav-right { top:1px; right:0px;  display:block;}

.coda-slider .content h2.title{ margin-top:20px;}
.caroufredsel_wrapper{ height:390px !important; }
}
