.cf:before,
.cf:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.cf:after {
    clear: both;
}
/*For IE 6/7 only*/
.cf {
    *zoom: 1;
}
input{
  border-radius: 0;
  /* mobile apparence remove */
  -webkit-appearance: none;
  -moz-appearance: none; /* mobile firefox too! */
}
#form2, #Cloze{
	margin:0px;
	*margin:0px;
}
#mainContentWrap{
/*	height: 890px;*/
/*    padding-bottom: 50px;*/
    border-bottom: 1px solid #000;
/*    background-color: grey;*/
}
#mainContentWrap_noborder{
/*	height: 890px;*/
/*    padding-bottom: 50px;*/
    border-bottom:none;
/*    background-color: grey;*/
}
#mainContentWrap_double{
    border-top: 1px solid #000;
    height:191px;
    border-bottom: 1px solid #000;
    position: relative;
    margin-bottom: 80px;
}
#mainContentWrap_valentine{
    height: 1460px;
    width:840px;
    border-bottom: 1px solid #000;
    background-image:url("../img/mainImg/main_Valentine/valentineBg.png");
    background-repeat: no-repeat;
    position: relative;

}
#pTitle{
	width:840px;
	height:35px;
}
.pSubTitle_1{
	letter-spacing: 0px;
}
.pSubTitle_2{
	letter-spacing: -1px;
}
.pSubTitle_3{
	margin-top: 19px;
}
/*story 0*/
#introTracker{
width:200px;
height:21px;
position: absolute;
top:24px;
left:320px;
font-family: 'OptimaEL';
font-size:30px;
color:black;
}
#brandNewTracker{
width:719px;
height:44px;
position: absolute;
top:66px;
left:60px;
font-family: 'OptimaEL';
font-size:45px;
color:black;
}
#downLoadTracker{
width:552px;
height:32px;
position: absolute;
top:126px;
left:144px;
font-family: 'OptimaEL'; 
cursor: pointer;
}
/*story 1*/
#three_rounds{
    width:840px;
    margin:0 auto;
    font-family: 'OptimaEL';
  }
  .round{
    width:840px;
    height:127px;
    position: relative;
    border-top:1px solid black;
  }
  .rTitle{
    width:840px;
    height:58px;
  }
  .titleText{
    padding-top: 23px;
    font-size: 30px;
    float: left;
  }
  .ans{  
    cursor: pointer; 
    z-index:300;
  }
  .clock{
    float: right;
    padding-top:30px;
    font-size: 22px;
    line-height: 24px;
    display: none;
    width:127px;
    height:22px;
    color:#b99632;
    letter-spacing: 1px;
  }
  .clockIcon{
   float:left;
   margin-right:8px;
  }
  .clockTime{
   float:left;
  }
  .result{
    position:absolute;
    font-size: 30px;
    color:black;
    left:216px;
    display: none;
  }
  .start_btn{
    width:165px;
    height:32px;
    text-align:center;
    line-height: 32px;
    position:absolute;
    left:0px;
    top:72px;
    cursor: pointer;
    background-color:#1e1837;
    font-size: 20px;
    color:white;
  }
  .reset_btn{
    border:1px solid black;
    width:148px;
    height:30px;
    font-size: 20px;
    text-align:center;
    line-height: 32px;
    position:absolute;
    left:350px;
    cursor: pointer;
    display: none;
  }
  .email_btn{
    width:354px;
    height:32px;
    text-align:center;
    line-height: 32px;
    position:absolute;
    left:247px;
    cursor: pointer;
    background-color:#1e1837;
    font-size: 20px;
    color:white;
    display: none;
  }
  .cogratulation{
    position:absolute;
    left:265px;
    top:162px;
    display: none;
  }
  #cong_one{
  	top:83px;
  }
  #cong_two{
  	top:159px;
  }
  #cong_three{
  	top:90px;
  }
  #reset_one{
    top:208px;
  }
  #reset_two{
    top:284px;
  }
  #reset_three{
    top:215px;
  }
  #email_one{
    top:248px;
  }
  #email_two{
    top:324px;
  }
  #email_three{
    top:255px;
  }
  #result_one{
    top:147px;
  }
  #result_two{
    top:223px;
  }
  #result_three{
    top:154px;
  }
  .bottomImg1{
  	position:absolute;
    left:0px;
    top:318px;
    display: none;
  }
  .bottomImg2{
  	position:absolute;
    left:0px;
    top:506px;
    display: none;
  }
  .bottomImg3{
  	position:absolute;
    left:0px;
    top:326px;
    display: none;
  }
  #round_one{
  	background-image:url("../img/mainImg/main_SkincareCallenge/roundOneBg.jpg");
  	background-repeat: no-repeat;
  }
  #round_two{
  	background-image:url("../img/mainImg/main_SkincareCallenge/roundTwoBg.jpg");
  	background-repeat: no-repeat;
  }
  #round_three{
  	background-image:url("../img/mainImg/main_SkincareCallenge/roundThreeBg.jpg");
  	background-repeat: no-repeat;
  }
  #quiz_wrap_one{
    display: none;
  }
  #quiz_wrap_two{
    display: none;
  }
  #quiz_wrap_three{
    display: none;
  }

  #box1drop_one{ 
    position:absolute;
    left:0px;
    top:160px;
    width:165px; 
    height:345px; 
    z-index:200;
  }
  #box2drop_one{ 
    position:absolute;
    left:400px;
    top:55px;
    width:155px; 
    height:350px; 
    z-index:200;
  }
   #box3drop_one{ 
    position:absolute;
    left:226px;
    top:318px;
    width:160px; 
    height:340px; 
    z-index:200;
  }
  #box4drop_one{ 
    position:absolute;
    left:675px;
    top:313px;
    width:165px; 
    height:345px; 
    z-index:200;
  }
  #ans1_one{
  	width:177px;
    height:93px;
    position:absolute;
    left:0px;
    top:518px;
  }
  #ans2_one{
  	width:226px;
    height:122px;
    position:absolute;
    left:153px;
    top:178px;
  }
  #ans3_one{
  	width:177px;
    height:73px;
    position:absolute;
    left:226px;
    top:88px;
  }
  #ans4_one{
  	width:240px;
    height:72px;
    position:absolute;
    left:417px;
    top:551px;
  }
  #ans5_one{
  	width:177px;
    height:106px;
    position:absolute;
    left:480px;
    top:429px;
  }
  #ans6_one{ 
    width:279px; 
    height:73px;
    position:absolute;
    left:561px;
    top:87px;
  }
  #ans7_one{  
  	width:202px;
    height:108px;
    position:absolute;
    left:586px;
    top:177px;
  }

  #box1drop_two{ 
    position:absolute;
    left:8px;
    top:503px;
    width:155px; 
    height:155px; 
    z-index:200;
  }
  #box2drop_two{ 
    position:absolute;
    left:74px;
    top:115px;
    width:150px; 
    height:155px; 
    z-index:200;
  }
  #box3drop_two{ 
    position:absolute;
    left:203px;
    top:282px;
    width:155px; 
    height:155px; 
    z-index:200;
  }
  #box4drop_two{ 
    position:absolute;
    left:462px;
    top:90px;
    width:150px; 
    height:155px; 
    z-index:200;
  }
  #box5drop_two{ 
    position:absolute;
    left:676px;
    top:257px;
    width:155px; 
    height:155px; 
    z-index:200;
  }
  #ans1_two{
  	width:177px;
    height:89px;
    position:absolute;
    left:0px;
    top:289px;
  }
  #ans2_two{
  	width:177px;
    height:91px;
    position:absolute;
    left:0px;
    top:395px;
  }
  #ans3_two{
  	width:188px;
    height:105px;
    position:absolute;
    left:246px;
    top:157px;
  }
  #ans4_two{
  	width:177px;
    height:90px;
    position:absolute;
    left:275px;
    top:457px;
  }
  #ans5_two{
  	width:177px;
    height:75px;
    position:absolute;
    left:228px;
    top:564px;
  }
  #ans6_two{
  	width:225px;
    height:55px;
    position:absolute;
    left:403px;
    top:279px;
  }
  #ans7_two{
  	width:177px;
    height:115px;
    position:absolute;
    left:469px;
    top:377px;
  }
  #ans8_two{
  	width:255px;
    height:58px;
    position:absolute;
    left:510px;
    top:555px;
  }
  #ans9_two{
  	width:177px;
    height:122px;
    position:absolute;
    left:663px;
    top:113px;
  }
  #ans10_two{
  	width:177px;
    height:105px;
    position:absolute;
    left:663px;
    top:434px;
  }

  #box1drop_three{ 
      position:absolute;
      left:0px;
      top:77px;
      width:132px; 
      height:285px; 
      z-index:200;
    }
  #box2drop_three{ 
      position:absolute;
      left:27px;
      top:373px;
      width:132px; 
      height:285px; 
      z-index:200;
    }
   #box3drop_three{ 
      position:absolute;
      left:180px;
      top:218px;
      width:98px; 
      height:339px; 
      z-index:200;
    }
   #box4drop_three{ 
      position:absolute;
      left:295px;
      top:195px;
      width:98px; 
      height:294px; 
      z-index:200;
    }
   #box5drop_three{ 
      position:absolute;
      left:410px;
      top:373px;
      width:132px; 
      height:285px; 
      z-index:200;
    }
    #box6drop_three{ 
      position:absolute;
      left:560px;
      top:136px;
      width:98px; 
      height:294px; 
      z-index:200;
    }
    #box7drop_three{ 
      position:absolute;
      left:735px;
      top:225px;
      width:104px; 
      height:295px; 
      z-index:200;
    }

  #ans1_three{
    width:184px;
    height:99px;
    position:absolute;
    left:148px;
    top:80px;
  }
  #ans2_three{
    width:178px;
    height:99px;
    position:absolute;
    left:365px;
    top:80px;
  }
  #ans3_three{
    width:162px;
    height:116px;
    position:absolute;
    left:678px;
    top:80px;
  }
  #ans4_three{
    width:128px;
    height:100px;
    position:absolute;
    left:415px;
    top:247px;
  }
  #ans5_three{
    width:157px;
    height:99px;
    position:absolute;
    left:565px;
    top:442px;
  }
  #ans6_three{
    width:212px;
    height:66px;
    position:absolute;
    left:184px;
    top:571px;
  }
  #ans7_three{
    width:218px;
    height:79px;
    position:absolute;
    left:622px;
    top:558px;
  }


/*story 2*/
/*slate set one*/
#slateSet1 {
	width:840px;
	height: 135px;
	position: relative;
	margin-top: 16px;
	margin-left:auto;
	margin-right:auto;

}
#set1ClickWrap{
	width:0px;
	height:135px;
	position: absolute;
	left:280px;
	top:0px;
	overflow: hidden;
}
#set1Forbit{
	width:560px;
	height:135px;
	position: absolute;
	left:0px;
	top:0px;
	z-index: 100;
}
#set1Click1{
	width:280px;
	height:135px;
	background-image:url("../img/mainImg/main_CleanSlate/shareClick1.jpg");
	background-position:0px 0px; 
	background-repeat:no-repeat;
	position: absolute;
	left:0px;
	top:0px;
	cursor: pointer;
}
#set1Click2{
	width:280px;
	height:135px;
	background-image:url("../img/mainImg/main_CleanSlate/showClick2.jpg");
	background-position:0px 0px; 
	background-repeat:no-repeat;
	position: absolute;
	left:0px;
	top:0px;
	cursor: pointer;
	z-index: 200;
}
#set1Click3{
	width:280px;
	height:135px;
	background-image:url("../img/mainImg/main_CleanSlate/shareClick3.jpg");
	background-position:0px 0px; 
	background-repeat:no-repeat;
	position: absolute;
	left:280px;
	top:0px;
	cursor: pointer;
	z-index: 200;
}

#set1ContentWrap{
	width:840px;
	height:0px;
	background-image:url("../img/mainImg/main_CleanSlate/showContentBg.jpg");
	background-position:0px 0px; 
	background-repeat:no-repeat;
	position: absolute;
	left:0px;
	top:135px;
}
#set1Content1{
	width:840px;
	height:271px;
	background-image:url("../img/mainImg/main_CleanSlate/shareContent1.jpg");
	background-position:0px 0px; 
	background-repeat:no-repeat;
	position: absolute;
	left:0px;
	top:0px;
	display:none;
}
#set1Content2{
	width:840px;
	height:271px;
	background-image:url("../img/mainImg/main_CleanSlate/shareContent2.jpg");
	background-position:0px 0px; 
	background-repeat:no-repeat;
	position: absolute;
	left:0px;
	top:0px;
	display:none;
}

/*slate set two*/
#slateSet2 {
	width:840px;
	height: 135px;
	position: relative;
	margin-top: 16px;
	margin-left:auto;
	margin-right:auto;

}
#set2ClickWrap{
	width:0px;
	height:135px;
	position: absolute;
	left:280px;
	top:0px;
	overflow: hidden;
}
#set2Forbit{
	width:560px;
	height:135px;
	position: absolute;
	left:0px;
	top:0px;
	z-index: 100;
}
#set2Click1{
	width:280px;
	height:135px;
	background-image:url("../img/mainImg/main_CleanSlate/showClick1.jpg");
	background-position:0px 0px; 
	background-repeat:no-repeat;
	position: absolute;
	left:0px;
	top:0px;
	cursor: pointer;
}
#set2Click2{
	width:280px;
	height:135px;
	background-image:url("../img/mainImg/main_CleanSlate/showClick2.jpg");
	background-position:0px 0px; 
	background-repeat:no-repeat;
	position: absolute;
	left:0px;
	top:0px;
	cursor: pointer;
	z-index: 200;
}
#set2Click3{
	width:280px;
	height:135px;
	background-image:url("../img/mainImg/main_CleanSlate/showClick3.jpg");
	background-position:0px 0px; 
	background-repeat:no-repeat;
	position: absolute;
	left:280px;
	top:0px;
	cursor: pointer;
	z-index: 200;
}

#set2ContentWrap{
	width:840px;
	height:0px;
	background-image:url("../img/mainImg/main_CleanSlate/showContentBg.jpg");
	background-position:0px 0px; 
	background-repeat:no-repeat;
	position: absolute;
	left:0px;
	top:135px;
}
#set2Content1{
	width:840px;
	height:271px;
	background-image:url("../img/mainImg/main_CleanSlate/showContent1.jpg");
	background-position:0px 0px; 
	background-repeat:no-repeat;
	position: absolute;
	left:0px;
	top:0px;
	display:none;
}
#set2Content2{
	width:840px;
	height:271px;
	background-image:url("../img/mainImg/main_CleanSlate/showContent2.jpg");
	background-position:0px 0px; 
	background-repeat:no-repeat;
	position: absolute;
	left:0px;
	top:0px;
	display:none;
}

/*slate set3*/
#slateSet3 {
	width:840px;
	height:92px;
	position: relative;
	margin-top: 16px;
	margin-left:auto;
	margin-right:auto;
}

#set3Click{
	width:280px;
	height:92px;
	background-image:url("../img/mainImg/main_CleanSlate/askClick3.jpg");
	background-position:0px 0px; 
	background-repeat:no-repeat;
	background-size: 560px 92px;
	-webkit-background-size: 280px 184px;
	position: absolute;
	left:0px;
	top:0px;
	cursor: pointer;
}

#set3Content{
	width:0px;
	height:92px;
	position: absolute;
	left:280px;
	top:0px;
	overflow: hidden;
	background-image:url("../img/mainImg/main_CleanSlate/askContent3.jpg");
	background-position:0px 0px; 
	background-repeat:no-repeat;
}

/*slate set4*/
#slateSet4 {
	width:840px;
	height:92px;
	position: relative;
	margin-top: 0px;
	margin-left:auto;
	margin-right:auto;
}
#set4Click{
	width:280px;
	height:92px;
	background-image:url("../img/mainImg/main_CleanSlate/askClick4.jpg");
	background-position:0px 0px; 
	background-repeat:no-repeat;
	background-size: 560px 92px;
	-webkit-background-size: 280px 184px;
	position: absolute;
	left:0px;
	top:0px;
	cursor: pointer;
}
#set4Content{
	width:0px;
	height:92px;
	position: absolute;
	left:280px;
	top:0px;
	overflow: hidden;
	background-image:url("../img/mainImg/main_CleanSlate/askContent4.jpg");
	background-position:0px 0px; 
	background-repeat:no-repeat;
}
#cleanSlateMidText{
	width:840px;
	height:65px;
	border-top:1px solid #000;
	border-bottom:1px solid #000;
	padding-top: 31px;
	padding-bottom: 31px;
	margin-top:50px;
	margin-bottom: 44px;
}

/*story 2.2*/
#tripleWrap{
	width:840px;
	height:422px;
	margin-bottom: 76px;
}
.step{
	width:273px;
	height:420px;
	border-top:1px solid #000;
	border-bottom:1px solid #000;
	float: left;
	cursor: pointer;
}
#stepOne{
	background-image:url("../img/mainImg/main_CleanSlate/tripleWowStep1a.jpg");
}
#stepTwo{
	background-image:url("../img/mainImg/main_CleanSlate/tripleWowStep2a.jpg");
	margin-left: 10px;
}
#stepThree{
	background-image:url("../img/mainImg/main_CleanSlate/tripleWowStep3a.jpg");
	margin-left: 10px;
}
.text{
	width:273px;
	height:420px;
}
#stepTextOne{
	background-image:url("../img/mainImg/main_CleanSlate/tripleWowStep1b.jpg");
	zoom: 1;
	filter: alpha(opacity=0);
	opacity:0;

}
#stepTextTwo{
	background-image:url("../img/mainImg/main_CleanSlate/tripleWowStep2b.jpg");
	zoom: 1;
	filter: alpha(opacity=0);
	opacity:0;
}
#stepTextThree{
	background-image:url("../img/mainImg/main_CleanSlate/tripleWowStep3b.jpg");
	zoom: 1;
	filter: alpha(opacity=0);
	opacity:0;
}

#introCleansersWrap{
	position: relative;
	width:840px;
	height:848px;
	border-top:1px solid #000;
	background-image:url("../img/mainImg/main_CleanSlate/introCleansersBg.jpg");
}

.clickTitle{
  font-family: 'OptimaEL';
  font-size: 30px;
  line-height: 30px;
  letter-spacing: 0px;
  color: black;
  text-align: center;
  text-transform:uppercase;
}
.clickTitleb{
  font-family: 'OptimaEL';
  font-size: 24px;
  line-height: 24px;
  letter-spacing: 0px;
  color: black;
  text-align: center;
  margin-bottom: 8px;
  text-transform:uppercase;
}
.clickContentOne{
  font-family: 'OptimaEL';
  font-size: 17px;
  line-height: 20px;
  letter-spacing: 0px;
  color: black;
  text-align: center;
  margin-bottom: 10px;
}
.clickContentTwo{
  font-family: 'OptimaEL';
  font-size: 17px;
  line-height: 20px;
  letter-spacing: 0px;
  color: black;
  text-align: center;
}
.clickPlus{
  font-family: 'OptimaEL';
  font-size: 32px;
  line-height: 60px;
  letter-spacing: 0px;
  color: black;
  text-align: center;
}
#faceClick{
  width:200px;
  height:200px;
  position: absolute;
  top:70px;
  left:318px;
}
#faceTop{
  width:80px;
  height:80px;
  position: absolute;
  top:75px;
  left:60px;
  cursor: pointer;
}
#faceBottom{
  width:200px;
  height:200px;
  position: absolute;
  top:3px;
  left:0px;
  cursor: pointer;
  display: none;
}

#ANRClick{
  width:200px;
  height:210px;
  position: absolute;
  top:326px;
  left:65px;
}
#ANRTop{
  width:200px;
  height:110px;
  position: absolute;
  top:50px;
  left:0px;
  cursor: pointer;
}
#ANRBottom{
  width:200px;
  height:210px;
  position: absolute;
  top:5px;
  left:0px;
  cursor: pointer;
  display: none;
}

#colorClick{
	width:200px;
	height:180px;
	position: absolute;
	top:326px;
	left:575px;
}
#colorTop{
	width:120px;
  height:80px;
	position: absolute;
	top:55px;
	left:40px;
  cursor: pointer;
}
#colorBottom{
  width:200px;
  height:180px;
  position: absolute;
  top:5px;
  left:0px;
  cursor: pointer;
  display: none;
}
#BBSClick{
	width:260px;
  height:220px;
	position: absolute;
	top:585px;
	left:288px;
}
#BBSTop{
	width:240px;
  height:110px;
	position: absolute;
	top:50px;
	left:10px;
  cursor: pointer;
}
#BBSBottom{
  width:260px;
  height:220px;
  position: absolute;
  top:5px;
  left:0px;
  cursor: pointer;
  display: none;
}
/*story 3*/
.vClick1{
  width:59px;
  height:23px;
  cursor: pointer;
}
.vClick2{
  width:59px;
  height:23px;
  cursor: pointer;
}
.vText1{
/*  background-color: #cfcfcf;*/
  font-family: 'OptimaEL';
  font-size: 40px;
  line-height: 38px;
  letter-spacing: -1px;
  color: white;
  text-transform:uppercase;
  text-align: center;
  -webkit-font-smoothing: antialiased;
}
.vText2{
/*  background-color: #cfcfcf;*/
  font-family: 'OptimaEL';
  font-size: 20px;
  line-height: 26px;
  letter-spacing: 0px;
  color: white;
  text-align: center;
  -webkit-font-smoothing: antialiased;
}
.vText3{
  cursor: pointer;
/*  background-color: #cfcfcf;*/
  font-family: 'OptimaEL';
  font-size: 20px;
  line-height: 26px;
  letter-spacing: 0px;
  color: white;
  text-align: center;
  -webkit-font-smoothing: antialiased;
}
#vSetOne{
  position: absolute;
  top:152px;
  left:92px;
  width:316px;
  height:160px;
}
#vSetOneClickOne{
  position: absolute;
  top:136px;
  left:127px;
}
#vSetOneClickTwo{
  position: absolute;
  top:136px;
  left:127px;
  display: none;
}
#vSetOnetextOne{
  position: absolute;
  top:12px;
  left:0px;
  width:316px;
  height:75px;
}
#vSetOnetextTwo{
  position: absolute;
  top: 2px;
  left:0px;
  width:316px;
  height:85px;
  display: none;
}
#vSetOnetextThree{
  position: absolute;
  top: 2px;
  left:0px;
  width:316px;
  height:85px;
  display: none;
}

#vSetTwo{
  position: absolute;
  top:365px;
  left:345px;
  width:400px;
  height:225px;
}
#vSetTwoClickOne{
  position: absolute;
  top:195px;
  left:170px;
}
#vSetTwoClickTwo{
  position: absolute;
  top:195px;
  left:170px;
  display: none;
}
#vSetTwotextOne{
  position: absolute;
  top: 55px;
  left:0px;
  width:400px;
  height:35px;
}
#vSetTwotextTwo{
  position: absolute;
  top: 9px;
  left:0px;
  width:400px;
  height:130px;
  display: none;
}
#vSetTwotextThree{
  position: absolute;
  top: 0px;
  left:0px;
  width:400px;
  height:155px;
  display: none;
}

#vSetThree{
  position: absolute;
  top:576px;
  left:163px;
  width:280px;
  height:205px;
}
#vSetThreeClickOne{
  position: absolute;
  top:176px;
  left:107px;
}
#vSetThreeClickTwo{
  position: absolute;
  top:176px;
  left:107px;
  display: none;
}
#vSetThreetextOne{
  position: absolute;
  top: 46px;
  left:0px;
  width:280px;
  height:75px;
}
#vSetThreetextTwo{
  position: absolute;
  top: 27px;
  left:0px;
  width:280px;
  height:105px;
  display: none;
}
#vSetThreetextThree{
  position: absolute;
  top: 0px;
  left:0px;
  width:280px;
  height:185px;
  display: none;
}

#vSetFour{
  position: absolute;
  top:822px;
  left:403px;
  width:360px;
  height:160px;
}
#vSetFourClickOne{
  position: absolute;
  top:132px;
  left:150px;
}
#vSetFourClickTwo{
  position: absolute;
  top:132px;
  left:150px;
  display: none;
}
#vSetFourtextOne{
  position: absolute;
  top:18px;
  left:0px;
  width:360px;
  height:75px;
}
#vSetFourtextTwo{
  position: absolute;
  top: 17px;
  left:0px;
  width:360px;
  height:80px;
  display: none;
}
#vSetFourtextThree{
  position: absolute;
  top: 0px;
  left:0px;
  width:360px;
  height:105px;
  display: none;
}

#vSetFive{
  position: absolute;
  top:1022px;
  left:196px;
  width:356px;
  height:254px;
}
#vSetFiveClickOne{
  position: absolute;
  top:235px;
  left:152px;
}
#vSetFiveClickTwo{
  position: absolute;
  top:235px;
  left:152px;
  display: none;
}
#vSetFivetextOne{
  position: absolute;
  top:35px;
  left:0px;
  width:356px;
  height:113px;
}
#vSetFivetextTwo{
  position: absolute;
  top: 16px;
  left:0px;
  width:356px;
  height:130px;
  display: none;
}
#vSetFivetextThree{
  position: absolute;
  top: 0px;
  left:0px;
  width:356px;
  height:160px;
  display: none;
}
/*story 5*/
#quizTopWrap{
	width:840px;
	height:483px;
}
#topTitleWrap{
	width:840px;
	height:55px;
	position: relative;
	padding:0px!important;
	margin:0px !important;
	*padding:0px;
	*margin:0px;
}
.clozeQuiz{
	position: relative;
	padding:0px!important;
	margin:0px !important;
	*padding:0px;
	*margin:0px;
}
.topTitle{
	float:left;
	margin-top: 3px;
}
#topTitleOne{
	position: absolute;
	top:0px;
	left:0px;
}
#topTitleTwo{
	position: absolute;
	top:0px;
	left:284px;
}
#topTitlethree{
	position: absolute;
	top:0px;
	left:568px;
}
.topQuiz{
	float: left;
	height:395px;
}

#quizOne{
	position: relative;
	width:284px;
	height:395px;
	background-image:url("../img/mainImg/main_QuizMe/QuizOneBg.jpg");
	background-position:0px 0px; 
	background-repeat:no-repeat;
}
#quizTwo{
	position: relative;
	width:284px;
	height:395px;
	background-image:url("../img/mainImg/main_QuizMe/QuizTwoBg.jpg");
	background-position:0px 0px; 
	background-repeat:no-repeat;
}
#quizThree{
	position: relative;
	width:272px;
	height:395px;
	background-image:url("../img/mainImg/main_QuizMe/QuizThreeBg.jpg");
	background-position:0px 0px; 
	background-repeat:no-repeat;
}
#quizOneSet{
	width:278px;
	height:320px;
	position: absolute;
	top:14px;
	left:0px;
}
#quizTwoSet{
	width:284px;
	height:320px;
	position: absolute;
	top:14px;
	left:0px;
}
#quizThreeSet{
	width:272px;
	height:320px;
	position: absolute;
	top:14px;
	left:0px;
}
#keySet1{
    position: absolute;
    top:323px;
    left:0px;
    *top:323px;
    *left:0px;
}
#keySet2{
    position: absolute;
    top:309px;
    left:0px;
    *top:309px;
    *left:0px;
}
#keySet3{
    position: absolute;
    top:309px;
    left:0px;
    *top:309px;
    *left:0px;
}
/*middle Quiz*/
#quizMiddleWrap{
	width:840px;
	height:502px;
	font-family: 'OptimaEL';
}
#middleTitle{
	font-family: 'OptimaEL';
	font-size: 25px;
	margin-top:15px;
}
#middleTitleWrap{
	width:840px;
	height:60px;
	border-bottom:1px solid #000;
}
.Ques{
	width:840px;
	height:36px;
    font-size: 18px;
    color: black;
    text-align: left;
    margin-top: 35px;
    margin-bottom: 5px;
}
.Ques2{
	width:840px;
	height:43px;
    font-size: 18px;
    color: black;
    text-align: left;
    margin-top: 17px;
}

#chooseBox2{
	width:25px;
	height:80px;
	float: left;
	margin-top: 7px;
}
#chooseBox3{
	width:25px;
	height:120px;
	float: left;
	margin-top: 7px;
}
.choose2{
	width:16px;
	height:16px;
	background-image:url("../img/mainImg/main_QuizMe/chooseBtn.jpg");
  background-position: 0px 0px;
	margin-bottom: 12px;
	cursor: pointer;
}
.choose3{
	width:16px;
	height:16px;
	background-image:url("../img/mainImg/main_QuizMe/chooseBtn.jpg");
  background-position: 0px 0px;
	margin-bottom: 12px;
	cursor: pointer;
}
#chooseOne3{
	margin-bottom: 40px;
}
.chooseSelected2{
	background-position: 16px 0px;
}
.chooseSelected3{
	background-position: 16px 0px;
}
.questions{
	width:810px;
	float: left;
	font-size: 16px;
	line-height: 28px;
}
#questions{
	height:100px;
}
#questions2{
	height:80px;
}
#questions3{
	height:133px;
}
#chooseCheck2{
	width:175px;
    height:25px;
    background-image:url("../img/mainImg/main_QuizMe/checkAnsBtn.jpg");
    border: none;
    cursor: pointer;
    padding: 0px;
    margin-left:287px;
}

/*bottom Quiz*/
#quizBottomWrap{
	width:840px;
	height:318px;
	font-family: 'OptimaEL';
	border-bottom:1px solid #000;
}
#bottomTitleWrap{
	width:840px;
	height:60px;
	border-bottom:1px solid #000;
}
#chooseBox{
	width:25px;
	height:100px;
	float: left;
	margin-top: 7px;
}
.choose{
	width:16px;
	height:16px;
	background-image:url("../img/mainImg/main_QuizMe/chooseBtn.jpg");
  background-position: 0px 0px;
	margin-bottom: 12px;
	cursor: pointer;
}
.chooseSelected{
	background-position: 16px 0px;
}

#chooseCheck{
	width:175px;
    height:25px;
    background-image:url("../img/mainImg/main_QuizMe/checkAnsBtn.jpg");
    border: none;
    cursor: pointer;
    padding: 0px;
    margin-left:322px;
    margin-top:30px;
}
#resultWrap{
	width:840px;
	height:0px;
	overflow: hidden;
	margin-top:32px;
	display: none;
	border-bottom: 1px solid #000;
}