Remove margin below tab container element…

Hi there! Great WordPress theme! I am having a bit of an issue and maybe you can help. On the home page – if you scroll to the bottom you will see a tab element that I put in next to Latest News. Below the element, there is too much space. I want to shorten it up a bit. I have used quite a few quick CSS elements on this though and wondering if one might be interfering.

Also – there is a light gray horizontal line under the tab element. I am wondering where it came from and how I can remove it.

Here are all of the CSS elements that I’ve used:

#menu-item-search {display:none;}
h3 { font-size: 25px; line-height: 1.5em; margin-bottom: 8px; }
#top .av-submenu-container .container {
padding: 0 32px 0 !important;
}
.iconbox.iconbox_left {
padding-left:42px;
padding-right: 35px;
padding-top: 20px;
}
.content {
min-height: 500px;
}
#scroll-top-link { display: none; }
#footer {padding: 5px 0 10px 0; }
.responsive .av-image-hotspot{
height: 84px;
width: 84px;
line-height: 54px;
}
.av-image-hotspot-pulse {
display: none!important;
}
.avia-tooltip { width: 270px; }
#top .post-title a {
color: #A2BD77;
}
#top .main_color input[type=”text”] {
border-color: #d7d7d7;
background-color: white;
}
#top .main_color input[type=”text”], #top .main_color textarea{
border-color: #d7d7d7;
background-color: white;
}
.avia-image-container img {
border: 1px solid gray;
padding: 5px;
}
.avia-menu-fx {
display: none !important;
opacity: 0;
}