/*

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

*/



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

BODY {
  font-family:                          verdana;
  font-size:                            100%;
  font-weight:                          normal;
  color:                                #222222;
  opacity:                              0}

P {
  padding-top:                          10px;
  padding-left:                         20px;
  padding-right:                        20px;
  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:                         20px;
  padding-right:                        20px;
  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:                         20px;
  padding-right:                        20px;
  padding-bottom:                       0px}
  
A.H2:link {
  color:                                #222222;
  text-decoration:                      none}
A.H2:visited {
  color:                                #222222;
  text-decoration:                      none}
A.H2:active {
  color:                                #222222;
  text-decoration:                      none}
A.H2:hover {
  color:                                #222222;
  text-decoration:                      none}

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

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

UL {
  list-style-image:                     url("../style-elements/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}

OL {
  padding-top:                          2px;
  padding-left:                         50px;
  padding-right:                        10px;
  padding-bottom:                       2px}

LI.OL {
  padding-top:                          20px;
  padding-left:                         0px;
  padding-right:                        0px;
  padding-bottom:                       0px}

HR {
  width:                                85%;
  padding:                              0px;
  border-top:                           1px solid #FF6501;
  border-left:                          0px;
  border-right:                         0px;
  border-bottom:                        0px;
  margin-top:                           50px;
  margin-bottom:                        20px}
  
DIV.Clearer {
  clear:                                both;
  float:                                left;
  height:                               0px}


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


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

DIV.TopBannerClientName {
  max-width:                            800px}

DIV.TopBannerClientNameSmall {
  float:                                left;
  width:                                70%;
  max-width:                            585px;
  padding-top:                          15px;
  padding-left:                         0px;
  padding-right:                        0px;
  padding-bottom:                       0px}

IMG.TopBannerClientName {
  width:                                100%}

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

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

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


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


/* Page top images */
/* =============== */

DIV.PageTopImagesContainer {
  padding-top:                          20px;
  padding-left:                         20px;
  padding-right:                        20px;
  padding-bottom:                       20px;}

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

IMG.PageTopImages {
  width:                                100%}

DIV.PageTopImagesClearer {
  clear:                                both;
  float:                                left;
  width:                                100%;
  height:                               40px}


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

  
/* Contact details */
/* --------------- */  
  
DIV.TopBannerContactDetailsContainer {}
  
DIV.TopBannerContactDetailsTelephoneContainer {
  clear:                                both;
  float:                                left}
  
DIV.TopBannerContactDetailsMobileContainer {
  clear:                                both;
  float:                                left}
  
DIV.TopBannerContactDetailsEmailContainer {
  clear:                                both;
  float:                                left;
  padding-top:                          13px}
  
DIV.TopBannerContactDetailsTelephoneLogo {
  float:                                left;
  padding-left:                         0px;
  padding-right:                        0px;
  padding-bottom:                       0px}
  
DIV.TopBannerContactDetailsMobileLogo {
  float:                                left;
  padding-bottom:                       0px}
  
DIV.TopBannerContactDetailsEmailLogo {
  float:                                left;
  width:                                20px;
  padding-top:                          3px;
  padding-left:                         0px;
  padding-right:                        0px;
  padding-bottom:                       3px}
  
IMG.TopBannerContactDetailsLogo {
  width:                                100%}
  
DIV.TopBannerContactDetailsText {
  float:                                left;
  padding-top:                          0px;
  padding-left:                         10px;
  padding-right:                        0px;
  padding-bottom:                       0px}
  
P.TopBannerContactDetailsTelephone {
  color:                                #222222;
  text-align:                           left;
  padding-top:                          0px;
  padding-left:                         0px;
  padding-right:                        0px;
  padding-bottom:                       0px}
  
P.TopBannerContactDetailsMobile {
  color:                                #222222;
  text-align:                           left;
  padding-top:                          0px;
  padding-left:                         0px;
  padding-right:                        0px;
  padding-bottom:                       0px}
  
P.TopBannerContactDetailsEmail {
  color:                                #222222;
  text-align:                           left;
  font-size:                            12pt;
  font-weight:                          bold;
  padding-top:                          0px;
  padding-left:                         0px;
  padding-right:                        0px;
  padding-bottom:                       0px}

  
/* HETAS logo */
/* ---------- */  
  
DIV.TopBannerHETASLogoContainer {}

DIV.TopBannerHETASLogo {}

IMG.TopBannerHETASLogo {
  width:                                100%}


/* >= 1200 */
@media all and (min-width: 1200px) {
  
  /* Logo */
  DIV.TopBannerClientName {
    display:                              block;
    float:                                left;
    width:                                75%;
    padding-top:                          35px;
    padding-left:                         50px;
    padding-right:                        20px}
  DIV.TopBannerClientNameSmall {
    display:                              none}
    
  /* Contact details */
  DIV.TopBannerContactDetailsContainer {
    clear:                                none;
    float:                                right;
    padding-top:                          10px;
    padding-left:                         20px;
    padding-right:                        0px;
    padding-bottom:                       0px}
  DIV.TopBannerContactDetailsTelephoneContainer {
    padding-top:                          13px}
  DIV.TopBannerContactDetailsMobileContainer {
    padding-top:                          13px}
  DIV.TopBannerContactDetailsEmailContainer {
    display:                              block}
  DIV.TopBannerContactDetailsTelephoneLogo {
    width:                                20px;
    padding-top:                          0px}
  DIV.TopBannerContactDetailsMobileLogo {
    width:                                15px;
    padding-top:                          0px;
    padding-left:                         3px;
    padding-right:                        2px}
  DIV.TopBannerContactDetailsEmailLogo {
    width:                                20px;
    padding-top:                          3px;
    padding-bottom:                       3px}
  P.TopBannerContactDetailsTelephone {
    font-size:                            12pt;
    font-weight:                          bold}
  P.TopBannerContactDetailsMobile {
    font-size:                            12pt;
    font-weight:                          bold}
    
  /* HETAS logo */
  DIV.TopBannerHETASLogoContainer {
    clear:                                right;
    float:                                right;
    padding-top:                          5px;
    padding-left:                         20px;
    padding-right:                        0px;
    padding-bottom:                       20px}
  DIV.TopBannerHETASLogo {
    width:                                170px}
    
}

    
/* >= 750 and < 1200 */
@media all and (min-width: 750px) and (max-width: 1199px) {
  
  /* Logo */
  DIV.TopBannerClientName {
    display:                              block;
    float:                                left;
    width:                                60%;
    padding-top:                          45px;
    padding-left:                         50px;
    padding-right:                        20px}
  DIV.TopBannerClientNameSmall {
    display:                              none}
    
  /* Contact details */
  DIV.TopBannerContactDetailsContainer {
    clear:                                none;
    float:                                right;
    padding-top:                          10px;
    padding-left:                         20px;
    padding-right:                        0px;
    padding-bottom:                       10px}
  DIV.TopBannerContactDetailsTelephoneContainer {
    padding-top:                          13px}
  DIV.TopBannerContactDetailsMobileContainer {
    padding-top:                          10px}
  DIV.TopBannerContactDetailsEmailContainer {
    display:                              none}
  DIV.TopBannerContactDetailsTelephoneLogo {
    width:                                10px;
    padding-top:                          3px}
  DIV.TopBannerContactDetailsMobileLogo {
    width:                                8px;
    padding-top:                          3px;
    padding-left:                         1px;
    padding-right:                        1px}
  P.TopBannerContactDetailsTelephone {
    font-size:                            10pt;
    font-weight:                          normal}
  P.TopBannerContactDetailsMobile {
    font-size:                            10pt;
    font-weight:                          normal}
    
  /* HETAS logo */
  DIV.TopBannerHETASLogoContainer {
    clear:                                right;
    float:                                right;
    padding-top:                          10px;
    padding-left:                         20px;
    padding-right:                        0px;
    padding-bottom:                       20px}
  DIV.TopBannerHETASLogo {
    width:                                120px}
    
}

    
/* < 750 */
@media all and (max-width: 749px) {
  
  /* Logo */
  DIV.TopBannerClientName {
    display:                              none}
  DIV.TopBannerClientNameSmall {
    display:                              block}
    
  /* Contact details */
  DIV.TopBannerContactDetailsContainer {
    clear:                                left;
    float:                                left;
    padding-top:                          10px;
    padding-left:                         0px;
    padding-right:                        10px;
    padding-bottom:                       10px}
  DIV.TopBannerContactDetailsTelephoneContainer {
    padding-top:                          13px}
  DIV.TopBannerContactDetailsMobileContainer {
    padding-top:                          10px}
  DIV.TopBannerContactDetailsEmailContainer {
    display:                              none}
  DIV.TopBannerContactDetailsTelephoneLogo {
    width:                                10px;
    padding-top:                          3px}
  DIV.TopBannerContactDetailsMobileLogo {
    width:                                8px;
    padding-top:                          3px;
    padding-left:                         1px;
    padding-right:                        1px}
  P.TopBannerContactDetailsTelephone {
    font-size:                            10pt;
    font-weight:                          normal}
  P.TopBannerContactDetailsMobile {
    font-size:                            10pt;
    font-weight:                          normal}
    
  /* HETAS logo */
  DIV.TopBannerHETASLogoContainer {
    clear:                                right;
    float:                                right;
    padding-top:                          40px;
    padding-left:                         0px;
    padding-right:                        0px;
    padding-bottom:                       0px}
  DIV.TopBannerHETASLogo {
    width:                                120px}
    
}
  

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


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

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

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

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

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

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

P.FullSubMenuItem {
  color:                                #ffffff;
  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:                                #ffffff;
  text-decoration:                      none}
A.FullSubMenu:visited {
  color:                                #ffffff;
  text-decoration:                      none}
A.FullSubMenu:active {
  color:                                #ffffff;
  text-decoration:                      underline}
A.FullSubMenu:hover {
  color:                                #ffffff;
  text-decoration:                      underline}


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


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

P.SmallMenuItem {
  color:                                #ffffff;
  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:                                #ffffff;
  text-align:                           left;
  font-size:                            10pt;
  font-weight:                          normal;
  padding-top:                          10px;
  padding-left:                         30px;
  padding-right:                        10px;
  padding-bottom:                       10px}

P.SmallSubMenuItemCurrent {
  color:                                #ffffff;
  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:                                #ffffff;
  text-decoration:                      none}
A.SmallMenu:visited {
  color:                                #ffffff;
  text-decoration:                      none}
A.SmallMenu:active {
  color:                                #ffffff;
  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}
  

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


/* Side by side block */
/* ================== */

DIV.SideBySideBlockRowContainer {
  clear:                                both;
  padding-top:                          20px;
  padding-left:                         20px;
  padding-right:                        20px;
  padding-bottom:                       20px}

DIV.SideBySideBlock {
  width:                                100%}

DIV.SideBySideBlockPictureLeft {
  float:                                left;
  max-width:                            530px;
  margin-right:                         20px;
  margin-bottom:                        20px}

DIV.SideBySideBlockPictureRight {
  float:                                right;
  max-width:                            530px;
  margin-left:                          20px;
  margin-bottom:                        20px}
  
IMG.SideBySideBlockPicture {
  width:                                100%}
  
H2.SideBySideBlockTitle {
  padding-top:                          0px;
  padding-left:                         0px;
  padding-right:                        0px;
  padding-bottom:                       0px}
  
P.SideBySideBlockText {
  padding-top:                          10px;
  padding-left:                         0px;
  padding-right:                        0px;
  padding-bottom:                       0px}

DIV.SideBySideBlockButtonContainer {
  float:                                left;
  padding-top:                          20px;
  padding-left:                         0px;
  padding-right:                        0px;
  padding-bottom:                       0px}
  
P.SideBySideBlockButtonText {
  color:                                #ffffff;
  background-color:                     #68B4D5;
  font-size:                            16pt;
  border-radius:                        5px;
  -webkit-border-radius:                5px;
  -moz-border-radius:                   5px;
  padding-top:                          10px;
  padding-left:                         20px;
  padding-right:                        20px;
  padding-bottom:                       10px}
  
A.SideBySideBlockButtonText:link {
  color:                                #ffffff;
  text-decoration:                      none}
A.SideBySideBlockButtonText:visited {
  color:                                #ffffff;
  text-decoration:                      none}
A.SideBySideBlockButtonText:active {
  color:                                #ffffff;
  text-decoration:                      none}
A.SideBySideBlockButtonText:hover {
  color:                                #ffffff;
  text-decoration:                      none}

HR.SideBySideBlock {
  width:                                85%;
  padding:                              0px;
  border-top:                           1px solid #CCE8F4;
  border-left:                          0px;
  border-right:                         0px;
  border-bottom:                        0px;
  margin-top:                           1px;
  margin-bottom:                        1px}


/* >= 500 */
@media all and (min-width: 500px) {

  DIV.SideBySideBlockPictureLeft {
    width:                                50%}
  DIV.SideBySideBlockPictureRight {
    width:                                50%}
  H2.SideBySideBlockTitle {
    clear:                                none}

}


/* < 500 */
@media all and (max-width: 499px) {

  DIV.SideBySideBlockPictureLeft {
    width:                                100%}
  DIV.SideBySideBlockPictureRight {
    width:                                100%}
  DIV.SideBySideBlockContainerNext {
    clear:                                both}

}
  

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


/* Contact form */
/* ============ */

DIV.ContactFormSubmitButton {
  width:                                150px;
  float:                                right;
  margin-left:                          auto;
  margin-right:                         auto;
  border:                               1px solid #ff6501;
  border-radius:                        10px;
  padding-top:                          10px;
  padding-left:                         0px;
  padding-right:                        0px;
  padding-bottom:                       10px}

P.ContactFormSubmitButtonMouseOut {
  color:                                #222222;
  text-align:                           center;
  font-size:                            12pt;
  font-weight:                          normal;
  padding-top:                          0px;
  padding-left:                         0px;
  padding-right:                        0px;
  padding-bottom:                       0px}

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

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


/* 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.BottomBannerLogoContainer {
  float:                                left;
  width:                                58px;
  padding-top:                          40px;
  padding-left:                         20px;
  padding-right:                        0px}

DIV.BottomBannerLogo {
  float:                                left;  
  width:                                58px}

IMG.BottomBannerLogo {
  width:                                100%}

DIV.BottomBannerSocialIconsContainer {
  float:                                right;  
  width:                                58px;
  height:                               88px;
  padding-top:                          40px;
  padding-left:                         0px;
  padding-right:                        20px}

DIV.BottomBannerSocialIcon {
  float:                                right;  
  width:                                36px}

IMG.BottomBannerSocialIcon {
  width:                                100%}

P.BottomBannerContactDetailsLine1 {
  color:                                #222222;
  text-align:                           center;
  font-size:                            12pt;
  font-weight:                          bold;
  padding-left:                         10px;
  padding-right:                        10px;
  padding-bottom:                       0px}

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

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

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

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

DIV.BottomBannerMenu1 {
  padding-top:                          0px;
  padding-left:                         20px;
  padding-right:                        20px;
  padding-bottom:                       0px}

DIV.BottomBannerMenu2 {
  padding-top:                          0px;
  padding-left:                         20px;
  padding-right:                        20px;
  padding-bottom:                       0px}

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

  
/* >= 1000 */
@media all and (min-width: 1000px) {

  /* Images */
  DIV.BottomBannerLogoContainer {
    padding-bottom:                       40px}
  DIV.BottomBannerSocialIconsContainer {
    padding-bottom:                       40px}
    
  /* Contact details */
  P.BottomBannerContactDetailsLine1 {
    clear:                                none;
    padding-top:                          40px}
  P.BottomBannerContactDetailsLine2 {
    display:                              block}
  P.BottomBannerContactDetailsLine3 {
    display:                              none}
  P.BottomBannerContactDetailsLine4 {
    display:                              block}
  P.BottomBannerContactDetailsLine5 {
    display:                              none}
  
  /* Bottom menu */
  DIV.BottomBannerMenu1 {
    display:                              block}
  DIV.BottomBannerMenu2 {
    display:                              none}

}


/* >= 600 and < 1000 */
@media all and (min-width: 600px) and (max-width: 999px) {

  /* Images */
  DIV.BottomBannerLogoContainer {
    padding-bottom:                       40px}
  DIV.BottomBannerSocialIconsContainer {
    padding-bottom:                       40px}
    
  /* Contact details */
  P.BottomBannerContactDetailsLine1 {
    clear:                                none;
    padding-top:                          40px}
  P.BottomBannerContactDetailsLine2 {
    display:                              none}
  P.BottomBannerContactDetailsLine3 {
    display:                              block}
  P.BottomBannerContactDetailsLine4 {
    display:                              none}
  P.BottomBannerContactDetailsLine5 {
    display:                              block}

  /* Bottom menu */
  DIV.BottomBannerMenu1 {
    display:                              none}
  DIV.BottomBannerMenu2 {
    display:                              block}

}


/* < 600 */
@media all and (max-width: 599px) {

  /* Images */
  DIV.BottomBannerLogoContainer {
    padding-bottom:                       0px}
  DIV.BottomBannerSocialIconsContainer {
    padding-bottom:                       0px}
    
  /* Contact details */
  P.BottomBannerContactDetailsLine1 {
    clear:                                both;
    padding-top:                          20px}
  P.BottomBannerContactDetailsLine2 {
    display:                              none}
  P.BottomBannerContactDetailsLine3 {
    display:                              block}
  P.BottomBannerContactDetailsLine4 {
    display:                              none}
  P.BottomBannerContactDetailsLine5 {
    display:                              block}

  /* Bottom menu */
  DIV.BottomBannerMenu1 {
    display:                              none}
  DIV.BottomBannerMenu2 {
    display:                              block}

}
  

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


/* 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}


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


/* Areas covered links */
/* =================== */

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

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

@media all and (max-width: 400px) {
  P.AreasCoveredLinksSize1 {display:  block;}
  P.AreasCoveredLinksSize2 {display:  none;}
  P.AreasCoveredLinksSize3 {display:  none;}
  P.AreasCoveredLinksSize4 {display:  none;}
}
@media all and (min-width: 401px) and (max-width: 750px) {
  P.AreasCoveredLinksSize1 {display:  none;}
  P.AreasCoveredLinksSize2 {display:  block;}
  P.AreasCoveredLinksSize3 {display:  none;}
  P.AreasCoveredLinksSize4 {display:  none;}
}
@media all and (min-width: 751px) and (max-width: 1000px) {
  P.AreasCoveredLinksSize1 {display:  none;}
  P.AreasCoveredLinksSize2 {display:  none;}
  P.AreasCoveredLinksSize3 {display:  block;}
  P.AreasCoveredLinksSize4 {display:  none;}
}
@media all and (min-width: 1001px) {
  P.AreasCoveredLinksSize1 {display:  none;}
  P.AreasCoveredLinksSize2 {display:  none;}
  P.AreasCoveredLinksSize3 {display:  none;}
  P.AreasCoveredLinksSize4 {display:  block;}
}


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


/* 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:                                #007700;
  text-align:                           center;
  font-size:                            90%;
  padding-top:                          0px;
  padding-left:                         10px;
  padding-right:                        10px;
  padding-bottom:                       0px}

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


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


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

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

A.WebmasterLink:link {
  color:                                #999999;
  text-decoration:                      none}
A.WebmasterLink:visited {
  color:                                #999999;
  text-decoration:                      none}
A.WebmasterLink:active {
  color:                                #999999;
  text-decoration:                      underline}
A.WebmasterLink:hover {
  color:                                #999999;
  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}


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