﻿#MainPanel div.Table {
  width: 1000px; }
  #MainPanel div.Table > div.Command {
    text-align: left; }
    #MainPanel div.Table > div.Command input {
      margin-left: 10px;
      padding: 5px;
      border: 1px solid #b8b8b8;
      -moz-border-radius: 5px;
      -webkit-border-radius: 5px;
      border-radius: 5px; }
  #MainPanel div.Table a.TextIconButton {
    width: 1.25em; }
  #MainPanel div.Table > dl {
    width: inherit;
    display: block;
    margin: 2px auto; }
    #MainPanel div.Table > dl dt, #MainPanel div.Table > dl dd {
      margin: 0px 2px; }
    #MainPanel div.Table > dl.Header {
      line-height: 40px;
      font-weight: 700; }
      #MainPanel div.Table > dl.Header dt {
        text-align: center;
        color: #fff;
        background-color: #595959;
        display: inline-block;
        padding: 0px 5px; }
    #MainPanel div.Table > dl.Item dt {
      display: none; }
    #MainPanel div.Table > dl.Item dd {
      padding: 0px 5px;
      line-height: 25px;
      vertical-align: middle;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      display: inline-block;
      vertical-align: top; }
      #MainPanel div.Table > dl.Item dd input, #MainPanel div.Table > dl.Item dd select {
        width: calc(100% - 2px);
        text-align: inherit;
        font-size: inherit;
        height: auto;
        margin: 0px;
        border: solid 1px #b8b8b8;
        padding: 0px; }
      #MainPanel div.Table > dl.Item dd input[type=text], #MainPanel div.Table > dl.Item dd input[type=number] {
        padding: 3px 0px; }
      #MainPanel div.Table > dl.Item dd input[readonly='readonly'] {
        border: none;
        background: transparent; }
    #MainPanel div.Table > dl.Item:nth-of-type(odd) dt, #MainPanel div.Table > dl.Item:nth-of-type(odd) dd {
      background-color: #fdfdfd; }
    #MainPanel div.Table > dl.Item:nth-of-type(even) dt, #MainPanel div.Table > dl.Item:nth-of-type(even) dd {
      background-color: #f5f5f5; }
    #MainPanel div.Table > dl.Item + dl.Subitem {
      border-top: solid 1px #aacd06; }
    #MainPanel div.Table > dl.Subitem + dl.Item {
      border-top: solid 2px #aacd06; }
    #MainPanel div.Table > dl.Subitem + dl.Subitem {
      border-top: none; }
    #MainPanel div.Table > dl.Subitem:last-of-type {
      border-bottom: solid 2px #aacd06; }
    #MainPanel div.Table > dl.Command {
      text-align: center;
      padding: 10px 0px;
      display: block; }

#MainPanel div.RoleList dl {
  font-size: 14px; }
  #MainPanel div.RoleList dl dt:nth-of-type(1), #MainPanel div.RoleList dl dd:nth-of-type(1) {
    width: 90px;
    text-align: center; }
    #MainPanel div.RoleList dl dt:nth-of-type(1) a, #MainPanel div.RoleList dl dd:nth-of-type(1) a {
      width: 15px; }
  #MainPanel div.RoleList dl dt:nth-of-type(2), #MainPanel div.RoleList dl dd:nth-of-type(2) {
    width: 70px;
    text-align: center; }
  #MainPanel div.RoleList dl dt:nth-of-type(3), #MainPanel div.RoleList dl dd:nth-of-type(3) {
    width: 130px; }
  #MainPanel div.RoleList dl dt:nth-of-type(4), #MainPanel div.RoleList dl dd:nth-of-type(4) {
    width: 160px; }

#MainPanel div.Table > dl.Empty dd {
  width: calc(100% - 24px);
  text-align: left; }

@media only screen and (max-width: 1017px) {
  #MainPanel div.Table {
    width: 100%; }
    #MainPanel div.Table > dl {
      width: 100%;
      display: block;
      margin: 0px; }
      #MainPanel div.Table > dl dt, #MainPanel div.Table > dl dd {
        margin: 0px; }
      #MainPanel div.Table > dl.Header {
        display: none; }
      #MainPanel div.Table > dl.Item dd {
        width: calc(100% - 20px);
        text-align: left; }
        #MainPanel div.Table > dl.Item dd[data-title]::before {
          content: attr(data-title);
          display: inline-block;
          width: 100px;
          font-weight: 700; }
        #MainPanel div.Table > dl.Item dd input {
          width: calc(100% - 120px);
          padding: 3px 5px;
          -moz-border-radius: 5px;
          -webkit-border-radius: 5px;
          border-radius: 5px; }
        #MainPanel div.Table > dl.Item dd select {
          width: calc(100% - 108px);
          padding: 3px 5px;
          -moz-border-radius: 5px;
          -webkit-border-radius: 5px;
          border-radius: 5px; }
  #MainPanel div.Banners dl dd:nth-of-type(8) img {
    max-width: calc(100% - 120px); }
  #MainPanel div.ProductBackgroundImages dl dd:nth-of-type(3) img {
    max-width: calc(100% - 120px); }
  #MainPanel div.QuickLinks dl dd:nth-of-type(7) img {
    max-width: calc(100% - 120px); }
  #MainPanel .SidePanel div.Table {
    width: 100%; }
  #MainPanel .SidePanel .OrderForm div.Table {
    width: 100%; }
  #MainPanel .SidePanel div#ShoppingCartPanel div.ShoppingCartItemList {
    width: 100%; }
    #MainPanel .SidePanel div#ShoppingCartPanel div.ShoppingCartItemList > dl {
      width: calc(100% - 20px); }
      #MainPanel .SidePanel div#ShoppingCartPanel div.ShoppingCartItemList > dl.Item dd {
        font-size: 15px;
        width: 100%;
        text-align: left; }
  #MainPanel div#ShoppingCartPanel div.ShoppingCartItemList {
    width: 100%; }
    #MainPanel div#ShoppingCartPanel div.ShoppingCartItemList > dl {
      width: calc(100% - 20px); }
      #MainPanel div#ShoppingCartPanel div.ShoppingCartItemList > dl.Item dd {
        width: 100%;
        text-align: left; }
        #MainPanel div#ShoppingCartPanel div.ShoppingCartItemList > dl.Item dd[data-title]::before {
          content: attr(data-title);
          display: inline-block;
          width: 80px;
          font-weight: 700; }
        #MainPanel div#ShoppingCartPanel div.ShoppingCartItemList > dl.Item dd input, #MainPanel div#ShoppingCartPanel div.ShoppingCartItemList > dl.Item dd select {
          width: calc(100% - 100px); }
        #MainPanel div#ShoppingCartPanel div.ShoppingCartItemList > dl.Item dd a.TextIconButton {
          width: calc(100% - 100px); }
  #MainPanel div.OrderItemList > dl {
    font-size: 15px; } }

.Akamai-Menu {
  background-image: url(../images/AkamaiMenuIcon.svg);
  background-size: 100% 100%; }
