@import url('nav.css');
@import url('generic.css');

#em .info ul {
	line-height: 14px;
	margin-top: 0px;
	margin-bottom: 0px;
	float: left;
}

#em ul.links li {
	background: transparent url(../images/btn_narrow.gif) no-repeat 7px 0px;
	padding: 1px 0px 0px 7px;
	height: 18px;
}
#em ul.links li a {
	color: #fff;
	text-align: center;
	width: 117px;
	height: 18px;
	display: block;
}

#em h2 {
	color: #1a3678;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	margin: 0px 0px 0px 5px;
	padding-top: 30px;
	width: 120px;
	height: 70px;
}

#em h3 {
	color: #333;
	margin: 5px 0px 5px;
}

#em .columns {
	margin-bottom: 40px;
	height: 228px;
}

/* positin the links */
.links {
	margin-top: 97px;
	width: 130px;
	float: left;
}

#series80 .links {
	margin-top: 77px;
}

#locks .links {
	margin-top: 53px;
}

#outside .links {
	margin-top: 75px;
}

#closers .links {
	margin-top: 77px;
}

#holders .links {
	margin-top:97px;
}

/* position the feature boxes */
.info {
	width: 200px;
	margin: 10px 0px 0px 20px;
	padding-right: 5px;
	float: left;
}

/* add backgrounds and set block info */
/* first column (has right margin) */
#series80 {
	background: transparent url(../products/images/em_80series.jpg) no-repeat 0px 0px;
	margin: 0px 6px 6px 0px;
	width: 369px;
	height: 228px;
	float: left;
	overflow: hidden;
}

#alarmed {
	background: transparent url(../products/images/em_alarmed.jpg) no-repeat 0px 0px;
	margin: 0px 6px 6px 0px;
	width: 369px;
	height: 228px;
	float: left;
}

#outside {
	background: transparent url(../products/images/em_outside_trim.jpg) no-repeat 0px 0px;
	margin: 0px 6px 6px 0px;
	width: 369px;
	height: 228px;
	float: left;
}

#accessories {
	background: transparent url(../products/images/em_accessories2.jpg) no-repeat 0px 0px;
	margin: 0px 6px 6px 0px;
	width: 369px;
	height: 228px;
	float: left;
}

/* second column (no right margin) */
#locks {
	background: transparent url(../products/images/em_locks.jpg) no-repeat 0px 0px;
	margin: 0px 0px 6px 0px;
	width: 369px;
	height: 228px;
	float: left;
}

#closers {
	background: transparent url(../products/images/em_closers.jpg) no-repeat 0px 0px;
	margin: 0px 0px 6px 0px;
	width: 369px;
	height: 228px;
	float: left;
}

#power {
	background: transparent url(../products/images/em_power_supplies.jpg) no-repeat 0px 0px;
	margin: 0px 0px 6px 0px;
	width: 369px;
	height: 228px;
	float: left;
}

#holders {
	background: transparent url(../products/images/em_holders.jpg) no-repeat 0px 0px;
	margin: 0px 0px 6px 0px;
	width: 369px;
	height: 228px;
	float: left;
}