/*
Title:    Better2Know index styles and reset styles.
Copyright:  (c) 2009, Bridgeview Partners LLP. All rights resevered (please do not re-use without permission).
*/

  body {
    margin: 0;
    padding: 0;
    background: rgb(245,245,245);

    text-align: center;
    font-family: Helvetica, Arial, sans-serif;
    font-variant: normal;
    font-size: 0.8em;
    color: rgb(0,0,0);
  }

/** RESET STYLES **/
  p, ul, li, h1, h2, h3, h4, h5, h6 {
    margin: 0;
    padding: 0;

    font-size: 100%;
  }

  li {
    list-style-type: none;
  }

  a, a:visited, a:hover {
    text-decoration: none;
  }

  img {
    border: none;
  }


/** PAGE POSITIONING **/
  div#wrap {
    margin: 0 auto;
    width: 970px;

    text-align: left;
  }

  div#body {
    margin: 0 auto;
    padding: 0 10px;
    width: 960px;

    background: rgb(235,235,235);
  }

  div#page-area {
    float: left;
    margin: 0;
    margin: 0;
    padding: 214px 0 0 0;
    width: 960px;

    background: transparent;
  }

  div#page-area-base {
    float: left;
    margin: 0;
    width: 960px;
    height: 5px;

    background: transparent url(../images/page-bg_base.gif) no-repeat left bottom;
  }

  div#footer {
    margin: 0 auto;
    padding: 20px 10px 0 10px;
    width: 960px;

    background: rgb(235,235,235);
    -moz-border-radius-bottomright: 15px;
    -moz-border-radius-bottomleft: 15px;
    -webkit-border-bottom-right-radius: 15px;
    -webkit-border-bottom-left-radius: 15px;
  }

    div#footer div.sub-links-header {
      float: right;
      margin: 0 60px 10px 30px;
      width: 150px;
    }

  div#header {
    position: absolute;
    left: auto;
    top: 0;
    margin: 10px auto 0 auto;
    min-height: 205px;
    width: 960px;
    z-index: 10000;

    background: url(../images/page-bg_top.gif) no-repeat left top;
  }

    div#header img.logo {
      float: left;
      margin: 23px 0 20px 9px;

      font-size: 230%;
      color: rgb(108,218,118);
    }

    div#header div#call-us {
      float: right;
      margin: 10px 60px 5px 0;
      width: 200px;
    }

    div#header div#main-image-banner {
      clear: left;
      float: left;
      margin: 15px 15px 0 15px;
      width: 930px;
      height: 160px;

      background: rgb(230,230,230) url(../images/page-banner.jpg) no-repeat left top;;
    }

  div#main {
    clear: left;
    float: left;
    margin: 0;
    padding: 0;
    width: 960px;

    background: url(../images/page-bg.gif) repeat-y left top;
    border: 0px solid orange;
  }

    #main a,
    #main a:visited{
      text-decoration: underline;
      color: rgb(36,113,158);
    }

    #main a:hover {
      text-decoration: none;
      cursor: pointer;
    }

    /** Main Column (Left-column) **/
    div#main-column {
      float: left;
      width: 620px;
    }

      div#main-body-copy {
        float: left;
        margin: 15px 15px 20px 25px;
        width: 620px; /* max of page content (with 15px margin on left / right is 746px; */
      }

        div#main-body-copy h1 {
          margin: 0 10px 10px 0;
          font-family: Helvetica, Arial, sans-serif;
          font-size: 190%;
          font-weight: normal;
          color: rgb(160,160,160);
          color: rgb(55,140,205);
          color: rgb(35,120,185);
        }

        div#main-body-copy h2 {
          margin: 20px 0 8px 0;

          font-family: Cambria, Georgia, "Times New Roman", serif;
          font-size: 150%;
          font-weight: normal;
          color: rgb(20,20,50);
        }

        div#main-body-copy h3 {
          margin: 20px 0 8px 0;
          padding: 0;

          font-family: "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, sans-serif;
          font-size: 105%;
          font-weight: normal;
          text-transform: uppercase;
          letter-spacing: 1px;
          color: rgb(28,148,58);
        }

        div#main-body-copy p {
          margin: 0 0 15px 0;

          font-family: Helvetica, Arial, sans-serif;
          font-size: 100%;
          line-height: 1.7em;
          color: rgb(80,80,80);
        }

        #main-body-copy p.question {
          margin: 20px 0 5px 0;
          padding: 0 0 0 25px;

          font-weight: bold;
          background: url(../images/Q.gif) no-repeat left top;
          cursor: pointer;
        }

        #main-body-copy div.answer {
          padding: 0 0 0 35px;
          background: url(../images/A.gif) no-repeat left top;
        }

          div#main-body-copy p a,
          div#main-body-copy p a:visited {
            color: rgb(15,130,210);
            text-decoration: underline;
          }

          div#main-body-copy p a:hover {
            text-decoration: none;
          }

        div#main-body-copy ul {
          margin: 0 0 30px 15px;
        }

        div#main-body-copy li {
          margin: 0 0 5px 0;
          padding: 0 0 0 20px;
          background: url(../images/bullet.gif) no-repeat left 6px;

          font-size: 96%;
          line-height: 1.6em;
          color: rgb(80,80,80);
        }

        div#main-body-copy table {
          margin: 10px auto 30px auto;
          width: 570px;
        }

          div#main-body-copy th, div#main-body-copy td {
            padding-left: 4px;

            text-align: center;
            font-size: 86%;
            font-weight: bold;
            background: rgb(225,230,235);
          }

          div#main-body-copy th {
            padding: 5px 0;

            font-family: "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, sans-serif;
            font-weight: normal;
            text-transform: uppercase;
            font-size: 96%;
            color: rgb(18,118,28);
            background: rgb(205,210,215);
          }

          div#main-body-copy td.test {
            padding: 5px;

            font-family: Cambria, Georgia, "Times New Roman", serif;
            text-align: center;
            font-weight: bold;

            font-size: 120%;
            font-weight: normal;
          }

          div#main-body-copy td.desc {
            padding: 3px 5px;

            font-family: Cambria, Georgia, "Times New Roman", serif;
            text-align: left;
            font-weight: normal;
            font-size: 86%;
            font-size: 105%;
            line-height: 1.4em;
            color: rgb(80,80,80);
          }

          div#main-body-copy td.price {
            font-family: Cambria, Georgia, "Times New Roman", serif;
            font-size: 130%;
            font-weight: normal;
            color: rgb(70,70,110);
          }

          div#main-body-copy td > ul {
            margin: 10px 0 0 20px;
          }


    /** Secondary Column (Right-column) **/
    div#secondary-column {
      float: right;
      margin: 0 0 0 20px;
      padding: 0 25px 0 0;
      width: 260px;
    }

      div#secondary-column h5,
      div#secondary-column div#box-3 h2 /* Looks like H5, but given extra prominence by SEOers?! */ {
        margin: 5px 5px 15px 5px;

        text-align: left;
        font-family: "Lucida Grande", "Lucida Sans Unicode", Arial;
        font-size: 89%;
        font-weight: normal;
        text-transform: uppercase;
        color:  rgb(66,143,188);
      }

       div#secondary-column p {
        margin: 10px 5px 10px 5px;

        text-align: left;
        font-family: Cambria, Georgia, "Times New Roman", serif, "Lucida Grande", Helvetica, Arial, sans-serif;
        font-size: 100%;
        line-height: 1.6em;
        color: rgb(70,70,70);
      }

      div#secondary-column li {
        margin: 0 0 10px 18px;
        padding: 0 0 3px 0;

        font-family: "Lucida Grande", Helvetica, Arial, sans-serif;
        font-size: 89%;
        list-style-image: url(../images/footer-bullet.gif);
        list-style-position: outside;
        color: rgb(70,70,70);
      }

    div#dr-jessen {
      display: none;
      float: left;
      margin: -10px 0 0 0;
      width: 275px;
      height: 200px;

      background: url(../images/dr-jessen_box.gif) no-repeat left top;
    }

      div#dr-jessen h5 {
        margin: 75px 0 10px 10px;

        font-size: 170%;
        text-transform: none;
        letter-spacing: -1px;
        color:  rgb(26,103,148);
      }

        div#dr-jessen h5 a {
          text-decoration: none;
          color:  rgb(6,83,128) !important;
        }

      div#dr-jessen p {
        margin: 0 0 10px 15px;
        width: 100px;

        line-height: 1.4em;
        color: rgb(40,40,40);
      }

        div#dr-jessen p a {
          color:  rgb(6,83,128) !important;
        }

    div#live-chat {
      float: right;
      margin: 30px auto 0 auto !important;
      width: 260px;
      height: 100px;
    }

    div#make-appointment-top {
      float: left;
      margin: 0;
      margin: 20px 0 0 0; /* Remove */
      padding: 0;
      width: 275px;
      height: 10px;

      background: transparent url(../images/contact-box-wide-bg_top.gif) no-repeat left top;
    }

    div#make-appointment-body {
      float: left;
      margin: 0;
      padding: 0;
      width: 255px;

      background: transparent url(../images/contact-box-wide-bg_body.gif) repeat-y left top;
    }

      div#make-appointment-body h5 {
        margin: 0;
        padding: 5px 0;

        font-family: Helvetica, Arial, sans-serif;
        font-size: 140%;
        text-align: center;
        font-weight: normal;
        text-transform: none;
        color: rgb(30,30,30);

        background: transparent;
      }

      div#make-appointment-body div#book-online {
        margin: 0 auto;
        width: 215px;

        background: transparent url(../images/icon-bg_bookonline.png) no-repeat left top;
        border-bottom: 1px solid rgb(210,240,215);
      }

        div#make-appointment-body div#book-online p {
          padding: 2px 0 0 40px;

          font-size: 160%;
        }

        div#make-appointment-body div#book-online p a,
        div#make-appointment-body div#book-online p a:visited {
          color: rgb(0,0,0);
          color: rgb(15,130,210);
          text-decoration: underline;

          border: none;
        }

        div#make-appointment-body div#book-online p a:hover {
          text-decoration: none;
        }

      div#make-appointment-body div#phone-number {
        margin: 0 auto;
        padding: 0;
        width: 215px;
        height: 50px;

        background: transparent url(../images/icon-bg_phone.png) no-repeat left top;
      }

          div#make-appointment-body p {
            margin: 5px 25px 10px;

            font-family: Helvetica, Arial, sans-serif;
            font-size: 89%;
            line-height: 1.3em;
            color: rgb(80,80,80);
          }

              div#make-appointment-body p a {
                color: rgb(0,0,0);
                color: rgb(15,130,210);
                text-decoration: underline;

                border: none;
              }

                  div#make-appointment-body p a:hover {
                    text-decoration: none;
                  }

        div#make-appointment-body div#phone-number p.london-times {
          color: rgb(80,80,80);
        }

        div#make-appointment-body div#phone-number p.phone-number {
          margin:10px 5px;
          padding: 0 0 0 40px;

          font-family: Cambria, Georgia, "Times New Roman", serif;
          font-size: 170%;
          line-height: 1.6em;
          color: rgb(0,0,0);
        }

      div#make-appointment-body div#phone-number p.phone-letters {
        margin: -15px 0 0 0;
        padding: 0 0 0 50px;

        font-family: Cambria, Georgia, "Times New Roman", serif;
        font-size: 140%;
        color: rgb(10,160,120);
        line-height: 1.6em;
      }

    div#make-appointment-base {
      float: left;
      margin: 0;
      padding: 0;
      width: 275px;
      height: 10px;

      background: transparent url(../images/contact-box-wide-bg_base.gif) no-repeat left bottom;
    }

    div#box-3 {
      float: left;
      width: 255px;
      margin: 25px 0 0 0;
      padding: 5px 0 0 0;

      border-top: 1px solid rgb(220,220,220);
    }

    div#secondary-column li.region {
        margin-bottom: 2px;
        font-size: 90%;
        font-weight: bold;
        cursor: pointer;
    }

    div#secondary-column li.city {
        font-weight: normal;
        margin-bottom: 4px;
    }

    li.region ul {
        margin: 5px 0 0;
        display: none;
    }























  div#content-position-3 {
    display: none; /* Remove */
    float: right;
    margin: 0 0 10px 0;
    padding: 0 10px 0 0;
    width: 180px
  }

    div#box-2 {
      float: right;
      margin: 0;
      padding: 0;
      width: 180px;

      background: rgb(225,240,220) url(../images/box-2-bg_top.gif) no-repeat left top;
    }

    div#box-2-base {
      clear: right;
      float: right;
      margin: 0;
      width: 180px;
      height: 15px;

      background: rgb(245,250,240) url(../images/box-2-bg_base.gif) no-repeat left bottom;
    }



/** Text styles **/
  #call-us h3 {
    margin: 5px 5px 0px 15px;

    text-align: center;
    font-family: "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, sans-serif;
    font-size: 89%;
    font-weight: normal;
    text-transform: uppercase;
    color: rgb(70,70,70);
  }

  #call-us p {
    margin: 25px 5px 10px 5px;

    text-align: left;
    font-size: 96%;
    line-height: 1.5em;
    color: rgb(255,255,255);
  }

    #call-us p.phone-numbers {
      margin: 5px 5px 10px 10px;

      line-height: 2.1em;
    }

    #call-us .large-number {
      display: block;

      text-align: center;
      font-family: "Lucida Grande", Arial, "Lucida Sans Unicode", Helvetica, sans-serif;
      font-size: 170%;
      font-weight: bold;

      color: rgb(0,0,0);
    }

    #call-us .secondary-number {
      display: block;

      text-align: center;
      font-size: 150%;
      font-weight: normal;

      color: rgb(58,168,68);
    }

  #banner-intro h1 {
    display: block;
    margin: 0 0 10px 0;
    width: 500px;
    height: 28px;

    font-family: Helvetica, Arial, "Lucida Grande", "Lucida Sans Unicode", sans-serif;
    font-size: 195%;
    font-weight: bold;
    letter-spacing: -1px;

    color: rgb(60,180,70);
  }

  #banner-intro p {
    width: 480px;

    text-align: justify;
    font-family: "Lucida Grande", Helvetica, Arial, "Lucida Sans Unicode", sans-serif;
    font-size: 110%;
    line-height: 1.8em;

    color: rgb(80,80,80);
  }

  #banner-intro p strong {
    color: rgb(40,40,40);
  }

  #banner-intro a, #banner-intro a:visited, #box-1 a, #box-1 a:visited, #box-2 a, #box-2 a:visited {
    text-decoration: none;
    border-bottom: 1px solid rgb(36,113,158);

    color: rgb(36,113,158);
  }

  #banner-intro a:hover, #box-1 a:hover, #box-2 a:hover {
    text-decoration: none;
    border-bottom: none;
  }

  #box-1 h2, #box-2 h2 {
    margin: 15px 0 10px 20px;

    font-family: Georgia, serif;
    font-size: 190%;
    font-weight: normal;

    color: rgb(80,80,130);
  }

  #box-2 h2 {
    margin-left: 10px;
  }

  #box-1 h3 {
    margin: 0 0 5px 0;
    padding: 0 0 5px 0;

    font-family: "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, "Trebuchet MS", sans-serif;
    font-size: 105%;
    font-weight: normal;
    text-transform: uppercase;
    letter-spacing: 1px;

    color: rgb(18,118,28);

    border-bottom: 1px solid rgb(210,210,230);
  }

  #box-1 p {
    margin: 0 0 20px 0;

    font-family: Helvetica, Arial, sans-serif;
    font-size: 94%;
    line-height: 1.7em;

    color: rgb(80,80,80);
  }

  #footer p {
    float: left;
    margin: 0 30px 0 60px;

    font-size: 80%;

    color: rgb(150,150,150);
  }

  #footer div.sub-links-header p {
    margin: 0 0 0 -110px;

    font-weight: bold;
  }

  #footer a,
  #footer a:visited {
    display: block;

    color: rgb(130,130,130);
  }

  #footer a:hover {
    color: rgb(45,97,127);
  }



/** List styles **/
  #box-2 ul {
    margin: 20px 0 0 15px;
    width: 160px;

    font-family: "Lucida Grande", Helvetica, Arial, sans-serif;
  }

  #box-2 li {
    margin: 0 0 10px 10px;
    padding: 0 0 3px 0;

    list-style-image: url(../images/footer-bullet.gif);
    list-style-position: outside;
    font-size: 86%;
    font-weight: bold;

    color: rgb(80,80,80);
    border-bottom: 1px solid rgb(220,230,220);
  }

  #footer ul {
    margin: 0 0 0 10px;
  }

  #footer li {
    margin: 0 0 5px 10px;
    padding: 0 0 3px 0;

    list-style-image: url(../images/footer-bullet.gif);
    list-style-position: outside;
    font-size: 80%;

    border-bottom: 1px solid rgb(220,220,220);
  }

  #footer li:hover {
    border-bottom: 1px solid rgb(108,185,229);
  }


/** CMS-specific elements **/
div#main-menu {
  clear: left;
  float: left;
}

div#top_main_menu {
  float: left;
  margin: 0 15px;
  padding: 0;
  width: 930px;

  background: rgb(64,157,227) url(../images/menu-bg.jpg) no-repeat left top;
}

  ul#top_main_menu_menu {
    display: inline;
    float: left;
    margin: 0 0 0 2px;
    padding: 0;
    z-index: 1111;
  }

  ul#top_main_menu_menu li {
    display: inline;
    float: left;
    margin: 0;
    padding: 5px 10px 6px 10px;

    font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
    font-size: 100%;
    line-height: 1.25em;


    border-left: 1px dotted rgb(170,180,250);
  }

  ul#top_main_menu_menu li.last {
    border-right: 1px dotted rgb(170,180,250);
  }

  #top_main_menu_menu li.selected,
  #top_main_menu_menu li:hover {
    padding: 5px 10px 6px 10px;
    background: url(../images/menu-bg_hover.jpg) no-repeat left -1px;
  }

  #top_main_menu_menu li.selected a {
    /*cursor: default;*/
  }

  ul#top_main_menu_menu li.subpages {
    background: url(../images/menu-arrow-down.gif) no-repeat 2px 11px;
  }

  ul#top_main_menu_menu li.subpages:hover,
  ul#top_main_menu_menu li.subpages-select {
    background: url(../images/menu-bg-subpages_hover.jpg) no-repeat -3px top;
  }

  #top_main_menu_menu a,
  #top_main_menu_menu a:visited {
    color: rgb(255,255,255);
    padding: 5px 0;
  }

  ul#top_main_menu_menu ul {
    display: block;
    margin: auto;
    padding: auto;
    left: -999em;
    position: absolute;
    width: 150px;
    z-index: 1000;
  }

  ul#top_main_menu_menu li ul li {
    display: block;
    margin: auto;
    margin: 0;
    padding: 0;
    width: 150px;

    font-family: "Lucida Grande", Helvetica, Arial, sans-serif;
    font-weight: normal;
    font-size: 86%;
    color: rgb(255,255,255);

    border: none; /* reset border from top-level menu */
    border-bottom: 1px dotted rgb(240,240,240);
    border-bottom: 1px dotted rgb(180,180,200);
  }

  ul#top_main_menu_menu li ul li.first {
    background: url(../images/menu-sub-shadow-top.gif) repeat-x left top;
  }

  ul#top_main_menu_menu li ul li.last {
    border: none; /* reset border from toplevel menu */
    border-bottom: 2px solid rgb(46,123,168);
  }

  #top_main_menu_menu li:hover ul {
    left: auto;
    margin: 6px 0 0 -10px;
    padding: 0;

    background: rgb(88,155,189);
    z-index: 50020;
  }

  ul#top_main_menu_menu li ul li:hover {
    color: rgb(48,115,149);

    background: rgb(66,143,188);
    background: rgb(118,185,229);
    background: rgb(110,225,120);

    margin: 0;
    padding: 0;
  }

  ul#top_main_menu_menu li ul li.first:hover {
    background:  rgb(110,225,120) url(../images/menu-sub-shadow-top_hover.gif) repeat-x left top
  }

  ul#top_main_menu_menu li ul li:hover a:hover {
    color: rgb(48,115,149);
  }

  ul#top_main_menu_menu li ul li a {
    display: block;
    margin: 0;
    padding: 5px 15px;
  }

  ul#top_main_menu_menu li ul li a:visited {
    padding-left: 15px;
  }

/* Page Breadcrumbs */
div#breadcrumbs {
  float: left;
  margin: 10px 0 0 25px;
  width: 100%;

  font-size: 80%;
  font-weight: bold;
  color: rgb(170,180,170);
}

  div#breadcrumbs a, div#breadcrumbs a:visited {
    font-weight: normal;
    text-decoration: underline;
    color: rgb(66,143,188);
  }

  div#breadcrumbs a:hover {
    text-decoration: none;
  }

/* CSS Clearfix */
.clearfix:after {
  clear:both;
  content:".";
  display:block;
  height:0;
  line-height:0;
  visibility:hidden;
}

.clearfix {
  display:inline-block;
}

html[xmlns] .clearfix {
  display:block;
}

* html .clearfix {
  height:1%;
}