.tabs{
border-bottom: 1px solid #bbb8a9;
position:absolute;
left:0px;
top:28px;
height:35px;
width:730px;
background-color:#E8E8E8;
margin:0px;
padding:0px;
}


.tabs ul{
position:absolute;
top:15px;
width:700px;
padding: 0px;
margin: 0px;
font: bold .7em Arial;
list-style-type: none;
border:0px dashed #00f;
list-style-position:inherit;
margin:0px;
}

.tabs li{ 
position:relative;
	height:20px;
	width:auto;
	border:0px solid #000;
	display:block;
	padding: 0px 0px 0px 0px;
	float:left;
	left:0px;
	background:  url(/images/tab_default.jpg)  no-repeat right top;
}
.tabs a{
	text-decoration: none;
	padding: 0px 2px 0px 10px; 
	text-indent:0px;	
	margin-right: 0px;
	background: url(/images/tab_default.jpg) no-repeat left top;
	position: relative;
	display:block;
	height:21px;
	font-weight:900;
	text-transform:uppercase;
	text-align:center;

	float: left;
	left: -10px;
	top:0px;
	border:0px solid #f00;
	line-height: 1.8em;
	color: #fff;
}
/* Commented Backslash Hack
     hides rule from IE5-Mac \*/
  .tabs a {float:none;}
  /* End IE5-Mac hack */

.tabs li a:visited{
color: #fff;
}

.tabs li a:hover{
color: #787878;
text-decoration:none;
/* 
background: url(/images/tab_hover.jpg) no-repeat left top;
*/
}

.tabs li.selected{
color: #fff;
/*z-index: 100; higher z-index so selected tab is topmost*/
background: url(/images/tab_selected.jpg) no-repeat right top;
}
.tabs li.selected a{
color: #fff;
/*z-index: 100; higher z-index so selected tab is topmost*/
background: url(/images/tab_selected.jpg) no-repeat left top;

}

.tabs li.selected a:hover{
text-decoration: none;
cursor:default;
}


.tabs  li.one a{
z-index: 600;
}
.tabs li.two  a{
z-index: 500;
}
.tabs  li.three a{
z-index: 400;
}
.tabs  li.four a{
z-index: 300;
}
.tabs  li.five a{
z-index: 200;
}
.tabs  li.six a{
z-index: 100;
}