/* ===== Primary Styles ========================================================
   Author: Mighty
   ========================================================================== */

#countdown {
  width: 980px;
  height: 490px;
  margin: 0;
  background: #eee url(/ca/common/dynamic-hp/gfx/countdown-bg.png) no-repeat 0 0;
  overflow: hidden;
  position: relative;

}
  #countdown #countdown-header {
    position: relative;
    width: 538px;
    height: 44px;
    background-color: transparent;
    margin: 80px auto 15px;
  }
  #countdown #countdown-header h1 {
   /* color: #fd3325;
    font: bold 56px/56px "Myriad Pro", sans-serif;
    text-align: center;*/
    width: 538px;
    height: 44px;
    margin: 0;
    position: absolute;
    background: transparent url(/ca/common/dynamic-hp/gfx/headline.png) no-repeat 0 0;
    text-indent: -9999px;
    top: -400px;
    /*display: none;*/
  }
  #countdown.fr #countdown-header h1 {
    background-image: url(/ca/common/dynamic-hp/gfx/headline-fr.png);
    width: 541px;
    height: 51px;
  }
  #countdown #countdown-time {
    position: relative;
    width: 756px;
    height: 180px;
    /*border: 1px solid blue;*/
    margin: 0 auto;
  }
  #countdown #countdown-time .unit {
    position: absolute;
    top: 0;
    font-size: 130px;
    height: 180px;
  }
  /*#countdown #countdown-time .unit .num {
    font-size: 130px;
    color: #fd3325;
  }*/
  #countdown #countdown-time .unit .num {
    height: 100px;
    width: 200px;
    position: absolute;
    top: -900px;
    z-index: 99;
    -webkit-transform: translate3d(0,0,0);
  }
  #countdown #countdown-time .unit .num .digit {
    display: block;
    width: 75px;
    height: 95px;
    float:left;
    text-indent: -9999px;
  }
  #countdown #countdown-time .unit .num .digit, 
  #countdown #countdown-time .unit .num .sep {
    background: transparent url(/ca/common/dynamic-hp/gfx/numbers.png) no-repeat;
    overflow: hidden;
  }
  #ie6 #countdown #countdown-time .unit .num .digit, 
  #ie6 #countdown #countdown-time .unit .num .sep {
    background-image: url(/ca/common/dynamic-hp/gfx/numbers-ie6.png);
  }
  #countdown #countdown-time .unit .num .sep {
    display: block;
    width: 20px;
    height: 95px;
    float: left;
    text-indent: -999px;
    background-position: -10px -1009px;
    /*background: transparent url(../img/sep.png) no-repeat -10px -1034px;*/
  }
  #countdown #countdown-time .unit .num .num-1 { background-position: -4px -933px; }
  #countdown #countdown-time .unit .num .num-2 { background-position: -10px -525px; }
  #countdown #countdown-time .unit .num .num-3 { background-position: -10px -315px; }
  #countdown #countdown-time .unit .num .num-4 { background-position: -10px -832px; }
  #countdown #countdown-time .unit .num .num-5 { background-position: -10px -628px; }
  #countdown #countdown-time .unit .num .num-6 { background-position: -10px -420px; }
  #countdown #countdown-time .unit .num .num-7 { background-position: -10px -731px; }
  #countdown #countdown-time .unit .num .num-8 { background-position: -10px 0; }
  #countdown #countdown-time .unit .num .num-9 { background-position: -10px -105px; }
  #countdown #countdown-time .unit .num .num-0 { background-position: -10px -210px; }

  #countdown #countdown-time .unit .label {
    font: bold 37px/70px "Myriad Pro", sans-serif;
    position: absolute;
    bottom: 0;
    width: 144px;
    text-align: center;
    text-transform: uppercase;
    height: 55px;
    text-indent: -9999px;
    display:none;
  }
    #countdown #countdown-time .days .label {
      background: transparent url(/ca/common/dynamic-hp/gfx/label-days.png) no-repeat center top;
    }
    #countdown.fr #countdown-time .days .label {
      background-image: url(/ca/common/dynamic-hp/gfx/label-days-fr.png);
    }
    #countdown #countdown-time .hours .label {
      background: transparent url(/ca/common/dynamic-hp/gfx/label-hours.png) no-repeat center top;
    }
    #countdown.fr #countdown-time .hours .label {
      background-image: url(/ca/common/dynamic-hp/gfx/label-hours-fr.png);
    }
    #countdown #countdown-time .mins .label {
      background: transparent url(/ca/common/dynamic-hp/gfx/label-mins.png) no-repeat center top;
    }
    #countdown.fr #countdown-time .mins .label {
      background-image: url(/ca/common/dynamic-hp/gfx/label-mins-fr.png);
    }
    #countdown #countdown-time .secs .label {
      background: transparent url(/ca/common/dynamic-hp/gfx/label-secs.png) no-repeat center top;
    }
    #countdown.fr #countdown-time .secs .label {
      background-image: url(/ca/common/dynamic-hp/gfx/label-secs-fr.png);
    }
  #countdown #countdown-time .unit .num-reflect {
    height: 70px; 
    width: 200px;
    position: absolute;
    top: 85px;
    top: 985px;
    z-index: 0;
  }
    #countdown #countdown-time .unit .num-reflect .digit {
      display: block;
      width: 75px;
      float: left;
      text-indent: -999px;
    }
    #countdown #countdown-time .unit .num-reflect .digit,
    #countdown #countdown-time .unit .num-reflect .sep {
      overflow:hidden;
      height: 64px;
      background: url(/ca/common/dynamic-hp/gfx/numbers.png) no-repeat;
    }
    #ie6 #countdown #countdown-time .unit .num-reflect .digit,
    #ie6 #countdown #countdown-time .unit .num-reflect .sep {
      background-image: url(/ca/common/dynamic-hp/gfx/numbers-ie6.png);
    }
    #countdown #countdown-time .unit .num-reflect .num-1 { background-position: 3px -1555px; }
    #countdown #countdown-time .unit .num-reflect .num-2 { background-position: -10px -1699px; }
    #countdown #countdown-time .unit .num-reflect .num-3 { background-position: -10px -1259px; }
    #countdown #countdown-time .unit .num-reflect .num-4 { background-position: -9px -1627px; }
    #countdown #countdown-time .unit .num-reflect .num-5 { background-position: -10px -1407px; }
    #countdown #countdown-time .unit .num-reflect .num-6 { background-position: -10px -1333px; }
    #countdown #countdown-time .unit .num-reflect .num-7 { background-position: -4px -1771px; }
    #countdown #countdown-time .unit .num-reflect .num-8 { background-position: -10px -1185px; }
    #countdown #countdown-time .unit .num-reflect .num-9 { background-position: -12px -1481px; }
    #countdown #countdown-time .unit .num-reflect .num-0 { background-position: -10px -1111px; }
    #countdown #countdown-time .unit .num-reflect .sep {
      display: block;
      width: 18px;
      height: 65px;
      float: left;
      text-indent: -999px;
      /*background: transparent url(../img/sep-reflect.png) no-repeat -4px -2px;*/
      background-position: -39px -1034px;
    }
    

  #countdown #countdown-time .days {
    left: 0;
  }
  #countdown #countdown-time .hours {
    left: 200px;
  }
  #countdown #countdown-time .mins {
    left: 400px;
  }
  #countdown #countdown-time .secs {
    left: 600px;
  }

  #cta-box {
    width: 562px;
    margin: 35px auto 0;
    position: relative;
  }
    #cta-box a.book-today {
      display: block; 
      width: 180px;
      height: 41px;
      overflow: hidden;
      text-indent: -999px;
      background: transparent url(/ca/common/dynamic-hp/gfx/book-today.png) no-repeat 0 0;
      position: absolute;
      left: -50px;
      opacity: 0;
      -moz-opacity: 0;
      filter:alpha(opacity=0);
    }
    .fr #cta-box a.book-today {
      background-image: url(/ca/common/dynamic-hp/gfx/book-today-fr.png);
      width: 221px;
    }
    #cta-box h2.still-time {
      width: 352px;
      height: 41px;
      margin: 0;
      overflow: hidden;
      text-indent: -999px;
      background: transparent url(/ca/common/dynamic-hp/gfx/line-still-time.png) no-repeat left center;
      position: absolute;
      left: 160px;
      opacity: 0;
      -moz-opacity: 0;
      filter:alpha(opacity=0);
    }
    .fr #cta-box h2.still-time {
      background-image: url(/ca/common/dynamic-hp/gfx/line-still-time-fr.png);
      margin-left: 35px;
    }