body {text-align: center; margin: 0; padding: 0; background: #EEE url(../pictures/bgr_8pxb.jpg) 0 0 repeat-x; font-size: 70%;}
div.centre {margin-left: auto; margin-right: auto; width: 900px; text-align: left; background: #FFF;}
div.bread {padding: 20px 0 0 0; color: #999; font-size: 10px;line-height:20px;}
div.bread a {color: #888; font-size: 11px;}
body, td, h1, h2, h3, p, li {font-family: Verdana, Arial, Helvetica, sans-serif; margin: 0; padding: 0;}
img {border: 1px solid #333;}
ul {margin: 5px 0 5px 35px;}
a {text-decoration: none;}
a:hover {text-decoration: underline;}
.main a {background: #FFF; color: #000;}
td {font-size: 16px;}
li {font-size: 14px;}
p {font-size: 14px;} 
a {font-size: 14px;}
li a {font-size: 90%;}
.nav {width: 191px; padding: 0 0 10px 0;}
.nav a {width: 185px; font-size: 11px; display: block; padding: 5px 0 5px 3px; border-bottom: 1px solid #AAA; background: #EEF5FF; color: #006; font-weight: normal;}
.nav a.subi {width: 185px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; color: #003; background: #9CF; padding: 5px 0 5px 3px;}
.nav a#mt {padding: 0;}
.nav a#mt:hover {background: #FFF;}
.nav a:hover {background: #FFF; text-decoration: none; color: #006;}
.nav a.on {background: #FFF; color: #006; border-right: 3px solid #F00; text-decoration: none; width: 185px;}
.nav .velux {background: #9CF; color: #009;}
.nav a.subi .velux {background: #9cf; color: #009;}
.nav a.on .velux, .nav a:hover .velux {background: #fff; color: #009;}
.u {text-decoration: underline;}
.egs span {display: block;}
.egs {width: 700px; color: #000; background: #FFF; margin: 0 0 10px 6px;}
.egs h3 {font-size: 14px; margin-top: 10px;}
.egsa {margin: 0; width: 700px;}
.w450 {width: 650px;}
.egs p {font-size: 12px; padding: 3px 0 0 0; line-height: 16px;}
.egs a {font-size: 12px; color: #009; background: #FFF;}
.egs ol li, .egs ul li {font-size: 12px;}
.egs td {vertical-align: top; padding-bottom: 15px;}
.egsa .examp {width: 85px; padding-top: 3px;}
.egsa .examptxt {width: 250px;}
.egsa .examptxt p, .egsa .examptxt a {font-size: 11px; line-height: 14px; padding: 0 2px 0 0;}
.egs .examp2 {padding-left: 5px;}
.egs .bread {text-align: left;}
.w80, img.image {width: 80px; height: 53px;}
.imagev {height: 80px; width: 53px;}
loftlrg {width: 450px; height: 300px;}
loftlrgv {width: 300px; height: 450px;}
.googad {padding: 10px 0 5px 0;}
#slide .name1 {font-size: 15px; width: 300px; font-weight: bold; vertical-align: bottom; padding-bottom: 2px;}
p.back {font-size: 100%; margin: 2px 0;}
p.back a {font-size: 80%;}
p.back a.u {font-weight: bold;}
#slide .name, #slide .name p {font-size: 12px; padding: 3px 0 0 2px;}
#slide .name a {font-size: 12px;}
#slide table {width: 900px;}
#slide {padding-bottom: 30px;}
#index span, #index2 span {font-size: 12px; padding: 0 0 3px 0;}
.price {width: 430px; margin: 5px 0 0 5px; border-left: 1px solid #CCC; background: #EEE; color: #000; border-top: 1px solid #CCC;}
#priceg {font-weight: bold; font-size: 120%; padding: 2px 0 3px 8px; background: transparent url(../pictures/arrowblue.gif) 0 3px no-repeat; }
.price td {font-size: 75%; padding: 3px; border-bottom: 1px solid #CCC; border-right: 1px solid #CCC;}
.price td h3 {font-size: 100%; margin: 0; padding: 0;}
.price td.c1 {width: 90px;}
.price td.c2 {width: 85px; padding-left: 5px;}
.price td a {font-size: 90%; background: #EEE; color: #000;}
.price td h3 a {font-size: 100%;}
div.address address {font-size: 90%; font-weight: normal;}
div.address address.b {font-weight: bold;}
div.address {margin: 10px 0 30px 100px;}
.contact td {vertical-align: middle; font-size: 75%; padding: 0 10px;}
a.anch {float: left; width: 10px;}
a.anch img {border: 0; margin: 5px 2px 0 1px;}
.trussw {font-size: 130%;}
.red {color: #F00; background: #fff;}
.box1 {color: #000; background: #C3E1FF; padding: 4px; border: 1px solid #CCC;}
.box2 {color: #000; background: #C3E1FF; border: 1px solid #CCC; margin-bottom: 8px;}
.box2 p {font-size: 75%;}
div.box3, div.box4, div.box5 {background: #C3E1FF; color: #000; border: 1px solid #AAA; margin-bottom: 8px; text-align: center;}
.main2 p {font-size: 11px; padding: 4px 4px 0 4px;}
.main2 {margin: 0 5px 0 0;}
.main2 a {font-size: 11px; padding: 3px 0 2px 0; border-top: 1px solid #BBB; display: block; color: #000; background: #C3E1FF;}
.main2 td.box1 a {border: 0; padding: 0;}
.ilinks div.backto {border-left: 1px solid #CCC; border-top: 1px solid #CCC; border-bottom: 1px solid #CCC; font-size: 50%; letter-spacing: -0.05em; float: right;}
.ilinks div.backto a {text-decoration: none; background: #036; color: #FFF; padding: 1px 3px 2px 3px;}
.ilinks div.backto a:hover {background: #FFF; color: #006; text-decoration: none;}
.main2 a.subi {font-size: 12px; padding: 3px 0 0 0; font-weight: bold; border-top: 0;}
.main2 a:hover {color: #00A; background: #C3E1FF;}
.main2 h2 {font-size: 90%; padding: 4px 4px 0 4px;}
.hlinks {width: 300px; }
.au a, ul.u a {text-decoration: underline;}
.au a:hover, ul.u a:hover {text-decoration: none;}
div#catchment {font-size: 65%; padding: 40px 2px 0 2px;}
div#catchment p {padding-left: 4px;}
div#catchment h3 {font-size: 110%;}
p.footer {padding: 0 0 0 5px;}
p.footer a {padding: 0 0 0 5px; font-size: 70%; background: #fff; color: #666;}
.bt {width: 750px; border-top: 8px solid #C3E1FF; margin-top: 10px;}
p.top img {border: 0;}
a#top img {border: 0; margin: 5px 5px 0 15px;}
a#top {float: left;}
h3 a {font-size: 100%;}
a#b, a#n {text-align: center; color: #006; font-weight: bold; font-size: 70%; border-bottom: 1px solid #AAA; border-right: 1px solid #AAA; border-top: 1px solid #CCC; border-left: 1px solid #CCC;}
a#b {background: #ECF5FF url(../pictures/arrowgrey.gif)  4px 3px no-repeat;}
a#n {background: #ECF5FF url(../pictures/arrowgrey2b.gif) 5px 3px no-repeat;}
a#b:hover, a#n:hover {text-decoration: none; border-bottom: 1px solid #CCC; border-right: 1px solid #CCC; border-top: 1px solid #AAA; border-left: 1px solid #AAA;}
a#b:hover {color: #006; background: #EEF3FF url(../pictures/arrowgrey.gif) 4px 3px no-repeat;}
a#n:hover {color: #006; background: #ECF3FF url(../pictures/arrowgrey2b.gif) 5px 3px no-repeat;}
.line1 {text-align: right; width: 200px; border-right: 22px solid #FFF;}
.line2 {width: 205px;}
td.rightblock {width: 300px;} 
.nextback td a {padding: 0 14px 0 15px; line-height: 1.8em;}
div.ilinks  {padding: 0 0 5px 0; width: 200px; float: right;}
div.ilinks h2 {font-size: 70%; color: #FFF; background: #036; padding: 2px 0 2px 0; text-align: center;}
div.ilinks a {text-decoration: none; font-size: 110%; display: block; color: #009; background: #fff;}
.imageright {float: right; font-size: 60%; color: #CCC; background: #fff; margin: 0 5px 0 5px;}
.imageright a {font-size: 100%;}
div.ilinks a:hover {text-decoration: underline;}
div.ilinks p {text-decoration: none; font-size: 55%; display: block; color: #AAA; background: #fff; padding: 3px 0 0 3px; margin-right: 2px;}
div.backnext {width: 100%; padding: 5px 0 0 0;}
div.back, div.next {float: left; width: 100px; border-top: 1px solid #444; border-right: 1px solid #444; border-bottom: 1px solid #444; border-left: 1px solid #444;  text-align: center; margin: 0 4px 0 0;}
div.back a, div.next a {display: block; width: 100px; padding: 2px 0; font-size: 60%; text-decoration: none;}
.body1 {color: #333; padding: 0 0 10px 0; background: #FFF url(../pictures/catchment_02.gif) 600px 10px no-repeat;}
#inde2 .body1 {color: #333; padding: 0 0 10px 0; background: #FFF url(../pictures/catchment_02.gif) 600px 10px no-repeat;}
#homep .body1 {background-image: none;}
a#home {float: left;}
h2.right {float: right; margin: 5px 80px 0 0;}
img#logo {border: 0; margin: 0;}
td {vertical-align: top;}
#header1 {width: 900px; border-bottom: 10px solid #9cf; margin-bottom: 2px;}
#header1 h1.z {font-size: 150%; padding: 0; margin: 0;}
#header1 h2.z {font-size: 110%; padding: 16px 0 8px 0; margin: 0 0 2px 0; font-family: Arial, Helvetica, Verdana, sans-serif;}
#header1 h3.z {font-size: 16px; padding: 35px 0 20px 10px; width: 600px;}
#inde2 #header1 h3.z {height: 22px;}
#header1 .hr1 {height: 95px; color: #333; background: #7cbefb url(../pictures/boarshurst1.gif) 18px 6px no-repeat;}
#header1 .hr1 td {padding-top: 2px;}
#header1 #top img {height: 76px; width: 82px;}
h1.quote {color: #039; font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 22px; padding: 0 0 0 2px; margin: 56px 0 0 0; background: none;}
.center {text-align: center;}
.number {text-align: left; font-size: 10px; vertical-align: bottom; width: 60px;}
.hd {padding: 10px 0 0 10px; float: left;}
#header {width: 200px; background: #FFF url(../pictures/b.gif) right top repeat-y; color: #009;}
.imageone {width: 202px; float: right; margin: 0 5px 0 5px; font-size: 60%; color: #CCC; background: #fff;}
.imageone a {font-size: 11px; margin-bottom: 30px;}
.padl {padding: 25px 5px 0 0; text-align: right;}
.padl iframe {margin-top: 4px;}
.velux {font-family: "ms serif", serif; font-weight: bold; color: #600; background: #fff; padding: 1px 2px 0 2px;}
p .velux {font-family: "ms Serif", serif; background: #fff; color: #000; padding: 0 2px 0 2px; font-weight: bold; font-size: 110%;}
.reg {font-size: 50%; vertical-align:  middle; font-family: Arial, Helvetica, Verdana, sans-serif;}
h1 .reg {position: relative; left: -3px;}
.tdrt {padding-top: 47px; width: 210px; vertical-align: top; text-decoration: none;}
.headingtop {width: 700px;height:125px;background: transparent url(../pictures/news.gif) 300px 0 no-repeat;}
.main {margin-left: 1px;}
.main p {font-size: 82%; padding: 10px 20px 1px 0; line-height: 1.22em;}
.table td {font-size: 82%;}
.main p.first {padding: 0 20px 0 0; }
.main ul li, .main ol li {font-size: 80%;}
.main address {font-size: 80%; font-weight: bold; margin: 0 0 0 0; font-style: normal;}
.main h2 {font-size: 105%; padding: 15px 0 0 0;}
.main h3 {font-size: 85%; padding: 16px 0 0 0;}
homemain {font-size: 82%; padding: 10px 20px 1px 0; line-height: 1.2em;}
.address {padding: 8px 0 5px 0;}
td#cent {width: 430px;}
span.quote {float: right; width: 190px; border-top: 4px solid #9898D2; border-bottom: 4px solid #9898D2; font-size: 75%; font-weight: bold; padding: 4px; margin: 18px 20px 10px 15px; font-family: Verdana, Arial, Helvetica, sans-serif;}
div.rule {padding: 0 0 2px 4px; width: 100%; font-size: 70%; line-height: 10px; height: 10px; color: #FFF; background: #999; margin: 5px 0;}
div.imgdrop {float: left; width: 100px;}
div.imgdrop img {border: 0;}
.bold {font-weight: bold;}
p.big {font-size: 80%;}
div.case {text-align: center; font-size: 60%; width: 140px;}
div.case a {text-decoration: none;}
div.case a:hover {text-decoration: underline;}
div.case img {border: 0;}
.cent {text-align: center;}
.b {font-weight: bold;}
img.lancsmap {border: 1px solid #333; display: block;}
.mid td {vertical-align: middle;}
.size td {font-size: 10px; padding: 1px 9px 0 0; text-align: center; vertical-align: bottom;}
.size {margin: 20px 0 2px 2px;}
.size td div {text-align: center; color: #000; background: #CCF; border: 1px solid #777;}
.c02 {width: 23px; height: 39px;}
.c04 {width: 28px; height: 49px;}
.f06 {width: 33px; height: 59px;}
.m04 {width: 39px; height: 49px;}
.m06 {width: 39px; height: 59px;}
.m08 {width: 39px; height: 70px;}
.p10 {width: 47px; height: 80px;}
.s06 {width: 57px; height: 59px;}
.m37b {width: 39px; height: 30px;}
.m37t {width: 39px; height: 59px;}
.m39b {width: 39px; height: 30px;}
.m39t {width: 39px; height: 70px;}
.m40b {width: 39px; height: 48px;}
.m40t {width: 39px; height: 59px;}
.m42b {width: 39px; height: 48px;}
.m42t {width: 39px; height: 70px;}
.gva {width: 23px; height: 31px;}
.gvt {width: 28px; height: 49px;}
.size h3 {font-size: 11px; padding: 1px 0 8px 0; text-align: left;}
.size p {font-size: 9px; padding: 0; margin: 0; text-align: left;}
td.horiznav {color: #006; vertical-align: bottom; border-top: 1px solid #AAA; border-bottom: 1px solid #AAA; background: #ECF3FF url(../pictures/horizdl.gif) 390px 2px no-repeat;}
div.horiznav a {font-size: 12px; color: #006; background: #ECF3FF; padding: 3px 0 3px 2px; line-height: 28px;}
div.horiznav a.home {padding-left: 18px; padding-right: 124px; letter-spacing: 0.12em; font-weight: bold; width: 169px; border-right: 2px solid #FFF; background: url(../pictures/homec.gif) 4px 4px no-repeat;}
div.horiznav a.about {padding-left: 4px; padding-right: 4px; text-align: center; border-right: 2px solid #FFF; }
div.horiznav a.contact {padding-right: 4px; padding-left: 4px; text-align: center; border-right: 2px solid #FFF;}
div.horiznav a.blog {padding-right: 6px; padding-left: 6px; text-align: center; border-right: 2px solid #FFF;}
div.horiznav a.shop {padding-left: 4px; padding-right: 4px; text-align: center; border-right: 2px solid #FFF;}
div.horiznav a.shop:hover {color: #f00; background: #FFF;}
div.horiznav a:hover {color: #006; background: #FFF; text-decoration: none;}
div.horiznav a.home:hover {color: #006; background: #FFF url(../pictures/homec.gif) 4px 4px no-repeat;}
.imageleft {float: left; margin: 5px 5px 0 0; font-size: 50%; color: #CCC; background: #FFF;}
li ul {font-size: 120%;}
.service {margin: 5px 8px 0 5px;}
.service p {padding: 2px 3px 2px 2px; font-size: 11px; text-align: center; color: #555; background: #dcf1ff; line-height: 1.25em;}
.service p.lina {color: #555; font-weight: bold; background: #C3E1FF;}
.service p.linb {color: #555; background: #dcf1ff;}
.service p.linc {color: #555; background: #C3E1FF; font-weight: bold;}
.service p.lind {color: #555; background: #dcf1ff;}
.service p.line {color: #555; background: #C3E1FF;}
.service p.favourites {color: #333; background: #FFF; text-align: left; padding: 0 0 10px 0;}
.service p.favourites a {color: #333; background: #FFF; font-size: 11px;}
.catchment {margin: 10px 0 20px 1px; color: #444; background: #FFF;}
.catchment p {padding: 1px 6px 0 4px; font-size: 70%;}
 .catchment p a {font-size: 100%;}
.catchment p.linz {font-weight: bold;}
.tiny {font-size: 60%;}
.catchment a {color: #444; background: #FFF;}
.main p.b {font-size: 80%; padding-top: 0;}
p.removal {padding-top: 20px;}
a.u:hover {text-decoration: none;}
a#map img {border: 0; width: 110px; height: 122px;}
.add {margin: 0 0 0 10px;}
.begin {font-size: 12px;}
p.coverage {color: #666; font-size: 10px; padding: 10px; background: #C3E1FF; border: 1px solid #CCC; margin: 0 5px;}
.books {margin: 50px 0 25px 30px;}
.books div.item {width: 175px; padding: 20px 20px 0 0;}
.books div.item img {display: block;}
.books div.item a.title {color: #009; text-decoration: underline; font-size: 80%; background: #fff;}
.books div.item p.buy a {font-size: 78%; font-weight: bold; margin: 5px 0 0 0;}
.books div.item p.buy {text-align: right;}
.books div.item p.publisher {font-size: 70%;}
.books div.item p.author {font-size: 80%; padding-top: 3px;}
body.howdens table {width: 900px;}
body.howdens h1, body.howdens h2, body.howdens h3, body.howdens p, body.howdens a, body.howdens address {margin: 0; padding: 0 4px; font-family: sans-serif;}
body.howdens a {background: none; color: #333;}
body.howdens a.u {font-weight: bold; color: #c00; background: #fff; font-size: 11px; padding-left: 0;}
body.howdens h1 {font-size: 16px; margin-top: 15px; color: #900; background: transparent;}
body.howdens h2 {margin-top: 10px; font-size: 14px; background: #CCC; color: #333;}
body.howdens h3 {font-size: 12px; margin-top: 6px;}
body.howdens address {font-size: 11px; font-style: normal;}
body.howdens address, body.howdens h3 {border-left: 2px solid #CCC;}
body.howdens p {font-size: 13px; padding-top: 5px;}
body.howdens td {vertical-align: top; width: 25%; padding: 4px 3px 0 2px;}
body.howdens img {border: 0;}
body.howdens p.goog {margin: 5px; border: 1px solid #f00;}
body.howdens p.hindex {font-size: 13px; padding: 20px 0 0 0; font-weight: bold;}
body.howdens tr.bgwhite td {background: #FFF; color: #333;}
div.right {float: right; width: 200px; padding: 0 0 10px 10px;}
.howdens .opening {width: 350px; margin: 8px; border: 1px solid #ddd;}
.opening td {padding: 2px;}
.brochure {border: 1px solid #000; width: 285px; padding: 0 0 2px 0; float: right; background: #fff; color: #333; text-align: center;}
ul.h li {font-size: 11px;}
p.quote {font-size: 12px;}
.break {background: #FFF; color: #333;}
.goog img {border: 0;}
.goog td {font-size: 11px; background: #fff; color: #000;}
.main2 .goog a {background: #fff; color: #000; border-top: 0;}
.main2 .goog a:hover {background: #fff; color: #000;}
.rght {text-align: right;}
.google img, .google a  {border: 0; background: #fff; padding: 0; color: #000;}
.ilinks .buy {background: #fff; color: #f00; font-weight: bold;}
a.shoph {border: 0; display: inline; font-size: 11px;}
a.red {background: #C3E1FF; color: #f00;}
a.red:hover {background: #C3E1FF; color: #f00;}
.listv a.red {background: #FFF; color: #f00;}
.listv a.red:hover {background: #FFF; color: #f00;}
.howvel {width: 260px; background: #FFF; color: #000; border: 1px dotted #00c; text-align: center;}
.guardian {margin: 15px 0 10px 5px; border: 1px solid #ccc; width: 150px; padding: 2px; text-align: center;}
.guardian a {font-size: 10px;}
.guardian img {border: 0;}
.guardian2 {margin: 5px 5px 5px 40px; padding: 5px; text-align: left;}
.guardian2 p {font-size: 12px;}
.guardian2 img {border: 0; float: left; margin-right: 10px;}
#left {width: 216px;}
#mid, #mid div.box3 {width: 230px;}
#right {width: 230px;}
.gright {text-align: right; margin: 20px 0;}
.gleft {text-align: right; margin: 20px 0; background: #FFF; color: #333; width: 100%;}
.gsearch {margin: 5px 0 0 0;}
.gsearch input {font-size: 12px;}
.sm {font-size: 9px;}
.hgr {float: right; width: 110px;background: #FFF;margin-left: 4px;}
.hgr img {border:0;}
.padright {text-align: right; margin: 25px 20px 0 0;}
.padright p {text-align: center; margin-bottom: 10px;}
.padright h3 {text-align: center;}
#googlesearch {float: right; width: 250px; text-align: right;}
#googlesearch input {font-size: 11px; padding: 0; margin: 5px 5px 0 0;}
.howdright {float: right; width: 250px;}
.head td {padding-top: 10px;}
.head .end {width: 450px;}
.head .navigation {width: 90px;}
.exnav {margin-top: 20px;}
ol#hoffer li {font-size: 11px;}
ol#hoffer li span.red {color: #f00; background: #c3e1ff;}
.kits {width: 140px; border: 1px solid #eee; float: right; margin: 1px 4px 1px 1px; padding: 2px 4px; background: #FFF;}
.kits a {color: #333; font-size: 11px; background: #FFF; text-decoration: underline; line-height: 18px;}
.kits a:hover {color: #000; text-decoration: none;}
.kits2 {float: left; clear: left; margin-left: 10px; margin-bottom: 20px;}

.bhimg {float: right; margin-left: 5px;}
.bhexamps {border: 1px solid #ccc;}
.youtube {text-align: center; padding-top: 10px;}
#homep .image {float: left;}
a.hexi {height: 57px;}
a.hexi img {margin: 0 3px 0 2px;}
.noborder img {border: 0;}
a.exsub, a.exsub:hover {background: #FFF url(../pictures/next_disabled.gif) 4px 2px no-repeat;}
a.exsubon, a.exsubon:hover {background: #FFF url(../pictures/next_disabled.gif) 4px 2px no-repeat; color: #006; border-right: 3px solid #f00; text-decoration: none; width: 185px;}
.nav a.sub {border-right: 1px solid #f00;}