ul.tabs a {
height: 57px;
}
ul.tabs a li {
background: none repeat scroll 0 0 #007dc5;
border-right: 1px solid #FFFFFF;
float: left;
list-style: none outside none !important;
margin: 0 !important;
text-align: center;
}
ul.tabsa a, ul.tabsa li a:hover {
background: none repeat scroll 0 0 transparent;
color: #FFFFFF;
display: block;
padding: 5px 0;
}
ul.tabsa a.current {
width: 100px;
}
ul.tabsa li:hover, ul.tabsa a.current {
background: none repeat scroll 0 0 #007dc5;
color: #FFFFFF;
}
ul.tabsa a.current:after {
border-color: #007dc5 transparent;
border-style: solid;
border-width: 10px 10px 0;
content: "";
display: block;
margin-left: 17%;
margin-top: 5px;
position: absolute;
width: 0;
}
/**********************************************/

ul.tabs {
height: 57px;
}
ul.tabs li p{transform: skewX(5deg);}
ul.tabs li {
background: none repeat scroll 0 0 #9d9fa2;
border-right: 1px solid #FFFFFF;
float: left;
list-style: none outside none !important;
margin:0 0 0 1px;
text-align: center;
width: 233px;
transform: skewX(-5deg);
line-height:57px;
}
ul.tabs a, ul.tabs li a:hover {
background: none repeat scroll 0 0 transparent;
color: #FFFFFF;
display: block;
padding: 5px 0;
}
ul.tabs a.current {
width: 233px;
}
ul.tabs li:hover, ul.tabs a.current {
background: none repeat scroll 0 0 #007dc5;
color: #FFFFFF;
}