/* Site design by AFM Software Solutions Limited  */
/* Site designer Neil Harrison                  */
/* Contact AFM at info@afmss.co.uk                */

/* Light direction      135 Degrees, height 30    */
/* Plum colour          #7B0041                   */



BODY {
  background-color:            #FFFFFF;
  font-family:                 arial, sans-serif;
  margin:                      0px;
  border:                      0px;
  padding:                     0px;
  background-image:            url("birchtree-watermark.jpg");
  background-repeat:           no-repeat;
  background-position:         53px 115px;
  background-attachment:       fixed}

TD {
  vertical-align:              top;
  margin:                      0px;
  border:                      0px;
  padding:                     0px}

TD.BulletPointTable {
  width:                       50%}
 
IMG {
  margin:                      0px;
  border:                      0px;
  padding:                     0px}

FORM {
  margin:                      0px;
  border:                      0px;
  padding:                     0px}

P {
  text-align:                  left;
  font-size:                   100%;
  color:                       #000066;
  font-weight:                 normal;
  background-color:            transparent;
  margin:                      0px;
  border:                      0px;
  padding-top:                 10px;
  padding-left:                20px;
  padding-right:               20px;
  padding-bottom:              0px}

P.FirstParagraph {
  padding-top:                          0px}

H1 {
  text-align:                           center;
  font-size:                            140%;
  font-weight:                          bold;
  color:                                        #000066;
  background-color:                     transparent;
  margin-top:                           10px;
  margin-bottom:                        20px;
  margin-left:                          20px;
  margin-right:                 20px;
  border:                                       0px;
  padding:                              0px}

H2 {
  text-align:                           left;
  font-size:                            110%;
  font-weight:                          bold;
  color:                                #000066;
  background-color:                     transparent;
  margin-top:                           30px;
  margin-bottom:                        0px;
  margin-left:                          20px;
  margin-right:                         20px;
  border:                               0px;
  padding:                              0px}

H3 {
  text-align:                           left;
  font-size:                            100%;
  font-weight:                          bold;
  color:                                #000066;
  background-color:                     transparent;
  margin-top:                           30px;
  margin-bottom:                        0px;
  margin-left:                          20px;
  margin-right:                         20px;
  border:                               0px;
  padding:                              0px}

HR {
  width:                                        90%;
  color:                                        #000066;
  padding-top:                          0px;
  padding-left:                 20px;
  padding-right:                        20px;
  padding-bottom:                       2px;
  margin:                                       0px;
  border:                                       0px}

UL {
  list-style-image:             url("bullet-point.jpg");
  list-style-position:          outside;
  margin:                                       0px;
  padding-top:                                  10px;
  padding-left:                                 60px;
  padding-right:                                100px;
  padding-bottom:                               0px;
  border:                                       0px}

UL.Level2 {
  margin:                                       0px;
  padding-top:                                  15px;
  padding-left:                                 20px;
  padding-right:                                20px;
  padding-bottom:                               5px;
  border:                                       0px}

OL {
  margin:                               0px;
  padding-top:                          15px;
  padding-left:                         50px;
  padding-right:                        20px;
  padding-bottom:                       0px;
  border:                               0px}

LI {
  color:                                        #000066;
  margin:                                       0px;
  padding-top:                                  0px;
  padding-left:                                 0px;
  padding-right:                                0px;
  padding-bottom:                               10px;
  border:                                       0px}

A:link {
  color:                                        #000066;
  text-decoration:                              none}

A:visited {
  color:                                        #000066;
  text-decoration:                              none}

A:active {
  color:                                        #000066;
  text-decoration:                              none}

A:hover {
  color:                                        #000000;
  text-decoration:                              underline}

TD.SpacerCell30 {
  height:                                       30px}

TD.SpacerCell10 {
  height:                                       10px}

IMG.FloatRight {
  float:                        right;
  margin-top:                   20px;
  margin-left:                  30px;
  margin-right:                 20px;
  margin-bottom:                0px}

IMG.FloatLeft {
  float:                        left;
  margin-top:                   20px;
  margin-left:                  30px;
  margin-right:                 20px;
  margin-bottom:                0px}
  
IMG.FloatRightHome {
  float:                        right;}
  
IMG.FloatRightHS{
  float:                        right;
  margin-top:                   0px;
  margin-left:                  0px;
  margin-right:                 480px;
  margin-bottom:                0px}
  
TD.Con {                     
  width:                        430px;
  padding-top:                  10px;
  padding-left:                 20px;}
  
IMG.FloatLeftCon{
  float:                        left}
  



/* Top Page Layout */
/* --------------- */

TABLE.TopPageLayout {
  background-repeat:                            repeat;
  background-image:                             url("top-title-background.jpg");
  table-layout:                                 fixed}

TD.TopPageLayoutColumn1 {
  height:                                       20px;
  width:                                        233px;
  background-repeat:                            repeat;
  background-image:                             url("top-title-background.jpg")}

TD.TopPageLayoutColumn2  {
  background-repeat:                            repeat;
  background-image:                             url("top-title-background.jpg")}

TD.TopPageLayoutColumn3 {
  width:                                        20px;
  background-repeat:                            repeat;
  background-image:                             url("top-title-background.jpg")}

TD.BannerCurveLeft {
  width:                                        20px;
  height:                                       80px;
  background-repeat:                            no-repeat;
  background-position:                          0px 0px;
  background-image:                             url("banner-curve-left.gif")}

TD.TopPageLayoutTitleBlock {
  padding-left:                                 20px;
  padding-bottom:                               10px;
  background-repeat:                            repeat;
  background-image:                             url("top-title-background.jpg")}

TD.BannerCurveRight {
  width:                                        20px;
  height:                                       80px;
  background-repeat:                            no-repeat;
  background-position:                          1px 0px;
  background-image:                             url("banner-curve-right.gif")}

TD.TopPageLayoutPictureContainer {
  background-repeat:                            repeat-x;
  background-position:                          -3px 0px;
  background-image:                             url("animated-banner-2.gif")}

TD.TopPageLayoutLogo {
  background-repeat:                            repeat;
  background-image:                             url("top-title-background.jpg")}

TABLE.TopPageLayoutAnimatedBanner {
  table-layout:                                 fixed}

TD.TopPageLayoutAnimatedPicture {}

TABLE.TopPageLayoutBottomEdge {
  table-layout:                                 fixed}

TD.TopPageBottomEdge {
  height:                                       30px;
  background-repeat:                            repeat-x;
  background-image:                             url("top-title-bottom-edge.jpg")}

TD.TopPageBottomCorner {
  width:                                        29px;
  background-repeat:                            no-repeat;
  background-image:                             url("top-title-bottom-corner.jpg")}

TD.TopPageBottomSpacer {
  width:                                        250px;
  background-repeat:                            repeat;
  background-image:                             url("top-title-background.jpg")}


/* Main page layout */
/* ---------------- */

TABLE.PageContents {
  table-layout:                                 fixed}

TD.PageContents {}

TD.SideColumn {
  width:                                        255px}

/* Menu border */
/* ----------- */

TABLE.MenuBorder {
  table-layout:                                 fixed}

TD.MenuLeft {
  width:                                        5px;
  background-repeat:                            repeat-y;
  background-image:                             url("menu-left.jpg")}

TD.MenuCell {
  padding-left:                                 10px;
  background-repeat:                            repeat;
  background-image:                             url("top-title-background.jpg")}

TD.MenuBottomEdgeLeft {
  height:                                       20px;
  width:                                        20px;
  background-repeat:                            no-repeat;
  background-image:                             url("menu-bottom-edge-left.jpg")}

TD.MenuBottomEdge {
  background-repeat:                            repeat-x;
  background-image:                             url("menu-bottom-edge.jpg")}

/* Main page contents */
/* ------------------ */

IMG.UnderMenu {
  margin-top:                           30px;
  margin-left:                          20px;
  margin-right:                         10px;
  margin-bottom:                        0px}

/* Menu */
/* ---- */

HR.Menu {
  color:                                        #000066;
  width:                                        100%;
  height:                                       2px;
  margin-left:                          15px;
  margin-right:                 15px}

P.MenuEntryLevel1 {
  color:                                        #000066;
  font-size:                            100%;
  font-weight:                          bold;
  padding-top:                          2px;
  padding-left:                 13px;
  padding-right:                        0px;
  padding-bottom:                       0px}

P.MenuEntryLevel1Selected {
  color:                                        #000066;
  font-size:                            100%;
  font-weight:                          bold;
  padding-top:                          2px;
  padding-left:                 0px;
  padding-right:                        0px;
  padding-bottom:                       0px}

P.MenuEntryLevel2 {
  color:                                        #000066;
  font-size:                            90%;
  font-weight:                          bold;
  padding-top:                          2px;
  padding-left:                 28px;
  padding-right:                        0px;
  padding-bottom:                       0px}

P.MenuEntryLevel2Selected {
  color:                                        #000066;
  font-size:                            90%;
  font-weight:                          bold;
  padding-top:                          2px;
  padding-left:                 15px;
  padding-right:                        0px;
  padding-bottom:                       0px}

A.Menu:link {
  color:                                        #000066;
  text-decoration:                      none}

A.Menu:visited {
  color:                                        #000066;
  text-decoration:                      none}

A.Menu:active {
  color:                                        #000066;
  text-decoration:                      underline}

A.Menu:hover {
  color:                                        #FFFFFF;
  text-decoration:                      underline}

/* Top contact details */
/* ------------------- */

TD.TopContactDetails {
  padding-top:                          10px;
  padding-left:                 5px;
  padding-right:                        0px;
  padding-bottom:                       0px}


P.TopContactDetailsAddress {
  color:                                        #000066;
  font-size:                            12pt;
  font-weight:                          bold;
  padding-top:                          3px;
  padding-left:                 10px;
  padding-right:                        0px;
  padding-bottom:                       3px}

P.TopContactDetailsTelephone {
  color:                                        #000066;
  font-size:                            12pt;
  font-weight:                          bold;
  padding-top:                          3px;
  padding-left:                 10px;
  padding-right:                        0px;
  padding-bottom:                       3px}

P.TopContactDetailsEmail {
  color:                                        #000066;
  font-size:                            12pt;
  font-weight:                          bold;
  padding-top:                          3px;
  padding-left:                 10px;
  padding-right:                        0px;
  padding-bottom:                       3px}

A.TopContactDetails:link {
  color:                                        #000066;
  text-decoration:                      none}

A.TopContactDetails:visited {
  color:                                        #000066;
  text-decoration:                      none}

A.TopContactDetails:active {
  color:                                        #000066;
  text-decoration:                      underline}

A.TopContactDetails:hover {
  color:                                        #FFFFFF;
  text-decoration:                      underline}

/* PDF links */
/* --------- */

TABLE.PDFDocumentLink {
  table-layout:                                 fixed}

TD.PDFLink {
  vertical-align:                               center;
  padding-top:                                  0px;
  padding-left:                                 0px;
  padding-right:                                0px}

TD.PDFPic {
  width:                                        110px;
  padding-top:                                  0px;
  padding-left:                                 0px;
  padding-right:                                0px}

P.PDF {
  color:                                #000066;
  font-size:                            12pt;
  font-weight:                          bold;
  padding-top:                          0px;
  padding-left:                         20px;
  padding-right:                        0px;
  padding-bottom:                       0px}

IMG.PDFPic {
  margin-top:                           30px;
  margin-left:                          65px;
  margin-right:                         10px;
  margin-bottom:                        0px}

A.PDFLink:link {
  color:                                        #000066;
  text-decoration:                      none}

A.PDFLink:visited {
  color:                                        #000066;
  text-decoration:                      none}

A.PDFLink:active {
  color:                                        #000066;
  text-decoration:                      underline}

A.PDFLink:hover {
  color:                                        #000066;
  text-decoration:                      underline}


/* Contact us form */
/* --------------- */

TD.ContactForm {
  text-align:                           left;
  vertical-align:                       middle;
  background-color:                     #000066}

TD.ContactFormSpacer {
  height:                                       10px;
  background-color:                     #000066}

TD.ContactFormColumn1 {
  width:                                        10px;
  height:                                       40px}

TD.ContactFormColumn2 {
  width:                                        200px}

TD.ContactFormColumn3 {
  width:                                        280px}

TD.ContactFormColumn4 {
  width:                                        10px}

TD.ContactFormShadowTopRight {
  height:                                       10px;
  background-image:                     url("shadow-top-right.jpg");
  background-repeat:            no-repeat}

TD.ContactFormShadowRight {
  background-image:                     url("shadow-right.jpg");
  background-repeat:            repeat-y}

TD.ContactFormShadowBottomLeft {
  height:                                       10px;
  background-image:                     url("shadow-bottom-left.jpg");
  background-repeat:            no-repeat}

TD.ContactFormShadowBottom {
  background-image:                     url("shadow-bottom.jpg");
  background-repeat:            repeat-x}

TD.ContactFormShadowBottomRight {
  background-image:                     url("../elements/shadow-bottom-right.jpg");
  background-repeat:            no-repeat}

P.ContactForm {
  color:                                        #FFFFFF;
  border:                                       0px;
  padding:                              0px;
  margin:                                       0px}

INPUT.ContactFormDetailsBox {
  width:                                        260px}

INPUT.ContactFormDetailsBoxPostcode {
  width:                                        130px}

TEXTAREA.ContactFormDetailsBox {
  width:                                        260px}

TD.ContactFormButton {
  text-align:                           center;
  vertical-align:                       middle;
  background-color:                     #000066}

/* Health and safety page  */
/* ----------------------- */

TD.TopPageLayoutPictureContainerHS {
  background-repeat:                            repeat-x;
  background-position:                          -3px 0px;
  background-image:                             url("health-and-safety-banner.gif")}

/* Chemical risk assessment page  */
/* ------------------------------ */

TD.TopPageLayoutPictureContainerCR {
  background-repeat:                            repeat-x;
  background-position:                          -3px 0px;
  background-image:                             url("chemical-risk-banner.gif")}

/* Chemical advice page  */
/* --------------------- */

TD.TopPageLayoutPictureContainerCA {
  background-repeat:                            repeat-x;
  background-position:                          -3px 0px;
  background-image:                             url("chemical-advice-banner.gif")}

/* Consultants page */
/* ---------------- */

HR.CV {
  color:                                        #000066;
  width:                                        95%;
  height:                                       2px;
  margin-left:                                  5px;
  margin-right:                                 5px}

TD.CVBody1 {
  font-size:                            12pt;
  font-weight:                          normal;
  padding-top:                          0px;
  padding-left:                         20px;
  padding-right:                        0px;
  padding-bottom:                       0px}

H3.CV {
  text-align:                           left;
  font-size:                            130%;
  font-weight:                          bold;
  color:                                #000066;
  background-color:                     transparent;
  margin-top:                           30px;
  margin-bottom:                        0px;
  margin-left:                          20px;
  margin-right:                         20px;
  border:                               0px;
  padding:                              0px}

/* Useful links page */
/* ----------------- */

H3.LinkTitle {
  text-align:                           left;
  margin-top:                           0px;
  margin-right:                 10px;
  margin-bottom:                        0px;
  margin-left:                          0px;
  padding:                              0px;
  border:                                       0px}

P.LinkDescription {
  margin-top:                           0px;
  margin-right:                 10px;
  margin-bottom:                        25px;
  margin-left:                          0px;
  padding:                              0px;
  border:                                       0px}

/* Web site map */
/* ------------ */

H2.SiteMap {
  text-align:                           left;
  font-size:                            110%;
  font-weight:                          bold;
  color:                                #000066;
  background-color:                     transparent;
  margin-top:                           30px;
  margin-bottom:                        0px;
  margin-left:                          20px;
  margin-right:                         20px;
  border:                               0px;
  padding:                              0px}

A.SiteMap:link {
  color:                                #000066;
  text-decoration:                      none}

A.SiteMap:visited {
  color:                                        #000066;
  text-decoration:                      none}

A.SiteMap:active {
  color:                                        #000066;
  text-decoration:                      underline}

A.SiteMap:hover {
  color:                                        #000000;
  text-decoration:                      underline}

/* How to find us map */
/* ---------------------- */

IMG.Map  {
  margin-top:                           40px;
  margin-left:                          20px;
  margin-right:                 20px;
  margin-bottom:                        10px}

LI.Map {
  padding-top:                          7px;
  padding-bottom:                       7px}

P.MapLink {
  font-weight:                          bold}

/* Bottom contact details */
/* ---------------------- */

HR.BottomHorizontalRule {
  margin-top:                           20px;
  margin-bottom:                        0px;

TD.BottomContactDetails {
  padding-top:                          0px;
  padding-left:                         20px;
  padding-right:                        20px;
  padding-bottom:                       0px}

P.BottomContactDetailsLine1 {
  text-align:                           center;
  color:                                #000066;
  font-size:                            90%;
  font-weight:                          normal;
  padding-top:                          10px;
  padding-left:                         0px;
  padding-right:                        0px;
  padding-bottom:                       3px}

P.BottomContactDetailsLine2 {
  text-align:                           center;
  color:                                #000066;
  font-size:                            90%;
  font-weight:                          normal;
  padding-top:                          3px;
  padding-left:                 0px;
  padding-right:                        0px;
  padding-bottom:                       3px}

P.BottomContactDetailsLine3 {
  text-align:                           center;
  color:                                        #000066;
  font-size:                            70%;
  font-weight:                          normal;
  padding-top:                          3px;
  padding-left:                 0px;
  padding-right:                        0px;
  padding-bottom:                       20px}

P.AFMContactDetails {
  text-align:                           center;
  color:                                #000066;
  font-size:                            80%;
  font-weight:                          normal;
  padding-top:                          0px;
  padding-left:                         0px;
  padding-right:                        0px;
  padding-bottom:                       15px}

A.BottomContactDetails:link {
  color:                                #000066;
  text-decoration:                      none}

A.BottomContactDetails:visited {
  color:                                        #000066;
  text-decoration:                      none}

A.BottomContactDetails:active {
  color:                                        #000066;
  text-decoration:                      underline}

A.BottomContactDetails:hover {
  color:                                        #00000;
  text-decoration:                      underline}