/* .nav {
    height: 40px;
    background: #ccc;
    padding:0;
  }
  
  .nav li {
    list-style:none;
    float:left;
    border-right: 1px solid #fff;
  }
  
  .nav a {
    display:block;
    float:left;
    padding: 0 20px;
    text-decoration:none;
    font:bold 14px/40px sans-serif;
    color: #555;
    position:relative; /* must have this */

  /* }
  
  .nav a:hover {
    background:#555;
    color:#ccc;
  }
  
  .nav .title {
          position: absolute; /* must have this */
        /* background: #000;
          background: rgba(0,0,0,.7);
          color: #fff;
          font: normal 11px/15px sans-serif;
          padding: 3px 10px;
          border-radius: 3px;
      white-space: nowrap;
  }  */
 


  /* ##################################################### */

.couponcode {
    color: red;
    cursor: pointer;
}

.couponcode:hover .coupontooltip {
    display: block;
}

.coupontooltip {
    position: absolute;
    white-space: nowrap;
    display: none;
    background: #ffffcc;
    border: 1px solid black;
    color: black;
    padding: 5px;
    z-index: 1000;
}