﻿@charset "utf-8";
/* CSS Document */

.optionHTML {display:none;}
.mainContent {padding: 0 20px 20px;}
.headerBd {margin:0 -20px; height:8px;

background: rgb(107,175,35); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzZiYWYyMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmMmZmZDMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(left,  rgba(107,175,35,1) 0%, rgba(242,255,211,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(107,175,35,1)), color-stop(100%,rgba(242,255,211,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  rgba(107,175,35,1) 0%,rgba(242,255,211,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  rgba(107,175,35,1) 0%,rgba(242,255,211,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  rgba(107,175,35,1) 0%,rgba(242,255,211,1) 100%); /* IE10+ */
background: linear-gradient(to right,  rgba(107,175,35,1) 0%,rgba(242,255,211,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6baf23', endColorstr='#f2ffd3',GradientType=1 ); /* IE6-8 */

}
.headerBd.bottom {margin:0 -20px 30px;
background: rgb(242,255,211); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YyZmZkMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM2YmFmMjMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(left,  rgba(242,255,211,1) 0%, rgba(107,175,35,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(242,255,211,1)), color-stop(100%,rgba(107,175,35,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  rgba(242,255,211,1) 0%,rgba(107,175,35,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  rgba(242,255,211,1) 0%,rgba(107,175,35,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  rgba(242,255,211,1) 0%,rgba(107,175,35,1) 100%); /* IE10+ */
background: linear-gradient(to right,  rgba(242,255,211,1) 0%,rgba(107,175,35,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2ffd3', endColorstr='#6baf23',GradientType=1 ); /* IE6-8 */
}
.pageHeader {margin:0 -20px; height:300px; background:url(../img/recharge/headerBg2.jpg) no-repeat; position:relative;}
.pageHeader .slogan {padding:44px 0 0 40px; line-height:1.2em;}
.por .pageHeader .slogan {padding:54px 0 0 30px;}
.esp .pageHeader .slogan {padding:46px 0 0 34px;}
.jpn .pageHeader .slogan {padding:57px 0 0 23px;}
.chi .pageHeader .slogan {padding:60px 0 0 45px;}
.kor .pageHeader .slogan {padding:64px 0 0 27px;}
.tha .pageHeader .slogan {padding:44px 0 0 32px;}
.rus .pageHeader .slogan {padding:49px 0 0 27px;}
.vie .pageHeader .slogan {padding:52px 0 0 50px;}
.ind .pageHeader .slogan {padding:56px 0 0 30px;}
.pageHeader .slogan,
.pageHeader .slogan span {font-family:'Open Sans Condensed', Helvetica, Arial, sans-serif; color:#FFF; font-size:52px; text-shadow: 1px 1px 3px #333333; }
.ie .pageHeader .slogan,
.ie .pageHeader .slogan span {font-family:Arial-Narrow;}
.esp .pageHeader .slogan,
.esp .pageHeader .slogan span {font-size:44px; line-height:1.4em;}
.por .pageHeader .slogan,
.por .pageHeader .slogan span {font-size:40px; line-height:1.4em;}
.pageHeader .slogan span {text-transform:uppercase;}
.pageHeader .slogan span.on {color:#c0ff00 !important;}
.jpn .pageHeader .slogan,
.jpn .pageHeader .slogan span {font-size:40px; line-height:56px;}
.chi .pageHeader .slogan,
.chi .pageHeader .slogan span {font-size:60px; line-height:80px;}
.kor .pageHeader .slogan,
.kor .pageHeader .slogan span {font-family:'Nanum Myeongjo', serif; font-size:56px; line-height:80px;}
.tha .pageHeader .slogan,
.tha .pageHeader .slogan span {font-family:'Droid Serif Thai', sans-serif; font-size:54px;}
.rus .pageHeader .slogan,
.rus .pageHeader .slogan span {font-size:38px;}
.rus .pageHeader .slogan {width:380px;}
.vie .pageHeader .slogan,
.vie .pageHeader .slogan span {font-size:40px; line-height:1.5em;}
.ind .pageHeader .slogan,
.ind .pageHeader .slogan span {font-size:38px; line-height:1.5em;}
.vie .pageHeader .slogan {width:350px;}
.jpn .chargerItems {width:170px;}
.chargerItems {position:absolute; top:38px; left:470px; width:160px;}
.rus .chargerItems {width:165px; top:39px; left:468px;}
.chargerItems .rchgItem {height:28px; padding-left:26px; line-height:12px; color:#FFF; position:relative;}
.rus .chargerItems .rchgItem {padding-left:20px;}
.rus .rchgItem .txt {position:relative; top:-6px;}
.eng .rchgItem.byPTR .txt,
.tag .rchgItem.byPTR .txt {position:relative; top:-6px;}
.esp .chargerItems {top:42px; width:145px;}
.esp .rchgItem .txt {position:relative; top:-6px;}
.por .rchgItem.byCC .txt,
.por .rchgItem.byPTR .txt {position:relative; top:-6px;}
.jpn .rchgItem.byCC {width:140px;}
.jpn .rchgItem.byCC .txt {position:relative; top:-6px;}
.tha .rchgItem.byCC .txt {position:relative; top:-6px;}
.vie .rchgItem.byCC .txt,
.vie .rchgItem.byPTR .txt {position:relative; top:-6px;}
.fre .rchgItem.byCC .txt,
.fre .rchgItem.byPTR .txt {position:relative; top:-6px;}
.chi .chargerItems,
.kor .chargerItems {top:43px; left:472px;}
.chargerItems .rchgItem .led {position:absolute; top:-3px; left:5px; height:18px; width:18px; background-image:url(../img/recharge/led.png); background-repeat:no-repeat; background-position:left bottom;}
.chargerItems .rchgItem .led.on {background-position:left top;}
.rus .chargerItems .rchgItem .led {left:1px;}
.pageHeader .charger {position:absolute; height:20px; line-height:20px; width:180px; text-align:center; color:#CCC; font-family:HelveticaNeue-Medium; right:99px ; bottom:29px; font-size:14px; font-weight:bold; letter-spacing:1px;}
.ie .pageHeader .charger {font-family:Arial-Bold;}
.rus .pageHeader .charger {font-family:"Roboto Condensed";}
.tha .pageHeader .charger {font-family:Angsana-New; font-size:20px;}

.menuTitle {color:#6BAF23; font-size:22px; line-height:22px; padding:0 0 15px 20px; letter-spacing:3px;}
.chi .menuTitle {font-family:XiSongCS;}
.rechargeMenu {overflow:auto; position:relative}
.rechargeMenu div {position:relative;}
.menuItem {border:2px solid #CCC; border-bottom:0; float:left; color:#666; font-size:14px; line-height:18px; text-align:center; width:120px; height:36px; padding: 10px 35px 15px 71px; margin-right:4px; position:relative; cursor:pointer; background-color:#FFF; 
	-webkit-border-radius: 5px 5px 0px 0px;
	border-radius: 5px 5px 0px 0px;}
.kor .menuItem {line-height:36px;}
.menuItem.sel {z-index:2; background-color:#F4F4F4; border:2px solid #6BAF23; border-bottom:0; cursor:default; height:33px;}
.menuItem:hover {background-color:#F4F4F4; border:2px solid #6BAF23; border-bottom:0;}
#byCreditCard {background-image:url(../img/recharge/iconCreditCard.png); background-repeat:no-repeat; background-position:20px 13px;}
.por #byCreditCard{width: 130px; padding: 10px 25px 15px 71px;}
#atCVS {background-image:url(../img/recharge/iconCVS.png); background-repeat:no-repeat; background-position:15px 16px;}
.tha #atCVS,
.vie #atCVS,
.chi .menuItem {line-height:36px;}
.jpn #atCVS {width:150px; padding:10px 5px 15px 71px; line-height:36px;}
#PTR {background-image:url(../img/recharge/iconPTR.png); background-repeat:no-repeat; background-position:20px 12px; margin-right:0;}
.por #PTR {width: 140px; padding: 10px 15px 15px 71px;}
#atCVS.sel,
#atCVS:hover {background-position:15px -56px;}
#byCreditCard.sel,
#byCreditCard:hover {background-position:20px -59px;}
#PTR.sel,
#PTR:hover {background-position:20px -56px;}
.rus .menuItem {font-size:12px;}
.rus #atCVS {width:165px; padding: 10px 0 15px 61px; background-position:2px 16px;}
.rus #byCreditCard {width:159px; padding:10px 7px 15px 60px; background-position:16px 12px;}
.rus #PTR {width:172px; padding:10px 3px 15px 51px;}
.rus #byCreditCard.sel,
.rus #byCreditCard:hover {background-position:16px -60px;}
.rus #atCVS.sel,
.rus #atCVS:hover {background-position:2px -56px;}
.ind #atCVS,
.ind #PTR {line-height:36px;}
.vie #PTR {padding: 10px 20px 15px 71px; width: 135px;}
.chi #PTR {width:150px; padding: 10px 15px 15px 61px;}
#howToRecharge {border:2px solid #6BAF23; padding:20px 10px; position:relative; z-index:1; background-color:#F4F4F4; margin-top:-5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;}
#howToRecharge.cvs {
	-webkit-border-radius: 0px 5px 5px 5px;
	border-radius: 0px 5px 5px 5px;}
#howToRecharge.ptr {
	-webkit-border-radius: 5px 0px 5px 5px;
	border-radius: 5px 0px 5px 5px;}
.window {background-color:#FFF; padding:20px 10px 0; color:#666; position:relative; overflow:hidden;
	-webkit-box-shadow: inset 0px 0px 3px 1px #AAAAAA;
	box-shadow: inset 0px 0px 3px 1px #AAAAAA;
}
#content {overflow:auto; width:1100px; height:420px; position:relative;}
.window .float {float:left; position:relative;}
.selectCVS,
.selectMethod {height:50px; background-color:#FDFF91; border:1px solid #C8C8C8; float:none; display:block; margin:0 auto 37px; padding:0 10px; position:relative; overflow:visible;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
.rus .selectCVS,
.rus .selectMethod,
.vie .selectCVS,
.vie .selectMethod,
.por .selectCVS,
.por .selectMethod {height:62px;}
.por .selectCVS,
.por .selectMethod {padding:0 20px;}
#specialBonus {position:absolute; bottom:21px; left:50%; z-index:1000; width:470px; margin-left:-235px;
}
.currency {padding:0 2px;}
#specialBonus .slider {text-align:center; padding:5px 0; color:#FFF; font-size:18px; border:2px solid #EF6712; border-bottom:0; font-style:italic; letter-spacing:1px; cursor:pointer; position:relative;
	-webkit-border-radius: 7px 7px 0px 0px;
	border-radius: 7px 7px 0px 0px;
	text-shadow: 1px 1px 1px #333333;
	filter: dropshadow(color=#333333, offx=1, offy=1);
background: rgb(239,103,18); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VmNjcxMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2VkOWM0NyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlZjY3MTIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(left,  rgba(239,103,18,1) 0%, rgba(237,156,71,1) 50%, rgba(239,103,18,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(239,103,18,1)), color-stop(50%,rgba(237,156,71,1)), color-stop(100%,rgba(239,103,18,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  rgba(239,103,18,1) 0%,rgba(237,156,71,1) 50%,rgba(239,103,18,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  rgba(239,103,18,1) 0%,rgba(237,156,71,1) 50%,rgba(239,103,18,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  rgba(239,103,18,1) 0%,rgba(237,156,71,1) 50%,rgba(239,103,18,1) 100%); /* IE10+ */
background: linear-gradient(to right,  rgba(239,103,18,1) 0%,rgba(237,156,71,1) 50%,rgba(239,103,18,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ef6712', endColorstr='#ef6712',GradientType=1 ); /* IE6-8 */
}
.jpn #specialBonus .slider {font-family:M2PIPAG;}
.chi #specialBonus .slider {font-family:XiSongCS;}
#specialBonus .slider:hover {
	background: rgb(239,103,18); /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VmNjcxMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2VmYjM3MCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlZjY3MTIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(left,  rgba(239,103,18,1) 0%, rgba(239,179,112,1) 50%, rgba(239,103,18,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(239,103,18,1)), color-stop(50%,rgba(239,179,112,1)), color-stop(100%,rgba(239,103,18,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  rgba(239,103,18,1) 0%,rgba(239,179,112,1) 50%,rgba(239,103,18,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  rgba(239,103,18,1) 0%,rgba(239,179,112,1) 50%,rgba(239,103,18,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  rgba(239,103,18,1) 0%,rgba(239,179,112,1) 50%,rgba(239,103,18,1) 100%); /* IE10+ */
	background: linear-gradient(to right,  rgba(239,103,18,1) 0%,rgba(239,179,112,1) 50%,rgba(239,103,18,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ef6712', endColorstr='#ef6712',GradientType=1 ); /* IE6-8 */
}
#specialBonus .slider .eject {position:absolute; width:10px; height:10px; background-image:url(../img/recharge/eject.png); top:50%; margin-top:-5px; right:20px;} 
#specialBonus .slider .eject.ed {background-position:bottom;}
#specialBonus .bonusDesc {border:solid #EF6712; border-width:2px 10px 10px; padding:25px 20px 10px 20px; position:relative; display:none;
	-webkit-box-shadow: inset 1px 1px 3px 0px #AAAAAA;
	box-shadow: inset 1px 1px 3px 0px #AAAAAA;
background: rgb(246,246,246); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y2ZjZmNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNmY2ZjYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(left,  rgba(246,246,246,1) 0%, rgba(255,255,255,1) 50%, rgba(246,246,246,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(246,246,246,1)), color-stop(50%,rgba(255,255,255,1)), color-stop(100%,rgba(246,246,246,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  rgba(246,246,246,1) 0%,rgba(255,255,255,1) 50%,rgba(246,246,246,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  rgba(246,246,246,1) 0%,rgba(255,255,255,1) 50%,rgba(246,246,246,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  rgba(246,246,246,1) 0%,rgba(255,255,255,1) 50%,rgba(246,246,246,1) 100%); /* IE10+ */
background: linear-gradient(to right,  rgba(246,246,246,1) 0%,rgba(255,255,255,1) 50%,rgba(246,246,246,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f6f6', endColorstr='#f6f6f6',GradientType=1 ); /* IE6-8 */
}
#specialBonus .bonusDesc * {font-size:14px; color:#555;}
#specialBonus .bonusDesc img {position:absolute; top:10px; right:25px;}
#specialBonus .bonusDesc p.intro {margin:0 0 10px 0; width:280px;}
#specialBonus .bonusDesc table {border-collapse:collapse;}
#specialBonus .bonusDesc th,
#specialBonus .bonusDesc td {border:1px solid #EF6712}
#specialBonus .bonusDesc th {background-color:#EF6712; padding:7px; width:100px; font-weight:normal; color:#FFF;}
.jpn #specialBonus .bonusDesc th {width:115px;}
#specialBonus .bonusDesc th div {color:#FFF; position:relative;}
#specialBonus .bonusDesc th div .asterisk {display:inline-block; padding-left:3px; position:absolute; top:-5px; font-family:"Times New Roman", Times, serif; font-size:20px; width:10px; color:#FFF;}
#specialBonus .bonusDesc td {background-color:#FFF; padding:7px; text-align:center;}
#specialBonus .bonusDesc td.bonus {color:#EF6712; font-weight:bold; font-size:16px;}
#specialBonus .bonusDesc td.bonus span {color:#EF6712;}
#specialBonus .bonusDesc .note {font-size:12px; margin:15px 0 0 0; position:relative;}
#specialBonus .bonusDesc .note .asterisk {font-family:"Times New Roman", Times, serif; font-size:20px; display:block; position:absolute; top:-5px; left:-11px; width:10px;}
.asterisk {display:none !important;}
.selectCVS span,
.selectMethod span {color:#4D4D4D; font-size:14px;}
.selectCVS img,
.selectMethod img {position:absolute; left:50%; margin-left:-17px; bottom:-30px;}
.jpn .selectCVS {width:300px;}
.selectCVS {width:280px;}
.rus .selectCVS {width:320px;}
.vie .selectCVS {width:245px;}
.chi .selectCVS {width:200px;}
.por .selectCVS {width:250px;}
.selectMethod {width:285px;}
.kor .selectMethod {width:295px; padding:0 5px;}
.vie .selectMethod {width:245px;}
.chi .selectMethod {width:150px;}
.por .selectMethod {width:260px;}
.cvsSelection {width:357px; overflow:visible; padding-bottom:1px; padding-left:5px;}
.cvsSelection button.gradient {margin:0 -1px -1px 0; padding:3px 4px; display:block; float:left; border:1px solid #DDD; background-color:#FAFAFA; cursor:pointer; position:relative; overflow:visible;}
.gecko .cvsSelection button.gradient {padding:2px 1px;}
.cvsSelection button.gradient,
.methodSelection div.gradient {
	background: #f6f6f6;
background: -moz-linear-gradient(top,  #f6f6f6 0%, #f2f2f2 100%);
background: -webkit-linear-gradient(top,  #f6f6f6 0%,#f2f2f2 100%);
background: linear-gradient(to bottom,  #f6f6f6 0%,#f2f2f2 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f6f6', endColorstr='#f2f2f2',GradientType=0 );

}
.cvsSelection button.gradient span {position:absolute; font-size:14px; bottom:-15px; left:90%; display:block; padding:5px 10px; 
	/*border:1px solid #C8C8C8; */
	white-space:nowrap; z-index:1;
	
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffff88+0,ffff88+100;Yellow+Flat+%231 */
background: #ffff88; /* Old browsers */
background: -moz-linear-gradient(top,  #ffff88 0%, #ffff88 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #ffff88 0%,#ffff88 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #ffff88 0%,#ffff88 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffff88', endColorstr='#ffff88',GradientType=0 ); /* IE6-9 */


	
	-webkit-border-radius: 2px;
	border-radius: 2px;
	/*-webkit-box-shadow: 2px 2px 5px 0px #333333;
	box-shadow: 2px 2px 5px 0px #333333;*/
	-webkit-box-shadow: 5px 5px 10px 0 rgba(0,0,0,0.3);
box-shadow: 5px 5px 10px 0 rgba(0,0,0,0.3);
	display:none;
}
.cvsSelection button.gradient:hover,
.methodSelection div.gradient:hover {
background: #ffffff;
background: -moz-linear-gradient(top,  #ffffff 0%, #ffffff 11%, #e2e2e2 100%);
background: -webkit-linear-gradient(top,  #ffffff 0%,#ffffff 11%,#e2e2e2 100%);
background: linear-gradient(to bottom,  #ffffff 0%,#ffffff 11%,#e2e2e2 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e2e2e2',GradientType=0 );

}
.methodSelection  {width:250px;}
.methodSelection div.gradient:nth-of-type(1) {height:66px;}
.methodSelection div.gradient {margin:0 0 -1px 35px; border:1px solid #DDD; display:block; cursor:pointer; text-align:left; padding-left:10px; position:relative; overflow:visible;}
.five_rows .methodSelection div.gradient {height:65px;}
.four_rows .methodSelection div.gradient {height:66px;}

.jpn .methodSelection div.gradient span.name {font-size:14px;}
.methodSelection div.gradient span.name {font-size:16px; color:#555; font-weight:bold; position:absolute; top:50%; width:130px;}
.vie .methodSelection div.gradient#cp span.name {font-size:12px;}
.tha .methodSelection div.gradient span.name {font-size:14px;}
.esp .methodSelection div.gradient#cp span.name {width:90px;}
.jpn .methodSelection div.gradient#loppi span.name {font-size:14px;}
.fre .methodSelection div.gradient#cp span.name {font-size:14px; width:120px;}
.methodSelection div.gradient span.name .spt {font-weight:normal; font-size:14px;}
.jpn .methodSelection div.gradient span.name .spt {font-weight:normal; font-size:11px;}
.por .methodSelection div.gradient span.name {font-size:14px; width:105px;}
.esp .methodSelection div.gradient span.name {font-size:14px; width:105px;}
.tha .methodSelection div.gradient span.name {font-size:12px; width:105px;}
.rus .methodSelection div.gradient span.name {font-size:12px; width:105px;}
.vie .methodSelection div.gradient span.name {font-size:14px; width:105px;}
.ind .methodSelection div.gradient span.name {font-size:14px; width:105px;}
.methodSelection div.gradient img,
.methodSelection div.gradient .btn {position:absolute;}
#sp img.icon {top:15px; right:10px; height:36px;}
.tha #sp img.icon {height:32px; top:17px;}
#cp img.icon {top:12px; right:10px; height:36px;}
#mp img.icon {top:8px; right:16px; height:50px;}
.vie #cp img.icon {top:14px; height:34px;}
.fre #cp img.icon {top:16px; right:8px; height:32px;}
.fre #sp img.icon {height:32px; top:17px; right:8px;}
#famiport img.icon {top:5px; right:18px; height:56px;}
#loppi img.icon {top:5px; right:23px; height:56px;}
.fre #famiport img.icon {right:18px;}
.fre #loppi img.icon {right:20px;}
#multi-copier img.icon {top:5px; right:8px; height:56px;}

.visa {padding: 0px 10px 0 20px; width:80px;}
.mastercard {padding: 0px 10px; width:80px;}

.methodSelection div.gradient img.arrow {top:50%; left:-26px; margin-top:-9px; display:none;}
.methodSelection div.gradient .btn,
.pagBtnPrev,
.pagBtnNext {
	/*border:1px solid #799B12;*/
	cursor:pointer; display:block;
	background: #338dd2;
	background: -moz-linear-gradient(top,  #338dd2 0%, #338dd2 57%, #308bd0 67%, #2181c8 83%, #1678c1 91%, #036bb6 100%);
	background: -webkit-linear-gradient(top,  #338dd2 0%,#338dd2 57%,#308bd0 67%,#2181c8 83%,#1678c1 91%,#036bb6 100%);
	background: linear-gradient(to bottom,  #338dd2 0%,#338dd2 57%,#308bd0 67%,#2181c8 83%,#1678c1 91%,#036bb6 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#338dd2', endColorstr='#036bb6',GradientType=0 );
}
.methodSelection div.gradient .btn { /*text-align:center; top:-1px;*/ display:none;}
.methodSelection div.gradient .btn:hover,
.pagBtnPrev:hover,
.pagBtnNext:hover {
	/*border:1px solid #0059A3;*/
	background: #cbd332;
	background: -moz-linear-gradient(top,  #cbd332 0%, #95b33c 100%);
	background: -webkit-linear-gradient(top,  #cbd332 0%,#95b33c 100%);
	background: linear-gradient(to bottom,  #cbd332 0%,#95b33c 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cbd332', endColorstr='#95b33c',GradientType=0 );
}
.methodSelection div.gradient .btn img {position:absolute; top:50%; left:50%; margin:-9px auto auto -5px;}
/*.methodSelection div.gradient .btn.next {right:-43px; padding:24px 0 24px 1px; width:40px;
	-webkit-border-radius: 0 5px 5px 0;
	border-radius: 0 5px 5px 0;
}
.methodSelection div.gradient:nth-of-type(1) .btn.next {padding:25px 0 24px 1px;}*/
/*.methodSelection div.gradient .btn.prev {left:-23px; padding:24px 1px 24px 0; width:20px;
	-webkit-border-radius: 5px 0 0 5px;
	border-radius: 5px 0 0 5px;
}
.methodSelection div.gradient:nth-of-type(1) .btn.prev {padding:25px 1px 24px 0;}*/
.methodSelection div.gradient .btn.next,
.methodSelection div.gradient .btn.prev {padding:0; width:32px; height:32px; top:50%; margin-top:-16px; 
	-webkit-border-radius: 16px;
	border-radius: 16px;
}
.methodSelection div.gradient .btn.next {right:-43px;}
.methodSelection div.gradient .btn.prev {left:-36px;}
.methodSelection div.gradient .btn.prev img {margin:-9px auto auto -7px;}
.jpn .method.sp p ,
.jpn .method.sp a {font-size:12px; line-height:1.25em;}
/*.cvsSelection button.gradient.sel,
.methodSelection div.gradient.sel,
.method,
.methodName,
.method .line {border:1px solid #AAA;}*/
.method,
.methodName,
.method .line {border:1px solid #DDD;}
.method {margin:10px 0 0 16px; width:433px; height:370px; border-width:0 0 0 1px; position:relative; display:none;}
.method .icon {float:right; margin:-10px 0 5px 10px;}
.methodName {font-size:18px; letter-spacing:1px; border-width:0 0 1px 0; padding:0 0 0 10px; line-height:30px; margin-right:30px;}
.methodName span {font-size:16px; margin-left:0.5em; letter-spacing:0;}
.method.cp .icon {width:140px;}
.method.sp .icon {width:120px;}
.rus .method.sp .icon,
.ind .method.sp .icon {width:105px; margin:-10px 0 0 10px;}
.method.famiport .icon,
.method.multi-copier .icon,
.method.loppi .icon {float:none; position:absolute; right:5px; width:60px; top:0; z-index:10;}
.method.mp .icon {float:none; position:absolute; right:5px; width:55px; top:0; z-index:10;}
.method .line {position:absolute; height:0; border-width:1px 0 0 0; width:18px; left:-18px;}
.method.famiport .line {top:24px;}
.method.multi-copier .line {top:24px;}
.method.loppi .line {top:91px;}
.method.mp .line {top:224px;}
.method.cp .line {top:157px;}
.method.cp .addCpns {margin-top:30px;}
.method.cp .openMyAcc{ margin:10px auto;}
.method p {margin:8px 5px 0 15px;}
.tha .method p {margin:5px 5px 0 15px;}
.method p:nth-of-type(1) {margin:12px 5px 0 14px;}
.tha .method p:nth-of-type(1) {margin:10px 5px 0 14px;}
.method p,
.method a {font-size:14px;}
.rus .method p,
.method a {font-size:13px;}
.method a {color:#6BAF23;}
.rus .method.sp p,
.ind .method.sp p,
.rus .method.sp a,
.ind .method.sp a,
.vie .method.sp p,
.vie .method.sp a,
.tag .method.sp p,
.tag .method.sp a,
.fre .method.sp p,
.fre .method.sp a {font-size:12px;}
#payableAt {display:none; position:absolute; left:15px; min-width:205px;}
#payableAt div:first-child {font-size:12px; font-weight:bold;}
#payableAt div {margin-top:5px; text-align:center;}
#payableAt .allListed {margin-top:10px;}
#payableAt img.family_mart {max-width:90px; margin-top:8px;}
#payableAt img {max-height:30px; max-width:52px; margin-right:-1px;}
#payableAt img.fm-mp { margin-bottom:12px; }
p.sub {color:#6F9606; font-weight:bold; margin:12px 0 5px 14px;}
.tha p.sub {margin:8px 0 5px 14px;}
.por p.sub {margin:8px 0 4px 14px;}
.esp p.sub {margin:8px 0 4px 14px;}


.method.terminal .pc {background-color:transparent;}
.method.terminal .pc,
.method.terminal .byPhone {border:0; margin:0 38px 0 28px;}
.tag .method.terminal .byPhone {padding:10px 0 7px 100px;}
.vie .method.terminal .byPhone {margin:0 10px 0 28px;}
.ind .method.terminal .byPhone {margin:0 -15px 0 28px;}
.method.terminal .byPhone .dial {float:none;}
.method.terminal .byPhone .prefix {letter-spacing:0;}
.jpn .method.terminal .byPhone .note {margin-top:25px;}
.method.terminal .byPhone .note {margin-top:45px;}
.tha .method.terminal .byPhone {padding:8px 0px 6px 105px;}
.ind .method.terminal .byPhone {padding:0 0 0 110px;}
.tha .method.terminal .byPhone .prefix {margin-right:4px;}
.tha .method.terminal p:nth-of-type(1) {margin:0 0 20px 0;}

.tag .terminal .sub.spt_activation,
.vie .terminal .sub.spt_activation,
.ind .terminal .sub.spt_activation {margin:10px 0 0 60px !important;}
.terminal .sub.spt_activation {margin:15px 0 0 60px !important;}
.rus .terminal .sub.spt_activation {height:auto !important;}
.rus .terminal .slides .slideWrapper .activateSmartPit p {height:56px;}
.rus .terminal .slides .slideWrapper p {margin:0 0 8px 0;}

.method .pc,
.method .byPhone {margin:0 0 0 14px; position:relative;}
.method .pc {background-color:#F7FFEA; padding:18px 0; background-image:url(../img/recharge/pc.png); background-repeat: no-repeat; background-position:35px 10px; border:1px solid #D6E895; border-bottom:0;}
.ind .method .pc {background-position:40px 10px;}
.tha .method .pc {padding:16px 0; background-position:35px 8px;}
.tha .method .pc .legend {top:40px;}
.method .pc .legend,
.byPhone .legend {position:absolute; line-height:16px; font-size:12px; color:#6F9606; width:100px; text-align:center; top:44px; left:0; font-weight:bold;}
.ind .method .pc .legend,
.ind .byPhone .legend {width:110px;}
.method .pc .openMyAcc {margin:0 auto 0 100px;}
.tha .method .pc .openMyAcc {margin:0 auto 0 105px;}
.ind .method .pc .openMyAcc {margin:0 auto 0 110px;}
.MyPayment .mobile,
.mobile .MyPayment .desktop {display:none;}
.mobile .MyPayment .mobile {display:block;}
.MyPayment .desktop .qr {width:120px; height:auto; display:block; margin:2rem auto 0;}
.MyPayment .mobile .openMyAcc {margin:2rem auto;}
.MyAccMiniURL {text-align:center; font-size:0.95em; color:#aaa; border:none; padding:0.5em 0; width:100%;}
.MyAccMiniURL:focus {outline:none;}
.MyPayment .mobile .openMyAcc,
.method .pc .openMyAcc,
.method.cp .openMyAcc,
.byCreditCard .openMyAcc {width:180px; font-size:14px; cursor:pointer; display:block; color:#FFF; padding:7px 0; text-align:center; text-decoration:none; 
	/*border:2px solid #6F9606;*/
	border:0;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	background: #338dd2;
	background: -moz-linear-gradient(top,  #338dd2 0%, #1678c1 100%);
	background: -webkit-linear-gradient(top,  #338dd2 0%,#1678c1 100%);
	background: linear-gradient(to bottom,  #338dd2 0%,#1678c1 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#338dd2', endColorstr='#1678c1',GradientType=0 );
}
.byCreditCard .openMyAcc {width:160px;}
.MyPayment .mobile .openMyAcc:hover,
.method .pc .openMyAcc:hover,
.method.cp .openMyAcc:hover,
.byCreditCard .openMyAcc:hover {
	/*border:2px solid #0054B3;*/
	border:0;
	background: #6faa00;
	background: -moz-linear-gradient(top,  #6faa00 0%, #4e8900 100%);
	background: -webkit-linear-gradient(top,  #6faa00 0%,#4e8900 100%);
	background: linear-gradient(to bottom,  #6faa00 0%,#4e8900 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6faa00', endColorstr='#4e8900',GradientType=0 );
}
.byPhone {border:1px solid #D6E895; padding:15px 0 7px 100px; background-image:url(../img/recharge/phone.png); background-repeat:no-repeat; background-position:38px 16px;}
.ind .byPhone {background-position:43px 16px;}
.tha .byPhone {padding:8px 5px 6px 105px;}
.ind .byPhone {padding:15px 0 7px 110px;}
.por .byPhone {padding:10px 0 7px 100px;}
.esp .byPhone {padding:10px 0 7px 100px;}
.byPhone .legend {top:60px;}
.byPhone .number {height:22px;}
.byPhone .dial,
.byPhone .prefix,
.byPhone .accessCode {float:left;}
.byPhone .prefix {margin-right:5px;}
.ind .byPhone .prefix {margin-right:3px;}
.byPhone .dial,
.byPhone .prefix,
.byPhone .accessCode span {line-height:22px;}
.byPhone .dial {font-size:14px; margin-right:10px;}
.ind .byPhone .dial {font-size:12px; margin-right:5px;}
.byPhone .prefix,
.byPhone .accessCode span {color:#1a7bc3; font-size:22px; letter-spacing:1px; display:inline-block;}
.ind .byPhone .prefix,
.ind .byPhone .accessCode span {letter-spacing:0;}
.byPhone .accessCode span:first-child {margin-right:5px;}
.ind .byPhone .accessCode span:first-child {margin-right:1;}
.byPhone .accessCode {position:relative; border-bottom:1px solid #CCC;}
.byPhone .accessCode div {position:absolute;}
.byPhone .accessCode div.bar {border-left:1px solid #CCC; width:0; height:5px; left:50%; bottom:-6px; display:none;}
.jpn .byPhone .accessCode div.txt {bottom:-19px;}
.byPhone .accessCode div.txt {width:210px; bottom:-16px; left:50%; margin-left:-105px; text-align:center;}
.byPhone .note {clear:both; margin-top:20px;}
.rus .byPhone .note {padding:0 10px 0 0;}
.tha .byPhone .note {margin-top:18px;}
.ind .byPhone .note {padding:0 20px 0 0;}
.byPhone .note span {color:#1a7bc3; font-weight:bold;}

/* Slides */
.slideWrapper {background-color: transparent;}
.slides {position:relative; height:340px;}
.slides .slides_container {overflow: visible;}
.slides_container,
.slides_container .slideWrapper { height: 320px; }
.slides_container div {display:block;}
.slides {margin:0 auto;}
.slides_container {top:56px;}
.slides,
.slides_container .slideWrapper {/*width:586px;*/ width:400px;}
.slides_container .slideWrapper {background-color:#FFF;}
.slideWrapper p.first {margin-top:80px;}
.pagination {position:absolute;/* top:10px; left:22px; */z-index:100; top:20px; left:8px; margin:0; padding:0;}
.iDev .acrobits .pagination {left:20px;}
.pagination li {display:block; float:left; margin-right:4px;}
/* .loppi.terminal .pagination li.last a {padding-left:2px;} */
.pagination li a {display:block; width:24px; height:20px; background-image:url(../img/recharge/pagination_bg.png);  overflow:hidden; background-repeat:no-repeat; cursor:pointer; color:#FFF; text-decoration:none; line-height:20px; padding-left:6px; font-weight:bold;}
.pagination li a:hover,
.pagination li.current.last a {background-position:0 -40px;}
.pagination li.current a {background-position:0 -20px; cursor:default;}
.slides .slideWrapper .activateSmartPit p,
.slides .slideWrapper .MyPayment p {margin:0 0 10px 0; height:auto;}
.slides .slideWrapper p {margin:0 0 20px 0; line-height:18px; height:36px;}
.rus .slides .slideWrapper p {margin:0 0 10px 0; line-height:16px; height:48px;}
.rus .slides .slideWrapper .MyPayment p {margin:0 0 10px 0; line-height:16px; height:auto;}
.slideWrapper .p_spacer {height:16px; width:45px; float:right;}
.slideWrapper img.screen {display:block; margin:0 auto; width:286px; height:200px;}
/*
.pagBtnPrev,
.pagBtnNext {position:absolute; z-index:5; top:50%; margin-top:-9px; height:100px; width:20px;}
*/
.pagBtnPrev,
.pagBtnNext {position:absolute; z-index:5; top:57%; height:34px; width:34px; border-radius:17px;}
.pagBtnPrev {
	left:0px;
}
.pagBtnNext {
	right:0px;
}
.pagBtnPrev img,
.pagBtnNext img {position:absolute; top:50%; margin-top:-9px; left:50%;}
.pagBtnPrev img {margin-left:-7px;}
.pagBtnNext img {margin-left:-5px;}

/* Credit Card */
.optionHTML {padding:0px 10px; width:634px; height:420px;}
.jpn .optionHTML td.autoRecharge p {font-size:13px; line-height:1.3em;}
.optionHTML * {font-size:14px;}
.jpn .ccLogos {margin:0px auto 18px;}
.ccLogos {margin:0px auto 20px; border:1px solid #D6E895;}
.ccLogos td {width:80px; padding:12px 1px; text-align:center; vertical-align:middle;}
.jpn .ccLogos td:first-child {font-size:14px; font-weight:normal;}
.ccLogos td:first-child {width:133px; font-size:16px; background-color:#F7FFEA; color:#6F9606; font-weight:bold;}
.rus .ccLogos td:first-child {width:145px;}
.chi .ccLogos td {padding:10px 0px;}
.chi .ccLogos td:first-child {width:145px; font-size:14px;}
.tag .ccLogos td:first-child {font-size:14px;}
.ccLogos td.last {padding:10px 6px 10px 1px;}
.rechargeAt {border:1px solid #D6E895;}
.rechargeAt td {vertical-align:middle;}
.jpn .atMyacc {width:205px;}
.atMyacc {width:180px; padding:0 10px; text-align:center;}
.autoRecharge {padding:7px 7px 7px 12px; background-color:#F7FFEA;}
.chi .autoRecharge {padding:16px;}
.rus td.atMyacc p {font-size:12px;}
.autoRecharge .title {color:#6F9606; margin-bottom:5px; font-weight:bold;}
.autoRecharge .title span {color:#666; font-weight:normal;}
.byCreditCard .openMyAcc {margin:10px auto 0;}
.byCreditCard p.sub {}
.byCreditCard p.sub span {color:#666; font-weight:normal;}
.byCreditCard .imp {position:relative; display:block; top:24px; margin-top:-10px;}
.rus .byCreditCard .imp {top:21px;}
.byCreditCard ul {border-top: 1px dotted #6BAF23; padding-top: 15px; padding-left: 22px;}
.rus .byCreditCard ul {margin-top:11px;}
.byCreditCard ul li {margin-bottom:3px; line-height:14px; color:#6BAF23;}
.rus .byCreditCard ul li {line-height:13px;}
.jpn .byCreditCard ul li span {font-size:11px;}
.byCreditCard ul li span {font-size:12px; color:#666;}

/* PTR */
.PTR {position:relative;}
.selectLocation {height:40px; text-align:center;}
#selectPref {width:200px; display:none;}
.tableHeader {height:67px;}
.beforeGoing {line-height:16px; height:37px; display:none;}
.selectLocation,
.tableHeader,
#results {width:662px; margin-left:-8px}
/*#selectPref option {display:none;}*/
#PTRHeader td {height:29px; text-align:center; vertical-align:middle; padding:0 5px; background-color:#6BAF23; color:#FFF;}
td.ptrName,
td.ptrAddr {text-transform:capitalize;}
td.ptrName {width:160px;}
td.ptrAddr {}
td.ptrNumb {width:140px;}
#PTRPoints td.ptrNumb {text-align:right;}
#PTRHeader,
#PTRPoints {display:none; border-collapse:collapse;}
#PTRHeader,
#PTRPoints {width:645px;}
#PTRPoints td {padding:2px 5px;}
#PTRHeader td,
#PTRPoints td {border:1px solid #6BAF23; font-size:12px;}
#results {overflow:auto; height:313px;}
.rus #results {height:375px;}
.tag #results {height:370px;}
tr.odd td {background-color:#F7FFEA;}
.loading {position:absolute; left:50%; margin-left:-24px;}
#loadingPref {}
#loadingPoints {top:50%; margin-top:-24px; display:none;}

.stepNum {
	position:absolute;
	background-color:#E41E26;
	border-radius:50%;
	border:2px solid #FFF;
	color:#FFF;
	text-align:center;
	font-size:16px;
	font-weight:bold;
	z-index:100;
	height:24px;
	width:24px;
	line-height:24px;
}
#fp_2 {
	top:93px;
	left:279px;
	height:26px;
	width:26px;
	line-height:26px;
}
#fp_3 {
	top:84px;
	left:195px;
	height:32px;
	width:32px;
	line-height:32px;
	font-size:24px;
}
#fp_4 {
	top:162px;
	left:122px;
}
#fp_5 {
	top:210px;
	left:319px;
}
#fp_6 {
	top:210px;
	left:319px;
}
#fp_7 {
	top:210px;
	left:319px;
}
#fp_8 {
	top:98px;
	left:225px;
}
#fp_9 {
	top:153px;
	left:223px;
}
#mc_2 {
	top:96px;
	left:216px;
	height:26px;
	width:26px;
	line-height:26px;
}
#mc_3 {
	top:105px;
	left:308px;
	height:26px;
	width:26px;
	line-height:26px;
}
#mc_4 {
	top:223px;
	left:223px;
	height:26px;
	width:26px;
	line-height:26px;
}
#mc_5 {
	top:214px;
	left:214px;
	height:26px;
	width:26px;
	line-height:26px;
}
#mc_6 {
	top:240px;
	left:327px;
	height:26px;
	width:26px;
	line-height:26px;
}
#mc_7 {
	top:240px;
	left:327px;
	height:26px;
	width:26px;
	line-height:26px;
}
#mc_8 {
	top:240px;
	left:327px;
	height:26px;
	width:26px;
	line-height:26px;
}
#mc_9 {
	top:155px;
	left:145px;
	height:26px;
	width:26px;
	line-height:26px;
}
#lp_2 {
	top:90px;
	left:140px;
	height:26px;
	width:26px;
	line-height:26px;
	font-size:18px;
}
#lp_3 {
	top:135px;
	left:198px;
	height:28px;
	width:28px;
	line-height:28px;
	font-size:20px;
}
#lp_4 {
	top:110px;
	left:270px;
	height:26px;
	width:26px;
	line-height:26px;
	font-size:18px;
}
#lp_5 {
	top:200px;
	left:213px;
}
#lp_6 {
	top:90px;
	left:273px;
}
#lp_7 {
	top:210px;
	left:260px;
}
#lp_8 {
	top:135px;
	left:70px;
}
#lp_9 {
	top:221px;
	left:307px;
}
#lp_10 {
	top:154px;
	left:127px;
}

.cvsSelection button.gradient {
	width:90px;
}
.five_rows .cvsSelection button.gradient {
	height:54px;
}
.four_rows .cvsSelection button.gradient {
	height:68px;
}
.cvsSelection button.gradient img {
	max-height:46px;
	max-width:80px;
}
.strong {
	font-weight:bold;
}

/* My Payment steps 2 through 4 */
.imgWithBalloon {
	position:relative;
	width:310px;
	height:210px;
	margin:0 auto;
}
.imgWithBalloon img.full {
	height:190px;
	width:auto;
	margin:10px 0 0 10px;
	-webkit-box-shadow:0 0 4px 0 rgba(0,0,0,0.4);
	box-shadow:0 0 4px 0 rgba(0,0,0,0.4);
}
.imgWithBalloon .balloonWrapper {
	position:absolute;
	right:0;
	display:flex;
	align-items:center;
}
.mask {
	position:relative;
	overflow:hidden;
	width:211px;
	border:4px solid #e41e26;
	border-radius:10px;
	box-shadow:2px 2px 11px 0 rgba(0,0,0,0.4);
}
.imgWithBalloon img.enlarged {
	position:absolute;
	left:-7px;
	height:400px;
	width:auto;
}
.imgWithBalloon .balloonArrow {
	position:relative;
	z-index:10;
	right:0px;
}

/* Select My Payment  */
#mp_2 {
	bottom: 132px;
	left:	255px;
}
.step2.imgWithBalloon .balloonWrapper {
	bottom:58px;
}
.step2 .mask {
	height:41px;
}
.step2 img.enlarged {
	bottom:-70px;
}
.step2.imgWithBalloon .balloonArrow {
	top:10px;
}

.por #mp_2 {
	bottom: 125px;
}
.por .step2.imgWithBalloon .balloonWrapper {
	bottom:52px;
}
.por .step2 img.enlarged {
	bottom:-57px;
}

.esp #mp_2 {
	bottom: 125px;
}
.esp .step2.imgWithBalloon .balloonWrapper {
	bottom:52px;
}
.esp .step2 img.enlarged {
	bottom:-57px;
}

.jpn #mp_2 {
	bottom: 125px;
}
.jpn .step2.imgWithBalloon .balloonWrapper {
	bottom:51px;
}
.jpn .step2 img.enlarged {
	bottom:-57px;
}

.tag #mp_2 {
	bottom: 122px;
}
.tag .step2.imgWithBalloon .balloonWrapper {
	bottom:49px;
}
.tag .step2 img.enlarged {
	bottom:-57px;
}

.rus #mp_2 {
	bottom: 113px;
}
.rus .step2.imgWithBalloon .balloonWrapper {
	bottom:42px;
}
.rus .step2 .mask {
	height:40px;
}
.rus .step2 img.enlarged {
	bottom:-42px;
}

.vie #mp_2 {
	bottom: 121px;
}
.vie .step2.imgWithBalloon .balloonWrapper {
	bottom:48px;
}
.vie .step2 img.enlarged {
	bottom:-57px;
}


/* Enter payment amount */
#mp_3 {
	bottom: 152px;
	left:	285px;
}
.step3.imgWithBalloon .balloonWrapper {
	bottom:84px;
}
.step3 .mask {
	height:30px;
}
.step3 img.enlarged {
	bottom:-125px;
}
.step3.imgWithBalloon .balloonArrow {
	top:15px;
}

.por #mp_3 {
	bottom: 146px;
}
.por .step3.imgWithBalloon .balloonWrapper {
	bottom:78px;
}
.por .step3 img.enlarged {
	bottom:-112px;
}

.tag #mp_3 {
	bottom: 138px;
}
.tag .step3.imgWithBalloon .balloonWrapper {
	bottom:70px;
}
.tag .step3 img.enlarged {
	bottom:-99px;
}

.kor #mp_3 {
	bottom: 158px;
}
.kor .step3.imgWithBalloon .balloonWrapper {
	bottom:89px;
}
.kor .step3 img.enlarged {
	bottom:-138px;
}

.rus #mp_3 {
	bottom: 137px;
}
.rus .step3.imgWithBalloon .balloonWrapper {
	bottom:72px;
}
.rus .step3 .mask {
	height:29px;
}
.rus .step3 img.enlarged {
	bottom:-100px;
}
.rus .step3.imgWithBalloon .balloonArrow {
	top:16px;
}

/* Tap show barcode button */
#mp_4 {
	bottom: 134px;
	left:	275px;
}
.step4.imgWithBalloon .balloonWrapper {
	bottom:64px;
}
.step4 .mask {
	height:35px;
}
.step4 img.enlarged {
	bottom:-83px;
}
.step4.imgWithBalloon .balloonArrow {
	top:13px;
}

#mp_5 {
	bottom: 58px;
	left:	222px;
}
.impNotes {
	height: 184px;
	overflow-y: scroll;
	padding-right: 16px;
}
.por .impNotes {
	height: 160px;
}
.esp .impNotes {
	height: 170px;
}
.jpn .impNotes {
	height: 150px;
}
.eng .impNotes {
	height: 170px;
}
.tag .impNotes {
	height: 160px;
}
.kor .impNotes {
	height: 160px;
}
.rus .impNotes {
	height: 160px;
}
.vie .impNotes {
	height: 170px;
}
.ind .impNotes {
	height: 160px;
}
.impNoteLogos {margin:0px auto}
.impNoteLogos td {width:80px; padding:12px 1px; text-align:center; vertical-align:middle;}
.ccLogos .mastercard {
	width: auto;
	height: 42px;
}
.ccLogos .PayPalLogo {
	width: auto;
	height: 34px;
	margin: 0 20px 0 12px;
}
.impNotes p {
    color: #666;
    font-size: 12px;
	 margin-bottom: 7px;
}
.three-d-secure {
	display: flex;
}
.three-d-secure-logos {
	padding: 0 0 0 20px;;
}
.three-d-secure-logos img {
	width: auto;
	height: 64px;
	padding: 0;
	display: block;
	margin: 0 auto;
}
.three-d-secure-logos img.visa {
	margin-bottom: 5px;
}