﻿/* global styles */
body,html {background:#fff url('Images/bodyBg.gif') repeat-x; color:#000; margin:0; padding:0; font-family:Arial; font-size:12px;text-align:center;}

.left {float:left;}
.right {float:right;}
.clear {clear:both;}
.size10{font-size:10px;}
.bb{font-weight:bold; color:#0F3D76}

a{color:#df1010; font-weight:bold; text-decoration:none;}
a:hover{text-decoration:underline;}

h1{color:#0f3d76; font-size:20px; font-weight:bold; line-height:24px; margin:0px 0px 10px 0px;}
h2{color:#0f3d76; font-size:17px; font-weight:bold; margin:0px 0px 10px 0px; line-height:22px;}
h3{font-size:16px; font-weight:bold; margin:0px 0px 10px 0px;}
h4{}
img{border:0;}
p{color:#000; line-height:20px; margin:0px 0px 15px;}
ul{color:#0F3D76; font-weight:bold; margin:0px 0px 15px 45px;}
ul li{line-height:20px; list-style-type:disc; margin:0px 0px 5px 0px;}
strong{font-weight:bold;}
em{font-style:italic;}
input[type=text], select, textarea{border:1px solid #4D7CAF;}
.pic{margin:0px 0px 8px 8px;}
.noSpam{font-size:11px; display:block; margin:0px 0px 5px;}

.chkList input{width: auto !important; border: 0px !important;}
.chkList label{float: none !important; width: auto !important;}

/* go back a page */
a.btnBackPage{background:url('Images/btnBackPage.png') repeat 0px 0px; width: 65px; height: 15px; display: block; margin:10px 0px 0px;}
a.btnBackPage span {display: none; }
a.btnBackPage:hover {background: url('Images/btnBackPage.png') repeat 0px -25px; }

/* errors - can change actionNoticeBoxGIANT class to > error(s) if needed */
.errors{background:#ffefef; border:1px solid #cc1c21; font-weight:bold; color:#cc1c21 !important; float:left; margin:0px 0px 10px; padding:10px; line-height:16px;}
.errors ul{list-style:none; margin:0px 0px 0px 15px; list-style-type:disc;color:#cc1c21 !important;}
.hrBreak{border-bottom:1px solid #d6d6d6; clear:both; height:10px; margin-bottom:15px;}

/* form areas */
.editForm{line-height:30px; padding:15px;}
.editForm .requiredField{color:#df1010; font-size:14px; font-weight:bold; padding:2px 3px 0px 0px; .padding:2px 0px 0px 0px}
.editForm .labeler{color:#0f3d76; font-weight:bold; font-size:16px; padding:0px 10px 0px 0px; vertical-align:top;}
.editForm input[type=text], select, textarea{border:1px solid #4d7caf; font-size:16px; font-weight:normal; }
.btnSubmit{margin:5px 0px 0px 0px;}
 
/* wrap / main holder styles */
#wrap{min-height:100%; position:relative;}
    * html #wrap{height:100%}
#header{height:138px;}
#inner-wrap{height:auto; margin:0 auto; padding-bottom:86px; text-align:left; width:886px; }
#inner-wrap:after{content:" "; display:block; clear:both;}
    * html #inner-wrap{height:1px;}
#defBox{background: url('Images/bigboxBg.gif') no-repeat; padding:0px 0px 0px 17px; height:276px; width:869px;}
#intBox{background: url('Images/intBoxBg.gif') no-repeat; padding:0px 0px 0px 17px; height:53px; width:869px;}
#main{float:left; margin:20px 0px 0px 6px; width:874px;}
#bottom{background:#fff url('Images/bottomBg.gif') no-repeat; float:Left; margin-top:20px; height:135px; width:886px;}
#footer{background:#fff url('Images/footerBg.gif') repeat-x; border-top:1px solid #c7be8c; bottom:0; left:0;  height:86px; position:absolute; width:100%;}
#links{border-top:1px solid #fffef7; margin: -1px auto !important;padding:15px 0px 0px 18px;  width:864px; height:50px;}

/* header */
#header .logo{margin:15px 0px 0px;}
#header .contact{margin:17px 0px 0px; width:230px;}
#header .contact .number{margin:0px 0px 14px;}
#header .contact .vCard{margin:0px 11px 0px 0px;}

/* default navigation */
#defaultNav{margin:0px 11px 0px 0px; width:264px;}
#defaultNav a{margin:0px 0px 4px 0px;}
    #defaultNav a.fire{background:url('Images/navFireAlarms.png') repeat 0px 0px; width: 264px; height: 41px; display: block; float:left;}
    #defaultNav a.fire span {display: none; }
    #defaultNav a.fire:hover {background: url('Images/navFireAlarms.png') repeat -274px 0px; }
    #defaultNav a.cctv{background:url('Images/navCCTV.png') repeat 0px 0px; width: 264px; height: 41px; display: block; float:left;}
    #defaultNav a.cctv span {display: none; }
    #defaultNav a.cctv:hover {background: url('Images/navCCTV.png') repeat -274px 0px; }
    #defaultNav a.access{background:url('Images/navAccessControl.png') repeat 0px 0px; width: 264px; height: 41px; display: block; float:left;}
    #defaultNav a.access span {display: none; }
    #defaultNav a.access:hover {background: url('Images/navAccessControl.png') repeat -274px 0px; }
    #defaultNav a.detection{background:url('Images/navIntrusionDetection.png') repeat 0px 0px; width: 264px; height: 41px; display: block; float:left;}
    #defaultNav a.detection span {display: none; }
    #defaultNav a.detection:hover {background: url('Images/navIntrusionDetection.png') repeat -274px 0px; }
    #defaultNav a.notify{background:url('Images/navMassNotification.png') repeat 0px 0px; width: 264px; height: 41px; display: block; float:left;}
    #defaultNav a.notify span {display: none; }
    #defaultNav a.notify:hover {background: url('Images/navMassNotification.png') repeat -274px 0px; }
    #defaultNav a.special{background:url('Images/navSpecialSystems.png') repeat 0px 0px; width: 264px; height: 41px; display: block; float:left;}
    #defaultNav a.special span {display: none; }
    #defaultNav a.special:hover {background: url('Images/navSpecialSystems.png') repeat -274px 0px; }
    
/* interior navigation */
#intNav{}
#intNav a{}
    #intNav a.fire{background:url('Images/intFireAlarms.png') repeat 0px 0px; width: 122px; height: 41px; display: block; float:left;}
    #intNav a.fire span {display: none; }
    #intNav a.fire:hover {background: url('Images/intFireAlarms.png') repeat 0px -51px; }
    #intNav a.cctv{background:url('Images/intCCTV.png') repeat 0px 0px; width: 88px; height: 41px; display: block; float:left;}
    #intNav a.cctv span {display: none; }
    #intNav a.cctv:hover {background: url('Images/intCCTV.png') repeat 0px -51px; }
    #intNav a.access{background:url('Images/intAccessControl.png') repeat 0px 0px; width: 145px; height: 41px; display: block; float:left;}
    #intNav a.access span {display: none; }
    #intNav a.access:hover {background: url('Images/intAccessControl.png') repeat 0px -51px; }
    #intNav a.detection{background:url('Images/intIntrusionDetection.png') repeat 0px 0px; width: 168px; height: 41px; display: block; float:left;}
    #intNav a.detection span {display: none; }
    #intNav a.detection:hover {background: url('Images/intIntrusionDetection.png') repeat 0px -51px; }
    #intNav a.notify{background:url('Images/intMassNotification.png') repeat 0px 0px; width: 162px; height: 41px; display: block; float:left;}
    #intNav a.notify span {display: none; }
    #intNav a.notify:hover {background: url('Images/intMassNotification.png') repeat 0px -51px; }
    #intNav a.special{background:url('Images/intSpecialSystems.png') repeat 0px 0px; width: 167px; height: 41px; display: block; float:left;}
    #intNav a.special span {display: none; }
    #intNav a.special:hover {background: url('Images/intSpecialSystems.png') repeat 0px -51px; }

/* flash */
#ourFlash{height:266px; width:576px; float:left;}

/* main */
#defaultLeft{margin:0px 16px 0px 0px; width:272px;}
#intLeft{margin:0px 16px 0px 0px; width:212px;}
#defaultCopy{margin:10px 0px 0px 0px; width:586px;}
#intCopy{margin:10px 0px 0px 0px; width:644px;}

/* search boxes */
    /* default */
    #defaultSearch{background: url('Images/defaultSearchBg.gif') no-repeat; height:55px; padding:26px 0px 0px 25px; width:247px;}
    #defaultSearch input[type=text]{border:1px solid #4d7caf; color:#8f8e8e; float:Left; font-size:16px; height:24px; padding:2px 0px 0px 10px; width:177px; .margin:-20px 0px 0px 0px;}    
    #defaultSearch .title{margin:-12px 0px 7px;}
    .btnSearch{margin:0px 0px 0px 9px; .margin:-21px 0px 0px 9px; .float:left;}
    #defaultSearch a.btnSearch span {display: none; }
    #defaultSearch a.btnSearch:hover {background: url('Images/btnSearch-def.png') repeat -40px 0px; }
    /* int */
    #intSearch{background: url('Images/intSearchBg.gif') no-repeat; height:55px; margin:10px 0px 0px; padding:26px 0px 0px 25px; width:175px;}
    #intSearch input[type=text]{border:1px solid #4d7caf; color:#8f8e8e; float:Left; font-size:16px; height:24px; padding:3px 0px 0px 10px; .padding:5px 0px 0px 10px; width:100px;}
    #intSearch a.btnSearch{background:url('Images/btnSearch-def.png') repeat 0px 0px; width: 30px; height: 30px; display: block; float:left; margin:0px 0px 0px 9px;}
    #intSearch a.btnSearch span {display: none; }
    #intSearch a.btnSearch:hover {background: url('Images/btnSearch-def.png') repeat -40px 0px; }

/* testimonials */
    /* default */
    #tDefault{margin:10px 0px 0px 0px;}
    /* int */
    #tInt{margin:10px 0px 0px 0px;}

/* whats new */
#whatsNew{height:auto; line-height:14px; width:272px;}
#whatsNew a{color:#4a7ab3; font-weight:normal; text-decoration:none;}
#whatsNew a:hover{color:#7ca7d9;}
#whatsNew .wrap{background: url('Images/newBg.gif') repeat-y; float:left; padding:0px 24px; width:224px; .margin:-3px 0px -3px 0px;}
#whatsNew .news{display:block; float:left; margin:10px 0px 0px 0px;}
#whatsNew .title{font-weight:bold;}
#whatsNew .description{}
    #whatsNew a.btnViewAll{background:url('Images/btnViewAll-new.png') repeat 0px 0px; width: 59px; height: 13px; display: block; float:right; position:relative; margin:10px 0px 0px;}
    #whatsNew a.btnViewAll span {display: none; }
    #whatsNew a.btnViewAll:hover {background: url('Images/btnViewAll-new.png') repeat -69px 0px; }
      
/* side address */
#sAddress{margin:10px 0px 0px; color:#0F3D76; font-size:11px; line-height:16px; width:212px;}

/* interior ctas */
#intCtas{}
    #intCtas a.whatsNew{background:url('Images/ctaWhatsNew.gif') repeat 0px 0px; width: 200px; height: 114px; display: block; margin:10px 0px 0px 0px;}
    #intCtas a.whatsNew span {display: none; }
    #intCtas a.whatsNew:hover {background: url('Images/ctaWhatsNew.gif') repeat 0px -124px; }
    #intCtas a.quote{background:url('Images/ctaFreeAssessment.gif') repeat 0px 0px; width: 200px; height: 123px; display: block; margin:10px 0px 0px; }
    #intCtas a.quote span {display: none; }
    #intCtas a.quote:hover {background: url('Images/ctaFreeAssessment.gif') repeat 0px -133px; }
    #intCtas a.quoteCCTV{background:url('Images/ctaFreeAssessment-cctv.gif') repeat 0px 0px; width: 200px; height: 123px; display: block; margin:10px 0px 0px; }
    #intCtas a.quoteCCTV span {display: none; }
    #intCtas a.quoteCCTV:hover {background: url('Images/ctaFreeAssessment-cctv.gif') repeat 0px -133px; }
     
/* bottom ctas */
#bottom a{margin-top:11px !important; position:relative; z-index:10;}
    #bottom a.quote{background:url('Images/ctaQuote.png') repeat 0px 0px; width: 274px; height: 127px; display: block; float:left; margin:0px 12px 0px 20px;}
    #bottom a.quote span {display: none; }
    #bottom a.quote:hover {background: url('Images/ctaQuote.png') repeat -284px 0px; }
    #bottom a.risks{background:url('Images/ctaRisks.png') repeat 0px 0px; width: 274px; height: 127px; display: block; float:left; margin:0px 12px 0px 0px;}
    #bottom a.risks span {display: none; }
    #bottom a.risks:hover {background: url('Images/ctaRisks.png') repeat -284px 0px; }
    #bottom a.difference{background:url('Images/ctaDifference.png') repeat 0px 0px; width: 274px; height: 127px; display: block; float:left;}
    #bottom a.difference span {display: none; }
    #bottom a.difference:hover {background: url('Images/ctaDifference.png') repeat -284px 0px; }
    
/* links */
    #links a.service{background:url('Images/ctaService.png') repeat 0px 0px; width: 279px; height: 52px; display: block; float:left;}
    #links a.service span {display: none; }
    #links a.service:hover {background: url('Images/ctaService.png') repeat 0px -62px; }
    #links a.reports{background:url('Images/ctaReports.png') repeat 0px 0px; width: 286px; height: 52px; display: block; float:left;}
    #links a.reports span {display: none; }
    #links a.reports:hover {background: url('Images/ctaReports.png') repeat 0px -62px; }
    #links a.career{background:url('Images/ctaCareer.png') repeat 0px 0px; width: 280px; height: 52px; display: block; float:left;}
    #links a.career span {display: none; }
    #links a.career:hover {background: url('Images/ctaCareer.png') repeat 0px -62px; }
    
/* text links */
#textLinks{margin:10px 0px 0px 0px; line-height:16px;}
#textLinks a{color:#0f3d76; font-weight:normal; font-size:12px;}

/* sitemap */
.sitemap{line-height:20px; padding:0px 0px 0px 5px;}
.sitemap li{color:#0F3D76; list-style-type:disc !important; }
.sitemap a{color:#0F3D76;}

/* showcase clients */
#showcase{margin:10px 0px 0px;}
#showcase .client{color:#0f3d76; font-size:16px; font-weight:bold; line-height:20px; margin:0px 0px 5px 0px;}
#showcase .tag{color:#000; font-size:11px; line-height:16px; margin:0px 0px 5px; text-align:left; width:250px;}
#showcase .image{border:1px solid #c7be8c;}
#showcase .trs{padding:10px 15px;}

/* fire alarm ctas */
#fireCtas{margin:0px 0px 0px 15px;}
    #fireCtas a.schedule{background:url('Images/ctaSchedule.gif') repeat 0px 0px; width: 339px; height: 92px; display: block; margin:10px 0px 6px 0px;}
    #fireCtas a.schedule span {display: none; }
    #fireCtas a.schedule:hover {background: url('Images/ctaSchedule.gif') repeat -349px 0px; }
    #fireCtas a.cost{background:url('Images/ctaCost.gif') repeat 0px 0px; width: 339px; height: 92px; display: block; margin:0px 0px 6px 0px;}
    #fireCtas a.cost span {display: none; }
    #fireCtas a.cost:hover {background: url('Images/ctaCost.gif') repeat -349px 0px; }
    #fireCtas a.kit{background:url('Images/ctaKit.gif') repeat 0px 0px; width: 339px; height: 92px; display: block;}
    #fireCtas a.kit span {display: none; }
    #fireCtas a.kit:hover {background: url('Images/ctaKit.gif') repeat -349px 0px; }

/* whats new page */
/* !!! - See CSS/SGGBlog.css */
.posting a.btnContinueReading{background:url('Images/btnContinueReading.png') repeat 0px 0px; width: 119px; height: 15px; display: block; margin:10px 0px 0px;}
.posting a.btnContinueReading span {display: none; }
.posting a.btnContinueReading:hover {background: url('Images/btnContinueReading.png') repeat 0px -25px; }

/* career opportunities */
.job{line-height:20px; margin:10px 0px 0px 0px;}
.job .t{width:100% !important;} /* width of box */
.job h2{color:#0F3D76; font-weight: bold; font-size:18px;}
.job .summary{}
.job a.btnApplyNow{background:url('Images/btnApplyNow.png') repeat 0px 0px; width: 84px; height: 15px; display: block; margin:10px 0px 0px; float:right;}
.job a.btnApplyNow span {display: none; }
.job a.btnApplyNow:hover {background: url('Images/btnApplyNow.png') repeat 0px -25px; }

/* fire inspection kit */
#flyerEmail .preview{width: 95%; min-height: 200px; border: 1px solid #0f3d76; margin-bottom: 10px;}
#flyerEmail textarea{width: 100%; height: 200px; border: 1px solid #0f3d76; margin-bottom: 5px;}
#flyerEmail .btnSelectCode{display: block; text-align: center; margin: 0px auto; margin-bottom: 10px;}
    a.pdfDL{background:url('Images/ctaFlyerDL.gif') repeat 0px 0px; width: 211px; height: 84px; display: block; float:left; margin:0px 4px 0px 0px;}
    a.pdfDL span {display: none; }
    a.pdfDL:hover {background: url('Images/ctaFlyerDL.gif') repeat 0px -94px; }
    
/* life safety */
.question .requiredField{padding:2px 3px 0px 0px;}
.question {clear:both;}
.answer {margin:0px 0px 10px 10px; width:115px; float:left; font-size:14px;}

/* hidden costs */
.hiddenimg{height:74px; padding:25px 0px 0px 10px; width:320px;}
.hiddenimgpdf{margin:-52px 0px 0px 0px; .margin:-42px 0px 0px 5px; position:absolute;}
.hiddenIE{.margin-top:-40px; .position:relative;}

/* free assessment */
.fAss td{padding:0px 0px 5px;width:150px;}

/* schedule inspection */
.inspectGuy{height:239px; width:239px; .width:225px;}
.inspectGuy .guy{position:absolute; margin:-10px 0px 0px -10px;}
.inspectForm .editForm{padding:15px 0px 15px 15px;}
.inspectForm .editForm .labeler{font-size:15px;}

/* cctv feed */
#cctvMast{background: url('Images/cctvMast.jpg') no-repeat; height:219px; margin:0px 0px 20px; width:645px;}
#cctvMast a{margin:142px 0px 0px 24px; float:left;}
a.cctvQuote{background: url('Images/ctaCCTVQuote.png') no-repeat; display:block; height:52px; width:302px;}
a.cctvQuote span{display:none;}

#camera{margin:10px 0px 0px 35px;}
#camera .client{color:#0f3d76; font-size:16px; font-weight:bold; line-height:20px; margin:0px 0px 5px 0px;}
#camera .tag{color:#000; font-size:11px; line-height:16px; margin:0px 0px 5px; text-align:left; width:250px;}
#camera #cctvFlash{margin:3px 0px 8px; .margin:3px 0px 11px;}
#camera .trs{padding:10px 15px;}