.tabs { position: relative; }

.tabs .tab-nav ul { margin: 0 0 0 -1px; padding: 0; }
.tabs .tab-nav li { float: left; list-style-type: none; padding: 0; background: none; margin: 0 0 0 1px; }
.tabs .tab-nav li a { display: block; text-decoration: none; outline: 0; padding: 15px 30px; background: $gray; color: $black; }
.tabs .tab-nav li a:hover {  background: lighten($gray, 10%); color: $black; }
.tabs .tab-nav li a.selected { background: $gray; color: $black; }

.tabs .tab-content .tab { float: left; width: 100%; padding: 30px; background: $white; display: none; }
.tabs .tab-content .tab.selected { position: static !important; display: block; }