Tab title color leaking in color section

i have tab module inside color section, however the “inactive tab title” is having color leak from the color section, does it have conflict with my custom css?

.js_active .tab {
font-size: 16px;
}

.js_active .active_tab {
font-weight: bold;
}

#top .social_bookmarks li a { font-size: 18px; }

.avia-slideshow-inner .avia-caption {
bottom: 5px;
left: 5px;
}

h2.avia-caption-title {
font-size: 14px!important;
font-weight: bold;
}
div.avia-caption-content {
font-size: 15px!important;
font-weight: bold;
}

.avia-caption .avia-caption-title {
background: rgba(255,0,0,0.3);
font-family: Helvetica;
text-transform: none!important;
}

.avia-caption .avia-caption-content p {
background: rgba(255,0,0,0.3);
font-family: Calibri;
}

div .slideshow_caption h2 {
text-transform: none!important;
font-size: 24px!important;
}

.avia_message_box_content {
text-transform: none;
font-weight:normal;
}

.pricing-table li.avia-pricing-row {
font-size: 55px
}

.iconbox_left .iconbox_icon { font-size: 30px!important;}
.iconbox .iconbox_content .iconbox_content_title { margin: 15px 5px 15px 0px; }

/** CUSTOM **/
.iconboxtitle {
font-weight:bold;
font-size:20px;
}