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

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

.tabsmenuclass li{
float: left;
}

.tabsmenuclass a{
	display: block;
	padding: 10px 20px 10px 30px;
	background-image : url("../images/back_tabs.gif");
	background-repeat: repeat-y;
	color: #D8D8D8;
	margin-right: 1px;
	text-decoration: none;
	font: bold 13px Arial;
}

.tabsmenuclass a:hover, .tabsmenuclass a.selected{
	display: block;
	padding: 10px 20px 10px 30px;
	background-image : url("../images/back_tabs2.gif");
	background-repeat:repeat-y;
	color: #0054FF;
	margin-right: 1px;
	text-decoration: none;
	font: bold 13px Arial;
}

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

.tabsmenucontentclass{
background: #272727;
width: 756px;
padding: 10px 10px 5px 10px;
border: 1px solid #262626;
}

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

.tabsmenucontentclass li{
float: left;
margin-right: 1em;
}