/* ==================================================================
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 {
    width: 300px;
    height: 250px;
    border: 1px solid #000;
    position: relative;
    display: block;
    overflow: hidden;
    cursor: pointer;
    background: linear-gradient(to bottom, rgba(235, 236, 236, 1)  0%, rgba(255, 255, 255, 1) 30%, rgba(249, 249, 249, 1) 64%, rgba(234, 234, 234, 1) 81%,  rgba(225, 225, 225, 1) 100%);
}

#logo {
    top: 8px;
    right: 7px;
    background: url('sprite.png') no-repeat 0 -83px;
    width: 77px;
    height: 26px;
    position: absolute;
}


#cta {
    bottom: -2px;
    left: 0px;
    width: 300px;
    height: 41px;
    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;
    position: absolute;
}

#cta_arrow {
    background: url('sprite.png') no-repeat 0 -281px;
    width: 5px;
    height: 9px;
    left: 283px;
    top: 17px;
    position: absolute;
}

#cta_txt {
    background: url('sprite.png') no-repeat 0 -260px;
    width: 195px;
    height: 16px;
    left: 82px;
    margin: auto;
    top: 8px;
    position: absolute;
}

#cta_legal {
    background: url('sprite.png') no-repeat 0 -757px;
    width: 166px;
    height: 9px;
    left: 112px;
    margin: auto;
    top: 25px;
    position: absolute;
}

#txt1 {
    background: url('sprite.png') no-repeat 0 0;
    width: 278px;
    height: 47px;
    left:13px;
    top:91px;
    position: absolute;
}

#flow {
    width: 126px;
    height: 95px;
    position: absolute;
    top: 81px;
    left: 80px;
    background: url('flow.png') no-repeat;
}

#txt11 {
    width: 224px;
    height: 31px;
    position: absolute;
    top: 158px;
    left: 40px;
    background: url('sprite.png') no-repeat 0 -48px;
}

#x1_content {
    width: 165px;
    height: 143px;
    left:60px;
    top:56px;
    position: absolute;
    background: url('sprite.png') no-repeat 0 -111px;
}

#txt2 {
    background: url('sprite.png') no-repeat 0 -295px;
    width: 285px;
    height: 39px;
    left:6px;
    top:42px;
    position: absolute;
}


#tv {
    background: url('sprite.png') no-repeat 0 -345px;
    width: 135px;
    height: 116px;
    left:56px;
    top:88px;
    position: absolute;
}


#phone {
    background: url('sprite.png') no-repeat 0 -466px;
    width: 89px;
    height: 55px;
    left:158px;
    top:151px;
    position: absolute;
}

#txt21 {
    background: url('sprite.png') no-repeat 0 -534px;
    width: 151px;
    height: 9px;
    left:75px;
    top:205px;
    position: absolute;
}

#txt3 {
    width: 221px;
    height: 23px;
    position: absolute;
    top: 103px;
    left: 43px;
    background: url('sprite.png') no-repeat 0 -549px;
}

#txt4 {
    width: 190px;
    height: 27px;
    position: absolute;
    top: 130px;
    left: 54px;
    background: url('sprite.png') no-repeat 0 -573px;
}

#ef_hl {
    background: url('sprite.png') no-repeat 0 -604px;
    width: 259px;
    height: 48px;
    left:20px;
    top:44px;
    position: absolute;
}

#ef_subh {
    background: url('sprite.png') no-repeat 0 -727px;
    width: 108px;
    height: 27px;
    left:172px;
    top:130px;
    position: absolute;
}


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


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

#price_hl {
    background: url('sprite.png') no-repeat -206px -135px;
    width: 65px;
    height: 10px;
    left:54px;
    top:110px;
    position: absolute;
    display: none;
}

#price {
    background: url('sprite.png') no-repeat 0 -655px;
    width: 119px;
    height: 56px;
    left:31px;
    top:111px;
    position: absolute;
}

#price_lgl {
    background: url('sprite.png') no-repeat 0 -715px;
    width: 102px;
    height: 10px;
    left:40px;
    top:179px;
    position: absolute;
}