@import url("common.css");

/* Categories */

h1 {
	font-size:14.5px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	margin-left: 20px;
	color: #1d1dad;

	}


#overview {
	display: inline;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	position: absolute;
	top: -24px;
	left: 7px;
	height: 50px;
	width: 678px;
	margin-top: 20px;
	padding-bottom: 38px;
	}

#textContainer {
	position: absolute;
	top: 125px;
	height: 280px;
	width: 688px;
	overflow: auto;
	left: 9px;

}

.titleBullet {
	width: 19px;
	height: 19px;
	margin-top: 16px;
	margin-left: 4px;
	margin-bottom: 6px;
	overflow: hidden;
	float: left;
	background: url(../images/about/about_bullet.gif);
}

#info>.titleBullet {
	margin-left: 8px;
}

.title {
	overflow: hidden;
	float: left;
	margin-top: 15px;
	margin-left: 6px;
	width: 576px;
	height: 19px;
	padding-bottom: 1px;
	border-bottom: 1px solid #999999;
}

#info>.title {
	height: 18px;
	margin-top: 16px;
}

#moldingTitle {
	background: url(../images/products/title_molding.gif) left no-repeat;
}

#latheTitle {
	background: url(../images/products/title_lathe.gif) left no-repeat;
}

#rollersTitle {
	background: url(../images/products/title_rollers.gif) left no-repeat;
}

#fabricatedTitle {
	background: url(../images/products/title_fabricated.gif) left no-repeat;
}

.textBox {
	width: 350px;
	height: 191px;
	float: left;
	margin: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
}

#note {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #990000;
}

div.imgOverlay {
	height: 181px;
	background-color: #000066;
	filter: alpha(opacity=10);
	opacity: 0.1;
	z-index: 100;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #000000;
	cursor: pointer;
}

.imageContainer {
	margin-left: 16px;
	width: 247px;
	height: 191px;
	float: left;
	background: url(../images/products/lathecut_shadow.gif) top left no-repeat;
}

#latheCut {
	width: 238px;
	height: 181px;
	border: 1px solid #9D9C9C;
	background: url(../images/products/lathecut.jpg);
}

#fabricated {
	width: 238px;
	height: 181px;
	border: 1px solid #9D9C9C;
	background: url(../images/products/fabricated_extrusions.jpg);
}

#rollers {
	width: 238px;
	height: 181px;
	border: 1px solid #9D9C9C;
	background: url(../images/products/rollers.jpg);
}

#molded {
	width: 238px;
	height: 181px;
	border: 1px solid #9D9C9C;
	background: url(../images/products/molded.jpg);
}