.discount-holder
  p
    white-space: nowrap
    margin-bottom: 4px
  ul.discount-bar
    display: table
    width: 100%
    table-layout: fixed
    position: relative
    list-style: none
    margin: 0
    padding: 0
    background-color: #f3f3f3
    border: solid 1px #d8d8d8
    border-radius: 5px
    box-shadow: inset 0 0 5px 5px #d8d8d8
    overflow: hidden
    li
      display: table-cell
      text-align: center
      margin: 0
      padding: 0
      height: 24px
      line-height: 24px
      border-left: 1px dashed #d6cfc9
      font-size: 13px
      white-space: nowrap
      cursor: pointer
      &.active
        background-color: #9ddb72
        font-weight: bold
        color: white
      &:hover
        background-color: $blue
        color: white
        border-left: 1px solid #d6cfc9