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

ul.tabsmenuclass {
width:850px;
text-align:center;
overflow: hidden;
margin: 5px 0px 0px 0px;
padding: 0;
list-style: none;
vertical-align:middle;
}

li.tabsmenuclass {
float:left;
list-style-type:none;

}

a.tabsmenuclass {
height:40px;
width:55px;
display: block;
padding: 5px 7px 0px 7px;
color:#CCCCCC;
margin-right: 1px;
text-decoration: none;
font: bold 13px Arial;
list-style-type: none;
}

.tabsmenuclass a:hover, .tabsmenuclass a.selected{
color:#ffffff;
list-style:none;

}

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

.tabsmenucontentclass a{
clear: left;
padding: 0px;
color:white;
font: bold 13px Arial;
text-decoration:none;
}

.tabsmenucontentclass a:hover, .tabsmenucontentclass a.selected{
clear: left;
padding: 0px;
color:#CF001A;
font: bold 13px Arial;
}

.tabsmenucontentclass ul{
margin: 0;
padding: 0;


}

.tabsmenucontentclass li{
float: left;
background:url(../images/a1.gif) no-repeat left center; 
margin:0px 20px 0px 0px; 
padding:0px 0px 0px 18px
}