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

/* Main colour          #0033CC                  */
/* Background colour    #E3E8F8                  */
/* Light direction      135 Degrees, height 30   */


BODY {
  background-color:             #E3E8F8;
  font-family:                  arial, sans-serif;
  padding-top:                  0px;
  padding-left:                 10px;
  padding-right:                0px;
  padding-bottom:               20px}

TD {
  margin:                       0px;
  border:                       0px;
  padding:                      0px}
 
IMG {
  margin:                       0px;
  border:                       0px;
  padding:                      0px}

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

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

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

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

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

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

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

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

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

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

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

HR {
  width:                        90%;
  color:                        0033CC;
  margin-top:                   10px;
  margin-bottom:                10px}

TD.SpacerCell10 {
  width:                        10px;
  height:                       10px}

TD.SpacerCell30 {
  width:                        30px;
  height:                       30px}

TD.SpacerCell50 {
  height:                       50px;
  width:                        50px}


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

TABLE.PageLayout {
  table-layout:                 fixed}

TD.LogoCell {
  text-align:                   center;
  vertical-align:               middle;
  width:                        200px}

TD.TopPicturesCell {
  height:                       167px;
  padding-left:                 5px;
  padding-right:                5px}

TD.MenuCellHomePage  {
  text-align:                   center;
  vertical-align:               top;
  background-image:             url("side-panel.jpg");
  background-repeat:            repeat-y}

TD.MenuCell {
  text-align:                   center;
  vertical-align:               top}

TD.ContentCell {
  vertical-align:               top;
  padding-top:                  5px;
  padding-left:                 20px;
  padding-right:                25px;
  padding-bottom:               5px}

TD.BottomContactDetailsCell {
  height:                       50px;
  text-align:                   center;
  vertical-align:               middle;
  margin:                       0px;
  border:                       0px;
  padding:                      0px}


/* Top pictures */
/* ------------ */

TD.TopIndividualPictureCell1 {
  vertical-align:               top;
  background-image:             url("picture1-background.jpg");
  background-repeat:            no-repeat}

TD.TopIndividualPictureCell2 {
  vertical-align:               top;
  background-image:             url("picture2-background.jpg");
  background-repeat:            no-repeat}

TD.TopIndividualPictureCell3 {
  vertical-align:               top;
  background-image:             url("picture3-background.jpg");
  background-repeat:            no-repeat}

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

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

TD.TopIndividualPictureBottomRightCell {
  width:                        10px;
  background-image:             url("shadow-bottom-right.jpg");
  background-repeat:            no-repeat}

TD.TopPicturesCellSpacer {      
  width:                        10px}


/* Contact details box */
/* ------------------- */

TABLE.ContactDetails {
  width:                        200px;
  table-layout:                 fixed}

TD.ContactDetailsTopSpacer {
  height:                       10px;
  width:                        18px}

TD.ContactDetailsTopLeft {
  background-image:             url("top-blue-top-left.jpg");
  width:                        18px;
  height:                       18px;
  background-repeat:            no-repeat}

TD.ContactDetailsTop {
  width:                        auto;
  background-image:             url("top-blue-top.jpg");
  background-repeat:            repeat-x}

TD.ContactDetailsTopRight {
  background-image:             url("top-blue-top-right.jpg");
  width:                        28px;
  background-repeat:            no-repeat}

TD.ContactDetailsLeft {
  background-image:             url("top-blue-left.jpg");
  background-repeat:            repeat-y}

TD.ContactDetailsCompanyName {
  background-color:             #FFFFFF}

P.ContactDetailsCompanyName {
  text-align:                   center;
  font-weight:                  bold;
  font-size:                    15pt;
  padding:                      0px}

TD.ContactDetailsPhoneNumber {
  background-color:             #FFFFFF}

P.ContactDetailsPhoneNumber {
  text-align:                   center;
  font-weight:                  bold;
  font-size:                    14pt;
  padding:                      0px}

TD.ContactDetailsEmail {
  background-color:             #FFFFFF}

P.ContactDetailsEmail {
  text-align:                   center;
  font-weight:                  bold;
  font-size:                    13pt;
  padding:                      0px}

TD.ContactDetailsRight {
  background-image:             url("top-blue-right.jpg");
  background-repeat:            repeat-y}

TD.ContactDetailsBottomLeft {
  height:                       33px;
  background-image:             url("top-blue-bottom-left.jpg");
  background-repeat:            no-repeat}

TD.ContactDetailsBottom {
  background-image:             url("top-blue-bottom.jpg");
  background-repeat:            repeat-x}

TD.ContactDetailsBottomRight {
  background-image:             url("top-blue-bottom-right.jpg");
  background-repeat:            no-repeat}
  

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

TD.ButtonGeneralCell {
  background-image:             url("button-general.jpg");
  background-repeat:            repeat;}
  
TD.ButtonHealthAndSafetyCell {
  background-image:             url("button-health-safety.jpg");
  background-repeat:            repeat}

TD.ButtonEnvironmentCell {
  background-image:             url("button-environment.jpg");
  background-repeat:            repeat}

TD.ButtonTrainingCell {
  background-image:             url("button-training.jpg");
  background-repeat:            repeat}

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

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

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

TD.ButtonSpacer {
  height:                       5px}

P.ButtonText {
  font-size:                    100%;
  font-weight:                  normal;
  color:                        #FFFFFF;
  text-align:                   left;
  padding-top:                  5px;
  padding-left:                 5px;
  padding-right:                5px;
  padding-bottom:               5px}

P.ButtonTextSelected {
  font-size:                    100%;
  font-weight:                  bold;
  color:                        #FFFFFF;
  text-align:                   left;
  padding-top:                  5px;
  padding-left:                 5px;
  padding-right:                5px;
  padding-bottom:               5px}

P.SubButtonText {
  font-size:                    90%;
  font-weight:                  normal;
  color:                        #FFFFFF;
  text-align:                   left;
  padding-top:                  0px;
  padding-left:                 20px;
  padding-right:                0px;
  padding-bottom:               5px}

P.SubButtonTextSelected {
  font-size:                    90%;
  font-weight:                  bold;
  color:                        #FFFFFF;
  text-align:                   left;
  padding-top:                  0px;
  padding-left:                 5px;
  padding-right:                0px;
  padding-bottom:               5px}

A.MenuText:link {
  color:                        #FFFFFF;
  text-decoration:              none}

A.MenuText:visited {
  color:                        #FFFFFF;
  text-decoration:              none}

A.MenuText:active {
  color:                        #FFFFFF;
  text-decoration:              underline}

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

IMG.AffilliateLogo {
  margin-top:                   10px;
  margin-left:                  0px;
  margin-right:                 0px;
  margin-bottom:                0px}

/* bottom contact details */
/* ---------------------- */

P.BottomContactDetails {
  text-align:                   center;
  font-size:                    100%;
  font-weight:                  bold;
  color:                        #000000;
  margin:                       0px;
  border:                       0px;
  padding-top:                  10px}

P.BottomCompanyDetails {
  text-align:                   center;
  font-size:                    100%;
  font-weight:                  normal;
  color:                        #000000;
  margin:                       0px;
  border:                       0px;
  padding-top:                  10px}


/* Home page */
/* --------- */

P.TextLink {
  font-weight:                  bold}

TD.ContactDetailsReviewAdvert {
  background-color:             #ffffff;
  margin:                       0px;
  border:                       0px;
  padding:                      0px}

A.ReviewAdvert:link {
  color:                        #ffffff;
  background-color:             #ffffff;
  margin:                       0px;
  border:                       0px;
  padding:                      0px}

A.ReviewAdvert:visited {
  color:                        #ffffff;
  background-color:             #ffffff;
  margin:                       0px;
  border:                       0px;
  padding:                      0px}

A.ReviewAdvert:active {
  color:                        #ffffff;
  background-color:             #ffffff;
  margin:                       0px;
  border:                       0px;
  padding:                      0px}

A.ReviewAdvert:hover {
  color:                        #ffffff;
  background-color:             #ffffff;
  margin:                       0px;
  border:                       0px;
  padding:                      0px}
                        

/* Heading in the H & S Review */
/* --------------------------- */

TD.HeadingAnswerYes {
  width:                        100px;
  height:                       20px;
  vertical-align:               middle}

P.HeadingAnswerYes {
  text-align:                   center;
  font-weight:                  bold;
  margin:                       0px;
  border:                       0px;
  padding:                      0px} 

TD.HeadingAnswerNo {
  width:                        100px;
  vertical-align:               middle}

P.HeadingAnswerNo {
  text-align:                   center;
  font-weight:                  bold;
  margin:                       0px;
  border:                       0px;
  padding:                      0px}

TD.HeadingAnswerDontKnow {
  width:                        100px;
  vertical-align:               middle}

P.HeadingAnswerDontKnow {
  text-align:                   center;
  font-weight:                  bold;
  margin:                       0px;
  border:                       0px;
  padding:                      0px}



/* Questions in the H & S Review */
/* ----------------------------- */
TD.QuestionNumber {
  width:                        80px;
  height:                       40px;
  vertical-align:               top;
  padding-top:                  10px;
  padding-left:                 20px}

P.QuestionNumber {
  font-weight:                  bold;
  margin:                       0px;
  border:                       0px;
  padding:                      0px}

TD.QuestionText {
  padding-top:                  10px;
  vertical-align:               top}

P.QuestionText {
  margin:                       0px;
  border:                       0px;
  padding:                      0px}


/* Answer buttons in the H & S Review */
/* ----------------------------------*/

TD.QuestionAnswerYes {
  background-image:             url("question.jpg");
  background-repeat:            no-repeat;
  background-position:          center;
  text-align:                   center;
  vertical-align:               middle}

TD.QuestionAnswerNo {
  background-image:             url("question.jpg");
  background-repeat:            no-repeat;
  background-position:          center;
  text-align:                   center;
  vertical-align:               middle}

TD.QuestionAnswerDontKnow {
  background-image:             url("question.jpg");
  background-repeat:            no-repeat;
  background-position:          center;
  text-align:                   center;
  vertical-align:               middle}

TD.SubmitButton {
  padding-top:                  30px;
  padding-bottom:               30px;
  text-align:                   center}


/* Answers in the H & S Review */
/* ----------------------------*/

P.QuestionTextRepeat {
  color:                        #0033cc;
  font-style:                   italic;
  padding-bottom:               15px;}

P.Feedback {
  padding-bottom:               20px}

/* Heading for the Contact Us Form */
/* ------------------------------- */

INPUT.ContactDetailsBox {
  width:                        300px}

INPUT.ContactDetailsPostcodeBox {
  width:                        100px}

TEXTAREA.ContactDetailsTextBox {
  width:                        300px}

P.ContactForm { 
  font-weight:                  bold;
  color:                        #FFFFFF;
  margin-top:                   5px;
  margin-bottom:                5px;
  margin-left:                  0px;
  margin-right:                 30px;
  border:                       0px;
  padding:                      0px}

TD.ContactDetailsCheckBox {
  text-align:                   center}

TD.ContactDetailsButton {
  text-align:                   center}


/* Colour background on the Contact Us Form */
/* ---------------------------------------- */

TD.FormColumn1 {
  width:                        10px;
  height:                       50px}

TD.FormColumn2 {
  width:                        10px}

TD.FormColumn3 {
  width:                        auto}

TD.FormColumn4 {
  width:                        10px}

TD.FormRow2 {
  height:                       10px}

TD.FormBackground {
  text-align:                   center;
  padding:                      20px;
  background-color:             #0000FF}

TD.FormShadowTopRightCorner { 
  background-image:             url("shadow-top-right.jpg")}

TD.FormRow3 {
  height:                       100px}

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

TD.FormRow4 {
  height:                       50px}

TD.FormShadowBottomLeftCorner { 
  background-image:             url("shadow-bottom-left.jpg");
  background-repeat:            no-repeat}

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

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


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

H3.LinkTitle {
  font-size:            100%;
  font-weight:          bold;
  text-decoration:      none;
  text-align:           left;
  margin-top:           0px;
  margin-right:         10px;
  margin-bottom:        0px;
  margin-left:          0px;
  padding:              0px;
  border:               0px}

P.LinkCategoryList {
  margin-bottom:        30px;
  font-weight:          bold}

P.LinkDescription {
  font-size:            100%;
  font-weight:          normal;
  text-decoration:      none;
  text-align:           left;
  margin-top:           0px;
  margin-right:         10px;
  margin-bottom:        25px;
  margin-left:          0px;
  padding:              0px;
  border:               0px}


/* web site map */
/* -------------*/

A.WebMapText {
  font-weight:                  bold;
  color:                        #000000}

LI.webMapTextSpacing {
margin-top:                     20px;
margin-bottom:                  20px;
padding-left:                   10px}

P.WebSiteMapSubOne {
  font-weight:                  normal;
  color:                        #000000;
  margin-top:                   0px;
  padding-left:                 10px}
  
TABLE.TwitterLayout {
  table-layout:                 fixed}

TD.HomeTopSection {
  text-align:                   left;
  width:                        70%}
  
TD.HomeTopTwitter {
  text-align:                   right;
  width:                        30%}