/* ******************************** */
/* ******************************** */
/* CSS for new ribbon style header  */
/* ******************************** */
/* ******************************** */
.headerwrap {
  color: #1f97bb; }
  .headerwrap:after {
    content: "";
    display: table;
    clear: both; }
  .headerwrap .primary {
    background: #051F38;
    font-size: 16px;
    height: 60px;
    display: block; }
    .headerwrap .primary:after {
      content: "";
      display: table;
      clear: both; }
    .headerwrap .primary .centerwrap {
      max-width: 1000px;
      margin: 0 auto;
      position: relative; }
    .headerwrap .primary h1 {
      margin: 0;
      float: left; }
      .headerwrap .primary h1 a {
        text-indent: -9999px;
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        border: 1px solid #f0f0f0;
        background: #fff url("/theme/images/common/logo.png") no-repeat center center;
        background-size: 80%;
        width: 80px;
        height: 80px;
        margin-left: 20px; }
        @media (min-width: 720px) {
          .headerwrap .primary h1 a {
            width: 100px;
            height: 100px; } }
        @media (min-width: 1024px) {
          .headerwrap .primary h1 a {
            margin-left: 0px; } }
    .headerwrap .primary ul.headerinfo {
      padding: 0;
      list-style-type: none;
      height: 60px;
      float: right; }
      .headerwrap .primary ul.headerinfo li {
        float: right;
        color: #fff; }
        .headerwrap .primary ul.headerinfo li.order {
          float: left; }
        .headerwrap .primary ul.headerinfo li.personinfo {
          display: inline-block;
          border-right: 2px solid #FFB120;
          color: #fff;
          padding-right: 20px;
          margin-left: 30px;
          text-align: right;
          height: 2.4em; }
          .headerwrap .primary ul.headerinfo li.personinfo .customer {
            padding-top: 8px;
            display: block; }
        .headerwrap .primary ul.headerinfo li.logout a {
          padding: 8px 20px;
          display: block;
          color: #fff;
          font-weight: bold; }