/*

	jQuery Coda-Slider v2.0 - http://www.ndoherty.biz/coda-slider

	Copyright (c) 2009 Niall Doherty

	This plugin available for use in all personal or commercial projects under both MIT and GPL licenses.

*/



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



	.coda-slider-wrapper { padding:0; width:446px; height:422px;  }

	.coda-slider { }

	.coda-slider .image-box { height:362px; /*display:table-cell; vertical-align:bottom;*/  width:100%; text-align:center; }

	.coda-slider .image-info { display:block; padding:10px 0 0 0; font-size:11px;  }

	.coda-slider .image-info h3 {   color:#fec057; text-transform:uppercase; letter-spacing:1px; margin-bottom:3px; font-weight:bold; }

	.coda-slider .image-info p { color:#9c9e9f; line-height:13px; }

	

	/* Use this to keep the slider content contained in a box even when JavaScript is disabled */

	.coda-slider-no-js .coda-slider { height: 422px; overflow: hidden !important; padding-right:0; }

	

	/* Change the width of the entire slider (without dynamic arrows) */

	.coda-slider, .coda-slider .panel { width: 446px;; } 

	

	/* Change margin and width of the slider (with dynamic arrows) */

	.coda-slider-wrapper.arrows .coda-slider, .coda-slider-wrapper.arrows .coda-slider .panel { width: 446px }

	.coda-slider-wrapper.arrows .coda-slider { margin:0; }

	

	/* Arrow styling */

	.coda-nav-left a, .coda-nav-right a { background: #000; color: #fff; padding: 5px; width: 100px; display:none; }

	/* Tab nav */

	.coda-nav ul li a.current { background: #39c }

	/* Panel padding */

	.coda-slider .panel-wrapper { padding:0; }

	/* 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: auto; overflow: hidden }

	.coda-nav ul li { display: inline }

	.coda-nav ul li a { background: #000; color: #fff; display: block; float: left; margin-right: 1px; padding: 3px 6px; text-decoration: none }





	/* Miscellaneous */

	.coda-slider-wrapper { clear: both; overflow: hidden }

	.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 }

	









/******************************************/

/* JCAROUSEL */

/******************************************/

.jcarousel-skin-tango .jcarousel-container { }

.jcarousel-skin-tango .jcarousel-direction-rtl { direction: rtl; }

.jcarousel-skin-tango .jcarousel-container-horizontal { width: 442px; height:93px; padding:0; }

.jcarousel-skin-tango .jcarousel-container-vertical { width: 75px; height: 245px; padding: 40px 20px; }



.jcarousel-skin-tango .jcarousel-clip { overflow: hidden; }

.jcarousel-skin-tango .jcarousel-clip-horizontal { width:  446px; height: 93px; }



.jcarousel-skin-tango .jcarousel-clip-vertical { width:  75px; height: 245px; }



.jcarousel-skin-tango .jcarousel-item { width:111px; height:93px; }

.jcarousel-skin-tango .jcarousel-item-horizontal { margin-left: 0; margin-right: 0; }

.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-item-horizontal { margin-left: 0; margin-right: 0; }

.jcarousel-skin-tango .jcarousel-item-vertical { margin-bottom: 10px; }

.jcarousel-skin-tango .jcarousel-item-placeholder { }



/*  Horizontal Buttons  */

.jcarousel-skin-tango .jcarousel-next-horizontal { position: absolute; top: 28px; right: -15px; width: 40px; height: 40px; cursor: pointer; background: transparent url(../images/next-arrow.png) no-repeat 0 0; }



.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-next-horizontal { left: 5px; right: auto; background-image: url(../images/next-arrow.png); }



.jcarousel-skin-tango .jcarousel-next-horizontal:hover,

.jcarousel-skin-tango .jcarousel-next-horizontal:focus { background-position: 0 0; }

.jcarousel-skin-tango .jcarousel-next-horizontal:active { background-position:0 0; }



.jcarousel-skin-tango .jcarousel-next-disabled-horizontal,

.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover,

.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:focus,

.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active { cursor: default; background-position: 0 0; }



.jcarousel-skin-tango .jcarousel-prev-horizontal { position: absolute; top: 28px; left: -15px; width: 40px; height: 40px; cursor: pointer; background: transparent url(../images/prev-arrow.png) no-repeat 0 0; }



.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-prev-horizontal { left: auto; right: 5px; background-image: url(../images/prev-arrow.png); }



.jcarousel-skin-tango .jcarousel-prev-horizontal:hover, 

.jcarousel-skin-tango .jcarousel-prev-horizontal:focus { background-position: 0 0; }

.jcarousel-skin-tango .jcarousel-prev-horizontal:active { background-position: 0 0; }



.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal,

.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover,

.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:focus,

.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active { cursor: default; background-position: 0 0; }