﻿/* Screen only styles */
.outer {margin: 0px auto 0 auto;width:974px;position:relative;}
.main {float:left;width:940px;background:url(../images/dropshadow-bg.png) repeat-y;padding:0 17px;width:940px;}
.header {padding: 16px 30px 0 30px;width:880px;float:left;background:url(../images/header-bg.jpg) no-repeat;height:69px;font-size:1.2em;}

h1 {position:absolute;overflow:hidden;}
h1.home {position: relative; overflow: visible;text-indent:0;outline:none;font-size:2em;font-weight:normal;letter-spacing:-0.02em;padding:0 0 0.7em 0; color: #fff;}
/* general button styles - use this class for all buttons and add your own e.g. class="btn btn-subscribe" */
a.btn {display:block;height:26px;}
a.btn:hover, a.btn:focus {background-position:bottom;}
.btn-calculate {background-image:url(../images/btn-calculate.gif);width:101px;clear:both;margin:0 auto;}
.btn-send { background-image:url(../images/btn-send.gif);width:130px;float:left; }
.btn-back {background-image:url(../images/btn-back.gif);width:61px;clear:both;margin:0 auto;}
.btn-continue {background-image:url(../images/btn-continue.gif);width:86px;clear:both;margin:0 auto;}
.btn-search {background-image:url(../images/btn-search.gif);width:71px;clear:both;margin:0 auto;}
.btn-submit {background-image:url(../images/btn-submit.gif);width:79px;clear:both;margin:0 auto;}
.btn-go { background-image:url(../images/btn-go.gif); width:33px; float:left; }
a.go-btn {background:url(../images/btn-go.gif) no-repeat;width:54px;height:26px; float:left;margin:0 0 0 2px; display:block; text-indent:-999em;}
a.go-btn:hover, a.go-btn:focus {background-position:0 -26px;}
.btn-subscribe { background-image:url(../images/subscribe-button.gif); width:103px; height:26px; margin:0 auto; }
.btn-unsubscribe { background-image:url(../images/unsubscribe_bt.gif); width:103px; height:26px; margin:0 auto; }
a.btn-next  {display:block; background-image:url(../images/btn-next.gif); width:52px; height:22px; margin:0 auto; }
a.btn-previous  {display:block; background-image:url(../images/btn-prev.gif); width:52px; height:22px; margin:0 auto; }

div.vehiclepopupgallery {width: 505px;display: block;}
div.btn-next {float: right;width:55px;}
div.btn-previous {float: left;width:55px;}


.logo {float:left;}

/* subscribe and contact details box */
.header .subscribe {float:right;text-align:right;width:155px; }
.header .subscribe .btn-subscribe {background-image:url(../images/subscribe-btn.gif);width:75px;height:26px;float:left;}
.header .subscribe .phone, .header .subscribe input {float:left;}
.header .subscribe .phone {font-size:1.5em;font-weight:bold;line-height:23px;background:url(../images/phone.gif) no-repeat;padding:0 13px 0 29px;}
.header .subscribe input {margin:0 2px 0 0;}
.header .subscribe a.why {clear:both;text-decoration:underline;font-size:0.95em;padding:2px 0 0 0;display:block;}
.header .subscribe a.why:hover, .header .subscribe a.why:focus {color:#000;}

/* hide text - I'm OK with showing no outline as these should only be logos and buttons hence don't need focus outlines */
h1,.maincontent .features li a,a.btn, a.rss {text-indent:-999em;outline:none;}

a.btn-subscribe span {display:none;}

/* red things */
.maincontent a, .header .subscribe .phone, .header .subscribe a.why, .newcars .links, .maincontent .section .usefullinks li a {color:#EE1C24;}

/* blue things */
.maincontent h2, .newcars .name, .newcars a.viewall,.maincontent .features h4, .newvehicles .summary .name, .newvehicles .list .item .name, .newvehiclesub .item .content .variant, .newvehiclesub .item .content .name, .newvehicledetail .gallery h3, .campaigns .item .content h3, .blog .item .content h3, .blog .commentsnote, .blog h3.bloghead, .sitemap h3, .serviceright .box h3 {color:#005bab !important;}

/* top nav */
ul.nav {float:left;width:916px;list-style:none;background:url(../images/nav-bg.png) no-repeat;font-size:1.4em;text-align:center;padding:0px 12px;}
.nav li {float:left;}
.nav li.first {background:none;}
.nav li a {padding:21px 0.85em 13px 0.85em;text-decoration:none;color:#fff;float:left; outline:none;}
.nav li a:hover, .header .nav li a:focus {background:url(../images/nav-bg-hover.gif) repeat-x left 10px;color:#fff;}

/* transparent dealers box with hero flash at the top */
.dealers {width:880px;background:url(../images/dealers-content-bg.png) repeat-x -50px;float:left;padding:7px 30px 9px 30px; }
.home .dealers {height:220px;padding:7px 9px 9px 30px;width:901px;font-size:1.2em;background:url(../images/dealers-bg.png) repeat-x;}
.dealers h2 {font-size:2em;color:#fff;font-style:italic;font-weight:normal;padding:0.5em 0 0.5em 0}
.dealers .intro {width:220px;float:left;color:#b8b8b8;}
.dealers .intro a {color:#fff;}
.dealers .intro a:hover, .dealers .intro a:focus {color:#fff;}
.dealers .flash {float:right;width:630px;}
.dealersbottom {float:left;width:100%;background:#fff url(../images/dealers-bottom.gif) no-repeat;height:10px;}

.breadcrumb {float:left;width:550px;}
.tools {width:330px;float:right;text-align:right;}
.breadcrumb, .tools {color:#aaa;font-size:1.1em;}
.breadcrumb a, .tools a {color:#fff;text-decoration:none;}
.breadcrumb a:hover, .tools a:hover, .breadcrumb a:focus, .tools a:focus {text-decoration:underline;color:#fff;}
.tools a {background-position:left center;padding:0 0 0 20px;background-repeat:no-repeat;}
.tools a.email {background-image:url(../images/envelope.gif);margin:0 0 0 5px;}
.tools a.print {background-image:url(../images/print.gif);margin:0 0 0 10px;}

/* main body content */
.maincontent {float:left;width:880px;border-left:1px solid #E3E3E3;border-right:1px solid #E3E3E3;background:#fff url(../images/body-bg.html) repeat-x bottom;font-size:1.2em;min-height:420px;padding:20px 29px;}
.maincontent a:hover, .maincontent a:focus {color:#000;}
.maincontent h2 {font-size:2em;font-weight:normal;letter-spacing:-0.02em;padding:0 0 0.7em 0;}
.maincontent h3 {padding: 0;}

/* tabbed features box */
.maincontent .features {width:580px;float:left;margin:0 30px 0 0;}
.maincontent .features ul {float:left;width:258px;list-style:none;}
.maincontent .features .content {float:left;width:267px;height:231px;background:url(../images/features-bg.gif) no-repeat;padding:30px 35px;margin:0 0 0 -15px; color:#666;}
.maincontent .features .content#search {width:289px;height:254px;padding:30px 24px 7px 24px;}
.maincontent .features li {width:258px;height:97px;position:relative;}
.maincontent .features li a {display:block;width:100%;height:100%;background-repeat:no-repeat;}
.maincontent .features li.search a {background-image:url(../images/search-tab.gif);}
.maincontent .features li.service a {background-image:url(../images/service-tab.gif);}
.maincontent .features li.testdrive a {background-image:url(../images/test-drive-tab.gif);}
.maincontent .features li a.on {background-position:bottom;}
.maincontent .features h4 {font-size:1.5em;font-weight:normal;padding:0 0 15px 0;}
.maincontent .features th {color:#666;font-weight:bold;vertical-align:middle;padding:0 5px 0 0;text-align:left;}
.maincontent .features th, .maincontent .features td {padding-bottom: 3px;}
.maincontent .features select {width:93px;}
.maincontent .features select.wide {width:190px;}
.maincontent .features a.more {font-size:0.95em;padding:0 0 0 5px;}

.maincontent a.spotlight {float:left}
.maincontent a.spotlight2 {float:left;}

.maincontent a.rss {display:block;float:right;background:url(../images/rss-icon.gif) no-repeat;width:44px;height:16px;}
.maincontent .features, .maincontent a.spotlight {margin-bottom:30px;}
#hero { padding:0 0 15px 0; }
/* content page body - right side */
.maincontent .body {float:right;width:630px;line-height:1.5em;}
.maincontent .body .hero {margin:0 0 20px 0;}
.maincontent .body .intro {color:#9EA0A3;font-size:1.4em;margin:0 0 20px 0;line-height:1.3em;}
.maincontent .body a.more {display:block;background:url(../images/arrow-right-black.gif) no-repeat left center;padding:0 0 0 8px;}
.image { margin:5px 15px 0 0; }
/* left nav */
#range { padding:67px 0 0 0; }
.maincontent .section {float:left;width:220px;}
.maincontent .section h3 {color:#005bab;font-weight:normal;padding:0 0 0.4em 0;font-size:1.4em;}
.maincontent .section ul.sectionnav {list-style:none;margin:0 0 30px 0;}
.maincontent .section .sectionnav li a {display:block;width:175px;line-height:43px;padding:0 0 0 45px;color:#EE1C24;font-weight:bold;text-decoration:none;background:url(../images/section-nav-bg.gif) no-repeat 0px -43px;margin:-1px 0 5px 0;}
.maincontent .section .sectionnav li.on a {background-position:top;font-weight:normal;color:#000;}
.maincontent .section .sectionnav li a:hover, .maincontent .section .sectionnav li a:focus {text-decoration:underline;}
.maincontent .section .sectionnav li.on a:hover, .maincontent .section .sectionnav li.on a:focus {color:#000;}

.maincontent .section .sectionnav li a:hover, .maincontent .section .sectionnav li a:focus {}
.maincontent .section .usefullinks, .maincontent .options .links {margin:0 0 30px 0;}
.maincontent .section .usefullinks h4, .maincontent .options .links h4 {background:url(../images/useful-links-header-bg.gif) no-repeat;padding:0 0 0 25px;width:195px;line-height:30px;color:#fff;}
.maincontent .section .usefullinks ul, .maincontent .options .links ul {list-style:none;}
.maincontent .section .usefullinks li a, .maincontent .options .links li a {line-height:28px;padding:0 0 0 25px;background-color:#F5F6F7;margin: 0 0 1px 0;display:block;width:195px;}
.maincontent .section .usefullinks li a {font-size:0.9em;}
.maincontent .section .usefullinks li a:hover, .maincontent .section .usefullinks li a:focus, .maincontent .options .links li a:hover, .maincontent .options .links li a:focus {color:#000;}
.maincontent .options select {width:220px;}

/* go auto configuration settings */
.home .maincontent .navitem {line-height:1.3em;margin:0 0 0.6em;padding:0;font-weight:normal;line-height:18px;}
.home .maincontent .navitem h3 {font-weight:normal;text-decoration:underline;}
.home .maincontent .navitemthumbnail {display:none;}
.home .maincontent .navitemprecede {xdisplay:none;}
.home .maincontent #paging {display:none;}

table.goauto .partsbox, .body .partsbox .rightnav {background: none; background-color:#efefef;}
table.goauto .partsbox li a, .body .partsbox li a {width:150px;}
table.goauto .partsbox li a.active, .body .partsbox li a.active {font-weight:bold;color:#000;text-decoration:none;}
table.goauto .navitem {clear:both;}
table.goauto .navitem .navitemthumbnail {float:left;padding:0 15px 25px 0;}
table.goauto .navitem h3.navitemtitle {color:#000;font-size:1.3em;}
table.goauto .navitem h3.navitemprecede {color:#000;}

p.gawfooter_calltoaction {font-weight:bold;}

#paging {text-align:right;float:right;}
#paging ul {list-style:none;}
#paging ul li {float:left;}
#paging a {text-decoration:none; display:block; padding:0 6px;min-width:12px; width:auto !important;width:12px;line-height:24px;margin:0 1px 0 0;border:1px solid #e0e4e6;text-align:center;white-space:nowrap; }
#paging a:hover, #paging a:focus {color:#fff;background-color:#ee1c24;border-color:#ee1c24;}
#paging a.active, #paging a.active:hover, #paging a.active:focus {font-weight:bold;color:#3f4449;background-color:#e0e4e6;}

/* full width */
.maincontent_wide .body {width:100%;}
.maincontent_wide .section {display:none;}

/* home - why choose box */
.whychoose { width:300px; float:left; margin:0 25px 0 0; /*background:url(/images/couple.jpg) no-repeat right top;*/ padding:0 0px 10px 0;}
.whychoose p { width:160px;}
.whychoose ul { list-style:none; padding:0 0 1em 0;}
.whychoose li { background:url(../images/tick.gif) no-repeat left center; line-height:1.3em; padding:0 0 0 18px; margin:0 0 0.6em 0; font-weight:bold;}

/* home - news list box */
.maincontent .newslist { width:248px; float:left; margin:0 0px 0 20px;}
.maincontent .newslist ul { list-style:none; padding:0 0 1em 0; margin:0;}
.maincontent .newslist li { line-height:1.3em; padding:0; margin:0 0 0.6em 0;}
.maincontent .newslist li a {text-decoration:none; line-height:1.2em;}
.maincontent .newslist li a:hover { text-decoration:underline;}


/* generic ul */
.ulgeneric {list-style:none;padding:0 0 1em 0;list-style-image:none;list-style-position:outside;list-style-type:none;}
.ulgeneric li {background:url(../images/tick.gif) no-repeat left center;line-height:1.3em;padding:0 0 0 18px;margin:0 0 0.6em 0;/*font-weight:bold;*/}

.newcars {width:280px;float:left;}
.newcars h2 {display:inline;}
.newcars a.viewall {text-decoration:none;}
.newcars .item {float:left;width:100%;margin:1em 0 0 0;}
.newcars .item img {float:left;}
.newcars .summary {font-weight:bold;padding:0 0 3px 0;}
.newcars .content {float:left;width:246px;padding:0 0 0 9px;color:#333;}
.newcars .price {font-size:1.8em;}
.newcars .name {font-size:1.3em;}
.newcars .links {padding:5px 0 0 0;}
.newcars .name a {color:#005BAB;text-decoration:none;}

/* forms */
.formheader {background:url(../images/form-header.gif) no-repeat; height:20px; width:470px; padding:5px 30px; margin:30px auto 0 auto; color:#fff;}
.formheader span {font-weight:bold; color:#90b8db; padding:0px 2px;}
.formheader span.on {color:#fff;}
.formbody {background-color:#efefef; width:530px; padding:20px 0px; overflow:hidden;margin:0 auto;}
.formbody .line {border-bottom:1px solid #fff; padding:5px 0px; clear:both; overflow:hidden;}
.line span.bracket {color:#000; float:left; padding:0 2px; } 
.formbody .last {border-bottom:none;}
.formbody .line label {float:left; line-height:25px; text-align:right; width:170px; margin-right:10px; font-weight:bold;}
.formbody .line input, .formbody .line textarea {float:left;}
.formbody .line input.phoneNumber { width:155px; margin:0 0 0 3px; }
.formbody .line textarea {width:240px; height:80px;}   
.formbody .last {border-bottom:none;}
.formbody h4 {background:transparent url(../images/form-heading-bg.gif) repeat-x;clear:both;color:#FFFFFF;line-height:30px;margin:15px 0 10px 0;padding:0 0 0 30px;}
.formbody .line label span {color:#cc0033;} 
.formbody  a.btn {float:left; margin:10px 0 0 155px; border:none; clear:both;}
.formbody a.btn.deep {float:none; margin-left:180px;}
.formbody  a.btn.blogcontact { margin:10px 0 0 110px;}
.formbody select {padding:3px;float:none;}
.checkbox {vertical-align:middle; margin-top:6px; *margin-top:3px; float:left; margin-right:3px;} /* ##  *margin targets IE6 and IE7 ## */
.checktext {margin-left:5px; float:left; line-height:25px;}

.thankyou {background:url(../images/thankyoubg.gif) no-repeat; padding:15px 0px 0px 100px; height:auto; margin:30px auto 0pt;width:430px;}
.thankyoucontact, .thankyoublog {width:290px; margin:0;padding-bottom:15px;}
.thankyouPopUp {background:none; margin:0; padding:0 30px 10px 30px; width:430px;}
.thankyou span, .thankyouPopUp span {font-weight:bold; font-size:1.2em;}

/* finance */
.midcontent {width:390px;float:left;}
.financebox {background:#5C96CA url(../images/sidebox-head.gif) no-repeat;width:220px;float:right;font-size:0.95em;}
.financebox h3, .partsbox h3 {font-weight:bold !important;color:#fff !important;padding:10px 20px 20px 26px !important; font-size:1.1em !important;}
.financebox .line {padding:1px 18px 3px 18px;margin:0 0 3px 0;border-bottom:1px solid #74a6d2;float:left;width:180px;color:#fff;line-height:1.2em;}
.financeresults .total {padding:5px 20px 5px 20px;margin:0 0 3px 0;border-bottom:1px solid #74A6D2;float:left;width:180px;color:#fff;line-height:1.7em;font-size:1.1em;font-weight:bold;}
.financeresults .total span {display:block;}
.financebox .last {border:none;}
.financebox .line label {float:left;text-align:right;width:62px;color:#EFEFEF;line-height:1em;padding: 2px 6px 0 0;}
.financebox .line input.text, .financebox .line select {float:left;width:100px;}
.financebox .line input.price {background-image: url(../images/inputbox-finance-bg.gif);padding-left:15px;width:90px}
.financebox .line input.percent {background-image: url(../images/inputbox-percent-bg.gif);padding-right:15px;width:90px; text-align:right}
.financebox-footer {background:#5C96CA url(../images/financebox-bottom.gif) no-repeat bottom left;width:220px;float:right;}
.financeboxnotes { width:220px; float:right; color:#aaaaaa; font-size:0.95em; padding:20px 0 0 0; line-height:1.2em;}

div.resultanswer { background:#75a6d1; width:98px; height:24px; line-height:24px; float:left; color:#fff; padding-left:10px;}

.midcontent .formbody {background-color:#efefef; width:390px; padding:20px 0px; overflow:hidden;margin:0 auto;}
.midcontent .formbody .line input.text {width:200px;}
.midcontent .formbody .line input.extraShort {width:54px;}
.midcontent .formbody .line input.phoneNumber { width:115px; margin:0 0 0 3px; }
.midcontent .formbody .line label {width:145px;}
.midcontent .formbody .line textarea {width:200px;}
/*.midcontent .formbody a.btn {margin-left:155px;}*/
.midcontent .formheader {background:url(../images/midcontent-formheader.gif) no-repeat; height:20px; width:330px; padding:5px 30px; margin:15px auto 0 auto; color:#fff;}
.midcontent .formheader span {font-weight:bold; color:#90b8db; padding:0px 2px;}
.midcontent .formheader span.on {color:#fff;}

.subcontent {float:right;width:220px;}
.subcontent h3 {font-size:1.0em;}

/* parts */
.partsbox {background:#EFEFEF url(../images/sidebox-head.gif) no-repeat;width:220px;float:right;font-size:0.95em;padding:0 0 10px 0;margin:0 0 20px 0;}
.partsbox h3 {font-size:1.05em;}
.partsbox .item {border-top:1px solid #fff;float:left;padding:5px 25px 5px 15px;width:180px;line-height:1.3em;}
.partsbox .first {border-top:none;}
.partsbox .item img {border:1px solid #B6BDC6;float:left;}
.partsbox .item .desc {float:right;width:88px;padding:0 0 0 10px}
.partsbox .item a.name {display:block;width:100%;padding:0 0 4px 0;color:#005BAB;font-weight:bold;text-decoration:none;}
.partsbox .item a.name:hover, .partsbox .item a.name:focus {text-decoration:underline;}
.partsbox ul {list-style:none;margin:0;}
.partsbox li.first a {border:none;}
.partsbox li a {display:block;width:190px;border-top:1px solid #fff;padding:4px 10px 4px 20px;}
.partsbox .item .desc .rrp {color:#666;}
.partsbox .item .desc .special {color:#000;}
.partsbox .item .desc .special span {font-weight:bold}

.blog .partsbox li a {background:url(../images/arrow-right-black.gif) no-repeat 25px 10px;padding-left:35px;width:170px;}
.maincontent .body .blog .intro {margin:0 0 20px 0;}
.blog .blogtools {margin:0;}
.blog .blogtools a {font-size:1.1em;text-align:center;display:block;background:url(../images/rss-icon-2.jpg) no-repeat 28px center;line-height:33px;padding:0 0 0 20px;}
.blog .list {padding:0 0 20px 0;float:left;}
.blog .item {float:left;width:100%;border-top:1px solid #EFEFEF;padding:20px 0 0 0;margin:15px 0 0 0;}
.blog .item img {float:left;border:1px solid #B6BDC6;}
.blog .item .content {float:right;width:300px;}
.blog .item .content h3 {font-size:1.3em;font-weight:normal;line-height:1.2em;}
.blog .item .content .date {color:#aaa;padding:0 0 10px 0;}
.blog .first {border-top:none;padding-top:0;margin-top:0;}
.blog .search {float:right;background:url(../images/blogsearch-bg.gif) no-repeat;margin:0 0 20px 0;padding:11px 0px 11px 26px;height:55px;width:194px;}
.blog .search input {float:left;margin:0 2px 0 0;}
.blog .search h3 {color:#fff;padding:0 0 7px 0;}
.blog .formbody {width:100%;margin:20px 0;}
.blog .formbody label {width:100px;}
.blog .formbody .line {border:none;}
.blog .formbody input.img {padding-left:110px;}
.blog .commentsnote {font-size:0.95em;}
.blog h3.bloghead {font-size:1.3em;padding:0 0 5px 0;}
.blog .comment  {padding:20px 0 0 0;margin:20px 0 0 0;border-top:1px solid #efefef;}
.blog .firstcomment {margin:0;border:none;}
.blog .comment .name {font-weight:bold;}
.blog .comment .date {color:#aaa;}
.blog .share {background:#efefef;border-top:1px solid #fff;float:left;width:195px;padding:12px 0 20px 25px;}
.blog .share ul {list-style:none;}
.blog .share li {display:inline;}
.blog .share li a {text-indent:-999em;outline:none;float:left;width:18px;height:18px;background-repeat:no-repeat;margin-right:3px;}
.blog .share li a.delicious {background-image:url(../images/share-delicious.gif);}
.blog .share li a.digg {background-image:url(../images/share-digg.gif);}
.blog .share li a.furl {background-image:url(../images/share-furl.gif);}
.blog .share li a.netscape {background-image:url(../images/share-netscape.gif);}
.blog .share li a.reddit {background-image:url(../images/share-reddit.gif);}
.blog .share li a.stumble {background-image:url(../images/share-stumble.gif);}
 
/* paging */
.paging {text-align:right;float:right;width:350px;}
.paging a {text-decoration:none; display:block; padding:0 6px;min-width:12px; width:auto !important;width:12px;line-height:24px;float:right;margin:0 1px 0 0;border:1px solid #e0e4e6;text-align:center; }
.paging a:hover, .paging a:focus {color:#fff;background-color:#ee1c24;border-color:#ee1c24;}
.paging a.on, .paging a.on:hover, .paging a.on:focus {font-weight:bold;color:#3f4449;background-color:#e0e4e6; }
.paging a.next {width:34px;}


/* merchandise */
.merchcatlist, .merchlist {float:left;width:100%;}
.merchcatlist .item, .merchlist .item {float:left;width:315px;border-top:1px solid #EFEFEF;padding:6px 0;}
.merchlist .item {width:390px;}
.merchcatlist .item img, .merchlist .item img {border:1px solid #B6BDC6;float:left;}
.merchcatlist .item .desc {float:left;width:180px;padding:25px 0 0 15px}
.merchlist .item .desc {float:left;width:280px;padding:0 0 15px 15px;}
.merchcatlist .item h3 a, .merchlist .item h3 a {color:#005BAB;text-decoration:none;font-size:1.3em;line-height:1.2em;}
.merchlist .item h3 a {font-size:1.35em;font-weight:normal;}
.merchcatlist .item h3 a:hover, .merchcatlist .item h3 a:focus,.merchlist .item h3 a:hover, .merchlist .item h3 a:focus {text-decoration:underline;}
.merchcatlist .top, .merchlist .top {border-top:none;}
.merchlist .item .desc .description {font-size:0.95em;line-height:1.1em}
.merchlist .item .desc .price {color:#aaa;font-weight:bold;padding:0 0 6px 0;}
.merchlist .item .desc .price span {color:#333;}

#brochures { width:630px; }
#brochures { }

/* new cars */
.newvehicles {}
.newvehicles .featured {background:url(../images/new-vehicle-bg.jpg) repeat-x bottom left;float:left;width:840px;padding:25px 20px 0 20px;}
.newvehicles .featured img {float:left;}
.newvehicles .featured .summary {width:160px;border-right:1px solid #D9DADA;float:left;padding:0 15px 0 20px;margin:20px 0 0 0;}
.newvehicles .featured .summary .name {font-size:1.6em;font-weight:bold;padding:0 0 3px 0;}
.newvehicles .featured .price {font-size:1.2em;}
.newvehicles .featured .price span {font-size:1.2em;}
.newvehicles .featured .desc {width:270px;float:left;margin:20px 0 0 0;padding:0 0 0 20px;}
.newvehicles .featured .desc h3 {font-size:1.2em;padding:0 0 3px 0;}
.newvehicles .list { width:880px; padding:30px 0 0 0;}
.newvehicles .list .item {float:left;width:293px;padding:0 0 25px 0; height:100px;}
.newvehicles .list .item img {float:left;margin:0 10px 0 0;}
.newvehicles .list .item .desc {width:130px;float:left;}
.newvehicles .list .item .name a {font-size:1.3em;font-weight:bold; text-decoration:none;color:#005BAB;}
.newvehicles .list .item .price span {font-size:1.2em;}
.newvehicles .newvehiclesfooter {float:right; font-size:0.8em;}
.newvehiclesfooterhomepage {float:right; font-size:0.8em; padding: 20px 0 0 0;}

.featuresection {float:left;width:560px;padding:5px 0 5px 0;}
.featuresection h3 {color:#005BAB; font-weight:bold;}
.featuresection .featureitem {float:left;border-bottom:1px solid #ccc; width:550px;display:block;}
.featuresection .featureitem .heading{float:left;}
.featuresection .featureitem .detail{float:right;margin:0 100px 0 0;}

.newvehiclesub {}
.newvehiclesub .item {width:275px;float:left;margin:0 0 20px 0;padding:0 0 20px 0;}
.newvehiclesub .item img {float:left;border:1px solid #B6BDC6;}
.newvehiclesub .item .name {font-weight:bold;}
.newvehiclesub .item .variant {font-weight:bold;font-size:1.3em;}
.newvehiclesub .item .content {float:left;width:125px;padding:0 0 0 10px;}
.newvehiclesub .item .content a {display:block;font-weight:bold;font-size:0.95em;}
.newvehiclesub .item .options {float:left;font-size:0.95em;width:275px;padding:10px 0 0 0;}
.newvehiclesub .item .options a {display:block;float:left;width:135px;}

.newvehiclesub .item .variant a {text-decoration:none; color:#005BAB;font-size:100%;}
.newvehiclesub .item .name a {text-decoration:none; color:#005BAB;font-size:100%;}

.newvehicledetail .content {float:left;width:390px;}
.newvehicledetail .options {width:220px;float:right;}
.newvehicledetail .gallery {float:left;background:url(../images/photo-thumbs-bg.jpg) repeat-x bottom;padding:0 0 7px 10px;width:380px;margin:10px 0 20px 0;}
.newvehicledetail .gallery img {border:1px solid #B9BFC8;margin:0 10px 0 0;}
.newvehicledetail .gallery h3 {font-size:1.5em;font-weight:normal;padding:0 0 8px 0;}
.newvehicledetail .gallery h3 span {font-size:0.7em;}

/* used vehicle search */
.framebox-head, .framebox {width:530px;margin:0 auto;background-repeat:no-repeat;}
.framebox-head {background-image:url(../images/framebox-head.jpg);height:20px;}
.framebox {background-image:url(../images/framebox.jpg);background-position:bottom left;padding:10px 0 30px 0;}
.framebox .simplesearch {width:245px;margin:0 auto;}

/* left spotlight 
.campaignBox {width:220px; float:left;}
.campaignBox img {float:left;}
.campaignBox .nav {background:url(/images/campaign-nav-bg.gif);float:left;padding:3px 10px;width:200px;}
.campaignBox .nav a  {color:#fff; text-decoration:none; font-size:0.9em;}
.campaignBox .nav a:hover  {color:#fff; text-decoration:underline;}
.campaignBox a.more {float:left;width:180px;color:#fff;text-decoration:none;font-size:0.95em;}
.campaignBox a.more:hover, .campaignBox a.more:focus {text-decoration:underline;}
.campaignBox a.next, .campaignBox a.prev {display:block;float:right;width:4px;height:7px;padding:0 0 0 5px;background-repeat:no-repeat;background-position:top right;margin:4px 0 0 0; cursor:pointer;}
.campaignBox a.next {background:url(/images/arrow-right-blue.gif) no-repeat;}
.campaignBox a.prev {background:url(/images/arrow-left-blue.gif) no-repeat;}*/

/* campaigns */
.campaignslist .item {float:left;width:100%;padding:15px 0 0 0;margin:0 0 15px 0;border-top:1px solid #efefef}
.campaignslist .first {border-top:none;}
.campaignslist .item img {float:left;}
.campaignslist .item .content {float:left;width:400px;padding:0 0 0 10px;}
.campaignslist .item .content h3 {font-size:1.3em;padding:0 0 7px 0;}

/* campaigns side box */
.campaigns {width:220px;height:122px;float:left;}
.campaigns div{width:220px;float:left;}
.campaigns img {float:left;}
.campaigns a.campmore {display:block;width:215px;padding:0 0 0 5px;background:url(../images/campaign-nav-bg.gif) repeat-x;color:#fff;line-height:23px;font-size:0.9em;text-decoration:none;float:left;}
.campscroll {float:right;margin:-14px 0 0 0;position:relative;width:22px;}
.campscroll a {width:4px;height:7px;text-decoration:none;position:absolute;margin-left:3px;display:inline;padding:0 0 0 3px;line-height:23px;display:none;}
.campscroll #campaigns-prev {background:url(../images/arrow-left-blue.gif) no-repeat;}
.campscroll #campaigns-next {background:url(../images/arrow-right-blue.gif) no-repeat;}

.campdet .head {background:url(../images/campaign-detail-header-bg.jpg) repeat-x;float:left;width:810px;padding:0 35px;}
.campdet .head h2 {line-height:70px;color:#fff;float:left;width:600px;padding:0;}
.campdet .head a {float:right;line-height:70px;color:#fff;text-decoratioN:none;}
.campdet .head a:hover, .campdet .head a:focus {text-decoration:underline;color:#fff;}
.campdet .camphero {float:right;}
.campdet ul.options-main {list-style:none;float:left;width:250px;background-color:#95253D;padding:10px 0;height:210px;}
.campdet .options-main li {float:left;width:100%;}
.campdet .options-main li a {display:block;padding:10px 0 10px 45px;border-top:1px solid #9D364C;background:url(../images/arrow-white-on-red.gif) no-repeat 30px center; font-size:1.2em;color:#fff;text-decoration:none;font-weight:bold;}
.campdet .options-main li a.first {border:none;}
.campdet .options-main li a:hover, .campdet .options-main li a:focus {text-decoration:underline;color:#fff;}

.campdet .content {float:left;width:800px;background:#EFEFEF url(../images/campaign-detail-bg.jpg) repeat-x bottom left;padding:30px 40px}
.campdet .content .gallery {float:left;width:186px;}
.campdet .content .gallery h3 {color:#83011D;font-size:1.3em;font-weight:bold;padding:0 0 8px 0;}
.campdet .content .gallery img {float:left;margin:0 3px 3px 0;}
.campdet .content .gallery .note {line-height:1.3em;font-size:0.95em;color:#666;margin:10px 0 0 0;float:left;}	
.campdet .content .details {float:right;width:586px;}
.campdet .content .details, .campdet .content .details p {color:#333;}
.campdet .content .details .intro {color:#666;}
.campdet .content .details ul.options {list-style:none;background-repeat:no-repeat;padding:0 0 0 20px;line-height:40px;}
.campdet .content .details .options li {display:inline;}
.campdet .content .details .options li a {background:url(../images/arrow-right-red.gif) no-repeat left center;padding:0 13px 0 9px;text-decoration:none;}
.campdet .options li a:hover, .campdet .options li a:focus {text-decoration:underline !important;}
.campdet .content .details .options-head {background-image:url(../images/campaign-detail-options-bg-light.jpg);}
.campdet .content .details .options-head li a, .campdet .content .details .options-head li a:hover, .campdet .content .details .options-head li a:focus {color:#333;}

.campdet .content .details .options-foot {background-image:url(../images/campaign-detail-options-bg-dark.jpg);}
.campdet .content .details .options-foot li a, .campdet .content .details .options-foot li a:hover, .campdet .content .details .options-foot li a:focus {color:#fff;}

.campbanner {float:left}
/* enquiry */
.enquiry .address {float:left;width:210px;padding:0 0 0 50px}
.enquiry .address .name {float:left;width:60px;font-weight:bold;}
.enquiry .address .value {float:left;width:140px;}
.enquiry .map {float:left;font-size:0.95em;width:290px;padding:0 0 0 15px;}
.enquiry .map img {float:left;margin:0 10px 0 0; border:1px solid #b6bdc6;}

.body .address {float:left;width:210px;padding:0 0 0 50px}
.body .address .name {float:left;width:60px;font-weight:bold;}
.body .address .value {float:left;width:140px;}
.body .map {float:left;font-size:0.95em;width:290px;padding:0 0 0 15px;}
.body .map img {float:left;margin:0 10px 0 0; border:1px solid #b6bdc6;}

.sitemap .list.first {float:left; width:145px; border-left:none;}
.sitemap .list {float:left; width:145px; border-left:1px solid #f5f6f7; padding-left:11px;}
.sitemap ul {list-style:none; margin:3px 0 20px 0;}
.sitemap ul a { text-decoration:underline; width:209px; display:block; padding:0px; line-height:15px; background:url(../images/arrows-right-red.gif) no-repeat 0px 7px; padding-left:8px; }
.sitemap h3 {font-size:1.4em;line-height:1.2em;}


/* footer */
.footer {padding:27px 33px;font-size:1.1em;float:left;width:891px;background:url(../images/footer-bg.gif) no-repeat 17px top;height:72px;color:#888;}
.footer .footernav {float:left;width:350px;margin-top:5px;text-align:center;}
.footer a {color:#888;text-decoration:none;}
.footer a:hover, .footer a:focus {text-decoration:underline;color:#fff;}
.footer a.willogo {float:right;padding:0 56px 0 0;line-height:28px;display:block;width:105px;background:url(../images/wiliam-logo.gif) no-repeat right top;}
.footer a.phaselogo {
	float:right;
	padding:0;
	line-height:140%;
	display:block;
	width:160px;
	background:url(../images/phase-logo.gif) no-repeat right top;
	clear:right;
	text-align:right;
	margin-top:5px;}
.footer .copyright {float:left;width:269px;margin:5px 0 0 0;padding:0 0 0 15px;}

/* enquiry popup - don't forget the ie6 fixes */
.jqmWindow {display: none;position: absolute;top: 10px;left: 50%;margin-left: -300px;width:510px;background:#efefef url(../images/popup-bg.gif) repeat-x top left;color: #333;border-top:2px solid #fff;border-left:2px solid #fff;border-right:2px solid #666;border-bottom:2px solid #666;padding: 20px; font-size:1.2em;}
.jqmWindowPartPopUp {width:400px;margin-left:-100px;margin-top:160px;}
.jqmWindow .enqform {clear:both;background:#fff;}
.jqmWindow .enqform h2, .jqmWindow .enqform h3 {padding: 15px 0 5px 15px;margin:0;}


/* forms */
.jqmWindow .form {background:#efefef url(../images/popup-form-bg.png) no-repeat; width:510px; margin:0 auto;padding:20px 0px; overflow:hidden;}
.jqmWindow h2 {color:#005bab; font-size:2.0em; padding-left:10px;}
.jqmWindow p {padding-left:10px;}
.jqmWindow .form .line {min-height:25px;padding:3px 0px;line-height:25px;}
.jqmWindow .form .line label {clear:both;float:left; line-height:25px; text-align:right; width:170px; margin-right:10px; font-weight:bold;}
.jqmWindow .form .line input {float:left;}
.jqmWindow .form .line label span {color:#cc0033;}
.jqmWindow .form  input.img {float:left; padding:10px 0 0 180px; border:none;}
.jqmWindow .form .line option  {height:22px;line-height:22px; padding:0px 3px;}
.jqmWindow .form .line .thankyou {background:none;padding:0px 0px 15px 100px; height:auto;margin:0; }
.jqmWindow .form .line .thankyou span {font-weight:bold; font-size:1.2em;}

.jqmWindow .form .line input.checkbox  {float:left; padding-top:20px; display:block; width:15px;}
.jqmWindow .form .line textarea  {height:52px; width:240px; overflow:auto;}
.jqmWindow .form .line select  { height:25px; float:left; margin:0 3px 0 0; padding:5px; }
.jqmWindow .form .line select.short  { width:100px; }
.jqmWindow .form .line select.long  { width:252px; }
.jqmWindow .form .line select.extraShort { width:82px; }
.jqmWindow .form .line label.extraShort { width:82px; font-weight:normal; }
.jqmWindow .form .line div.extraShort { float:left; width:64px; text-align:right; padding:0 3px 0 0; }
.jqmWindow .form .line .phoneNumber { width:155px; margin:0 0 0 3px; }
.jqmClose {float:right; width:20px; height:24px; padding-right:10px; background:url(../images/btn-close.gif) no-repeat; cursor:pointer;}
.jqmWindow span {color:#cc0033;}
.jqmOverlay { background-color: #000; }
.form table {width:290px; background:none; vertical-align:middle;float:left;padding:0;}
.form table td.checkbox {width:15px;}
.form table td.note { font-size:0.9em; font-weight:normal; line-height:12px; }

div.tableopeninghourstop {background:url(../images/contact-opening-topbg.gif) no-repeat left bottom; height:21px; width:474px; margin-left:49px; }
div.openinghours {background:url(../images/contact-opening-bg.gif) no-repeat left bottom; width:426px; padding:10px 24px; margin-left:49px; clear:both; overflow:hidden;}
div.openinghours h4 {color:#005bab; font-size:1.3em; font-weight:normal;}

div.contactmaptop {background:url(../images/contactmaptop.gif) no-repeat left bottom; height:21px; width:530px; margin-left:49px; }
div.contactmap {background:url(../images/contactmap.gif) no-repeat left bottom; width:482px; padding:10px 24px; margin-left:49px; clear:both; margin-bottom:35px; overflow:hidden;}
div.contactmap h4 {color:#005bab; font-size:1.3em; font-weight:normal;}
.body div.contactmap .address {padding:0;}
.body div.contactmap .map {width:255px;}

/*
.serviceleft  {float:left; width:359px; padding-right:21px;}
.serviceright {float:left; width:250px;}
.serviceright .box {background:#f9f9f9; border:1px solid #e4e4e4; padding:15px 10px 10px 15px; margin-bottom:10px; color:#646464; overflow:hidden;}
.serviceright .box h3 {font-size:1.5em; font-weight:normal; padding:0pt 0pt 10px 0;}
.serviceright .box h4 {padding:15px 0 2px 0; font-size:1.3em;}
.serviceright .box.spanner {background:#f9f9f9 url(/images/servicespanner.gif) no-repeat right top;}
.serviceright .box label {font-weight:bold; width:50px; float:left;}
.serviceright .box input.text {width:150px;}
.serviceright .box table {font-weight:bold;}
.serviceright .box table th {width:110px; text-align:left; font-weight:bold;}
.serviceright .box table.service th {width:50px;}
.serviceright .box table.opening th {width:110px;}*/


.contactsbox h3 {font-weight:bold;color:#fff;padding:10px 20px 20px 26px;font-size:1.05em;}
.contactsbox h4 {font-size:1.2em; padding:15px 0 7px 0;}
.contactsbox {background:#EFEFEF url(../images/sidebox-head.gif) no-repeat;width:200px;float:right;font-size:0.95em;padding:0 10px 10px 10px;margin:0 0 20px 0;}
.contactsbox .item {border-top:1px solid #fff;float:left;padding:5px 25px 5px 15px;width:180px;line-height:1.3em;}
.contactsbox .first {border-top:none;}
.contactsbox .item img {border:1px solid #B6BDC6;float:left;}
.contactsbox .item .desc {float:right;width:88px;padding:0 0 0 10px}
.contactsbox .item a.name {display:block;width:100%;padding:0 0 4px 0;color:#005BAB;font-weight:bold;text-decoration:none;}
.contactsbox .item a.name:hover, .partsbox .item a.name:focus {text-decoration:underline;}
.contactsbox ul {list-style:none;margin:0;}
.contactsbox li.first a {border:none;}
.contactsbox li a {display:block;width:190px;border-top:1px solid #fff;padding:4px 10px 4px 20px;}
.contactsbox table {font-weight:bold;}
.contactsbox table th {width:110px; text-align:left; font-weight:bold;}
.contactsbox table.service th {width:50px;}
.contactsbox table.opening th {width:100px;}
.contactsbox table.opening td {font-weight:normal;}
.contactsbox label {font-weight:bold; width:50px; float:left;}
.contactsbox input.text {width:150px;}

.contactsbox img.contactsboxmap {border:1px solid #b6bdc6; margin-bottom:10px;}