.tabs {
  margin: 10px 0 1em 0;
  font-size: 1.4rem; }
  .tabs ul.primary {
    margin: 0;
    border: none;
    border-bottom: 1px solid #013243;
    overflow: visible; }
    .tabs ul.primary li {
      display: block;
      float: left;
      border: 1px solid #013243;
      padding: 0;
      margin: 0 5px 0 0;
      top: 1px; }
      .tabs ul.primary li:hover {
        border-color: #005c7d; }
      .tabs ul.primary li a {
        padding: .5em 1em;
        line-height: 1em;
        border: none;
        background: #013243;
        color: #fff;
        display: block;
        margin: 0; }
        .tabs ul.primary li a:hover {
          background: #005c7d; }
      .tabs ul.primary li.active {
        border-bottom: 1px solid #fff;
        position: relative;
        top: 1px; }
        .tabs ul.primary li.active a {
          background: #fff;
          color: #013243;
          font-weight: bold; }