/* M-Boss Inc. 1998-2011 */	

/* SITE WIDE TEXT RULES */	
BODY, .body {	
margin: 0px;	
padding: 0px;	
background-color: #f3e3b2;	
}	

H1.temp1 {	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight: bold;
	color: #FFFFFF;
}	

P.temp1 {	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	line-height: 9pt;
	color: #FFFFFF;
	line-height: 11pt;
}	

p.finishesHeaders {	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
	line-height: 11pt;
	color: #333333;
	font-weight: bold;
	padding-left: 24px;
	letter-spacing: 1px;
}

/* RULES FOR HYPER LINKS AND ANCHORS */

a.menuLink { color: #f00; display: block; text-decoration: none; padding: 3px; border-bottom: 1px solid #ccc; }

a.menuLink:hover {background-color: #ccc;}

A:link { color: #336699; white-space: nowrap; line-height: inherit; } /* unvisited links, Milk Chocolate */

A:visited { color: #996633; line-height: inherit; } /* visited links, Blue Moon */

A:hover { color: #FF9900; line-height: inherit; } /* user hovers, Nectarine */

A:active { color: #666666; line-height: inherit; } /* active links, Sheet Metal */

/* RULES FOR TEXT CLASSES */	

.blackheader {	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #000000;
	text-align: center;
	padding-left: 10px;
	line-height: 15px;
}	

.FIN_popup_text {	
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 16px; 
}	

.copyright {	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #7D351B;
	text-align: center;
}	

.bottomlinks {	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 12px;
	color: #996633;
	text-align: center;
}	

.body2 {	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
}	

.boldbody {	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #000000;
	text-align: left;
}	

.FAQquestions {	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #5E6639;
	text-align: left;
}	

.FAQ {	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-style: normal;
	line-height: 11pt;
	color: #656D42;
}	

.FAQanswers {	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	line-height: 1em;
	color: #5E6639;
	text-align: left;
	padding-left: 5px;
}	

.ProductLinks {	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #7D351B;
	text-decoration: underline;
}	

.popUp {	
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #fff;
	visibility: hidden;
	position: absolute;
	width: 175px;
	border: solid 1px black;
}	

.popUpLink {	
	font-weight: bolder;
	text-decoration: underline;
	color: #1A759B;
	cursor: pointer;
}	

.button { /* button used on various pages the links to PRODUCTS parent */	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	padding-top: 6px;
	padding-left: 10px;
	background-image: url(images/buttonGrfx.gif);
	display: block;
	background-repeat: no-repeat;
	width: 152px;
	height: 29px;
	float: left;
	padding-bottom: 20px;
}	

/*RULES FOR FORMATTING AND POSITIONING LAYERS */	

/* No longer used, eventually delete	
DIV.container { /* used to hold nested layers within the container layer	
	height: 290px;
	width: 480px;
	position: relative;
	left: 20px;
	top: 2px;
	visibility: visible;
	display: inline;
} */	

DIV.LgFinishGraphic { /* headline graphic rules for TEMPLATE 1 layer */	
	padding-left: 1em;
	padding-right: 0.25em;
	padding-top: .10em;
	border: 1px;	
	width: 480px;	
	height: 480px;	
	float: none;	
}		

DIV.temp1Graphic { /* headline graphic rules for TEMPLATE 1 layer */		
	position: relative;	
	left: 	23px;
	padding-left: 0px;	
	border: 0px;	
	width: 308px;	
	height: 55px;	
	clear: left;	
}		

DIV.temp1CopyBlock2 { /* copy block rules for TEMPLATE1 Copy Block layer */	
	position: relative;
	left:  23px;
	padding-left: 10px;
	padding-right: 05px;
	padding-top: 05px;
	border: 0px;
	width: 380px;
	height: 275px;
	text-align: left;
	background-image: url(images/copyBlock1Bg2.gif);
	background-repeat: no-repeat;
}

DIV.temp1CopyBlock { /* copy block rules for TEMPLATE1 Copy Block layer */	
	position: relative;
	left:  23px;
	padding-left: 10px;
	padding-right: 05px;
	padding-top: 05px;
	border: 0px;
	width: 380px;
	height: 280px;
	text-align: left;
	background-image: url(images/copyBlockBg.gif);
	background-repeat: no-repeat;
}	

DIV.temp1MainImg2 { /* main photo rules for TEMPLATE1 Main image layer */	
	position: relative;
	top: 11px;
	left: 18px;
	padding-left: 0em;
	padding-right: 0em;
	border: 0px;
	width: 500px;
	height: 295px;
	float: left;

}

DIV.temp1MainImg { /* main photo rules for TEMPLATE1 Main image layer */	
	position: relative;
	left: 18px;
	padding-left: 0em;
	padding-right: 0em;
	border: 0px;
	width: 500px;
	height: 295px;
	float: left;

}	

DIV.temp3CopyBlock { /* copy block rules for TEMPLATE 3 text */	
	position: relative;
	left: 16px;
	width: 330px; 
	height: 475px;
	padding-left: .25em; 
	padding-right: .25em; 
	padding-top: .25em; 
	line-height: 105%; 
	text-align: left; 
	background-color:#C8824D;
	visibility: visible;
}	


DIV.temp3Graphic { /* TEMPLATE 3 main image rules for residential */	
	padding-left: .25em; 
	padding-right: .25em; 
	padding-top: 15px;
	width: 525px; 
	height: 475px;
}	

DIV.pageCopyBlock { /* RULES FOR COPY BLOCK POP UP ON TERMS AND POLICY */	
	display: none;
	padding-left: 5px;
	padding-right: 8px;
	padding-top: 5px;
	width: 390px;
	height: 240px;
	text-align: left;
	background-color: #C8824D;
	background-repeat: no-repeat;
}	

DIV.aboutMBICopyBlock { /* RULES FOR COPY BLOCK POP UP ON TERMS AND POLICY */	
	display: none;
	padding-left: 5px;
	padding-right: 8px;
	padding-top: 7px;
	width: 600px;
	height: 400px;
	text-align: left;
	background-color: #C8824D;
	background-repeat: no-repeat;
}	

/* RULES FOR ELEMENTS */	

fieldset { /*Rule for Forms */	
	color: #666;
	font: 12px Arial, Helvetica, sans-serif;
	background-color: #FFFFFF;
	border: solid 2px #d3d3d3;
}	

legend {	
	color: #666;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
	background-color: #d3d3d3;
	padding: 2px;
}	

label { /* RULES FOR FORM LABELS */	
	font-weight: bold;
	line-height: normal;
	text-align: right;
	display: block;
	margin-right: 10px;
	position: relative;
	width: 50px;
	float: left;
}	

label.fieldLabel { /* RULES FOR FORM LABELS */	
	display: inline;
	float: none;
}	

input.formInputField { /* RULES FOR INPUT FIELDS */	
	border: solid 1px #f66;
	background-color: #fee;
	color: #333;
	margin-right: 5px;
	margin-bottom: 5px;
	padding: 2px;
	height: 15px;
}	

input.formInputButton {	
	border: solid 1px #f66;
	background-color: #f99;
	color: #300;
	cursor: pointer;
	font-size: 10px;
	font-weight: bolder;
	text-align: left;
	padding: 1px;
	margin-right: 5px;
	vertical-align: middle;
}	


/* ENDS FORM STYLE SHEET */