#main_container {
	top: 0;
	left: 0;
	width: 300px;
	height: 250px;
	position: absolute;
	overflow: hidden;
	background-color: #121b78;
}

#main_container #clicktag {
	width: 300px;
	height: 250px;
	top: 0;
	left: 0;
	margin: 0;
	padding: 0;
	position: absolute;
	overflow: hidden;
	background: transparent;
	cursor: pointer;
	text-indent: -9999px;
	z-index: 15000;
}

#main_container #border {
	border: 1px solid #666;
	width: 298px;
	height: 248px;
	position: absolute;
	top: 0;
	left: 0;
}

#main_container #bkg_solid {
	top: 0;
	left: 0;
	width: 300px;
	height: 250px;
	background-color: #b6489f;
	position: absolute;
}

#main_container #loading { 
	background-color: #b6489f;
	width: 300px;
	height: 250px;
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	padding: 0;
	z-index: 10000;
}

#ref_image {
	top: 0;
	left: 0;
	position: absolute;
	width: 300px;
	height: 250px;
	/*opacity: 0.5;*/
	background: url("../../_DESIGN_ASSETS/300x250/0002_Frame_3.jpg") no-repeat;
}

.fix_shake {
	-webkit-transform: translate3d(0,0,0);
    -o-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
	transform:rotateZ(0.001deg);    
}



/*  */
.skew_contents {
	-ms-transform: skew(-10deg, 0deg); /* IE 9 */
    -webkit-transform: skew(-10deg, 0deg); /* Safari */
    transform: skew(-10deg, 0deg);
}


/* IMAGE LOAD */
#main_container .sprite_load {
	background: transparent url("img/pp_sale_300x250_SPRITE.svg") 0 0 no-repeat;
	width: 229px;height: 166px;
	-webkit-background-size: 229px 166px;
	     -o-background-size: 229px 166px;
	        background-size: 229px 166px;
}

#main_container .end_text_load {
	background: transparent url("img/PP_endText_300x250.svg") 0 0 no-repeat;
	width: 264px;height: 90px;
	-webkit-background-size: 264px 90px;
	     -o-background-size: 264px 90px;
	        background-size: 264px 90px;
}

#main_container .cta_text_load {
	background: transparent url("img/pp_ctaText_300x250.svg") 0 0 no-repeat;
	width: 54px;height: 20px;
	-webkit-background-size: 54px 20px;
	     -o-background-size: 54px 20px;
	        background-size: 54px 20px;
}

#main_container .pp_logo_load {
	background: transparent url("img/PP_logo.svg") 0 0 no-repeat;
	width: 497px;height: 76px;
	-webkit-background-size: 497px 76px;
	     -o-background-size: 497px 76px;
	        background-size: 497px 76px;
}

#main_container #disclaimer {
	background: transparent url("img/PP_disclaimer_300x250.svg") 0 0 no-repeat;
	top: 212px;left: 2px;position: absolute;
	width: 120px;height: 36px;
	-webkit-background-size: 120px 36px;
	     -o-background-size: 120px 36px;
	        background-size: 120px 36px;
}

#main_container #main_bkg {
	background: url("img/pp_sale_300x250_img.jpg") no-repeat;
	width: 300px;height: 250px;top: 0;left: 0;position: absolute;
}

/* SHAPE ELEMENTS */

#main_container #text_grad {
	width: 300px;height: 250px;top: 0;left: 0;position: absolute;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0.8+0,0+53 */
background: -moz-linear-gradient(-45deg,  rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 53%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg,  rgba(0,0,0,0.8) 0%,rgba(0,0,0,0) 53%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg,  rgba(0,0,0,0.8) 0%,rgba(0,0,0,0) 53%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc000000', endColorstr='#00000000',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

}
#main_container #blue_grad_bkg {
	width: 600px;height: 250px;top: 0;left: 0;position: absolute;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#007fc7+0,094f9b+100 */
background: rgb(0,127,199); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(0,127,199,1) 0%, rgba(9,79,155,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(0,127,199,1) 0%,rgba(9,79,155,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(0,127,199,1) 0%,rgba(9,79,155,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#007fc7', endColorstr='#094f9b',GradientType=0 ); /* IE6-9 */

}

#main_container #left_corner {
	width: 300px;height: 250px;top: 0;left: -300px;position: absolute;
	background-color: #FED200;
}

#main_container #right_corner {
	width: 300px;height: 250px;top: 0;left: 301px;position: absolute;
	background-color: #009cde;
}

#main_container .transition_shape {
	width: 350px;height: 250px;top: 0;left: 0;position: absolute;
}

#main_container #transition_1 {
	background-color: #66d096;
}

#main_container #transition_2 {
	background-color: #b6489f;
}

#main_container #transition_3 {
	background-color: #3c9edb;
}

/* TEXT ELEMENTS */

#main_container #t1_A {
	width: 181px;height: 34px;top: 5px;left: 22px;position: absolute;overflow: hidden;
	background-position: 0 0;
}

#main_container #t2_A {
	width: 197px;height: 34px;top: 36px;left: 17px;position: absolute;overflow: hidden;
	background-position: 0 -33px;
}

#main_container #t1_B {
	width: 228px;height: 31px;top: 6px;left: 22px;position: absolute;overflow: hidden;
	background-position: 0 -67px;
}

#main_container #t2_B {
	width: 176px;height: 29px;top: 39px;left: 17px;position: absolute;overflow: hidden;
	background-position: 0px -102px;
}

#main_container #t3_B {
	width: 219px;height: 29px;top: 70px;left: 13px;position: absolute;overflow: hidden;
	background-position: 0px -135px;
}

#main_container #t1_C {
	width: 263px;height: 33px;top: 6px;left: 23px;position: absolute;overflow: hidden;
	background-position: 0 0px;
}

#main_container #t2_C {
	width: 247px;height: 31px;top: 40px;left: 18px;position: absolute;overflow: hidden;
	background-position: 0px -35px;
}

#main_container #t3_C {
	width: 153px;height: 22px;top: 80px;left: 12px;position: absolute;overflow: hidden;
	background-position: 0px -67px;
}

/* LOGO */
#main_container #logo_container {
	width: 150px;height: 48px;top: 212px;left: 124px;position: absolute;
}

#main_container #logo_box {
	width: 276px;height: 48px;top: 0;left: 0;position: absolute;
	background-color: #FFF;
}

#main_container #logo_lockUp {
	width: 497px;height: 76px;top: 10px;left: 13px;position: absolute;
}

/* CTA */

#main_container #cta_container {
	width: 135px;height: 28px;top: 178px;left: 177px;position: absolute;
}

#main_container .cta_box {
	width: 101px;height: 28px;top: 0;left: 5px;position: absolute;
	background-color: #009cde;
}

#main_container #cta_blue {
	background-color: #009cde;
}

#main_container #cta_over {
	background-color: #20c78d;
}

#main_container #cta_text {
	width: 55px;height: 21px;top: 4px;left: 30px;position: absolute;
}