#tabs {
	float:left;
	font-size:14x;
	line-height:normal;
	border-bottom:none;
	overflow:hidden;
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;
	font-weight:bold !important;
	color:#000;
	height:40px;
	width:700px;
	}

#tabs ul {
width:660px;
	margin:0;
	padding:0px 0px 0 0px;
	list-style:none;
	height:40px;
	font-size:12px;
	float:right;
	}

#tabs li {
	display:inline;
	margin:0;
	padding:0;
	}

#tabs a {
	float:left;
	background:url(../images/left.png) no-repeat left top;
	margin:0;
	padding:0 0 0 6px;
	text-decoration:none;
	text-shadow:1px 1px #fff; 
	}

#tabs a span {
	float:left;
	display:block;
	background: url(../images/right.png) no-repeat right top;
	padding:9px 23px 15px 18px;
	margin-right:4px;
	color:#000;
	font-weight:bold !important;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabs a span {float:none;}

/* End IE5-Mac hack */
#tabs a:hover span {
	color:#9b63f7;
	}

#tabs a:hover {
	background-position:0% -40px;
	color:#9b63f7;
	}

#tabs a:hover span {
	background-position:100% -40px;
	color:#9b63f7;}
	
/*active tab*/
#tabs .active a {
	float:left;
	background:url(../images/left_active.png) no-repeat left top;
	margin:0;
	padding:0 0 0 6px;
	text-decoration:none;
	}

#tabs .active a span {
	float:left;
	display:block;
	background: url(../images/right_active.png) no-repeat right top;
	adding:9px 23px 15px 18px;
	margin-right:4px;
	color:#9b63f7;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabs .active a span {float:none;}

/* End IE5-Mac hack */
#tabs .active a:hover span {
	color:#000;
	}

#tabs .active a:hover {
	background-position:0% -40px;
	color:#000;
	}

#tabs .active a:hover span {
	background-position:100% -40px;
	color:#000;}