﻿/* All screen styles go in here - common.css is just for styles that you want to appear on print and screen */

.main {float:left;width:940px;border-right:1px solid #fff;}
.header {width:868px;float:left;height:64px;padding:20px 5px 0 67px;}
.header .logo {float:left;}
.header .logo2 {float:right;padding:9px 0 0 0;}


a.btn {display:block;height:26px;}
a.btn:hover, a.btn:focus {background-position:bottom;}
a.btn-next  {display:block; background:url(../images/btn-next.gif) no-repeat left ; width:33px; height:22px; margin:0 auto; }
a.btn-previous  {display:block; background:url(../images/btn-prev.gif) no-repeat left; width:33px; height:22px; margin:0 auto; }

div.vehiclepopupgallery {width: 505px;display: block;}
div.btn-next {float: right;width:33px;}
div.btn-previous {float: left;width:33px;}

.terms { font-size:10px; color:#666; }

h1 {position:absolute;overflow:hidden;}
ul.nav {font-size:1.1em;width:750px;text-align:right;padding:0 0 2px 0;clear:both;margin:0 0 0 190px;}
.nav li {display:inline;}
.nav a {color:#333;font-weight:bold;text-decoration:none;}
.nav a:hover, .nav a:focus {color:#000;}

.headbox {position:relative;height:70px;width:100%;float:left;}
.headbox h2 {width:400px;float:left;position:absolute;bottom:5px;left:20px;}
h3.pagehead {font-size:1.5em;margin: 0 0 30px 0;}
.subheadContainer {background:#6f6f74;color:#fff;}

span.req {color:#FF6400;}

/*.pagetitle {height:70px;position:relative;	}*/
.pagetitle {position:relative;height:17px;width:100%;background:url(../images/pagetitle2-bg.gif) repeat-y;float:left;padding:3px 0 0 0;}
.pagetitle h2 {color:#fff;padding: 0 0 0 20px;font-size:1.8em;}
.pagebar {clear:both;height:20px; width:100%; background:#9999a3;}
#hero { width:940px; padding:16px 0 0 0; float:left;}

.hero, .hero img {float:left;}
.home .hero {width:630px;}
hero.large {height:260px;}
hero.medium {height:140px;}
hero.small {height:70px;}

.welcome {float:left;width:310px;font-size:1.1em;background-color:#878791;height:260px;}
.welcome .content {padding:15px 20px;color:#fff;}
.welcome .content a.more {background:url(../images/arrow-orange.gif) no-repeat left center;display:block;padding:0 0 0 10px;color:#fff;text-decoration:none;font-weight:bold;}
.welcome .content a.more:hover, .welcome .content a.more:focus {text-decoration:underline;}

/* image replacement things */
h1, .maincontent .features li a,a.btn, a.rss {text-indent:-999em;outline:none;}
.carsnav li a {outline:none;margin:0;padding-left:0px;padding-right:15px;text-decoration:none;color:#fff;font-weight:bold;}


.maincontent {float:left; width:940px; font-size:1.1em; line-height:1.4em;}
.maincontent_wide { font-size:1.1em; }
.home .maincontent {padding:15px 0pt 0pt 15px;width:920px;}

.maincontent .sectionHeader { width:940px; background-color:#9999a3; height:20px; float:left; }
.maincontent .sectionHeader h2 { width:235px; background-color:#6f6f74; height:15px; float:left; margin:0; padding:5px 0 0 20px; line-height:10px;}
.maincontent .sectionHeader h2 img { margin:-9px 0 0 0; }

/* 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;}

.carsnav {background-color:#9899A3;float:left;list-style:none;padding:0 0 0 20px;width:920px;}
.carsnav li {float:left;padding:4px 0 3px 0;}
.carsnav a {background-repeat:no-repeat;display:block;float:left;height:13px;padding: 0 1em;}
.carsnav a:hover, .carsnav a:focus {background-position:bottom left;}

.carsnav li.polo a {background-image:url(../images/nav-polo.gif);width:20px;}
.carsnav li.golf a {background-image:url(../images/nav-golf.gif);width:22px;}
.carsnav li.newbeetle a {background-image:url(../images/nav-new-beetle.gif);width:58px;}
.carsnav li.newbeetlecab a {background-image:url(../images/nav-new-beetle-cab.gif);width:106px;}
.carsnav li.jetta a {background-image:url(../images/nav-jetta.gif);width:25px;}
.carsnav li.passat a {background-image:url(../images/nav-passat.gif);width:32px;}
.carsnav li.touareg a {background-image:url(../images/nav-touareg.gif);width:39px;}
.carsnav li.people a {background-image:url(../images/nav-people.gif);width:73px;}

.carsnav li.commercial a {background-image:url(../images/nav-commercial.gif);width:93px;}

/* top level nav 
ul.nav {line-height:1.0;font-size:1.2em;float:left;width:700px;list-style:none;}
*/
.nav ul {position:absolute;	top:-999em;	width:13em;}
.nav ul li,.nav a {width: 100%;}
.nav li {display:inline;position:relative;z-index:99;padding:0 5px;}
.nav li:hover ul,ul.nav li.sfHover ul {left:-1px;top:1.5em;}
.nav li:hover li ul,.nav li.sfHover li ul {top:-999em;}
.nav li li:hover ul,ul.nav li li.sfHover ul {left:7.45em;top:-1px;}
.superfish li:hover ul,.superfish li li:hover ul {top: -999em;}
.nav a { text-decoration:none; text-align:center; color:#333; font-weight:bold; white-space:nowrap; }

.nav li li a {text-align:left;text-indent:1.5em;line-height:1.6em;color:#878791;font-weight:normal;display:block;}
.nav li li a:hover, .nav li li a:focus {color:#000;}
.nav li:hover, .nav li.sfHover,.nav a:focus, .nav a:hover, .nav a:active {color:#000;}
.nav li li {padding:0;}
.nav li li li {}
.nav li a:hover, .mainnav li a:focus {color:#000;}
.nav a.on {margin:0 0 0 0;position:relative;color:#000;}
.nav a.on:hover, .nav a.on:focus {color:#000;}

.maincontent .features {width:623px;float:left;margin:0 20px 0 0;border:1px solid #f0f0f5;}
.maincontent .features h4 {color:#a8aab2;font-size:1.5em;margin:0 0 8px 0;}
.maincontent .features a.more {display:inline;margin:0 0 0 5px;}
.maincontent .features ul {float:left;width:254px;list-style:none;}
.maincontent .features .content {float:left;padding:20px 10px 0 59px;width:250px;}
.maincontent .features li {width:254px;height:74px;position:relative; margin-top:1px;}
.maincontent .features li.service {height:73px; margin-top:0;}
.maincontent .features li a {display:block;width:100%;height:100%;background-repeat:no-repeat;background-position:bottom;}
.maincontent .features li.search a {background-image:url(../images/search-tab.png);}
.maincontent .features li.service a {background-image:url(../images/service-tab.png);}
.maincontent .features li.testdrive a {background-image:url(../images/test-drive-tab.png);}
.maincontent .features li a.on {background-position:top;}
.maincontent .spotlight {float:left;}
/*.btnsubmit {font-size:9px;background:#fff;color:#999; clear:both; float:left}*/
.btnsubmit {background:#146BAF;color:#fff;font-size:11px;float:left;margin-right:10px; padding-top:3px; padding-bottom:3px;}


.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: 15px;}
.maincontent .features select {padding:3px;width:93px;}
.maincontent .features select.wide {width:190px;}

/* full width */
.maincontent_wide .contentContainer {width:920px; padding-left:20px; overflow:hidden;}

/* 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;color:#000;}
.home .maincontent .navitemthumbnail {display:none;}
.home .maincontent .navitemprecede {display:none;}
.home .maincontent #paging {display:none;}

table.goauto .partsbox, .contentContainer .partsbox .rightnav {background: none; background-color:#ffffff;border-top:1px solid #ccccd1;border-bottom:1px solid #ccccd1;}
table.goauto .partsbox li a, .contentContainer .partsbox li a {width:150px;}
table.goauto .partsbox li a.active, .contentContainer .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:#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;}

.spotLightContainer { width:215px; float:left; padding:9px 0 0 20px;}
.spotLightContainer .sectionBox { padding:0 0 10px 0; border-bottom:1px solid #ccccd1; float:left; }
.spotLightContainer .sectionBox a { color:#9999a3; font-weight:bold; display:block; float:left; width:200px; text-decoration:none; padding:0 0 5px 0; }
.spotLightContainer .sectionBox a:hover { text-decoration:underline; }
.spotLightContainer .sectionBox a.selected { color:#000; }

.spotLightContainer .gallery { float:left; width:225px; } 
.spotLightContainer .gallery h4 { padding:5px 0; color:#878791;font-size:1em; font-weight:normal; }
.spotLightContainer .gallery a { display:block; float:left; padding:0 5px 5px 0; }

.contentContainer { width:685px; float:right; padding:15px 0 0 0; }
.contentContainer .intro { font-weight:bold; }
.contentContainerLeft { float:left; width:460px; border-right:1px solid #eeeef0; }
.contentContainerRight .usefulLinkBox { padding:0 0 15px 10px; border:0px; width:170px; }
a.more, .partsbox li a { color:#4b739b; padding:0 0 0 10px; text-decoration:none; background:url(../images/bulletin-orange.gif) left 5px no-repeat;}
a.more:hover, a.more:focus { text-decoration:underline; }

/* campaigns side box */
h4.camphead { padding:5px 0 7px 0; color:#878791; font-size:1em;font-weight:normal;clear:both; }
.campaigns {width:220px;height:122px;position:relative;}
.campaigns img {float:left;}
.campaigns a.more {display:block;width:215px;line-height:19px;text-decoration:none;float:left;clear:both;}
.campscroll {float:right;margin:-16px 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:19px;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;}

.maincontent .spots {float:left;width:100%;margin:0px 0 0 0;}
.maincontent .spots .first {margin:0;}
.maincontent .spot {float:left;width:215px;margin:0 0 0 20px;}
.maincontent .spot h3 {color:#000;font-size:1em;font-weight:bold;line-height:1.3em;margin:0 0 5px 0;}
.maincontent .spot h3 span {display:block;}
.maincontent .spot h3 a {color:#a8aab2;text-decoration:none;}
.maincontent .spot h3 a:hover, .maincontent .spot h3 a:focus {color:#000;}
.maincontent .spot img {margin:0 0 6px 0;}
.maincontent .spot p {margin-bottom:0px;}
.maincontent .spot a.more {color:#3c5f8c;text-decoration:none;background:url(../images/arrow-orange.gif) no-repeat left center;padding:0 0 0 10px;}
.maincontent .spot a.more:hover, .maincontent .spot a.more:focus {text-decoration:underline;}
.maincontent .spot input.text {width:114px;margin:0px 5px 0 0; padding:4px;}
.maincontent .spot input.submit {background:#fff;color:#999;font-size:9px;padding:4px 2px;width:56px;margin:4px 0 0 0}


/* home - news list box */
.maincontent .newslist { width:210px; 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 {color:#3C5F8C; text-decoration:none; line-height:1.5em;}
.maincontent .newslist li a:hover { text-decoration:underline;}

/* forms */
.formheader {height:28px; line-height:28px; width:530px; padding:0; /*margin-top:30px;*/ color:#fff;clear:both;}
.formheader span {font-weight:bold; color:#b9b9be; padding:0px 2px;}
.formheader span.on {color:#000;}
.formbody {width:530px; padding:16px 0px; overflow:hidden;}
.formbody .line {/*height:24px;*/padding:4px 0px;clear:both;}
.line span.bracket {color:#000; float:left; padding:0 2px; } 
.formbody .last {border-bottom:none;}
.formbody .line label {float:left; line-height:24px; text-align:right; width:170px; margin-right:10px;}
.formbody .line input, .formbody .line textarea {background:none;float:left;}
.formbody .line input.phoneNumber { width:155px; margin:0 0 0 0px; }
.formbody .line textarea {width:240px; height:80px;}  
.formbody .line input.long {width:240px;}
.formbody .line input.short {width:110px;}
.formbody .line label span {color:#ff6400;}
.formbody select {padding:5px;}
.formbody .submit {padding: 10px 0 0 180px;}
.formbody .sendbox {float:left;width:100%;padding:10px 0 20px 180px;}

.formbody a.btn { border:medium none; float:left; margin:10px 0 0 155px; }
.formbody a.btn.deep {float:none; margin-left:180px;}

.formbody .line input.dollar {background:url(../images/dollar.gif) no-repeat 0px 6px; padding-left:12px;}
.formbody .line input.percentage {background:url(../images/percentage.gif) no-repeat right center;padding-right:16px; width:99px; text-align:right;}
.formbody input.btncontinue {float:left; margin:10px 0 0 180px;background:#146BAF;padding:3px 5px;color:#fff;font-size:9px; height:26px;}
.formbody span.answer {font-weight:bold;line-height:20px;}
.formbody span.answer .payments {font-size:1.2em;}

.formtitle {font-weight:bold;}

.formbody.results .line {height:18px;padding:1px 0px;}
.formbody.results .line label {line-height:20px;}

.checkbox {vertical-align:middle; margin-top:4px; *margin-top:3px; float:left; margin-right:3px;} /* ##  *margin targets IE6 and IE7 ## */
.checktext {margin-left:5px; float:left; line-height:25px;}

.thankyou {background:#f4f4f4 url(../images/thankyoubg.gif) no-repeat; padding:20px 60px 20px 100px; height:29px; margin:10px 0;}
.thankyoucontact, .thankyoublog {width:280px; 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;}

.midcontent {width: 450px; float: left; border-right-width-value: 1px; border-right-style-value: solid; border-right-color-value: #ccccd1; padding-right: 9px; /* padding-bottom: 2000px; margin-bottom: -2000px; overflow-x: hidden; overflow-y: hidden; */}
.partsbox {float: right; width: 215px; padding-top: 0pt; padding-right: 0pt; padding-left: 10px; /* padding-bottom: 2000px; margin-bottom: -2000px; overflow-x: hidden; overflow-y: hidden; */ }

.partsbox .item {float:left;padding:10px 0 0 0;}
.partsbox .price {color:#9999a3;}
.partsbox .price span {color:#000;padding:0 0 0 3px; font-weight:normal;}
.partsbox h4 {font-size:1.0em; padding:0 0 10px 0;}
.partsbox span {font-weight:bold;}
.partsbox ul {list-style:none;margin:0px 0 10px 0px;}
.partsbox ul li { text-indent:-0.9em; padding-left:12px; }
.partsbox ul li a {}
.partsbox li a:hover,.partsbox li a:focus {text-decoration:underline; }
.partsbox li a.on {color:#000;}
.partsbox input.text {margin:0 5px 10px 0; height:12px}
.btnsearch {font-size:0.9em;background:#fff;color:#999; height:24px; margin:0 0 10px 0;}

.contactsbox {}
.contactsbox h3 {padding-bottom:20px; margin-top:35px;}
.contactsbox h4 {padding-bottom:8px; background:url(../images/bullet-grey.gif) no-repeat left 13px; padding-top:10px;padding-left:10px; color:#b9b9be;}
.contactsbox h4.dealership {padding:0;background:none;color:#000;}

.contactsbox table tr th { width:95px; text-align:left;}
.contactsbox table.service tr td {margin-bottom:5px;}
.contactsbox table.service tr td.button {float:left; padding-right:7px;}
.contactsbox table.service tr td input.text {margin-bottom:4px; width:150px;}
.contactsbox table.service tr td input.btncontinue {float:left; background:#fff;padding:3px 5px;color:#999;font-size:0.9em;}

.merchcatlist, .merchlist {float:left;width:100%;padding:0 0 10px 0;}
.merchcatlist .item {float:left;width:215px;padding:0 0 15px 0;}
.merchlist .item {width:100%;float:left;padding:0 0 15px 0;}
.merchlist .price {color:#9999a3;padding:10px 0 0 0;}
.merchlist .price span {color:#000;padding:0 0 0 3px;}
.merchlist .item .desc {float:left;width:205px;padding:0 0 15px 15px;}
.merchlist .item img {float:left;}
.merchcatlist .item img {padding:0 0 10px 0;}
.merchcatlist .firstcol {padding:0 20px 0 0;}
.merchcatlist .item h3, .merchlist .item h3  {font-size:1em;}
.merchcatlist .item h3 a, .merchlist .item h3 a {text-decoration:none;line-height:1.2em;}

.site1 {float:left; width:215px; margin-right:9px; /* padding-bottom:2000px; margin-bottom:-2000px; */}
.site2 {float:left; width:215px; margin-right:9px; border-left:1px solid #ccc; padding-left:10px; /* padding-bottom:2000px; margin-bottom:-2000px; */ }
.site3 {float:left; width:215px; border-left:1px solid #ccc; padding-left:10px; /* padding-bottom:2000px; margin-bottom:-2000px; */ }
ul.sitemap {list-style:none; margin:3px 0 20px 0;}
ul.sitemap a { color:#4b739b; background:url(../images/bulletin-orange.gif) left 4px no-repeat; text-decoration:none; width:209px; display:block; padding:0 0 0 9px; line-height:15px; }
.highlight {color:#ff6400;}

.demo {padding:20px 0 0 20px;}
.demo th {color:#000;font-weight:bold;vertical-align:middle;padding:0 5px 0 0;text-align:left; width:209px;}
.demo th, .maincontent .features td {padding-bottom: 15px;}
.demo select {padding:3px;width:93px;}
.demo select.wide {width:190px;}
.more.afterbutton {float:left; margin-left:20px;}

p.quote {font-style:italic;}

.camplist .item {width:100%;float:left; padding:5px 0px;}
.camplist .price {color:#9999a3;padding:10px 0 0 0;}
.camplist .price span {color:#000;padding:0 0 0 3px;}
.camplist .item .desc {float:left;width:405px;padding:0 0 15px 15px;}
.camplist .item img {float:left;}
.camplist .item h4 {font-size:1.0em; }
.camplist .item p {margin:0; padding:0;}

.newcars {}
.newcars .row {clear:both; border-top:1px solid #ccc; padding-bottom:10px; margin-bottom:10px; overflow:hidden;}
.newcars .row.first {border:none;}
.newcars .row .item {float:left; width:230px;padding-top:10px;}
.newcars .row .item h4 {color:#A8AAB2; font-size:1.0em; line-height:1.0em; }
.newcars .row .item h4 a {color:#A8AAB2; text-decoration:none;}
.newcars .row .item a img {padding-bottom:10px;padding-top:2px;}
.newcars .row .item p {margin:0; padding:0;}
.newcars .newvehiclesfooter {float:right; font-size:0.8em;}

.newcarslist {}
.newcarslist .row {clear:both; border-top:1px solid #ccc; padding-bottom:10px; margin-bottom:10px; overflow:hidden;}
.newcarslist .row.first {border:none;}
.newcarslist .row .item {float:left; width:455px;padding-top:10px; }
.newcarslist .row.first .item {padding-top:2px;}
.newcarslist .row .item a img {float:left; margin-right:10px;}
.newcarslist .row .item .desc {float:left;}
.newcarslist .row .item .desc h4 {color:#5c5c5e; font-size:1.0em; }
.newcarslist .row .item .desc h4 a {text-decoration:none;}
.newcarslist .row .item .desc p {margin:0; padding:0;}

.newcar-thumb-left { width:180px; height:110px; float:left; padding:0 15px 10px 0; }
.newcar-thumb-right { width:180px; height:110px; float:right; padding:0 0px 10px 15px; }

.featuresection {float:left;/*width:560px;*/padding:5px 0 5px 0;}
.featuresection h3 {color:#000000; 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;}

.bloglist .item {width:100%;float:left; margin-bottom:10px;}
.bloglist .item h4 {font-size:1.0em; line-height:1.5em;}
.bloglist .item h4 a {text-decoration:none;}
.bloglist .item .desc {float:left;width:205px;padding:0 0 15px 15px;}
.bloglist .item img {float:left;}
a.rsssub {background:url(../images/rss_sublink.gif) no-repeat left 2px; padding:5px 0 5px 27px; display:block; line-height:15px;color:#4b739b; text-decoration:none;}
a.rsssub:hover {text-decoration:underline;}

.partsbox .share {float:left;width:195px;padding:12px 0 20px 0px;}
.partsbox .share ul {list-style:none;}
.partsbox .share ul li {display:inline; padding:0; margin:0;}
.partsbox .share li a {text-indent:-999em;outline:none;float:left;width:18px;height:18px;background-repeat:no-repeat;margin:0 3px 0 0;padding:0; background-position:top}
.partsbox .share li a.delicious {background-image:url(../images/share-delicious.gif);}
.partsbox .share li a.digg {background-image:url(../images/share-digg.gif);}
.partsbox .share li a.furl {background-image:url(../images/share-furl.gif);}
.partsbox .share li a.netscape {background-image:url(../images/share-netscape.gif);}
.partsbox .share li a.reddit {background-image:url(../images/share-reddit.gif);}
.partsbox .share li a.stumble {background-image:url(../images/share-stumble.gif);}

.partsbox .share li a.btn {display:block;}
.partsbox .share li a.btn:hover, a.btn:focus {background-position:bottom;}

.midcontent .formbody {width:420px; padding:5px 0px; overflow:hidden;}
.midcontent .formbody .line {/*height:26px;*/padding:4px 0px;clear:both;overflow: visible;}
.midcontent .formbody .line input.extraShort {width:54px;}
.midcontent .formbody .line input.phoneNumber { width:155px; margin:0 0 0 0px; }
.midcontent .formbody .line label {/*float:left; */line-height:24px; text-align:right; width:110px; margin-right:8px;}
.midcontent .formbody .line input, .formbody .line textarea {background:none;float:left;}
.midcontent .formbody .line textarea {width:240px;}
.midcontent .formbody .line label span {color:#ff6400;}
.midcontent .formbody input.btncontinue {float:left; margin:10px 0 0 110px;background:#146BAF;padding:3px 5px;color:#fff;font-size:0.9em;}
.midcontent .formbody select {background:none;}
.midcontent .formbody .sendbox {float:left;width:100%;margin-left:8px;}

img.blogimg {padding:0px 0 20px 0px;}

.midcontent .formenquiry {width:420px; padding:20px 0px; overflow:hidden;}
.midcontent .formenquiry .line {min-height:26px;padding:3px 0px;clear:both;overflow: visible;}
.midcontent .formenquiry .line label {float:left; line-height:24px; text-align:right; width:123px; margin-right:8px;}
.midcontent .formenquiry .line input.text.long {width:248px;}
.midcontent .formenquiry .line input, .formenquiry .line textarea {float:left;background:none; }

.midcontent .formenquiry .line label span {color:#ff6400;}
.midcontent .formenquiry input.btncontinue {float:left; margin:10px 0 0 130px;background:#fff;padding:3px 5px;color:#999;font-size:0.9em;}
.midcontent .formenquiry select {background:none; width:260px;}
/*.midcontent .formenquiry textarea {width:248px;}*/

.blog label {width:92px;}
.midcontent .contact .line label {width:132px;}
.btnsubmit.blog {margin-left:98px; margin-top:10px;}
.midcontent .formbody .btncontinue.contact {margin-left:138px; margin-top:10px;}

.midcontent .name {color:#4b739b;}
.midcontent a.name {color:#4b739b; text-decoration:none;}
.midcontent a.name:hover {text-decoration:underline;}
.midcontent .date {color:#88878d;}
h4.paddingbottom {padding-bottom:10px;}

.row .item .desc ul {list-style:none;}

/* paging */
.paging {text-align:right;float:right;width:350px;}
.paging a {color:#4b739b;text-decoration:none;padding: 0 3px;float:right;text-align:center;}
.paging a.on, .paging a.on:hover, .paging a.on:focus {color:#000;font-weight:bold;}
.paging a.next {background:url(../images/arrow-orange.gif) no-repeat right 4px;padding-right:8px;}
.paging a.prev {background:url(../images/arrow-orange-left.gif) no-repeat left 4px;padding-left:7px;}
.paging .seperator {float:right;}

.footer {padding:25px 0 25px 20px;font-size:1.1em;float:left;width:920px;color:#808080;}
.footer .willogo {float:right;width:150px;}
.footer .phaselogo {float:right;width:300px; text-align:right;}
.footer .footernav {float:left;width:600px;}
.footer .footernav a {padding:0 0.5em;}
.footer .footernav a.rss {margin-top:10px; display:block; width:60px; height:30px;}
.footer a {color:#808080;text-decoration:none;}
.footer a:hover, .footer a:focus {color:#000;}

/* enquiry popup - don't forget the ie6 fixes */
.jqmWindow {display: none;position: absolute;top: 10px;left: 50%;margin-left: -300px;width:510px;background:#f0f0f5;color: #333;border:1px solid #b9b9be;padding: 0; font-size:1.1em;}
.jqmWindow .enqform {clear:both;background:#fff;}
.jqmWindow .enqform h2, .jqmWindow .enqform h3 {padding: 15px 0 5px 15px;margin:0;}

/* forms */
.line span.bracket {color:#000; float:left; padding:0 2px; } 

.jqmWindow .form {width:510px; margin:0 auto;padding:10px 0px; overflow:hidden;background:#fff;}
.jqmWindow .head {background:#f0f0f5;position:relative;padding:15px 100px 10px 30px;}
.jqmWindow h2 {font-size:1.5em;margin:0 0 18px 0;}
.jqmWindow .form .line {min-height:30px;padding:3px 0px;line-height:30px;}
.jqmWindow .form .line label {clear:both;float:left;line-height:30px; text-align:right; width:170px; margin-right:10px;}
.jqmWindow .form .line input {float:left;background:none;}
.jqmWindow .form .line input.long {width:240px;}
.jqmWindow .form .line input.medium {width:160px;}
.jqmWindow .form .line input.short {width:110px;}
.jqmWindow .form .line label span {color:#ff6400;}
.jqmWindow .sendbox {background:#f0f0f5;float:left;width:100%;padding:10px 0 20px 0;}
.jqmWindow input.btnsend, .jqmWindow a.btnsend {float:left; margin:0 0 0 180px;font-size:0.9em;padding:3px 5px;color:#999;background:#fff;}

.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 { float:left; margin:0 3px 0 0; }
.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 {width:24px; height:23px; background:url(../images/btn-close.gif) no-repeat; cursor:pointer;position:absolute;top:20px;right:30px;}
.jqmWindow span {color:#000;}
.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.form table {width:290px; background:none; vertical-align:middle;float:left;padding:0; margin:0;}
div.form table td.checkbox {width:15px;}

table.dataform {margin:20px 0;}
.dataform th {padding:3px 8px 4px 0;color:#333;}
.dataform td {padding:0 0 4px 0;}
.dataform th span {color:#ff6400;}

.usefulLinkBox { padding:10px 0 15px 0; border-bottom:1px solid #CCCCD1; float:left; width:215px; }
.usefulLinkBox h4 { padding:5px 0; color:#878791;font-size:1em;font-weight:normal;}
.usefulLinkBox h4.bold { color:#000; font-weight:bold; }
.usefulLinkBox ul {list-style:none;}
.usefulLinkBox li a { color:#4b739b; font-size:0.9em; background:url(../images/bulletin-orange.gif) left 4px no-repeat; text-decoration:none; width:215px; display:block; padding:0 0 0 9px; line-height:15px; }
.usefulLinkBox li a:hover, .spotLightContainer .usefulLinkBox li a:focus { text-decoration:underline; }

div.contactLink { padding:10px 0 0 0; }
ul.contactLink {list-style:none; margin:0; padding:0; }
ul.contactLink li { margin:0; padding:0; }
ul.contactLink li a { color:#4b739b; font-size:0.9em; background:url(../images/bulletin-orange.gif) left 4px no-repeat; text-decoration:none; width:215px; display:block; padding:0 0 0 19px; line-height:15px; }
ul.contactLink li a:hover, .spotLightContainer .usefulLinkBox li a:focus { text-decoration:underline; }

/*---- sIFR ---*/
.sIFR-flash {
  visibility: visible !important;
  margin: 0;
  padding: 0;
}

.sIFR-unloading .sIFR-flash {
  visibility: hidden !important;
}

.sIFR-replaced, .sIFR-ignore {
  visibility: visible !important;
}

.sIFR-alternate {
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
  height: 0;
  display: block;
  overflow: hidden;
}

.sIFR-replaced div.sIFR-fixfocus {
  margin: 0pt; 
  padding: 0pt; 
  overflow: auto; 
  letter-spacing: 0px; 
  float: none;
}

.sIFR-dummy { 
  width: 0px;
  height: 0px;
  margin-left: 42px;
  z-index: 0;
}
