#tabsWithStyle {
    overflow: hidden;
    clear: both;
}
#tabsWithStyle .ui-widget-header {
    border: none;
    background: none;
    height: 50px;
    width: 100%;
    display: block;    	
}
#tabsWithStyle .ui-widget-header .ui-state-default {
    background: none;
    border: none;
}
#tabsWithStyle .ui-tabs-nav li.ui-tabs-active,
#tabsWithStyle .ui-tabs-nav li:hover {
    background: #e31a3e; !important;
    text-decoration: none;
}
#tabsWithStyle .ui-tabs-nav li.ui-tabs-active .icon,
#tabsWithStyle .ui-tabs-nav li:hover .icon {
    color: #414141;
}
#tabsWithStyle .ui-tabs-nav li.ui-tabs-active .icon:before,
#tabsWithStyle .ui-tabs-nav li:hover .icon:before {
    background: #e31a3e; !important;
    text-decoration: none;
}
#tabsWithStyle .ui-tabs-nav li.ui-tabs-active .icon:after,
#tabsWithStyle .ui-tabs-nav li:hover .icon:after {
    background: #e31a3e; !important;
    text-decoration: none;
}
#tabsWithStyle .ui-tabs-nav li.ui-tabs-active a {
    cursor: pointer;
}
#tabsWithStyle ul li a:hover, #tabsWithStyle ul li a.selected {
	background: #e31a3e;
	text-decoration: none;
}
#tabsWithStyle li.ui-state-active,li.ui-tabs-selected { 
	background: #e31a3e;
	text-decoration: none;

}
#tabsWithStyle li.ui-tabs-active a, li.ui-tabs-selected a{ 
	background: #e31a3e;
	text-decoration: none;
}
#tabsWithStyle {border: none}
#tabsWithStyle {
        background: transparent;
        border: none;
    }
#tabsWithStyle .ui-widget {
	font-family: "Articulate Narrow", Arial, Helvetica, sans-serif;
	font-size: 13px;
}    
#tabsWithStyle .ui-widget-content {
	border: 0;
	background: none;
	color: #222222;
	padding: 0.308em 0.77em;
	margin: 1px 0;
	font: inherit;
	font-size: 100%;
	vertical-align: baseline;
	font-family: "Articulate Narrow", Arial, Helvetica, sans-serif;
}
#tabsWithStyle {
	overflow: hidden;
	clear: both;
}
#tabsWithStyle ul {
	padding: 0px;
	margin: 0px;
}
#tabsWithStyle ul li {
	float: left;
	list-style: none;
	padding: 0px !important;
	margin: 0px !important;
	background: none !important;
}
#tabsWithStyle ul li a {
	display: block;
	background: url(../../images/nav-bg.gif) repeat-x top left;
	padding: .5em .9em !important;
	color: #fff;
	font-size: 1.1em; !important;
	border-right: 1px solid #9c9da1;
	border-left: 1px solid #bbbcc0;
}
#tabsWithStyle ul li a:hover, #tabsWithStyle ul li a.selected {
	background: #e31a3e;
	text-decoration: none;
}
@media only screen and (max-width: 480px) {
#tabsWithStyle ul li a {
	display: block;
	background: url(../../images/nav-bg.gif) repeat-x top left;
	padding: .5em .9em !important;
	color: #fff;
	font-size: 1.1em;
	border-right: 1px solid #9c9da1;
	border-left: 1px solid #bbbcc0;

}
#tabsWithStyle a {
	font-size: .9em;
}
}