/******************************************************************************** * * * Author : Geoff Moore * * Web : http://www.geoff-moore.co.uk * * E-mail : geoff ( at ) geoff-moore ( dot ) ( co ) ( dot ) ( uk ) * * Modified : 1-Aug-2008 * * * * Copyright (c) 2007 Geoff Moore. All Rights Reserved. * * Use of this code is not permitted without permission! * * * ********************************************************************************/ html {height:101%;} body {background:#fff url(../images/backgrounds/body-background.png) no-repeat fixed -150px 0;min-width:960px;text-align:center;} #wrapper {position:relative;margin:90px auto;width:960px;padding:0;text-align:left;} /* News letter & Open Day */ .additional-services {position:absolute;top:-70px;right:20px;z-index:999;} .additional-services legend {display:none;} .additional-services label {font-weight:600;color:#D7001D;font-size:14px;} .additional-services input[type="text"]{width:15em;} .additional-services button {} .additional-services span {display:block;margin:20px 0;font-size:24px;font-weight:600;color:#1d1d1d;text-align:right;} .additional-services span strong {font-size:36px;color:#d7001d;} .additional-services span.next-open-day {position:absolute;z-index:20;top:67px;right:-10px;background:transparent url(../images/backgrounds/open-date-count-down.png) no-repeat left 100%;font-size:12px;padding:9px;text-align:right;color:#666;width:474px;} .additional-services .telephone {width:499px;height:69px;background: url(../images/headings/call-kimberley.png) no-repeat 0 0;margin:0 -19px 0 0;padding:0;} .additional-services form {margin-top:15px;} .additional-services .drop-in-service {font-size:14px;margin:-5px 0 0;padding:0 6px 0 0;color:#333} .additional-services span.next-open-day strong {font-size:12px;} .additional-services span.next-open-day #nextdate {display:inline;margin:0 5px;color:#333!important;font-size:14px;} .additional-services span.next-open-day #nextdate strong {color:#333;} .additional-services span.next-open-day #cntdwn {display:block;margin:2px 4px 0 0;} .additional-services .logo {position:absolute;top:97px;left:-450px;width:276px;height:140px;display:block;background:transparent url(../images/logos/smartabc-company-logo.png) no-repeat 0 100%;z-index:30;} .sub-page .additional-services .telephone {margin-top:-1px;} .sub-page .additional-services .drop-in-service {display:none;font-size:14px;margin:5px 0 0;padding:0 6px 0 0;color:#333;} /* Site branding and header image gallery */ .branding {position:relative;margin:0 0 10px;padding:0;background: url(../images/backgrounds/branding-background.png) no-repeat 0 0;height:351px;} .branding a img {border:none;} /* Site content */ .home-page .content {position:relative;margin:0 0 10px;padding:0;background: url(../images/backgrounds/home-page/home-content-background.png) no-repeat 0 0;} .home-page .content dl.company-focus {position:relative;margin:0;padding:0;width:960px;height:301px;} .home-page .content dl.company-focus dd {position:absolute;top:15px;width:308px;height:273px;color:#fff;} .home-page .content dl.company-focus dd.first {background: url(../images/backgrounds/home-page/x3-col-left-box.jpg) no-repeat 0 0;left:15px;} .home-page .content dl.company-focus dd.second {background: url(../images/backgrounds/home-page/x3-col-mid-box.jpg) no-repeat 0 0;left:326px;} .home-page .content dl.company-focus dd.third {background: url(../images/backgrounds/home-page/x3-col-right-box.jpg) no-repeat 0 0;left:639px;} .home-page .content dl.company-focus dd .content {position:relative;width:271px;margin:49px 0 0 10px;padding:7px;height:136px;background: url(../images/backgrounds/home-page/x3-col-content-bg.png) no-repeat 0 0;} .home-page .content dl.company-focus dd .content h2 {margin:0 0 3px;} .home-page .content dl.company-focus dd .content em {font-weight:600;font-style:normal;margin-bottom:.25em;display:block;color:#efefef;} .home-page .content dl.company-focus dd .content p {color:#ddd;} .home-page .content dl.company-focus dd .content a {position:absolute;bottom:20px;left:7px;color:#FFCC00;} /* Sub Content */ .home-page .content .sub-content {position:relative;margin:10px 0 0;padding:15px 30px;background:#f4f4f4;} .home-page .content .sub-content h3 {height:26px;min-height:36px;color:#333;font-size:16px} .home-page .content .sub-content .left {width:420px;} .home-page .content .sub-content .right {width:420px} .home-page .content .sub-content .left img, .home-page .content .sub-content .right img, .home-page .content .sub-content .right dl {padding:10px 10px 10px;border-left:1px solid #ccc;border-right:1px solid #ccc;border-bottom:1px solid #ccc;background:#fff;margin:15px 0;} .home-page .content .sub-content .right dl dt {text-indent:0;width:290px;margin-bottom:12px;color:#D7001D;} .home-page .content .sub-content .right dl dd {margin-bottom:10px;background:transparent url(../images/icons/green-tick.png) 0 0% no-repeat;padding-left:25px;font-weight:600;} dl dd.no-tick {background: #fff none scroll!important;} /* Sub Pages ALA NON HOMEPAGE */ .sub-page #wrapper {margin-top:120px;} .sub-page .logo {top:-80px;background:transparent url(../images/logos/smartabc-company-logo-sml.png) no-repeat 0 100%;} .sub-page #slideshow li {z-index:auto;} .sub-page #slideshow li.active {z-index:auto;} .sub-page .content {position:relative;margin:0 0 10px;padding:0;} .sub-page .content .sub-content {position:relative;margin:10px 0 0;} .sub-page .content .sub-content .open-day {position:relative;} .sub-page .content .sub-content .open-day h3 span {display:inline;} .sub-page .content .sub-content .open-day span {display:block;font-weight:600;margin-bottom:9px;} .sub-page .content .sub-content .open-day #nextdate {position:absolute;top:27px;left:133px;} .sub-page .content .sub-content .hi-lite {background:#fff;padding:0.7em;margin-left:-10px;margin-bottom:6px;border:1px solid #afafaf;} .sub-page .content .sub-content .left {width:535px;padding:15px 30px;background:#f4f4f4;} .sub-page .content .sub-content .right {background:#f4f4f4;} .sub-page .content .sub-content .right .sub {width:294px;padding:15px 30px;border-bottom:10px solid #fff;} .sub-page .content .sub-content .left img, .sub-page .content .sub-content .right img, .sub-page .content .sub-content .left dl, .sub-page .content .sub-content .right dl, .sub-page .content .sub-content blockquote, #formquotethanks #techres img {padding:10px 10px 10px;border-left:1px solid #ccc;border-right:1px solid #ccc;border-bottom:1px solid #ccc;background:#fff;margin:15px 0;} .sub-page .content .sub-content blockquote p {text-align:left;} .sub-page .content .sub-content .human-quote-left {background:#fff url(../images/quote-left.gif) no-repeat 10px 10px;} .sub-page .content .sub-content .human-quote-right {line-height:2em;background:#fff url(../images/quote-right.gif) no-repeat 92% bottom;padding:0 40px;margin-bottom:20px;} .sub-page .content .sub-content .human-quote {line-height:2em;padding:0 40px;} .sub-page .content .sub-content blockquote em {display:block;text-align:right;padding-right:40px;color:#0098C9;} .sub-page .content .sub-content .toggle {display:block;margin-bottom:20px;cursor:pointer;} .sub-page .content .sub-content dl dt {text-indent:0;margin-bottom:8px;color:#b00119;} .sub-page .content .sub-content dl dd {margin-bottom:10px;background:transparent url(../images/icons/green-tick.png) 0 0% no-repeat;padding-left:25px;font-weight:600;} .sub-page .content .sub-content .left dl.show-hide {border:none;margin:0;padding:0 0 10px;} .sub-page .content .sub-content .left dl.show-hide dd {background:none;font-weight:500;} .sub-page .content .sub-content .left img + h2 {margin-top:10px;} .sub-page .content .sub-content h3, legend, #toggle {color:#b00119;} .sub-page .content .sub-content .sub a {position:relative;} .sub-page .content .sub-content h1 + h2 {margin:10px 0 10px;} #toggle {cursor:pointer;} .site-map dl dl {border:none!important;} /* Technician template */ #techres {margin-top:20px;} #techres li {display:block;clear:both;} #techres li img {margin:0;float:left;margin:0 20px 20px 0;} #techres li a {display:block;} .technician-photo {position:relative;width:510px;} .technician-name {position:absolute;top:52px;left:41px;padding:.4em;background:#fff;z-index:999;} .technician-tel {position:absolute;bottom:40px;right:-12px;font-size:16px;padding:.4em;background:#fff;} #googlemap {margin-bottom:10px;border:1px solid #aaa;} .technician-info {min-height:50px;} .technician-info .rating {float:right;margin:0px 10px;padding:10px;} .staron{display: inline-block;margin: 2px;width: 28px;height: 26px;position: relative;background:#f4f4f4 url(../images/icons/crystal-stars.png) no-repeat 0 -84px;} .staroff{display: inline-block;margin: 2px;width: 28px;height: 26px;position: relative;background:#f4f4f4 url(../images/icons/crystal-stars.png) no-repeat 0 -58px;} #lmcslider div img, #lmc3d div img, #lmczo div img{background:transparent!important} .tech-comments {background:#fff url(../images/quote-left.gif) no-repeat 10px 10px;padding:10px 10px 10px 50px;position:relative;margin-bottom:60px;} .tech-comments ul {background:#fff url(../images/quote-right.gif) no-repeat right bottom;} .tech-comments p {} .tech-comments span.author {position:absolute;left:0;bottom:-30px;width:524px;background:#bfbfbf;text-align:right;padding:5px 10px 5px 0;border-top:1px solid #333;color:#fff;} .contact-form, .technician-customer-rating {position:relative;margin:10px 0;padding:0 0 20px;} .contact-form legend, .technician-customer-rating legend {margin:0;padding:0;} .contact-form fieldset fieldset legend {display:none;} .contact-form fieldset.optional legend, .technician-customer-rating legend {display:block!important;} .contact-form label, .technician-customer-rating label {position:relative;display:block;margin:6px 0 12px;width:21.5em;font-weight:600;} .contact-form input[type="text"], .contact-form textarea, .contact-form select, .technician-customer-rating input, .technician-customer-rating textarea {display:block;padding:.4em;width:18em;} .contact-form textarea, .technician-customer-rating textarea {width:42.6em;height:100px;} .contact-form select {width:21em} .technician-customer-rating button {display:block;clear:left;margin-top:40px;} .contact-form .left {width:263px!important;margin:0;padding:0!important;} .contact-form .right {width:263px!important;margin:0;padding:0;} .contact-form .optional label {width:41.5em;} .contact-form .optional select {width:43.3em;} .contact-form .optional .radio1 {width:5em;position:relative;margin:-22px 0 22px 470px;} .contact-form button, .technician-customer-rating button {padding:.2em;text-align:center;width:10em} .antispamcheck {display:none!important;} .right .newsletter-form fieldset, .quick-comment-form, .customer-feedback-form, .book-franchisee-form {position:relative;margin:0;padding:0 0 20px;} .right .newsletter-form fieldset legend, .quick-comment-form legend, .customer-feedback-form legend, .book-franchisee-form legend {margin:0;padding:0;} .right .newsletter-form label, .quick-comment-form label, .customer-feedback-form label, .book-franchisee-form label {position:relative;display:block;margin:6px 0;width:23em;font-weight:600;} .right .newsletter-form input, .quick-comment-form input, .customer-feedback-form input, .book-franchisee-form input {display:block;} .right .newsletter-form input[type="text"]{padding:.4em;width:15em;} #mcemailaddress {width:200px;margin-right:10px;} .quick-comment-form input[type="text"], .quick-comment-form textarea, .customer-feedback-form input[type="text"], .customer-feedback-form textarea, .book-franchisee-form input[type="text"][type="text"], .book-franchisee-form textarea {padding:.4em;width:21em;margin-bottom:10px;} .quick-comment-form textarea, .book-franchisee-form textarea {width:23em;} .quick-comment-form button, .book-franchisee-form button {display:block;margin-top:10px;padding:.2em;} .right .newsletter-form button[type="submit"]{position:absolute;top:25px;right:14px;padding:.2em;} /* Customer Feedback */ .customer-feedback-form input[type="text"] {padding:.4em;width:31em;margin-bottom:10px;} .customer-feedback-form textarea {width:34.5em;height:100px;min-height:100px;} .technician-search-form {position:relative;margin:0;padding:0;} .technician-search-form legend {display:none;} .technician-search-form label {padding:6px;} .technician-search-form input[type="text"]{margin:0 10px 0 190px;width:330px;border:1px dotted #1a1a1a;padding:5px;background:#fff;color:#333;} #payment-method li {float:left;display:inline;margin:0 5px 0 0;} /* Form Error and Success Styling */ .formerror, .formthanks {position:relative;display:block;margin:10px 0;width:514px;padding:.4em;background:#B00119 url(../images/icons/error.png) no-repeat 500px center;border:1px solid #fff;color:#fff;} .formthanks {background:#47be18 url(../images/icons/accept.png) no-repeat 500px center;} .right .formerror, .right .formthanks {width:280px;background-position: 270px 5px;} /* STYLES TO ADD MORE TO THE LINKS */ .home-page .content dl.company-focus dd .content a em.link, .sub-page .content .sub-content a em.link {font-weight: normal;background: url(../images/hover.gif) no-repeat;width: 180px;height: 45px;position: absolute;top: -85px;left: 15px;text-align: center;padding: 10px 12px 20px;font-style: normal;z-index: 2;display: none;} /* Gallery */ /*** set the width and height to match your images **/ #slideshow {position:absolute;top:0;left:0;height:316px;} #slideshow li {position:absolute;top:17px;left:17px;z-index:8;opacity:0.0;height: 316px;background:transparent url(../images/header-gallery/loader.gif) no-repeat center center;} #slideshow li span {position:absolute;top:283px;right:0px;padding-right:10px;display:block;width:915px;text-align:right;height:33px;line-height:33px;z-index:30;background:transparent url(../images/backgrounds/black70.png) repeat;color:#fff;} #slideshow li a {text-decoration:none;cursor:pointer;} #slideshow li a:hover span {color:#0098C9;} #slideshow li span {color:#fff;font-size:24px;text-shadow: #151515 1px -1px -1px;font-weight:500} #slideshow li.active {z-index:10;opacity:1.0;} #slideshow li.last-active {z-index:9;} #slideshow li img {height: 316px;display: block;border: 0;margin-bottom: 0px;} /* News Full */ .news .news-art {position:relative;padding:0px 10px 10px;border-left:1px solid #ccc;border-right:1px solid #ccc;border-bottom:1px solid #ccc;background:#fff;margin:15px 0;} .news h2 {margin:6px 0;padding-top:10px;} .news .date {position:absolute;top:10px;right:20px;color:#B00119;font-weight:600;} .news .link {display:block;margin:10px 10px;text-align:right;color:#0098C9;font-weight:600;} .right .latest-news {position:relative;} .right .date {position:absolute;top:14px;right:30px;font-weight:600;color:#B00119;} .right .news-art {} .right .latest-news a {display:block;} /* Technician locator - map */ .map {background:#fff;height:550px;margin-top:10px} .map ul {margin:0;padding:0;position:relative;background: url(../images/UK-regions-map.gif) no-repeat 13px 0px;height:550px;} .map li a {position:absolute;} .map li a:hover {z-index:100;} .scotland {width:184px;height:227px;top:18px;left:186px;} .northeast {width:74px;height:87px;top:179px;left:335px;} .northwest {width:61px;height:140px;top:219px;left:303px;} .yorkshirehumberside {width:99px;height:77px;top:259px;left:342px;} .eastmidlands {width:93px;height:102px;top:316px;left:360px;} .westmidlands {width:83px;height:89px;top:341px;left:313px;} .eastanglia {width:94px;height:95px;top:355px;left:413px;z-index:10;} .london {width:35px;height:28px;top:434px;left:419px;z-index:150;} .wales {width:86px;height:130px;top:327px;left:231px;z-index:150;} .southeast {width:135px;height:102px;top:405px;left:366px;z-index:10;} .southwest {width:175px;height:132px;top:412px;left:208px;} .northernireland {width:96px;height:66px;top:238px;left:110px;} .ireland {width:96px;height:62px;position:absolute;top:240px;left:109px;} .southernireland {width:159px;height:135px;position:absolute;top:305px;left:26px;} /* Navigation */ /* Tabs ----------------------------------*/ .ui-tabs {zoom: 1; } .ui-tabs .ui-tabs-nav {position: relative;} .ui-tabs .ui-tabs-nav li.ui-tabs-selected {} .ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: pointer; } .ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer;} /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */ .ui-tabs .ui-tabs-nav .ui-state-active a:focus {} .ui-tabs .ui-tabs-hide { display: none !important; } #navigation-container {position:absolute;top:17px;left:17px;background:transparent url(../images/backgrounds/black70.png) repeat;color:#fff;padding:0px;width:909px;padding:8px;z-index:999;height:72px} #navigation-container li {display:inline;list-style:none;float:left;} #navigation-container ul a {display:block;padding:6px 6px;text-decoration:none!important;margin:0;font:14px arial;font-weight:500;color:#fff;} #navigation-container ul a:hover {color:#0098C9;background:transparent url(../images/backgrounds/black70.png) repeat;} #navigation-container ul a.current {background:transparent url(../images/backgrounds/red70.png) repeat;} #navigation-container ul a.selected {background:transparent url(../images/backgrounds/black70.png) repeat;color:#0098C9;} #navigation-container .sub-navigation {position:absolute;top:38px;left:0;padding:6px 0 8px 8px;margin:0px;width:917px;} #navigation-container .sub-navigation a, #navigation-container .sub-navigation label {color:#0098C9;font-size:12px;border:1px solid transparent;} #navigation-container .sub-navigation a:hover, #navigation-container .sub-navigation label:hover {color:#fff;} #navigation-container .sub-navigation a.selected, #navigation-container .sub-navigation label.selected {background:transparent url(../images/backgrounds/black70.png) repeat;border:1px dotted #2f2f2f;} #navigation-container .sub-navigation li span {display:block;display:block;padding:4px 0 4px 6px;font-size:11px;color:#780010;} #navigation-container .franchisee-section, #navigation-container .services-section, #navigation-container .franchise-locator {background:transparent url(../images/backgrounds/black70.png) repeat;} .ui-stars-star, .ui-stars-cancel {float: left;display: block;overflow: hidden;text-indent: -999em;cursor: pointer;} .ui-stars-star a, .ui-stars-cancel a {width: 28px;height: 26px;display: block;position: relative;background:#f4f4f4 url(../images/icons/crystal-stars.png) no-repeat 0 0;} .ui-stars-star a {background-position: 0 -56px;} .ui-stars-star-on a {background-position: 0 -84px;} .ui-stars-star-hover a {background-position: 0 -112px;} .ui-stars-cancel-hover a {background-position: 0 -28px;} .ui-stars-star-disabled, .ui-stars-star-disabled a, .ui-stars-cancel-disabled a {cursor: default !important;} input[type="hidden"]{display:none;} /* When JS Disabled */ #tabs-1.sub-navigation {margin-top:0px;} #tabs-2.sub-navigation {margin-top:50px;} #tabs-3.sub-navigation {margin-top:91px;} /* When JS Enabled */ #tabs-1.sub-navigation.enabled, #tabs-2.sub-navigation.enabled, #tabs-3.sub-navigation.enabled {margin:auto;} .hide {display:none;} #navigation-container.hide {height:30px;display:block;} /* Footer */ .footer {position:relative;margin:20px 0;padding:0;border-top:2px solid #efefef;background:#fefefe;padding:10px 30px 40px;} .footer li {display:block;margin-right:10px;float:left;} /* Jquery Tabs */ /* tab pane styling */ div.panes {background:transparent; height:390px; } div.panes div { padding:0px; } /* root element for tabs */ ul.tabs { list-style:none; margin: 0 0 0 424px!important; padding:0; border-bottom:1px solid #666; height:30px; width:536px } /* single tab */ ul.tabs li { float:left; text-indent:0; padding:0; margin:0 !important; list-style-image:none !important; } /* link inside the tab. uses a background image */ ul.tabs a { background: url(../images/backgrounds/blue.png) no-repeat -420px 0; font-size:11px; display:block; height: 30px; line-height:30px; width: 134px; text-align:center; text-decoration:none; color:#333; padding:0px; margin:0px; position:relative; top:1px; } ul.tabs a:active { outline:none; } /* when mouse enters the tab move the background image */ ul.tabs a:hover { background-position: -420px -31px; color:#fff; } /* active tab uses a class name "current". it's highlight is also done by moving the background image. */ ul.tabs a.current, ul.tabs a.current:hover, ul.tabs li.current a { background-position: -420px -62px; cursor:default !important; color:#000 !important; } /* Different widths for tabs: use a class name: w1, w2, w3 or w2 */ /* width 1 */ ul.tabs a.s { background-position: -553px 0; width:81px; } ul.tabs a.s:hover { background-position: -553px -31px; } ul.tabs a.s.current { background-position: -553px -62px; } /* width 2 */ ul.tabs a.l { background-position: -248px -0px; width:174px; } ul.tabs a.l:hover { background-position: -248px -31px; } ul.tabs a.l.current { background-position: -248px -62px; } /* width 3 */ ul.tabs a.xl { background-position: 0 -0px; width:248px; } ul.tabs a.xl:hover { background-position: 0 -31px; } ul.tabs a.xl.current { background-position: 0 -62px; } /* initially all panes are hidden */ div.panes div.pane { } #intro-tab {display:none!important;} /* Quick Quote Facility */ #quick-quote-facility-page #wrapper {position:relative;z-index:10;} #wrapper2 #contact {position:absolute;top:-77px;right:114px;font-size:22px;color:#093F68;line-height:36px;} #quick-quote-facility-page .logo {position:absolute;top:-67px;left:-47px;width:276px;height:140px;display:block;background:transparent url(../images/logos/smartabc-company-logo.png) no-repeat 0 100%;z-index:600;} #quick-quote-facility-page .branding {background:transparent url(../images/backgrounds/quick-quote-surround-bg.png) no-repeat 0 0;height:390px;} #quick-quote-facility-page .branding-alt {background:transparent url(../images/backgrounds/branding-alt.png) no-repeat 0 0;height:333px;} #quick-quote-facility ul {position:relative;margin:8px 0 0 7px;padding:0;overflow:hidden;list-style-type:none;background: transparent url(../images/backgrounds/quick-quote-bg.png) no-repeat 0 0;} #quick-quote-facility #quote {height:60px;left:0;line-height:60px;position:absolute;text-align:right;top:0;width:246px;background:#004E68 none repeat scroll 0 0;padding:0 133px 0 205px} #quick-quote-facility #quote span {padding:0.5em;background:#00445a;color:#fff;font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;margin-left:-5px;font-size:22px;width:400px} #quick-quote-facility #quote span#estimation {padding:0;background:none;margin:0;} #quick-quote-facility #area {float:left;width:585px;border-right:1px solid yellow;height:354px;padding-top:20px;position:relative;} #area label {color:#fff;} #quick-quote-facility #controls {position:relative;float:right;width:320px;padding:20px;margin:-15px 0 0;} #controls label {float:left; width:150px;margin:10px 10px 5px 0;color:#fff;} #controls label.max-width {width:310px;} #controls label.max-width textarea {width:300px;height:50px;overflow:auto;} #controls select {width:307px;} #controls button {position:absolute;bottom:-20px;left:20px;padding:.3em;width:150px;} #area1, #area2, #area3, #area4, #area5, #area6, #area7, #area8, #area9, #area10, #area11, #area12 {position:absolute;padding:.2em .4em;background:#00445a;display:inline-block;} #area2, #area3, #area4, #area5, #area11, #area12 {left:390px;} #area6, #area7, #area8, #area9, #area10 {left:10px;} #front-bumper, #rear-bumper {position:absolute;top:70px;left:10px;color:#fff;padding:0.5em;background:#00445a;color:#fff;font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;} #rear-bumper {top:305px;left:10px;} #front-bumper-areas {position:absolute;padding:.2em .4em;background:#00445a;display:inline-block;top:109px;left:10px;} #rear-bumper-areas {position:absolute;padding:.2em .4em;background:#00445a;display:inline-block;top:344px;left:10px;} #area1 {top:85px;left:10px;} #area6 {top:330px;} /* Right hand side of car */ #area2 {top:134px;} #area3 {top:182px;} #area4 {top:226px;} #area5 {top:277px;} #area7 {top:267px;} #area8 {top:233px;} #area9 {top:186px} #area10 {top:152px;} #area11 {top:85px} #area12 {top:330px;} #area input {vertical-align:top;} #area select {margin:.2em;} #quick-quote-facility-page .branding-alt {padding:60px 0 0 30px;color:#fff;} #quick-quote-facility-page .branding-alt h1 {line-height:30px;width:516px;font-size:30px;font-family:helvetica, sans-serif;} #quick-quote-facility-page .branding-alt h1 span {display:block;font-size:22px!important;margin-top:8px;} #quick-quote-facility-page .branding-alt h2 {margin-top:0;margin-bottom:0;font-family:helvetica, sans-serif;} #quick-quote-facility-page .branding-alt h2 br {margin-bottom:10px;} #quick-quote-facility-page .branding-alt a {color:#fff;text-decoration:none;} #quick-quote-facility-page .branding-alt h2 .hi-lite {font-size:19px;color:#FFE500;} #quick-quote-facility-page .branding-alt p {margin-top:10px;width:510px;font-size:14px;} #quick-quote-facility-page .branding-alt a:hover > .hi-lite{color:#aeaeae} #quick-quote-facility-page #options {background:#093f68;position:relative;overflow:hidden;width:540px;height:160px;margin-top:20px;} #quick-quote-facility-page #options a {position:absolute;top:20px;height:124px;display:block;text-decoration:none;text-align:center;} #quick-quote-facility-page #options a strong{padding:.3em;background:#800213;color:#fff;position:relative;margin:46px 0 0;display:none;} #quick-quote-facility-page #options a:hover strong {display:block;} #quick-quote-facility-page #instant-quote {left:20px;width:129px;background: url(../images/backgrounds/insta-quote-bg.png) no-repeat 0 0;} #quick-quote-facility-page #options a#instant-quote:hover strong {margin-left:15px;} #quick-quote-facility-page #helper {position:absolute;top:15px;left:470px;width:49px;height:48px;background: url(../images/backgrounds/help.png) no-repeat 0 0;} #quick-quote-facility-page #helper p {display:none;} #quick-quote-facility-page #helper:hover p {position:absolute;top:130px;left:-300px;width:300px;height:140px;border:4px solid #FFE500;padding:20px;z-index:100;display:block;background:#0098C9;} #quick-quote-facility-page #helper:hover p span {display:block;margin-bottom:15px;color:#fff;} #quick-quote-facility-page #helper #help-title {font-size:16px;} #quick-quote-facility-page .side {position:absolute;top:60px;right:20px;width:320px;height:342px;padding:0 10px;overflow:hidden;} #quick-quote-facility-page .side h2 {margin-bottom:1.5em;} #quick-quote-facility-page .side ul {margin:0;padding:0;list-style-type:none;} #quick-quote-facility-page .side li {padding-left:24px;margin-bottom:10px;background: url(../images/backgrounds/star.png) no-repeat 0 0;} #quick-quote-facility-page .side .damage-slide {margin-top:13px;padding:0;background:none;} #quick-quote-facility-page #mms {left:220px;width:86px;background: url(../images/backgrounds/mms-bg.png) no-repeat 0 0;} #quick-quote-facility-page #office {left:390px;width:122px;background: url(../images/backgrounds/office-bg.png) no-repeat 0 0;} #quick-quote-facility-page #big-phone {position:absolute;right:40px;top:62px;} #quick-quote-facility-page ol {position:relative;margin:20px 0 10px 25px;} #quick-quote-facility-page ol li {font-size:19px;margin-bottom:16px;} #quick-quote-facility-page #line-one, #quick-quote-facility-page #line-two, #quick-quote-facility-page #line-three {margin:238px 0 0 20px;font-weight:600;} #quick-quote-facility-page #line-two, #quick-quote-facility-page #line-three {margin-top:16px;} #quick-quote-facility-page #van {position:absolute;bottom:-10px;right:0;background:transparent url(../images/quickquote-bg2.jpg) no-repeat bottom right;width:455px;height:429px;z-index:1;} /* Form Erorr and Succes Styles */ #quick-quote-facility-page .formerror {background: url(../images/backgrounds/error-bg.png) repeat 0 0;height:107px;left:0;position:absolute;top:372px;width:960px;border:none;} #quick-quote-facility-page #error-message {line-heright:45px;font-size:18px;padding:40px 0 0 146px;} #formquotethanks {background:transparent url(../images/backgrounds/success.gif) repeat scroll 0 0;color:#000000;font-size:16px;height:374px;left:7px;position:absolute;top:8px;width:945px;z-index:300;} #formquotethanks h2, #formquotethanks h3, #formquotethanks strong {margin:70px 80px 0;color:#fff;line-height:30px;display:block;} #formquotethanks h3, #formquotethanks strong {margin:5px 80px 0;line-height:normal;display:block;} #formquotethanks p {color:#fff;margin:10px 0 10px 80px;} #formquotethanks a {font-size: 16px; color: #FFE500;font-weight:600; } #formquotethanks #techres {margin-left: 80px;color:#fff;} #formquotethanks #techres li {width:550px;} #formquotethanks #techres img {margin:4px 15px 0 0;} #formquotethanks #techres a {display:inline;} #formquotethanks #token {margin-left:80px;} #quick-quote-facility-page .off {display:none!important;} /* Progressive Enhancements */ #quick-quote-facility #quote span, #area label, #quick-quote-facility-page #options, #front-bumper, #rear-bumper, #front-bumper-areas, #rear-bumper-areas {-webkit-border-radius: 5px;-moz-border-radius: 5px;} #options a:hover {z-index:2;-moz-transform:rotate(-10deg) scale(1);-webkit-transform:rotate(-10deg) scale(1);} #options a:hover strong {-moz-transform:rotate(10deg) scale(1);-webkit-transform:rotate(10deg) scale(1);} #quick-quote-facility-page .branding-alt h1, #quick-quote-facility-page .branding-alt h2, #quick-quote-facility-page .branding-alt h3, #quick-quote-facility-page .branding-alt ol li, #quick-quote-facility-page .branding-alt ol li span, #side li, #quick-quote-facility-page .branding label, #quick-quote-facility-page #error-message, #quick-quote-facility-page .branding-alt p, #quick-quote-facility-page ul.side, #quick-quote-facility-page ul.side .enhance li, #quick-quote-facility-page #techres li, #formquotethanks h2, #formquotethanks h3, #formquotethanks p {text-shadow: 1px 1px 5px #000;}