@charset "utf-8";
/* CSS Document */
.eBanking {
    background: url(../../../images/card/banner_general.jpg) center center;
    min-height: 370px;
    background-size: cover;
}

.repayment {
    margin-top: 50px;
	min-height: 120px;
}
ul.list {
    padding-left: 20px;
    font-size: 14px;
}
ul.list li{
	margin-bottom: 10px;
}
ul.list li>ul{
	list-style-type: circle;
	padding-left: 15px;
	margin-top: 15px;
}
ol.remarks-list li ul {
	margin: 0;
	padding: 0;
}
ol.remarks-list li ul li {
	list-style-type: disc;
	margin: 10px 15px;
	padding: 0;
}


ol.list-ol {
    padding-left: 20px;
    font-size: 14px;
}
ol.list-ol li{
	margin-bottom: 10px;
}


.offers {
    background: #f9f9f9;
	margin: 50px 0;
    padding: 30px 0;
}

.afterContentWrap-adjust {
	margin-top: 70px;
}

.repayment-left {
    border-right: 1px solid #eee;
    padding-right: 40px;
}
.repayment-right {
    padding-left: 40px;
}
.inner-container {
    background: #fff url(../../../images/card/conten_box_gradient02.jpg) repeat-x bottom left;
    clear: both;
    height: 100%;
    margin: 0;
    padding: 25px 35px; /*10px*/
    border-radius: 6px;
	padding-bottom: 25px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
}
/**/
table.redeemTB th,
table.redeemTB td {
	padding: 15px;
	box-sizing: border-box;
}
table.redeemTB th{
	background-color: #bc1286;
	color: #fff;
	font-weight: bold;
}
table.redeemTB td.redeemTtl {
	font-weight: bold;
	font-size: 15px;
	background-color: #eee;
}
.and {
	font-weight: bold;
	font-size: 36px;
	color: #333;
	/*background-color: #e2001a;*/
	border-radius: 20px;
	display: inline-block;
	padding: 10px;
	box-sizing: border-box;
	width: auto;
	margin: 0 auto;
	text-align: center;
}
.kvCard {
	width: 300px;
	max-width: 300px;
	max-height: auto;
}
.giftRedeem_L img,
.giftRedeem_R img {
	width: 100%;
	height: auto;
	max-width: 349px;
}
.redeemWay {
	font-size: 18px;
	font-weight: bold;
	/*background-image: url(../../../images/card/redeem.png);*/
	background-position: right;
	background-repeat: no-repeat;
	display: inline-block;
	padding-right: 35px;
}
ul.inTable {
	margin-top: 5px;
	margin-bottom: 0;
}
.sep {
	margin: 25px 0;
}
/**/
.section-img {
    margin-top: 40px;
    padding-top: 80px;
    background: url(../../../images/content_bottom.jpg) top center no-repeat;
    background-size: contain;
}
.icon_secure {
    background: url(../../../images/sprite-icon.png) no-repeat -9px -298px;
    width: 44px;
    height: 44px;
    display: inline-block;
    vertical-align: middle;
}
.login-section {
    position: relative;
    margin-top: 30px;
}
.loginRight {
    position: absolute;
    top: 0;
    left: 200px;
}
/**/
.retailCol_L {
	width: 50%;
	float: left;
	line-height: 22px;
}
.retailCol_R {
	width: 50%;
	float: right;
}
.retailCol_L p,
.retailCol_R p {
	line-height: 26px;
}
/* ============= table ============= */
.table-easy {
  background: #f6f6f6;
  margin-bottom: 20px;
  padding: 0 20px 20px;
  font-family: Arial, Helvetica, sans-serif;
}
.table-easy th,
.table-easy td {
  background: #f6f6f6;
  padding: 0.75rem 2rem;
}
.table thead th {
	border-bottom: none;
	font-size: 20px;
	font-weight: bold;
}
.table-easy>table{
  margin-bottom: 0;
  font-family: Arial, Helvetica, sans-serif;
}
.table-easy .table > thead > tr > th {
  border-bottom: 1px solid #c1c1c1;
  padding: 15px 8px;
  font-size: 16px;
}
.table-easy .table > tbody > tr > td{
  border-top: none;
}
.rowList-table .table{
  border: 1px solid #ebebeb;
  font-family: Arial, Helvetica, sans-serif;
}
.rowList-table .table > thead > tr > th {
  border-bottom: none;
  color: #666;
  font-size: 14px;
  font-weight: normal;
  background: #ebebeb;
  padding: 10px 15px;
}
.rowList-table .table > tbody > tr > td {
  border-top: none;
  border-left: 1px solid #ebebeb;
  padding: 8px 15px;
}
.table-easyGreen .table > thead > tr > th {
  background: #959595;
  color: #FFF;
  border-bottom: none;
  padding: 15px;
  font-size: 16px;
  vertical-align: top;
}
.table-easyGreen .table > tbody > tr > td {
  border-top: none;
  background: #f6f6f6;
  padding: 8px 20px;
}
.table-easyGreen .table > tbody > tr.green-bg > td {
  background: #00a8a5;
  color: #fff;
}
.align-L {
	text-align: left;
}
.align-C {
	text-align: center;
}
.align-R {
	text-align: right;
}
.table_ttl {
	font-size: 20px;
    font-weight: bold;
}
.table_subttl {
	font-size: 16px;
}
ol.table-remarks {
	margin: 10px 0 10px 15px;
	padding: 0;
}
ol.table-remarks li {
	padding-left: 20px;
}
/**/
.no-bg {
	background: none;}

/* SU SU Current Sportslights Session *****************************************************************/

.card-current-container{
	width:914px;
	float:left;
	margin:10px 0 0 5px;}
	
.card-current-detail{
	width:437px;
	padding:10px 10px 15px 10px;
	float:left;
	clear:right;}
	
.card-current-img{
	float:left;
	width:435px;
	padding:0 0 15px 0;}
	
.card-current-text{
	width:430px;
	padding:15px 0 15px 0;
	float:left;}

/* SU SU Other Benifits Session -----*/ 

.oth-benefits-container{
	max-width:914px;
	float:left;
	margin:15px 0 0 0;
	clear:right;}
	


.card-benefits-link{
	width:930px;
	float:left;
	text-align:right;
	padding:10px 5px; }

/*---------------------------------------------------------------------*/

/* su su Card landing session */
.bottom-ctcontent-content-container {
	clear: both;
	margin: 50px 0 0 0;
	float:right;
	padding: 0;
	width: 474px;}
	
.bottom-ctcontent-outer-container {
	background-color: #fff;
	border: 1px solid #d7d7d7;
	clear: both;
	margin: 0;
	padding: 2px;
	width: 464px;
	
	border-radius:6px; 
	-webkit-border-radius:6px; 
	-moz-border-radius:6px;}

.bottom-ctcontent-inner-container {
	background: #fff url(../../../images/card/conten_box_gradient.jpg) repeat-x bottom left;
	clear: both;
	height: 100%;
	margin: 0;
	padding:0;
	width: 464px;
	
	border-radius:6px; 
	-webkit-border-radius:6px; 
	-moz-border-radius:6px;}

.bottomblock{ 
	width:459px;
	margin:0 0 0 15px;
	padding:10px 0;
	line-height:30px;
	overflow:hidden;}

.bottomblock h4{
	font-family:'TheSansCdThin','Lucida Grande','Lucida Sans Unicode', Helvetica, Arial, sans-serif;
	font-weight: 200;
	font-size:22px;
	line-height:30px;
	color:#333333;
	margin:0;
	padding:0 10px 0 0;
	display:block;
	float:left;	}

.bottomblock .number{
	color: #951000;
    font-family: 'TheSansCdRegular','Lucida Grande','Lucida Sans Unicode', Helvetica, Arial, sans-serif;
    font-size: 30px;
    font-weight: normal;
    margin: 0 10px;
	padding:0;
	line-height:30px;
	display:block;
	float:left;}
	
.bottomblock p{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	font-style: normal;
	line-height:30px;
	color:#333333;
	display:block;
	float:left;}

.c-card-container{
	width: 100%;
	max-width:914px;
	/*float:left;*/
	margin:10px 10px 10px 0;
	overflow:hidden;}

.c-card-detail{
	width: 50%;
	margin-top: 30px;
	float:left;
	background:url(../../../images/card/c_cardbg.png) 100% 50% no-repeat;}
	
.c-card-detail-clear{
	background: none !important;}

.c-card-image{
	min-height: 265px;
	}

.c-card-image img{
	margin-left:auto;
	margin-right:auto;
	display:block;
	width: 100%;
	max-width: 310px;
}
	
.c-card-info{
	width:233px;
	padding:20px 30px;
	display: none;
	/*float:left;*/
	border:1px solid #aaaaaa;
	background:#eeeeee;
	
	border-radius:6px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	
   -moz-box-shadow:    inset 0 0 10px #d3d3d3;
   -webkit-box-shadow: inset 0 0 10px #d3d3d3;
   box-shadow:         inset 0 0 10px #d3d3d3;}
	
.c-card-info1{
	width:263px;
	display: none;}
	
/* End Card landing session */

/* Thiri 
---------------------------------------------------------------------------------------------------- */

.card-content {
	display: inline;
	float: left;
	width: 433px;
	padding: 20px 12px 0 12px;
	margin: 0;}
	
.card-content-container {
	clear: left; 
	width:100%;}
	
.card-content-image {
	float: left;
	/* width: 88px; */
	width: 92px;
	height:92px;}
	
.card-content-detail {
	float: left;
	/* width: 330px; */
	width: 326px;
	margin: 0 0 0 12px;
	padding: 12px 0 0 0;}


.card-content-detail-content {
	clear: both;
	padding:8px 0 0 ;}
	
.card-viewall-content {	
	padding: 15px 0 15px 0;}
	
.card-concert-content-heading {
	clear: both;
	margin: 0;
	padding: 5px 0 15px 2px;
	width: 938px;}

.card-content-detail-header {
	font-weight: bold;
	font-size:18px;}
	
.card-concert-detail{	
	width:208px;
	height:344px;
	padding:15px 2px 15px 18px;
	float:left;}
		
.card-concert-img{
	float:left;
	width:194px;
	height:109px;
	padding: 0;	}

.card-concert-text{
	background:url(../../../images/card/account-divider.png) bottom right no-repeat;	
	width:200px;
	padding:8px 0 15px 0;
	float:left;}
	
.card-concert-text-last{	
	width:200px;
	padding:8px 0 15px 0;
	float:left;}

/* Susu - Card Promotions Section
====================================================================================================*/
.card-promotions-2-column {
	clear: both;
	margin: 0 auto;
	padding: 30px 0 0 0;
	width: 940px;}

.promotions-left-content{
	display: inline;
	float:left;
	margin: 0;
	padding: 0;
	width: 218px;}

.promotions-right-content {
	clear: right;
	display: inline;
	float:left;
	margin:0 0 0 20px;
	padding: 0;
	width: 702px;}

/* Promotions Left Navigation */
.card-nav-outer-container {
	background-color: #fff;
	border: 1px solid #d7d7d7;
	margin: 0;
	padding: 2px;
	width: 212px;
	
	border-radius:6px; 
	-webkit-border-radius:6px; 
	-moz-border-radius:6px;}

.card-nav-inner-container {
	background: #fff url(../../../images/card/gradient_reverse.jpg) repeat-x top left;
	clear: both;
	height: 100%;
	margin: 0;
	padding: 10px;
	width: 50%;
	border-radius:6px; 
	-webkit-border-radius:6px; 
	-moz-border-radius:6px;}

.card-nav-con {
	border-left:1px solid #d9d9d9;
	border-right:1px solid #d9d9d9;
	border-top:1px solid #d9d9d9;
	margin:0;
	padding: 0;
	background: #fff;
	width:192px;
	
	-moz-border-radius-topleft:  6px;  /* Firefox up to version 3.6 */
    -webkit-border-top-left-radius: 6px;  /* Safari, Chrome (before WebKit version 533) */
    border-top-left-radius: 6px;
		   
	-moz-border-radius-topright:  6px;  /* Firefox up to version 3.6 */
    -webkit-border-top-right-radius: 6px;  /* Safari, Chrome (before WebKit version 533) */
    border-top-right-radius: 6px;}

.card-nav-con ul {
	list-style: none;
	margin: 0;
	padding: 0;}

.card-nav-con li {
	background: none;
	border-bottom:1px solid #d9d9d9;
	margin: 0;
	padding: 0;}

.card-nav-con li a {
	background: #fff url(../../../images/card/nav_bg.jpg) repeat-x bottom left;
	border-bottom: none;
	color: #333;
	display: block;
	font-family: 'TheSansCdThin','Lucida Grande','Lucida Sans Unicode', Helvetica, Arial, sans-serif;
	font-size: 18px;
	font-weight: 200;
	line-height: 18px;
	padding: 11px;}

.card-nav-con li a span {
	color: #999;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;}

.card-nav-con li a.topnavi {
	background: #fff url(../../../images/card/nav_bg.jpg) repeat-x bottom left;
	display: block;
	
	-moz-border-radius-topleft:  6px;  /* Firefox up to version 3.6 */
    -webkit-border-top-left-radius: 6px;  /* Safari, Chrome (before WebKit version 533) */
    border-top-left-radius: 6px;
		   
	-moz-border-radius-topright:  6px;  /* Firefox up to version 3.6 */
    -webkit-border-top-right-radius: 6px;  /* Safari, Chrome (before WebKit version 533) */
    border-top-right-radius: 6px;}

.card-nav-con li a.topnavi .selected {
	background: url(../../../images/card/card_navhbg.jpg) repeat-x 0 0;
	color: #fff;
	
	-moz-border-radius-topleft:  6px;  /* Firefox up to version 3.6 */
    -webkit-border-top-left-radius: 6px;  /* Safari, Chrome (before WebKit version 533) */
    border-top-left-radius: 6px;
		   
	-moz-border-radius-topright:  6px;  /* Firefox up to version 3.6 */
    -webkit-border-top-right-radius: 6px;  /* Safari, Chrome (before WebKit version 533) */
    border-top-right-radius: 6px;}

.card-nav-con li a.selected {
	background: url(../../../images/card/card_navhbg.jpg) repeat-x 0 0;
	color: #fff;}

.card-nav-con li a.selected span {
	color: #fff;}
	
/* Promotions Content */
.cards-promo-wrapper {
	clear: both;
	margin: 0;
	padding: 0;
	width: 702px;}	

.cards-promo-heading {
	clear: both;
	margin: 0;
	padding: 18px 0 10px 0;
	width: 702px;}

.cards-promo-heading h1, .cards-promo-heading h2 {
	display: inline;
	float: left;
	margin: 0;
	width: auto;}

.cards-promo-heading h2 {
	padding: 15px 0 0 0;}

.cards-promo-heading h1 {
	font-family:'TheSansCdRegular','Lucida Grande','Lucida Sans Unicode', Helvetica, Arial, sans-serif;
	font-weight:normal;
	font-size:54px;
	line-height:54px;
	color:#333333;
	letter-spacing:-2pt;
	margin:0;
	padding: 0 13px 0 0;}

.card-promotion-outer-container {
	background-color: #fff;
	border: 1px solid #d7d7d7;
	margin: 0;
	padding: 2px;
	width: 696px;
	
	border-radius:6px; 
	-webkit-border-radius:6px; 
	-moz-border-radius:6px;}
	
.card-promotion-inner-container {
	background: #fff url(../../../images/card/gradient_reverse.jpg) repeat-x top left;
	height: 100%;
	margin: 0;
	padding: 10px 0;
	width: 696px;
	
	border-radius:6px; 
	-webkit-border-radius:6px; 
	-moz-border-radius:6px;}

.card-promo-content-container{
	clear: both;
	margin: 0;
	padding: 0;
	width:696px;}

.card-promo-content-container:after {
	content:".";display:block;height:0;clear:both;visibility:hidden}

.card-promo-link{
	clear: both;
	padding:10px 0;
	margin:0 auto;
	width: 490px;}

.card-promo-link ul{
	list-style-type:none;
	display:inline;}
	
.card-promo-link ul li{
	float:left;
	padding:0 7px 0 0; 
	background-image:none;}

.card-promo-main-container {
	clear: both;
	margin: 0;
	padding: 0 0 0 15px;
	width:681px;}

.card-promo-left-con{
	display: inline;
	width:438px;
	float:left;
	margin: 0 17px 0 0;
	padding:0px;}

.card-promo-right-con{
	display: inline;
	width:212px;
	float:left;
	margin: 0;
	padding: 0;}

.card-promoleft-outer{
	background-color: #fff;
	border: 1px solid #d7d7d7;
	clear: both;
	margin: 0;
	padding: 0;
	width: 436px;
	
	border-radius:6px; 
	-webkit-border-radius:6px; 
	-moz-border-radius:6px;}

.card-promoleft-inner{
	background: #fff url(../../../images/card/conten_box_gradient.jpg) repeat-x bottom left;
	border-top: 3px solid #0d6596;
	clear: both;
	height: 100%;
	margin: 0;
	padding: 0;
	width: 436px;
	overflow:hidden;
	
	border-radius:6px; 
	-webkit-border-radius:6px; 
	-moz-border-radius:6px;}

.card-promo-img{
	clear: both;
	width: 396px;
	margin: 0;
	padding: 20px;}

.card-promo-img img{
	display: block;
	margin: auto;}

.card-promo-text{
	clear: both;
	width: 396px;
	margin: 0;
	padding: 0 20px 20px 20px;}

.card-promo-rtcontainer{
	clear: both;
	width:212px;
	margin:0 0 16px 0;
	overflow: hidden;}

.card-promo-rtcon-outer{	
	background-color: #fff;
	border: 1px solid #d7d7d7;
	height: 200px;
	margin: 0;
	padding: 0;
	width: 210px;
	
	border-radius:6px; 
	-webkit-border-radius:6px; 
	-moz-border-radius:6px}

.card-promo-rtcon-inner{
	background: #fff url(../../../images/card/conten_box_gradient.jpg) repeat-x bottom left;
	border-top: 3px solid #0d6596;
	height: 196px;
	margin: 0;
	padding: 0;
	width: 210px;
	
	border-radius:6px; 
	-webkit-border-radius:6px; 
	-moz-border-radius:6px;
}
	
.moredetails {
	text-align: center;
}
.cpromo-rtdata-con{	
	width:210px;
	margin:0;
	padding:15px 0 11px 0;}
.cpromo-data {
	min-height: 380px;
}

.cpromo-data-conimg{
	width:210px;
	margin:0;
	padding:0;}


.cpromo-data-conimg img {
	display: block;
	margin: 0 auto;}
	
.cpromo-data-contxt{
	width: 95%;
    margin: 0 auto;
	padding: 0 50px;
	box-sizing: border-box; 
}
	
.cpromo-data-contxtwo{
	width: 95%;
    margin: 0 auto;
	padding: 0 50px;
	box-sizing: border-box; 
}

/* Hover container */	
.card-promo-hover{
	margin: 0;
	padding: 10px;
	width: 189px;
	height:180px;
	display: none;
	border:1px solid #aaaaaa;
	background:#eeeeee;
	-moz-box-shadow:    inset 0 0 10px #d3d3d3;
	-webkit-box-shadow: inset 0 0 10px #d3d3d3;
	box-shadow:         inset 0 0 10px #d3d3d3;	
   
	border-radius:6px; 
	-webkit-border-radius:6px; 
	-moz-border-radius:6px;}

.card-promo-btcon{
	clear: both;
	width:686px;
	margin:0;
	padding: 0 0 6px 6px;}

.card-promo-btcon .card-promo-rtcontainer {
	clear: none;
	display: inline;
	float: left;
	margin: 0 8px;
	padding: 0;}
	
/* Cards Compare Page Styling
====================================================================================================*/
.cards-compare-container {
	clear: both;
	margin: 0;
	padding: 0 0 20px 2px;
	width: 912px;}

.cards-compare-box {
	background: url(../../../images/card/cards_header2_side_shadow.png) no-repeat center right;
	display: inline;
	float: left;
	margin: 0 10px 0 10px;
	padding: 0;
	width: 284px;}

.cards-compare-box-last {
	display: inline;
	float: left;
	margin: 0 10px 0 10px;
	padding: 0;
	width: 284px;}

.cards-image-box {
	clear: both;
	margin: 0;
	padding: 40px 0 0 0;
	width: 284px;}

.cards-image-box img {
	display: block;
	margin: 0 auto;}

.cards-compare-content {
	clear: both;
	margin: 0 auto;
	padding: 10px 0 0 34px;
	width: 250px;}

.cards-compare-content-input {
	display: inline;
	float: left;
	margin: 0;
	padding: 3px 0 0 0;
	text-align: center;
	width: 30px;}

.cards-compare-content-input input {
	margin: 0; 
	padding: 0;}

.cards-compare-content-text {
	display: inline;
	float: left;
	margin: 0;
	padding: 0 0 0 5px;
	width: 210px;}

.cards-compare-content-text p {
	color: #999;}

.cards-compare-content-text p span.active {
	color: #666;}

.cards-compare-content-text p span.active strong{
	color: #000;}
	
.cards-compare-chart-container {
	clear: both;
	margin: 50px auto 0 auto;
	padding: 0;
	width: 940px;}

.cards-comparing-wrapper {
	background: #fff url(../../../images/card/conten_box_gradient.jpg) repeat-x bottom left;
	border-top: 1px solid #d7d7d7;
	border-left: 1px solid #d7d7d7;
	border-right: 1px solid #d7d7d7;
	clear: both;
	float: right;
	margin: 0 17px 0 0;
	padding: 0;
	width: 732px;
	
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
	-moz-border-radius-topleft: 6px;
	-moz-border-radius-topright: 6px;
	-webkit-border-top-left-radius: 6px;
	-webkit-border-top-right-radius: 6px;}

.cards-comparing-box {
	background: url(../../../images/card/cards_compare_btm_shadow.png) no-repeat bottom center;
	border-right: 1px solid #d7d7d7;
	display: inline;
	float: left;
	margin: 0;
	padding: 20px 0;
	width: 243px;
	height:200px}

.cards-comparing-box-last {
	background: url(../../../images/card/cards_compare_btm_shadow.png) no-repeat bottom center;
	border-right: none;
	display: inline;
	float: left;
	margin: 0;
	padding: 20px 0;
	width: 243px;
	height:200px}

.cards-comparing-box img, .cards-comparing-box-last img {
	clear: both;
	display: block;
	margin: 0 auto;}

.cards-comparing-box p, .cards-comparing-box-last p {
	clear: both;
	padding: 10px 0 0 0;
	margin: 0;
	text-align: center;}

.chart-container {
	border-top: 1px solid #d7d7d7;
	border-left: 1px solid #d7d7d7;
	border-right: 1px solid #d7d7d7;
	clear: both;
	margin: 0;
	padding: 0;
	width: 938px;
	
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
	-moz-border-radius-topleft: 6px;
	-moz-border-radius-topright: 6px;
	-webkit-border-top-left-radius: 6px;
	-webkit-border-top-right-radius: 6px;}

.chart-container table td {
	background: #fff url(../../../images/card/td_bg.jpg) repeat-x top left;
	border-bottom: 1px solid #d7d7d7;
	padding: 20px;
	vertical-align: top;}

.chart-container table td h5 {
	font-weight: normal;
	line-height: 18px;
	margin: 0;}

.chart-container table td input[type=checkbox],.chart-container table td input[type=radio]  {
	display: block;
	margin: 0 auto;
	padding: 0;
	vertical-align: top;}

.chart-container table td.first {
	border-right: 1px solid #d7d7d7;
	width: 150px;
	*width: 149px;}

.chart-container table td.normal {
	border-right: 1px solid #d7d7d7;
	width: 206px;
	*width: 205px;}

.chart-container table td.last {
	border-bottom: 1px solid #d7d7d7;
	border-right: none;
	padding: 20px 9px 20px 20px;
	width: 236px;
	*width: 235px;}

.chart-container table td.bottom {
	border-bottom: none;
	border-right: 1px solid #d7d7d7;}

.chart-container table td.bottom.last {
	border-bottom: none;
	border-right: none;}

.chart-bottom-section {
	background: url(../../../images/card/cards_compare_chart_bottom.jpg) top left no-repeat;
	clear: both;
	height: 75px;
	margin: 0;
	padding: 0;
	width: 940px;}

.chart-button-section {
	clear: both;
	display: block;
	margin: 0 auto;
	padding: 0;
	width: 180px;}

.chart-button-section .button-red.large {
	float: none;
	margin: 10px auto;}

.chart-button-section img {
	display: block;
	margin: 0 auto;}
	
	/*** SUSU APRIL 24, 2012 - TUESDAY ***/

.cardsflo-header2-bg1 {
	background: url(../../../images/card/card-flow-bg.jpg) repeat-x top left;
	clear: both;
	margin: 0;
	padding: 0;
	width: 100%;}
	

.cardsflo-header2-bg2 {
	background: url(../../../images/card/card-header-bg.jpg) no-repeat top center;
	clear: both;
	margin: 0;
	padding: 0;
	width: 100%;}
	
.cardflo-outer-container {
	background-color: #fff;
	border: 1px solid #d7d7d7;
	clear: both;
	margin: 0;
	padding: 2px;
	width: 934px;
	
	border-radius:6px; 
	-webkit-border-radius:6px; 
	-moz-border-radius:6px;}

.cardflo-inner-container {
	background: #fff url(../../../images/card/conten_box_gradient.jpg) repeat-x bottom left;
	clear: both;
	height: 100%;
	margin: 0;
	padding: 30px;
	width: 874px;
	
	border-radius:6px; 
	-webkit-border-radius:6px; 
	-moz-border-radius:6px;}
	
/*** 5 cols from loan ***/

.e-card-container{
	width:100%;
	float:left;
	padding:0;
	margin:10px 0;
	overflow:hidden;
	background:url(../../../images/card/htw-content-bg.png) bottom center no-repeat;
	}

.e-card-detail{
	width:218px;
	float:left;
	background:url(../../../images/card/c_cardbg.png) 100% 50% no-repeat;}
	
.e-card-detail-clear{
	background: none !important;}

.e-card-image {
	width:218px;
	display: block;
	clear:both;}
	
.e-card-image img {
	clear: both;
	display: block;
	margin: 0 auto;	}
	
.e-card-text{
	width:218px;
	padding:0;
	margin:0 auto;}

.e-card-text p{
	font-family: 'TheSansCdRegular','Lucida Grande','Lucida Sans Unicode', Helvetica, Arial, sans-serif;
	font-weight:normal;
	font-size:18px;
	line-height:20px;
	padding:10px 20px;}
	
/* 5th cols style*/

.five-cols-detail{
	width:174px;
	float:left;
	background:url(../../../images/card/htw-foot-beneficial-item-bg.png) right top no-repeat;}
	
.five-cols-detail-clear{
	background: none !important;}

.five-cols-image {
	width:174px;
	display: block;
	clear:both;}
	
.five-cols-image img {
	clear: both;
	display: block;
	margin: 0 auto;	}
	
.five-cols-text{
	width:174px;
	padding-bottom:15px;
	margin:0 auto;}

.five-cols-text p{
	
	padding:10px 10px 0 10px;}

.five-cols-text ul li{
	margin-left:10px;}

.cardflo-content-container {
	width:100%;
	margin:0 auto;}
	
.cardflo-content-container img{
	margin:0 auto;
	display:block;
	float:none;}
	
.cardflo-second {
	width:100%;
	margin:30px 0;}
	
.cardflo-second img{
	margin:0 auto;
	display:block;}
	
.how-to-apply-container h1 {font-size:48px;font-family:"TheSansCdRegular", "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, sans-serif;font-weight:200}

/* Cards > Cashflo Mastercard margin between intro and How it works fix */
div#c1336195079236 .cards-header2-wrapper {padding: 0}



/* overwrite */
.btn-action {
	min-width: 186px;
}
.bannerTemplate {
	background-color: transparent;
}
/* end - overwrite */
@media all and (min-width: 100px) {
.giftRedeem_L {
	width: 100%;
	display: block;
	box-sizing: border-box;
	vertical-align:top;
}
.giftRedeem_R {
	width: 100%;
	display: block;
	box-sizing: border-box;
	vertical-align:top;
}
.or {
	width: 8%;
	display: inline-block;
	text-align:  center;
	padding-top: 0px;
}
.paragraph-txt-left,
.paragraph-txt-right {
    margin: 30px 0;
	display: inline-block;
	width: 100%;
	vertical-align: top;
}
.paragraph-txt-left {
	margin-right: 20px;
}
.paragraph-txt-space {
	margin: 20px 0;
	border-bottom: solid 1px #c1c1c1;
}

.paragraph-txt-left img,
.paragraph-txt-right img {
	display: inline-block;
	float: left;
	margin-right: 28px;
	margin-bottom: 20px;
}
.ebank-offers-text {
	display: block;
	width: 100%;
	float: left;
}
/**/
.steps-row {
	width: 100%;
	clear: both;
	display: block;
	float: none;
}
.steps-sect {
	margin-top: 50px;
}
.steps {
	width: 100%;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 16px;
	float: left;
	margin-bottom: 30px;
}
	.steps p {
		font-size: 16px;
		margin-top: 20px;
	}
.steps-space {
	margin-right: 30px;
}
.steps-number {
	background-color: #333;
	border-radius: 15px;
	color: #fff;
	font-family:'TheSansCdLight', Helvetica, Arial, sans-serif;
	font-size: 16px;
	display: block;
	padding: 5px 12px;
	width: 30px;
	height: 30px;
	box-sizing: border-box;
	margin-bottom: 30px;
	line-height: 22px;
}
.oth_benefits-con{
	width: 100%;
	padding:10px 25px;
	clear: both;
	text-align: center;
}
.oth-benefits-left{
	width:30%; 
	min-width: 121px;
	padding:10px;
	float:none;
	margin-right: 15px;
	display: inline-block;
	vertical-align: top;
	
}

.oth-benefits-right{
	width:69%; 
	padding:10px;
	margin:15px 0 0 0;
	display: inline-block;
	text-align: left;
}
}

@media all and (min-width: 768px) {
.paragraph-txt-left,
.paragraph-txt-right {
    margin: 30px 0;
	display: inline-block;
	width: 48%;
	vertical-align: top;
}
.paragraph-txt-left {
	margin-right: 20px;
}
.paragraph-txt-space {
	margin: 20px 0;
	border-bottom: solid 1px #c1c1c1;
}

.paragraph-txt-left img,
.paragraph-txt-right img {
	display: inline-block;
	float: left;
	margin-right: 28px;
	margin-bottom: 20px;
}
.ebank-offers-text {
	display: block;
	width: 60%;
	float: left;
}
/**/
.steps-row {
	width: 100%;
	clear: both;
	display: block;
	float: none;
}
.steps-sect {
	margin-top: 50px;
}
.steps {
	width: 28%;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 16px;
	float: left;
	margin-bottom: 30px;
}
	.steps p {
		font-size: 16px;
		margin-top: 20px;
	}
.steps-space {
	margin-right: 30px;
}
.steps-number {
	background-color: #333;
	border-radius: 15px;
	color: #fff;
	font-family:'TheSansCdLight', Helvetica, Arial, sans-serif;
	font-size: 16px;
	display: block;
	padding: 5px 12px;
	width: 30px;
	height: 30px;
	box-sizing: border-box;
	margin-bottom: 30px;
	line-height: 22px;
}
.oth_benefits-con{
	width: 100%;
	padding:10px 55px;
	clear: both;
	text-align: center;
	margin-bottom: 15px;
}
.oth-benefits-left{
	width:25%; 
	min-width: 121px;
	padding:10px;
	float:left;
	margin-right: 15px;
	display: inline-block;
	vertical-align: top;
}

.oth-benefits-right{
	width:69%; 
	padding:10px;
	margin:25px 0 0 0;
	display: inline-block;
	text-align: left;
}
}

/* tab design */
.nav {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  list-style: none;
  overflow: visible;
  border: 0px solid #cccccc;
  border-radius: 6px;
  width: 90%;   
  padding: 0;
  margin: 1em auto 0 auto;
}

.nav-link {
  display: block;
  padding: 0.5rem 1rem;
}

.nav-link:hover, .nav-link:focus {
  text-decoration: none;
}

.nav-link.disabled {
  color: #6c757d;
}

.nav-tabs {
      margin-bottom: 20px;
}

.nav-tabs .nav-item {
  margin-bottom: -1px;
  cursor:pointer;
    box-sizing: border-box;
    position: relative;
    display: inline-block;
    text-align: center;
    margin: 0;
    width: 24.99%;
    float: left;
    font-size: 18px;
	font-weight: bold;
    background: url('../../../images/card/tabs-bg-normal.png') center center repeat-x;
	/*background: url(../images/inside_pg/generic-tabbed-bg.jpg) repeat-x center center;*/
    border: 1px solid #d7d7d7;
	border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    -webkit-border-top-left-radius: 6px;
    -webkit-border-top-right-radius: 6px;
    -moz-border-radius-topleft: 6px;
    -moz-border-radius-topright: 6px;
}
.nav-tabs .nav-item: last-child {
	border: 0;
}
.nav-tabs .nav-link {
  border: 1px solid transparent;
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
}

.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus {
  border-color: transparent;
}

.nav-tabs .nav-link.disabled {
  color: #6c757d;
  background-color: transparent;
  border-color: transparent;
}

.nav-tabs .nav-link.active {
 /* color: #495057;
  background-color: #fff;
  border-color: #dee2e6 #dee2e6 #fff;*/
    background: #fff url(../../../images/card/generic-tabbed-active.jpg) repeat-x top left!important;
    border-top: 1px #d7d7d7 solid;
    border-left: 1px #d7d7d7 solid;
    border-right: 1px #d7d7d7 solid;
    border-bottom: 1px #d7d7d7 solid;
    line-height: 40px;
    margin: -12px -1px 0;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    -moz-border-radius-topleft: 6px;
    -moz-border-radius-topright: 6px;
    -webkit-border-top-right-radius: 6px;
    -webkit-border-top-left-radius: 6px;
	box-sizing: border-box;
	background: url(../../../images/card/tabs-bg-active.png) center center repeat-x;
    -webkit-box-shadow: inset 0px 0px 3px 3px rgba(0,0,0,0.1);
    -moz-box-shadow: inset 0px 0px 3px 3px rgba(0,0,0,0.1);
    box-shadow: inset 0px 0px 3px 3px rgba(0,0,0,0.1);
}
}

.nav-tabs .dropdown-menu {
  margin-top: -1px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.nav-pills .nav-link {
  border-radius: 0.25rem;
}

.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
  color: #fff;
  background-color: #007bff;
}

.nav-fill .nav-item {
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  text-align: center;
}

.nav-justified .nav-item {
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -ms-flex-positive: 1;
  flex-grow: 1;
  text-align: center;
}

.tab-content > .tab-pane {
  display: none;
}

.tab-content > .active {
  display: block;
  width: 100%;
    max-width: 914px;
    /* float: left; */
    margin: 10px 10px 10px 0;
    overflow: hidden;
}

.navbar {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 0.5rem 1rem;
}

.navbar > .container,
.navbar > .container-fluid {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.navbar-brand {
  display: inline-block;
  padding-top: 0.3125rem;
  padding-bottom: 0.3125rem;
  margin-right: 1rem;
  font-size: 1.25rem;
  line-height: inherit;
  white-space: nowrap;
}

.navbar-brand:hover, .navbar-brand:focus {
  text-decoration: none;
}

.navbar-nav {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}

.navbar-nav .nav-link {
  padding-right: 0;
  padding-left: 0;
}

.navbar-nav .dropdown-menu {
  position: static;
  float: none;
}

.navbar-text {
  display: inline-block;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.navbar-collapse {
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -ms-flex-align: center;
  align-items: center;
}

.navbar-toggler {
  padding: 0.25rem 0.75rem;
  font-size: 1.25rem;
  line-height: 1;
  background-color: transparent;
  border: 1px solid transparent;
  border-radius: 0.25rem;
}

.navbar-toggler:hover, .navbar-toggler:focus {
  text-decoration: none;
}

.navbar-toggler:not(:disabled):not(.disabled) {
  cursor: pointer;
}

.navbar-toggler-icon {
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
  vertical-align: middle;
  content: "";
  background: no-repeat center center;
  background-size: 100% 100%;
}

@media (max-width: 575.98px) {
  .navbar-expand-sm > .container,
  .navbar-expand-sm > .container-fluid {
    padding-right: 0;
    padding-left: 0;
  }
}

@media (min-width: 576px) {
  .navbar-expand-sm {
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
  .navbar-expand-sm .navbar-nav {
    -ms-flex-direction: row;
    flex-direction: row;
  }
  .navbar-expand-sm .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-sm .navbar-nav .nav-link {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }
  .navbar-expand-sm > .container,
  .navbar-expand-sm > .container-fluid {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }
  .navbar-expand-sm .navbar-collapse {
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
  }
  .navbar-expand-sm .navbar-toggler {
    display: none;
  }
}

@media (max-width: 767.98px) {
	
  .navbar-expand-md > .container,
  .navbar-expand-md > .container-fluid {
    padding-right: 0;
    padding-left: 0;
  }
}

@media (min-width: 768px) {
  .navbar-expand-md {
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
  .navbar-expand-md .navbar-nav {
    -ms-flex-direction: row;
    flex-direction: row;
  }
  .navbar-expand-md .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-md .navbar-nav .nav-link {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }
  .navbar-expand-md > .container,
  .navbar-expand-md > .container-fluid {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }
  .navbar-expand-md .navbar-collapse {
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
  }
  .navbar-expand-md .navbar-toggler {
    display: none;
  }
}

@media (max-width: 991.98px) {
  .navbar-expand-lg > .container,
  .navbar-expand-lg > .container-fluid {
    padding-right: 0;
    padding-left: 0;
  }
}

@media (min-width: 992px) {
.giftRedeem_L {
	width: 43%;
	display: inline-block;
	box-sizing: border-box;
	vertical-align:top;
}
.giftRedeem_R {
	width: 43%;
	display: inline-block;
	box-sizing: border-box;
	vertical-align:top;
}
.or {
	width: 8%;
	display: inline-block;
	text-align:  center;
	padding-top: 100px;
}
  .navbar-expand-lg {
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
  .navbar-expand-lg .navbar-nav {
    -ms-flex-direction: row;
    flex-direction: row;
  }
  .navbar-expand-lg .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-lg .navbar-nav .nav-link {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }
  .navbar-expand-lg > .container,
  .navbar-expand-lg > .container-fluid {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }
  .navbar-expand-lg .navbar-collapse {
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
  }
  .navbar-expand-lg .navbar-toggler {
    display: none;
  }
}

@media (max-width: 1199.98px) {
  .navbar-expand-xl > .container,
  .navbar-expand-xl > .container-fluid {
    padding-right: 0;
    padding-left: 0;
  }
}

@media (min-width: 1200px) {
  .navbar-expand-xl {
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
  .navbar-expand-xl .navbar-nav {
    -ms-flex-direction: row;
    flex-direction: row;
  }
  .navbar-expand-xl .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-xl .navbar-nav .nav-link {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }
  .navbar-expand-xl > .container,
  .navbar-expand-xl > .container-fluid {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }
  .navbar-expand-xl .navbar-collapse {
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
  }
  .navbar-expand-xl .navbar-toggler {
    display: none;
  }
}

.navbar-expand {
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.navbar-expand > .container,
.navbar-expand > .container-fluid {
  padding-right: 0;
  padding-left: 0;
}

.navbar-expand .navbar-nav {
  -ms-flex-direction: row;
  flex-direction: row;
}

.navbar-expand .navbar-nav .dropdown-menu {
  position: absolute;
}

.navbar-expand .navbar-nav .nav-link {
  padding-right: 0.5rem;
  padding-left: 0.5rem;
}

.navbar-expand > .container,
.navbar-expand > .container-fluid {
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}

.navbar-expand .navbar-collapse {
  display: -ms-flexbox !important;
  display: flex !important;
  -ms-flex-preferred-size: auto;
  flex-basis: auto;
}

.navbar-expand .navbar-toggler {
  display: none;
}

.navbar-light .navbar-brand {
  color: rgba(0, 0, 0, 0.9);
}

.navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus {
  color: rgba(0, 0, 0, 0.9);
}

.navbar-light .navbar-nav .nav-link {
  color: rgba(0, 0, 0, 0.5);
}

.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus {
  color: rgba(0, 0, 0, 0.7);
}

.navbar-light .navbar-nav .nav-link.disabled {
  color: rgba(0, 0, 0, 0.3);
}

.navbar-light .navbar-nav .show > .nav-link,
.navbar-light .navbar-nav .active > .nav-link,
.navbar-light .navbar-nav .nav-link.show,
.navbar-light .navbar-nav .nav-link.active {
  color: rgba(0, 0, 0, 0.9);
}

.navbar-light .navbar-toggler {
  color: rgba(0, 0, 0, 0.5);
  border-color: rgba(0, 0, 0, 0.1);
}

.navbar-light .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}

.navbar-light .navbar-text {
  color: rgba(0, 0, 0, 0.5);
}

.navbar-light .navbar-text a {
  color: rgba(0, 0, 0, 0.9);
}

.navbar-light .navbar-text a:hover, .navbar-light .navbar-text a:focus {
  color: rgba(0, 0, 0, 0.9);
}

.navbar-dark .navbar-brand {
  color: #fff;
}

.navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus {
  color: #fff;
}

.navbar-dark .navbar-nav .nav-link {
  color: rgba(255, 255, 255, 0.5);
}

.navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus {
  color: rgba(255, 255, 255, 0.75);
}

.navbar-dark .navbar-nav .nav-link.disabled {
  color: rgba(255, 255, 255, 0.25);
}

.navbar-dark .navbar-nav .show > .nav-link,
.navbar-dark .navbar-nav .active > .nav-link,
.navbar-dark .navbar-nav .nav-link.show,
.navbar-dark .navbar-nav .nav-link.active {
  color: #fff;
}

.navbar-dark .navbar-toggler {
  color: rgba(255, 255, 255, 0.5);
  border-color: rgba(255, 255, 255, 0.1);
}

.navbar-dark .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}

.navbar-dark .navbar-text {
  color: rgba(255, 255, 255, 0.5);
}

.navbar-dark .navbar-text a {
  color: #fff;
}

.navbar-dark .navbar-text a:hover, .navbar-dark .navbar-text a:focus {
  color: #fff;
}
@media screen and (max-width: 993px) {
.nav-tabs {
border: 1px solid #cccccc;		
overflow:hidden;
width: 100%;
}
.nav-link {
    display: block;
    padding: 0.5rem 0.5rem;
	line-height: 40px;
}
.nav-tabs li.active {
    margin: 0px 1px 0 0;
	line-height: 18px;
    padding: 11px 0 0 0;
}
.nav-tabs .nav-link.active {
	background: #fff url(../../../images/card/generic-tabbed-active.jpg) repeat-x top left!important;
    border-top: 1px #d7d7d7 solid;
    border-left: 1px #d7d7d7 solid;
    border-right: 1px #d7d7d7 solid;
    border-bottom: 1px #d7d7d7 solid;
    line-height: 40px;
    margin: 0 -1px 0;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    -moz-border-radius-topleft: 6px;
    -moz-border-radius-topright: 6px;
    -webkit-border-top-right-radius: 6px;
    -webkit-border-top-left-radius: 6px;
    box-sizing: border-box;
    background: url(../../../images/card/tabs-bg-active.png) center center repeat-x;
    -webkit-box-shadow: inset 0px 0px 3px 3px rgba(0,0,0,0.1);
    -moz-box-shadow: inset 0px 0px 3px 3px rgba(0,0,0,0.1);
    box-shadow: inset 0px 0px 3px 3px rgba(0,0,0,0.1);
}
.nav-tabs .nav-item {
	font-size:14px;
border: 0px solid #d7d7d7;
border-right: 1px solid #cccccc;
height: 50px;
box-sizing: border-box;
   
}

.nav-tabs .nav-item:last-child {
        border: 0px solid #d7d7d7;
}
/**/

.c-card-detail {
    width: 100%;
    margin-top: 30px;
    float: none;
    background: url(../../../images/card/c_cardbg.png) 100% 50% no-repeat;
}
.cpromo-data-contxt{
	width: 95%;
    margin: 0 auto;
	padding: 0 20px;
	box-sizing: border-box; 
}
	
.cpromo-data-contxtwo{
	width: 95%;
    margin: 0 auto;
	padding: 0 20px;
	box-sizing: border-box; 
}
}


.link-more-desktop {
	display: inline-block;
	margin-top: 20px;
	border-bottom: dotted 1px #0055cc;

}




a:hover{
       border-bottom:  0px ;
     }
     
a.secondary_navi {
    border: none;
    color: #725d27;
    display: block;
    font-family: Arial, Helvetica, sans-serif; /*'TheSansSemiBoldPlain'*/
    font-weight: normal;
    font-size: 16px;
    height: 40px;
	width:100%;
    padding: 10px 20px;
    text-shadow: #ffffff 0 1px 0;
    text-decoration: none;
	font-weight: bold;
margin: 0px 0px 0px 20px;
}

/*overwrite*/
.redemptionMethod {
    background-color: #999 !important;
    border-radius: 5px!important;
    padding: 15px 15px 3px 15px!important;
   margin-bottom: 15px;
}