div.tabs { margin: -33px 0 0 -11px; position:absolute; padding:0 0 0 20px; background: transparent  url(../images/tabs/body_border.gif) bottom left no-repeat; }
ul.tabs, ul.tabsfreesize { margin: 0; padding:0 10px 6px 0; background: transparent url(../images/tabs/body_border.gif) bottom right no-repeat;  float:left;}
ul.tabs li { float: left; display: inline; padding:0; margin-left: 1px}
ul.tabs li.last, ul.tabsfreesize li.last { margin-right: 0; }


ul.tabs li a:link, ul.tabs li a:visited { font-size: 100%; background: url(../images/tabs/tab_off.gif) top left; display: block; padding: 0 0 0 5px; margin: 11px 0 0 0; text-align: center; color: #000000; text-decoration: none; float:left; }
ul.tabs li a:link span, ul.tabs li a:visited span { background: url(../images/tabs/tab_off.gif) top right; display: block; padding: 4px 10px 4px 4px; margin: 0; text-align: center; color: #002e63; font-family: Verdana, Arial, sans-serif; text-decoration: none; font-weight:bold; font-size: 90%}


ul.tabs li a.on:link, ul.tabs li a.on:visited, ul.tabs li a.on:focus { background: url(../images/tabs/tab_on.gif) top left no-repeat; display: block; padding: 0 0 0 5px !important; margin: 0 0 0 0  }
ul.tabs li a.on:link span, ul.tabs li a.on:visited span,  ul.tabs li a.on:focus span {
	background: transparent url(../images/tabs/tab_on.gif) top right no-repeat; display: block; padding: 10px 10px 9px 5px !important; font-size: 120%; color:#990000; font-weight: bold; margin:0}

ul.tabs li a:hover span {color: #990000; text-decoration:underline;}


/* Example spans */
div.tabbeddiv { padding-top:8px; }

/*
<div class="tabs">
	<ul class="tabs">
		<li><a href="#" title=""><span>Tab 1</span></a></li>
		<li><a href="#" title=""><span>Tab 2</span></a></li>
	</ul>
</div>
*/