@charset "UTF-8";

/* CSS Document */

/*
   background: #e9eee9 rgb(233,238,233)
   page inner background: #ffffff rgb(255,255,255)
   
   brown: #59452a rgb(89,69,42)
   
   nav
   nav text: #59452a rgb(89,69,42)
   //nav text hover: #ffffff rgb(255,255,255)
   nav bkgd: #f5f7f5 rgb(245,247,245)
   //nav bkgd hover: #77787b rgb(119,120,123)
   //dropdown text: #4d4d4f rgb(35,31,32)
   //dropdown bkgd: #ffffff rgb(255,255,255)
   //dropdown bkgd hover: #ededed rgb(237,237,237)
   
   page title
   white: #ffffff rgb(255,255,255)

   text
   brown text: #59452a rgb(89,69,42)
   
   footer
   gray text: #636466 rgb(99,100,102)
   light gray text: #a3a6a4 rgb(163,166,164)
   
   
   #tester blue: #9ab7d3 rgb(154,183,211)
*/


/* Resets Styles in all browsers */
* { padding: 0; margin: 0; border:0; }

html, body {
	margin: 0; padding: 0; background-color: #e9eee9; font-size: 1px;
	
	scrollbar-3dlight-color:#59452a;
	scrollbar-arrow-color:#59452a;
	scrollbar-base-color:#59452a;
	scrollbar-darkshadow-color:#59452a;
	scrollbar-face-color:#FFFFFF;
	scrollbar-highlight-color:#59452a;
	scrollbar-shadow-color:#59452a;
	scrollbar-track-color:#FFFFFF;
	font-family: Arial, sans-serif;
}


/* Page Structure */
#pg-size {  margin: auto; width: 960px; height: auto; padding: 0; }
		
#pg-contentContainer { width: 960px; background: #ffffff; }

#pg-footer { width: 960px;}


/* Global Text Deffinations */
h1.pg-headerW { font-size: 15px; letter-spacing: 0px; padding: 0; margin: 0 0 0 0; }

h2.pgTitle-Brwn { font-size: 15px; letter-spacing: 0px; padding: 0; margin: 0 0 0 0; }

h2.subTitle-Brwn { font-size: 12px; letter-spacing: 0px; padding: 0; margin: 0 0 0 0; }
	/* H2 and H3 subTitle-Brwn are the same, use H3 with no caps */
h3.subTitle-Brwn { font-size: 12px; letter-spacing: 0px; padding: 0; margin: 0 0 0 0; }

p { font-family: Arial, sans-serif; font-size: 11px; color: #59452a; line-height: 16px; text-align:left; }

	p a:link { color: #59452a; text-decoration:none; }

	p a:visited { color: #59452a; text-decoration: none; }

	p a:hover { color: #59452a; text-decoration: underline; }

	p a:active { color: #59452a; text-decoration: underline; }
	
.tinyText { font-family: Arial, sans-serif; font-size: 6px; color: #59452a; line-height: 8px; text-align:left; }

	.tinyText a:link { color: #59452a; text-decoration:none; }

	.tinyText a:visited { color: #59452a; text-decoration: none; }

	.tinyText a:hover { color: #59452a; text-decoration: underline; }

	.tinyText a:active { color: #59452a; text-decoration: underline; }


/* Header */
#pg-header { width: 960px; }
	
#headerContainer { width: 960px; }
	
	.headerLeftBox { width: 820px; background: #59452a; float: left; height: 118px; }
	
		.headerLogo { float: right; margin: 55px 5px 0 0; }
		
		.headerTopImg { float: left; margin: 20px 0 0 40px; }

	.headerRightBox { border-left: solid 1px #59452a; float: right; margin: 0 0 0 0; padding: 0 0 0 0; background: url(../images/bkgd/header_leaf.gif) center; height: 118px; }
	
		.headerCostcoLogo { margin: 30px 11px 0 11px; }
	
	/* Top Navigation */
	#navContainer { width: 956px; background: #f5f7f5; padding: 10px 0 9px 4px; height: 16px; }
	
	/* See ddsmoothmenu.css for Nav styling */
	
	/* General Page Title */
	#pgTitle-container { width: 900px; padding: 30px 30px 0 30px; margin: 0 0 0 0;}
	
	#pgTitle-CrumContainer { padding: 0 0 0 0; }
	
		.crumNav { font-size: 10px; color: #59452a; }
		
			.crumNav a:link { color: #59452a; text-decoration:none; }

			.crumNav a:visited { color: #59452a; text-decoration: none; }
		
			.crumNav a:hover { color: #59452a; text-decoration: underline; }
		
			.crumNav a:active { color: #59452a; text-decoration: underline; }
	
	
/* Home */
#homepg-Container { width: 960px; }
	
	/* Product Images */
	#homepg-ProdImgcontainer { padding: 0 0 1px 0; }
		
		.homepg-proImg { float: left; padding: 0 0 0 0; margin: 0 1px 0 0; border: none; }
	
	/* Brown Bar */
	#homepg-BrownBar { width: 910px; padding: 20px 25px 15px 25px; background: #59452a; }
	
	/* Home - Content Container */
	#homepg-contentContainer { width: 924px; padding: 10px 18px 10px 18px; background: #ffffff; }
		
		.hmpg-column1 { width: 280px; padding: 0 20px 0 2px; float: left; }
		
		.hmpg-column2 { width: 280px; padding: 0 20px 0 20px; border-left: solid 1px #59452a; border-right: solid 1px #59452a; float: left; }
		
		.hmpg-column3 { width: 280px; padding: 0 0 0 20px; float: left; }
		
		.hmpg-genImg { float: left; margin: 10px 0 10px 20px; padding: 0 0 0 0; }
		
		.hmpg-genText { font-size: 11px; font-family:Arial, Helvetica, sans-serif; color: #59452a; line-height: 16px; }
		
			.hmpg-genText ul { padding: 0 0 0 0; margin: 5px 0 15px 20px; }
			
			.hmpg-genText ul li { list-style: disc; }
		
		.hmpg-vidBox { padding: 5px 0 20px 0; margin: 0 0 0 0; }
		
			.hmpg-vidBoxText { font-weight:bold; text-align:center; }
			
			.hmpg-vidBoxButton { margin: 0 0 15px 30px; }
		
		.hmpg-addProdBox { padding: 5px 0 0 0; margin: 0 0 0 0; }
			
			.hmpg-addProdColumn { padding: 0 0 0 0; margin: 7px 2px 0 0; float: left; }
		
				.hmpg-addProdColumBoxText { font-size: 8px; line-height: 10px; padding: 5px 0 0 0; }
				
				.hmpg-addProdColumBoxImg { margin: 0 0 0 0; }
			
			.hmpg-addProdText { font-weight:bold; text-align:center; margin: 15px 0 0 0; }
			
			.hmpg-addProdNumText { font-size: 9px; line-height: 10px; padding: 0 0 0 0; }
			
			
/* Product */
/* Product Name */
#pg-SeriesNameBar { width: 880px; padding: 5px 40px 5px 30px; background: #59452a; }

	.seriesNameImg { float: left; margin: 0 10px 0 0; }
	
	.seriesNum { float: left; padding: 8px 0 8px 15px; margin: 0 0 0 5px; color: #FFFFFF; font-size: 11px; font-weight: bold; border-left: solid 1px #ffffff; }
	
/* Product Images */
#prodImg-Container { width: 920px; margin: 15px 10px 15px 30px; }
	
	.prodImg-Prod { width: 335px; height: 335px; margin: 0 0 0 0; float: left; }
	
	.prodImg-Rm { width: 335px; height: 335px; margin: 0 0 0 10px; float: left; }
	
	.prodImg-Leaf { width: 232px; height: 335px; float: left; }
	
	.prodTextBox { margin: 30px 0 0 15px; }
	
	#pordBase-Line { width: 900px; margin: 10px 30px 10px 30px; border-bottom: solid 1px #59452a; }



/* Moldings */
#molding { background-color: #e8e8e8; width: 860px; margin: auto; margin-bottom: 15px; padding: 20px 20px 0 20px; }

#molding-titleContainer { padding: 10px 20px 6px 20px; margin: 0 20px 0 20px; width: 780px; border-bottom: solid 1px #59452a; }
	
	#molding-title {  font-size: 15px; padding: 0 0 0 0; font-weight: 400; color: #59452a; width: 200px; float: left; }

	#molding-aka { font-size: 13px; padding: 4px 0 0 0; font-weight: 400; color: #59452a; width: 500px; text-align: right; float: right; font-style: italic; }
	
#molding img { margin: 20px 0px 0 20px; }
	
#molding-textContainer { width: 470px; padding: 0 20px 20px 20px; float: right; }
	
	#molding-tipsContainer { padding: 10px 10px 10px 10px; background-color: #e7e6d9; font-size: 12px; color: #4c4c4e; line-height: 18px; margin: 0 0 4px 0; }
	
		#molding-tips-title { padding: 0 5px 4px 5px; background-color: #e7e6d9; font-size: 12px; color: #4c4c4e; line-height: 18px; border-bottom: solid 1px #59452a; }
	
		#molding-tipsContainer ul li{ padding: 10px 50px 0 10px; margin: 0 0 0 20px; background-color: #e7e6d9; color: #4c4c4e; line-height: 18px; }

	#molding-size { font-size: 18px; padding: 20px 0 16px 20px; font-weight: 400; color: #59452a; clear: both; }
	
	
/* Installation */
#install { margin: auto; padding: 0 0 0 0; width: 900px; }

#download-row { margin: auto; padding: 10px 0 0 18px; }

#download-box { padding: 10px 10px 10px 10px; background-color: #e8e8e8; width: 264px; float: left; color: #59452a; }
	
	#download-box img{ border: 0; padding: 3px 0 0 30px; }

#download-box-two { margin-left: 8px; padding: 10px 10px 10px 10px; background-color: #e8e8e8; width: 265px; float: left; color: #59452a; }
	
	#download-box-two img{ border: 0; padding: 3px 0 0 30px; }

#download-box-text { font-size: 16px; color: #59452a; padding: 10px 0 0 0; float: left; }

#install-kit-row { clear: both; padding: 20px 0 0 18px; width: 882px; }

	#install-kit { background-color: #e8e8e8; padding: 16px 16px 16px 16px; width: 838px; font-size: 16px; color: #59452a; }

#install-kit-text { width: 350px; padding: 20px 40px 0 40px; float: right;}

	#install-kit-text p{ line-height: 20px; padding: 10px; font-size: 11px; }
	
	#install-list { font-size: 11px; color: #59452a; padding: 0 0 0 40px; line-height: 14px; }

		#install-list ul{ list-style: disc; }
		
	
/* Cleaning and Maintenance */
#clean { background-color: #e8e8e8; width: 900px; margin: 10px auto; }

#clean img{ float: right; padding: 10px 10px 0 0; }

#clean-img{ float: left; padding: 10px 10px 0 0; font-size:1px; margin:0 0 0 0; position: relative; }

#pic-titleText { font-size: 14px; padding: 1em 0em .8em 2em; font-weight: 400; color: #59452a; position: absolute; }

#clean-text { width: 400px; padding: 20px 10px 20px 10px; float: left; color: #59452a; }

	#clean-title { font-size: 16px; padding: 16px 0 16px 20px; font-weight: 400; }

	#clean-list { font-size: 12px; color: #59452a; padding: 0 0 0 40px; line-height: 14px; }

		#clean-list ul{ list-style: disc; }
		
		
/* Warranty */
#warranty { background-color: #e8e8e8; width: 850px; margin: 20px auto; padding: 40px 0 40px 30px; text-align: left; position:relative; }

#warranty_button { position: absolute; top: -50px; right: 0px; }

#warranty-list { font-size: 12px; color: #59452a; padding: 20px 80px 20px 100px; line-height: 18px; }

	#warranty-list ul{ list-style: decimal; }
	
	#warranty-list ul li{ padding-top: 11px; }
	
#warranty-title-two { font-size: 16px; padding: 10px 0 10px 20px; font-weight: 550; color: #59452a; text-align: left; }

#warranty-text { font-size: 11px; color: #59452a; padding: 12px 60px 13px 60px; line-height: 22px; }
	#warranty-text a:link{ text-decoration: underline; color: #59452a; }
	#warranty-text a:visited{ text-decoration: underline; color: #59452a; }
	#warranty-text a:hover{ text-decoration: underline; color: #59452a; }
	#warranty-text a:active{ text-decoration: underline; color: #59452a; }

#warranty-inner-title { font-size: 16px; padding: 10px 0 10px 100px; font-weight: 550; color: #59452a; }

#warranty-inner-text { font-size: 14px; color: #59452a; padding: 0 0 0 120px; line-height: 22px; }

#warranty-dark { background-color: #bec0c0; color: #59452a; padding: 10px 120px 10px 120px; margin: 0 40px 0 40px; font-size: 12px; line-height: 16px; }

#warranty-text-small { font-size: 10px; color: #59452a; padding: 20px 60px 0 60px; line-height: 14px; }


/* Contact */
#contact { background-color: #e8e8e8; width: 890px; margin: 20px auto; padding: 20px 5px 20px 5px;}
	
#contactHeaderContainer { padding: 0 10px 8px 10px; border-bottom: 1px solid #59452a; }

	#contact-text { font-size: 12em; font-weight: regular; color: #59452a; width: 500px; float: left; }

	#contact-required { font-size: 12em; font-weight: 400; color: #59452a; width: 100px; float: right; text-align: right; }

.contact-form-left { font-size: 12px; color: #59452a; line-height: 18px; width: 350px; margin: 20px 10px 10px 80px; float: left; }

.contact-form-right { font-size: 12px; color: #59452a; line-height: 18px; width: 350px; margin: 20px 0px 10px 40px; float: left; }

	.form-field { color: #59452a; padding: 10px 5px 10px 5px; border-bottom: 1px solid #59452a; width: 330px;}

.buttons-field { color: #59452a; padding: 10px 0 10px 0; margin: 0 0 0 0; }

.fieldlable{ font-size: 11px; color: #59452a; width: 140px; margin-right: 1em; float: left; }

.regformfield{ font-size: 11px; }

#thanks-text { font-size: 14px; color: #59452a; }



/* FAQ */
#faq { background-color: #e8e8e8; width: 900px; margin: 5px auto; }

#faq-text { padding: 10px 80px 10px 40px; background: #e7e6d9 url(../images/bkgd/faq_arrows.gif) top no-repeat; font-size: 14px; color: #4c4c4e; line-height: 20px; margin: 0 40px 2px 40px; }

#faq-text a { text-decoration: underline; cursor: pointer; }

#faq-title { font-size: 18px; padding: 20px 0 18px 40px; font-weight: 400; color: #59452a; }


/* Information Number */
#info-number { background-color: #e8e8e8; width: 900px; margin: 15px auto; text-align: center; padding: 10px 0 10px 0; font-size: 18px; color: #59452a; clear: both; }

#info-bottom-box { background-color: #e8e8e8; width: 900px; margin: 15px auto; height: 40px; text-align: center; padding: 10px 0 0 0; font-size: 18px; color: #59452a; clear: both; }


/* Footer */
#footer-BKGD { background: url(../images/bkgd/footer_leaf.gif) no-repeat top; width:100%; min-height: 110px; }

#footerContainer { margin: 0 auto; width: 960px; }
	
	.footerText { padding: 10px 200px 5px 200px; }
	
		.footerTextText { text-align: center; color: #636466; font-size: 8px; line-height:10px; }		
			.footerTextText a:link { color: #636466; text-decoration:none; }
			.footerTextText a:visited { color: #636466; text-decoration: none; }		
			.footerTextText a:hover { color: #59452a; text-decoration: none; }		
			.footerTextText a:active { color: #a3a6a4; text-decoration: none; }
	
	.footerLink { padding: 7px 0 5px 0; }
	
		.footerLinkText { text-align: center; color: #636466; font-size: 9px; line-height:14px; }		
			.footerLinkText a:link { color: #636466; text-decoration:none; }
			.footerLinkText a:visited { color: #636466; text-decoration: none; }		
			.footerLinkText a:hover { color: #59452a; text-decoration: none; }		
			.footerLinkText a:active { color: #a3a6a4; text-decoration: none; }
	
	.footerLegal { padding: 7px 0 7px 0; }
	
		.footerLegalText { text-align: center; color: #a3a6a4; font-size: 9px; line-height: 14px; }
			.footerLegalText a:link { color: #a3a6a4; text-decoration:none; }
			.footerLegalText a:visited { color: #a3a6a4; text-decoration: none; }		
			.footerLegalText a:hover { color: #59452a; text-decoration: none; }		
			.footerLegalText a:active { color: #636466; text-decoration: none; }
			

/* clearIt */
.clearIt { height: 1px; clear:both; width: 100%; }
.clearIt5 { height: 5px; clear:both; width: 100%; }
.clearIt10 { height: 10px; clear:both; width: 100%; }
.clearIt15 { height: 15px; clear:both; width: 100%; }
.clearIt20 { height: 20px; clear:both; width: 100%; }