@charset "utf-8";
body {
        margin: 0px;
        padding: 0px;
        background-color:#c5c5c5;
        font:normal 14px "Trebuchet MS", Arial, Helvetica, sans-serif;
        line-height:24px;
}
a{color:#e81c24;text-decoration:underline;}
a:hover{color:#e81c24;text-decoration:none;}
h1{
        color:#db1e24;
        font-size:26px;
        font-weight:bold;
        letter-spacing:-2px;
        background:url(../img/certified-alarms-logo.png) left top no-repeat;
        text-transform: uppercase;
        line-height:105px;
        height:105px;
        margin:0 0 0 27px;
        padding:0 0 46px 180px;
}
h1 span{color: #474143;}
h2{
        color:#db1e24;
        font-size:18px;
        font-weight:bold;
        margin:24px 0 24px;
        line-height:24px;
}
hr{
        color:#e1e1e1;
        background-color:#e1e1e1;
        height:1px;
        border:0;
}
#contain{
        position:relative;
        width:1000px;
        margin:20px auto;
        background:#FFF url(../img/banner-bg.png) left top no-repeat;
        border-top:1px solid #ff4646;
}
#content{
        float:left;
        width:580px;
        padding:0 20px 30px 30px;
        line-height:24px;
        color:#333;
}

#sidebar{
        position:relative;
        float:right;
        width:360px;
        padding-top:251px; /*must change #response .rightbox height to match this change */
        margin-top:157px;
}
#response{
        position:absolute;
        left:640px;
        top:279px;
        width:330px;
        z-index:100;
}
#alarm_services,#other_services{
        width:330px;
}
#alarm_services .rightbox,#other_services .rightbox{
        overflow:auto;
}
#sidebar h3,#response h3{
        display:block;
        margin:0;
        width:308px;
        height:28px;
        font-size:18px;
        font-weight:normal;
        text-transform:uppercase;
        color:#FFF;
        line-height:28px;
        padding:0 10px;
        border:1px solid #000;
        background:url(../img/right-box-heading-bg.png) left top repeat-x;
}
#sidebar h3 span,#response h3 span{
        color:#ff7277;
}
#other_services h3 span{
        color:#48afd5;
}
.rightbox{
        width:308px;
        padding:10px;
        margin-bottom:10px;
        border:1px solid #e1e1e1;
        border-top-width:0;
        background:#FFF url(../img/right-box-body-bg.png) left bottom repeat-x;
        font-size:12px;
}
#response .rightbox{
        height:220px; /*must change #sidebar padding-top to match this change */
}
#response label{
        display:block;
        float:left;
        width:82px;
        height:27px;
        line-height:20px;
        cursor: pointer;
        clear:both;
}
#response img{
        float:left;
        height:30px;
        margin-top:-6px;
}
#response div.input_suffix{
        float:left;
        padding:0 4px;
        height:27px;
        line-height:20px;
}
#response input,#response select{
        float:left;
        width:220px;
        height:18px;
        margin:0 0 7px 0;
}
#response input,#response select, .forminput{
        font:normal 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
        line-height:18px;
        padding:0 1px;
        border:1px solid #CCC;
}
#response select{
        font-size:11px;
        width:224px;
        height:20px;
        padding:0;
}
.forminput{
        font-size:14px;
}
#response textarea{
        float:left;
        width:220px;
        height:45px;
        font:normal 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
        line-height:18px;
        padding:0 1px;
        margin:0 0 7px 0;
        border:1px solid #CCC;
}
#response input.btn, .formbutton{
        background:url(../img/form-button-bg.png) left top repeat-x;
        margin-left:82px;
        width:150px;
        height:27px;
        font-size:14px;
        line-height:24px;
        color:#bc0006;
        border:none;
        cursor: pointer;
}

#onlinequote{
    background:url(../img/packages-bg.png) left top no-repeat;
    width:330px;
    position:absolute;
    right:30px;
    top:151px;
    height:122px;
    border-bottom:1px solid #E1E1E1;
	z-index:300;
}

.formbutton{
        margin-left:0px;
        width:auto;
}

.rightbox .commercial{float:right;}
.rightbox .residential{float:left;}
.rightbox .commercial,.rightbox .residential{
        width:50%;
        line-height:27px;
}
.rightbox .commercial a,.rightbox .residential a{
        display:block;
        font-weight:normal;
}
#other_services a{
        display:block;
        float:left;
        width:50%;
        color:#0177a7;
}

#navigation{
        position:absolute;
        display: table;
        top:105px;
        left:30px;
        width:938px;
        height:36px;
        z-index:1000;
        border:1px solid #e1e1e1;
        border-width: 0 1px;
        background:url(../img/alarm-menu-bg.png) left top repeat-x;
}
#tollfree{
        position:absolute;
        top:0px;
        right:30px;
        color:#db1e24;
        font-size:26px;
        font-weight:bold;
        letter-spacing:-2px;
        /*line-height:105px;*/
        margin-top:35px; /*added*/
        text-align:right; /*added*/
        height:105px;
}
#tollfree span{
        color:#393335;
        font-size:18px;
        font-weight:bold;
        letter-spacing:0px;
}
#homelink{
        display:block;
        outline:none;
        position:absolute;
        top:0px;
        left:28px;
        text-indent:-5000px;
        width:164px;
        height:105px;
}

#banner_menu{
        position:absolute;
        top:14px;
        right:30px;
        text-align:right;
        width:750px;
        height:16px;
        line-height:16px;
        z-index:111;
        color:#393335;
}

#banner_menu a,#banner_menu a:hover{
        font:bold 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
        text-transform: uppercase;
        line-height:16px;
        color:#db1e24;
        text-decoration:none;
}
#banner_menu a:hover{text-decoration:underline;}

#footer{
        margin:0 auto;
        width:940px;
        height:70px;
        padding:0 30px;
        font-size:12px;
        color:#c0c0c0;
        background:#000 url(../img/footer-bg.png) left top repeat-x;
        border-bottom:1px solid #FFF;
        line-height:70px;
}
#footer a{
        color:#c0c0c0;
}
#footer a:hover{
        text-decoration:none;
        color:#FFF;
}
#footer_menu{
        display:block;
        float:left;
        width:70%;
        height:70px;
}
#footer_menu a,#footer_menu a:hover{
        font-weight:bold;
        color:#FFF;
        text-decoration:none;
}
#footer_menu a:hover{text-decoration:underline;}
#footer_copy{
        display:block;
        text-align:right;
        float:right;
        width:30%;
        height:70px;
}

/* SITE SEARCH */
/* Displayed on menu */
#SiteSearch{
        height:36px;
        margin:0;
		position:absolute;
		right:4px;
}
/*#SiteSearch span{
        display:block;
        float:left;
        height:37px;
        padding:0 6px 0 10px;
        font:bold 14px/37px "Trebuchet MS", Arial, Helvetica, sans-serif;
}*/
#SiteSearch input{
        margin-top:7px;
        height:17px;
        padding:2px;
        border:1px solid #ccc;
        font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
        color:#52523C;
}
#SiteSearch img{
		width:13px;
        height:13px;
        padding:0;
        border:0;
		margin-left:4px;
        cursor:pointer;
}

.searchResult{
		background:#fff url(../img/right-box-body-bg.png) repeat-x left bottom;
		border:1px solid #E1E1E1;
}
.searchResult span{
		font-weight:bold;
		color:#333;
}
.searchResult a:hover{
		text-decoration:underline;
}
