/*

       ************************************
      **************************************
     ****                                ****
    ****                                  ****
    ****         STANDARD STYLES          ****
    ****                                  ****
     ****                                ****
      **************************************
       ************************************

*/



/* Generic classes */
/* =============== */

BODY {
  font-family:                          arial, arial black, comic sans ms, courier new, georgia,
                                        impact, palatino, times new roman, trebuchet ms, verdana;
  font-size:                            90%;
  font-weight:                          normal;
  color:                                #222222}

P {
  padding-top:                          10px;
  padding-left:                         10px;
  padding-right:                        10px;
  padding-bottom:                       0px}

P.Quote {
  text-align:                           center;
  font-size:                            110%;
  font-weight:                          bold;
  padding-top:                          30px;
  padding-left:                         30px;
  padding-right:                        30px;
  padding-bottom:                       0px}

A:link {
  color:                                #222222;
  text-decoration:                      none}
A:visited {
  color:                                #222222;
  text-decoration:                      none}
A:active {
  color:                                #222222;
  text-decoration:                      underline}
A:hover {
  color:                                #222222;
  text-decoration:                      underline}

IMG.FloatLeft {
  float:                                left;
  margin-top:                           20px;
  margin-left:                          10px;
  margin-right:                         20px;
  margin-bottom:                        20px}

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

H1 {
  text-align:                           center;
  color:                                #222222;
  font-size:                            130%;
  font-weight:                          bold;
  padding-top:                          20px;
  padding-left:                         10px;
  padding-right:                        10px;
  padding-bottom:                       10px}

A.H1:link {
  color:                                #222222;
  text-decoration:                      none}
A.H1:visited {
  color:                                #222222;
  text-decoration:                      none}
A.H1:active {
  color:                                #222222;
  text-decoration:                      none}
A.H1:hover {
  color:                                #222222;
  text-decoration:                      none}

H2 {
  text-align:                           left;
  color:                                #222222;
  font-size:                            110%;
  font-weight:                          bold;
  padding-top:                          30px;
  padding-left:                         10px;
  padding-right:                        10px;
  padding-bottom:                       0px}

H3 {
  text-align:                           left;
  color:                                #222222;
  font-size:                            105%;
  font-weight:                          bold;
  padding-top:                          20px;
  padding-bottom:                       0px;
  padding-left:                         10px;
  padding-right:                        10px}

H4 {
  text-align:                           left;
  color:                                #222222;
  font-size:                            100%;
  font-weight:                          bold;
  padding-top:                          20px;
  padding-bottom:                       0px;
  padding-left:                         10px;
  padding-right:                        10px}

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

LI {
  padding-top:                          5px;
  padding-left:                         5px;
  padding-right:                        10px;
  padding-bottom:                       5px}

HR {
  width:                                85%;
  padding:                              0px;
  border-top:                           1px solid #222222;
  border-left:                          0px;
  border-right:                         0px;
  border-bottom:                        0px;
  margin-top:                           50px;
  margin-bottom:                        20px}


/* ************************************************* */


/* Top Banner */
/* ========== */

DIV.TopBannerLogoContainer {
  float:                                left;
  width:                                53%;
  max-width:                            840px}

DIV.TopBannerSideContainer {
  float:                                right;
  width:                                45%;
  max-width:                            720px}

IMG.TopBannerLogo {
  width:                                100%}

DIV.TopBannerSmallMenuIconContainer {
  float:                                right;
  width:                                30%;
  max-width:                            30px;
  margin-top:                           10px;
  margin-left:                          20px;
  margin-right:                         10px;
  margin-bottom:                        10px}

IMG.TopBannerSmallMenuIcon {
  width:                                100%;
  max-width:                            30px}

A.TopBannerContactDetails:link {
  color:                                #ffffff;
  text-decoration:                      none}
A.TopBannerContactDetails:visited {
  color:                                #ffffff;
  text-decoration:                      none}
A.TopBannerContactDetails:active {
  color:                                #ffffff;
  text-decoration:                      underline}
A.TopBannerContactDetails:hover {
  color:                                #ffffff;
  text-decoration:                      underline}

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

DIV.TopBannerContactDetailsContainer {
  float:                                left;
  width:                                55%}

DIV.TopBannerContactDetailsFreephoneContainer {
  width:                                100%;
  float:                                left}

P.TopBannerContactDetailsFreephone {
  color:                                #ffffff;
  text-align:                           left;
  font-size:                            14pt;
  padding-top:                          30px;
  padding-left:                         0px;
  padding-right:                        0px;
  padding-bottom:                       0px}

DIV.TopBannerContactDetailsTelephoneContainer {
  width:                                100%;
  float:                                left}

P.TopBannerContactDetailsTelephone {
  color:                                #ffffff;
  text-align:                           left;
  font-size:                            14pt;
  padding-top:                          20px;
  padding-left:                         0px;
  padding-right:                        0px;
  padding-bottom:                       0px}

DIV.TopBannerContactDetailsMobileContainer {
  width:                                100%;
  float:                                left}

P.TopBannerContactDetailsMobile {
  color:                                #ffffff;
  text-align:                           left;
  font-size:                            14pt;
  padding-top:                          20px;
  padding-left:                         0px;
  padding-right:                        0px;
  padding-bottom:                       0px}

DIV.TopBannerContactDetailsEmailContainer {
  width:                                100%;
  float:                                left}

P.TopBannerContactDetailsEmail {
  color:                                #ffffff;
  text-align:                           left;
  font-size:                            14pt;
  padding-top:                          20px;
  padding-left:                         0px;
  padding-right:                        0px;
  padding-bottom:                       0px}

A.TopBannerContactDetailsEmail:link {
  color:                                #ffffff;
  text-decoration:                      none}
A.TopBannerContactDetailsEmail:visited {
  color:                                #ffffff;
  text-decoration:                      none}
A.TopBannerContactDetailsEmail:active {
  color:                                #ffffff;
  text-decoration:                      underline}
A.TopBannerContactDetailsEmail:hover {
  color:                                #ffffff;
  text-decoration:                      underline}

DIV.TopBannerContactDetailsContainerSmall {
  clear:                                left;
  float:                                left;
  width:                                50%}

P.TopBannerContactDetailsSmall {
  color:                                #ffffff;
  text-align:                           center;
  font-size:                            10pt;
  padding-top:                          0px;
  padding-left:                         0px;
  padding-right:                        0px;
  padding-bottom:                       5px}

  
/* Checkatrade logo */
/* ---------------- */  

DIV.TopBannerCheckatradeContainer {
  float:                                right;
  width:                                45%;
  padding-top:                          20px}

IMG.TopBannerCheckatradeContainer {
  width:                                100%}
  
  
/* Social icons container */
/* ---------------------- */
DIV.TopBannerSocialIconsContainer {
  clear:                                right;
  float:                                right;
  padding-top:                          0px;
  padding-left:                         0px;
  padding-right:                        0px;
  padding-bottom:                       10px}
    
DIV.TopBannerSocialMediaIcon {
  float:                                left;
  padding-top:                          20px;
  padding-left:                         20px;
  padding-right:                        0px;
  padding-bottom:                       0px}
  
IMG.TopBannerSocialMediaIcon {
  width:                                100%}

  
/* Strap line */
/* ---------- */  

DIV.TopBannerStrapLine {
  float:                                left;
  width:                                50%}
  
P.TopBannerStrapLine {
  color:                                #222222;
  text-align:                           left;
  font-size:                            20pt;
  font-weight:                          bold;
  font-style:                           italic;
  padding-top:                          3px;
  padding-left:                         10px;
  padding-right:                        0px;
  padding-bottom:                       0px}
  

/* ************************************************* */


/* Full Menu Text */
/* ============= */

P.FullMenuHeading {
  color:                                #000000;
  text-align:                           center;
  font-size:                            11pt;
  font-weight:                          normal;
  padding-top:                          10px;
  padding-left:                         10px;
  padding-right:                        10px;
  padding-bottom:                       10px}

A.FullMenu:link {
  color:                                #000000;
  text-decoration:                      none}
A.FullMenu:visited {
  color:                                #000000;
  text-decoration:                      none}
A.FullMenu:active {
  color:                                #000000;
  text-decoration:                      underline}
A.FullMenu:hover {
  color:                                #ff0000;
  text-decoration:                      underline}

P.FullSubMenuItem {
  color:                                #000000;
  text-align:                           left;
  font-size:                            11pt;
  font-weight:                          normal;
  padding-top:                          10px;
  padding-left:                         10px;
  padding-right:                        10px;
  padding-bottom:                       10px}

A.FullSubMenu:link {
  color:                                #000000;
  text-decoration:                      none}
A.FullSubMenu:visited {
  color:                                #000000;
  text-decoration:                      none}
A.FullSubMenu:active {
  color:                                #000000;
  text-decoration:                      underline}
A.FullSubMenu:hover {
  color:                                #ff0000;
  text-decoration:                      underline}


/* ************************************************* */


/* Small Menu Text */
/* ============== */

P.SmallMenuItem {
  color:                                #eeeeee;
  text-align:                           left;
  font-size:                            12pt;
  font-weight:                          normal;
  padding-top:                          10px;
  padding-left:                         10px;
  padding-right:                        10px;
  padding-bottom:                       10px}

P.SmallMenuItemCurrent {
  color:                                #ffffff;
  text-align:                           left;
  font-size:                            12pt;
  font-weight:                          normal;
  padding-top:                          10px;
  padding-left:                         10px;
  padding-right:                        10px;
  padding-bottom:                       10px}

P.SmallSubMenuItem {
  color:                                #eeeeee;
  text-align:                           left;
  font-size:                            10pt;
  font-weight:                          normal;
  padding-top:                          10px;
  padding-left:                         30px;
  padding-right:                        10px;
  padding-bottom:                       10px}

P.SmallSubMenuItemCurrent {
  color:                                #eeeeee;
  text-align:                           left;
  font-size:                            10pt;
  font-weight:                          normal;
  padding-top:                          10px;
  padding-left:                         30px;
  padding-right:                        10px;
  padding-bottom:                       10px}

A.SmallMenu:link {
  color:                                #eeeeee;
  text-decoration:                      none}
A.SmallMenu:visited {
  color:                                #eeeeee;
  text-decoration:                      none}
A.SmallMenu:active {
  color:                                #eeeeee;
  text-decoration:                      underline}
A.SmallMenu:hover {
  color:                                #ffffff;
  text-decoration:                      underline}

DIV.SmallMenuItemLevelIcon {
  float:                                right;
  margin-top:                           20px;
  margin-left:                          0px;
  margin-right:                         10px;
  margin-bottom:                        0px}

IMG.SmallMenuItemLevelIcon {
  width:                                10px;
  height:                               6px}


/* ************************************************* */


/* Bread crumb trail */
/* ================= */

DIV.BreadCrumbTrail {
  float:                                left;
  width:                                100%}

P.BreadCrumbTrail {
  color:                                #000099;
  text-align:                           left;
  font-size:                            100%;
  font-weight:                          normal;
  padding-top:                          10px;
  padding-left:                         10px;
  padding-right:                        10px;
  padding-bottom:                       10px}

A.BreadCrumbTrail:link {
  color:                                #000099;
  text-decoration:                      none}
A.BreadCrumbTrail:visited {
  color:                                #000099;
  text-decoration:                      none}
A.BreadCrumbTrail:active {
  color:                                #000099;
  text-decoration:                      underline}
A.BreadCrumbTrail:hover {
  color:                                #000099;
  text-decoration:                      underline}

  
/* ************************************************* */


/* News Letter Form */
/* ================ */

DIV.NewsLetterFormContainer {
  width:                                230px;
  background-color:                     #6EB4E7;
  padding-top:                          10px;
  padding-left:                         10px;
  padding-right:                        10px;
  padding-bottom:                       10px}
  
DIV.NewsLetterFormTitle {
  width:                                210px;
  background-color:                     #F5F4D5;
  padding-top:                          10px;
  padding-left:                         10px;
  padding-right:                        10px;
  padding-bottom:                       10px}

P.NewsLetterFormTitle {
  color:                                #222222;
  text-align:                           center;
  font-size:                            12pt;
  font-weight:                          bold;
  padding-top:                          0px;
  padding-left:                         0px;
  padding-right:                        0px;
  padding-bottom:                       0px}
  
DIV.NewsLetterFormText {
  width:                                230px;
  padding-top:                          10px}

P.NewsLetterFormText {
  color:                                #222222;
  text-align:                           left;
  font-size:                            11pt;
  font-weight:                          normal;
  padding-top:                          0px;
  padding-left:                         0px;
  padding-right:                        0px;
  padding-bottom:                       0px}
  
DIV.NewsLetterFormErrorMessage {
  width:                                230px;
  padding-top:                          10px}

P.NewsLetterFormErrorMessage {
  background-color:                     #F8F124;
  color:                                #222222;
  text-align:                           center;
  font-size:                            11pt;
  font-weight:                          normal;
  padding-top:                          3px;
  padding-left:                         0px;
  padding-right:                        0px;
  padding-bottom:                       3px}
  
DIV.NewsLetterFormField {
  width:                                230px;
  padding-top:                          10px}

INPUT.NewsLetterFormField {
  background-color:                     #ffffff;
  width:                                94%;
  border:                               1px solid #013952;
  font-size:                            11pt;
  font-weight:                          normal;
  padding-top:                          3px;
  padding-left:                         3%;
  padding-right:                        3%;
  padding-bottom:                       3px}
  
DIV.NewsLetterFormSendButton {
  float:                                right;
  padding-top:                          10px}

P.NewsLetterFormSendButton {
  color:                                #ffffff;
  background-color:                     #DA3A3A;
  text-align:                           left;
  font-size:                            11pt;
  font-weight:                          bold;
  padding-top:                          5px;
  padding-left:                         5px;
  padding-right:                        5px;
  padding-bottom:                       5px}
  
DIV.NewsLetterFormTelephoneEmailField {
  clear:                                both;
  width:                                1px;
  height:                               1px;
  overflow:                             hidden}
  
INPUT.NewsLetterFormTelephoneEmailField {
  margin-top:                           10px}
  
DIV.NewsLetterFormClearer {
  clear:                                both;
  width:                                1px;
  height:                               1px;
  overflow:                             hidden}
  


/* ************************************************* */


/* Bottom Banner */
/* ============= */

DIV.BottomBannerLeftContainer {
  float:                                left;
  width:                                33%;
  padding-top:                          20px;
  padding-bottom:                       40px}

DIV.BottomBannerMiddleContainer {
  float:                                left;
  width:                                33%}

DIV.BottomBannerRightContainer {
  float:                                right;
  width:                                33%;
  padding-top:                          40px;
  padding-bottom:                       20px}

DIV.BottomBannerSmallMenuContainer {
  float:                                left;
  width:                                100%;
  padding-top:                          20px;
  padding-bottom:                       40px;
  display:                              none}

P.BottomBannerMenu {
  color:                                #ffffff;
  text-align:                           left;
  font-size:                            10pt;
  font-weight:                          normal;
  padding-top:                          5px;
  padding-left:                         40px;
  padding-right:                        10px;
  padding-bottom:                       5px}
  
A.BottomBannerMenu:link {
  color:                                #ffffff;
  text-decoration:                      none}
A.BottomBannerMenu:visited {
  color:                                #ffffff;
  text-decoration:                      none}
A.BottomBannerMenu:active {
  color:                                #ffffff;
  text-decoration:                      underline}
A.BottomBannerMenu:hover {
  color:                                #ffffff;
  text-decoration:                      underline}

DIV.BottomBannerSocialIconsContainer {
  width:                                272px;
  margin-left:                          auto;
  margin-right:                         auto}
  
DIV.BottomBannerSocialIconLeft {  
  float:                                left;
  width:                                70px}
  
DIV.BottomBannerSocialIcon {  
  float:                                left;
  width:                                70px;
  padding-left:                         30px}

IMG.BottomBannerSocialIcon {
  width:                                100%} 

DIV.BottomBannerContactDetailsContainer {
  float:                                left;
  width:                                100%}

DIV.BottomBannerContactDetailsFreephoneContainer {
  width:                                100%;
  float:                                left}

P.BottomBannerContactDetailsFreephone {
  color:                                #ffffff;
  text-align:                           center;
  font-size:                            10pt;
  padding-top:                          20px;
  padding-left:                         0px;
  padding-right:                        0px;
  padding-bottom:                       0px}

DIV.BottomBannerContactDetailsTelephoneContainer {
  width:                                100%;
  float:                                left}

P.BottomBannerContactDetailsTelephone {
  color:                                #ffffff;
  text-align:                           center;
  font-size:                            10pt;
  padding-top:                          5px;
  padding-left:                         0px;
  padding-right:                        0px;
  padding-bottom:                       0px}

DIV.BottomBannerContactDetailsMobileContainer {
  width:                                100%;
  float:                                left}

P.BottomBannerContactDetailsMobile {
  color:                                #ffffff;
  text-align:                           center;
  font-size:                            10pt;
  padding-top:                          5px;
  padding-left:                         0px;
  padding-right:                        0px;
  padding-bottom:                       0px}

DIV.BottomBannerContactDetailsEmailContainer {
  width:                                100%;
  float:                                left}

P.BottomBannerContactDetailsEmail {
  color:                                #ffffff;
  text-align:                           center;
  font-size:                            10pt;
  padding-top:                          5px;
  padding-left:                         0px;
  padding-right:                        0px;
  padding-bottom:                       0px}

A.BottomBannerContactDetailsEmail:link {
  color:                                #ffffff;
  text-decoration:                      none}
A.BottomBannerContactDetailsEmail:visited {
  color:                                #ffffff;
  text-decoration:                      none}
A.BottomBannerContactDetailsEmail:active {
  color:                                #ffffff;
  text-decoration:                      underline}
A.BottomBannerContactDetailsEmail:hover {
  color:                                #ffffff;
  text-decoration:                      underline}

DIV.BottomBannerContactDetailsCompNumContainer {
  width:                                100%;
  float:                                left}

P.BottomBannerContactDetailsCompNum {
  color:                                #ffffff;
  text-align:                           center;
  font-size:                            10pt;
  padding-top:                          5px;
  padding-left:                         0px;
  padding-right:                        0px;
  padding-bottom:                       0px}

DIV.BottomBannerNewsLetterFormContainer {
  float:                                right;
  padding-top:                          0px;
  padding-left:                         0px;
  padding-right:                        40px;
  padding-bottom:                       0px}

DIV.BottomBannerCopyrightContainer {
  clear:                                both;
  float:                                left;
  width:                                48%}

P.BottomBannerCopyright {
  color:                                #ffffff;
  text-align:                           left;
  font-size:                            10pt;
  padding-top:                          20px;
  padding-left:                         20px;
  padding-right:                        0px;
  padding-bottom:                       5px}

DIV.BottomBannerAuthorContainer {
  float:                                right;
  width:                                48%;
  padding-top:                          0px;
  padding-bottom:                       0px}

P.BottomBannerAuthor {
  color:                                #ffffff;
  text-align:                           right;
  font-size:                            10pt;
  padding-top:                          20px;
  padding-left:                         0px;
  padding-right:                        20px;
  padding-bottom:                       5px}

A.BottomBannerAuthor:link {
  color:                                #ffffff;
  text-decoration:                      none}
A.BottomBannerAuthor:visited {
  color:                                #ffffff;
  text-decoration:                      none}
A.BottomBannerAuthor:active {
  color:                                #ffffff;
  text-decoration:                      underline}
A.BottomBannerAuthor:hover {
  color:                                #ffffff;
  text-decoration:                      underline}


/* ************************************************* */


/* Security login */
/* ============== */

DIV.LoginBoxContainer {
  padding-top:                          50px;
  padding-bottom:                       100px}

DIV.LoginBox {
  width:                                160px;
  background-color:                     #cccccc;
  border:                               solid 1px #000000;
  margin-left:                          auto;
  margin-right:                         auto}

P.LoginBoxTitle {
  text-align:                           center;
  color:                                #222222;
  padding-top:                          20px;
  padding-left:                         20px;
  padding-right:                        20px;
  padding-bottom:                       10px}

DIV.LoginBoxPasswordBox {
  width:                                120px;
  padding-top:                          3px;
  padding-left:                         20px;
  padding-bottom:                       20px;
  float:                                left}

DIV.LoginBoxLoginButton {
  width:                                80px;
  padding-left:                         55px;
  padding-bottom:                       20px;
  float:                                left}

INPUT.LoginBoxPasswordBox {
  width:                                120px;
  color:                                #222222;
  font-weight:                          normal;
  font-size:                            100%;
  margin:                               0px;
  padding:                              1px}

INPUT.LoginBoxLoginButton {
  color:                                #222222;
  font-weight:                          normal;
  font-size:                            100%;
  margin:                               0px;
  padding:                              2px}

DIV.LoginBoxClearer {
  clear:                                both}


/* ************************************************* */


/* Landing page links */
/* ================== */

DIV.LandingPageLinksContainer {
  clear:                                both;
  float:                                left;
  width:                                100%;
  padding-top:                          10px}

DIV.LandingPageLinksColumnContainer {
  margin-left:                          auto;
  margin-right:                         auto}

DIV.LandingPageLinksColumn {
  float:                                left}

P.LandingPageLinks {
  color:                                #539ED7;
  text-align:                           center;
  font-size:                            90%;
  padding-top:                          0px;
  padding-left:                         10px;
  padding-right:                        10px;
  padding-bottom:                       0px}

A.LandingPageLinks:link {
  color:                                #539ED7;
  text-decoration:                      none}
A.LandingPageLinks:visited {
  color:                                #539ED7;
  text-decoration:                      none}
A.LandingPageLinks:active {
  color:                                #539ED7;
  text-decoration:                      underline}
A.LandingPageLinks:hover {
  color:                                #539ED7;
  text-decoration:                      underline}


/* ************************************************* */


/*  webmaster link */
/* =============== */
  
DIV.WebmasterLink {
  clear:                                both;
  float:                                left;
  width:                                100%}

P.WebmasterLink {
  color:                                #007700;
  text-align:                           center;
  font-size:                            80%;
  padding-top:                          10px;
  padding-left:                         10px;
  padding-right:                        10px;
  padding-bottom:                       0px}

A.WebmasterLink:link {
  color:                                #007700;
  text-decoration:                      none}
A.WebmasterLink:visited {
  color:                                #007700;
  text-decoration:                      none}
A.WebmasterLink:active {
  color:                                #007700;
  text-decoration:                      underline}
A.WebmasterLink:hover {
  color:                                #770000;
  text-decoration:                      underline}


/* ************************************************* */


/* Website map */
/* =========== */

DIV.WebsiteMapItem {
  float:                                left;
  width:                                100%}

DIV.WebsiteMapItemArrowLevel1 {
  float:                                left;
  width:                                1px;
  height:                               20px}

DIV.WebsiteMapItemArrowLevel2 {
  float:                                left;
  width:                                50px;
  height:                               20px;
  background-position:                  30px 6px;
  background-image:                     url("website-map-arrow.png");
  background-repeat:                    no-repeat}

DIV.WebsiteMapItemArrowLevel3 {
  float:                                left;
  width:                                80px;
  height:                               20px;
  background-position:                  60px 5px;
  background-image:                     url("website-map-arrow.png");
  background-repeat:                    no-repeat}

DIV.WebsiteMapItemEntry {
  float:                                left}

DIV.WebsiteMapItemClearer {
  clear:                                both}

DIV.WebsiteMapBottomSpacer {
  float:                                left;
  height:                               20px}

P.WebsiteMapLevel1 {
  font-size:                            110%;
  padding-top:                          10px;
  padding-left:                         20px;
  padding-right:                        10px;
  padding-bottom:                       0px}

P.WebsiteMapLevel2 {
  font-size:                            105%;
  padding-top:                          5px;
  padding-left:                         0px;
  padding-right:                        10px;
  padding-bottom:                       0px}

P.WebsiteMapLevel3 {
  font-size:                            100%;
  padding-top:                          5px;
  padding-left:                         0px;
  padding-right:                        10px;
  padding-bottom:                       0px}

  
/* ************************************************* */


/* Useful links pages */
/* ================== */

H2.UsefulLinks {
  font-size:                            100%}

P.UsefulLinksDescription {
  padding-top:                          2px}

P.UsefulLinksDomain {
  padding-top:                          2px;
  font-weight:                          bold}

A.UsefulLinks:link {
  color:                                #000000;
  text-decoration:                      none}
A.UsefulLinks:visited {
  color:                                #000000;
  text-decoration:                      none}
A.UsefulLinks:active {
  color:                                #000000;
  text-decoration:                      underline}
A.UsefulLinks:hover {
  color:                                #000000;
  text-decoration:                      underline}


/* ************************************************* */


/*  Checkatrade */
/* ============ */
  
DIV.CheckatradeContainer {
  width:                                100%;
  max-width:                            350px;
}
  
DIV.CheckatradeLogoContainer {
  clear:                                both;
  float:                                left;
  width:                                94%;
  padding-top:                          0px;
  padding-left:                         3%;
  padding-right:                        3%;
  padding-bottom:                       15px}
  
DIV.CheckatradeBlockContainer {
  clear:                                both;
  float:                                left;
  width:                                94%;
  background-color:                     #dddddd;
  padding-top:                          5px;
  padding-left:                         3%;
  padding-right:                        3%;
  padding-bottom:                       10px}
  
DIV.CheckatradeBlock {
  padding-top:                          0px;
  padding-left:                         0px;
  padding-right:                        0px;
  padding-bottom:                       0px}
  
DIV.CheckatradeTextRow {
  clear:                                both;
  width:                                100%}

P.CheckatradeTextRow {
  font-size:                            110%;
  text-align:                           center;
  padding-top:                          15px;
  padding-left:                         0px;
  padding-right:                        0px;
  padding-bottom:                       10px}
  
DIV.CheckatradeDataRow {
  clear:                                both;
  float:                                left;
  background-color:                     #013F58;
  width:                                100%}
  
DIV.CheckatradeDataRowName {
  float:                                left;
  width:                                75%}
  
DIV.CheckatradeDataRowValue {
  float:                                right;
  width:                                23%}

P.CheckatradeDataRowName {
  font-size:                            100%;
  color:                                #ffffff;
  padding-top:                          5px;
  padding-left:                         10px;
  padding-right:                        0px;
  padding-bottom:                       5px}

P.CheckatradeDataRowValue {
  font-size:                            100%;
  font-weight:                          bold;
  text-align:                           right;
  color:                                #ffffff;
  padding-top:                          5px;
  padding-left:                         0px;
  padding-right:                        10px;
  padding-bottom:                       5px}
  
DIV.CheckatradeSpacerRow {
  clear:                                both;
  width:                                100%;
  height:                               10px}
  
DIV.CheckatradeChecks {
  clear:                                both;
  width:                                100%}

UL.CheckatradeChecks {
  list-style-image:                     url("checkatrade-tick.png");
  list-style-position:                  outside;
  padding-top:                          2px;
  padding-left:                         40px;
  padding-right:                        10px;
  padding-bottom:                       2px}
  
DIV.CheckatradeBlockClearer {
  clear:                                both;
  float:                                left;
  width:                                99%;
  height:                               1px}


/*  Which Trusted Trader */
/* ===================== */
  
DIV.WhichTrustedTraderContainer {   background-color: aliceblue;
  width:                                100%;
  max-width:                            350px}
  
DIV.WhichTrustedTraderLogoContainer {
  clear:                                both;
  float:                                left;
  width:                                100%;
  padding-top:                          0px;
  padding-left:                         0px;
  padding-right:                        0px;
  padding-bottom:                       15px}
  
DIV.WhichTrustedTraderBlockContainer {
  clear:                                both;
  float:                                left;
  width:                                100%;
  padding-top:                          0px;
  padding-left:                         0px;
  padding-right:                        0px;
  padding-bottom:                       0px}
  
DIV.WhichTrustedTraderBlockClearer {
  clear:                                both;
  float:                                left;
  width:                                99%;
  height:                               1px}


/* ************************************************* */


/*  Side image block */
/* ================= */
  
DIV.SideImageBlock {
  clear:                                both;
  float:                                right;
  width:                                100%;
  max-width:                            250px;
  padding-top:                          0px;
  padding-left:                         20px;
  padding-right:                        10px;
  padding-bottom:                       20px}
  
DIV.SideImageBlockCell {
  clear:                                both;
  float:                                right;
  width:                                100%;
  padding-top:                          0px;
  padding-left:                         20px;
  padding-right:                        0px;
  padding-bottom:                       0px}
  
IMG.SideImageBlockImage {
  width:                                100%}


/* ==================== END ==================== */