/*  ----------------------------------------------
    how to buy.css
    author: Regi E. (rellis@pushhere.com, Lead Dev)
    
    req/location
      styles/how to buy.css
    ----------------------------------------------  */


/*  +TOC
    ----------------------------------------------   
    1. LOCAL OVERRIDE SELECTORS
    2. FEATURED DECK SELECTORS
    3. REGISTER BUTTON SELECTORS
    4. AUCTION PROCESS SELECTORS
    5. BID CONTACT SELECTORS
    6. BID INCREMENTS SELECTORS
    ----------------------------------------------  */


/*  =LOCAL OVERRIDE SELECTORS
    ----------------------------------------------  */
    #buyers-info {
      background-position: 4px 0;
    }
    #buyers-info h4 {
      color: #fff;
    }
    #buyers-info h3 a {
      color: #fff;
    }
    .bullet-points {
      margin: 0 15px 30px;
    }
    .bullet-points li {
      background-position: -8px -5px;
    }
    .smoothscroll {
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      text-indent: -9999px;
      width: 100%;
      height: 297px;
    }
    #buyers-content > p {
      padding-bottom: 20px;
    }


/*  =FEATURED DECK SELECTORS
    ----------------------------------------------  */
    #featured-deck {
      height: 309px;
      overflow: hidden;
    }
    #preview-info {
      background: transparent url('../images/gui/icons/icon-info-preview.png') 50% 33% no-repeat;
    }
    #register-info {
      background: transparent url('../images/gui/icons/icon-info-register.png') 50% 29% no-repeat;
    }
    #select-info {
      background: transparent url('../images/gui/icons/icon-info-select.png') -2px 22% no-repeat;
      width: 373px;
      margin: 0 23px 15px;
    }
    #preview-info > p,
    #register-info > p {
      background:transparent url(../images/backgrounds/common/bg-module-info-25.png) no-repeat scroll -10px -10px;
      width: 195px;
      padding: 15px 12px 25px;
      height: 80px;
    }
    #select-info p {
      background:transparent url(../images/backgrounds/common/bg-module-info-50.png) no-repeat scroll -8px -12px;
      width: 333px;
      padding: 15px 25px 25px;
      margin: 0 auto;
      height: 80px;
    }


/*  =REGISTER BUTTON SELECTORS
    ----------------------------------------------  */
    #register {
      width: 188px;
      position: absolute;
      bottom: -45px;
      left: 17px;
    }
    #register a {
      background: transparent url('../images/gui/btn/btn-register.png') 0 0 no-repeat;
      display: block;
      text-indent: -9999px;
      height: 31px;
      margin-bottom: 0;
      opacity: 0.8;
    }
    #register a:hover {
      opacity: 1;
    }
    
/*  =BID-CONTACT SELECTORS
    ----------------------------------------------  */
    #bid-contact div {
      background: url(../images/gui/bg-icons-contact.png) -2px -5px no-repeat;
      padding: 10px 20px 0 80px;
    }
    #bid-contact div h3,
    #bid-contact h3 {
      margin: 0 0 10px;
      text-transform: uppercase;
      font-size: 0.8em;
      color: #fff;
    }
    #bid-contact > div > p,
    #bid-contact > p {
      margin-top: 0px;
      font-size: 0.8em;
      color: #9E9E9E;
    }
    .contact-list {
      margin: 0;
    }
    .contact-list > li {
      padding-left: 80px;
    }
    .contact-list li a {
      font-size: 0.8em;
    }
    .contact-list .office-us {
      background: transparent url('../images/gui/icons/icon-office-us.png') 10px 5px no-repeat;  
    }
    .contact-list .office-euro {
      background: transparent url('../images/gui/icons/icon-office-euro.png') 10px 5px no-repeat; 
    }
    .contact-list .office-hongkong {
      background: transparent url('../images/gui/icons/icon-office-hongkong.png') 10px 5px no-repeat;
    }
    
    
/*  =BID-INCREMENTS SELECTORS
    ----------------------------------------------  */
    #bid-increments h4 {
      font-size: 0.8em;
      padding-right: 30px;
    }
    #alternate-table {
      margin: 5px 0 10px;
    }