/* ######### CSS for top level tabs ######### */
#mytabsmenu {position: relative;left: 221px; bottom: 1px; }


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

.tabsmenuclass li{
float: left;
}

.tabsmenuclass a{
display: block;
padding: 5px 7px;
background: #EBEBEB;
color: black;
margin-right: 1px;
text-decoration: none;
font: 11px Arial;
}

.tabsmenuclass a:hover, .tabsmenuclass a.selected{
	color: white;
	background-color: #09F;
}

/* ######### CSS for sub menu container below ######### */
#mysubmenuarea{
	font: 11px Verdana, Geneva, sans-serif;
	width:689px;
}

#mysubmenuarea a {
	color:#06F;
}

#mysubmenuarea a:hover {
	color:#F00;
}
.tabsmenucontentclass{
clear: left;
background: #EBEBEB;
height: 14px;
padding: 5px 0;
}

.tabsmenucontentclass ul{
	margin: 0;
	padding: 0;
	padding-left:15px;
	list-style-type: none;
	left:170px;
}

.tabsmenucontentclass li{
	float: left;
	margin-right: 2em;
	font-weight: bold;
}
	.mepet li{
		margin-right:.5em;
	}
	.tabsmenucontent.mepet ul li:nth-child(odd) a {
		color:#090189 !important;
	}
	.tabsmenucontent.mepet ul li:nth-child(odd) a:hover {
		color:#F00 !important;
	}

@media (min-width: 320px) and (max-width: 481px) {
	#mytabsmenu {left:1px;}
	#mysubmenuarea {width:100%}	
	#mysubmenuarea.tabsmenucontent.mepet {height:40px;}
	.tabsmenucontentclass ul li:first-child a {padding-left:8px;}