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

/*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,dd,dl,dt,li,ol,ul,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {
 margin: 0;
 padding: 0;
 border: 0;
 font-weight: inherit;
 font-style: inherit;
 font-size: 100%;
 line-height: 1;
 font-family: inherit;
 text-align: left;
 vertical-align: baseline;
}
a img,:link img,:visited img {
 border: 0;
}
table {
 border-collapse:collapse;
 border-spacing:0;
}
ol, ul {
 list-style: none;
}
q:before,q:after,
blockquote:before,blockquote:after {
 content: "";
}


.clear{clear: both;}

html{font-family: verdana; font-size: small;}
body{background-color: #EEF2F4;}

h4{font-size: large; font-weight: bold; margin: 20px 0 0 20px;}

ul{font-family: verdana;}
#points{font-family: arial;}
strong{font-weight: bolder;}

a:hover{text-decoration: none;}

#header{margin: 0 auto; height: 91px; width: 990px;}
#logo{float: left;}
#headerright{float: right; margin: 10px 0 0 0; text-align: right;}
#mainbar{background-image: url(images/bg-header.jpg); background-repeat: repeat-x; height: 203px; width: 100%;}
#mainbarcontainer{margin: 0 auto; width: 990px;}
#mainbarcontainer h1{color: white; font-size: xx-large; font-weight: bold; line-height: 40px; padding: 65px 0 0 20px; text-align: left; width: 450px;}
#mainbarcontainer h2{color: white; font-size: large; font-weight: bold; height: 20px; text-align: left; padding-left: 20px;}
#mbleft{float:left; padding: 40px 0 0 0; margin: 0;}
#mbleft h1{width: 500px;}
#mbleft h2{width: 500px;}
#mbright{float: right; padding: 0; margin: 0; overflow: hidden; height: 203px; width: 419px;}
#mbright .img{width: 419px; height: 203px; top: 0; left: 0;}
#ctab{margin: 20px 0 0 0; width: 427px;}
.container{margin: 0 auto; width: 990px;}

#telephone{vertical-align: middle;}

#menu{clear: both; float: right; margin: 15px 0 0 0;}
#menu li{display: inline; height: 30px;}
#menu li a:hover{border-bottom: #114171 solid 2px; padding-bottom: 2px;}

#boxes{clear: both; margin: 20px 0;}
#boxes p{clear: left; font-family: verdana; font-size: small; line-height: 18px; padding: 0 20px 10px 20px; width: 264px;}
#boxes  h2{float: left; font-family: arial; font-weight: bold; padding: 3px 0 0 5px;}
.boxtitle{float: left; padding: 10px 0 0 20px; width: 250px;}
.icontitle{float: left;}
#domesticbox{background-color: white; border: solid #D9DADC 1px; float: left; position: relative; width: 470px;}
#commercialbox{background-color: white; border: solid #D9DADC 1px; float: right; position: relative; width: 470px;}
.bl {background: url(images/bl.jpg) 0% 100% no-repeat; left: -2px; position: relative; top: 2px;}
.br {background: url(images/br.jpg) 100% 100% no-repeat; left: 4px; position: relative; top: 0;}
.tl {background: url(images/tl.jpg) 0 0 no-repeat; left: -4px; position: relative; top: -4px;}
.tr {background: url(images/tr.jpg) 100% 0 no-repeat; left: 4px; position: relative; top: 0px;}

.boximg{display: block;float: left; padding: 15px 10px 0 17px;}
.laptop{float: right; padding: 0 20px 0 0;}

.boxl{float: left; font-size: small; margin-top: -20px;}
.boxr{float: right; font-family: arial; font-size: small; font-weight: bold; padding: 15px 10px 0 0; width: 150px;}
.boxr li{padding: 6px 0;}

.hr{background-color: #C4C4C4; border: none; clear: both; height: 14px; padding: 0; margin: 20px 0; width: 100%;}
.hrf{background-color: #C4C4C4; border: none; clear: both; height: 14px; padding: 0; margin: 20px 0 0 0; width: 100%;}
.container h2.title{
background-image: url(images/bg-title.jpg);
background-repeat: no-repeat;
color: white;
font-size: medium;
font-weight: bold;
height: 29px;
margin: -41px 0 0 10px;
padding: 7px 0 0 20px;
width: 163px;}
.specialtitle{
background-image: url(images/bg-special-offersc.gif);
position: absolute;
width: 163px;
height: 29px;
z-index: 2000;
background-repeat: no-repeat;
color: white;
font-size: medium;
font-weight: bold;
margin: -6px 0 0 10px;
padding: 7px 0 0 20px;
}

.container h1#title{
background-image: url(images/bg-title.jpg);
background-repeat: no-repeat;
color: white;
font-size: medium;
font-weight: bold;
height: 29px;
margin: -41px 0 0 10px;
padding: 7px 0 0 20px;
width: 163px;}

#points{background-color: #E0E5EB; border: solid 3px #D9DADC; float: right; margin: 5px 0 0 40px; padding: 5px; width: 220px;}
#pointshome{background-color: #E0E5EB; border: solid 3px #D9DADC; float: right; margin: 5px 0 20px 40px; padding: 5px; width: 220px;}


#points li{background:transparent url(images/tick.jpg) no-repeat scroll left center; font-weight: bold; line-height: 25px; padding: 10px 0 10px 30px; vertical-align: top;}
#pointshome li{background:transparent url(images/tick.jpg) no-repeat scroll left center; font-weight: bold; line-height: 25px; padding: 10px 0 10px 30px; vertical-align: top;}

#left{float: left; width: 710px; padding-top: 5px;}
#right{float: right;}

#pointsext{font-size: small; list-style: disc; padding: 20px 0 20px 45px;}
#pointsext li{line-height: 20px;}

#whycctv{background-color: #E0E5EB; border: solid 3px #D9DADC; clear: right; float: right; margin: 10px 0 10px 0; padding: 5px; text-align: center; width: 220px;}

#specialoffer{height: 216px; margin: 0 auto; width: 990px;}
#specialofferc{background-image: url(images/bg-slider.jpg); background-repeat: repeat-y; background-position: top center; clear: both; margin: 20px 0 10px 0; min-height: 216px; *height: 216px;}

.boxr ul{font-family: arial;}

p{font-size: small; padding: 10px 20px 5px 20px; text-align: justify;}

#bubbles dl{float: left; padding: 10px 15px; width: 30%;}
#bubbles dt{text-align: justify; background-image:url(images/bg-speech.jpg); background-repeat: no-repeat; padding: 10px 10px 5px 10px; height: 272px; width: 280px; line-height: 20px;}
#bubbles dd{font-weight: bold; padding: 10px 0 0 0; text-align: right;}

dl{padding: 10px 15px;}
dt{text-align: justify; line-height: 20px;}
dd{font-weight: bold; padding: 10px 0 0 0; text-align: right;}

.footer{float: left; font-size: small; margin: 5px 0;}
.footer p{line-height: 15px; padding: 0; margin: 0; text-align: right;}
.contactdetails{ margin-top: 8px;}
.contactdetails li{line-height: 15px;}
.footerlinks{margin-top: 27px; text-align: right;}
.footerlinks li{display: inline; font-weight: bold; padding: 0 10px;}

#contact{float: left;}
#contact p{margin: 0; padding: 0; font-size: medium;}
#request{float: left;}
#request p{margin: 0; padding: 0; font-size: medium;}

label{width: 150px; display: block; font-weight: bold; text-align: left; padding: 2px 0 0 0;}
input{float: left; margin: 2px;}
select{margin: 2px;}
textarea{margin: 2px;}

div.submitbt{float: left; margin: 20px 0 0 80px;}
div.resetbt{margin: 20px 0 0 225px;}

#error{padding: 10px 0 10px 20px;}

#latestoffers{margin: 0 auto; width: 800px;}

/*SLIDER.PHP*/
.specoffimg{float: left; margin-bottom: 10px; width: 350px;}
.panel{position: relative;}
.panel li{line-height: 25px; list-style: disc; margin-left: 365px;}
.panel h3{float: left;font-weight: bold;padding: 3px 10px 0 0;}
.scrollContainer div.panel {padding: 10px; height: 206px; width: 800px;}
.panel p {font-size: small;}
.price{background-image: url(images/bg-price.jpg); background-repeat: no-repeat; color: #ffffff; font-family: tahoma; font-size: x-large; font-weight: bold; height: 50px; padding: 3px 10px 5px 0; position: absolute; right: 0; top: 165px; width: 147px;}

#why{background-color: #E0E5EB; border: solid 3px #D9DADC; margin: 20px auto 0 auto; padding: 10px; width: 70%;}
#why li{background:transparent url(images/tick.jpg) no-repeat scroll left center; font-size: large; font-weight: bold; line-height: 15px; padding: 12px 0 10px 30px; vertical-align: top;}

#why a{color: black; text-decoration: none;}
#why a:hover{color: black; text-decoration: underline;}

#whyl{float: left;}
#whyr{float: right;}

.why1{background-color: white; border: solid 3px #D9DADC; float: left; height: 360px; margin: 20px; padding: 10px; width: 416px;}
.why2{background-color: white; border: solid 3px #D9DADC; float: right; height: 360px; margin: 20px; padding: 10px; width: 416px;}
.g2{height: 470px;}
.g3{height: 450px;}
.g4{height: 400px;}

.why1 p, h4{padding: 10px; margin: 0;}
.why2 p, h4{padding: 10px; margin: 0;}

.why1 p{font-size: medium; line-height: 22px;}
.why2 p{font-size: medium; line-height: 22px;}

.whyimg{height: 170px; margin: 0 auto; width: 240px;}
.whyimg{height: 170px; margin: 0 auto; width: 240px;}

.phoneno{font-size: 32px; font-weight: bold; text-align: center;}

#coverage{background-color: white; font-size: medium; margin: 20px auto;}
#coverage td{text-align: center; font-size: small; padding: 5px;}
#coverage .tdheader{background-color: #D3DCE3; border-bottom: solid 1px black; font-weight: bold; text-align: left;}

#address{margin: 25px auto 5px auto; width: 600px;}

.remote{margin-top: 35px;}
.newimg{border: black solid 1px; margin: 0 15px 15px 15px; float: right;}

.sectionimg{margin: 0 0 10px 10px; border: solid 3px #D9DADC; padding: 5px; background-color: white; float: right;}

.caption{font-family: tahoma; font-style: italic; font-weight: bold; text-align: center; text-shadow: 1px 1px 1px #CCC;}

.ctab{width: 427px; margin: 40px auto 40px auto;}

.testimonials{margin: 0 0 20px 0;}

#map{float: right; margin: 20px 40px 10px 0;}
#contactbox{float: left; background-image: url(images/bg-whitebox.jpg); width: 345px; height: 447px; padding: 0 20px; margin-left: 40px;}
#or{float: left; height: 447px; width: 85px; *width: 60px;}
#or p{font-weight: bold; font-size: large; height: 20px; margin: 203px auto; text-align: center; width: 85px; *width: 60px; font-style: italic;} 
#requestcallbox{float: right; background-image: url(images/bg-whitebox.jpg); width: 345px; height: 447px; padding: 0 20px; margin-right: 40px;}
#formdetails{margin: 100px 0 0 40px; float: left;}
#formdetails p{padding: 0 0 0 2px;}
#formdetails img{padding: 3px 0 0 0;}

textarea{clear: both;}
.resetbutton{}
.sendbutton{width: 100px;}
h2.contact{font-size: large; font-weight: bold; text-shadow: 1px 1px 1px #CCC; margin: 10px 0 20px 20px;}
h3.contact{font-size: large; font-weight: bold; width: 250px; text-align: center; margin: 15px auto;}

#contactdesc{clear: both; margin: 20px auto; width: 325px;}
#contactdesc p{margin: 0; padding: 7px 0 0 0;}
.imgright{float: right; margin-left: 10px;}