@charset "UTF-8";
/* CSS Document */

body {
	font: 11px/14px Arial, Helvetica, sans-serif;
	background-attachment:fixed; /* hack for Firefox to use background positioning */
	background: #7c7e79 url(../images/bg.jpg) repeat-x;
	background-position: 0px 100px; /*have to use separate tag for position to fix Firefox; FF craps out on shorthand notation */
	margin: 0;
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #dddddd;
	font-style: normal;
}

.preloader { display:none; }

/*HACKS*/
a:focus, a:hover, a:active {outline:none;} /* This stops Firefox from outlining links on click */ 
a img {border:none;} /* This stops the ugly blue border around hyperlinked images in IE */
/*END HACKS*/



/*Heading and Text Styles*/
body h1 {
	color:#ffffff;
	font-size:18px;
	line-height:18px;
	font-weight:normal;
	text-transform:uppercase;
	letter-spacing:-1px;
	margin:0px 0px 7px 0px;
	text-align: left;
}
body h2 {
	color:#ffffff;
	font-size:18px;
	line-height:18px;
	font-weight:normal;
	text-transform:uppercase;
	letter-spacing:-1px;
	margin:0px 0px 7px 0px;
	text-align: center;
}

body h3 {
	color:#bbcf33;
	font-size:12px;
	font-weight:bold;
	margin:0px 0px 0px 0px;
}

.greenText { color:#bbcf33; }
.copyrightText { color:#000; font-size:8px; line-height:24px; }
.alignRight { text-align:right; }

body a, body a:visited {
	color:#bbcf33;
	text-decoration:none;
	cursor:pointer;
}

body a:hover {
	color:#ffffff;
	text-decoration:none;
}


	

/*Header Styles */
.header {
	background:#000000 url(../images/bg_header.jpg) top left repeat-x;
	width:100%;
	height:100px;
	border-bottom:2px solid #CCC;
	margin-bottom:14px;
}

#logo img {margin-top:40px;}
/*----------------------------------------*/



/*Navigation Bar Styles */
#navbar {
	font-size:12px;
	width:960px;
	height:51px;
	margin:0px auto 10px auto;
	overflow:hidden;
}

#navbar a, #navbar a:visited {
	color:#ffffff;
	text-decoration:none;
	text-transform:uppercase;
	letter-spacing:.1em;
}

#navbar a:hover { color:#222; }

#navbar a .targetArea {  /*Used to set the target click area for each menu item. Normal padding won't work because each menu item must be same width */
	width:160px;
	height:51px;
	margin:0px;
	padding:0px;
	background:url(../images/navbar/bg_navbar_middle.png) top left no-repeat;
}

#navbar a:hover .targetArea { background:url(../images/navbar/bg_navbar_middle_hover.png) top left no-repeat; }

#navbar ul {list-style:none; padding:0px; margin:0px;}
#navbar ul li { float:left; line-height:51px; overflow:hidden; }

/*Special Cases for first and last menubar items (rounded corners)*/
#navHome a .targetArea { background:url(../images/navbar/bg_navbar_first.png) top left no-repeat; }
#navHome a:hover .targetArea { background:url(../images/navbar/bg_navbar_first_hover.png) top left no-repeat; }
#home #navHome a .targetArea, #home #navHome a:hover .targetArea { background:url(../images/navbar/bg_navbar_first_down.png) top left no-repeat; color:#ffffff;}

#navContactUs a .targetArea { background:url(../images/navbar/bg_navbar_last.png) top left no-repeat; }
#navContactUs a:hover .targetArea { background:url(../images/navbar/bg_navbar_last_hover.png) top left no-repeat; }
#contactUs #navContactUs a .targetArea, #contactUs #navContactUs a:hover .targetArea { background:url(../images/navbar/bg_navbar_last_down.png) top left no-repeat; color:#ffffff; }
/*End Special Cases*/


/*Make the correct navbar button appear "down" on appropriate page for middle navbar buttons*/
#aboutUs #navAboutUs a .targetArea, #aboutUs #navAboutUs a:hover .targetArea,
#products #navProducts a .targetArea, #products #navProducts a:hover .targetArea,
#installation #navInstallation a .targetArea, #installation #navInstallation a:hover .targetArea,
#videos #navVideos a .targetArea, #videos #navVideos a:hover .targetArea {
	background:url(../images/navbar/bg_navbar_middle_down.png) top left no-repeat;
	color:#ffffff;
}
/* ---------------------------- End Navigation Bar Styles ------------------------------------------------------------------------------*/



.oneColFixCtr #container {
	position:relative;
	top:0px;
	left:0px;
	width: 960px;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
}



/*Home Page Styles*/
#darkVeil {
	width:850px;
	margin:0 auto;
	padding:0px 0px 0px 0px;
	background:url(../images/bg_darkVeil.png) top left repeat-x;
	position:relative;
	top:-10px;
	
}


#downloadCatalog {
	float:right;
	width:406px;
	height:77px;
	margin:5px 23px 0px 0px;
	background:url(../images/home/home_download.png) top left no-repeat;
}

#downloadCatalog:hover { background:url(../images/home/home_download_hover.png) top left no-repeat; }

#productHighlight { float:left; margin:20px 0px 0px 30px; width:350px; height:auto; }
#productHighlight a, #productHighlight a:visited, #productHighlight a:hover { color:#ffffff; text-decoration:none; }
#productHighlight .productEntry { overflow:hidden; width:100%; height:140px; border-top:1px solid #999; border-bottom:1px solid #333; }
#productHighlight .productEntry:hover { background:url(../images/bg_highlight.png) top left repeat-x; }
#productHighlight .productEntry .productEntryPhoto { float:left; width:92px; height:74px; margin:33px 0px 0px 20px; }
#productHighlight .productInteriorText { float:right; width:200px; height:70px; margin-top:32px; }

#flashVideo {
	overflow:hidden;
	width:342px;
	float:right;
	margin:15px 30px 0px 0px;
	height: 342px;
}

#universaldoorFront {
	overflow:hidden;
	width:349px;
	float:right;
	height: 291px;
	margin-top: 15px;
	margin-right: 30px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#universaldoorFront:hover { background:url(../images/bg_highlight.png) top left repeat-x; }


#installationHighlight { clear:both; margin:0px 30px 0px 30px; }
#installationHighlight a, #installationHighlight a:visited, #installationHighlight a:hover {color:#ffffff; text-decoration:none; }
#installationHighlight .installationLine { overflow:hidden; width:100%; height:110px; border-top:1px solid #999; border-bottom:1px solid #333; }
#installationHighlight .installationLine .installationEntry:hover { background:url(../images/bg_highlight.png) top left repeat-x; }
/*End Home Page Styles*/




/*Products Page Styles*/
#products #darkVeil {
	position:relative;
	top:-10px;
}

#residentialProductList { float:left; margin:60px 0px 0px 30px; width:350px; height:auto; }
#residentialProductList a, #residentialProductList a:visited, #residentialProductList a:hover {color:#ffffff; text-decoration:none; }
#residentialProductList .productListEntry { overflow:hidden; width:100%; height:140px; border-top:1px solid #999; border-bottom:1px solid #333; }
#residentialProductList .productListEntry:hover {background:url(../images/bg_highlight.png) top left repeat-x; }
#residentialProductList .productListEntry .productListPhoto { float:left; }
#residentialProductList .productListText { float:right; width:200px; height:70px; margin-top:25px; }

#commercialProductList { float:right; margin:60px 30px 0px 0px; width:350px; height:auto; }
#commercialProductList a, #commercialProductList a:visited, #commercialProductList a:hover {color:#ffffff; text-decoration:none; }
#commercialProductList .productListEntry { overflow:hidden; width:100%; height:140px; border-top:1px solid #999; border-bottom:1px solid #333; }
#commercialProductList .productListEntry:hover {background:url(../images/bg_highlight.png) top left repeat-x; }
#commercialProductList .productListEntry .productListPhoto { float:left; }
#commercialProductList .productListText { float:right; width:200px; height:70px; margin-top:25px; }
/*End Product Page Styles*/

/*TemplateInstruction Page Styles*/
#products #darkVeil {
	position:relative;
	top:-10px;
}

#residentialTemplateList { float:left; margin:60px 0px 0px 30px; width:360px; height:auto; }
#residentialTemplateList a, #residentialTemplateList a:visited, #residentialTemplateList a:hover {color:#ffffff; text-decoration:none; }
#residentialTemplateList .TemplateListEntry { overflow:hidden; width:100%; height:40px; border-top:1px solid #999; border-bottom:1px solid #333; }
#residentialTemplateList .TemplateListEntry:hover {background:url(../images/bg_highlight.png) top left repeat-x; }
#residentialTemplateList .TemplateListEntry .productListPhoto { float:left; }
#residentialTemplateList .TemplateListText { float:none; width:300px; height:70px; margin-top:25px; }

#commercialTemplateList { float:right; margin:60px 30px 0px 0px; width:360px; height:auto; }
#commercialTemplateList a, #commercialTemplateList a:visited, #commercialTemplateList a:hover {color:#ffffff; text-decoration:none; }
#commercialTemplateList .TemplateListEntry { overflow:hidden; width:100%; height:40px; border-top:1px solid #999; border-bottom:1px solid #333; }
#commercialTemplateList .TemplateListEntry:hover {background:url(../images/bg_highlight.png) top left repeat-x; }
#commercialTemplateList .TemplateListEntry .TemplateListPhoto { float:left; }
#commercialTemplateList .TemplateListText { float:none; width:300px; height:70px; margin-top:25px; }
/*End TemplateInstruction Page Styles*/




/*Footer Styles*/
#footer {
	width:960px;
	height:84px;
	clear:both;
	margin:0px 0px 0px 0px;
	padding:30px 0px 0px 0px;
	text-align:center;
	background:url(../images/bg_footer.png) top left no-repeat;
	position:relative;
	top:15px;
}

#footer ul { list-style:none; }
#footer ul li { float:left; }
#footer a { padding:30px 0px 30px 0px; }



/*added by cito for about us and product pages*/
.aboutusText {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #FFF;
	float: left;
}
.heavydutyProduct {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	background-attachment: scroll;
	background-color: #FFF;
	background-image: url(../images/products/heavydutyresidentialBak.gif);
	background-repeat: no-repeat;
	background-position: right top;
	height: 690px;
	width: 690px;
	text-align: left;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 125px;
	padding-bottom: 0px;
	color: #000;
	float: none;
}
.textproduct table tr td a {
	color: #000;
	
}
.allinoedc1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	background-attachment: scroll;
	background-color: #FFF;
	background-image: url(../images/products/allinonedc1.gif);
	background-repeat: no-repeat;
	background-position: right top;
	height: 1190px;
	width: 690px;
	text-align: left;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 75px;
	padding-bottom: 0px;
	color: #000;
	float: none;
}
.mediumdutycommercial {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	background-attachment: scroll;
	background-color: #FFF;
	background-image: url(../images/products/mediumdutycommercial.gif);
	background-repeat: no-repeat;
	background-position: right top;
	height: 990px;
	width: 690px;
	text-align: left;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 75px;
	padding-bottom: 0px;
	color: #000;
	float: none;
}
.lightdutyresidential {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	background-attachment: scroll;
	background-color: #FFF;
	background-image: url(../images/products/lightdutyresidential.gif);
	background-repeat: no-repeat;
	background-position: right top;
	height: 990px;
	width: 690px;
	text-align: left;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 75px;
	padding-bottom: 0px;
	color: #000;
	float: none;
}
.heavydutyresidential {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	background-attachment: scroll;
	background-color: #FFF;
	background-image: url(../images/products/heavydutyresidential.gif);
	background-repeat: no-repeat;
	background-position: right top;
	height: 990px;
	width: 690px;
	text-align: left;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 75px;
	padding-bottom: 0px;
	color: #000;
	float: none;
}
.heavydutycommercial {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	background-attachment: scroll;
	background-color: #FFF;
	background-image: url(../images/products/heavydutycommercial.gif);
	background-repeat: no-repeat;
	background-position: right top;
	height: 1630px;
	width: 681px;
	text-align: left;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 75px;
	padding-bottom: 0px;
	color: #000;
	float: none;
	clear: none;
}
.exitdevicescommercial {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	background-attachment: scroll;
	background-color: #FFF;
	background-image: url(../images/products/exitdevicescommercial.gif);
	background-repeat: no-repeat;
	background-position: right top;
	height: 1000px;
	width: 690px;
	text-align: left;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 75px;
	padding-bottom: 0px;
	color: #000;
	float: none;
}

.deadboltcommercial {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	background-attachment: scroll;
	background-color: #FFF;
	background-image: url(../images/products/deadboltcommercial.gif);
	background-repeat: no-repeat;
	background-position: right top;
	height: 990px;
	width: 690px;
	text-align: left;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 75px;
	padding-bottom: 0px;
	color: #000;
	float: none;
}

.lightdutyProduct {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	background-attachment: scroll;
	background-color: #FFF;
	background-image: url(../images/products/locksetcommercial.gif);
	background-repeat: no-repeat;
	background-position: right top;
	height: 1050px;
	width: 690px;
	text-align: left;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 75px;
	padding-bottom: 0px;
	color: #000;
	float: none;
}

.mediumdutyProduct {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	background-attachment: scroll;
	background-color: #FFF;
	background-image: url(../images/products/mediumdutycommercialBak.gif);
	background-repeat: no-repeat;
	background-position: right top;
	height: 690px;
	width: 690px;
	text-align: left;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 125px;
	padding-bottom: 0px;
	color: #000;
	float: none;
}

.heavyComdutyProduct {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	background-attachment: scroll;
	background-color: #FFF;
	background-image: url(../images/products/heavydutycommercialBak.gif);
	background-repeat: no-repeat;
	background-position: right top;
	height: 690px;
	width: 690px;
	text-align: left;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 125px;
	padding-bottom: 0px;
	color: #000;
	float: none;
}

.textproduct table tr td a:hover {
	color: #000;
	background-color: #C0D72F;
	
}
.textproduct table tr td a:visited {
	color: #000;
	
}

.textproduct {
	padding-left: 10px;
	padding-right: 35px;
}
.33producttext {
	padding-left: 10px;
	padding-right: 35px;
	background-image: url(../images/products/STAR.png);
	background-repeat: no-repeat;
	background-position: right bottom;
}


.templateinstruction {
	background-image: url(../images/installationtemplateBanner.jpg);
	background-repeat: no-repeat;
	height: 162px;
	width: 960px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
a.c1:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #bbcf33;
}
#bigbutton {
	height: 120px;
	width: 143px;
	float: left;
	background-image: url(../images/infograybutton.gif);

}	

#bigbutton a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
}

#bigbutton a:hover  {
	background-image: url(../images/infogreenbutton.gif);
	background-repeat: no-repeat;
	background-position: center center;
}
#bigbutton1 {
	height: 120px;
	width: 143px;
	float: left;
	background-image: url(../images/filmgraybutton.gif);

}	
#bigbutton1 a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	font-weight: bold;
	text-align: center;
}
#bigbutton1 a:link  {
	background-repeat: no-repeat;
	background-position: center center;
}
#bigbutton1 a:hover  {
	background-image: url(../images/filmgreenbutton.gif);
	background-repeat: no-repeat;
	background-position: center center;
}
#bigbutton2 {
	height: 120px;
	width: 143px;
	float: left;
	background-image: url(../images/camgraybutton.gif);

}	

#bigbutton2 a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	font-weight: bold;
	text-align: center;
}
#bigbutton2 a:link  {
	background-image: url(../images/camgraybutton.gif);
	background-repeat: no-repeat;
	background-position: center center;
}
#bigbutton2 a:hover  {
	background-image: url(../images/camgreenbutton.gif);
	background-repeat: no-repeat;
	background-position: center center;
}