@import "layout.css";

@import "forms.css";
@import "tables.css";
@import "topnav.css";
/*@import "leftnav.css";*/

@import "shared.css";
@import "bread.css";
@import "contact.css";
@import "myaccount.css";

@import "flashheader.css";
/*@import "colourpicker.css";*/

/* Text */
@import "links.css";
@import "common.css";

/* Ecommerce */
@import "cart.css";
@import "cat.css";
@import "catnav.css";
@import "wheretobuy.css";
@import "tvcommercials.css";

/*@import "brand.css";*/
@import "prod.css";
@import "pagi.css";
@import "colours.css";
@import "jquery.lightbox-0.5.css";


@import "jquery-ui-1.7.2.custom.css";



body {
	margin: 0 auto;
	padding: 0 0 20px;
	text-align: center;
	background: #017ead url('/images/backgrounds/body.png') repeat-x left top;
	color: #000;
	position: relative;
	font: 11px Arial, Helvetica, sans-serif;
}

div, td, th, input, textarea, select {
	font: normal normal 12px/16px Arial, Helvetica, sans-serif;
	color: #484848;
}

p {
	padding: 0;
	margin: 0 0 10px 0;
}

h1 {
	font: bold normal 36px/36px Arial, Helvetica, sans-serif;
	color: #0073a1;
	padding: 0;
	letter-spacing: -1px;
	margin: 0 0 20px 0;
}

h2 {
	font: 15px Arial, Helvetica, sans-serif;
	font-weight: bold;
	margin: 0 0 16px 0;
	color: #484848;
}

h3 {
	font: 16px Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #0073a1;
	margin: 0 0 10px 0;
}

h3.dotted {
	background: url(../images/backgrounds/catsep.gif) repeat-x left bottom;
	padding-bottom: 10px;
}

h4 {
	font: 12px Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #484848;
	margin: 0 0 10px 0;
}

#wrapper h3.leftsubhead {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 14px;
	color: #fff;
	height: 26px;
	line-height: 26px;
	text-indent: 15px;
	margin: 0 0 20px;
	padding: 0;
	background: url(../images/backgrounds/subnavhead.gif) no-repeat left top;
}

img {	border: 0; }


ul {
	margin: 0 0 10px 16px;
	padding: 0;
}

ul li {
	list-style: disc outside none;
	margin: 3px 0;
}

.clear1 { 
	clear: both;
	height: 1px;
}


.clear30 { 
	clear: both;
	height: 30px;
}

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}