/*
Title:  EverSafe Security, Inc.
Author:  Tome Wilson - tome@creativewebgroup.net
Last Updated:  July 8, 2008
*/

/* ---[ 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, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, .rss_box {margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline}
:focus {outline: 0}
body {line-height: 1; color: #000}
ol, ul {list-style: none}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: collapse; border-spacing: 0}
caption, th, td {text-align: left; font-weight: normal}
em, .em {font-style: italic}
strong, .strong {font-weight: bold}
.big {font-size: 1.15em}
.small {font-size: .75em}
.tiny {font-size: .5em}
.l {float: left}
.r {float: right}
.clear {clear: both; display: block}
.center {text-align: center}
.uppercase {text-transform: uppercase}


/* ---[ structure ]--------------------- */
html, body {background: #4088bf url(images/shell/background.gif) repeat-x; height: 100%; min-width: 777px; text-align: center}

#center-on-page {width: auto; text-align: center}
#container {margin: 0 auto; width: 777px; display: block}
#header {width: 777px; height: 68px; display: block}
#buttons, #arrow, #buttons img, #header img {float: left}

#content-area {width: 773px; padding-left: 4px; display: block; background: transparent url(images/shell/content-area/background.gif) repeat-y; font: normal 13px/1.45em  Arial, Calibri, Helvetica, sans-serif; text-align: left; color: #333}

#footer {clear: both; margin: 1em 0}
#footer-navigation {width: 530px; height: 127px; background: #fff url(images/shell/footer/background.gif) no-repeat; display: block; padding: 46px 0 0 214px}
.small-grey {font-size: 11px; font-weight: bold; color: #666}

#fine-print {text-align: justify; padding: 10px; margin-right: 32px; font-size: 10px; color: #0060a9; line-height: 1.45em}


/* ---[ sidebar contact form ]--------------------- */
/*#sidebar-form {float: right; width: 179px; display: block; background: transparent url(images/shell/sidebar-form/background.gif) repeat-y}*/
#sidebar-form {float: right; width: 179px; display: block}
#sidebar-form .first-name {background: transparent url(images/shell/sidebar-form/first-name.gif) no-repeat; width: 154px; height: 28px; display: block; padding: 25px 0 0 25px}
#sidebar-form .last-name {background: transparent url(images/shell/sidebar-form/last-name.gif) no-repeat; width: 153px; height: 28px; display: block; padding: 16px 0 0 26px}
#sidebar-form .phone-number {background: transparent url(images/shell/sidebar-form/phone-number.gif) no-repeat; width: 153px; height: 28px; display: block; padding: 16px 0 0 26px}
#sidebar-form .zip-code {background: transparent url(images/shell/sidebar-form/zip-code.gif) no-repeat; width: 153px; height: 28px; display: block; padding: 16px 0 0 26px}
#sidebar-form .email {background: transparent url(images/shell/sidebar-form/email.gif) no-repeat; width: 153px; height: 28px; display: block; padding: 16px 0 0 26px}
#sidebar-form .homeowner {background: transparent url(images/shell/sidebar-form/homeowner.gif) no-repeat; width: 162px; height: 28px; display: block; padding: 16px 0 0 17px}
#sidebar-form .questions {background: transparent url(images/shell/sidebar-form/questions.gif) no-repeat; width: 153px; height: 66px; display: block; padding: 18px 0 0 26px}
#sidebar-form .please-call-me {background: transparent url(images/shell/sidebar-form/please-call-me.gif) no-repeat; width: 159px; height: 37px; display: block; padding: 16px 0 0 20px}
#sidebar-form .call-me {background: transparent url(images/shell/sidebar-form/call-me.gif) no-repeat; width: 179px; height: 27px; display: block}
#sidebar-form .formInput {width: 127px; height: 13px; background: transparent; border: 0}
#sidebar-form .formTextarea {width: 120px; height: 51px; background: transparent; border: 0}
#sidebar-form label {display: none}
#sidebar-form .formSelect {width: 135px; height: 21px; border: 0; background: transparent url(images/shell/sidebar-form/form-background.gif) no-repeat; padding: 3px 3px 4px 3px; font-size: 11px}
#sidebar-form option {background: #fff}


/* ---[ content styles ]--------------------- */
#content-area p {padding: .5em 39px .5em 10px}

a {color: #0060a9; text-decoration: none}
a:link {color: #0060a9}
a:visited {color: #0060a9}
a:hover {color: #0060a9; text-decoration: underline}

#free-adt-ad {padding-left: 6px}

#content-area ul {margin: 0; padding: .5em 45px .5em 10px}
#content-area li {padding: .5em 0}

#content-area .fire-list ul {list-style-type: none} 
#content-area .fire-list li {background: url(images/icons/fire-safety.gif) no-repeat; background-position: 0 4px; padding: .5em 0 .5em 32px; list-style-type: none}

#content-area .pdf-list ul {list-style-type: none} 
#content-area .pdf-list li {background: url(images/icons/pdf.gif) no-repeat; background-position: 0 5px; padding: .5em 0 .5em 26px; list-style-type: none}

.photoL {float: left; margin: 0 10px .25em 0}
.photoR {float: right; margin: 0 0 .25em 10px}

.hr {font-size: 1px; border-bottom: 1px dashed #0060a9; margin: 13px 39px 13px 10px}
.pdf {background: transparent url(images/icons/pdf.gif) no-repeat right top; padding-right: 12px}
table.searchit th{background:#fff;}

/* ---[ rounded box style ]--------------------- */
.box {padding: .5em 39px .5em 10px}
.box-top {height: 14px; display: block; background: transparent url(images/shell/box/top-left.gif); font-size: 1px; line-height: 1px}
.box-top-right {height: 14px; width: 16px; display: block; background: transparent url(images/shell/box/top-right.gif) no-repeat; float: right; font-size: 1px; line-height: 1px}
.box-middle {background: transparent url(images/shell/box/right.gif) repeat-y; background-position: top right}
.box-left {background: transparent url(images/shell/box/left.gif) repeat-y; padding-left: 14px}
.box-bottom-right {height: 17px; width: 15px; display: block; background: transparent url(images/shell/box/bottom-right.gif) no-repeat; float: right; font-size: 1px; line-height: 1px}
.box-bottom {height: 17px; display: block; background: transparent url(images/shell/box/bottom-left.gif); font-size: 1px; line-height: 1px}

.box p {padding: 1em 14px 0 0}
.box h2 {padding: 0}
.box h3 {padding: 0}

.side-padding {padding-right: 150px}


/* ---[ table style ]--------------------- */
#table {width: 724px; padding: 0; margin: .5em 39px .5em 10px; font-size: 90%}
th {color: #4f6b72; border-right: 1px solid #c1dad7; border-bottom: 1px solid #c1dad7; border-top: 1px solid #c1dad7; text-align: left; padding: 6px 6px 6px 12px; background: #0060a9 url(images/shell/table/bg_header.gif) no-repeat; letter-spacing: 1px}
th.nobg {border-top: 0; border-left: 0; border-right: 1px solid #c1dad7; background: none}
td {border-right: 1px solid #c1dad7; border-bottom: 1px solid #c1dad7; background: #fff; padding: 6px 6px 6px 12px; color: #4f6b72}
td.alt {background: #f5fafa; color: #797268}
th.spec {border-left: 1px solid #c1dad7; border-top: 0; background: #fff url(images/shell/table/bullet1.gif) no-repeat}
th.specalt {border-left: 1px solid #c1dad7; border-top: 0; background: #f5fafa url(images/shell/table/bullet2.gif) no-repeat; color: #797268}


/* ---[ colors ]--------------------- */
.blue {color: #0060a9 !Important}
.yellow {color: #d58817 !Important}
.red {color: #c30 !Important}
.grey {color: #666 !Important}
.k {color: #000 !Important}
.w {color: #fff !Important}


/* ---[ headings ]--------------------- */
h1 {font: normal 20px/1.35em Arial, Calibri, Helvetica, sans-serif; padding: 10px 0 0 10px; color: #d58817}
.tight {margin: 0 0 .5em 0; letter-spacing: -1px}
h2 {font: normal 18px/1.35em Arial, Calibri, Helvetica, sans-serif; padding: .5em 45px 0 10px; margin: 0; color: #0060a9; letter-spacing: 0}
h3 {font: bold 14px/1.35em Arial, Calibri, Helvetica, sans-serif; padding: .5em 45px 0 10px; margin: 0; color: #d58817; letter-spacing: 0}