html, body { padding: 0; margin: 0; }

@font-face {
    font-family: 'OpenSansLight';
    src: url('fonts/OpenSans-Light-webfont.eot');
    src: url('fonts/OpenSans-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/OpenSans-Light-webfont.woff') format('woff'),
         url('fonts/OpenSans-Light-webfont.ttf') format('truetype'),
         url('fonts/OpenSans-Light-webfont.svg#open_sanslight') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'OpenSansRegular';
    src: url('fonts/OpenSans-Regular-webfont.eot');
    src: url('fonts/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/OpenSans-Regular-webfont.woff') format('woff'),
         url('fonts/OpenSans-Regular-webfont.ttf') format('truetype'),
         url('fonts/OpenSans-Regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'OpenSansSemibold';
    src: url('fonts/OpenSans-Semibold-webfont.eot');
    src: url('fonts/OpenSans-Semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/OpenSans-Semibold-webfont.woff') format('woff'),
         url('fonts/OpenSans-Semibold-webfont.ttf') format('truetype'),
         url('fonts/OpenSans-Semibold-webfont.svg#open_sanssemibold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'OpenSansBold';
    src: url('fonts/OpenSans-Bold-webfont.eot');
    src: url('fonts/OpenSans-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/OpenSans-Bold-webfont.woff') format('woff'),
         url('fonts/OpenSans-Bold-webfont.ttf') format('truetype'),
         url('OpenSfonts/ans-Bold-webfont.svg#open_sansbold') format('svg');
    font-weight: normal;
    font-style: normal;
}

body { background-color: #000; }

#serial {
	position: absolute;
	top: 0;
	left: 50%;
	padding: 3px;
	width: 300px;
	height: 18px;
	margin-left: -150px;
	font-family: OpenSansLight, sans-serif;
	font-size: 10px;
	text-align: center;
	color: #fff;
	display: none;
	opacity: 1;
}

#serialCSS:after {
	content: "cJa";
}


#topbarE {
	position: relative;
	background-color: #000;
	width: 100%;
	height: 90px;
	min-width: 970px;
}


#siteFooterE {
	position: absolute;
	background-color: #000;
	width: 100%;
	height: 150px;
	margin-top: 70px;
	top: 1000px;
	left: 0px;
}

#topbar {
	position: absolute;
	top: 0px; left: 50%;
	width: 970px;
	height: 110px;
	min-width: 970px;
	margin-left: -485px;
}


#topbarLanguageToggle {
	position: absolute;
	width: 65px; height: 28px;
	top: 62px; right: 300px;
	font-family: OpenSansRegular, sans-serif;
	font-size: 12px;
	color: #fff;
	cursor: pointer;
	text-align: right;
}

#topbarLanguageToggle:hover { text-decoration: underline; }

#topbarLanguageToggleImg {
	position: absolute;
	width: 11px; top: 67px; right: 285px; height: 8px;
	cursor: pointer;
	background: url(assets/languageButtonArrow.png) no-repeat;
	background-size: contain;
}


#topbarLanguageToggleI {
	position: absolute;
	width: 65px; height: 39px;
	top: 62px; 
	right: 295px; /* 450 */
	font-family: OpenSansRegular, sans-serif;
	font-size: 12px;
	color: #fff;
	cursor: pointer;
	text-align: right;
}

#topbarLanguageToggleI:hover { text-decoration: underline; }

#topbarLanguageToggleImgI {
	position: absolute;
	width: 11px; top: 67px; 
	right: 280px; /* 435 */
	height: 8px;
	cursor: pointer;
	background: url(assets/languageButtonArrow.png) no-repeat;
	background-size: contain;
}

#languageToggleContent {
	position: relative;
	width: 100%;
	min-width: 970px;
}

#languageToggleContentDiv {
	position: absolute;
	top: 0px; left: 50%;
	width: 970px;
	height: 90px;
	min-width: 970px;
	margin-left: -485px;
}

#languageToggleDropdown {
	position: absolute;
	width: 100%; height: 100%; top: 0px; left: 0px;
	z-index: 3000;
	display: none;
}

#languageToggleDropdownBG {
	position: absolute;
	width: 100%; height: 100%; top: 0px; left: 0px;
	background-color: #000;
	opacity: 0.6;
}

#languageToggleDropdownDismissButton {
	position: absolute;
	width: 70px; height: 35px; top: 55px; left: 615px;
	cursor: pointer;
}

#languageToggleDropdownItems {
	position: absolute;
	width: 70px; height: 60px; top: 90px; left: 615px;
	background-color: #000;
}

.languageToggleDropdownItem {
	width: 100%; height: 30px; 
	font-family: OpenSansRegular, sans-serif;
	font-size: 12px;
	line-height: 30px;
	color: #fff;
	cursor: pointer;
	padding-left: 5px; 
	padding-right: 5px;
}

.languageToggleDropdownItem:hover {
	text-decoration: underline;
}


#topbarLoggedIn {
	position: absolute;
	width: 560px; height: 90px;
	top: 0px; left: 400px;
	display: none;
}

#topbarLoggedOut {
	position: absolute;
	width: 560px; height: 90px;
	top: 0px; left: 400px; 
	display: none;
}

#topbarSSOLoggingIn {
	position: absolute;
	width: 560px; height: 90px;
	top: 0px; left: 400px;
	display: none;
}

#topbarSSOLoggingInMsg {
	position: absolute;
	width: 500px; height:90px;
	top:0px; left: 0px;	
	font-family: OpenSansSemibold, sans-serif;
	font-size: 14px;
	color: #fff;
	text-align: right;
	line-height: 90px;

}

#topbarSSOLoggingInSpin {
	position: absolute;
	width: 30px;
	height: 30px;
	top: 30px; left: 530px;
	background: url(assets/loadingW.png) no-repeat;
	background-size: contain;
}


#topLogoutButton {
	position: absolute;
	width: 65px; height: 28px;
	top: 62px; right: 190px;
	text-align: right;
	color: #fff;
	font-family: OpenSansRegular, sans-serif;
	font-size: 12px;
	cursor: pointer;
}
#topLogoutButton:hover { text-decoration: underline; }


#topHistoryButton {
	position: absolute;
	top: 62px; right: 280px;
	width: 120px; height: 25px;
	font-family: OpenSansRegular, sans-serif;
	font-size: 12px;
	color: #fff;
	text-align: right;
	cursor: pointer;
	display: none;
}
#topHistoryButton:hover {
	text-decoration: underline;
}

#topMessage {
	position: absolute;
	top: 62px; right: 0px;
	width: 160px; height: 28px;
	font-family: OpenSansSemibold, sans-serif;
	font-size: 12px;
	color: #fff;
	text-align: right;
	cursor: pointer;
}

#topMessage #topMessageLink {
	color: #fff;
	font-family: OpenSansRegular, sans-serif;
}
#topMessage:hover #topMessageLink {
	text-decoration: underline;
	font-family: OpenSansRegular, sans-serif;
}


#topLoginButton {
	position: absolute;
	width: 65px; height: 28px;
	top: 62px; right: 190px;
	text-align: right;
	color: #fff;
	font-family: OpenSansRegular, sans-serif;
	font-size: 12px;
	cursor: pointer;
}
#topLoginButton:hover {
	text-decoration: underline;
}


#topSitename {
	position: absolute;
	top: 25px; left: 210px;
	width: 240px; height: 50px;
	font-family: OpenSansLight, sans-serif;
	font-size: 20px;
	color: #fff;
}

#topName {
	position: absolute;
	bottom: 40px; right: 5px;
	width: 250px; height: 30px;
	font-family: OpenSansRegular, sans-serif;
	font-size: 22px;
	color: #fff;
	text-align: right;
}

#topMiles {
	position: absolute;
	top: 62px; right: 0px;
	width: 200px; height: 28px;
	font-family: OpenSansRegular, sans-serif;
	font-size: 12px;
	color: #fff;
	text-align: right;
}

#logo {
	position: absolute;
	width: 175px; height: 57px;
	top: 22px; left: 5px;
	background: url(assets/logo_new.png) no-repeat;
	cursor: pointer;
}


#footerbg {
	display: none;
	position: absolute;
	top: 0px; left: 0px;
	width: 970px;
	height: 100px;
}

#siteFooterNotice {
	position: absolute;
	top: 20px; left: 50%;
	width: 970px; height: 26px;
	margin-left: -485px;
}

#siteFooterNoticeImg { display: none; }

.siteFooterNoticeTxtSpan {
	font-family: OpenSansRegular, sans-serif;
	font-size: 12px;
	color: #fff;
	text-align: center;
	cursor: pointer;
}

.siteFooterNoticeTxtSpan:hover {
	text-decoration: underline;
}

#footer1 {
	padding-right: 25px;
	padding-left: 25px;
}


#maskLayerInitial {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0px; left: 0px;
	z-index: 110;
	display: none;
}

#maskLayerInitialBG {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0px; left: 0px;
	background-color: #ffffff;
	opacity: 0.8;
}

#maskLayerInitialMsg {
	position: absolute;
	width: 600px;
	height: 150px;
	top: 53%; left: 50%;
	font-family: OpenSansRegular, sans-serif;
	font-size: 22px;
	margin-left: -300px;
	margin-top: -75px;
	color: #666;
	text-align: center;
	line-height: 50px;
}


#maskLayerInitialMsgSpinner {
	position: absolute;
	width: 100px;
	height: 100px;
	top: 60px; left: 50%;
	margin-left: -50px;
	background: url(assets/loading.png) no-repeat;
	background-size: contain;
}


#maskLayerError {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0px; left: 0px;
	z-index: 2110;
	display: none;
}

#maskLayerErrorBG {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0px; left: 0px;
	background-color: #ffffff;
	opacity: 0.4;
}

#maskLayerErrorMsgTB {
	position: absolute;
	width: 400px;
	height: 300px;
	top: 50%; left: 50%;
	margin-left: -200px;
	margin-top: -150px;
	background-color: #000;
	font-family: OpenSansLight, sans-serif;
	font-size: 16px;
	line-height: 25px;
	color: #fff;
	padding: 20px;
}

#LoginErrorDismiss {
	position: relative;
	margin: 0 auto;
	width: 300px; height: 45px;
	text-align:center;
	font-family: OpenSansSemibold, sans-serif;
	font-size:16px;
	line-height:42px;
	cursor:pointer;
	background-color:#0d0d8f;
	border-color:#ebebe9;
	color:#fff;
	box-shadow:0 2px 5px rgba(0,0,0,.15);
	border-width:.4px;
	border-style:solid;
	outline-offset:0;
	border-radius:30px;
	box-sizing:border-box;
	margin-top: 20px;
}

#NormalErrorDismiss {
	position: relative;
	margin: 0 auto;
	width: 300px; height: 45px;
	text-align:center;
	font-family: OpenSansSemibold, sans-serif;
	font-size:16px;
	line-height:42px;
	cursor:pointer;
	background-color:#0d0d8f;
	border-color:#ebebe9;
	color:#fff;
	box-shadow:0 2px 5px rgba(0,0,0,.15);
	border-width:.4px;
	border-style:solid;
	outline-offset:0;
	border-radius:30px;
	box-sizing:border-box;
	margin-top: 20px;
}



#topImg {
	position: relative;
	width: 100%;
	height: 270px;
	background: url(assets/headerImg.jpg) no-repeat;
	background-position: center center;
	background-color: #fff;
	
}

#topSep {
	position: relative;
	width: 100%;
	height: 110px;
	background-color: #69B3E7;
}

#bgCol {
	positioni: relative;
	width: 100%;
	height: 575px;
	background-color: #F2F2F2;
}


#mainContent {
	position: absolute;
	width: 760px; height: 900px;
	top: 145px; left: 50%; margin-left: -380px;
	background-color: #ffffff;
	overflow: hidden;
}

#mHeader {
	position: absolute;
	width: 100%; height: 215px;
	background-color: #efefef;
	top: 0px; left: 0px;
}

#mHeaderContent {
	position: absolute;
	width: 100%; height: 215px;
	background-color: #efefef;
	top: 0px; left: 0px;
    -webkit-transition: all 0.15s ease; -moz-transition: all 0.15s ease; -o-transition: all 0.15s ease; transition: all 0.15s ease;			
}

.mHeaderContentAnimated {
	left: -701px !important;
}

#mHeaderImg1 {
	position: absolute;
	width: 120px; height: 120px;
	top: 50px; left: 115px;
	background: url(assets/rlogo.png) no-repeat;
	background-size: contain;
}

#mHeaderImg2 {
	position: absolute;
	width: 410px; height: 120px;
	top: 54px; left: 270px;
	background: url(assets/mheader2.png) no-repeat;
	background-size: contain;
}

#mt1 {
	position: absolute;
	width: 600px; top:245px;
	left: 50%; margin-left: -300px;
	font-family: OpenSansRegular, sans-serif;
	font-size: 18px;
	color: #555;
	text-align: center;
	line-height: 30px;
    -webkit-transition: all 0.15s ease; -moz-transition: all 0.15s ease; -o-transition: all 0.15s ease; transition: all 0.15s ease;	
}

.mt1Animated {
	left: -701px !important;
}


#bullets {	
	position: absolute;
	width: 600px;
	top: 360px; left: 50%; margin-left: -300px;
	background: url(assets/bullets_0.png) no-repeat;
	background-size: contain;
    -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;	
}

.bulletsAnimated {
	top: 60px !important;
}




#bulletsImg {	
	position: absolute;
	width: 450px; height: 46px;
	top: 0px; left: 50%; margin-left: -224px;
	background: url(assets/bullets_0.png) no-repeat;
	background-size: contain;
}


#bulletlist {
	position: absolute;
	width: 550px; height: 80px; left: 50%; margin-left: -275px;
	top: 50px;
}

.bulletlistspan {
	font-family: OpenSansRegular, sans-serif;
	font-size: 12px;
	color: #555;
	text-align: center;
	line-height: 22px;
}

#startRedemptionButton{
	position:absolute;
	width:240px;
	height:45px;
	top: 540px; left: 50%; margin-left: -120px;
	text-align:center;
	font-family: OpenSansSemibold, sans-serif;
	font-size:16px;
	line-height:42px;
	cursor:pointer;
	background-color:#0d0d8f;
	border-color:#ebebe9;
	color:#fff;
	box-shadow:0 2px 5px rgba(0,0,0,.15);
	border-width:.4px;
	border-style:solid;
	outline-offset:0;
	border-radius:30px;
	box-sizing:border-box;
}


.startRedemptionButtonAnimated {
	left: -701px !important;
}

#mSep {
	position: absolute;
	width: 100%; height: 3px; top: 620px; left: 0px;
	background-color: #f2f2f2;
}


#mt2 {
	position: absolute;
	width: 600px; top:640px;
	left: 50%; margin-left: -300px;
	font-family: OpenSansRegular, sans-serif;
	font-size: 18px;
	color: #555;
	text-align: center;
}


#mDetailHead {
	position: absolute;
	width: 600px; top:0px;
	left: 50%; margin-left: -300px;
	font-family: OpenSansSemibold, sans-serif;
	font-size: 18px;
	color: #024;
	text-align: center;
}

#mDetails {
	position: absolute;
	width: 600px; top:30px;
	left: 46%; margin-left: -250px;
	font-family: OpenSansLight, sans-serif;
	font-size: 14px;
	color: #555;
	text-align: left;
}

#mDetailsUL li {
	margin: 5px 0;
}

#pg1 {
	position: absolute;
	width: 600px; top:235px;
	left: 1200px; margin-left: -300px;
    -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;	
}

.pgShow { left: 50% !important; }
.pgHide { left: -50% !important; }

#pg1title {
	position: absolute;
	font-family: OpenSansSemibold, sans-serif;
	font-size: 20px;
	color: #555;
	text-align: center;	
	width: 600px; top:25px;
	left: 50%; margin-left: -300px;
}

.pg1t {
	font-family: OpenSansSemibold, sans-serif;
	font-size: 15px;
	color: #555;
	text-align:right;
}


.pg1v {
	font-family: OpenSansLight, sans-serif;
	font-size: 14px;
	color: #555;
	text-align:left;
}

#pg1t1 { position: absolute; width: 295px; height: 20px; top:75px; left: 0px; }
#pg1t2 { position: absolute; width: 295px; height: 20px; top:110px; left: 0px; }
#pg1t3 { position: absolute; width: 295px; height: 20px; top:145px; left: 0px; }
#pg1t4 { position: absolute; width: 295px; height: 20px; top:180px; left: 0px; }
#pg1t5 { position: absolute; width: 295px; height: 20px; top:215px; left: 0px; }

#pg1v1 { position: absolute; width: 300px; height: 20px; top:75px; left: 310px; }
#pg1v2 { position: absolute; width: 300px; height: 20px; top:110px; left: 310px; }
#pg1v3 { position: absolute; width: 300px; height: 20px; top:145px; left: 310px; }
#pg1v4 { position: absolute; width: 300px; height: 20px; top:180px; left: 310px; }
#pg1v5 { position: absolute; width: 300px; height: 20px; top:215px; left: 310px; }

#buttonStep1 {
	position: absolute;
	width: 240px; height: 45px;
	top: 315px; right: -40px;
	text-align:center;
	font-family: OpenSansSemibold, sans-serif;
	font-size:16px;
	line-height:42px;
	cursor:pointer;
	background-color:#0d0d8f;
	border-color:#ebebe9;
	color:#fff;
	box-shadow:0 2px 5px rgba(0,0,0,.15);
	border-width:.4px;
	border-style:solid;
	outline-offset:0;
	border-radius:30px;
	box-sizing:border-box;
}


#pg1loggedin {
	position: absolute;
	width: 600px; height: 500px;
	top:0px; left: 0px;
	display: none;
}

#pg1loggedinbackup {
	position: absolute;
	width: 700px; height: 360px; top: 0px; left: -50px;
}

#pg1loggedinbackupbg {
	position: absolute;
	width: 100%; height: 100%; top: 0px; left: 0px;
	background-color: #fff;
	opacity: 0.9;
}

#pg1loggedinbackupborder {
	position: absolute;
	width: 500px; height: 200px; top: 60px; left: 50%; margin-left: -250px;
	border: 1px solid black;
	background-color: #fff;
}

#pg1loggedinbackuptxt {
	position: absolute;
	width: 460px; height: 100px; left: 20px; top: 50px;
	font-family: OpenSansSemibold, sans-serif;
	font-size: 20px;
	color: #555;
	text-align: center;
	
}

#buttonSigninAgain {
	position: absolute;
	width: 200px; height: 45px;
	top: 120px; left: 50%; margin-left: -100px;
	text-align:center;
	font-family: OpenSansSemibold, sans-serif;
	font-size:16px;
	line-height:42px;
	cursor:pointer;
	background-color:#0d0d8f;
	border-color:#ebebe9;
	color:#fff;
	box-shadow:0 2px 5px rgba(0,0,0,.15);
	border-width:.4px;
	border-style:solid;
	outline-offset:0;
	border-radius:30px;
	box-sizing:border-box;
}

#pg1notloggedin {
	position: absolute;
	width: 600px;  height: 500px;
	top:0px; left: 0px;
}

#pg2{
	position: absolute;
	width: 600px; top:235px;
	left: 1200px; margin-left: -300px;
    -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;	
}

#pg2title {
	position: absolute;
	font-family: OpenSansSemibold, sans-serif;
	font-size: 20px;
	color: #555;
	text-align: center;	
	width: 600px; top:25px;
	left: 50%; margin-left: -300px;
}

#pg2txt {
	position: absolute;
	font-family: OpenSansRegular, sans-serif;
	font-size: 16px;
	color: #555;
	text-align: center;	
	width: 700px; top:70px;
	left: 50%; margin-left: -350px;
}


#pg2fp {
	position: absolute;
	font-family: OpenSansRegular, sans-serif;
	font-size: 11px;
	color: #555;
	text-align: center;	
	width: 700px; top:220px;
	left: 50%; margin-left: -350px;
}


#pg2input {
	position: absolute;
	font-family: OpenSansRegular, sans-serif;
	font-size: 16px;
	color: #555;
	text-align: center;	
	width: 600px; top:160px;
	left: 50%; margin-left: -300px;
}	

#pg2inputtxt {
	font-family: OpenSansSemibold, sans-serif;
	font-size: 14px;
	color: #555;	
}

#pg2acct {
	border: 1px solid #666;
	width: 240px; height: 26px;
	font-family: OpenSansLight, sans-serif;
	font-size: 14px;
	line-height: 26px;
	text-align: left;
	padding-left: 3px;
}

#buttonRakuten {
	position: absolute;
	width: 240px; height: 45px;
	top: 315px; right:210px;
	text-align:center;
	font-family: OpenSansSemibold, sans-serif;
	font-size:16px;
	line-height:42px;
	cursor:pointer;
	background-color:#fff;
	border-color:#0d0d8f;
	color:#0d0d8f;
	box-shadow:0 2px 5px rgba(0,0,0,.15);
	border-width:2px;
	border-style:solid;
	outline-offset:0;
	border-radius:30px;
	box-sizing:border-box;
}

#buttonStep2 {
	position: absolute;
	width: 240px; height: 45px;
	top: 315px; right: -40px;
	text-align:center;
	font-family: OpenSansSemibold, sans-serif;
	font-size:16px;
	line-height:42px;
	cursor:pointer;
	background-color:#0d0d8f;
	border-color:#ebebe9;
	color:#fff;
	box-shadow:0 2px 5px rgba(0,0,0,.15);
	border-width:.4px;
	border-style:solid;
	outline-offset:0;
	border-radius:30px;
	box-sizing:border-box;
}

#pg3{
	position: absolute;
	width: 600px; top:235px;
	left: 1200px; margin-left: -300px;
    -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;		
}

#pg3title {
	position: absolute;
	font-family: OpenSansSemibold, sans-serif;
	font-size: 20px;
	color: #555;
	text-align: right;	
	width: 350px; top:25px;
	right: 210px;
}


#pg3input {
	position: absolute;
	width: 100px;
	top: 18px;
	height: 40px;
	right: 100px;
	border: 1px solid black;
}

#p3inputfield {
	position: absolute;
	top: 0px; left: 3px;
	width: 45px; height: 40px;
	line-height: 40px;
	padding: 0;
	border: none;
	margin: 0;
	font-family: OpenSansRegular, sans-serif;
	font-size: 20px;
	text-align: right;
	outline: none;
}

#p3inputfield:focus {
	outline: none;	
}

#p3inputtext {
	position: absolute;
	top: 0px; left: 50px;
	width: 50px; height: 40px;
	padding: 0;
	border: none;
	margin: 0;
	line-height: 40px;
	font-family: OpenSansRegular, sans-serif;
	font-size: 20px;
	text-align: left;	
}


#buttonStep3 {
	position: absolute;
	width: 240px; height: 45px;
	top: 315px; right: -40px;
	text-align:center;
	font-family: OpenSansSemibold, sans-serif;
	font-size:16px;
	line-height:42px;
	cursor:pointer;
	background-color:#0d0d8f;
	border-color:#ebebe9;
	color:#fff;
	box-shadow:0 2px 5px rgba(0,0,0,.15);
	border-width:.4px;
	border-style:solid;
	outline-offset:0;
	border-radius:30px;
	box-sizing:border-box;
}			

#pg3txt {
	position: absolute;
	font-family: OpenSansRegular, sans-serif;
	font-size: 18px;
	color: #555;
	text-align: center;	
	width: 740px; top:90px;
	left: 50%; margin-left: -370px;
}


.pg3t {
	font-family: OpenSansSemibold, sans-serif;
	font-size: 15px;
	color: #555;
	text-align:right;
}


.pg3v {
	font-family: OpenSansLight, sans-serif;
	font-size: 14px;
	color: #555;
}

#pg3t1 { position: absolute; width: 395px; height: 20px; top:160px; left: -60px; }
#pg3t2 { position: absolute; width: 395px; height: 20px; top:185px; left: -60px; }
#pg3t3 { position: absolute; width: 395px; height: 20px; top:210px; left: -60px; }
#pg3t4 { position: absolute; width: 395px; height: 20px; top:250px; left: -60px; }
#pg3t5 { position: absolute; width: 395px; height: 20px; top:275px; left: -60px; color: #006080;  font-weight: bold;}
.pg3_div { position: absolute; width: 250px; height: 1px; top: 240px; left: 250px; background-color: #666}
#pg3v1 { position: absolute; width: 100px; height: 20px; top:160px; left: 350px; text-align: right; }
#pg3v2 { position: absolute; width: 100px; height: 20px; top:185px; left: 350px; text-align: right; }
#pg3v3 { position: absolute; width: 100px; height: 20px; top:210px; left: 350px; text-align: right; }
#pg3v4 { position: absolute; width: 100px; height: 20px; top:250px; left: 350px; text-align: right; }
#pg3v5 { position: absolute; width: 100px; height: 20px; top:275px; left: 350px; text-align: right; color: #006080;  font-weight: bold;}


#pg4{
	position: absolute;
	width: 600px; top:235px;
	left: 1200px; margin-left: -300px;
    -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;	
}

#pg4title {
	position: absolute;
	font-family: OpenSansSemibold, sans-serif;
	font-size: 20px;
	color: #555;
	text-align: center;	
	width: 600px; top:25px;
	left: 50%; margin-left: -300px;
}

#pg4txt {
	position: absolute;
	font-family: OpenSansRegular, sans-serif;
	font-size: 16px;
	color: #555;
	text-align: center;	
	width: 700px; top:80px;
	left: 50%; margin-left: -350px;
}


#buttonStep4back{
	position: absolute;
	width: 200px; height: 45px;
	top: 315px; left: 80px; margin-left: auto;
	text-align:center;
	font-family: OpenSansSemibold, sans-serif;
	font-size:16px;
	line-height:42px;
	cursor:pointer;
	background-color:#ccc;
	border-color:#ebebe9;
	color:#333;
	box-shadow:0 2px 5px rgba(0,0,0,.15);
	border-width:.4px;
	border-style:solid;
	outline-offset:0;
	border-radius:30px;
	box-sizing:border-box;
}


#buttonStep4{
	position: absolute;
	width: 200px; height: 45px;
	top: 315px; left: 320px; margin-left: auto;
	text-align:center;
	font-family: OpenSansSemibold, sans-serif;
	font-size:16px;
	line-height:42px;
	cursor:pointer;
	background-color:#0d0d8f;
	border-color:#ebebe9;
	color:#fff;
	box-shadow:0 2px 5px rgba(0,0,0,.15);
	border-width:.4px;
	border-style:solid;
	outline-offset:0;
	border-radius:30px;
	box-sizing:border-box;
}


.pg4t {
	font-family: OpenSansSemibold, sans-serif;
	font-size: 15px;
	color: #555;
	text-align:right;
}


.pg4v {
	font-family: OpenSansLight, sans-serif;
	font-size: 14px;
	color: #555;
}

#pg4t1 { position: absolute; width: 395px; height: 20px; top:130px; left: -60px; }
#pg4t2 { position: absolute; width: 395px; height: 20px; top:155px; left: -60px; }
#pg4t3 { position: absolute; width: 395px; height: 20px; top:180px; left: -60px; }
#pg4t4 { position: absolute; width: 395px; height: 20px; top:205px; left: -60px; }
#pg4t5 { position: absolute; width: 395px; height: 20px; top:240px; left: -60px; }
#pg4t6 { position: absolute; width: 395px; height: 20px; top:265px; left: -60px; color: #006080;  font-weight: bold;}

.pg4_div { position: absolute; width: 250px; height: 1px; top: 232px; left: 225px; background-color: #666}

#pg4v1 { position: absolute; width: 300px; height: 20px; top:130px; left: 350px; text-align: left; }
#pg4v2 { position: absolute; width: 100px; height: 20px; top:155px; left: 350px; text-align: right; }
#pg4v3 { position: absolute; width: 100px; height: 20px; top:180px; left: 350px; text-align: right; }
#pg4v4 { position: absolute; width: 100px; height: 20px; top:205px; left: 350px; text-align: right; }
#pg4v5 { position: absolute; width: 100px; height: 20px; top:240px; left: 350px; text-align: right; }
#pg4v6 { position: absolute; width: 100px; height: 20px; top:265px; left: 350px; text-align: right; color: #006080;  font-weight: bold;}

#pg5{
	position: absolute;
	width: 760px; top:0px;
	left: 1200px; margin-left: -380px;
    -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;	
}


#pg5img {
	position: absolute;
	width: 760px; height: 214px; background: url(assets/confirmHeader.png) no-repeat;
	top: 0px; left: 0px;
}



#pg5title {
	position: absolute;
	font-family: OpenSansSemibold, sans-serif;
	font-size: 22px;
	color: #555;
	text-align: center;	
	width: 600px; top:290px;
	left: 50%; margin-left: -300px;
}

#pg5txt {
	position: absolute;
	font-family: OpenSansRegular, sans-serif;
	font-size: 18px;
	color: #555;
	text-align: center;	
	width: 600px; top:370px;
	left: 50%; margin-left: -300px;
	line-height: 40px;
}


#loginDialogIFDIV {
	position: absolute;
	width: 460px; height: 370px; top: 0px; left: 50%; margin-left: -230px;
	background-color: #fff;
	border: 1px solid #666;
	overflow: hidden;
}

#loginDialogIFDIVTxt {
	position: absolute;
	font-family: OpenSansSemibold, sans-serif;
	font-size: 22px;
	line-height: 370px;
	width: 460px; height: 370px;
	text-align: center;
	display: none;
}


#loginIF {
	display: block;
	position: absolute;
	width: 450px; height: 370px; top: 0px; left: 5px;
}




#revalidateDialog {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0px; left: 0px;
	cursor: pointer;
	z-index: 3000;
	display: none;
}

#revalidateDialogBG {
	position: absolute;
	width: 100%; height: 100%;
	top: 0px; left: 0px;
	background-color: #000;
	opacity: 0.4;
}

#revalidateDialogIFDIV {
	position: absolute;
	width: 470px; height: 500px; top: 50%; left: 50%;
	margin-top: -250px; margin-left: -235px;
	background-color: #fff;
}

#revalidateDialogHeader {
	position: absolute;
	width: 460px; height: 50px; top: 0px; left: 0px;
	font-family: OpenSansRegular, sans-serif;
	font-size: 18px;
	line-height: 25px;
	color: #fff;
	background-color: #039;
	text-align: center;
	padding: 5px;
}

#revalidateDialogHeader b {
	font-weight: normal;
	font-family: OpenSansBold, sans-serif;
}

#revalidateIF {
	position: absolute;
	width: 450px; height: 416px; top: 72px; left: 10px;
	border: 1px solid #666;
}

#siteFooterBG {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0px; left: 0px;
	z-index: 2110;
	background-color: #000;
	opacity: 0.6;
	display: none;
}

#footerFAQ {
	position: absolute;
	width: 700px; height: 790px;
	top: 145px; left: 50%; margin-left: -380px;
	background-color: #ffffff;
	overflow-y: scroll;
	padding: 30px;
	z-index: 2111;
	display: none;
}

#footerFAQ_j { display: none; }

#footerTerms {
	position: absolute;
	width: 700px; height: 790px;
	top: 145px; left: 50%; margin-left: -380px;
	background-color: #ffffff;
	overflow-y: scroll;
	padding: 30px;
	z-index: 2112;
	display: none;
}

#footerTerms_j { display: none; }

#footerClose {
	position: absolute;
	width: 760px; height: 50px; top: 115px; left:50%; margin-left: -380px;
	font-family: OpenSansRegular, sans-serif;
	color: #fff;
	text-align: right;
	z-index: 2113;
	cursor: pointer;
	display: none;
}

#footerClose:hover {
	text-decoration: underline;
}



.footerH {
	font-family: OpenSansSemibold, sans-serif;
	font-size: 18px;
	padding-bottom: 20px;
	color: #000;
	text-align: left;
}

.footerP {
	font-family: OpenSansSemibold, sans-serif;
	font-size: 14px;
	color: #000;
	text-align: left;
}

.footerV {
	font-family: OpenSansRegular, sans-serif;
	font-size: 13px;
	padding-bottom: 15px;
	color: #000;
	text-align: left;	
}

.footerV ol {
	padding-left: 10px;
	margin-left: 10px;
}


.footerV li {
	padding-bottom: 20px;
	padding-left: 20px;
}


#siteHistoryBG {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0px; left: 0px;
	z-index: 2110;
	background-color: #000;
	opacity: 0.6;
	display: none;
}

#siteHistory {
	position: absolute;
	width: 700px; height: 790px;
	top: 145px; left: 50%; margin-left: -380px;
	background-color: #ffffff;
	overflow: hidden;
	padding: 30px;
	z-index: 2111;
	display: none;
}

#siteHistoryClose {
	position: absolute;
	width: 760px; height: 50px; top: 115px; left:50%; margin-left: -380px;
	font-family: OpenSansRegular, sans-serif;
	color: #fff;
	text-align: right;
	z-index: 2113;
	cursor: pointer;
	display: none;
}

#siteHistoryClose:hover {
	text-decoration: underline;
}


#siteHistoryTitle {
	position: absolute;
	width: 450px; height: 40px; top: 35px; left:40px;
	font-family: OpenSansSemibold, sans-serif;
	font-size: 30px;
	color: #000;
	text-align: left;
}


#siteHistorySummaryHeader {
	position: absolute;
	width: 450px; height: 40px; top: 100px; left:40px;
	font-family: OpenSansRegular, sans-serif;
	font-size: 18px;
	color: #000;
	text-align: left;
}

#siteHistoryYTD {
	position: absolute;
	width: 660px; height: 90px; top: 125px; left:40px;
	font-family: OpenSansRegular, sans-serif;
	color: #000;
	text-align: right;
	font-size: 45px;
	line-height: 90px;
	background-color: #eee;
	padding-right: 20px;
}

#siteHistoryYTDUnit {
	position: relative;
	float: right;
	font-family: OpenSansRegular, sans-serif;
	color: #666;
	text-align: right;
	font-size: 45px;
	line-height: 90px;
}


#siteHistoryYTDValue {
	position: relative;
	float: right;
	font-family: OpenSansSemibold, sans-serif;
	color: #024;
	text-align: right;
	font-size: 45px;
	line-height: 90px;
}

#siteHistoryList {
	position: absolute;
	width: 680px; height: 550px; left: 40px; top: 275px;
	overflow-y: scroll;
}

#siteHistoryListHeader {
	position: absolute;
	width: 680px; height: 50px; left: 40px; top: 225px;
	border-bottom: 1px solid #024;
}


#siteHistoryListHeader1 {
	position: absolute;
	width: 115px; height: 50px; top: 20px; left:0px;
	font-family: OpenSansRegular, sans-serif;
	font-size: 18px;
	color: #000;
	text-align: left;
	line-height: 30px;
}

#siteHistoryListHeader2 {
	position: absolute;
	width: 300px; height: 50px; top: 20px; left:130px;
	font-family: OpenSansRegular, sans-serif;
	font-size: 18px;
	color: #000;
	text-align: left;
	line-height: 30px;
}

#siteHistoryListHeader3 {
	position: absolute;
	width: 210px; height: 50px; top: 20px; right:20px;
	font-family: OpenSansRegular, sans-serif;
	font-size: 18px;
	color: #000;
	text-align: right;
	line-height: 30px;
}

#siteHistoryMask {
	position: absolute;
	width: 100%; height: 100%; top: 0px; left: 0px;
	background-color: #fff;
	opacity: 0.6;
}

#siteHistoryMaskLoading {
	position: absolute;
	width: 600px;
	height: 150px;
	top: 53%; left: 50%;
	font-family: OpenSansRegular, sans-serif;
	font-size: 22px;
	margin-left: -300px;
	margin-top: -75px;
	color: #666;
	text-align: center;
	line-height: 50px;	
}

#siteHistorySpinner {
	position: absolute;
	width: 50px;
	height: 50px;
	top: 50px; left: 50%;
	margin-left: -25px;
	background: url(assets/loading.png) no-repeat;
	background-size: contain;		
}

#siteHistoryRefresh {
	width: 20px; height: 24px;
	background: url(assets/refreshButton.png) no-repeat;
	background-size: contain;
	cursor: pointer;
	border: none;
}

#siteHistoryMaskLoadingTxt {
	font-family: OpenSansRegular, sans-serif;
	font-size: 22px;
	text-align: center;
	line-height: 50px;
}




#overlayBanner {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0px; left: 0px;
	z-index: 2110;
	display: none;
}

#overlayBannerBG {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0px; left: 0px;
	background-color: #000000;
	opacity: 0.3;
	display: block;
}

#overlayBannerFG {
	position: absolute;
	width: 800px;
	height: 430px;
	top: 50%; left: 50%;
	margin-left: -400px;
	margin-top: -215px;
	background-color: #fff;
	padding: 0;
	box-shadow: 5px 5px 5px rgba(68,68,68,0.6);
	background: url(assets/banner201912_en.jpg) no-repeat;
	background-size: cover;
	display: block;
}

#overlayBannerClose {
	position: absolute;
	width: 265px;
	height: 61px;
	top: 305px; left: 323px;
	padding: 0;
	cursor: pointer;
	display: block;
}


#overlayBanner_mob { display: none; }
#overlayBannerBG_mob { display: none; }
#overlayBannerFG_mob { display: none; }
#overlayBannerClose_mob { display: none; }


#mDetailsUL_lt { color: #dd0000; font-weight: bold; }
.rakutenBonus { color: #006080; font-weight: bold; }
.ual { color: #002244; font-weight: bold; }
.rakuten { color: #773333; font-weight: bold; }




#maskLayerPromo {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0px; left: 0px;
	z-index: 2110;
	display: none;
}

#maskLayerPromoBG {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0px; left: 0px;
	background-color: #000000;
	opacity: 0.4;
}

#promoBG {
	position: absolute;
	width: 704px;
	height: 482px;
	top: 50%;
	left: 50%;
	margin-left: -352px;
	margin-top: -241px;
	background: url(promo/bg.jpg) no-repeat;
	background-size: cover;
}


#promoFGj {
	position: absolute;
	width: 605px;
	height: 183px;
	top: 92px;
	left: 50%;
	margin-left: -302px;
	background: url(promo/fg_jd.png) no-repeat;
	background-size: contain;
}


#promoFGe {
	position: absolute;
	width: 498px;
	height: 103px;
	top: 328px;
	left: 50%;
	margin-left: -249px;
	background: url(promo/fg_ed.png) no-repeat;
	background-size: contain;
}

#promoClose {
	position: absolute;
	width: 31px;
	height: 31px;
	top: 8px;
	right: 8px;
	background: url(promo/closeButton.png) no-repeat;
	background-size: contain;
	cursor: pointer;
}

a.cc-btn a.cc-allow a.cc-btn-format {
	font-family: Helvetica, Helvetica, Verdana, sans-serif !important;
	font-weight: 600;
  }
.cc-compliance {
	font-family: Helvetica, Helvetica, Verdana, sans-serif !important;
	font-weight: 600;
  }
.cmp-modal__body {
	font-family: Helvetica, Helvetica, Verdana, sans-serif !important;
  }