body {
	margin: 0px;
}

#container {
	top: 0px;
	left: 0px;
	width: 300px;
	height: 250px;
	display: block;
	position: relative;
	cursor: pointer;
	border: 1px solid #999999;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
	overflow: hidden;
	background-color: #0073cf;
}

#banner {
	top: 0px;
	left: 0px;
	width: 300px;
	height: 250px;
	display: block;
	overflow: hidden;
}


#bottom_Logo {
    position: absolute;
	width: 108px;
    height: 51px;
    left: 19px;
    bottom: 8px;
	opacity: 1;
    background: url('sprites.png') no-repeat -227px -135px;
    z-index: 40;
}

#Tagline {
    position: absolute;
    width: 97px;
    height: 17px;
    left: 186px;
    bottom: 7px;
	opacity: 1;
    background: url('sprites.png') no-repeat -245px -112px;
    z-index: 41;
}


#search_box{
    position: absolute;
    overflow: hidden;
    opacity: 1;
    left: 41px;
    top:41px;
    width: 213px;
    height: 30px;
    background-color: #ffffff;
    z-index: 42;
}

#blue_box{
    position: absolute;
    overflow: hidden;
    opacity: 1;
    left: 225px;
    top:42px;
    width: 28px;
    height: 28px;
    background-color: #0073cf;
    z-index: 42;
}

#img_search{
    position: absolute;
    overflow: hidden;
    opacity: 1;
    left: 230px;
    top:46px;
    width: 18px;
    height: 19px;
    background: url('sprites.png') no-repeat -179px -3px;
    z-index: 42;
}

#line_search{
    position: absolute;
    overflow: hidden;
    left: 53px;
    top:47px;
    width: 2px;
    height: 18px;
    background-color:#3f95db;
    z-index: 42;
}

#line_search2{
    position: absolute;
    overflow: hidden;
    left: 53px;
    top:47px;
    width: 2px;
    height: 18px;
    background-color:#3f95db;
    z-index: 42;
}


#item_box{
    position: absolute;
    overflow: hidden;
    opacity: 1;
    left: 42px;
    top:73px;
    width: 211px;
    height: 0px;
    background-color: #338fd9;
    z-index: 42;
}


#item_1{
    position: absolute;
    overflow: hidden;
    opacity: 0;
    left: 52px;
    top:82px;
    width: 79px;
    height: 13px;
    background: url('sprites.png') no-repeat -2px -23px;
    z-index: 44;
}

#item_2{
    position: absolute;
    overflow: hidden;
    opacity: 0;
    left: 52px;
    top:104px;
    width: 60px;
    height: 15px;
    background: url('sprites.png') no-repeat -3px -45px;
    z-index: 44;
}


#item_3{
    position: absolute;
    overflow: hidden;
    opacity: 0;
    left: 52px;
    top:124px;
    width: 81px;
    height: 16px;
    background: url('sprites.png') no-repeat -3px -65px;
    z-index: 44;
}


#pointer{
    position: absolute;
    overflow: hidden;
    opacity: 1;
    left: 300px;
    top:82px;
    width: 16px;
    height: 28px;
    background: url('sprites.png') no-repeat -219px -6px;
    z-index: 44;
}

#pointer_box1{
    position: absolute;
    overflow: hidden;
    left: 42px;
    top:77px;
    width: 211px;
    height: 23px;
    z-index: 43;
    background-color:#5ca5e1; 
    opacity:0;
}


#pointer_box2{
    position: absolute;
    overflow: hidden;
    left: 42px;
    top:77px;
    width: 211px;
    height: 23px;
    z-index: 43;
    background-color:#5ca5e1; 
    opacity:0;
}

#pointer_box3{
    position: absolute;
    overflow: hidden;
    left: 42px;
    top:77px;
    width: 211px;
    height: 23px;
    z-index: 43;
    background-color:#5ca5e1; 
    opacity:0;
}

#pointer_box4{
    position: absolute;
    overflow: hidden;
    left: 42px;
    top:120px;
    width: 211px;
    height: 23px;
    z-index: 43;
    background-color:#0073cf; 
    opacity:0;
}


#item_container{
    position: absolute;
    overflow: hidden;
    left: 0px;
    top:0px;
    width: 300px;
    height: 250px;
    z-index: 42;
}

#search_text{
    position: absolute;
    overflow: hidden;
    left: 0px;
    top:0px;
    width: 300px;
    height: 250px;
    z-index: 42;
}

#text_0{
    position: absolute;
    overflow: hidden;
    left: 58px;
    top:48px;
    width: 10px;
    height: 15px;
    background: url('sprites.png') no-repeat -8px -3px;
    z-index: 42;
    opacity: 0;
}

#text_dollar{
    position: absolute;
    overflow: hidden;
    left: 51px;
    top:46px;
    width: 6px;
    height: 17px;
    background: url('sprites.png') no-repeat -1px -1px;
    z-index: 42;
    opacity: 0;
}


#text_O{
    position: absolute;
    overflow: hidden;
    left: 74px;
    top:52px;
    width: 9px;
    height: 11px;
    background: url('sprites.png') no-repeat -24px -7px;
    z-index: 42;
    opacity: 0;
}


#text_N{
    position: absolute;
    overflow: hidden;
    left: 85px;
    top:52px;
    width: 8px;
    height: 10px;
    background: url('sprites.png') no-repeat -35px -7px;
    z-index: 42;
    opacity: 0;
}

#text_L{
    position: absolute;
    overflow: hidden;
    left: 95px;
    top:48px;
    width: 3px;
    height: 14px;
    background: url('sprites.png') no-repeat -45px -3px;
    z-index: 42;
    opacity: 0;
}

#text_I{
    position: absolute;
    overflow: hidden;
    left: 100px;
    top:48px;
    width: 3px;
    height: 14px;
    background: url('sprites.png') no-repeat -50px -3px;
    z-index: 42;
    opacity: 0;
}


#text_N2{
    position: absolute;
    overflow: hidden;
    left: 105px;
    top:52px;
    width: 8px;
    height: 10px;
    background: url('sprites.png') no-repeat -55px -7px;
    z-index: 42;
    opacity: 0;
}

#text_E{
    position: absolute;
    overflow: hidden;
    left: 115px;
    top:52px;
    width: 8px;
    height: 11px;
    background: url('sprites.png') no-repeat -65px -7px;
    z-index: 42;
    opacity: 0;
}



#text_T{
    position: absolute;
    overflow: hidden;
    left: 129px;
    top:50px;
    width: 7px;
    height: 13px;
    background: url('sprites.png') no-repeat -79px -5px;
    z-index: 42;
    opacity: 0;
}


#text_R{
    position: absolute;
    overflow: hidden;
    left: 138px;
    top:52px;
    width: 5px;
    height: 10px;
    background: url('sprites.png') no-repeat -88px -7px;
    z-index: 42;
    opacity: 0;
}


#text_A{
    position: absolute;
    overflow: hidden;
    left: 144px;
    top:52px;
    width: 8px;
    height: 11px;
    background: url('sprites.png') no-repeat -94px -7px;
    z-index: 42;
    opacity: 0;
}

#text_D{
    position: absolute;
    overflow: hidden;
    left: 153px;
    top:48px;
    width: 9px;
    height: 15px;
    background: url('sprites.png') no-repeat -103px -3px;
    z-index: 42;
    opacity: 0;
}

#text_E2{
    position: absolute;
    overflow: hidden;
    left: 164px;
    top:52px;
    width: 8px;
    height: 11px;
    background: url('sprites.png') no-repeat -114px -7px;
    z-index: 42;
    opacity: 0;
}



#text_S{
    position: absolute;
    overflow: hidden;
    left: 174px;
    top:52px;
    width: 7px;
    height: 11px;
    background: url('sprites.png') no-repeat -124px -7px;
    z-index: 42;
    opacity: 0;
}


#text_case{
    position: absolute;
    overflow: hidden;
    left: 182px;
    top:63px;
    width: 10px;
    height: 2px;
    background: url('sprites.png') no-repeat -132px -18px;
    z-index: 42;
    opacity: 0;
}


#final_frame{
    position: absolute;
    overflow: hidden;
    left: 0px;
    top:0px;
    width: 300px;
    height: 250px;
    z-index: 42;
    opacity: 0;
}

#headline {
    position: absolute;
    top: 13px;
    left: 45px;
    width: 215px;
    height: 45px;
    opacity: 1;
    background: url('sprites.png') no-repeat -4px -83px;
    z-index: 45;

}

#txt1 {
    position: absolute;
    top: 80px;
    left: 26px;
    width: 87px;
    height: 36px;
    opacity: 1;
    background: url('sprites.png') no-repeat -255px -3px;
    z-index: 45;

}

#txt2 {
    position: absolute;
    top: 80px;
    left: 165px;
    width: 103px;
    height: 36px;
    opacity: 1;
    background: url('sprites.png') no-repeat -251px -47px;
    z-index: 45;

}

#plus {
    position: absolute;
    top: 115px;
    left: 136px;
    width: 16px;
    height: 16px;
    opacity: 0;
    background: url('sprites.png') no-repeat -186px -37px;
    z-index: 45;

}


#copy1 {
    position: absolute;
    top: 125px;
    left: 21px;
    width: 99px;
    height: 43px;

    background: url('sprites.png') no-repeat -1px -133px;
    z-index: 45;
    opacity: 0;

}

#copy2 {
    position: absolute;
    top: 125px;
    left: 173px;
    width: 89px;
    height: 39px;
   
    background: url('sprites.png') no-repeat -110px -134px;
    z-index: 45;
    opacity: 0;

}


#CTAbutton{
    position: absolute;
    overflow: hidden;
    opacity: 1;
    left: 159px;
    bottom:28px;
    width: 125px;
    height: 31px;
    background-color: #dc1431;
    z-index: 42;
}

#CTAtext{
    position: relative;
    width: 86px;
    height: 13px;
    top:8px;
    margin: 0 auto;
    background: url('sprites.png') no-repeat -244px -91px;

}

#shine {
    position: absolute;
    top: -2px;
    left: -50px;
    width: 28px;
    height: 36px;
	opacity: 1;
    background : url('sprites.png') no-repeat -103px -24px;
    z-index: 43;
}

