.ui-tab { position:absolute; width:100%; bottom:0; left:0; border-bottom: 10px solid #39b54a; }
.tab-area { padding:0 23px; display:table; border-spacing: 1px 0px; }
.ui-tab ul { margin:0; list-style-type:none; display:table-row; }
.ui-tab li { display:table-cell; outline:0; vertical-align:middle; background-color:rgba(0,0,0, 0.75); -webkit-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0; }
.ui-tab li.current { background-color:#39b54a; }
.ui-tab li a { display: block; padding: 0.7rem 1rem; color:#ffffff; max-width:229px; min-width:229px; font-weight:bold; line-height:18px; }

/* 4 tabs */
.tab-4.ui-tab .tab-area, .tab-5.ui-tab .tab-area, .tab-6.ui-tab .tab-area { border-spacing: 0px;}
.tab-4.ui-tab ul, .tab-5.ui-tab ul, .tab-6.ui-tab ul { display:table-cell; border-spacing: 1px 0px;}

/* 5 & 6 tabs */
.tab-5.ui-tab li a, .tab-6.ui-tab li a { max-width:152px; min-width:152px; font-size:14px; }


/*Preferred Banking*/
.preferred .ui-tab { border-bottom: 10px solid #7F807D; }
.preferred .ui-tab li.current { background-color:#7F807D; }

/*Prestige Banking*/
.prestige .ui-tab { border-bottom: 10px solid #94532C; }
.prestige .ui-tab li.current { background-color:#94532C; }


@media screen and (max-width: 970px){
.tab-area { padding:0 15px; border-spacing: 1px 0px; width:100%; margin:0 0 -1px; }
.ui-tab ul { width:100%; }
.ui-tab li { background-color:#000000; }
.ui-tab li a, .tab-5.ui-tab li a, .tab-6.ui-tab li a { max-width:inherit; min-width:inherit; }

/* 2 tabs */
.tab-2.ui-tab li { width:50%; }
.tab-2.ui-tab li:nth-child(1) {-webkit-border-radius: 3px 0 0 0; border-radius: 3px 0 0 0;}
.tab-2.ui-tab li:nth-child(2) {-webkit-border-radius: 0 3px 0 0; border-radius: 0 3px 0 0;}

/* 3 tabs */
.tab-3.ui-tab li { width:33.33333%; }
.tab-3.ui-tab li:nth-child(1) {-webkit-border-radius: 3px 0 0 0; border-radius: 3px 0 0 0;}
.tab-3.ui-tab li:nth-child(2) {-webkit-border-radius: 0 0 0 0; border-radius: 0 0 0 0;}
.tab-3.ui-tab li:nth-child(3) {-webkit-border-radius: 0 3px 0 0; border-radius: 0 3px 0 0;}

/* 4 tabs */
.tab-4.ui-tab { border-bottom:0; }
.tab-4.ui-tab .tab-area { border-spacing: 1px; }
.tab-4.ui-tab ul { display:table-row; }
.tab-4.ui-tab li { width:50%; }
.tab-4.ui-tab li:nth-child(1) {-webkit-border-radius: 3px 0 0 0; border-radius: 3px 0 0 0;}
.tab-4.ui-tab li:nth-child(2) {-webkit-border-radius: 0 3px 0 0; border-radius: 0 3px 0 0;}
.tab-4.ui-tab ul:last-child li:nth-child(1) {-webkit-border-radius: 0 0 0 3px; border-radius: 0 0 0 3px;}
.tab-4.ui-tab ul:last-child li:nth-child(2) {-webkit-border-radius: 0 0 3px 0; border-radius: 0 0 3px 0;}

/* 5 tabs */
.tab-5.ui-tab { border-bottom:0; }
.tab-5.ui-tab .tab-area { border-spacing: 1px; }
.tab-5.ui-tab ul { display:table; border-spacing: 1px; }
.tab-5.ui-tab ul:last-child {border-spacing: 1px 0px; }
.tab-5.ui-tab li { width:33.33333%; }
.tab-5.ui-tab li:nth-child(1) {-webkit-border-radius: 3px 0 0 0; border-radius: 3px 0 0 0;}
.tab-5.ui-tab li:nth-child(2) {-webkit-border-radius: 0 0 0 0; border-radius: 0 0 0 0;}
.tab-5.ui-tab li:nth-child(3) {-webkit-border-radius: 0 3px 0 0; border-radius: 0 3px 0 0;}
.tab-5.ui-tab ul:last-child li:nth-child(1) {-webkit-border-radius: 0 0 0 3px; border-radius: 0 0 0 3px; width:50%;}
.tab-5.ui-tab ul:last-child li:nth-child(2) {-webkit-border-radius: 0 0 3px 0; border-radius: 0 0 3px 0; width:50%;}

/* 6 tabs */
.tab-6.ui-tab { border-bottom:0; }
.tab-6.ui-tab .tab-area { border-spacing: 1px; }
.tab-6.ui-tab ul { display:table-row; }
.tab-6.ui-tab li { width:33.33333%; }
.tab-6.ui-tab li:nth-child(1) {-webkit-border-radius: 3px 0 0 0; border-radius: 3px 0 0 0;}
.tab-6.ui-tab li:nth-child(2) {-webkit-border-radius: 0 0 0 0; border-radius: 0 0 0 0;}
.tab-6.ui-tab li:nth-child(3) {-webkit-border-radius: 0 3px 0 0; border-radius: 0 3px 0 0;}
.tab-6.ui-tab ul:last-child li:nth-child(1) {-webkit-border-radius: 0 0 0 3px; border-radius: 0 0 0 3px;}
.tab-6.ui-tab ul:last-child li:nth-child(2) {-webkit-border-radius: 0 0 0 0; border-radius: 0 0 0 0;}
.tab-6.ui-tab ul:last-child li:nth-child(3) {-webkit-border-radius: 0 0 3px 0; border-radius: 0 0 3px 0;}

/* Banking style */
.preferred .tab-4.ui-tab, 
.preferred .tab-5.ui-tab, 
.preferred .tab-6.ui-tab, 
.prestige .tab-4.ui-tab, 
.prestige .tab-5.ui-tab, 
.prestige .tab-6.ui-tab, 
.business .tab-4.ui-tab, 
.business .tab-5.ui-tab, 
.business .tab-6.ui-tab { border-bottom:0; }
}

/*ie9-10---------------------Start*/
@media screen and (min-width:0px\0) {
.tab-area { margin:0 0 -1px; }
}
/*ie9-10 ---------------------End*/
	
/*ie8only---------------------Start*/
@media \0screen {
.ui-tab li { background-color:#000000; }
}
/*ie8only ---------------------End*/