ul#list{
padding:10px 0 10px 20px;
list-style: outside disc none;
}
ul#list li{
padding:5px 0 5px 5px;
margin:5px 0 0 10px;
list-style:outside disc none;
}
.bold{
font-weight:bold;
}
.pt10{
padding-top:10px;
}
.pb10{
padding-bottom:10px;
}
.pb20{
padding-bottom:20px;
}
.pl10{
padding-left:10px;
}
.p10{
padding:10px;
}
.ml144{
margin-left:144px;
}
.mousetype{
font-size:9px;
}
.w759{
width:759px;
}
.bgWhite{
background-color:#fff;
}
/* top navigation */
div#topbar{
width: 1000px;
height: 50px;
position:absolute;
top:11px;
left:0px;
}
div.new-top-nav{
position:absolute;
top:11px;
left:0px;
width:100%;
min-width:1000px;
height:50px;
background:url(/img/topNavBg.png) repeat-x;
}
/* roundal */
#roundel{
position:absolute;
top:-11px;
left:800px;
width:189px;
height:95px;
padding-left:3px;
background-image:url(/img/logo_drop.png);
background-repeat:no-repeat;
}
/* BMW Service title placement */
#serviceTitle{
position:absolute;
top:0;
right:0;
width:138px;
height:50px;
display:none;
}
/* main page area */
#mainArea{
position:absolute;
top:61px;
left:220px;
width:780px;
}
/* sitemap */
#sitemap h1.level1{
font-size:18px;
font-weight:bold;
border-bottom:1px solid #4c4c4c;
}
#sitemap li.level2{
font-size:11px;
font-weight:normal;
}
#sitemap li.level3{
font-size:10px;
font-weight:normal;
text-indent:10px;
}
#sitemap a{
color:#4c4c4c;
text-decoration:none;
}
#sitemap a:hover{
text-decoration:none;
color:#197aa5;
}
/* breadcrumb trail */
#breadcrumbHolder{
width:780px;
height:47px;
}
#breadcrumb{
padding:20px 0 0 10px;
color:#197aa5;
}
#breadcrumb span{
color:#4c4c4c;
}
#breadcrumb a{
text-decoration:none;
color:#4c4c4c;
}
#breadcrumb a:hover{
text-decoration:none;
color:#197aa5;
}
#mainImg{
border-bottom:1px solid #fff;
}
/* text and tactical area */

#dealerContents{
padding-left:10px;
padding-right:10px;
width:759px;
border-left:1px solid #999;
}
/* auc dealer own modules */
.aucDealerOwnMod{
clear:both;
padding-top:10px;
}
.aucDealerOwnImg{
float:left;
padding-right:10px;
background-repeat:no-repeat;
}
#enlarged{
display:none;
width:540px;
height:284px;
text-align:right;
border:1px solid #414141;
background-color:#666666;
background-position:0 20px;
background-repeat:no-repeat;
position:absolute;
top:100px;
left:120px;
}
#mainCol{
float:left;
width:510px;
}
#mainTxt{
width:480px;
padding-left:10px;
}
#tacticalArea,#aucTacticalArea{
position:relative;
float:right;
width:260px;
height:270px;
}
#aucTacticalArea{
padding-right:5px;
width:249px;
float:right;
height:50px;
}
#rentalTacticalArea{
position:relative;
float:right;
width:260px;
padding-bottom:30px;
}
#newBMWTacticalArea{
float:right;
width:259px;
height:270px;
background:url(/img/modules/bannersBg.jpg) repeat-x;
}
#tacticalBannerHolder{
position:relative;
margin:0 auto;
width:242px;
height:270px;
}
.contactInfo,#contactInfo{
position:relative;
margin-top:30px;
}
.contactInfo .contact1,#contactInfo #contact1{
float:left;
width:250px;
}
.contactInfo .contact2,#contactInfo #contact2{
position:relative;
float:left;
width:210px;
}
.contactInfo .contact3,#contactInfo #contact3{
float:left;
width:225px;
}
.contactInfo .contact4{
position:relative;
float:left;
width:150px;
padding-left:50px;
padding-top:50px;
}
/* SWYW pages */
.swywHolder{
clear:both;
width:555px;
padding-top:20px;
}
.swywMod{
float:left;
width:155px;
margin-right:35px;
}
.swywModEndRow{
float:left;
width:155px;
margin-right:0;
}
/* footer */
@media screen{
body > div#footer{position: fixed;}
}


#footerjs{position:absolute; height:19px; overflow-y:hidden;background-color:#f0f0f0;width:100%;}
html>body #footerjs{position:fixed;bottom:0; height:19px; background-color:#f0f0f0; width:100%;}


div#footer{
background:#f0f0f0;
color:#525252;
width:100%;
height:19px;
overflow:hidden;
}
@media print{
#footer{
clear:both;
background:#f0f0f0;
color:#4c4c4c;
width:100%;
height:19px;
position:static;
}
}
@media screen{
#footer{
background:#f0f0f0;
color:#4c4c4c;
width:100%;
height:19px;
position:absolute;
bottom:0px;
left:0px;
}
}
/* homepage module boxes */
#moduleBoxPlacement{
position:relative;
top:314px;
left:0;
padding-bottom:0;
width:1000px;
height:278px;
}
#module1Holder,#module2Holder,#module3Holder{
position:absolute;
top:0;
height:278px;
background-color:#fff;
color:#4c4c4c;
padding-bottom:19px;
}
#module1Holder{
left:10px;
width:314px;
}
#module2Holder{
left:345px;
width:314px;
}
#module3Holder{
left:680px;
width:320px;
}
#divider1,#divider2,#divider3,#aucDivider{
width:1px;
color:#fff;
height:278px;
position:absolute;
top:0;
background-color:#999;
}
#divider1{
left:334px;
}
#divider2{
left:669px;
}
#divider3{
height:270px;
right:270px;
top:10px;
}
/* main links */
.newsItem{
padding-bottom:20px;
}
/* PSAND moreinfo contact links */
.contactLinks{
padding-top:10px;
margin-left:144px;
}
.contactLinks a{
display:block;
height:15px;
}
.contactLinks a:hover{
background-position:0 -15px;
}
.contactLinks span{
display:none;
}
.contactuslink,.contactuslink a:hover{
width:66px;
background-image:url(/img/modules/contactus_moreinfo.gif);
}
.finduslink,.finduslink a:hover{
width:81px;
background-image:url(/img/modules/findus_moreinfo.gif);
}
/* end PSAND */
.moreInfo{
position:absolute;
right:0;
bottom:10px;
}
.moreInfo a{
display:block;
height:15px;
background-position:0 0;
background-repeat:no-repeat;
}
.moreInfo a:hover{
background-position:0 -15px;
background-repeat:no-repeat;
}
.moreInfo span,.apply span{
display:none;
}
.motorrad,.motorrad a:hover{
width:175px;
background-image:url(/img/modules/motorrad_moreinfo.gif);
}
.address,.address a:hover{
width:140px;
background-image:url(/img/modules/moreinfo.gif);
}
.finance,.finance a:hover{
width:218px;
background-image:url(/img/modules/financial_moreinfo.gif);
}
.servicing,.servicing a:hover{
width:176px;
background-image:url(/img/modules/servicing_moreinfo.gif);
}
.corpsales,.corpsales a:hover{
width:208px;
background-image:url(/img/modules/corporate_sales_moreinfo.gif);
}
.used,.used a:hover{
width:231px;
background-image:url(/img/modules/used_moreinfo.gif);
}
.rental,.rental a:hover{
width:191px;
background-image:url(/img/modules/rental_moreinfo.gif);
}
.accessories,.accessories a:hover{
width:260px;
background-image:url(/img/modules/accessories_moreinfo.gif);
}
.parts,.parts a:hover{
width:226px;
background-image:url(/img/modules/parts_moreinfo.gif);
}
.moreInfo button{
display:block;
height:15px;
background-position:0 0;
background-repeat:no-repeat;
}
.moreInfo button:hover{
background-position:0 -15px;
background-repeat:no-repeat;
}
.nextset,.nextset button,.nextset a:hover,.nextset button:hover{
width:54px;
background-image:url(/img/modules/nextset_moreinfo.gif);
}
.previousset,.previousset a:hover,.previousset button,.previousset button:hover{
left:0;
right:auto;
width:74px;
background-image:url(/img/modules/previousset_moreinfo.gif);
}
button.submitLink{
background-position:0 0;
background-repeat:no-repeat;
background-color:transparent;
text-decoration:none;
border:none;
cursor:pointer;
padding:0px;
margin:0px;
}
button.submitLinkon{
background-position:0 -15px;
background-repeat:no-repeat;
background-color:transparent;
text-decoration:none;
border: none;
cursor: pointer;
padding:0px;
margin:0px;
}
.next,.next button,.next a:hover,.next button:hover{
width:37px;
background-image:url(/img/modules/next_moreinfo.gif);
}
.previous,.previous button,.previous a:hover,.previous button:hover{
left:0;
right:auto;
width:57px;
background-image:url(/img/modules/previous_moreinfo.gif);
}
.print,.print a:hover{
left:auto;
right:50px;
width:90px;
background-image:url(/img/print.gif);
}
.next news,.previous news,.print news{
bottom:0;
}
.contactus,.contactus a:hover{
right:100px;
width:66px;
background-image:url(/img/modules/contactus_moreinfo.gif);
}
.requestservice,.requestservice a:hover{
right:100px;
width:98px;
background-image:url(/img/modules/requestservice_moreinfo.gif);
}
.findus,.findus a:hover{
right:0px;
width:81px;
background-image:url(/img/modules/findus_moreinfo.gif);
}
.contactus2,.contactus2 a:hover{
position:relative;
bottom:auto;
width:66px;
background-image:url(/img/modules/contactus_moreinfo.gif);
}
.findus2,.findus2 a:hover{
position:relative;
width:81px;
bottom:auto;
background-image:url(/img/modules/findus_moreinfo.gif);
}
.printmaps,.printmaps a:hover{
position:relative;
width:37px;
bottom:auto;
background-image: url(/img/print_maps.gif);
}
.reserve,.reserve a:hover{
right:100px;
width:79px;
background-image:url(/img/modules/reserve_moreinfo.gif);
}
.morevehicles,.morevehicles a:hover{
right:0px;
width:85px;
background-image:url(/img/modules/morevehicles_moreinfo.gif);
}
.readmore,.readmore a:hover{
position:relative;
bottom:auto;
width:65px;
background-image:url(/img/modules/read_moreinfo.gif);
}
.vacancy,.vacancy a:hover{
position:relative;
bottom:auto;
width:189px;
background-image: url(/img/moreinfo_position.gif);
}
.apply{
margin:10px 10px 0 425px;
width:121px;
}
.apply a{
display:block;
height:15px;
width:121px;
background-position:0 0;
background-image: url(/img/moreinfo_apply.gif);
}
.apply a:hover{
background-position:0 -15px;
background-repeat:no-repeat;
}
/* about us/ four plus page styles */
#subTxt{
float:right;
width:569px;
padding:15px;
}
#aboutusTimesHolder,#fourPlusDetailsHolder{
position:relative;
margin-top:10px;
left:0;
width:510px;
}
#fourPlusDetailsHolder{
width:569px;
}
#aboutusTimesHolder2{
display:none;
}
#dept2ContactInfo,#dept3ContactInfo,#dept3ContactInfo,#dept4ContactInfo,#dept5ContactInfo,#dept6ContactInfo{
display:none;
}
/* four plus indicators */
.indicators{
position:relative;
width:150px;
height:20px;
margin-top:10px;
}
.indicatorDesc{
position:absolute;
left:160px;
top:0;
width:400px;
display:none;
}
/* blue tabs */
.tabsDiv,.whiteTabsDiv,.level2TabsDiv,.whiteTabsDiv4Plus{
height:20px;
color:#fff;
background-color:#e2e2e2;
border-bottom:3px solid #3e3d3c;
}
.whiteTabsDiv,.level2TabsDiv,.whiteTabsDiv4Plus{
background-color:transparent;
color:#e2e2e2;
}
.level2TabsDiv{
position:absolute;
top:0;
display:none;
}
ul#moduleTabs,ul#moduleTabsLarge,ul.moduleTabsLarge,ul#moduleTabs4Plus,ul.moduleTabsMaps{
float:left;
height:20px;
list-style:none;
}
ul#moduleTabs li,ul#moduleTabsLarge li,ul.moduleTabsLarge li,ul#moduleTabs4Plus li,ul.moduleTabsMaps li{
height:19px;
float:left;
border-right:1px solid #e2e2e2;
border-bottom:1px solid #fff;
}
ul#moduleTabs li a,ul#moduleTabs li.down a{
width:75px;
}
ul.moduleTabsLarge li,ul#moduleTabsLarge li{
border-right:1px solid #fff;
}
ul#moduleTabs li a,ul#moduleTabsLarge li a,ul.moduleTabsLarge li a,ul#moduleTabs4Plus li a,ul.moduleTabsMaps li a{
display:block;
float:left;
height:15px;
background-color:#197aa5;
background-image:url(/img/modules/tabarrows2.gif);
background-position:100% 0% ;
background-repeat:no-repeat;
white-space:nowrap;
color:#FFF;
padding:3px 16px 1px 5px;
text-decoration:none;
font-size:11px;
font-weight:bold;
}
ul.moduleTabsLarge li a,ul.moduleTabsLarge li.down a,ul#moduleTabsLarge li a,ul#moduleTabsLarge li.down a{
width:135px;
}
ul#moduleTabs4Plus li a,ul#moduleTabs4Plus li.down a,ul.moduleTabsMaps li a,ul.moduleTabsMaps li.down a{
width:163px;
}
ul#moduleTabs li a:hover,ul#moduleTabsLarge li a:hover,ul.moduleTabsLarge li a:hover,ul#moduleTabs4Plus li a:hover,ul.moduleTabsMaps li a:hover{
color:#000;
background-color:#197aa5;
}
ul#moduleTabs li.down,ul#moduleTabsLarge li.down,ul.moduleTabsLarge li.down,ul#moduleTabs4Plus li.down,ul.moduleTabsMaps li.down{
border-bottom:1px solid #3e3d3c;
}
ul#moduleTabs li.down a,ul#moduleTabsLarge li.down a,ul.moduleTabsLarge li.down a,ul#moduleTabs4Plus li.down a,ul.moduleTabsMaps li.down a,ul.moduleTabsMaps li#directions1.down,
ul.moduleTabsMaps li#directions2.down,ul.moduleTabsMaps li#directions3.down,ul.moduleTabsMaps li#directions4.down,ul.moduleTabsMaps li#directions5.down,ul.moduleTabsMaps li#directions6.down{
color:#fff;
background-color:#3e3d3c;
height:15px;
padding:3px 16px 1px 5px;
background-image:url(/img/modules/tabarrows2.gif);
background-position:100% 100% ;
background-repeat:no-repeat;
}
ul#moduleTabsLarge li a,ul#moduleTabsLarge li.down a,ul.moduleTabsLarge li a,ul.moduleTabsLarge li.down a,ul#moduleTabs4Plus li.down a,ul.moduleTabsMaps li.down a{
background-image:url(/img/modules/tabarrows2.gif);
}
ul#moduleTabs li.down a:hover,ul#moduleTabsLarge li.down a:hover,ul.moduleTabsLarge li.down a:hover,ul#moduleTabs4Plus li.down a:hover,ul.moduleTabsMaps li.down a:hover{
color:#fff;
background-color:#3e3d3c;
}
#moreTabs span,#aboutMoreTabs span,#aboutMoreTabsBack span{
display:none;
}
#moreTabs,#moreTabs a,#aboutMoreTabs,#aboutMoreTabs a,#aboutMoreTabsBack,#aboutMoreTabsBack a{
display:block;
float:left;
width:16px;
height:19px;
background-image:url(/img/modules/moreTabs1.gif);
}
#moreTabs a:hover,#aboutMoreTabs a:hover,#aboutMoreTabsBack a:hover{
background-position:0% 100%;
}
.timesHolder{
background-color:#fff;
color:#000;
position:relative;
}
#aboutMoreTabs,#aboutMoreTabs a{
background-image:url(/img/modules/moreTabs2.gif);
}
#aboutMoreTabsBack,#aboutMoreTabsBack a{
background-image: url(/img/modules/backTabs2.gif);
}
/* Aboutus maps*/
ul.moduleTabsMaps li#directions1,ul.moduleTabsMaps li#directions2,ul.moduleTabsMaps li#directions3,ul.moduleTabsMaps li#directions4,ul.moduleTabsMaps li#directions5,ul.moduleTabsMaps li#directions6{
position:relative;
height:15px;
float:left;
width:270px;
border-right:1px solid #e2e2e2;
border-bottom:1px solid #fff;
padding:3px 16px 1px 5px;
background-color:#197aa5;
background-image:url(/img/modules/tabarrows2.gif);
background-position:100% 0% ;
background-repeat:no-repeat;
color:#FFF;
font-weight:bold;
}
ul.moduleTabsMaps li#directions1 a,ul.moduleTabsMaps li#directions2 a,ul.moduleTabsMaps li#directions3 a,ul.moduleTabsMaps li#directions4 a,ul.moduleTabsMaps li#directions5 a,ul.moduleTabsMaps li#directions6 a{
position:absolute;
top:3px;
right:16px;
background-color:#197aa5;
background-image:none;
color:#FFF;
padding:0;
font-size:11px;
font-weight:bold;
width:auto;
}
ul.moduleTabsMaps li#directions1.down a,ul.moduleTabsMaps li#directions1.down a:hover,ul.moduleTabsMaps li#directions2.down a,ul.moduleTabsMaps li#directions2.down a:hover,ul.moduleTabsMaps li#directions3.down a,ul.moduleTabsMaps li#directions3.down a:hover,ul.moduleTabsMaps li#directions4.down a,ul.moduleTabsMaps li#directions4.down a:hover,ul.moduleTabsMaps li#directions5.down a,ul.moduleTabsMaps li#directions5.down a:hover,ul.moduleTabsMaps li#directions6.down a,ul.moduleTabsMaps li#directions6.down a:hover{
color:#fff;
background-color:#3e3d3c;
}
ul.moduleTabsMaps li#directions1 a:hover,ul.moduleTabsMaps li#directions2 a:hover,ul.moduleTabsMaps li#directions3 a:hover,ul.moduleTabsMaps li#directions4 a:hover,ul.moduleTabsMaps li#directions5 a:hover,ul.moduleTabsMaps li#directions6 a:hover{
color:#000;
background-color:#197aa5;
}
input.postcode{
font-size:9px;
color:#666;
border:none;
padding:0 1px;
}
/* iframe for bdr content in modules */
iframe.approvedUsed{
width:314px;
height:187px;
position:relative;
}
/* module opening times table */
.openTimesTable,#rentalTable{
width:100%;
padding:0;
}
.openTimesTable tr.row1,#rentalTable tr.row1,#serviceTable tr.row1,.tyreTable tr.row1,.row1{
color:#000;
background-color:#fff;
}
.openTimesTable tr.row2,#rentalTable tr.row2,#serviceTable tr.row2,.tyreTable tr.row2,.row2{
color:#000;
background-color:#f3f3f3;
}
.openTimesTable td,#rentalTable td{
padding:4px 0 2px 5px;
}
.openTimesTable td.days{
width:50px;
font-weight:bold;
font-size:11px;
}
/* module rental table, service inclusive tables */
#rentalTable td#model,#rentalTable td#cost,.openTimesTable td#title,.openTimesTable td.title,#serviceTable td.title,.tyreTable td.title{
color:#fff;
background-color:#666;
height:20px;
padding:4px 5px 1px 5px;
font-weight:bold;
font-size:11px;
}
#rentalTable td#cost{
width:70px;
}
#rentalTable td.rentalModel{
font-size:11px;
}
#serviceTable td.center,.tyreTable td{
text-align:center;
}
#serviceTable td,.tyreTable td{
padding:5px;
}
/* service inclusive t&cs */
ol#serviceTerms{
padding:10px 0 10px 10px;
list-style: outside decimal none;
}
ol#serviceTerms li{
padding:5px 0 5px 5px;
margin:0 0 0 10px;
list-style:outside decimal none;
}
ol#serviceTerms ol{
padding:10px 0 10px 0px;
list-style: outside lower-alpha none;
}
ol#serviceTerms ol li{
padding:2px 0 2px 5px;
margin:0 0 0 10px;
list-style:outside lower-alpha none;
}
/* tyre fitting page */
ul.tyre{
padding:10px 0 10px 10px;
list-style:outside disc none;
}
ul.tyre li{
padding:2px 0 2px 5px;
margin:0 0 0 10px;
list-style:outside disc none;
}
/* about us vacancy page */
.vacancyHolder{
clear:both;
width:569px;
}
.vacancyDate,.vacancyTitle,.vacancyInfo{
float:left;
padding:5px;
}
.vacancyDate{
width:100px;
}
.vacancyTitle{
width:237px;
font-weight:bold;
}
.vacancyInfo{
width:200px;
}
.header{
color:#fff;
background-color:#666;
font-weight:bold;
font-size:11px;
}
.vacancyDetails{
display:none;
padding:5px;
border-bottom:1px solid #f3f3f3;
}
/* news page */
#newsImage{
float:left;
display:block;
padding:0 10px 10px 0;
}
.newsTitle{
display:block;
padding:10px;
}
.newsTitleImage
{
margin-top: -7px;
}
.mainNewsTitle
{
font-size: 16px;
}
.national{
border-top:1px solid #999;
}
#newsFunctions{
position:relative;
height:50px;
}
.noBanner{
padding:0 20px 10px 20px;
width:718px;
border-left:1px solid #999;
}
.noBannerTitle{
font-family: arial narrow,helvetica narrow,sans-serif;
font-size: 26px;
color: #666;
margin:0 0 10px 0;
padding:0;
}
/* gallery page  */
#galleryHolder{
margin-top:10px;
}
.mapHolder{
padding-top:20px;
}
#galleryImgs{
position:relative;
margin-top:10px;
width:274px;
float:left;
background: url(/img/modules/bannersBg.jpg) 0 0 repeat-x;
}
#galleryCaption,#galleryNumbers,#galleryNav, .galleryCaption{
width:254px;
margin-left:10px;
margin-bottom:10px;
}
#galleryNav{
position:relative;
height:20px;
margin-bottom:0;
}
#galleryThumbs{
float:right;
width:284px;
border-left:1px solid #999;
}
.galleryRow{
clear:both;
display:block;
}
#galleryThumbs .thumbs{
float:left;
width:88px;
height:62px;
}
#galleryThumbs a{
display:block;
width:78px;
border:1px solid #fff;
padding:1px;
}
#galleryThumbs a:focus{
display:block;
border:1px solid #999;
}
/* instant callback page */
#instantCallback label,#instantCallback input,#instantCallback select{
display:block;
float:left;
margin-bottom:10px;
}
#instantCallback br{
clear:both;
}
#instantCallback label{
width:100px;
font-weight:bold;
}
#instantCallback input,#instantCallback select{
font-family:arial,helvetica,verdana,sans-serif;
font-size:11px;
color:#4c4c4c;
background-color:#fff;
}
#instantCallback select{
width:150px;
}
#callMe{
margin:0 0 0 100px;
display:inline;
float:left;
}
#clear{
margin:0 0 0 10px;
display:inline;
float:left;
}
.rsvpcontinue
{
background-color: #202d57;
float: right;
text-align: right;
height: 19px;
}
.rsvpcontinue img
{
vertical-align: text-bottom;
margin-top: 6px;
}
.rsvpcontinue div
{
border-color: white;
border-right-width: 1px;
border-right-style: solid;
line-height: 19px;
height: 19px;
padding-left: 6px;
padding-right: 6px;
float: left;
}
.rsvpcontinue a
{
color: white;
font-weight: bold;
text-decoration: none;
}
.rsvpcontinue a:hover
{
color: #666666;
}