div.explanation{ background-color: #FEFEFE; border: 1px solid #C8C8C8; padding: 5px 8px; }
div.explanation p{ margin: 5px 0 10px; padding: 0; }
div.code{ background-color: #fff; padding: 5px 8px; border: 1px solid #C8C8C8; }
div.code pre{ margin: 0; padding: 0; }
div.code code{ background: white; color: black; }
.spacer{ margin-top: 45px; }

/* CSS-based Image Maps
   Author: Frank Manno
   Version: Nov. 25, 2004
----------------------------------------------- */

/* ---------- hidden ONLY if CSS is enabled.  If disabled, image is rendered ---------- */
img.imagemap{ display: none; }

dl#productsMap{
	margin: 0;
	padding: 0;
	background: transparent url(/images/home-products.jpg) top left no-repeat;
	height: 250px;
	width: 733px;
	position: relative;
}

dt{ margin: 0; padding: 0; position: absolute; font-size: 85%; display: none; }
dd{ margin: 0; padding: 0; position: absolute;  font-size: 85%; }

/* ---------- Hotspot Declarations ---------- */
dd#fastenersDef{ top: 0px; left: 16px; }
dd#fastenersDef h1{text-align:left;color:#ff0000;}
dd#fastenersDef a{ position: absolute; width: 86px; height: 150px; text-decoration: none; }
dd#fastenersDef a span{ display: none; }
dd#fastenersDef a:hover{ position: absolute; background: transparent url(/images/home-products-active.jpg) -16px -0px no-repeat; top: 0px; left: 0px; }
dd#fastenersDef a:hover span{
	display: block;
	text-indent: 0;
	vertical-align: top;
	color: #000066;
	background-color: #ffffff;
	font-size:9pt;
	font-weight: normal;
	position: absolute;
	border: 1px solid #ffffff;
	margin: 0;
	padding: 5px;
	top:115px;
	left:9px;
	width: 668px;
	height:110px;

}

dd#toolsDef{ top: 0px; left: 102px; }
dd#toolsDef h1{text-align:left;color:#ff0000;}
dd#toolsDef a{ position: absolute; width: 86px; height: 150px; text-decoration: none; }
dd#toolsDef a span{ display: none; }
dd#toolsDef a:hover{ position: absolute; background: transparent url(/images/home-products-active.jpg) -102px -0px no-repeat; top: 0px; left: 0px; }
dd#toolsDef a:hover span{
	display: block;
	text-indent: 0;
	vertical-align: top;
	color: #000066;
	background-color: #ffffff;
	font-size:9pt;
	font-weight: normal;
	position: absolute;
	border: 1px solid #ffffff;
	margin: 0;
	padding: 5px;
	top:115px;
	left:-77px;
	width: 668px;
	height:110px;

}

dd#steelDef{ top: 0px; left: 188px; }
dd#steelDef h1{text-align:left;color:#ff0000;}
dd#steelDef a{ position: absolute; width: 86px; height: 150px; text-decoration: none; }
dd#steelDef a span{ display: none; }
dd#steelDef a:hover{ position: absolute; background: transparent url(/images/home-products-active.jpg) -188px -0px no-repeat; top: 0px; left: 0px; }
dd#steelDef a:hover span{
	display: block;
	text-indent: 0;
	vertical-align: top;
	color: #000066;
	background-color: #ffffff;
	font-size:9pt;
	font-weight: normal;
	position: absolute;
	border: 1px solid #ffffff;
	margin: 0;
	padding: 5px;
	top:115px;
	left:-163px;
	width: 668px;
	height:110px;

}

dd#nonferrousDef{ top: 0px; left: 274px; }
dd#nonferrousDef h1{text-align:left;color:#ff0000;}
dd#nonferrousDef a{ position: absolute; width: 86px; height: 150px; text-decoration: none; }
dd#nonferrousDef a span{ display: none; }
dd#nonferrousDef a:hover{ position: absolute; background: transparent url(/images/home-products-active.jpg) -274px -0px no-repeat; top: 0px; left: 0px; }
dd#nonferrousDef a:hover span{
	display: block;
	text-indent: 0;
	vertical-align: top;
	color: #000066;
	background-color: #ffffff;
	font-size:9pt;
	font-weight: normal;
	position: absolute;
	border: 1px solid #ffffff;
	margin: 0;
	padding: 5px;
	top:115px;
	left:-249px;
	width: 668px;
	height:110px;

}

dd#profilesDef{ top: 0px; left: 370px; }
dd#profilesDef h1{text-align:left;color:#ff0000;}
dd#profilesDef a{ position: absolute; width: 86px; height: 150px; text-decoration: none; }
dd#profilesDef a span{ display: none; }
dd#profilesDef a:hover{ position: absolute; background: transparent url(/images/home-products-active.jpg) -370px -0px no-repeat; top: 0px; left: 0px; }
dd#profilesDef a:hover span{
	display: block;
	text-indent: 0;
	vertical-align: top;
	color: #000066;
	background-color: #ffffff;
	font-size:9pt;
	font-weight: normal;
	position: absolute;
	border: 1px solid #ffffff;
	margin: 0;
	padding: 5px;
	top:115px;
	left:-345px;
	width: 668px;
	height:110px;

}

dd#laserDef{ top: 0px; left: 456px; }
dd#laserDef h1{text-align:left;color:#ff0000;}
dd#laserDef a{ position: absolute; width: 86px; height: 150px; text-decoration: none; }
dd#laserDef a span{ display: none; }
dd#laserDef a:hover{ position: absolute; background: transparent url(/images/home-products-active.jpg) -456px -0px no-repeat; top: 0px; left: 0px; }
dd#laserDef a:hover span{
	display: block;
	text-indent: 0;
	vertical-align: top;
	color: #000066;
	background-color: #ffffff;
	font-size:9pt;
	font-weight: normal;
	position: absolute;
	border: 1px solid #ffffff;
	margin: 0;
	padding: 5px;
	top:115px;
	left:-431px;
	width: 668px;
	height:110px;

}

dd#ppmdDef{ top: 0px; left: 542px; }
dd#ppmdDef h1{text-align:left;color:#ff0000;}
dd#ppmdDef a{ position: absolute; width: 86px; height: 150px; text-decoration: none; }
dd#ppmdDef a span{ display: none; }
dd#ppmdDef a:hover{ position: absolute; background: transparent url(/images/home-products-active.jpg) -542px -0px no-repeat; top: 0px; left: 0px; }
dd#ppmdDef a:hover span{
	display: block;
	text-indent: 0;
	vertical-align: top;
	color: #000066;
	background-color: #ffffff;
	font-size:9pt;
	font-weight: normal;
	position: absolute;
	border: 1px solid #ffffff;
	margin: 0;
	padding: 5px;
	top:115px;
	left:-517px;
	width: 668px;
	height:110px;

}

dd#whitesDef{ top: 0px; left: 628px; }
dd#whitesDef h1{text-align:left;color:#ff0000;}
dd#whitesDef a{ position: absolute; width: 86px; height: 150px; text-decoration: none; }
dd#whitesDef a span{ display: none; }
dd#whitesDef a:hover{ position: absolute; background: transparent url(/images/home-products-active.jpg) -628px -0px no-repeat; top: 0px; left: 0px; }
dd#whitesDef a:hover span{
	display: block;
	text-indent: 0;
	vertical-align: top;
	color: #000066;
	background-color: #ffffff;
	font-size:9pt;
	font-weight: normal;
	position: absolute;
	border: 1px solid #ffffff;
	margin: 0;
	padding: 5px;
	top:115px;
	left:-603px;
	width: 668px;
	height:110px;

}