/* Toad Marine Supply 
  * Design and development by Aktion Associates
  * gmiller@aktion.com
  * 1-17-2013
  */
@font-face {
  font-family: 'EdoRegular';
  src: url("../fonts/edo-webfont.eot");
  src: url("../fonts/edo-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/edo-webfont.woff") format("woff"), url("../fonts/edo-webfont.ttf") format("truetype"), url("../fonts/edo-webfont.svg#EdoRegular") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'AsapRegular';
  src: url("../fonts/Asap-Regular-webfont.eot");
  src: url("../fonts/Asap-Regular-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/Asap-Regular-webfont.woff") format("woff"), url("../fonts/Asap-Regular-webfont.ttf") format("truetype"), url("../fonts/Asap-Regular-webfont.svg#AsapRegular") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'AsapBold';
  src: url("../fonts/Asap-Bold-webfont.eot");
  src: url("../fonts/Asap-Bold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/Asap-Bold-webfont.woff") format("woff"), url("../fonts/Asap-Bold-webfont.ttf") format("truetype"), url("../fonts/Asap-Bold-webfont.svg#AsapBold") format("svg");
  font-weight: normal;
  font-style: normal; }

/* line 59, ../sass/screen.scss */
body, h3, h5, h6 {
  font: 14px/20px "AsapRegular", Arial, sans-serif;
  letter-spacing: 0; }

/* line 62, ../sass/screen.scss */
a, a.unselected {
  font: 14px/20px "AsapBold", Arial, sans-serif;
  letter-spacing: 0;
  color: #056838; }

/* line 66, ../sass/screen.scss */
body.standard {
  background: url("../images/knitted-netting.png") repeat 0 0;
  overflow-y: scroll; }

/* line 70, ../sass/screen.scss */
a:focus {
  outline: none; }

/* line 73, ../sass/screen.scss */
a:hover, a:visited, a.has-tip:hover, a.has-tip:visited {
  text-decoration: none;
  border: none; }

/* line 77, ../sass/screen.scss */
a:hover {
  color: #034123; }

/* line 80, ../sass/screen.scss */
a.selected {
  color: #858585; }

/* line 85, ../sass/screen.scss */
h3 {
  color: #616161;
  font-size: 22px;
  margin-top: 82px;
  font-weight: bold; }

/* line 92, ../sass/screen.scss */
h4.fontface {
  font: 24px/0 "EdoRegular", Arial, sans-serif;
  letter-spacing: 0;
  text-transform: uppercase;
  margin-left: 20px;
  margin-top: 40px; }

/* line 99, ../sass/screen.scss */
footer h4.fontface,
#content-panel h4.fontface {
  color: #858585;
  margin: 0;
  line-height: 1.5em; }

/* line 104, ../sass/screen.scss */
h4.marine {
  background: url("../images/gear.png") 224px 0 no-repeat transparent;
  padding: 14px 0;
  margin-bottom: 0px; }

/* line 109, ../sass/screen.scss */
h4.sailboats {
  background: url("../images/sailboat.png") 140px 0 no-repeat transparent;
  padding: 14px 0;
  margin-bottom: 0px; }

/* line 114, ../sass/screen.scss */
h4.ships {
  background: url("../images/lifebouy.png") 130px 0 no-repeat transparent;
  padding: 14px 0;
  margin-bottom: 0px; }

/* line 122, ../sass/screen.scss */
.bridge {
  width: 100%;
  background-color: white;
  height: 148px;
  margin: 50px 0 0;
  border-top: 1px solid #056838;
  zoom: 1;
  /* For IE 6/7 (trigger hasLayout) */
  box-shadow: 0 0 18px black; }

/* line 132, ../sass/screen.scss */
.masthead {
  background: white url(../images/bridge.png) no-repeat 100% 0;
  margin-top: 10px; }

/* line 136, ../sass/screen.scss */
.carbon {
  background: url(../images/carbon_fibre.png) repeat 50% 50% black;
  width: 100%; }
  /* line 140, ../sass/screen.scss */
  .carbon footer {
    margin: 20px auto 0;
    padding: 1em; }
    /* line 143, ../sass/screen.scss */
    .carbon footer p {
      color: #aaa;
      line-height: 1.2em; }
    /* line 147, ../sass/screen.scss */
    .carbon footer a.inline-contact {
      color: #056838; }
    /* line 150, ../sass/screen.scss */
    .carbon footer .button {
      padding: 10px; }

/* line 156, ../sass/screen.scss */
.centergroup {
  float: left;
  width: 100%;
  text-align: center;
  position: relative; }
  /* line 161, ../sass/screen.scss */
  .centergroup ul {
    list-style: none;
    display: block;
    clear: left;
    float: left;
    margin: 0;
    text-align: center; }
    /* line 169, ../sass/screen.scss */
    .centergroup ul li.submenu {
      display: inline-block;
      text-align: center; }
      /* line 173, ../sass/screen.scss */
      .centergroup ul li.submenu a {
        padding: 0 0 0 5px;
        margin: 5px 5px 0 0;
        display: block;
        border-left: 1px solid black; }
    /* line 182, ../sass/screen.scss */
    .centergroup ul .first a {
      border: none !important; }

/* line 188, ../sass/screen.scss */
.title {
  padding-top: 20px; }
  /* line 190, ../sass/screen.scss */
  .title h1 {
    font: 24px/20px "AsapRegular", Arial, sans-serif;
    letter-spacing: 0;
    margin-bottom: 8px; }
  /* line 194, ../sass/screen.scss */
  .title h3 {
    font: 20px/20px "AsapRegular", Arial, sans-serif;
    letter-spacing: 0;
    margin: 20px 0 10px; }

/* line 200, ../sass/screen.scss */
.policy h3 {
  font: 20px/20px "AsapRegular", Arial, sans-serif;
  letter-spacing: 0;
  margin: 20px 0 10px; }
/* line 204, ../sass/screen.scss */
.policy h5 {
  font: 17px/20px "AsapRegular", Arial, sans-serif;
  letter-spacing: 0; }
/* line 207, ../sass/screen.scss */
.policy ul {
  margin-left: 20px; }

/* line 213, ../sass/screen.scss */
.group {
  margin: 0;
  padding: 10px 10px 0;
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  -ms-border-radius: 16px;
  -o-border-radius: 16px;
  border-radius: 16px;
  border: 4px solid #858585;
  background-color: white;
  height: 280px;
  box-shadow: 4px 4px 10px #656565;
  zoom: 1;
  /* For IE 6/7 (trigger hasLayout) */ }
  /* line 223, ../sass/screen.scss */
  .group ul {
    list-style: none; }
    /* line 227, ../sass/screen.scss */
    .group ul li .category {
      margin: 0;
      padding: 0; }
    /* line 232, ../sass/screen.scss */
    .group ul li a {
      font: 14px/0px "AsapRegular", Arial, sans-serif;
      letter-spacing: 0; }
  /* line 237, ../sass/screen.scss */
  .group ul img {
    text-align: center; }
  /* line 238, ../sass/screen.scss */
  .group ul.boatstores {
    padding-top: 10px;
    text-align: center; }
  /* line 243, ../sass/screen.scss */
  .group ul.shipstores {
    width: 50%; }
    /* line 245, ../sass/screen.scss */
    .group ul.shipstores li {
      line-height: 1;
      margin-bottom: 9px; }

/* line 251, ../sass/screen.scss */
.boats ul li.category {
  font: 14px/14px "AsapRegular", Arial, sans-serif;
  letter-spacing: 0;
  width: 126px;
  white-space: normal; }

/* line 257, ../sass/screen.scss */
.group:before, .boatstores:before, .bridge:before, .autocenter:before,
.group:after, .boatstores:after, .bridge:after, .autocenter:after {
  content: "";
  display: table; }

/* line 261, ../sass/screen.scss */
.group:after, .boatstores:after, .bridge:after, .autocenter:after {
  clear: both; }

/* line 264, ../sass/screen.scss */
.left {
  float: left; }

/* line 267, ../sass/screen.scss */
.right {
  float: right; }

/* line 273, ../sass/screen.scss */
#content-panel {
  color: #EEE;
  display: none;
  padding: 10px;
  width: 740px;
  margin: 0 auto; }
  /* line 279, ../sass/screen.scss */
  #content-panel a.inline-contact {
    color: #056838; }

/* line 283, ../sass/screen.scss */
.slide {
  margin: 0 auto;
  padding: 10px 0; }

/* line 289, ../sass/screen.scss */
.btn-slide, .button {
  text-align: center;
  display: block;
  font: bold 120%/100%;
  color: white;
  text-decoration: none;
  width: 166px;
  text-decoration: none;
  padding: 10px 16px 10px 0;
  background-color: #056838;
  border-radius: 12px;
  border: 4px white solid;
  line-height: 10px; }
  /* line 302, ../sass/screen.scss */
  .btn-slide:hover, .btn-slide:visited, .button:hover, .button:visited {
    background-color: #055e33;
    color: white;
    text-decoration: none;
    border: 4px white solid; }

/* line 309, ../sass/screen.scss */
a.btn-slide:focus, a.btn-slide:visited {
  color: white !important; }

/* line 312, ../sass/screen.scss */
.contact {
  padding: 10px; }

/* line 313, ../sass/screen.scss */
.btn-slide {
  background: url(../images/white-arrow.gif) no-repeat 110px -49px #056838; }

/* line 316, ../sass/screen.scss */
.active {
  background-position: 110px 12px; }

/* line 319, ../sass/screen.scss */
.contact-form {
  padding: 20px 0 0; }
  /* line 321, ../sass/screen.scss */
  .contact-form h3 {
    margin: 0; }

@media only screen and (max-width: 930px) {
  /* line 327, ../sass/screen.scss */
  h4.fontface {
    white-space: nowrap;
    margin-left: 4px; }

  /* line 328, ../sass/screen.scss */
  .group {
    height: 330px; }

  /* line 332, ../sass/screen.scss */
  ul.boatstores li.category {
    max-width: 100px;
    white-space: normal;
    line-height: 18px; }
    /* line 336, ../sass/screen.scss */
    ul.boatstores li.category img {
      max-width: 100px; }

  /* line 341, ../sass/screen.scss */
  .btn-slide, .button {
    margin: 0 auto; }

  /* line 342, ../sass/screen.scss */
  #content-panel {
    width: 100%;
    padding: 20px; }

  /* line 346, ../sass/screen.scss */
  .autocenter {
    margin: 0 auto;
    max-width: 404px; } }
@media only screen and (max-width: 767px) {
  /* line 353, ../sass/screen.scss */
  .masthead {
    background: none white; }

  /* line 354, ../sass/screen.scss */
  h4.fontface {
    margin-left: 40px; }

  /* line 357, ../sass/screen.scss */
  .group {
    width: 90%;
    margin-left: 20px;
    max-height: 158px; }
    /* line 361, ../sass/screen.scss */
    .group li, .group li.left, .group li.right {
      float: left; }

  /* line 365, ../sass/screen.scss */
  h1 img {
    max-width: 200px;
    min-width: 200px; }

  /* line 369, ../sass/screen.scss */
  h3 {
    margin: 0 auto;
    font-size: 18px; }

  /* line 370, ../sass/screen.scss */
  .wide {
    display: none; } }
@media only screen and (max-width: 630px) {
  /* line 374, ../sass/screen.scss */
  .bridge {
    margin-top: 0; }

  /* line 375, ../sass/screen.scss */
  .engines .group {
    max-height: 300px; }
    /* line 377, ../sass/screen.scss */
    .engines .group li.category {
      float: none;
      text-align: center; }

  /* line 382, ../sass/screen.scss */
  .boats .group {
    height: 160px; }

  /* line 385, ../sass/screen.scss */
  .misc .group {
    height: 180px; }

  /* line 388, ../sass/screen.scss */
  .slide {
    width: 100%; }

  /* line 389, ../sass/screen.scss */
  h1 {
    margin: 0; }

  /* line 390, ../sass/screen.scss */
  bridge.row, footer.row {
    text-align: center; } }
@media only screen and (max-width: 500px) {
  /* line 397, ../sass/screen.scss */
  .group {
    margin-left: 5px; }

  /* line 398, ../sass/screen.scss */
  .group ul.boatstores {
    padding-top: 0; }

  /* line 401, ../sass/screen.scss */
  .boats .group {
    height: auto;
    max-height: 308px; }

  /* line 406, ../sass/screen.scss */
  .misc .group {
    min-height: 240px; }

  /* line 409, ../sass/screen.scss */
  .autocenter {
    margin: 0 auto;
    max-width: 214px; }

  /* line 413, ../sass/screen.scss */
  h1 {
    margin: 0 auto; } }
@media only screen and (max-width: 370px) {
  /* line 416, ../sass/screen.scss */
  h4.fontface, h3 {
    font-size: 18px;
    background-image: none; }

  /* line 417, ../sass/screen.scss */
  h3 {
    font-size: 16px; }

  /* line 418, ../sass/screen.scss */
  group ul.boatstores {
    padding-top: 0;
    height: auto%;
    max-height: 100%; }

  /* line 423, ../sass/screen.scss */
  .boats .group {
    height: auto;
    max-height: 100%; }

  /* line 428, ../sass/screen.scss */
  .misc .group {
    height: auto;
    min-height: 350px;
    max-height: 100%; }

  /* line 433, ../sass/screen.scss */
  .centergroup ul {
    float: none; }
    /* line 435, ../sass/screen.scss */
    .centergroup ul li.submenu {
      display: block;
      text-align: left; }
      /* line 438, ../sass/screen.scss */
      .centergroup ul li.submenu a, .centergroup ul li.submenu a.first {
        border: 0 !important;
        border-bottom: 1px solid black !important;
        padding: 8px 5px; } }