#tabs   { margin-bottom:15px;background:url(../images/tabs_bg.gif) repeat-x; }
#tabs ul {list-style-type:none; border-bottom: 1px solid #666;}  
#tabs li                { float:left; border-right:1px solid #a4a4a4; border-left:1px solid #fff; font-size:1.1em; line-height:1em; }
#tabs a                { display:block; padding:6px 15px;}
#tabs a:hover           { background-color:#ddd; text-decoration:none;}


.tab-wrapper
{
	background: #fff;
	padding:				1em 1.5em;
	margin:					0;
	
	clear:					both;
}
.tab-menu
{
	margin:					0;
	padding:				0;
	list-style:				none;
	overflow:				auto;
}
.tab-menu li
{
	margin:					0;
	padding:				0;
	float:					left;
	line-height:			2em;
}
.tab-menu li a
{
	padding:				0 .5em;
	font-weight:			bold;
	color: #444 !important;
}
.tab-menu li a:hover,
.tab-menu li a:focus
{
	color:#444 !important;
}
.tab-menu li.tab-selected a
{
	background-color:#666;
	font-weight:bold;
	color:#fff !important; 
	text-decoration:none;
	
	/* your effect here */
}

#tabs li.tab-selected {border-left:none;}