ul#topnav h1, ul#topnav h2 { 
	font: 75% georgia, sans-serif;
	font-size: 16px;
	font-weight: normal;
	line-height: 1.88889;
	display: inline; 
}
ul#topnav {
	float: left;
	width: 102.1%;
	position: absolute; left: -11px; top: auto;
	/*--Set relative positioning on the unordered list itself - not on the list item--*/
	background: url(../../images/customer/tabs_main.png) repeat-x;
	border-right: 1px solid #2F2F4F;
	z-index: 1;
}

ul#topnav li {
	float: left;
	width: 12.39%; height: 30px;
	border-left: 1px solid #555;
	/*--Divider for each parent level links--*/
	border-top: 1px solid #2F2F4F;
	font-size: 1em;
}

ul#topnav li a {
	padding: 0;
	display: block;
	color: #f0f0f0;
	text-decoration: none;
	text-align: center;
}

ul#topnav li:hover {
	background: url(../../images/customer/white_to_grey_gradient.png) repeat-x;
	border-top: solid 1px #f8f8f8;
}
ul#topnav li.lastTab:hover {
	width: 12.43%;
}

ul#topnav li:hover a {
	color: blue;
}

ul#topnav li span {
	padding: 0 0 1em 0;
	margin: 0;
	float: left;
	position: absolute; left: 11px; top: 31px;
	text-align: center;
	font-size: 1em;
	width: 98%; height: 34px;
	display: none; /*--Hide by default--*/
	/*background: #7A0E1B;*/
	background: url(../../images/customer/grey_to_white_gradient.png) repeat-x;
	color: #fff;
}

ul#topnav li:hover span {
	display: block;
	padding: 0 0 2px 0;
	margin: 0 0 5px 0;
}  /*--Show subnav on hover--*/
ul#topnav li span a {
	display: inline;
}
	
	/*--Since we declared a link style on the parent list link, we will correct it back to its original state--*/
ul#topnav li span a:hover {
	border-bottom: 2px solid;
	padding-bottom: 1px;
}