.ui-filter { width:100%; }
.filter-area { display:table; width:100%; border-spacing: 1px; }
.ui-filter ul { margin:0; list-style-type:none; display:table-row; width:100%; }
.ui-filter li { float:left; outline:0; vertical-align:middle; background-color:#80817B; margin:0 1px 1px 0; cursor:pointer; }
.ui-filter li div { display:table-cell; }
.ui-filter li:first-child { -webkit-border-radius: 3px 0 0 3px; border-radius: 3px 0 0 3px; }
.ui-filter li:last-child { -webkit-border-radius: 0 3px 3px 0; border-radius: 0 3px 3px 0; }
.ui-filter li.current { background-color:#39b54a; }
.ui-filter li a { display: block; padding: 0.7rem 1rem 0.7rem 2.3rem; color:#ffffff; line-height:18px; position:relative; }
.ui-filter li a:before {content:' '; text-indent:-999em; background:url(../img/icon_15px.png) no-repeat 0px 0px; width:15px; height:15px; margin-right:10px; margin-top:-2px; display:inline-block; vertical-align:middle; }

/* 2 filter */
.ui-filter.filter-2 li { width:49.89%; }
.ui-filter.filter-2 li:nth-child(2) { -webkit-border-radius: 0 3px 3px 0; border-radius: 0 3px 3px 0; margin-right:0px; }

/* 3 filter */
.ui-filter.filter-3 li { width:33.22%; }
.ui-filter.filter-3 li:nth-child(3) { -webkit-border-radius: 0 3px 3px 0; border-radius: 0 3px 3px 0; margin-right:0px; }

/* 4 filter */
.ui-filter.filter-4 li { width:24.87%; }
.ui-filter.filter-4 li:nth-child(4) { -webkit-border-radius: 0 3px 3px 0; border-radius: 0 3px 3px 0; margin-right:0px; }

/* 5 filter */
.ui-filter.filter-5 li { width:33.22%; }
.ui-filter.filter-5 li:nth-child(3) { -webkit-border-radius: 0 3px 3px 0; border-radius: 0 3px 3px 0; margin-right:0px; }
.ui-filter.filter-5 li:nth-child(4), 
.ui-filter.filter-5 li:nth-child(5) { width:49.9%; }
.ui-filter.filter-5 li:nth-child(5) { margin-right:0px; }
.ui-filter.filter-5 li:nth-child(4) { -webkit-border-radius: 3px 0 0 3px; border-radius: 3px 0 0 3px; }

/* 6 filter */
.ui-filter.filter-6 li { width:33.22%; }
.ui-filter.filter-6 li:nth-child(3), 
.ui-filter.filter-6 li:nth-child(6) { -webkit-border-radius: 0 3px 3px 0; border-radius: 0 3px 3px 0; margin-right:0px; }
.ui-filter.filter-6 li:nth-child(4) { -webkit-border-radius: 3px 0 0 3px; border-radius: 3px 0 0 3px; }

/* 7 filter */
.ui-filter.filter-7 li { width:24.87%; }
.ui-filter.filter-7 li:nth-child(4), 
.ui-filter.filter-7 li:nth-child(7) { -webkit-border-radius: 0 3px 3px 0; border-radius: 0 3px 3px 0; margin-right:0px; }
.ui-filter.filter-7 li:nth-child(5) { -webkit-border-radius: 3px 0 0 3px; border-radius: 3px 0 0 3px; }
.ui-filter.filter-7 li:nth-child(5), 
.ui-filter.filter-7 li:nth-child(6), 
.ui-filter.filter-7 li:nth-child(7) { width:33.22%; }

/* 8 filter */
.ui-filter.filter-8 li { width:24.87%; }
.ui-filter.filter-8 li:nth-child(4), 
.ui-filter.filter-8 li:nth-child(8) { -webkit-border-radius: 0 3px 3px 0; border-radius: 0 3px 3px 0; margin-right:0px; }
.ui-filter.filter-8 li:nth-child(5) { -webkit-border-radius: 3px 0 0 3px; border-radius: 3px 0 0 3px; }

.filter-content {display: none; }
.filter-content.current {display: inherit;}


/*Preferred Banking*/
.preferred .ui-filter li.current { background-color:#474846; }

/*Prestige Banking*/
.prestige .ui-filter li.current { background-color:#94532C; }


@media screen and (max-width: 40em){
.ui-filter li a { padding:0.7rem; }

/* 2 filter */
.ui-filter.filter-2 li { width:49.89%; }

/* 3 filter */
.ui-filter.filter-3 li { width:33.18%; }

/* 4 filter */
.ui-filter.filter-4 li { width:49.89%; }
.ui-filter.filter-4 li:nth-child(2), 
.ui-filter.filter-4 li:nth-child(4) { -webkit-border-radius: 0 3px 3px 0; border-radius: 0 3px 3px 0; margin-right:0px; }
.ui-filter.filter-4 li:nth-child(3) { -webkit-border-radius: 3px 0 0 3px; border-radius: 3px 0 0 3px; }

/* 5 filter */
.ui-filter.filter-5 li { width:33.18%; }
.ui-filter.filter-5 li:nth-child(4), 
.ui-filter.filter-5 li:nth-child(5) { width:49.87%; }

/* 6 filter */
.ui-filter.filter-6 li { width:33.18%; }

/* 7 filter */
.ui-filter.filter-7 li { width:33.18%; }
.ui-filter.filter-7 li:nth-child(4), 
.ui-filter.filter-7 li:nth-child(5), 
.ui-filter.filter-7 li:nth-child(6), 
.ui-filter.filter-7 li:nth-child(7) { width:49.89%; }
.ui-filter.filter-7 li:nth-child(4), 
.ui-filter.filter-7 li:nth-child(6) { -webkit-border-radius: 3px 0 0 3px; border-radius: 3px 0 0 3px; margin-right:1px; }
.ui-filter.filter-7 li:nth-child(3),
.ui-filter.filter-7 li:nth-child(5) { -webkit-border-radius: 0 3px 3px 0; border-radius: 0 3px 3px 0; margin-right:0px; }

/* 8 filter */
.ui-filter.filter-8 li { width:49.89%; }
.ui-filter.filter-8 li:nth-child(2), 
.ui-filter.filter-8 li:nth-child(4), 
.ui-filter.filter-8 li:nth-child(6), 
.ui-filter.filter-8 li:nth-child(8) { -webkit-border-radius: 0 3px 3px 0; border-radius: 0 3px 3px 0; margin-right:0px; }
.ui-filter.filter-8 li:nth-child(3), 
.ui-filter.filter-8 li:nth-child(5) { -webkit-border-radius: 3px 0 0 3px; border-radius: 3px 0 0 3px; }
}


/*ie8only---------------------Start*/
@media \0screen {
.ui-filter.filter-2 li { width:49.88%; }
.ui-filter.filter-3 li { width:33.21%; }
.ui-filter.filter-4 li { width:24.88%; }
.ui-filter.filter-5 li { width:33.21%; }
.ui-filter.filter-6 li { width:33.21%; }
.ui-filter.filter-7 li { width:24.88%; }
.ui-filter.filter-8 li { width:24.88%; }
}
/*ie8only ---------------------End*/