.view-topics .letter-navigation ul { overflow:hidden; margin: 0 0 18px; padding: 0;}
.view-topics .letter-navigation li { list-style: none; float: left; margin:0 18px 18px 0; padding: 0;}
.view-topics .letter-navigation a { display:block; font-size:32px; line-height: 1; padding: 6px 12px; color: white; background-color: #003f6f; text-decoration: none;}
.view-topics .letter-navigation a.active { background-color: #668ca9}
.view-topics .letter-navigation a:hover { background-color: #668ca9}

.view-topics .results-wrapper .letter-wrapper {margin-bottom:48px; }
.view-topics .results-wrapper .letter-wrapper h4 { font-size:32px; font-family: 'karbon regular',sans-serif; line-height: 1; padding: 8px 16px; float: left; text-align: center; color: white; background-color: #003f6f; margin:0 0 18px;}
.view-topics .results-wrapper .letter-wrapper ul { clear: left; margin: 0; padding-left:18px;}
.view-topics .results-wrapper .letter-wrapper li {}
.view-topics .results-wrapper .letter-wrapper li a { color: #4a4a4a}
.view-topics .results-wrapper .letter-wrapper h4.active.letter { background-color: #668ca9}

@media all and (max-width:767px) {

.view-topics #back-to-top { display: none }

}