/****************************
			GLOBAL
*****************************/

* {
	margin:0px;
	padding:0px;
}

body {
	font-size: 62.5%;
	font-family: Arial, Helvetica, sans-serif;
	line-height:1.5;
}

:focus, :active { 
	outline: 0; 
}

.clear {
	clear:both;
}

a img {
	border:0px;
}

/* ===================== */
/* = --- CONTAINER --- = */
/* ===================== */

#container {
	width: 980px;
	margin: 10px auto;
}

/* ======================== */
/* = --- HEADER + NAV --- = */
/* ======================== */

#header {
	width: 980px;
	height: 76px;
	background-image: url(../images/bg_header.gif);
	background-repeat: no-repeat;
}

	#flags {
		padding-top: 46px;
		padding-left: 670px;
	}

/* --- Navigation --- */

#nav {
	width: 980px;
	height: 33px;
}

#nav_ul {
	list-style: none;
	height: 33px;
}

	#nav_ul li {
		float: left;
		margin-right: 1px;
	}
	
		#nav_ul li a {
			overflow:hidden;
			display:block;
			background-repeat:no-repeat;
		}
		
			#nav_ul li a.nav_home {
				background-image:url(../images/nav_home.gif);
				width:195px;
				height:33px;
				text-indent:-9999px;
			}
			
			#nav_ul li a.nav_machining {
				background-image:url(../images/nav_machining.gif);
				width:196px;
				height:33px;
				text-indent:-9999px;
			}
			
			#nav_ul li a.nav_prod {
				background-image:url(../images/nav_prod.gif);
				width:195px;
				height:33px;
				text-indent:-9999px;
			}
			
			#nav_ul li a.nav_success {
				background-image:url(../images/nav_success.gif);
				width:195px;
				height:33px;
				text-indent:-9999px;
			}
		
		#nav_ul li.enquiries {
			margin-right: 0px !important;
		}
		
			#nav_ul li a.nav_enquiries {
				background-image:url(../images/nav_enquiries.gif);
				width:195px;
				height:33px;
				text-indent:-9999px;
			}
		
		#nav_ul li a:hover {
			background-position:0 100%;
		}
		
		#nav_ul li a.current {
			background-position:0 100%;
		}

/* --- Sub-Navigation --- */

#nav_ul li ul.subnav {
	list-style: none;
	width: 195px;
	position: absolute;
	z-index: 100;
	float: left;
}

	#nav_ul li ul.subnav li {
		display: block;
		float: none;
		margin-right: 0px;
		background-color: #000D72;
	}
	
		#nav_ul li ul.subnav li.subnav_top {
			width: 195px;
			height: 15px;
			background-image: url(../images/subnav_top.gif);
			background-repeat: no-repeat;
		}
	
		#nav_ul li ul.subnav li a {
			color: #fff;
			display: block;
			padding: 4px 6px;
			text-decoration: none;
			font-weight: bold;
			font-size: 1.2em;
		}
		
		#nav_ul li ul.subnav li a:hover {
			background-color: #005096;
		}
		
		#nav_ul li ul.subnav li.subnav_btm {
			width: 195px;
			height: 15px;
			background-image: url(../images/subnav_btm.png);
			background-repeat: no-repeat;
			background-color: transparent;
		}

		
/* =================== */
/* = --- CONTENT --- = */
/* =================== */

#content {
	width: 980px;
	padding: 14px 0px;
	position: relative;
	z-index: 1;
}

#content h1 {
	margin-bottom: 10px;
	font-size: 2.2em;
	color:#7f7f7f;
	display: block;
	font-weight: normal;
}

	#content h1.snep {
		background-image: url(../images/snep.gif);
		background-repeat: no-repeat;
		padding-left: 86px;
	}

#content p {
	margin-bottom: 10px;
	font-size: 1.1em;
	color: #7f7f7f;
}

#content a {
	color: #7f7f7f;
}

#content ul.benefits {
	margin-left: 20px;
	font-size: 1.1em;
	color: #7f7f7f;
	margin-bottom: 20px;
}

	#content ul.benefits li {
		margin-bottom: 6px;
	}

.content_left {
	float: left;
	margin-right: 20px;
}

.content_right {
	float: left;
}

	.content_right h2 {
		margin-bottom: 10px;
		font-size: 1.8em;
		color:#7f7f7f;
	}

#content_wide {
	width: 980px;
}

/* ======================== */
/* = --- PRODUCT MENU --- = */
/* ======================== */

#prod_menu {
	width: 980px;
	margin-bottom: 10px;
}

	#prod_menu_ul {
		list-style: none;
	}
	
		#prod_menu_ul li a {
			height: 144px;	/* 160px */
			width: 141px;	/* 157px */
			background-image: url(../images/bg_prod_menu.gif);
			background-repeat: no-repeat;
			float: left;
			margin-right: 7px;
			padding:8px;
			text-decoration: none;
		}
		
		#prod_menu_ul li.last a {
			margin-right: 0px;
		}
		
		#prod_menu_ul li a:hover {
			background-position: 0 100%;
		}
		
		#prod_menu_ul li a h1 {
			font-size: 1.6em;
			color: #7f7f7f;
			text-decoration: none;
			height: 52px;
		}
		
		#prod_menu_ul li a:hover h1 {
			color:#002C90;
		}
		
		#prod_menu_ul li a h1 sup {
			font-size: 0.8em;
		}

/* ======================== */
/* = --- Gradient Box --- = */
/* ======================== */

.grad_box {
	width: 580px;
	float: left;
	margin-right: 50px;
}

.grad_box_top {
	height:15px;
	background-image: url(../images/bg_gradbox_top.gif);
	background-repeat: no-repeat;
}

.grad_box_mid {
	width: 550px;	/* 578px */
	border-left: 1px solid #b8b8b8;
	border-right: 1px solid #b8b8b8;
	background-color: #fff;
	background-image: url(../images/bg_gradbox_mid.gif);
	background-repeat: repeat-x;
	padding: 0px 14px;
}

	.grad_box_mid img {
		float: right;
		margin-left: 20px;
	}
	
	.grad_box_mid ul {
		margin-left: 20px;
		font-size: 1.1em;
		color: #7f7f7f;
	}
	
		.grad_box_mid li {
			margin-bottom: 6px;
		}

.grad_box_btm {
	height:16px;
	background-image: url(../images/bg_gradbox_btm.gif);
	background-repeat: no-repeat;
}

/* ================================ */
/* = --- Table - Cold Forging --- = */
/* ================================ */

#tbl_cold_forging {
	border-width: 1px;
	border-style: solid;
	border-color: #ccc;
	border-collapse: collapse;
	color: #7f7f7f;
	float: left;
	font-size: 1.1em
}

	#tbl_cold_forging th {
		padding: 4px 0px;
	}

	#tbl_cold_forging td {
		padding: 4px 8px;
		height: 50px;
	}

	#tbl_cold_forging td.header {
		vertical-align: middle;
		color: #fff;
		background-color: #000C71;	
	}
	
	#tbl_cold_forging td.grey {
		background-color: #e9e9e9;
	}

/* ============================== */
/* = --- Cold Forging Steps --- = */
/* ============================== */

#cold_forging {
	width: 980px;
	list-style: none;
	margin-top: 20px;
	margin-bottom: 20px;
}

	#cold_forging li {
		width: 128px;
		margin-right: 42px;
		float: left;
		font-size: 1.2em;
		text-align: center;
		color: #7f7f7f;
	}
	
	#cold_forging li.last {
		margin-right: 0px;
		margin-left: 1px;
	}
	
		#cold_forging li img {
			width: 126px;
			height: 126px;
			border:1px solid #b8b8b8;
		}

/* =================================== */
/* = --- Table - Precision Screw --- = */
/* =================================== */

#tbl_precision {
	border: 1px solid #ccc;
	float: left;
	font-size: 1.1em;
	color: #7f7f7f;
}

	#tbl_precision th {
		padding: 4px 0px;
	}

	#tbl_precision td {
		padding: 4px 8px;
		height: 46px;
	}

	#tbl_precision td.header {
		color: #fff;
		background-color: #000C71;
		vertical-align: top;
	}
	
	#tbl_precision td.grey {
		background-color: #e9e9e9;
	}
	
	#tbl_precision .border {
		border-bottom: 1px solid #ccc;
	}

/* ================================= */
/* = --- Precision Screw Steps --- = */
/* ================================= */

#precision_screw {
	width: 980px;
	list-style: none;
	margin-top: 20px;
	margin-bottom: 20px;
}

	#precision_screw li {
		width: 184px;
		margin-right: 15px;
		float: left;
		font-size: 1.2em;
		text-align: center;
		color: #7f7f7f;
	}
	
	#precision_screw li.last {
		margin-right: 0px;
	}
	
		#precision_screw li img {
			width: 182px;
			height: 124px;
			border:1px solid #b8b8b8;
		}

/* ======================== */
/* = --- Enquiry Form --- = */
/* ======================== */

	#frm_enquiry input[type="hidden"] {
		display:none;
	}
	
		#frm_enquiry .field {
			width: 200px;
			float: left;
			margin-right: 30px;
		}
		
		#frm_enquiry .right {
			margin-right: 0px;
		}
	
			#frm_enquiry .field label {
				display: block;
				color: #666;
				font-size:1.1em;
			}
			
			#frm_enquiry .field input.text {
				display: block;
				width: 190px;
				padding:4px;
				border:1px solid;
				border-color:#7c7c7c #c3c3c3 #dddddd;
				margin-bottom: 10px;
			}
			
			#frm_enquiry .field textarea {
				/* rows = 5 */
				/* cols = 24 */
				display: block;
				margin-bottom: 10px;
				padding:4px;
				border:1px solid;
				border-color:#7c7c7c #c3c3c3 #dddddd;
				width: 190px;
				height: 62px;
			}
			
	#frm_enquiry .check {
		margin-bottom: 10px;
	}
	
	#frm_enquiry p {
		margin: 20px 0px;
		font-size:1.1em;
	} 
	
	#frm_enquiry .check label {
		margin-left: 8px;
		color: #666;
		font-size: 1.1em;
	}
	
/* ============================= */
/* = --- Wide Gradient Box --- = */
/* ============================= */

.grad_box_wide {
	width: 980px;
}

.grad_box_wide_top {
	height:15px;
	background-image: url(../images/bg_gradbox_wide_top.gif);
	background-repeat: no-repeat;
}

.grad_box_wide_mid {
	width: 950px;	/* 978px */
	border-left: 1px solid #b8b8b8;
	border-right: 1px solid #b8b8b8;
	background-color: #fff;
	background-image: url(../images/bg_gradbox_wide_mid.gif);
	background-repeat: repeat-x;
	padding: 0px 14px 12px;
}

	.grad_box_wide_mid img {
		float: right;
		margin-left: 40px;
	}
	
	.grad_box_wide_mid h2 {
		color: #666;
		font-size: 1.6em;
	}

.grad_box_wide_btm {
	height:16px;
	background-image: url(../images/bg_gradbox_wide_btm.gif);
	background-repeat: no-repeat;
	margin-bottom: 20px;
}

/* ============================= */
/* = --- Value Range Items --- = */
/* ============================= */

.value_range {
	list-style: none;
	margin-bottom: 50px;
}

	.value_range li {
		width: 180px;
		margin-right: 20px;
		float: left;
	}
	
		.value_range li.last {
			margin-right: 0px;
		}
		
		.value_range li h3 {
			width: 164px;	/* 180px */
			height: 18px;	/* 30px */
			background-color: #000C71;
			color: #fff;
			font-weight: normal;
			padding: 6px 8px;
			display: block;
			font-size: 1.2em;
		}
		
			.value_range li h3 a {
				color:#fff !important;
			}
		
		.value_range li p {
			height: 110px;
			font-size: 1.2em !important;
			padding: 8px 0px;
		}
		
.value_range2 {
	list-style: none;
	margin-bottom: 50px;
}

	.value_range2 li {
		width: 180px;
		margin-right: 20px;
		float: left;
	}
	
		.value_range2 li.last {
			margin-right: 0px;
		}
		
		.value_range2 li h3 {
			width: 164px;	/* 180px */
			height: 18px;	/* 30px */
			background-color: #000C71;
			color: #fff;
			font-weight: normal;
			padding: 6px 8px;
			display: block;
			font-size: 1.2em;
		}
		
			.value_range2 li h3 a {
				color:#fff !important;
			}
		
		.value_range2 li p {
			height: 70px;
			font-size: 1.2em !important;
			padding: 8px 0px;
		}

/* ============================== */
/* = --- Product Info Table --- = */
/* ============================== */

#tbl_prod_info {
	border-width: 1px;
	border-style: none;
	border-color: #ccc;
	border-collapse: collapse;
	color: #666;
}

	#tbl_prod_info td {
		padding: 2px;
	}
	
	#tbl_prod_info td.nopad {
		padding: 0px;
	}
	
	#tbl_prod_info td.blue {
		background-color: #000C71;
		color: #fff;
	}
	
	#tbl_prod_info td.grey {
		background-color: #bbb;
		color: #888;
	}
	
/* ===================================== */
/* = --- Product Info Table - SNEP --- = */
/* ===================================== */

#tbl_prod_info_snep {
	border-width: 1px;
	border-style: none;
	border-color: #ccc;
	border-collapse: collapse;
	color: #666;
}

	#tbl_prod_info_snep td {
		padding: 2px;
	}
	
	#tbl_prod_info_snep td.nopad {
		padding: 0px;
	}
	
	#tbl_prod_info_snep td.blue {
		background-color: #00A9ED;
		color: #fff;
	}
	
	#tbl_prod_info_snep td.grey {
		background-color: #bbb;
		color: #888;
	}

/* ================== */
/* = --- FOOTER --- = */
/* ================== */

#footer p {
	font-size: 1.1em;
	color: #7f7f7f;
}

#footer a {
	color: #7f7f7f;
	text-decoration: none;
	font-weight: bold;
}

#footer a:hover {
	text-decoration: underline;
}