/* BROOKSIDE 2004 - Master Style Sheet */

/* Define HTML tag formatting */
	body {
		font-family: Geneva, Arial, Helvetica, sans-serif;
		color: #666666;
		background-color: #FFFFFF;
		margin: 0px;
		scrollbar-base-color : #F0F0F0;
		scrollbar-darkshadow-color : #666633;
		scrollbar-face-color : #CCCCCC;
		scrollbar-highlight-color : #999933;
		scrollbar-shadow-color : #666633;
		scrollbar-track-color : #CCCCCC;
		scrollbar-arrow-color : #666633;
		scrollbar-3dlight-color : #666633;
	}
	hr {
		color: #f00;
		background-color: #f00;
		margin-bottom: 10px;
		padding-bottom: 0px;
		height: 1px;
		width: 100%;
		border: 1px solid #CCCCCC;
		border-bottom:0px;
	}
	hr.heading_line {
		color: #f00;
		background-color: #f00;
		margin-bottom: 8px;
		padding-bottom: 0px;
		height: 1px;
		width: 540px;
		text-align:left;
		border: 1px solid #CCCCCC;
		border-bottom:0px;
	}
	hr.short_line {
		color: #FOFOFO;
		background-color: #F0F0F0;
		margin-bottom: 0px;
		margin-left: 0px;
		padding-bottom: 0px;
		height: 1px;
		width: 275px;
		text-align:left;
		border: 1px solid #FOFOFO;
		border-bottom:0px;
	}
	h1 {
		color: #660000;
		margin: 0px;
		font-size: 14pt;
		font-weight:normal;
	}
	
	#dhtmltooltip{
		position: absolute;
		width: 250px;
		border: 2px solid black;
		padding: 2px;
		background-color: white;
		visibility: hidden;
		z-index: 100;
		/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
		filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
	}

	
/* Define Custom Styles */
	/* Left Column */
	.left_nav { padding:6px 2px 6px 6px; font-size: 10pt;}
	img.left_nav_button { margin-top: 8px; margin-left: 8px; margin-bottom:0px; padding-bottom: 0px;}
	.headerColor1, .color1{ color:#666633; }
	.headerColor2, .color2 { color:#660000; }
	.headerColor3, .color3 { color:#993300; }
	.headerColor4, .color4 { color:#663300; }
	.left_small { color:#000000; font-size:8pt; }
	.left_tiny  { color:#000000; font-size:7pt; }
	/* Center Column Home */
	.center_column { padding: 16px; vertical-align: top;}
	/* Right Column Secondary */
	.right_column {  width: 700px; padding: 5px 8px; vertical-align: top; font-size: 10pt; line-height:14pt;}
	.breadcrumbs { 	font-weight: bold; font-size: 8pt; }
	a.breadcrumb_off:link, a.breadcrumb_off:visited { 	color:#660000; }
	a.breadcrumb_off:hover, a.breadcrumb_off:active { 	color:#666666; }
	a.breadcrumb_on:link, a.breadcrumb_on:visited { 	color:#666633; }
	a.breadcrumb_on:hover, a.breadcrumb_on:active { 	color:#666666; }

	/* Footer */
	td.footer				{ padding: 8px;   font-size: 8pt; font-weight: bold; }
	td.footer div.copyright { font-size: 7pt; margin-top: 6px; }
	a.footer_link:link		{ color: #666633; text-decoration: underline; }
	a.footer_link:visited	{ color: #666633; }
	a.footer_link:hover		{ text-decoration: none; }
	a.footer_link:active	{ color: #666633; text-decoration: underline; }
	a.footer_link2:link		{ color: #666666; text-decoration: underline; }
	a.footer_link2:visited	{ color: #666666; }
	a.footer_link2:hover	{ text-decoration: none; }
	a.footer_link2:active	{ color: #666666; text-decoration: underline; }
	/* Left Nav Links */
	a.color1:link, a.color1:visited { color:#666633; font-size: 8pt; }
	a.color2:link, a.color2:visited { color:#660000; font-size: 8pt; }
	a.color3:link, a.color3:visited { color:#993300; font-size: 8pt; }
	a.color4:link, a.color4:visited { color:#663300; font-size: 8pt; }
	a.color1:hover,a.color1:active,a.color2:hover,a.color2:active,a.color3:hover,a.color3:active,a.color4:hover,a.color4:active{ color:#666666; }
	/* Swatch List */	/* Veneer Listing */
	table.veneer_grid { width:100%; }
	table.veneer_grid td{ text-align:left; padding:2px 0px 8px 0px;}
	table.veneer_grid td.swatch_text { font-size: 10pt; text-align:left; line-height:15.5pt; padding: 0px 0px 0px 8px;}
				      td.swatch_text a{ font-weight:normal;}
	.swatch_key { margin-bottom: 0px; padding: 3px 0px 0px 0px;}
	.swatch_key_text { padding: 0px 15px 0px 5px; font-size: 10pt; font-weight:bold;}
	.swatch_key_text2 { padding: 5px 0px 0px 0px; line-height:10pt; font-size: 9pt;}
	.whats_this1 { padding: 0px 39px 15px 19px; font-size: 9pt;}
	.whats_this2 { padding: 0px 30px 15px 0px; font-size: 9pt;}
	.whats_this3 { padding: 0px 25px 15px 30px; font-size: 9pt;}
	.whats_this4 { padding: 0px 30px 15px 20px; font-size: 9pt;}
	.whats_this5 { padding: 0px 20px 15px 50px; font-size: 9pt;}
	.swatch_imgs{ margin-top: 3px;}
	.swatch_imgs img{ margin-right: 7px;}
	.swatch_imgs img.swatch_last { margin-right: 0px; margin-left:-1px;}
	.veneer_name {color:#660000; font-size:12pt; font-weight:bold;}
	
	/* Download Table */
	td.downloads_l { width: 22px; padding: 8px; border-style: solid; border-color: #F0F0F0; 
					border-left-width:1px;border-top-width:0px;border-bottom-width:1px;border-right-width:0px; }
	td.downloads_r { font-size:8pt; padding: 8px; border-style: solid; border-color: #F0F0F0; 
					border-left-width:1px;border-top-width:0px;border-bottom-width:1px;border-right-width:0px; }
	td.downloads_s { font-size:8pt; padding: 8px; border-style: solid; border-color: #F0F0F0; 
					border-left-width:1px;border-top-width:0px;border-bottom-width:1px;border-right-width:0px; }
					
	/* Flitch List */
	table.flitch_list th {color: #000000; border:1px solid; background-color: #F0F0F0;font-size: 10pt; font-weight: bold; padding: 1px;}
	table.flitch_list td { font-size: 9pt; padding: 4px;}
	table.flitch_list td.right_col { border-color: #F0F0F0; border-style: solid; border-top-width:0px; border-right-width: 1px; border-left-width:1px;border-bottom-width: 1px; text-align:center;}
	table.flitch_list td.left_col { border-color: #F0F0F0; border-style: solid; border-top-width:0px; border-right-width: 0px; border-left-width:1px;border-bottom-width: 1px; text-align:left;}
					
	/* Glossary */
	.glossary_term { font-size: 9pt;  font-weight: normal; color:#660000;}
	.glossary_table td{ vertical-align: top; padding:5px 15px 10px 0px; width:170px; font-weight:bold; color:#000000; text-align:center; font-size: 9pt; }
	
	/*  Forms  */
	table.forms td{ font-size: 8pt; font-weight: bold; padding: 6px 6px 6px 6px;} 
	table.forms2 td { 
		font-size: 8pt; 
		font-weight: bold; 
		padding: 6px;
		border-style: solid;
		border-color: #F0F0F0;
		border-bottom-width: 1px;
		border-left-width: 1px;
		border-top-width:0px;
		border-right-width:0px;
	}
	table.checkboxes td { font-size: 8pt; font-weight: normal; }
	.button {  	
				border : 1px solid #666633;
				margin: 0px 0px 0px 0px;
				padding: 1px;
				color: #666633;
				background: #F0F0F0;
				cursor:hand;
				font-size : 7pt;
				font-weight: bold;
				text-align: center;
				vertical-align: middle;
				text-transform: lowercase;
			}
	.input_text { 		width: 250px; border: 1px solid #CCCCCC;}
	.input_text_zip { 	width: 100px; border: 1px solid #CCCCCC;}
	.input_text_phone { width: 120; border: 1px solid #CCCCCC; }
	.input_text_city { 	width: 150px; border: 1px solid #CCCCCC;}
	.input_text_small { width: 40px; border: 1px solid #CCCCCC; }
	.input_text_med {  	width: 80px; border: 1px solid #CCCCCC;  }
	.input_textarea { 	width: 400px; height: 150px; border: 1px solid #CCCCCC;}
	.input_select, .input_select option { font-size: 7pt; color: #666666;}	
		
/* Global Custom Styles */
	
	.bodyText { 	font-size:10pt; font-weight:normal;}
	.blackText { 	color: #000000; }
	.bodyTextBlack { font-weight:normal; color:#000000; }
	.subHeading { 	color:#666633; font-size: 10pt; font-weight: bold; }
	.subHeading2 { 	color:#660000; font-size: 10pt; font-weight: bold; }
	.subHeading3 { 	color:#993300; font-size: 10pt; font-weight: bold; }
	.subHeading4 { 	color:#663300; font-size: 10pt; font-weight: bold; }
	.caption { 		color:#660000; font-size: 8pt;  font-style: normal; padding: 4px; margin: 8px; text-align:left;
					border-style: solid; border-color: #F0F0F0; border-left-width:1px;border-top-width:0px;
					border-bottom-width:1px;border-right-width:0px; }
	.errors { color:#CC0000; font-size: 8pt; font-weight: bold; }
	.notice { color:#660000; font-size: 9pt; font-weight: bold; }
	.img_w_caption { text-align:right; }
	img.flow_r { margin:0px 10px 4px 0px; }
	img.flow_l { margin:0px 0px 0px 6px; }

	
	/* Essence of Nature */
	.manufacture_c{ padding:0px 10px 0px 10px; font-size: 8pt; vertical-align:top; width:100%;}
	.manufacture_l{ padding:0px 10px 0px 10px; font-size: 8pt; vertical-align:top; width:100px;color:#660000; font-size: 8pt;  font-style: normal; }
	.manufacture_r{ padding:0px 10px 0px 10px; font-size: 8pt; vertical-align:top; width:100px;color:#660000; font-size: 8pt;  font-style: normal; }
	
	/* Portfolio */
	.portfolioTxt{ padding:0px 8px; font-size: 8pt; vertical-align:top;text-align:left; width:170px;}
	.portfolioPicCol { vertical-align:top; width:200px;} 
	a.portfolio:link,a.portfolio:visited,a.portfolio:active{ text-decoration:none; }
	a.portfolio:hover{ color: #000000;}
	hr.light_hr{ color: #f0f0f0;background-color: #f0f0f0;margin-bottom: 0px;padding-bottom: 0px;height: 1px;width: 540px;text-align:left;border: 1px solid #f0f0f0;}
	
	/* Site Map */
	ol.topLevel { color:#660000;font-size:9pt;  font-weight:bold;}
	ol.nextLevel { color:#660000;font-size:9pt; font-weight: normal; }
		
	/* Links */
	a:link		{ color: #666633; text-decoration: underline; }
	a:hover		{ text-decoration: none; }
	a:visited	{ color: #666633; }
	
	/* Clients */
	.client_name { font-size: 9pt; font-weight: bold; color: #666666;}
	.client_contract_L_col{ border-style: solid; border-color: #F0F0F0; border-left-width:0px;border-top-width:0px;
					border-bottom-width:0px;border-right-width:1px;   padding: 0px 10px 0px 0px;}
	.client_contract_R_col{ padding: 0px 0px 0px 10px;}


	.fsc-float-logo { float:left; padding:5px; }

/* 
 Example use of tooltip with multiple classes  
 Specifications common to all tooltips applied to div#tipDiv
 */
 /*
div#tipDiv { 
    padding:4px;
    font-size:11px; line-height:1.2;
}
*/
/*  ie6 can't handle selectors like div#tipDiv.tooltip !   */
/*
div.tooltip { 
    background-color:#E1E5F1; border:1px solid #667295; 
    width:250px; 
    }
    
div.tip2 {
    background-color:#000080; border:1px solid #eee; 
    width:150px; color:white;
    }
	
*/

#dhtmltooltip{
position: absolute;
left: -300px;
width: 150px;
border: 1px solid black;
padding: 2px;
font-size: 8pt;
background-color: lightyellow;
visibility: hidden;
z-index: 100;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}

#dhtmlpointer{
position:absolute;
left: -300px;
z-index: 101;
visibility: hidden;
}