/*
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: 20px 0 */ overflow: 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: 890px; height: 572px; overflow: auto !important; padding-right: 20px; }

/* Change the width of the entire slider (without dynamic arrows) */
.coda-slider, .coda-slider .panel 	{ width: 876px } 

/* Change margin and width of the slider (with dynamic arrows) */
.coda-slider-wrapper.arrows .coda-slider, .coda-slider-wrapper.arrows .coda-slider .panel { width: 885px;}
.coda-slider-wrapper.arrows .coda-slider {  /* margin: 0 10px;  */}

/* Arrow styling */
.coda-nav-left a 					{ width: 36px; height: 37px; background: url(../images/png24-Sprites.png) 0px -48px; }
.coda-nav-right a 					{ width: 36px; height: 37px; background: url(../images/png24-Sprites.png) -36px -48px; }
.coda-nav-left a:hover 				{ background-position: -72px -48px; }
.coda-nav-right a:hover 			{ background-position: -108px -48px; }

/* Tab nav */
.coda-nav ul li a.current 			{ background: #39c; }

/* Panel padding */
.coda-slider .panel-wrapper 		{ /* padding: 20px  */}

/* 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 							{ display: none; }

/* 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 						{ position: absolute; left: -30px; top: 320px; }
.coda-nav-right 					{ position: absolute; left: 916px; top: 320px; }
.coda-nav-left a, .coda-nav-right a { display: block; text-indent: -9999px; text-decoration: none; }

/* DOOR INFO STYLES */
.doorInfoWrapper					{ width: 286px; height: 572px; float: left; margin: 8px 4px 0px 4px; background: #e8ecef; }
.doorImage							{ width: 266px; height: 255px; float: left; margin: 10px 10px 0px 10px; background: url(../images/doorImg_frame.png) no-repeat; }
.doorImage img						{ padding-top: 33px;}
.zoom a								{ width: 53px; height: 29px; position: absolute; margin: 21px 0px 0px -54px; text-indent: -9999px; background: url(../images/png24-Sprites.png) -148px -47px; }
.zoom a:hover						{ background-position: -207px -47px; }
.doorHeading						{ width: 286px; height: 39px; float: left; border-top: 3px solid white; border-bottom: 3px solid white; background:url(../images/doorHeading_bg.png) repeat-x; }

.doorHeading h3						{ height: 39px; text-indent: -9999px; background: url(../images/heading-Sprites.png) 0px -220px; }
.doorHeading h3.protege				{ width: 90px; background-position: 0px -220px; }
.doorHeading h3.avondale			{ width: 105px; background-position: -91px -220px; }
.doorHeading h3.hampton				{ width: 103px; background-position: -197px -220px; }
.doorHeading h3.familySafe			{ width: 214px; background-position: -719px -220px; }
.doorHeading h3.familySafePrem		{ width: 234px; background-position: -484px -220px; }
.doorHeading h3.familySafeElite		{ width: 182px; background-position: -301px -220px; }
.doorHeading h3.grandview			{ width: 265px; background-position: -283px -259px; }
.doorHeading h3.grandviewClear		{ width: 183px; background-position: -721px -259px; }
.doorHeading h3.grandviewGrid		{ width: 171px; background-position: -549px -259px; }
.doorHeading h3.echoridge			{ width: 128px; background-position: 0px -259px; }
.doorHeading h3.echoridgeXL			{ width: 163px; background-position: 0px -259px; }
.doorHeading h3.rockwood			{ width: 118px; background-position: -164px -259px; }
.doorHeading h3.cedarGrove			{ width: 141px; background-position: -934px -220px; }
.doorHeading h3.spruceValley		{ width: 152px; background-position: -905px -259px; }


ul.doorFeatures						{ width: 242px; float: left; margin: 5px 22px 0px 22px; }
ul.doorFeatures li					{ display: block; font-size: 12px; line-height: 21px; color: #1f1f1f; border-bottom: 1px dotted #dfe1e3;}