box problems

I made up a new box with plans to then insert it into my homepage so I can display the latest news and reviews featured on my website.
The original box can be found here http://www.uk-photographic.co.uk/test/index.htm
as you can see its a basic box made via CSS coding with mouseover functions and links this is exactly how I want it, but when I insert it into my home page and transfer the CSS coding over to the main stylesheet it seems to loose all of its CSS formatting which can be seen here http://www.uk-photographic.co.uk/indextest.php
my css stylesheet is available here http://www.uk-photographic.co.uk/ukpstylestest.css

Please any help with this would be very appreciated

Combining CSS doesn't always work. You may have conflicting elements in there. As far as I can tell, though, it looks just about the same.

I have double checked the Stylesheet and I cant seen any ID'S or Classes that are conflicting each other and the HTML is a little messy but again it seems fine so im puzzled to what the problem could be?

ID's and classes aren't the only thing that can conflict. Paragraph, body, link and headers tags are some others that can as well.