@charset "UTF-8";
/* CSS Document */

body, body * {
	font-family: Arial, Helvetica, sans;
	
	vertical-align:baseline;
	border:0 none;
	outline:0;
	padding:0;
	margin:0;
	background-color:transparent;
}
body {background:white;}
.ie10 .ignore {display:none !important;}

#container{
	position:absolute;
	width:728px;
	height:90px;
	top:0px;
	left:0px;
	margin:auto;
	
	
}

#collapsed {
	position: absolute;
	top:0px; 
	left:0px;
	width:726px;
	height:88px;
	z-index:10;
	display:block;
	border:1px solid #666666;

}

#bg_images {
	position: absolute;
	width:154px;
	height:90px;
	z-index:2;
	display:block;
	background: url('bg.jpg') 0 0px no-repeat;
	background-color:#000000;
}


#under_bg {
	position: absolute;
	width:179px;
	height:90px;
	z-index:0;
	display:block;
	background-color:#000000;
	top:0px;
	left:154px;
	transition: opacity 0.2s;}


#tearOut {
	position: absolute;
	width:395px;
	height:90px;
	z-index:-50;
	display:block;
	background-color:#000000;
	top:0px;
	left:333px;
	
}

#tearLine {
	position: absolute;
	width:4px;
	height:90px;
	z-index:1;
	display:block;
	background-color:#ffffff;
	top:-91px;
	left:333px;
	
}

#half_off {
	position: absolute;
	width:161px;
	height:46px;
	z-index:200;
	top:12px;
	left:241px;
	background: url('half_off.png') 0 0px no-repeat;
	transition: opacity 0.2s;
	
}


#save50 {
	position: absolute;
	width:267px;
	height:20px;
	z-index:200;
	top:12px;
	left:160px;
	background: url('words.png') 0 0px no-repeat;
	transition: opacity 0.2s;
	
}


#cta {
	position: absolute;
	cursor:pointer;
	z-index:401;
	width: 124px;
	height: 20px;
	left: 435px;
	top:12px;
	border: 1px solid #0061b7;
	background: rgba(255, 255, 255, 0.75) url(cta-text.png) 5px 4px no-repeat;
	transition: opacity .5s;
}
#cta.move1 {
	top: 87px;
}

#cta.move {
	top: 93px;
}

#cta:hover {
/*border-color:white;*/
background: #0061b7 url(cta-text.png) 5px -17px  no-repeat;
}











.hidden {opacity: 0;}

#terms1 {
	font-family: Arial, Helvetica, sans;
	color: #ffffff;
	font-size:10px;
	position: absolute;
	top:70px;
	left:163px;
	cursor:pointer;
	z-index:201;
	width: 150px;
	height: 18px;
	text-decoration:none;
	transition: opacity 0.2s;		
	
}

#terms2 {
	font-family: Arial, Helvetica, sans;
	color: #ffffff;
	font-size:10px;
	position: absolute;
	top:70px;
	left:163px;
	cursor:pointer;
	z-index:201;
	width: 150px;
	height: 18px;
	text-decoration:none;
	transition: opacity 0.2s;	
}


#terms3 {
	font-family: Arial, Helvetica, sans;
	color: #ffffff;
	font-size: 10px;
	position: absolute;
	top: 42px;
	left: 160px;
	cursor: pointer;
	z-index: 201;
	width: 410px;
	height: 42px;
	text-decoration: none;
	transition: opacity 0.7s;
}


.anim_bottom {
	-webkit-animation: cssAnimation1 1.9s 1 ease;
	-moz-animation: cssAnimation1 1.9s  1 ease;
	-o-animation: cssAnimation1 1.9s  1 ease;
	animation-delay: 3.3s;
	-webkit-animation-delay: 3.3s; /* Chrome, Safari, Opera */
	
	} 
	
	@-webkit-keyframes cssAnimation1 {
		from { -webkit-transform:  rotate(0deg) scale(1) skew(1deg) translate(0px); }  
		to { -webkit-transform:  rotate(-33deg) scale(1) skew(0deg) translate(60px, 350px); } } 
	
	@-moz-keyframes cssAnimation1 {
		from { -moz-transform:  rotate(0deg) scale(1) skew(1deg) translate(0px); }  
		to { -moz-transform:  rotate(-33deg) scale(1) skew(0deg) translate(60px, 350px); } } 
	
	@-o-keyframes cssAnimation1 {
		from { -o-transform:  rotate(0deg) scale(1) skew(1deg) translate(0px); }  
		to { -o-transform:  rotate(-33deg) scale(1) skew(0deg) translate(60px, 350px); } }



.anim_line {
	-webkit-animation: cssAnimation2 0.2s 1  ease;
	-moz-animation: cssAnimation2 0.2s 1   ease;
	-o-animation: cssAnimation2 0.2s 1  ease;
	animation-delay: 3s;
	-webkit-animation-delay: 3s; /* Chrome, Safari, Opera */
	} 
	
	 @-webkit-keyframes cssAnimation2 {
		from { -webkit-transform:  rotate(0deg) scale(1) skew(1deg) translate(0px); }  
		to { -webkit-transform:  rotate(0deg) scale(1) skew(0deg) translate(0px, 90px); } } 
	
	 @-moz-keyframes cssAnimation2 {
		from { -moz-transform:  rotate(0deg) scale(1) skew(1deg) translate(0px); }  
		to { -moz-transform:  rotate(0deg) scale(1) skew(0deg) translate(0px, 90px); } } 
	
	 @-o-keyframes cssAnimation2 {
		from { -o-transform:  rotate(0deg) scale(1) skew(1deg) translate(0px); }  
		to { -o-transform:  rotate(0deg) scale(1) skew(0deg) translate(0px, 90px); } }


.anim_underbg {
	-webkit-animation: cssAnimation3 1.2s 1  ease;
	-moz-animation: cssAnimation3 1.2s 1   ease;
	-o-animation: cssAnimation3 1.2s 1  ease;
	animation-delay: 9s;
	-webkit-animation-delay: 9s; /* Chrome, Safari, Opera */
	} 
	
	 @-webkit-keyframes cssAnimation3 {
		from { -webkit-transform:  rotate(0deg) scale(1) skew(0deg) translate(0px); }  
		to { -webkit-transform:  rotate(0deg) scale(1) skew(0deg) translate(-300px, 0px); } } 
	
	 @-moz-keyframes cssAnimation3 {
		from { -moz-transform:  rotate(0deg) scale(1) skew(1deg) translate(0px); }  
		to { -moz-transform:  rotate(0deg) scale(1) skew(0deg) translate(-300px, 0px); } } 
	
	 @-o-keyframes cssAnimation3 {
		from { -o-transform:  rotate(0deg) scale(1) skew(1deg) translate(0px); }  
		to { -o-transform:  rotate(0deg) scale(1) skew(0deg) translate(-300px, 0px); } }




#disclaimer1 {
	font-family: Arial, Helvetica, sans;
	color: #ffffff;
	font-size: 10px;
	overflow: hidden;
	height: 76px;
	width: 150px;
	position: absolute;
	z-index: 200;
	top: 10px;
	left: 575px;
	line-height: 11px;
	transition: opacity 0.5s;
}


#disclaimer2 {
	font-family: Arial, Helvetica, sans;
	color: #000000;
	font-size: 10px;
	overflow: hidden;
	height: 76px;
	width: 150px;
	position: absolute;
	z-index: 200;
	top: 10px;
	left: 575px;
	line-height: 11px;
	transition: opacity 0.5s;
	
}



#scroller {
padding-right:10px;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	-ms-transform: translateZ(0);
	-o-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-text-size-adjust: none;
	-moz-text-size-adjust: none;
	-ms-text-size-adjust: none;
	-o-text-size-adjust: none;
	text-size-adjust: none;
}


.disclaimer ul {
list-style-type:none;
margin: 4px; padding: 0;
}
.disclaimer li {
margin: 3px; padding: 0 0 0 6px;
background: url(dot.png) -3px 0 no-repeat;
}
.disclaimer img {vertical-align:middle;}




#exit_btn{
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	cursor:pointer;
	z-index:400;
	background:url(trans.gif);
}

#terms_exit_btn{
	position:absolute;
	top:70px;
	left:163px;
	cursor:pointer;
	width: 120px;
	height: 18px;
	z-index:405;
	background:url(trans.gif);
}

#terms3_exit_btn{
	position:absolute;
	top:41px;
	left:160px;
	cursor:pointer;
	width: 120px;
	height: 18px;
	z-index:405;
	background:url(trans.gif);
}




.iScrollIndicator {
border: none !important;
border-radius: 0 !important;
background: #0064a9 !important;
}
.iScrollVerticalScrollbar  {
width: 0px !important;
border: 0px solid #0064a9 !important;
}

#subload.polite *:not(#cta) {background-image: none !important;}