body
{
    margin: 0;
    padding: 0;
}

.ie #holder #ie_bg
{
    position: absolute;
    top: 0;
    left: 0;

    width: 970px;
    height: 250px;

    background: url('_images/fitbit_backup.jpg');
}

#set_bkg_color
{
    position: absolute;
    top: 0;
    left: 0;

    width: 970px;
    height: 250px;

    text-indent: -9999px;

    background-color: #000;
}

#holder
{
    font-family: arial,helvetica,sans-serif;
    font-size: .833em;
    line-height: 1.25;

    position: absolute;
    top: 0;
    left: 0;

    display: block;
    overflow: hidden;

    width: 970px;
    height: 250px;

    color: #636365;
    background-color: transparent;
}

#holder #reference
{
    position: absolute;
    top: 0;
    left: 0;

    width: 970px;
    height: 250px;
    /*background: url('_DESIGN_ASSETS/_0002_3.jpg');*/
    /*background: url('_DESIGN_ASSETS/_0003_4.jpg');*/

    background: url('_DESIGN_ASSETS/_0004_4rollover.jpg');
}

#holder #loading
{
    position: absolute;
    top: 0;
    left: 0;

    width: 970px;
    height: 250px;
    margin: 0;
    padding: 0;

    background-color: #000;
}

#holder #clicktag
{
    position: absolute;
    top: 0;
    left: 0;

    width: 970px;
    height: 250px;

    cursor: pointer;
    text-indent: -9999px;

    background: transparent;
}

#holder #shop_now_hit
{
    position: absolute;
    top: 212px;
    left: 870px;

    width: 100px;
    height: 38px;

    cursor: pointer;

    background-color: transparent;
}

a:hover {
    color: #4ac0c0;
    text-decoration: none;
}

#holder #replay_holder
{
    position: absolute;
    top: 0;
    right: 0;

    width: 42px;
    height: 17px;
    /*opacity: 0;*/
    cursor: pointer;

    background-color: transparent;
}

#holder #replay_holder h6
{
    position: absolute;
    top: 4px;
    left: 0;

    margin: 0;
    padding: 0;

    text-indent: 0;

    background: transparent;
}

#holder #shop_now_bkg
{
    position: absolute;
    top: 9px;
    right: 18px;

    overflow: hidden;

    width: 69px;
    height: 21px;
}

#holder #shop_pink
{
    position: absolute;
    top: 0;
    left: 0;

    width: 69px;
    height: 21px;

    -webkit-border-radius: 25px;
            border-radius: 25px;
    background-color: #f1386a;
}

#holder #shop_blue
{
    position: absolute;
    top: 0;
    left: 0;

    width: 69px;
    height: 21px;

    opacity: 0;
    -webkit-border-radius: 25px;
            border-radius: 25px;
    background-color: #4ac0c0;
}

#holder #shop_now_cta
{
    position: absolute;
    top: 0;
    right: 0;

    width: 69px;
    height: 21px;

    background: url('_images/fitbit_970x250_text_icons.svg') no-repeat -81px -55px;
    -webkit-background-size: 345px 190px;
         -o-background-size: 345px 190px;
            background-size: 345px 190px;
}

#holder #stroke
{
    position: absolute;
    top: 0;
    left: 0;

    width: 968px;
    height: 248px;

    text-indent: -9999px;

    border: 1px solid #000;
    background: transparent;
}

#holder #black_overlay
{
    position: absolute;
    top: 0;
    left: 0;

    width: 970px;
    height: 250px;

    background-color: black;
}

#holder #main_bkg
{
    position: absolute;
    top: 0;
    left: 0;

    width: 970px;
    height: 250px;

    background: url('_images/mainBKG.jpg');
}

#holder #main_bkg_initial_color
{
    position: absolute;
    top: 0;
    left: 0;

    width: 970px;
    height: 250px;

    background-color: #e1e7e7;
}

#holder #my_video
{
    position: absolute;
    top: 0;
    left: 0;

    overflow: hidden;

    width: 970px;
    height: 160px;
    /*background-color: rgba(0,0,0,0.5);*/
}

#holder #video_player
{
    position: absolute;
    top: 0;
    left: 0;

    overflow: hidden;

    width: 970px;
    height: 160px;
    margin: 0;
    padding: 0;
}


#holder #fit_logo_large
{
    /*opacity: 1;*/
    position: absolute;
    top: 66px;
    left: 71px;

    overflow: hidden;

    width: 350px;
    height: 76px;

    opacity: 0;
    background: url('_images/fitbit_970x250_text_icons.svg') no-repeat 6px -110px;
    -webkit-background-size: 345px 190px;
         -o-background-size: 345px 190px;
            background-size: 345px 190px;
}

.bottom_elements_devices
{
    position: absolute;
}

.steps_sub,
.bpm_sub,
.distance_sub
{
    position: absolute;
}


/* STEPS */
#holder #steps_container
{
    position: absolute;
    top: 50px;
    left: 107px;

    overflow: hidden;

    width: 115px;
    height: 110px;
    margin: 0;
    padding: 0;
    /*opacity: .5;
    background: red;*/
}

#holder #steps_numbers
{
    position: absolute;
    top: 0;
    left: 7px;
    /*overflow: hidden;*/

    width: 9990px;
    height: 40px;
    margin: 0;
    padding: 0;

    background: url('_images/steps_numbers_1.png') no-repeat;
    -webkit-background-size: 6160px 52px;
         -o-background-size: 6160px 52px;
            background-size: 6160px 52px;
}

#holder #steps_icons
{
    position: absolute;
    top: 37px;
    left: 16px;

    overflow: hidden;

    width: 29px;
    height: 26px;
    margin: 0;
    padding: 0;

    background: url('_images/fitbit_970x250_text_icons.svg') no-repeat -169px -53px;
    -webkit-background-size: 345px 190px;
         -o-background-size: 345px 190px;
            background-size: 345px 190px;
}

#holder #steps_text
{
    position: absolute;
    top: 36px;
    left: 41px;

    overflow: hidden;

    width: 46px;
    height: 26px;
    margin: 0;
    padding: 0;

    background: url('_images/fitbit_970x250_text_icons.svg') no-repeat 3px -86px;
    -webkit-background-size: 345px 190px;
         -o-background-size: 345px 190px;
            background-size: 345px 190px;
}


/* BPM */
#holder #bpm_container
{
    position: absolute;
    top: 50px;
    left: 439px;

    overflow: hidden;

    width: 115px;
    height: 110px;
    margin: 0;
    padding: 0;
    /*opacity: .5;
    background: red;*/
}

#holder #bpm_numbers
{
    position: absolute;
    top: 0;
    left: 7px;
    /*overflow: hidden;*/

    width: 2100px;
    height: 45px;
    margin: 0;
    padding: 0;

    background: url('_images/bpm_numbers.png') no-repeat;
    -webkit-background-size: 2100px 52px;
         -o-background-size: 2100px 52px;
            background-size: 2100px 52px;
}

#holder #bpm_icons
{
    position: absolute;
    top: 36px;
    left: 10px;

    overflow: hidden;

    width: 29px;
    height: 26px;
    margin: 0;
    padding: 0;

    background: url('_images/fitbit_970x250_text_icons.svg') no-repeat -202px -53px;
    -webkit-background-size: 345px 190px;
         -o-background-size: 345px 190px;
            background-size: 345px 190px;
}

#holder #bpm_text
{
    position: absolute;
    top: 36px;
    left: 34px;

    overflow: hidden;

    width: 46px;
    height: 26px;
    margin: 0;
    padding: 0;

    background: url('_images/fitbit_970x250_text_icons.svg') no-repeat -68px -86px;
    -webkit-background-size: 345px 190px;
         -o-background-size: 345px 190px;
            background-size: 345px 190px;
}

/* DISTANCE */

#holder #distance_container
{
    position: absolute;
    top: 50px;
    left: 766px;

    overflow: hidden;

    width: 115px;
    height: 110px;
    margin: 0;
    padding: 0;
    /*opacity: .5;
    background: red;*/
}

#holder #distance_numbers
{
    position: absolute;
    top: 0;
    left: 0;
    /*overflow: hidden;*/

    width: 1960px;
    height: 45px;
    margin: 0;
    padding: 0;

    background: url('_images/distance_numbers.png') no-repeat;
    -webkit-background-size: 1960px 52px;
         -o-background-size: 1960px 52px;
            background-size: 1960px 52px;
}

#holder #distance_icons
{
    position: absolute;
    top: 36px;
    left: 8px;

    overflow: hidden;

    width: 29px;
    height: 26px;
    margin: 0;
    padding: 0;

    background: url('_images/fitbit_970x250_text_icons.svg') no-repeat -230px -53px;
    -webkit-background-size: 345px 190px;
         -o-background-size: 345px 190px;
            background-size: 345px 190px;
}

#holder #distance_text
{
    position: absolute;
    top: 36px;
    left: 27px;

    overflow: hidden;

    width: 46px;
    height: 26px;
    margin: 0;
    padding: 0;

    background: url('_images/fitbit_970x250_text_icons.svg') no-repeat -159px -86px;
    -webkit-background-size: 345px 190px;
         -o-background-size: 345px 190px;
            background-size: 345px 190px;
}

/* BOTTOM ELEMENTS */

.charge_highlight_initial,
.charge_hr_highlight_initial,
.surge_highlight_initial
{
    opacity: 0;
}

#holder #initial_bottom_elements
{
    position: absolute;
    bottom: 0;

    width: 970px;
    height: 38px;

    background-color: #112429;
}

#holder #fitbit_logo
{
    position: absolute;
    top: 6px;
    left: 17px;

    overflow: hidden;

    width: 79px;
    height: 26px;
    margin: 0;
    padding: 0;

    background: url('_images/fitbit_970x250_text_icons.svg') no-repeat 3px -53px;
    -webkit-background-size: 345px 190px;
         -o-background-size: 345px 190px;
            background-size: 345px 190px;
}

/* END DEVICES */
.watches_highlight
{
    opacity: 0;
}

/* CHARGE */
#holder #watch_charge
{
    position: absolute;

    overflow: hidden;

    width: 145px;
    height: 170px;
    margin: 0;
    padding: 0;

    background: url('_images/charge.png') no-repeat;
}

#holder .watch_charge_initial
{
    /*position: absolute;*/
    top: 157px;
    left: 50px;
}

#holder .watch_charge_end
{
    /*position: absolute;*/
    top: 31px;
    left: 481px;
}

#holder #charge_highlight
{
    position: absolute;
    top: 0;
    left: 0;

    overflow: hidden;

    width: 145px;
    height: 170px;
    margin: 0;
    padding: 0;

    background: url('_images/charge_highlight.png') no-repeat;
}

#holder #charge_text_initial
{
    position: absolute;
    top: 179px;
    left: 172px;

    overflow: hidden;

    width: 68px;
    height: 26px;
    margin: 0;
    padding: 0;

    background: url('_images/fitbit_970x250_text_icons.svg') no-repeat 3px 3px;
    -webkit-background-size: 345px 190px;
         -o-background-size: 345px 190px;
            background-size: 345px 190px;
}

/* CHARGE HR */
#holder #watch_charge_hr
{
    position: absolute;

    width: 179px;
    height: 168px;
    margin: 0;
    padding: 0;

    background: url('_images/chargeHR.png') no-repeat;
}

#holder .watch_charge_hr_initial
{
    /*position: absolute;*/
    top: 161px;
    left: 359px;
}

#holder .watch_charge_hr_end
{
    /*position: absolute;*/
    top: 35px;
    left: 584px;
}

#holder #charge_hr_highlight
{
    position: absolute;
    top: 0;
    left: 0;

    overflow: hidden;

    width: 179px;
    height: 168px;
    margin: 0;
    padding: 0;

    background: url('_images/chargeHR_highlight.png') no-repeat;
}

#holder #charge_hr_text_initial
{
    position: absolute;
    top: 179px;
    left: 489px;

    overflow: hidden;

    width: 88px;
    height: 26px;
    margin: 0;
    padding: 0;

    background: url('_images/fitbit_970x250_text_icons.svg') no-repeat -70px 3px;
    -webkit-background-size: 345px 190px;
         -o-background-size: 345px 190px;
            background-size: 345px 190px;
}

/* SURGE */
#holder #watch_surge
{
    position: absolute;

    overflow: hidden;
    /*width: 189px;
    height: 172px;*/

    margin: 0;
    padding: 0;
    /*background: url('_images/surge.png') no-repeat;*/
}

#holder .watch_surge_initial
{
    /*position: absolute;*/
    top: 163px;
    left: 724px;

    width: 189px;
    height: 172px;

    background: url('_images/surge.png') no-repeat;
    -webkit-background-size: 142px 128px;
         -o-background-size: 142px 128px;
            background-size: 142px 128px;
}

#holder .watch_surge_end
{
    top: 34px;
    left: 700px;
    /*position: absolute;*/

    width: 189px;
    height: 172px;

    background: url('_images/surge.png') no-repeat;
}

#holder #surge_highlight
{
    position: absolute;
    top: 0;
    left: 0;

    overflow: hidden;

    width: 189px;
    height: 172px;
    margin: 0;
    padding: 0;

    background: url('_images/surge_highlight.png') no-repeat;
}

#holder #surge_highlight_initial_watch
{
    position: absolute;
    top: 0;
    left: 0;

    overflow: hidden;

    width: 189px;
    height: 172px;
    margin: 0;
    padding: 0;

    background: url('_images/surge_highlight.png') no-repeat;
    -webkit-background-size: 142px 128px;
         -o-background-size: 142px 128px;
            background-size: 142px 128px;
}

#holder #surge_text_initial
{
    position: absolute;
    top: 179px;
    left: 840px;

    overflow: hidden;

    width: 59px;
    height: 26px;
    margin: 0;
    padding: 0;

    background: url('_images/fitbit_970x250_text_icons.svg') no-repeat -160px 3px;
    -webkit-background-size: 345px 190px;
         -o-background-size: 345px 190px;
            background-size: 345px 190px;
}

/* ROLLOVER ITEMS */

.use_pointer
{
    cursor: pointer;
}

#holder #charge_hit
{
    position: absolute;
    top: 0;
    left: 490px;

    width: 124px;
    height: 212px;

    opacity: 0;
    background-color: #fff;
}

#holder #charge_rollover
{
    position: absolute;
    top: 11px;
    left: 518px;

    overflow: hidden;

    width: 70px;
    height: 26px;
    margin: 0;
    padding: 0;

    background: url('_images/fitbit_970x250_text_icons.svg') no-repeat 4px 3px;
    -webkit-background-size: 345px 190px;
         -o-background-size: 345px 190px;
            background-size: 345px 190px;
}

#holder #charge_hr_hit
{
    position: absolute;
    top: 0;
    left: 614px;

    width: 115px;
    height: 212px;

    opacity: 0;
    background-color: red;
}

#holder #charge_hr_rollover
{
    position: absolute;
    top: 11px;
    left: 628px;

    overflow: hidden;

    width: 91px;
    height: 26px;
    margin: 0;
    padding: 0;

    background: url('_images/fitbit_970x250_text_icons.svg') no-repeat -69px -23px;
    -webkit-background-size: 345px 190px;
         -o-background-size: 345px 190px;
            background-size: 345px 190px;
}

#holder #surge_hit
{
    position: absolute;
    top: 0;
    left: 729px;

    width: 139px;
    height: 212px;

    opacity: 0;
    background-color: blue;
}

#holder #surge_rollover
{
    position: absolute;
    top: 11px;
    left: 772px;

    overflow: hidden;

    width: 59px;
    height: 26px;
    margin: 0;
    padding: 0;

    background: url('_images/fitbit_970x250_text_icons.svg') no-repeat -159px -23px;
    -webkit-background-size: 345px 190px;
         -o-background-size: 345px 190px;
            background-size: 345px 190px;
}

.rollover_items
{
    position: absolute;
}