Using Jquery UI with Themeroller

Using Jquery UI with Themeroller

Hi I'm using script for the 
JQuery UI Dialog - Animation - 
http://jqueryui.com/dialog/#animated


It works, but, the themeroller css I created doesn't work with it
(apart the dialog container background/border). The weird thing is that those
2 elements do work. The styling is otherwise the same as on the page
 where I got the original code - http://jqueryui.com/dialog/#animated

All the other formatting e.g. the button style doesn't work
- my page http://surfacedeals.co.uk/about-us/

I'm using
<link rel="stylesheet" href="http://surfacedeals.co.uk/wp-content
/themes/Mytheme/jquery-ui-1.10.1.custom.css" /> to call the css
 and have also tried using <button id="opener" class="ui-button">,
but that isn't working either.

Any help on this is much appreciated, as I'm at the 'tearing out hair stage'
at the moment. I'm not a 'serious coder', but can hack a bit.

(I'm using it on a wordpress site, and I'm pretty sure it's not
a themeroller/wordpress problem, I'm using a jquery plugin at the moment
that uses the themeroller css)

Thanks, Earl