/* ========================*/
/*         Layout          */
/* ========================*/

* {
	padding: 0;
	margin: 0;
	}

body {
	}

#container {
	}
	
#content {
	margin: 131px 0 0 0;
	background: #fff url(/graphics/content-bg.jpg) top left no-repeat;
	}

#header {
	position: absolute;
	top: 0;
	width: 760px;
	height: 102px;
	background: #fff;
	}
	
#header p.logo {
	width: 250px;
	height: 160px;
	text-indent: -2000px;
	background: transparent url(/graphics/header-logo.gif) top left no-repeat;
	margin: 0 0 0 10px !important;
	margin: 0 0 0 5px;
	float: left;
	}
	
#account {
	display: none;
	}

#menu {
	display: none;
	}
	
#left {
	width: 195px;
	float: left;
	margin: 10px 10px !important;
	margin: 10px 5px;
	}
		
h1 {
	font: normal 180%/100% 'Arial Rounded MT Bold', Arial, Helvetica, sans-serif;
	color: #036;
	padding: 10px 12px 0 12px;
	}
	
h2 {
	font: normal 110%/100% 'Arial Rounded MT Bold', Arial, Helvetica, sans-serif;
	color: #036;
	padding: 10px 12px 0 12px;
	border-bottom: 1px solid #e5e9ff;
	}
	
h2 a {
	color: #036;
	}
	
h2 a:visited {
	color: #036;
	}
	
h3 {
	font: normal 100%/100% 'Arial Rounded MT Bold', Arial, Helvetica, sans-serif;
	color: #036;
	padding: 10px 12px 0 12px;
	border-bottom: 1px solid #e5e9ff;
	}
	
.small {
	font: normal 70%/90% 'Arial Rounded MT Bold', Arial, Helvetica, sans-serif;
	}
	
#cat-menu {
	display: none;
	}
	
#keystage {
	display: none;
	}
	
#mainbody p,
#mainbody address {
	margin: 10px 0 0 0;
	padding: 0 12px 0 12px;
	color: #4d4d4d;
	font: normal 95%/150% Arial, Helvetica, sans-serif !important;
	font: normal 90%/150% Arial, Helvetica, sans-serif;
	}
	
.product {
	margin: 10px 0 0 0;
	background: #fff url(/graphics/product-background.jpg) top left no-repeat;
	}

.product img {
	margin: 10px;
	float: left;
	padding: 0 0 10px 0;
	}

.product .imgLeft {
	width: 220px;
	float: left;
	}

.product .imgLeft div {
	margin: 10px 10px 0;
	}

.product .imgLeft div a{
	background: #56a4f3;
	padding: 0 2px;
	color: #fff;
	}

.product .imgLeft div a:hover{
	background: #fff;
	padding: 0 2px;
	color: #0279f1;
	}

.product .imgLeft div a:visited{
	background: #f37056;
	padding: 0 2px;
	color: #fff;
	}

.product h2 {
	float: left;
	width: 400px;
	position: relative;
	left: 0px;
	border-bottom: 1px solid #d2dbe4;
	padding: 10px 0 0 0;
	}
	
.product.main h2 {
	float: left;
	width: 300px;
	position: relative;
	left: 0px;
	border-bottom: 1px solid #d2dbe4;
	padding: 10px 0 0 0;
	}
	
.related {
	margin: 10px 0 0 0;
	}
	
#mainbody .related h2 {
	font: normal 100%/100% 'Arial Rounded MT Bold', Arial, Helvetica, sans-serif;
	border: none;
	border-top: 1px dashed #BFCCD9;
	padding: 5px 0 0 0;
	}
	
.related h3 {
	font: normal 80%/100% 'Arial Rounded MT Bold', Arial, Helvetica, sans-serif;
	border: none;
	}
	
#mainbody .product p {
	font: normal 90%/150% Arial, Helvetica, sans-serif !important;
	font: normal 85%/150% Arial, Helvetica, sans-serif;
	padding: 0 15px 0 120px;
	}
	
#mainbody .product.main  p,
#mainbody ul li,
#mainbody ol li {
	font: normal 90%/150% Arial, Helvetica, sans-serif !important;
	font: normal 85%/150% Arial, Helvetica, sans-serif;
	padding: 0 15px 0 0;
	}
	
#mainbody ul li,
#mainbody ol li {
	margin: 0 0 0 20px;
	}

#mainbody ol {
	margin: 5px 0 0 15px;
	}

#mainbody dl {
	margin: 0 0 0 12px;
	}

#mainbody dd {
	margin: 0 0 10px 12px;
	}
	
#mainbody .product p.cash {
	color: #036;
	float: left;
	padding: 0;
	}
	
#mainbody .product input.addtobasket {
	float: right;
	width: 99px;
	height: 23px;
	margin: 6px 12px 0 0;
	background: #fff url(/graphics/product-add.jpg) top left no-repeat;
	border: none;
	text-indent: -200000em;
	font: normal 1%/110% Arial, Helvetica, sans-serif;
	cursor: pointer;
	cursor: hand;
	}
	
.red {
	color: #00ADEF;
	}
	
a {
	color: #0279f1;
	text-decoration: none;
	}
	
a:hover {
	color: #f60;
	text-decoration: underline;
	}
	
a:visited {
	color: #f00;
	}

#footer {
	display: none;
	}
	
img.left {
	float: left;
	margin: 0 0 0 12px;
	}
	
img.right {
	float: right;
	margin:  0 12px 0 0;
	}
	
#mainbody table {
	font: normal 90%/110% Arial, Helvetica, sans-serif !important;
	font: normal 85%/110% Arial, Helvetica, sans-serif;
	margin: 0 12px 0 12px;
	width: 520px
	}

#mainbody th {
	background: #eee;
	}

#mainbody td,
#mainbody th {
	padding:4px;
	}
	
table.basketTable {
	font: normal 90%/110% Arial, Helvetica, sans-serif !important;
	font: normal 85%/110% Arial, Helvetica, sans-serif;
	margin: 0 12px 0 12px;
	}
	

table.basketTable.wide {
	margin: 0 12px 0 12px;
	width: 520px;
	}
	
table.basketTable th {
	border-top: 1px solid #bfccd9;
	border-bottom: 1px solid #bfccd9;
	background: #DFE6EE;
	font: bold 100%/110% Arial, Helvetica, sans-serif;
	color: #036;
	padding: 4px 2px;
	}
	
table.basketTable td.note {
	text-align:center;
	padding: 6px 12px;
	background: #E7ECF2;
	border-top: 3px solid #fff;
	border-bottom: 1px solid #fff;
	}
	
table.basketTable th.none, 
table.basketTable td.none {
	border-top: none;
	border-bottom: 1px solid #bfccd9;
	background: #fff;
	}
	
table.basketTable th.remove {
	width: 50px;
	}

table.basketTable th.cash, 
table.basketTable td.cash {
	width: 50px;
	text-align: right;
	}
	
table.basketTable td {
	padding: 4px 2px;
	}
	
table.basketTable td.aCenter, 
table.basketTable th.aCenter {
	text-align: center;
	}
	
table.basketTable td.cash select {
	font: bold 100%/110% Arial, Helvetica, sans-serif;
	}
	
form input.checkout,
form input.submit,
form input.reg {
	float: right;
	width: 123px;
	height: 21px;
	margin: 4px 12px 0 0;
	background: #f00 url(/graphics/checkout-white.gif) top left;
	border: none;
	text-indent: -200000em;
	font: normal 1%/110% Arial, Helvetica, sans-serif;
	cursor: pointer;
	cursor: hand;
	}
	
form input.submit {
	background: #fff url(/graphics/submit.gif) top left;
	}
	
form input.reg {
	background: #fff url(/graphics/register2.gif) top left;
	}
	
form input.credit {
	float: right;
	width: 189px;
	height: 21px;
	margin: 4px 12px 0 0;
	background: #f00 url(/graphics/pay-credit.gif) top left;
	border: none;
	text-indent: -200000em;
	font: normal 1%/110% Arial, Helvetica, sans-serif;
	cursor: pointer;
	cursor: hand;
	}

form input.proforma {
	float: left;
	width: 116px;
	height: 23px;
	margin: 4px 12px 0 0;
	background: #f00 url(/graphics/pay-proforma.gif) top left;
	border: none;
	text-indent: -200000em;
	font: normal 1%/110% Arial, Helvetica, sans-serif;
	cursor: pointer;
	cursor: hand;
	}

form.checkoutForm div.mand {
	background: #e1e8ef;
	margin: 4px;
	}

form.checkoutForm div.fLeft,
form.checkoutForm div.fRight {
	font: bold 80%/110% Arial, Helvetica, sans-serif;
	float: left;	
	width: 30%;
	padding: 5px;
	}
	
form.checkoutForm div.fLeft {
	padding: 7px 5px 5px 5px;
	text-align: right;
	}
	
form.checkoutForm div.fLeft span { 
	margin: 0 5px 0 0;
	}
	
form.checkoutForm div.error {
	background: #f8d6d8;
	margin: 4px;
	}
	
#content #mainbody form.checkoutForm div.mand.clearfix.error p {
	color: #f00;
	}
	
* html #cat-menu ul li.last {
	border: none !important;
	}
	
#quicksearch {
	display: none;
	}

/* ========================*/
/*         Styling         */
/* ========================*/

a img {
	border: none;
	}

/* ========================*/
/*          Hacks          */
/* ========================*/

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */