/* HTML Elements */
 
body, html {
	font: 11px/12px Verdana, arial, helvetica, sans-serif;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	text-align: center;
}

p, td, li, ul,ol, h1, h2, h3 ,h4 ,h5 ,h6 {
	font: 11px/12px verdana, arial, helvetica, sans-serif;
	/* Netscape 4&IE5 doesn't really like type tags just set in the body, this helps */
}


li {
	list-style-type: square;
	list-style-position: outside;
	color: #00015B;
}

img {
	border: 0 none;
}

/* CSS Page elements */
#contentholder {
	margin-right: auto;
	margin-left: auto;
	width: 100%;
	background-color: White;
	clear: both;
	text-align: left;
}

#pagespan {
	margin-right: auto;
	margin-left: auto;
	width: 99%;
	background-color: #4F749F;
	/*background-color: #54606F; */
	border-top: 20px solid #4F749F;
}

#headerblue {
	display: none;
	overflow: hidden;
	margin-right: auto;
	margin-left: auto;
	width: 90%;
	height: 1px;
}


#headerpanel {
	margin-right: auto;
	margin-left: auto;
	width: 99%;
	height: 52px;
	background-color: white;
	text-align: center;
	clear: both;
}

#topnav {
	margin-right: auto;
	margin-left: auto;
	width: 90%;
	display: none;
	height: 1px;
	clear: both;
	overflow: hidden;
}

#mainpanel {
	margin-right: auto;
	margin-left: auto;
	width: 98%;
	clear: both;
}
.notprint {
	display: none;
	height: 1px;
	overflow: hidden;
}
/* new code from colin */

#productleft {
	margin: 2px 0px 0px 0px;
	padding: 0px 10px 10px 0px;
	text-align: justify;
}
#productright {
	margin: 2px 0px 0px 0px;
	padding: 0px 10px 10px 0px;
	text-align: justify;
}
#productright .col1 {
	float: left;
	width: 268px;
}
#productright .col2 {
	float: left;
	width: 350px;
}
#productright .col2 img.b {
 	margin: 18px 0 0 0;
	width: 350px;
	height: 147px;
}
.imgright {
	float: right;
	margin: 10px 0 10px 10px;
	/*position: relative;*/
}
.imgleft {
	float: left;
	margin: 10px 10px 10px 10px;
	/*position: relative;*/
}
#productright p.row1 {
	margin: 0 0 0 10px;
	height: 20px;
	text-align: left;
}
#productright p.row2 {
	margin: 0 0 0 10px;
	height: 20px;
	text-align: left;
}
#productright p.row3 {
	margin: 0 0 0 10px;
	height: 20px;
	color: #4F749F;
	text-align: left;
}
.column1 {
	float: left;
	display:block;
	text-align: left;
	width: 120px;
}
.column2 {
	float: left;
	display:block;
	text-align: left;
	width: 200px;
}
.column3 {
	float: left;
	display:block;
	text-align: left;
	width: 140px;
	padding: 0 0 0 40px;
	border-left: 1px solid #4F749F;
}
.column4 {
	float: left;
	display:block;
	text-align: left;
	width: 180px;
}
#mainpanel h1{
	padding: 7px;
	margin: 0 15px 0 0;
	color: #18467A;
	font-size: 11px;
	font-variant: small-caps;
	font-weight: bold;
	background: url(images/template/BG-header-home-left3.gif) left top repeat-x;
}

#mainpanel h2{
	font-family: Verdana, Arial, Helvetica;
	font-size: 12px;
	color: white;
	font-variant: small-caps;
	font-weight: bold;
	background-color:  #4F749F;
	padding: 7px 7px 7px 7px;
	margin: 2px 0px 2px 0px;
}
#mainpanel h3{
	font: 11px/12px verdana, arial, helvetica, sans-serif;
	font-weight: bold;
	margin: 0;
	padding: 10px 0 0 8px;
}
#mainpanel p {
	padding: 8px 0 0 8px;
	margin: 0;
}
#mainpanel ul{
	padding: 0;
	margin: 8px 0 0 30px;
	}
#mainpanel li{
	padding: 3px 0 0 0;
	margin: 0;
}
	
.clear{
	clear: both;}
/* end of new code from colin */
#footertext {
	display: none;
	overflow: hidden;
}

#footeraddres {
	color: #738595;
	text-align: center;
	margin: 10px 0 0 0;
	height: 15px;
}

* html #pagespan  {
 	height: 100%;
}


/*Home Page Info Boxes */
#productlistleft {
	float: left;
	width: 368px;
	height: 100%;
}

#productlistright {
	float: right;
	width: 368px;
	height: 100%;
}

#productslistheader {
	padding: 7px 7px 7px 7px;
	font-size: 11px;
	font-weight: bold;
	font-variant: small-caps;
}

#productslistsubheader {
	padding: 7px 7px 7px 7px;
	margin: 2px 0px 2px 0px;
	font-variant: small-caps;
}



/* Product Page Thumb images */
#productslistsurface {
	padding: 0 0  80px;
	margin: 2px 0 2px 0;
	height: 69px;
}

#productslistmortice {
	padding: 0 0 0px 80px;
	margin: 2px 0 2px 0;
	height: 69px;
}

#productslisthandle {
	padding: 0 0 0 80px;
	margin: 2px 0 2px 0;
	height: 69px;
}

#productslisteuro {
	padding: 0 0 0 80px;
	margin: 2px 0 2px 0;
	height: 69px;
}

#productslistbarrier {
	padding: 0 0 0 80px;
	margin: 2px 0 2px 0;
	height: 69px;
}

#productslistrestricted {
	padding: 0 0 0 80px;
	margin: 2px 0 2px 0;
	height: 69px;
}

#productslistpadlocks {
	padding: 0 0 0 80px;
	margin: 2px 0 2px 0;
	height: 69px;
}

#productslistcamlocks {
	padding: 0 0 0 80px;
	margin: 2px 0 2px 0;
	height: 69px;
}

#productslistdoorssafercity {
	padding: 0 0 0 100px;
	margin: 2px 0 2px 0;
	height: 200px;
}

#productslistdoorscontemporary {
	padding: 0 0 0 100px;
	margin: 2px 0 2px 0;
	height: 200px;
}


#productslistfire {
	padding: 0 0 0 100px;
	margin: 2px 0 2px 0;
	height: 106px;
}

#productslistkey {
	padding: 0 0 0 100px;
	margin: 2px 0 2px 0;
	height: 154px;
}

#imageright {
	float: right;
}

/* homepage */
#homebox {
	height: auto;
	float: left;
	width: 34%;
}

#homeboxsmall {
	height: auto;
	float: left;
	width: 32%;
}

#homeboxtext {
	padding: 7px 7px 7px 7px;
	float: left;
}

#spacer {
	float: left;
	display: none;
	overflow: hidden;
}

#listspacer {
	margin: 2px 2px 2px 2px;
}

#headerimage-home {
	background-image: url(images/template/BG-header-home-left2.gif);
	/* width: 258px;
	height: 27px; */
	color: #18467A;
	padding: 9px 9px 7px 10px;
	background-position: right;
	background-repeat: no-repeat;
}

.italic {
font: italic 11px/12px verdana, arial, helvetica, sans-serif;
width: 720px;
}



 /* Link Styles */
#d4h a:link {
	font-family: Tahoma;
	font-size: 9px;
	color: #000066;
	text-decoration: none;
}
/* Interactive Fields */
.loginbox{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: Black;
	background-color: white;
	border : 1px;
	text-align : left;
	}



.pagebreak{
page-break-before: always;

}