Hi Steven,

Do not use 'jbcore/classic/theme.css'  below is my template

<!-- TemplateBeginEditable name="doctitle" -->
<title>gundogbreeds.co.uk</title>
<meta name="description" content="Enter a description here" />
<meta name="keywords" content="Enter keywords here" />
<!-- TemplateEndEditable -->
<link href="../style.css" rel="stylesheet" type="text/css" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!--[if lt IE 9]>
    <script src="http://css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js"></script>
<![endif]-->
<link href='http://fonts.googleapis.com/css?family=PT+Sans+Narrow:400,700' rel='stylesheet' type='text/css'>
<link href="../js/jquery-ui-1.8.9.custom.css" rel="stylesheet" type="text/css" />
<style type="text/css">
body {
    background-image: -webkit-linear-gradient(270deg,rgba(2,3,22,1.00) 0%,rgba(60,66,144,1.00) 100%);
    background-image: linear-gradient(180deg,rgba(2,3,22,1.00) 0%,rgba(60,66,144,1.00) 100%);
    background-color: #020316;
}
body,td,th {
    color: #0F0001;
}
</style>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js" type="text/javascript"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.23/jquery-ui.min.js"></script>
<script type="text/javascript" src="../js/hoverIntent.js"></script>
<script type="text/javascript" src="../js/superfish.js"></script>
<script type="text/javascript" src="../js/supersubs.js"></script>
<script type="text/javascript" src="../js/supposition.js"></script>
<script type="text/javascript" src="../js/customscripts.js"></script>

www.gundogbreeds.co.uk