html {
  overflow-y: scroll;
}

/* Add additional stylesheets below
-------------------------------------------------- */
/*
  Bootstrap's documentation styles
  Special styles for presenting Bootstrap's documentation and examples
*/


/* Body and structure
-------------------------------------------------- */
body {
  position: relative;
  line-height: 1.8em;
}

p {
  line-height: 1.8em;
  margin-bottom: 1.53em;
}

a {
  color: #1c3d54;
  text-decoration: underline;
}

  a:hover {
    text-decoration: underline;
  }


h1, h2, .h2 {
  color: #1c3d54;
}

h1 {
  font-size: 20px;
  line-height: 2.2em;
}

  h1 small {
    font-size: 16px;
  }

h2, .h2 {
  font-style: italic;
  font-size: 18px;
  line-height: 2em;
}



/* Navigation
-------------------------------------------------- */
.subnav {
  width: 100%;
  height: 36px;
  background-color: #c5cdd1;
}

  .subnav .nav {
    margin-bottom: 0;
  }

  .subnav ul {
    border-bottom: 5px solid #f1f2f2;
  }

  .subnav .nav > li > a {
    margin: 0;
    padding-top: 11px;
    padding-bottom: 11px;
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
    font-size: 12px;
    font-weight: bold;
    min-width: 100px;
    text-align: center;
  }

  .subnav .nav > .active > a, .subnav .nav > .active > a:hover {
    padding-left: 13px;
    color: #777;
    background-color: #f1f2f2;
    border-right-color: #ddd;
    border-left: 0;
  }

    .subnav .nav > .active > a .caret, .subnav .nav > .active > a:hover .caret {
      border-top-color: #777;
    }

  .subnav .nav > li:first-child > a, .subnav .nav > li:first-child > a:hover {
    border-left: 0;
    padding-left: 12px;
  }

  .subnav .nav > li:last-child > a {
    border-right: 0;
  }

  .subnav .dropdown-menu {
  }

.nav-pills > li > a {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}



/* Space out sub-sections more
-------------------------------------------------- */
section {
}

.subhead {
  padding-bottom: 0;
  margin-bottom: 9px;
  margin-top: 15px;
  font-size: .9em;
  font-weight: bold;
  color: #1c3d54;
}

  .subhead div.header {
    background: url(images/header-bg.png) no-repeat -30px 0;
    min-height: 70px;
  }

  .subhead img.MDT-Logo {
    width: 125px;
    padding: 25px 0 10px 20px;
  }

.sidebar ul {
  list-style: none;
  margin-left: 0;
}

  .sidebar ul li {
    line-height: 1.5em;
    margin: 1em 0;
    padding: 0 0 10px 25px;
    background: url(images/bullet-blue-arrow.png) no-repeat 0 0;
    border-bottom: dotted 2px #c7cfd5;
  }

    .sidebar ul li a, ul li {
      font-weight: bold;
    }



/* Footer
-------------------------------------------------- */
.footer {
  height: 90px;
  margin-top: 45px;
  padding: 0;
  border-top: none;
  background: url(images/footer-bg.png) no-repeat 0 0;
  color: #1c3d54;
}

  .footer a:hover {
    text-decoration: underline;
  }

  .footer p {
    margin-bottom: 0;
  }

  .footer ul {
    list-style: none;
    margin-top: 3px;
    margin-bottom: 15px;
    clear: both;
  }

    .footer ul li {
      float: left;
      line-height: 2.5em;
    }

      .footer ul li a {
        font-size: .85em;
        font-weight: bold;
        text-decoration: none;
        display: inline;
        padding-left: 20px;
      }

ul.footer-nav {
  margin-bottom: 40px;
}

ul.footer-nav-2 {
}

  ul.footer-nav-2 li a {
    color: #777;
  }


/* Misc
-------------------------------------------------- */

.browser-support {
  max-width: 100%;
}

/* Make tables spaced out a bit more */
h2 + table, h3 + table, h4 + table, h2 + .row {
  margin-top: 5px;
}

/* For input sizes, make them display block */
.docs-input-sizes select, .docs-input-sizes input[type=text] {
  display: block;
  margin-bottom: 9px;
}

.company-name, .company-number {
  margin-left: 10px;
  padding-right: 10px;
}

.content h1 {
  border-bottom: dotted 2px #c7cfd5;
  line-height: 2.2em;
  margin-bottom: 15px;
}

.field-validation-error {
  color: #B94A48;
}

.right {
  text-align: right;
}

.content a {
  color: #08c;
  text-decoration: underline;
}

  .content a:hover {
    color: #1c3d54;
    text-decoration: underline;
  }

/* Revised Bootstrap Layout
-----------------------------------------------------------*/
.container .header-container {
  background: url(images/header-bg.png) no-repeat -30px 0;
  min-height: 70px;
  margin-top: 15px;
}

.company-logo {
  margin-top: 25px;
}

ul.header-items {
  list-style: none;
  float: right;
}

  ul.header-items li {
    float: left;
    text-align: right;
    padding-left: 30px;
  }

  ul.header-items li.first {
  padding-left:0
  }

.container .subnav {
  margin-top: 10px;
  margin-bottom: 10px;
  clear: both;
}

/* Error Pages
-----------------------------------------------------------*/
.error .header {
  background: url(images/header-bg.png) no-repeat -30px 0;
  min-height: 70px;
  margin-top: 15px;
}

.error .logo {
  background: url(images/mdtlogo-sm.png) no-repeat 0 20px;
  width: 150px;
  height: 69px;
}


.error .container {
  background: #EAEAEA;
  border: solid 1px #777;
  padding: 20px;
  margin-top: 20px;
  width: 500px;
}

/* OVERIDES - header, company-logo, Superfish
-------------------------------------------------- */
.subhead div.row.header.internal {
  background: url(images/internal-header-bg.png) no-repeat 0 0;
  padding-top: 15px;
}

div.company-logo div img {
  margin-left: 5px;
}

.sf-menu {
  padding-top: 0;
  line-height: inherit;
}

  .sf-menu a, .sf-menu a:visited {
    color: #1C3D54;
    text-decoration: none;
  }

  .sf-menu ul {
    width: 15em;
  }

  .sf-menu li li {
    background: #f1f1f2;
  }

  .sf-menu li:hover ul, .sf-menu li.sfHover ul {
    top: 3em;
  }

.sf-shadow ul {
  border-bottom: 0;
  -webkit-border-top-right-radius: 0;
  -webkit-border-bottom-left-radius: 0;
}

.subhead .row {
  margin-left: 0;
}

.subhead [class*="span"] {
  margin-left: 0;
}

/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error {
  color: #ff0000;
  font-size: 10px;
  display: inline;
}

.field-validation-valid {
  display: none;
}

.input-validation-error {
  border: 1px solid #ff0000;
  background-color: #ffeeee;
}

.validation-summary-errors {
  font-weight: bold;
  color: #ff0000;
}

.validation-summary-valid {
  display: none;
}

/* Fixed subnav on scroll, but only for 980px and up (sorry IE!) */
@media (min-width: 980px) {
  .subnav-fixed {
    position: fixed;
    top: 40px;
    left: 0;
    right: 0;
    z-index: 1020; /* 10 less than .navbar-fixed to prevent any overlap */
    border-color: #d5d5d5;
    border-width: 0 0 1px; /* drop the border on the fixed edges */
    background-color: #c5cdd1;
  }

    .subnav-fixed .nav {
      width: 938px;
      margin: 0 auto;
      padding: 0 1px;
    }

  .subnav .nav > li:first-child > a, .subnav .nav > li:first-child > a:hover {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
  }

  .subhead div.row.header.internal {
    background: url(images/internal-header-bg.png) no-repeat -225px 0;
  }

  .boat-option-edit {
    width: 73%;
  }
}

@media \0screen /* IE8 only */
{
  .boat-option-edit {
    width: 73%;
  }
}


/* Responsive Docs
-------------------------------------------------- */
@media (max-width: 480px) {

  /* Change up some type stuff */
  h2 {
    margin-top: 27px;
  }

    h2 small {
      display: block;
      line-height: 18px;
    }

  h3 {
    margin-top: 18px;
  }

  /* Masthead (home page jumbotron) */
  .masthead {
    padding-top: 0;
  }

  .subhead div.row.header {
    background: none;
  }


}



@media (max-width: 768px) {

  /* Remove any padding from the body */
  body {
    padding-top: 0;
  }

  .subhead div.row.header {
    background: none;
  }


  .subhead .row > [class*="span"], .subhead .row-fluid > [class*="span"] {
    float: left;
    display: inline;
    width: auto;
    margin: 0;
  }

  .dealer-login {
    padding-bottom: 10px;
  }

  div.dealer-login:hover {
  }

  /* Subnav */
  .subnav {
    position: static;
    top: auto;
    z-index: auto;
    width: auto;
    height: auto;
    background: #fff; /* whole background property since we use a background-image for gradient */
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
  }

    .subnav ul {
      border: 0;
    }

    .subnav .nav > li {
      background: #C5CDD1;
    }

      .subnav .nav > li > a {
        border-bottom: 1px solid #fff;
      }

      .subnav .nav > li + li > a {
      }

      .subnav .nav > li:first-child > a, .subnav .nav > li:first-child > a:hover {
      }

  /* Popovers */
  .large-bird {
    display: none;
  }

  .popover-well .popover-wrapper {
    margin-left: 0;
  }

  /* Space out the show-grid examples */
  .show-grid [class*="span"] {
    margin-bottom: 5px;
  }

  /* Unfloat the back to top link in footer */
  .footer .pull-right {
    float: none;
  }

    .footer .pull-right ul {
      display: block;
      width: auto;
      text-align: center;
    }

      .footer .pull-right ul li {
        text-align: center;
        float: none;
        display: inline;
      }

  .footer p {
    margin-bottom: 9px;
    font-size: .8em;
    text-align: center;
    clear: both;
  }

  .footer {
    background-image: none;
  }
}


@media (min-width: 480px) and (max-width: 768px) {
  .boat-option-edit {
    width: 530px;
  }

}

@media (min-width: 768px) and (max-width: 980px) {
  .subhead div.row.header.internal {
    background: url(images/internal-header-bg.png) no-repeat -400px 0;
  }
  /* Remove any padding from the body */
  body {
    padding-top: 0;
  }


  .subhead div.row.header {
    background: url(images/header-bg.png) no-repeat -80px 0;
  }

  .boat-option-edit {
    width: 68%;
  }
}


@media (max-width: 980px) {

  ul.header-items {
    margin-top: 50px;
  }
}

@media (max-width: 767px) {

  .container {
    width: auto;
  }

  ul.header-items {
    margin-top: 0px;
    margin-left: 0;
    clear: both;
    float: left;
  }


}

@media (min-width: 480px) and (max-width: 768px) {

 

}
@media (max-width: 539px) {
  ul.header-items li.last {
    padding-left: 0;
    clear: left;
  }
}
@media (max-width: 480px) {

  .container {
    width: 430px;
  }

  ul.header-items li.last {
  padding-left:0
  }
}

/* LARGE DESKTOP SCREENS */
@media (min-width: 1210px) {

  /* Update subnav container */
  .subnav-fixed .nav {
    width: 1168px; /* 2px less to account for left/right borders being removed when in fixed mode */
  }

  .subhead div.row.header {
    background: url(images/header-bg.png) no-repeat 0 0;
  }

    .subhead div.row.header.internal {
      background: url(images/internal-header-bg.png) no-repeat 0 0;
    }
}


/* OTHER OVERIDES
-------------------------------------------------- */

.internal-layout {
  min-width: 780px;
}