* { padding: 0; margin: 0; }
body { font: 12px arial, verdana, helvetica, sans-serif; color: #111A9A; background: #11118D url(../images/body-bg.png) top center repeat-x; }

a img { border: 0; }
h1#pagetitle { background: url(../images/header-bg.gif) bottom left no-repeat; font-size: 18px; font-weight: normal; color: #00007E; padding: 10px 0 4px 0; margin: 0px 0px 10px 10px; }
p { margin: 0 10px 20px 10px; }
strong { color: #FF1027; font-weight: bold; }

div.maintext { margin: 0 10px; float: left; }

#container { width: 960px; margin: 0 auto; }

#headers { background: url(../images/header.png) top center no-repeat; height: 143px; padding: 44px 22px 10px 22px; clear: both; }
a#sitetitle { display: block; height: 0; padding-top: 70px; width: 240px; overflow: hidden; }
#headers ul { list-style: none; margin: 41px 0 0 0; }
#headers ul li { float: left; margin: 0 10px 0 0; }
#headers ul li a, #headers ul li a:hover.on { display: block; text-decoration: none; color: #1123A6; height: 16px; padding: 6px 16px 8px 16px; }
#headers ul li a.on, #headers ul li a:hover { color: #FF0C10; text-decoration: none; background: url(../images/menu-hover.png) top left repeat-x; }

#content { clear: both; padding: 0 22px 0 22px; background: url(../images/content-bg.png) top center repeat-y; }
#content a { color: #FF0C10; text-decoration: none; }
#content a:hover { color: #1123A6; text-decoration: none; }

#footers { background: url(../images/footer.png) top center no-repeat; height: 77px; clear: both; padding: 24px 0 0 0; }
#footers p { text-align: center; }
#footers a { display: inline; margin: 0 20px; }


.homepic { float: left; clear: left; margin: -300px 0 0 0; }
.homebox { background: url(../images/box-bg-home.gif) top right repeat-y; padding: 10px; width: 244px; height: 124px; float: right; clear: right; margin: 0 0 10px 0; color: #838383;  font-size: 10px; }
.homebox.last { margin: 0 0 0 0; }
.homebox img { float: right; clear: right; border: 2px solid #AFAFAF; margin: 0 0 4px 0; }
.homebox p img { float: none; border: 0; clear: none; }
.homebox p { float: left; width: 130px; margin: 0; }
.clear { clear: both; height: 0; border: 0; visibility: hidden; }

.contactpic { float: right; clear: right; margin: 0; }

/*image replace page pictures*/
p#weldingintro { width: 916px; height: 0; padding-top: 202px; overflow: hidden; display: block; margin: 0; background: url(../images/welding-equip-intro.jpg) top left no-repeat; }
p#consumablesintro { width: 916px; height: 0; padding-top: 202px; overflow: hidden; display: block; margin: 0; background: url(../images/consumables-intro.jpg) top left no-repeat; }
p#gasintro { width: 916px; height: 0; padding-top: 202px; overflow: hidden; display: block; margin: 0; background: url(../images/gascutting-intro.jpg) top left no-repeat; }
p#safetyintro { width: 916px; height: 0; padding-top: 202px; overflow: hidden; display: block; margin: 0; background: url(../images/safety-intro.jpg) top left no-repeat; }
p#ancillaryintro { width: 916px; height: 0; padding-top: 202px; overflow: hidden; display: block; margin: 0; background: url(../images/ancillary-intro.jpg) top left no-repeat; }


/*catalogue pages boxes*/
div.catboxes { clear: both; min-height: 350px; margin: 10px 0 0px 0; }
div.pdfboxes { clear: both; min-height: 240px; margin: 10px 0 0px 0; }

div.catbox1 { float: left; width: 159px; height: 240px; margin: 0 0 0 18px; }
div.catbox1 p { height: 104px; background: url(../images/cata-bg.gif) top left repeat-x; padding: 4px; color: #595959; margin: 0; text-align: center; }

/**/
ul#ancillarylist { margin: 50px 0 0 30px; list-style-image: url(../images/arrow.gif); }
ul#ancillarylist li { margin: 0 0 8px 0; font-size: 16px; }

img#ancillarypic { float: right; margin: 20px 0 0 0; }