/*=====================================================*/
/* Global Reset
/*=====================================================*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, 
caption, tbody, tfoot, thead {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	background: transparent;
	vertical-align:baseline;
	
}

body {
	line-height: 1;
}

ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}


:focus {
	outline: 0;
}


ins {
	text-decoration: none;
}

del {
	text-decoration: line-through;
}

* { padding: 0; margin: 0; }


/*=====================================================*/
/* Global Definitions
/*=====================================================*/

body {
 font-family: Helvetica, Verdana, Arial, sans-serif;
 font-size: 12px;
 color: #000000;
}

a.productlink { color:#000000; text-decoration:none; margin: 2px 0px; display: inline-block; }
a.productlink:visited { color:#000000; text-decoration:none; margin: 2px 0px; display: inline-block; }
a.productlink:hover { color:#FFFFFF; background: #046ce9; text-decoration: none; margin: 2px 0px; display: inline-block; }
a.productlink:active { color:#FFFFFF; background: #046ce9; text-decoration: none; margin: 2px 0px; display: inline-block; }

#wrapper {
 width: 100%;
 margin: 0 auto;
}

#navwrap {
 width: 100%;
 height:165px;
 margin: 0 auto;
 background: url(../images/tilebg.jpg) repeat-x;
 position: relative;
}

.nav {
 width: 990px;
 height: 165px;
 background: url(../images/tileshowcase.jpg) no-repeat;
 float: left;
}

.bold {
 font-weight: bold;
}

.italic {
 font-weight: bold;
 font-style: italic;
}

hr {
 height: 1px; 
 border-style: none; 
 color: black; 
 background-color: black; 
}

.bluecontent hr {
 height: 1px; 
 border-style: none; 
 color: white; 
 background-color: white; 
}


.titleheader {
 padding: 8px 8px 4px 8px;
 background: #000000;
 font-size: 14px;
 color: #FFFFFF;
 width: inherit;
 line-height: 100%;
}

.largeblueheader {
 padding: 4px 8px 4px 8px;
 background: #046ce9;
 font-size: 12px;
 color: #FFFFFF;
 width: inherit;
 line-height: 160%;
}

.blueheader {
 padding: 3px 8px 0px 8px;
 background: #046ce9;
 font-size: 10px;
 color: #FFFFFF;
 width: inherit;
 line-height: 60%;
}

.underheader {
 padding: 8px 8px 4px 8px;
 background: #000000;
 font-size: 12px;
 color: #FFFFFF;
 width: inherit;
 line-height: 100%;
 display: inline-block;
 cursor: pointer;
}

.underheader:hover {
 padding: 8px 8px 4px 8px;
 background: #ff8a30;
 font-size: 12px;
 color: #FFFFFF;
 width: inherit;
 line-height: 100%;
 display: inline-block;
}

.underheader2 {
 padding: 8px 8px 4px 8px;
 background: #3b3b3b url(../images/arrow1.gif) left center no-repeat;
 font-size: 12px;
 color: #FFFFFF;
 width: inherit;
 line-height: 100%;
 display: inline-block;
 cursor: pointer;
}

.underheader2:hover {
 padding: 8px 8px 4px 8px;
 background: #ff8a30 url(../images/arrow1h.gif) left center no-repeat;
 font-size: 12px;
 color: #FFFFFF;
 width: inherit;
 height: inherit;
 line-height: 100%;
 display: inline-block;
}

.underheader3 {
 padding: 8px 8px 4px 8px;
 background: #686868 url(../images/arrow2.gif) left center no-repeat;
 font-size: 12px;
 color: #FFFFFF;
 width: inherit;
 line-height: 100%;
 display: inline-block;
 cursor: pointer;
}

.underheader3:hover {
 padding: 8px 8px 4px 8px;
 background: #ff8a30 url(../images/arrow2h.gif) left center no-repeat;
 font-size: 12px;
 color: #FFFFFF;
 width: inherit;
 height: inherit;
 line-height: 100%;
 display: inline-block;
}

.bluecontent {
 background: #046ce9;
 padding: 15px;
 margin: 4px 0px 0px 0px;
 width: 535px;
 float: left;
}

a span {
 text-decoration: none;
}

a span:hover {
 text-decoration: none;
}

.bluecontent p {
 color: #FFFFFF;
}

.bluecontent tr {
 color: #FFFFFF;
 vertical-align: middle;
}

/*=====================================================*/
/* Layout Definitions
/*=====================================================*/

#leftcol {
 width: 550px;
 float: left;
 padding: 20px 15px 15px 15px;
}

#rightcol {
 width: 365px;
 float: left;
 height: inherit;
 padding: 20px 0px 15px 15px;
}

/*=====================================================*/
/* Header Definitions
/*=====================================================*/

.kwicks {
 list-style-type: none;
 list-style-position:outside;
 position: relative;
 margin: 0px;
 padding: 0px;
 z-index: 1;
}

.kwicks li{
 display: block;
 padding: 0px;
 margin: 0px;
 float: left;
 width: 20%;
 height: 165px;
 margin: 0px;
}

.tile1 {
 display: block;
 padding: 0px;
 margin: 0px;
 float: left;
 width: 20%;
 height: 165px;
 margin: 0px;
 background: url(../images/tile1.png) no-repeat;
}	

.tile2 {
 display: block;
 padding: 0px;
 margin: 0px;
 float: left;
 width: 20%;
 height: 165px;
 margin: 0px;
 background: url(../images/tile2.png) no-repeat;
}	

.tile3 {
 display: block;
 padding: 0px;
 margin: 0px;
 float: left;
 width: 20%;
 height: 165px;
 margin: 0px;
 background: url(../images/tile1.png) no-repeat;
}	

#logo {
 background: url(../images/logo.png) no-repeat;
 height: 84px;
 width: 188px;
 float: left;
 margin: 0px 0px 0px 0px;
 padding: 0px;
 z-index: 100;
 position: absolute;
 top: 32px;
 left: 11px;
}

/*=====================================================*/
/* Nav Definitions
/*=====================================================*/

#menuwrap {margin: 0px;float: left;}
.menu {width:894px; height:32px; position:absolute; top:124px; z-index:100; margin: 0px 0px 0px 15px;}
* html .menu {width:895px; w\idth:894px;}
.menu ul {padding:0;margin:0;list-style-type:none;}
.menu ul ul {width:149px;}
.menu li {float:left;width:149px;position:relative;}
.menu a, .menu a:visited {display:block;font-size:12px;text-decoration:none; color:#fff; width:139px; height:25px; background:#046ce9; padding-left:10px; line-height:26px;}
* html .menu a, * html .menu a:visited {width:150px; w\idth:139px;}
.menu ul ul a.drop, .menu ul ul a.drop:visited {background:#fc9a4e;}
.menu ul ul a.drop:hover{background:#fc9a4e;}
.menu ul ul :hover > a.drop {background:#fc9a4e;}
.menu ul ul ul a, .menu ul ul ul a:visited {background:#046ce9;}
.menu ul ul ul a:hover {background:#046ce9;}
.menu ul ul {visibility:hidden;position:absolute;height:0;top:25px;left:0; width:150px;}
* html .menu ul ul {top:24px;t\op:25px;}
.menu ul ul ul{left:150px; top:-1px; width:150px;}
.menu ul ul ul.left {left:-150px;}
.menu table {position:absolute; top:0; left:0; border-collapse:collapse;}
.menu ul ul a, .menu ul ul a:visited {background:#fc9a4e; color:#000; height:auto; line-height:1em; padding:5px 10px; width:128px;}
* html .menu ul ul a, * html .menu ul ul a:visited {width:150px;w\idth:128px;}
.menu a:hover, .menu ul ul a:hover{color:#fff; background:#FF8A30;}
.menu :hover > a, .menu ul ul :hover > a {color:#fff;background:#FF8A30;}
.menu ul li:hover ul,
.menu ul a:hover ul{visibility:visible; }
.menu ul :hover ul ul{visibility:hidden;}
.menu ul :hover ul :hover ul{ visibility:visible;}

/*=====================================================*/
/* Gallery Definitions
/*=====================================================*/

.imgpad {
 padding: 0px 0px 0px 11px;
}

/*=====================================================*/
/* Home Definitions
/*=====================================================*/

.content {
 margin: 0px 0px 0px 0px;
 padding: 15px 0px 0px 0px;
 border-top: #046ce9 1px solid;
 height: inherit;
}

/*=====================================================*/
/* Product Definitions
/*=====================================================*/

.productleft {
 width: 360px;
 height: inherit;
 margin: 0px 15px 0px 5px;
 float: left;
 line-height: 120%;
}

.productright {
 width: 165px;
 float: left;
}

/*=====================================================*/
/* Postcode Definitions
/*=====================================================*/

.postcodesearch {
 width: 100%;
 float: left;
 text-align: left;
 margin: 0px 0px 15px 0px;
 height: inherit;
 line-height: 120%;
 color: #FFFFFF;
}

.postcodeinput {
 background: #FFFFFF;
 width: 140px;
 border: none;
 text-decoration: none;
 padding: 4px;
 margin: 0px 0px 1px 0px;
 border-bottom: 1px #046ce9 solid;
}

.postcoderesults {
 width: 535px;
 border-top: 1px #FFFFFF solid;
 padding: 10px 0;
 float: left;
}

.postcodewrap {
 width: 161px;
 height: 250px;
 padding: 5px;
 margin: 0 5px 10px 0;
 color: #FFFFFF;
 line-height: 120%;
 border: 1px #FFFFFF solid;
 float: left;
}

.postcodewrap a {
 color: #FFFFFF;
}
/*=====================================================*/
/* Technical Bulletins & MSDs Definitions
/*=====================================================*/

.column {
 width: 260px;
 margin: 0 10px 0 0;
 float: left
}

/*=====================================================*/
/* Documentation Definitions
/*=====================================================*/

.thumbnail {
  width: 50px;
}

/*=====================================================*/
/* Selector Definitions
/*=====================================================*/

.base_desc {
 font-size: 10px;
 margin: 0 0 8px 0;
}

/*=====================================================*/
/* Contact Definitions
/*=====================================================*/

input {
 background: #FFFFFF;
 width: 140px;
 border: none;
 text-decoration: none;
 padding: 4px;
 margin: 0px 0px 1px 10px;
 border-bottom: 1px #046ce9 solid;
}

.submitbut {
 width: 56px;
 background: #000000;
 color: #FFFFFF;
 border: none;
 text-decoration: none;
 cursor: pointer;
 margin: 0px;
}

.contactelement {
 width: 60%;
 float: left;
 padding: 0px 10px 0px 0px;
}

.contactcontainer {
 margin: 0px auto 15px auto;
 width: 100%;
 border: none;
 text-align: left;
}

.contentwrap {
 float: left;
 text-align: left;
 margin: 0px 0px 15px 0px;
 height: inherit;
 line-height: 120%;
 color: #FFFFFF;
}

.detailswrap {
 float: left;
 text-align: right;
 margin: 0px 0px 15px 0px;
 height: inherit;
}

.question {
 float: left;
 height: 68px;
 margin: 0px 15px 15px 25px;
 color: #FFFFFF;
 line-height: 120%;
}

.submitwrapper {
 clear: both;
 margin: 0 auto;
 width: 100%;
}

.message {
 height: 97px;
}

textarea {
 font-family: Helvetica, Verdana, Arial, sans-serif;
 border: none;
 padding: 4px 0px 0px 4px;
 margin: 0px;
 color: #000000;
 font-size: 11px;
}

.cellright {
 text-align: right;
}

/*=====================================================*/
/* Footer Definitions
/*=====================================================*/

#footerwrap {
 margin: 0 auto;
 width: 100%;
 clear: both;
}

#footer {
 width: 100%;
 float: left;
 margin: 15px 0px 0px 0px;
 padding: 5px 0px 0px 0px;
 border-top: 1px #046ce9 solid;
}

#footer span {
 padding: 0px 0px 0px 15px;
}

#footer a {
 color: #000000;
}

/*=====================================================*/
/* Gallery Definitions
/*=====================================================*/

#gallerywrap { 
 height: 262px;
}

.gallery_thumb {
 margin: 0 0 1px 0;
}

.showcase_title {
 width: 100%;
 font-size: 11px;
 font-style: italic;
 color: #FFFFFF; 
}