@charset "UTF-8";
/* Reset all CSS styles */
@import url("reset-min.css");

/* --------------------------------------------------------- */

/* General styles */

body{
	font: 13px Arial, Helvetica, sans-serif;
	color: #58584d;
	background: #ffffff;
}

a{
	text-decoration: none;
	color: #9900cc
}
a:hover{color: #ff9900;}

hr{display: none;}

h2{
	font-size: 170%;
}

h3{
	font-size: 160%;
	background: #eeeded;
	padding: 5px 0px;
	margin-bottom: 10px;
}

h4{
	font-size: 115%;
	font-weight: bold;
	line-height: 18px;
}

h4 a{color: #58584d}

h5{
	font-size: 100%;
	font-style: italic;
}

.centered{text-align: center;}

img.borderedimage{
	border: solid 3px #666666;
}

/* --------------------------------------------------------- */

/* Container */

div.container{
	width: 900px;
	margin: 0 auto;
	position: relative;
	/* overflow: hidden; */
}

/* --------------------------------------------------------- */

/* Header */

div.header{
	background: url(../images/top_bg.jpg) top repeat-x;
	height: 205px;
	margin-bottom: 20px;
}

ul.navigation{
	position: absolute;
	top: 23px;
	right: 0;
}

ul.navigation li{
	display: inline;
	padding-left: 20px;
}

ul.navigation li a{color: #ffffff}
ul.navigation li.active a,
ul.navigation li a:hover{color: #888888}

div.banner{
	position: absolute;
	color: #333333;
	left: 440px;
	top: 60px;
}

div.banner ul{
	margin-left: 20px;
	font-size: 110%;
	font-weight: bold;
	line-height: 150%;
}

img.driller{
	position: absolute;
	top: 61px;
	left: 740px;
}

/* --------------------------------------------------------- */

/* Main page */

div.center_image_wrapper{
	text-align: center;
	margin-bottom: 20px;
}

/* --------------------------------------------------------- */

/* Info pages (contact, about) */

div.info_image_wrapper{
	float: left;
	margin-bottom: 10px;
}

div.info_image_wrapper img{width: 200px}

div.info_text{
	margin: 0 10px 10px 220px;
}

div.info_text ul{
	margin-left: 20px;
	list-style: disc;
}

/* --------------------------------------------------------- */

/* Pages with left columns (e.g., product pages) */

div.leftcolumn{
	float: left;
	width: 220px;
	padding: 0px 10px;
}

.leftbox{
	padding-left: 23px;
	padding-right: 20px;
}

ul.borderedlist li{
	border-bottom: solid 1px #d1cfcd;
	line-height: 200%;
}

ul.borderedlist li a{display: block; color: #58584d}
ul.borderedlist li.active a, ul.borderedlist li a:hover{background: #eeeded}

/* --------------------------------------------------------- */

/* Pages with right columns (e.g., product pages) */

div.rightcolumn{
	border-left: solid 1px #000000;
	margin-left: 240px;
	padding: 0px 10px;
	margin-bottom: 20px;
	width: 655px;
}

div.rightbox{
	border-bottom: solid 1px #000000;
	padding-bottom: 10px;
	margin-bottom: 10px;
}

div.product_text{
	width: 270px;
	min-height: 206px; /* image height + 2 * border size = 200 + 2 * 3 = 206 */
}

div.product_text ul{
	margin-left: 20px;
	list-style: disc;
}

div.product_text ol{
	margin-left: 50px;
	list-style: disc;
}

div.product_image_wrapper{
	width: 370px; /* div.rightcolumn.width - div.product_text.width - (desired spacing) */
	float: right;
}

div.lastbox{
	border: 0px;
	margin-bottom: 0;
}

/* --------------------------------------------------------- */

/* Product line card page */

div.linecard{font-size: 100%}

div.linecard_index ul{
	font-size: 130%;
	margin-bottom: 20px;
	text-align: center;
	font-weight: bold;
}
div.linecard_index li{display: inline}
div.linecard_index a{
	color: #58584d;
	padding: 10px
}
div.linecard_index a:hover{background: #e5e5e4}

div.linecard_items ul{
	margin-bottom: 20px;
	text-align: center;
	font-weight: bold
}
div.linecard_items ul li{border-top: 1px solid #000000}
div.linecard_items ul ul{text-align: left; font-weight: normal}
div.linecard_items ul li ul li{border: none}
div.linecard_items ul li ul li ul{margin-left:30px}
div.linecard_items ul.lastline{margin-bottom: 0}

/* --------------------------------------------------------- */

/* Footer */

div.footer{
	background: url(../images/footer_bg.jpg) repeat-x;
	text-align: center;
	clear: both;
	height: 37px;
	margin-bottom: 20px;
}

div.footer p{
	padding: 10px 0;
	color: #ffffff;
}