/* ### Oi Oi! Having a look around are you? ### */ html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset, a, div, img{margin: 0;padding: 0;border: 0;} body {font-size: 13px; color:#525252; font-family:Arial, Helvetica, sans-serif;} /* ---- Lees Clearer ---- */ .clearer {clear:both; line-height:1px; height:1px; font-size:1px;} /* ---- Generic Link Styles ---- */ a{color:#000; text-decoration:underline;} a:hover{color:#666; text-decoration:none;} a.read-more-button, .read-more-button:hover, .read-more-button a {background-image:url(../img/button-bg.jpg); background-repeat:repeat-x; color:white !important; text-decoration:none !important; padding:8px; padding-left:14px; padding-right:14px; clear:both; display:inline-block; font-weight:bold; background-position:top left; background-color:#038382;} .panel-button a{text-decoration:underline; color:white; font-size:18px;} .panel-button a:hover{text-decoration:none;} #left a{text-decoration:none; color:#01989F} #left a:hover{text-decoration:underline; color:#01989F} /* ---- Generic Heading Styles ---- */ h1 {font-size:28px; margin-bottom:13px; color:#01989f; font-weight:normal;} .entry-title{font-size:23px;} h2 {font-size:20px; margin-bottom:13px; color:#01989f; font-weight:normal;} h3 {font-size:1.3em; margin-bottom:8px;} h4 {font-size:1.2em; margin-bottom:8px;} h5 {font-size:1.1em; margin-bottom:8px;} #left h2, #left h3{font-size:20px; margin-bottom:10px; color:#01989f; font-weight:normal;} /* ---- Paragraph Styles ---- */ p {margin-bottom:15px; line-height:22px; color:#525252;} #left strong{color:#009999} /* ---- General classes ---- */ .orange{color:#DC5A15;} .grey {color:#CCCCCC;} #left {float:left; width:505px; padding-left:15px; padding-top:15px;} .right {float:right; width:340px; padding-top:15px; padding-right:15px; } .imgright {float:right; margin:0 0 5px 15px;} .imgleft {float:left; margin:0 15px 5px 0;} /* ---- Generic Form Styles ---- */ .inlineform {} .inlineform li {display:inline;} .normalform {width:100%; padding:0 !Important;} .normalform li {width:100%; clear:both; float:left; padding:10px 0px; list-style:none !Important;} .normalform label {display: inline-block; line-height: 1.5em; vertical-align: top; float:left; width: 18em; padding:0px 5px 0px 0px;} .normalform label span {display: block; font-size:0.9em;} .normalform em {font-weight: bold; font-style: normal; color: #f00;} .forminput {width:220px} .formselect {width:220px} .forminputdate {width:190px;} /* --------- FRAME HOLDER --------- */ #frame {width:939px; margin:auto; background-color:white; padding-top:28px;} #wrapper {border-top:3px solid #009999;} /* --------- TOP SECTION --------- */ #top-section {width:100%; padding-bottom:0px; float:left; margin-bottom:20px;} #logo {float:left; width:239px;} #top-section-right {float:right; width:560px;} #top-links {float:right;} #search-box-holder {margin-top:15px; clear:both; float:right;} #top-links li {display:inline;} #top-links li a, #top-links li a:visited {background:transparent url(/img/top-link-li.gif) no-repeat scroll left center; color:#blue; padding-left:12px; text-decoration:none; margin-left:12px;} #top-links li a:hover {text-decoration:underline;} #navigation{float:left;} #phone-number{float:right; color:#01989F; font-size:17px; padding-top:8px; font-weight:bold;} /* --------- HEADER --------- */ #header {clear:both; border:5px solid #009899; height:346px; width:928px; margin-bottom:20px; background:transparent url(/img/loader.gif) no-repeat scroll center center;} #sub-header{clear:both; border:5px solid #009899; margin-bottom:20px; width:928px;} .header-text {font-size:17px; color:white; margin:20px; float:left;} #header .searchBox {margin:0 0 0 33px;} #header .searchBox input {background-color:#252525; border:2px solid #515151; width:102px; height:14px; padding:1px 2px; font-size:10px;} #header .searchBox input:focus {border:2px solid #619ca7;} #header .searchBox button {border-style: none; border-color: inherit; border-width: medium; font-size:12px; color:#619ca7; padding:0 7px 0 0; background:url('/img/arrow_right.gif') no-repeat right 50%;} /* --------- SIDEBAR STYLES--------- */ #sideBar {width:208px; margin:0 10px 0 0;} /* --------- NAVI STYLES--------- */ #navi {padding-top:8px; width:100%; float:left; clear:both; display:block;} #navigation{ height:40px; overflow:hidden;} /*------------Lava Lamp------------------*/ .lavaLampWithImage {height:50px; overflow:visible; position:relative; /*width:610px;*/} .lavaLampWithImage li {float: left; list-style: none; margin-right:25px;} .lavaLampWithImage li.back {background-image: url(../img/lava.jpg); background-repeat:no-repeat; background-position:right -50px; width: 9px; height: 50px; z-index: 8; position: absolute; } .lavaLampWithImage li.back .left {background: url("../img/lava.jpg") no-repeat top center; height: 50px; margin-right: 1px; /* 7px is the width of the rounded shape */} .lavaLampWithImage li.back a{color:pink !important;} .lavaLampWithImage li a, .lavaLampWithImage li a:visited {font-weight:normal; font-size:17px; text-decoration: none; color: #666666; outline: none; text-align: center; letter-spacing: 0; z-index: 10; display: block; float: left; height: 50px; position: relative; overflow: visible; padding-top:8px;} .lavaLampWithImage li a:hover, .lavaLampWithImage li a:active {border: none;} /* --------- SECONDARY NAVI STYLES--------- */ .secondaryNav {} .secondaryNav h3 {font-size:1.2em; padding:0 0 10px 0; background:url(/img/dotted_border.gif) repeat-x bottom left;} .secondaryNav ul {padding:0;} .secondaryNav li {padding:6px 0 4px 0; background:url(/img/dotted_border.gif) repeat-x bottom left; list-style:none !Important;} .secondaryNav li.selected a {color:#cccccc;} .secondaryNav li a {display:block;} .secondaryNav ul.events li a em {font-size:0.9em; display:block;} .secondaryNav li a span {background:url(/img/arrow_right.gif) no-repeat center right; padding:0 7px 0 0;} /* --------- CONTENT STYLES --------- */ #content {background:url(/img/content-bg.jpg); margin-top:0px; margin-bottom:15px; padding-bottom:20px; clear:both; width:100%; display:block;} #home-news{padding-top:15px; margin-top:15px; padding-bottom:25px; margin-bottom:15px; border-top:1px solid #999999;} .home-news-article{border-bottom:1px solid #999999; padding-bottom:7px; margin-bottom:15px;} .home-news-article p{margin-bottom:14px;} .home-news-article .date{margin-bottom:0px; color:#01989F; font-weight:bold;} #left li{background-image:url(../img/tick-icon.jpg); background-position:left center; background-repeat:no-repeat; color:#525252; padding-left:25px; font-size:14px; line-height:20px; padding-bottom:0px; margin-bottom:12px;} #home-list li{float:left; padding-right:25px;} #home-list{float:left; width:100%; padding-top:5px; padding-bottom:5px;} #left ul{padding-bottom:5px;} /* ---------GALLERY GRID--------- */ .galleryGrid {} .galleryGrid .item {width:268px; margin:0 0 15px 20px;} .galleryGrid .item.first {margin-left:0;} .galleryGrid .item a {background:url(/img/arrow_right.gif) no-repeat center right; padding:0 7px 0 0;} .galleryGrid .item img {display:block;} .galleryGrid .item span {display:block;} .photoGrid {width:100%;} .photoGrid .item {width:195px; margin:0 0 15px 20px;} .photoGrid .item.first {margin-left:0;} .photoGrid .item a {background:url(/img/arrow_right.gif) no-repeat center right; padding:0 7px 0 0;} .photoGrid .item img {display:block;} .photoGrid .item span {display:block;} .photo {} .photo .pager {display:block; margin:0 0 10px 0;} .photo a.prev {background:url(/img/arrow_left.gif) no-repeat center left; padding:0 0 0 7px;} .photo a.next {background:url(/img/arrow_right.gif) no-repeat center right; padding:0 7px 0 0;} .photo .item {position:relative; overflow:hidden;} .photo .item span {display:none; position:absolute; left:0; bottom:0; background:url(/img/white_60_bg.png) repeat top left; color:#000; width:100%; padding:10px 5px 10px 5px;} /* ---------NEWS / EVENTS--------- */ .newsList {margin:15px 0 0 0;} .newsList div {padding-bottom:0px; margin-bottom:15px; border-bottom:1px solid #999999; } .newsList div.first {margin-left:0;} .newsList div span {font-weight:bold; font-size:10px; padding-top:2px; padding-bottom:10px; display:block;} /* CSS if sIFR not enabled START */ .newsList div h4 {line-height:1em;} .newsList div h4 a {font-weight:bold; color:#01989F; text-decoration:none;} .newsList div h4 a:hover {text-decoration:underline;} .newsItem img {margin:0 0 15px 0;} #parentpagenav {padding:6px; width:250px; color:#fff; background-color:#01989F; font-weight:bold; text-align:centre; margin:0 0 15px 0;} #parentpagenav a, #parentpagenav a:hover {display:block; color:#fff; font-weight:bold; text-decoration:none;} /* ---------FOOTER STYLES--------- */ #footer {background-color:#009999; width:100%; height:100%;} #footer li{padding-bottom:8px;} #footer li a{color:white; text-decoration:none; font-size:13px; background-image:url(../img/footer-li.jpg); background-position:left center; background-repeat:no-repeat; padding-left:17px;} #footer li a:hover{color:white; text-decoration:underline;} #footer h3{color:white; font-size:19px; margin-bottom:18px;} #footer-inner {width:939px; margin:auto; padding-top:20px; padding-bottom:10px;} #footer-left {float:left; width:237px; border-right:1px solid #78d8da;} #footer-center {float:left; width:280px; border-right:1px solid #78d8da; padding-left:35px;} #footer-right {float:right; width:350px;} #footer-right li{display:inline; clear:both; float:left; width:100%; padding-bottom:10px;} #footer-right label{display:inline-block; float:left; width:115px; vertical-align:top; color:white; font-size:13px; padding-top:6px;} #footer-bottom{width:100%; clear:both;} .newsletter-input{height:20px; padding-top:5px; padding-left:5px; color:#666666; width:210px;} .contact-button{margin-left:115px;} #footer-links{width:49%; float:left; padding-top:19px; color:white;} #footer-logo{width:49%; float:right; text-align:right; padding-top:19px; color:white;} #footer-logo a{color:white; text-decorartion:underline;} #footer-logo a:hover{color:white; text-decoration:none;} #footer-links p, #footer-logo p{margin-bottom:0px; padding-bottom:0px; color:white;} /*-----header-slider------*/ .stripViewer .panelContainer .panel ul {text-align: left; margin: 0 15px 0 30px;} .slider-wrap {margin: 0px 0; position: relative; width: 100%;} /* These 2 lines specify style applied while slider is loading */ .csw {width: 100%; height: 325px; background:transparent; overflow: hidden;} .csw .loading {margin:0px; text-align: center;} .stripViewer {position: relative; overflow: hidden; border: 0px solid #000; margin: auto; width: 928px; height: 292px; background: transparent;} .stripViewer .panelContainer { position: relative; left: 0; top: 0;width: 100%; list-style-type: none;} .stripViewer .panelContainer .panel {float:left; height: 100%; position: relative; width: 928px; height:292px;} .stripViewer .panelContainer .panel .wrapper { padding: 0px; width: 928px; height:292px;} .stripNav { } .stripNav ul { list-style: none;} .stripNav ul li {float: left; padding:0px; margin:0px; width:232px;} .stripNav a { font-size: 16px; font-weight: normal; text-align: center; line-height: 53px; background: #2d2d2d; color: #fff; text-decoration: none; display: block; height:54px; background-image:url(../img/header-bg.jpg); background-position:right center;} .stripNav li a:hover {background-image:url(../img/header-nav-opac.jpg); background-position:right center;} .stripNav li a.current {background-image:url(../img/header-hover-bg.jpg); background-position:right center;} .stripNav a:focus { outline:none } .stripNavL, .stripNavR { position: absolute;top: 230px; text-indent: -9000em; z-index:2000; display:none;} .stripNavL a, .stripNavR a {display: block; height: 40px; width: 40px;} .stripNavL {left: 0;} .stripNavR {right:810px;} .stripNavL {background: url("../media/Assets/left-arrow.png") no-repeat center;} .stripNavR {background: url("../media/Assets/right-arrow.png") no-repeat center;} #ddtabs3{position:absolute; background-color:black; width:928px !important; height:54px; top:388px; z-index:999; background: url("../img/header-bottom-bg.jpg") no-repeat center;} #panel-one{ background: url("../img/header-one.jpg") no-repeat center; width:928px; height:292px;} #panel-two{ background: url("../img/vikki.jpg") no-repeat center; width:928px; height:292px;} #panel-three{ background: url("../img/watch-a-repair.jpg") no-repeat center; width:928px; height:292px;} #panel-four{ background: url("../img/sat-customers.jpg") no-repeat center; width:928px; height:292px;} .panel-copy{float:left; width:321px; height:160px; background-color:#009999; margin-left:30px; margin-top:30px; filter:alpha(opacity=92); -moz-opacity: 0.92; opacity: 0.92; padding:15px;} .panel-paragraph{font-size:18px; color:white; line-height:23px;} .panel-header{font-size:25px; color:white; margin-bottom:15px;} #services-panel-one{ background: url("../img/paint_scratch_repairs.jpg") no-repeat center; width:928px; height:292px;} #services-panel-two{ background: url("../img/bumper_scuffs.jpg") no-repeat center; width:928px; height:292px;} #services-pannel-three{ background: url("../img/alloy_wheel.jpg") no-repeat center; width:928px; height:292px;} #services-panel-four{ background: url("../img/dent_repairs.jpg") no-repeat center; width:928px; height:292px;} #services-panel-five{ background: url("../img/interior.jpg") no-repeat center; width:928px; height:292px;} #franchise-panel-one{ background: url("../img/franchise_opportunity.jpg") no-repeat center; width:928px; height:292px;} #franchise-panel-two{ background: url("../media/94835/the-package-header.jpg") no-repeat center; width:928px; height:292px;} #franchise-panel-three{ background: url("../img/the_brand.jpg") no-repeat center; width:928px; height:292px;} #franshise-panel-four{ background: url("../media/94873/success-stories-header.jpg") no-repeat center; width:928px; height:292px;} #world-panel-one{ background: url("../img/blog-header.jpg") no-repeat center; width:928px; height:292px;} #world-panel-two{ background: url("../img/alliances-header.jpg") no-repeat center; width:928px; height:292px;} #world-pannel-three{ background: url("../img/company.jpg") no-repeat center; width:928px; height:292px;} #world-panel-four{ background: url("../img/press-office.jpg") no-repeat center; width:928px; height:292px;} .services-header ul li{width:185px; overflow:hidden;} .services-header .lastlistitem{width:188px;} .lastlistitem a, .lastlistitem a:hover {background-position: left center !important;} /*----Side Bar----*/ .right h2{font-size:23px;} #next-open-day{border-bottom:1px solid #999999; padding-bottom:5px; margin-bottom:15px;} #next-open-day p{font-size:16px;} #next-open-day a{color:#01989F; text-decoration:underline;} #next-open-day a:hover{color:#01989F; text-decoration:none;} #next-open-day span{color:#01989F;} #testimonial-copy{background: url("../img/quote-top.jpg") no-repeat top left; padding-left:10px; padding-right:10px; padding-top:10px;} .success-link{text-decoration:underline !important;} .success-link:hover{text-decoration:none !important;} a.next-page-button {height:0 !important; overflow:hidden; padding:33px 0 0;} #next-button a {background:transparent url(../img/next-step-button.jpg) no-repeat scroll left top; display:block; height:33px; width:121px;} #side-testimonal p a{text-decoration:none; color:#009999; } #side-testimonal p a:hover{text-decoration:underline; color:#009999; } /*--Side Bar Buttons---*/ a.find-your-local-specialist-button {height:0 !important; overflow:hidden; padding:80px 0 0;} #find-your-local-specialist a, #find-your-local-specialist-services a {background:transparent url(../img/find-your-local-specialist-button.gif) no-repeat scroll left top; display:block; height:70px; width:326px;} #find-your-local-specialist a:hover, #find-your-local-specialist-services a:hover {background:transparent url(../img/find-your-local-specialist-button.gif) no-repeat scroll right top; display:block; height:70px; width:326px;} a.franchiseeestimatebutton {background-image:url(/img/franchisee-estimate-button.gif) !Important;} #find-your-local-specialist-services{padding-bottom:15px; margin-bottom:15px; border-bottom:1px solid #999999;} a.free-information-button {height:0 !important; overflow:hidden; padding:70px 0 0;} #free-information-pack a {background:transparent url(../img/free-information-pack-button.jpg) no-repeat scroll left top; display:block; height:70px; width:326px;} #free-information-pack a:hover {background:transparent url(../img/free-information-pack-button.jpg) no-repeat scroll right top; display:block; height:70px; width:326px;} #free-information-pack{border-bottom:1px solid #999999; padding-bottom:15px; margin-bottom:15px;} #watch-our-tv-ad{margin-top:15px; border-top: 1px solid #999999; padding-top:15px; } a.watch-our-tv-ad-button {height:0 !important; overflow:hidden; padding:70px 0 0;} #watch-our-tv-ad a {background:transparent url(../img/watch-our-tv-ad-button.jpg) no-repeat scroll left top; display:block; height:70px; width:326px;} #watch-our-tv-ad a:hover {background:transparent url(../img/watch-our-tv-ad-button.jpg) no-repeat scroll right top; display:block; height:70px; width:326px;} a.guarantee-your-repair-button {height:0 !important; overflow:hidden; padding:70px 0 0;} #guarantee-your-repair a {background:transparent url(../img/guarantee-your-repair-button.jpg) no-repeat scroll left top; display:block; height:70px; width:326px;} #guarantee-your-repair a:hover {background:transparent url(../img/guarantee-your-repair-button.jpg) no-repeat scroll right top; display:block; height:70px; width:326px;} a.online-brochure-button {height:0 !important; overflow:hidden; padding:70px 0 0;} #online-brochure a {background:transparent url(../img/online-brochure-button.jpg) no-repeat scroll left top; display:block; height:70px; width:326px;} #online-brochure a:hover {background:transparent url(../img/online-brochure-button.jpg) no-repeat scroll right top; display:block; height:70px; width:326px;} #online-brochure, #franchise-video {border-bottom:1px solid #999999; margin-bottom:15px; padding-bottom:15px;} #online-brochure{border-bottom:0px solid black; } a.franchise-video-button {height:0 !important; overflow:hidden; padding:70px 0 0;} #franchise-video a {background:transparent url(../img/franchise-video-button.jpg) no-repeat scroll left top; display:block; height:70px; width:326px;} #franchise-video a:hover {background:transparent url(../img/franchise-video-button.jpg) no-repeat scroll right top; display:block; height:70px; width:326px;} .home-right #guarantee-your-repair, .home-right #find-your-local-specialist { border-top:1px solid #999999; border-bottom:1px solid #999999; margin-top:15px; margin-bottom:15px; padding-top:15px; padding-bottom:15px;} .home-right #find-your-local-specialist{padding-top:0px; margin-top:0px; border-top:0px;} #did-you-know{padding-top:10px; } #did-you-know ul{padding:0px !important; margin:0px !important; list-style-position:outside;} #did-you-know li{background-image:url(../img/tick-icon.jpg); background-position:left center; background-repeat:no-repeat; color:#525252; padding-left:25px; font-size:14px; line-height:20px; padding-bottom:0px; margin-bottom:12px;} /*---Anything Slider*/ .anythingSlider { width: 264px; height: 117px; position: relative; margin: 0px; margin-left:38px; } #our-world-slide{padding-bottom:15px; margin-bottom:15px; border-bottom:1px solid #999999;} .anythingSlider .wrapper { width: 264px; overflow: auto; height: 117px; margin: 0px; position: absolute; top: 0; left: 0; } .anythingSlider .wrapper ul { width: 99999px; list-style: none; position: absolute; top: 0; left: 0; margin: 0; } .anythingSlider ul li { display: block; float: left; padding: 0 !Important; height: 117px; width: 264px; margin: 0 !Important; background:none !Important; } .anythingSlider .arrow { display: block; height: 117px; width: 33px; background: url(../img/arrows.jpg) no-repeat 0 0; text-indent: -9999px; position: absolute; top: 0px; cursor: pointer; } .anythingSlider .forward { background-position: 0 0; right: -38px; background-position:right top;} .anythingSlider .back { background-position: -67px 0; left: -38px; background-position:left top;} .anythingSlider .forward:hover { background-position:right bottom;} .anythingSlider .back:hover { background-position:left bottom;} #thumbNav { display:none; position: relative; top: 323px; text-align: center; } #thumbNav a { color: black; font: 11px/18px Georgia, Serif; display: inline-block; padding: 2px 8px; height: 18px; margin: 0 5px 0 0; background: #c58b04 url(../images/cellshade.png) repeat-x; text-align: center; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; } #thumbNav a:hover { background-image: none; } #thumbNav a.cur { background: #e0a213; } #start-stop { display:none;} #start-stop.playing { background-color: red; } #start-stop:hover { background-image: none; } .slider-image{float:left; width:116px;} .slider-copy{float:right; width:138px;} .slider-copy h3{color:#01989F;} .slider-copy h3 a{color:#01989F; text-decoration:none;} .slider-copy h3 a:hover{color:#009999; text-decoration:underline;} .slider-copy p{font-size:12px; line-height:18px;} .before-after .services-copy{font-weight:bold; color:#01989F;} /* Prevents */ .anythingSlider .wrapper ul ul { position: static; margin: 0; background: none; overflow: visible; width: auto; border: 0; } .anythingSlider .wrapper ul ul li { float: none; height: auto; width: auto; background: none; } /*-------------Contact Styles------------------*/ #contact-left{float:left; width:229px;} #contact-right{float:right; border-left:1px solid #999999; width:230px; padding-left:25px;} #contact-holder strong{font-size:14px; color:#01989F;} #contact-holder img{padding-bottom:14px;} #contact-holder span{font-weight:bold; color:#01989F;} /*---------------Blog Styles-------------------*/ #latest-comments{display:none;} #primary li {background-image:url(../img/blog-nav-arrow.jpg); background-position:left center; background-repeat:no-repeat; line-height:20px; margin-bottom:9px; padding-bottom:0;padding-left:15px;} #primary ul{padding-bottom:15px;} #primary li a{font-size:14px; color:#01989F; text-decoration:none;} #primary li a:hover{font-size:14px; color:#01989F; text-decoration:underline;} #respond{display:none;} .tab h4{font-weight:nornal; color:#01989F;} .tab li a{text-decoration:none; color:#01989F;} .tab li a:hover{text-decoration:underline; color:#01989F;} .entry-meta{display:none;} .entry-date{padding-bottom:12px; display:none;} .hide {display:none;} .pop-form{width:678px; height:535px;} .blog-photo{} .blog-photo {border:3px solid #009899; float:right; margin-bottom:10px; margin-left:20px; margin-top:5px;} .entry-content{border-bottom:1px solid #999999; margin-bottom:15px; padding-bottom:5px;} .hfeed{border:0px solid white !important;} .pp_description{display:none !important;} .sidebar{display:none;} /*--------------Blog Side Star Links----------------*/ #blog-stars{border-top:1px solid #999999; padding-top:10px;} #blog-stars li a{color:#525252; text-decoration:underline;} #blog-stars li a:hover{color:#525252; text-decoration:none;} .twitter{background-image:url(../img/twitter-star.jpg); background-position:left center; background-repeat:no-repeat; line-height:30px; padding-bottom:10px; padding-left:55px; padding-top:10px; font-size:14px; margin-bottom:4px;} .facebook-link{background-image:url(../img/facebook-star.jpg); background-position:left center; background-repeat:no-repeat; line-height:30px; padding-bottom:10px; padding-left:55px; padding-top:10px; font-size:14px; margin-bottom:4px;} .vimeo{background-image:url(../img/vimeo-star.jpg); background-position:left center; background-repeat:no-repeat; line-height:30px; padding-bottom:10px; padding-left:55px; padding-top:10px; font-size:14px; margin-bottom:4px;} #blog-quote #find-your-local-specialist{border:0px solid white !important; padding-top:0px !important; padding-bottom:0px !important; margin-top:0px !important; } /*-----------------Contour Style----------------*/ #contour fieldset {padding:0px !important; margin:0px !important; } .contourPageName{display:none;} #contour legend{display:none !important;} #contour{padding-top:4px;} #contour label.fieldLabel {font-weight:normal !important;} #contour input[type="submit"]{background-image:url(../img/button-bg.jpg); background-repeat:repeat-x; background-position:top left; background-color:#038382; clear:both; color:white !important; display:inline-block; font-weight:bold; padding:8px 14px; border:0px solid white;} .contourNavigation{padding-top:10px;} #contour label.fieldLabel {width:350px !important;} #contour select{width:315px; padding:4px;} #contour input.text, #contour input.title, #contour textarea, #contour select {margin-bottom:0px !important;} /*----------Find a dealer form-------------*/ .quoteformholder .formlistbox {width:500px !important;} #ctl00_ctl00_ContentPlaceHolderDefault_ctl02_quoteform_2_upQuote{width:500px !important;} #opentemplates {width:500px !important;} .quoteformholder .forminput {color:#525252 !important; font-size:13px !important;} .quoteformholder textarea {color:#525252 !important; font-size:13px !important;} .forminputpostcode {color:#525252 !important; font-size:13px !important;} .formselect{color:#525252 !important; font-size:13px !important; padding:5px !important;} .quoteformholder .damage td {padding-bottom:5px !important; padding-right:2px !important;} .pp_contract{display:none !important;} .pp_expand{display:none !important; } #opentemplates h1 {padding-top:10px;} #opentemplates {padding-left:10px;} .quoteformholder #submitbutton {padding-top:15px !important;} .quoteformholder li{color:red} .quoteformholder ul{padding:0px !important; margin:0px !important; list-style-position:outside; padding-bottom:4px !important;} .quoteformholder li{background-image:url(../img/error-arrow.jpg); background-position:left center; background-repeat:no-repeat; color:#525252; padding-left:22px; font-size:13px; line-height:20px; padding-bottom:0px; margin-bottom:4px;} .quoteformholder input{border:1px solid #d2d3d9;} .quoteformholder textarea{border:1px solid #d2d3d9;} .formselect{border:1px solid #d2d3d9;} /*---------------Callback Form----------------------*/ #callback-form{padding-top:8px;} #callback-form li{padding:0px; margin:0px; background-image:none; margin-bottom:10px;} #callback-form label{width:80px; display:inline-block;} .callback-input{color:#666666; height:20px; padding-left:5px; padding-top:5px; width:210px;} .callback-button{padding-left:85px;} #formsubmitted {display:block; padding:10px; background-color:#009899; margin:10px 0; clear:both; font-size:1.2em;} #formsubmitted p {margin:0; color:#FFFFFF;} #formsubmitted p strong {color:#FFFFFF; line-height:35px; font-size:1.3em;} /*--------------services slider------------------*/ #services-slider{border-bottom:1px solid #999999; margin-bottom:15px;} .services-image img{border:2px solid #009999; margin-bottom:10px;} #services-slider .anythingSlider{height:190px;} #services-slider .wrapper {height:190px;} #services-slider .arrow { background:transparent url(../img/big-arrows.jpg) no-repeat scroll 0 0; cursor:pointer; display:block; height:134px; position:absolute; text-indent:-9999px; top:0;width:33px;} #services-slider .forward { background-position: 0 0; right: -38px; background-position:right top;} #services-slider .back { background-position: -67px 0; left: -38px; background-position:left top;} #services-slider .forward:hover { background-position:right bottom;} #services-slider .back:hover { background-position:left bottom;} /*--------------------New Contact Page--------------------------*/ #repair-information-image{float:left; width:450px;} #franchise-information-image{float:right; width:450px;} #repair-information-image img, #franchise-information-image img{border:4px solid #009999;} #repair-information{float:left; width:410px; background-color:#e6e6e6; margin-top:20px; margin-bottom:20px; padding:20px;} #franchise-information{float:right; width:410px; background-color:#e6e6e6; margin-top:20px; margin-bottom:20px; padding:20px; padding-bottom:30px;} #head-office{float:left; width:450px; background-color:#e6e6e6; width:410px; background-color:#e6e6e6; padding:20px; margin-bottom:20px; height:200px;} #google-map{float:right; width:450px; background-color:#e6e6e6; margin-bottom:20px; height:240px;} #the-map{margin-top:20px; margin-left:20px;} #contact-page h2{font-size:28px;} #contact-page p{font-size:14px;} .phone{font-size:20px !important; color:#009999; margin-bottom:25px !important; font-weight:bold;} .phone span{font-size:20px; color:#333333; font-weight:bold;} #franchise-information #free-information-pack { border-bottom:0px solid #999999; margin-bottom:0px; padding-bottom:0px; } /* --- Franchisee Page --- */ #franchiseecontent {} #franchiseeimage {float:left; width:160px;} #franchiseedetails {float:right; width:330px;} #franchiseemap {clear:both;} #franchiseeimage img{border:3px solid #009899;} #franchiseecontent {padding-bottom:15px;} #franchiseedetails span{font-weight:bold !important; color:#009899 !important;} #myservices ul {list-style-position:outside; margin:0 !important; padding:0 !important;} #myservices li{background-image:url(../img/tick-icon.jpg); background-position:left center; background-repeat:no-repeat; color:#525252; font-size:14px; line-height:20px; margin-bottom:12px; padding-bottom:0; padding-left:25px;} #myservices, #carcarecentre{padding-bottom:15px; margin-bottom:15px;} #carcarecentre{padding:5px 0; border-top:1px solid #999999;} .franchiseetestimonial{margin-bottom:15px; padding-bottom:5px; border-bottom:1px solid #999999;} #franchiseeopeninghours p{margin-bottom:5px !important;} #franchiseeopeninghours strong{display:block; float:left; width:110px;} /*-----------Alliances Page----------------*/ .alliance-holder{float:left; width:100%; border-bottom:1px solid #999999; padding-bottom:10px; margin-bottom:10px;} .alliance-left{float:left; width:140px;} .alliance-right{float:right; width:365px;} .alliance-right p{margin-bottom:7px !important; font-size:12px !important;} .alliance-right strong{color:#01989F; font-size: 14px !important;} .alliance-right a{font-size: 13px !important;} /*----------------Testimonials Page-----------------*/ .testimonial h6{font-size:17px; font-weight:normal; padding-bottom:12px;} .testimonial h6 a{text-decoration:underline !important; } .testimonial h6 a:hover{text-decoration:none !important;} .testimonial{border-bottom:1px solid #999999; padding-bottom:5px; margin-bottom:18px;} /*---- Pop up templates ----*/ #opentemplates {} #opentemplates h1 {font-size:1.6em;} /*--------------New Header Styles---------------*/ .tabcontainer{ clear: left; width:95%; /*width of 2nd level sub menus*/ height:1.5em; /*height of 2nd level sub menus. Set to largest's sub menu's height to avoid jittering.*/ } *:first-child+html .ieclass{ /*IE7 hack to remove gap between menu and sub contents*/ margin-top: -1em; } * html .ieclass{ /*IE6 and below hack to remove gap between menu and sub contents*/ margin-top: -1em; } .tabcontent{ display:none; } #ddtabs3{} .side-box-content ul li:first-letter { text-transform: capitalize; } /*---------------Pagination Buttons----------------*/ .pagination{background-image:url(../img/header-hover-bg.jpg); color:white !important; padding:10px; margin-right:20px; width:85px!important; display:block; float:left; text-align:center;} .pagination:hover{text-decoration:none!important;} .nav-previous a, .nav-next a{background-image:url(../img/header-hover-bg.jpg); color:white !important; padding:10px; margin-right:20px; width:85px!important; display:block; float:left; text-align:center;} .nav-previous a:hover, .nav-next a:hover{text-decoration:none!important;} .meta-nav{display:none;} #nav-above{display:block; float:left; width:100%; padding-bottom:16px;} /* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */