/*
Elevations Marketing
http://elevations.ca
Coded by Steve Ariss

This CSS file handles the Product pages styles
*/

/******** STRUCTURE ********/

.productHeader				{ width: 946px; height: 115px; float: left; margin: 0px 7px 0px 7px; background: url(../images/content-headerBackground.jpg) no-repeat; }
.productContent				{ width: 940px; float: left; margin: 0px 7px 0px 7px; border-left: solid 3px #f6f6f6; border-right: solid 3px #f6f6f6; background: white url(../images/content_backgroundLoop.png) repeat-x bottom;  }
.productFooter				{ width: 1020px; height: 29px; float: left; margin: 0px 7px 12px -30px; background: url(../images/content-footerBackground.png) no-repeat; }
.productDetail				{ float: left; width: inherit; display: none; }
.floatRight					{ float: right; clear: right; }


/******** TYPOGRAPHY *******/
#residential_page 
.productHeader h2			{ width: 389px; height: 28px; float: left; text-indent: -9999px; margin: 22px 0px 0px 40px; background: url(../images/headings-Sprites.png) left top no-repeat; }

.productContent h3			{ font-size: 16px; line-height: 42px; color: #2d2d2d; margin: 10px 0px 0px 37px;}
.productContent	p			{ width: 400px; position: relative; font-size: 13px; line-height: 15px; color: #2d2d2d; margin: -18px 0px 0px 37px;}

.productDetail h2			{ margin-top: 20px; }
.productDetail h3			{ width: auto; font-size: 20px; margin: 0px; padding: 0px; }
.productDetail p			{ float: left; width: 460px; line-height: 20px; margin: 0px 0px 15px 0px; padding: 0px; }
.productDetail ul			{ float: left; width: 460px; margin: 0px; padding: 0px; }
.productDetail li			{ font-size: 13px; line-height: 18px; list-style-type: disc; margin: 0px 0px 10px 20px;  }
.underDoor					{ float: left; width: 375px; text-align: right; padding: 240px 0px 0px 40px; }

#commercial_page 
.productHeader h2			{ width: 401px; height: 28px; float: left; text-indent: -9999px; margin: 22px 0px 0px 40px; background: url(../images/headings-Sprites.png) left -28px no-repeat; }

.pdfDownload				{ }


/********* IMAGERY *********/
#residential_page 
.headerImage				{ float: right; margin-top: -138px; }

#commercial_page 
.headerImage				{ float: right; margin-top: -138px; }

#commercial_page
.arcatLogo a:link			{ position: absolute; width: 60px; height: 18px; left: 830px; text-indent: -9999px; background: url(../images/arcatLogo.png) no-repeat;}

/***** PRODUCT SLIDER ******/
#sliderContent 				{ float: left; width: 887px; height: 140px; margin: 0px 0px 0px 12px; padding: 15px; background: url(../images/productBrowserBackground.png) no-repeat; }
.viewer 					{ width:888px; height:117px; margin:0 auto 5px; padding:1px; overflow:hidden; position:relative; background: none; }  
#sliderContent ul 			{ width:888px; height:117px; position: relative;}
#sliderContent ul li		{ float: left; width: 296px; height: 117px; }
#sliderContent img			{ float: left; }
#sliderContent h4			{ font-size: 15px; margin-bottom: 24px;}
#sliderContent h4 strong	{ color: #ff0000; }
#sliderContent p			{ width: auto; font-size: 11px; padding-right: 15px; }

.sliderContainer 			{ float: left; width: 731px; height: 20px; margin: 0px; padding: 0px /* 53px */; background: url(../images/scrollbar-back.png) repeat-x;  }

.ui-state-default, .ui-widget-content .ui-state-default { background: url(../images/scrollBt.png) no-repeat; font-weight: normal; outline: none; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus { background: url(../images/scrollBt.png) 0px -20px no-repeat; font-weight: normal; color: #212121; outline: none; }
.ui-state-active, .ui-widget-content .ui-state-active { background: url(../images/scrollBt.png) 0px -20px no-repeat; font-weight: normal; color: #212121; outline: none; }

.ui-slider { position: relative; text-align: left; background: url(../images/scrollbar-back.png) repeat-x; }
.ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 117px; height: 20px; cursor: ew-resize; }
.ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; }

.ui-slider-horizontal { height: 20px; }
.ui-slider-horizontal .ui-slider-handle { top: 0px; margin-left: -58px; }
.ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; }
.ui-slider-horizontal .ui-slider-range-min { left: 0; }
.ui-slider-horizontal .ui-slider-range-max { right: 0; }

.start					{ float: left; width: 53px; height: 20px; background: url(../images/scrollbar-back.png) repeat-x; }
.end					{ float: left; width: 53px; height: 20px; background: url(../images/scrollbar-back.png) repeat-x; }
.btn-left 				{ float: left; width: 25px; height: 20px; background: url(../images/scrollbar_sprites.png) left top no-repeat; cursor: pointer; }		
.btn-right 				{ float: left; width: 25px; height: 20px; background: url(../images/scrollbar_sprites.png) left -20px no-repeat; cursor: pointer; }


/***** PRODUCT DETAIL ******/
/******* Residential *******/
.rockwood-Detail			{ float: left; width: 910px; margin: 20px 0px 0px 30px; background:url(../images/prodImg_rockwood.jpg) right top no-repeat; min-height: 380px; }
.rockwood-Detail h2			{ width: 910px; height: 44px; float: left; background:url(../images/prod_h-sprites.png) left 0px no-repeat; text-indent: -9999px; }

.grandviewXL-Detail			{ float: left; width: 910px; margin: 20px 0px 0px 30px; background:url(../images/prodImg_grandviewXL.jpg) right top no-repeat; min-height: 380px; }
.grandviewXL-Detail h2		{ width: 910px; height: 44px; float: left; background:url(../images/prod_h-sprites.png) left -44px no-repeat; text-indent: -9999px; }

.echoridgeXL-Detail			{ float: left; width: 910px; margin: 20px 0px 0px 30px; background:url(../images/prodImg_echoridgeXL.jpg) right top no-repeat; min-height: 380px; }
.echoridgeXL-Detail h2		{ width: 910px; height: 44px; float: left; background:url(../images/prod_h-sprites.png) no-repeat left -88px; text-indent: -9999px; }

.echoridge-Detail			{ float: left; width: 910px; margin: 20px 0px 0px 30px; background:url(../images/prodImg_echoridge.jpg) right top no-repeat; min-height: 380px; }
.echoridge-Detail h2		{ width: 910px; height: 44px; float: left; background:url(../images/prod_h-sprites.png) no-repeat left -132px; text-indent: -9999px; }

.fsElite-Detail				{ float: left; width: 910px; margin: 20px 0px 0px 30px; background:url(../images/prodImg_fsElite.jpg) right top no-repeat; min-height: 380px; }
.fsElite-Detail h2			{ width: 910px; height: 44px; float: left; background:url(../images/prod_h-sprites.png) no-repeat left -176px; text-indent: -9999px; }

.fsPremium-Detail			{ float: left; width: 910px; margin: 20px 0px 0px 30px; background:url(../images/prodImg_fsPremium.jpg) right top no-repeat; min-height: 380px; }
.fsPremium-Detail h2		{ width: 910px; height: 44px; float: left; background:url(../images/prod_h-sprites.png) no-repeat left -220px; text-indent: -9999px; }

.fsClassic-Detail			{ float: left; width: 910px; margin: 20px 0px 0px 30px; background:url(../images/prodImg_fsClassic.jpg) right top no-repeat; min-height: 380px; }
.fsClassic-Detail h2		{ width: 910px; height: 44px; float: left; background:url(../images/prod_h-sprites.png) no-repeat left -264px; text-indent: -9999px; }

.canton-Detail				{ float: left; width: 910px; margin: 20px 0px 0px 30px; background:url(../images/prodImg_canton.jpg) right top no-repeat; min-height: 380px; }
.canton-Detail h2			{ width: 910px; height: 44px; float: left; background:url(../images/prod_h-sprites.png) no-repeat left -308px; text-indent: -9999px; }

/******* Commercial ********/
.T175MR-Detail				{ float: left; width: 910px; margin: 20px 0px 0px 30px; background:url(../images/prodImg_T175MR.jpg) right top no-repeat; min-height: 380px; }
.T175MR-Detail h2			{ width: 910px; height: 44px; float: left; background: url(../images/prod_h-sprites.png) no-repeat left -352px; text-indent: -9999px; }

.T175-Detail				{ float: left; width: 910px; margin: 20px 0px 0px 30px; background:url(../images/prodImg_T175.jpg) right top no-repeat; min-height: 380px; }
.T175-Detail h2				{ width: 910px; height: 44px; float: left; background: url(../images/prod_h-sprites.png) no-repeat left -396px; text-indent: -9999px; }

.T150MR-Detail				{ float: left; width: 910px; margin: 20px 0px 0px 30px; background:url(../images/prodImg_T150MR.jpg) right top no-repeat; min-height: 380px; }
.T150MR-Detail h2			{ width: 910px; height: 44px; float: left; background: url(../images/prod_h-sprites.png) no-repeat left -440px; text-indent: -9999px; }

.T150-Detail				{ float: left; width: 910px; margin: 20px 0px 0px 30px; background:url(../images/prodImg_T150.jpg) right top no-repeat; min-height: 380px; }
.T150-Detail h2				{ width: 910px; height: 44px; float: left; background: url(../images/prod_h-sprites.png) no-repeat left -484px; text-indent: -9999px; }

.T35MR-Detail				{ float: left; width: 910px; margin: 20px 0px 0px 30px; background:url(../images/prodImg_T35MR.jpg) right top no-repeat; min-height: 380px; }
.T35MR-Detail h2			{ width: 910px; height: 44px; float: left; background: url(../images/prod_h-sprites.png) no-repeat left -528px; text-indent: -9999px; }

.Rolltite-Detail			{ float: left; width: 910px; margin: 20px 0px 0px 30px; background:url(../images/prodImg_RolltiteRibbed.jpg) right top no-repeat; min-height: 380px; }
.Rolltite-Detail h2			{ width: 910px; height: 44px; float: left; background: url(../images/prod_h-sprites.png) no-repeat left -572px; text-indent: -9999px; }