/* -- body classes --- */
body.welcome a.welcome, body.welcome a:hover.welcome,
body.stepguide a.stepguide, body.stepguide a:hover.stepguide,
body.locations a.locations, body.locations a:hover.locations,
body.enquiry a.enquiry, body.enquiry a:hover.enquiry,
body.estimator a.estimator, body.estimator a:hover.estimator,
body.door2store a.door2store, body.door2store a:hover.door2store,
body.tips a.tips, body.tips a:hover.tips,
body.domestic a.domestic, body.domestic a:hover.domestic,
body.business a.business, body.business a:hover.business,
body.agreement a.agreement, body.agreement a:hover.agreement,
body.contact a.contact, body.contact a:hover.contact
 {text-decoration:none; margin: 0; padding: 8px 10px 2px 0; border-right: 5px solid #FF9933; display: block; color: #FF9933;}

/* -- Structure --- */
body {margin:0; padding:0; font-size: 16px; font-family: Helvetica, Arial, Verdana, sans-serif;}
#container {position: relative; width: 831px; margin: 0 auto; padding: 0; background: url(../images/backgrounds/pagebg.gif) repeat-y;}
#masthead {height: 132px; background: url(../images/backgrounds/masthead.gif) no-repeat;}

.colOne {float: left; width: 279px; padding-top: 14px; background: url(../images/backgrounds/colOne_bg.gif) no-repeat;}
.colTwo {float: left; margin-bottom: 20px; padding-top: 20px; width: 301px; background: url(../images/backgrounds/colTwo_bg.gif) no-repeat;}
.colThree {float: left; position: relative; width: 251px; background: url(../images/backgrounds/colThree_bg.gif) no-repeat;}

#pageEnd {clear: both; height: 33px; background: url(../images/backgrounds/bottomCols.gif) no-repeat;}
.callToAction {background: url(../images/backgrounds/strapLine_bg.gif) repeat-y;}
.banner {height: 194px; background: #fff url(../images/otherImgs/advert.jpg) no-repeat; position:relative;}

#footer {clear: both; height: 110px; background: #fff url(../images/backgrounds/footerTop.gif) no-repeat; position:relative;}


/* -- Common Typography Elements--- */

h1 {margin: 0px; padding-top: 4px; font-size: 26px; line-height: 150%; text-align: center; color: #fff; text-transform: uppercase;}
h5 {font-size: 14px; margin: 0 0 15px 0; padding: 0 25px 0 20px; color: #878889;}
.colTwo p, .colTwo ul {font-size: 13px; line-height: 140%; color: #878889;}

/* -- masthead Elements --- */

.price img {float: left; margin: 20px 0 0 50px; border: none;}
.findOutMore img {float: left; margin: 15px 0 0 60px; border: none;}
.logo {position: absolute; top: 0px; left: 570px; z-index: 100; display: block;}
.logo a {border: 0px solid #000;}

/* -- colOne Elements --- */

.colOne ul {list-style:none; text-align: right; padding: 0 7px 0 0; margin:10px 0 10px 0; }
.colOne li {text-transform: uppercase; font-weight:bold; padding: 0;}
.colOne li a {text-decoration:none; margin: 0; padding: 8px 10px 2px 0; border-right: 5px solid #f3f3f3; display: block; color: #878889;}
.colOne li a:hover {color: #878889; margin: 0; border-right: 5px solid #878889;}
.colOne img {float: right; margin: 0 20px 20px 15px; border: none;}
.colOneImgs {margin-top: 50px;}


/* -- colTwo Elements --- */

.colTwo p {padding: 0 20px; margin: 10px 0 10px 0;}
.colTwo ul {margin:-5px 0 10px 35px; padding:0;}
.colTwo li {margin:0 0 0 5px;}
.colTwo h5 {margin: 10px 0 0 0; line-height: 120%;}
.colTwo h5.headline {color:#FF9933; margin: 20px 0 0 0;}

.colTwo h5.headlineNoPad {font-size: 16px; color:#FF9933; margin: 20px 0 -10px 0;}

.colTwo h5.openingSoon {display: inline; color:#fff; font-size: 20px; background-color: #FF9933; padding: 5px 5px 1px 5px; margin: 40px 0 0 20px;}

.colTwo img.signature {margin: 0 0 0 15px;}

.colTwo img.hasImage {margin: 20px 0 0 20px;}

.colTwo img.pdfImage {margin: 10px 0 0 20px;}

.colTwo .bold {font-weight: bold;}
.colTwo .smallText {font-size: 11px; margin-top: -5px;}
.colTwo .smallLink {font-weight: bold; font-size: 12px; color:#878889; text-decoration:none;}

.colTwo ul.location {padding: 0 0 20px 0;; margin: 0 20px; font-weight: bold; border-bottom: 2px dotted #878889;}
.colTwo li.makeEnquiry {display: inline; padding: 0; margin: 0;}
.colTwo li.viewMap {display: inline; padding: 0; margin: 0;}

.colTwo ul.size {padding: 0 0 20px 0;; margin: 0 20px; border-bottom: 2px dotted #878889; list-style:none;}

.colTwo .address {margin: 0 20px; border-bottom: 2px dotted #878889;}

.colTwo li.makeEnquiry a {color: #FF9933; text-decoration:none;}
.colTwo li.makeEnquiry a:visited {color:#FF9933;}
.colTwo li.makeEnquiry a:hover {color:#878889;}
.colTwo li.makeEnquiry a:active {color:#878889;}

.colTwo li.viewMap a {color:#878889; text-decoration:none;}
.colTwo li.viewMap a:visited {color:#666;}
.colTwo li.viewMap a:hover {color:#FF9933;}
.colTwo li.viewMap a:active {color:#878889;}

.form {font-size: 12px; font-family: Helvetica, Arial, Verdana, sans-serif; padding: 10px 0 0 20px; margin: 0; color:#878889;}
.text {background-color: #E2E1E2;}

.colTwo img {border: none;}

.colTwo span {color:#FF9933;}
 
.colTwo span.bold {color:#878889;}

.colTwo span a {color:#FF9933; text-decoration: none;}

.colTwo span a:hover {text-decoration: underline;}


/* -- colThree Elements --- */

.colThree ul {margin:70px 0 0 0; width: 170px; padding: 0 0 0 10px; color: #FF9933; font-weight:bold;}
.colThree li {margin:5px 0 5px 5px; padding: 20px 0 20px 15px; list-style: none; border-top: 2px dotted #FF9933; border-bottom: 2px dotted #FF9933; background: url(../images/otherImgs/listimage.gif) left 27px no-repeat;}
.colThree li.top {border-bottom: 2px dotted #FF9933; border-top: none;}
.colThree li.bottom {border-top: 2px dotted #FF9933; border-bottom: none;}
.colThree img {position: absolute; top: 245px; left: 120px;}

 /* -- banner Elements --- */

.banner p {margin: 0; padding:135px 0 0 67px; font-size: 13px; color: #fff;}
.banner a {color: #fff; text-decoration: none;}
.banner a:hover {text-decoration: underline;}
#bannerClick a {margin:15px 0 0 45px;width:740px; height:170px; display:block; position:absolute; z-index:999}

/* -- footer Elements --- */


#footer p {margin: 0;}
 #boysLogo {position:absolute; left:69px; top:20px; z-index:1000; border:0;}     
.smallprint {font-size: 10px; padding: 25px 0 0 210px; color: #878889; line-height: 150%;}
.smallprint a {color: #878889; text-decoration: none;}
.smallprint a:hover {color: #878889; text-decoration: underline;}
.disclaimer {margin:0; padding: 0 0 0 70px; color: #fff; font-size: 10px; line-height: 300%; background: #fff url(../images/backgrounds/strapLine_bg.gif) repeat-y;}
.disclaimer a {color: #fff; text-decoration: none;}
.disclaimer a:hover {text-decoration: underline;}