.groups { margin-right: 1.5%; }

.groups h2 { padding: 4.5% 2.8% 2.8% 4.5%;}

.groups ul { list-style: none; padding:0;  }

.groups>ul>li { display: inline-block; width:33.3%; height: 45px; background: url(../img/build/groups/groups_outerTabOff.png) no-repeat; background-size: 100% 100%; position: relative;}

.groups>ul>li p { width: 100%; padding-top: 0.5%;}

.groups li p { height: 100%; font-size: 1em; }

.groups>ul>li.active { background: url(../img/build/groups/groups_outerTabOn.png) no-repeat; background-size: 100% 100%; font-weight: bold; color: #00456b;  }

.groups>ul>li.active:after { content:""; display: inline-block; top:0px; left:100%; position: absolute; z-index: 2; background:url(../img/build/groups/groups_outerTabShadow.png) no-repeat; background-size: 100% 100%;  width:5%; height: 44px; }

.no-backgroundsize .groups>ul>li.active:after { background: none; display: none; }

.groups .outer { background:url(../img/build/groups/groups_outerTabBg.png) no-repeat; background-size: 100% 100%; padding-bottom: 0%;}


@media only screen and (min-width: 750px) {

.groups>ul>li { height:60px; }
.groups>ul>li.active:after { height: 59px; }

.groups li p { height: 100%; font-size: 1.4em; }

}