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

/* import reset stylesheet and hide from IE/Mac \*/
@import url("page.css");
/* end import/hide */

div#breadcrumbs {
    width: 935px;
}

div#submenu-column {
    float: left;
    margin: 0 20px 0 15px;
    width: 215px;
}

    div#submenu-top {
        float: left;
        margin: 20px 0 0 0;
        width: 215px;
        height: 15px;

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

    div#submenu-body {
        float: left;
        width: 215px;

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

    div#submenu-base {
        float: left;
        width: 215px;
        height: 15px;
        margin: 0 0 20px 0;

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

    div#submenu-column h6 {
        margin: 0 0 10px 0;
        padding: 0;

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

        background: transparent;
    }

        div#submenu-body h6 a {
            text-decoration: none !important;
            color: rgb(0,0,0) !important;
        }

    div#submenu ul#submenu_menu li {
        padding: 0;
    }

        div#submenu ul#submenu_menu li:hover,
        div#submenu ul#submenu_menu li.selected {
            background: url(../images/submenu-box-bg_selected.gif) repeat-y left top;
        }

        div#submenu ul#submenu_menu li a {
            display: block;
            margin: 0 15px 0 15px;
            padding: 4px 0 4px 15px;

            text-decoration: none;
            color: rgb(40,40,40);
        }

            div#submenu ul#submenu_menu li.selected a {
                font-weight: bold;
                color: rgb(255,255,255);

                background: url(../images/submenu-item-arrow.gif) no-repeat 5px 10px;
            }

div#main-column {
    width: 430px;
}

    div#main-body-copy {
        margin: 20px 0 20px 0;
        width: 430px;
    }

    div#additional-content {
        float: left;
    }

div#secondary-column {
    width: 235px;
    margin: 0 15px;
    padding: 0;
}

    div#make-appointment-top,
    div#make-appointment-body,
    div#make-appointment-base {
        width: 235px;
    }

        div#make-appointment-top {
            width: 235px;
            background: url(../images/contact-box-bg_top.gif) no-repeat left top;
        }

        div#make-appointment-body {
            width: 235px;
            background: url(../images/contact-box-bg_body.gif) repeat-y left top;
        }

        div#make-appointment-base {
            width: 235px;
            height: 20px;
            background: url(../images/contact-box-bg_base.gif) no-repeat left bottom;
        }



    div#box-3 {
        width: 235px;
    }


div#static-content-map {
  float: left;
  margin: 0 0 30px 0;
  padding: 10px;
  width: 418px;
}

div#map {
  float: left;
  margin: 0;

  background: none;
  border: 5px solid rgb(200,215,240);
}

  div#map h3 {
    margin: 0;
    padding: 0;
  }

  div#map p {
    margin: 0 20px 20px 20px;
    font-size: 85%;
  }

div#location-output, div#location-output_noscript {
  float: left;
  margin: 0;
}

div#main-body-copy table#location-addresses {
  margin: 20px 0 0 0;
  padding: 0;
  width: 300px;
}

table#location-addresses td {
  margin: 0;
  padding: 0;
  max-width: 205px !important;

  font-size: 100%;
  text-align: left;

  background: none;
}

table#location-addresses td h3 {
  font-size: 100%;
}

table#location-addresses td p {
  width: 250px !important;

  font-size: 85%;
  text-align: left;
  font-weight: normal;
}

  div#location-output h3, div#location-output_noscript h3 {
    margin: 10px 0 4px 0;

    font-family: "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, sans-serif;
    font-size: 96%;
    font-weight: normal;
    text-transform: uppercase;
  }

  div#location-output p, div#location-output_noscript p {
    font-size: 86%;
  }

  div#location-output a > h3, div#location-output a:visited, div#location-output_noscript a > h3, div#location-output_noscript a:visited {
    text-decoration: underline;
  }

  div#location-output a:hover > h3, div#location-output_noscript a:hover > h3 {
    text-decoration: none;
  }