
/* -------------------------------------------------------------------------- */
/* BASKET TOP MENU
/* -------------------------------------------------------------------------- */

  #basket-top-row
  {
    padding-top: 4px;
    margin-bottom: 40px;
  }

  #column-2 #basket-top-menu
  {
    margin: 0px auto;
    padding: 0px;
    font-size: 120%;
  }

  #column-2 #basket-top-menu li
  {
    display: inline-block;
    padding: 0px;
    margin: 0px 10px 0px 0px;
    background: #E5E1DC;

  }

  #basket-top-menu li .num
  {
    display: inline-block;
    padding: 12px 20px;
    background: #0082C9;
    color: #FFFFFF;
    font-weight: bold;
  }

  #basket-top-menu li .caption
  {
    display: inline-block;
    padding: 12px 20px 12px 10px;
  }

  /* done button */
     #basket-top-menu li.done
    {
      cursor: pointer;
    }


  /* active button */

    #basket-top-menu li.active .num
    {
      background: #D1232A;
    }

    #basket-top-menu li.active .caption
    {
      color: #000000;
    }

  /* inactive button */
    #basket-top-menu li.inactive  .num
    {
      background: #B3B3B3;
    }


/* -------------------------------------------------------------------------- */
/* BASKET BUTTONS
/* -------------------------------------------------------------------------- */

  #basket-buttons
  {
    height: 50px;
  }

  .basket-btn
  {
    background: #0082C9;
    color: #FFFFFF;
    font-weight: bold;
    font-size: 130%;
    padding:  15px 50px;
    text-align: center;
    border:  0px;
    cursor: pointer;
  }

  .basket-btn-disabled
  {
    opacity: 0.35;
    cursor: default;
  }


  .basket-btn-prev
  {
    float: left;
    background: #B3B3B3;
    font-size: 110%;
    padding:  10px 25px;
    margin-top: 16px;
  }

  .basket-btn-prev:hover
  {
    background: #0082C9;
  }

  .basket-btn-next
  {
    float: right;
  }

