﻿/* Screen only styles */
.outer {margin: 0px auto 0 auto;width:940px;position:relative;}
.main {float:left;width:940px;padding: 0;}
.header {padding: 16px 30px 0 30px;width:880px;float:left;background:url(../images/header-bg.jpg) no-repeat;height:69px;font-size:1.2em;}
.headerbottom {float:left;width:100%;background:url(../images/header-bottom.png) no-repeat;height:11px;overflow:hidden;}

.home-new-body { background:#fff url('../images/bg-new.jpg') repeat-x scroll top center !important; }

.bold { font-weight:bold; }
h1 {position:absolute;overflow:hidden;}
h3 a {text-decoration:none;}

/* blue things */
.req, .maincontent .section .sectionnav li a:hover, .maincontent .section .sectionnav li a:focus, .maincontent .section .usefullinks li a, .careers .item h3, .blog .desc .item h3, .blog .desc .item h3 a, .dealerslist .item h3 {color:#0186b7 !important;}

/* hide text - I'm OK with showing no outline as these should only be logos and buttons hence don't need focus outlines */
h1,.home .maincontent .features li a,a.btn,a.rss {text-indent:-999em;outline:none;}

/* image replacement on h1 */
.logo {float:left;}
.header .flash {float:right;width:600px;text-align:right;}

/* top nav */
.header ul.nav {float:right;width:630px;list-style:none;text-align:right;padding:36px 0 0 0;}
.header .nav li {display:inline;background:url(../images/nav-separator.gif) no-repeat left 2px;}
.header .nav li.first {background:none;}
.header .nav li a {padding:0 0.4em 0 0.7em;text-decoration:none;color:#0086B7;font-weight:bold;}
.header .nav li a.last {padding-right:0px !important;}
.header .nav li a:hover, .header .nav li a:focus {color:#000;}

/* transparent dealers box with hero flash at the top */
.dealers {width:880px;background:url(../images/dealers-bg.png) repeat-x;float:left;padding:7px 30px 9px 30px;}
.home .dealers {height:222px;padding:7px 9px 9px 30px; width:901px;}
.dealers .content {float:left;width:221px;}
.dealers h2, .dealers ul {}
.dealers h2 {font-size:2em; font-weight:normal; color:#a9b0b6; padding:12px 0 0 13px;}
.dealers .flash {float:right;width:630px;}
.dealers ul {padding:12px 0 0 0;font-size:1.6em;list-style:none;}
.dealers li a {color:#fff !important;text-decoration:none;display:block;width:191px;padding:8px 15px;}
.dealers li a span {color:#89cbf1;}
.dealers li a:hover, .dealers li a:focus {background:url(../images/dealers-list-bg.png) no-repeat;}
.dealersbottom {float:left;width:100%;background:url(../images/dealers-bottom-page.png) no-repeat;height:10px;overflow:hidden;}
.home .dealersbottom {background-image:url(../images/dealers-bottom.png)}

.dealers-new { height:222px; width:922px; padding:7px 9px 9px 9px; background:url(../images/dealers-bg.png) repeat-x; float:left; }

.breadcrumb {float:left;width:550px;}
.tools {width:330px;float:right;text-align:right;}
.breadcrumb, .tools {color:#A5ADB9;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.gif) repeat-x bottom;font-size:1.2em;min-height:420px;padding:20px 29px;color:#3f4449}
.maincontent h2 {font-size:2em;color:#363b40;font-weight:normal;letter-spacing:-0.02em;padding:0 0 0.7em 0;}
.maincontent h3 {padding: 0;color:#363b40;}

.homebox1, .homebox2, .homebox3 {width:230px; height:140px; padding-top:90px; padding-bottom:20px; padding-left:22px;}
.homebox1, .homebox2 {float:left; padding-right:50px;}
.homebox1 {background:url(../images/home-bg-search.gif) top left no-repeat;}
.homebox2 {background:url(../images/home-bg-service.gif) top left no-repeat;}
.homebox3 {background:url(../images/home-bg-testdrive.gif) top left no-repeat; float:right; padding-right:20px; width:233px; }
.homebox4 {float:left; margin:0; padding:0 30px 0 0; width:280px;}

.home #searcharea {margin-top:14px; font-size:0.9em;}
.home #searcharea span {float:left; display:block; clear:left; margin-bottom:2px; width:145px;}
.home #searcharea a {float:right !important; margin-right:2px !important; margin-top:10px !important;}
#emaillist_msg {clear:both; font-size:11px; padding-top:8px;}

/* tabbed features box */
.home .maincontent .features {width:580px;float:left;margin:0 30px 0 0;}
.home .maincontent .features h3 {font-size:1.5em;font-weight:normal;margin:0 0 20px 0; color:#363b40;}
.home .maincontent .features h3 a {text-decoration:none;}
/*.home .maincontent .features h3 span {color:#363b40;}*/
.home .maincontent .features ul {float:left;width:258px;list-style:none;}
.home .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; }
.home .maincontent .features .content#search {width:289px;height:254px;padding:30px 24px 7px 24px;}
.home .maincontent .features li {width:258px;height:97px;position:relative;}
.home .maincontent .features li a {display:block;width:100%;height:100%;background-repeat:no-repeat;}
.home .maincontent .features li.search a {background-image:url(../images/search-tab.gif);}
.home .maincontent .features li.service a {background-image:url(../images/service-tab.gif);}
.home .maincontent .features li.testdrive a {background-image:url(../images/test-drive-tab.gif);}
.home .maincontent .features li a.on {background-position:bottom;}
.maincontent a.spotlight {float:left}
.maincontent a.rss {display:block;float:right;background:url(../images/rss-icon.gif) no-repeat;width:44px;height:16px;}
.home .maincontent .features, .maincontent a.spotlight {margin-bottom:10px;}
.home .maincontent .features th {color:#666;font-weight:bold;vertical-align:middle;padding:0 5px 0 0;}
.home .maincontent .features th, .home .maincontent .features td {padding-bottom: 3px;}
.home .maincontent .features select {width:200px; height:24px;}
.home .maincontent .features input.text {width:178px;}


/* New Homepage */

#home-left { display:inline; float:left; width:550px; margin:30px 0 0 0; padding:0; }
#home-right { display:inline; float:right; width:230px; margin:30px 50px 0 0; padding:0; }
.dealerbox { display:inline; float:left; width:200px; margin:0 15px 30px 0; padding:0 0 0 55px; background:transparent url(../images/home2-icons.gif) top left no-repeat; cursor:pointer; }
.dealerbox h2, h2.home2 { font-size:14px; font-weight:bold; margin:0; padding:0; }
h2.home2 { text-align:right; }
h2.home3 { font-size:14px; font-weight:bold; margin:0; text-align:left; padding:7px 0; }
.dealerbox p { font-size:11px; margin:0; }
.dealerbox div { display:none; width:190px; margin-top:10px; }
.dealerbox a { display:block; font-size:11px; border:1px solid #DDD; padding:3px 6px; margin:0 0 5px 0; }
.dealerbox-bottom { display:inline; float:left; width:200px; height:20px; margin:0; padding:0; overflow:hidden; background:transparent url(../images/home2-box-bottom.gif) top left no-repeat; }
.dealer-vw:hover, .dealer-vw-active { background-position:-500px 0; }
.dealer-mb:hover, .dealer-mb-active { background-position:-1000px 0; }
.dealer-holden:hover, .dealer-holden-active { background-position:-1500px 0; }
.dealer-suzuki:hover, .dealer-suzuki-active { background-position:-2000px 0; }
.dealer-smart:hover, .dealer-smart-active { background-position:-2500px 0; }
.dealer-hsv:hover, .dealer-hsv-active { background-position:-3000px 0; }

#home2-deals  { width:475px; height:587px; display:inline; float:left; margin:10px 0 0 52px; padding:0px; }
#home2-service  { width:475px; height:145px; display:inline; float:left; margin:20px 0 0 52px; padding:0px; }
#home2-news  { width:475px; height:145px; display:inline; float:left; margin:20px 0 0 52px; padding:0px; }

#home2-search { display:inline; float:right; width:186px; height:345px; overflow:hidden; margin:15px 0 0 0; padding:15px 20px 5px 20px; background:transparent url(../images/home2-search-bg1.gif) top left no-repeat; }
#cars-refine { display:block; float:left; width:186px; height:345px; overflow:hidden; margin:6px 0 0 0; padding:15px 20px 5px 20px; background:transparent url(../images/home2-search-bg1.gif) top left no-repeat; }

#home2-budget { display:inline; float:right; width:186px; height:215px; overflow:hidden; margin:0px; padding:15px 20px 5px 20px; background:transparent url(../images/home2-search-bg2.gif) top left no-repeat; }
#cars-budget { display:block; float:left; width:186px; height:215px; overflow:hidden; margin:0px; padding:15px 20px 5px 20px; background:transparent url(../images/home2-search-bg2.gif) top left no-repeat; }

#home2-stock { display:inline; float:right; width:186px; height:100px; overflow:hidden; margin:0px; padding:15px 20px 5px 20px; background:transparent url(../images/home2-search-bg3.gif) top left no-repeat; }

#home-right form, .cbu form { font-family:verdana,sans-serif,arial; }
#home-right hr, .cbu hr { border-color:#D7DBDF; border-style:solid; display:block; border-width:1px 0 0; clear:both; height:0; margin:6px 0; padding:0 !important; }
#home-right label, .cbu label { display:block; margin:6px 0 5px 0; clear:both; font-size:11px; }
#home-right input, #home-right select, .cbu input, .cbu select { display:inline; float:left; font-size:11px; color:#333; background:#FFF; padding:3px; border:1px solid #B1B1B1; }
input.half, select.half { width:70px; }
input.wide, select.wide { width:97%; }
.home2-btn { margin:10px 0 0 44px; padding:0px !important; border-width:0px !important; }
.home2-inbetween { display:inline; float:left; margin:0px 5px; font-size:11px; }
a.nopoint { cursor:default; }

#home-small-banner { display:inline; float:left; width:226px; height:145px; padding:0px; overflow:hidden; clear:both; margin:11px 0 0 4px; }
#home-small-testimonial { float:left; width:226px; height:200px; padding:0px; clear:both; margin:11px 0 0 4px; }



.maincontent .subscribe, .maincontent .bloglist, .maincontent .newslist {float:right;}

/* home subscribe box */
.maincontent .subscribe {padding:18px 0px 0 0;width:260px;margin:0;}
.maincontent .subscribe ul {list-style:none;padding:0 0 1em 0;margin:0 ;}
.maincontent .subscribe 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;}
.maincontent .subscribe input {float:left;width:134px;}

/* home blog summary box */
.maincontent .blogsummary {width:260px;padding:18px 30px 0 0; float:left;}
.maincontent .blogsummary .by {font-size:0.95em;padding:0 0 0.3em 0;}
.maincontent .blogsummary a.more, .maincontent .bloglist li, .maincontent .newslist a.more {padding:0 0 0 10px;display:block;background:url(../images/arrow-right.gif) no-repeat left center;}

/* home blog list box */
.maincontent .bloglist {width:270px;}
.maincontent .bloglist ul {list-style:none;margin:2em 0;}
.maincontent .bloglist li {line-height:1.3em;margin: 0 0 0.6em 0;}

.maincontent .item ul {list-style:none;margin:2em 0;}
.maincontent .item li {background:url(../images/bullet.gif) no-repeat 8px 5px; padding:0 0 0 23px;line-height:1.3em;margin: 0 0 0.6em 0;}

/* home news list box */
.maincontent .newslist {width:270px;}
.maincontent .newslist ul {list-style:none;margin:2em 0;}
.maincontent .newslist li {line-height:1.3em;margin: 0 0 0.6em 0;}

/* 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 {display:none;}
.home .maincontent #paging {display:none;}

table.goauto .partsbox, .body .partsbox .rightnav {background: none; background-color:#fff;}
table.goauto .partsbox li,.body .partsbox .rightnav li {list-style:none;}
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;}

#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:#cc0033; border:1px solid #cc0033}
#paging a.active, #paging a.active:hover, #paging a.active:focus {font-weight:bold;color:#3f4449;background-color:#e0e4e6;border:1px solid #e0e4e6;}
p.gawfooter_calltoaction {font-weight:bold;}

/* 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;}


/* 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;}
a.subscribe-btn {background:url(../images/subscribe-btn.gif) no-repeat;width:88px;float:left;margin:0 0 0 3px;} 
a.search-btn {background:url(../images/search-btn.gif) no-repeat;width:71px;float:left;margin:0 10px 0 0;} 
a.send-btn {background:url(../images/send-btn.gif) no-repeat;width:130px;float:left;/* margin:10px 0 0 180px;*/} 
.send-btn {background:url(../images/send-btn.gif) no-repeat;width:130px;float:left;/* margin:10px 0 0 180px;*/} 
a.calculate-btn {background:url(../images/calculate-btn.gif) no-repeat;width:101px;clear:both;margin: 0 auto} 
a.btn-continue {background:url(../images/continue-btn.gif) no-repeat;width:85px;} 
a.submit-btn {background:url(../images/submit-btn.gif) no-repeat;width:114px;float:left;}
a.go-btn {background:url(../images/go-btn.gif) no-repeat;width:36px;float:left;}
a.applynow-btn {background:url(../images/applynow-btn.gif) no-repeat;width:113px;}
a.submitapp-btn {background:url(../images/submitapp-btn.gif) no-repeat;width:170px;}
a.more {float:left;width:220px;display:block;line-height:26px;}
a.btn-unsubscribe { background-image:url(../images/grey_button_unsubscribe.gif); width:103px; height:26px; margin:0 auto; }

a.btn-back {background-image:url(../images/btn-back.gif);width:61px;height:26px;clear:both;margin:0 auto;}
a.btn-back:hover {background-position:0 -26px;}

/* content page body - right side */
.maincontent .body {float:right;width:630px;line-height:1.5em;}
.maincontent .promo {float:none;width:100%;}
.maincontent .body .hero {margin:0 0 20px 0;}
.maincontent .body .intro {color:#9EA0A3;font-size:1.4em;margin: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;}

/* left nav */
.maincontent .section {float:left;width:220px;}
.maincontent .section h3 {color:#333;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;background:url(../images/section-nav-bg.gif) no-repeat bottom left;line-height:43px;padding:0 0 0 45px;text-decoration:none;font-weight:bold;}
.maincontent .section .sectionnav li.on a {background-position:top left;color:#000;font-weight:normal;}
.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 .usefullinks {margin:0 0 30px 0;}
.maincontent .section .usefullinks 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 {list-style:none;}
.maincontent .section .usefullinks li a {font-size:0.9em;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:hover, .maincontent .section .usefullinks li a:focus {color:#000;}

/* full width */
.maincontent_wide .body {width:100%;}
.maincontent_wide .section {display:none;}

/* forms */
.form {width:530px; margin:0 auto;}
.formheader {background:#c3c7d0 url(../images/form-header.gif) no-repeat; line-height:30px; width:470px; padding:0 30px; margin:30px auto 0pt; color:#fff;}
.formheader span {font-weight:bold; color:#90b8db; padding:0px 2px;}
.formheader span.on {color:#fff;}
.formbody {background-color:#f5f6f7; width:530px; padding:10px 0px; overflow:hidden; margin:0pt auto;}
.formbody .line {/*min-height:26px; height:auto !important;  height:26px;*/ border-bottom:1px solid #fff; padding:5px 0; clear:both; overflow:hidden;}
.formbody .line input, .formbody .line textarea {float:left; /*overflow:auto;*/}
.line span.bracket {color:#000; float:left; padding:0 2px;} 
.formbody .line label {float:left; line-height:26px; text-align:right; width:170px; margin-right:10px; font-weight:bold;}
.formbody .line input.phoneNumber { width:155px; margin:0 0 0 3px; }
/*.formbody .line input.text {height:13px;}*/
.formbody .line textarea {width:240px; height:80px;} 
.formbody .last {border:none;}
.formbody .line select {padding:3px;float:none;}
.formbody .option {padding:0 0 0 180px;}
.formbody .submit {padding: 10px 0 0 180px;border:none;}
.formbody h4 {color:#fff;/*font-weight:normal;*/line-height:30px;padding:0 0 0 30px;background:url(../images/form-heading-bg.gif) repeat-x;clear:both;margin:15px 0 0 0;}
.formbody .summary {font-size:0.95em;padding:0 30px 0 50px;}
.formbody .title,.formbody .desc {float:left;}
.formbody .title {font-weight:bold;width:75px;}
.formbody .desc {width:133px;}
/*.formbody  a.btn {display:block;height:26px;margin-top:10px;margin-left:110px;}*/
.formbody  a.btn {float:left; margin:10px 0 0 155px; border:none; clear:both;}
.formbody a.btn.deep {float:none; margin-left:180px;}
.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) 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:#f5f6f7 url(../images/sidebox-head.gif) no-repeat;width:220px;float:right;font-size:0.95em;}
.financebox h3, .partsbox h3 {font-size:1em;font-weight:bold;color:#fff;padding:10px 20px 20px 20px;font-size:1.1em;}
.financebox .line {padding:1px 20px 3px 20px;margin:0 0 3px 0;border-bottom:1px solid #fff;float:left;width:180px;color:#333;line-height:1.2em;}
.financeresults .total {padding:5px 20px 5px 20px;margin:0 0 3px 0;border-bottom:1px solid #fff;float:left;width:180px;color:#fff;line-height:1.7em;font-size:1.1em;font-weight:bold;color:#000;}
.financeresults .total span {display:block;}
.financebox .last {border:none;}
.financebox .line label {float:left;text-align:right;width:60px;color:#333;line-height:1em;padding-right:8px;}
.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}
.financebox-footer {background:#f5f6f7 url(../images/financebox-bottom.gif) no-repeat bottom left;width:220px;float:right;clear:both;}
.financeboxnotes { width:220px; float:right; color:#aaa; font-size:0.95em; padding:20px 0 0 0;clear:both;background:#fff; }

div.resultanswer { background-image: url(../images/grey_block.gif); 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 label span {color:#CC0033;}
.midcontent .formbody .line textarea {width:200px; /*overflow:auto;*/}
.midcontent .formheader {background:url(../images/form-header.gif) no-repeat; width:330px; padding:5px 30px; margin:30px auto 0 auto; color:#fff; height:20px;}
.midcontent .formheader span {font-weight:bold; color:#90b8db; padding:0px 2px;}
.midcontent .formheader span.on {color:#fff;}

/* blog */
.blog .desc {float:left;width:390px;}
.blog .desc h3 {font-size:1.6em;margin:0 0 15px 0;color:#a5adb9;font-weight:normal;padding:0 0 4px 0;}
.blog .desc h4 {font-size:1.4em;margin:0px 0 0px 0;color:#a5adb9;font-weight:bold;padding:35px 0 4px 0; clear:both;}
.blog .desc p.sub {color:#a5adb9; font-size:0.9em;}
.blog .desc img.hero {padding:10px 0;}
.blog .desc span {color:#d02100;}
.blog .desc .item {border-bottom:1px solid #F5F6F7;float:left;width:100%;margin:0 0 20px 0;}
.blog .desc .last {border:none;}
.blog .desc .item .image {float:left;width:93px;}
.blog .desc .item .image img {border:1px solid #B6BDC6;}
.blog .desc .item .content {float:left;width:296px;}
.blog .desc .item h3, .blog .desc .item h3 a {font-weight:bold;text-decoration:none;}
.blog .desc .item h3 {font-size:1.3em;line-height:1.2em;padding:0;margin:0;}
.blog .desc .item h3 a:hover, .blog .desc .item h3 a:focus {text-decoration:underline;}
.blog .desc .item .date {color:#A5ADB9;padding:0 0 0.5em 0;}
.blog .features {width:220px;float:right;}
.blogsearch {background:url(../images/blog-search-bg.gif) no-repeat; float:right; width:220px; height:77px; margin-bottom:20px;}
.blogsearch input {float:left; margin:0 2px 0 25px; width:130px;}
.blogsearch h4 {padding:10px 0 0 25px;line-height:30px;color:#fff;}
.blogbox {float:right;width:220px;font-size:0.95em; margin-bottom:20px; }
.blogbox h4 {background:url(../images/apply-box-bg.gif) no-repeat;padding:0 0 0 25px;line-height:30px;color:#fff;}
.blogbox .line {float:left;width:100%;background-color:#f5f6f7;padding: 5px 15px 5px 25px; border-bottom:1px solid #fff; width:180px;}
.blogbox ul {padding:10px 0px 10px 0; margin:0; list-style:none;background-color:#f5f6f7;}
.blogbox ul li {background:url(../images/arrow-right-black.gif) no-repeat 25px 10px;padding:5px 5px 5px 35px; border-top:1px solid #fff;}
.blogbox ul li.first {border-top:none;}
.blogbox a.rsssubscribe {background:url(../images/rss.gif) no-repeat left center; padding:10px 0 10px 40px; height:30px; line-height:30px; display:block; width:130px;}
.blogbox a.rsssubscribe:hover, .blogbox a.rsssubscribe:focus {text-decoration:underline;}
.blogbox img {margin:0; padding:0;}
.blogbox a.delicious {width:20px; height:20px; display:block;}
.blogbox a.delicious:hover {}

.bookmarks {opacity: .4;  -moz-opacity: .4; -khtml-opacity:0.4; filter: alpha(opacity=40);}
.bookmarks:hover, .bookmarks:focus {opacity: 1; -moz-opacity: 1; -khtml-opacity:1; filter: alpha(opacity=100);}

/*
div.blogform {background-color:#f5f6f7; padding:20px; float:left; width:100%;}
div.blogform .line {border:none;}
div.blogform label {float:left; clear:both;font-weight:bold; width:100px; text-align:right; padding-right:10px; }
div.blogform label span {color:#d02100;}
div.blogform input {width:200px; margin-bottom:8px;float:left;}
div.blogform input.short {width:54px; margin-right:3px;}
div.blogform input.med {width:115px;}
div.blogform textarea {width:200px;margin-bottom:8px; overflow:auto;}
div.blogform .btn {margin: 10px 0pt 0pt 110px;}

*/

.blog .formbody {width:100%;margin:20px 0;}
.blog .formbody label {width:145px;}
.blog .formbody .line {border:none;}
.blog .formbody input {width:200px;}
.blog .formbody .line textarea {width:200px;}
.blog .formbody .line input.extraShort {width:54px;}
.blog .formbody .line input.phoneNumber { width:115px; margin:0 0 0 3px; }

.blog .formbody input.img {padding-left:110px;}

.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 {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.on {font-weight:bold;color:#3f4449;background-color:#e0e4e6;}
.paging a.next {padding-right:15px;background:url(../images/arrow-blue-right.gif) no-repeat 35px center;}
.paging a.prev {padding-left:15px;background:url(../images/arrow-blue-left.gif) no-repeat 6px center;}

.refno {border-bottom:1px solid #ccc;padding:10px 0 0 0;float:left;width:100%}
a.back {float:right; padding:0 0 10px 0; text-decoration:none;}

/* campaigns side box */
.campaigns {width:220px;height:122px;}
.campaigns img {float:left;}
.campaigns a.campmore {display:block;width:215px;padding:0 0 0 5px;background:url(../images/campaigns-bg.gif) repeat-x;color:#fff;line-height:23px;font-size:0.9em;text-decoration:none;float:left;clear:both;}
.campscroll {float:right;margin:-14px 0 0 0;position:relative;width:22px;}
.campscroll a {width:4px;height:7px;text-decoration:none;float:left;margin-left:3px;display:inline;padding:0 0 0 3px;line-height:23px;display:none;}
.campscroll #campaigns-prev {background:url(../images/arrow-left-white.gif) no-repeat;}
.campscroll #campaigns-next {background:url(../images/arrow-right-white.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;color:#005bab}

.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;}

/* dealerships */
.dealerslist {width:533px;margin:20px auto;}
.dealerslist .item {float:left;width:100%;border-bottom:1px solid #f5f6f7;margin:0 0 15px 0;padding:0 0 15px 0;}
.dealerslist .item a.more {display:inline;width:auto;float:none;}
.dealerslist .item a.map {float:right;width:160px;}
.dealerslist .item a.map img {border:1px solid #b6bdc6;}
.dealerslist .item h3 {font-size:1.3em;margin:0 0 5px 0;}

/* careers */
.careers .sort, .paging {margin: 15px 0;}
.careers .sort {width:270px;float:left;}
.careers .sort span {float:left; line-height:24px; padding-right:2px;font-weight:bold;}
.careers .sort select {background:none;width:175px;padding:2px;margin-right:3px; float:left; padding:3px;}
.careers .sort a.btn {display:block; float:left; }
.careers .sort a.go-btn span {text-indent:-999em;}
.careers .item {float:left;width:630px;padding:0;background:url(../images/careers-listing-bg.gif) no-repeat;margin:0 0 10px 0;}
.careers .item .location, .careers .item .date {line-height:30px;color:#fff;font-size:0.95em;}
.careers .item .location {width:460px;float:left;padding:0 0 0 25px;}
.careers .item .content {background:#f5f6f7;float:left;padding:15px 25px;width:580px;}
.careers .item .date {float:right;width:145px;}
.careers .item h3 {float:left;font-size:1.3em;width:275px;}
.careers .item h3 a {text-decoration:none;}
.careers .item .summary {float:right;width:300px;text-align:right;}
.careers .item h3, .careers .item .summary {padding:0 0 15px 0;}
.careers .details {float:left;width:390px;}
.careers .details h3 {font-size:1.6em;margin:0 0 15px 0;color:#a5adb9;border-bottom:1px solid #f5f6f7;font-weight:normal;padding:0 0 4px 0;}
.careers ul {list-style:none;margin:20px 5px;}
.careers li {background:url(../images/arrow-right-black.gif) no-repeat left 5px;padding:0 0 0 13px}
.careers .applybox {float:right;width:220px;font-size:0.95em;}
.careers .applybox .line {float:left;width:100%;border-bottom:1px solid #fff;background-color:#f5f6f7;padding:5px 0;}
.careers .applybox .line span.title {font-weight:bold;width:76px;float:left;padding:0 0 0 25px;}
.careers .applybox .line span.desc {float:left;width:100px;}
.careers .applybox h4 {background:url(../images/apply-box-bg.gif) no-repeat;padding:0 0 0 25px;line-height:30px;color:#fff;}
.careers .applybox .applynow-btn {margin:10px 0 10px 55px;}

/* careers */
/*
.careers .sort, .paging {margin: 15px 0;}
.careers .sort {width:270px;float:left;}
.careers .sort span {float:left; line-height:24px; padding-right:2px;font-weight:bold;}
.careers .sort select {background:none;width:175px;padding:2px;margin-right:3px; float:left; padding:3px;}
.careers .sort a.btn {display:block; float:left; }
.careers .sort a.go-btn span {text-indent:-999em;}
.careers .item {float:left;width:630px;padding:0;background:url(../images/careers-listing-bg.gif) no-repeat;margin:0 0 10px 0;}
.careers .item .location, .careers .item .date {line-height:30px;color:#fff;font-size:0.95em;}
.careers .item .location {width:460px;float:left;padding:0 0 0 25px;}
.careers .item .content {background:#f5f6f7;float:left;padding:15px 25px;width:580px;}
.careers .item .date {float:right;width:145px;}
.careers .item h3 {float:left;color:#0186b7;font-size:1.3em;width:275px;}
.careers .item h3 a {text-decoration:none;}
.careers .item .summary {float:right;width:300px;text-align:right;}
.careers .item h3, .careers .item .summary {padding:0 0 15px 0;}
.careers .details {float:left;width:390px;}
.careers .details h3 {font-size:1.6em;margin:0 0 15px 0;color:#a5adb9;border-bottom:1px solid #f5f6f7;font-weight:normal;padding:0 0 4px 0;}
.careers ul {list-style:none;margin:20px 5px;}
.careers li {background:url(../images/arrow-right-black.gif) no-repeat left 5px;padding:0 0 0 13px}
.careers .applybox {float:right;width:220px;font-size:0.95em;}
.careers .applybox .line {float:left;width:100%;border-bottom:1px solid #fff;background-color:#f5f6f7;padding:5px 0;}
.careers .applybox .line span.title {font-weight:bold;width:76px;float:left;padding:0 0 0 25px;}
.careers .applybox .line span.desc {float:left;width:100px;}
.careers .applybox h4 {background:url(../images/apply-box-bg.gif) no-repeat;padding:0 0 0 25px;line-height:30px;color:#fff;}
.careers .applybox .applynow-btn {margin:10px 0 10px 55px;}
*/

.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/bullet.gif) no-repeat 0px 7px; padding-left:8px; }
.sitemap h3 {font-size:1.4em;font-weight:normal;line-height:1.2em;}

/* footer */
.footer {padding:30px 25px 0 25px;font-size:1.1em;float:left;width:890px;background:url(../images/footer-bg.jpg) no-repeat;height:62px;color:#fff;}
.footer .footernav {float:left;width:350px;margin-top:5px;text-align:center;}
.footer a {color:#fff;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 0px 0 0;line-height:10px;display:block;width:160px;background:url(../images/phase-logo.gif) no-repeat right top; clear:right;}
.footer a.phaselogo2 {float:right;padding:8px 0 0 0;line-height:10px;display:block;width:160px;background:url(../images/phase-logo.gif) no-repeat right top; clear:right;}
.footer .copyright {float:left;width:303px;margin:5px 0 0 0;}

/* 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;}
.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 {font-size:2.0em; font-weight:normal;}
.jqmWindow p {padding-left:10px;}
.jqmWindow .form .line {min-height:30px;padding:3px 0px;line-height:30px;clear:both;}
.jqmWindow .form .line label {clear:both;float:left; line-height:30px; 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;}

.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.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:82px; 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;text-decoration:none;}
.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; }


.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; vertical-align:middle;}
.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;}