.ui-table { border-spacing: 0; border: 1px solid #39b54a; border-collapse: collapse; }
.ui-table th, .ui-table td { padding: 13px 10px; font-size: 14px; }
.ui-table th { border-right: 1px solid #ffffff; border-bottom: 1px solid #ffffff; background-color: #39b54a; color: #ffffff; line-height: 18px; }
.ui-table th:first-child { border-left: 1px solid #39b54a; }
.ui-table th:last-child { border-right: 1px solid #39b54a; }
.ui-table th.td-rowspan { border-right: 1px solid #ffffff; }
.ui-table td.td-rowspan { border-right: 1px solid #39b54a; }
.ui-table td { border-left: 1px solid #39b54a; border-right: 1px solid #39b54a; }
.ui-table tr:nth-child(even) { background-color: #E0F1E3; }
.ui-table tr:first-child { border-top: 1px solid #39b54a; }
.ui-table tr:last-child { border-bottom: 1px solid #39b54a; }
.ui-table th.left-th { border-right: 0; }
.ui-table th.left-th-last { border-bottom: 1px solid #39b54a; }
.ui-table td.col-td { border-bottom: 1px solid #39b54a; }
.ui-table .green { color: #39b54a; }
.ui-table .red, .ui-table .red h1 { color: #EB1924; }
.ui-table .reward { text-align: center; }
td.plus { position: relative; }
td.plus:after { position: absolute; content: '+'; font-size: 20px; font-weight: bold; color: #FF0000; bottom: -15px; left: 0; width: 100%; text-align: center; z-index: 2; }
.td-1 { width: 1%; }
.td-3 { width: 3.33333%; }
.td-5 { width: 5%; }
.td-10 { width: 10%; }
.td-15 { width: 15%; }
.td-20 { width: 20%; }
.td-25 { width: 25%; }
.td-30 { width: 30%; }
.td-33 { width: 33.33333%; }
.td-35 { width: 35%; }
.td-40 { width: 40%; }
.td-45 { width: 45%; }
.td-50 { width: 50%; }
.td-55 { width: 55%; }
.td-60 { width: 60%; }
.td-63 { width: 63.33333%; }
.td-65 { width: 65%; }
.td-70 { width: 70%; }
.td-75 { width: 75%; }
.td-80 { width: 80%; }
.td-85 { width: 85%; }
.td-90 { width: 90%; }
.td-95 { width: 95%; }
.td-100 { width: 100%; }
#ui-table-set { position: relative; }
#ui-table-set:after { content: ''; display: block; clear: both; }
.col-1 { width: 66.33333%; }
.col-1 .ui-table { margin: 0; }
.col-2 { width: 3.33333%; padding: 0; }
.col-3 { width: 30.33333%; }
.col_ico_plus { font-size: 50px; line-height: 50px; font-family: Arial, Helvetica, sans-serif; color: #FF0000; text-align: center; height: 50px; display: block; position: absolute; top: 40%; left: 66.33333%; }
.col_ico_plus:after { content: "+"; font-family: Arial, Helvetica, sans-serif; font-weight: bold; }
.table-offer { border: 2px solid #39b54a; padding: 20px; -webkit-border-radius: 6px; border-radius: 6px; }
.table-offer h1 { text-align: center; color: #39b54a; border-bottom: 1px solid #C5C5C5; padding: 0 0 2px 0; }
.table-offer h2 { color: #39b54a; height: 30px; line-height: 30px; display: table; line-height: 1.5rem; }
.table-offer h2 b { color: #FF0000; font-size: 20px; margin: 3px 0; line-height: 22px; display: block; }
.table-offer p { margin: 10px 0; }
.table-offer .btn_detail { height: 40px; display: block; width: 100%; text-align: center; background-color: #39b54a; color: #fff; line-height: 40px; text-decoration: none; -webkit-border-radius: 3px; border-radius: 3px; font-weight: bold; margin: 10px auto 0; position: relative; }
.table-offer .btn_detail:before { content: ""; }
.table-offer .btn_detail:after { content: ' '; text-indent: -999em; background: url(../img/icon_15px.png) no-repeat -15px 0px; width: 15px; height: 15px; margin-left: 10px; display: inline-block; vertical-align: middle; }
.table-offer .btn_detail:hover { background-color: #20662a; color: #fff; }
.cashdollar:after { content: "Cash Dollars"; font-size: 15px; font-weight: bold; letter-spacing: -0.03em }

 @media screen and (max-width: 40em) {
.col-1 { width: 100%; }
.col-2 { width: 100%; }
.col-3 { width: 100%; }
.col_ico_plus { position: relative; top: 0; left: 0; }
.table-offer h2 b { font-size: 30px; margin: 10px 0 10px 10px; }
.table-offer .btn_detail { width: 33%; }
}

/*Preferred Banking*/
.preferred .ui-table { border: 1px solid #7F807D; }
.preferred .ui-table th { background-color: #7F807D; }
.preferred .ui-table th:first-child { border-left: 1px solid #7F807D; }
.preferred .ui-table th:last-child { border-right: 1px solid #7F807D; }
.preferred .ui-table td.td-rowspan { border-right: 1px solid #7F807D; }
.preferred .ui-table td { border-left: 1px solid #7F807D; border-right: 1px solid #7F807D; }
.preferred .ui-table tr:nth-child(even) { background-color: #E2E5E0; }
.preferred .ui-table tr:first-child { border-top: 1px solid #7F807D; }
.preferred .ui-table tr:last-child { border-bottom: 1px solid #7F807D; }
.preferred .ui-table th.left-th-last { border-bottom: 1px solid #7F807D; }
.preferred .ui-table td.col-td { border-bottom: 1px solid #7F807D; }
.preferred .ui-table .green { color: #7F807D; }
.preferred .table-offer { border: 2px solid #7F807D; }
.preferred .table-offer h1 { color: #7F807D; }
.preferred .table-offer h2 { color: #7F807D; }
.preferred .table-offer .btn_detail { background-color: #7F807D; }
.preferred .table-offer .btn_detail:hover { background-color: #474846; color: #ffffff; }

/*Prestige Banking*/
.prestige .ui-table { border: 1px solid #94532C; }
.prestige .ui-table th { background-color: #94532C; }
.prestige .ui-table th:first-child { border-left: 1px solid #94532C; }
.prestige .ui-table th:last-child { border-right: 1px solid #94532C; }
.prestige .ui-table td.td-rowspan { border-right: 1px solid #94532C; }
.prestige .ui-table td { border-left: 1px solid #94532C; border-right: 1px solid #94532C; }
.prestige .ui-table tr:nth-child(even) { background-color: #FFE9D9; }
.prestige .ui-table tr:first-child { border-top: 1px solid #94532C; }
.prestige .ui-table tr:last-child { border-bottom: 1px solid #94532C; }
.prestige .ui-table th.left-th-last { border-bottom: 1px solid #94532C; }
.prestige .ui-table td.col-td { border-bottom: 1px solid #94532C; }
.prestige .ui-table .green { color: #94532C; }
.prestige .table-offer { border: 2px solid #94532C; }
.prestige .table-offer h1 { color: #94532C; }
.prestige .table-offer h2 { color: #94532C; }
.prestige .table-offer .btn_detail { background-color: #94532C; }
.prestige .table-offer .btn_detail:hover { background-color: #4F2F17; color: #ffffff; }


/*ie8only---------------------Start*/
@media \0screen {
.col-3 { margin-left: 29px; }
.ui-table td { border: 1px solid #39b54a; }
}
/*ie8only ---------------------End*/
