@charset "UTF-8";

@font-face{
		font-family:AllyBenton;
		src:url("fonts/allybentonrates-bold-webfont.eot"); 
		src:url("fonts/allybentonrates-bold-webfont.eot!#iefix") format("embedded-opentype"), 
		url("fonts/allybentonrates-bold-webfont.woff") format("woff"), 
		url("fonts/allybentonrates-bold-webfont.ttf") format("truetype");
		font-weight:normal;
	}
	
body, body * {
	vertical-align: baseline;
	border: 0;
	outline: 0;
	padding: 0;
	margin: 0;
	
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;	
}

/* global */
#container_dc {
	position: absolute;
	width: 298px;
	height: 248px;
	border:1px solid #999999;
	top: 0px;
	left: 0px;
	margin: auto;
	overflow:hidden;
	display:none;
	opacity:0;
}

#bg{
	position: absolute;
	width: 300px;
	height: 250px;
	top: 0px;
	left: 0px;
	opacity:1;
	z-index:0;
	background-image: url(images/bg.jpg);
	background-repeat:no-repeat;
	background-color: transparent;
}

/*frame1*/

#a_img{
	position: absolute;
	left:58px;
	top:56px;
	width: 174px;
	height: 156px;
	opacity:1;
	
}


/*frame2*/
#copy1{
	position:absolute;
	left:22px;
	top:20px;
	
}
#copy2{
	position:absolute;
	left:22px;
	top:81px;
	width:100%;
	height:100%;
	background-image: url(copy2.png);
    background-size: 202px 53px;
	background-repeat:no-repeat;	
	background-color: transparent;
}
#hands{
	position:absolute;
	left:10px;
	top:10px;
	width:100%;
	height:100%;
}

#point_hand{
	position:absolute;
    left: 159px;
    top: 154px;
	width:100%;
	height:100%;
}

#finger{
	position:absolute;
    left: 45px;
    top: -33px;
	width:100%;
	height:100%;
	background-image: url(finger.png);
    background-size: 20px 51px;
	background-repeat:no-repeat;	
	background-color: transparent;
}
#wrist{
	position:absolute;
    left: 3px;
    top: 23px;
	width:100%;
	height:100%;
	background-image: url(wrist.png);
    background-size: 63px 77px;
	background-repeat:no-repeat;	
	background-color: transparent;
}
#hand{
	position:absolute;
    left: 3px;
    top: 25px;
	width:100%;
	height:100%;
	background-image: url(hand.png);
    background-size: 63px 77px;
	background-repeat:no-repeat;	
	background-color: transparent;
}

#phone_hand{
	position:absolute;
	left:165px;
    top: 103px;
	width:100%;
	height:100%;
	background-image: url(phone_hand.png);
    background-size: 135px 112px;
	background-repeat:no-repeat;	
	background-color: transparent;
}
#phone_number0{
	position:absolute;
    left: 13px;
    top: 18px;
	width:35px;
	height:15px;
	background-image: url(number0.png);
    background-size: 35px 15px;
	background-repeat:no-repeat;	
	background-color: transparent;
}
#phone_number1{
	position:absolute;
    left: 13px;
    top: 18px;
	width:35px;
	height:15px;
	background-image: url(number1.png);
    background-size: 35px 15px;
	background-repeat:no-repeat;	
	background-color: transparent;
}
#phone_number2{
	position:absolute;
    left: 13px;
    top: 18px;
	width:35px;
	height:15px;
	background-image: url(number2.png);
    background-size: 35px 15px;
	background-repeat:no-repeat;	
	background-color: transparent;
}
#phone_number3{
	position:absolute;
    left: 13px;
    top: 18px;
	width:35px;
	height:15px;
	background-image: url(number3.png);
    background-size: 35px 15px;
	background-repeat:no-repeat;	
	background-color: transparent;
}
#phone_number4{
	position:absolute;
    left: 13px;
    top: 18px;
	width:35px;
	height:15px;
	background-image: url(number4.png);
    background-size: 35px 15px;
	background-repeat:no-repeat;	
	background-color: transparent;
}
#phone_number5{
	position:absolute;
    left: 13px;
    top: 18px;
	width:35px;
	height:15px;
	background-image: url(number5.png);
    background-size: 35px 15px;
	background-repeat:no-repeat;	
	background-color: transparent;
}
#phone_number6{
	position:absolute;
    left: 13px;
    top: 18px;
	width:35px;
	height:15px;
	background-image: url(number6.png);
    background-size: 35px 15px;
	background-repeat:no-repeat;	
	background-color: transparent;
}
#phone_number7{
	position:absolute;
    left: 13px;
    top: 18px;
	width:35px;
	height:15px;
	background-image: url(number7.png);
    background-size: 35px 15px;
	background-repeat:no-repeat;	
	background-color: transparent;
}

.circle{
    width: 10px;
    height: 10px;
	
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;

	background:#fff;
	opacity:0;
}

#num2{
	position:absolute;
    left: 31px;
    top: 34px;
}
#num4{
	position:absolute;
    left: 22px;
    top: 50px;
}
#num7{
	position:absolute;
    left: 26px;
    top: 61px;
}

#num5{
	position:absolute;
    left: 34px;
    width: 11px;
    top: 45px;
}
#num9{
	position:absolute;
    left: 51px;
    top: 52px;
}



/*frame3*/
/* da man */
#man{
	position:absolute;
	left:208px;
	top:146px;
	width:100%;
	height:100%;
	z-index:300;	
	-webkit-transform-style: preserve-3d;
	-webkit-backface-visibility: hidden;
}
#man_body{
	position:absolute;
    left: 6px;
    top: 18px;
	width:71px;
	height:85px;
	background-image: url(man_body.png);
    background-size: 71px 85px;
	background-repeat:no-repeat;	
	background-color: transparent;
}
#man_back_arm{
	position:absolute;
    left: 9px;
    top: 33px;
	width:17px;
	height:92px;
	background-image: url(man_back_arm.png);
    background-size: 17px 92px;
	background-repeat:no-repeat;	
	background-color: transparent;
}
#man_arm{
	position:absolute;
    left: 41px;
    top: 10px;
	width:36px;
	height:56px;
	background-image: url(man_arm.png);
    background-size: 36px 56px;
	background-repeat:no-repeat;	
	background-color: transparent;
}
#man_head{
	position:absolute;
    left: 33px;
    top: -3px;
	width:31px;
	height:29px;
	background-image: url(man_head.png);
    background-size: 31px 29px;
	background-repeat:no-repeat;	
	background-color: transparent;
}


/*frame4*/
#productName{
	position:absolute;
	
	width:100%;
	height:100%;
	 -webkit-transform-style: preserve-3d;

}

#fdic{
	position:absolute;
	left:12px;
	top:11px;
	width:100%;
	height:100%;
	background-image: url(images/fdic.png);
    background-size: 37px 23px;
	background-repeat:no-repeat;	
	background-color: transparent;
}
#logo{
	position:absolute;
	left:23px;
	top:168px;
	width:100%;
	height:100%;
	background-image: url(images/logoAlly.png);
    background-size: 131px 56px;
	background-repeat:no-repeat;	
	background-color: transparent;
}
#cta{
	position:absolute;
	left:188px;
	top:186px;
	width:81px;
	height:30px;
	 -webkit-transform-style: preserve-3d;
	 -webkit-backface-visibility: hidden;
}
#cta_copy{
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	background-image: url(images/ctaBtn.jpg);
    background-size: 79px 28px;
	background-repeat:no-repeat;	
	background-color: transparent;
}

#cta_drop{
	position:absolute;
	left:2px;
	top:2px;
	width:79px;
	height:28px;
	background:#3c393a;
}
/*da rate*/
#rate_container {
	display:block;
	position:absolute;
	top:62px;
	left:45px;
	color:#650360;
	font-family:inherit;
	opacity:0;
}
span {
	margin:0;
	padding:0;

}
.rate {
	float:left;
	line-height:1em;
	display:block;
	font-size:69px;
	letter-spacing: -1px;
	font-family:AllyBenton,sans-serif;	
	margin:0;
	padding:0;
	position: absolute;
	width: 550px;
	top:12px;
	left:0px;
	
}

  .percentAPY {
	display:inline-block;
	position: relative;
	margin-left:2px;
	
}


  #fallback {
	position:absolute;
	
	left:0;
	width:220px;
	height:79px;
	display: none;
	
}


/* Invisible button for background clickthrough. */
#background_exit_dc {
	position: absolute;
	width: 300px;
	height: 250px;
	top: 0px;
	left: 0px;
	cursor: pointer;
	background-color:transparent;
	z-index: 400;
}

:focus {outline:none;}
::-moz-focus-inner {border:0;}