/* CSS Document */

/* ----------------- Text Classes ----------------------------------------------- */

h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.95em;
	font-style: normal;
	font-weight: bold;
	margin: 0 0 5px 0;
	color: #666;
}

h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.95em;
	font-style: normal;
	font-weight: bold;
	margin: 0 0 5px 0;
	color: #FFFFFF;
}
h3 {
	margin: 0 0 3px 0;
	font-size: .75em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
	font-style: normal;
	line-height: 1.3em;
}
h4 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.65em;
	color: #666666;
	margin: 0 0 0 0;
	font-weight: normal;
}
p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .7em;
	color: #FFFFFF;
	margin: 0 0 0 0;
}
.bold {
	font-weight: bold;
}
a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-weight: bold;
}
a:visited {
	color: #FFFFFF;
	font-weight: bold;
}
a:hover {
	color: #666666;
	font-weight: bold;
}
.bannerlinks a:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.65em;
	text-decoration: none;
	font-weight: bold;
	line-height: 1.3;
}

.bannerlinks a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.65em;
	text-decoration: none;
	font-weight: bold;
	line-height: 1.3;
}

.bannerlinks a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.65em;
	text-decoration: none;
	font-weight: bold;
	line-height: 1.3;
}
.grey_links a:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	text-decoration: underline;
	font-weight: bold;
	line-height: 1.3;
	color: #666666;
}

.grey_links a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	text-decoration: underline;
	font-weight: bold;
	line-height: 1.3;
	color: #666666;
}

.grey_links a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	text-decoration: underline;
	font-weight: bold;
	line-height: 1.3;
	color: #333333;
}
.flaming a:link {
	color: #999999;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.65em;
	text-decoration: underline;
}
.flaming a:visited {
	color: #999999;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.65em;
	text-decoration: underline;
}
.flaming a:hover {
	color: #333333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.65em;
	text-decoration: underline;
}
.content_links a:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #054d14;
	text-decoration: underline;
	font-weight: normal;
	line-height: 1.3;
}

.content_links a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #0054d14;
	text-decoration: underline;
	font-weight: normal;
	line-height: 1.3;
}

.content_links a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #054d14;
	text-decoration: underline;
	font-weight: normal;
	line-height: 1.3;
}
.headertxt {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.65em;
	color: #999999;
}
.verdana {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .7em;
}
.red_text {
	color: #FF0000;
}
/* ----------------- Page Layout ----------------------------------------------- */

html, body {
	margin : 0;
	padding : 0;
	color: #333333;
}
#bginner {
	width : 778px;
}
#bgouter {
	width : 778px;
	margin: auto;
}
#top_info {
	height: 15px;
	background-repeat : no-repeat;
	text-align : left;
	width: 778px;
	padding: 7px 0 0 0;
	margin: 0 0 0 0;
	line-height: 10px;
}
#top_info {
	height: 15px;
	background-repeat : no-repeat;
	text-align : center;
	width: 778px;
	padding: 7px 0 10px 0;
	margin: 0 0 0 0;
	line-height: 10px;
}

#logo {
	height: 113px;
	background-repeat : no-repeat;
	text-align : left;
	width: 778px;
	background-image: url(images/precision_cnc_machinists_01.jpg);
	background-position: left top;
	background-color: #FFFFFF;
}

#menu {
	width: 778px;
	background-color: #FFFFFF;
	height: 39px;
	background-repeat: repeat-x;
}
#container {
	width: 778px;
	background-image:url(images/AS9100-PENDING.gif);
	background-repeat:no-repeat;
	background-position:center bottom;
	height: 1330px;
}
#footer {
	width: 778px;
	height: 38px;
	background-repeat:repeat-x;
	background-color: #FFFFFF;
}
/* ----------------- Index ----------------------------------------------- */
.header_home {
	width: 429px;
	height: 38px;
}
.header_left_outer {
	width: 429px;
	height: 113px;
	float: left;
}
.menu_right {
	width: 349px;
	height: 113px;
	float: left;
	text-align: left;
}
.home_left_column {
	width: 191px;
	background-image: url(images/06_Acoustic_Foam_Iris_dampers_Intumescent_fire_dampers_Jigsaw_blades_Louvre_shutters.jpg);
	background-repeat: no-repeat;
	background-position: top;
	background-color: #FFA300;
	float: left;
	height: 1330px;
}
.home_left_inner {
	width: 167px;
	padding: 51px 12px 0 12px;
}
.home_middle_column {
	width: 224px;
	background-image: url(images/07_Air_Handling_units_Microswitches_Non-drill_anchors_Nuts_Bolts_Plumbing_Heating.jpg);
	background-repeat: no-repeat;
	background-position: top;
	float: left;
}
.home_middle_inner {
	width: 200px;
	padding: 150px 12px 0 12px;
}
.home_right_column {
	width: 363px;
	background-image: url(images/08_air_valves_Pneumatic_blast_gates_Punch_support_band_Pressure_relief_valves.jpg);
	background-repeat: no-repeat;
	background-position: top;
	float: left;
}
.home_right_inner {
	width: 339px;
	padding: 320px 12px 0 12px;
}
.home_address_left {
	width: 169px;
	float: left;
}
.home_address_right {
	width: 169px;
	float: left;
}
.home_address_outer {
	width: 339px;
	height: 270px;
}
.home_mid_right_bg {
	width: 587px;
	float: left;
	height: 1330px;
	background-image:url(images/home_mid_right_bg_line.gif);
}
.button_center {
	width: 167px;
	text-align: center;
}
.button_center_2 {
	width: 339px;
	text-align: center;
}
.image_center {
	width: 200px;
	text-align: center;
}
/* ----------------- Products ----------------------------------------------- */
.products_left_column {
	width: 191px;
	background-image: url(images/products_left.jpg);
	background-repeat: no-repeat;
	background-position: top;
	background-color: #FFA300;
	float: left;
	height: 1380px;
}
.products_mid_right_bg {
	width: 587px;
	float: left;
	height: 1380px;
	background-image:url(images/home_mid_right_bg_line.gif);
}
#container_products {
	width: 778px;
	background-image:url(images/AS9100-PENDING.gif);
	background-repeat:no-repeat;
	background-position:center bottom;
	height: 1380px;
}
.products_middle_column {
	width: 224px;
	background-image: url(images/products_middle.jpg);
	background-repeat: no-repeat;
	background-position: top;
	float: left;
}
.products_middle_inner {
	width: 200px;
	padding: 100px 12px 0 12px;
}

.products_right_column {
	width: 363px;
	background-image: url(images/products_right.jpg);
	background-repeat: no-repeat;
	background-position: top;
	float: left;
}
/* ----------------- links page ----------------------------------------------- */
.links_container {
	width: 778px;
	background-repeat:repeat-y;
	background-position:center bottom;
	height: 790px;
	background-image: url(images/links_page_bg.gif);
}
.links_left_column {
	width: 391px;
	background-image: url(images/links_page_left.jpg);
	background-repeat: no-repeat;
	background-position: top;
	float: left;
	height: 590px;
	padding: 200px 12px 0 12px;
}
.links_right_column {
	width: 363px;
	background-image: url(images/links_page_right.jpg);
	background-repeat: no-repeat;
	background-position: top;
	float: left;
	height: 790px;
}
/* ----------------- contact page ----------------------------------------------- */
.contact_right_bg {
	width: 587px;
	float: left;
	height: 1180px;
	background-image:url(images/contact_page_bg.gif);
	background-position: top;
	
}
.contact_right_inner {
	width: 563px;
	background-image:url(images/contact_page_right_top.jpg);
	background-repeat: no-repeat;
	padding: 150px 12px 0 12px;
}
.contact_left_column {
	width: 191px;
	background-image: url(images/06_Acoustic_Foam_Iris_dampers_Intumescent_fire_dampers_Jigsaw_blades_Louvre_shutters.jpg);
	background-repeat: no-repeat;
	background-position: top;
	background-color: #FFA300;
	float: left;
	height: 1180px;
}
#contact_container {
	width: 778px;
	background-image:url(images/AS9100-PENDING.gif);
	background-repeat:no-repeat;
	background-position:center bottom;
	height: 1180px;
}
/* ----------------- sitemap ----------------------------------------------- */
.sublinks {
	text-align: left;
	font-weight: normal;
	width: 300px;
	margin-left: 210px;
	line-height: 1.2em;
	padding-left: 14px;
	border-left: 1px solid #666666;
	padding-top: 8px;
	padding-bottom: 8px;	
  }
.sitemaptitle {
	float: left;
	width: 180px;
	margin: 0 0 0px 0;
	padding: 5px 0px 0px 10px;
	color: #FF0000;
	text-align: right;
}
.sitemap_right_inner {
	width: 563px;
	background-image:url(images/sitemap_right_top_image.jpg);
	background-repeat: no-repeat;
	padding: 150px 12px 0 12px;
}
.sitemap_left_column {
	width: 191px;
	background-image: url(images/06_Acoustic_Foam_Iris_dampers_Intumescent_fire_dampers_Jigsaw_blades_Louvre_shutters.jpg);
	background-repeat: no-repeat;
	background-position: top;
	background-color: #FFA300;
	float: left;
	height: 450px;
}
.sitemap_right_inner {
	width: 563px;
	background-image:url(images/sitemap_right_top_image.jpg);
	background-repeat: no-repeat;
	padding: 100px 12px 0 12px;
}
.sitemap_right_bg {
	width: 587px;
	float: left;
	height: 450px;
	background-image:url(images/contact_page_bg.gif);
	background-position: top;
	
}
#sitemap_container {
	width: 778px;
	background-repeat:repeat-y;
	background-position:center bottom;
	height: 450px;
	background-image: url(images/links_page_bg.gif);
}
/* ----------------- Rollover images for menu ----------------------------------------------- */

.index_bg {
	width: 256px;
	height: 113px;
	float: left;
	background: url("images/12_about_trade_supplies.jpg") 0 0 no-repeat;
	}
.index a {
	display:block; 
	width: 56px; 
	height: 113px;  
	float: left; 
	background: url("images/12_about_trade_supplies.jpg") 0 0 no-repeat;
	}
.products_bg {
	width: 256px;
	height: 113px;
	float: left;
	background: url("images/16_products_Beam_Clamps_Bracketry_Fixings_Canopies_Condensate_pipe_Copper_refrigeration_ plumbing_fittings.jpg") 0 0 no-repeat;
	}
.products a {
	display:block; 
	width: 56px; 
	height: 113px;  
	float: left; 
	background: url("images/16_products_Beam_Clamps_Bracketry_Fixings_Canopies_Condensate_pipe_Copper_refrigeration_ plumbing_fittings.jpg") 0 0 no-repeat;
	}
.services_bg {
	width: 256px;
	height: 113px;
	float: left;
	background: url("images/17_Trade_Supplies_Services_Duct_tape_Duct_wrap_Duct_gasket_Duct_sealent_Damper_quadrants.jpg") 0 0 no-repeat;
	}
.services a {
	display:block; 
	width: 56px; 
	height: 113px;  
	float: left; 
	background: url("images/17_Trade_Supplies_Services_Duct_tape_Duct_wrap_Duct_gasket_Duct_sealent_Damper_quadrants.jpg") 0 0 no-repeat;
	}
.links_bg {
	width: 256px;
	height: 113px;
	float: left;
	background: url("images/14_link_resource_trade_supplies.jpg") 0 0 no-repeat;
	}
.links a {
	display:block; 
	width: 56px; 
	height: 113px;  
	float: left; 
	background: url("images/14_link_resource_trade_supplies.jpg") 0 0 no-repeat;
	}
.contact_bg {
	width: 256px;
	height: 113px;
	float: left;
	background: url("images/13_contact_trade_supplies.jpg") 0 0 no-repeat;
	}
.contact a {
	display:block; 
	width: 56px; 
	height: 113px;  
	float: left; 
	background: url("images/13_contact_trade_supplies.jpg") 0 0 no-repeat;
	}


/* ----------------- base nav ----------------------------------------------- */
#footer_nav {
	width: 600px;
	height: 25px;
	margin: 5px 0 0 68px;
	padding: 10px 0 10px 0;

}
ul#nav-b li {
	background: none;
	display: inline;
	margin-left: 52px;
	padding: 0;
}

#nav-b li a {
	border: 1px solid #999999;
	color: #999999;
	font-size: 0.65em;
	padding: 2px 4px 3px 20px;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
}

#nav-b li a:hover, #nav-b li a:focus, #nav-b li a:active {
	color: #333333;
}

#home a { background: url(images/base_nav_home.gif) no-repeat 4px 50%; }

#sitemap a { background: url(images/base_nav_sitemap.gif) no-repeat 4px 50%; }

#links a { background: url(images/base_nav_links.gif) no-repeat 4px 50%; }

#contact a { background: url(images/base_nav_contact.gif) no-repeat 4px 50%; }

/* ----------------- Footer ----------------------------------------------- */
.footer_address {
	width : 778px;
	height: 27px;
	background-image:url(images/footer.gif);
	padding-top: 8px;
}
/* ----------------- Contact Enquiry Form ----------------------------------------------- */

.page_content_form {
	width: 500px;
	vertical-align: top;
	height: 330px;
}

.form_left {
	width: 200px;
	text-align: right;
	float: left;
}
.form_right {
	width: 250px;
	text-align: left;
	float: left;
	padding-left: 20px;
	padding-bottom: 10px;
}
/* ----------------- Order Enquiry Form ----------------------------------------------- */

.order_page_content_form {
	width: 330px;
	vertical-align: top;
	height: 420px;
}

.order_form_left {
	width: 120px;
	text-align: right;
	float: left;
}
.order_form_right {
	width: 140px;
	text-align: left;
	float: left;
	padding-left: 20px;
	padding-bottom: 10px;
}

