* {
	padding: 0;
	z-index: 0;
	margin: 0;
	letter-spacing: normal;
}

body {
	font: 10px/11px "Arial", Verdana, _sans;
	text-align: justify;
	background: #000000 url(../images/mainBg.jpg) left top repeat-x;
	color: #ffffff;
}

a {
	font-weight: bold;
	color: #545762;
	text-decoration: none;
}

p {
	margin-bottom: 5px;
}

a:hover {
	text-decoration: underline;
}

img {
	border: none;
}

ul li, ol li {
	margin-left: 23px;
	margin-bottom: 4px;
}

input {
	background: #000000;
	color: #ffffff;
	padding: 2px;
}

dl dt {
	float: left;
	clear: both;
	width: 100px;
}

dl dd {
	float: left;
	width: 290px;
	margin-bottom: 5px;
}

h3 {
	margin-bottom: 10px;
}

h5 {
	color: #545762;
	font-size: 12px;
	margin-bottom: 5px;
}

table {
	width: 100%;
	margin-bottom: 10px;
}

table tr th {
	font-size: 12px;
}

table tr td {
	padding: 2px;
}

/* ------------------------------------------------------------------------------------- Shared classes */

.button {
	border: 1px solid #ffffff;
}

.input {
	border: 1px solid #ffffff;
	width: 160px;
}

.box {
	border: 1px solid #ffffff; 
	width: 96%; 
}
.selectbox {
	border: 1px solid #ffffff;
	width: 99%;
	padding: 2px;
}
/* ------------------------------------------------------------------------------------- Navigation */

div#toplinks				{ width:754px; height:37px; float:left; background:url(../images/main_top_nav_bg2.jpg) top left no-repeat; position:absolute; top:21px; left:10px;}
div#toplinks ul				{ float:left;}
div#toplinks ul li 			{ list-style:none; float:left; background:url(../images/main_nav_divider.jpg) right center no-repeat; line-height:35px; padding:0px 0px 0px 0px;}
div#toplinks li a      		{ display: block; color: #fff; text-decoration: none; font-size:11px;  padding:0px 15px 0px 0px; line-height:35px; font-size:11px; font-family:Arial, Helvetica, sans-serif; font-weight:normal; }
div#toplinks li a:hover 	{ display: block; color: #fff; text-decoration: none; font-size:11px; font-weight:normal; }
div#toplinks li.last		{ background-image:none;}

ul#nav {
	height: 27px;
	padding-left: 8px;
}

ul#nav li {
	padding: 0;
	list-style: none;
	float: left;
	margin-top: 8px;
	margin-right: 27px;
	margin-bottom: 0;
	margin-left: 0;
}

ul#nav li a {
	font-size: 11px;
	font-weight: normal;
	color: #ffffff;
}

ul#nav li a:hover {
	font-weight: bold;
	text-decoration: none;
}

/* ------------------------------------------------------------------------------------- Shared layout */

div#homePageWrapper, div#genLayoutWrapper, div#shopWrapper {
	width: 744px;
	margin: 0 auto;
	position: relative;
	padding: 59px 10px;
}

div#footer {
	border-top: 1px solid #ababab;
	margin-top: 10px;
	padding: 10px 0 0 5px;
	clear: both;
}

/* ------------------------------------------------------------------------------------- General layout template */

div#genLayoutWrapper {
	background: #000000 url(../images/layoutWrapperBg.jpg) left top no-repeat;
}

div#genLayoutWrapper h1 {
	background: url(../images/logoSmall.jpg) left top no-repeat;
	width: 160px;
	height: 146px;
	text-indent: -5000px
}

div#genLayoutWrapper h2 {
	font-size: 21px;
	line-height: 30px;
	font-weight: normal;
	position: absolute;
	left: 187px;
	top: 143px;
}

div#leftColumn {
	float: left;
	width: 310px;
	min-height: 350px;
	margin-top: 29px;
	margin-right: 0;
	margin-bottom: 46px;
	margin-left: 0;
}

div#rightColumn {
	float: right;
	width: 396px;
	margin: 29px 0 46px 0;
}

div#leftColumn1 {
	width: 645px;
	min-height: 350px;
	margin-top: 29px;
	margin-right: 0;
	margin-bottom: 26px;
	margin-left: 55px;
}

/* ------------------------------------------------------------------------------------- Shop template */

div#shopWrapper {
	background: #000000 url(../images/layoutWrapperBg.jpg) left top no-repeat;
}

div#shopWrapper h1 {
	background: url(../images/logoSmall.jpg) left top no-repeat;
	width: 160px;
	height: 146px;
	text-indent: -5000px
}

div#shopWrapper h2{
	font-size: 21px;
	font-weight: normal;
	position: absolute;
	left: 187px;
	top: 143px;
	line-height: 30px;
}

/* ------------------------------------------------------------------------------------- Products module */

div#shopWrapper div#leftColumn {
	margin-top: 53px;
}

div#shopWrapper div#rightColumn {
	margin-top: 53px;
}

div#checkout {
	position: absolute;
	left: 300px;
	top: 65px;
	width: 180px;
	padding-left: 40px;
	text-align: left;
	height: 85px;
	background: url(../images/shoppingCart.jpg) left top no-repeat;
}

div#checkout h2 {
	display:block;
	width:100%;
}

div#checkout dl dt {
	float: left;
	clear: left;
	width: 70px;
}

div#checkout dl dd {
	float: left;
	width: 100px;
}

div#checkout dl dd.total {
	font-weight: bold;
}

div#checkout dl dd.links {
	margin-top: 5px;
}

div#checkout dl dd.links p {
	margin-bottom: 0;
}

div#checkout h4 {
	font-size: 12px;
	font-weight: normal;
	margin-bottom: 9px;
}

div#shopWrapper p#breadCrumb {
	font-size: 11px;
	position: absolute;
	left: 10px;
	top: 226px;
}

div#shopWrapper div.category, div#shopWrapper div.products {
	position: relative;
	margin-bottom: 10px;
}

div#shopWrapper div.category a, div#shopWrapper div.products a.link  {
	font-size: 18px;
	font-weight: normal;
	color: #ffffff;
}

div#shopWrapper div.category a:hover, div#shopWrapper div.products a.link:hover {
	text-decoration: none;
	color: #545762;
}

div#shopWrapper div#rightColumn div.products a img {
	padding-bottom:20px;
}

div#shopWrapper div.category a img {
	vertical-align: middle;
	margin-right: 15px;
}

div#shopWrapper div.category span {
	float: left;
	font-size: 9px;
}

div#shopWrapper div.category div.description {
	position: absolute;
	left: 110px;
	top: 85px;
	width: 286px;
}

div#shopWrapper div.products a.link {
	position: absolute;
	top: 10px;
	left: 100px;
}

div#shopWrapper div.products a.link span {
	font-size: 10px;
	display: block;
	margin-top: 5px;
}

div#shopWrapper div.products div.description {
	position: absolute;
	top: 45px;
	left: 100px;
	width: 286px;
}

div#shopWrapper div#product {
	padding-top: 55px;
	min-height: 350px;
}

* html div#shopWrapper div#product {
	height: 350px;
}

div#shopWrapper div#product img {
	position: absolute;
	left: 50px;
}

div#shopWrapper div#product h4 {
	position: absolute;
	left: 10px;
	top: 260px;
	font-size: 18px;
	line-height: 20px;
	font-weight: normal;
}

div#shopWrapper div#product h4 span {
	font-size: 10px;
}

div#shopWrapper div#product .button {
	margin-top: 10px;
}

div#shopWrapper div.pagination {
	position: absolute;
	right: 10px;
	top: 228px;
}

div#shopWrapper div.pagination a, div#shopWrapper div.pagination span {
	border: 1px solid #ffffff;
	padding: 2px 5px;
}

/* ------------------------------------------------------------------------------------- eCommerce module (edit basket/checkout) */

h3#editBasket, h3.userHeading {
	font-size: 21px;
	line-height: 20px;
	font-weight: normal;
	margin-bottom: 20px;
}

table.updateBasket {
	width: 100%;
}

table.updateBasket input.button {
	float: left;
}

table.updateBasket input.input {
	width: 25px;
}

table.updateBasket tr th {
	background: #ffffff;
	color: #000000;
	padding: 5px;
	font-size: 12px;
}

table.updateBasket tr td {
	padding: 3px 5px;
}

table.updateBasket tr.line td {
	border-top: 1px solid #ffffff;
	font-weight: bold;
}

div#editBasketLinks {
	margin-top: 15px;
}

div#editBasketLinks p a.proceed, p.editAccountDetails a {
	font-size: 14px;
	font-weight: normal;
	color: #ffffff;
	border: 1px solid #ffffff;
	padding: 2px 5px;
	margin-bottom: 10px;
}

div#editBasketLinks p a.proceed:hover, p.editAccountDetails a:hover {
	text-decoration: none;
}

div#editBasketLinks p {
	margin-bottom: 15px;
}

p.editAccountDetails {
	clear: left;
	padding: 10px 0 10px 0;
}

/* ------------------------------------------------------------------------------------- User module */

h4.userHeading, h4.checkout {
	font-size: 13px;
	line-height: 20px;
	font-weight: normal;
	margin-bottom: 7px;
}

span.error {
	color: #ff0000;
}

/* ------------------------------------------------------------------------------------- Home page template */

div#homePageWrapper {
	background: #000000 url(../images/wrapperBg.jpg) left top no-repeat;
}

div#homePageWrapper h1 {
	background: url(../images/logo.jpg) left top no-repeat;
	width: 206px;
	height: 338px;
	text-indent: -5000px
}

div#homePageText {
	width: 249px;
	position: absolute;
	left: 233px;
	top: 100px;
	height: 188px;
}
div#homePageText .button{
	width:100px;
	height:29px;
	float:left;
	border:none;
	padding-top:22px;
}
div#homePageText h2{
	width:70px;
	height:17px;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	text-align:left;
	padding-top:32px;
}
div#repair{ width:197px; height:120px; position:absolute; top:70px; left:200px;}
div#repair h2{ width:70px; height:17px; top:90px; left:0px; position:absolute; font-family:Arial, Helvetica, sans-serif; font-size:16px;	font-weight:bold;}

div#repair h4{
	width:300px;
	height:22px;
	top:0px;
	left:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:bold;
	position: absolute;
	padding-bottom: 5px;
}

div#repair h3{ width:200px; height:100px; top:25px; left:0px; position:absolute; font-family:Arial, Helvetica, sans-serif; font-size:12px;	font-weight:bold;}

div#repair .button{ width:100px; height:29px; position:absolute; top:90px; left:70px; border:none;}
div#fourStep {
	width: 474px;
	line-height: 12px;
}

div#fourStep h2 {
	width: 368px;
	height: 54px;
	margin: 8px 0 0 5px;
	text-indent: -5000px;
	background: url(../images/fourStepH2.jpg) left top no-repeat;
}

div#fourStep div#one {
	padding: 10px 0 0 103px;
	background: url(../images/oneIcon.jpg) 16px 9px no-repeat;
}

div#fourStep div#one h3 {
	width: 142px;
	height: 17px;
	margin-bottom: 4px;
	text-indent: -5000px;
	background-repeat: no-repeat;
	background-position: left top;
}

div#fourStep div#two {
	padding: 10px 0 0 103px;
	background-repeat: no-repeat;
	background-position: 5px 19px;
	background-image: url(../images/twoIcon.jpg);
}

div#fourStep div#two h3 {
	width: 142px;
	height: 17px;
	margin-bottom: 4px;
	text-indent: -5000px;
	background: url(../images/twoH3.jpg) left top no-repeat;
}

div#fourStep div#three {
	padding: 10px 0 0 103px;
	background-image: url(../images/threeIcon.jpg);
	background-repeat: no-repeat;
	background-position: 20px 18px;
}

div#fourStep div#three h3 {
	width: 142px;
	height: 17px;
	margin-bottom: 4px;
	text-indent: -5000px;
	background: url(../images/threeH3.jpg) left top no-repeat;
}

div#fourStep div#four {
	padding: 10px 0 0 103px;
	background-image: url(../images/fourIcon.jpg);
	background-repeat: no-repeat;
	background-position: 8px 18px;
}

div#fourStep div#four h3 {
	width: 142px;
	height: 17px;
	margin-bottom: 4px;
	text-indent: -5000px;
	background: url(../images/fourH3.jpg) left top no-repeat;
}

div#buyOnline {
	position: absolute;
	right: 10px;
	top: 495px;
	width: 242px;
	height: 197px;
}

div#buyOnline h2 {
	text-indent: -5000px;
	width: 120px;
	height: 29px;
	margin-bottom: 5px;
	background: url(../images/buyOnlineH2.jpg) left top no-repeat;
}

div#buyOnline h3 {
	font-size: 13px;
	margin-top: 10px;
	font-weight: normal;
	margin-bottom: 10px;
}

div#buyOnline b {
	font-size: 25px;
	font-weight: normal;
}
.enquiry{
	width:220px; 
	border:solid 1px #ccc;
	background-color:#252525;
	margin-bottom:8px;
	float:left; 
}
.enquiry #heading{
	width:220px;
	height:20px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	font-weight:bold;
	text-align:center;
	color:#fff;
	padding-top:7px;
	background-color:#464646;
}
ul#sideForm   { width:220px; padding:8px 0; float:left;}
ul#sideForm li { list-style:none; padding:5px 0 0 0; float:left; width:220px; margin-left:0px; padding-left:13px;}
ul#sideForm li.btn   { list-style:none; padding:5px 0 0 85px; float:left; width:100px; }
ul#sideForm li.btn input { background-image:url(../images/submit.gif); width:65px; height:23px; border:none; cursor:pointer;}
ul#sideForm li label{
	width:75px;
	height:20px;
	display:inline;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#CCCCCC;
	list-style:none;
	padding-left:0px;
}
ul#sideForm li input{
	width:110px;
	height:18px;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#CCCCCC;
	padding:0 0 0 3px;
	list-style:none; border:1px solid #ccc;
}
ul#sideForm li textarea{
	width:110px;
	height:110px;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#ffffff;
	padding:0 0 0 3px;
	background-color:#000000;
	list-style:none;
	border:1px solid #ccc;
}


html {
min-height: 101%;
}
#homePageWrapper #fourStep #one h6 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #FFF;
	font-weight: bold;
	padding-top: 5px;
	padding-bottom: 5px;
}
#homePageWrapper #fourStep #two h6 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #FFF;
	padding-top: 5px;
	padding-bottom: 5px;
}
#homePageWrapper #fourStep #three h6 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #FFF;
	padding-top: 5px;
	padding-bottom: 5px;
}
#homePageWrapper #fourStep #four h6 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #FFF;
	padding-top: 5px;
	padding-bottom: 5px;
}