/*reset*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend{
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline;
}
sup{
font-size:85%;
vertical-align:top;
}
/* remember to define focus styles! */
:focus {
outline: 0;
}
body {
line-height: 1em;
color: black;
background: white;
height:auto !important;
}
ol, ul {
list-style: none;
}
@font-face {
font-family: BMWFont;
font-style: normal;
font-weight: normal;
src:url(/style/bmw.eot);
}
.MsoNormal{margin:0;padding:0;font-family:Arial,Helvetica,sans-serif}
img, div { behavior: url(/iepngfix.htc) }
table, div { border-collapse:collapse !important; }
img.arrow {display: inline; position: static; width: 7px; height: 11px; background-image:url(../images/arrow_standard.gif) ; background-repeat: no-repeat; background-position: top left; margin-top: -1px; margin-left: 6px;}
body{background:#fff;margin:0;padding:0;font-family:Arial,Helvetica,sans-serif}
#container { width:100%; }
#headerContainer{ margin:13px 0 0 0;}
#leaderimage { width:1024px; margin:0; padding:0; }
#leaderimage img {margin:0; padding:0; *margin-bottom:0px; top:2px;position:relative;}
#header .content { width:100%; position:absolute; height:60px; z-index:92; margin:-15px 0 0 0;}
#header .background { width:100%; position:absolute; height:60px; z-index:90;background:#838480; opacity:0.87; filter:alpha(opacity=87); -moz-opacity: 0.87; -khtml-opacity:0.87; }
#header .homeBG {background:#838480; opacity:0.87; filter:alpha(opacity=87); -moz-opacity: 0.87; -khtml-opacity:0.87;}
#header { width:100%; position:absolute; z-index:94; }
#transparentbg {background:url('../images/bg_navigation.png'); top repeat-x; height:85px; width:100%; z-index:93; position:absolute; top:17px; }
#breadcrumbLayer {position:absolute; left:16px; top: 77px; height:18px; z-index:9900; background-color:#FFFFFF; width:inherit;text-indent: 4px;vertical-align: middle;padding-right:12px;}
#breadcrumbspacerLayer {position:absolute; left:0; width:23px;top: 77px; height:18px; z-index:9990; background-color:#FFFFFF;}
#LayerRange {position:absolute; width:300px; height:85px; z-index:9991; left: 350px; top: 50px; background-color: #ffffff; visibility: hidden;}
#LayerUsedVehicles {position:absolute; width:300px; height:85px; z-index:9992; left: 350px; top: 50px; background-color: #ffffff; visibility: hidden;}
#LayerOwners {position:absolute; width:300px; height:85px; z-index:9993; left: 350px; top: 50px; background-color: #ffffff; visibility: hidden; }
#LayerExperience {position:absolute; width:300px; height:85px; z-index:9993; left: 350px; top: 50px; background-color: #ffffff; visibility: hidden; }
#BMW_ExtraMenus {position:absolute; left: 355px; top:23px;text-align: right;z-index:9999;}
#BMW_ExtraMenus img { margin:0 10px 0 0;}
#loginPos {position:absolute; top:290px; left:200px;}
.field {border-width:1px; border-top-color:rgb(146,146,146); border-right-color:rgb(175,175,175); border-bottom-color:rgb(175,175,175); border-left-color:rgb(175,175,175); border-style:solid; background-image:url(/common_content/bmw/inset_images/bg_forms.gif);}
#moduleHeaderContainer { margin:60px 0 0 0; width:221px; height:21px; line-height:20px; position:absolute; background:#fff; z-index:93; border-right:1px solid #C2C2C2; opacity:0.87; -moz-opacity: 0.87;-khtml-opacity:0.87; filter: alpha(opacity=87); }
#moduleHeaderContainer span{ margin:0 0 0 22px; }
#contentContainer { clear:both; z-index:91; position:absolute; width:1024px; background:url(../images/tabline_new.gif) top repeat-x; margin:0; padding:21px 0 50px 0; border-bottom:0px solid #fff; }
#contentContainer2{position:absolute;top:0px;z-index:91;}
#contentContainertabs{clear:both;z-index:92;position:relative;width:700px;top:1px;}
#leftpanel { width:238px; float:left; margin:30px 0 0 0; position:relative; z-index:91; }
#modelleader { width:195px; margin:0 25px 0 18px; position:relative; z-index:91; }
#rightpanel .variant .margins{margin:0 24px 0 24px;}
#rightpanel .first .margins{margin: 0 24px 0 18px !important; }
#rightpanel .variant{display:block;width:192px;float:left;}
#rightpanel .first{display:block;width:186px;float:left;}
.variantcontent{clear:both;width:606px;padding:20px 0 0 0!important}
#rightsidemenu .topmenu{margin:7px 0 20px 8px;}
.variantcontent {padding:30px 0 0 0;}
.selected { color:#f00 !important; }
/*fonts*/
#contentContainer h2 { padding:0 0 15px 0; }
#contentContainer .modelimage { padding:0; }
#contentContainer h3{margin:10px 0 10px 0;}
#contentContainer p{margin:0 0 15px 0; line-height:14px;}
#footerContainer { width:100%; height:25px; position:fixed; bottom:0px; clear:both; border-top:1px solid #999; border-bottom:none; background:#fff; z-index:200; display:block; margin-top:50px; }
#footer { width:1024px; text-align:right; clear:both; display:block; }
#footer ul { float:right; margin:0 50px 0 0; line-height:25px; }
#footer ul li { background:url(../images/arrow.gif) no-repeat center left; text-indent:6px; margin:0; padding:0 10px 0 0; display:block; float:left; }
/*content areas*/
#quicksearch_1col .contentarea{width:763px}
/*columns*/
#firstpanel_2col, #firstpanel_3col, #firstpanel_4col, #twobigcolumns_first,
#secondpanel_2col, #secondpanel_3col, #secondpanel_34col, #secondpanel_4col, #twobigcolumns_second,
#thirdpanel_4col, #firstpanel_2cols, #secondpanel_2cols
{ margin-bottom:25px; }
#rightpanel{z-index:102;position:relative;margin:-21px 0 0 0;width:606px;float:left;}
#quicksearch_1col{margin:-54px 0 0 208px; width:775px;z-index:102;position:relative;background:#fff}
#firstpanel_3col { margin:0 !important; padding:20px 24px 0 30px; width:166px; z-index:102; position:relative; float:left;border-right:1px solid #999999; }
#firstpanel_3col p { display:inline-block; }
#secondpanel_3col{float:left; width:570px; margin:20px 0 0 0;padding:0 30px 0 23px;z-index:102;position:relative;}
#secondpanel_34col{float:left; width:582px;padding:0 23px 0 0; margin:-21px 0 0 0;z-index:102;position:relative;}
#firstpanel_4col { float:left; width:220px; margin:0 !important; padding:20px 19px 0 30px; z-index:102; position:relative; }
#firstpanel_4col p { display:inline-block; }
#secondpanel_4col { float:left; width:196px; margin:20px 18px 0 0; z-index:102; position:relative; }
#thirdpanel_4col { float:left; width:368px; margin:20px 23px 0 0; z-index:102; position:relative; }
#firstpanel_2col { margin:0 !important; padding:20px 30px 0 40px; z-index:102; position:relative; float:left; width:182px; }
#firstpanel_2col p { display:inline-block; }
#secondpanel_2col{margin:-21px 0 0 0px;z-index:102;position:relative;float:left;width:693px;}
#secondpanel_2col .content{padding:0 0 0 4px;}
#rightsidemenu{width:180px;float:right;margin:20px 0 0 0; background:#fff;z-index:102;position:relative;}
#twobigcolumns_first{padding:0 29px 0 249px;margin:20px 0 0 0!important;margin:20px 0 0 0;width:292px;float:left;z-index:102;position:relative;}
#twobigcolumns_second{padding:0 0 0 29px;width:422px;margin:20px 0 0 0!important;margin:20px 0 0 0;border-left:1px solid #999999;float:left;z-index:102;position:relative;}
#twobigcolumns_first .calc select,#twobigcolumns_first .calc input{ width:188px;}
/*box styles*/
/*toolbox style*/
.toolbox {margin:-20px 0 0 0;left:844px;height:15px;background:#fff;width:172px;padding:5px 0 0 8px; z-index:100;position:absolute;}
.toolbox .tool_print a{ background:url(../images/btn_print.gif) no-repeat; height:12px; width:15px;display:block;}
.toolbox .tool_mail a{ background:url(../images/btn_mail.gif) no-repeat; height:10px; width:13px;display:block;}
.toolbox .tool_fontlarge a{ background:url(../images/btn_large.gif) no-repeat; height:11px; width:13px;display:block;}
.toolbox .tool_fontsmall a{ background:url(../images/btn_small.gif) no-repeat; height:10px; width:11px;display:block;}
.toolbox .tool_print a span,.toolbox .tool_mail a span,.toolbox .tool_fontsmall a span,.toolbox .tool_fontlarge a span{ display:none;}
.toolbox ul li {float:left;margin:0 12px 0 0;}
.generalbox .description p{margin:0 0 4px 0;}
.generalbox .description {margin:14px 7px 0 7px;}
.generalbox .description ul li{list-style:list-style-image;display:block;list-style-image:url(../images/resultsarrow.gif);list-style-position:outside;text-indent:17px;}
.generalbox .description ul li a{color:#003399}
.generalbox {border:solid 1px #003399;}
.generalbox h2 { background:#003399; height:21px; line-height:20px; color:#fff; font-size:10px !important; padding:0 !important; margin:0; text-indent:8px; text-transform:uppercase; }
/*quick search box*/
.outsearchbox{width:763px; padding:0 0 5px 45px;border-bottom:1px solid #c0c0c0;}
.searchbox{margin:15px 0 0 0;width:580px;}
/*quick search results*/
#quicksearchresults{padding:10px 0 0 25px;}
#quicksearchresults #results td{vertical-align:top;}
#quicksearchresults #results{width:608px;margin:15px 0 0 0}
#quicksearchresults .desc{border-top:1px solid #c0c0c0;width:100%;vertical-align:top;}
#quicksearchresults .desc .title{background:url(../images/resultsarrow.gif) left no-repeat;text-indent:10px; display:block;}
#quicksearchresults .shortdesc {width:310px;padding:0 0 0 20px;}
#quicksearchresults .pager{padding:0 0 0 20px;}
#quicksearchresults .number{vertical-align:top;font-size:10px;}
.backitem a span{background:url(../images/resultsarrow.gif) left no-repeat;text-indent:10px; display:block;}
/*dealer locator*/
#firstpanel_3col p {margin:15px 0 0 0!important}
/*Dealer results*/
#dealerresults{width:575px;margin:45px 0 0 0;}
#dealerresults .desc{width:100%;border-bottom:1px solid #c0c0c0}
#dealerresults .last .desc{border:0;}
.expand {position:absolute;margin:47px 0 0 0}
/*Dealer Results detail*/
.headeritem{width:570px; border-bottom:1px solid #c0c0c0;overflow:auto}
#dealerDetailedresults .headeritem .title{float:left;width:507px;}
#dealerDetailedresults .headeritem .backitem{float:left;width:62px; }
/*standard box */
.standardgreybox { border:1px solid #AFAFAF;margin:11px 0 0 0;padding:11px 6px 11px 6px; }
.standardgreybox ul li{ background:url(../images/bluearrow.gif) left top no-repeat;text-indent:10px; display:block;list-style:none; }
.standardgreybox ul li a{ color:#003399; }
.standardbox { border:1px solid #039; margin:11px 0 0 0; padding:11px 6px 11px 6px; position:relative; }
.standardbox ul li {background:url(../images/resultsarrow.gif) left no-repeat;text-indent:10px; display:block;list-style:none}
/*gray box*/
.graybox{border:1px solid #B5B5B5; background:#ECECEC;float:left;}
/*blue box*/
.generalbox ul li, .content .comparison a{background:url(../images/bluearrow.gif) left no-repeat;text-indent:10px; display:block;list-style:none}
.generalbox ul li a{color:#003399}
/*table styles*/
.blackstyle th{ text-align:left;text-transform:uppercase; vertical-align:top;border-bottom:solid 1px #000}
.blackstyle td{vertical-align:top;border-bottom:solid 1px #c0c0c0}
.news-col {border-left:solid 1px #c0c0c0;}
.comparison tbody{}
.comparison tbody td{padding:10px 8px;}
.content .comparison td,.content .comparison th{line-height:16px;text-align:left;border-right:1px solid #DFDFDF;border-bottom:1px solid #DFDFDF}
.comparison td img{margin:0 0 0 8px;}
.comparison th {padding-left:3px;text-transform:uppercase;}
.comparison{}
.comparison td a{margin:0 0 0 2px;}
.comparison .subheading{border-right:0!important;background:url("/images/subheading_bg.gif") right top transparent;}
/* Pricing component style */
#jModelComparisonFragment_li_Pricing {font-weight:bold;background:url("/images/rightpaneltabunsel_price_off.gif") no-repeat scroll right top transparent; width:80px; }
#jModelComparisonFragment_li_Pricing a{border-left:1px solid #fff; color:#fff !important;background:url("/images/rightpaneltabunsel_price_off.gif") no-repeat scroll right top transparent;width:80px;text-align:center; opacity:0.7; -moz-opacity: 0.7;-khtml-opacity:0.7; filter: alpha(opacity=70);}
#jModelComparisonFragment_li_Pricing a:hover{background:url("/images/rightpaneltabunsel_price_off2.gif") no-repeat scroll right top transparent;opacity:1; -moz-opacity: 1;-khtml-opacity:1; filter: alpha(opacity=100);}
#jModelComparisonFragment_li_Pricing.selected a{border-left:1px solid #003399; color:#003399 !important;background:url("/images/rightpaneltabunsel_price.gif") no-repeat scroll right top transparent;text-align:center; opacity:1; -moz-opacity: 1;-khtml-opacity:1; filter: alpha(opacity=100);}
#jModelComparisonFragment_li_Pricing.selected a:hover{background:url("/images/rightpaneltabunsel_price.gif") no-repeat scroll right top transparent;}
#pricing{position:relative;width:580px;border:1px solid #DFDFDF;margin:10px 0 25px 0px;padding:0 0 20px 0;background:url("/images/pricing_bg.gif") top left repeat-x #FFF;}
#pricing h2{margin:20px 0 0 20px}
#pricing #postcode_input{margin:0 0 0 20px}
#pricing input{background-image:url("/images/searchboxbg.jpg");border:1px solid #7F7F7F;font-size:11px;margin:4px 0 0;padding:3px 5px;width:50px;}
#pricing .message{color:red;margin:0 0 0 6px;font-weight:bold}
#pricing .loader{color:#003399;margin-top:10px;text-align:center;}
#pricing #calculation_result{}
#pricing #calculation_result #price_table{margin:15px 0 0 0}
#pricing #calculation_result td {padding:10px 8px;border:1px solid #DFDFDF;}
#pricing #calculation_result #disclaimer {padding:0 20px 20px 20px;color:#4C4C4C;font-size:11px;width:90%;}
#pricing #calculation_result #disclaimer h3{margin:0;color:#4C4C4C;text-transform:uppercase;font-weight:bold}
#pricing #calculation_result #disclaimer .state{display:none}
#pricing #calculation_result #change_pcode{display:block;padding:10px 10px 0;text-align:right;color:#003399;}
#pricing #calculation_result #change_pcode a{color:#000}
#pricing .no_result{margin:15px 0 0 20px;color:red}
.largesecondpanel_2col{width:742px!important;padding:0 0 0 282px;}
#secondpanel_2col th {text-align:left; vertical-align:middle;height:28px;}
#secondpanel_2col .leftside { width:473px; }
#secondpanel_2col .rightside { width:314px; }
#secondpanel_2col .blackbox { border:1px solid #000; padding:25px 25px 28px 25px; margin:0 0 13px 0; }
#secondpanel_2col .bluebox { border:1px solid #003399; padding:28px 14px 28px 25px; margin:0 0 13px 0; width:280px; }
#secondpanel_2col .leftcolsplit { width:367px; float:left; padding:0 0 0 137px; }
#secondpanel_2col .rightcolsplit { width:180px; float:left; padding:0 0 0 54px; }
#secondpanel_2col .title{font-weight:bold;}
#secondpanel_2col .generalbox{width:386px;}
#secondpanel_2col .content .Firstsplitcol {position:relative;width:390px; float:left; display:block; margin:0 30px 30px 0; }
#secondpanel_2col .content .Secondsplitcol { width:287px; float:left; *float:none; margin:0 0 30px 0; }
#secondpanel_2col .content .eventsplitcol{width:293px;float:left; }
#secondpanel_2col .content .FirstLargesplitcol { width:543px; margin:0 65px 0 0; float:left; }
#secondpanel_2col .content .FullWidthCol { width:652px; margin:0; float:left; }
.eventsplitcol .generalbox{width:100%!important;}
#secondpanel_2col .content .spacer { margin:0 30px 0 0; }
/*list styles*/
/*pager style*/
/*media release pager*/
div.seperator{ text-align:center;margin:25px 0 0 0;}
.pager p{padding:10px 0 0 0;}
.pager {}
.pager ul li{display:inline;}
.pager ul li a{padding:0 5px 0 5px; border-right:1px solid #4C4C4C; }
.pager ul .less a, .pager ul .more a, .pager ul .last a{border:0;}
.pager ul .less a{padding:0 10px 0 0}
.pager ul .more a{padding:0 0 0 10px;}
.pager ul .selected a, .pager ul .selected {color:#003399}
/*general font styles*/
/*links*/
.footnote{margin: 10px 0 0 0}
.footnote ul li {display:inline;margin:0 10px 0 0;}
.footnote ul li img{margin:0 3px 0 0;}
/*global*/
/*
h1{font-size:11px;line-height:24px;margin:0 0 20px 0;font-family:Arial,Helvetica,sans-serif;font-weight:bold;}
h2{font-size:11px;line-height:24px;font-family:Arial,Helvetica,sans-serif;font-weight:bold;}
h3{font-size:10px;background:#4C4C4C;margin:25px 0 10px 0;color:#fff;line-height:20px;text-indent:4px;font-family:Arial,Helvetica,sans-serif;}
*/
p{line-height:14px;}
a:hover{color:#039!important;}
a:active,a:link,a:visited,a{color:#4C4C4C;font-size:11px;text-decoration:none;}
.contentarea h2,.content h2{font-size:15px;margin:0;padding:0!important}
.contentarea h3,.content h3{text-indent:0;font-size:11px;font-family:Arial,Helvetica,sans-serif;font-weight:bold;background:none;color:#000000;margin:0!important;padding:0!important }
/*general background styles*/
/*search input box*/
/*.searchinput { background:url(../images/searchboxbg.jpg) no-repeat top left; border:1px solid #929292; text-indent:4px; width:100%; display:block; }*/
.searchinput { background:url(../images/searchboxbg.jpg) no-repeat top left; border:1px solid #929292; text-indent:4px; width:75%; }
.description .searchinput { width:100px; }
select { font-family: inherit; font-size:11px; border-bottom:#003399 1px solid; border-left:#003399 1px solid; border-right:#003399 1px solid; border-top:#003399 1px solid; }
.searchboxcontainer input { width:50px; height:16px; background:none; border:1px solid #999; font-size:11px; font-family:inherit; margin:0; padding:0; border-collapse:collapse; text-indent:2px; line-height:14px; vertical-align:middle; }
.searchinputbox {
display:block;
position:absolute;
top:-2px;
left:20px;
height:12px;
width:105px;
font-size:11px;
}
/*main nav style*/
#nav { background:#fff url(../images/menu_bottombg.gif) no-repeat bottom; position:absolute; z-index:92; margin:80px 0 0 0; width:222px; opacity:0.9; -moz-opacity: 0.9;-khtml-opacity:0.9; filter: alpha(opacity=90); }
#nav #menuarrow { margin:0 0 0 2px; }
#nav .bg { padding:0 0 30px 0; height:400px; }
#nav ul{margin:5px 0 0 0}
#nav .d { background:url(../images/sidenav_linebg.gif) repeat-y; }
#nav ul li { line-height:23px; border-bottom:1px solid #C2C2C2;margin:0;padding:0;}
#nav ul li ul li{ line-height:10px;border-bottom:0!important; margin:0;padding:0;}
#nav ul li ul li ul{margin:5px 0 5px 0}
#nav ul li ul li ul li a, #nav ul li ul li a { line-height:14px; display:block; padding:2px 0; }
#nav ul li ul li ul li { text-indent:0px; border-bottom:0!important; margin:0; padding:0 0 0 10px; }
#nav ul li a { margin:0 0 0 30px; line-height:23px; }
.clickable { padding:10px 0 0 0; }
#nav .last{border:none;}
#nav .expanded{padding:0 0 100px 0;}
a.current {color:#003399}
.dynamicmodels td {padding:0 4px 0 0;}
/*homepage*/
.homepage .item p {padding :5px 0 0 0;}
.homepage .item a {background:url(../images/arrow.gif) no-repeat center left; padding:0 0 0 10px}
.homepage .item {width:256px;margin:0 0 0 0;}
.homepage .item .image{float:left;width:88px;margin:0 0 0 0;}
.homepage .item .text{float:left;width:151px;padding:0 0 0 8px}
.homepage .tabnav { margin:-21px 0 0 29px; }
.homepage .tabnav ul li { width:122px!important; }
.homepage .tabnav #bannerNext { width:33px; height:19px; background:#fff; float:right; border-top:1px solid #039; border-left:1px solid #039; }
.homepage .tabnav #bannerNext a { position:relative; top:4px; left:6px; }
.homepage #firstpanel_2cols { padding:27px 0 0 29px; width:565px; float:left; margin:0 0 -20px 0; }
.homepage #firstpanel_2cols .leftside { width:247px; float:left; border-right:1px solid #999; }
.homepage #firstpanel_2cols .rightside { width:286px; padding:0 0 0 13px; float:left; }
.homepage #firstpanel_2cols .contentarea { padding:0 0 0 9px; }
.homepage #secondpanel_2cols { width:424px; float:left; border-left:1px solid #999; margin-top:1px; }
.homepage #secondpanel_2cols .content { padding:15px 0 0 0; width:429px; }
.homepage #secondpanel_2cols .leftside { width:173px; float:left; padding:0 63px 20px 11px; }
.homepage #secondpanel_2cols .content .rightside { width:180px; float:left; }
.homepage #secondpanel_2cols .background { float:right; }
.homepage #secondpanel_2cols .background img { float:right; clear:both; }
/*model overview page*/
.modeloverviewpage { position:relative; z-index:91; }
.modeloverviewpage .item p {padding :5px 0 0 0;}
.modeloverviewpage .item a {background:url(../images/arrow.gif) no-repeat center left; padding:0 0 0 10px}
.modeloverviewpage .item {width:256px;margin:0 0 0 0;}
.modeloverviewpage .item .image{float:left;width:88px;margin:0 0 0 0;}
.modeloverviewpage .item .text{float:left;width:151px;padding:0 0 0 8px}
.modeloverviewpage .tabnav { margin:-21px 0 0 29px; left: 210px;}
.modeloverviewpage .tabnav ul li { width:122px!important; }
.modeloverviewpage .tabnav #bannerNext { width:33px; height:19px; background:#fff; float:right; border-top:1px solid #039; border-left:1px solid #039; }
.modeloverviewpage .tabnav #bannerNext a { position:relative; top:4px; left:6px; }
.modeloverviewpage #firstpanel_2cols { padding:27px 0 0 29px; width:565px; float:left; margin:0 0 -20px 0; }
.modeloverviewpage #firstpanel_2cols .leftside { width:247px; float:left; border-right:1px solid #999; }
.modeloverviewpage #firstpanel_2cols .rightside { width:286px; padding:0 0 0 13px; float:left; }
.modeloverviewpage #firstpanel_2cols .contentarea { padding:0 0 0 9px; }
.modeloverviewpage #secondpanel_2cols { width:424px; float:left; border-left:1px solid #999; }
.modeloverviewpage #secondpanel_2cols .content { padding:15px 0 0 0; width:429px; }
.modeloverviewpage #secondpanel_2cols .leftside { width:173px; float:left; padding:0 63px 20px 11px; }
.modeloverviewpage #secondpanel_2cols .content .rightside { width:180px; float:left; }
.modeloverviewpage #secondpanel_2cols .background { float:right; }
.modeloverviewpage #secondpanel_2cols .background img { float:right; clear:both; }
/*model comparison page*/
.modelcomparisonpage { position:relative; z-index:91; }
.modelcomparisonpage .tabnav { margin:-21px 0 0 29px; left: 210px; position:absolute;top:61px; z-index:92;}
.modelcomparisonpage .tabnav ul li { width:100px; }
.modelcomparisonpage .tabnav #bannerNext { width:33px; height:19px; background:#fff; float:right; border-top:1px solid #039; border-left:1px solid #039; }
.modelcomparisonpage .tabnav #bannerNext a { position:relative; top:4px; left:6px; }
.modelcomparisonpage #contentContainer { position:absolute;top:59px;background:url(../images/tabline_long.gif) top repeat-x;}
.modelcomparisonpage #secondpanel_34col { top:22px; }
.modelcomparisonpage .tabnav ul li a { width:auto; min-width:50px; }
/*driver trainning page*/
.drivertrainning .tabnav { margin: 0 0 10px 0;; left: 0px; position:absolute;top:-19px; z-index:92;}
.drivertrainning .tabnav ul li { width:100px; }
/*crm forms*/
.crmforms .tabnav { margin: 0 0 10px 0;; left: 0px; position:absolute;top:-19px; z-index:92;}
.crmforms .tabnav ul li { width:100px; }
.crmforms .tabnav ul li a { width:auto; min-width:50px; }
/*Brochure download page CRM form*/
.brochureCheckbox tr td{vertical-align:bottom;height:24px;}
#secondpanel_2cols .leftside h1 { font-size:20px; margin:30px 0 0 0; padding:0;}
a.greylink { background:#4C4C4C url(../images/whitearrow.jpg) left 1px no-repeat; color:#fff !important; display:block; font-size:11px !important; padding:5px 5px 5px 15px; }
a.greylink:hover { background:#039 url(../images/whitearrow_blue_bg.gif) left 1px no-repeat;; color:#fff !important; }
a.secondline { margin-top:9px; }
a.leftgreylink { width:175px; }
a.contentgreylink { width:124px; }
a.paralink { margin:8px 5px; display:block; font-size:11px !important; line-height:12px; color:#000 !important; }
a.paralink:hover { color:#000 !important; }
span.greylinkspan { background:#4C4C4C url(../images/whitearrow.jpg) left 1px no-repeat; color:#fff !important; display:block; font-size:11px !important; padding:5px 5px 5px 15px; }
.modelimage a:hover span.greylinkspan { background:#039 url(../images/whitearrow_blue_bg.gif) left 1px no-repeat;; color:#fff !important; }
.modelimage img { border-bottom:1px solid #fff; border-collapse:collapse; }
div#mainNavigationContainer {
position: absolute;
top: 0px;
left: 0px;
width: 100%;
z-index: 1000;
}
div.mainNavigation {
display: block;
padding: 20px 0px 0px 0px;
margin: 0px;
*background: none;
}
div.mainNavigation a:focus {
border: none;
outline: none;
}
div.mainNavigation ul li.mainNaviHighlight a,
div.mainNavigation ul li a.mainNaviHighlight,
div.mainNavigation ul li.active li li a.mainNaviHighlight,
div.mainNavigation ul li.showroomHighlight a,
div.mainNavigation ul li a.showroomHighlight,
div.mainNavigation ul li.active li li a.showroomHighlight {
color: #000077 !important;
}
div.mainNavigation ul {
position: relative;
height: 30px;
border: none;
display: block;
clear: both;
padding: 0px;
margin: 0px 0px 0px 30px;
z-index: 900;
width: 762px;
border-bottom: 1px solid #AAA;
}
div.mainNavigation ul ul {
position: relative;
display: block;
float: none;
width: auto;
height: auto;
clear: both;
padding: 0px;
margin: 0px 0px 10px 0px;
border: none;
background: none;
}
div.mainNavigation ul li {
margin-left: -5px;
position: relative;
display: block;
float: left;
list-style: none;
margin: 4px 6px 0px -5px;
}
div.mainNavigation ul li.showroom,
div.mainNavigation ul li.showroomHighlight {
margin: 0px 8px 0px -5px;
*margin: 2px 8px -2px -5px;
}
div.mainNavigation ul li.active {
background: #FFF;
}
div.mainNavigation ul li li {
padding: 0px;
margin: 0px;
float: none;
border: none;
}
div.mainNavigation ul li.active li {
float: none;
display: block;
background: none;
width: auto;
}
div.mainNavigation ul li a {
display: block;
font-size: 14px;
font-weight: normal;
color: #FFF !important;
margin: 8px 5px 2px 5px;
padding: 0px 0px 4px 0px;
}
div.mainNavigation ul li a:hover,
div.mainNavigation ul li.active a,
div.mainNavigation ul li.active div.dropDownContainer a:hover {
color: #000077 !important;
position:relative;
z-index: 2000;
}
div.mainNavigation ul li a:link {
font-size: 14px;
}
div.mainNavigation ul li.showroom a,
div.mainNavigation ul li.showroomHighlight a {
font-weight: bold;
font-size: 17px;
margin: 10px 6px 1px 5px;
padding: 0px 0px 7px 0px;
}
div.mainNavigation ul li li a,
div.mainNavigation ul li.active li a,
div.mainNavigation ul li.showroom li a,
div.mainNavigation ul li.showroomHighlight li a {
font-size: 11px;
line-height: 16px;
font-weight: bold;
color: #000;
margin: 0px;
display: inline;
}
div.mainNavigation ul li li li a,
div.mainNavigation ul li.active li li a,
div.mainNavigation ul li.showroom li li a,
div.mainNavigation ul li.showroomHighlight li li a {
font-weight: normal;
color: #4c4c4c;
}
div.mainNavigation ul li div.dropDownContainer {
display: none;
position: absolute;
top: 22px;
width: 180px;
min-height: 320px;
padding: 8px;
margin: 3px 0px 0px -1px;
border: 1px solid #999999;
border-top: none;
background-color: #fff;
z-index: 2000;
*height: 320px;
vertical-align:top;
}
div.mainNavigation ul li.active div.dropDownContainer {
display: block;
}
div.mainNavigation ul li.active div.dropDownContainer a {
color:#484848 !important;
}
div.mainNavigation ul li.showroom div.dropDownContainer,
div.mainNavigation ul li.showroomHighlight div.dropDownContainer {
top: 24px;
}
div.mainNavigation ul li#topic_BMW_Range,
div.mainNavigation ul li#topic_Used_Vehicles,
div.mainNavigation ul li#topic_Owners,
div.mainNavigation ul li#topic_Experience
{
padding-bottom:2px;
margin-top:3px;
}
div.mainNavigation ul li#topic_BMW_Range div.dropDownContainer {
left: 0px;
width: 400px;
*width: 407px;
margin-top:4px;
}
div.mainNavigation ul li#topic_Used_Vehicles div.dropDownContainer {
left: -90px;
width: 400px;
*width: 407px;
margin-top:4px;
}
div.mainNavigation ul li#topic_Owners div.dropDownContainer {
left: -190px;
width: 400px;
*width: 407px;
margin-top:4px;
}
div.mainNavigation ul li#topic_Experience div.dropDownContainer {
left: -249px;
width: 400px;
*width: 407px;
margin-top:4px;
}
div.mainNavigation ul li div.dropDownContainer div.dropDownColumn {
float:left;
margin-right: 6px;
vertical-align:top;
}
div.mainNavigation ul li div.dropDownContainer div.dropDownColumn ul {
width: 126px;
padding-top:0px!important;
}
div.mainNavigation ul li.showroom div.dropDownContainer div.dropDownColumn ul li {
*margin-top:-14px;
}
div.mainNavigation ul li.showroom div.dropDownContainer div.dropDownColumn ul li ul li {
*margin-top:0px;
}
div.mainNavigation ul li.showroom div.dropDownContainer div.dropDownColumn,
div.mainNavigation ul li.showroomHighlight div.dropDownContainer div.dropDownColumn {
width: 180px;
margin-right: 0px
}
div.mainNavigation ul li.showroom div.dropDownContainer div.dropDownColumn ul,
div.mainNavigation ul li.showroomHighlight div.dropDownContainer div.dropDownColumn ul {
width: auto;
}
div.mainNavigation hr {
display: block;
clear: both;
width: 60%;
height: 1px;
margin: 10px 0px 5px 29px;
padding: 0px;
border: none;
background-color: #999999;
}
div.mainNavigation ul.secondNavigation {
z-index: 1;
margin: 0px;
padding: 0px 0px 0px 25px;
border: none;
height: auto;
}
div.mainNavigation ul.secondNavigation li {
margin: 0px 0px 0px -2px;
}
div.mainNavigation ul.secondNavigation li a {
margin: 0px;
padding: 5px 8px;
font-size: 11px;
}
div.seconaryNavigation {
display: block;
position: absolute;
top: 57px;
left:1px;
padding: 0px 0px 0px 30px;
margin: 0px;
*background: none;
}
div.seconaryNavigationSearch {
display: block;
position: absolute;
top: -1px;
left: 655px;
padding: 0px 0px 0px 30px;
margin: 0px;
*background: none;
z-index:100;
}
div.seconaryNavigationSearchBox {
display: block;
position: absolute;
top: 0px;
left: 555px;
padding: 0px 0px 0px 30px;
margin: 0px;
*background: none;
z-index:101;
}
#seconaryNavigationSearchBox input {
border-width:1px; border-color:rgb(153,153,153); border-style:solid;
}
h1, h3 {font-family: Arial; margin:0px; color:#000000;}
h4, h5, h6, h7 {font-family: Arial; margin:0px; font-weight:bold; color:#000000;}
h2 {font-family: Arial; margin:0px; color:#000000;}
h1 {font-weight:normal; padding-bottom: 3px; -padding-bottom: 6px; font-size:20px; -font-size:21px; line-height:21px; -line-height:22px;}
h2 {font-weight:bold; padding-bottom:10px; -padding-bottom: 9px; font-size:17px; -font-size:17px; line-height:16px; -line-height:19px;}
h3 {font-weight:bold; padding-bottom: 5px; -padding-bottom: 9px; padding-left: -2px; font-size:14px; -font-size:13px; line-height:15px; -line-height:14px;}
h4 {padding-bottom: 0px; font-size:12px; line-height:13px;}
h5 {padding-bottom: 0px; font-size:11px; line-height:12px;}
div.smallStandard {width:239px;padding-bottom:5px;clear:both;}
div.smallStandard img {width: 86px; height: 48px; margin-top: 3px; float:left;}
div.smallStandard span.headline {display: block; margin-left: 90px; margin-bottom: 4px; margin-top: 1px;}
div.smallStandard span.copytext {display: block; margin-left: 96px; line-height:12px;}
div.smallStandard span.headline img.arrow {display: inline; position: static; width: 7px; height: 11px; background-image:url(../images/arrow_standard.gif) ; background-repeat: no-repeat; background-position: top left; margin-top: -1px; margin-left: 6px;}
div.smallStandard:hover span.headline img.arrow {display: inline; position: static; width: 7px; height: 11px; background-image:url(../images/arrow_standard.gif); background-repeat: no-repeat; background-position: bottom left; border: 0;}
.calculatorpayment{
color:#19326A;
font-weight:bolder;
}
/*thickbox style*/
.thickbox li {margin: 1em 0 1em 3em;list-style-image: url(/images/sqare_bulletpoint.gif);}
.thickbox input {background:#4C4C4C;border-color:#929292 #AFAFAF #AFAFAF #929292;color:#FFFFFF;
border-style:solid;border-width:1px;font-family:Arial;font-size:12px;padding:2px 11px 2px 11px}
.selectOneMenu {
border:1px solid #039;
background:#fff;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
margin:4px 0 0 0;
}
/* Dealer homepage tab style */
/* Rich Tab */
.dr-tbpnl-cntnt{border-bottom-width:1px;border-bottom-style:solid;border-left-width:1px;border-left-style:solid;border-right-width:1px;border-right-style:solid;vertical-align:top;}
.dr-tbpnl-tbtopbrdr{border-top-width:0px;border-top-style:solid;}
.dr-tbpnl-tb{padding:2px 10px 2px 10px;text-align:center;}
.dr-tbpnl-tbbrdr{background-repeat:no-repeat;background-position:top;}
.dr-tbpnl-tb-act{border-width:1px;border-style:solid;padding:3px 10px 4px 10px;background-repeat:repeat-x;background-position:top;border-bottom-width:0;cursor:default;}
.dr-tbpnl-tb-dsbld{border-width:1px;border-style:solid;background-repeat:repeat-x;background-position:top;cursor:default;}
.dr-tbpnl-tbcell-dsbld,.dr-tbpnl-tbcell-inact{padding-top:2px;}
.dr-tbpnl-tb{color:#000;font-size:11px;font-family:Arial,Verdana,sans-serif;}
.dr-tbpnl-tb-act{color:#000;border-color:#fff;}
.dr-tbpnl-tb-dsbl{border-color:#fff;color:#8DB7F3;}
.dr-tbpnl-tb-sel{border-width:1px;border-style:solid;border-bottom:0;background-repeat:repeat-x;background-position:top;cursor:default;}
.dr-tbpnl-tb-dsbl{background-repeat:repeat-x;background-position:center top;}
.dr-tbpnl-cntnt-pstn{height:100%;position:relative;}
.dr-tbpnl-tb-sel{border-color:#E79A00;}
.dr-tbpnl-tbtopbrdr{border-top-color:#003399;}
.dr-tbpnl-cntnt{background-color:#FFF;color:#000;border-bottom-color:#003399;border-right-color:#003399;border-left-color:#003399;font-size:11px;font-family:Arial,Verdana,sans-serif;}
.dr-tbpnl-tb-dsbl{background-color:#C6DEFF;}
.dr-tbpnl-tb-inact{background-color:#C6DEFF;border-color:#fff;border-width:1px;border-style:solid;background-repeat:repeat-x;background-position:top;border-bottom-width:0;cursor:default;}
.dr-bottom-line{border-bottom-color:#003399;border-bottom-style:solid;border-bottom-width:1px;}
.dr-tbpnl-tb-act{background-color:#FFF;}
.dr-tbpnl-tbbrdr{background-image:none;}
.dr-tbpnl-tb-sel{border-color:#E79A00;}
.dr-bottom-line table tr td:first-child img {display:none !important;}
/* Rich Calendar */
.rich-calendar-exterior{border:1px solid;}
.rich-calendar-btn{cursor:pointer;}
.rich-calendar-header-optional{border-bottom:1px solid;padding:7px;height:22px;font-weight:bold;}
.rich-calendar-header{border-right:0 solid;border-bottom:1px solid;}
.rich-calendar-cell-size{width:25px;height:22px;}
.rich-calendar-cell-div{overflow:hidden;}
.rich-calendar-cell{border-bottom:1px solid;border-right:1px solid;padding:0;vertical-align:middle;text-align:center;}
.rich-calendar-tool{vertical-align:middle;text-align:center;width:20px;height:22px;}
.rich-calendar-month{vertical-align:middle;text-align:center;height:22px;}
.rich-calendar-days{border-bottom:1px solid;border-right:0 solid;vertical-align:middle;text-align:center;height:22px;}
.rich-calendar-week{border-bottom:1px solid;border-right:1px solid;vertical-align:middle;text-align:center;width:25px;}
.rich-right-cell{border-right:0;}
.rich-bottom-cell{border-bottom:0;}
.rich-calendar-toolfooter{height:22px;padding:1px 2px 1px 1px;}
.rich-calendar-footer-optional{border-top:1px solid;border-right:0 solid;padding:7px;height:22px;font-weight:bold;}
.rich-calendar-footer{border-top:1px solid;border-right:0 solid;}
.rich-calendar-spinner-input{border:0;padding:0 0 0 3px;background:none transparent scroll repeat 0 0;}
.rich-calendar-spinner-input-container{background-position:left top;background-repeat:repeat-x;border:1px solid;}
.rich-calendar-spinner-buttons{border-width:1px;border-style:solid;background-position:left top;background-repeat:repeat-x;font-size:0;}
.rich-calendar-exterior{border-color:#003399;}
.rich-calendar-header-optional{border-bottom-color:#003399;background-color:#FFFFFF;font-size:11px;font-family:Arial,Verdana,sans-serif;}
.rich-calendar-header{border-bottom-color:#003399;background-color:#FFFFFF;font-size:11px;font-family:Arial,Verdana,sans-serif;}
.rich-calendar-cell{border-bottom-color:#003399;border-right-color:#003399;background-color:#FFF;font-size:11px;font-family:Arial,Verdana,sans-serif;}
.rich-calendar-tool{background-color:#003399;font-size:11px;font-family:Arial,Verdana,sans-serif;font-weight:bold;color:#000;}
.rich-calendar-month{background-color:#003399;font-size:11px;font-family:Arial,Verdana,sans-serif;font-weight:bold;color:#000;white-space:nowrap;}
.rich-calendar-days{border-bottom-color:#003399;border-right-color:#003399;background:#FFFFFF;font-size:11px;font-family:Arial,Verdana,sans-serif;}
.rich-calendar-weekends{color:red;}
.rich-calendar-week{background:#FFFFFF;border-bottom-color:#003399;background-color:#F5F5F5;border-right-color:#003399;font-size:11px;font-family:Arial,Verdana,sans-serif;}
.rich-calendar-holly{background-color:#FFEBDA;color:#FF7800;}
.rich-calendar-boundary-dates{color:#a0a0a0;}
.rich-calendar-today{background-color:#FF7800;color:#FFEBDA;font-weight:bold;}
.rich-calendar-select{background-color:#BED6F8;color:#000;font-weight:bold;}
.rich-calendar-hover{background-color:#E4F5E2;color:#000;}
.rich-calendar-toolfooter{background:#FFFFFF;font-size:11px;font-family:Arial,Verdana,sans-serif;background-repeat:no-repeat;background-position:right center;}
.rich-calendar-tool-btn{color:#99CCFF;cursor:pointer;padding:2px 3px 2px 3px;white-space:nowrap;}
.rich-calendar-tool-btn-hover{background-color:#F5F5F5;color:#003399;border:1px solid;border-color:#FFF;border-right-color:#003399;border-bottom-color:#003399;padding:1px 2px 1px 2px;}
.rich-calendar-tool-btn-press{border-color:#003399;border-right-color:#FFF;border-bottom-color:#FFF;}
.rich-calendar-footer-optional{border-top-color:#003399;border-right-color:#003399;background:#FFFFFF;font-size:11px;font-family:Arial,Verdana,sans-serif;}
.rich-calendar-footer{border-top-color:#003399;border-right-color:#003399;background:#FFFFFF;font-size:11px;font-family:Arial,Verdana,sans-serif;padding-bottom:25px;}
.rich-calendar-tool-close{padding:2px 2px 2px 4px;background-repeat:no-repeat;background-position:left center;}
.rich-calendar-button{cursor:pointer;vertical-align:middle;}
.rich-calendar-editor-shadow{background:#FFF;opacity:.5;filter:alpha(opacity=50);}
.rich-calendar-time-layout{background:#FFFFFF;border:1px solid;border-color:#003399;position:relative;}
.rich-calendar-date-layout{background:#FFF;border:1px solid;border-color:#003399;position:relative;}
.rich-calendar-time-layout,.rich-calendar-date-layout,.rich-calendar-time-layout input{font-size:11px;font-family:Arial,Verdana,sans-serif;}
.rich-calendar-time-layout-fields{padding:7px 7px 5px 7px;white-space:nowrap;}
.rich-calendar-time-layout-cancel{padding:0 7px 7px 1px;}
.rich-calendar-time-layout-ok{padding:0 1px 7px 7px;}
.rich-calendar-date-layout-cancel{background:#FFFFFF;border-top:1px solid;border-top-color:#003399;padding:5px 5px 5px 1px;}
.rich-calendar-date-layout-ok{background:#FFFFFF;border-top:1px solid;border-top-color:#003399;padding:5px 1px 5px 5px;}
.rich-calendar-date-layout-split{border-right:1px solid;border-right-color:#003399;}
.rich-calendar-time-btn{width:45px;border:1px solid;border-color:#FFF;border-right-color:#003399;border-bottom-color:#003399;background:#FFFFFF;text-align:center;padding:2px;white-space:nowrap;text-align:center;cursor:pointer;}
.rich-calendar-time-btn-press{border:1px solid;border-color:#003399;border-right-color:#FFF;border-bottom-color:#FFF;background-color:#F5F5F5;}
.rich-calendar-time-input{width:22px;margin:0 2px;}
.rich-calendar-spinner-pressed{margin:1px 0 0 1px;}
.rich-calendar-spinner-buttons{background-color:#003399;border-color:#003399;}
.rich-calendar-spinner-input{font-size:11;font-family:Arial,Verdana,sans-serif;width:18px;}
.rich-calendar-spinner-input-container{background-color:#fff;border-color:#003399;border-bottom-color:#fff;border-right-color:#fff;}
.rich-calendar-editor-layout-shadow{background-color:#000;opacity:.3;filter:alpha(opacity=30);position:absolute;}
.rich-calendar-editor-btn{width:36px;padding:2px;margin:2px;text-align:center;cursor:pointer;}
.rich-calendar-editor-btn-over{padding:1px;border:1px solid;border-color:#003399;background:#E4F5E2;}
.rich-calendar-editor-btn-selected{background-color:#FF7800;padding:2px;border:0;color:#FFEBDA;font-weight:bold;cursor:default;}
.rich-calendar-editor-tool-over{padding:1px;border:1px solid;background:#FFFFFF;border-color:#FFF;border-right-color:#003399;border-bottom-color:#003399;}
.rich-calendar-editor-tool-press{padding:1px;border:1px solid;background:#FFFFFF;border-color:#003399;border-right-color:#FFF;border-bottom-color:#FFF;}
.dealerHomePanel{
display:block;
float:left;
padding:20px 0 40px 0;
}
.homepageTabPanel{
width:429px;
}
.homepageTab{
}
.homepageTab select {
border:1px solid #003399;
width:106px;
}
.homepageTab input{
border:1px solid #003399;
font-size:11px;
height:15px;
}
.homepageTab img{
border:none;
}
.mainTabSelected{
background:url("/images/rightpaneltabsel.gif") no-repeat scroll right top transparent;
border-left:1px solid #003399;
border-right:medium none;
border-top:medium none;
color:#003399;
padding:5px 13px 5px 11px;
cursor:default;
}
.mainTabInactive{
background:url("/images/rightpaneltabunsel.gif") no-repeat scroll right top transparent;
border-left:1px solid #ADADAD;
border-right:medium none;
border-top:medium none;
color:#4C4C4C;
line-height:8px;
padding:6px 13px 5px 11px;
cursor:pointer;
}
.mainTabDisabled {
background:url("/images/rightpaneltabunsel.gif") no-repeat scroll right top transparent;
border-left:1px solid #AFAFAF;
border-right:medium none;
border-top:medium none;
color:#ADADAD !important;
line-height:8px;
padding:6px 13px 5px 11px;
cursor:default;
position:relative;
}
.richCalendar{
width:192px;
}
.statusDiv{
height:100px;
display:block;
width:300px;
margin-left: auto;
margin-right: auto;
text-align:center;
padding-top:50px;
background-color:#FFF;
}
.statusDiv img{
display: block;
margin-left: auto;
margin-right: auto;
}
.statusDiv .bookingcompletedmesg{
margin-top:-40px !important;
text-align:left;
}
.homemessages {
font-family:Arial,Helvetica,sans-serif;
font-size: 11px;
color: #CC0000;
line-height:16px;
}