#ad-3 {
    width: 728px;
    height: 90px;
    background-position: 0px 0 ;
    background-repeat: no-repeat;
    overflow: hidden;
    position: relative;

    font-family: 'Lato', sans-serif;
    color:#ffffff;
    letter-spacing: 2px;
    text-align: center;
    padding:0;
    line-height: .75;
    cursor:pointer;
    margin:0px;

}

#ad-3 li {
    list-style-type: none;
}

/******************************************/
/* SCREEN 1 */
/******************************************/

#ad-3 #screen1 {
    margin: 0px;
    padding: 0px;
    width:728px;
    height:90px;
    position:absolute;
    z-index:2;
}

#ad-3 #screen1 #bl_left {
    margin:0px 0 0 0;
    width: 364px;
    height:90px;
    background: url("LN-vivid_blleft_728x90.png");
}

#ad-3 #screen1 #bl_right {
    margin:0px 0 0 0;
    width: 364px;
    height:90px;
    background: url("LN-vivid_blright_728x90.png");
}

/******************************************/
/* SCREEN 1c */
/******************************************/

#ad-3 #screen1c {
     margin: 0px;
    padding: 0px;
    height:90px;
    position:absolute;
    z-index: 5;
    }

#ad-3 #screen1c #locationBar {
    margin:0px 0 0 0;
    width: 93px;
    height:26px;
    border:solid 2px #009ddb;
}

/******************************************/
/* SCREEN 23 HOLDER */
/******************************************/

#ad-3 #sc23Holder {
    margin:0px 0 0 0;
    padding:0px 0 0 0;
    width: 728px;
}


/******************************************/
/* SCREEN 2 */
/******************************************/

#ad-3 #screen2 {
    margin: 0px;
    padding: 0px;
    width:728px;
    height:90px;
    position:absolute;
    background-color: #009ddb;
    z-index: 1;

    font-family: 'Lato', sans-serif;
    color:#ffffff;
    line-height: 0.7;
    letter-spacing: 1px;
    text-align: center;
}

#ad-3 #screen2 h1{
    font-size: 64px;
    margin: 23px 0 0 0;
}


/******************************************/
/* SCREEN 3 */
/******************************************/

#ad-3 #screen3 {
    margin: 0px;
    padding: 0px;
    width:728px;
    height:94px;
    position:absolute;
    z-index: 4;
    background:#ffffff;
}

#ad-3 #stripeHolder {
    margin: 0px;
    padding: 0px;
    background:#ff0000;
    
    position:absolute;
}



#ad-3 #screen3 .stripe1 {
    background-color: #88c911;
    position: absolute;
    width:24px;
    height:90px;
    margin-left:0px;

}

#ad-3 #screen3 .stripe2 {
    background-color: #8f2b8c;
    position: absolute;
    width:7px;
    height:90px;
    margin-left:24px;

}

#ad-3 #screen3 .stripe3 {
    background-color: #88c911;
    position: absolute;
    width:34px;
    height:90px;
    margin-left:37px;
}

#ad-3 #screen3 .stripe4 {
    background-color: #009ddb;
    position: absolute;
    width:8px;
    height:90px;
    margin-left:77px;
}

#ad-3 #screen3 .stripe5 {
    background-color: #8f2b8c;
    position: absolute;
    width:17px;
    height:90px;
    margin-left:101px;
}

#ad-3 #screen3 .stripe6 {
    background-color: #88c911;
    position: absolute;
    width:28px;
    height:90px;
    margin-left:117px;
}

#ad-3 #screen3 .stripe7{
    background-color: #009ddb;
    position: absolute;
    width:8px;
    height:90px;
    margin-left:165px;
}

#ad-3 #screen3 .stripe8 {
    background-color: #8f2b8c;
    position: absolute;
    width:54px;
    height:90px;
    margin-left:178px;
}

#ad-3 #screen3 .stripe9 {
    background-color: #88c911;
    position: absolute;
    width:10px;
    height:90px;
    margin-left:261px;
}

#ad-3 #screen3 .stripe10 {
    background-color: #009ddb;
    position: absolute;
    width:44px;
    height:90px;
    margin-left:284px;
}

#ad-3 #screen3 .stripe11 {
    background-color: #8f2b8c; /*purple*/
    position: absolute;
    width:51px;
    height:90px;
    margin-left:331px;
}

#ad-3 #screen3 .stripe12 {
    background-color: #88c911; /*green*/
    position: absolute;
    width:20px;
    height:90px;
    margin-left:388px;
}

#ad-3 #screen3 .stripe13 {
    background-color: #009ddb; /*blue*/
    position: absolute;
    width:4px;
    height:90px;
    margin-left:409px;
}

#ad-3 #screen3 .stripe14 {
    background-color: #009ddb; /*blue*/
    position: absolute;
    width:10px;
    height:90px;
    margin-left:420px;
}

#ad-3 #screen3 .stripe15 {
    background-color: #88c911; /*green*/
    position: absolute;
    width:23px;
    height:90px;
    margin-left:455px;
}

#ad-3 #screen3 .stripe16 {
    background-color: #8f2b8c; /*purple*/
    position: absolute;
    width:16px;
    height:90px;
    margin-left:482px;
}

#ad-3 #screen3 .stripe17 {
    background-color: #88c911; /*green*/
    position: absolute;
    width:34px;
    height:90px;
    margin-left:529px;
}

#ad-3 #screen3 .stripe18 {
    background-color: #009ddb; /*blue*/
    position: absolute;
    width:8px;
    height:90px;
    margin-left:568px;
}

#ad-3 #screen3 .stripe19 {
    background-color: #8f2b8c; /*purple*/
    position: absolute;
    width:23px;
    height:90px;
    margin-left:588px;
}

#ad-3 #screen3 .stripe20 {
    background-color: #009ddb; /*blue*/
    position: absolute;
    width:15px;
    height:90px;
    margin-left:613px;
}

#ad-3 #screen3 .stripe21 {
    background-color: #8f2b8c; /*purple*/
    position: absolute;
    width:25px;
    height:90px;
    margin-left:638px;
}

#ad-3 #screen3 .stripe22 {
    background-color: #88c911; /*green*/
    position: absolute;
    width:36px;
    height:90px;
    margin-left:668px;
}

#ad-3 #screen3 .stripe23 {
    background-color: #009ddb; /*blue*/
    position: absolute;
    width:4px;
    height:90px;
    margin-left:724px;
}
/******************************************/
/* SCREEN 4 */
/******************************************/

#ad-3 #screen4 {
    margin: 0px;
    padding: 0px;
   /* width:300px;*/
    height:90px;
    position:absolute;
    z-index: 3;
}

#ad-3 #screen4 #hiLiteType {
    margin:5px 0 0 0;
    width: 728px;
    height:183px;
    background-image: url(LN-vivid_hiliteType_728x90.png);
    z-index:0;
}

/******************************************/
/* SCREEN 5 */
/******************************************/

#ad-3 #screen5 {
    margin: 0px;
    padding: 0px;
    width:728px;
    height:90px;
    position:absolute;
    background-color: #8f2b8c;

    font-family: 'Lato', sans-serif;
    color:#ffffff;
    line-height: 0.7;
    letter-spacing: 1px;
    text-align: center;
}



#ad-3 #screen5 h1{
    font-size: 48px;
    margin: 28px 0 0 0;
}

/******************************************/
/* SCREEN 6 */
/******************************************/

#ad-3 #screen6 {
    margin: 0px;
    padding: 0px;
    width:728px;
    height:90px;
    position:absolute;
    background-color: #88c911;

    font-family: 'Lato', sans-serif;
    color:#ffffff;
    line-height: 0.7;
    letter-spacing: 1px;
    text-align: center;
}


#ad-3 #screen6 h1{
    font-size: 49px;
    margin: 28px 0 0 0;
}


/******************************************/
/* SCREEN 7 */
/******************************************/

#ad-3 #screen7 {
    margin: 0px;
    padding: 0px;
    width:728px;
    height:90px;
    position:absolute;
    background-image: url(LN-vivid_bkgrd_728x90.png);

    font-family: 'Lato', sans-serif;
    color:#ffffff;
    line-height: 0.7;
    letter-spacing: 1px;
    text-align: center;
}

#ad-3 #screen7 #logo {
    background-image: url(LN_vivid_logo_728x90.gif);
    background-repeat:no-repeat;
    margin: 0 0 0 0;
    width: 72px;
    height: 90px;
    float:left;
}

#ad-3 #screen7 h1{
    font-size: 31px;
    margin: 23px 0 0 0;
    display:inline-block;
    text-align:center;
}

#ad-3 .screen7h2{
    float:left;
}

#ad-3 #screen7 h2{
    font-size: 20px;
    margin: 10px 13px 0 0px;
    font-weight:300;
}

#ad-3 .arrow {
    background: url(LN_vivid_arrow_728x90.png) no-repeat 0% 0%;
    display: inline-block;
    height: 28px;
    width: 28px;
    margin: -5px auto 0 5px;
    position:absolute;
}

#ad-3:hover .arrow {
    background-position: 100% 0;
}

#ad-3:hover .arrow {
    background-position: 100% 0;
}

sup {
    float:left;
    font-size:11px;
    margin: -5px 1px 0;
}

/******************************************/
/* ANIMATE SCREEN 1a */
/******************************************/


@-webkit-keyframes animaScreen1a {
    0%, 10%{left: 0px;}
    13%, 100%{left: -364px;}
}

@-moz-keyframes animaScreen1a {
    0%, 10%{left: 0px;}
    13%, 100%{left: -364px;}
}

@keyframes animaScreen1a {
    0%, 10%{left: 0px;}
    13%, 100%{left: -364px;}
}

#ad-3 .anima-screen1a {
    left:-364px;
    position: absolute;
    -webkit-animation:animaScreen1a 10s 1, ease-in;
    -moz-animation:animaScreen1a 10s 1, ease-in;
    animation:animaScreen1a 10s 1, ease-in;
}

/******************************************/
/* ANIMATE SCREEN 1b */
/******************************************/


@-webkit-keyframes animaScreen1b {
    0%, 10%{left: 364px;}
    13%, 100%{left: 728px;}

}

@-moz-keyframes animaScreen1b {
    0%, 10%{left: 364px;}
    13%, 100%{left: 728px;}
}

@keyframes animaScreen1b {
    0%, 10%{left: 364px;}
    13%, 100%{left: 728px;}
}

#ad-3 .anima-screen1b {
    left:728px;
    position: absolute;
    -webkit-animation:animaScreen1b 10s 1, ease-in;
    -moz-animation:animaScreen1b 10s 1, ease-in;
    animation:animaScreen1b 10s 1, ease-in;
}

/******************************************/
/* ANIMATE SCREEN 1c - Location Box */
/******************************************/

@-webkit-keyframes animaScreen1c {
    0%, 39%{left:-97px; opacity:1}
    49%, 54%{left: 635px; opacity:1}
    57%, 100%{left: 635px; opacity:0}

}

@-moz-keyframes animaScreen1c {
    0%, 39%{left:-97px; opacity:1}
    49%, 54%{left: 635px; opacity:1}
    57%, 100%{left: 635px; opacity:0}
}

@keyframes animaScreen1c {
     0%, 39%{left:-97px; opacity:1}
    49%, 54%{left: 635px; opacity:1}
    57%, 100%{left: 635px; opacity:0}
}

#ad-3 .anima-screen1c {
    opacity:0;
    left:635px;
    position: absolute;
    -webkit-animation:animaScreen1c 10s 1, ease-in;
    -moz-animation:animaScreen1c 10s 1, ease-in;
    animation:animaScreen1c 10s 1, ease-in;
}

/******************************************/
/* ANIMATE SCREEN 2 - In Vivid Color
/******************************************/


@-webkit-keyframes animaScreen2 {
    0%, 24%{top:0px; left:0px;}
    29%, 34%{top:0px; left:-728px;}
    60%, 100%{top: -90px; left:-728px;}
}

@-moz-keyframes animaScreen2 {
    0%, 24%{top:0px; left:0px;}
    29%, 34%{top:0px; left:-728px;}
    60%, 100%{top: -90px; left:-728px;}
}

@keyframes animaScreen2 {
    0%, 24%{top:0px; left:0px;}
    29%, 34%{top:0px; left:-728px;}
    60%, 100%{top: -90px; left:-728px;}
}

#ad-3 .anima-screen2 {
    left:-728px;
    position: absolute;
    -webkit-animation:animaScreen2 10s 1, ease-in;
    -moz-animation:animaScreen2 10s 1, ease-in;
    animation:animaScreen2 10s 1, ease-in;
}

/******************************************/
/* ANIMATE SCREEN 3 - Stipes
/******************************************/

@-webkit-keyframes animaScreen3 {
    0%, 24%{left: 728px; top:0px;}
    27%, 28%{left: 0px; top:0px;}
    31%, 56%{left: 0px; top: -60px;}
    62%, 100%{left: 0px; top: -180px;}
}

@-moz-keyframes animaScreen3 {
     0%, 24%{left: 728px; top:0px;}
    27%, 28%{left: 0px; top:0px;}
    31%, 56%{left: 0px; top: -60px;}
    62%, 100%{left: 0px; top: -180px;}
}

@keyframes animaScreen3 {
    0%, 24%{left: 728px; top:0px;}
    27%, 28%{left: 0px; top:0px;}
    31%, 56%{left: 0px; top: -60px;}
    62%, 100%{left: 0px; top: -180px;}
}

#ad-3 .anima-screen3 {
    left:0px;
    top:-180px;
    position: absolute;
    -webkit-animation:animaScreen3 10s 1, ease-in;
    -moz-animation:animaScreen3 10s 1, ease-in;
    animation:animaScreen3 10s 1, ease-in;
}

/******************************************/
/* ANIMATE SCREEN 4 - Highlight type */
/******************************************/


@-webkit-keyframes animaScreen4 {
    0%, 30%{top: 7px; opacity:0}
    38%, 39%{top: 7px; opacity:1}
    49%, 56%{top: -98px; opacity:1}
    62%, 100%{top: -200px; opacity:1}

    /*0%, 40%{top: 0px; opacity:0}
    53%, 63%{top: -214px; opacity:1}
    69%, 100%{top: -460px; opacity:1}*/

}

@-moz-keyframes animaScreen4{
   0%, 30%{top: 7px; opacity:0}
    38%, 39%{top: 7px; opacity:1}
    49%, 56%{top: -98px; opacity:1}
    62%, 100%{top: -200px; opacity:1}
}

@keyframes animaScreen4 {
    0%, 30%{top: 7px; opacity:0}
    38%, 39%{top: 7px; opacity:1}
    49%, 56%{top: -98px; opacity:1}
    62%, 100%{top: -200px; opacity:1}
}

#ad-3 .anima-screen4 {

    top:-200px;
    position: absolute;
    -webkit-animation:animaScreen4 10s 1, ease-in;
    -moz-animation:animaScreen4 10s 1, ease-in;
    animation:animaScreen4 10s 1, ease-in;
}


/******************************************/
/* ANIMATE SCREEN 5 - Visualize Pink */
/******************************************/


@-webkit-keyframes animaScreen5 {
    0%, 56%{top: 90px; left:0px;}
    62%, 76%{top: 0px; left:0px;}
    80%, 100%{top: 0px; left:-728px;}

}

@-moz-keyframes animaScreen5{
    0%, 56%{top: 90px; left:0px;}
    62%, 76%{top: 0px; left:0px;}
    80%, 100%{top: 0px; left:-728px;}


}

@keyframes animaScreen5 {
    0%, 56%{top: 90px; left:0px;}
    62%, 76%{top: 0px; left:0px;}
    80%, 100%{top: 0px; left:-728px;}


}

#ad-3 .anima-screen5 {
    top:0px;
    left:-728px;
    position: absolute;
    -webkit-animation:animaScreen5 10s 1, ease-out;
    -moz-animation:animaScreen5 10s 1, ease-out;
    animation:animaScreen5 10s 1, ease-out;
}

/******************************************/
/* ANIMATE SCREEN 6 - New Search Terms Green*/
/******************************************/

@-webkit-keyframes animaScreen6 {
    0%, 76%{top: 0px; left:728px;}
    80%, 94%{top: 0px; left:0px;}
    99%, 100%{top: 90px; left:0px;}
}

@-moz-keyframes animaScreen6{
    0%, 76%{top: 0px; left:728px;}
    80%, 94%{top: 0px; left:0px;}
    99%, 100%{top: 90px; left:0px;}
}

@keyframes animaScreen6 {
    0%, 76%{top: 0px; left:728px;}
    80%, 94%{top: 0px; left:0px;}
    99%, 100%{top: 90px; left:0px;}
}

#ad-3 .anima-screen6 {
    top:90px;
    left:0px;
    position: absolute;
    -webkit-animation:animaScreen6 10s 1, ease-out;
    -moz-animation:animaScreen6 10s 1, ease-out;
    animation:animaScreen6 10s 1, ease-out;
}

/******************************************/
/* ANIMATE SCREEN 7 */
/******************************************/


@-webkit-keyframes animaScreen7 {
    0%, 94%{top: -90px;}
    99%, 100%{top: 0px;}
}

@-moz-keyframes animaScreen7 {
    0%, 94%{top: -90px;}
    99%, 100%{top: 0px;}
}

@keyframes animaScreen7 {
    0%, 94%{top: -90px;}
    99%, 100%{top: 0px;}
}

#ad-3 .anima-screen7 {
    top:0px;
    position: absolute;
    -webkit-animation:animaScreen7 10s 1, ease-out;
    -moz-animation:animaScreen7 10s 1, ease-out;
    animation:animaScreen7 10s 1, ease-out;
}

#ad-3-ie {
    display:none;
}