.tabs {
}
.tabs .top {
	margin: 16px 10px 0 16px;
	height: 23px;
	float: left;
	/*border: 1px dashed red;*/
	padding: 0;
    background: url(../../images/design/toptabsbg.png) top repeat-x;
	font-size: 11px;
	font-weight: bold;
}
.tabs .top a {
	display: inline-block;
	border-right: 1px solid white;
	padding: 5px 1em 5px 1em;
	color: white;
	text-decoration: none;
}
.tabs .top a:hover {
    background: url(../../images/design/toptabitembg.png) top repeat-x;
}
.tabs .top .curr {
    background: url(../../images/design/toptabitembg.png) top repeat-x;
}


.tabs .main {
	height: 40px;
	/*position: absolute;
	bottom: 0;*/
    background: url(../../images/design/headtabsbg.png) top no-repeat;
    font-size: 14px;
	color: white;
	padding: 0 16px 0 16px;
}
.tabs .bott {
	height: 1.6em;
	position: absolute;
	bottom: 0;
	border: 1px dashed silver;
	padding: 2px;
}

.tab, .tabcurr {
	display: block;
	float: left;
	text-align: center;
	/*padding: 10px 1em 10px 1em;*/
	/*margin-right: 1ex;*/
	width: auto;
	height: 40px;
}

.tabs .last{
}

.tab a , .tabcurr a {
	padding: 0;
	text-decoration: none;
	color: white;
	display: block;
	padding: 10px 1em 10px 1em;
	text-align: center;
	height: 20px;
}
.tab:hover {
	color: black;
	background: url(../../images/design/headtabitembg.png) repeat-x top;
}
.tab:hover a{
	color: black;
}

.tabcurr {
	background: url(../../images/design/headtabitembg.png) repeat-x top;
	color: black;
	border-left: 1px white solid;
	border-right: 1px white solid;
}
.tabcurr a{
	color: black;
}

.headarea .tabs{
}