@charset "utf-8";
/* CSS Document */

* {
padding: 0px;
margin: 0px;
}
html {
font-size: 100%;
}
body {
font-family: Arial, Helvetica, sans-serif;
font-size: 75%;
background-color: #fff;
}
li {
list-style-type: none;
}
.clear {
clear: both;
}

a, a:visited {
color: #1b6f23;
text-decoration: underline;
}
a:hover {
text-decoration: none;
}

a.btnLogo {
width: 280px; 
height: 60px;
display: block;
position: absolute;
top: 30px;
left: 20px;
}

h1 {
color: #000;
font-size: 1.3em;
font-family: arial, Georgia, "Times New Roman", Times, serif;
font-weight: normal;
padding-bottom: 1.5em;
}

h2 {
color: #1b6f23;
font-size: 1.3em;
font-family: arial, Georgia, "Times New Roman", Times, serif;
font-weight: normal;
padding-bottom: 1.5em;
}

p {
font-size: 1em;
padding-bottom: 1.5em;
line-height: 1.6em;
}
.textGreen {
color: #1b6f23;
padding-bottom: 0px;
font-weight: bold;
}

#container {width: 800px;margin: 0 auto;background-color: #fff;}
.topNav {
background-color: #8d8d8d;
width: 788px;
height: 15px;
padding: 8px 6px;
}
.topNav ul {
float: right;
border-left: 1px solid #fff;
padding-bottom: 0px;
padding-top: 0px;
}
.topNav li {
float: left;
border-right: 1px solid #fff;
list-style-type: none;
padding: 0px;
background: none;
}
.topNav a, .topNav a:visited {
float: left;
color: #fff;
text-decoration: none;
padding: 0px 3px;
font-size: 0.9em;
font-weight: bold;
font-family: Geneva, Arial, Helvetica, sans-serif;
}
.topNav a:hover {
text-decoration: underline;
}
.headerImg2 { 
width: 800px;
height: 116px;
display: block;
position: relative;
background: url(../img/header-img.jpg) no-repeat;
}
.headerImg { 
width: 800px;
height: 116px;
display: block;
position: relative;
background: url(../img/logo3.png) no-repeat;
}
.headerLinks {
width: 800px;
height: 168px;
}
.headerLinks ul{
padding-bottom: 0px;
padding-top: 0px;
}
.headerLinks li {
float: left;
padding: 0px;
list-style-type: none;
background: none;
}
.navigation {
width: 792px;
height: 15px;
background-color: #008a0d;
padding: 8px 4px;
}
.navigation ul {
padding-bottom: 0px;
margin-left:5px;
}
.navigation li{
padding: 0px;
list-style-type: none;
background: none;
}

a.btnOfficeGrilles {
width: 200px;
height: 168px;
display: block;
float: left;
background: url(../img/btn-header-all.jpg) no-repeat 0 0;
}
a.btnDomesticGrilles {
width: 200px;
height: 168px;
display: block;
float: left;
background: url(../img/btn-header-all.jpg) no-repeat -200px 0;
}
a.btncctv {
width: 198px;
height: 168px;
display: block;
float: left;
background: url(../img/btn-header-all.jpg) no-repeat -400px 0;
}
a.btnArc {
width: 202px;
height: 168px;
display: block;
float: left;
background: url(../img/btn-header-all.jpg) no-repeat -598px 0;
}
a.btnOfficeGrilles:hover {
background: url(../img/btn-header-all.jpg) no-repeat 0 -168px;
}
a.btnDomesticGrilles:hover {
background: url(../img/btn-header-all.jpg) no-repeat -200px -168px;
}
a.btncctv:hover {
background: url(../img/btn-header-all.jpg) no-repeat -400px -168px;
}
a.btnArc:hover {
background: url(../img/btn-header-all.jpg) no-repeat -598px -168px;
}

a.btnFreeEst {
width: 109px;
height: 110px;
display:block;
background: url(../img/btn-free-est.gif) no-repeat 0 -110px;
}
a.btnSchoolSec {
width: 109px;
height: 110px;
display:block;
background: url(../img/btn-school-sec.gif) no-repeat 0 -110px;
}
a.btnFreeEst:hover {
background: url(../img/btn-free-est.gif) no-repeat 0 0;
}
a.btnSchoolSec:hover {
background: url(../img/btn-school-sec.gif) no-repeat 0 0;
}

.navigation ul {
float: left;
border-left: 1px solid #fff;
padding:  0px;
}
.navigation li {float: left;border-right: 1px solid #fff;}
.navigation li.last {border:none;}
.navigation a, .navigation a:visited {
color: #fff;
text-decoration: none;
padding: 0px 2px;
font-size:11px;
font-weight: bold;
}
.navigation a:hover {
text-decoration: underline;
}

.content {
width: 800px;
/*background: url(../img/logo-content.gif) no-repeat bottom left;*/
}
.homeLeftCol {
width: 150px;
float: left;
padding: 35px 0px 0px 40px;
}
.homeRightCol {
width: 610px;
float: left;
padding-top: 35px;
}
.right_ul {
padding-left: 205px;

}
.right_wide_ul {
padding-left: 280px;

}

.intRightCol {
width: 610px;
float: left;
padding-top: 35px;
padding-left: 190px;
position: relative;
}
.intRightColEst {
width: 790px;
float: left;
padding-top: 35px;
padding-left: 10px;
padding-bottom: 90px;
}
.listImg {

}
.listImg li {
float: left;
padding: 0px;
background: none;
}

#footer {

width: 800px;
/*margin: 0 auto;*/
}

ul {
padding-bottom: 10px;
padding-top: 10px;
}
.content ul {
padding-top: 0px;
padding-bottom: 0px;
}
li {
list-style-type: none;
background: url(../img/bullet.gif) no-repeat 0px 2px;
padding: 0px 0px 5px 25px;
line-height: 18px;
}

ol {
padding-left: 30px;
}
ol li {
list-style-type: decimal;
background: none;
padding-left: 0px;
}

.imgLeft {
float: left;
padding-right: 20px;
}
.imgRight {
float: right;
padding-left: 20px;
}
.bold {
font-weight: bold;
}
.textFact {
padding-left: 30px;
color: #666666;
}

#cctvNav {
position: absolute;
top: 25px;
left: 10px;
}

.alerttext {
color: #FF0000;
}
form#enquiry_form p {padding:0px;}
form#enquiry_form input,
table#costCalc input {border:solid 1px #ccc;padding:4px 5px;font-size:1em;font-family:arial;margin-left:10px;color:#000;}
table#costCalc td {padding:0px 5px 5px 0px;}
table#costCalc input {text-align:center;width:80px;}
table#costCalc input.highlight {border:solid 1px #008A0D;}
table#costCalc input#area,
table#costCalc input#weight {border:solid 1px #eee;}
table#costCalc span#price {border-color:#333;font-weight:bold;}
table#costCalc span#price,
table#costCalc input#pricePerMetre {margin-left:0px;}

/*V2 Design*/
#container,
.headerImg,
.navigation,
.headerLinks,
.content,
#footer,
.topNav {width:960px;}
#container,
#footer {-moz-box-shadow: 0px 0px 7px 1px #eee;-webkit-box-shadow: 0px 0px 7px 1px #eee;box-shadow: 0px 0px 7px 1px #eee;}
.content,
.headerLinks,
.headerLinks img {float:left;}

a.btnLogo {width:400px;}
.headerImg {background:#fff url(../img/v2/header.jpg) no-repeat 0px 0px;height:300px;}
.navigation {background-color:#ebebeb;padding:13px 15px;width:930px;}
.navigation ul {border:none;margin:0px;}
.navigation ul li {padding:0px 12px;}
.navigation a,
.navigation a:visited {color:#000;font-weight:normal;font-size:13px;}
.headerLinks {height:270px;}
.headerLinks img#pricesOnly {margin-top:20px;margin-bottom:5px;}
.headerLinks img#domestic {margin:20px 12px 40px 18px;}
.headerLinks img#commercial  {margin-right:12px;}
.headerLinks img#estimate  {margin:0px 0px 5px 0px;}
.content .leftCol,
.content .rightCol {width:390px;float:left;padding:50px 40px 10px;line-height:20px;}
.topNav {background-color:#63bc46;text-align:left;padding:13px 22px;width:916px;}
.topNav ul {float:left;}
.topNav #sitemap {float:right;}