/* ===============================================

Ambox

--------------------------------------------------

AUTHOR(S): matt@topspotims.com,





==================================================

COLOR TABLE

--------------------------------------------------

BACKGROUND      #fff;



BLUE 			#0d3b87;

RED				#db0000;



=================================================*/



body{

	margin: 0;

	padding: 0;

	font-family: Arial, Verdana, "Lucida Grande", sans-serif;

	font-size: 62.5%;

	background: #9e9fa3 url(../images/bg.gif);

}



.clearBoth {

	clear: both;

}

.clearLeft {

	clear: left;

}

.floatright {

	float: right;

	height: auto;

}

.floatright.img {

	clear: right;

	float: right;

	padding: 7px;

}

em.caption {

	float: right;

	clear: right;

	width: 175px;

	padding: 0 7px 7px;

}



.floatleft {

	float: left;

}

.resetList, .resetList li ul {

	margin: 0;

	padding: 0;

}

.resetList li {

	display:inline;

	list-style: none;

	padding: 0;

	margin: 0;

}



h1 {

	margin: 0;

	padding: 0;

	font-size: 1.6em;

	font-weight: bold;

	text-transform: uppercase;

}

h2 {

	margin: 0;

	padding: 0;

	font-size: 1.2em;

	font-weight: bold;

	text-transform: uppercase;

}



p {

	display: block;

	margin: 5px 0;

	padding: 0;

	font-size: 1.1em;

	line-height: 1.7;

}



a {

	font-style: italic;

	text-decoration: underline;

	color: #0d3b87;

}



a.rfq {

	display: block;

	margin: 0;

	padding: 0;

	width: 158px;

	height: 41px;

	text-indent: -9999px;

	background: transparent url(../images/rfq_btn.gif) no-repeat;

	background-position: 0 -41px;

}

a.rfq:hover {

	background-position: 0 0;

}



hr {

	margin: 0;

	padding: 0;

	border: none;

}

a.editLink {

	margin: 0;

	padding: 5px;

	font-size: 1.3em;

	font-style: normal;

	text-decoration: none;

	color: #a81114;

	background-color: #fff;

}

a.editLink:hover {

	background-color: #000;

	color: #fff;

}

/* ==== WRAPPER        ============================== */

#wrapper {

	margin: 0 auto;

	padding: 0;

	width: 800px;

}



/* ==== GLOBAL NAV    ============================== */

#globalNav {

	margin: 0;

	padding: 7px 0;

	background-color: #384452;

	text-align: right;

}

	#globalNav a {

		margin: 0;

		padding: 0 10px 0 12px;

		color: #fff;

		text-transform: uppercase;

		text-decoration: none;

		font-size: 1.1em;

		font-weight: bold;

		background: transparent url(../images/icon_arrow.gif) left center no-repeat;

	}

	#globalNav a:hover {

		text-decoration: underline;

	}



/* ==== HEADER         ============================== */

#header {

	position: relative;

	margin: 0;

	padding: 0;

	overflow: auto;

	background-color: #000;

	border-bottom: 3px solid #db0000;

}

	a#logo {

		float: left;

		display: block;

		margin: 10px 15px;

		padding: 0;

		width: 113px;

		height: 89px;

		background: transparent url(../images/logo.gif) no-repeat;

		text-indent: -9999px;

		overflow: hidden;

	}

	p#callUs {

		position: absolute;

		right: 20px;

		width: 300px;

		text-align: right;

		color: #fff;

		font-size: 16px;

		font-weight: bold;

		font-style: italic;

	}

	#isoCert, #isoCert:visited {

		font-size: 11px;

		position: absolute;

		left: 140px;

		bottom: 39px;

		text-decoration: none;

		padding: 2px 5px 0 0;

	}



	.isoSymbol {

		color: #E1E1E1;

	}



	a.jqmClose {

		display: block;

		width: 37px;

		height: 37px;

		background: transparent url(images/jqmClose.gif) no-repeat top left;

		position: absolute;

		right: 1em;

	}

	.lightbox{text-decoration:none; font-size:10px; color:#ffffff;}





	/* ==== PRIMARY NAV    ============================== */

	ul#primaryNav {

		margin: 70px 10px 0;

		padding: 0;

		list-style: none;

	}

	ul#primaryNav li {

		float: left;

		margin: 0;

		padding: 0;

	}

	ul#primaryNav li a {

		display: block;

		margin: 0 12px;

		padding: 7px 0;

		text-transform: uppercase;

		color: #fff;

		font-size: 1.2em;

		text-decoration: none;

		border-top: 3px solid #000;

		font-style: normal;

		font-weight: bold;

	}

	ul#primaryNav li a:hover, ul#primaryNav li.active a {

		border-top: 3px solid #db0000;

	}

	

/* ==== BUCKETS    ============================== */

#bucketsWrapper {

	clear: both;

	margin: 0;

	padding: 0;

}

	#bucketsWrapper ul#bucketsPhoto {

		float: left;

		display: block;

		margin: 0;

		padding: 0;

		width: 406px;

		height: 236px;

		overflow: hidden;

		list-style: none;

		background: #000 url(../images/loader.gif) center center no-repeat;

	}

	#bucketsWrapper ul#bucketsPhoto li {

		display: block;

		width: 406px;

		height: 236px;

	}

	#bucketsWrapper ul#bucketsPhoto li.metal_stamping { background: #000 url(../images/bucket_metal_stamping.jpg) no-repeat;}

	#bucketsWrapper ul#bucketsPhoto li.laser_cutting { background: #000 url(../images/bucket_laser_cutting.jpg) no-repeat;  display: none;}

	#bucketsWrapper ul#bucketsPhoto li.cnc_machining { background: #000 url(../images/bucket_cnc_machining.jpg) no-repeat; display: none;}

	#bucketsWrapper ul#bucketsPhoto li.precision_sheet { background: #000 url(../images/bucket_precision_sheet.jpg) no-repeat; display: none;}

	

	#bucketsWrapper ul#buckets {

		float: right;

		display: block;

		margin: 0;

		padding: 0;

	}

	#bucketsWrapper ul#buckets li {

		display: block;

		margin: 0;

		padding: 5px 10px 0;

		height: 54px;

		width: 374px;

		background: #222a32 url(../images/bucket_bg.gif) top repeat-x;

		

	}

	#bucketsWrapper ul#buckets li.over {

		background-position: 0 -59px;

		cursor: pointer;

	}

	#bucketsWrapper ul#buckets li h1 {

		margin: 0;

		padding: 0;

		color: #fff;

		font-size: 1.4em;

		text-transform: uppercase;

	}

	#bucketsWrapper ul#buckets li p {

		margin: 0;

		padding: 0;

		color: #fff;

		font-size: 1.1em;

		line-height: 1.5em;

	}

	#bucketsWrapper ul#buckets li p a {

		color: #fff;

	}



/* ==== BANNER         ============================== */

#banner {

	margin: 0;

	padding: 0;

	height: 100px;

	text-indent: -9999px;

	background-color: #000;

}

	#banner.laser { background: url(../images/banner_laser.jpg) no-repeat; }

	#banner.metalStamping { background: url(../images/banner_metalstamping.jpg) no-repeat; }

	#banner.fabrication { background: url(../images/banner_fabrication.jpg) no-repeat; }

	#banner.machining { background: url(../images/banner_machining.jpg) no-repeat; }

	#banner.general { background: url(../images/banner_general.jpg) no-repeat; }

	 



p#breadCrumb {

	margin: 0;

	padding: 7px 10px;

	background-color: #fff;

}

	p#breadCrumb a {

		color: #000;

		text-decoration: underline;

		font-style: normal;

	}

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

#contentWrapper {

	position: relative;

	margin: 0;

	padding: 7px 10px;

	background-color: #fff;

	overflow: auto;

}

	#contentBody {

		float: left;

		margin: 0 0 10px;

		padding: 0;

		width: 600px;

	}

	#contentBody.secondary {

		width: 450px;

	}

		#contentBody ul {

			margin: 10px 10px;

			padding: 0;

		}

		#contentBody ul li {

			margin: 0;

			padding: 3px 0;

			list-style-position: inside;

			font-size: 1.1em;

		}

		#contentBody ul li a {

			font-style: normal;

		}

		#contentBody ul li a:hover {

			text-decoration: underline;

		}

		

		#materialsWrapper {

			margin: 10px 0;

			padding: 0;

			overflow: auto;

		}

		.materials {

			float: left;

			margin: 0 10px 0 0;

			padding: 10px 10px 10px 30px;

			width: 41%;

			background: #f6f7f8 url(../images/ind_bg.gif) top repeat-x;

		}

		.materials ul {

			margin: 10px 0;

			padding: 0;

		}

		.materials ul li {

			margin: 0;

			padding: 3px 0;

			font-size: 1.2em;

			color: #0d3b87;

			list-style-position: inside;

		}

		.materials ul li a {

			color: #0d3b87;

			font-style: italic;

			text-decoration: none;

		}

		.materials ul li a.more {

			text-decoration: underline;

		}

		

		ul#contentBuckets {

			clear: both;

			margin: 10px 0;

			padding: 0;

		}

		ul#contentBuckets li {

			float: left;

			margin: 0;

			padding: 0;

			width: 25%;

			overflow: auto;

		}

		ul#contentBuckets li a img {

			margin: 5px 0;

			padding: 0;

			border: 9px solid #d3d3d3;

		}

		ul#contentBuckets li a:hover img {

			padding: 5px;

			border: 4px solid #d3d3d3;

		}

		

		table {

			margin: 0 auto;

		}

		tr {

			display: block;

			border: 1px solid #384452;

			border-bottom: none;

			border-collapse: separate;

			padding: 5px 0;

			

		}

		tr.last {

			border: 1px solid #384452;

		}

		td {

			width: 15em;

			text-align: center;

			font-weight: bold;

		}

	

	#leftNav {

		float: left;

		width: 145px;

	}

		#leftNav ul {

			margin: 0 15px 0 0;

			padding: 10px 0 10px 5px;

			list-style: none;

			background: #f6f7f8 url(../images/ind_bg.gif) top repeat-x;

		}

		#leftNav ul li {

			padding: 4px 0;

		}

		#leftNav ul li.active a {

			color: #000;

		}

		#leftNav ul li a {

			text-decoration: none;

			font-style: normal;

			font-size: 1.1em;

		}

		#leftNav ul li a:hover {

			text-decoration: underline;

		}

	/* ==== SIDEBAR         ============================== */

	#sidebar {

		float: right;

		margin: 25px 0 0;

		padding: 0;

		width: 160px;

	}

		#sidebar form {

			margin: 20px 0;

			padding: 0;

			background-color: #e1e1e1;

		}

		#sidebar fieldset {

			margin: 0;

			padding: 10px;

			border: none;

		}

		#sidebar form h1 {

			display: block;

			margin: 0;

			padding: 5px;

			font-size: 1.4em;

			text-align: center;

			color: #fff;

			background-color: #384452;

		}

		#sidebar label {

			display: block;

			margin: 4px 0 3px;

			padding: 0;

			font-size: 1.1em;

			color: #000;

		}

		#sidebar input, #sidebar textarea {

			margin: 0;

			padding: 3px;

			width: 130px;

			border: 1px solid #747474;

		}

		#sidebar textarea {

			height: 75px;

		}

		#sidebar input.submit {

			display: block;

			margin: 15px 0 0;

			padding: 5px 12px;

			width: auto;

			color: #fff;

			text-transform: uppercase;

			font-weight: bold;

			background-color: #384452;

		}

		

/* ==== FORM         ============================== */		

form, fieldset {

	margin: 0;

	padding: 5px 0 0;

	border: none;

}	

	form label {

		display: block;

		margin: 5px 0 0;

		font-size: 1.2em;

	}

	form input, form textarea {

		margin: 2px 0;

		padding: 5px 3px 3px;

		border: 1px solid #ccc;

		border-bottom: 2px solid #929292;

		width: 275px;

		font-size: 1.2em;

	}

	form input.submit {

		display: block;

		margin: 15px 0 0;

		padding: 5px 12px;

		width: auto;

		color: #fff;

		text-transform: uppercase;

		font-weight: bold;

		background-color: #1a153b;

		border: none;

	}

	form input.submit:hover {

		cursor: pointer;

		background-color: #384452;

	}

	

/* ==== SITEMAP         ============================== */

#sitemap #contentBody ul, #error #contentBody ul {

	margin: 0;

	padding: 0 10px;

	text-decoration: none;

}

	#sitemap #contentBody ul li, #error #contentBody ul li {

		padding: 5px 0;

		font-size: 1.2em;

	}

	#sitemap #contentBody ul li.parent, #error #contentBody ul li.parent {

		font-weight: bold;

	}

	

	#sitemap #contentBody ul li ul li, #error #contentBody ul li ul li {

		padding: 4px 10px;

		font-size: 1em;

		font-weight: normal;

	}

	#sitemap #contentBody ul a, #error #contentBody ul a {

		text-decoration: none;

	}

	

	#sitemap #contentBody ul a:hover, #error #contentBody ul a:hover {

		color: #000;

		text-decoration: underline;

	}



		

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

#footer {

	clear: both;

	margin: 0;

	padding: 3px 10px;

	background-color: #384452;

	overflow: auto;

}

	#footer p {

		float: left;

		color: #fff;

		font-style: italic;

		font-weight: bold;

		margin: 0;

	}

	#footer p.floatright {

		float: right;

	}

	#footer p a,#footer p a:visited,#footer p a:active {

		color: #fff;

		text-decoration: none;

	}

	#footer p a:hover {

		text-decoration: underline;

	}

#topspotLink a {

	color: #252d36;

	text-decoration: none;

}

#topspotLink a:hover {

	text-decoration: underline;

}