
 @font-face {
    font-family: 'droid_sans';
    src: url('../fonts/droidsans-webfont.eot');
    src: url('../fonts/droidsans-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/droidsans-webfont.woff') format('woff'), url('../fonts/droidsans-webfont.ttf') format('truetype'), url('../fonts/droidsans-webfont.svg#droid_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'droid_sans';
    src: url('../fonts/droidsans-bold-webfont.eot');
    src: url('../fonts/droidsans-bold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/droidsans-bold-webfont.woff') format('woff'), url('../fonts/droidsans-bold-webfont.ttf') format('truetype'), url('../fonts/droidsans-bold-webfont.svg#droid_sansbold') format('svg');
    font-weight: bold;
    font-style: normal;
}


  body {
    font-family:droid_sans,sans-serif;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwNjlhYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzk2YzBlNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
    background: linear-gradient(to bottom,  #0069aa 40px,#96c0e6 400px);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0069aa', endColorstr='#96c0e6',GradientType=0 );
    background-color:#96C0E6;
    background-repeat:repeat-x;
    font-size:1.5em;
    color:#40444B;
  }

  h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    color:#0069AA;
    font-weight:normal;
    font-family:droid_sans,sans-serif;
    margin-bottom:0.125em;
  }
      b, strong, .bold {color:#4D525A;}
      .bold {font-weight:bold;}
      .nowrap {white-space:nowrap;}
      .colora {color:#0069aa;}
      .colorb {color:#6CADDF;}
      .colorc {color:#f26600;}
      option:disabled {color:#ffdede; display:none;}
      hr {border-color:#96C0E6;}

      .btn {
        background: #E98E30;
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y5YWU0MCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkODZjMWUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
        /*background: -moz-linear-gradient(top,  #f9ae40 0%, #EB7620 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9ae40), color-stop(100%,#EB7620));
        background: -webkit-linear-gradient(top,  #f9ae40 0%,#EB7620 100%);
        background: -o-linear-gradient(top,  #f9ae40 0%,#EB7620 100%);
        background: -ms-linear-gradient(top,  #f9ae40 0%,#EB7620 100%);*/
        background: linear-gradient(to bottom,  #f9ae40 0%,#EB7620 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9ae40', endColorstr='#EB7620',GradientType=0 );
        border-style:none;
        color:#00446A;font-weight:bold;
        text-transform:uppercase; letter-spacing:1px;
      }



/*  HEAD NAVIGATION FOOTER */
      .head, .main {
        margin-top:10px;
        background-color:white;
        -webkit-border-radius:12px;
        -moz-border-radius:   12px;
        border-radius:        12px;
        -moz-box-shadow:    0px 0px 36px 3px #0069AA;
        -webkit-box-shadow: 0px 0px 36px 3px #0069AA;
        box-shadow:         0px 0px 36px 3px #0069AA;
      }
      .head {margin-top:4px;margin-bottom:0; background-color:transparent; }
      .main {padding-bottom:12px; background: #ffffff; }
      .phone {font-weight:bold;font-size:1.5em;color:#F9AE40;letter-spacing:0.05em;line-height:1.0em;}
      .navbar-logo {padding:0;width:196px;height:48px;background:url('hdrLogoSmallDark.svg');background-repeat: no-repeat; background-position:12px 0; text-indent:-9999px; }

      .navbar-default .navbar-brand {color:#00446A;}
      .navbar-default .navbar-nav > li > a {color:#00446A;}
      .navbar-default .navbar-nav > li > a:hover {background-color:#DDEEFA;color:#00446A;}
      .navbar-default .navbar-nav > .active > a {background-color:transparent;color:#fff;}
      .navbar-default {
        margin-left:-15px;margin-right:-15px;
        background: #f9ae40;
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y5YWU0MCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkODZjMWUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
        background: linear-gradient(to bottom,  #f9ae40 0%,#d86c1e 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9ae40', endColorstr='#d86c1e',GradientType=0 );
        border-style:none;
        font-weight:bold;
        border-radius:12px 12px 0 0;
      }
      .body-footer {text-align:center;letter-spacing:1px;}
      footer.container {text-align:right; color:#0069AA; padding-top:8px; padding-right:18px; padding-bottom:24px; font-size:0.8em; letter-spacing:1px;}


/* HOME PAGE */
    .homePanel a {
      margin-bottom:18px; float:left;position:relative;width:32.3333%;height:200px;margin-right:.5%;margin-left:.5%;overflow:hidden;
      background:#EEEEEE url('/images/home_panel.jpg') no-repeat 0px 0px;
      cursor:pointer;
      opacity:0.9;
      filter:alpha(opacity=90);
    }
    .homePanel a:hover {
      top:-2px;text-decoration:none;
      outline: none;
      opacity:1;
      filter:alpha(opacity=100);
      -moz-box-shadow: 0px 2px 5px #369;
      -webkit-box-shadow: 0px 2px 5px #369;
      box-shadow: 0px 2px 5px #369;
    }
    .homePanel a:active {top:0;text-decoration:none;}
    .homePanel a h3 {
       margin-top:170px; height:30px;
       position:relative;
       z-index:0;
       text-align:center;font-size:18px; color:#FFFFFF;text-decoration:none;padding-top:2px;padding-bottom:4px;
       background: #52B1DD;
       background: linear-gradient(to bottom,  #52B1DD 0%,#0192D1 100%);
       /*border-radius: 0 0 6px 6px;*/
       }
       .homePanel a:hover h3 {/*color:#fff;*/}
       .homePanel a:active h3 {color:#f9ae40;}
       .homePanel a h3 small {font-size:inherit;color:#DDEEFA;}

      h1.logo {height:140px;background:url(/css/hdrLogoSmall.svg);text-indent:-99999px;background-repeat: no-repeat;margin-bottom:0; margin-top:0;}
      h1.logo + h3 {margin-top:0;}

  .guaranteeBlock {margin-top:24px;}
  .guarLarge {float:left; width:93px; height:115px; margin-right:6px;}
  .guarlist {list-style:none;font-weight:bold; font-size:1.2em; line-height:33px; margin-top:14px;padding-top:0;}
    span.no-123,
    span.no1-23,
    span.no12-3 {display:inline-block;width:18px;height:30px;background: #fff url(/images/threeReasons123.png) no-repeat 0 0; text-indent:-9999px;}
      .rgba span.no-123,
      .rgba span.no1-23,
      .rgba span.no12-3 {text-indent:-9999px;}
      /*.lt-ie8 span.no-123,
      .lt-ie8 span.no1-23,
      .lt-ie8 span.no12-3 {font: 0/0;text-shadow: none;color: transparent;}*/
    span.no-123 {background-position: 0 0;position:relative;top:-2px;}
    span.no1-23 {background-position: 0 -30px;height:28px;}
    span.no12-3 {background-position: 0 -58px;}
      /*.ie8 span.no-123,
      .ie8 span.no1-23,
      .ie8 span.no12-3 {display:block;float:left;width:18px;color:#ccc;font-size:0.1em;}*/

  .getAQuote {margin-top:36px; margin-bottom:18px; padding:10px 2px 1px 10px; background-color:#FFEADB; overflow:hidden;}
  .getAQuote h3 {font-size:1.4em;margin-top:0.25em; font-weight:bold;}
  .getAQuote a {float:right;margin:auto 12px;}
  .getAQuote p img {float:left;width:53px;height:44px; margin-right:8px; margin-top:4px;border-bottom:9px solid #6CADDF;}

.well {background-color: #DDEEFA; border-style: none;}



/* ******* PRODUCT PAGES ************* */
/* ******* PRODUCT PAGES ************* */

#caseStudies div {margin:1.0em 0 0 0;}
#caseStudies p {text-align:right;margin:0 0 0 1.0em;line-height:1.2em;font-size:0.8em;font-style:italic;}

.reasons, .getAQuote {
  width:100%;
  margin-top:24px;
  background-color:#FFEADB;
  -webkit-border-radius:4px;
  -moz-border-radius:   4px;
  border-radius:        4px;
}
  .getAQuote {padding:10px 2px 1px 10px; line-height:1.1em;}
  .getAQuote h4 {margin-bottom:0.375em;}
  .reasons {padding:10px 2px 5px 10px;}
  .reasons p {margin-bottom:0;margin-top:0;line-height:1.2em;}
  .reasons ol {margin:0.25em 0 0 0;padding-left:1.2em;font-weight:bold;font-size:1.0em;color:#f26600;}
  .guarProd {float:right;width:64px;height:80px; margin:0 0 6px 12px;}

.table-bordered > tbody > tr > td,
.table-bordered > thead > tr > td,
.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > th {
  border-color: #96C0E6;
}
.table-striped > tbody > tr:nth-child(2n+1) > td,
.table-striped > tbody > tr:nth-child(2n+1) > th {
    background-color: #EBF7FF;
}
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
  padding: 3px;
}
th, td {text-align:right;} /* align price grids right */

.table {margin-bottom:0;}
.nav-tabs>li>a {background-color:#0069AA; color:#FFFFFF;border-style:none;margin-right:6px;}
.nav-tabs>li>a:hover {background-color:#96C0E6;}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus  {background-color:#96C0E6; color:#0069AA;font-weight:bold;border-style:none;}
.tab-content {border:12px solid #96C0E6;margin-bottom:0;}

.carousel {
  border-bottom:28px solid #0069AA;
  -webkit-border-bottom-right-radius: 4px;
  -webkit-border-bottom-left-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  -moz-border-radius-bottomleft: 4px;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  max-width:350px;
}
    .carousel-control {
      bottom: 0;
      color: #F8AB3F;
      font-size: 20px;
      left: 0;
      opacity: 1.0;
      position: absolute;
      text-shadow: 0 1px 2px rgba(0, 0, 0, 0.0);
      top:101.5%;
      width: 5%;
    }

    /* Fade transition for carousel items */
    .carousel .item {

        left: 0 !important;
          -webkit-transition: opacity .4s; /*adjust timing here */
             -moz-transition: opacity .4s;
               -o-transition: opacity .4s;
                  transition: opacity .4s;
    }
    .carousel-control {background-image: none !important; /* remove background gradients on controls */ }
    .carousel-indicators {bottom:-10px; display:none; }
    /* Fade controls with items */
    .next.left, .prev.right {opacity: 1; z-index: 1; }
    .active.left, .active.right {opacity: 0; z-index: 2; }



/* ******* FORMS ************* */
/* ******* FORMS ************* */

label {font-weight:normal;color:#0069AA;}
.help-block {float:right;font-size:90%;line-height:1.0em;} /* jquery validate error message */
.form-control {border: 1px solid #96C0E6;} /* #0069AA */
.form-control:focus {outline: 0; -webkit-box-shadow:none !important; box-shadow:none !important; border-color:#0069AA;}

.form-control::-webkit-input-placeholder { /* WebKit browsers */
    color:#96C0E6; font-family:serif; font-style: italic;
}
.form-control:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:#96C0E6; font-family:serif; font-style: italic;
}
.form-control::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:#96C0E6; font-family:serif; font-style: italic;
}
.form-control:-ms-input-placeholder { /* Internet Explorer 10+ */
    color:#96C0E6; font-family:serif; font-style: italic;
}




/* ******* COUNTER MATS ************* */
/* ******* COUNTER MATS ************* */

.backtoMP{float:right;width:auto;display:inline;margin-bottom:-2em;margin-top:-1.2em;}


/* ******* MEDIA QUERIES ************* */
/* ******* MEDIA QUERIES ************* */

      @media(max-width:992px) {

        .carousel {margin-top:18px;margin-bottom:18px;}
        .homePanel a h3 {font-size:1.0em;}

      }


      @media (max-width: 767px) {
        .container {padding:0;}
        .head {display:none;}
        .navbar {margin-bottom:2px}
        .navbar-default {margin-left:0;margin-right:0;}
        .navbar-default .navbar-toggle .icon-bar {background-color: #00446A; }
        .navbar-default .navbar-toggle {border-color: #00446A; }
        .navbar-default,.container {margin-top:0; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0; }
        h1.logo {margin-top:0;height:84px;}
        .homePanel a {height:220px;}
        .homePanel a h3 {height:50px;font-size:1.4em;}
        .homePanel a h3 small {display:none;}
        .guarLarge {display:none;}
        .guarlist {margin-left:-1.4em;padding-left:0;font-size:1.2em;line-height:1.4em;}
        .getAQuote {margin-top:0;}
        .getAQuote a {display:none;}
        span.no-123, span.no1-23, span.no12-3 {background-image:url(none);}
        .carousel {margin-top:18px;margin-bottom:18px;}
      }

      @media (max-width: 480px) {
        .nav-tabs > li {
          float:none;
          width:60%;
          margin-top:2px;
        }
      }
