/* CSS RESET */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;vertical-align: baseline;background: transparent;} body {line-height: 1;} ol, ul {list-style: none;} blockquote, q {quotes: none;} blockquote:before, blockquote:after, q:before, q:after {content: '';content: none;} /* remember to define focus styles! */ :focus {} /* remember to highlight inserts somehow! */ ins {text-decoration: none;} del {text-decoration: line-through;
} /* tables still need 'cellspacing="0"' in the markup */ table {border-collapse: collapse;border-spacing: 0;}
/* END CSS RESET */
/* Colours
Blue: #2f2b82 
*/
body{background: url(../images/background.png) top center repeat-y;}
div#mainContent{margin:0 auto;margin-top:0px;border:0px solid #ccc;width:820px;position:relative;}
#innerContent{color:#fff;position:relative;padding-left:250px;padding-right:50px;}
#innerContent a{color:#fff;}
#innerContent div{}
#mainContent h2{padding-left:0px;color:#fff;font-family:Arial, Helvetica, "Liberation Sans", FreeSans, sans-serif;text-transform:uppercase;display:block;padding-bottom:5px;border-bottom:1px solid #fff;margin-bottom:20px;font-size:25px;width:570px;}
h3{font-family:Arial, Helvetica, sans-serif;margin-bottom:8px;}
div.subHeader{padding-left:250px;padding-top:45px;}
body.intro #innerContent{}
body.intro div.subHeader{padding-left:200px;padding-top:20px;}
p.introduction{font-weight:bold;font-size:14px;color:#fff;}
p, dt, dd, th, td, span{margin-bottom:10px;font-family:Arial, Helvetica, sans-serif;font-size:13px;line-height:18px;}
h1#jackbrand-header{width:100px;height:114px;background:url(../images/logo.gif) top right no-repeat;display:block;position:absolute;top:15px;left:15px;z-index:100;}
h1#jackbrand-header span{display:block;width:100px;position:absolute;left:-9999px;}
h1#jackbrand-header a{display:block;width:100px;height:114px;}
h1#jackbrand-header img{display:none;}
ul#navigation{	position:absolute;	top:140px;	left:15px;	list-style-type:none;	padding-left:0px;font-family:Arial, Helvetica, sans-serif;	z-index:20}
ul#navigation li {padding-bottom:10px;}
ul#navigation  a{color:#000;text-decoration:none;font-size:12px;display:block}
ul#navigation a:hover{color:#2f2b82}
div#jackbrand-title{position:absolute;left: 232px;top: 48px;width: 541px;}
div#lorry{
	position:absolute;
	top: 242px;
	left: -58px;
	background:url(../images/lorry.png) top right no-repeat transparent;
	width:598px;
	height:353px;
	z-index:1
}
.photo_a{width:200px;height:150px;margin:20px 0 20px 0;}
.photo_b{}
.photo_c{border:1px solid #ccc;width:500px;height:250px;background:#ccc;margin:20px 0 20px 0 ;}
blockquote{padding:10px 0px 0px 20px; font-style:italic;}


table.productlist {border:1px solid #fff;}
table.productlist td {border:1px solid #fff;}
table.productlist th{padding:10px;}
table.productlist td{text-align:center;padding:8px 0}
table.productlist .vmiddle{ vertical-align:middle}
dl{width:500px;margin:0px 0 00px 0;position:relative}
dt{width:200px;margin:0px 0 10px 0;font-size:15px;}
dd{width:300px;margin:0px 0 30px 0;}
dt img{position:absolute;right:0px;}
  
span.photo_paul{
	display:block;
	position:absolute;
	left: 56px;
	bottom: 0px;
}
span.photo_alison{display:block;position:absolute;left: 201px;bottom: 0px;}
span.photo_graham{display:block;position:absolute;left: 345px;bottom: 0px;}