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

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

.tabsmenuclass li{
float: left;
}

.tabsmenuclass a{
display: block;
	position: relative;
	top: 2px;
	float: left;
	padding: 10.5px 0px;
	margin-right: 1px;
	font: bold 0.7em sans-serif;
	background:url(/Products/imgs/tab_gray_off.jpg) no-repeat; 
	list-style: none;
	cursor: pointer;
	font-size:12px; color:#474747;  text-decoration:none; 
	width:103px; 
}




.tabsmenuclass a:hover, .tabsmenuclass a.selected{
	position: relative;
	top: 2px;
	float: left;
	padding: 10.5px 0px;
	margin-right: 1px;
	font: bold 0.7em sans-serif;
	background:url(/Products/imgs/tab_yellow_on.jpg) no-repeat; 
	list-style: none;
	cursor: pointer;
	font-size:12px; color:#094670; text-decoration:none;
}


/* longer tab */

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

.tabsmenuclass2 li{
float: left;
}

.tabsmenuclass2 a{
display: block;
	position: relative;
	top: 2px;
	float: left;
	padding: 10.5px 0px;
	margin-right: 1px;
	font: bold 0.7em sans-serif;
	background:url(/Products/imgs/tab_gray_off_long.jpg) no-repeat; 
	list-style: none;
	cursor: pointer;
	font-size:12px; color:#474747;  text-decoration:none; 
	width:165px; 
}




.tabsmenuclass2 a:hover, .tabsmenuclass2 a.selected{
	position: relative;
	top: 2px;
	float: left;
	padding: 10.5px 0px;
	margin-right: 1px;
	font: bold 0.7em sans-serif;
	background:url(/Products/imgs/tab_yellow_on_long.jpg) no-repeat; 
	list-style: none;
	cursor: pointer;
	font-size:12px; color:#094670; text-decoration:none;
}


 

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

.tabsmenucontentclass{
clear: left;
width: 90%;
 
}

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

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