Wow CSShunter! Thanks so much. I didn't expect to be able to resolve this and you did it so effortlessly. I can't thank you enough.

I spent so many hours pulling my hair out over this one thing. I'm convinced that i should've hired a real designer instead of trying to do it on my own.

Anyway, I thank you once again.

And here is Felini's Pickup Truck and Dance of the Bouncing Hornballs by the primeTime...

Thanks for your response CSShunter.

You can see a live page at http://minotto.design/musica/musica.html.

The links to CSS for the audio player:
http://minotto.design/musica/css/styles.css

CSS for slide player:
http://minotto.design/source/jquery.fancybox.css
http://minotto.design/source/helpers...box-thumbs.css

Links to JavaScript for audio player:
http://mi...

I'm not sure if this is the problem but i'm assuming it is since the problem occurred only after adding the CSS and JS in the head section of an HTML page.

The page has 4 html embedded audio players which looked as styled and worked fine.
I then added a slide player called Fancy Box. The CSS and JS files are linked to a separate folder than the CSS and JS files of the audio player.

The audio players continue to work...