customizing css flyout header

I'm sure this is a really dumb question but I've played around the css and everything but i can't seem to change the color of the flyout header.

This is my site. https://www.brandentan.com/shop

As you can see, the flyout header's color is blue. I'm trying to change that to a different color. I managed to change everything else, like mouse over. Can anyone help?

I'm also trying to make a border for the middle of the page. the header and footer both have borders. Just trying to make it look complete. but when i change the css for mainWrapper. nothing happens.

#mainWrapper {
background-color: #ffffff;
text-align: left;
width: 100%;
vertical-align: top;
border: thin;
}

any help would be appreciated.

Nevermind. I found out how to change the color of the menu. It was all in the css. Silly me. Just didn't understand which was which.

However, can anyone still help me with the border around the body?

Try going here, I normally find what I need at this site.

http://www.w3schools.com/css/css_border.asp

Hope it helps

Cheers

thanks stanley.

will try that out for the new design i have planned for it. cheers.