#genie #history {
  position: absolute;
  top: 140px;
  left: 257px;
  width: 696px;
  z-index: 6;
}
  #genie #history .topbar {
    width: 728px;
    height: 8px;
    background-color: #00aeef;
  }
  #genie #history .tab {
    position: relative;
    width: 189px;
    height: 32px;
    padding: 0 0 0 10px;
    background: url(/resources/images/genie/bg-history-tab.png) no-repeat;
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
  }
    #genie #history .title {
      float: left;
      line-height: 32px;
    }
    #genie #history a.close {
      position: absolute;
      right: 7px;
      top: 6px;
      z-index: 3;
      text-indent: -999em;
      display: block;
      background: url(/resources/images/genie/btn-close.png) no-repeat;
      width: 18px;
      height: 18px;
      cursor: pointer;
      outline: 0;
    }
  
  /* History Items 
   ---------------------------------------------*/
  #genie #history-wrapper {
    position: relative;
  }
  #genie #history-items {
    position: absolute;
    top: 0;
    left: 0;
    height: 140px;
  }
    /* Hide the carousel until loaded */
    /*#genie #history-items .carousel {
          position: relative;
          visibility: hidden;
          left: -5000px;
          display: none;
        }*/
    #genie #history-items li {
      width: 232px;
      height: 117px;
      margin: 0 0 0 0;
      padding: 40px 1px 0 0;
      float: left;
    }
    #genie #history-items li .col {
      float: left;
    }
      #genie #history-items li .col-first {
        width: 84px;
      }
      #genie #history-items li .col-last {
        width: 141px;
      }
    #genie #history-items li .header {
      background-color: #f0f0f0;
      border-left: 1px solid #e8e9ea;
      border-bottom: 1px solid #e8e9ea;
      line-height: 22px;
      width: 232px;
      float: left;
    }
    #genie #history-items li .inner {
      background: #f0f0f0;
      width: 227px;
      padding: 8px 5px 0 0;
      border-left: 1px solid #e8e9ea;
      display: inline-block;
      height: 130px;
    }
    .ie7 #genie #history-items li .inner {
      margin-top: -30px;
    }
    #genie #history-items li .category {
      color: #a1a1a6;
      font-size: 10px;
      text-transform: uppercase;
      margin: 0 0 0 10px;
      float: left;
      width: 180px;
      text-indent: 75px;
    }
    #genie #history-items li .thumbnail {
      position: absolute;
      top: -36px;
      left: 0;
    }
    #genie #history-items li .vote-choice {
      font-size: 10px;
      line-height: 10px;
      font-weight: bold;
      text-transform: uppercase;
      margin: 0 0 3px 0;
    }
    #genie #history-items li .dislike {
      color: #ff0000;
    }
    #genie #history-items li .like {
      color: #6fae1e;
    }
    #genie #history-items li .saved {
      color: #a1a1a6;
    }
    #genie #history-items .product-name {
      font-size: 14px;
      line-height: 18px;
      color: #333;
    }
    
  /* History item hover states */
  #genie #history-items li.hover {
    cursor: pointer;
  }
  #genie #history-items li.hover .inner {
    background-color: #fff;
  }
  #genie #history-items li.hover .header {
    background-color: #fff;
  }
  #genie #history-items li.hover .product-name {
    color: #0072C7;
  }
  
  /* History Scroll Arrows
   ---------------------------------------------*/
  #genie #history-scroll-arrows {
    position: absolute;
    right: -32px;
    top: 40px;
    width: 30px;
    border-left: 1px solid #e8e9ea;
    border-right: 1px solid #e8e9ea;
    z-index:6;
  }
    #genie #history-scroll-arrows a {
      background: url(/resources/images/genie/scroll-arrows.png) no-repeat;
      display: block;
      width: 30px;
      height: 49px;
      text-indent: -999em;
      outline: 0;
    }
    #genie #history-scroll-arrows a.next {
      border-bottom: 1px solid #e8e9ea;
    }
      #genie #history-scroll-arrows a.next:hover,
      #genie #history-scroll-arrows a.next.active
      {
        background-position: 0 -50px;
      }
    #genie #history-scroll-arrows a.previous {
      background-position: -31px 0;
    }
      #genie #history-scroll-arrows a.previous:hover,
      #genie #history-scroll-arrows a.previous.active {
        background-position: -31px -50px;
      }