/* CSS Document for Home Services */ /* CSS Document for the Home Services Section */ /* Layout */ #wrapper { background:url(../images/home_gas/background.jpg) no-repeat center top; } /* Flash Banner */ #flash-banner .home-services { height:auto !important; height:398px; min-height:398px; padding:0 0 36px 0; } #flash-banner .interactive-house {position:relative; height:auto !important; height:547px; min-height:547px; margin:-15px 0 0 0; padding:0 0 36px 0; } /* html #flash-banner .interactive-house {position:relative;margin:-20px 0 0 0; }*/ /* Home Services Wrapper */ #home-services { width:100%; float:left; position:relative; z-index:0; } /* Home Services Content - Left Side */ #home-services-content { width:750px; float:left; display:inline; overflow:hidden; } /* Product Info */ .product-info { width:100%; padding:5px 0 20px 0; float:left; font-size:105%; } .product-info .title { width:100%; height:auto !important; height:25px; min-height:25px; padding:0 0 10px 0; float:left; font-size:175%; font-weight:100; color:#003366; position:relative; line-height:25px; } .product-info .title span.pink { font-size:80%; font-weight:bold; display:block; } .product-info .title span.small { font-size:70%; font-weight:bold; display:block; } .product-info li { padding:8px 0 8px 15px; border-bottom:1px solid #ECECEC; background:url(../images/home_services/boilerservice/bullet.gif) no-repeat left 15px; font-size:95%; } /* Home Services Nav */ #home-services-nav { width:180px; margin:-18px 0 70px 0; padding:22px 0 0 0; float:right; display:inline; background:url(../images/home_services/nav_shadow_top.png) repeat-y left top; position:relative; z-index:0; font-size:105%; } #home-services-nav .base { width:8px; height:201px; background:url(../images/home_services/nav_shadow_bot.png) no-repeat left bottom; position:absolute; left:0; bottom:-201px; } #home-services-nav ul { width:100%; margin:0; padding:1px 0 0 0; float:left; background:url(../images/help_and_questions/nav_divider.png) no-repeat left top; } #home-services-nav li { width:100%; padding:0 0 1px 0; float:left; background:url(../images/help_and_questions/nav_divider.png) no-repeat left bottom; } #home-services-nav li.first { background:url(../images/help_and_questions/nav_divider.png) no-repeat left bottom; } #home-services-nav a { width:100%; float:left; color:#666666; font-weight:normal; border:none; } #home-services-nav a:hover, #home-services-nav a:focus, #home-services-nav a:active { background:url(../images/home_services/nav_bg_generic_on.png) repeat-y left top; color:#000000; } #home-services-nav a.active { background:url(../images/home_services/nav_bg_generic.png) repeat-y left top; color:#003366; } #home-services-nav span { width:150px; height:auto !important; height:18px; min-height:18px; padding:10px 10px 10px 20px; float:left; background:url(../images/home_services/nav_bullet.png) no-repeat 11px center; line-height:18px; } /* Separator */ .separator { width:100%; height:7px; margin:0 0 40px 0; float:left; background:url(../images/home_services/divider.gif) no-repeat center top; line-height:0; font-size:0px; } /* Featurettes Section */ #featurettes { width:100%; padding:0 0 30px 0; float:left; position:relative; z-index:1; overflow:hidden; font-size:105%; } #featurettes .content { width:100%; float:left; } #featurettes ul { width:808px; margin:0; padding:0 0 55px 0; float:left; } #featurettes li { float:left; display:inline; } #featurettes ul.rule-1, #featurettes ul.rule-2 { width:100%; } #featurettes .two-column li { width:350px; margin:0 44px 0 0; } #featurettes .three-column li { width:220px; margin:0 40px 0 0; } #featurettes .four-column li { width:170px; margin:0 10px 0 0; } #featurettes a { width:100%; float:left; font-weight:normal; border:none; } #featurettes .text a { width:auto; float:none; font-weight:bold; border-bottom:1px dotted #4B4B4B; } #featurettes .title { width:100%; height:auto !important; height:25px; min-height:25px; padding:0 0 2px 0; float:left; font-weight:100; color:#003366; position:relative; line-height:25px; font-size:120%; } #featurettes .image { float:right; display:inline; font-size:0px; } #featurettes a img { float:right; display:inline; } #featurettes p { margin-bottom:8px; } #featurettes .two-column li.left { margin:0; } #featurettes .two-column li.right { margin:0; float:right; } #featurettes .rule-1 .left .title { float:left; } #featurettes .rule-1 .right .title { float:right; } #featurettes .rule-2 .left .title { float:right; } #featurettes .rule-2 .right .title { float:left; } #featurettes .two-column .image { float:left; display:inline; } #featurettes .rule-1 .left .image { float:right; } #featurettes .rule-1 .right .image { float:left; } #featurettes .rule-2 .left .image { float:left; } #featurettes .rule-2 .right .image { float:right; } /* Snippets on right-hand side of pages */ .snippet { width:133px; padding:20px 20px 0 20px; float:right; clear:right; background:url(../images/home_services/box_pixel.jpg) repeat-y left top; } .snippet .top { width:173px; height:90px; margin:-20px -20px -70px -20px; float:left; display:inline; background:url(../images/home_services/box_top.jpg) no-repeat left top; } .snippet .base { width:173px; height:30px; margin:-20px -20px -20px -20px; float:left; display:inline; background:url(../images/home_services/box_bottom.jpg) no-repeat left top;} .snippet .title { width:100%; height:auto !important; height:18px; min-height:18px; padding:0 0 2px 0; float:left; font-weight:100; color:#003366; position:relative; line-height:18px; font-size:120%; } .snippet p { margin-bottom:8px; } .snippet a { font-size:105%; } /* Boiler Service Page */ #home-services-content .application { width:339px; margin:-11px 14px 20px 40px; float:right; display:inline; } #home-services-content .application p { margin-bottom:10px; } #home-services-content .application .button { padding:10px 0 10px 0; text-align:center; } a.book-online-now { width:339px; height:55px; margin:0 auto; background:url(../images/home_services/boilerservice/btn_book.gif) no-repeat left top; display:block; font-weight:normal; border:none; } a.book-online-now:hover, a.book-online-now:focus, a.book-online-now:active { background:url(../images/home_services/btn_book_on.gif) no-repeat 0px 1px; } a.apply-online-now { width:339px; height:55px; margin:0 auto; background:url(../images/home_services/btn_apply.png) no-repeat left top; display:block; font-weight:normal; border:none; } a.apply-online-now:hover, a.apply-online-now:focus, a.apply-online-now:active { background:url(../images/home_services/btn_apply_on.png) no-repeat left top; } #ask-you-engineer { width:710px; height:auto !important; height:25px; min-height:25px; margin:20px 0 0 0; padding:11px 20px; float:left; background:#DAEAF7; font-size:175%; font-weight:100; color:#003366; position:relative; line-height:25px; } #ask-you-engineer .content { width:100%; float:left; line-height:25px; } #upgraded-services { width:720px; height:auto !important; height:308px; min-height:308px; margin:0 0 20px 0; padding:28px 15px 20px 15px; float:left; background:url(../images/home_services/boilerservice/divider.jpg) no-repeat center center #FDFDFD; overflow-x:hidden; position:relative; } #upgraded-services .content { width:802px; float:left; position:relative; } #upgraded-services .column { width:319px; margin:0 82px 0 0; float:left; display:inline; } #upgraded-services ul { width:100%; float:left; } #silver-service { width:319px; float:left; } #silver-service .logo { width:216px; height:auto !important; height:86px; min-height:86px; padding:0 0 25px 103px; float:left; background:url(../images/home_services/new/icon_boilercare2.gif) no-repeat left top; } #silver-service .logo strong { font-size:105%; } #gold-service { width:319px; float:left; } #gold-service .logo { width:216px; height:auto !important; height:86px; min-height:86px; padding:0 0 25px 103px; float:left; background:url(../images/home_services/new/icon_boilercare3.gif) no-repeat left top; } #gold-service .logo strong { font-size:105%; } #boiler-service-li-1 { width:357px; } * html #boiler-service-li-1 { margin-top:-45px; position:relative; } * + html #boiler-service-li-1 { margin-top:-60px; position:relative; } .fix-me {color:#FF0000;} /* Home Service Application */ #home-services-booking { margin:0 30px; padding:0 0 20px 0; } #home-services-booking table { width:400px; margin:0 auto 0 auto; } #home-services-booking table table { width:100%; margin:0; } #home-services-booking th { padding:0 0 15px 0; vertical-align:middle; font-size:90%; font-weight:bold; text-align:left; } #home-services-booking td { padding:0 0 6px 0; vertical-align:middle; font-size:90%; z-index:0; } #home-services-booking td td { padding:0; } #home-services-booking td.label { width:210px; font-weight:bold; text-align:right; padding:0 3px 6px 0; } #home-services-booking td.left { width:75px; } #home-services-booking td.submit { padding:20px 0 0 44px; } #home-services-booking textarea { width:207px; max-width:207px; height:50px; min-height:50px; max-height:50px; font-size:110%; } * html #home-services-booking textarea { width:205px; } * html #home-services-booking div.textarea .tr { right:-2px; } * html #home-services-booking div.textarea .bl { bottom:-2px; } * html #home-services-booking div.textarea .br { right:-2px; bottom:-2px; } * html #home-services-booking td.label { width:280px; padding:0 2px 6px 0; } * + html #home-services-booking td.label { width:280px; padding:0 2px 4px 0 } #home-services-booking .input { width:213px; } #home-services-booking .input input { width:207px; } #home-services-booking .wHelp input { width:185px; } #home-services-booking td td .input { width:148px; } #home-services-booking td td .input input { width:142px; } #home-services-booking td td .wHelp input { width:110px; } #home-services-booking td td.left .input { width:53px; } #home-services-booking td td.left .input input { width:47px; } #home-services-booking td td.left .wHelp input { width:25px; } #home-services-booking td td.left select { width:70px; } #home-services-booking select { width:220px; } .home-services-form .ajax-response { padding:30px; } /* BER Section */ #price-table {margin:0 0 20px 0; padding:5px; width:70%;} #price-table th {margin:0; padding:10px 0 10px 10px; background-color:#72BC43; text-align:left; color:#fff; font-weight:bold;} #price-table th span { font-weight:normal;} #price-table td {padding:10px 0 10px 10px; border-bottom:1px solid #CECECE;} #price-table .discount { background-color:#F1F9EC;} .terms {font-size:80%;} .price {padding-top:12px; font-weight:bold;} /* Insulation */ #why-insulate-your-attic li { width:435px; } /* boiler repair section */ #home-services-content .application-boiler { width:220px; margin:-11px 14px 20px 30px; float:right; display:inline; } * html #home-services-content .application-boiler { margin:-11px 14px 20px 20px;} * + html #home-services-content .application-boiler { margin:-11px 14px 20px 20px;} #home-services-content .application-boiler p { margin-bottom:10px; } #home-services-content .application-boiler .button { padding:10px 0 10px 0; text-align:center; } a.apply-online-now-boiler { width:230px; height:56px; margin:0 auto; background:url(../images/home_services/new/services/btn_book.png) no-repeat left top; display:block; font-weight:normal; border:none; margin-left:-10px;} a.apply-online-now-boiler:hover, a.apply-online-now-boiler:focus, a.apply-online-now-boiler:active { background:url(../images/home_services/new/services/btn_book_over.png) no-repeat left top; } a.apply-online-now-boiler-service { width:230px; height:56px; margin:0 auto; background:url(../images/home_services/new/services/btn_book.png) no-repeat left top; display:block; font-weight:normal; border:none; margin-left:-10px;} a.apply-online-now-boiler-service:hover, a.apply-online-now-boiler:focus, a.apply-online-now-boiler:active { background:url(../images/home_services/new/services/btn_book_over.png) no-repeat left top; } .product-info span.green { font-size:80%; font-weight:bold; display:block; color:#5AC537;} .bullet-width {width:457px;} #title-silver-gold { width:319px; height:auto !important; height:25px; min-height:25px; margin:20px 0 0 0; padding:11px 20px; float:left; background:#DAEAF7; font-size:175%; font-weight:100; color:#003366; position:relative; line-height:25px; } #title-silver-gold .content { width:100%; float:left; line-height:25px; } .right-text { margin-left: 45px; float: left; width: 435px;margin-top:25px; display:inline; } * html .right-text { margin-left:22px; } #ask-you-engineer-service { width:710px; height:auto !important; height:25px; min-height:25px; margin:20px 0 0 0; padding:11px 20px 0px 0px; float:left; font-size:175%; font-weight:100; color:#003366; position:relative; line-height:25px; } #ask-you-engineer-service .content { width:100%; float:left; line-height:25px; } #upgraded-services-last { width:720px; height:auto !important; height:308px; min-height:308px; margin:0 0 20px 0; padding:28px 15px 20px 0px; float:left; overflow-x:hidden; position:relative; } #upgraded-services-last .content { width:802px; float:left; position:relative; } #upgraded-services-last .column { width:350px; margin:0 40px 0 0; float:left; display:inline; background:#FDFDFD;} #upgraded-services-last ul { width:100%; float:left;} #silver-service-last { width:319px; float:left; } #silver-service-last .logo { width:340px; height:auto !important; height:20px; min-height:20px; padding:30px 0px 0px 10px; float:left; background:#F1F7FB;} #silver-service-last .logo strong { font-size:105%; } #gold-service-last { width:319px; float:left; } #gold-service-last .logo { width:340px; height:auto !important; height:20px; min-height:20px; padding:30px 0px 0px 10px; float:left; background:#F1F7FB; } #gold-service-last .logo strong { font-size:105%; } .silver-gold-content {padding-left:20px;} .image-logo {float:left;margin-top:-13px;} #silver-service-last .title { float:left;width:200px;padding-left:15px; } #gold-service-last .title { float:left;width:200px;padding-left:15px; } .standard-boiler {float:left;padding-right:25px;margin-top:10px;font-size:11px;color:#04255A;width:130px;} .system-boiler {float:left;margin-top:10px;font-size:11px;color:#04255A;} /* Layout */ #wrapper { background:url(../images/home_team/background.jpg) no-repeat center top; } /*.request-callback { width:968px; height:71px; margin:-86px 0 0 0; padding:15px 0 0 0; float:left; position:relative; overflow:hidden; z-index:0; } .request-callback .content { float:left; position:relative; left:50%; text-align:center;} .request-callback .content a.callback { position:relative; left:-50%; background:url(../images/home_team/btn_call_back.png) no-repeat left top; display:block;width:425px;height:52px;text-decoration:none;border:0;} .request-callback .content a.callback:hover { background:url(../images/home_team/btn_call_back_on.png) no-repeat left top; }*/