ul.tabs {
	margin-left:0;
}
ul.tabs li {
	list-style-image:none;
	list-style-type:none;
}

/* link inside the tab. uses a background image */
ul.tabs a { 
	display:block;
	padding:4px;
	background-color:#191919;
	line-height:1.2em;
	text-decoration:none;	
	margin-bottom:16px;
}

ul.tabs a:active {
	outline:none;		
}

/* when mouse enters the tab move the background image */
ul.tabs a:hover {
	background:#191919 url(../img/link_arrowbig.gif) 0 0 no-repeat;
	color:#ff0000;
}

/* active tab uses a class name "current". it's highlight is also done by moving the background image. */
ul.tabs a.current, ul.tabs a.current:hover, ul.tabs li.current a {
	background:#191919 url(../img/link_arrowbig.gif) 0 0 no-repeat;
	color:#ff0000;
	}
ul.tabs a span {
	display:block;
	background-color:#0d0d0d;
	padding:6px 10px;
}
ul.tabs a:hover span,
ul.tabs a.current span {
	background-color:transparent;
}
ul.tabs a strong {
	display:block;
	color:#6b6a6a;
	font-size:.8em;
}