body {
	background:#ffffff url(Images/back.gif) repeat-x top left;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:11px;
	margin:0px;
	padding:0px;
	}
	
p, hr, h1, h2, h3, h4, ul, li, a, input {
	padding:0px;
	margin:0px;
	}
	
h1, h2, h3, h4 {
	text-indent:-9000px;
	overflow:hidden;
	}
	
a {
	outline:none;
	}
	
table {
	width:408px;
	border:none;
	margin-left:18px;
	font-size:10px;
	}
	
table.alph {
	width:380px;
	}
	
body#table td {
	height:17px;
	padding-left:10px;
	}
	
table.imp tr td {
	border-right:#fff 3px solid;
	padding-right:10px;
	}
	
td.alter {
	background-color:#ffd200;
	}
	
body#home p, body#what p {
	margin-left:33px;
	margin-right:70px;
	}
	
body#prods p {
	margin-left:20px;
	margin-right:70px;
	}
	
body#contact p {
	font-size:10px;
	text-decoration:none;
	}
	
body#contact a {
	font-size:10px;
	text-decoration:none;
	color:#000;
	}
	
.p-indent {
	margin-left:25px;
	margin-right:70px;
	}
	
.cert {
	margin-left:32px;
	}
	
.toolbox {
	height:14px;
	width:77px;
	background:#fff url(Images/toolbox.gif) no-repeat top left;
	margin-top:16px;
	margin-bottom:10px;
	}
	
.alpha {height:25px; width:170px; background:#fff url(Images/button-alpha.gif) no-repeat top left;}	
.alpha a {display:block; height:25px; width:170px;}
.iso {height:23px; width:170px; background:#fff url(Images/button-iso.gif) no-repeat top left; margin-bottom:9px;}	
.iso-on {height:23px; width:170px; background:#fff url(Images/button-iso-on.gif) no-repeat top left; margin-bottom:9px;}	
.iso a {display:block; height:23px; width:170px;}
.imperial {height:23px; width:170px; background:#fff url(Images/button-imperial.gif) no-repeat top left; margin-bottom:9px;}	
.imperial-on {height:23px; width:170px; background:#fff url(Images/button-imperial-on.gif) no-repeat top left; margin-bottom:9px;}
.imperial a {display:block; height:23px; width:170px;}
.metric {height:23px; width:170px; background:#fff url(Images/button-metric.gif) no-repeat top left; margin-bottom:9px;}	
.metric-on {height:23px; width:170px; background:#fff url(Images/button-metric-on.gif) no-repeat top left; margin-bottom:9px;}
.metric a {display:block; height:23px; width:170px;}
.screw {height:23px; width:170px; background:#fff url(Images/button-screw.gif) no-repeat top left; margin-bottom:7px;}	
.screw-on {height:23px; width:170px; background:#fff url(Images/button-screw-on.gif) no-repeat top left; margin-bottom:7px;}	
.screw a {display:block; height:23px; width:170px;}
.google {height:24px; width:170px; background:#fff url(Images/google.gif) no-repeat top left;}	
.google a {display:block; height:24px; width:170px;}
.salesno {height:19px; width:82px; background:#fff url(Images/salesno.gif) no-repeat top left; margin-left:38px;}
.heading-who {height:15px; width:113px; background:#fff url(Images/heading-who.gif) no-repeat top left; margin-left:16px; margin-top:29px; margin-bottom:10px;}
.heading-what {height:18px; width:114px; background:#fff url(Images/heading-what.gif) no-repeat top left; margin-left:16px; margin-top:29px; margin-bottom:10px;}
.heading-want {height:16px; width:190px; background:#fff url(Images/heading-want.gif) no-repeat top left; margin-left:16px; margin-top:29px; margin-bottom:10px;}
.heading-din {height:14px; width:134px; background:#fff url(Images/heading-din.gif) no-repeat top left; margin-left:8px; margin-top:20px; margin-bottom:5px;}
.heading-imperial {height:15px; width:164px; background:#fff url(Images/heading-imperial.gif) no-repeat top left; margin-left:8px; margin-top:19px; margin-bottom:8px;}
.heading-metric {height:15px; width:148px; background:#fff url(Images/heading-metric.gif) no-repeat top left; margin-left:8px; margin-top:19px; margin-bottom:8px;}
.heading-screw {height:15px; width:148px; background:#fff url(Images/heading-screw.gif) no-repeat top left; margin-left:8px; margin-top:19px; margin-bottom:15px;}
.heading-alpha {height:15px; width:187px; background:#fff url(Images/heading-alpha.gif) no-repeat top left; margin-left:8px; margin-top:19px; margin-bottom:8px;}
.heading-search {height:15px; width:147px; background:#fff url(Images/heading-search.gif) no-repeat top left; margin-left:8px; margin-top:19px; margin-bottom:15px;}
.heading-enq {height:14px; width:243px; background:#fff url(Images/heading-enq.gif) no-repeat top left; margin-left:8px; margin-top:20px; margin-bottom:5px;}
.heading-contact {height:16px; width:415px; background:#fff url(Images/heading-contact.gif) no-repeat top left; margin-left:8px; margin-top:18px; margin-bottom:10px;}
.email { display:block; text-indent:-9000px; overflow:hidden; height:22px; width:87px; background:#fff url(Images/button-enq.gif) no-repeat top left; margin-left:20px; padding-bottom:4px; margin-bottom:0px;}
.call { display:block; text-indent:-9000px; overflow:hidden; height:22px; width:87px; background:#fff url(Images/button-call.gif) no-repeat top left; margin-left:20px; padding-top:0px; margin-top:0px;}
.grade { font-size:12px; color:#616263; padding-bottom:0px; margin-bottom:0px; }
.order { font-size:12px; color:#00aeef; margin-bottom:3px; }
.heading-1 {height:15px; width:359px; background:#fff url(Images/heading-tensile.gif) no-repeat top left; margin-left:8px; margin-top:18px; margin-bottom:15px;}
.heading-2 {height:15px; width:339px; background:#fff url(Images/heading-mildsteel.gif) no-repeat top left; margin-left:8px; margin-top:18px; margin-bottom:15px;}
.heading-3 {height:15px; width:360px; background:#fff url(Images/heading-socket.gif) no-repeat top left; margin-left:8px; margin-top:18px; margin-bottom:15px;}
.heading-4 {height:15px; width:378px; background:#fff url(Images/heading-stainless.gif) no-repeat top left; margin-left:8px; margin-top:18px; margin-bottom:15px;}
.heading-5 {height:15px; width:416px; background:#fff url(Images/heading-roofing.gif) no-repeat top left; margin-left:8px; margin-top:18px; margin-bottom:15px;}
.heading-6 {height:15px; width:303px; background:#fff url(Images/heading-brass.gif) no-repeat top left; margin-left:8px; margin-top:18px; margin-bottom:15px;}
.heading-7 {height:15px; width:315px; background:#fff url(Images/heading-special.gif) no-repeat top left; margin-left:8px; margin-top:18px; margin-bottom:15px;}
	
.hr1 {height:13px; width:169px; background:#fff url(Images/hr1.gif) no-repeat top left; border:none;}	
.hr2 {height:11px; width:169px;	background:#fff url(Images/hr2.gif) no-repeat top left;	border:none; margin-top:7px; margin-bottom:9px;}
.hr3 {height:13px; width:169px;	background:#fff url(Images/hr3.gif) no-repeat top left;	border:none; margin-bottom:9px;}
	
form {
	padding-top:28px;
	padding-left:18px;
	}

input {
	margin-top:5px;
	width:70px;
	height:17px;
	font-size:9px;
	color:#9e9fa3;
	border:none;
	padding-left:3px;
	}
	
input.arrow {
	width:16px;
	height:17px;
	padding-left:0px;
	vertical-align:top;
	}
	
input.enq-form {
	margin-top:0px;
	width:190px;
	height:17px;
	font-size:9px;
	color:#adafb1;
	border:#e7e6e6 1px solid;
	padding-left:3px;
	margin-bottom:15px;
	vertical-align:top;
	}
	
input.enq-box {
	margin-top:4px;
	width:190px;
	height:17px;
	font-size:9px;
	color:#adafb1;
	border:#e7e6e6 1px solid;
	padding-left:3px;
	vertical-align:top;
	}

textarea.enq-form {
	margin-top:0px;
	width:190px;
	height:80px;
	font-size:9px;
	color:#adafb1;
	border:#e7e6e6 1px solid;
	padding-left:3px;
	padding-top:3px;
	margin-bottom:15px;
	vertical-align:top;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	}
	
.label {
	font-size:9px;
	color:#adafb1;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	margin:0px auto 3px 6px;
	}
	
.label-search {
	font-size:9px;
	color:#666666;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	margin-top:8px;
	width:40px;
	display:block;
	float:left;
	}
	
.submit {
	width:52px;
	height:23px;
	padding-left:0px;
	margin-left:0px;
	margin-top:0px;
	}
	
.highlight {
	color:#00aeef;
	text-transform:uppercase;
	font-size:11px;
	font-weight:bold;
	line-height:18px;
	vertical-align:top;
	}
	
.highlight-regular {
	color:#00aeef;
	font-weight:bold;
	}
	
p.highlight-compact {
	text-transform:uppercase;
	font-size:11px !important;
	font-weight:bold;
	line-height:12px;
	color:#00aeef;
	margin-top:15px;
	margin-bottom:5px;
	}
	
.acorn {
	vertical-align:top;
	margin-left:10px;
	border:0;
	}
	

	

/*STRUCTURE*/

#container-wrapper {
	width:876px;
	height:719px;
	background:#fff url(Images/back-block.gif) no-repeat top left;
	margin:0 auto 0 auto;
	}
	
#container-main {
	width:818px;
	margin-left:29px;
	background-color:#fff;
	}
	
.logo {
	background:#fff url(Images/logo.gif) no-repeat top left;
	width:818px;
	height:207px;
	float:left;
	}
	
body#home .logo {
	background:#fff url(Images/logo-a.gif) no-repeat top left;
	}
	
#container-left {
	width:638px;
	height:439px;
	float:left;
	}
	
body#home #container-left {
	background:#fff url(Images/back1.jpg) no-repeat top left;
	}
body#what #container-left {
	background:#fff url(Images/back2.jpg) no-repeat top left;
	}
body#table #container-left, body#prods #container-left {
	background:#fff url(Images/back3.jpg) no-repeat top left;
	}
body#productpages #container-left {
	background:#fff url(Images/back4.jpg) no-repeat top left;
	}
body#enquiries #container-left, body#contact #container-left {
	background:#fff url(Images/back5.jpg) no-repeat top left;
	}
	
#content {
	width:463px;
	height:378px;
	margin-left:165px;
	margin-top:42px;
	overflow:auto;
	}
	
body#productpages #content {
	overflow:hidden;
	}
	
#container-right {
	width:180px;
	height:439px;
	background-color:#fff;
	float:left;
	}
	
#searchbox {
	width:170px;
	height:85px;
	background:#fff url(Images/searchbox.gif) no-repeat top left;
	margin-bottom:6px;
	}
	
#prodinfo {
	width:160px;
	float:left;
	height:330px;
	color:#00abee;
	font-size:9px;
	overflow:auto;
	}
	
#prodinfo p {
	padding:10px 20px 0 20px;
	}
	
#prodlist {
	width:280px;
	float:right;
	height:200px;
	margin-bottom:10px;
	padding-bottom:10px;
	font-size:11px;
	color:#636466;
	overflow:auto;
	height:320px;
	}
	
#prodlist a {
	text-decoration:none;
	color:#636466;
	padding-bottom:5px;
	}
	
#prodlist a:hover, #prodlist a:active {
	color:#00abee;
	}
	
a.alph-text {
	text-decoration:none;
	color:#636466;
	padding-bottom:5px;
	}
	
a:hover.alph-text {
	color:#00abee;
	}
	
.pic {
	width:125px;
	height:127px;
	background:#fff url(Images/picback.gif) no-repeat top left;
	margin-left:18px;
	}
	
.pic-inner {
	padding-top:5px;
	padding-left:5px;
	}
	
.form-col {
	float:left;
	width:190px;
	margin-right:20px;
	}
	
.contact-col {
	width:128px;
	height:330px;
	margin-left:15px;
	float:left;
	}
	
#footer1 {
	width:818px;
	height:13px;
	float:left;
	background:#efc82e url(Images/footer1.gif) no-repeat top left;
	margin-bottom:16px;
	}
	
#footer2 {
	width:818px;
	height:9px;
	float:left;
	margin-bottom:10px;
	text-align:center;
	font-size:9px;
	color:#e31f26;
	}
	
#footer2 a {
	text-decoration:none;	
	color:#232323;
	}
	
#footer2 a:hover, #footer2 a.on, .link {
	color:#29bbf1;
	}
	
/*MENU*/

#navbox {
	margin:0;
	width:434px;
	padding:0;
	border:0px;
	height:10px;
	float:left;
	margin-top:20px;
	margin-left:140px;
	position:relative;
	}

ul { /* all lists */
	list-style:none;
	}

li { /* all list items */
	float:left;
	position:relative;
	}

li ul { /* second-level lists */
	display:block;
	position:absolute;
	visibility:hidden;
	margin:0;
	padding-top:8px;
	left:0;
	width:175px;
	height:200px;
	}
	
li ul#prod { /* second-level lists */
	width:164px;
	height:159px;
	background:transparent url(Images/menuback-prod.gif) no-repeat top left;
	}
	
li ul#cont { /* second-level lists */
	width:134px;
	height:160px;
	background:transparent url(Images/menuback-cont.gif) no-repeat top left;
	}
	
li ul li {
	display:inline;
	}

ul.subnav {
	top:10px;
	z-index:200;
	} 

li>ul { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
	top:auto;
	left:auto;
	}

li:hover ul, li.over ul { /* lists nested under hovered list items */
	display:block;
	}
	
li:hover > ul {visibility:visible;}

#navbox a:hover ul, #navbox a:hover a:hover ul, #navbox a:hover a:hover a:hover ul {
	visibility:visible;
	}
	
#navbox a:hover ul ul, #navbox a:hover a:hover ul ul {
	visibility:hidden;
	}
		
ul#nav {
	position:relative;
	top:0;
	right:0;
	margin:0 0 0 auto;
	list-style-type:none;
	width:488px;
	height:10px;
	white-space:nowrap; 
	text-align:left;
	}

#navbox a {
	display:block; 
	line-height:20px; 
	text-decoration:none;
	} 

ul#nav li.toplevel a {
	top:0;
	width:73px;
	text-indent:-9000px;
	text-decoration:none;
	padding:10px 0 0 0;
	overflow:hidden;
	height:0px !important; 
	height /**/:10px; /* IE5/Win */
	background:transparent url(Images/nav.gif) no-repeat;
	}
	
ul#nav li.secondlevel {
	width:158px;
	height:19px;
	padding-bottom:1.5px;
	margin:1px auto auto 3px;
	background:transparent url(Images/menuoff1-prod.gif) no-repeat top left;
	}
	
ul#nav li.secondlevel-alt {
	width:158px;
	height:19px;
	padding-bottom:1.5px;
	margin:1px auto auto 3px;
	background:transparent url(Images/menuoff2-prod.gif) no-repeat top left;
	}
	
ul#nav li:hover.secondlevel, ul#nav li:hover.secondlevel-alt {
	background:transparent url(Images/menuover-prod.gif) no-repeat top left;
	}

ul#nav ul#cont li.secondlevel {
	width:128px;
	background:transparent url(Images/menuoff1b-prod.gif) no-repeat top left;
	}
	
ul#nav ul#cont li.secondlevel-alt {
	width:128px;
	background:transparent url(Images/menuoff2b-prod.gif) no-repeat top left;
	}
	
ul#nav ul#cont li:hover.secondlevel, ul#nav ul#cont li:hover.secondlevel-alt {
	background:transparent url(Images/menuoverb-prod.gif) no-repeat top left;
	}

ul#nav li.secondlevel a, ul#nav li.secondlevel-alt a {
	top:0;
	font-size:10px;
	text-indent:10px;
	background:red url();
	overflow:visible;
	color:#72797e;
	width:158px;
	height:17px;
	padding:0px;
	}

body#home li#ho a 		{ background-position: 0 -10px; width: 91px; left: 0; }
body#home li#ho a:hover	{ background-position: 0 -10px; }
body#home li#wh a 		{ background-position: -91px 0px; width:88px; left: 91px; }
body#home li#wh a:hover	{ background-position: -91px -10px; }
body#home li#pr a 		{ background-position: -179px 0px; width:107px; left: 179px; }
body#home li#pr a:hover	{ background-position: -179px -10px; }
body#home li#en a 		{ background-position: -286px 0px; width:73px; left: 286px; }
body#home li#en a:hover	{ background-position: -286px -10px; }
body#home li#co a 		{ background-position: -359px 0px; width:75px; left: 359px; }
body#home li#co a:hover	{ background-position: -359px -10px; }

body#what li#ho a 		{ background-position: 0 0px; width: 91px; left: 0; }
body#what li#ho a:hover	{ background-position: 0 -10px; }
body#what li#wh a 		{ background-position: -91px -10px; width:88px; left: 91px; }
body#what li#wh a:hover	{ background-position: -91px -10px; }
body#what li#pr a 		{ background-position: -179px 0px; width:107px; left: 179px; }
body#what li#pr a:hover	{ background-position: -179px -10px; }
body#what li#en a 		{ background-position: -286px 0px; width:73px; left: 286px; }
body#what li#en a:hover	{ background-position: -286px -10px; }
body#what li#co a 		{ background-position: -359px 0px; width:75px; left: 359px; }
body#what li#co a:hover	{ background-position: -359px -10px; }

body#table li#ho a 		{ background-position: 0 0px; width: 91px; left: 0; }
body#table li#ho a:hover	{ background-position: 0 -10px; }
body#table li#wh a 		{ background-position: -91px 0px; width:88px; left: 91px; }
body#table li#wh a:hover	{ background-position: -91px -10px; }
body#table li#pr a 		{ background-position: -179px 0px; width:107px; left: 179px; }
body#table li#pr a:hover	{ background-position: -179px -10px; }
body#table li#en a 		{ background-position: -286px 0px; width:73px; left: 286px; }
body#table li#en a:hover	{ background-position: -286px -10px; }
body#table li#co a 		{ background-position: -359px 0px; width:75px; left: 359px; }
body#table li#co a:hover	{ background-position: -359px -10px; }

body#prods li#ho a 		{ background-position: 0 0px; width: 91px; left: 0; }
body#prods li#ho a:hover	{ background-position: 0 -10px; }
body#prods li#wh a 		{ background-position: -91px 0px; width:88px; left: 91px; }
body#prods li#wh a:hover	{ background-position: -91px -10px; }
body#prods li#pr a 		{ background-position: -179px 0px; width:107px; left: 179px; }
body#prods li#pr a:hover	{ background-position: -179px -10px; }
body#prods li#en a 		{ background-position: -286px 0px; width:73px; left: 286px; }
body#prods li#en a:hover	{ background-position: -286px -10px; }
body#prods li#co a 		{ background-position: -359px 0px; width:75px; left: 359px; }
body#prods li#co a:hover	{ background-position: -359px -10px; }

body#productpages li#ho a 		{ background-position: 0 0px; width: 91px; left: 0; }
body#productpages li#ho a:hover	{ background-position: 0 -10px; }
body#productpages li#wh a 		{ background-position: -91px 0px; width:88px; left: 91px; }
body#productpages li#wh a:hover	{ background-position: -91px -10px; }
body#productpages li#pr a 		{ background-position: -179px -10px; width:107px; left: 179px; }
body#productpages li#pr a:hover	{ background-position: -179px -10px; }
body#productpages li#en a 		{ background-position: -286px 0px; width:73px; left: 286px; }
body#productpages li#en a:hover	{ background-position: -286px -10px; }
body#productpages li#co a 		{ background-position: -359px 0px; width:75px; left: 359px; }
body#productpages li#co a:hover	{ background-position: -359px -10px; }

body#enquiries li#ho a 		{ background-position: 0 0px; width: 91px; left: 0; }
body#enquiries li#ho a:hover	{ background-position: 0 -10px; }
body#enquiries li#wh a 		{ background-position: -91px 0px; width:88px; left: 91px; }
body#enquiries li#wh a:hover	{ background-position: -91px -10px; }
body#enquiries li#pr a 		{ background-position: -179px 0px; width:107px; left: 179px; }
body#enquiries li#pr a:hover	{ background-position: -179px -10px; }
body#enquiries li#en a 		{ background-position: -286px -10px; width:73px; left: 286px; }
body#enquiries li#en a:hover	{ background-position: -286px -10px; }
body#enquiries li#co a 		{ background-position: -359px 0px; width:75px; left: 359px; }
body#enquiries li#co a:hover	{ background-position: -359px -10px; }

body#contact li#ho a 		{ background-position: 0 0px; width: 91px; left: 0; }
body#contact li#ho a:hover	{ background-position: 0 -10px; }
body#contact li#wh a 		{ background-position: -91px 0px; width:88px; left: 91px; }
body#contact li#wh a:hover	{ background-position: -91px -10px; }
body#contact li#pr a 		{ background-position: -179px 0px; width:107px; left: 179px; }
body#contact li#pr a:hover	{ background-position: -179px -10px; }
body#contact li#en a 		{ background-position: -286px 0px; width:73px; left: 286px; }
body#contact li#en a:hover	{ background-position: -286px -10px; }
body#contact li#co a 		{ background-position: -359px -10px; width:75px; left: 359px; }
body#contact li#co a:hover	{ background-position: -359px -10px; }



/* tooltip styling. by default the element to be styled is .tooltip  */
.tooltip {
	display:none;
	font-size:11px;
	height:14px;
	width:100px;
	color:#636466;	
	background-color:#fff;
	border:#000 1px solid;
	padding-left:3px;
	margin-top:10px;
}


ul.normallist {
	list-style-type:disc;
	margin-top:10px;
	margin-bottom:10px;
	margin-right:70px;
	}
	
ul.normallist li {
	margin-left:45px;
	float:none;
	}
	
.link {
	color:#000;
	}
