/*
	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 }
	.coda-slider { }
	
	/* Use this to keep the slider content contained in a box even when JavaScript is disabled */
	.coda-slider-no-js .coda-slider { overflow: auto !important; }
	
	/* Change the width of the entire slider (without dynamic arrows) */
	.coda-slider, .coda-slider .panel { /*width: 1000px; height: 200px;*/ } 
	
	/* Change margin and width of the slider (with dynamic arrows) */
	.coda-slider-wrapper.arrows .coda-slider, .coda-slider-wrapper.arrows .coda-slider .panel { }
	.coda-slider-wrapper.arrows .coda-slider { margin: 0 }
	
	/* Arrow styling */
	.coda-nav-left a, .coda-nav-right a { position: absolute; top: 80px; padding: 0; width: 32px; height: 32px; z-index: 5; }
	.coda-nav-left a { left: 7px; background: url('/img/buckets/buttons/leftButCircle.png') 0 0 no-repeat; }
	.coda-nav-right a { right: 7px; background: url('/img/buckets/buttons/rightButCircle.png') 0 0 no-repeat; }
	.coda-nav-left a:hover { -moz-opacity:85; filter:alpha(opacity=85); opacity:.85; }
	.coda-nav-right a:hover { -moz-opacity:85; filter:alpha(opacity=85); opacity:.85; }
	
	/* Tab nav */
	.coda-nav ul li a.current { color: #fff; background: #F35500 }
	
	/* Panel padding */
	.coda-slider .panel-wrapper { margin: 0; padding: 0px }
	
	/* Preloader */
	.coda-slider p.loading { padding: 20px; text-align: center }
	
	
/* Custom styles by Jon */

.panel-wrapper-h1 {
	margin-top: 4px; 
	font-size: 1.1em; 
	line-height: 1.1em; 
	font-weight: bold; 
	text-shadow: #fff 0 1px 1px;
}

.panel-wrapper-h1 a {
	color: #444; 
}

.panel-wrapper-h1 a:hover {
	color: #000;
}

.panel-wrapper-h2 {
	margin: 0;
	color: #555;
	font-size: .9em;
	text-shadow: #f4f4f4 0 1px 1px; 
}

.productMatrixBreadcrumbs {
	margin: 2px 0 4px 0;
	padding: 6px 0 6px 0;
	font-size: 1.1em;
	text-align: center;
	z-index: 6;
}

.productMatrixBreadcrumbs, .productMatrixBreadcrumbs a {
	color: #f5f5f5;
	text-shadow: #333 0 1px 1px;
}

.productMatrixBreadcrumbs a:hover {
	color: #d3d3d3;
}

.productMatrixImg {
	padding: 1px;
	width: 128px;
	height: 128px;
	border: 1px solid #ddd;
	background-color: #fff;
	box-shadow: 0 2px 3px #333;
	-moz-box-shadow: 0 2px 3px #333;
	-webkit-box-shadow: 0 2px 3px #333;
}

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

	/* Tabbed nav */
	.coda-nav ul { position: absolute; top: 2px; right: 2px; z-index: 5; overflow: hidden; }
	.coda-nav ul li { display: inline; }
	.coda-nav ul li a { float: left; margin: 0 5px 10px 0; padding: 5px; font-size: 11px; color: #333; background-color: #f4f4f4; border: 0px solid #ddd; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; -moz-box-shadow: 1px 1px 1px #888; -webkit-box-shadow: 1px 1px 1px #888; box-shadow: 1px 1px 1px #888; }
	
	/* Miscellaneous */
	.coda-slider-wrapper { overflow: auto }
	.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 }