/* ==================================================================
CSS BASE RESET
===================================================================*/

html {
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    /*Universal box sizing with inheritance */
    box-sizing: border-box;
}

*,
*::before,
*::after {
    box-sizing: inherit;
}

body,
body * {
    vertical-align: baseline;
    border: 0;
    outline: 0;
    padding: 0;
    margin: 0;
}


/* ==================================================================
BANNER STYLES
===================================================================*/
#blue-band,
#box,
#black-bar,
#band1, 
#band2, 
#band3,
#band-txt1,
#band-txt2, 
#band-txt3, 
#legal1,
#legal2,
#legal3,
#box-txt,
#tv1,
#tv1-txt,
#black-bar,
#tv2,
#tablet,
#phone,
#laptop,
#remote,
#phone,
#arrow,
#logo,
#savings-logo,
#txt1,
#txt2,
#txt3,
#txt4,
#txt5,
#endframe-txt1,
#endframe-txt2,
#endframe-legal,
#cta,
#pos {
    position: absolute;
}


#banner {
    width: 728px;
    height: 90px;
    border: 1px solid black;
    position: relative;
    display: block;
    overflow: hidden;
    background: rgba(210, 211, 213, 1);
    background: -moz-linear-gradient(top, rgba(195, 195, 195, 1)  0%, rgba(255, 255, 255, 1) 30%, rgba(202, 202, 202, 1) 64%, rgba(163, 163, 163, 1) 81%,  rgba(120, 120, 120, 1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(195, 195, 195, 1)), color-stop(30%, gba(255, 255, 255, 1)), color-stop(64%, rgba(202, 202, 202, 1)),color-stop(81%, rgba(163, 163, 163, 1)),  color-stop(100%, rgba(120, 120, 120, 1)));
    background: -webkit-linear-gradient(top, rgba(195, 195, 195, 1)  0%, rgba(255, 255, 255, 1) 30%, rgba(202, 202, 202, 1) 64%, rgba(163, 163, 163, 1) 81%,  rgba(120, 120, 120, 1) 100%);
    background: -o-linear-gradient(top, rgba(195, 195, 195, 1)  0%, rgba(255, 255, 255, 1) 30%, rgba(202, 202, 202, 1) 64%, rgba(163, 163, 163, 1) 81%,  rgba(120, 120, 120, 1) 100%);
    background: -ms-linear-gradient(top, rgba(195, 195, 195, 1)  0%, rgba(255, 255, 255, 1) 30%, rgba(202, 202, 202, 1) 64%, rgba(163, 163, 163, 1) 81%,  rgba(120, 120, 120, 1) 100%);
    background: linear-gradient(to bottom, rgba(195, 195, 195, 1)  0%, rgba(255, 255, 255, 1) 30%, rgba(202, 202, 202, 1) 64%, rgba(163, 163, 163, 1) 81%,  rgba(120, 120, 120, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#787878', endColorstr='#787878', GradientType=1);
}

#logo {
    top: 5px;
    left: 548px;
    background: url('sprite.png') no-repeat 0 0;
    width: 65px;
    height: 21px;
    
}


#cta {
    top: 0px;
    right: 0px;
    width: 108px;
    height: 90px;
    background: #515252;
    background-repeat: no-repeat;
    background-image: linear-gradient(to right, rgba(204, 204, 204, 0), rgba(204, 204, 204, 0.5), rgba(204, 204, 204, 0));
    background-position: -200px 0;
}

#cta_arrow {
    background: url('sprite.png') no-repeat -451px -213px;
    width: 5px;
    height: 9px;
    left: 86px;
    top: 49px;
    position: absolute;
}

#cta_txt {
    background: url('sprite.png') no-repeat -590px -117px;
    width: 90px;
    height: 27px;
    position: absolute;
}

#cta_legal {
    background: url('sprite.png') no-repeat -593px -87px;
    width: 93px;
    height: 19px;

    position: absolute;
}

#txt1 {
    background: url('sprite.png') no-repeat 0 -26px;
    width: 280px;
    height: 50px;
    left:173px;
    top:21px;
    position: absolute;
}

#x1_content {
    background: url('sprite.png') no-repeat 0 -87px;
    width: 394px;
    height: 72px;
    left:110px;
    top:10px;
    position: absolute;
}

#x1_copy1 {
    background: url('sprite.png') no-repeat -15px -183px;
    width: 114px;
    height: 16px;
    left:14px;
    top:0px;
    position: relative;
}

#x1 {
    background: url('sprite.png') no-repeat -16px -206px;
    width: 112px;
    height: 83px;
    left: 12px;
    top: -70px;
    position: relative;
}

#x1glow {
   background: url('sprite.png') no-repeat -592px -6px;
    width: 93px;
    height: 70px;
    left:240px;
    top:11px;
    position: relative;
}

#x1_copy2 {
    background: url('sprite.png') no-repeat -2px -295px;
    width: 142px;
    height: 16px;
    left:-1px;
    bottom:60px;
    position: relative;
}

#txt2 {
   background: url('sprite.png') no-repeat -309px -28px;
    width: 248px;
    height: 48px;
    left:89px;
    top:23px;
    position: absolute;
}


#tv {
    background: url('sprite.png') no-repeat -454px -88px;
    width: 126px;
    height: 89px;
    left:382px;
    top:5px;
    position: absolute;
}


#phone {
    background: url('sprite.png') no-repeat -406px -116px;
    width: 28px;
    height: 49px;
    left:507px;
    top:37px;
    position: absolute;
}

#txt3 {
    background: url('sprite.png') no-repeat -4px -177px;
    width: 244px;
    height: 33px;
    left:191px;
    top:32px;
    position: absolute;
}

#ef_hl {
    background: url('sprite.png') no-repeat -2px -224px;
    width: 280px;
    height: 52px;
    left: 9px;
    top: 32px;
    position: absolute;
}

#ef_subh {
   background: url('sprite.png') no-repeat -476px -191px;
    width: 126px;
    height: 34px;
    left: 460px;
    top: 34px;
    position: absolute;
}


#price_line1 {
    background-color: #2ea0dd;
    width: 1px;
    height: 60px;
    top:18px;
    left:446px;
    position: absolute;
}


#price_line2 {
    background-color: #2ea0dd;
    width: 120px;
    height: 1px;
    left:30px;
    top:410px;
    position: absolute;
}

#price_hl {
    background: url('sprite.png') no-repeat -334px -177px;
    width: 68px;
    height: 11px;
    left: 334px;
    top: 11px;
    position: absolute;
}

#price {
    background: url('sprite.png') no-repeat -311px -189px;
    width: 119px;
    height: 44px;
    left: 311px;
    top: 23px;
    position: absolute;
}

#price_lgl {
    background: url('sprite.png') no-repeat -322px -237px;
    width: 100px;
    height: 9px;
    left:323px;
    top:70px;
    position: absolute;
}

#offer {
    background: url('sprite.png') no-repeat -343px -256px;
    width: 337px;
    height: 20px;
    left:0px;
    top:7px;
    position: absolute;
}

#clicktag {
    top:0;
    width: 728px;
    height: 90px;
    cursor: pointer;
    position: absolute;   
}