#ad-3 {
    width: 300px;
    height: 250px;
    /*margin: 40px auto 0;*/
    /*background-image: url(LN-iceburg_panoramic-bg_728x90.jpg);*/
    background-position: 0px 0 ;
    background-repeat: no-repeat;
    overflow: hidden;
    position: relative;
    /*box-shadow: 1px 1px 4px rgba(0,0,0,0.4);*/

    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:300px;
    height:250px;
    position:absolute;
    z-index:2;
   
}


#ad-3 #screen1 #bl_left {
    margin:0px 0 0 0;
    width: 150px;
    height:250px;
    background: url("LN-vivid_blleft_300x250.png");

}

#ad-3 #screen1 #bl_right {
    margin:0px 0 0 0;
    width: 150px;
    height:250px;
    background: url("LN-vivid_blright_300x250.png");
}

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

#ad-3 #screen1c {

     margin: 0px;
    padding: 0px;
   /* width:300px;*/
    height:250px;
    position:absolute;
    z-index: 5;

    }

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

    
}

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

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


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

#ad-3 #screen2 {
    margin: 0px;
    padding: 0px;
    width:300px;
    height:250px;
    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 h2{
    font-size: 63px;
    margin: 67px 0 0 0;
}

#ad-3 #screen2 h1{
    font-size: 77px;
    margin: 18px 0 0 0;
}



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

#ad-3 #screen3 {
    margin: 0px;
    padding: 0px;
    width:300px;
    height:270px;
    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:250px;
    margin-left:0px;

}

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

}

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

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

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

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

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

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

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

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

/******************************************/
/* SCREEN 4 */
/******************************************/

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


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

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

#ad-3 #screen5 {
    margin: 0px;
    padding: 0px;
    width:300px;
    height:250px;
    position:absolute;
    background-color: #8f2b8c;
   /* z-index: 1;*/

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

#ad-3 #screen5 h1{
    font-size: 50px;
    margin: 80px 0 0 0;
}

#ad-3 #screen5 h2{
    font-size: 30px;
    margin: 12px 0 0 0;
}

#ad-3 #screen5 h3{
    font-size: 24.5px;
    margin: 12px 0 0 0;
}

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

#ad-3 #screen6 {
    margin: 0px;
    padding: 0px;
    width:300px;
    height:250px;
    position:absolute;
    background-color: #88c911;
   /* z-index: 1;*/

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

#ad-3 #screen6 h1{
    font-size: 39px;
    margin: 88px 0 0 0;
}

#ad-3 #screen6 h2{
    font-size: 43px;
    margin: 12px 0 0 0;
}

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

#ad-3 #screen7 {
    margin: 0px;
    padding: 0px;
    width:300px;
    height:250px;
    position:absolute;
    background-image: url(LN-vivid_bkgrd_300x250.png);
   /* z-index: 1;*/

    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_300x250.gif);
    background-repeat:no-repeat;
    margin: 0 0 0 0;
    width: 300px;
    height: 39px;
    float:left;
}

#ad-3 #screen7 h1{
    font-size: 32px;
    margin: 93px 0 0 0;
}

#ad-3 #screen7 h2{
    font-size: 32px;
    margin: 12px 0 0 0;
    display:inline-block;
    text-align:center;
}

#ad-3 #screen7 h3{
    font-size: 20px;
    margin: 33px 0 0 -20px;
    font-weight: normal;
}

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

#ad-3 .arrow {
    background: url(LN_vivid_arrow_300x250.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: -150px;}
}

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

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

#ad-3 .anima-screen1a {
    left:-150px;
   /*left:0px;*/
    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: 150px;}
    13%, 100%{left: 300px;}

}

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

@keyframes animaScreen1b {
    0%, 10%{left: 150px;}
    13%, 100%{left: 300px;}
}

#ad-3 .anima-screen1b {
    left:300px;
    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: 203px; opacity:1}
    57%, 100%{left: 203px; opacity:0}

}

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

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

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

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


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

}

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

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

#ad-3 .anima-screen2 {
    /*top:-210px*/
    left:-300px;
    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: 300px; top:0px;}
    27%, 28%{left: 0px; top:0px;}
    31%, 56%{left: 0px; top: -215px;}
    62%, 100%{left: 0px; top: -390px;}

}

@-moz-keyframes animaScreen3 {
     0%, 24%{left: 300px; top:0px;}
    27%, 28%{left: 0px; top:0px;}
    31%, 56%{left: 0px; top: -215px;}
    62%, 100%{left: 0px; top: -390px;}
}

@keyframes animaScreen3 {
    0%, 24%{left: 300px; top:0px;}
    27%, 28%{left: 0px; top:0px;}
    31%, 56%{left: 0px; top: -215px;}
    62%, 100%{left: 0px; top: -390px;}
}


#ad-3 .anima-screen3 {
    left:0px;
    top:-390px;
    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: 0px; opacity:0}
    38%, 39%{top: 0px; opacity:1}
    49%, 56%{top: -214px; opacity:1}
    62%, 100%{top: -460px; 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: 0px; opacity:0}
    38%, 39%{top: 0px; opacity:1}
    49%, 56%{top: -214px; opacity:1}
    62%, 100%{top: -460px; opacity:1}

}

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

}

#ad-3 .anima-screen4 {

    top:-460px;
    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: 250px; left:0px;}
    62%, 75%{top: 0px; left:0px;}
    81%, 100%{top: 0px; left:-300px;}

}

@-moz-keyframes animaScreen5{
    0%, 56%{top: 250px; left:0px;}
    62%, 75%{top: 0px; left:0px;}
    81%, 100%{top: 0px; left:-300px;}

}

@keyframes animaScreen5 {
   0%, 56%{top: 250px; left:0px;}
    62%, 75%{top: 0px; left:0px;}
    81%, 100%{top: 0px; left:-300px;}

}

#ad-3 .anima-screen5 {
    top:0px;
    left:-300px;
    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%, 75%{top: 0px; left:300px;}
    81%, 94%{top: 0px; left:0px;}
    99%, 100%{top: 250px; left:0px;}
}

@-moz-keyframes animaScreen6{
    0%, 75%{top: 0px; left:300px;}
    81%, 94%{top: 0px; left:0px;}
    99%, 100%{top: 250px; left:0px;}
}

@keyframes animaScreen6 {
    0%, 75%{top: 0px; left:300px;}
    81%, 94%{top: 0px; left:0px;}
    99%, 100%{top: 250px; left:0px;}
}

#ad-3 .anima-screen6 {
    top:250px;
    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: -250px;}
    99%, 100%{top: 0px;}
   
  
}

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

}

@keyframes animaScreen7 {
     0%, 94%{top: -250px;}
    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;
}