/* ######### 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;
	color: #FAFCFD;
	margin-right: 0px;
	text-decoration: none;
	font: bold 12px Arial;
	background-color: #FEA0BB;
	width: 71px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
}

.tabsmenuclass a:hover, .tabsmenuclass a.selected{
background: black;
color: #FFFFFF;
}

/* ######### CSS for sub menu container below ######### */

.tabsmenucontentclass{
	clear: none;
	
	width: 400px;
	height: 500px;
	border: 1px solid #FEBCD3;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 1px;
	float: left;
}

.tabsmenucontentclass ul{
margin: 0;
padding: 0;
list-style-type: none;
}

.tabsmenucontentclass li{
float: left;
margin-right: 1em;
}
