/*
	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.
*/

/* Insignificant stuff, for demo purposes */

	.panel h2.title { margin-bottom: 10px;}
	noscript div { background: #ccc; border: 1px solid #900; margin: 50px 0 0 0; padding: 15px;}

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


	.coda-slider-wrapper {overflow: hidden !important; overflow-y: hidden !important; overflow-x: hidden !important;}
	.coda-slider {background: #ebebeb;}
	
	/* Use this to keep the slider content contained in a box even when JavaScript is disabled */
	.coda-slider-no-js .coda-slider {width: 975px; height: 344px; overflow: hidden !important; }
	
	/* Change the width of the entire slider (without dynamic arrows) */
	.coda-slider, .coda-slider .panel {width: 975px; height: 344px;} 
	
	/* Change margin and width of the slider (with dynamic arrows) */
	.coda-slider-wrapper.arrows .coda-slider, .coda-slider-wrapper.arrows .coda-slider .panel {width: 600px;}
	.coda-slider-wrapper.arrows .coda-slider {margin: 0 10px;}
	
	/* Arrow styling */
	.coda-nav-left a {background: #000; color: #fff; padding: 1px 7px; margin-right: 5px;} 
	.coda-nav-right a {background: #000; color: #fff; padding: 1px 7px;}
	
	/* Tab nav */
	.coda-nav ul li a.current {background: #000;}
	
	/* Panel padding */
	.coda-slider .panel-wrapper {}
	
	/* Preloader */
	.coda-slider p.loading {margin-top: 100px; padding: 20px; text-align: center;}

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

	/* Tabbed nav */
	 .coda-nav ul {position: absolute; top: 455px; left: 10px; width: 110px; float: left; margin: auto; overflow: hidden; z-index: 999;} /* This positions the square navigation buttons in the default location */
	 /* .coda-nav ul {position: absolute; top: 485px; left: 10px; width: 130px; float: left; margin: auto; overflow: hidden; z-index: 999;}*/ /* This positions the square navigation buttons with the mini nav banner displayed */
	.coda-nav ul li {font-size: 12px; display: inline; }
	.coda-nav ul li a {color: #fff; background: #404040; display: block; float: left; margin-right: 4px; padding: 3px 7px; text-decoration: none; 
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); opacity: .5;}
	
	/* Miscellaneous */
	.coda-slider-wrapper {clear: both; 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;}

/* Storefront Banner Images */
.banner1 {background: url(graphics/sfnt-banner1-drsandwndws.jpg) no-repeat top left; width: 975px; height: 344px;}
.banner2 {background: url(graphics/sfnt-banner2-bathroom.jpg) no-repeat top left; width: 975px; height: 344px;}
.banner3 {background: url(graphics/sfnt-banner3-skirting.jpg) no-repeat top left; width: 975px; height: 344px;}
.banner4 {background: url(graphics/sfnt-banner4-rv.jpg) no-repeat top left; width: 975px; height: 344px;}




.banner-heading {float: left; width: 590px; height: 318px;}
.banner-heading h2 {margin: 0; padding: 20px 0 0 15px; font: bold 1.8em Arial, Verdana, sans-serif; color: #fff !important; text-transform: uppercase; text-shadow:0px 1px 0px #1D364F;}
.banner-heading p {margin: 0; padding: 0 0 0 15px; font: normal 1.6em Arial, Verdana, sans-serif; color: #fff; line-height: 1.6em; text-shadow:0px 1px 0px #1D364F;}
.banner-featured-items {margin: 13px 13px 0 0; width: 360px; height: 318px; float: right; text-align: right;}
.banner-featured-items a {outline: none !important;}
.banner-shop-button {margin-top: 22px;}
.shop-button-wrap {margin-top: 22px; width: 360px; height: 36px; text-align: center !important;}