/* page ini */
* { margin: 0; padding: 0; }
html { height: 100%; }
body { height: 100%; font-family: Verdana, Arial, sans-serif; text-align: left; font-weight: 400; font-size: 76.1%; line-height: 1.4em; padding: 0px; color: #000000; background-color: #e5e5e5; text-align: center; }
h1,h2,h3,h4,h5,h6,p,blockquote,form,label,ul,ol,dl,fieldset,address { margin: 0.5em 0; color: #25273f; }
ul { margin-left: 2em; }
h1 { font-size: 2.2em; font-weight: normal; }
#sHolder h1 { font-size: 2.2em; color: #fff; font-weight: normal; }
h2 { font-size: 1.1em; color: #000; font-weight: bold; }
h3 { font-size: 1.8em; color: #000; font-weight: normal; }
.headings { color: #fff; }
p { color: #000; }
a { text-decoration: none; }
a:hover { text-decoration: underline; }
/* images */
a img { border: 0; margin: 0px; padding; 0px; }
/* header */
#header { width: 936px; height: 165px; background: url('../images/header2.png') no-repeat; margin-left: auto; margin-right: auto; }
#logo { float: left; position: relative; top: 15px; left: 7px; width: 200px; height: 100px; }
#phone { float: left; position: relative; top: 47px; left: 496px; width: 222px; height: 28px; }
#menu { float: left; position: relative; top: 31px; left: 23px; width: 885px; height: 28px; text-align: left; }
.image { display: block; float: left; }
#menu a { text-decoration: none; }
#menu a:hover { color: yellow; text-decoration: none; }
/* body */
#body { width: 936px; background-color: #fff; margin-left: auto; margin-right: auto; overflow: hidden; }
/* index */
#iHolder { width: 916px; margin-left: auto; margin-right: auto; }
#iTop { width: 916px; height: 23px; background: url('../images/iTop.png') no-repeat; }
#iMain { width: 916px; background: #96c829 url('../images/iMain.png') no-repeat; overflow: hidden; }
#iBot { width: 916px; height: 23px; background: url('../images/iBot.png') no-repeat; }
#itTop { float: left; position: relative; top: 35px; left: 53px; width: 800px; height: 90px; text-align: left; }
#iMenu { float: left; position: relative; top: 37px; left: 49px; width: 820px; height: 166px; text-align: left; }
#itBot { float: left; position: relative; top: 72px; left: 63px; width: 425px; height: 245px; text-align: left; }
/* subpages */
#sHolder { width: 916px; margin-left: auto; margin-right: auto; }
#title { float: left; position: relative; top: 8px; left: 51px; width: 566px; height: 75px; text-align: left; }
#pdf { float: left; position: relative; top: -9px; left: 51px; width: 255px; height: 75px; }
/* what you need to do */
#wTop { width: 916px; height: 23px; background: url('../images/wTop.jpg') no-repeat; }
#wMain { width: 916px; background-color: #96c829; overflow: hidden; }
#wBot { width: 916px; height: 23px; background: url('../images/wBot.jpg') no-repeat; }
#wCopy { float: left; position: relative; top: -9px; left: 90px; width: 390px; text-align: left; }
#wRow1 { float: left; position: relative; top: 15px; left: 52px; width: 812px; text-align: left; margin-bottom: 15px; }
#wRow2 { float: left; position: relative; top: 15px; left: 52px; width: 812px; text-align: left; margin-bottom: 15px; }
#wRow3 { float: left; position: relative; top: 15px; left: 52px; width: 812px; text-align: left; margin-bottom: 15px; }
#wRow4 { float: left; position: relative; top: 15px; left: 52px; width: 812px; text-align: left; margin-bottom: 15px; }
#wRow5 { float: left; position: relative; top: 15px; left: 52px; width: 812px; height: 10px; text-align: left; }
#w1 { float: left; position: relative; top: 0px; left: 0px; width: 380px; text-align: left; background: url('../images/w1.jpg') no-repeat; }
#w2 { float: left; position: relative; top: 0px; left: 0px; width: 380px; text-align: left; background: url('../images/w2.jpg') no-repeat; }
#w3 { float: left; position: relative; top: 0px; left: 0px; width: 380px; text-align: left; background: url('../images/w3.jpg') no-repeat; }
#w4 { float: left; position: relative; top: 0px; left: 0px; width: 380px; text-align: left; }
#w5 { float: left; position: relative; top: 0px; left: 0px; width: 380px; text-align: left; background: url('../images/w4.jpg') no-repeat; margin-left: 50px; }
#w6 { float: left; position: relative; top: 0px; left: 0px; width: 380px; text-align: left; background: url('../images/w5.jpg') no-repeat; margin-left: 50px; }
#w7 { float: left; position: relative; top: 0px; left: 0px; width: 380px; text-align: left; background: url('../images/w6.jpg') no-repeat; margin-left: 50px; }
#w8 { float: left; position: relative; top: 0px; left: 0px; width: 380px; text-align: left; margin-left: 50px; }
/* how you need to do it */
#hTop { width: 916px; height: 23px; background: url('../images/hTop.jpg') no-repeat; }
#hMain { width: 916px; background-color: #F69301; overflow: hidden; }
#hBot { width: 916px; height: 23px; background: url('../images/hBot.jpg') no-repeat; }
#row1 { float: left; position: relative; top: 15px; left: 52px; width: 812px; text-align: left; margin-bottom: 15px; }
#row2 { float: left; position: relative; top: 15px; left: 52px; width: 812px; text-align: left; margin-bottom: 15px; }
#row3 { float: left; position: relative; top: 15px; left: 52px; width: 812px; text-align: left; margin-bottom: 15px; }
#row4 { float: left; position: relative; top: 15px; left: 52px; width: 812px; text-align: left; margin-bottom: 15px; }
#h1 { float: left; position: relative; top: 0px; left: 0px; width: 380px; text-align: left; background: url('../images/h1.jpg') no-repeat; }
#h2 { float: left; position: relative; top: 0px; left: 0px; width: 380px; text-align: left; background: url('../images/h2.jpg') no-repeat; }
#h3 { float: left; position: relative; top: 0px; left: 0px; width: 380px; text-align: left; background: url('../images/h3.jpg') no-repeat; }
#h4 { float: left; position: relative; top: 0px; left: 0px; width: 380px; text-align: left; background: url('../images/h4.jpg') no-repeat; }
#h5 { float: left; position: relative; top: 0px; left: 0px; width: 380px; text-align: left; background: url('../images/h5.jpg') no-repeat; margin-left: 50px; }
#h6 { float: left; position: relative; top: 0px; left: 0px; width: 380px; text-align: left; background: url('../images/h6.jpg') no-repeat; margin-left: 50px; }
#h7 { float: left; position: relative; top: 0px; left: 0px; width: 380px; text-align: left; background: url('../images/h7.jpg') no-repeat; margin-left: 50px; }
#h8 { float: left; position: relative; top: 0px; left: 0px; width: 380px; text-align: left; margin-left: 50px; }
.hMinHeight { float: left; position: relative; top: 0px; left: 0px; width: 1px; height: 96px; }
.hBulletPad { float: left; position: relative; top: 0px; left: 54px; width: 315px; }
#row5 { float: left; position: relative; top: 15px; left: 52px; width: 807px; height: 120px; text-align: left; margin-bottom: 6px; margin-top: 8px; }
#row6 { float: left; position: relative; top: 15px; left: 52px; width: 807px; height: 120px; text-align: left; margin-bottom: 6px; margin-top: 2px; }
#row7 { float: left; position: relative; top: 15px; left: 52px; width: 807px; height: 120px; text-align: left; margin-bottom: 6px; margin-top: 2px; }
#row8 { float: left; position: relative; top: 15px; left: 52px; width: 807px; height: 120px; text-align: left; margin-bottom: 6px; margin-top: 2px; }
#row9 { float: left; position: relative; top: 15px; left: 52px; width: 807px; height: 130px; text-align: left; margin-top: 2px; }
#row10 { float: left; position: relative; top: 15px; left: 52px; width: 807px; height: 10px; text-align: left; }
/* our solutions */
#oTop { width: 916px; height: 23px; background: url('../images/oTop.jpg') no-repeat; }
#oMain { width: 916px; background-color: #D6A23C; overflow: hidden; }
#oBot { width: 916px; height: 23px; background: url('../images/oBot.jpg') no-repeat; }
#oCopy { float: left; position: relative; top: -9px; left: 90px; width: 350px; text-align: left; }
#oBoxHolders { float: left; position: relative; top: 15px; left: 20px; width: 900px; height: 810px; }
#oBoxOuter1 { float: left; position: relative; top: 0px; left: 0px; width: 433px; height: 800px; }
#oBox1 { width: 431px; height: 783px; text-align: left; border: 1px solid #fff; background: url('../images/oBox1.gif') no-repeat; }
#oBox1Title { float: left; position: relative; top: 25px; left: 9px; width: 417px; height: 53px; }
#oBox1Headings1 { float: left; position: relative; top: 35px; left: 9px; width: 200px; height: 20px; }
#oBox1Headings2 { float: left; position: relative; top: 35px; left: 23px; width: 200px; height: 20px; }
#oBox1Image1 { float: left; position: relative; top: 55px; left: 2px; width: 207px; height: 376px; background: url('../images/oImage1.jpg') no-repeat; }
#oBox1Image2 { float: left; position: relative; top: 55px; left: 12px; width: 207px; height: 376px; background: url('../images/oImage2.jpg') no-repeat; }
#oBox1Text1 { float: left; position: relative; top: 63px; left: 9px; width: 195px; height: 245px; }
#oBox1Text2 { float: left; position: relative; top: 63px; left: 27px; width: 195px; height: 245px; }
#oBoxOuter2 { float: left; position: relative; top: 0px; left: 10px; width: 433px; height: 800px; }
#oBox2 { width: 431px; height: 783px; text-align: left; border: 1px solid #fff; background: url('../images/oBox2.gif') no-repeat; }
#oBox2Title { float: left; position: relative; top: 25px; left: 9px; width: 417px; height: 53px; }
#oBox2Headings1 { float: left; position: relative; top: 35px; left: 9px; width: 200px; height: 20px; }
#oBox2Headings2 { float: left; position: relative; top: 35px; left: 23px; width: 200px; height: 20px; }
#oBox2Image1 { float: left; position: relative; top: 55px; left: 2px; width: 207px; height: 376px; background: url('../images/oImage3.jpg') no-repeat; }
#oBox2Image2 { float: left; position: relative; top: 55px; left: 12px; width: 207px; height: 376px; background: url('../images/oImage4.jpg') no-repeat; }
#oBox2Text1 { float: left; position: relative; top: 63px; left: 9px; width: 195px; height: 245px; }
#oBox2Text2 { float: left; position: relative; top: 63px; left: 27px; width: 195px; height: 245px; }
/* Defra aproved chemicals */
#dTop { width: 916px; height: 23px; background: url('../images/dTop.jpg') no-repeat; }
#dMain { width: 916px; background-color: #9AB95C; overflow: hidden; }
#dBot { width: 916px; height: 23px; background: url('../images/dBot.jpg') no-repeat; }
#dCopy { float: left; position: relative; top: -9px; left: 90px; width: 700px; text-align: left; }
#dPdf { float: left; position: relative; top: -9px; left: 86px; width: 428px; height: 89px; }
/* FAQ's */
#fTop { width: 916px; height: 23px; background: url('../images/fTop.jpg') no-repeat; }
#fMain { width: 916px; background-color: #D6A23C; overflow: hidden; }
#fBot { width: 916px; height: 23px; background: url('../images/fBot.jpg') no-repeat; }
#fCopy { float: left; position: relative; top: -9px; left: 90px; width: 700px; text-align: left; }
/* contact us */
#cMain { width: 916px; background-color: #96c829; overflow: hidden; }
/* footer */
#footer { width: 936px; height: 65px; background: #fff url('../images/footer.png') no-repeat; margin-left: auto; margin-right: auto; clear: both; overflow: hidden; }
/* text */
#menu a { display: block; float: left; position: relative; top: 6px; color: #fff; font-weight: bold; font-size: 11px; }
.medTxt { font-size: 1.1em; }
/* 'force scrollbar' hack for Firefox */
#scroll { position:absolute; top:0; bottom:-0.1px; width:1em; z-index:-1; }