Thanks for the reminder Dave! I am glad I checked it again now. For whatever reason the important rule was not working the last time. Perhaps cache issues or whatever, but now it works fine.
Sharing with others.
Adjusting the CSS. In Chrome/Firefox right click what you want to look closer at and select Inspect element (called something else in Firefox).
The code for the bar is after I have modified it adding the !important rule letting the browser know that this code will be used. I decided on just changing the existing border to 0px but I could have done a border: none !important; as Dave mentioned.
I also changed background to none and added the !important rule as well.
border-bottom: 0px solid #dbdbdb !important;
border-top: 0px solid #dbdbdb !important;
padding: 10px 0;
margin: 0px 0 20px 0;
background: none !important;
The code I added to the style.css file. Appearance -> Editor -> found my style.css and pasted it in. I also added a comment letting my know it is the floating bar code.