@font-face {font-family: "effra"; src: url(fonts/webfonts/effra_std_bd-webfont.eot?orgId=00DA00000009dgn); src: url(fonts/webfonts/effra_std_bd-webfont.eot?orgId=00DA00000009dgn&#iefix) format("embedded-opentype"), url(fonts/webfonts/effra_std_bd-webfont.woff?orgId=00DA00000009dgn) format("woff"), url(fonts/webfonts/effra_std_bd-webfont.ttf?orgId=00DA00000009dgn) format("truetype"), url(fonts/webfonts/effra_std_bd-webfont.svg?orgId=00DA00000009dgn&effrabold) format("svg"); font-weight: bold; font-style: normal}
@font-face {font-family: "effra"; src: url(fonts/webfonts/effra_std_md-webfont.eot?orgId=00DA00000009dgn); src: url(fonts/webfonts/effra_std_md-webfont.eot?orgId=00DA00000009dgn&#iefix) format("embedded-opentype"), url(fonts/webfonts/effra_std_md-webfont.woff?orgId=00DA00000009dgn) format("woff"), url(fonts/webfonts/effra_std_md-webfont.ttf?orgId=00DA00000009dgn) format("truetype"), url(fonts/webfonts/effra_std_md-webfont.svg?orgId=00DA00000009dgn&efframedium) format("svg"); font-weight: normal; font-style: normal}
@font-face {font-family: "effra"; src: url(fonts/webfonts/effra_std_rg-webfont.eot?orgId=00DA00000009dgn); src: url(fonts/webfonts/effra_std_rg-webfont.eot?orgId=00DA00000009dgn&#iefix) format("embedded-opentype"), url(fonts/webfonts/effra_std_rg-webfont.woff?orgId=00DA00000009dgn) format("woff"), url(fonts/webfonts/effra_std_rg-webfont.ttf?orgId=00DA00000009dgn) format("truetype"), url(fonts/webfonts/effra_std_rg-webfont.svg?orgId=00DA00000009dgn&effraregular) format("svg"); font-weight: 200; font-style: normal}
@font-face {font-family: "effra"; src: url(fonts/webfonts/effra_std_lt-webfont.eot?orgId=00DA00000009dgn); src: url(fonts/webfonts/effra_std_lt-webfont.eot?orgId=00DA00000009dgn&#iefix) format("embedded-opentype"), url(fonts/webfonts/effra_std_lt-webfont.woff?orgId=00DA00000009dgn) format("woff"), url(fonts/webfonts/effra_std_lt-webfont.ttf?orgId=00DA00000009dgn) format("truetype"), url(fonts/webfonts/effra_std_lt-webfont.svg?orgId=00DA00000009dgn&effralight) format("svg"); font-weight: 100; font-style: normal}
html { }
body { font: 200 17px/ 150% helvetica, Arial, sans-serif; color: rgb(35, 31, 32); -webkit-font-smoothing: antialiased; -moz-font-smoothing: antialiased; font-smoothing: antialiased }
a, a:visited { color: rgb(0, 144, 206); text-decoration: none }
a:hover { color: rgb(0, 181, 206) }
p { padding: 0 0 28px 0; margin: 0 }
h1 { font: 200 30px/ 100% "effra", helvetica, Arial, sans-serif; padding: 0 0 30px 0; margin: 0; color: rgb(0, 174, 240) }
h2 { font: 200 28px/ 100% "effra", helvetica, Arial, sans-serif; padding: 0 0 10px 0; margin: 0; color: rgb(0, 144, 206) }
h3 { font: normal 26px/ 100% "effra", helvetica, Arial, sans-serif; padding: 0 0 10px 0; margin: 0 }
h4 { font: normal 22px/ 100% "effra", helvetica, Arial, sans-serif; padding: 0 0 10px 0; margin: 0 }
h5 { font: bold 16px/ 100% "effra", helvetica, Arial, sans-serif; padding: 0 0 10px 0; margin: 0 }
h6 { font: bold 12px/ 100% helvetica, Arial, sans-serif; padding: 0 0 6px 0; margin: 0 }
.gray, .grey { background-color: rgb(147, 149, 152); color: rgb(255, 255, 255) }
.gray a, .grey a { color: rgb(255, 255, 255) }
.float-left { float: left }
.float-right { float: right }
.txt-center { text-align: center }
a.container-link { display: block }
.l { float: left; padding: 0 10px 10px 0 }
.r { float: right; padding: 0 0 10px 10px }
.inline-block { display: inline-block }
.clr { clear: both }
.no-style { background: transparent none !important; margin: 0 !important; padding: 0 !important; border: 0 none !important; line-height: 100% }
.hide { display: none }
label { font-weight: bold }
input[type="input"], input[type="submit"], button, a.btn { font-weight: 200; font-size: 16px; line-height: 100%; display: inline-block; cursor: pointer; background: rgb(0, 174, 240) none; color: rgb(255, 255, 255); border: 0px none; margin: 0 4px; padding: 10px 10px; border-radius: 4px; -webkit-border-radius: 6px; -moz-border-radius: 6px; -o-border-radius: 6px; -ms-border-radius: 6px }
input[type="input"]:hover, input[type="submit"]:hover, button:hover, a.btn:hover { background: rgb(0, 174, 240) none; color: rgb(255, 255, 255) !important }
input[type="input"].btn-icon:hover, input[type="submit"].btn-icon:hover, button.btn-icon:hover, a.btn.btn-icon:hover { background-color: rgb(0, 174, 240); background-image: url(../images/global/icon-arrow-right.png); background-attachment: scroll; background-repeat: no-repeat; background-position: right center; color: rgb(255, 255, 255) !important }
input[type="input"].btn-big, input[type="submit"].btn-big, button.btn-big, a.btn-big { font-size: 31px; padding: 20px 20px }
input[type="input"].btn-black, input[type="submit"].btn-black, button.btn-black, a.btn-black { background: rgb(0, 0, 0) none; font-size: 16px; padding: 6px 10px }
input[type="input"].btn-yellow, input[type="submit"].btn-yellow, button.btn-yellow, a.btn-yellow { font: 200 18px/ 100% "effra", helvetica, Arial, sans-serif; background: rgb(253, 211, 0) none; padding: 6px 10px; color: rgb(0, 0, 0); display: block; box-sizing: border-box; margin: 0 }
input[type="input"].btn-icon, input[type="submit"].btn-icon, button.btn-icon, a.btn-icon { background-image: url(../images/global/icon-arrow-right.png); background-attachment: scroll; background-repeat: no-repeat; background-position: right center; border-right: 10px solid transparent; padding-right: 24px }
input[type="text"], input[type="password"], textarea { border: 1px solid rgb(223, 223, 223); background: rgb(245, 245, 245) none; height: 25px; vertical-align: middle; padding: 0 10px; line-height: 25px; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -o-border-radius: 2px; -ms-border-radius: 2px }
textarea { line-height: 110%; resize: vertical; height: 100px; max-height: 200px; padding: 10px; width: 100%; box-sizing: border-box; -moz-box-sizing: border-box }
.htmledit textarea { max-height: none }
ul { list-style: disc }
ul li { line-height: 110%; margin: 0 0 6px 0 }
ul.features { list-style-image: url(../images/global/icon-arrow-right.png) }
ul.addons { list-style-image: url(../images/global/icon-arrow-right.png) }
ul.no-style { list-style: none; padding: 0; margin: 0 }
.wrapper { width: 1000px; margin: 0 auto }
#header { padding: 18px 0 0 0; position: relative }
#header #h-top { height: 108px; position: relative }
#header-logo { position: absolute; top: 0; left: 16px }
#header-contact { position: absolute; top: 10px; right: 0; font-size: 15px; font-weight: normal }
#header-contact a#header-login { text-transform: uppercase; color: rgb(5, 0, 0); font-size: 12px; padding: 0 10px 0 0 }
#header-contact a#header-login:hover { color: rgb(0, 144, 206) }
#header-contact img { vertical-align: middle; padding: 0 0 4px 0 }
#header-contact .contact-call { display: inline-block }
#header-contact .contact-call img { padding: 0 10px 0 0 }
#header-contact .contact-online { display: inline-block; margin: 5px 0 0 20px }
#h-btm { }
#h-btm #landingimage { margin: 0 0 12px 0; position: relative }
#h-btm #landingimage img { display: block }
#h-btm #landingimage .desc { position: absolute; top: 75px; left: 0; background: rgb(37, 170, 225) none; color: rgb(255, 255, 255); padding: 10px 15px; font: 100 22px/ 100% "effra", helvetica, Arial, sans-serif; width: 240px }
#h-btm #quicklinks { }
#container { margin-top: 45px; margin-bottom: 50px }
#content { padding: 0 15px }
#container .left2column { float: left; width: 240px; padding: 0 40px 0 0; margin: 0 0 0 0 }
#container .left2column ul { padding: 0; margin: 0 0 10px 0; list-style: none }
#container .left2column ul li { text-align: right; padding: 0; margin: 0 0 1px 0 }
#container .left2column ul li a { display: block; padding: 6px 8px; background-color: rgb(0, 174, 240); font: 200 18px/ 100% "effra", helvetica, Arial, sans-serif; color: rgb(255, 255, 255) }
#container .left2column ul li a:hover { background-color: rgb(188, 189, 193) }
#container .art-content.center-leftmargin { float: left; width: 650px; padding: 0 0 0 40px; margin: 24px 0 0 0 }
#footer { clear: both }
.subfooter { padding: 20px 0; color: rgb(182, 182, 182) }
.subfooter a { color: rgb(182, 182, 182) }
.subfooter img { vertical-align: middle; padding: 0 10px 0 0 }
.subfooter .contact { font-size: 30px; line-height: 110% }
.subfooter.grey { color: rgb(255, 255, 255) }
.subfooter.grey a { color: rgb(255, 255, 255) }
.subfooter.grey a:hover { color: rgb(0, 144, 206) }
.subfooter ul { padding: 0 9px 0 0; box-sizing: border-box; -moz-box-sizing: border-box }
.subfooter ul.last, .subfooter ul:last-child { padding-right: 0 }
.subfooter ul li { line-height: 100%; padding: 4px 0; font-size: 14px }
.subfooter .col-full { width: 100%; padding: 20px 0 0 0 }
.subfooter small { font-size: 60% }
.subfooter.top .col { padding: 0 10px; width: 125px }
.subfooter.top .col.first { padding: 0 10px 0 0 }
.subfooter.top .col.last { padding: 0 0 0 10px }
.subfooter.top .col.last ul { }
.subfooter.btm { }
.subfooter.btm .title { color: rgb(35, 31, 32) }
.subfooter.btm ul { width: 100px }
.subfooter.btm ul li { font-size: 12px }
.subfooter.btm ul li h6 { padding: 0 }
.main-menu { position: absolute; bottom: 0px; right: 0px }
.main-menu ul { list-style: none; padding: 0; margin: 0 }
.main-menu ul li { float: left; margin: 0 0 0 2px; position: relative }
.main-menu ul li a, .main-menu ul li span.nolink { display: block; background-color: rgb(188, 189, 193); color: rgb(255, 255, 255); font-size: 12px; line-height: 100%; padding: 10px 10px; text-transform: uppercase; text-decoration: none }
.main-menu ul li.pink a { background-color: rgb(237, 0, 140) }
.main-menu ul li span { cursor: default }
.main-menu ul li a:hover { background: rgb(0, 174, 240) none }
.main-menu ul ul { position: absolute; z-index: 999; display: none }
.main-menu ul li:last-child ul { right: 0 }
.main-menu ul ul li { margin: 0; padding: 0 }
.main-menu ul ul li a { padding: 5px 10px }
.main-menu ul ul li:first-child a { padding-top: 10px }
.main-menu ul ul li:last-child a { padding-bottom: 10px }
#landingimage { }
#landingimage .landingimage-bkg { width: 1000px; height: 372px; background-image: url(../images/landing/landing-home.jpg); background-color: transparent; background-attachment: scroll; background-repeat: no-repeat; background-position: 0 0; overflow: hidden }
#landingimage .landingimage-bkg .cms-landing-image { position: relative; z-index: 999; padding: 20px 20px; margin: 20px 0 0 0; max-width: 500px; display: inline-block; font: 100 40px/ 100% "effra", helvetica, Arial, sans-serif; background-color: rgb(0, 174, 240); color: rgb(255, 255, 255) }
#landingimage .landingimage-bkg .cms-landing-image small { font-size: 60% }
#landingimage .landingimage-bkg p { padding: 0 }
.servicerequest_detail .inside_left { padding-left: 0px }
.servicerequest_place #landingimage .landingimage-bkg { background-image: url(../images/landing/landing-service request.jpg) }
.userlogin #landingimage .landingimage-bkg { background-image: url(../images/landing/landing-user-login.jpg) }
.contract_edit #landingimage .landingimage-bkg, .contract_coverage #landingimage .landingimage-bkg, .account_edit #landingimage .landingimage-bkg { background-image: url(../images/landing/landing-my-account.jpg) }
.checkout #landingimage .landingimage-bkg { background-image: url(../images/landing/landning-setup-account.jpg) }
.servicerequest_list #landingimage .landingimage-bkg { background-image: url(../images/landing/landing-view-service-request.jpg) }
.users_forgetpassword #landingimage .landingimage-bkg { background-image: url(../images/landing/forgot-password.jpg) }
.buyers-plan #landingimage .landingimage-bkg { background-image: url(../images/landing/landing-buyers-plan.jpg) }
.realtors #landingimage .landingimage-bkg { background-image: url(../images/landing/landing-realtor.jpg) }
.order-a-plan-current-homeowner #landingimage .landingimage-bkg { background-image: url(../images/landing/landing-buyers-plan-order.jpg) }
.order-a-plan-realestate #landingimage .landingimage-bkg { background-image: url(../images/landing/landing-buyers-plan-order.jpg) }
.basic-plan #landingimage .landingimage-bkg { background-image: url(../images/landing/landing-basic-plan.jpg) }
.premium-plan #landingimage .landingimage-bkg { background-image: url(../images/landing/landing-premium-plan.jpg) }
.new-construction-plan #landingimage .landingimage-bkg { background-image: url(../images/landing/landing-new-construction-plan.jpg) }
.good-deals #landingimage .landingimage-bkg { background-image: url(../images/landing/landing-good-deals.jpg) }
.member-benefits #landingimage .landingimage-bkg { background-image: url(../images/landing/landing-member-benefits.jpg) }
.about-us #landingimage .landingimage-bkg { background-image: url(../images/landing/landing-about-us.jpg) }
.contact-us #landingimage .landingimage-bkg { background-image: url(../images/landing/landing-contact-us.jpg) }
.faq #landingimage .landingimage-bkg { background-image: url(../images/landing/landing-faq.jpg) }
.htmledit #landingimage .landingimage-bkg { background: transparent none; height: auto }
.home-quicklinks-container { position: absolute; bottom: 0; width: 100% }
.home-quicklinks { text-align: center }
.home-quicklinks .quicklink { background-color: rgb(255, 255, 255); background-color: rgba(255, 255, 255, 0.8); width: 275px; font: 200 30px/ 100px helvetica, Arial, sans-serif; display: inline-block; margin: 0 10px; text-align: center }
.home-quicklinks .quicklink.homeowner a { color: rgb(51, 48, 146) }
.home-quicklinks .quicklink.home-buyer a { color: rgb(236, 0, 140) }
.home-quicklinks .quicklink.new-construction a { color: rgb(67, 149, 57) }
#quicklinks { }
#quicklinks .col { float: left; width: 25%; border-right: 1px solid rgb(75, 169, 203); border-bottom: 1px solid rgb(75, 169, 203); box-sizing: border-box; -moz-box-sizing: border-box }
#quicklinks .col:first-child { border-left: 1px solid rgb(75, 169, 203); margin-left: -1px }
#quicklinks .col .col-container { margin: 0 auto; width: 90% }
#quicklinks .col .title { font: bold 28px/ 100% "effra", helvetica, Arial, sans-serif; padding: 0 0 10px 0 }
#quicklinks .col .title2 { font-family: "effra bold", helvetica, Arial, sans-serif }
#quicklinks .col#col-1 .title { color: rgb(0, 174, 239) }
#quicklinks .col#col-2 .title { color: rgb(51, 48, 146) }
#quicklinks .col#col-3 .title { color: rgb(236, 0, 140) }
#quicklinks .col#col-4 .title { color: rgb(67, 149, 57) }
#quicklinks .col .desc { font-size: 12px; line-height: 120%; color: rgb(157, 146, 127) }
#quicklinks .col .desc .img { float: left; padding: 0 10px 10px 0 }
.frm { margin: 0 0 20px 0; line-height: 110% }
.frm .col { width: 50%; padding: 8px 0; box-sizing: border-box; -moz-box-sizing: border-box }
.frm .col1 { float: left; padding-right: 20px }
.frm .col2 { float: right }
.frm .col-full { width: 100%; clear: both }
.frm .col input[type="text"] { width: 100%; box-sizing: border-box; -moz-box-sizing: border-box }
.frm input[type="checkbox"] { margin-right: 10px }
.frm .field-title { padding-top: 10px }
.frm label { font-weight: normal }
.frm .field { }
.frm input[type="image"] { vertical-align: bottom }
.frm .aspcheckboxlist td { padding: 0 20px 0 0 }
#cboxLoadedContent { margin: 0px; padding: 0 8px }
#cboxLoadedContent p { padding: 4px 0; line-height: 110% }
#cboxWrapper #cboxClose { position: absolute; bottom: auto; top: 0; right: 0 }
#license-info { padding-top: 20px; text-align: center; font-size: 12px; line-height: 18px }
.ui-accordion { }
.ui-accordion .ui-accordion-header { background-color: rgb(188, 189, 193); padding: 10px 10px; margin: 4px 0 0 0; font: 200 20px/ 100% "effra", helvetica, Arial, sans-serif; color: rgb(255, 255, 255); cursor: pointer }
.ui-accordion .ui-accordion-header.ui-state-default { }
.ui-accordion .ui-accordion-header.ui-accordion-icons { }
.ui-accordion .ui-accordion-header.ui-accordion-header-active { background-color: rgb(0, 174, 240) }
.ui-accordion .ui-accordion-content { padding: 10px 20px }
.rich-panelbar-interior { background-color: none }
.rich-panelbar { border: 0px }
.rich-panelbar-interior { background-color: rgb(255, 255, 255) }
.panelHeaderClass { background-color: rgb(188, 189, 193); background-image: none; font: 200 20px/ 100% "effra", helvetica, Arial, sans-serif; color: rgb(255, 255, 255); cursor: pointer; margin: 4px 0 0; padding: 10px }
.panelItemClass { padding: 10px 20px }
#header-contact .contact-call { display: inline-block }
#header-contact .contact-online { display: inline-block; margin: 5px 0 0 20px }
#OrderSummary .summary-body { background-color: rgb(221, 220, 224); font: 200 16px/ 100% "effra", helvetica, Arial, sans-serif; padding: 6px 4px }
#OrderSummary .summary-body { font: 200 16px/ 100% "effra", helvetica, Arial, sans-serif }
#OrderSummary .summary-title { background-color: rgb(0, 174, 240); color: rgb(255, 255, 255); font: 200 30px/ 100% "effra", helvetica, Arial, sans-serif; padding: 4px }
.orderplan .cols.two-col .col:first-child { margin: 0; padding: 0 40px 0 0; width: 240px }
.orderplan .cols.two-col .col:last-child { margin: 24px 0 0; padding: 0 0 0 40px; width: 650px }
.orderplan .cols .col { float: left; padding: 0 20px }
.orderplan table td { padding: 4px 16px 4px 0; vertical-align: top }
.orderplan table { margin: 0 0 20px; width: 100% }
.orderplan input[type="radio"], .orderplan input[type="checkbox"] { margin: 0 6px 0 0 }
.serviceTable th { background-color: rgb(0, 174, 240); color: rgb(255, 255, 255); height: 40px }
.serviceTable tr td { border: 1px solid rgb(147, 149, 152) }
.serviceTable td { padding: 5px; font-size: 12px }
.serviceTable { width: 100%; margin-top: 10px }
.srtextTitle1 { margin-top: 20px; text-align: center }
.detailTable th { background-color: rgb(0, 174, 240); color: rgb(255, 255, 255); height: 40px }
.detailTable td { padding: 5px; font-size: 14px }
.heading { font-weight: bold }
.detailTable { margin-top: 10px }
.srtextDetailTitle1 { font-size: 19px; background-color: rgb(0, 174, 240); padding-top: 12px; height: 40px; color: rgb(255, 255, 255); padding-left: 45px; margin-top: 20px; text-align: left; font-size: 20px }
.srtextTitle1 { background-color: rgb(0, 174, 240); color: rgb(255, 255, 255); font-size: 19px; height: 40px; padding-left: 45px; padding-top: 12px }
.srmaintable1 { padding-bottom: 15px; padding-left: 28px; padding-top: 23px }
.srmaintable2 { padding-bottom: 38px; padding-left: 45px; padding-top: 28px }
.srmaintable3 { padding-bottom: 38px; padding-left: 45px; padding-top: 26px }
.texTitle_L { color: rgb(14, 117, 212); float: left; font-size: 20px; font-weight: bold; padding: 15px 15px 15px 12px }
.srmaintable2 td { height: 30px; padding: 0 4px 4px 0 }
.srmaintable1 td { vertical-align: top; height: 30px }
.srmaintable3 td { vertical-align: top; padding-bottom: 8px }