/* ######### CSS for top level tabs ######### */

.tabsmenuclass {
background: #267367;
}
.tabsmenuclass ul{
overflow: hidden;
width: auto;
margin: 0;
padding: 0;
list-style-type: none;
}

.tabsmenuclass li{
float: left;
}

.tabsmenuclass a {
display: block;
padding: 8px 7px;
background: #267367;
color: #fff;
margin-right: 1px;
text-decoration: none;
font: normal 11px Verdana, Arial, sans-serif;
border-right: 1px solid #2e7d71;
text-transform: uppercase !important;
}

.tabsmenuclass a:hover, .tabsmenuclass a.selected{
background: #155c51;
color: #fff;
}

/* ######### CSS for sub menu container below ######### */

.tabsmenucontentclass {
clear: left;
background: #155c51;
width: 100%;
height: 22px;
padding: 5px 0;
}

.tabsmenucontentclass ul {
margin: 0;
padding: 0;
list-style-type: none;
}

.tabsmenucontentclass li {
float: left;
margin-right: 1em;
}
.tabsmenucontentclass a {
color: #fff !important;
text-decoration: none !important;
margin-left: 8px;
}