/* Reset */
@import url(scrollbar.css);
* { margin: 0; padding: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
img { border: 0; }

/*CONTAINER*/
#wrapper { width: 300px; height: 600px; background: #FFF; position: absolute; overflow: hidden; border: 1px solid #000; top: 0; left: 0; opacity: 0; background-repeat: no-repeat; }
#banner { position: absolute; width: 300px; height: 600px; top: 0px; left: 0px; cursor: pointer; z-index: 9998; opacity: 0; }

/*ISI*/
#isi { width: 300px; top: 655px; left: -1px; height: 159px; position: absolute; z-index: 300; font-family: Arial, Helvetica, sans-serif; background: #FFF; }
.container { overflow: auto; position: relative; width: 300px; height: auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-size: 10px; color: #58585a; }
.all-themes .container { width: 300px; height: 159px; float: left; }
.container-title { font-size: 10px; color: #e90649; margin: 5px 0px 0px 7px; line-height: 12px; letter-spacing: 0px; font-weight: bold; width: 276px; }
.container-text { font-size: 10px; color: #000; margin: 6px 0 0 7px; line-height: 11px; width: 267px;}
.list li { margin: 3px 0px 3px 2px; background: url(images/circle.png) no-repeat left 4px; padding: 0 0 0 6px; list-style-type: none; background-size: 3px; }
.bold { font-weight: bold; }
sup { line-height: 0px; vertical-align: 2px; font-size: 8px; }

/*CONDICIONAL FIREFOX*/
@-moz-document url-prefix() {
	.container-text { letter-spacing: -0.3px; }
	.list li { letter-spacing: -0.3px; }
	
	
	
}

/*END ISI*/

/*STEP 1*/
#txt0 { position: absolute; width: 263px; height: auto;  top:10px; left: 20px; opacity: 0; }
#txt1 { position: absolute; width: 121px; height: auto;  top:400px; left: 90px; opacity: 0; z-index: 20; }
#red_one { position: absolute; width: 300px; height: 400px;  bottom:0px; left:-1px; background-color:#E90648; z-index: 19; }


/*STEP 2*/
#txt2 { position: absolute; width: 176px; height: auto; top: 295px; left: 60px; opacity: 0; }
#txt3 { position: absolute; width: 163px; height: auto; top: 360px; left: 65px; opacity: 0; z-index: 20;}

/*STEP 3*/
#txt4 { position: absolute; width: 168px; height: auto; top: 360px; left: 65px; opacity: 0; z-index: 1;}
#txt5 { position: absolute; width: 102px; height: auto; top: 455px; left: 95px; opacity: 0; z-index: 1;}

/*STEP 4*/
#red_two { position: absolute; width: 237px; height: 142px;  bottom:-200px; left:30px; background-color:#E90648; z-index: 14; }
#txt6 { position: absolute; width: 199px; height: auto; top: 183px; left: 50px; opacity: 0;z-index: 15; }
#txt7 { position: absolute; width: 117px; height: auto; top: 390px; left: 85px; opacity: 0; }
#logo_xeljanz { position: absolute; width: 158px; height: auto; top: 40px; right: 70px; opacity: 0; z-index: 20; }
#txt_top_isi { position: absolute; width: 300px; height: auto; top: 640px; left: -1px; z-index: 300; opacity: 0;  }
#txt_bottom_isi { position: absolute; width: 300px; height: auto; top: 814px; left: -1px; z-index: 300;  }
#prescribing { position: absolute; width: 105px; height: 10px; top: 586px; left: 13px; opacity: 0; background: #FFF; cursor: pointer; z-index: 300; }
#medication { position: absolute; width: 60px; height: 10px; top: 586px; right: 13px; opacity: 0; background: #FFF; cursor: pointer; z-index: 300; }
#finger { position: absolute; width: 165px; height: auto; top: -24px; left: 330px; }

/*STEP 5*/
#txt8 { position: absolute; width: 196px; height: auto; top: 183px; left: 50px; opacity: 0; z-index: 15;}

/*STEP 6*/
#txt9 { position: absolute; width: 196px; height: auto; top: 165px; left: 30px; opacity: 0; z-index: 13;}
#cta { position: absolute; width: 237px; height: auto; top: 272px; left: 30px; cursor: pointer; opacity: 0; z-index: 13;}

/*ISI*/
#prescribing_isi, #medication_isi, #medwatch_isi, #helps_isi, #boxed_warning { color: #e90649; text-decoration: underline; cursor: pointer; }
#logo_pfizer { cursor: pointer; }