@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: 598px;
	border:1px solid #999999;
	top: 0px;
	left: 0px;
	margin: auto;
	overflow:hidden;
	display:none;
	opacity:0;
}

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



#a_img{
	position: absolute;
	position: absolute;
	left:50px;
	top:214px;
	width:195px;
	height:138px;
	opacity:1;
	
	
}


/*frame2*/
#copy1{
	position:absolute;
	left:27px;
	top:108px;
	
}
#copy2{
	position:absolute;
	left:27px;
	top:182px;
	width:100%;
	height:100%;
	background-image: url(images/copy2.png);
    background-size: 242px 62px;
	background-repeat:no-repeat;	
	background-color: transparent;
}
#hands{
	position:absolute;
	left:10px;
	top:10px;
	width:100%;
	height:100%;
}

#point_hand{
	position:absolute;
    left: 67px;
    top: 402px;
	width:100%;
	height:100%;
}



#hand{
	position:absolute;

	width:100%;
	height:100%;
	background-image: url(images/finger_hand.png);
    background-size: 118px 208px;
	background-repeat:no-repeat;	
	background-color: transparent;
}

#phone_hand{
	position:absolute;
	left:115px;
    top: 336px;
	width:100%;
	height:100%;
	background-image: url(images/phone_hand.png);
    background-size: 198px 171px;
	background-repeat:no-repeat;	
	background-color: transparent;
}
.phone_numbers{
	position:absolute;
	background-repeat:no-repeat;	
	background-color: transparent;
	left: 20px;
    top: 28px;
	width:55px;
	height:23px;
	background-size: 55px 23px;
}
#phone_number0{
	background-image: url(images/number0.png);	
}
#phone_number1{
	background-image: url(images/number1.png);	
}
#phone_number2{
	background-image: url(images/number2.png);

}
#phone_number3{
	background-image: url(images/number3.png);
}
#phone_number4{
	background-image: url(images/number4.png);
}
#phone_number5{
	background-image: url(images/number5.png);
}
#phone_number6{

	background-image: url(images/number6.png);
}
#phone_number7{
	background-image: url(images/number7.png);
}

.circle{
    width: 16px;
    height: 16px;
	background:#fff;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;

	
	opacity:0;
}

#num2{
	position:absolute;
    left: 47px;
    top: 52px;
}
#num4{
	position:absolute;
    left: 33px;
    top: 76px;
}
#num7{
	position:absolute;
    left: 39px;
    top: 93px;
}

#num5{
	position:absolute;
    left: 52px;
    top: 69px;
}
#num9{
	position:absolute;
    left: 77px;
    top: 80px;
}



/*frame3*/
/* da man */
#man{
	position:absolute;
	left:186px;
	top:313px;
	width:100%;
	height:100%;
	z-index:300;	
	-webkit-transform-style: preserve-3d;
	-webkit-backface-visibility: hidden;
}
#man_body{
	position:absolute;
	width:90px;
	height:275px;
	background-image: url(images/man.png);
    background-size: 90px 275px;
	background-repeat:no-repeat;	
	background-color: transparent;
}

#man_arm{
	position:absolute;
    left: 45px;
    top: 17px;
	width:44px;
	height:71px;
	background-image: url(images/man_arm.png);
    background-size: 44px 71px;
	background-repeat:no-repeat;	
	background-color: transparent;
}
#shadow{
	position:absolute;
    left: -143px;
    top: 254px;
	width:256px;
	height:48px;
	background-image: url(images/shadow.png);
    background-size: 256px 48px;
	background-repeat:no-repeat;	
	background-color: transparent;
	opacity:0.6;
}


/*frame4*/
#productName{
	position:absolute;
	left:0px;
	width:100%;
	height:100%;

	 -webkit-transform-style: preserve-3d;

}

#fdic{
	position:absolute;
	left:17px;
	top:16px;
	width:100%;
	height:100%;
	background-image: url(images/fdic.png);
    background-size: 55px 34px;
	background-repeat:no-repeat;	
	background-color: transparent;
}
#logo{
	position:absolute;
	left:56px;
	top:486px;
	width:100%;
	height:100%;
	background-image: url(images/logoAlly.png);
    background-size: 195px 83px;
	background-repeat:no-repeat;	
	background-color: transparent;
}
#cta{
	position:absolute;
	left:79px;
	top:380px;
	width:132px;
	height:50px;
	 -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: 130px 48px;
	background-repeat:no-repeat;	
	background-color: transparent;
}

#cta_drop{
	position:absolute;
	left:2px;
	top:2px;
	width:130px;
	height:48px;
	background:#3c393a;
}
/*da rate*/
#rate_container {
	display:block;
	position:absolute;
	top:178px;
	left:23px;
	color:#650360;
	font-family:inherit;
	opacity:0;
}
span {
	margin:0;
	padding:0;
}
.rate {
	float:left;
	line-height:1em;
	display:block;
	font-size:82px;
	letter-spacing: -1px;
	font-family:AllyBenton,sans-serif;
	margin:0;
	padding:0;
	position: absolute;
	width: 550px;
	top:15px;
	
}

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


  #fallback {
	position:absolute;
	
	left:0px;
	width:242px;
	height:30px;
	display: none;
	
}


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

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