body {
	font-family: 'Trebuchet MS', Verdana, Arial, Sans-Serif;
	font-size : 9pt;
}
a { color: Black; }
a:hover {
    color : #FFFFFF;
    text-decoration: none;
    font-weight: bold;
    background-color: #000000;
}
p {
	font-family: 'Trebuchet MS', Verdana, Arial, Sans-Serif;
	font-size: 9pt;
}
p.med{
	font-family: 'Trebuchet MS', Verdana, Arial, Sans-Serif;
	font-size: 12pt;
}

td{
	font-family : Verdana, Arial;
	font-size : 9pt;
}


li{
	font-family: 'Trebuchet MS', Verdana, Arial, Sans-Serif;
	font-size: 9pt;
	
}
input.text { border: 1px solid #545454; background-color: #F4F5EE; font-family: Verdana; font-size: 7.5pt; }
input.extravalues;
{
	border-top: none;
	border-right: none;
}

input.button {
	padding:3 7;font:bold 17px verdana;color:white;background-color:black; border:1px solid White;
}

form {
	margin: 0pt; 
	margin-bottom: 0pt;
}

announce {
	font-face: Arial Black; 
	font-size: 12pt; 
	color:CC0033; 
	font-weight: bold;
}


.info{
	color:White;
	font-size: 7pt;
	font-weight: bold;
}

.sectionTitle{
	color:009966;
	font-size: 10pt;
	font-weight: bolder;
	text-decoration: none;
}

.requiredquestion {
	color:444444;
	font-size: 10pt;
	font-weight: bold;
}

.pageTitle_s {
	color: black;
	font-size: 13pt;
	font-weight: bold;
	font-family: 'Trebuchet MS', Verdana, Arial, Sans-Serif;
	text-decoration: none;
}

td.sectionTitleRed{
	color:#CC0033;
	font-size: 10pt;
	font-weight: bold;
}

.sectionTitleRed11{
	color:#CC0033;
	font-size: 11pt;
	font-weight: bold;
	text-decoration: none;
}

td.news{
	color:#7F7F7F;
	font-size: 7pt;
	text-decoration: none;
}
.news7{
	font-size: 7pt;
	text-decoration: none;
	color: Black;
}
.dblue10v {
	font-face:Verdana, Arial;
	font-size: 10pt;
	color: 304F73;
}
.dred11b {
	font-face:Verdana, Arial;
	font-size: 11pt;
	font-weight: bold;	
	color: CC0033;
}
.lblue8v{
	font-face:Verdana, Arial;
	font-size: 8pt;
	color: 496E98;
	text-decoration: none;
}
.blue8v {
	font-family: 'Trebuchet MS', Verdana, Arial, Sans-Serif;
	color: 3B618C;
	text-decoration: none;
	font-size: 8pt;
}
.blue8a {
	font-family: Arial Narrow, Verdana, Arial;
	color: 3B618C;
	font-size: 9pt;
	text-decoration: none;
}
span.news {
	color: black;
	text-decoration: none;
}
span.silver {
	color: #7F7F7F;
	font-size: 8pt;
}

.blue7 {
	font-family:Verdana;
	font-size: 8pt;
	color: #003366;
	text-decoration: none;
}


.buttons {
	text-family: Verdana, Arial;
	color: White;
	text-decoration: none;
}

a.news {
	color: #7F7F7F;
	text-decoration: none;
}

a.testimonials {
	color: #7F7F7F;
	text-decoration: none;
}

div.menu { position:absolute; visibility:hidden; z-index:10; background-color:ff6600; left:165; padding:5px; }
a.inMenu { font-size:10pt; color:ffffff; font-face:arial; text-decoration:none; }
a:hover.inMenu { color:FFFFFF; }

.graylinkNL{
	color:#999999;
	text-decoration: none;
	font-size: 8pt;	
}

.prodLinkNL {
	font-family: Tahoma, Verdana, Arial;
	font-size: 11pt;
	color: #B80030;
	text-decoration: none;
}
#footer {
	background-image: url("../../images/footer_bkgrnd.gif"/*tpa=images/footer_bkgrnd.gif*/);
	background-repeat: no-repeat;
	padding: 6 0 6 0;
	width: 550 px;
}

.nav_header {
	background-image: url("../../images/nav_header.gif"/*tpa=images/nav_header.gif*/);
	background-repeat: no-repeat;
	width: 170px;
	height: 5px;
}
.nav_footer {
	background-image: url("../../images/nav_footer.gif"/*tpa=images/nav_footer.gif*/);
	background-repeat: no-repeat;
	width: 170px;
	height: 5px;
}

.body_m {
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 8pt;
	text-decoration: none;
}
.green_nl {
	color: black;
	font-size: 8pt;
	font-family: 'Trebuchet MS', Verdana, Arial, Sans-Serif;
	text-decoration: none;
}

.green_l {
	color: black;
	font-size: 10pt;
	font-family: 'Trebuchet MS', Verdana, Arial, Sans-Serif;
	text-decoration: none;
	font-weight: bold;
}
ul {
	list-style-type : disc;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:7pt;
	line-height:18px;
	margin-top: 2px;
	margin-right:0px;
	margin-left: 20px;
	margin-bottom: 2px;
}
.white {
	font-family: Verdana, Arial, Sans-serif;
	font-size: 8pt;
	text-decoration: none;
}
.blue {
	font-family: Verdana, Arial, Sans-serif;
	font-size: 8pt;
	color: Blue;
	text-decoration: none;
}
.black {
	font-family: Verdana, Arial, Sans-serif;
	font-size: 9pt;
	color: Black;
	text-decoration: none;
}
.cat_color {
	color: #888888;
	font-size: 8pt;
	font-family: 'Trebuchet MS', Verdana, Arial, Sans-Serif;
	text-decoration: none;
}
.subcategory {
	font-family: Verdana, Arial Narrow, Arial; font-weight: normal;
	color: White;
	font-size: 8 pt;
	text-decoration: none;
}
.subcategory:hover {
	font-family: Verdana, Arial Narrow, Arial;
	font-size: 8 pt;
	font-weight:bold;
	text-decoration: none;
}
.selectedSubcategory {
	font-family: Verdana, Arial Narrow, Arial;
	font-size: 7.5 pt;
	font-weight:bold;
	color: black;
	text-decoration: none;
}
.main_cat { padding: 2 0 2 0; letter-spacing: -1px; font-weight: bold; font-family: Verdana, Arial, Sans-serif;
	font-size: 8pt; color: #D4EAE5; text-decoration: none; }
.main_catHover { text-decoration: none; color: White; padding:2 0 2 0; }
.main_cat:hover { text-decoration: none; color: White; padding:2 0 2 0; }
.module_or { background-color: #999999; }

.category { background-color: black; width: 151 px; padding:2 0 2 0; }
/*
.category:hover { background-color: #388F7B; width: 151 px; padding: 2 0 2 0; }
.categoryHover { background-color: #388F7B; width: 151 px; padding:2 0 2 0; }
*/
.submenu{display: none;}


table.calendarEvent { background-color:#CCCCCC	; }
.cal { font-size:12; text-align:center; }
span.calendarHeader { font-size:12; font-weight:bold; text-align:center; }
td.eventTitleBar { background-color: #FFFFFF; }
td.eventTitle { font-weight:bold; font-size:11; }
td.eventDate { font-weight:normal; font-size:11; }
td.eventDescription { background-color: #ffffff; font-size:11; }

span.gray { 
		font-family: 'Trebuchet MS', Verdana, Arial, Sans-Serif; 
		font-size: 9pt; 
		color:Blue; 
		font-weight: bold;
		background-color: #bcbcbc;
	}
.pagenumber {
		font-family: 'Trebuchet MS', Verdana, Arial, Sans-Serif;
		font-size : 8pt;
		text-align: center;
		color: #000000;
	}
table.cal { background-color:#000000; width:150; height:100; }
table.calHighlight { background-color:#999999; width:230; height:150; }
td.cal { font-family:verdana; font-size:8pt; text-align:center; background-color:#ffffff; cursor:hand; }
th.cal { font-family:verdana; font-size:10pt; background-color:#eeeeee; }
td.calBlank { background-color: #cccccc; cursor:default; font-family:verdana; font-size:8pt; text-align:center; }
td.calHighlight { font-family:verdana; font-size:8pt; text-align:center; cursor:hand; background-color: #D4D7C0; color: #000000;}
td.calAltHighlight { background-color: #CC9966; }
td.calMouseover { background-color: #f1f6da; font-family:verdana; font-size:8pt; text-align:center; cursor:hand; }
td.calHeader { font-family: verdana; font-size: 8pt; font-weight: bold; text-align: center; background-color: #008457; color:#ffffff;}
th.calgray { font-family:verdana; font-size:8pt; text-align:center; background-color:#BDCCB7; cursor:hand; }	

	.c_bkgrnd { background-color: #e6e6e6; }
	.g_bkgrnd { background-color: black; }
	.mall_bkgrnd { background-color: #ffffff; }
	/*.nav { background-color: black; font-family: Verdana; font-size: 8pt; color: white; padding: 2;  letter-spacing: -1px; font-weight: bold }*/
	input { border: 1px solid black; background-color: #F4F5EE; font-family: Verdana; font-size: 7.5pt;}
	.g { font-family: Verdana; font-size: 8pt; color: black; }
	.g_b { font-family: Verdana; font-size: 7.5pt; color: black; font-weight: bold; }
	.s { font-family: Verdana; font-size: 7.5pt; color: black; text-decoration: none }
	.s_b { font-family: Verdana; font-size: 7.5pt; color: black; text-decoration: none; font-weight: bold; padding: 0 5 0 5;}
	.title { font-family: Verdana; font-size: 13pt; color: black; font-weight: bold; letter-spacing: -1px; padding: 5 0 3 0 }
	.title_c { font-family: Verdana; font-size: 13pt; color: #02755B; font-weight: bold; letter-spacing: -1px; padding: 5 0 3 0 }

	.sectTitle {font-family: Verdana; font-size: 7 pt; padding: 1; font-weight: bold; }
	.register {font-family: Verdana; font-size: 7.5 pt; padding: 1; color: black }
	
.border { border: 1px solid #CCCCCC; padding: 3; }
.l_l { background-image: url("../../images/l_gw.gif"/*tpa=images/l_gw.gif*/); background-repeat: repeat-y; background-position: left top }
.l_r { background-image: url("../../images/l_wg.gif"/*tpa=images/l_wg.gif*/); background-repeat: repeat-y; }
.l_vd { background-image: url("../../images/l_wg_d.gif"/*tpa=images/l_wg_d.gif*/); background-repeat: repeat-x; }
.l_in { background-image: url("../../images/l_in.gif"/*tpa=images/l_in.gif*/); background-repeat: repeat-y; }
.top { background-image: url("../../images/head_img_b.jpg"/*tpa=images/head_img_b.jpg*/); background-repeat: no-repeat; }
.nav_sub { background-image: url("../../images/l_gr.gif"/*tpa=images/l_gr.gif*/); background-repeat: repeat-x; }
.gr_b { font-size: 8pt; color: black; font-weight: bold; text-decoration: none; }
.gr_l { font-size: 10pt; color: black; font-weight: bold; text-decoration: none; }
.nav { background-color: #F0F0F0; color: black; font-size: 8pt; text-decoration: none; font-weight: bold; }
.w_txt { font-size: 6pt; color: black; }
.gr { font-size: 8pt; color: black; }
.gr_nl { font-size: 8pt; color: black; text-decoration: none; }
.wh { font-size: 8pt; color: White; text-decoration: none; }
.sil { font-size: 8pt; color: #999999; text-decoration: none; }
input { margin: 0px; border: 1px solid #0A7065; background-color: #EEEEEE; font-size: 7pt; font-family: 'Trebuchet MS', Verdana, Arial, Sans-Serif; }
.gr_s { font-size: 7pt; color: black; text-decoration: none; }
.gr_s:hover { text-decoration: none }



#m_nav { list-style: none; }

#m_nav ul { list-style: none; margin: 0px; padding: 0px; }
#m_nav ul li { display: inline; float: left; list-style: none; margin: 0; line-height: 21px; }

#m_nav a {	text-align:center; display: block; text-decoration: none; color: #000000; padding-left: 0px; width: 100px; background: #FFFFFF; border-right: 1px solid black; border-top: 1px solid black; border-bottom: 1px solid black }
#m_nav a:hover { color: #FFFFFF; background: #000000; font-weight: bold; }
.pg_nav { 	border: 0px solid black; height: 22px; width: 680px; list-style: none; }
.c_tab { background-color:#FF8800; display:block;color:red }

.tg_sct { font:7pt Verdana; color:#2B2B2B; line-height:11pt;padding:5 0 2 0 }
input.text, select, option { border:1px solid #BBBBBB;background-color:#F3F3F3;font:8pt Verdana; color:#2B2B2B }
.in_r { border:0px;background-color:White;font:8pt Verdana; color:#2B2B2B }
.no {padding:3 7;font:bold 17px verdana;color:white;background-color:black;float:left}
.bd_sep { background:url("../../images/bd_sep.gif"/*tpa=images/bd_sep.gif*/) repeat-x; width:400px }
.hp_in { background-color:white;border:1px solid Black;margin:5px;font:10px Arial;padding:1px }
.hp_in-off { background-color:white;border:1px white;margin:5px;font:12px Arial;padding:1px; }

.eng_sav { border:1px solid #666666; font:bold 25px Arial, Verdana; margin:3px; padding:6px; text-align:right; line-height:20px;background-color:white }
.eng_sav_2 { border:1px solid #666666; font:bold 25px Arial, Verdana; margin:3px; padding:6px; text-align:right; line-height:20px;background-color:white; color: green;}
.c_tab { background-color:#FF8800; display:block;color:red }
.pageTitle_lg { color: black; 	font-size: 16pt; 	font-weight: bold; 	font-family: 'Trebuchet MS', Verdana, Arial, Sans-Serif; 	text-decoration: none; }

#m_img { background-color:black; width:500px; height:360px; margin-left: 10px;  }



/* *************** needed by the doors page animation **********************   */
		#component-diagram{
			width: 600px;
			height: 483px;	
			background: url("../../images/doors/door-component-diagram.jpg"/*tpa=images/doors/door-component-diagram.jpg*/) no-repeat center;
			position: relative;	
		}
		.trigger {
            position: absolute;
			text-indent: -9999px;
			cursor: pointer;
		}
		.popup {
        	position: absolute;
        	display: none;
        	z-index: 100;
			width: 540px;
			height: 413px;
			overflow: auto;
			color: #000000;
			padding: 20px 10px 10px;
			margin: 20px;
			background: #ffffff;
        }
		.popbg{
        	position: absolute;
        	display: none;
        	z-index: 10;
			background: #000000;
			width: 0px;
			height: 0px;
			left: 290px;
			top: 220px;
		}
			#whatsinside h2{ left: 55px; top: 55px; height: 21px; width: 95px; }
			#weatherstrip h2{ top:180px; left: 47px; height: 21px; width: 92px;	}
			#doorframe h2{ top:106px; right: 63px; height: 21px; width: 85px; }
			#hinge h2{ top:356px; left: 105px; height: 21px; width: 51px; }
			#lockset h2{ top:287px; right: 75px; height: 21px; width: 62px; }
			#doorbottom h2{ top:445px; right: 181px;  height: 21px; width: 87px; }
			#sill h2{ left: 138px; top:445px;  width: 39px; height: 21px; }
			#cornersealpad h2{ right: 42px; top:377px;  width: 105px; height: 21px; }
			#decorativeglass h2{ left: 31px; top:266px;  width: 110px; height: 21px; }
			
			#comp-close{
				background: url("../../images/doors/btn-compclose.gif"/*tpa=images/doors/btn-compclose.gif*/) no-repeat;
				position: absolute;
				top: 20px;
				right: 50px;
				width: 58px;
				height: 16px;
				z-index: 1000;
				display: none;
			}
			em.trud{ color: #FF0000;}
/* *************************************   */