Minor CSS Adjustments in Catch Responsive Pro theme won't work

Gentlemen: Yesterday I purchased you Catch Responsive Pro theme and used it to upgrade my site “Puerto Rico By GPS” (http://www.puertoricobygps.com). However, there are still a couple of cosmetic aspects that I would like to adjust and my custom CSS isn't working. First, I would like to reduce the distance between my header logo and the black menu bar directly below it. Second, I would like to make my search window white. That's it!!! But I simply haven't been able to get it to work. Here's what I'm trying: input.search-field { background-color: #ffffff; } div.logo-left { padding-bottom: 0; } I'm using a Chrome extension called “Stylebot” to figure out my custom CSS. The problem is that they work fine in “Stylebot” but not in my theme's custom CSS window. Any idea what I should do? Orlando Mergal