/*===== STYLES FOR THE ADDRESS FS PAGE COMPONENT =====*/
/* We hide view area in the page*/
.addressFSComponent .fieldSetViewAreaRow{display: none;}
/*===== STYLES FOR THE BMW.next FORM VALIDATION PLUGIN =====*/

/**
 * CSS styles for the jQuery bmwValidate plugin.
 *
 * @author Nabi Zamani/QXB0215 (MyBmw II)
 *
 */

.bmwValidateForm {
  font-size: 13px;
}

.bmwValidateForm fieldset{
  padding: 1em 0;
  border: 1px solid #0053A1;
}

.bmwValidateForm fieldset legend{
  color: #fff;
  background: #0053A1;
  border: 1px solid #0053A1;
  padding: 1px 5px;
  margin-left: 10px;
  font-size:1.1em;
}

.bmwValidateForm .bmwValidateNewRow {
  margin-top:15px;
  margin-left:10px;
  width:800px;
}

.bmwValidateForm .bmwValidateNewRow.validationFirstRow {
  margin-top:30px;
}

.bmwValidateForm .bmwValidateNewRow.bmwValidateGroupsRow{
  margin-top:5px;
}

.bmwValidateForm .bmwValidateNewRow.bmwValidateWithoutLabel{
  margin-left:160px;
}

.bmwValidateForm .bmwValidateNewRow label{
  display:inline-block;
  font-size:13px;
}

.bmwValidateForm .bmwValidateNewRow .bmwValidateFieldLabel{
  width: 150px;
  font-size:13px;
  font-weight:normal;
}

.bmwValidateForm .bmwValidateNewRow .bmwValidateFieldLabel.bmwValidateForMultilineInput{
  vertical-align:top;
}

.bmwValidateForm .bmwValidateNewRow .bmwValidateCheckboxLabel {
  display: inline-block;
  margin-right: 50px;
  vertical-align: top;
  line-height: 20px;
}

.bmwValidateForm .bmwValidateNewRow .bmwValidateInputTxt{
  border: 1px solid #888888;
  height:20px;
  padding: 0 4px;
  width:186px;
  font-weight:normal;
  font-size:13px;
}

.bmwValidateForm .bmwValidateTextArea {
  border: 1px solid #888888;
  height:200px;
  padding: 0 4px;
  width:186px;
  font-weight:normal;
  font-size:13px;
}

.bmwValidateForm .bmwValidateButtonArea{
  margin-top: 20px;  
}

.bmwValidateForm .bmwValidateButtonArea .bmwValidateButtonWrap{
    /*float:right;*/
}

.bmwValidateForm input.bmwValidateCheckBox{
  width:20px;
  height:20px;
}

.bmwValidateForm select.bmwValidateComboBox,
.bmwValidateForm select.bmwValidateListBox {
  width:196px;
  font-size: 13px;
  line-height:16px;
  margin:0;
  padding:0;
  border: 1px solid #888888;
}

.bmwValidateForm .bmwValidateLeftCol{
  float:left;
}

.bmwValidateForm .bmwValidateRightCol{
  float:right;
}

.bmwValidateForm .bmwValidateInputGrp{
  width:196px;
  float:left;
}

.bmwValidateForm .bmwValidateFieldErrorMsg{
  width:300px;
  color:#D20000;
  display: inline-block;
  vertical-align:text-top;
  margin-left:6px;
}

.bmwValidateForm .bmwValidateNewRow div.bmwValidateHighlightError,
.bmwValidateForm .bmwValidateNewRowp.bmwValidateHighlightError,
.bmwValidateForm .bmwValidateNewRow label.bmwValidateHighlightError,
.bmwValidateForm .bmwValidateNewRow span.bmwValidateHighlightError,
.bmwValidateForm .bmwValidateNewRow a.bmwValidateHighlightError,
.bmwValidateForm .bmwValidateNewRow li.bmwValidateHighlightError{
  color:#D20000;
  border:0;
}

.bmwValidateForm .bmwValidateNewRow input.bmwValidateHighlightError,
.bmwValidateForm .bmwValidateNewRow textarea.bmwValidateHighlightError,
.bmwValidateForm .bmwValidateNewRow select.bmwValidateHighlightError {
  color:black;
  border: 1px solid #D20000;
}

.bmwValidateForm .bmwValidateNewRow .bmwValidateErrMsgPlacement {
  display: inline-block;
}

/*===== STYLES FOR THE IMAGE AREA SELECT PLUGIN =====*/

/**
 * CSS styles for the jQuery imageAreaSelect plugin.
 *
 * @author Nabi Zamani/QXB0215 (MyBmw II)
 *
 */

/**
 * imgAreaSelect default style
 */

.imgareaselect-border1, .imgareaselect-border2,
.imgareaselect-border3, .imgareaselect-border4 {
    filter: alpha(opacity=50);
    opacity: 0.5;
}

.imgareaselect-handle {
    background-color: #fff;
    border: solid 1px #000;
    filter: alpha(opacity=50);
    opacity: 0.5;
}

.imgareaselect-outer {
    background-color: #000;
    filter: alpha(opacity=50);
    opacity: 0.5;
    cursor: crosshair;
}

.imgareaselect-selection {
  cursor: crosshair;
}

.exportComponent {
  border-top: 1px solid #FCC652;
  padding: 10px;
  position: relative;
}

.importComponent {
  padding: 10px;
  position: relative;
  border-bottom: 1px solid #FCC652;
}

.buttonKeyvalue {
  width: 200px;
  height: 30px;
}

#exportTitle {
  margin: 10px 0px 5px 0px;
}

#importTitle {
  margin: 10px 0px 20px 0px;
}

.xlsExportDate {
  margin: 20px 0px 20px -10px;
}

.xlsExportDate td {
  padding-left: 10px;
}

.xlsImportDate {
  margin: 20px 0px 20px -10px;
}

.xlsImportDate td {
  padding-left: 10px;
}

.importList {
  margin: 10px 0px 20px 0px;
  position: relative;
}

.importList th {
  font-weight: bold;
  padding: 10px;
}

.importList td {
  padding-left: 10px;
  vertical-align: top;
}

.importList tr:nth-child(even) {
  background: #CCC
}

.importList tr:nth-child(odd) {
  background: #FFF
}


/* ========== addressRow.css ========== */

.addressRowXL .fieldSetLayoutCol2 input {
    width:185px;
}
.addressRowSL .fieldSetLayoutCol2 .addressRowFieldOne,
.addressRowLS .fieldSetLayoutCol2 .addressRowFieldTwo,
.addressRowSSS .fieldSetLayoutCol2 .addressRowFieldOne,
.addressRowSSS .fieldSetLayoutCol2 .addressRowFieldTwo,
.addressRowSSS .fieldSetLayoutCol2 .addressRowFieldThree {
    width:51px;
}
.addressRowSL .fieldSetLayoutCol2 .addressRowFieldTwo,
.addressRowLS .fieldSetLayoutCol2 .addressRowFieldOne {
    width:118px;
}
.addressRowMM .fieldSetLayoutCol2 .addressRowFieldOne,
.addressRowMM .fieldSetLayoutCol2 .addressRowFieldTwo {
    width:84px;
}
.addressRow .fieldSetFieldDivider {
    display:none;
}
.addressRowSL.addressRowDivided .fieldSetLayoutCol2 .addressRowFieldOne,
.addressRowLS.addressRowDivided .fieldSetLayoutCol2 .addressRowFieldTwo,
.addressRowSSS.addressRowDivided .fieldSetLayoutCol2 .addressRowFieldOne,
.addressRowSSS.addressRowDivided .fieldSetLayoutCol2 .addressRowFieldTwo,
.addressRowSSS.addressRowDivided .fieldSetLayoutCol2 .addressRowFieldThree {
    width:44px;
}
.addressRowSL.addressRowDivided .fieldSetLayoutCol2 .addressRowFieldTwo,
.addressRowLS.addressRowDivided .fieldSetLayoutCol2 .addressRowFieldOne {
    width:115px;
}
.addressRowMM.addressRowDivided .fieldSetLayoutCol2 .addressRowFieldOne,
.addressRowMM.addressRowDivided .fieldSetLayoutCol2 .addressRowFieldTwo {
    width:79px;
}
.addressRowMM.addressRowDivided .fieldSetLayoutCol2 .addressRowFieldTwo,
.addressRowSSS.addressRowDivided .fieldSetLayoutCol2 .addressRowFieldThree {
    margin-left:7px;
}
.addressRow.addressRowDivided .fieldSetFieldDivider {
    display:inline;
    float:left;
    margin-left:6px;
    width:4px;
    text-align:center;
    padding-top:2px;
}

.addressRowCountry .fieldSetLayoutCol2 {
	min-height:20px;
  height:auto !important;
  height:20px;
}
.bmwLoadingStateArea {
  display: none;
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  z-index: 18521;
}

.bmwLoadingStateImageOuter {
  position: relative;
  top: 50%;
  left: 50%;
}

.bmwLoadingStateImageCenter {
  margin-left: -18px;
  margin-top: -18px;
}

.bmwLoadingStateImage {
  height: 37px;
  width: 37px;
  background: transparent url('/etc/designs/bmwnext/apps/bmwnext/base/static/parComponents/bmwLoadingState/preloader_37x666.png.resource.1416811220379.png') 0 0 no-repeat;
}

.bmwStateOverlayDither {
  display: none;
  background: transparent url('/etc/designs/bmwnext/apps/bmwnext/base/static/parComponents/dither/2_2_dither.png.resource.1416811220390.png') 0 0 repeat;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  font-family: BMWType_Bold, Arial, sans-serif; 
  z-index: 4000;
}

.loginbox .bmwStateOverlayDither{
  z-index: 2200;
}

.mybmw-loginbox-iframe-div .bmwStateOverlayDither{
  width: 97.5%;
}

.bmwStateOverlayImageOuter {
  position: relative;
  left: 50%;
  top: 50%;
}

.bmwStateOverlayImageCenter {
  margin-left: -18px;
  margin-top: -18px;
}

.bmwStateOverlayImage {
  display: none;
  height:37px;
  width:37px;
  background:transparent url('/etc/designs/bmwnext/apps/bmwnext/base/static/parComponents/bmwLoadingState/preloader_37x666.png.resource.1416811220379.png') 0 0 no-repeat;
}

/*===== STYLES FOR THE BMW TAB COMPONENT =====*/

/* Layout helpers (for both tab modes)
----------------------------------*/
.bmwTabs.ui-widget input,.bmwTabs.ui-widget select,.bmwTabs.ui-widget textarea,.bmwTabs.ui-widget button,.bmwWizTabs.ui-widget input,.bmwWizTabs.ui-widget select,.bmwWizTabs.ui-widget textarea,.bmwWizTabs.ui-widget button
  {
  font-family: inherit;
  font-size: inherit;
}
.bmwTabs .ui-helper-reset { line-height:15px; font-size:13px;}     /*don't use line-height:16px*/
.bmwWizTabs .ui-helper-reset { line-height:1; font-size:13px;}     /*don't use line-height:16px*/
.bmwWizTabs .ui-widget-content, .bmwTabs .ui-widget-content { border:none; outline:none; background: none; color: inherit; }

/* bmw ui tabs (regular mode)
----------------------------------*/
.bmwTabs {display:none;}
.bmwTabs.ui-tabs { position:relative; padding:0; zoom:1; border:0; background:transparent; margin:-5px 0 30px} /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
.bmwTabs.ui-tabs .ui-tabs-nav { margin:0; padding:0; border:0; height:41px; background:transparent; overflow: hidden;}
.bmwTabs.ui-tabs .ui-tabs-nav li { border-right: 2px solid #E6E6E6; list-style: none; float: left; position: relative; top:9px; margin:0; padding: 0; white-space: nowrap; z-index:0; -moz-box-shadow:1px 0 5px rgba(0,0,34,0.5 ); -webkit-box-shadow:1px 0 5px rgba(0,0,34,0.5 ); box-shadow:1px 0 5px rgba(0,0,34,0.5 );}
.bmwTabs.ui-tabs .ui-tabs-nav li:first-child { box-shadow: 0px 0 5px rgba(0,0,34,0.5 ); margin-left: 15px; }
.bmwTabs.ui-tabs .ui-tabs-nav li:last-child { border: 0; }
.bmwTabs.ui-tabs .ui-tabs-nav li a { float: left; padding: 7px 15px 10px; text-decoration: none; font-weight: normal;outline: 0;}
.bmwTabs.ui-tabs .ui-tabs-nav li.ui-tabs-selected { margin-bottom: 0; padding-bottom: 0; border:0; top:5px; padding-top:4px; -moz-box-shadow:0 0 5px rgba(0,0,34,0.5 ); -webkit-box-shadow:0 0 5px rgba(0,0,34,0.5 ); box-shadow:0 0 5px rgba(0,0,34,0.5 ); z-index:1; background: white; background-image: none;}
.bmwTabs.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .bmwTabs.ui-tabs .ui-tabs-nav li.ui-state-disabled a, .bmwTabs.ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; padding:7px 15px 10px; }
.bmwTabs.ui-tabs .ui-tabs-nav li a, .bmwTabs.ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.bmwTabs.ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 30px 15px 0; background: white; margin:0; position:relative; width:916px;}
.bmwTabs.ui-tabs .ui-tabs-nav li a .bmwWizTabsStep{ display: none;}
.bmwTabs.ui-tabs .ui-tabs-nav li a h4.bmwWizTabsStepTxt{ display: none}
.bmwTabs.ui-tabs .ui-tabs-nav li a h4.bmwWizTabsRegModeHdr{ display: block}
.bmwTabs.ui-tabs .ui-state-default a .bmwTabsTabHeadline { color: #888888; }
.bmwTabs.ui-tabs .ui-state-active a .bmwTabsTabHeadline,.bmwTabs.ui-tabs .ui-state-hover a .bmwTabsTabHeadline { color: #1C69D4; }

.bmwTabs.ui-tabs .ui-tabs-nav li {
  background: white url('/etc/designs/bmwnext/apps/bmwnext/base/static/parComponents/bmwTabsContainer/tabs_shadow_fixed.png.resource.1416811220387.png') repeat-x;
  background-position: -10px 29px;
}

.bmwTabs.ui-tabs .ui-tabs-nav {
  background: white url('/etc/designs/bmwnext/apps/bmwnext/base/static/parComponents/bmwTabsContainer/tabs_shadow_fixed.png.resource.1416811220387.png') repeat-x;
  background-position: -3px 38px;
}

.bmwTabs.ui-tabs .ui-tabs-nav li .tabBottomSelected {display: none;}
.bmwTabs.ui-tabs .ui-tabs-nav li .bmwTabsHeadlineContainer {display: none;}

/* bmw ui tabs (wizard mode)
----------------------------------*/
.bmwWizTabs { display:none; margin: 0 -15px;}
.bmwWizTabs.ui-tabs .ui-tabs-nav li:first-child { margin-left: 15px;}
.bmwWizTabs.ui-tabs { position: relative; padding:0; border:0; background:#FFFFFF; padding:15px; zoom:1;} /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
.bmwWizTabs.ui-tabs .ui-tabs-nav { margin: 0; padding:0;padding-bottom:2px; background:#FFFFFF; border:0; border-bottom:2px solid #E6E6E6; overflow: hidden;}
.bmwWizTabs.ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; margin:0 40px 0 0; border:0; padding:0 0 10px 0; white-space: normal; z-index:0;}
.bmwWizTabs.ui-tabs .ui-tabs-nav li a { float: left; padding:0; text-decoration: none; font-weight: normal;outline: 0;}
.bmwWizTabs.ui-tabs .ui-tabs-nav li a h4 { font-weight: normal;margin-top:5px; width:140px;}
.bmwWizTabs.ui-tabs .ui-tabs-nav li a .bmwWizTabsStep { display: block; color: #1C69D4;}
.bmwWizTabs.ui-tabs .ui-tabs-nav li.ui-state-disabled .bmwWizTabsStep {color: #bbbbbb;}
.bmwWizTabs.ui-tabs .ui-tabs-nav li a h4.bmwWizTabsStepTxt{ display: block}
.bmwWizTabs.ui-tabs .ui-tabs-nav li a h4.bmwWizTabsRegModeHdr{ display: none}
.bmwWizTabs.ui-tabs .ui-tabs-nav li.ui-tabs-selected { margin-bottom: 0;} /*"padding-bottom: 0;" cannot be used here*/
.bmwWizTabs.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .bmwWizTabs.ui-tabs .ui-tabs-nav li.ui-state-disabled a, .bmwWizTabs.ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; padding:0; }
.bmwWizTabs.ui-tabs .ui-state-default.ui-state-disabled a, .bmwWizTabs.ui-tabs .ui-state-default.ui-state-disabled a:link, .bmwWizTabs.ui-tabs .ui-state-default.ui-state-disabled a:visited, .bmwWizTabs.ui-tabs .ui-state-default.ui-state-disabled a .bmwTabsTabHeadline {color: #bbbbbb;}
.bmwWizTabs.ui-tabs .ui-state-default a .bmwTabsTabHeadline {color: #1C69D4;}
.bmwWizTabs.ui-tabs .ui-tabs-nav li a, .bmwWizTabs.ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor:pointer;} /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.bmwWizTabs.ui-tabs .ui-tabs-panel { display:block; border-width:0; margin:0 0 0 15px; background:white; position:relative; padding:0;width:884px;}


/*===== STYLES FOR BOX COMPONENTS =====*/

/*
GENERAL BOX STYLES
*/

.cmxBox{
  background-color: #FFFFFF;
  border-bottom: 2px solid #E6E6E6;
}

.cmxBox form{
  padding:0px;
  margin:0px;
}

.cmxBoxWrapper{
  padding: 0px 15px;
}


.boxComponent{
  padding-top: 14px;
  padding-bottom: 15px;
}

.boxComponentIcon{
  position: absolute;
  right:10px;
  top:10px;
  z-index: 1;
  display: none;
}

.boxComponentIcon a{
  width:18px;
  height:18px;
  display: block;
  background-image: url('/etc/designs/bmwnext/apps/bmwnext/base/static/parComponents/box/layer_close_x.png.resource.1416811220388.png');
  background-repeat: no-repeat;
}

.boxComponentHeader{
  position: relative;
  margin-bottom: 5px;
}

.boxComponentHeadline{
  padding-top: 0px;
  margin-bottom: 13px;
}

.boxComponentHeadline headlineNormal{
  margin-bottom: 0px;
  margin-top: -7px;
}

.cmxBox td, .cmxBox span, .cmxBox div{
  font-size: 13px;
}

.cmxBox td{
  height: 24px;
}

.boxLabel{
  font-weight: bold;
}
.buttonComp  {
	font-family: BMWType_Bold;
	font-size: 13px;
	overflow: hidden;
	display: block;
	color: #ffffff;
	text-align: left;
	padding: 4px 10px 5px;
	margin-top: 8px;
	width: 180px;
	border: 0px;
	background-color: #777;
  background-image: url('/etc/designs/bmwnext/apps/bmwnext/base/static/parComponents/button/1px_bgs.png.resource.1416811220388.png');
  background-position: 0 -110px;
  background-repeat: repeat-x;
  cursor: pointer;
  max-height:31px;
  line-height:15px;
}

.buttonComp[disabled]:active,.buttonComp[disabled]:hover,.buttonComp[disabled] {
	background-position: 0 0;
}

.buttonBlue {
	background-color: #1c69d4;
	background-position: 0 -149px;
}

.buttonGrey {
	background-position: 0 -110px;
}

.buttonComp:ACTIVE {
  background-image: none;
}

.buttonComp:HOVER, .buttonComp.hover {
  background-image: none;
}

a.buttonComp {
	width: 160px;
}

.flexbox {
/*   display:-moz-box; */
/*   display:-webkit-box; */
/*   display: box; */
/*   margin: 10px; */
  border-spacing: 6px 0;
  position: relative;
  left: -6px;
}

.flexbox .buttonComp {
  display:table-cell;
}

.buttonText {
    width: 160px;
    max-height: 30px;
    overflow: hidden;
    font-family: BMWType_Bold;
    font-size: 13px;
    color: #ffffff;
    text-align: left;
    border: 0px;
    cursor: pointer;
    line-height:15px;
}

.salesBarLeftButtons .buttonText {
    width: 130px;
}
/*===== STYLES FOR THE BUTTON BAR COMPONENT =====*/
.buttonbar {
 width:         100%;  
}
.buttonbar .buttonbarColumnLeft{
  float:        left;
  min-width:    180px; 
}
.buttonbar .buttonbarColumnRight {
  float:        right;
  min-width:    180px; 
}
.buttonbar .buttonbarColumnLeft  {
  min-width:    180px;  
  margin-right: 8px;
}
.buttonbar .buttonbarColumnRight  {
  min-width:    180px;  
  margin-left:  8px;
}


/* ####################### from previous contextLayer */
/* TODO remove unused and removed styles */
.infoIconContextLayer {
  display: none;
}

.infoIconContextLayer .shadow {
  overflow: hidden;  
}

.infoIconLayerIcon {
  cursor: pointer;  
  display: inline-block;
}

.infoIconLayer,
.contextLayer {
  display: inline;
}

/* TODO move to teaser */
.teaserInfoLayer .infoIconLayerIcon {
  display: block;
}


/* ####################### from previous contextLayer */
.contextLayerWrap {
  background-color: #FFFFFF;
  height: auto;    
  min-height: 40px;
  min-width: 50px;
  overflow: hidden;
  width: 375px;
}

.contextLayerSmall .contextLayerWrap {
  width: 210px;
  max-height: 250px;   
}

.contextLayerDialogMain {
  background-color: #FFFFFF;
  display: none;
  position: absolute;
  z-index: 10700;
}

.contextLayerDialog {
  float: left;
  width: 100%;
}

.contextLayerContent {
  max-height: 300px;
  margin-right: 6px;
  overflow: auto;
  padding-right: 20px;
  padding-bottom: 1px;
  width: 334px;
}

.contextLayerContentFlexibleHeight {
  max-height: 500px;
  margin-right: 6px;
  overflow: auto;
  padding-right: 20px;
  padding-bottom: 1px;
  width: 315px;
}

.contextLayerFixed .contextLayerContent {
  max-height: 237px;	
}

.contextLayerFixed .contextLayerClosable {
  margin: 0 30px 6px 15px;  
}

.contextLayerFixedWrapper {
	border-top: 2px solid #E6E6E6; 	
}

.contextLayerFixed .contextLayerFixedContent {
	margin: 20px 30px 30px 15px; 		
}

.contextLayerSmall .contextLayerContent {
  width: 100%;
  max-height: 205px;
  overflow: hidden; 
  padding-right: 0;
  margin-right: 0;
}

.contextLayerContentContainer {
  font-size:13px;
  line-height:16px;
  text-align:left;
  vertical-align:top;
  margin-top:-25px;
}

.contextLayerContentHeadline {
  font-family: BMWType_Bold;  
  margin-top: 25px;
  clear:both;
  width: 330px;
}

.contextLayerContentText {
  margin: 9px 0 0;
  width: 330px;
}
.contextLayerContentList {
  margin: 7px 0 -2px 0;
  width: 330px;
  line-height:20px;
}

.contextLayerContentKeyValue {
  clear: both;
  overflow: auto;
  width: 330px;
}
.contextLayerContentKey {
  float: left;
}
.contextLayerContentKeyValueFontLarge {
    font-size: 1.3em;
}
.contextLayerContentKeyValueFontExtraLarge {
    font-size: 1.5em;
}

.contextLayerContentKeyValueFontSmall {
    font-size: 0.8125em;
}

.contextLayerContentKeyValueFontExtraSmall {
    font-size: 0.625em;
}

.contextLayerContentValue {
  float: right;
}

.keytotal_gross .contextLayerContentValue,
.keytotal_gross .contextLayerContentKey,
.keytotal_rate .contextLayerContentValue,
.keytotal_rate .contextLayerContentKey {
  font-family: BMWType_Bold;  
}

.contextLayerPointer {
  background-image: url('/etc/designs/bmwnext/apps/bmwnext/base/static/parComponents/icon/base/icons.png.resource.1416811220402.png');
  background-position: -671px -218px;
  background-repeat: no-repeat;
  display: block;
  height: 14px;
  overflow: hidden;
  position: absolute;
  width: 28px;
}

.contextLayerPointerUp {
  background-position: -671px -174px;
}

.contextLayerPointerDown {
  background-position: -671px -218px;
}

.contextLayerPointerLeft {
  background-position: -656px -189px;
  height: 28px;  
  width: 14px;  
}

.contextLayerPointerRight {
  background-position: -700px -189px;
  height: 28px;  
  width: 14px;    
}

/* ####################### from previous contextLayerClosable.css */
.contextLayerClosable{
  margin: 0 30px 30px 15px;  
}

.contextLayerSmall .contextLayerClosable {  
  margin : 6px 6px 10px 15px;
}

.contextLayerCloseButton {
  float: right;
  height: 18px;
  margin: 6px;
  width: 18px;  
  cursor: pointer;
}

.contextLayerSmall .contextLayerCloseButton {
  margin: 0 0;
}

.contextLayerSmall .contextLayerCloseButton + * {
  margin-right: 9px;
  margin-top: 7px;
}


/* ####################### from previous contextLayerSpecial.css */
.contextLayerSpecial {
  height: 308px;
  width: 467px; /* IE7 489px */
  margin-top: 15px;
  overflow-y: scroll;
  overflow-x: hidden;
  padding-right:10px;
}

.contextLayerSpecialLink {
  width: 461px;
  margin-top: 18px;
}

.contextLayerSpecialBlock {
  height: 365px;
  margin: 15px 40px 20px 15px;
}

/* ####################### from previous contextLayerStandard.css */
.contextLayerStandard {
  margin: 15px 40px 20px 15px;  
  overflow: hidden;
} 

.infoIconContent .glossaryItemHighlightLink {
    color: #666;
    text-decoration: underline;
}

.infoIconContent .glossaryItemHighlightLink:hover {
  color: #1C69D4
}

.energyLabelIcon {
  height:12px;
  width:30px;
  cursor:pointer;
  display: inline-block;
  text-indent:-9999px;
  vertical-align: middle;
  margin-bottom: 2px;
  text-align:left;
  }

.specTableColumn td .energyLabelSpacer {
  padding-top:7px;
  padding-bottom:7px;
}

html .energyLabelIcon:hover,
.energyLabelIcon:hover {
  background-position: 0 -12px;
}

.energyLabelContent {
  display: none;
}

.energyLabelImageLarge  {
  height:238px;
  width:302px;
  display: inline-block;
  margin:7px 0 3px 0;
}

.energyLabelImageSmall {
  height:132px;
  width:125px;
  display: inline-block;
  margin:7px 0 3px 0;
}

/*===== STYLES FOR BASE FIELD SET FORM COMPONENT =====*/

form.cqEditMode {
  border: 1px dashed red;
  margin-top: 10px;
  margin-bottom: 10px;
}

.fieldSetCqEditModeHelper {
  display: none;
}

form.cqEditMode .fieldSetCqEditModeHelper {
  display: block;
  color: red;
}

form.cqEditMode fieldset {
  border: 1px dashed purple;
}

form.cqEditMode fieldset .fieldSetCqEditModeHelper {
  display: block;
  color: purple;
}

.formFieldSetButton {
  float: right;
}

.fieldSetInlineFormButtonViewMode {
  float: right;
  margin-top:-10px !important;
}

.formFieldSetInlineFormButtonViewMode {
  padding-bottom:0px !important;
}

.formFieldSetInlineFormButtonEditMode {
  padding-bottom:15px !important;
}

.formsContainer .linkArrow13px,
.formsContainer .linkArrow13pxActive,
.formsContainer .linkArrow13pxInactive {
  display: inline-block;
}

.formsContainer .dealerBaseFS .linkArrow13px,
.formsContainer .dealerBaseFS .linkArrow13pxActive,
.formsContainer .dealerBaseFS .linkArrow13pxInactive {
  display: block;
}

.formsContainer .copyText p {
  margin-top: 9px;
  padding: 0;
}

.formsContainer .copyText p:first-child {
  margin-top: 0;
}

.formFootnote {
  margin-bottom: -42px;
  margin-top: 29px;
  padding-bottom: 7px;
}

.formButtonBar {
  border-top: 2px solid #e6e6e6;
  margin-top: 42px;
  padding-top: 20px;
}

.formButtonBar .buttonComp {
  float: right;
  margin: 0 0 0 6px;
}

.wizardtabs {
  position: relative;
  margin-top: 7px;
  background-color: #fff;
  padding-bottom: 8px;
  z-index: 2000;
  width: 781px;
}

.wizardStep {
  display: none;
}

.wizardStep.active {
  display: block;
}

.wizardStepTab {
  display: inline-block;
  margin-right: 35px;
  margin-top: 20px;
  vertical-align:top;
  cursor: default;
}

.wizardStepTab .wizardStepNumber {
  display: block;
  color: #bbbbbb;
  margin-bottom: 8px;
  cursor: default;
}

.wizardStepTab .wizardStepTitle {
  color: #bbbbbb;
  min-width: 90px;
  max-width: 135px;
  margin-top:12px;
  cursor: default;
}

.wizardStepTab.active .wizardStepNumber {
  color: #1c69d4;
}

.wizardStepTab.active .wizardStepTitle {
  color: #1c69d4;
}

.wizardStepTab.clickable {
  cursor: pointer;
}

.wizardStepTab.clickable .wizardStepNumber {
  color: #666666;
  cursor: pointer;
}

.wizardStepTab.clickable .wizardStepTitle {
  color: #666666;
  cursor: pointer;
}

.glassPaneLayerHeaderContent .formHeader {
  width:auto;
  max-width: 685px;
}

.formHeaderInWizard {
  padding-top: 15px;
}

.gcdmValidationPlacement {
  margin-top: 20px;
}
/* ========== formHeadline.css ========== */

.formHeadline h3.headlineh3 {
  margin-top: 43px;
  padding-bottom: 10px;
}

.wizardStep .formHeadline:first-child h3.headlineh3 {
    margin-top: 25px;
}
/* ========== additionalFieldFS.css ========== */
/* ========== addressRefFS.css ========== */

/*===== STYLES FOR BASE FIELD SET COMPONENT =====*/
/*===== SEE SAMPLE PAGE IN CMX-BASE-SAMPLES =====*/

/*=== general (start) ===*/

/* fieldSet reset */
.baseFS fieldset {
  border: none;
  line-height: 16px;
  font-size: 13px;
}

/* define mode specific visibility */
.fieldSetEditMode,
.fieldSetViewMode {
  display: none;
}

fieldset.editMode .fieldSetEditMode,
fieldset.viewMode .fieldSetViewMode {
  display: block;
}

fieldset .notUniqueFieldSetNagMessage{
    display: none;
    margin-top: 10px;
    width: 630px;
    color:red;
}

/* Hidden area for hosting CMX component properties, e.g. ${comp.helloWorld} */
.hiddenFieldsetData {
  display: none;
}

/* Hidden area for storing additional infos about the fieldset */
.fieldsetProperties, .fieldsetTemplate {
  display: none;
}

/*=== general (end) ===*/

/*=== layout (start) ===*/

/* columns */

.fieldSetLayoutCol1,.fieldSetLayoutCol2,.fieldSetLayoutCol3,.fieldSetLayoutCol12,.fieldSetLayoutCol23 {
  float: left;
  overflow: hidden;
  position: relative;
}

.fieldSetLayoutCol1 {
  margin-right: 15px;
  padding-right: 35px;
  width: 195px;
}

.fieldSetLayoutCol2 {
  margin-right: 30px;
  padding-right: 20px;
  width: 195px;
}


.fieldSetLayoutCol3 {
  width: 300px;
}

.glassPaneLayer .fieldSetLayoutCol3,
.gplnContent .fieldSetLayoutCol3 {
  width: 180px;
}

.fieldSetLayoutCol12 {
  margin-right: 30px;
  padding-right: 20px;
  width: 440px;
}

.fieldSetLayoutCol23 {
  width: 425px;
}

.fieldSetLayoutCol123 {
  width: 100%;
}

/* rows */

/* by default a row follows its predecessor with a vertical distance of 6px */
.fieldSetViewAreaRow {
  height: auto !important;
  min-height: 20px;
  height: 20px;
}

.fieldSetEditAreaRow,
.fieldSetViewAreaRow {
  margin-top: 6px;
}

/* some rows have to be optically separated a bit */
.fieldSetEditAreaRow.hasExtraSpacing,
.fieldSetViewAreaRow.hasExtraSpacing {
  margin-top: 10px;
}

/* and the ones following a copyText are even more separated */
.fieldSetEditAreaRow.followsCopyText,
.fieldSetViewAreaRow.followsCopyText {
  margin-top: 20px;
}

/*=== layout (end) ===*/

/*=== content (start) ===*/

.fieldSetRowLabel, .fieldSetColLabel, .fieldSetValidationMessage, .fieldSetRadioButtonGroup, .fieldSetCheckboxGroup, .fieldSetCopyText, .fieldSetLink, .fieldSetPreferredMarker {
  display: block;
  padding: 2px 0;
}

.fieldSetViewAreaRow .fieldSetCopyText {
  word-wrap: break-word;
}

.fieldSetViewAreaRow .fieldSetLayoutCol2 .fieldSetCopyText {
  padding-top:1px;
}

.fieldSetRadioButtonGroup .fieldSetInputLabel,
.fieldSetCheckboxGroup .fieldSetInputLabel {
  float:left;
  margin-left:4px;
}

.fieldSetRadioButtonGroup .fieldSetFieldRadio,
.fieldSetCheckboxGroup .fieldSetFieldCheckbox {
  float:left;
  width:14px;
  height:14px;
}

.fieldSetColLabel {
  padding-bottom: 3px;
}

.fieldSetFieldText {
  border: 1px solid #888;
  height: 18px;
  padding: 0 4px;
}

.fieldSetFieldText.small {
  width: 51px;
}

.fieldSetFieldText.large {
  width: 118px;
}

.fieldSetFieldText.xlarge {
  width: 185px;
}

.fieldSetFieldSelect {
  border: 1px solid #888;
  font-size: 13px;
  height: 20px;
  line-height: 16px;
}

.fieldSetFieldSelect.xlarge {
  width: 195px;
}

.fieldSetFieldSelect.large {
  width: 180px;
}

.fieldSetFieldSelect.medium {
  width: 95px;
}

.fieldSetFieldSelect.medium:first-child {
  width: 96px;
}

.fieldSetFieldSelect.small {
  width: 61px;
}

.fieldSetFieldTextarea {
  border: 1px solid #888;
  display: block;
  height: 97px;
  margin: 0;
  padding: 1px 0 0 4px; /* no padding right. thanks firefox for indenting the scrollbar... */
  width: 434px;
}

/* happy little overrides - maybe obsolete when infoIcon code is finally sexy */
.baseFS .infoIconContent {
  display: block;
}

.baseFS .infoIconContent .spriteIconInfoSmall {
  position: static;
  top: 0;
}

.fieldSetLayoutCol2 .fieldSetTooltip {
  position: absolute;
  right: 2px;
  top: 4px;
}

/* multiple elements grouped in one column */
.fieldSetLayoutCol2.fieldSetMultiFieldGroup {
  /* accounting for cases with multiple inputs within the column spanning multiple lines...
  ...the css code has to get ugly here. I'm terribly sorry */
  margin-right: 20px;
  padding-right: 0;
  width: 225px;
}

.fieldSetMultiFieldGroup .fieldSetRadioButtonGroup,
.fieldSetMultiFieldGroup .fieldSetCheckboxGroup {
  float: left;
  margin-right: 30px; 
}

.fieldSetMultiFieldGroup .fieldSetFieldText,.fieldSetMultiFieldGroup .fieldSetFieldSelect, .fieldSetMultiFieldGroup .fieldSetCopyText {
  float: left;
  margin-right: 6px;
}

.fieldSetMultiFieldGroup .baseIconSizeMedium {
  float: left;
  margin-top: 1px; /* get the 18px height icon in the vertical middle of the 20px row */
}

.fieldSetLayoutCol2.fieldSetMultiFieldGroup .fieldSetTooltip {
  right: 12px;
}

/* make sure the first paragraph from a rich text editor source doesn't add extra spacing */
.fieldSetCopyText p:first-child {
  margin-top: 0;
}

/*=== content (end) ===*/

/*=== validation (start) ===*/

.fieldSetValidationMessage {
  display: none;
}

.fieldSetHasError,
.fieldSetHasError .fieldSetValidationMessage,
.fieldSetErrorMessage {
  color: #D20000;
}

fieldset.fieldSetHasError .fieldSetHasWarning .fieldSetValidationMessage {
	color: #000000; 
}

.fieldSetValidationMessages{
  display: none;  
}

.fieldSetEditAreaRow.fieldSetIsShowingValidationMessage.fieldSetHasError .fieldSetValidationMessage,
.fieldSetEditAreaRow.fieldSetIsShowingValidationMessage.fieldSetHasWarning .fieldSetValidationMessage {
  display: block;
}

.fieldSetEditAreaRow.fieldSetIsShowingValidationMessage.fieldSetHasError .fieldSetFieldText {
  border: 1px solid #D20000;
  color: #000000;
}

.fieldSetEditAreaRow.fieldSetIsShowingValidationMessage.fieldSetHasError .fieldSetFieldSelect {
  color: #000000;
  border: 1px solid #D20000;
}

.fieldSetEditAreaRow.fieldSetIsShowingValidationMessage.fieldSetHasError label {
  color: #D20000;
}
 
/*=== validation (end) ===*/

/*=== auto suggest (start) ===*/

.ui-widget, .rfxPar .ui-widget {
    background: white;
    padding: 9px 15px 16px;
}

.ui-menu .ui-menu-item a {
    padding:0px;
    margin:0px;
    font-size:13px;
    line-height:20px;
    width:210px;
    background:none;
}

.ui-widget *:active {
    outline:none;
}

.ui-menu .ui-menu-item a.ui-state-hover, .ui-menu-item a.ui-state-active {
    margin:0px;    
}

.ui-widget-content {
    border: none;
}

/*=== auto suggest (end) ===*/







/* ========== addressFS dynamics ========== */
/* TODO -> move to new addressRow FS */

.addressRowXL .fieldSetLayoutCol2 input {
    width:185px;
}
.addressRowSL .fieldSetLayoutCol2 .addressRowFieldOne,
.addressRowLS .fieldSetLayoutCol2 .addressRowFieldTwo,
.addressRowSSS .fieldSetLayoutCol2 .addressRowFieldOne,
.addressRowSSS .fieldSetLayoutCol2 .addressRowFieldTwo,
.addressRowSSS .fieldSetLayoutCol2 .addressRowFieldThree {
    width:51px;
}
.addressRowSL .fieldSetLayoutCol2 .addressRowFieldTwo,
.addressRowLS .fieldSetLayoutCol2 .addressRowFieldOne {
    width:118px;
}
.addressRowMM .fieldSetLayoutCol2 .addressRowFieldOne,
.addressRowMM .fieldSetLayoutCol2 .addressRowFieldTwo {
    width:84px;
}
.addressRow .fieldSetFieldDivider {
    display:none;
}
.addressRowSL.addressRowDivided .fieldSetLayoutCol2 .addressRowFieldOne,
.addressRowLS.addressRowDivided .fieldSetLayoutCol2 .addressRowFieldTwo,
.addressRowSSS.addressRowDivided .fieldSetLayoutCol2 .addressRowFieldOne,
.addressRowSSS.addressRowDivided .fieldSetLayoutCol2 .addressRowFieldTwo,
.addressRowSSS.addressRowDivided .fieldSetLayoutCol2 .addressRowFieldThree {
    width:44px;
}
.addressRowSL.addressRowDivided .fieldSetLayoutCol2 .addressRowFieldTwo,
.addressRowLS.addressRowDivided .fieldSetLayoutCol2 .addressRowFieldOne {
    width:115px;
}
.addressRowMM.addressRowDivided .fieldSetLayoutCol2 .addressRowFieldOne,
.addressRowMM.addressRowDivided .fieldSetLayoutCol2 .addressRowFieldTwo {
    width:79px;
}
.addressRowMM.addressRowDivided .fieldSetLayoutCol2 .addressRowFieldTwo,
.addressRowSSS.addressRowDivided .fieldSetLayoutCol2 .addressRowFieldThree {
    margin-left:7px;
}
.addressRow.addressRowDivided .fieldSetFieldDivider {
    display:inline;
    float:left;
    margin-left:6px;
    width:4px;
    text-align:center;
    padding-top:2px;
}
optgroup[label] {
	font-style: normal;
}
/* ========== CAPTCHA Set Component ========== */
.captchaFS .captchaWidget {
	display: inline-block;
	font-size: 13px;
}

.captchaFS .fieldSetRowLabel {
	padding-top: 2px;
	vertical-align: top;
}

.captchaFS  .myBMW-tooltip {
	margin-bottom: 3px;
}

.captchaFS .captcha_image img {
	display: block;
	height: 20px;
}

.captchaFS .captcha_input_wrapper {
	height: 20px;
	margin-bottom: 7px;
	margin-top: 6px;
}

.espProcessWrapper .espProcessContent .coreForm .captchaFS #captcha_widget .captcha_input_wrapper .fieldSetTooltip {
    left: 200px;
}
/* ========== checkBoxFS.css ========== */
.glassPaneLayer .checkboxGridFS {
  margin-bottom: -11px;
}

*.checkBoxGridCell {
  font-family: BMWType_Bold;
  font-weight: normal;
  padding-bottom: 4px;
  width: 195px;
  float: left;
  margin-right: 50px;  
  display:inline-block;
  height:auto !important;
  min-height:23px;
  height:23px;
}

.glassPaneLayer .checkBoxGridCell,
.gplnContent .checkBoxGridCell {
  width:180px;
  margin-right:65px;
}


.glassPaneLayer .checkBoxGridCellColLastInRow,
.gplnContent .checkBoxGridCellColLastInRow {
  margin-right:0px;
}


*.spriteLabel {
  background-image:url('/etc/designs/bmwnext/apps/bmwnext/base/static/parComponents/icon/base/labels.png.resource.1416811220404.png');
  background-repeat: no-repeat;
  display: inline-block;
  padding-right: 6px;
  width:13px;  
  padding-bottom: 4px;
}

*.checkboxInput {
  display: inline-block;
  margin-right: 6px;
  float: left;
  
}

*.checkboxLabel {
  display: inline-block;
  width: 173px;
  float: left;  
}

*.textLabel {  
  font-family: BMWType_Bold;
  display: inline-block;
  width: 173px;
}

.glassPaneLayer .checkBoxGridCell .textLabel,
.gplnContent .checkBoxGridCell .textLabel,
.userRegisterForm .checkBoxGridCell .textLabel .checkboxLabel {
  width:161px;
}

*.fontGrey {
  color: #BBBBBB;
}

*.floatLeft {
  float: left;
}

/* ========== formSummaryFS.css ========== */

form.cqEditMode div.formSummaryFS fieldset {
  position: relative;
  padding-bottom: 5px;
}

form.cqEditMode div.formSummaryFS .formSummaryFSError {
  position: absolute;
  margin-top: 70px;
  top: 0px;
  left: 0px;
  color: red;
  font-size: 24px;
  text-align: center;
  width: 100%;
}

form.cqEditMode div.formSummaryFS.formSummaryFSError {
  background: whitesmoke;
}

div.formSummaryFS div.summaryheadline h4 {
    margin-top: 15px;
    padding-top: 20px;
}

div.formSummaryFS .summarysteplink {
    position: absolute;
    right: 0px;
    z-index: 15000;
}

div.formSummaryFS .summarysteplink.beforeheadline {
    margin-top: 39px;
}

div.formSummaryFS .summarysteplink.jumpToStepOneLink {
    margin-top: 24px;
}

div.formSummaryFS .summaryContainer {
    -ms-word-break: break-all;
     word-break: break-all;
     word-break: break-word;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
     hyphens: auto;
}

div.formSummaryFSError {
    color:red;
}
/* ========== Image Upload FS Component ========== */

.imageUploadFS .fieldSetViewAreaRow:first-child {
	margin-top: 1px;
}

.imageUploadFS .fieldSetTooltip,
.baseFS.imageUploadFS .infoIconContent {
	display: inline-block;
}

.imageUploadFS .imageUpload {
  opacity: 0;
  position: absolute;
  width: 380px;
}

.imageUploadFS .imageFileUploadTextBox  {
  float: left;
  height: 22px;
}

.imageUploadFS .imageBrowseFileButton {
  margin: 0;
  margin-left: 6px;
  float: left;
}

.imageUploadFS .imageUploadFileFormForm {
    background: white;
}

.imageUploadFS .imageUploadSuccessArea {
	display: none;
 	margin-top: 15px;
}

.imageUploadFS .uploadedImage {
	border: 0px;
	display: block;
	height: 180px;
	margin-left: 0px;
	width: 180px;
}

.imageUploadFS .successMessage {
	display: table-cell;
  padding-left: 18px;
  position: relative;
  vertical-align: middle;
}

.imageUploadFS .imageIcon {
	left: 0;
	position: absolute;
	top: 0;
}

.imageUploadFS .fieldSetValidationFeedback {
	padding-top: 12px;
}
/* ========== implicitEmailPolicyUsageFS.css ========== */

.implicitEmailPolicyUsageFS {
    display: none;
}

form.cqEditMode .implicitEmailPolicyUsageFS {
    display: block;
}

form.cqEditMode div.implicitEmailPolicyUsageFS fieldset {
  padding-bottom: 5px;
  border-color: orange;
}

form.cqEditMode div.implicitEmailPolicyUsageFS fieldset .fieldSetCqEditModeHelper {
  color: orange;
}

form.cqEditMode div.implicitEmailPolicyUsageFS .implicitEmailPolicyUsageFSError {
  display: none;
  color: red;
  font-size: 24px;
  text-align: center;
  width: 100%;
  line-height: 28px;
}

.fieldSetEditAreaRow.c2bInfoRow {
    display: none;
    margin-top:13px;
}



.C2BRegisterButtonBar {
    float:right;
    margin-top:-12px;
}


.c2bInfoRow .copy {
    float:left;
    width:440px;
}

.c2bInfoRow .fieldSetTooltip {
    float:left;
    margin-left:6px;
}

.loginFS fieldset{
  position:relative;
}
.loginFs .buttonComp{
    float:right;
}
p.myParagraph {
    color: red;
}
/* ========== Multi Radio Group FS Component ========== */

.multiRadioGroupFS .radioGroupRow  {
  margin-top: 29px;
}

.multiRadioGroupFS .fieldSetRadioButtonGroup {
    display: inline-block;
    float: left;
    margin-left: 50px;
    margin-right: 0;
    padding: 0;
    width: 195px;
    height: auto !important;
    min-height: 13px;
    height: 13px;
}

.multiRadioGroupFS .fieldSetRadioButtonGroup:first-child,
.glassPaneLayer .multiRadioGroupFS .fieldSetRadioButtonGroup:first-child {
    margin-left: 0;
}

.multiRadioGroupFS .fieldSetRadioButtonGroup .radioButtonGroupItem {
    margin-top: 10px;
}

.multiRadioGroupFS .fieldSetRadioButtonGroup .radioButtonGroupItem:first-child {
    margin-top: 0;
}

.glassPaneLayer .multiRadioGroupFS .fieldSetRadioButtonGroup {
    margin-left: 65px;
    width: 180px;
}

.glassPaneLayer .multiRadioGroupFS .textLabel {
	width: 161px;
}

.multiRadioGroupFS .fieldSetTooltip,
.baseFS.multiRadioGroupFS .infoIconContent {
	display: inline-block;
}

.multiRadioGroupFS .fieldSetViewAreaRow:first-child {
  margin-top: 1px;
}
/* ========== multiStepLineFS.css ========== */

form.cqEditMode div.multiStepLineFS fieldset {
  position: relative;
  padding-bottom: 5px;
  border-color: orange;
}

form.cqEditMode div.multiStepLineFS fieldset .fieldSetCqEditModeHelper {
  color: orange;
}

form.cqEditMode div.multiStepLineFS .multiStepLineFSError {
  position: absolute;
  margin-top: 25px;
  top: 0px;
  left: 0px;
  color: red;
  font-size: 24px;
  text-align: center;
  width: 100%;
}

form.cqEditMode div.multiStepLineFS.multiStepLineFSError {
  background: whitesmoke;
}

.optionalFieldFS .fieldSetEditAreaRow .fieldSetLayoutCol2 .fieldSetCheckboxGroup {
    margin-top:6px;
}

.optionalFieldFS .fieldSetEditAreaRow .fieldSetLayoutCol2 .fieldSetCheckboxGroup label {
    width:177px;
}

.optionalFieldFS .fieldSetEditAreaRow .fieldSetLayoutCol2 .fieldSetCheckboxGroup:first-child {
    margin-top:0px;
}
div.policyTextblock div.policyError label.policyLabel {
    color: #d20000;
}

div.policyTextblock div.policyTextParagraph,
div.policyTextblock div.policySubHeadline,
div.policyTextblock div.policyConsent,
div.policyTextblock div.policyUsage {
    margin-top: 5px;
    margin-bottom: 5px;
}

div.policyTextblock div.policySubHeadline {
    margin-top: 15px;
    font-family: BMWType_Bold;
    font-weight: normal;
}
div.policyCurrentFS .enabledUsages * {
  color: #262626;
}

div.policyCurrentFS .disabledUsages * {
  color: #ccc;
}

div.policyCurrentFS .fieldSetIsShowingValidationMessage label {
    color: #000000;
}

div.policyCurrentFS .policyError label {
    color: #D20000;
}

div.policyCurrentFS .missingConsent label {
    color: #D20000;
}

div.policyCurrentFS .policyText a {
  color: #666;
  text-decoration: underline;
}

div.policyCurrentFS .policyText a:hover {
  color: #1C69D4;
}
/* ========== policyInfoLayerFS.css ========== */

.policyInfoLayer {
    margin-top: 32px;
    margin-bottom: 0px;
}

.policyInfoLayerFS .policyInfoLayerFSError  {
    margin-top: 15px;
    margin-bottom: 15px;
    color: red;
    font-size: 14px;
    font-style: italic;
    width: 100%;
}
/* ========== textAreaFS.css ========== */

.textAreaFS .fieldSetViewAreaRow .fieldSetCopyText {
    white-space: pre-wrap;
}

.textAreaFS fieldset.fieldSetIsShowingValidationMessage label {
  color: #D20000;
}

.textAreaFS fieldset.fieldSetIsShowingValidationMessage textarea {
  color: #000000;
  border: 1px solid #D20000;
}

.textAreaFS .fieldSetLayoutCol3 .fieldSetCopyText {
  padding-top: 0;
}
.vehicleDetailsFS .vgModelSection {
    display: none;
}


div.fieldSetEditAreaRow .vehicleInterestList select {
    float: left;
    margin-right: 6px;
}

.vehicleInterestDelete {
    float: left;
}

div.fieldSetViewAreaRow .vehicleInterestList div {
    font-family: BMWType_Bold,Arial,sans-serif;
    line-height: 20px;
}

.vehicleInterestListItem {
    margin-top:6px;
}

.vehicleInterestListItem:first-child {
    margin-top:8px;
}

.vehicleInterestAddNewModelButtonContainer {
    margin-top: 7px;
}
/* ========== tellAFriendForm.css ========== */

.tellAFriendForm .tellAFriendFormContent div.textAreaFS {
  margin-top: 5px;
}

.tellAFriendForm .tellAFriendSuccessMessage {
  background:url('/etc/designs/bmwnext/apps/bmwnext/base/static/parComponents/fieldsetforms/forms/tellAFriendForm/icon_success.png.resource.1416811220391.png') 0 0 no-repeat;
  margin: -6px 0 0 0px;
  padding: 2px 0 0 30px;
  min-height: 40px;
  display: none;
}

.tellAFriendForm .furtherRecommendationLink {
  margin-top: 14px;
}

/*===== STYLES FOR BASE FIELD SET FORM COMPONENT =====*/

div.formsContainer.cqEditMode {
  border: 1px dashed #b22222;
  margin: -5px;
  padding: 5px;
}

div.formsContainer .formsContainerCqEditModeHelper{
  display: none;
}

div.formsContainer.cqEditMode .formsContainerCqEditModeHelper {
  display: block;
  color: #b22222;
}





.glassPane, .gplnSpinner {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    -moz-opacity: 0;
    opacity:0;
    filter: alpha(opacity=0);
    z-index: 10500;

}



/* gplnSpinner */
.gplnSpinner {
    z-index: 10570;
    background: transparent;
    -moz-opacity: 100;
    opacity:1;
    filter: alpha(opacity=100);
}

.gplnSpinner .glassPaneLayerNextSpinner {
    position: absolute;
    left: 50%;
    top: 50%;
    display: block;
}

.gplnSpinner .glassPaneLayerNextSpinner .spinnerImage {
    position: relative;
    left: -18px;
    top: -18px;
    width:37px;
    height:37px;
    background: url('/etc/designs/bmwnext/apps/bmwnext/base/static/parComponents/bmwLoadingState/preloader_37x666.png.resource.1416811220379.png');
}

/* gplnInlineSpinner */
.gplnInlineSpinner {
    z-index: 10600;
    background: transparent;
    -moz-opacity: 100;
    opacity:1;
    filter: alpha(opacity=100);
    position: relative;
}

.gplnInlineSpinner .glassPaneLayerNextSpinner {
    position: absolute;
    left: 50%;
    top: 50%;
    display: block;
}

.gplnInlineSpinner .glassPaneLayerNextSpinner .spinnerImage {
    position: relative;
    left: -18px;
    top: -18px;
    width:37px;
    height:37px;
    background: url('/etc/designs/bmwnext/apps/bmwnext/base/static/parComponents/bmwLoadingState/preloader_37x666.png.resource.1416811220379.png');
}

/* Close Button */
.glassPaneLayerCloseButton.gplnCloseButtonContainer {
    position: absolute;
    display: none;
    top: 6px;
    right: 6px;
    overflow: hidden;
    z-index: 10613;
}

.gplnCloseButtonDither {
    position: absolute;
    width: 18px;
    height: 18px;
    background: url('/etc/designs/bmwnext/apps/bmwnext/base/static/parComponents/dither/dither.png.resource.1416811220390.png');
    display: none;
}

/* Base */
.glassPaneLayer.glassPaneLayerNextWrapper {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10560;
    display: block;
}

.glassPaneLayer.glassPaneLayerNextWrapper .glassPaneLayerDialog.gplnPositioningContainer {
    display: table;
    overflow: hidden;
    margin: 0 auto;
}

.glassPaneLayer.glassPaneLayerNextWrapper .glassPaneLayerLayerWrapObject.gplnContentContainer {
    display: table-cell;
    /*    vertical-align: middle; */
}

.glassPaneLayer.glassPaneLayerNextWrapper .glassPaneLayerDialog.gplnPositioningContainer {
    height: 100%;
    width: auto;
    position: relative;
}

.gplnContent {
    margin: 30px 0;
    width: auto;
    height: auto;
    position: relative;
    background-color: #fff;
    -moz-opacity: 0;
    opacity:0;
    filter: alpha(opacity=0);
}

.gplnAjaxContent {
    position: relative;
    z-index: 10561;
    -moz-opacity: 0;
    opacity: 0;
    width: auto;
}

.gplnContent .glassPaneLayerHeaderContent.gplnContentHeader {
    position: relative;
    min-height: 35px;
    width: 739px;
}

.gplnContent .glassPaneLayerFooterContent.gplnContentFooter {
    min-height: 30px;
    border-top: none;
    width: 739px;
}

.gplnContent .gplnFooterLine {
    height: auto;
    border-top: 2px solid #E6E6E6;
    margin: 0 0 15px 0;
}

.gplnContent .gplnHeaderLine {
    height: auto;
    border-bottom: 2px solid #E6E6E6;
}

.gplnHiddenContent {
    -moz-opacity: 0;
    opacity:0;
    filter: alpha(opacity=0);
}

.gplnVisibleContent {
    -moz-opacity: 100;
    opacity:1;
    filter: alpha(opacity=100);
}

/* Fixed view */

.gplnContentHeader .glassPaneLayerHeaderContent.space {
    padding: 15px 30px;
    margin: 0;
}
.gplnFixed .gplnContentValue{
    height: auto;
    width: 739px;
    overflow-x: hidden;
    overflow-y: auto;
    margin-right: 6px;
    position: relative;
}

.gplnContentValue {
    position: relative;
}

.gplnContentValue .glassPaneLayerContent.space{
    padding: 0 0 0 30px;
    height: auto;
    width: 670px;
}

.gplnContentFooter .glassPaneLayerFooterContent.space {
    padding: 15px 30px;
    margin: 0;
}

.gplnContentSpace {
    height: 30px;
    display: table-cell;
}

/* Flex view */

.gplnbigimage .glassPaneLayerContent.gplnContentValue,
.gplnFlex .glassPaneLayerContent.gplnContentValue {
    height: auto;
    width: auto;
    overflow: hidden;
}


.gplnbigimage .glassPaneLayerContent.space,
.gplnFlex .glassPaneLayerContent.space {
    padding: 0 15px;
    width: auto;
}

.ieFadingFix {
    position: absolute;
    background: #fff;
    z-index: 10500;
}

.glassPaneLayerNextContainer {
    display: none;
}

.gplnbigimage .glassPaneLayerHeaderContent.space, .gplnFlex .glassPaneLayerFooterContent.space,
.gplnFlex .glassPaneLayerHeaderContent.space, .gplnFlex .glassPaneLayerFooterContent.space {
    padding: 7.5px
}

.gplnbigimage .glassPaneLayerCloseButton.gplnCloseButtonContainer,
.gplnFlex .glassPaneLayerCloseButton.gplnCloseButtonContainer {
    position: absolute;

    top: 21px;
    right: 21px;
    overflow: hidden;
    z-index: 10613;
}

.gplnbigimage .buttonBig,
.gplnFlex .buttonBig,
.gplnFixed .buttonBig{
    width: 24px;
    height: 24px;
}

.gplnbigimage .buttonMedium,
.gplnFlex .buttonMedium {
    width: 18px;
    height: 18px;
}

.gplnbigimage #wallpaperLayer,
.gplnFlex #wallpaperLayer {
    display: block;
}

/* Fixed width */
/*
#gplnContent .w1 {
     width: 440px;
 }
#gplnContent .w2 {
    width: 670px;
}
#gplnContent .w3 {
    width: 1210px;
}
*/
#gplnContent .w4 {
    width: 1000px;
}


#gplnContent .w11 {
    width: 440px;
}
#gplnContent .w12 {
    width: 670px;
}
#gplnContent .w13 {
    width: 1210px;
}

#gplnContent .w14 {
    width: 1000px;
}

.gplnFixed .gplnContentValue.w11 .glassPaneLayerContent.space{
    padding: 0 0 0 30px;
    height: auto;
    width: 370px;
}

.gplnFixed .gplnContentValue.w12 .glassPaneLayerContent.space{
    padding: 0 0 0 30px;
    height: auto;
    width: 600px;
}

.gplnFixed .gplnContentValue.w13 .glassPaneLayerContent.space{
    padding: 0 0 0 30px;
    height: auto;
    width: 1140px;
}

.gplnFixed .gplnContentValue.w14 .glassPaneLayerContent.space{
    padding: 0 0 0 30px;
    height: auto;
    width: 930px;
}

/* Fragile and dirty fixes until headlines are generalized. */
.glassPaneLayer h1 {
    margin-top: -5px;
}

.glassPaneLayer h1.headlineh1Mixed {
    margin-top: -8px;
}


.glassPaneLayer h3,
.glassPaneLayer h1.headlineSizableSmall {
    margin-top: 8px;
}

.glassPaneLayer.brand-bmw h1.headlineSizableSmall {
    line-height: 20px !important;
    letter-spacing: 0 !important;
    margin-top: 8px;
}

.glassPaneLayer.brand-bmw h3 {
    font-size: 17px !important;
    line-height: 20px !important;
    letter-spacing: 0 !important;
    margin-top: 11px;
}

.glassPaneLayer.brand-bmwi h3,
.glassPaneLayer.brand-bmwi h1.headlineSizableSmall {
    margin-top: 6px;
}

.glassPaneLayer.brand-bmwi h1.headlineSizableSmall {
    line-height: 26px !important;
}

.glassPaneLayer.brand-bmwi .formHeadline h3 {
    margin-top: 43px;
}

.glassPaneLayer.brand-bmwi h4, .glassPaneLayer.brand-bmwi h4.headlineh3,
.glassPaneLayer.brand-bmw h4, .glassPaneLayer.brand-bmw h4.headlineh3 {
    font-family: BMWType_Bold,Arial,sans-serif;
    font-size: 13px;
    line-height: 17px;
    margin-top: 0;
}

.glassPaneLayer.brand-bmw h4, .glassPaneLayer.brand-bmw h4.headlineh3 {
    margin-top: 7px;
}

.headlineSizableStageSmall {
  font-size: 32px !important;
  line-height: 32px !important;
  margin-bottom: 5px !important;
  margin-left: -18px;
  font-weight:normal;
}

.headlineSizableStageMedium {
  font-size: 48px !important;
  line-height: 48px !important;
  margin-bottom: 5px !important;
  margin-left: -26px;
  font-weight:normal;
}

.headlineSizableStageLarge {
  font-size: 64px !important;
  line-height: 64px !important;
  margin-bottom: 5px !important;
  margin-left: -35px;
  font-weight:normal;
}

.iframeContainerWrap iframe {
  width: 100%;
}

.pureExternalContentContainer .iframeFallback,
.externalContentContainer .iframeFallback {
    margin-top: 40px;
    margin-bottom: 70px;
}


.infoIconContent {
  display: inline-block; 
}
/*===== STYLES FOR THE LEFT NAVIGATION COMPONENT =====*/

/*SEO Navigation is always hidden*/
#leftNavigationSEO{
    display:none;
}

.hideInNav{
    display:none;
}

.hideCauseRoleCheckRequired {
    display:none;
}

.cdpNaviItem{
    display:none;
}

ul.leftNavigation{
    padding-bottom: 66px;
}

ul.leftNavigation li {
    padding-left: 5px;
    padding-bottom: 5px;
}
ul.leftNavigation ul {
    padding-bottom: 5px;
    padding-top: 15px;
}

ul.leftNavigation ul li {padding-left: 10px}
ul.leftNavigation ul li ul li{padding-left: 15px}
ul.leftNavigation ul li ul li ul li{padding-left: 20px}
ul.leftNavigation li a.linkArrow13px{
}

ul.leftNavigationLight li a.linkArrow13px{
    color: #ffffff;
    background-position: -1020px -197px;
}

ul.leftNavigationLight li a.linkArrow13px:hover{
    color: #1C69D4;
    background-position: -960px -257px;
}

#leftNavigationContainer{
    min-height: 275px;
    visibility:hidden;
}

.howToBuyButton {
    margin-top: 33px;
    background: #FFFFFF;
    padding: 0;
    display: inline-block;
    max-width:180px;
    cursor:pointer;
}

#myBMWArea .howToBuyButton {
    display:none;
    opacity:0;
}


.howToBuyButton a.headlineh3 {
    color: #666;
    display: inline-block;
    padding: 0;
    margin: 5px 9px 4px 14px;
    line-height: 26px;
}
.howToBuyButton a.headlineh3:hover {
    color: #1C69D4;
}

.howToBuyIconHover{
    background-position: 0 -90px;
}

.howToBuyLinkHover{
    color: #1C69D4 !important;
}

.howToBuyButton .baseIconSprite {
    display: inline-block;
    margin: 0;
    padding:0;
}

.howToBuyButton .spritePosition {
    display: inline;
    width: 18px;
    padding: 3px 0px 0px 0px;
    margin-left:10px;
}
.navigationTabContainer > ul > li {
  float: left;
  margin-right: -2px;
  padding: 5px 0 11px;
}

.navigationTabContainer > ul > li.active {
  border-bottom: 6px solid #1c69d4;
  padding-bottom: 5px;
}

.navigationTabContainer.activeTabHasSubMenu > ul > li.active {
  border-bottom: none;
}

.navigationTabContainer > ul > li .navigationTabTitleLinkContainer {
  border: 2px solid #e6e6e6;
  border-width: 0 2px;
  height: 28px;
  padding: 12px 15px 0 15px;
}

.navigationTabContainer > ul > li .navigationTabTitleLinkContainer .link13px {
  visibility: visible;
  display: block;
}

.navigationTabContainer>ul>li.active .navigationTabTitleLinkContainer a {
  color:#1c69d4;
}

.navigationTabContainer .navigationTabContent {
  visibility: hidden;
}

.navigationTabContainer .navigationTabContent.active {
  visibility: visible;
  display: block;
}

.navigationTabContainer.activeTabHasSubMenu > ul > li.active .navigationTabTitleLinkContainer {
  border-bottom: 2px solid #fff;
  position: relative;
  z-index: 1;
}

.navigationTabContainer .navigationTabBottomLine {
  visibility: hidden;
}

.navigationTabContainer.activeTabHasSubMenu .navigationTabBottomLine {
  background-color: #e6e6e6;
  display: block;
  height: 2px;
  left: 35px;
  margin-top: -11px;
  position: absolute;
  visibility: visible;
  width: 1190px;
}

.slideBoxHigh .slideBoxCheckContainer,.slideBoxHigh .slideBoxRightBorderWrapper,.slideBoxHigh .slideBoxLeftBorderWrapper,.slideBoxHigh .slideBoxLeftBorder,.slideBoxHigh .slideBoxRightBorder,.slideBoxHigh .slideBoxCheckContainer .slideBoxSlider div,.slideBoxHigh .slideBoxCheckContainer .slideBoxSlider span
  {
  height: 32px;
}

.slideBoxSmall .slideBoxCheckContainer,.slideBoxSmall .slideBoxRightBorderWrapper,.slideBoxSmall .slideBoxLeftBorderWrapper,.slideBoxSmall .slideBoxLeftBorder,.slideBoxSmall .slideBoxRightBorder,.slideBoxSmall .slideBoxCheckContainer .slideBoxSlider div,.slideBoxSmall .slideBoxCheckContainer .slideBoxSlider span
  {
  height: 26px;
}

.slideBoxCheckContainer {
  position: relative;
  cursor: pointer;
  overflow: hidden;
  float: left;
}

.slideBoxRightBorderWrapper,.slideBoxLeftBorderWrapper {
  overflow: hidden;
  width: 4px;
  float: left;
  position: relative;
}

.slideBoxLeftBorder,.slideBoxRightBorder {
  width: 4px;
  position: absolute;
}

.slideBoxHigh .slideBoxLeftBorder {
    background: url('/etc/designs/bmwnext/apps/bmwnext/base/static/parComponents/icon/base/icons.png.resource.1416811220402.png') no-repeat -90px -380px;
}

.slideBoxHigh .slideBoxRightBorder {
  background: url('/etc/designs/bmwnext/apps/bmwnext/base/static/parComponents/icon/base/icons.png.resource.1416811220402.png') no-repeat -100px -380px;
}

.slideBoxSmall .slideBoxLeftBorder {
  background: url('/etc/designs/bmwnext/apps/bmwnext/base/static/parComponents/icon/base/icons.png.resource.1416811220402.png') no-repeat -110px -380px;
}

.slideBoxSmall .slideBoxRightBorder {
  background: url('/etc/designs/bmwnext/apps/bmwnext/base/static/parComponents/icon/base/icons.png.resource.1416811220402.png') no-repeat -120px -380px;
}

.slideBoxCheckContainer input {
  position: absolute;
  left: 30px;
  /*filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);*/
  opacity: 0;
  display: none;
  margin-top: 10px;
}

.slideBoxCheckContainer label {
  white-space: nowrap;
  font-size: 17px;
  line-height: 17px;
  font-family: BMWType_Bold;
  text-transform: uppercase;
  cursor: pointer;
  display: block;
  height: 32px;
  position: absolute;
  width: auto;
  top: 0;
  overflow: hidden;
}

.slideBoxCheckContainer,.slideBoxCheckContainer label {
  user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
}

.slideBoxCheckDisabled { /*filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);*/
  opacity: 0.5;
}

.slideBoxHigh .slideBoxCheckContainer .slideBoxSlider {
  background: url('/etc/designs/bmwnext/apps/bmwnext/base/static/parComponents/icon/base/icons.png.resource.1416811220402.png') no-repeat 0 -380px;
  height: 32px;
  clear: both;
}

.slideBoxSmall .slideBoxCheckContainer .slideBoxSlider {
    background: url('/etc/designs/bmwnext/apps/bmwnext/base/static/parComponents/icon/base/icons.png.resource.1416811220402.png') no-repeat 0 -420px;
    height: 26px;
  clear: both;
}

.slideBoxCheckContainer .slideBoxSlider div {
  float: left;
}

.slideBoxCheckContainer .slideBoxSlider .slideBoxOn {
  color: white;
  text-shadow: 0px 0px 2px rgba(0, 0, 0, 0.6);
  left: 0;
}

.slideBoxCheckContainer .slideBoxSlider .slideBoxOff {
  color: #8b8b8b;
  text-shadow: 0px 0px 2px rgba(255, 255, 255, 0.6);
  text-align: right;
  right: 0;
}
.spacerSmall{
	height:10px;
}
.spacerMiddle{
	height:15px;
}
.spacerLarge{
	height:20px;
}

/*
 BEWARE:
 The following classes are used by directly by 
 JSPs, CSS and eventually JS of other components
 (search for '*.jsp;*.css;*.js;.content.xml;*.java'):
  .subheadline
  .subheadlineNormal
 This has to be changed.
*/

.subheadline,.subheadlineNormal,.subheadline h2, .subheadline h3 {
  font-family: BMWType_Bold;
  font-size: 20px;
  color: #262626; /*default */
  overflow: hidden;  
  text-align: left; /*default */
  vertical-align: top;
  line-height:20px;
  padding-bottom: 3px;
  margin-bottom: -3px;
}

.subheadline {
  margin: 0 0 13px 0;
}

.subheadlineWhite {
  color: #ffffff !important;
}

.subheadlineBlack {
  color: #000000 !important;
}

.subheadlineDarkGrey {
  color:#262626 !important;
}

.subheadline h3 {
  font-size: 17px;
  line-height: 17px;
}
.tableContainer {
  width: 600px;
  margin-bottom: 21px;
}

.tableContainer .tableHeadline {
  margin-bottom: 10px;  
}

.tableContainer .tableSubheadline {
  margin-bottom: 9px;  
}

.tableContainer .columnHeadline {
  margin-bottom: 1px;  
}

table.tableCommon {
  width: 100%;
}

table.tableCommon tbody tr td,
table.tableCommon thead tr th,
table.tableCommon tfoot tr td {
  padding: 10px 0 8px 15px;
}

table.tableCommon thead tr th {
  padding-top: 0;
}

table.tableCommon tfoot tr td {
  text-align: right;  
}

table.tableCommon tbody tr td:first-child,
table.tableCommon thead tr th:first-child {
  padding-left: 0;
}

table.tableCommon thead tr th {
  font:13px BMWType_Bold;
  color: #262626;
}

table.tableCommon tfoot tr {
  border-bottom: none;
}

table.tableCommon th.tableAlignRightBottom,
table.tableCommon th.tableAlignRightBottom .text,
table.tableCommon th.tableAlignRightBottom .headlineNormal,
table.tableCommon td.tableAlignRightBottom,
table.tableCommon td.tableAlignRightBottom .text,
table.tableCommon td.tableAlignRightBottom .headlineNormal {
  text-align: right;
  vertical-align: bottom;
}

table.tableCommon th.tableAlignRightMiddle,
table.tableCommon th.tableAlignRightMiddle .text,
table.tableCommon th.tableAlignRightMiddle .headlineNormal,
table.tableCommon td.tableAlignRightMiddle,
table.tableCommon td.tableAlignRightMiddle .text,
table.tableCommon td.tableAlignRightMiddle .headlineNormal {
  text-align: right;
  vertical-align: middle;
}

table.tableCommon th.tableAlignRightTop,
table.tableCommon th.tableAlignRightTop .text,
table.tableCommon th.tableAlignRightTop .headlineNormal,
table.tableCommon td.tableAlignRightTop,
table.tableCommon td.tableAlignRightTop .text,
table.tableCommon td.tableAlignRightTop .headlineNormal {
  text-align: right;
  vertical-align: top;
}

table.tableCommon th.tableAlignLeftBottom, 
table.tableCommon th.tableAlignLeftBottom .text,
table.tableCommon th.tableAlignLeftBottom .headlineNormal,
table.tableCommon td.tableAlignLeftBottom,
table.tableCommon td.tableAlignLeftBottom .text,
table.tableCommon td.tableAlignLeftBottom .headlineNormal {
  text-align: left;
  vertical-align: bottom;
}

table.tableCommon th.tableAlignLeftMiddle, 
table.tableCommon th.tableAlignLeftMiddle .text,
table.tableCommon th.tableAlignLeftMiddle .headlineNormal,
table.tableCommon td.tableAlignLeftMiddle,
table.tableCommon td.tableAlignLeftMiddle .text,
table.tableCommon td.tableAlignLeftMiddle .headlineNormal {
  text-align: left;
  vertical-align: middle;
}

table.tableCommon th.tableAlignLeftTop, 
table.tableCommon th.tableAlignLeftTop .text,
table.tableCommon th.tableAlignLeftTop .headlineNormal,
table.tableCommon td.tableAlignLeftTop,
table.tableCommon td.tableAlignLeftTop .text,
table.tableCommon td.tableAlignLeftTop .headlineNormal {
  text-align: left;
  vertical-align: top;
}

table.tableCommon th.tableAlignCenterBottom, 
table.tableCommon th.tableAlignCenterBottom .text,
table.tableCommon th.tableAlignCenterBottom .headlineNormal,
table.tableCommon td.tableAlignCenterBottom,
table.tableCommon td.tableAlignCenterBottom .text,
table.tableCommon td.tableAlignCenterBottom .headlineNormal {
  text-align: center;
  vertical-align: bottom;
}

table.tableCommon th.tableAlignCenterMiddle, 
table.tableCommon th.tableAlignCenterMiddle .text,
table.tableCommon th.tableAlignCenterMiddle .headlineNormal,
table.tableCommon td.tableAlignCenterMiddle,
table.tableCommon td.tableAlignCenterMiddle .text,
table.tableCommon td.tableAlignCenterMiddle .headlineNormal {
  text-align: center;
  vertical-align: middle;
}

table.tableCommon th.tableAlignCenterTop, 
table.tableCommon th.tableAlignCenterTop .text,
table.tableCommon th.tableAlignCenterTop .headlineNormal,
table.tableCommon td.tableAlignCenterTop,
table.tableCommon td.tableAlignCenterTop .text,
table.tableCommon td.tableAlignCenterTop .headlineNormal {
  text-align: center;
  vertical-align: top;
}

table.tableCommon tbody tr td,
table.tableCommon thead tr th,
table.tableCommon tfoot tr td {
    border-bottom: none;
}

table.tableCommon.tableCommonMark tbody tr td,
table.tableCommon.tableCommonMark thead tr th,
table.tableCommon.tableCommonMark tfoot tr td {

    border-bottom: 2px solid #e6e6e6;
}


/*
 REMEMBER:
 you will find other visualIdentifier types, css and js in
  /cmx-mybmw/cmx-mybmw-base/cmx-mybmw-base-view/src/main/jcr_root/apps.bmwnext.mybmw.base/pageComponents/visualIdentifier
*/

.visualIdentifier .visualIdentifierPageHeader {
    height: 132px;
}

.visualIdentifier .visualIdentifierPageHeaderTitle {
    height: auto;
    position: absolute;
    top: 20px;
    left: 50px;
    width: 960px;
}

.visualIdentifier .visualIdentifierPageHeaderTitle .pageVIHeader {
    font-size: 56px !important;
    line-height: 56px !important;
}

.visualIdentifierError {
    margin-top: 10px;
    width: 630px;
    color:red;
}


.extendedSearchHead {
  height: 330px;
  width: 1050px;
}
.extendedSearchHeadBottomLine {
  background-color: #E6E6E6;
  font-size: 0px;
  line-height: 0px;
  height: 2px;
  margin: 0 46px 20px;
}

.extendedSearchPageContentInlineWrapper {
  display: block;
  float: left;
  margin: 4px 0 0 6px;
}

.extendedSearchHead .extendedSearchLeft {
  width:280px;
}

.extendedSearchHead .headlineNormal {
    margin: 4px 100px 11px 0;
}

.extendedSearchLeft,
.extendedSearchMiddle,
.extendedSearchRight {
  float: left;
}

.extendedSearchPageWrapper {
  position:relative;
  margin: 27px 10px 0 2px;
}

.extendedSearchHeadBackgroundVisual {
  width: 280px;
  height: 158px;  
}


.extendedSearchHead .buttonComp {
  display: block;
  float: left;
  margin: 0 0 0 1px;
}

.extendedSearchHead .extendedSearchMiddle {
  padding: 0px 10px 0 7px;
  margin-top: 40px;
  width: 750px;
}

.extendedSearchDescription {
  width: 600px;
}


.extendedSearchPageContentWrapper {
    padding: 0 0 0 6px;
    position: relative;
    font-size: 13px;
}

.searchResultHead {
  height: 165px;
}

.searchResultHeadBottomLine {
  background-color: #E6E6E6;
  font-size: 0px;
  line-height: 0px;
  height: 2px;
  margin: 0 46px;
}

.searchResultHeadBackgroundVisual {
  width: 280px;
  height: 158px;
}

.searchResultHead .searchResultLeft {
  width:280px;
}

.searchResultHead .searchResultMiddle {
  padding: 0px 10px 0 9px;
  margin-top: 40px;
}

.searchResultHead .headlineNormal {
  margin:4px 100px 5px 0px;
}

.searchResultHead .buttonComp {
  display: inline-block;
  margin: 0 24px 0 0;
}

.searchResultPageContentWrapper {
  padding: 0 0 0 6px;
  position:relative;
}

.searchResultPageContentWrapper .searchResultTab {
  display: none;
}

.searchResultPageContentInlineWrapper {
  display: inline-block;
}

.searchResultPageContentWrapper .linkArrow13px, .searchResultPageContentWrapper .linkArrow13pxActive {
  display: inline-block;
  margin: 0 5px 0 2px;
  cursor: pointer;
}

.searchResultPageWrapper {
  position: relative;
  z-index: 10;
  margin: 0 10px 0 0;
}

#searchEngineSuggest {
  margin: 11px 0 0 0px;
  font-family: BMWType_Bold,Arial,sans-serif;
}

.searchEngineSuggestLabel {
  display: inline-block;
  font-family: BMWType_Bold,Arial,sans-serif;
  margin-right: 5px;
}
.searchEngineSuggestLink{
  color: #888888;
}

.searchResultPageSearchFieldWrapper {
  float: left;
  position: relative;
}

.searchResultPageFunctionsWrapper {
  float: left;
  margin: 0 0 0 6px;
}

.searchResultInputField{
  padding: 1px 6px 3px;
  width: 256px;
}

#searchResultHeadSuggestionTarget {
  height: 30px;
  clear: both;
  overflow: hidden;
  font-size: 13px;
}

.searchEngineResultsNoResultFirstLine {
  font-family: BMWType_Bold,Arial,sans-serif;
}

.searchEngineResultsNoResultLine {
  display: block;
  margin: 0 0 4px;
}

#searchResultPageNaviTarget .searchEnginePageNavi {
  display: none;
}

.searchResultPageLiveSearchLayerSuggest {
  margin-top: 19px;
}

.extendedSearchInputFieldLabel {
  width: 244px;
  display: block;
  float: left;
  padding: 7px 0 0;
}

.extendedSearchWrapper {
  margin-top: 10px;
}

.extendedSearchFieldWrapper {
  height: 30px;
  clear: both;
  overflow: hidden;
}

.extendedSearchPageFunctionsWrapper {
  margin: 8px 0 10px;
  clear: both;
  overflow: hidden;
}

.extendedSearchGenField {
 width: 500px; 
}

.extendedSearchInputField {
  width: 416px;
  padding: 3px 6px 3px;
  margin: 0 0px 5px 0;
  float: left;
  display: block;
}

/*===== STYLES FOR THE LINK COMPONENT =====*/
.extendedSearchLinkComp{
    display:inline;
}



.searchQueryLiveSearchLayer{
    left: 0px;
    font-size: 13px;
    margin: 0px 0px 20px 0px;
    width: 230px;
    padding:0px;
    color: #336699;
    display: none;
    padding: 2px 4px 8px 6px;
    background-color: #FFFFFF;
    z-index: 10480;
}


.searchQueryBarLiveSearchLayerSuggest .searchQueryLiveSearchLayer  {
    position: absolute;
    top: 28px;
}

.searchResultPageLiveSearchLayerSuggest .searchQueryLiveSearchLayer {
    position: absolute;
    top: 32px;
}

.searchQuerySuggestList {
  cursor: default;  
}

.searchQueryLiveSearchLayerListSection {
  color: #282828;
  padding: 0px;
  margin: 10px 0 1px 7px;
  font-family: BMWType_Bold,Arial,sans-serif;
}

.searchQueryLiveSearchLayerList{
    list-style:none;
    margin: 3px 0 0;
    padding: 0 0 7px;
    background-color: #FFF;
    overflow: hidden;
}
.searchQueryLiveSearchLayerListLast {
  border-bottom: none;
}
.searchQueryLiveSearchLayerListItem {
    display: block;
    padding: 0 0 0px 3px;
}
.searchQueryLiveSearchLayerListItemLink{
    display: block;
    color: #666666;
    text-decoration: none;
    padding: 2px 5px;
    cursor: pointer;
    font-family: BMWType_Bold,Arial,sans-serif;
    white-space: normal;
}

.searchQueryLiveSearchLayerList a.searchQueryLiveSearchLayerListItemLink:hover{
    color: #1C69D4;
}

.searchQueryLiveSearchLayerListItemLink b{
  color: #1C69D4;
  font-weight: inherit;
}

.searchQueryLiveSearchLayerHighlight {
  color: #1C69D4;
  font-family: BMWType_Bold,Arial,sans-serif;
}

.searchQueryLiveSearchLayerListSelected a{
  color:#1C69D4;
}

.fastlaneNavSearchQueryBar { 
  z-index:10480;
}


.searchQueryBar {
  display: inline;
}

.searchQueryBarWrapper {
  position:relative;
  float: left;
  margin: 0 10px 0 0;
  z-index: 10480;
}

.searchQueryBarInputField {
  padding:2px 0 1px 20px;
  color: #a0a0a0;
  width: 130px;
  height:16px;
  margin-top:5px;
  border: 1px solid #e6e6e6;
}

.searchQueryBarInputFieldIcon {                                                       
  position: absolute;
  z-index: 2;
  height: 16px;
  width: 16px;
  top: 8px;
  left: 4px;
}



.searchResult {
  overflow: hidden;
  position: relative;
  margin: 0px 0 20px;
  width: 100%;
}

.searchResultContentWrapper {
  position: relative;
}

.searchResultContentLoading {
  display: none;
  background: url('/etc/designs/bmwnext/apps/bmwnext/base/static/parComponents/dither/2_2_dither.png.resource.1416811220390.png') repeat scroll 0 0 transparent;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  text-align: center;
  z-index: 1;
}

.searchResultContentSlowLoading {
  display: none;
  background: url('/etc/designs/bmwnext/apps/bmwnext/base/static/parComponents/bmwLoadingState/preloader_big.gif.resource.1416811220385.gif') no-repeat scroll 0 0 transparent;
  width: 85px;
  height: 85px;
  position: absolute;
  top: 330px;
  left: 580px;
  text-align: center;
  z-index: 2;
}
.searchResultPageContentWrapper .searchResultContentSlowLoading {
  top: 130px;
}


/* Contentarea */
.searchResultLeft,
.searchResultMiddle,
.searchResultRight {
  float: left;
}
.searchResultContent .searchResultLeft,
.searchResultContent .searchResultMiddle,
.searchResultContent .searchResultRight {
  float: left;
}

/* Left Navigation */
.searchResultLeftNavigation {
  font-size: 13px;
  display: block;
  margin: 22px 45px 4px 34px;
  width: 185px;
  padding: 0 10px;
}

.searchResultPageContentWrapper .searchResultLeftNavigation .searchResultDynamicNavigationClearFilter {
  margin: 0 5px 9px 2px;
}

.searchResultLeftNavigation h3 {
  margin-bottom: 14px; 
}

.searchResultLeft .searchResultLeftNavigationTitle {
  font-weight: inherit;
  line-height: 20px;
  padding-bottom: 1px;
}
/* Left: dynamic navigation */

.searchResultDynamicNavigationFacetteContainer {
  margin-bottom: 8px;
  border-bottom: 2px solid #e6e6e6;
}

.searchResultDynamicNavigationFacetteHeadline {
  font-family: BMWType_Bold,Arial,sans-serif;
  cursor: pointer;
  position: relative;
  padding: 0 0 8px;
  display: block;
}

.searchResultDynamicNavigationFacetteHeadline.inactive, .searchResultDynamicNavigationFacetteHeadline.inactive .baseIconSprite {
  cursor: text;
}
.searchResultDynamicNavigationFacetteHeadline .ditherOverlay {
  display: none;
}
.searchResultDynamicNavigationFacetteHeadline.inactive .ditherOverlay {
  display: block;
  left: 0px;
  width: 24px;
}

.searchResultDynamicNavigationFacetteHeadline.active {
  margin: 7px 0 0px;
  border-bottom: none;
}

.searchResultDynamicNavigationFacetteHeadline.active .searchResultDynamicNavigationFacetteHeadlineValue {
  color: #1C69D4;
}


.searchResultDynamicNavigationFacetteHeadlineValue {
  background-color: #FFFFFF;
  margin: 0;
  display: block;
  width: 150px;
  float: left;
  padding: 2px 0 0;
  color: #262626;
}
.searchResultDynamicNavigationFacetteHeadline.inactive .searchResultDynamicNavigationFacetteHeadlineValue {
  color: #BBBBBB;
}

.searchResultDynamicNavigationFacetteHeadline .baseIconSprite {
  display: block;
  margin:0px 8px 0px 0;
  padding: 0 0 0 15px;
  position: relative;
  float: left;
  height: 18px;
}

.searchResultDynamicNavigationFacetteListWrapper {  
  padding: 0px;
}



.searchResultDynamicNavigationFacetteList {
  padding: 1px 0 4px;
  width: 181px;
}
.searchResultDynamicNavigationFacetteItem {
  margin-bottom: 3px;
  min-height: 16px;
}

.searchResultDynamicNavigationFacetteItemInput {
  float: left;
  margin-top: 1px;
}

.searchResultDynamicNavigationFacetteItemLabel {
  float: left;
  margin-left:  4px; 
  width: 163px;
}

.searchResultDynamicNavigationFacetteItemFCB{
  margin: 0px;
  padding: 0px;
  
}

.searchResultDynamicNavigationFacetteItemFCBL.active, .searchResultDynamicNavigationFacetteItemFCBL.active a {
  color:#1C69D4;
}
.searchResultDynamicNavigationFacetteItemFCBL a.inactive, .searchResultDynamicNavigationFacetteItemFCBL.inactive {
  color:#BBBBBB;
  cursor: text;
}
.searchResultDynamicNavigationFacetteItemFCBL, .searchResultDynamicNavigationFacetteItemFCBL a {
  color:inherit;
}


.searchResultDynamicNavigationClearFilter{
  margin-top:26px;
}
/* Middlearea */
/* the hidden ajax-result box */
.searchResultHiddenContent {
  display: none;
}

#searchResultResultsTarget, .searchResultPageNavi, #searchEngineSuggest {
  width: 695px;
}
#searchEngineStatistic {
  font-size: 12px;
}
/* result content */
.searchResultContentWrapper {
  min-height: 500px;
}
.searchResultList {
  padding: 11px 10px;
  clear: both;
  display: none;
  font-size: 13px;
}
.searchResultListItem {
    font-size: 13px;
    line-height: 16px;
    padding: 10px 0;
    clear: left;
    margin-bottom: 8px;
}
.searchResultListItem b {
 color: #1C69D4;
 font-weight: inherit;
}
.searchResultListItemTitle {
 font-family: BMWType_Bold,Arial,sans-serif;
 color: #000000;
  display: inline-block;
}
.searchResultListItemTitle:hover {
  color: #1C69D4;
}

.searchResultListItemText {
  display: block;
}
.searchResultListItemUrl {
  color:#666666;
  font-size:x-small;
  text-decoration:underline;
}
/* pager top and bottom*/
#searchResultPageNaviTargetBottom {
  margin: 30px 0 70px;
}

.searchResultPageNavi a,
.searchResultPageNavi span{
  vertical-align: middle;
  font-size: 13px;
}
.searchEnginePageNavi {
  margin: 10px 0 0;
}
.searchResultPageNavi{
  margin: 15px 0 18px;
}
.searchResultPageNavi span{
  color:#1C69D4;
  font-family: BMWType_Bold,Arial,sans-serif;
}


.searchResultPageNavi .navPrev {
  margin-right: 7px;
  display: inline-block;
}
.searchResultPageNavi .navNext {
  margin-left: 2px;
  display: inline-block;
}


.searchResultPageNavi .delimited, .searchResultPageNavi .first {
  display: inline-block;
  width: 24px;
  padding: 2px 3px 0 0;
  text-align: center;
}

.searchResultListItemUrlWrapper{
  margin-top: 1px;
}
.searchItemSize {
  color: #666666;
  font-family: BMWType_Bold,Arial,sans-serif;
}




.shareFormGlassPaneLayerContent .tellAFriend .shareFormLayerSectionHeadlineWrapper {
  margin-bottom: 13px;
}

.shareFormGlassPaneLayerContent .tellAFriend .shareFormLayerSectionHeadlineWrapper.active {
  margin-bottom: 20px;
}

.shareFormLayerSeparatorLine {
  background: #E6E6E6;
  height: 2px;
  margin-bottom: 6px;
  overflow: hidden;
}

.tellAFriendFormContent .textAreaFS .fieldSetLayoutCol3 .fieldSetCopyText {
	margin-top: 0;
}


/**
  Invisible tell a friend
*/
#glassPaneLayerNextWrapper.tellafriend-hidden #gplnContentValue {
	margin-right: 0 !important;
	
}

#glassPaneLayerNextWrapper.tellafriend-hidden #gplnContentFooter {
  display: none;
}


#glassPaneLayerNextWrapper.tellafriend-hidden #gplnContentValue.gplnContentValue {
	width: 745px;
}

#glassPaneLayerNextWrapper.tellafriend-hidden #shareButtonGlassPaneLayerContent.shareFormGlassPaneLayerContent {
	height: 268px;
	overflow: hidden;
	width: 715px;
	padding-left: 30px;
}

#glassPaneLayerNextWrapper.tellafriend-hidden .gplnContentValue .glassPaneLayerContent.space {
	padding-left: 0;
}

#tellAFriendFooterImage {
	position: relative;
	left: -30px;
	top: -20px;
}

.interactionsShareFormEditMode div{
  float: left;
}
.cq-wcm-edit .interactionsShareFormEditMode div{
  float: none;
}

.interactionsHeadline.headline h1  {
  margin-bottom:6px;
  padding:0;
}

.shareSocialMediaCLayer .interactionsHeadline.headline h3 {
  margin-bottom: 5px;  
}

.interactionsSubHeadline.headline h3  {
  margin-bottom: 0;
  padding:0;
  line-height: 24px;
}

.shareSocialMediaCLayer .interactionsSubHeadline.headline h4 {
  margin-bottom: 15px;  
}

.shareFormLayerSectionHeadline.text p {
  font-size: 14px;
  font-family: BMWType_Bold,Arial,sans-serif;
  margin: 0;
  padding-bottom: 0;
  padding-top: 2px;
  background-color: #FFFFFF;
  height: 16px;
}

.shareFormGlassPaneLayerContent .shareFormLayerSectionHeadlineWrapper {
  margin-bottom: 17px;
  margin-top: 6px;
}

.shareFormGlassPaneLayerContent .shareFormLayerSectionHeadlineWrapper .processTextWrapper,
.shareFormGlassPaneLayerContent .shareFormLayerSectionHeadlineWrapper .processTextWrapperLast {
  padding-bottom: 0;
}

#shareButtonGlassPaneLayerContent .interactionsSubHeadline .headlineNormal {
  margin-bottom: 0;
}

.shareSocialMediaCLayer .shareFormLayerSectionHeadlineWrapper {
  margin: 7px 0 17px 0;
}

.shareButtonIconWrapper a {
  display: block;
  height: 24px;
  text-indent: -1000px;
  width: 24px;
  background-repeat: no-repeat
}
.videoThumbIFrameOverlay {
  display: none;
}

.glassPaneLayerNextWrapper .videoThumbIFrameOverlay {
   display: inline;
   left: 15px;
   position: absolute;
   top: 30px;
}

.ie9 .glassPaneLayerNextWrapper .flashContent .videoThumbIFrameOverlay .interactionPanelWrapper {
   display: none;
}

.glassPaneLayerNextWrapper .videoIFrameParent .videoThumbIFrameOverlay {
   left: 225px;
}
/*
#abstractLayer .layerContent .videoThumbIFrameOverlay {
   display: block;
   left: 0;
   position: absolute;
   top: 6px;
}
*/
.interactionListWrapper, .interactionsShareButtonActive {
  position: absolute;
  top: 142px;
  right:0px;
  z-index:5001;
  width:40px;
  text-align: right;
  line-height:0px;
}

.interactionsShareButtonActive {
  z-index: 11001;
  display: none;
}

.interactionsShareButtonActive .baseIconSprite {
  cursor: default;
}

.interactionListWrapper .shareButton, .interactionListWrapper .printButtonWrapper, .interactionsShareButtonActive .shareButton {
  display: inline-block;
  margin: 0px 0px 6px;
  height: 24px;
}

.interactionsShareButtonActive .spriteIconShareBig {
  background-position: -420px -150px;
}

.interactionListWrapper .printButton{
  display: inline-block;
}

.shareButtonLayerHeadline {
  font-size: 22px;
  font-family: BMWType_Bold,Arial,sans-serif;
  margin: 0 0 33px 0;
}


.shareButtonIconWrapper {
  display: block;
  margin: 0 10px 20px 0; 
}


/* **************************** PERSPECTIVE SWITCHING **************************** */

.vinToolPerspectiveSwitchContainer {
  font-size: 12px;
  white-space: nowrap;
  margin: 5px 0;
}

.vinToolPerspectiveSwitchContainer.active label {
  color: #1C69D4;
}

#vinToolTabsContentModelTree {
  display: none;
}

#vinToolTabsContentVehicleList {
  display: none;
}

.vinToolPerspectiveSwitchContainerWrapper {
  padding: 8px 0 23px;
}

.vinToolDescription {
  margin: 0 0 20px;
}

/* **************************** GENERIC FORM STYLES **************************** */

.vinToolSelectForm {
  margin: 2px 0 8px;
}

.vinToolSelectFormResetButton {
  margin-bottom: 3px;
}

#vinToolAddNewVinButton {
  margin-top: 6px;
}

/* **************************** VEHICLE LIST **************************** */

#vinToolShowAddVinButtonArea a {
  margin-top: 5px;
}

#vinToolConfigTab .vinToolSelectFormLabel {
  display: block;
  padding: 0 0 3px 0;
  font-size: 13px;

}

#vinToolAddVin {
  display: block;
  margin-top: 11px;
}

#vinToolExistingVins {
  display: none;
}

#vinToolShowAddVinButtonArea {
  display: none;
}

#vinToolSaveVinVehiclePrompt {
  font-size: 12px;
  margin-top: 5px;
  width: 180px;
}

#vinToolAddToMyBMWButton {
  margin: 12px 0;
}

/* Error messages in VIN tab */

#vinToolAddVin .vinToolAddVinErrMsg {
  display: none;
  margin-top: 5px;
}

#vinToolAddVin.withError .vinToolAddVinErrMsg {
  display: block;
  font-size: 12px;
  color: #D20000;
}

#vinToolAddVin.withError label {
  color: #D20000;
}

#vinToolAddVin.withError input {
  border: 1px solid #D20000;
}

#vinToolSaveVinVehicleErrMsg {
  display: none;
  color: #D20000;
}

/* **************************** INFO ICON **************************** */

.vinTool .infoicon {
  margin-left: 3px;
  position: relative;
  top: 2px;
}

#vinToolAddToMyBMWButtonArea .infoicon {
  margin-left: 1px;
}

.vinTool .infoicon .baseIconSprite,
.vinTool .infoicon .infoIcon,
.vinTool .infoicon .infoIconLayerIcon,
.vinTool .infoicon .infoIconContent,
.vinTool .linkArrow13px, .vinTool .linkArrow13pxActive, .vinTool .linkArrow13pxInactive {
  display: inline-block;
}


/* **************************** HORIZONTAL STYLES **************************** */




.selectinput .inactive {
  color: #cccccc;
}


/* **************************** VERTICAL STYLES **************************** */


.vinToolPerspectiveSwitchContainer input {
  display: block;
  float: left;
  height: 12px;
  width: 12px;
}

.vinToolPerspectiveSwitchContainer .vinToolPerspectiveSwitchLabelWrapper {
  float: left;
  margin-left: 5px;
}

.vinToolSelectFormVertical {
  width: 220px;
}
.vinToolSelectFormVertical .form_row {
  margin: 0 0 6px;
}
.vinToolSelectFormVertical .vinToolSelectFormReset {
  display: none;
}
.vinToolSelectFormVertical .selectinput {
  width: 180px;
}
.vinToolSelectFormVertical .txtinput {
  width: 171px;
  font-family: Arial,sans-serif;
  font-size: 13px;
  font-weight: normal;
  height: 18px;
  margin: 0 30px 0 0;
  padding: 0 4px;
}
.vinToolSelectFormVertical .vinToolModelTreeReset {
  display: block;
}

#vinToolConfigTab .vinToolSelectFormVertical .form_row_disabled {
  display: none;
}


/* **************************** INFO LAYER **************************** */

/****************************** STYLES WITOUT MODELTREE *************** */
.noModelTreeLoaded #switchPerspectiveRadioButton2, 
.noModelTreeLoaded #switchPerspectiveRadioButton1, 
.noModelTreeLoaded #vinToolTabsContentModelTree,
.noModelTreeLoaded #switchPerspectiveRadioButtonLabel1 {
  display: none;
}
.noModelTreeLoaded .vinToolPerspectiveSwitchContainer .vinToolPerspectiveSwitchLabelWrapper {
  margin-left: 0px;
}
.noModelTreeLoaded .vinToolPerspectiveSwitchContainer.active label {
  color: #262626;
}




.accessoriesFinderWrapper{
  margin: 44px 0 0 50px;
}
.accessoriesFinderHeadlineWrapper{
  margin: 0 0 28px;
  position: relative;
  z-index: 3;
}

.accessoriesFinderNavigation .headlineNormal {
  line-height: 20px;
  padding-bottom: 1px;
}



.accessoriesFinderHeadTarget {
  width: 100%;
  margin: 0 0 15px;
}
.accessoriesFinderNumberProducts{
  float: left;
  font-size: 18px;
  font-family: BMWType_Bold,Arial,sans-serif;
  margin-top: 1px;
}
.accessoriesFinderNumberProductsCount{
  font-size: 24px;
  line-height: 28px;
}

.accessoriesFinderProductSortTarget{
  float: right;
  display: none;
  margin:10px 160px 0 0;
}
.accessoriesFinderProductSort{
  margin: 0 0 0 5px;
  width: 178px;
}

.accessoriesFinderContentWrapper{
  width: 1220px;
}

.accessoriesFinderResultTarget {
  display:none;
}

.accessoriesFinderNavigation{
  float: left;
  width: 226px;
  margin: 8px 20px 90px 0;
}

.accessoriesFinderSearchHeadline {
  margin: 0 0 6px;
}

.accessoriesFinderModelHeadline {
  margin: 0 0 6px;  
}

.accessoriesFinderFilterHeadline {
  margin: 0 0 5px;  
}

.accessoriesFinderContent, .accessoryCategory {
  float: left;
  width: 970px;
  margin-left: 4px;
}

.accOverviewStage {
  position: relative;
  z-index: 2;
  overflow: hidden;
  margin-top: -120px;
}

.accOverviewContentContainer {
  top: -15px;
  position: relative;
  z-index: 5;
}

.accOverviewTeaserContainer {
  width: 985px;
}

.accessoriesFinderTileContainer {
  float: left;
  margin: 0 30px 23px 0;
  width: 180px;
}

.accessoriesFinderTileContainer .productTileTextContainer {
  margin-top: 6px;
}

.accessoriesFinderTileContainer .financingOfferPrice {
  margin-top: 4px;
}

.accessoriesFinderResultTarget .searchResultPageNavi {
  margin: 14px 0 90px;
}

.accessoriesFinderTileContainer .productTileTextContainer b {
  font-weight: inherit;
}

.accessoriesFinderTileContainer .financingOfferMainHeadline {
  max-height: none;
}
.accessoriesFinderTileContainer .financingOfferSubheadline{
  max-height: none;
}
.accessoriesFinderContent .offerContainer {
  float: left;
    margin-right: 35px;
    width: 210px;
}



.accessoryDetailWrapper {
  margin: 43px 0 0 45px;
}

.accessoryDetailHeadlineWrapper{
  margin: 0 0 35px;
}
.accessoryDetailContentWrapper{
  width: 1270px;
  padding-top: 20px;
}
.accessoryDetailNavigation{
  float: left;
  width: 224px;
  margin: 39px 70px 20px 0;
}

.accessoryDetailNavigationOverviewLink {
  margin-left: 49px;
  margin-bottom: 5px;
}

.accessoryDetailContent{
  float: left;
  width: 965px;
}

.accessoryDetailContentPresentation {
  position: relative;
  padding-top: 36px;
  margin-bottom: 32px;
}

.accessoryDetailContentPresentation .productPresentationTeaserHeadline {
  margin-bottom: 3px;
  width: 600px;
}

.accessoryProductDetails {
  padding: 14px 0 0 20px;
}

.accessoryDetailContent .productPresentationAdditionalContent {
  float: left;
  width: 332px;
}

.accessoryDetailContent .productPresentationTeaserContent {
  margin-left: 0px;
}

.accessoryDetailContent .productPresentationTeaserText {
  width: 332px;
}

.accessoryDetailContent .productPresentationTeaserText {
  width: 332px;
}

.accessoryDetailContent .textBlockHeadline {
  margin-bottom: 10px;
}

.accessoryDetailContent .textBlockContainer {
  width: 330px;
  margin: 0px;
}

.accessoryDetailContent .productPresentationTeaserArea .smallTeaserContainer {
  margin-bottom: 0px;
}

.accessoryDetailContent .offerContainerPlaceholder {
  height: auto;
  margin-bottom: 20px;
}

.accessoryDetailContent .offerContainerPlaceholder {
  height: auto;
  margin-bottom: 20px;
}

.accessoryDetailProductLinksHeadlineWrapper {
  margin: 0 0 13px;
}
.accessoryDetailProductLinks {
  margin: 0 0 35px;
}
.accessoriesDetailFooterNote {
  font-size: 12px;
  margin: 0 0 80px;
  width: 550px;
}
.accessoriesFinderTileContainer .productTileImage {
  overflow:hidden;
}
.accessoryInfoBoxSlide .fwSlide {
  height: 260px;
  width: 810px;
}

.accessoryInfoBoxSlideshow .fwSlideshowSlides {
  width: 810px;
}

.accessoryInfoBoxSlideshow .parsys {
  width: 810px;
  height: 260px;
}

.accessoryInfoBoxSlide {
  display: block;
}
.accOverviewFixedHeadline {
  position: absolute;
  left: 47px;
  top: 43px;
}

.accessoriesOverviewTeaser .largeTeaser {
  margin-left: -290px;
}
.accTeaserOverlaySubline {
  margin-top:9px;
}
.accessoriesSearchField {
  margin: 0 0 32px;
  position: relative;
}

.accessoriesSearchField .searchQueryLiveSearchLayer {
  position: absolute;
  top: 31px;
  left: 0px;
}

.accessoriesFinderSearchFieldResetButton {
  margin: 0 0 13px;
}

.accessoriesFinderSearchField {
  position: relative;
}

.accessoriesFinderSearchFieldIcon {                                                       
    position: absolute;
    z-index: 2;
    height: 16px;
    width: 16px;  
    top: 9px;
    left: 4px;
}


.accessoriesFinderSearchFieldInput {
    color: #A0A0A0;
    height: 16px;
    margin-top: 5px;
    padding: 3px 0 0 20px;
    width: 158px;
}

.productOfferTextContainer b {
  font-weight: inherit;
}
.accessoriesSearchFilter .searchResultLeftNavigation {
  margin: 18px 0 33px;
  padding: 0;  
}
.accessoriesFinderResetAllButtonWrapper {
  padding-top: 3px;
}
.accessoriesFinderTopicUncheck {
  margin: 0 0 10px;
}

.accessoriesFinderTopicUncheck .searchResultDynamicNavigationFacetteItemFCBL a.inactive, .accessoriesFinderTopicUncheck .searchResultDynamicNavigationFacetteItemFCBL.inactive {
  color: #262626;
}


.accessoryInfoBoxSlide .fwSlideLinkOpt {
  margin-top: 5px;
}
.accessoryInfoBoxSlideshow .fwSlide {
  height: 260px;
  width: 810px;
}

.accessoryInfoBoxSlideshow .fwSlideshowContainer {
  height: 260px;
}

.accessoryInfoBoxSlideshow {
  width: 810px;
}

.accessoryInfoBoxSlideshow .fwSlideshowButtonLeft {
  left: 15px;
  top: 102px;
}

.accessoryInfoBoxSlideshow .fwSlideshowButtonRight {
  right: 15px;
  top: 102px;
}
.accessoryDetailsPriceSub {
  font-size: 11px;
}
.accessoryDetailsPrice {
  margin: 0 0 17px;
}
.accessoryDetailsButtonsWrapper {
  margin: 0 0 28px;
}
.accessoryDetailsInfosLineWrapper{
  padding: 0 0 8px;
  border-bottom: 2px solid #e6e6e6;
  margin: 0 0 10px;
}
.accessorySeo .accessoryInfoBoxSlideshow.infoBox {
  margin-bottom: 70px;
}
.accessorySeoIFrameWrapper {
  display:none;
}


.accessoriesFinderTileContainer .productTileImage {
  overflow:hidden;
}
/* ========== espAbortLayer.css ========== */
.espAbortLayer .copyText {
  margin-top: 29px;
}

.espAbortLayer .myConfiguration {
  margin-top: 20px;
}

.espAbortLayer .configUrl {
  font-family: BMWType_Bold;
}
/* ========== espConfigChangedLayer.css ========== */
.espConfigChangedLayer .simpleCopyText {
    margin-top: 29px;
}
/* ========== confirmation.css ========== */

.espConfirmation {
  margin: 0px;
  width: 1270px;
  background-position: 0% -100%;
  background-repeat: no-repeat;
}

.espConfirmationMainContent{
  float: left;
  width: 781px;
  padding: 0 35px 0 36px;
  margin: 14px 0px 18px 0;
}

.espConfirmationMainContent .headline {
    margin-bottom: 25px;
}

.espConfirmation .espProcessStepContainer {
  padding-bottom: 0;
}

.espConfirmation .espProcessOverviewStepItemText .headlineh4 {
  margin-bottom: 7px;
}

.espConfirmationRightContent {
  float: right;
  width: 358px;
  margin: 46px 0 0;
  padding: 5px 36px 0 13px;
  overflow: hidden;
}

.espProcessCartContent {
  width: 358px;
	height: 100%;
	position: relative;
	top: 0px;
}

body .espConfirmationNextStepsContainer {
    display: none;
}

body.cq-wcm-edit .espConfirmationNextStepsContainer {
    display: block;
}

.opacityConfirmationPage {  
    -moz-opacity: 1;
    opacity:1;
}

#espConfirmationStageHeadline,
#espConfirmationStageBackground,
#espConfirmationStageVehicleImage,
#espConfirmationMainContentWrapper {
    opacity: 0;
}

.espConfirmation .interactionsShareButtonActive {
    display: none;
}
.errorBasic {
  margin: 73px 0 0 52px;
  min-height: 500px;
}

.errorBasic.errorEsp {
  margin-top: 102px;
}

.errorBasic.errorEsp .errorLinksIntro {
  margin-top: 30px;
}
.espPriceNotificationBody {
    margin: 0 auto;
    background-color: #e2e2e2;
}

.espPriceNotificationBody .espPriceNotificationContainer {
    width: 745px;
    background-color: #fff;
    margin: 20px auto;
    padding: 20px;
}

.espPriceNotificationButton a {
    float: right;
}

.espPriceNotificationContainer .simpleCopyText {
    margin-top: 29px;
}
/* ========== esp-order.css ========== */

.espProcessWrapper {
  margin: 0px;
  min-height: 760px;
  width: 1198px;
  padding: 0px 36px;
  background-position: left bottom;
  background-repeat: no-repeat;
}

.espProcessContent{
  float: left;
  width: 781px;
  padding: 0 34px 0 0;
  margin: 14px 0px 210px 0;
  border-right: 2px solid #e6e6e6;
}

.espProcessContent.basketErrorState .espBasketExpiredWrapper {
  display: block;
}

.espProcessCart {
  float: right;
  width: 368px;
  margin: 30px 0 0;
  padding: 0 0 0 13px;
  overflow: hidden;
}

.espProcessCartContent {
  height: 100%;
  padding-top: 5px;
  position: relative;
  top: 0px;
}

.espProcess footer .breadcrumb {
  display:none;
}

.espProcessWrapper dl#nccSummaryDisclaimer span a:before {
  content: " ";
  display: block;
  height: 130px;
  margin-top: -130px;
  visibility: hidden;
}

.espCartParsys {
    width: 343px;
}
.espProcessOverviewButton .espProcessOverviewButtonContinue,
.glassPaneLayer .espProcessOverviewButton,
.glassPaneLayer .espProcessOverviewButton span {
    display: none;
}

.espProcessOverviewButton {
    float: right;
}

.espProcessOverviewEditBody {
    background-color: #cccccc;
}

.espProcessOverviewHeadline .headlineNormal {
    margin-bottom: 42px;
}


.espProcessStepContainer {
    padding-bottom: 31px;
}
.cartBoxVehicleDetails {
    margin: 0 0 12px;
    position: relative;
    display: none;
}

.cartBoxVisual {
    height: 165px;
    background: no-repeat -60px -45px;
}

.cartBoxHeadline {
    font-size: 22px;
}

.cartBoxWrap {
    width: 343px;
}

.cartBoxWrap .headlineNormal {
    line-height: 1.2em;
}

.cartBoxFurtherLinks {
    margin-top: 9px;
}


.cartBoxPricesWrapper > div {
}
.cartBoxPrices {
    padding-bottom: 3px;
}

.cartBoxPricesLines {
    border-bottom: 2px solid #e6e6e6;
    padding: 10px 0 15px 10px;
}

.cartBoxEntryInfoIcon {
    width: 18px;
    text-align: right;
    overflow: hidden;
    display: none;
}

#cartBoxSummary .cartBoxEntryInfoIcon {
  padding-top: 6px;
}

/* slow Loading */
.cartBoxContentLoading {
    background: url('/etc/designs/bmwnext/apps/bmwnext/base/static/parComponents/dither/2_2_dither.png.resource.1416811220390.png') repeat scroll 0 0 transparent;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    text-align: center;
    z-index: 1;
}

.cartBoxContentLoadingAnimation {
    background: url('/etc/designs/bmwnext/apps/bmwnext/base/static/parComponents/bmwLoadingState/preloader_37x666.png.resource.1416811220379.png') no-repeat scroll 0 0 transparent;
    width: 37px;
    height: 37px;
    position: absolute;
    top: 100px;
    left: 125px;
    text-align: center;
    z-index: 2;
}

#cartBoxChainman {
    display: none;
    padding-top: 10px;
}

.cartBoxEntry {
    width: 100%;
    display: none;
}

.cartBoxEntryRow {
    display: table-row;
}

.cartBoxEntryValue {
    text-align: right;
    white-space: nowrap;
}

.cartBoxEntryRow > span {
    display: table-cell;
    line-height: 16px;
}

#cartBoxVehiclePrice {
    padding: 5px 0 14px 0;
    display: none;
}

#cartBoxExtraCosts {
    border-bottom: 2px solid #e6e6e6;
    padding: 2px 0 7px 0;
}

.cartBoxEntryLabel {
    padding-left: 8px;
}


#cartBoxSummary {
    padding: 6px 0 3px 0;
    border-bottom: 2px solid #e6e6e6;
}

#cartBoxLinkToNCC {
    border-bottom: 2px solid #e6e6e6;
    padding-bottom: 7px;
}
.cartBoxInfoBox {
  margin: 0 0 45px;
  background: white;
}

.cartBoxInfoBoxIcon {
	margin: 8px 3px 4px 15px;
	width: 35px;
	height: 35px;
	float: left;
	background: url('/etc/designs/bmwnext/apps/bmwnext/base/static/parComponents/icon/base/labels.png.resource.1416811220404.png') no-repeat -792px -161px;
}

.cartBoxInfoBoxContent {
	float: left;
	padding: 7px;
	width: 221px;
}

/* used in salesbar only */
.deliveryInformationContent > .cartBoxInfoBoxContent {
	display: none;
	float: right;
	padding: 7px;
	width: auto;
	border-right: 2px solid #E6E6E6;
	padding-left: 3px;
	padding-right: 6px;
  position: relative;
}

/* used in salesbar only */
.deliveryInformationContent > .cartBoxInfoBoxContent > .cartBoxInfoBoxContentValue {
	font-family: BMWType_Bold;
}

/* used in salesbar only */
.deliveryInformationContent > .cartBoxInfoBoxContent > .infoIconLayer > .infoIconLayerContent > .infoIconLayerIcon > .deliveryTimeInfoIcon > .clickableDivInfoIcon {
	margin-right: 1px;
}

.cartBoxDeliveryInformationContent .clickableDivInfoIcon {
    margin-right: 1px;
    float: none;
}

.cartBoxDeliveryInformationContent  .deliveryTimeInfoIcon {
    display: inline;
}



.cartBoxCostsDescription{
	overflow: hidden;
	clear: both;
	margin-bottom: 6px;
}
.cartBoxCostsDescriptionHotline{
  font-family: BMWType_Bold;
  font-size: 17px;
  padding: 3px 0 0;
}

.cartBoxCostsDescriptionAsterisk {
	float: left;
	width: 8px;
	margin-left: 10px;
}
.cartBoxCostsDescriptionText {
	float: left;
	width: 310px;
}

.cartBoxCostsDescriptionHotlineWrapper .cartBoxTeaserInfoTextWrapper {
  margin: 0;
}


.espBoxTeaser {
  margin-bottom: 15px;
}

.cartBoxTeaserInfoImage {
  margin: 8px 10px 6px 8px;
  width: 100px;
  height: 55px;
  float: left;
  background-color: #e6e6e6;
  overflow: hidden;
}

.cartBoxTeaserInfoText {
  float: left;
  padding: 7px 0 10px;
  width: 207px;
}

.cartBoxTeaserInfoTextWrapper {
  margin: 0 0 5px;
  overflow: hidden;
  max-height: 52px;
}

.espSaveOrViewConfigTeaser {
    overflow: hidden;
    clear: both;
    margin-bottom: 6px;
    padding-top: 42px;
    border-top: 2px solid #e6e6e6;
}

.espSaveOrViewConfigTeaser .confirmationSaveVehicleHeadline {
    margin-bottom: 17px;
}

.espSaveOrViewConfigTeaser .confirmationSaveVehicleContent {
    width: 580px;
    margin-bottom: 24px;
}

.espSaveOrViewConfigTeaser .espViewConfigTeaser {
    display: none;
}

.espSaveOrViewConfigTeaser .espSaveConfigTeaser {
    display: none;
}
.espConfirmationStage {
	position: relative;
	overflow: hidden;
}

.espConfirmationStage, .espConfirmationStageBackground, .espConfirmationStageVehicle {
  width: 1270px;
  height: 425px;	
}

.espConfirmationStageBackground {
	background-position: 0 0;
	background-repeat: no-repeat;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	/*display: none;*/
}

.espConfirmationStageVehicleImage {
  position: absolute;
  z-index: 4;
  right: 220px;
  bottom: -55px;
  /* display: none; */
}

.espConfirmationStageHeadline {
  position: absolute;
  top: 62px;
  left: 50px;
  z-index: 6;
  /* display: none; */
}


.confirmationYourConfigWrapper {
  margin: 7px 0 50px 0;
}

.confirmationYourConfigHeadline {
  margin-bottom: 4px;
}

.confirmationYourConfigLink {
  margin-bottom: 6px;
}

a:link.confirmationYourConfigLinkTag, a:visited.confirmationYourConfigLinkTag {
  color: #000;
  font-size: 17px;
}

a:hover.confirmationYourConfigLinkTag {
  color:#1C69D4;
}

.confirmationYourConfigContentItem .shareButton, .confirmationYourConfigContentItemSummaryIcon {
  float: left;
  margin: 0 10px 0 0;
  width: 24px;
  height: 24px;
}

.confirmationYourConfigContentItemSummaryIcon .baseIconSprite {
  display: inline-block;
}

.confirmationYourConfigContentItemContent {
  float: left;
  width: 200px;
  height: 41px;
}

.confirmationYourConfigContentItemContent a {
  position: relative;
  top: -3px;
}

.confirmationYourConfigContentItem {
  cursor: pointer;
}

.confirmationYourConfigContentItem:hover .confirmationYourConfigContentItemContent {
  color:#1C69D4;
}

.espProcess .interactionListWrapper {
  display: none;
}
/* ========== espForm.css ========== */
.espForm {
  display: none;
}

/* in esp form subheadlines should be H2, so we format h3 as h2 */
.espForm .headline h3 {
  line-height: 26px;
  padding-bottom: 3px;
  margin-bottom: -3px;
}

.espForm .componentHeadline {
  margin-top: 5px;
}

.espForm .subheadline {
  margin-bottom: 0;
}

.espForm .wizardtabs {
    z-index: 0;
}

.cq-wcm-edit .espForm {
  display: block;
}

.espForm .rfx .formButtonBar.rfxButtonsForm,
.espForm .rfx .formSpecialCustomerButtonBar {
  display: none;
}

.formSpecialCustomerButtonBar {
  border-top: 2px solid #e6e6e6;
  margin-top: 42px;
  padding-top: 20px;
}

.formSpecialCustomerButtonBar .buttonComp {
  float: right;
  margin: 0 0 0 6px;
}

.espForm .headlineFS,
.espForm .formHeadline,
.espForm .simpleCopyText {
  width: 751px;
}

.espProcessContent .fieldSetMultiFieldGroup .fieldSetFieldText,
.espProcessContent .fieldSetMultiFieldGroup .fieldSetFieldSelect,
.espProcessContent .fieldSetMultiFieldGroup .fieldSetCopyText {
  margin-right: 5px;
}

.espProcessContent .fieldSetLayoutCol2.fieldSetMultiFieldGroup {
  width: 340px;
}

.espProcessContent .fieldSetFieldSelect.xlarge,
.espProcessContent .fieldSetLayoutCol2 {
  width: 310px;
}

.espProcessContent .fieldSetFieldText.xlarge,
.espProcessContent .addressRowXL .fieldSetLayoutCol2 input {
  width: 300px;
}

.espProcessContent .captchaWidget .fieldSetFieldText.xlarge,
.espProcessContent .captchaWidget .addressRowXL .fieldSetLayoutCol2 input {
  width: 185px;
}

.espProcessContent .fieldSetLayoutCol3, .espLoginLayer .mybmw-loginLayer-content .componentSetErrMsgContainer {
  width: 140px;
}

.espProcessContent .fieldSetFieldSelect.small {
  width: 100px;
}

.espProcessContent .addressRowMM .fieldSetMultiFieldGroup .fieldSetFieldText,
.espProcessContent .addressRowMM .fieldSetMultiFieldGroup .fieldSetFieldSelect,
.espProcessContent .addressRowMM .fieldSetMultiFieldGroup .fieldSetCopyText {
  margin-right: 6px;
}

.espProcessContent .addressRowMM .fieldSetLayoutCol2 .addressRowFieldOne,
.espProcessContent .addressRowMM .fieldSetLayoutCol2 .addressRowFieldTwo {
  width: 142px;
}

.espProcessContent .addressRowSL .fieldSetLayoutCol2 .addressRowFieldOne,
.espProcessContent .addressRowLS .fieldSetLayoutCol2 .addressRowFieldTwo,
.espProcessContent .addressRowSSS .fieldSetLayoutCol2 .addressRowFieldOne,
.espProcessContent .addressRowSSS .fieldSetLayoutCol2 .addressRowFieldTwo,
.espProcessContent .addressRowSSS .fieldSetLayoutCol2 .addressRowFieldThree {
  width: 90px;
}

.espProcessContent .addressRowSL .fieldSetLayoutCol2 .addressRowFieldTwo,
.espProcessContent .addressRowLS .fieldSetLayoutCol2 .addressRowFieldOne {
  width: 195px;
}

/* BEGIN Show process link */
.espForm .showProcessLinkContainer {
  float: right;
  margin-top: 4px;
}

/* END Show process link */

.espForm .headlineFS {
  padding-bottom: 1px;
}

.espForm .headlineFS + .personalDataFS {
  padding-top: 10px;
}

.espForm .dloMapBaseFS .dloMap {
  width: auto;
}

.espForm .dloMapShadow.top,
.espForm .dloMapShadow.bottom {
  width: 100%;
}

.coreForm.espForm {
  padding-left: 15px;
  padding-right: 15px;
}

.coreForm.espForm div.formSummaryFS .summarysteplink {
    right: 15px;
}

.espProcessContent .formWizardFixed .formHeader {
  position:fixed;
  top:0;
  z-index: 4500;
}

.espProcessContent .formWizardFixed .wizardtabs {
  margin-top: 0;
  margin-left: -36px;
  padding-left: 36px;
  padding-top: 18px;
  padding-bottom: 0;
}

.espProcessContent .fieldSetLayoutCol123[data-field="wallbox"] {
  margin-top: 15px;
}

.espForm .headlineFS + .policyCurrentFS {
  margin-top: 13px;
}



/* ESP Basket Expired Styles START */

.espBasketExpiredWrapper {
  margin-top: 55px;
  height: 350px;
  display: none;
}

.espBasketExpiredWrapper .espBasketExpiredSubline {
  margin-top: 11px;
}

.espBasketExpiredWrapper .espBasketExpiredCopytext {
  margin-top: 9px;
}

.espBasketExpiredWrapper .espBasketExpiredLinkWrapper {
  margin-top: 29px;
}

/* ESP Basket Expired Styles END */



/* ESP Error Layer Styles START */

.espErrorLayer .subheadline {
  margin-top: 3px;
}

.espErrorLayer .espErrorLayerConfigURLContainer {
  margin-top: 9px;
}

.espErrorLayer .feedback-footer {
  margin-top: 42px;
}

.brand-bmwi .mybmw-feedbackLayer.espErrorLayer .subheadline h3 {
  padding-bottom: 5px;
}

/* ESP Error Layer Styles END */
.espProcessOverviewEditContainer {
    width: 685px;
    margin: 0 auto;
    background-color: #ffffff;
    padding: 30px;
}

.espProcessOverviewStepContainer {
    display: table;
    width: 100%;
}

.espProcessOverviewStepContainer .espProcessOverviewStepContainerItem {
    display: table-cell;
    vertical-align: top;
}

.espProcessOverviewStepContainer1 {
    width: 33%;
}

.espProcessOverviewStepContainer1 .espProcessOverviewStepContainerItem {
    width: 100%;
}

.espProcessOverviewStepContainer2 {
    width: 62%;
}

.espProcessStepContainer .headlineh2 {
    margin-bottom: 32px;
}

.espProcessStepItem {
    display: table;

}

.espProcessOverviewStepContainer .processStep1 {
    margin-left: 0;
}

.espProcessOverviewStepContainer3 .processStep3 {
    margin-right: 0;
}

.espProcessOverviewStepContainer4 .processStep4 {
    margin-right: 0;
}


.espProcessOverviewStepItemIcon,
.espProcessOverviewStepItemText {
    display: table-cell;
    vertical-align: top;
}

.espProcessOverviewStepItem {
    padding-left: 28px;
}

.espProcessOverviewStepContainer2  .espProcessOverviewStepItem,
.espProcessOverviewStepContainer3  .espProcessOverviewStepItem {
    padding-left: 98px;
}


.espProcessOverviewStepItemText {
    width: 122px;
}

.espProcessOverviewStepItemText .headlineh4 {
    margin-bottom: 17px;
}

.espProcessOverviewStepContainerIconNumeric .espProcessOverviewStepItemText {
    padding-top: 3px;
}

.espProcessOverviewStepContainerIconNumeric .espProcessOverviewStepItemText .headlineh4 {
    line-height: 14px;
}

.espProcessOverviewStepItemIcon {
    font-size: 32px;
    line-height: 32px;
    font-family: BMWType_Light, Arial, sans-serif;
    letter-spacing: -2px;
}

.espProcessOverviewStepItemIcon div {
    min-width: 17px;
    max-width: 35px;
    max-height: 35px;
    overflow: hidden;
    margin-right: 7px;
}

.espProcessOverviewStepContainerIconNumeric .processStep1 .espProcessOverviewStepItemIcon:before {
    content: '1';
}

.espProcessOverviewStepContainerIconNumeric .processStep2 .espProcessOverviewStepItemIcon:before {
    content: '2';
}

.espProcessOverviewStepContainerIconNumeric .processStep3 .espProcessOverviewStepItemIcon:before {
    content: '3';
}

.espProcessOverviewStepContainerIconNumeric .processStep4 .espProcessOverviewStepItemIcon:before {
    content: '4';
}

.espProcessOverviewStepContainerIconNumeric .espProcessOverviewStepItemIcon img {
    display: none;
}

.espProcessOverviewStepContainer  .espProcessOverviewStepItemIcon {
    padding-right: 8px;
}

.espProcessOverviewStepContainerIconNumeric .espProcessOverviewStepItemIcon {
    text-align: right;
    padding-right: 12px;
}


.espProcessOverviewStepContainer  .processStep1  .espProcessOverviewStepItem{
    padding-left: 0;
}

.espProcessOverviewFooter {
    padding-top: 12px;
    border-top: 2px solid #E6E6E6;
}
.espProcessTextIconIcon {
  display: table-cell;
  padding-right: 15px;
  vertical-align: top;
}

.espProcessTextIconText {
  display: table-cell;
}

.espProcessTextIcon  {
  margin: 0 0 31px 0;
}

.espProcessTextIcon .shadow {
  padding: 15px 15px;
}

.espProcessTextIcon .espProcessTextIconText .copyText {
  margin-left: -1px;
  margin-top: -2px;
}

/* ========== espAsGuestFS.css ========== */

.espAsGuestFS .espAsGuestFSContent .espAsGuestButtonArea {
    border-top: 2px solid #e6e6e6;
    margin-top: 31px;
}

.espAsGuestFS .espAsGuestButtonWrapper {
    float: right;
    margin-top: 12px;
}

.espAsGuestFS .formHeadline + .fieldSetEditAreaRow {
    margin-top: 4px;
}




/* ========== espFinanceCalculator.css ========== */
.espFinanceCalculatorFS h2 + p.copyText {
  margin-top: 8px;
}

.espFinanceCalculatorFS .financingOptions {
  margin-top: 27px;
}

.espFinanceCalculatorFS .radioContainer {
  float: left;
  margin-left: 65px;
  padding-left: 16px;
  position: relative;
  width: 326px;
}

.espFinanceCalculatorFS .radioContainer:first-child {
  margin-left: 0;
}

.espFinanceCalculatorFS .radioContainer label {
  display: block;
}

.espFinanceCalculatorFS .radioContainer input[type="radio"] {
  left: 0;
  position: absolute;
  top: 6px;
}

.espFinanceCalculatorFS .financingContent,
.espFinanceCalculatorFS .cashContent {
  display: none;
  margin-top: 39px;
}

.espFinanceCalculatorFS .cashContent .copyText {
  margin-top: 9px;
}

.espFinanceCalculatorFS.financingSelected .financingContent,
.espFinanceCalculatorFS.cashSelected .cashContent {
  display: block;
}

/* error case */
.espFinanceCalculatorFS .fieldSetHasError div[data-validationplacements],
.espFinanceCalculatorFS .fieldSetHasError .radioContainer h2 {
  color: #D20000;
}

.espFinanceCalculatorFS .fieldSetHasError div[data-validationplacements] {
  margin-top: 14px;
}

.espFinanceCalculatorFS .fieldSetHasError .financingOptions {
  margin-top: 7px;
}
/* ========== espFormSummaryFS.css ========== */
.wizardStep .espFormSummaryFS .formHeadline:first-child h3.headlineh3 {
  margin-top: 29px;
}

div.espFormSummaryFS .summaryContainer > .summaryheadline {
    margin-top: 35px;
    margin-bottom: 27px;
    border-top: none;
}

div.espFormSummaryFS .summaryContainer > .summarysteplink.jumpToStepOneLink + .summaryheadline {
  margin-top: 17px;
}

div.espFormSummaryFS .summaryContainer > .summaryheadline ~ .summaryheadline{
    border-top: 2px solid #e6e6e6;
    padding-top: 35px;
}

div.espFormSummaryFS .summarysteplink.beforeheadline {
    margin-top: 78px;
}

div.espFormSummaryFS .summarysteplink.jumpToStepOneLink {
    margin-top: 7px;
}

div.espFormSummaryFS .summarysteplink {
    z-index: 1;
}

/* ========== espHeadlineFS.css ========== */

.espHeadlineFS h1 {
    padding-top: 57px;
    padding-bottom: 0;
}
/* ========== espInfolayerPolicyFS.css ========== */

.espInfolayerPolicy {
    margin-top: 32px;
    margin-bottom: 8px;
}
/* ========== espLoginFS.css ========== */

.espLoginFS {
  margin-bottom: 87px;
  margin-top: 40px;
}

.espLoginLayer .mybmw-loginLayer-header .headline > h1 {
    display: none;
}

.espLoginLayer .mybmw-loginlayer-footer {
    width: auto;
}

.espLoginLayer .componentSetInputTxt {
    width: 300px;
}

.espLoginLayer .componentSetErrMsgLnkWrapper {
    width: 190px;
}

.espLoginLayer .componentSetEditAreaNewRow {
    width: 781px;
}

.espLoginFSContent .headlineFS_1 {
    margin-top: 37px;
    width: 751px;
}

.espLoginFSContent .mybmw-loginLayer-header,
.espLoginFSContent .mybmw-loginLayer-content,
.espLoginFSContent .personalDataFS {
    width: 751px;
}

.espLoginFSContent .mybmw-loginLayer-content {
    margin-top: 0;
}

.espLoginFSContent .mybmw-loginLayer .promptCopy {
    margin-top: 5px;
    margin-bottom: 32px;
}



/* ========== multiStepLineFS.css ========== */

form.cqEditMode div.multiStepLineFS fieldset {
    position: relative;
    padding-bottom: 5px;
    border-color: orange;
}

form.cqEditMode div.multiStepLineFS fieldset .fieldSetCqEditModeHelper {
    color: orange;
}

form.cqEditMode div.multiStepLineFS .multiStepLineFSError {
    position: absolute;
    margin-top: 25px;
    top: 0px;
    left: 0px;
    color: red;
    font-size: 24px;
    text-align: center;
    width: 100%;
}

form.cqEditMode div.multiStepLineFS.multiStepLineFSError {
    background: whitesmoke;
}

.espProcessContent .multiStepStatusImage {
    width: 42px;
    height: 55px;
    position: relative;
    top: -17px;
}

.espProcessContent .wizardtabs {
    padding-bottom: 9px;
}

.espProcessContent .wizardStepTab {
    padding-bottom: 7px;
    height: 72px; /* expected 97px = 72px + (.espProcessContent has margin-top: 14px) - (border-bottom: 2px) + (padding-bottom: 7px)   */
    vertical-align: bottom;
    display:table-cell;
}

.espProcessContent .wizardStepTab.activeStep {
    width: 210px !important;
    margin-right: 0px;
    border-bottom: 2px solid #1c69d4;
}

.espProcessContent .wizardStepTab.newStep {
    width: 210px !important;
    margin-right: 0px;
    border-bottom: 2px solid #e6e6e6;
}

.espProcessContent .wizardStepTab.visitedStep {
    width: 210px !important;
    margin-right: 0px;
    border-bottom: 2px solid #e6e6e6;
}

.espProcessContent .wizardStepTab:last-child {
    width: 150px !important;
}

.espProcessContent .formsContainer {
    top: -2px;
}

.espProcessContent .formHeaderInWizard {
    padding-top: 0px;
}

.espProcessContent .wizardStepTab.visitedStep .wizardStepTitle {
    color: #000 !important;
}

.espProcessContent .wizardStepTab .wizardStepNumber,
.espProcessContent .wizardStepTab .wizardStepTitle {
    display: table-cell;
}

.espProcessContent .wizardStepTab .wizardStepNumber.headlineh1 {
}

.espProcessContent .wizardStepTab .wizardStepTitle.headlineh4 {
    padding-left: 10px;
    padding-top: 6px;
    line-height: 14px;
    width: 120px;
}
/* ========== espPdfSummaryFS.css ========== */
.espPdfSummaryFS .fieldSetLayoutCol1 {
  padding-top: 5px;
  padding-bottom: 1px;
}

.espPdfSummaryFS .pdfPrintSummary {
    display: inline-block;
    float: left;
    margin-right: 16px;
    cursor:pointer;
}

.espPdfSummaryFS h4.pdfPrintSummaryLabel {
    cursor: pointer;
    height: 24px;
    line-height: 12px;
    color: #666666;
    vertical-align: middle;
    display: table-cell;
}
/* ========== espSpecialCustomerFS.css ========== */

.fieldSetSpecialCustomer .dynamicTextArea {
  display:none;
}

.cqEditMode .fieldSetSpecialCustomer .dynamicTextArea {
  display: block;
}

.espSpecialCustomerFS .fieldSetSpecialCustomer {
  margin-top: 42px;
}

.espSpecialCustomerFS .checkboxContainer {
  margin-top: 9px;
  padding-left: 18px;
  position: relative;
}

.espSpecialCustomerFS input[type="checkbox"] {
  left: 0;
  position: absolute;
  top: 2px;
}
/* ========== espTermsFS.css ========== */
.espTermsFS fieldset {
  border-bottom: 2px solid #e6e6e6;
  padding-bottom: 42px;
}

.espTermsFS .checkboxContainer {
  margin-top: 9px;
  padding-left: 18px;
  position: relative;
}

.espTermsFS input[type="checkbox"] {
  left: 0;
  position: absolute;
  top: 2px;
}

.espTermsFS .fieldSetHasError .copyText,
.espTermsFS .fieldSetHasError .linkCopyText {
  color: #D20000;
}

/* We need this hack because of the hardcoded bottom border - the desired line should be achieved by using a separatorFS
  unfortunately this would require adjustment of content what is impossible at this state of the project */
.espTermsFS + .headlineFS {
  margin-top: 42px;
}
/* ========== espTextIconFS.css ========== */
.espTextIconFS .infoBox {
  margin-top: 42px;
  padding: 15px 15px;
  position: relative;
}

.espTextIconFS .infoBox.hasIcon {
  min-height: 34px; /* = 64px - padding (2 * 15px) */
  padding-left: 64px;
}

.espTextIconFS .spriteLabelHintGrey34 {
  left: 15px;
  position: absolute;
  top: 15px;
}

.espTextIconFS .infoBox .copyText {
  margin-left: -1px;
  margin-top: -2px;
}

/*===== STYLES FOR RFX - SPECIAL CUSTOMER RFO FORM COMPONENT =====*/

/* CSS DEFINITION FOR VOUCHER */

.voucher .voucherContent {
 position: relative;
}

.voucher .voucherImage img {
  display: block;
}

.voucher .voucherUserData {
  font-size: 12px;
  font-weight: bold;
  position:absolute;
  z-index: 1;
}

.voucher .voucherNoAccess {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 2;
}

.voucher .hidden {
  display: none;
}

.voucher .opacity {
  opacity: 0.5; /* modern browser */  
  -moz-opacity: 0.5; /* older Mozilla browser */  
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; /* IE8 in Standard Compliant Mode */  
  filter:alpha(opacity=50); /* IE5.x -7.0 */  
}

@media print {
  .voucher .voucherNoAccess { display: none; }
  html, body {
    background-color:transparent;
    padding: 0;
    margin: 0;
  }
}

.invisibleImpulseMessage.dashboardModuleVI {
    filter:Alpha(Opacity=0);
    opacity: 0;
    -moz-opacity:0;
    -khtml-opacity: 0;
}

.impulsemessageAccordionWrap {
  width:455px;
  height:250px;
  overflow: hidden;
  display: block;
  position: relative; 
  margin-top:20px;  
  }

/* must have the same height/margin */
.dashboardmodule.impulsemessages,
.dashboardmodule.mymessages {
  margin-bottom: 54px;
}

.dashboardmodule.impulsemessages .showAllLink {
  margin-right: 15px;
}

.impulsemessageAccordionItem { 
  border-bottom: 2px solid #e6e6e6; 
  margin-top:8px;
  padding-left:15px;
  padding-bottom:1px;
}
  
.impulsemessagesAccordionInnercontent {
  display:block;
}
  
.impulsemessageAccordionWrap #messageAccordionItem2{ 
  border-bottom: 0px none;
 }
  
.impulsemessageAccordionItem .impulsemessageAccordionOpenClose {
  float:left; 
  padding-right:6px;
  }
  
.impulsemessageAccordionItem .impulsemessageAccordionHeadline {
  height:25px;
}

.impulsemessageAccordionItem .impulsemessageDate{
  display:inline-block;
  cursor:pointer;
}

.impulsemessageAccordionItem .impulsemessageHeadline{
  margin: 0px;
  display:inline-block;
  cursor:pointer;
  font-family: BMWType_Bold;
}

.impulsemessageAccordionItem .impulsemessageContent{
  width:378px;
  margin-top:6px;
}

.impulsemessageAccordionItem .impulsemessageContent p{
  padding-bottom: 0px;
}

.impulsemessageAccordionItem .impulsemessageAccordionContent .messageLink{
  margin-top: 5px;
}

.impulsemessageAccordionItem .impulsemessageFrom{
  width:378px;  
  margin-top:6px;
}

.total2Messages .impulsemessageAccordionWrap #messageAccordionItem1{
  border-bottom: 0px none;
}

.total2Messages .impulsemessageAccordionItem .impulsemessageAccordionContent{
  height: 162px;
}

.total1Messages .impulsemessageAccordionWrap #messageAccordionItem0{
  border-bottom: 0px none;
}

.total1Messages .impulsemessageAccordionItem .impulsemessageAccordionContent{
  height: 211px;
}

.impulsemessageAccordionItem .impulsemessageAccordionContent{
  height: 112px;
  margin-left:24px;
  overflow: auto;
}

.messageAccordionClearfloat {
  clear: both;
  display:block;
  height:0px;
}
.impulseCallbackForm .registrationTop h3 {
  margin-bottom: -5px;
}

.impulseCallbackResponseFrame .gplContentFooter {
  margin-right: 0;
}
/*===== STYLES FOR INSIDER APPLICATION FORM  */

.insiderApplicationTop h3 {
    margin-top:12px;
}

/* ========== impulseSettingsFS.css ========== */

fieldset.impulsesettingsfs .content {
    width: 600px;
}

fieldset.impulsesettingsfs .checkboxes {
    margin-top: 39px;
    margin-bottom: 39px;
}

fieldset.impulsesettingsfs .checkboxinnerwrapper {
    float:left;
    display:inline-block;
    width:13px;
    margin-right:6px;
}

fieldset.impulsesettingsfs .checkboxlabelwrapper {
    width:580px;
    float:left;
    display:inline-block;
}

fieldset.impulsesettingsfs .checboxwrappertwo {
    margin-top:9px;
}

fieldset.impulsesettingsfs .label2 {
    clear:both;
}

fieldset.impulsesettingsfs .bottombar h4 {
    margin-bottom:7px;
}
/*===== STYLES FOR THE MYBMW AREA =====*/


.myBMWArea {
	  margin-bottom: 87px;
}

.myBMWArea .flexbox{
    left: 6px;
}

#myBMWMainContentModules{
    float: left;
    width: 980px;
    margin-right: 35px;

}

.myBMWArea ul.leftNavigation {
    padding-top: 115px;
    padding-left: 10px;
    width: 187px;
}

.myBMWArea .leftNavigationStage ul.leftNavigation {
    padding-top: 75px;
}

.myBMWArea #loginLink {
    color: #ffffff;
    text-decoration:underline;
}

.myBMWLeftArea .socialmedialike{
    margin :0px;
    margin-left: 15px !important;
}
.myBMWLeftArea{
    padding-left:33px;
    width:210px;
    min-height: 1px;
    float:left;
    margin-right: 35px;
    margin-left: 2px;
}
.myBMWContentArea{
    width:945px;
    float:left;
    margin-top:45px;
}

#myBMWPageMydashboard .myBMWContentArea {
    margin-top:48px;
}

.myBMWClearing{
    clear:both;
    height:0px;
    line-height:0px;
    font-size:0px
}

.myBMWArea h1.headlineNormal{
    position: relative;
}

.myBMWHeadline h1.headlineNormal{
    margin-top: -8px;
    margin-bottom: 0px;
    margin-left:12px;
}

.myBMWHeadline{
    padding-bottom: 2px;
    margin-top: 10px;
}

.myBMWHeadlineWithSubline{
    border-bottom: 2px solid #E6E6E6;
}

#myBMWContentArea .pageSubHeadline {
    margin-bottom: 16px;
    margin-top: 51px;
    margin-left: 15px;
}

#myBMWContentArea .pageIntro {
    margin-left: 15px;
}

#myBMWContentArea .pageHeadline {
    margin-bottom: 22px;
}

#myBMWPageInterests #myBMWContentArea .pageHeadline {
    margin-bottom: 0px;
}

#myBMWPageInterests .myBmwFormBase .myAccountForm {
    padding-bottom: 20px;
    padding-top: 20px;
}

#myBMWPageInterests .myAccountForm .myAccountFormButtonBar {
    margin-top: 13px;
}

#myBMWPageInterests .myAccountForm .vehicleInterestsFS {
    padding-bottom: 9px;
}

#myBMWPageInterests .myBMWHeadline {
    margin-top: 6px;
}

#myBMWPageMydashboard .myBMWMainContent {
    margin-top:5px;
}

#myBMWPageMyvehicles .myBMWMainContent {
    margin-top:5px;
}

#myBMWPageMyvehicles .myBMWContentArea {
    margin-top: 0;
}

.cq-wcm-edit #myBMWPageMyvehicles .myBMWMainContent, .cq-wcm-edit #myBMWPageMyconfigurations .myBMWMainContent {
    margin-top:120px;
}

.myBMWMainContent .offerContainer{
    float: left;
    margin-right: 35px;
    margin-bottom: 32px;
}

.myBMWMainContent .configteasers .configTeaserAreaWithSnapshot .offerContainer,
.myBMWMainContent .configteasers .configTeaserAreaWithSnapshot .offerAreaContainer {
    margin-right: 0px;
}

.myBMWMainContent .configteasers .configTeaserAreaWithoutSnapshot {
    margin-top: 65px !important;
}

.myBMWMainContent .offerAreaContainer{
    margin-right: -35px;
    float:left;
    margin-top:20px;
}

#myBMWPageCampaigns_and_offers .offerArea {
    margin-top:45px;
}

#myBMWThemeSwitcher a.linkArrow13px:active,
#myBMWThemeSwitcher a.linkArrow13px:hover{
    color: #1C69D4 !important;
}

/* BUTTONS DEFINITION */

.myBMWArea .myconfigWrapper .buttonComp, .myBMWArea .formBoxForm .buttonComp, .myBMWArea .formBoxForm .buttonBlue, .cmxDialog .buttonComp, .cmxDialog .buttonBlue{
    margin-top: 0px;
}

/* STYLES FOR FAQ BLOCK WITHIN MYBMW AREA */
.myBMWArea .faqBlock{
    padding-bottom: 41px;
}

/* STYLES FOR GALLERY CONTAINER WITHIN MYBMW AREA */
.myBMWArea .galleryBaseContainer{
    padding-bottom: 27px;
}

.myBMWArea .galleryBaseContainer .headline h3{
    margin-bottom: 12px;
}

.myBMWArea .galleryWrap .items{
    margin-left: -66px;
    zoom: 1;
}

.myBMWArea .galleryWrap .items > div{
    margin-left: 65px;
    margin-bottom: 34px;
}

/* STYLES FOR INTRO COMPONENT WITHIN MYBMW AREA */
.myBMWArea .introBasicLayer{
    padding-bottom: 41px;
}


#myBMWPageVehicles #myBMWContentArea .pageIntro {
    margin-bottom: 31px;
}

#myBMWPageInterests #myBMWContentArea .pageIntro {
    margin-bottom: 10px;
    margin-top: 10px;
}

#myBMWPageInterests #myBMWContentArea .pageSubHeadline {
    margin-bottom: 0px;
    margin-top: 9px;
}

#myBMWPageProfile .emailaddress .boxComponent{
    padding-top:14px !important;
}

#myBMWPageProfile .password .boxComponent {
    margin-top:10px !important;
}

#profile_personaldata .componentSetEditAreaNewRow {
    margin-bottom:8px !important;
}

#myBMWPageProfile .spacerLarge {
    height:18px !important;
}

#myBMWPageInterests .boxComponentHeader {
    margin-bottom:15px;
}

div#profile_vehicleInterest {
    margin-top: -5px;
}

#myBMWPageInterests .formBoxComponentFooter {
    margin-top:13px !important;
}

#myBMWPageInterests .formBoxEditable .componentSetEditArea{
    margin-bottom: -12px;
}

/* STYLES FOR VIDEO ITEM WITHIN MYBMW */
.myBMWArea .galleryWrap .items > div {margin-top:0px !important}
.myBMWArea .galleryWrap .videoItemContentFeatured {margin-bottom:0px !important}
.myBMWArea .galleryWrap .videoItemThumbImageFile {margin-bottom:0px !important}


#myBMWPageMydashboard .myBMWLeftArea,
#myBMWPageMyconfigurations .myBMWLeftArea,
#myBMWPageCampaigns_and_offers .myBMWLeftArea,
#myBMWPageMyvehicles .myBMWLeftArea {
    margin-top:67px;
}

/* MyBMW Stylesheets */

/* Type */

.fontBold {
    font-family: BMWType_Bold;
    font-weight: normal;
}

.mybmwCopytextBold {
    font-family: BMWType_Bold;
    font-weight: normal;
}

/* Layout */

.myBMWContentArea .headline, .myBMWContentArea .textBlock, .myBMWContentArea .anchorItemsWrap {
    width: 600px;
}

.myBMWContentArea .anchorItemsWrap {
    margin-top: 12px;
    margin-bottom: 60px;
}

/* Globals */

.pageContentPage .loginprompt {
    margin-top:62px;
}
.homeLayer.mybmwLandingPage {
  margin-left: 295px;
  margin-top: 43px;
}
 
.mybmwLandingPage .gplContent {
  background:none !important;
}
#myBMWContentArea .myBMWNewsHeadline .pageSubHeadline,
#myBMWContentArea .myBMWNewsHeadline .pageIntro {
	margin-left: 0;
}

#myBMWContentArea .myBMWNewsHeadline,
#myBMWContentArea .myBMWNewsContent {
  padding-left: 15px;
  width: 600px;
}

.myBMWNewsFilterWrapper {
	float: right;
	padding-top: 4px;
}

.myBMWNewsFilterSelect {
  margin-left: 10px;
	width: 180px;
}

.cq-wcm-edit .myBMWArea .newsEntries {
  height: 50px;
}

/* quick fix. remove when newsItem->productPresentation->textList component in showroom is rendered correctly */
.myBMWNewsContent .productPresentationText h3 {
    margin-bottom: 8px;
}

.myBMWNewsContent .productPresentationText .bulletedListContainer div {
    margin-bottom: 0px;
}

.myBMWNewsContent .newsLinks {
    margin-top: 9px;
}
/* end quick fix */
/*===== STYLES FOR THE MYBMW TEMPLATE WITH STAGE AREA =====*/

.myBMWStageArea{
    height: 445px;
}

.myBMWStageAreaReal{
    position:relative;
    height: 420px;
    width: 100%;
    max-width: 1424px;
}

.cq-wcm-edit .myBMWStageArea {
    height:550px;
}

.leftNavigationStage{
    position:absolute;
    z-index:3602;
    top:40px;
    left: 37px;
}

.loginBoxStage{
    position:absolute;
    z-index:3602;
    top:212px;
    left: 35px;
}

.myBMWStageAreaMain{
    width:100%;
    height: 100%;
}

.stageShadowOuterContainer {
    position:absolute;
    width:1270px;
    height:4px;
    left:0px;
    top:416px;
    overflow:hidden;
}

.stageShadowInnerContainer {
    width:100%;
    height:4px;
    position:absolute;
    top:4px;
}

#myBMWPageMyvehicles .myBMWStageAreaReal + .myBMWLeftArea {
    margin-top: 102px;
}

#myBMWPageMyvehicles .globalErrorMessage {
  margin-top: 39px;
}
/* Activation ERROR Panel */

#activationError {
    float:left; 
    width:440px;
}

#activationError .headline h1 {
    font-size:32px;
    line-height:38px;
    margin-bottom:19px;
    width:440px;
    letter-spacing:-1.59px;
}

.glassPaneLayerContent #activationError {
    width:auto;
}

.glassPaneLayerContent #activationError .headline h1 {
    width:auto;
}

#activationErrorButton {
    float:right; 
}

/*===== STYLES FOR THE MYBMW COMPONENTSET COMPONENT =====*/
.componentSetFormInputArea {
  display:block;
  /*margin-bottom:20px;*/
}

.componentSetHeadline .headline h3{
  margin-bottom:14px;
}


/*Per default is the view mode always hidden*/
.componentSetViewArea{
  display: none;
}

.componentSetEditAreaHeader{
  padding:0;
  padding-top:10px;
  margin-bottom:24px;
  font-size:13px;
  font-family: BMWType_Bold,Arial,sans-serif;
}

.componentSetEditAreaNewRow {
  clear:both;
  margin-bottom: 6px;
}
 
.componentSetViewArea .componentSetEditAreaNewRow{
    margin-bottom: 9px;
}

.componentSetFormInputLabel {
  display: inline-block;
  width: 230px;
  margin-right: 15px;
  font-size: 13px; 
}

.componentSetFormLabel {
  display: inline-block;
  width: 195px;
  margin-right: 6px;
  font-size: 13px; 
}

.formBox span.componentSetFormLabel {
  font-family: BMWType_Bold,Arial,sans-serif;
}

.componentSetInputTxt,
.componentSetReadOnlyTxt{
  width:185px;
  height: 18px;
  padding:0 4px;
  font-size: 13px; 
  font-weight:normal;
  margin:0;
  margin-right: 30px;
}

.componentSetInputTxt{
  border:1px solid #888888;
}

.componentSetInputRadio{
 /* vertical-align:middle;*/
  margin-right: 5px;
}

.componentSetRadioGroup{
  width: 195px;
  display: inline-block;
  margin-right: 30px;
}

.componentSetInputRadio ~ label{
  margin-right: 30px;
}

.preferredInputRadio .componentSetInputRadio ~ label{
  margin-right: 6px;
  margin-left: -2px;
}

.componentSetInputRadio ~ label.last{
  margin-right:0;
}

.componentSetSelectBox{
  width:195px;
  font-size: 13px; 
  line-height:16px;
  height: 20px;
  margin:0;
  margin-right: 30px;
  border:1px solid #888888;
}

.componentSetSelectBoxMultiple {
  width:195px;
  font-size: 13px;
  font-weight:normal;
  line-height:16px;
  height: 75px;
  margin:0;
  margin-right: 30px;
  border:1px solid #888888;
}

.componentSetErrMsgContainer {
  display: inline-block;
  font-size: 13px; 
}


.componentSetInstantCheck {
  display: block;
  font-size: 13px;
}
div.componentSetHighlightError,
p.componentSetHighlightError,
label.componentSetHighlightError,
span.componentSetHighlightError,
a.componentSetHighlightError,
li.componentSetHighlightError{
  color:#D20000;
  border:0;
}

select.componentSetHighlightError {
  color:black;
  border: 1px solid #D20000;
}

input.componentSetHighlightError {
  color:black;
  border: 1px solid #D20000;
}

textarea.componentSetHighlightError {
  color:black;
  border: 1px solid #D20000;
}
.myBMW-tooltip {
  margin-top: 0px;
  vertical-align: middle;
  display:inline-block;
  margin-right:3px;
}

.componentSetFieldErrorTextArea {
  margin-right: -5px;
  width: 183px;
  margin-left: 22px;
  color: #D20000;
  display: inline-block;
  vertical-align: text-top;
}

.myBMW-tooltip + .componentSetErrMsgContainer .componentSetFieldErrorTextArea {
  width: 183px;
  margin-left: 31px;
  color: #D20000;
  display: inline-block;
  vertical-align: text-top;
}

.preferredMsg .componentSetFieldErrorTextArea {
  margin-left: 484px;
}


.componentSetHasRightInfoIcon{
  margin-right: 6px;
}

.componentSetHasInfoIconPreferred{
  margin-right: 6px;
}

.componentSetLegend{
  margin:30px 0 6px 0;
} 

.componentSetDiffMsgContainer {
  display: none;
  font-size: 13px; 
  color:#0000CC;
}


    /*
    used to separate componentsets from each other. can't use margin bottom on componentSet,
    because individual field-components  can also be added to existing componentsets
    example: birthdayfield -> personaldataset
  */
.registrationTop .headline h3 {
    margin-top: 12px;
    margin-bottom: -5px;
}

/* needed for fixed header
div.userRegister {
  margin-top: -11px;
}
*/
.userRegister .c2b_registration_text{
  margin-top: 30px;  
}
.userRegister  .userRegister_parsys{
  position: relative;
}
.userRegister  .userRegister_dither{
  display:none;
}

.userRegister .componentSetHeadline .headline h3 {
  line-height: 17px;
  margin-bottom: 11px;
  margin-top: 33px;
  max-width: 440px;
}

.userRegister .componentSetEditAreaNewRow {
   margin-bottom: 6px;
}

.userRegister .componentSetEditAreaNewRow > label {
    padding-bottom: 2px;
    width: 230px;
}

.userRegister label.componentSetFormLabel {
  display: inline-block;
  width: 195px;
  margin-right: 6px;
  font-size: 13px; 
}

.userRegister .gplContentFooter {
  margin-right: 0;
}
/* ========== addressSet.css ========== */

.componentSetFormInputArea input.street{
    width:126px;
    margin-right:6px;
}
  
.componentSetFormInputArea input.streetNumber{
    width:43px;
}
 
.componentSetFormInputArea  input.zip{
    width:43px;
    margin-right:6px;
}
.componentSetFormInputArea  input.city{
    width:126px;
}

.componentSetFormInputArea .preferredAddressLabel{
    margin-left:6px;
}

.addressDeleteLink{
  float: right;
}

.componentSetFormInputArea .field-radioGroup input{
  margin-right: 6px;
}


.autoCompleteStreetLayer{
    font-size: 13px;
	  position: absolute !important;
    width: 184px;
    color: #336699;
    display: none;
    padding: 2px 4px 15px 6px;
    background-color: #FFFFFF;
    z-index: 10480;
}

.autoCompleteStreetLayerHighlight {
  color: #0094FF;
  font-weight: bold;
}
.autoCompleteStreetLayerListItem {
    display: block;
    padding: 0 0 0px 3px;
    font-weight: bold;
}
.autoCompleteStreetLayerListItemLink{
    display: block;
    color: #666666;
    text-decoration: none;
    padding: 2px 5px;
}

.autoCompleteStreetLayerListItemLink.ui-state-hover {
  color: #0094FF;
  font-weight: bold !important;
}

.addressAnchor {
  position: relative;
}

/* ========== birthdaySet.css ========== */



.componentSetFormInputArea select.birthday_day {
    width:61px;
    margin-right:6px;
}
  
.componentSetFormInputArea select.birthday_month{
    margin-right:6px;
    width:61px;
}
 
.componentSetFormInputArea  select.birthday_year{
    width:61px;
}

.birthdayValidationErrMsg {
  display: none;
}

/* ========== CAPTCHA Set Component ========== */
.captchaComponentLabel{
  padding-top: 2px;
  vertical-align: top;
  }
.componentSetCaptcha {
    display: inline-block;
    font-size: 13px;
  }
.componentSetCaptcha .myBMW-tooltip{
  margin-bottom:3px;
  }
#recaptcha_image img {
  display: block;
}
.recaptchaWidget input {

}

.recaptcha_input_wrapper {
  height: 20px;
  margin-bottom: 7px;
  margin-top: 6px;
}
/* ========== contactSet.css ========== */


table.contactSetSection tr.preferredContactType td {
    padding-top:26px;
}

table.contactSetSection td select{
    width:100%;
}

.componentPreferredContactMarker {
    display: none;
}

.myBMW-tooltip + .preferredInputRadio .componentSetInputRadio {
    margin-left: 10px;
}

.preferredInputRadio {
    display: inline-block;
}

span.preferredErrorMsg {
  display: block;
}

.preferredErrorMsg .componentSetFieldErrorTextArea {
  margin-left: 492px !important;
}
/* ========== hobbiesSet.css ========== */

table.field-tableCheckBox {
}

*.componentSetEditArea table.field-tableCheckBox {
  float: left;
}

table.field-tableCheckBox td {
  padding-right: 50px;
  vertical-align: top;
  height: auto;
}

.componentSetEditArea table.field-tableCheckBox td {
  width: 195px;
  padding-left: 50px;
  padding-right: 0;
  vertical-align: top;
  height: auto;
  padding-bottom: 10px;
}

.glassPaneLayerDialog .componentSetEditArea table.field-tableCheckBox td {
  width: 180px;
  padding-left: 65px;
}

.componentSetEditArea table.field-tableCheckBox td:first-child {
  padding-left: 0;
}

.table.field-tableCheckBox td div.xxxx {
  font-family: BMWType_Bold;
  font-size: 13px;
  text-indent: -18px;
  line-height: 16px;
  padding-bottom: 2px;
  padding-left: 18px;
  display: inline-block;
}

table.field-tableCheckBox td div.checkBoxWrapper {
  font-family: BMWType_Bold;
  font-size: 13px;
  line-height: 16px;
  padding-bottom: 4px;
  width: 195px;
}

table.field-tableCheckBox td div.checkboxUnchecked {
  color: #BBBBBB;
  display: inline-block;
  vertical-align: top;
  width: 170px;
}

table.field-tableCheckBox td div.checkboxChecked {
  display: inline-block;
  vertical-align: top;
  width: 170px;
}

table.field-tableCheckBox td div.spriteLabel {
  background-image:url('/etc/designs/bmwnext/apps/bmwnext/base/static/parComponents/icon/base/labels.png.resource.1416811220404.png');
  background-repeat: no-repeat;
  display: inline-block;
  padding-left:6px;
  font-family: BMWType_Bold;
}

table.field-tableCheckBox td div.spriteLabelMinusGrey12 {
  vertical-align: 1px;
}

table.field-tableCheckBox input {
  margin-right: 6px;
  display: inline-block;
  vertical-align: top;
}

table.field-tableCheckBox label {
    display: inline-block;
    width: 176px;
}

.glassPaneLayerDialog table.field-tableCheckBox label {
    display: inline-block;
    width: 161px;
}

.hobbiesSet input {
  float: left;
}

.hobbiesSet label {
  float: left;
}

/* ========== loadDataSet.css ========== */

.loginDataSet {
  position:relative;
}

.loginDataSet .loginDataSet_c2b_user .c2b_right_part .myBMW-tooltip{
  margin-top:6px;
  height: 100%;
}

.loginDataSet .loginDataSet_c2b_user .c2b_right_part{
  display: inline-block;
  position: absolute;
  left:446px;
  top:0;  
  height: 100%;
}

.loginDataSet .loginDataSet_c2b_user .copy{
  width:440px;
  display: inline-block;
}

.loginDataSet .loginDataSet_c2b_user{
  display:none;
  margin-top: 12px;
  position: relative;
}
.loginDataSet .loginDataSet_c2b_user .miniLoginButton{
  display:inline-block;
  margin-left:21px;  
}
.loginDataSet .forgottenPasswordLink{
  display:none;
}
.loginDataSet .readOnlyLogin{  
  display:inline-block;
  margin-right:8px;
  display:none;
}
/* common: required for each componentSet instance */

table.loginSetSection {
    font-size:13px;     
}
  
table.loginSetSection td{
      width:205px;
      line-height:26px;
      padding:0 0 1px 0;  
      
      /*border:1px solid #ccc;  !important*/
}

table.loginSetSection td.componentSetSpacer { 
  width:30px;
}

table.loginSetSection td.componentSetSpacer img {
  width:18px;
  height:18px;
  margin-left:6px;
  vertical-align: middle;
}

table.loginSetSection td input{
    height:20px;
    border:1px solid #888888;
}

table.loginSetSection td input[type=text]{
    width:100%;
}

table.loginSetSection td input[type=password]{
    width:100%;
}

table.loginSetSection td input[type=radio]{
    margin-right:6px;
    vertical-align:middle;
}

table.loginSetSection td input[type=radio] ~ label{
    margin-right:30px;
}

table.loginSetSection td input[type=radio] ~ label.last{
    margin-right:0px;
}

table.loginSetSection .editMode,
table.loginSetSection .readOnly
{
  display:none;
  }

/* end common */


/*===== STYLES FOR GENERIC Form Field ====*/
/* ========== personalDataSet.css ========== */

.personalDataSet .readOnlyFirstName{  
  display:inline-block;
  margin-right:8px;
  display:none;
}
.personalDataSet .readOnlyLastName{  
  display:inline-block;
  margin-right:8px;
  display:none;
}
table.personalDataSetSection td select{
    width:100%;
}


.salutationValidationErrMsg {
    display: none;
}
/* ========== plannedPurchaseSet.css ========== */


.componentSetFormInputArea select.plannedPurchase_month {
    margin-right:6px;
    width:94px;
}
 
.componentSetFormInputArea  select.plannedPurchase_year {
    width:95px;
}

.noPurchasePlannedDiv {
  margin-top: 10px;
}

input.noPurchasePlanned {
  margin-left: 245px;
  height: 14px; 
  vertical-align: middle;
}

/*.userRegister .noPurchasePlanned + label {
    padding-top: 8px;
    padding-bottom: 0px;
    width: 230px;
}
*/
.plannedPurchaseValidationErrMsg {
    display: none;
}

div.policyCurrentFS .enabledUsages * {
}

div.policyCurrentFS .disabledUsages * {
  color: #ccc;
}
/* ==== PREFERRED CONTACT SET ===== */

/* ========== technologyInterestSet.css ========== */

*.productInterestSet *.componentSetEditAreaNewRow > label {
    float: left;
}

*.productInterestSet table.field-tableCheckBox {
    width: 500px;
}

.technologyInterestSet input {
  float: left;
}

.technologyInterestSet label {
  float: left;
}

#errorMsg_technologies {
  display: none;
}
/* ========== vehicleInterestSet.css ========== */

*.vehicleInterestContainer {
}

*.vehicleInterestList {
}

*.vehicleInterestListReadOnlyTxt div {
  line-height: 20px;
}

*.vehicleInterestDelete {
  float: left;
  cursor: pointer;
}

*.vehicleInterestContainer .newModel {
  line-height: 13px;
  margin-top: 17px;
}

*.vehicleInterestContainer .newModel a {
  display: inline;
  cursor: pointer;
}

*.vehicleInterestList .vehicleInterest {
  margin-bottom: 10px;

}

.vehicleInterest select {
  height: 20px;
  width: 180px;
  float: left;
  margin-right: 6px;
  padding: 0px;
}

.vehicleInterest select.bodies {
  display: block;
}

*.componentSetViewArea table.field-tableCheckBox {
    position: relative;  
}

*.vehicleInterestEditArea {
  margin-top: 10px;
}
/* GENERAL STYLES FOR DASHBOARD MODULE COMPONENT */
.dashboardModuleLoggedOut, .dashboardModuleLoggedIn {
    visibility: hidden;
}

.dashboardModuleHeadline .showAllLink {
    float: right;
    display: inline-block;
}

.dashboardModuleHeadline .headlineTitle {
    float: left;
}

.dashboardModule .headlineTitle {
    padding-top: 14px;
    width: 400px;
    height: 25px;
    overflow: hidden;
}

.dashboardModule .dashboardModuleLoggedIn .showAllLink a {
    float: right;
}

.dashboardModule .dashboardModuleLoggedIn .showAllLink {
    width: 139px;
    height: 17px;
    margin-top: 29px;
}

.dashboardModule .dashboardModuleLoggedIn {
    display: none;
}

.dashboardModuleButtonsOverlay {
    position: absolute;
    left: 260px;
    bottom: 14px;
}

.dashboardModuleButtonsOverlay .dashboardModuleSecondButton .secondButton .buttonComp {
    margin-top: 6px;
}

.enableVI .dashboardModuleButtonsOverlay {
    bottom: 5px;
}

.dashboardModuleTextOverlay {
    position: absolute;
    left: 28px;
    width: 360px;
    top: 25px;
}

.enableVI .dashboardModuleTextOverlay {
    width: 260px;
    top: 60px;
}

.dashboardModuleContent {
    position: relative;
    height: 260px;
}

.dashboardModuleContent .backgroundImageImage {
    background-position: 0px bottom;
    height: 260px;
    position: absolute;
    width: 455px;
}

.dashboardmodule, .dashboardModule {
    width: 455px;
    height: 330px;
    margin-bottom: 59px;
    margin-right: 35px;
    float:left;
}

.dashboardModule .headlineIconDiv {
    float: left;
    width: 40px;
    height: 40px;
    padding-top: 6px;
}

.dashboardModule .headlineIcon {
    width: 40px;
    height: 40px;
}

.dashboardModule .dashboardModuleHeadline {
    width: 100%;
    height: 50px;
    float: left;
}

.dashboardModule .dashboardModuleHeaderLink {
    float: right;
}

.dashboardModule .dashboardModuleHeaderLink .linkLink {
    margin-top: 5px;
}

.dashboardModule .dashboardModuleHeaderLink .linkContainer {
    width: auto;
}

.dashboardModuleVI {
    margin-top: 19px;
}

.dashboardModuleVI.enableVI {
    margin-top: 9px;
}
.mymessageAccordionWrap {
  width: 455px;
  height: 260px;
  overflow: hidden;
  display: block;
  position: relative; 
  margin-top: 31px;
}


#mymessageAccordionWrapLoadingIcon {
  overflow-x:hidden !important;
}

.mymessageAccordionItem { 
  border-bottom: 2px solid #e6e6e6; 
  margin-top:8px;
  padding-left:15px;
  padding-bottom:1px;
}

.mymessageAccordionInnercontent {
    display:block;
}
  
.mymessageAccordionWrap #messageAccordionItem2{ 
  border-bottom: 0px none;
}
  
.mymessageAccordionItem .mymessageAccordionOpenClose {
  float:left; 
  padding-right:6px;
  }
  
.mymessageAccordionItem .mymessageAccordionHeadline {
  height:25px;
}

.mymessageAccordionItem .mymessageDate{
  display:inline-block;
    cursor:pointer;
}

.mymessageAccordionItem .mymessageHeadline{
    margin: 0px;
    display:inline-block;
    cursor:pointer;
    font-family: BMWType_Bold;
}

.mymessageAccordionItem .mymessageContent{
    width:378px;
    margin-top:6px;
}

.mymessageAccordionItem .mymessageFrom{
  width:378px;  
  margin-top:6px;
}

.total2Messages .mymessageAccordionWrap #messageAccordionItem1{
  border-bottom: 0px none;
}

.total2Messages .mymessageAccordionItem .mymessageAccordionContent{
  height: 162px;
}

.total1Messages .mymessageAccordionWrap #messageAccordionItem0{
  border-bottom: 0px none;
}

.total1Messages .mymessageAccordionItem .mymessageAccordionContent{
  height: 211px;
} 

.mymessageAccordionItem .mymessageAccordionContent{
  /* margin-bottom:8px; */
  height: 112px;
  margin-left:24px;
  overflow: auto;
}

.mymessageAccordionItem .mymessageAccordionContent .messageLink{
  margin-top: 5px;
  margin-right: 15px;
}

.messageAccordionClearfloat {
 clear: both;
 display:block;
 height:0px;
}

.mymessages .mymessageAccordionInnercontent .mymessageHeadline,
.impulsemessages .impulsemessagesAccordionInnercontent .impulsemessageHeadline {
 padding-top: 2px;
}

.mymessages .mymessageAccordionInnercontent .mymessageDate,
.impulsemessages .impulsemessagesAccordionInnercontent .impulsemessageDate {
 padding-top: 1px;
}
.dashboardStageNavi {
  position: absolute;
  top: 15px;
  z-index:3602;
  left: 295px;
  display:none;
}

.dashboardStageNavi li {
  display: inline;
}

.dashboardStageNavi li a {
  padding-left: 25px;
  font-family: BMWType_Bold,Arial,sans-serif;
  background-repeat: no-repeat;
  background-position:10px 3px;
}

.dashboardStageNavi li.dashboardStageLiFirst a, 
.myBMWStageAreaLight .dashboardStageNavi li.dashboardStageLiFirst a, 
.myBMWStageAreaDark .dashboardStageNavi li.dashboardStageLiFirst a{
  padding-left:0px;
  background-image: none;
}

.myBMWStageAreaDark .dashboardStageNavi li a {
  color: #FFFFFF;
  background-image: url('/etc/designs/bmwnext/apps/bmwnext/mybmw/base/static/parComponents/dashboardstagearea/tr_white.png.resource.1416811242273.png');
}

.myBMWStageAreaLight .dashboardStageNavi li a {
	color: #666666;
  background-image: url('/etc/designs/bmwnext/apps/bmwnext/mybmw/base/static/parComponents/dashboardstagearea/tr_grey.png.resource.1416811242273.png');
}

.dashboardStageNavi li a.active, .dashboardStageNavi li a:hover {
  color: #1C69D4;
}

.dashboardStageTeaser {
  display: none;
  height: 420px;
}
/*===== STYLES FOR DIALOG COMPONENTS =====*/


/* Overwrite default jquery settings */
.ui-dialog .dialogAjaxWrapper, .ui-dialog .ui-dialog-content{
  /*overflow: hidden;*/
  display: none;
}

.cmxDialog form{
  padding:0px;
  margin:0px;
}

.cmxDialog, .dialogComponent{
  background-color: white;
}

.dialogComponent{
  padding: 10px 10px 60px 30px;
}

/*Show the close icon on dialog mode*/
.dialogAjaxWrapper .dialogComponentCloseIcon{
  display: block;
}

/*Do not show the close icon*/
.dialogComponentCloseIcon{
  position: absolute;
  right:0;
  top:0;
  z-index: 1;
  display: none;
}

.dialogComponentCloseIcon a{
  width:18px;
  height:18px;
  display: block;
  background-image: url('/etc/designs/bmwnext/apps/bmwnext/base/static/parComponents/box/layer_close_x.png.resource.1416811220388.png');
  background-repeat: no-repeat;
}

.dialogClearing{
  clear: both;
  height: 0px;
  line-height:0px;
}

.dialogComponentContent{
  font-size: 13px;
}

.dialogComponentFooter{
  margin-top: 30px;
  border-top: solid 2px #E6E6E6;
  padding-top: 16px;
  margin-right: 20px;
  min-height: 24px;
}

.dialogComponentHeader{
  position:relative;
  margin-bottom: 10px;
}

.dialogComponentHeadline{
  padding-top: 20px;
  position: relative;
}

.dialogComponentSubHeadline{
  position: relative;
  line-height: 25px;
}

.dialogComponentHeadline h1.headlineNormal{

}

.dialogComponentHeader h1.headlineNormal{
  margin-bottom: 0px;
  margin-top: -10px;
}

.dialogComponentSubHeadline h2.subheadline{
  margin: 0px;
}

.dialogComponentHeadline, .dialogComponentSubHeadline{
  padding-right: 20px;
}


/*===== STYLES FOR DIALOGBOXBOX COMPONENT =====*/

.dialogbox .headlineSizableSmall {
  letter-spacing: 0px;
}

.glasspanelayercontent.passwordresetInit.passwordresetExpired .gplContentHeader,
.glasspanelayercontent.passwordresetInit.passwordresetExpired .gplContentBody .copyText,
.glasspanelayercontent.passwordresetInit.passwordresetExpired .gplContentFooter {
  width: 440px;
}

.glasspanelayercontent.passwordresetInit.passwordresetExpired .gplContentFooter .gplContentFooterButtonBar {
  border-style: none;
}
.glasspanelayercontent.passwordresetInit.passwordresetExpired .gplContentBody {
  margin-bottom: 4px;
}
.resetpasswordInitMain .copyText {
    margin-top: 10px;
}

.glasspanelayercontent.passwordresetInit .gplContentBody {
    margin-bottom: 0px;
    margin-right: 0;
}

.glasspanelayercontent.passwordresetInit .gplContentFooter {
    margin-right: 0;
}

.resetpasswordInitComp .myBMW-tooltip + .componentSetErrMsgContainer .componentSetFieldErrorTextArea {
    margin-left: 29px;
}

.gplContentBody .resetpasswordInitText p {
    padding-top: 11px;
}

#passwordresetInitLaye_errorState_resendActivationLink.componentSetErrLinkContainer {
    display: inline-block;
    float: right;
    margin: 10px 10px 0 22px;
}

.passwordresetInit .gplContentBody .formFootnote {
    margin-bottom: 0px;
    margin-top: 31px;
}

.passwordresetInit .resetpasswordInitFields .componentSetEditAreaNewRow {
    margin-bottom: 0px;
}

.passwordresetInit .resetpasswordInitText .processTextWrapper,
.passwordresetInit .resetpasswordInitText .processTextWrapperLast {
    padding-bottom: 0px;
}

.passwordresetInit .resetpasswordInitFields {
    margin-top: 42px;
}
/*===== STYLES FOR GLASSPANELAYER COMPONENTS =====*/


.gplClearing {
  clear: both;
  height: 0px;
  line-height:0px;
}

.gplContent {
  background-color: white;
  font-size: 13px;
}

.gplContentFooter {
  border-top: 2px solid #e6e6e6;
}

.gplContentFooter .flexbox{
  left: 6px;
}

/* Only show separator line when the footer hasn't been extracted by GPLayer */
.gplContent .gplContentFooterButtonBar {
  padding-top: 20px;
}

.gplContentFooterButtonBar .buttonComp {
  margin: 0px;
  margin-left: 6px;
  float: right;
}

.glasspanelayercontent .gplContentBody .dialogContent {
  margin-top: 8px;
}

.glasspanelayercontent .gplContentBody .dialogContent .processTextWrapperLast{
  padding-bottom : 42px;
}
/*===== glassPaneLayerOkCancel styles =====*/

.gplContentBodyOkCancel {
  margin-bottom: 30px;
}

.gplContentBodyOkCancel p {
  padding-top: 30px;
  margin-top: -1em;
}

.gplContentBodyOkCancel p br {
    line-height: 2em; 
}

.gplContentBodyOkCancel .richText br {
    line-height: 16px;
}

.gplContentFooter {
  margin-right: 15px; /* Additional 15px since the designs require 45px padding on the right side */
}

.gplContentFooter .gplContentFooterButtonBar .cancelBtn, .gplContentFooter .gplContentFooterButtonBar .okButton {
    float:right;
    margin-top:15px;
}
/* GENERAL STYLES FOR MY BMW LARGE TEASER */

.myBMWLargeTeaser {
    position: relative;
}

.myBMWLargeTeaser .largeTeaserButtons{
    margin-top: 19px;
}

.myBMWLargeTeaser .largeTeaserLink{
    margin-left: 20px;
    margin-top:4px;
}

.myBMWLargeTeaser a.largeTeaserLink {
    margin-left:0px !important;
}

.myBMWLargeTeaser .largeTeaserHeadlineContainer h4{
    padding-top: 0px;
    margin-top: 10px;
}

.myBMWLargeTeaser .largeTeaserCopytextContainer {
    margin-top: 30px;
    margin-bottom: 20px;
}

.myBMWLargeTeaser .linkLink{
    margin-top: 5px;
}

.myBMWLargeTeaser a.linkWhite{
    color: #ffffff;
    background-image: url('/apps/bmwnext/base/parComponents/link/arrow_17_ffffff.png');
}

.myBMWLargeTeaser a.linkWhite:hover{
    color: #1C69D4;
    background-image: url('/apps/bmwnext/base/parComponents/link/arrow_17_1c69d4.png');
}

.myBMWLargeTeaser .linkContainer{
    width: auto;
    margin-right: 20px;
}

.myBMWLargeTeaser {
    height:420px;
    overflow-y:hidden;
}
/* GENERAL STYLES FOR MYVEHICLES LARGE TEASER */

#newVINNo{
  border: 1px inset #E5E5E5;
  height: 18px;
  margin-right: 5px;
  margin-top: 8px;
  width: 180px;
  font-family: Arial,sans-serif;
  font-size: 13px;
  color: #CCCCCC;
}

#newVINForm{
  margin-top: 10px;
  margin-left: 15px;
}

#newVINForm .linkLink{
  margin-top: 5px;
}

#newVINForm a.linkWhite{
  color: #ffffff;
  background-image: url('/apps/bmwnext/base/parComponents/link/arrow_17_ffffff.png');
}

#newVINForm a.linkWhite:hover{
  color: #1C69D4;
  background-image: url('/apps/bmwnext/base/parComponents/link/arrow_17_1c69d4.png');
}

#newVINForm a.buttonComp{
  width: auto;
}

#newVINForm .largeTeaserButtons{
  margin-top: 6px !important;
}
/*===== STYLES FOR THE LINK COMPONENT =====*/

.linkContainer {
  width: 180px;
}
.linkLink {
  margin-top: 10px;
  font-weight : bold;
	font-size : 13px;
	color : #888888;
}
.linkLinkArrow {
	font-weight : bold;
	font-family : Verdana;
	font-size : 17px;
	color: #262626;
}
.email_config_author{
  border: 5px solid #CCCCCC;
}

.myMixedTeaserArea{
  margin: 0 -35px 0 0;
}

.myMixedTeaserArea .teaserAreaPlaceholderContainer{
  margin-left: 0px;
  margin-right: 35px;
  margin-bottom: 30px;
  height: 230px;
  float: left;
}

.myMixedTeaserArea .fixedTeaser{
  float: left;
}

.myMixedTeaserArea .fixedTeaser .teaserAreaPlaceholderContainer{
  float: none;
}
#mydealers {
  margin-bottom: 24px;
  overflow:hidden;
}
.mydealers {
  visibility:hidden;
}

#mydealersTitle {
    margin-bottom:3px;
}

.mydealers #mydealersTitle .subheadline div .subheadline {
    font-size:22px;
    line-height:22px;
}

#mydealersHeadline {
  padding-bottom: 10px;
}

#mydealersFooter {
  margin-top: 12px;
  margin-left:1px;
}

.mydealersKlickableIcon {
  float:left;
  margin-right:6px; 
}
#mydealersClickableIconText {
   display:block;
   margin-left:24px;
}
.mydealersHead {
   font-family: BMWType_Bold; 
   line-height: 16px !important;
   vertical-align: top !important;
   display:inline !important; 
}
.mydealersContent {
  background-color: #FFFFFF;
  padding: 15px;
}
.mydealersSpacer {
  position:relative;
  overflow:hidden;
  background-color:#E7E7E7; 
  margin-top:5px; 
  margin-bottom:7px; 
  height:2px;
}

.mydealersMapContainer {
  width:180px;
  height:100px;
  overflow:hidden;
  float:left;
}

.mydealersNoDealerMapContainer {
  float:left;
  width:180px;
  height:150px;
  overflow:hidden;
}

.mydealersMap {
  margin:0px;
  padding:0px;
  width: 180px;
  height:100px;
  z-index:1;
}

.mydealersMapShadow { 
  width: 180px;
  height: 100px;
  position: absolute;
  margin-top:-100px;
  background: url('/etc/designs/bmwnext/apps/bmwnext/mybmw/base/static/parComponents/mydealers/map-inner-shadow_180x100.png.resource.1416811242274.png');
  z-index:2;
}

.mydealersMapNodealer { 
  width: 180px;
  height: 150px; 
  position: absolute; 
  margin:0px;
  padding:0px;
}

.mydealersMapShadowNodealer {
  width: 180px;
  height: 150px;
  position: absolute;
  background: url('/etc/designs/bmwnext/apps/bmwnext/mybmw/base/static/parComponents/mydealers/map-inner-shadow_180x150.png.resource.1416811242275.png');
  z-index:2;
}

.mydealersLinks {
  margin-top: 10px;
  float:left;
  clear:both;
}
.mydealersEmail, .mydealersWebsite {
  margin-bottom: 5px;
}

.mydealersFirmeninfo {
  float:left;
  margin-bottom: 10px;
  margin-top: 7px;
}
.mydealersAdresse {
  float:left;
  clear:both;
  margin-top:10px;
  margin-bottom:5px;
  width:180px;
}

#mydealersDealer {
    overflow:hidden;
    margin: 0;
    padding: 0;
    border: 0;  
}

#mydealersNodealer {
    margin-top:-4px;
    margin-left:-1px;
    cursor:pointer;
    position:relative;
    float:left;
}

#mydealersDealer .mydealersFooterLink { 
  margin-top:0px !important;
  float:left;
}

#mydealersNodealer .mydealersFooterLink {
  margin-top:15px !important;
  float:left;
}


.mydealersExpandable {
    position:relative;
    overflow:hidden;
    float:left;
    margin: 0;
    padding: 0;
    border: 0;
    clear:both;
    width:180px;
}

.mydealersKlickableDiv {
    width:180px;
    float:left;
    overflow:hidden;
    position:relative;
}
.resetpasswordFields {
  margin-bottom: 11px;
}
.resetpasswordContent {
  width: 440px;
}
.resetpasswordMainHeadline {
  margin-bottom: 12px;
}
.resetpasswordHeadlineContent {
  margin-bottom: 45px;
}
.resetpasswordHeadlineContent:last-child {
  margin-bottom: 0px;
}
.resetpasswordMainSubheadline {
  margin-bottom: 39px;
}
.resetpasswordFinishedHeadline {
  margin-bottom: 30px;
}
.resetpasswordButton {
  margin-left: 245px;
}
.resetpasswordButton a.buttonComp {
  width: 162px;
}
.resetpasswordMain input {
  width: 180px;
  padding: 0px;
}
/* STYLES FOR TEASER WITH HEADLINE */

.myMixedTeaserAreaWithHeader {
    padding-top: 14px;
}

.myMixedTeaserAreaWithHeader .teaserAreaPlaceholderContainer {
    height: 230px;
}

.myMixedTeaserAreaWithHeader .teaserHeaderHeadline {
    margin-bottom: 12px;
}

.myMixedTeaserAreaWithHeader .persoTeasers .teaserContent, .myMixedTeaserAreaWithHeader .persoTeasers .teaser {
    margin-bottom: 30px;
    margin-right: 35px;
    float: left;
}

.myMixedTeaserAreaWithHeader .persoTeasers {
    margin-right: -35px;
}

.myMixedTeaserAreaWithHeader .teaserHeaderHeadline {
    float: left;
}

.myMixedTeaserAreaWithHeader .teaserHeaderLink {
    float: right;
}

.myMixedTeaserAreaWithHeader .teaserHeaderLink .linkLink {
    margin-top: 5px;
}

.myMixedTeaserAreaWithHeader .teaserHeaderLink .linkContainer {
    width: auto;
}

.myMixedTeaserAreaWithHeader .teaserHeadlineTitle {
    display: inline-block;
}

.myMixedTeaserAreaWithHeader .headlineIcon {
    height: 40px;
    margin-left: 15px;
    width: 40px;
}



/*===== STYLES FOR THE TOOLTIP COMPONENT =====*/

.myconfigTooltip{
  display: none;
  position:absolute;
  padding: 6px;
  background-color: white;
  border: 1px dotted #09F;
  font-size: 13px;
  width: 180px;
  z-index: 10000;
}

.myconfigTooltipAnchor{
  width: auto;
  height:auto;
  z-index: 1;
  display: inline;
}

.tt_anchor {
	POSITION: absolute; 
	TOP: 1px; 
	LEFT: -11px;
}


.tooltipComp {
    display:     block;
    font-size:   13px;
    margin-top:  6px !important;
    margin-bottom:1px;
    line-height: 15px;
    display: none;
}
/*  TODO proper styling   */

.confirmLoginChange {
    float:left;
    padding-top: 4px;
    width:440px; 
} 

.mybmwLandingPage .parsys div.text {
    margin-top: 12px;
    margin-bottom:4px;
    width:440px;
}

.mybmwLandingPage .parsys .text p{
    line-height: 20px;
}

.landingPageCopytext {
    width:245px;
    float:left;
}

.landingPageFormField {
    float:left;
    margin-left:15px;
    width:180px;
}

.landingPageFormField {
    text-align:right;
}

.landingPageFormField input {
    width:178px;
}

.formRow {
    float:left;
    clear:both;
    width:440px;
    margin-bottom:10px;
}

.landingPageSubmitButtonWrapper {
    clear:both;
    margin-top:30px;
    margin-left:260px;
    width:180px;
}

.usernameChangePasswordField {
  margin-top: 19px;
  margin-bottom: 20px;
}

#confirmLoginChangeWrapper .errorMessages {
    /* error field needs additional class componentSetHighlightError */
    width:180px;
    margin-left:472px;
    position:absolute;
    color:#D20000;
}
/* Username Change Confirm ERROR Panel */

#confirmLoginChangeError {
    float:left; 
    width:440px; 
}

#confirmLoginChangeError .headline h1 {
    line-height:38px;
    margin-bottom:4px;
    width:440px;  
}

#confirmLoginChangeError .buttonComp {
    clear:both;
    margin-top:30px;
    margin-left:260px;
    width:160px;
}
/*===== Feedback Pool Styles =====*/
/* rlGlassPaneLayer.openDialog parameter footerContent must not be set */

.mybmw-feedbackLayer {
  overflow-y:hidden;
}

div.mybmw-feedbackLayer {
  position:relative;
}

.feedback-footer {
  border-top: 2px solid #E6E6E6;
}

.feedbackButton {
  margin-top: 15px;
}

.mybmw-feedbackLayer .feedbackButton {
    margin-top: 20px;
}

.mybmw-feedbackLayer .subheadline {
  margin-bottom: 5px;
}

.brand-bmwi .mybmw-feedbackLayer .subheadline h3 {
  padding-bottom: 16px;
}

.mybmw-feedbackLayer .feedback-paragraphs .processTextWrapperLast {
  padding-bottom: 42px;
}
/*.mybmw-feedbackLayer .feedback-paragraphs{*/

/*}*/

/*.mybmw-feedbackLayer .feedback-paragraphs p {*/

/*}*/
 
.copyArea{
  margin-top: 90px;
  margin-bottom: 10px;
}
.policyInputAreaLabel{
  font-family: BMWType_Bold, Arial, sans-serif;
  font-size: 22px;
  color: #262626;
  overflow: hidden;  
  text-align: left;
  vertical-align: top;
  line-height:22px;
  margin-bottom: 5px;
  margin-top: 40px;

}
.copyAreaText{
  height: 472px;
  width: 661px;
}

.copyAreaInfolayerPolicyText{
  height: 150px;
  width: 661px;
  min-width: 661px;
}

.copyAreaInfolayerPolicyLink{
    height: 20px;
    width: 661px;
    min-width: 661px;
}

.copyAreaInfolayerPolicyLinkText{
    height: 20px;
    width: 661px;
    min-width: 661px;
}

/*===== STYLES FOR MYACCOUNTFORM COMPONENT =====*/

/* General styles */


form.campaignResponseForm .userRegisterButtonBar {
  position: relative;
}

form.campaignResponseForm .processTextWrapperLast {
    margin-top:17px;
    padding-bottom:0;
}

.campaignResponseFormBar {
    margin-top:10px;
    border-top:2px solid #E6E6E6;
}

.campaignResponseFormBar .formSubmitButton  {
    float:right;
}

/* Make our button bar look nice and sleek */

form.campaignResponseForm .userRegisterButtonBar .buttonComp {
  float: right;
  margin-left: 8px;
}

/* Button bar dithering */

form.campaignResponseForm .userRegisterButtonBarDither {
  display: none;
  background-image: url('/etc/designs/bmwnext/apps/bmwnext/base/static/parComponents/dither/dither.png.resource.1416811220390.png');
  position: absolute;
  width: 100%;
  height: 100%;
}
form.campaignResponseForm .locked .userRegisterButtonBarDither {
  display: block;
}
.changeLoginForm .userhinttextContainer {
    margin-top: 40px;
    min-height: 50px;
}

.changeLoginForm .userhinttextImage {
    width: 27px;
    height: 24px;
    float:left;
}

.changeLoginForm .userhinttext {
    padding-left: 13px;
    background-repeat: no-repeat;
    width: 300px;
    height: auto;
    float:left;
}
/*===== STYLES FOR MYACCOUNTADDRESSFORM COMPONENT =====*/

/* General styles */

.formsContainer .myAccountForm .addressDeleteLink {
  position: absolute;
  right: 15px;
  top: 15px;
  display: none;
}

form.myAccountAddressForm{
  position: relative;
}

.addressDeleteConfig{
  display: none;
}

.glassPaneLayer .addressDeleteConfig{
  display: block;
}

.addressToDelete .fieldSetViewMode{
  display: block !important;
}

.addressToDelete .fieldSetViewAreaRow .fieldSetLayoutCol1{
  display: none !important;
}

.addressToDelete .fieldSetCopyText{
  padding: 0px !important;
}

.addressToDelete .fieldSetViewAreaRow {
  margin: 0px !important;
  min-height: 16px;
}

.addressToDelete{
  margin-top: 9px;
}

.addressDeleteContent .richText{
    margin-top: 29px !important;
}

.addressDeleteFooter .gplContentFooter{
  margin-right: 0px !important;
}

.addressDeleteFooter .gplContentFooterButtonBar{
  padding-top: 20px !important;
}

.addressDeleteFooter .feedbackButton .addressDeleteCancel, .addressDeleteFooter .feedbackButton .addressDeleteOk {
  float:right;
  margin-top:0px;
}

.addressDeleteFooter .feedbackButton .addressDeleteCancel {
  margin-right: 6px;
}

.addressDeleteFooter {
  margin-top:42px;
}
/*===== STYLES FOR MYACCOUNTFORM COMPONENT =====*/

/* General styles */

form.myAccountForm {
  padding-top: 12px;
  padding-left: 15px;
  padding-bottom: 15px;
  padding-right: 15px;
  border-bottom: 2px solid #E6E6E6;
}

form.myAccountForm > h3 {
  margin-bottom: 5px;
}

form.changeLoginForm {
  border-bottom: 0px;
}

#myBMWPageProfile .changeLoginForm {
  padding-bottom:0px;
}

#myBMWPageProfile .changePasswordForm {
  padding-top:3px;
}

#myBMWPageProfile .changePasswordForm .editMode {
  padding-top:6px;
}

.myAccountFormButtonBar {
  margin-top:5px;
  position: relative;
}

/* Grey Edit button => show "Change" */

.myAccountFormButtonBar .changelabel {
  display: inline;
}
.myAccountFormButtonBar .updatelabel {
  display: none;
}

/* Blue Edit button => show "Update now" */

.myAccountFormButtonBar .buttonBlue .changelabel {
  display: none;
}
.myAccountFormButtonBar .buttonBlue .updatelabel {
  display: inline;
}

/* Make our button bar look nice and sleek */

.myAccountFormButtonBar .buttonComp {
  float: right;
  margin-left: 6px;
}

/* Only show Edit button when component is loading. */

.myAccountFormSaveButton, .myAccountFormCancelButton {
  display: none;
}

/* Button bar dithering */

.myAccountFormButtonBarDither {
  display: none;
  background-image: url('/etc/designs/bmwnext/apps/bmwnext/base/static/parComponents/dither/dither.png.resource.1416811220390.png');
  position: absolute;
  width: 100%;
  height: 100%;
}
.locked .myAccountFormButtonBarDither {
  display: block;
}

/* Let's have a happy little footnote */
.myAccountForm .formFootnote {
    display: none;
    margin: 42px 0 0;
    padding: 0 0 4px;   
    width: 567px
}

.cqEditMode .myAccountForm .formFootnote {
    display: block !important;
}

.myAccountForm .formFootnote .copyText p {
    margin-top: 9px;
    padding: 0;
}

.myAccountForm .formFootnote .copyText p:first-child {
    margin-top: 0;
}

.deleteAccountForm .myAccountForm .myAccountFormButtonBar {
    margin-top: 22px;
}

.myAccountForm .myAccountFormButtonBar {
    margin-bottom: 5px;
    margin-top: 6px;
}

.myAccountForm .processTextWrapper,
.myAccountForm .processTextWrapperLast {
    padding-bottom: 0px;
}

#myBMWPageProfile .myAccountForm .formHeadline .headlineh3 {
    margin-top: 0px;
    margin-bottom: 0px;
    padding-bottom: 10px;
}

.myAccountForm .communicationsFS .fieldSetViewMode .fieldSetLayoutCol23 {
    padding-top: 2px;
}
/* ========== nbgvForm.css ========== */

/* General styles */

.formsContainer .nbgvForm .nbgvDeleteLink {
  position: absolute;
  right: 15px;
  top: 15px;
}

form.nbgvForm {
  position: relative;
}

/*===== STYLES FOR USER REGISTER FORM FIELDSET =====*/

/* General styles */


.registrationTop h3 {
    margin-top:11px;
}



.userRegisterButtonBar {
  position: relative;
  float:right
}

.userRegisterFormButtonBar {
    margin-top:10px;
    border-top:2px solid #E6E6E6;
}

.userRegisterFormButtonBar .formSubmitButton  {
    margin-top:15px;
    float:right;
}


/* Make our button bar look nice and sleek */

.userRegisterButtonBar .buttonComp {
  float: right;
  margin-left: 8px;
}

/* Button bar dithering */

.userRegisterButtonBarDither {
  display: none;
  background-image: url('/etc/designs/bmwnext/apps/bmwnext/base/static/parComponents/dither/dither.png.resource.1416811220390.png');
  position: absolute;
  width: 100%;
  height: 100%;
}
.locked .userRegisterButtonBarDither {
  display: block;
}
/*===== STYLES FOR CURRENT VEHICLE DATA COMPONENT =====*/

.currentVehicle-headline {
  font-weight:bold; 
  font-size: 13px; 
  margin-bottom: 1.5em; 
  margin-top: 2em;  
}

.currentVehicle-text {
  margin-bottom: 1em;
}

.currentVehicle select {
  border: 1px solid #888; 
  
}
 

/*===== STYLES FOR INSTANTCHECK COMPONENT =====*/

.instant-check p,.instant-check li {
        font-size: 13px; 
} 

.instant-check ul  { 
        list-style-type:none; 
        margin: 0px; 
} 

.instant-check li {
    background-image:    url('/etc/designs/bmwnext/apps/bmwnext/mybmw/myaccount/static/parComponents/form/instantCheck/Bullet.png.resource.1416811246106.png');
    background-repeat:   no-repeat; 
    background-position: 0px 4px; 
    margin:              5px 0 0 0;
    padding-left:        13px; 
    line-height:         15px;
}

.instant-check li li {
    background-image: url('/etc/designs/bmwnext/apps/bmwnext/mybmw/myaccount/static/parComponents/form/instantCheck/Bullet_small.png.resource.1416811246107.png'); 
}

.instant-check li.no-list {
    list-style-type: none;
    background-image: none;
    margin-left:     0px;
}

.instant-check li.yes {
    background-image: url('/etc/designs/bmwnext/apps/bmwnext/mybmw/myaccount/static/parComponents/form/instantCheck/Haken.png.resource.1416811246107.png');
}

.instant-check .headline {
    margin-bottom: 0px;
}

/*===== STYLES FOR LOGINBOX COMPONENT =====*/

div.loginbox {
  position: relative;
}

.mybmw-loginbox {
  width: 180px;
  padding: 12px 15px 12px 15px;  
  font-size: 13px;
  background-color:#FFFFFF; 
}

.mybmw-loginbox .fieldParagraph span{  
  position:relative;
}

.mybmw-loginbox .fieldParagraph span label{   
  position:absolute; 
  top: 0px; 
  left: 6px; 
  width: 153px;
  color: #999; 
  cursor: text;
}

.mybmw-loginbox .fieldParagraph span label.loginboxLabelSafari {
  top: 2px; 
}

.mybmw-loginbox p {
  margin-bottom:6px;
}

.mybmw-loginbox .loginLink{
  width:auto;
  max-width:100px;
  color: white;
}

.mybmw-loginbox-header {    
  width: 100%;
  height: 30px;
}

.mybmw-loginbox-body {
  width: 100%;
}

.mybmw-loginbox-footer {
  width: 100%;
  padding-top: 2px;
  clear:both;
  display:inline-block;
}

.mybmw-loginbox .errorContent .mybmw-loginbox-footer {
  padding-top: 1px;
}

.mybmw-loginbox .email, .mybmw-loginbox .password {  
  padding-left: 5px;
  width: 173px;
  height: 18px;  
  border: 1px solid #888;
}


 .mybmw-loginbox .buttonBar {
  margin-top: 12px;
 }

 .mybmw-loginbox .fieldLabel {
   margin-right: 7px;
 }
 
.mybmw-loginbox h3 {
    font-size: 17px;
    padding-top: 2px;
}

.mybmw-loginbox .linkParagraph {
  margin-top: 6px;  
}

.mybmw-loginbox .facebook {
  background-image: url('/etc/designs/bmwnext/apps/bmwnext/mybmw/myaccount/static/parComponents/form/loginbox/img_facebook.gif.resource.1416811246108.gif');
  background-position: 0 0;
  background-repeat: no-repeat;
  height: 18px;  
  width: 18px;
  display: inline-block;
  overflow: hidden;  
}

.mybmw-loginbox .openid {
  background-image: url('/etc/designs/bmwnext/apps/bmwnext/mybmw/myaccount/static/parComponents/form/loginbox/img_openid.gif.resource.1416811246109.gif');
  background-position: 0 0;
  background-repeat: no-repeat;
  height: 18px;  
  width: 18px;
  display: inline-block;
  overflow: hidden;  
}

.mybmw-loginbox .google {
  background-image: url('/etc/designs/bmwnext/apps/bmwnext/mybmw/myaccount/static/parComponents/form/loginbox/img_google.gif.resource.1416811246108.gif');
  background-position: 0 0;
  background-repeat: no-repeat;
  height: 18px;
  width: 18px;
  display: inline-block;
  overflow: hidden;
}


.mybmw-loginbox a.submit {
  color: white;
 }


.mybmw-loginbox a.backLink {  
  color: white;   
  width: 160px;
}

.mybmw-loginbox .submit{    
  padding: 3px 3px 5px;
  text-align: center; 
  }
   
.mybmw-loginbox .error {
  color: #d20000 !important;
  font-size: 13px;
  line-height: 15px;
}

.mybmw-loginbox-error {
  height: 90px;
  padding-bottom: 5px;
  padding-top: 6px;
}

.mybmw-loginbox .border {
  border: 1px solid #b4222d; 
}

.mybmw-loginbox .errorContent {
  width: auto;
  display: none;
}

.mybmw-loginbox .errorContent .message {  
  margin-bottom: 12px;  
  }   
  
  
.mybmw-loginbox .buttonBar-checkbox {
  width:19px; 
  position:relative; 
  float:left;
}

.mybmw-loginbox .buttonBar-text {
    display: inline-block;
    float: left;
    margin-top: -1px;
    position: relative;
    width: 93px;
}

.mybmw-loginbox .buttonBar-button {
    display: inline-block;
    float: right;
    margin-top: -8px;
    position: relative; 
}

.mybmw-loginbox div.loginVia  {
    display: inline-block;
    float: right;
    margin-right: 10px;
    margin-top: 4px;
}


.mybmw-loginbox .loginVia label {
    text-align: right;
    font-weight: bold; 
}

.mybmw-loginbox-iframe-div {
  margin-left:5px;
  margin-top:5px;
}

.myBmw_loginbox_errorMessageLabel {
  width:    inherit;
  overflow: hidden;
}

.myBmw_loginbox_errorMessageLabel {
  padding-bottom:3px;
}
/*===== Login Layer Styles =====*/

.mybmw-loginLayer{
   overflow: hidden;
}

.mybmw-loginLayer  .footerParts {
  float: right;
}

.mybmw-loginLayer .loginLink {
  margin-top: 0;  
  display: inline;
}

.mybmw-loginLayer .loginLayerLink {
  margin-right: 15px;
  margin-top: 1px;
  float: left;
}

.mybmw-loginLayer .linkArrow13px {
  margin-top: 3px;
}

.mybmw-loginLayer-header {
  width: 670px;
}

.mybmw-loginLayer .promptCopy {
    width: 670px;
    margin-bottom: 30px;
}

.mybmw-loginLayer-content{
  margin-top: 38px;
}

.mybmw-loginLayer .icon {
  margin-right: 6px;
}

.mybmw-loginLayer .copy {
  font-size: 13px;
  color: #262626;
  width: 195px;
  padding-right: 35px;
}

.mybmw-loginLayer .message.error {
  color: #d20000;
  font-size: 13px;
  margin-left: 35px;
}

.mybmw-loginLayer .input {
  width: 195px;
  font-size: 13px;
}

.mybmw-loginLayer .input input {
  width: 193px;
  height: 18px;
  border: 1px solid #AAAAAA;
}

.mybmw-loginLayer .border {
  border: 1px solid #D20000;
}

.mybmw-loginLayer .checkbox {
  margin-right: 6px;
}

.mybmw-loginLayer h1 {
  font-size: 32px;
  color: #262626;
}


.mybmw-loginLayer-icons {
  height: 21px;
}

.mybmw-loginLayer .icons {
  float: right;
  margin-top: 12px;
}

.mybmw-loginLayer .facebook {
  background-image: url('/etc/designs/bmwnext/apps/bmwnext/mybmw/myaccount/static/parComponents/form/loginbox/img_facebook.gif.resource.1416811246108.gif');
  background-position: 0 0;
  background-repeat: no-repeat;
  height: 18px;
  width: 18px;
  display: inline-block;
  overflow: hidden;
}

.mybmw-loginLayer .openid {
  background-image: url('/etc/designs/bmwnext/apps/bmwnext/mybmw/myaccount/static/parComponents/form/loginbox/img_openid.gif.resource.1416811246109.gif');
  background-position: 0 0;
  background-repeat: no-repeat;
  height: 18px;
  width: 18px;
  display: inline-block;
  overflow: hidden;
}

.mybmw-loginLayer .google {
  background-image: url('/etc/designs/bmwnext/apps/bmwnext/mybmw/myaccount/static/parComponents/form/loginbox/img_google.gif.resource.1416811246108.gif');
  background-position: 0 0;
  background-repeat: no-repeat;
  height: 18px;
  width: 18px;
  display: inline-block;
  overflow: hidden;
}

.mybmw-loginLayer .breakline {
  color: #e6e6e6;
  height: 1px;
  width: 746px;
  margin: 0 0 15px;
  padding: 0;
}

.mybmw-loginLayer .loginViaLabel {
  font-size: 13px;
  color: rgb(38, 38, 38);
  margin-right: 6px;
}

.mybmw-loginLayer .loginContent {
  margin-bottom: 27px; 
}

.mybmw-loginLayer tr.firstRow td {
  padding-bottom: 6px;
}

.mybmw-loginLayer tr.secondRow td {
  padding-bottom: 13px;
}

.mybmw-loginLayer .message {
  width: 210px;
  border: none;
}

.mybmw-loginlayer-footer .cancelLink {
  display: none;
  float: left;
}

.mybmw-loginlayer-footer {
  width: 670px;
  display:block;
  border-top:2px solid #e6e6e6;
  padding-top:20px;
  margin-top: 45px;
}

.mybmw-loginLayer .formFootnote {
  margin-bottom: -45px;
  margin-top: 32px;
}

.viaMsg {
  display: inline-block;
  float: right;
  font-family: BMWType_Bold;
  margin-right: 10px;
  padding-top: 4px;
}

.componentSetErrMsgLnkWrapper{
  display: inline-block;
  vertical-align: text-top;
  width: 200px;
}

.componentSetErrLinkContainer{
  display: inline-block;
  margin: 0pt 0pt 0pt 22px;
}

.mybmw-loginLayer .componentSetFieldErrorTextArea {
  margin-left: 20px;
  width: 180px;
}

.myBMWArea .mybmw-loginLayer .mybmw-loginLayer-header .subheadline {
    margin-top:12px;
}
.deletionhinttext, .deletionhinttext p{
  color: red;
}

.redText, .policyError {
  color:red;
}

.loginWithPolicyConsent .gplContent .gplContentHeader .gplContentSubHeadline {
  margin-top:10px;
  font-weight:bold;
  font-size:16px;
  line-height:20px;
}

#policyContentContainer {
  margin-top:20px;
}
.gplContentBody p {
    padding-top: 27px;
    padding-bottom: 26px;
}

fieldset.nbgvFS .errorstate {
    display: none;
}

fieldset.nbgvFS .errorstate h4 {
    margin-top: 8px;
}

fieldset.nbgvFS .errorstate p {
    margin-top: 5px;
    width: 600px;
}

fieldset.nbgvFS .withvehicle {
    display: none;
}
*.policyRow {
  margin-bottom: 1em;
}

*.policyRow span {
  font-family: BMWType_Bold;
  display: inline-block;
  width: 7em;
}

.policyTextblock input, .infolayerPolicyTextblock input {
  margin-right:6px;
}

.policyTextblock div:first-child {
  width:670px;
}

.infolayerPolicyTextblockEditMode, .infolayerPolicyLinkTextblockEditMode {
    border: 1px solid black;
    margin-top: 40px;
    width: 600px;
    min-width: 600px;
}

.infolayerPolicyTextblock, .infolayerPolicyLinkblock, .infolayerPolicyLinkTextblock {
    display: none;
}

.policyTextblock label, .infolayerPolicyTextblock label {
  width:651px;
}
/*===== STYLES FOR THE LOGIN ACCOUNT STATE COMPONENT =====*/

#loginAccountState{
    width:210px;
    margin-bottom: 18px;
}

#accStateState{
    background-color: #FFFFFF;
    display: none;
}

#accStateLogin{
    display:none;
}

#accStateLoad{
    display:none;
    height:170px;
}

.accStateText {
    height: 20px;
}

.accStateLink{
    margin-top: 5px;
    margin-left: 0px;
}

.accStateTooltipDiv{
    margin-left:10px;
    display: inline;
}


#accStateContent{
    padding: 12px 15px 12px 14px;
}

.scoringBoxWrapper{
    width:100%;
    height:20px;
    padding-top: 5px;
}

#scoringBox{
    background-color: white;
    float: left;
    height: 18px;
    position: relative;
    width: 159px;
    overflow: hidden;
}


#scoringIcon{
    float: left;
    position:relative;
    margin-top:2px;
    margin-left:6px;
}

#scoringIcon .contextLayerMainBlock {
    float:none;
    margin-top:13px;
}

#scoringIcon .contextLayerClosable {
    margin:0 30px 15px 15px;
}

#scoringIcon .contextLayerDialog {
    float:none;
}


#scoringProgressState{
    width:0px;
    background: url('/etc/designs/bmwnext/apps/bmwnext/mybmw/myaccount/static/parComponents/themes/myaccount/loginaccountstate/gradient.png.resource.1416811246111.png');
    height: 18px;
    position: absolute;
    z-index:1;
}

#scoringProgressOverlay {
    background: url('/etc/designs/bmwnext/apps/bmwnext/mybmw/myaccount/static/parComponents/themes/myaccount/loginaccountstate/separators.png.resource.1416811246112.png') no-repeat scroll 0 0 transparent;
    height: 18px;
    left: 0px;
    position: absolute;
    top: 0px;
    width: 159px;
    z-index:2;
}

#scoringProgressShadow {
    background: url('/etc/designs/bmwnext/apps/bmwnext/mybmw/myaccount/static/parComponents/themes/myaccount/loginaccountstate/inner-shadow.png.resource.1416811246111.png') repeat-x scroll 0 0 transparent;
    height: 18px;
    left: 0px;
    position: absolute;
    top: 0px;
    width: 159px;
    z-index:3;
}

#accStateSubHeadline{
    display:none;
    margin: 0 0 18px;
}

.scoringInformation {
    font-size: 13px;
	  margin-top: 3px;
	  margin-bottom: -1px;
}

.incompleteScoringList {
    margin-top: 0px;
    display:block;
}

.incompleteScoringList li {
    font-size: 13px;
    font-weight: normal;
    line-height: 15px;
    list-style-type: disc;
    margin-left: 20px;
    margin-top: 3px;
    padding-top: 2px;
    display:block;
}

.incompleteScoringList li:first-child {
    margin-top: 2px;
}

.contextLayerScore .contextLayerCloseButton {
    margin: 6px 6px 0;
}

.contextLayerScore .contextLayerClosable {
    margin-bottom:27px;
}

.loginaccountstatewrapperContentIframe {
    display:block;
    background:none;
    width:220px;
    height:200px;
    border:0px;
    margin-left:-5px;
    margin-top:-5px;
}

.myBMWArea .loginaccountstatewrapper {
    margin-bottom:43px;
}

.loginaccountstatewrapper, .mybmw-loginbox-iframe-div .loginbox {
    opacity:0;
}
#myBMWPageMyvehicles .myVehicleOverviewPage {
    position: relative;
    top: 28px;
}

#myBMWPageMyvehicles .myVehicleOverviewPage .vehicleteasers {
    margin-top: 0;
}

#myBMWPageMyvehicles .myVehicleOverviewPage .fieldSetRowLabel {
    font-size: 13px;
}

#myBMWPageMyvehicles .myVehicleOverviewPage .fontBold {
    font-family: Arial,sans-serif;
}


#myBMWPageMyvehicles .myVehicleOverviewPage .fontBold + div.vehiclesnapshotcontent h3 {
    margin-top: 30px;
}
/*===== STYLES FOR MYVehicle DELETE COMPONENT =====*/

/*Override default footer margin-top*/
.myvehicledelete #myVehicleDeleteDialogId .dialogComponentFooter{
  margin-top: 0px;
}

.myvehicledelete .gplContentFooter {
  margin-right: 0;  
}

.myvehicledelete .myVehicleDeleteContainer {
  min-height: 256px;
  position: relative;
  /* margin-bottom: -13px;  Need 2px bottom margin; counterbalance .gplContentBody's 15px */
  margin-top: 36px;
}

.myvehicledelete .myVehicleDeleteContainer .imageNotAvailable {
	margin-left: 260px;
  margin-top: 75px;
}

.myvehicledelete .myVehicleDeleteModelName {
  font-weight: bold;
  font-family: sans-serif;
  font-size: 18px;
  margin-bottom: 8px;
}

.myvehicledelete .myVehicleDeleteVehicleNote {
  font-family: Arial,sans-serif;
  font-size: 13px;
  font-weight: normal;
  margin-top: 6px;
}

.myvehicledelete .myVehicleDeleteTextWrapper {
  position: absolute;
  height: 24px;  
}

.myvehicledelete .myVehicleDeleteIcon {
  display: inline-block;
  float: left;
  margin-right: 6px;
  text-align: center;
  width: 26px;
}

.myvehicledelete .myVehicleDeleteVehicleImage {
  width: 445px;
  height: 212px;
  top: 0px;
  margin-top: 8px;
}

.myvehicledelete .myVehicleDeleteVehicleImage #myVehicleDeleteVehicleImage {
  background-position: center center;
  background-repeat: no-repeat;
}

.myvehicledelete .myVehicleDeleteVehicleImageFilter {
  width: 460px;
  height: 256px;
  position: absolute;
  top: 0px;
  left: 0px;
  background-image: url('/etc/designs/bmwnext/apps/bmwnext/base/static/parComponents/dither/dither.png.resource.1416811220390.png');
}

.myvehicledelete .myVehicleDeleteVehicleImageFilter img{
  width: 100%;
  height: 100%;
}

.myvehicledelete .myVehicleDeleteVehicleImageText{
  display: inline-block;
  font-family: BMWType_Bold,Arial,sans-serif;
  font-size: 17px;
  line-height: 20px;
  margin-top: 1px;
}

.myvehicledelete .myVehicleDeleteButtonBar {
}

.myvehicledelete .myVehicleDeleteDialogButton{
  margin-left: 10px;
}
/*===== STYLES FOR MYVEHICLE RENAME COMPONENT =====*/

.myvehiclerename .myVehicleRenameContainer {
    margin-top: 26px;
}

.myvehiclerename .gplContentFooter {
    margin-right: 0;
}

.myvehiclerename .vehicleNameContainer {
    height: 22px;
}

.myvehiclerename .myVehicleRenameContainer .leftColumn {
    float: left;
}

.myvehiclerename .myVehicleRenameContainer .rightColumn {
    display: table-cell;
    font-size: 13px;
    padding-top: 5px;
}

.myvehiclerename .myVehicleRenameContainer .leftColumn input {
    height: 17px;
    width: 438px;
    border-top: 6px;
    font-size: 12px;
    line-height: 16px;
    padding: 1px 0 0 3px;
    margin-top: 3px;
    margin-right: 48px;
    font-weight: inherit;
    font-size: inherit;
    border: solid 1px #888888;
    vertical-align: top;
    overflow: visible;
}

.myvehiclerename .mandatoryReminder {
    clear: both;
    padding-bottom: 7px;
    padding-top: 30px;
}

.myvehiclerename .errorMessageRequired {
    display: none;
}

.myvehiclerename .hide {
    display: none;
}

.myvehiclerename .myVehicleRenameCopyText .processTextWrapper,
.myvehiclerename .myVehicleRenameCopyText .processTextWrapperLast {
    padding-bottom: 0px;
}

.myvehiclerename .vehicleNameContainer {
    margin-top: 39px;
}

/* ========== addVinToMyVehicleForm.css ========== */

.addVinToMyVehicleForm .addVinToMyVehicleCopyText {
	margin-top: 27px;
	margin-bottom: 26px;
}

.addVinToMyVehicleForm .addVinToMyVehicleFormContent .requiredLabel {
    margin-top: 32px;
    margin-bottom: -35px;
}

.addVinToMyVehicleForm .addVinToMyVehicleCopyText .processTextWrapperLast {
    padding-bottom: 0px;
}
.currentVehicleDetailsForm {
    width: 700px;
}

.currentVehicleDetailsForm form {
    display: none;
}

form.currentVehicleDetailsForm {
    display: none;
}

.currentVehicleDetailsForm .fieldSetLayoutCol3 {
    width: 175px;
}
/* ========== myBmwVehicleForm.css ========== */

.myBmwVehicleForm .myBmwVehicleFormContent div.textAreaFS {
    margin-top: 5px;
}

.myBmwVehicleForm .myBmwVehicleCopytext {
    margin-bottom: 40px;
}

.myBmwVehicleForm .myBmwVehicleHeadline {
    margin-bottom: 29px;
    margin-top: -4px;
}

.myBmwVehicleForm .myBmwVehicleSubHeadline {
    margin-bottom: 15px;
}

.myBmwVehicleForm .myBmwVehicleFormContent .requiredLabel {
    margin-top: 32px;
    margin-bottom:-35px;
}

.myBmwVehicleForm .myBmwVehicleCopytext .processTextWrapperLast {
    padding-bottom: 0px;
}

/* ========== addVinToMyVehicleFS.css ========== */

.addVinToMyVehicleContainer .vgModelSection {
    display: none;
}


.currentVehicleDetailsFS {
    margin-top: 19px;
}

.currentVehicleDetailsFS .bsmrow {
    display: none;
}

.currentVehicleDetailsFS .bsmrow.vinrow {
    display: block;
}
/* ========== myBmwVehicleFS.css ========== */

.myBmwVehicleForm .myBmwVehicleFS .vgModelSection {
  display: none;
}

.myBmwVehicleForm .myBmwVehicleFS .vehicleIdentMethodVINRadioButtonContainer,
.myBmwVehicleForm .myBmwVehicleFS .vehicleIdentMethodModelTreeRadioButtonContainer {
  float: left;
}

.myBmwVehicleForm .myBmwVehicleFS .vehicleIdentMethodVINLabelContainer,
.myBmwVehicleForm .myBmwVehicleFS .vehicleIdentMethodModelTreeLabelContainer,
.myBmwVehicleForm .myBmwVehicleFS .vehicleIdentMethodVINDivDescription,
.myBmwVehicleForm .myBmwVehicleFS .vehicleIdentMethodModelDivDescription {
	margin-left: 17px;
}

.myBmwVehicleForm .myBmwVehicleFS .vehicleIdentMethodVINDivDescription {
    margin-top: 10px;
}

.myBmwVehicleForm .myBmwVehicleFS .extraInfoHeadlineDiv {
    margin-bottom: 13px;
    margin-top: 19px;
}

.myBmwVehicleForm .myBmwVehicleFS .vehicleIdentMethodModelTreeDiv {
    overflow: hidden;
    margin-top: 4px;
    margin-bottom: 21px;
}

.myBmwVehicleForm .myBmwVehicleFS .vehicleIdentMethodModelDivDescription {
	margin-top: 13px;
}

.myBmwVehicleForm .myBmwVehicleFS .vehicleIdentMethodModelTreeLabel {
    margin-bottom: 4px;
    float: left;
}

.myBmwVehicleForm .myBmwVehicleFS .vehicleRadioButtonContainer {
    margin-bottom: 6px;
}

.myBmwVehicleForm .myBmwVehicleFS .vehicleIdentMethodVINDivDescription,
.myBmwVehicleForm .myBmwVehicleFS .vehicleIdentMethodModelDivDescription {
    width: 425px;
}
div.vehiclesnapshotcontainer {
    display: none;
    padding-top: 12px;
    padding-bottom: 15px;
    width: 700px;
}

div.vehiclesnapshotcontainer div.vehiclesnapshotheader .headline h2 {
    margin-top: 55px;
    margin-bottom: 37px;
}

div.vehiclesnapshotcontainer div.vehiclesnapshotheader {
    padding: 0 15px;
}

div.vehiclesnapshotcontent h3 {
    margin-top: 34px;
    margin-bottom: 8px;
    padding: 0 15px;
}

div.vehiclesnapshotcontent div.sarow {
    border-top: 2px solid #e5e5e5;
    padding: 9px 15px 9px;
}

div.vehiclesnapshotcontent div.sacode {
    display: inline-block;
    width: 50px;
}

div.vehiclesnapshotcontent div.satext {
    display: inline-block;
}
/* allow preloader to be positioned correctly */
.vehicleStage {
  height: 100%;
  width: 100%;
}

.vehicleStagePage {
    height: 420px;
    width: 100%;
    left: 0px;
    background-color: WHITE;
    position: relative;
    z-index: 1000; /* Make sure we're always underneath the leftnavi */
}

.vehicleStageTeaser {
    display: none;
    width: 100%;
    height: 420px;
}

.vehicleErrorTeaser {
    display: none;
    width: 100%;
    height: 420px;
}

.vehicleStageContent {
    display: none;
    position: absolute;
    height: 420px;
    width: 975px;
    z-index: 3501;
    padding-left:295px;
}

.vehicleStageContentBackgroundImage {
    position:absolute;
    height: 420px;
    width: 1270px;
    left: 0;
    top: 0;
}

.vehicleStageToolboxOuterContainer {
    position: absolute;
    left: 975px;
    width: 295px;
    height: 119px;
    overflow: hidden;
    top: 301px;
    z-index: 666;
}

.vehicleStageToolboxInnerContainer {
    position:absolute;
    left:5px;
    top:6px;
    width:240px;
    height:300px;
    padding-left:50px;
    padding-top:0px;
}

.vehicleStageToolboxVinSection {
    margin-top:17px;
}

.vehicleStageToolboxAddButtonContainer {
	margin-top: 12px;
}

.vehicleStageToolboxInnerContainer.vinEntered .vehicleStageToolboxVinSection .vehicleStageToolboxAddButtonContainer {
    display:none;
}

.vehicleStageToolboxVinContainer {
    display:none;
    margin-top:8px;
}

.vehicleStageToolboxInnerContainer.vinEntered .vehicleStageToolboxVinSection .vehicleStageToolboxVinContainer,
.vehicleStageToolboxInnerContainer.vinEntered .vehicleStageToolboxVinSection .vehicleStageToolboxVinTitleContainer {
    display:block;
}


.vehicleStageToolboxLinksContainer {
    width:180px;
    margin-top:20px;
    padding-top:13px;
    border-top:2px solid #e6e6e6;
}

.vehicleStageToolboxInnerContainer.vinEntered .vehicleStageToolboxLinksContainer {
    margin-top:20px;
}


.vehicleStageToolboxMoreOptionsOuterContainer {
    position:absolute;
    width:290px;
    height:34px;
    background-image: url('/etc/designs/bmwnext/apps/bmwnext/mybmw/myconfiguration/static/parComponents/themes/myconfigurations/configstage/verlauf.png.resource.1416811247838.png');
    left:980px;
    top:391px;
    z-index:666;
}

.vehicleStageToolboxMoreOptionsContainer {
    display:block;
    cursor:pointer;
    padding-left:16px;
    background-repeat:no-repeat;
    position:absolute;
    left:50px;
    top:19px;
    background-color:white;
}

.vehicleStageToolboxMoreOptionsContainer .vehicleStageToolboxMoreOptionsTextContainer {
    margin-top:-3px;
    background:white;
}

.vehicleStageToolboxMoreOptionsContainer .vehicleStageToolboxMoreOptionsTextContainer:hover {
    color:#1C69D4;
}

.vehicleStageOuterTextContainer {
    position: absolute;
    top: 86px;
    height: 25px;
    width: auto;
    max-width: 950px;
}

.vehicleStageDeleteLinkContainer {
    margin-bottom: 19px
}


.vehicleStageToolboxLinkNodeContainer {
    margin-top:5px;
    width:200px;
    opacity:0;
}

.vehicleStageToolboxLinkNodeContainer:first-child {
    margin-top:0px;
}

.vehicleStageToolboxLinkNodeContainer .vehicleStageToolboxLink {
    display:inline;
}

.vehicleStageDither {
    display: none;
    position: absolute;
    left: 295px;
    top: 0px;
    width: 950px;
    height: 440px;
    z-index: 3502;
}

.vehicleStageDitherErrMsg {
    display: none;
    margin-top: 200px;
    width: 100%;
    text-align: center;
    font-weight: bold;
    color: red;
}

.vehicleStageDitherSpinner {
    display: none;
    position: absolute;
    top: 220px;
    left: 485px;
    margin-left: -20px;
    border: 10px solid white;
    background: white;
}


a.vehicleStageShowDetailsLink {
    position: absolute;
    top: 145px; /* Must be changed when the height of the Toolbox must be modified */
}

h1.vehicleStageHeadline {
    white-space: nowrap;
    float: left;
    letter-spacing: 0;
    overflow: hidden;
    max-width: 900px;
    width: auto;
    padding-bottom: 4px;
    margin-bottom: -4px;
}

h3.vehicleStageSubheadline {
    clear:both;
    white-space: nowrap;
    float:left;
}

span.vehicleStageSubheadline {
    float: left;
}

div.vehicleStageImageContainer {
    position: absolute;
    width: 1270px;
    height: 380px;
    overflow:hidden;
    left:0;
    height:100%;
}

div.vehicleStagePreviewExterior {
    position: absolute;
    left: 245px;
    top: 44px;
    width: 820px;
    height: 360px;
}

.vehicleStageSkipButtonContainer {
    float:left;
    height:34px;
    width:19px;
}

.vehicleStageSkipButton {
    position:absolute;
    cursor:pointer;
    height:34px;
    width:19px;
}

.vehicleStagePreviousVehicleButton {
    background-position: -330px -180px;
}

.vehicleStagePreviousVehicleButton:hover {
    background-position: -330px -240px;
}

.vehicleStageNextVehicleButton:hover {
    background-position: -450px -240px;
}

.vehicleStageNextVehicleButton {
    background-position: -450px -180px;
    margin-left:15px;
}

.vehicleStageHeadlineContainer {
    float:left;
    margin-left:12px;
    margin-top: 1px;
}

.vehicleStageHeadlineArrowContainer {
    position:absolute;
    top:42px;
    margin-left:-32px;
}

div.vehicleStageBestVehicleStar {
    float: left;
    margin-top: 3px;
    margin-left: 6px;
}

.brand-bmwi div.vehicleStageBestVehicleStar {
    margin-top: 8px; 
}

.vehicleStageContent .vehicleStageVinNotSetText {
    right: 304px;
    top: 390px;
    position: absolute;
    color: #666666;
}

.vehicleStageContent .vehicleStageVinNoImageAvailable {
    right: 304px;
    top: 390px;
    position: absolute;
    color: #666666;
    display: none;
}

.myBMWStageAreaDark .vehicleStageTurnsWhiteOnInt {
    color:white;
}
.vehicleteasers {
	/* hide initially because correct rendering is applyed as soon as dynamic content is loaded */
	/* we have to avoid displaying incorrect rendering for while loading dynamic content */
	display: none; 
}

.vehicleteasers.onPageWithVehicle {
    display: block; /* onPageWithVehicle css class also indicates that the dynamic content is loaded -> show component  */
    position: absolute;
    right: 45px;
    top: 602px;
    width: 210px;
}

.vehicleteasers.onPageWithoutVehicle {
    display: block; /* onPageWithoutVehicle css class also indicates that the dynamic content is loaded -> show component  */
    width: 970px;
    position: absolute;
    top: 636px;
}

.vehicleteasers.onPageWithVehicle .extendedArea {
  display: none;
}

.vehicleTeaserFixed {
    float: left;
    margin-right: 35px;
    margin-top: 20px;
}

/* CQ Author styles */
body.cq-wcm-edit .vehicleTeaserArea {
    position: static;
}

body.cq-wcm-edit .vehicleteasers.onPageWithVehicle,
body.cq-wcm-edit .vehicleteasers.onPageWithoutVehicle{
    position: inherit;
    top:inherit;
}

body.cq-wcm-edit .vehicleTeaserFixed {
    margin-top: 120px;
}
/*===== STYLES FOR MYCONFIG DELETE COMPONENT =====*/

/*Override default footer margin-top*/
#myConfigDeleteDialogId .dialogComponentFooter{
  margin-top: 0px;
}

.myconfigdelete .gplContentFooter {
  margin-right: 0;  
}

.myconfigDeleteContainer {
  min-height: 256px;
  position: relative;
  /* margin-bottom: -13px;  Need 2px bottom margin; counterbalance .gplContentBody's 15px */
  margin-top: 36px;

}

.myconfigDeleteModelName {
  font-weight: bold;
  font-family: sans-serif;
  font-size: 18px;
  margin-bottom: 8px;
}

.myconfigDeleteConfigNote {
  font-family: Arial,sans-serif;
  font-size: 13px;
  font-weight: normal;
  padding-top: 6px;
}

.myConfigDeleteTextWrapper {
  position: absolute;
  height: 24px;  
}

.myConfigDeleteIcon {
  display: inline-block;
  float: left;
  margin-right: 6px;
  text-align: center;
}

.myconfigDeleteContainer .spriteLabelWarningGrey24 {
  width: 26px;
}

.myconfigDeleteConfigImage {
  width: 445px;
  height: 212px;
  top: 0px;
  margin-top: 8px;
}

.myconfigDeleteConfigImage #myconfigDeleteConfigImage {
  background-position: center center;
  background-repeat: no-repeat;
}

.myconfigDeleteConfigImageFilter {
  width: 460px;
  height: 256px;
  position: absolute;
  top: 0px;
  left: 0px;
  background-image: url('/etc/designs/bmwnext/apps/bmwnext/base/static/parComponents/dither/dither.png.resource.1416811220390.png');
}

.myconfigDeleteConfigImageFilter img{
  width: 100%;
  height: 100%;
}

.myconfigDeleteConfigImageText{
  display: inline-block;
  font-family: BMWType_Bold,Arial,sans-serif;
  font-size: 17px;
  line-height: 20px;
  margin-top: 1px;
}

.myconfigDeleteButtonBar {
}

.myconfigDeleteDialogButton{
  margin-left: 10px;
}
/*===== STYLES FOR MYCONFIG RENAME COMPONENT =====*/


.myconfigRenameContainer {
  margin-top: 29px;
}


.myconfigrename .gplContentFooter {
  margin-right: 0;  
}

.myconfigrename .gplContentFooter .gplContentFooterButtonBar {
    padding-top: 20px;
}

.myconfigrename #myConfigMessageContainer {
  height: auto;
}

.myconfigRenameContainer .leftColumn{
    float: left;
}

.myconfigRenameContainer .rightColumn{
    display: table-cell;
    font-size: 13px;
    padding-top: 5px;
}

.myconfigRenameContainer .leftColumn input{
  height: 17px;
  width: 438px;
  border-top: 6px; 
  font-size: 12px;
  line-height:16px;
  padding: 1px 0 0 3px;
  margin-top: 5px;
  margin-right: 48px;
  font-weight: inherit;
  font-size: inherit;
  border: solid 1px #888888;
  vertical-align:top;
  overflow: visible;
}

.myconfigRenameMandatoryReminder {
  clear: both;
  padding-bottom: 9px;
  padding-top: 30px;
}

.hide {
  display: none;
}

#myconfigRenameErrorMessage {
  margin-top: 4px;
  color: RED;
}

#myconfigRenameNameRequiredErrorMessage {
  display: none;
}
#myConfigMessageContainer{
  height: 22px;
}
/*===== STYLES FOR MYCONFIG SAVE COMPONENT =====*/
/* $Id$ */
.myconfigsave .gplContentHeader {
  margin-right: 0;  
}

.myconfigsave .gplContentBody {
  margin-right: 0;  
}

.myconfigsave .gplContentFooter {
  margin-right: 0;  
}

#myconfigSave2ColumnLayoutTable {
  border: 0px;
  margin: 0px;
  padding: 0px;
}

.myconfigSaveText { 
  color: #555555;
  font-family: Arial,sans-serif;
  font-weight: normal;
  font-size: 13px;
}

.myconfigSaveLeftCol {
  width: 460px;
  vertical-align: top;
  text-align: left;
}

#myconfigSaveMandatoryHint {
  margin-top: -15px;
}

.myconfigSaveRightCol {
  width: 210px; 
  padding-left: 30px;
  vertical-align: top;
  text-align: left;
}

.myconfigSaveRightCol .myconfigSaveError {
  width: auto;
}

.myconfigSaveConfigImageWrapper{
  width:460px;
  height: 256px; 
}

#myconfigSaveConfigImage {
  margin-top: 6px; 
}
#myconfigSaveUserNoteTitle {
  position: relative;
  z-index: 100;
  margin-bottom: 3px;
  margin-top: 0px;
}

#myconfigSaveUserNote {
  width: 415px;
  height: 18px;
  padding: 0 4px;
  border: 1px solid #888888;
  overflow:hidden;
}

#myconfigSaveMandatoryHint {
  margin-top: 30px;
  margin-bottom: 6px;
}

#myconfigSaveOptions {
  margin-top: 27px;
  vertical-align: top;
  margin-bottom: 5px;
}

.myconfigSaveBody #myconfigSaveOptions {
  margin-top: 40px;
}

.myconfigSaveBody .myconfigSaveLeftCol .charleft {
  height: 19px;
}

#myconfigSaveUserNoteHint {
  width: 425px;
}

#myconfigSaveOptionsHeadline {
  margin-bottom:9px;
}



.myconfigSaveOption {
  float: left;
  width: 100%;
  vertical-align: top;
  text-align: left;
}


.myconfigSaveOptionCheckbox {
  float: left;
  margin-right: 6px;
  margin-top: 2px;
  display:table-cell;
}


.myconfigSaveOptionDesc {
  display:table-cell;
}

.myConfigSavePrimaryFixImg {
  background-image: url('/etc/designs/bmwnext/apps/bmwnext/base/static/parComponents/icon/base/labels.png.resource.1416811220404.png');
  display: inline-block;
  margin-left: 6px;
}

    
.myconfigSavePrimaryDiv {
  position: relative;
  top: -208px;
  left: 50px;
  width: 24px;
  height: 24px; 
  z-index: 1500;
  overflow: hidden;
  display: none;
}

.myconfigSavePrimaryImage {
  display:none;
  background-image: url('/etc/designs/bmwnext/apps/bmwnext/base/static/parComponents/icon/base/labels.png.resource.1416811220404.png');
}

.myconfigSaveOptionDesc img {
  margin-left: 4px;
  margin-right: 4px;
  width: 12px;
  height: 12px;
}

.myconfigSaveOptionClear {
  clear: both;
}

.myconfigSaveOptionRequest {
  float: left;
  margin-top: 14px;
}

#myconfigSaveError {
  margin-top: 21px;
}

.myconfigSaveError {
  color: #FF0000 !important;
  border-color: #FF0000 !important;
}

/* Buttons and error div will be enabled through javascript */
.myconfigSavedialogButton, .myconfigOverwriteDialogButton, .myconfigSaveAsDialogButton, #myconfigSaveError, #myConfigSavePrimaryFix {
  display: none;
}    

.additionalOption {
  display: none;  
}

.myconfigSaveBody .myconfigSaveText textarea {
    overflow:hidden;
}
/*===== STYLES FOR MYCONFIG SAVE CONFIRM COMPONENT =====*/
.myconfigsaveconfirm .gplContentFooter {
  margin-right: 0;
}


.myConfigSaveConfirmTextWrapper {
  position: absolute;
  height: 24px;  
}


.myConfigSaveConfirmIcon {
  display: inline-block;
  float: left;
  margin-right: 6px;
  text-align: center;
}


.myconfigSaveConfigImageText{
  display: inline-block;
  font-family: BMWType_Bold;
  font-size: 18px;
  margin-top: 4px;
}


.myconfigSaveConfirmConfigImage, #configSelectorImgMiddle{

}
 #configSelectorImgMiddle{

}
.myconfigSaveConfirmBody {
  width:100%;
  display:block;
  height:256px;
  position:relative;
  margin-top: 38px;
}
.myconfigSaveConfirmImageDither{
  background-image: url('/etc/designs/bmwnext/apps/bmwnext/base/static/parComponents/dither/dither.png.resource.1416811220390.png');
  position:absolute;
  top:0px;
  left:0px;
  width:460px;
  height:256px;
  
}

#successIconId{
  position:absolute;
  top:112px;
  left:132px;
}

.myconfigSaveConfirmConfigName {
  top:-5px;
}

.myconfigSaveConfirmUserNote {
  font-size: 13px;
  margin-top: 10px;
}

.myconfigSaveConfirmMessageContainer{
  position:absolute;
  width:304px;
  left:156px;
  top:110px;
}

.myconfigSaveConfirmButtonBar {
  height: 24px;
}

.myconfigSaveConfirmDialogButton{  
  width: 200px;
  margin-left:8px;
}

/*===== STYLES FOR MYCONFIG SHARE COMPONENT =====*/


.myconfigShareContainer {
  margin-bottom: 42px;
}

.myconfigShareDescriptionText {
	margin-top: -11px;
}

.myconfigShareContainer .gplContentBody .processTextWrapper {
	padding-bottom: 0px;
}

.myconfigShareContainer .gplContentBody .processTextWrapperLast {
    padding-bottom: 0;
    margin-bottom: 9px;
}

.myconfigshare .gplContentHeader .gplHeadline h1,
.myconfigsharesuccess .gplContentHeader .gplHeadline h1,
.myconfigunshare .gplContentHeader .gplHeadline h1 {
    line-height: 38px;
}

.myconfigshare .gplContentHeader,
.myconfigsharesuccess .gplContentHeader,
.myconfigunshare .gplContentHeader {
    margin-top: 0;
}

.myconfigshare .gplContentFooter,
.myconfigsharesuccess .gplContentFooter,
.myconfigunshare .gplContentFooter {
    margin-right: 0;
}

.myconfigshare .myconfigShareConfigImage {
    margin-top: -6px;
}
/*===== STYLES FOR MYCONFIG SHARE SUCCESS COMPONENT =====*/


.myconfigShareSuccessContainer {
  margin-top: 24px;
  margin-bottom: 23px;
}

.myconfigShareSuccessFooter {
  margin-top: 5px;	
}
/*===== STYLES FOR MYCONFIG UNSHARE COMPONENT =====*/


.myconfigUnShareContainer {
  margin-top: 24px;
  margin-bottom: 23px;
}

.myconfigUnShareFooter {
	margin-top: 5px;
}
/* ========== myConfigBoughtForm.css ========== */

.myConfigBoughtForm .myconfigBuyCopyText {
  margin-top: 29px;
}

.myConfigBoughtForm .formButtonBar {
  margin-top: 52px;
}

.myConfigBoughtForm .myconfigBuyHeadline h1 {
  line-height: 38px;
  padding-bottom:0;
  margin-top: -8px;
}

.myConfigBoughtForm .myConfigBoughtFS .myConfigBuyContainer .myConfigBuyCheckboxContainer {
  margin-top: 40px;
}

.myConfigBoughtForm .requiredLabel {
  margin-top: 29px;
  margin-bottom: -45px;
}
/* ========== myConfigBoughtFS.css ========== */

.myConfigBoughtFS .myConfigBuyContainer .myconfigBuyVehicleDetailsSubheadline {
  margin-top: 42px;
  margin-bottom: 13px;
}

.myConfigBoughtFS .myConfigBuyContainer .myConfigVinDescriptionDiv {
  margin-top: 3px;
}

.myConfigBoughtFS .myConfigBuyContainer .myConfigBuyVinInputDiv {
  margin-top: 14px;
}

.myConfigBoughtFS .myConfigBuyContainer .myConfigBuyVinHintDiv {
  color: #D20000;
  margin-top: 9px;
}

.myConfigBoughtFS .myConfigBuyContainer .myConfigBuyVinLabelDiv {
}

.myConfigBoughtFS .myConfigBuyContainer .myConfigBuyVinDescription {
  margin-top: 8px;
}

.myConfigBoughtFS .myConfigBuyContainer .myConfigBuyVinRequiredMessageDiv {
  margin-top: 26px;
}

.myConfigBoughtFS .myConfigBuyContainer .myConfigBuyCheckboxContainer {
  margin-top: 27px;
}

.myConfigBoughtFS .myConfigBuyContainer .myconfigBuyCheckboxSubHeadline {
  margin-top: 15px;
}

.myConfigBoughtFS .myConfigBuyContainer .myConfigBuyCheckboxDiv {
  margin-top: 10px;
}

.myConfigBoughtFS .myconfigBuyMandatoryReminder {
  clear: both;
  padding-bottom: 7px;
  padding-top: 30px;
}

.myConfigBoughtFS .myConfigBuyContainer .myconfigBuyInsertVinSubheadline {
  margin-top: 22px;
}
/* Checkbox component */

.checkBoxComponent label {
    display: block;
    padding-right: 10px;
    padding-left: 22px;
    text-indent: -22px;
}

.checkBoxComponent input {
    vertical-align: middle;
    margin-right: 1px;
}

.checkBoxComponent label span {
    vertical-align: middle;
}

.mybmw_myconfigurationslayer_carwrapper_stage, .mybmw_myconfigurationslayer_carwrapper_stage_expanded {
  float:left;
  width:1270px;
  margin-top:-5px;
}

.mybmw_myconfigurationslayer_carwrapper_stage_expanded_hidden {
  position:absolute;
  top:-500px;
}

.mybmw_myconfigurationslayer_carwrapper {
  float:left;
  position:relative;
  width:1210px;
  height:0px;
  display:block;
  overflow:hidden;
  margin-left:40px;
  z-index:900;
}

.mybmw_myconfigurationslayer_carwrapper_cutout { 
  float:left;
  position:relative;
  width:1030px;
  height:1000px;
  display:block;
  overflow-x:hidden;
  overflow-y:visible;
  margin-left:90px;
  background:none;
  z-index:900;
}

.mybmw_myconfigurationslayer_carwrapper_dither {
  position:absolute;
  width:1210px;
  height:691px;
  display:none; 
  overflow:hidden;
  z-index:1200;
  background: url('/etc/designs/bmwnext/apps/bmwnext/base/static/parComponents/dither/dither.png.resource.1416811220390.png');
}

.mybmw_myconfigurationslayer_carwrapper_inner {
  width:1000px;
  height:auto;
  overflow:hidden;
  margin-left:49px;
  margin-top:50px;
  position:absolute;
  display:block;
  z-index:900;
  padding-bottom:30px;
  background:white;
  filter:none;
}

.mybmw_myconfigurationslayer_carcontainer {
  float:left;
  display:block;
  margin-right:35px;
  width:210px;
  background-color:white;
}

.mybmw_myconfigurationslayer_image_container {
    width: 210px;
    height: 116px;
    overflow:hidden;
}

.mybmw_myconfigurationslayer_carcontainer .primaryConfig {
    position: relative;
    float:left;
    margin-left:24px;
}

.mybmw_myconfigurationslayer_carcontainer .primaryConfig .primaryConfigInner {
    float:left;
    position:absolute;
    height:18px;
    width:18px;
    top:10px;
    left:10px;
    background: url('/etc/designs/bmwnext/apps/bmwnext/base/static/parComponents/icon/base/labels.png.resource.1416811220404.png') -38px -37px no-repeat;
}

.mybmw_myconfigurationslayer_carcontainer .invalidConfig {
    position:relative;
}

.mybmw_myconfigurationslayer_carcontainer .invalidConfig .invalidConfigInner {
    float:left;
    position:absolute;
    height:18px;
    width:18px;
    top:10px;
    left:10px;
    background: url('/etc/designs/bmwnext/apps/bmwnext/base/static/parComponents/icon/base/labels.png.resource.1416811220404.png') -154px -37px no-repeat;
}

.mybmw_myconfigurationslayer_invalidConfigText {
    background:white;
    position:absolute;
    width:180px;
    height:51px;
    font-weight:bold;
    margin-top:35px;
    padding-left:10px;
    display:none;
}


.mybmw_myconfigurationslayer_carcontainer_linespacer {
    clear:both;
    height:15px;
}

.mybmw_myconfigurationslayer_carcontainer .title, .mybmw_myconfigurationslayer_carcontainer .description {
    width:158px;
    max-height:158px;
    overflow-x:hidden;
    margin-left:10px;
}

.mybmw_myconfigurationslayer_carcontainer .description {
    margin-top:4px;
    line-height:15px;
    word-wrap:break-word;
}

.mybmw_myconfigurationslayer_toggle_wrapper {
    float:left;
    position:relative;
    width:1210px;
    height:47px;
    z-index:3610;
    opacity:0;
    moz-opacity:0;
    filter: alpha(opacity = 0);
    overflow-y:hidden;
}

.mybmw_myconfigurationslayer_toggle_inner_mask {
    float:left;
    margin-left:274px;
    margin-top:-1px;
    padding-left:5px;
    padding-right:5px;
    padding-bottom:5px;
    overflow-x:visible;
    overflow-y:hidden;
}

.mybmw_myconfigurationslayer_toggle_inner {
    float:left;
    background: white url('/etc/designs/bmwnext/apps/bmwnext/mybmw/myconfiguration/static/parComponents/themes/myconfigurations/configpalette/toggle_down.png.resource.1416811247812.png') 15px 16px;
    background-repeat:no-repeat;
    overflow:hidden;
    width:auto;
    min-width:250px;
    max-width:930px;
    padding-bottom:10px;
    padding-right:14px;
}

.mybmw_myconfigurationslayer_toggle_inner_down {
    background-image: url('/etc/designs/bmwnext/apps/bmwnext/mybmw/myconfiguration/static/parComponents/themes/myconfigurations/configpalette/toggle_down.png.resource.1416811247812.png');
}

.mybmw_myconfigurationslayer_toggle_inner_up {
    background-image: url('/etc/designs/bmwnext/apps/bmwnext/mybmw/myconfiguration/static/parComponents/themes/myconfigurations/configpalette/toggle_up.png.resource.1416811247813.png');
}


.mybmw_myconfigurationslayer_toggle_inner_over_down {
    background-image: url('/etc/designs/bmwnext/apps/bmwnext/mybmw/myconfiguration/static/parComponents/themes/myconfigurations/configpalette/toggle_down_hover.png.resource.1416811247813.png');
}

.mybmw_myconfigurationslayer_toggle_inner_over_up {
    background-image: url('/etc/designs/bmwnext/apps/bmwnext/mybmw/myconfiguration/static/parComponents/themes/myconfigurations/configpalette/toggle_up_hover.png.resource.1416811247814.png');
}

.mybmw_myconfigurationslayer_toggle {
    float:left;
    padding-left:38px;
    padding-top:9px;
    font-size:13px;
}

.mybmw_myconfigurationslayer_toggle_inner_text {
  float:left;
  color: #666666;
}

.mybmw_myconfigurationslayer_arrow_left {
  position:absolute;
  left:40px;
  top:0px;
  height:629px;
  width:31px;
  padding-top:292px;
  z-index:1000;
}

.mybmw_myconfigurationslayer_arrow_right {
  position:absolute;
  left:1141px;
  top:0px;
  height:629px;
  width:31px;  
  padding-top:292px;
  z-index:1000;
}

.mybmw_myconfigurationslayer_arrow_left_inner, .mybmw_myconfigurationslayer_arrow_right_inner {
  width:30px;
  height:55px;
}

.mybmw_myconfigurationslayer_arrow_left_imagediv_inactive {
  background-position: -391px -300px; 
  width:30px;
  height:55px;
  cursor: default;
}

.mybmw_myconfigurationslayer_arrow_right_imagediv_inactive {
  background-position: -512px -300px;
  width:30px;
  height:55px;
  cursor: default;
}

.mybmw_myconfigurationslayer_arrow_left_imagediv_active {
  background-position: -391px -180px;
  width:30px;
  height:55px;
} 

.mybmw_myconfigurationslayer_arrow_right_imagediv_active {
  background-position: -512px -180px;
  width:30px;
  height:55px;
}

.mybmw_myconfigurationslayer_arrow_left_imagediv_hover {
  background-position: -391px -240px;
  width:30px;
  height:55px;
} 

.mybmw_myconfigurationslayer_arrow_right_imagediv_hover {
  background-position: -512px -240px;
  width:30px;
  height:55px;
}


.mybmw_myconfigurationslayer_infobar {
  position:absolute;
  left:0px;
  top:0px;
  width:1210px;
  height:30px;
  margin-right:10px;
  margin-top:15px;
  text-align:right;
  z-index:1100;
}

.mybmw_myconfigurationslayer_infobar_infotext {
    float:left;
    margin-left:25px;
    font-family:BMWType_Bold;
    font-size:13px;
}

.mybmw_myconfigurationslayer_infobar_infotext_larger {
    font-size:17px;
}

.mybmw_myconfigurationslayer_infobar_dropdown_wrapper {
    float:right;
    margin-right:9px;
    margin-left:30px;
}

.mybmw_myconfigurationslayer_infobar_dropdown {
    width:180px;
    margin-left:1px;
}



.mybmw_myconfigurationslayer_carcontainer_functions {
    display:none;
    position:absolute;
    width:210px;
    height:155px;
}

.mybmw_myconfigurationslayer_RemoveButton {
    background-position: -450px -60px;
    background-repeat: no-repeat;
    display: block; 
    width: 18px;
    height: 18px;
    position: absolute;
    right: 20px;
}

.mybmw_myconfigurationslayer_RemoveButton_over {
    background-position: -450px -90px;
}

.mybmw_myconfigurationslayer_ChooseButtonContainerWrapper {
    overflow:hidden;
    width:180px;
    height:25px;
}


.mybmw_myconfigurationslayer_ChooseButton {
    
}

.mybmw_myconfigurationslayer_ChooseButtonContainer {
    display: none;
    margin-left:10px; 
    margin-top:84px;
    cursor: pointer;
    height: 25px;
    width: 180px;
    position: absolute;
    z-index:1250;
    overflow:hidden;
}

.mybmw_myconfigurationslayer_LinkContainer {
    position:absolute;
    background-color:white;
    height: 25px;
    width: 180px;
    padding-top:2px;
    margin-top:30px;
    overflow:hidden;
}



.mybmw_myconfigurationslayer_deleteLayer {
    display:none;
    position: absolute;
    width:180px;
    margin-top:70px;
    background:white;
    padding-left:10px;
    z-index:1300;
}

.mybmw_myconfigurationslayer_deleteLayer deleteConfig_link {
    margin-top:7px !important;
}

.mybmw_myconfigurationslayer_deleteLayer .deleteConfig_cancel_link {
    margin-top:6px !important;
}

.mybmw_myconfigurationslayer_deleteLayer_text {
    padding-top:3px; 
}

.mybmw_myconfigurationslayer_chosenConfig, .mybmw_myconfigurationslayer_overButtonBar {
    background-color:#1C69D4;
    display: block;
    height: 5px;
    position: absolute;
    width: 180px;
}

.mybmw_myconfigurationslayer_chosenConfig {
    margin-left:10px; 
    margin-top:104px;
    z-index:1249; 
}

.mybmw_myconfigurationslayer_overButtonBar {
    margin-top:20px;
    z-index:1300;
}
.configStage {
    height: 420px;
    width: 100%;
    left: 0px;
    background-color: WHITE;
    position: relative;
    z-index: 1000; /* Make sure we're always underneath the leftnavi */
}

.configStageContent .flexbox {
    position:absolute;
    border-spacing: 2px 0;
    height: 40px;
    top: 401px;
    left: 323px;
}

.configStageContent .flexbox.noPalette {
    left: 505px;
}

.configStageEditModeToolbox {
    display: none;
    position: absolute;
    left: 290px;
    top: 210px;
    z-index: 3505;
    background: white;
    padding: 5px;
}

.configStageTeaser {
    display: none;
    width: 100%;
    height: 420px;
}

.configErrorTeaser {
    display: none;
    width: 100%;
    height: 420px;
}

div.configErrorTeaser .largeTeaserButtons {
    display: none;
}

.configStageContent {
    display: none;
    position: absolute;
    height: 420px;
    width: 970px;
    z-index: 3501;
    padding-left:295px;
    background:white;
}

.configStageSepBar {
    position: absolute;
    top: 420px;
    width: 100%;
    height: 4px;
    background-position: bottom;
    background-repeat: repeat-x;
    z-index: 3501;
}

.dashboardstageconfig .configStageSepBar { /* Dashboard stage already includes shadow */
    display: none;
}

.configStageDither {
    display: none;
    position: absolute;
    left: 295px;
    top: 0px;
    width: 950px;
    height: 420px;
    z-index: 3502;
}

.configStageDitherErrMsg {
    display: none;
    margin-top: 200px;
    width: 100%;
    text-align: center;
    font-weight: bold;
    color: red;
}

.configStageDitherSpinner {
    display: none;
    position: absolute;
    top: 220px;
    left: 485px;
    margin-left: -20px;
    border: 10px solid white;
    background: white;
}


.configStageOuterTextContainer {
    position: absolute;
    top: 86px;
    height: 25px;
    width: auto;
    max-width: 950px;
}

h1.configStageHeadline {
  white-space: nowrap;
  float: left;
  letter-spacing: 0;
  overflow: hidden;
  max-width: 900px;
  width: auto;
  padding-bottom: 4px;
  margin-bottom: -4px;
}

h3.configStageSubheadline {
    clear:both;
    white-space: nowrap;
    float:left;
}

span.configStageSubheadline {
    float: left;
}

div.configStageBestConfigStar {
    float: left;
    margin-top: 3px;
    margin-left: 6px;
}

.brand-bmwi div.configStageBestConfigStar {
    margin-top: 8px;
}

div.configStageLastChanged {
    clear:both;
    margin-top: 10px;
    white-space: nowrap;
    float:left;
}

div.configStageNoLongerBuildable {
    display: none;
    width: 195px;
    float: left;
    clear: both;
    margin-top: 30px;
}

div.configStageNoLongerBuildableIcon {
    float: left;
    margin-right: 9px;
    margin-top: 2px;
}

h4.configStageNoLongerBuildableLabel {
    line-height: 16px;
}

div.configStageNoLongerBuildableInfoIconContainer {
    display: inline;
}

div.configStageNoLongerBuildable .infoiconNoLongerBuildable {
    display: inline;
}

a.configStageShowDetailsLink {
    position: absolute;
    top: 145px; /* Must be changed when the height of the Toolbox must be modified */
}

a.configStageDeleteConfigLink {
    display: none;
    float: left;
    margin-left:33px;
    margin-top:10px;
}

div.configStageToolboxContainer {
    clear:both;
    float:left;
    margin-top:20px;
}

div.configStageToolboxIcon {
    float: left;
    margin-right: 5px;
}

div.configStageToolboxLabel {
    white-space: nowrap;
    margin-top: 1px;
}

.configStageToolboxContent {
    margin-top: -2px;
}

div.configStageToolboxContent a {
    white-space: nowrap;
    width: 180px;
    filter:none;
}

div.configStageRequestsBar {
    width: 950px;
}

div.configStageRequestsBar div.rfxButton{
    float: left;
}

div.configStageRequestsBar div.configStageRequestsButtonOpenConfigInNCCContainer {
    float:left;
}

div.configStageImagePerspective {
    position: absolute;
    top: 336px;
    left: 1171px;
}

div.configStageExteriorIcon {
    display: none;
    float: left;
    margin-right: 6px;
}

div.configStageExteriorRearIcon {
    float: left;
    margin-right: 6px;
}

div.configStageInteriorIcon {
    float: left;
    margin-right: 6px;
}


div.configStageImageContainer {
    position: absolute;
    width: 1270px;
    height: 380px;
    overflow:hidden;
    left:0;
    height:100%;
}

.exteriorImage, .exteriorImageRear, .interiorImage, .interiorImageMask {
    display:none;
}

div.configStagePreviewExterior, div.configStagePreviewExteriorRear {
    position: absolute;
    left: 400px;
    top: 50px;
    width: 820px;
    height: 380px;
}

div.configStagePreviewExteriorRear {
    display: none;
}

div.configStagePreviewInterior {
    display: none;
    position: absolute;
    left: 0px;
    top: 0px;
    width: 1270px;
    height: 100%;
    background-position: center -25px;
}

.configStageRequestsBar .rfxButton {
    border-spacing: 1px 0;
}

.contextLayerClosableConfigStageToolbox {
    margin: 0 30px 26px 30px;
}

.configStageToolboxContent .configStageToolboxLinkNode {
    padding-bottom:5px;
}

.configStageToolboxLink.toolboxLink13px {
    cursor:pointer;
    color:#666666;
    background: url('/etc/designs/bmwnext/apps/bmwnext/base/static/parComponents/icon/base/icons.png.resource.1416811220402.png') no-repeat -990px -227px;
    padding-left:9px;
}

.configStageToolboxLink.toolboxLink13px.hover {
    cursor:pointer;
    color: #1C69D4;
    background-position: -960px -257px;
}

.configStageToolboxContent .configStageToolboxLinkNode h4 {
    margin-top: 20px;
}

.configStageToolboxContent .configStageToolboxLinkNodeLast {
    padding-bottom:0px;
}

.configStageToolboxContent .configStageToolboxCopyText {
    margin-top:3px;
}

.configStagetoolConfigurationsLayerButtonContainer {
    position:absolute;
    margin-top:150px;
}

.configStageSkipButtonContainer {
    float:left;
    height:34px;
    width:19px;
}

.configStageSkipButton {
    position:absolute;
    cursor:pointer;
    height:34px;
    width:19px;
}

.configStagePreviousConfigButton {
    background-position: -330px -180px;
}

.configStagePreviousConfigButton:hover {
    background-position: -330px -240px;
}

.configStageNextConfigButton:hover {
    background-position: -450px -240px;
}

.configStageNextConfigButton {
    background-position: -450px -180px;
    margin-left:15px;
}

.configStageHeadlineContainer {
    float:left;
    margin-left:12px;
    margin-top: 1px;
}

.configStageHeadlineArrowContainer {
    position:absolute;
    top:42px;
    margin-left:-32px;
}

.configStageToolboxOuterContainer {
    position: absolute;
    left: 975px;
    width: 295px;
    height: 204px; /* Must be changed when the height of the Toolbox must be modified */
    overflow: hidden;
    top: 216px; /* Must be changed when the height of the Toolbox must be modified */
    z-index: 666;
}

.configStageToolboxInnerContainer {
    position:absolute;
    left:5px;
    top:2px;
    width:240px;
    height:300px;
    padding-left:50px;
    padding-top:0px;
}

.configStageToolboxLinksContainer {
    width:200px;
    margin-top:17px;
    padding-top:0px;
    border-top:0px solid #e6e6e6;
}

.configStageToolboxInnerContainer.vinEntered .configStageToolboxLinksContainer {
    margin-top:17px;
}

.configStageToolboxMoreOptionsOuterContainer {
    position:absolute;
    width:290px;
    height:34px;
    background-image: url('/etc/designs/bmwnext/apps/bmwnext/mybmw/myconfiguration/static/parComponents/themes/myconfigurations/configstage/verlauf.png.resource.1416811247838.png');
    left:980px;
    top:390px;
    z-index:666;
}

.configStageToolboxMoreOptionsContainer {
    display:block;
    cursor:pointer;
    padding-left:16px;
    background-repeat:no-repeat;
    position:absolute;
    left:50px;
    top:20px;
    background-color:white;
}


.configStageToolboxMoreOptionsContainer .configStageToolboxMoreOptionsTextContainer {
    margin-top:-3px;
    background:white;
}

.configStageToolboxMoreOptionsContainer .configStageToolboxMoreOptionsTextContainer:hover {
    color:#1C69D4;
}

.configStageDeleteLinkContainer {
    margin-bottom: 19px;
}


.configStageToolboxLinkNodeContainer {
    margin-top:4px;
    width:200px;
}

.configStageToolboxLinkNodeContainer:first-child {
    margin-top:0px;
}

.configStageToolboxLinkNodeContainer .configStageToolboxLink {
    display:block;
}

.stageTooltip {
    position:absolute;
    margin-left:5px;
    margin-top:2px;
    display:inline;
}
.configTeaserArea {
    display: none;
    position: absolute;
}

.configTeaserAreaExtendedTeasers {
    display: none;
}

.configTeaserAreaOfferTeasers {
    display: none;
}

.configTeaserAreaWithSnapshot {
    display: block;
    width: 215px;
    right: 40px;
    margin-top:65px;
}

.configTeaserAreaWithoutSnapshot {
    display: block;
    width: 970px;
    margin-top:65px;
}

.configTeaserFixed {
    float: left;
    margin-right: 35px;
    margin-top: 20px;
}

.configteasers {
    margin-top:-20px;
}
/*===== STYLES FOR THE MYCONFIGURATIONS OVERVIEW COMPONENT =====*/

#carConfigureLink,#carCompareLink {
  margin-bottom: 10px;
}

#configSelectorButtonContainer{
  height: 24px;
}

#car{

  margin-top: 40px;
  margin-right:10px;

}

#myconfigPrimaryFlag{
  left: 335px;
  top: 150px;
  z-index: 1;
  position: absolute;
}

#carConfigure{
  width: 180px;
  position: absolute;
  top: 185px;
}

.carPictureWrapper {
  background-color: #FFFFFF;
  padding: 15px 10px 10px 20px;
  width: auto;
  height: auto;
}

#carPictureHeader {
  height: 30px;
  position: absolute;
  width: 890px;
}

.carPictureContent {
  margin-top: 10px;
}

#carPicturePrint {
  float: left;
  margin-right: 10px;
}

#carPictureLastChangedDate {
  float: left;
  font-size: 13px;
  line-height: 16px;
  color: #262626; /*default */
  text-align: left; /*default */
  vertical-align: middle;
  white-space: normal;
  padding-top: 2px;
}

#carPictureControl {
  float: right;
}

#carPictureControl a.linkArrow13px{
  float: left;
}

#carPictureModelInfo {
  width: 300px; 
  z-index:10; 
  position: absolute; 
  top: 45px;
}

#carPictureModelInfo a.linkArrow13px{
  margin-top: 7px;
}

.carPictureModel {
  z-index: 0;
  float: right;
  width: 677px;
}

.carPictureHeadline,.carPictureSubHeadline {
  font-size: 22px;
  line-height: 22px;
  font-weight: bold;
  font-family: BMWType_Bold;
  color: #262626; /*default */
  text-align: left; /*default */
  vertical-align: top;
  text-transform: uppercase; /*versal */
  white-space: normal;
}

.carPictureHeadline {
  text-transform: none;
  margin-top: -4px;
}

.carPictureSubHeadline {
  font-size: 13px;
  line-height: 13px;
  margin-top: 7px;
  text-transform: none;
}

.carPictureFont,.carPictureFontBold {
  font-size: 13px;
  line-height: 16px;
  color: #262626; /*default */
  text-align: left; /*default */
  vertical-align: middle;
  white-space: normal;
  padding-top: 2px;
}

#carPictureOverlay{
  position: absolute; 
  top: 300px; 
  width: 250px; 
  right: 10px; 
  height: 32px; 
  z-index:20;
}

#carPictureOverlay .carPictureOverlayLeft{
  float: left;
}

#carPictureOverlay .carPictureOverlayRight{
  float: right;
  padding-top:10px;
}


.carPictureFont {
  margin-bottom: 9px;
  height: 65px;
  overflow: hidden;
}

.carPictureFont .text p{
  padding-bottom: 0px;
}

.carPictureFontBold {
  font-family: BMWType_Bold;
}

.myconfigLeft {
  background-color: #FFFFFF;
  width: 158px;
  float: left;
  padding: 20px 40px 40px 20px;
}

.myconfigCampaignOffers {
  position: absolute;
  top: 474px;
  left: 523px;
  width: 439px;
  height: 363px;
  background-image: url('/etc/designs/bmwnext/apps/bmwnext/mybmw/myconfiguration/static/parComponents/themes/myconfigurations/overview/img_dummy_campaign.jpg.resource.1416811247858.jpg');
}

.myconfigExplore {
  position: absolute;
  top: 867px;
  left: 523px;
  width: 439px;
  height: 320px;
  background-image: url('/etc/designs/bmwnext/apps/bmwnext/mybmw/myconfiguration/static/parComponents/themes/myconfigurations/overview/img_dummy_explore.jpg.resource.1416811247861.jpg');
}

.myconfigNotepad {
  position: absolute;
  top: 1217px;
  left: 523px;
  width: 439px;
  height: 294px;
  background-image: url('/etc/designs/bmwnext/apps/bmwnext/mybmw/myconfiguration/static/parComponents/themes/myconfigurations/overview/img_dummy_notepad.jpg.resource.1416811247863.jpg');
}

.myconfigWhatsHot {
  position: absolute;
  top: 1541px;
  left: 523px;
  width: 439px;
  height: 294px;
  background-image: url('/etc/designs/bmwnext/apps/bmwnext/mybmw/myconfiguration/static/parComponents/themes/myconfigurations/overview/img_dummy_whatshot.jpg.resource.1416811247865.jpg');
}

.myconfigSnapshotBox {
  margin-bottom: 30px;
  padding-bottom: 8px;
  border-bottom: 2px solid #E7E7E7;
  position: relative;
}

.myconfigSnapshotChange {
  float: right;
  margin-top: 16px;
}

.myconfigMainRightCol .myconfigSnapshotBox {
  border-bottom: none;
  padding-bottom: 0px;
}

.myconfigSnapshotBox .myconfigSnapshotHeadline {
  margin-bottom: 15px;
}

.myconfigSnapshotBox .myconfigSnapshotSubheadline {
  margin-bottom: 11px;
}

.myconfigSnapshotHeadline {
  font-size: 22px; /*default */
  font-weight: bold;
  font-family: BMWType_Bold;
  color: #262626; /*default */
  text-align: left; /*default */
  vertical-align: top;
  white-space: nowrap;
  margin-top: -7px;
  position: relative;
}

.myconfigSnapshotSubheadline {
  font-size: 17px; /*default */
  font-weight: bold;
  font-family: BMWType_Bold;
  color: #262626; /*default */
  text-align: left; /*default */
  vertical-align: top;
  white-space: nowrap;
  margin-top: -5px;
  position: relative;
}

.myconfigSnapshotTable {
  width: 100%;
}

.infoMoveToMyVehicles {
  float: left;
  margin: 0px 20px 0px 6px;
}

.infoMyConfigDelete {
  float: left;
  margin: 0px 0px 0px 6px;
}

.myconfigSnapshotTable tr td {
  font-size: 12px;
  line-height: 16px;
  color: #262626;
  text-align: left;
  min-width: 120px;
  vertical-align: bottom;
}

.myconfigSnapshotTable tr.normal td {
  font-weight: normal;
}

.myconfigSnapshotTable tr.high td {
  font-weight: bold;
  margin-top: 0px;
  padding-bottom: 8px;
}

.myconfigSnapshotTextHighlighted {
  font-size: 12px;
  font-weight: bold;
  color: #262626;
  text-align: left;
  line-height: 22px;
}

.myconfigLeftSide {
  float: left;
  padding: 20px 40px 40px 20px;
  width: 158px;
}

.myconfigLeftSideBox {
  height: 400px;
}

.myconfigHeadlineDiv {
  padding-left: 40px;
  width: 920px;
  height: 94px;
  width: 60%;
  float: left;
}

.myconfigHeadline {
  overflow: visible;
  margin-top: 35px;
  padding-bottom: 25px;
}

.myconfigRightSide {
  position: relative;
}

.myconfigMain {
}

#configSelectorButton {
  width: auto;
  float: right;
  margin-top: 0;
}

.myconfigCarpicture {
  background-color: #FFFFFF;
  height: 400px;
  position: relative;
}

.myconfigMainTop {
  width: 100%;
  margin-top: -24px;
}

.myconfigMainLeftCol {
  float: left;
  width: 455px;
  margin-right: 35px;
  margin-bottom: 30px;
  margin-top: 30px;
}

.myconfigMainRightCol {
  float: right;
  width: 455px;
  margin-bottom: 30px;
  margin-top: 30px;
}

.myconfigMainRightColBox {
  margin-top: 30px;
  background-color: #fff;
}

.myconfigSnapshot {
  background-color: #fff;
  padding: 20px 20px 0px;
}

.noConfig {
  background-color: white;
  text-align: center;
  height: 350px;
  display: block;
}

.infoSetAsPrimary{
  float: left;
}
#snapshotContent {
    float:left;
    margin-top:45px;
    margin-left:15px;
    opacity:0;
}

#snapshotContent .nccConfiguration {
    margin-top: 0;
    width:670px;
}
#snapshotContent .nccSummaryOptiongroupTitle h3,
#snapshotContent .nccSummaryTransmissionTitle,
#snapshotContent .nccSummaryModelTitle {
    float:left;
    margin-top:18px;
    margin-bottom:9px;
}

#snapshotContent .nccSummaryChangeEquipmentLink,
#snapshotContent .nccSummaryAboveTopBorder,
#snapshotContent .nccSummaryChangeEquipmentFirstLink,
#snapshotContent .nccSummaryBlockSubtitle{
    float:right;
}
#snapshotContent .nccSummaryChangeEquipmentFirstLink{
    width:auto;
}
#snapshotContent .nccSummaryFeatureDetailCell,
#snapshotContent #summaryFinancing,
#snapshotContent .nccSummaryDisclaimer,
#snapshotContent .nccTransmissionType,
#snapshotContent .nccConfigurationItemLabel{
    clear:both;
}
#snapshotContent .nccSummaryViewport{
    clear:none;
}

#snapshotContent .nccTransmissionType {
    padding-top: 9px;
}

#snapshotContent .nccSummaryAboveTopBorder,
#snapshotContent .nccSummaryPageFeatureLabel {
    padding-top: 10px;
    padding-bottom: 4px;
}

#snapshotContent .nccSummaryHeadline, #snapshotContent .nccSummaryOptionHeadline {
    margin-left:-1px;
    letter-spacing:0;
}

#snapshotContent h1 {
    font-size:22px;
    line-height:22px;
    margin-bottom:0px;
}

#snapshotContent .nccSummarySectionTitle h2 {
    margin-top:63px;
    margin-bottom:9px;
}

#snapshotContent .nccSummaryBlockTitle {
    margin-top:0px;
}

#snapshotContent .nccSummaryBlockSubtitle {
    padding-top:20px;
}

#snapshotContent .nccSummaryChangeEquipmentFirstLink {
    margin-top:20px;
}

#snapshotContent .nccSummaryFeatureDetailCell .nccSummaryListImage,
#snapshotContent .nccSummaryFeatureDetailCell .nccFeatureDetailsDescription {
    margin-top: 9px;
}

#snapshotContent .nccSummaryViewport .nccSummaryTable .nccTopBorderOff {
    padding-top: 16px;
}

#snapshotContent .nccSummaryRowBottom {
    margin-bottom: 0px;
    border-top: 0px none;
}

#snapshotContent .nccSummarySectionTitle h2 {
    margin-top: 46px;
}

#snapshotContent #equipment .nccSummarySectionTitle h2 {
    margin-bottom: 1px;
    margin-top: 34px;
}

#snapshotContent #equipment .nccSummaryTable {
    margin-top: 0px;
    margin-bottom: 27px;
}

#snapshotContent #equipment .nccSummaryOptiongroupTitle h3 {
    margin-top: 0px;
    margin-bottom: 7px;
}

#snapshotContent #equipment .nccSummaryChangeEquipmentFirstLink {
    margin-top: 3px;
}
.adfreshmentOverlay {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 400px;
}
.adfreshmentTeaserDiv {
  height:  328px !important;
  overflow: hidden;
  position: relative;
}
.adfreshmentOverlay .largeTeaserButtonVertical {
  display: block !important;
}

.adfreshmentOverlay .headlineSizableStageSmall {
  font-size: 32px !important;
  line-height: 32px !important;
  margin-left: 0px;
  margin-bottom: 11px !important;
}

.adfreshmentOverlay .headlineSizableStageMedium {
  font-size: 44px !important;
  line-height: 44px !important;
  margin-left: 0px;
  margin-bottom: 10px !important;
}

.adfreshmentOverlay .headlineSizableStageLarge {
  font-size: 56px !important;
  line-height: 56px !important;
  margin-left: 0px;
  margin-bottom: 9px !important;
}

.adfreshmentOverlay .headlineSizableStage h1 {
  margin-bottom: 0px;
  padding-bottom: 0px;
}

.adfreshmentOverlay .adfreshmentSubline h2 {
  margin-bottom: 0px;
  padding-bottom: 0px;
}

.adfreshmentOverlay .headlineSizableStageSmallIndent {
  margin-left: 18px;
}

.adfreshmentOverlay .headlineSizableStageMediumIndent {
  margin-left: 26px;
}

.adfreshmentOverlay .headlineSizableStageLargeIndent {
  margin-left: 35px;
}

.largeTeaserButtons {
  margin-top: 18px;
}

.largeTeaserButtons .buttonComp {
  margin-top: 6px;
}
.adfreshmentAreaContainer {
  position: relative;
  width: 1440px;
  height: 328px;
  overflow: hidden;
}
.messageHeadline {
  float: left;
}

.messageSenderAndDate {
  float: left;
  margin-left: 6px;
}

.messageContent {
  font-size:13px;
  margin-top:9px;
  width:600px;
}

.messageAreaLinkContainer {
  margin-top: 15px;
}

.messageAccordionWrap {
  width:425px;
  overflow: hidden;
  display: block;
  position: relative;
  padding: 0 15px;
  }


.messageAccordionItem { 
  border-bottom: 2px solid #e6e6e6; 
  padding: 15px 0 12px;
  }
  
.messageAccordionItem .last{ 
  border-bottom: 2px solid #ffffff; 
  padding: 15px 0 12px;
  }
  
.messageAccordionItem .messageAccordionOpenClose {
  float:left; 
  padding-right:10px;
  }
  
.messageAccordionItem .messageAccordionHeadline {
}

.messageAccordionItem .messageDate{
  float: right;
  color: #000;
  font-weight: bold;
}

.messageAccordionItem .messageHeadline{
    margin: 0px;
}
.messageAccordionItem .messageSender{
  clear: both;
  float: none;  
}
.messageAccordionItem .messageContent{
  width:100%;
}

.messageAccordionClearfloat {
 clear: both;
 display:block;
 height:0px;
}
.messageAreaContainer {
  width: 670px;
  margin-top:2px;
}

.messageAreaHeadline {
  margin-bottom: 23px;
}

p.messageAreaCopy {
  width:600px;
  padding-bottom: 29px;
}

hr.messageAreaHr {
  height: 2px;
  border:0px;
  background-color:#e6e6e6;
  margin-top: 17px;
  margin-bottom: 9px;
}


.offerTeaserType {
  position: relative;
  width: 180px;
  height: 234px;
  cursor:pointer;
}

.offerTeaserType .offerImage {
  overflow: hidden;
  width: 180px;
  margin-bottom: 10px;
}
.teaserType9 .offerImage, .teaserType10 .offerImage, .teaserType11 .offerImage{
  width: 200px;
}

.teaserType9 .offerImage img, .teaserType10 .offerImage img, .teaserType11 .offerImage img{
  margin-left:-15px;
}

.offerTeaserType .offerLinkText,
.offerTeaserType .offerLinkArea {
  position: absolute;
  bottom: 0;
}
.offerTeaserType .offerLinkArea{
  height: 20px;
  width: 100%;
  bottom: 0px;
  background-color: #fff;
}

.offerLinkText {
  width: 100%;
}
.offerContainerPlaceholder {
  width: 210px;
  height:260px;
  color: #777;
  font-size : 13px;
}
  
.offerContent {
  width: 180px;
  height:230px;
  padding: 15px 15px 15px;
  overflow: hidden;
}

.offerCosyImg {
  border: 0pt none; margin-left: -15px; margin-top: 0px;
}

.offerContainerPlaceholder {
  opacity: 1;
}

.stageTeaserOverlay {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 400px;
  margin-left: 295px;
  margin-top: 50px;
}
.stageTeaserDiv {
  height:  420px;
  overflow: hidden;
  position: relative;
}
.stageTeaserOverlay .largeTeaserButtonVertical {
  display: block !important;
}

.stageTeaserOverlay .headlineSizableStageSmall {
  font-size: 32px !important;
  line-height: 32px !important;
  margin-left: 0px;
  margin-bottom: 11px !important;
}

.stageTeaserOverlay .headlineSizableStageMedium {
  font-size: 44px !important;
  line-height: 44px !important;
  margin-left: 0px;
  margin-bottom: 10px !important;
}

.stageTeaserOverlay .headlineSizableStageLarge {
  font-size: 56px !important;
  line-height: 56px !important;
  margin-left: 0px;
  margin-bottom: 9px !important;
}

.stageTeaserOverlay .headlineSizableStage h1 {
  margin-bottom: 0px;
  padding-bottom: 0px;
}

.stageTeaserOverlay .adfreshmentSubline h2 {
  margin-bottom: 0px;
  padding-bottom: 0px;
}

.stageTeaserOverlay .headlineSizableStageSmallIndent {
  margin-left: 18px;
}

.stageTeaserOverlay .headlineSizableStageMediumIndent {
  margin-left: 26px;
}

.stageTeaserOverlay .headlineSizableStageLargeIndent {
  margin-left: 35px;
}

.largeTeaserButtons {
  margin-top: 18px;
}

.largeTeaserButtons .buttonComp {
  margin-top: 6px;
}
/* ========== dealerBuilder.css ========== */

/* START: dealers | common */
.dloDealer {
  font-size: 13px;
  position: relative;
}

.watchlistBaseFS .dloDealer,
.currentDealerBaseFS .dloDealer {
  padding: 13px 15px 7px;
  width: 150px;
}

.selectedDealer .dloDealer {
  width: 200px;
}

.watchlistBaseFS .dloDealer,
.currentDealerBaseFS .dloDealer {
  border-bottom: 4px solid #FFF;
}

.watchlistBaseFS .dloDealer:hover,
.currentDealerBaseFS .dloDealer:hover,
.dloDealer.selected,
.watchlistBaseFS .dloDealer.isShowingDeleteDialog {
  background-color: #f0f0f0;
  border-bottom: 4px solid #1c69d4;
}

.watchlistBaseFS .dloDealer:hover,
.currentDealerBaseFS .dloDealer:hover {
  cursor: pointer;
}

.dloDealer .dealerName {
  font-family: BMWType_Bold,Arial, sans-serif;
  font-size: 13px;
}

.dloLocationVsDealer .dealerWithoutAddress .dloDealer .dealerName {
  font-family: Arial, sans-serif;
}

.dloDealer .dealerName .nameWrapper {
  margin-right: 6px;
}

.dloDealer .dealerName .primaryMarker {
  display: inline-block;
}

.dloDealer .dealerAddress,
.dloDealer .dealerTelephoneAndFax {
  margin-top: 4px;
}
/* END: dealers | common */

/* START: dealers | context mismatch */
.dloDealer.contextMismatch .ditherOverlay {
  display: block !important;
}

.dloDealer .dealerNotAvailable {
  display: none;
}

.dloDealer.contextMismatch .dealerNotAvailable {
  display: block;
  margin-top: 9px;
}

.watchlistBaseFS .dloDealer.contextMismatch:hover,
.currentDealerBaseFS .dloDealer.contextMismatch:hover {
  background-color: transparent;
  border-bottom: 4px solid transparent;
  cursor: default;
}
/* END: dealers | context mismatch */

/* START: dealers | watchlist */
.watchlistBaseFS .dloDealer {
  float: left;
  margin-left: 65px;
}

.watchlistBaseFS.isDealerManagementEnabled .dloDealer .dealerName {
  width: 130px;
}

.watchlistBaseFS .dloDealer:first-child {
  margin-left: 0;
}
/* END: dealers | watchlist */

/* START: dealers | currentDealer */
/* END: dealers | currentDealer */

/* START: dealers | searchResult */
.dloSearchResult .dloDealer {
  margin: 4px 0 0;
  padding: 3px 6px 0;
}

.dloSearchResult .dloDealer .innerBorderHelper {
  border-bottom: 2px solid #e6e6e6;
  padding-bottom: 7px
}

.dloSearchResult .dloDealer:hover {
  background-color: #f0f0f0;
  border-bottom: 4px solid #1c69d4;
  cursor: pointer;
}

.dloSearchResult .dloDealer:hover .outerBorderHelper {
  border-bottom: 1px solid #ffffff;
}

.dloSearchResult .dloDealer:hover .innerBorderHelper {
  border-bottom: none;
  padding-bottom: 4px
}

.dlosearchresult .dloDealer .resultListInset {
  margin-top: 4px;
}

.dloSearchResult .dloDealer .dealerDistance {
  float: left;
}

.dloSearchResult .dloDealer .detailLink {
  color: #666666;
  float: right;
  text-decoration: underline;
}

.dloSearchResult .dloDealer:hover .detailLink,
.dloSearchResult .dloDealer:hover .dealerName {
  color: #1F66CE;
}
/* END: dealers | searchResult */

/* START: dealers | infoWindow */
.dloInfoWindow .dloDealer {
  padding: 27px 30px 27px 15px;
}

.dloInfoWindow .dloDealer .dealerAddress {
  margin-top: 9px;
}
/* END: dealers | infoWindow */

/* START: dealers | selectedDealer */
/* END: dealers | selectedDealer */

/* START: dealers | deleteDialog */
.dloDealer .deleteDialogContent {
  display: none;
}

.dloDealer .deleteDialogLinks {
  margin-top: 12px;
}

.dloDealer .deleteDialogContent .buttonComp {
  margin-top: 6px;
}
/* END: dealers | deleteDialog */
/* ========== dealerLinksBuilder.css ========== */

.dloDealer .dealerLinks {
  margin-top: 9px;
}

.dloDealer.selected .dealerLinks,
.dloDealer:hover .dealerLinks {
  visibility: visible;
}

.dloDealer .dealerLinkWrapper {
  margin-top: 5px;
}

.dloDealer .selectLink {
  margin-top: 15px;
}

.dloDealer.selected .selectLink {
  display: none;
}

.dloInfoWindowOpen .dloDealer.selected .detailsLink {
  color: #bababa;
  cursor: pointer;
}

.dloDealer .activeSelection,
.dloDealer .addDealerConfirmation,
.dloDealer .deleteDealerConfirmation {
  display: none;
  height: auto;
  line-height: 15px;
  margin-top: 5px;
  padding-left: 16px;
  width: auto;
}

.dloDealer.selected .activeSelection {
  display: block;
  margin-top: 10px;
}

.dloDealer.contextMismatch .dealerLinks {
  display: none;
}

.watchlistBaseFS .dloDealer .detailsLink,
.watchlistBaseFS .dloDealer .makePrimary,
.watchlistBaseFS .dloDealer .planRouteLink,
.watchlistBaseFS .dloDealer .selectLink,
.currentDealerBaseFS .dloDealer .detailsLink,
.currentDealerBaseFS .dloDealer .makePrimary,
.currentDealerBaseFS .dloDealer .planRouteLink,
.currentDealerBaseFS .dloDealer .selectLink{
  visibility: hidden;
}

.watchlistBaseFS .dloDealer:hover .detailsLink,
.watchlistBaseFS .dloDealer.selected .detailsLink,
.watchlistBaseFS .dloDealer:hover .makePrimary,
.watchlistBaseFS .dloDealer.selected .makePrimary,
.watchlistBaseFS .dloDealer:hover .planRouteLink,
.watchlistBaseFS .dloDealer.selected .planRouteLink,
.watchlistBaseFS .dloDealer:hover .selectLink,
.currentDealerBaseFS .dloDealer:hover .detailsLink,
.currentDealerBaseFS .dloDealer.selected .detailsLink,
.currentDealerBaseFS .dloDealer:hover .makePrimary,
.currentDealerBaseFS .dloDealer.selected .makePrimary,
.currentDealerBaseFS .dloDealer:hover .planRouteLink,
.currentDealerBaseFS .dloDealer.selected .planRouteLink,
.currentDealerBaseFS .dloDealer:hover .selectLink{
  visibility: visible;
}
/* ==== */
.rlCampaignInfoMaterialFS .noReferenceAddressFieldSetAvailableNagMessage {
    margin-top: 10px;
    width: 630px;
    color:red;
    display: none;
}
/* ========== contactDate.css ========== */

.contactDateFS .hasDatepicker,
.contactDateFS .weekDisplay{
  background-image: url('/etc/designs/bmwnext/apps/bmwnext/requests/static/parComponents/formFieldSets/contactDateFS/calendar.png.resource.1416811256839.png');
  background-repeat: no-repeat;
  background-position: 177px center;
  margin-right: 8px;
  cursor: pointer;
}

.contactDateFS .spriteIconDeleteMedium {
  margin-left: 30px;
}

.contactDateFS .fieldSetIsShowingValidationMessage .fieldSetEditAreaRow .fieldSetFieldText {
  border: 1px solid #D20000;
  color: #000000;
}

.contactDateFS .fieldSetIsShowingValidationMessage .fieldSetEditAreaRow .fieldSetCopyText,
.contactDateFS .fieldSetIsShowingValidationMessage .fieldSetEditAreaRow .fieldSetRowLabel{
  color: #D20000;
}

.contactDateFS .fieldSetIsShowingValidationMessage .fieldSetValidationMessage{
  display:block;
}

.contactDateFS .weekPickerRow {
  position: relative;
}

.contactDateFS .weekPickerRow .weekDisplay {
  left: 0;
  position: absolute;
  top: 0;
}
/* ========== contactFormDropDownListFS.css ========== */
/* ========== customDealerPolicyFS.css ========== */

/* START: Common policy styles (see policyBaseFS, policyCurrentFS, policytext) */
.customDealerPolicyFS .customDealerPolicyContent a {
  color: #666;
  text-decoration: underline;
}

.customDealerPolicyFS .customDealerPolicyContent a:hover {
  color: #1C69D4;
}

.customDealerPolicyFS .customDealerPolicyContent .policyTextParagraph,
.customDealerPolicyFS .customDealerPolicyContent .policySubHeadline,
.customDealerPolicyFS .customDealerPolicyContent .policyConsent,
.customDealerPolicyFS .customDealerPolicyContent .policyUsage {
  margin-top: 5px;
  margin-bottom: 5px;
}

.customDealerPolicyFS .customDealerPolicyContent .policySubHeadline {
  font-family: BMWType_Bold, Arial, sans-serif;
  font-weight: normal;
  margin-top: 15px;
}

.customDealerPolicyFS .customDealerPolicyContent input[type='checkbox'],
.customDealerPolicyFS .customDealerPolicyContent input[type='radio'] {
  margin-right: 6px;
}
/* END: Common policy styles (see policyBaseFS, policyCurrentFS, policytext) */

/* START: General customDealerPolicy styles */
.customDealerPolicyFS .customDealerPolicyFSError {
  display: none;
}
/* END: General customDealerPolicy styles */

/* START: CQ EDIT-MODE */
form.cqEditMode .customDealerPolicyFS .fieldSetEditMode .customDealerPolicyContent {
  min-height: 35px;
}

form.cqEditMode .customDealerPolicyFS fieldset {
  position: relative;
  padding-bottom: 5px;
  border-color: orange;
}

form.cqEditMode .customDealerPolicyFS fieldset .fieldSetCqEditModeHelper {
  color: orange;
}

form.cqEditMode .customDealerPolicyFS fieldset .fieldSetEditMode .customDealerPolicyFSError {
  position: absolute;
  margin-top: 25px;
  top: 0;
  left: 0;
  color: red;
  font-size: 24px;
  text-align: center;
  width: 100%;
}

form.cqEditMode .customDealerPolicyFS fieldset .fieldSetEditMode .customDealerPolicyFSError.showError {
  display: block;
}

form.cqEditMode .customDealerPolicyFS.customDealerPolicyFSError input.controlHasNoNameError {
  outline: 2px dotted red !important;
}

form.cqEditMode .customDealerPolicyFS.customDealerPolicyFSError {
  background: whitesmoke;
}
/* END: CQ EDIT-MODE */

/* ========== currentDealerBaseFS.css ========== */

.currentDealerBaseFS .currentDealerContent {
  padding-top: 15px;
}

.currentDealerBaseFS,
.currentDealerBaseFS .ditherOverlay {
  display: none;
}
/* ========== CurrentDealerRfxFS.css ========== */

.currentDealerRfxFS {
  display: none;
}

form.cqEditMode .currentDealerRfxFS {
  display: block;
}

.workflowStep1 .currentDealerRfxFS .currentDealerContent {
  padding: 17px 0;
}
/* ========== DloBaseFS.css ========== */

/* Please mind the CATEGORY BLOCKS.
 * If your desired style doesn't fit into an existing block either create a new one
 * or maybe your style doesn't belong in this file semantically.
 * Please also take INHERITANCE into consideration if you're about to decide if to
 * put a style definition here or in a parent/child components css file.
 */

/* START: general structure */
.dloBaseFS {
  min-height: 50px;
  position: relative; /* required for dither layer */
}

.dloBaseFS .dloFormSearchArea {
  padding-top: 20px;
}

.dloBaseFS .dloMapPar {
  margin-top: 15px;
}

/* END: general structure */

/* START: initial display settings */

/* END: initial display settings */

/* START: accordion */
.dloBaseFS.hasWatchlistComponent .smallAccordion-tab,
.dloBaseFS.hasCurrentDealerComponent .smallAccordion-tab {
  border-bottom: 2px solid transparent;
}

.dloBaseFS.hasWatchlistComponent.hasCurrentDealerComponent .smallAccordion-tab {
  border-bottom: 2px solid #e6e6e6;
}
/* END: accordion */

.hiddenByRemovedFS{
    display:none;
}

/* START: CQ Styles */
.cqEditMode .dloBaseFS .parsys.searchPar:before,
.cqEditMode .dloBaseFS  .parsys.searchRfxPar:before{
    content:"Insert and edit here a DLO search component:";
}

.cqEditMode .dloBaseFS  .parsys.searchPar,
.cqEditMode .dloBaseFS  .parsys.watchlistPar,
.cqEditMode .dloBaseFS  .parsys.searchRfxPar,
.cqEditMode .dloBaseFS  .parsys.watchlistRfxPar,
.cqEditMode .dloBaseFS  .parsys.dloMapPar,
.cqEditMode .dloBaseFS  .parsys.routeResultPar{
    border: 1px dotted #a9a9a9;
    margin-top: 20px;
}

.cqEditMode .dloBaseFS  .parsys.watchlistPar:before,
.cqEditMode .dloBaseFS  .parsys.watchlistRfxPar:before,
.cqEditMode .dloBaseFS  .parsys.searchPar:before,
.cqEditMode .dloBaseFS  .parsys.searchRfxPar:before,
.cqEditMode .dloBaseFS  .parsys.dloMapPar:before,
.cqEditMode .dloBaseFS  .parsys.routeResultPar:before{
    font-style: italic;
    color: #a9a9a9;
}

.cqEditMode .dloBaseFS  .parsys.watchlistPar:before,
.cqEditMode .dloBaseFS  .parsys.watchlistRfxPar:before{
    content:"Insert Watchlist / Current Dealer component(s) here:";
}

.cqEditMode .dloBaseFS  .parsys.dloMapPar:before{
    content:"Insert DLO Map component here:";
}

.cqEditMode .dloBaseFS  .parsys.routeResultPar:before{
    content:"Insert DLO Route component here:";
}

/* END: CQ Styles */
/* ========== DloRfxFS.css ========== */

/* Please mind the CATEGORY BLOCKS.
 * If your desired style doesn't fit into an existing block either create a new one
 * or maybe your style doesn't belong in this file semantically.
 * Please also take INHERITANCE into consideration if you're about to decide if to
 * put a style definition here or in a parent/child components css file.
 */

.dloRfxFS .dloFormSearchArea {
  position: relative; /* required for dither layer */
}

/* initially hide everything */
.dloRfxFS .selectionIntroText,
.dloRfxFS .searchIntroText,
.dloRfxFS .dloFormSearchArea ,
.dloRfxFS .dloMapBaseFS,
.dloRfxFS .selectedDealer,
.dloRfxFS .chooseAnotherDealer {
  display: none;
}

.dloRfxFS .selectionIntroText,
.dloRfxFS .policyText {
    margin-top: 6px;
}

.dloRfxFS .selectionIntroText,
.dloRfxFS .searchIntroText {
  padding-bottom: 19px;
}

.dloRfxFS.dloBaseFS .dloFormSearchArea {
  padding-top: 23px;
}

.cq-wcm-edit .dloRfxFS.dloBaseFS .dloFormSearchArea {
  display: block;
}

.dloBaseFS.workflowStep1 .dloFormSearchArea {
  padding-top: 13px;
}

.dloRfxFS .selectedDealer {
  padding-top: 8px;
}

.dloRfxFS .chooseAnotherDealer {
  padding-top: 10px;
}

.dloRfxFS.workflowStep1 .chooseAnotherDealer {
  padding-top: 0;
  margin-top: -6px;
}
/* END: choose another dealer link */

.cqEditMode .dloRfxFS .selectionIntroText,
.cqEditMode .dloRfxFS .searchIntroText,
.cqEditMode .dloRfxFS .dloFormSearchArea ,
.cqEditMode .dloRfxFS .dloMapBaseFS,
.cqEditMode .dloRfxFS .selectedDealer,
.cqEditMode .dloRfxFS .chooseAnotherDealer {
  display: block;
}
/* End of CQ Styles */


/* DloMap styles */
.dloRfxFS.dloBaseFS .dloMapPar {
  margin-top: 7px;
}

.dloRfxFS.dloBaseFS .dloMapRfxFS {
  margin-top: 15px;
  padding-bottom: 8px;
}
/* End of DloMap styles */
/* ========== DloStandaloneFS.css ========== */

/* Please mind the CATEGORY BLOCKS.
 * If your desired style doesn't fit into an existing block either create a new one
 * or maybe your style doesn't belong in this file semantically.
 * Please also take INHERITANCE into consideration if you're about to decide if to
 * put a style definition here or in a parent/child components css file.
 */

/* START: general structure */
.dloStandaloneFS  {
  margin-top: 9px;
}
/* END: general structure */

/* START: CQ Styles */
.cqEditMode .dloStandaloneFS  .parsys.searchPar,
.cqEditMode .dloStandaloneFS  .parsys.watchlistPar {
    border: 1px dotted #a9a9a9;
    margin-top: 20px;
}

.cqEditMode .dloStandaloneFS  .parsys.watchlistPar:before,
.cqEditMode .dloStandaloneFS  .parsys.searchPar:before {
    font-style: italic;
    color: #a9a9a9;
}

.cqEditMode .dloStandaloneFS  .parsys.watchlistPar:before{
    content:"Insert Watchlist component here:";
}

.cqEditMode .dloStandaloneFS  .parsys.searchPar:before{
    content:"Insert DLO Search component here:";
}

.cqEditMode .dloStandaloneFS .selectedDealer,
.cqEditMode .dloStandaloneFS .chooseAnotherDealerDiv {
    display: block;
}
/* END: CQ Styles */
/* ========== DloMapBaseFS.css ========== */

/* Please mind the category blocks
 * if your desired style doesn't fit into an existing block either create a new one
 * or maybe your style doesn't belong in this file
 */

/* START: general structure */
.dloMapBaseFS .dloMap {
  background-color: #E5E3DF;
  height: 344px;
  overflow: hidden;
  position: relative;
  width: 670px;
  z-index: 1;
}

.dloMapBaseFS .dealerLocatorComponent {
  position: relative;
}

.dloMapBaseFS .dloControl {
  height: auto;
  overflow: hidden;
  position: absolute;
  top: 15px;
  z-index: 2;
  display: none;
}

.dloMapBaseFS .dealerLocatorComponent .routeResultPar {
  margin-top: 3px;
}

.dloSpinner {
  width: 100%;
  height: 50px;
  opacity: 0.7;
  text-align: center;
  background: #fff url('/etc/designs/bmwnext/apps/bmwnext/base/static/parComponents/bmwLoadingState/preloader_small.gif.resource.1416811220386.gif') no-repeat 50%;
  z-index: 3;
}

/* END: general structure */

/* START: error handling */
.dloMapBaseFS .dloErrorField {
  display: none;
}

.dloMapBaseFS .dloErrorMessage {
  display: none;
  color: red;
}

.dloMapBaseFS .dloResultList .dloErrorMessage {
  display: block;
  padding: 7px 6px 2px;
}

/* END: error handling */

/* START: accordion */
.dloMapBaseFS .smallAccordion-tab {
  border-bottom: none !important;
  padding: 0;
  margin: 3px 10px 3px 15px;
  -webkit-box-shadow: 0 1px 3px 2px rgba(0,0,0,0.2);
  -moz-box-shadow: 0 1px 3px 2px rgba(0,0,0,0.2);
  box-shadow: 0 1px 3px 2px rgba(0,0,0,0.2);
}

.dloMapBaseFS .smallAccordion-head {
  padding: 6px;
  width: 228px;
}

.dloMapBaseFS .smallAccordion-content {
  padding: 0 6px 10px;
  width: 228px;
}

/* END: accordion */

/* START: search results */
.dloMapBaseFS .dloSearchResult {
  max-height: 240px;
  overflow-x: hidden;
  overflow-y: auto;
}

.dloBaseFS .dloSearchResultForLabel {
  padding: 7px 6px 2px;
}

.dloMapBaseFS .dloSearchResult .locationEntry:hover .locationName {
  color: #1F66CE;
}

.dloMapBaseFS .locationTitle {
  padding: 7px 6px 2px;
}

.dloMapBaseFS .dloLocationVsDealer .locationTitle {
  padding-bottom: 0;
}

.dloMapBaseFS .dloLocationVsDealer .locationEntry:hover {
  color: #1F66CE;
}

.dloMapBaseFS .dloLocationVsDealer .dloVsHeader {
  padding: 0 6px 5px;
}

.dloMapBaseFS .dloLocationVsDealer .didYouMeanDealer {
  margin-top: 10px;
}

.dloMapBaseFS .dloLocationVsDealer a.linkArrow13px{
    margin-top: 5px;
}


.dloMapBaseFS .locationEntry {
  border-bottom: 1px solid #e4e4e4;
  margin: 4px 0 0;
  padding: 3px 6px 7px;
}

.dloMapBaseFS .locationEntry:hover {
  background-color: #f0f0f0;
  border-bottom: 4px solid #1c69d4;
  cursor: pointer;
  padding-bottom: 4px;
}

/* END: search results */

/* START: infowindow */

.dloInfoWindow {
  /* TODO: hack to somehow position the window above the pin - solve by hiding the pin while infoWindow is open */
  padding-left: 5px;
  margin-bottom: -6px;
  background: url('/etc/designs/bmwnext/apps/bmwnext/requests/static/parComponents/formFieldSets/dealerHandling/dloMapFS/dloMapBaseFS/infowindow_anchor.png.resource.1416811256862.png') 5px bottom no-repeat;
}

.dloInfoWindow .dloInfoWindowCloseIcon {
  cursor: pointer;
  position: absolute;
  right: 6px;
  top: 6px;
  z-index: 3;
}

.dloInfoWindow .deleteDialogContent {
  margin-top: 9px;
}

.dloInfoWindow .dloInfoWindowPointer {
  background-image: url('/etc/designs/bmwnext/apps/bmwnext/base/static/parComponents/icon/base/icons.png.resource.1416811220402.png');
  background-position: -714px -180px;
  background-repeat: no-repeat;
  height: 18px;
  position: relative;
  width: 16px;
}
/* END: infowindow */

/* START: map shadow */
.dloMapShadow {
  overflow: hidden;
  position: absolute;
  z-index: 10;
}

.dloMapShadow.top {
  height: 5px;
  left: 3px;
  top: 0;
  width: 664px;
  -webkit-box-shadow: inset 1px 3px 3px rgba(0,0,0,0.2); /* webkit browser*/
  -moz-box-shadow: inset 1px 3px 3px rgba(0,0,0,0.2);	/* firefox */
  box-shadow: inset 1px 3px 3px rgba(0,0,0,0.2);
}

.dloMapShadow.right {
  height: 100%;
  right: 0;
  top: 0;
  width: 3px;
  -webkit-box-shadow: inset -1px -1px 3px rgba(0,0,0,0.2); /* webkit browser*/
  -moz-box-shadow: inset -1px -1px 3px rgba(0,0,0,0.2);	/* firefox */
  box-shadow: inset -1px -1px 3px rgba(0,0,0,0.2);
}

.dloMapShadow.bottom {
  bottom: 0;
  height: 2px;
  left: 3px;
  width: 664px;
  -webkit-box-shadow: inset -1px -1px 3px rgba(0,0,0,0.2); /* webkit browser*/
  -moz-box-shadow: inset -1px -1px 3px rgba(0,0,0,0.2);	/* firefox */
  box-shadow: inset -1px -1px 3px rgba(0,0,0,0.2);
}

.dloMapShadow.left {
  height: 100%;
  left: 0;
  top: 0;
  width: 3px;
  -webkit-box-shadow: inset 1px 2px 3px rgba(0,0,0,0.2); /* webkit browser*/
  -moz-box-shadow: inset 1px 2px 3px rgba(0,0,0,0.2);	/* firefox */
  box-shadow: inset 1px 2px 3px rgba(0,0,0,0.2);
}

/* END: map shadow */

.cqEditMode .dloMapBaseFS .dealerLocatorComponent,
.cqEditMode .dloMapBaseFS .dloControl {
  display: block;
  z-index: 2;
}

.searchResultCountParenthesis {
  display: inline;
}
/* ========== DloMapRfxFS.css ========== */


/* ========== DloMapFS.css ========== */


/* ========== dealerSearchBaseFS.css ========== */

.dealerSearchBaseFS .dloFormSearchArea {
    width: 100%;
}
.dealerSearchBaseFS .dloLabelAndSearchFieldWrapper {
  float: left;
  width: 100%;
}

.dloRfxFS .dloFormSearchArea {
  width: 100%;
}

.dealerSearchBaseFS .dealerSearchRfxInputLabel {
    width: 230px;
    margin-right: 15px;
    float: left;
}

.dealerSearchBaseFS h4 {
    padding-top: 2px;
}

.dealerSearchBaseFS .dloSearchInputWrapper {
  float: left;
  margin-right: 6px;
  position: relative;
}

.dealerSearchBaseFS .dloSearchInput {
  height: 22px;
  line-height: 22px;
  padding-left: 23px;
  width: 168px;
}

.dealerSearchBaseFS .dloSearchInput.empty {
  color: #999999;
}

.dealerSearchBaseFS .dloSearchIconLink {
  display: block;
  height: 14px;
  left: 0;
  padding: 4px 3px;
  position: absolute;
  top: 0;
  width: 14px;
}

.dealerSearchBaseFS .dloSearchIcon {
  display: block;
  height: 14px;
  width: 14px;
}

.dealerSearchBaseFS .dloSearchButton {
  float: left;
  margin-top: 0;
  width: auto;
}

.dealerSearchBaseFS .dloSearchFilters {
  float: right;
  padding-top: 4px;
}

.dealerSearchBaseFS .dloSearchFilters label {
  float: left;
  margin-left: 30px;
}

.dealerSearchBaseFS .dloSearchFilters label:first-child {
  margin-left: 0;
}

.dealerSearchBaseFS .dloSearchFilters label input {
  margin-right: 6px;
  position: relative;
  top: 2px;
}
/* ========== watchlistBaseFS.css ========== */

.watchlistBaseFS .preferredDealersContent {
  padding-top: 15px;
}

.watchlistBaseFS .ditherOverlay {
    display: none;
}

.watchlistBaseFS .msgWatchlistEmpty {
    display: none;
    margin-left: 15px;
    margin-top: 18px;
    height: 37px;
}

.watchlistBaseFS .msgMaxNumPreferredDealersReached {
    color: #D20000;
    display: none;
    padding: 15px 0 12px;
}

.watchlistBaseFS .preferredDealersWrapper {
    position: relative;
}

.watchlistBaseFS .loginText {
    margin-left: 15px;
    margin-top: 18px;
    height: 64px;
}

.watchlistBaseFS .loginLink {
    margin-top: 12px;
}


/* styles concerning watchlist operations */
/* TODO qxe0101: div.inactive is not used anymore! */
.dloBaseFS .watchlistBaseFS .dloDealer.inactive:hover {
  background-color: transparent;
  border-bottom: 4px solid #FFF;
  cursor: default;
}

.dloBaseFS .watchlistBaseFS .dloDealer.inactive:hover .dealerLinks {
  visibility: hidden;
}

.watchlistBaseFS .dloDealer.selected .removeFromWatchlist,
.watchlistBaseFS .dloDealer:hover .removeFromWatchlist {
  display: block;
}

.watchlistBaseFS .dloDealer.selected .removeFromWatchlist {
  visibility: hidden;
}

.watchlistBaseFS .dloDealer.selected:hover .removeFromWatchlist {
  visibility: visible;
}

.watchlistBaseFS .removeFromWatchlist,
.watchlistBaseFS .dloDealer.inactive:hover .removeFromWatchlist,
.watchlistBaseFS .dloDealer.isShowingDeleteDialog:hover .removeFromWatchlist,
.watchlistBaseFS .dloDealer.contextMismatch:hover .removeFromWatchlist {
  display: none;
  position: absolute;
  right: 6px;
  top: 6px;
}

.watchlistBaseFS .dloDealer.isShowingDeleteDialog .dealerData,
.watchlistBaseFS .dloDealer.isShowingDeleteDialog .dealerLinks {
  display: none;
}

.dloBaseFS .watchlistBaseFS .dloDealer.isShowingDeleteDialog .deleteDialogContent {
    display: block;
}

.dloBaseFS .watchlistBaseFS .deleteDialogContent a.deleteLink,
.dloBaseFS .watchlistBaseFS .deleteDialogContent a.cancelLink {
    width: 130px;
}
/* ========== watchlistRfxFS.css ========== */

.watchlistRfxFS {
  display: none;
}

form.cqEditMode .watchlistRfxFS {
  display: block;
}

.workflowStep1 .watchlistRfxFS .preferredDealersContent {
  padding: 12px 0 17px;
}
/* ========== financeTypeFS.css ========== */
/* ========== headlineFS.css ========== */

.headlineFS {
  margin-top: 67px;
  padding-bottom: 10px;
}
 /* the headlineFS reduces its top spacing dependent on preceding fieldsets */
.separatorFS + .headlineFS,
.wizardStep .multiStepLineFS + .headlineFS,
.espForm .espHeadlineFS + .headlineFS {
  margin-top: 39px;
}

.headlineFS h3 {
  margin-top: 0 !important; /* this ugly piece of code is written because I don't dare to touch global form h3 spacing */
}
/* ========== infoMaterialDownloadFS.css ========== */

.downloadLink span {
  cursor: pointer;
}

.infoDownloadLink .downloadIcon {
    width: 18px;
    height: 18px;
    float: left;
    margin-right: 6px;
}


.infoMaterialDownloadH4 {
    overflow-y: hidden;
    max-height: 48px;
}

.infoMaterialDownloadRemoveLink {
    width: 170px;
    height: 16px;
    overflow: hidden;
}

.activateDownloadLinkForInfomaterialDownload {
    cursor: pointer !important;
}

.infoMaterialDownloadFSBoxArea {
    margin-top: 7px !important;
}

.infoMaterialDownloadFSTitleLabel {
    margin-top: 7px !important;
}

.infoMaterialDownloadLayoutBox {
    margin-top: 19px;
}

.infoMaterialDownloadFS .infoMaterialSelectionArea .fieldSetEditAreaRow.selectedBrochures {
    padding-top: 11px;
}

.infoMaterialDownloadFS .infoMaterialSelectionAddArea .fieldSetEditAreaRow {
    padding-top: 37px;
}

/* temporary fix to hide helCopyText that exists in content (QC:22226) */
.infoMaterialDownloadFS .helpCopyTextContainer {
  display: none;
}

/* ========== infoMaterialFS.css ========== */

.fieldSetEditAreaRow #rfimodels, 
.fieldSetEditAreaRow label[for=rfimodels],
.infoMaterialFS .infoMaterialSelectionAddArea,
.infoMaterialFS .infoMaterialSelectionArea {
  display: none;
}

/* using padding here so we dont interfere with the animation
   (margin reaches out of the surrounding animated container)
   TODO: check if fieldSetEditAreaRow can use padding generally and maybe change it */
.infoMaterialFS .fieldSetEditAreaRow {
  border-bottom: 2px solid #E6E6E6;
  padding-top: 27px;
  margin-top: 0;
}

.infoMaterialFS .infoMaterialDdArea .fieldSetEditAreaRow {
  padding-bottom: 20px;
}

.infoMaterialFS .infoMaterialSelectionAddArea .fieldSetEditAreaRow {
  padding-bottom: 15px;
}

.infoMaterialFS .infoMaterialSelectionArea .fieldSetEditAreaRow {
  padding-bottom: 40px;
}

.infoMaterialFS .infoMaterialBrochure {
  float: left;
  margin-left: 65px;
  width: 180px;
}

.infoMaterialFS .infoMaterialBrochure img {
    width: 180px;
    /* cursor: pointer; CURRENTLY DISABLED */
}

.infoMaterialFS .infoMaterialBrochure:first-child {
  margin-left: 0;
}

.infoMaterialFS .infoMaterialBrochure h4 {
  padding: 5px 0 2px;
}

.infoMaterialFS .rfiSelectionLabel {
  float:left;
}

.rfxRfiForm .infoMaterialBrochure .fieldSetLink {
  padding: 4px 0px 2px 0px;
}
/* ========== infoTextFS.css ========== */

.infoTextFS {
  margin-top: 9px;
}

.infoTextFS.fieldSetFollowsHeadline {
  margin-top: -3px;
}
/* ========== rfiCheckBoxFS.css ========== */
.rfiCheckBoxFSInputLabelTextAreaBox {
    width: 630px !important;
}

.rfiCheckBoxFSFieldSetBox {
    float: left !important;
}

.rfiCheckBoxFS .noReferenceAddressFieldSetAvailableNagMessage {
    margin-top: 10px;
    width: 630px;
    color:red;
    display: none;
}

.rfiCheckBoxFS  .rfiCheckBoxFSEditAreaRow {
    float: left;
}
/* ========== salesChannelFS.css ========== */

.saleschannelradio {
  margin-right: 2px;
  vertical-align: middle; 
}

.saleschannelradio + label {
  vertical-align: middle;
}

/* ========== separatorFS.css ========== */

.separatorFS {
  margin: 45px 0 42px;
}

.separatorFS .fieldSetSeparator {
  background: #E6E6E6;
  border: none;
  height: 2px;
  overflow: hidden;
}
.tradeInVehicleCopyText {
  margin-top: 20px;
}
/* ========== vehicleProfileFS.css ========== */

.vehicleProfile .vehicleProfileDetails {
	display:none;
}

.vehicleProfileFS .vehicleProfileDetails {
    overflow: visible !important; /* QC:24265 prevent animation to flip content */
}

.vehicleProfile .nccConfiguration {
	margin-top: 0;
	padding-top: 47px;
}

.vehicleProfile .nccModelBenchmarkData {
	margin-top: 10px;
}

.vehicleProfile dl#nccSummaryDisclaimer {
	margin-bottom: 65px;
}

.vehicleProfile dl#nccSummaryDisclaimer dt {
	margin-left: 20px;
}

.vehicleProfile .nccTransmissionType {
	margin-top: 10px;
	padding: 9px 0 0;
}

.vehicleProfile .nccSummaryFinancing {
	margin-top: 10px;
}

.vehicleProfile .vehicleProfileDetailsLinkBottom {
	margin-top: -35px;
}

.vehicleProfile .nccSummaryEnergyEfficiency {
	margin-top: 36px;
	width: 670px;
}

.vehicleProfile .nccSummaryEnergyEfficiencyContent {
	border-top: 2px solid #E6E6E6;
	margin-top: 10px;
	padding-top: 10px;
	width: 670px;
}

.vehicleProfile .nccEfficiencyMoreInfo {
	margin-top: 9px;
}
/* ========== infoMaterialFS.css ========== */

.vehicleSelectionFS .selectedVehicleArea {
  display:none;
}

.vehicleSelectionFS .imageContainer,
.vehicleSelectionFS .imageContainerNCC{
  height: 255px;
  padding-left: 105px;
  padding-top: 40px;
  float: none;
  width: 460px;
  overflow:hidden;
}
.vehicleSelectionFS .imageContainerNCC{
    padding-left: 30px;
    width: 620px;
}

.vehicleSelectionFS .imageContainer .selectedVehicleImage {
  display: none;
}

.vehicleSelectionFS .headlineh2Mixed {
  padding-bottom: 11px;
}

.vehicleSelectionFS .bodyTypeArea, .vehicleSelectionFS .modelArea {
  display:none;
}
/* ========== wallboxFS.css ========== */
.wallboxFS .fieldSetViewAreaRow:first-child {
  margin-top: 1px;
}

.wallboxFS .fieldSetTooltip,
.baseFS.wallboxFS .infoIconContent {
  display: inline-block;
}

.wallboxFS .fieldSetCopyText .infoIconLayer,
.wallboxFS .fieldSetCopyText .contextLayer {
  bottom: 0;
}

.wallboxFS input:focus {
  outline: none;
}

/*===== STYLES FOR RFX - RFI FORM COMPONENT =====*/

/* General styles */

.rfxContactForm .textAreaFS {
    margin-top: 4px;
}

.rfxContactForm .headlineFS .headlineh3 {
    margin-top: 40px;
}
/*===== STYLES FOR RFX - DLO FORM Next COMPONENT =====*/

/* General styles */

.rfxDloForm .bmwBIHeadline {
  display: none;
}

#glassPaneLayerNextWrapper.brand-bmwi .rfxDloForm .bmwBIHeadline {
  display: block;
}

#glassPaneLayerNextWrapper.brand-bmwi .rfxDloForm .bmwBMHeadline {
  display: none;
}

/* subBrand switch styles */

.pageContentPage .requestFormWrapper .subBrandSwitchArea {
  margin-bottom: 20px;
  margin-top: -34px;
}

/* CQ Styles */

.rfxDloForm .cqEditMode .parsys.bmwheadlines,
.rfxDloForm .cqEditMode .parsys.bmwiheadlines {
  border: 1px dotted #a9a9a9;
  margin-top: 20px;
}

.rfxDloForm .cqEditMode .parsys.bmwheadlines:before,
.rfxDloForm .cqEditMode .parsys.bmwiheadlines:before {
  font-style: italic;
  color: #a9a9a9;
}

.rfxDloForm .cqEditMode .parsys.bmwheadlines:before{
    content:"Insert and edit here BMW AG Dealer Locator content which differs from the BMW i Dealer Locator content.:";
}

.rfxDloForm .cqEditMode .parsys.bmwiheadlines:before{
    content:"Insert and edit here BMW i Dealer Locator content which differs from the BMW AG Dealer Locator content:";
}

.cq-wcm-edit .pageContentPage .requestFormWrapper .subBrandSwitchArea {
  display: none;
}
/*===== STYLES FOR RFXFORM COMPONENT =====*/

/* General styles */

/* don't show viewmode headline when not initialized */
.rfx .rfxHeadlineViewMode{
  display: none;
}

/* mode dependent visibility */
.rfx.editMode .rfxHeadlineEditMode,
.rfx.viewMode .rfxHeadlineViewMode,
.rfx.editMode .coreForm,
.rfx.viewMode .coreForm,
.rfx.editMode .formFootnote,
.rfx.editMode .rfxButtonsForm,
.rfx.viewMode .rfxButtonsForm,
.rfx.resultMode .rfxButtonsResult {
  display: block;
}

.rfx.editMode .rfxHeadlineViewMode,
.rfx.viewMode .rfxHeadlineEditMode,
.rfx.resultMode .rfxHeadlineViewMode,
.rfx.resultMode .rfxHeadlineEditMode,
.rfx.resultMode .coreForm,
.rfx.resultMode .rfxButtonsForm,
.rfx.viewMode .formFootnote,
.rfx.resultMode .formFootnote,
.rfxResult, /* this one's visibility is directly controlled by js */
.rfx.editMode .rfxButtonsResult,
.rfx.viewMode .rfxButtonsResult {
  display: none;
}

/* rfx buttons */
.rfxButtons .rfxBackLink {
  float: right;
  margin-right: 23px;
  margin-top: 4px;
}

.rfxResult .formButtonBar {
  margin-top: 45px;
}

/* subBrandSwitch */
.subBrandSwitchArea {
  background: url('/etc/designs/bmwnext/apps/bmwnext/requests/static/parComponents/rfxSubBrandSwitch/rfx_switch_separator.png.resource.1416811256867.png') 334px 0 repeat-y;
  padding: 7px 0 6px;
}

.subBrandSwitchArea .subBrandSwitchAreaPart {
  float: left;
  padding-left: 15px;
  text-align: left;
  width: 320px;
}

.subBrandSwitchArea .subBrandSwitchAreaPart:first-child {
  text-align: right;
  padding-left: 0;
  padding-right: 15px;
}

.subBrandSwitchArea .subBrandLabel,
.subBrandSwitchArea .linkArrow13px {
  display: inline-block;
}

.subBrandSwitchArea .subBrandLabel {
  color: #1C69D4;
  font-family: BMWType_Bold;
  font-size: 13px;
  line-height: 15px;
}

/* Author Mode settings */
.cqEditMode .rfxResult {
  display: block;
  border: 3px dotted blue;
  margin-top: 100px;
}

.cqEditMode .rfxResult:hover {
  background: #f7f7f7;
  color: #999;
}

.cqEditMode .rfxResult.success:before {
  color: #999;
  content: "Result Page"
}

.cqEditMode .rfxResult.error:before {
  color: #999;
  content: "Error Page"
}

/* resultPage styles */
.headlineSuccess h1 {
  margin: -8px 0px 0px 0px;
  padding-bottom: 9px;
}

.headlineSuccess h3 {
  padding-bottom: 11px;
  margin-top: 0px;
}

.rfxResultPar {
  margin-bottom: -9px;
}
/*===== STYLES FOR RFXBASEFORM COMPONENT =====*/

/* General styles */


/*===== STYLES FOR RFX - RFI FORM COMPONENT =====*/

/* General styles */

/*===== STYLES FOR RFX - RFI DOWNLOAD FORM COMPONENT =====*/

/* General styles */

.rfxRfiDownloadForm .fieldsets .infoMaterialFS {
  margin-bottom: 45px;
}

.rfxRfiDownloadForm .fieldsets .separatorFS {
  margin-bottom: 42px;
}

.rfxRfiDownloadForm .fieldsets .infoTextAfterPersonalData {
  margin-top: 42px;
}
/*===== STYLES FOR RFX - RFI FORM COMPONENT =====*/

/* General styles */

.rfxRfiForm .headlineFS .headlineh3 {
    margin-top: 43px;
}
/*===== STYLES FOR RFX - RFO FORM COMPONENT =====*/

/* General styles */

.rfxRfoForm .vehicleProfileFS .nccReadOnlySummary #nccSummaryDisclaimer {
  margin-left: 20px;
}
/*===== STYLES FOR RFX - RFP FORM COMPONENT =====*/

/* General styles */

.rfxRfpForm .vehicleProfileFS .nccReadOnlySummary #nccSummaryDisclaimer {
  margin-left: 20px;
}

.rfxRfpForm .infoTextFS {
  margin-top: 14px;
}

.rfxRfpForm .textAreaFS {
  margin-top: 15px;
}

.rfxRfpForm .vehicleSelectionFS {
  margin-top: 32px;
}

.rfxRfpForm .formFootnote {
  margin-top: 32px;
}
/* ========== requestForTestDrive.css ========== */
.errorMsg_dealerLocatorIntegrated .componentSetFieldErrorTextArea  {
  display: none;
}
#rfx.TDA .dealerLocatorIntegrated {
    margin-top: 0px;
}
/* ========== resultPageHeadline.css ========== */

/* Author Mode settings */
.cqEditMode .resultPageHeadline {
  display: block !important;
}

.resultPageHeadline {
  margin-top: 21px;
  padding-bottom: 8px;
}
/* ========== resultPageText.css ========== */

.resultPageText {
  margin-top: 24px;
}

.resultPageText:first-child,
.resultPageText.componentFollowsHeadline {
	margin-top: 2px;
}

/* Author Mode settings */
.cqEditMode .resultPageText {
  display: block !important;
}
/* ==== rfxSwitchBase.css ==== */
.rfxSwitch .tiles {
  background: url('/etc/designs/bmwnext/apps/bmwnext/requests/static/parComponents/rfxSubBrandSwitch/rfx_switch_separator.png.resource.1416811256867.png') 334px 0 repeat-y;
  padding: 7px 0 12px;
}

.rfxSwitch .tile {
  float: left;
  width: 335px;
}

.rfxSwitch .linkWrapper {
  padding: 0 15px;
}

.rfxSwitch .tile:first-child .linkWrapper {
  text-align: right;
}

.rfxSwitch .tile .linkWrapper .linkArrow13px {
  display: inline-block;
}

.rfxSwitch .tile .clickableContent {
  cursor: pointer;
  margin-top: 27px;
  margin-left: 90px;
  width: 180px;
}

.rfxSwitch .tile:first-child .clickableContent {
  margin-left: 65px;
}

.rfxSwitch .tile .clickableContent .imageWrapper {
  background: #fcfcfc;
  height: 100px;
  overflow: hidden;
  width: 180px;
}

.rfxSwitch .tile .clickableContent h2 {
  margin-top: 8px;
}

.rfxSwitch .tile.BM .clickableContent h2 {
  font-family: BMWType_Bold, Arial, sans-serif;
}

.rfxSwitch .tile.BI .clickableContent h2 {
  font-family: BMWType_Light, Arial, sans-serif;
}

.rfxSwitch .tile .clickableContent .copyText {
  margin-top: 18px;
}

.rfxSwitch .hidden {
  display: none;
}

/* CQ Edit Mode */

.rfxSwitch h3.editModeHelper {
  display: none;
  margin-bottom: 20px;
  text-align: center;
}

.cq-wcm-edit .rfxSwitch h3.editModeHelper {
  display: block;
}

.cq-wcm-edit .rfxSwitch {
  margin: 10px 30px 30px;
}

.cq-wcm-edit .rfxSwitch .tile .clickableContent .imageWrapper .image {
  background: #e6e6e6;
}

.rfxSwitch .rfxSwitchError {
  color: #ff0000;
  margin: 10px 30px 30px;
}

.contentLeftNavigation {
    left: 45px;
    position: absolute;
    top: -480px;
    width: 195px;
    z-index: 1;
}
.contentContentWrap {
  min-height: 500px; /* makes the background image visible in any case */
  position: relative;
}  

.contentLeftNavigation {
  width: 195px;
  top: 114px;
  left: 45px;
  position: absolute;
  z-index: 1;
}

.contentIntro {
  padding-top: 43px;
  margin-left: 295px;
  width: 600px;
  margin-bottom:48px;
}

.contentIntro .contentIntroComp {
  margin-bottom:11px;
}

.contentOptionalContent .iparsys {
  margin-top: 43px;
}

.contentOptionalContent .staticTagCloud {
  margin-top: 48px;
}

.contentOptionalContent .staticTagCloudItem {
  margin-right: 38px;
  margin-left: 38px;
  margin-top: 13px;  
}

.contentOptionalContent .carouselWrap {
  margin-bottom: 43px;  
}

.contentOptionalContent .productPresentationTeaserContent {
  min-width: 922px;
}

.contentOptionalContent .productPresentationTeaserArea {
  width: 210px;
}

.contentOptionalContent .carousel {
  margin: 0 auto;
}

.contentOptionalContent .productPresentation, .contentOptionalContent .table {
  margin-bottom: 35px;
}

.contentOptionalContent .imageExtended {
  margin-top: 43px;
  margin-left: 295px;
}
.contentOptionalContent .businessCard {
  margin-left:295px;
}

.contentOptionalContent > .parsys > .linkList, 
.contentOptionalContent > .parsys > .text, 
.contentOptionalContent > .parsys > .textBlock,
.contentOptionalContent > .parsys > .faqReference,
.contentOptionalContent > .parsys > .campaignLayerLink
{
  margin-top: 43px;
  margin-left: 295px;
}

.contentOptionalContent .tableContainer {
  margin-left: 295px;
}

.ajaxContent .contentOptionalContent > .parsys > .linkList, 
.ajaxContent .contentOptionalContent > .parsys > .text, 
.ajaxContent .contentOptionalContent > .parsys > .textBlock,
.ajaxContent .contentOptionalContent > .parsys > .faqReference,
.ajaxContent .contentOptionalContent > .parsys > .campaignLayerLink
{
  margin-top: 43px;
  margin-left: 0px;
}
.ajaxContent .contentIntro {
  padding-top: 43px;
  margin-left: 0px;
}

.ajaxContent .contentOptionalContent .tableContainer {
  margin-left: 0px;
}

.contentStandardChainmanImage{
  margin-top:12px;
  margin-bottom:15px;
}
.contentIframeWrap .contentIframeContainerWrap {
  margin-left: 295px;  
  margin-bottom: 70px;  
}

.parsys1 {
  padding-top: 68px;
}

.parsys1 {
  margin-left: 295px;
}

.parsys1 > *,  .parsys2 > * {
  margin-bottom: 70px;
}

.parsys1 .productPresentationTeaserContent {
  margin-left: 0px;
}

.parsys1 .intro {
  width: 600px;
}

.cookiesDisclaimerCenterColumn .cookiesComp {
  margin-bottom: 20px;
  margin-top: 0px;
}

.disclaimerLayerContent .cookiesDisclaimerCenterColumn .tableContainer {
	width:330px;
}

.cookieDisclaimerWrapper {
  float: left;  
  margin-right: 2px;
}

.cookiesDisclaimer .clickableDivInfoIcon {
  margin-right: 6px;  
}

.cookieDisclaimerFixedContent {
	display: none;
}

.cookieDisclaimerFixedContent .flexbox {
  left: 6px;
}

.cookiesLayerFailedToDeleteCookiesText.copyText {
  color: #D20000;
}

.cookiesLayerFailedToDeleteCookiesText, .cookiesLayerDescriptionDelete {
  margin-bottom: 23px;
}

.disclaimerLayerContent .cookiesLayerFailedToDeleteCookiesText, .disclaimerLayerContent .cookiesLayerDescriptionDelete {
  margin-bottom: 0;
}

.cookiesDisclaimerCenterColumn .cookieDisclaimerEditing {
	border: 2px dashed red;
}
.cookiesDisclaimer a.buttonComp {
  float:none;
}

.cookiesDisclaimerCenterColumn  {
    margin-bottom: 44px;
}
/* ========== dealerSelection.css ========== */

.standardContent .requestFormWrapper {
    padding-top: 44px;
    padding-bottom: 50px;
    width: 670px;
    margin: 0 auto;
}

.requestFormWrapper .headlineSizable .headlineSizableSmall {
  line-height: 20px !important;
  letter-spacing: 0 !important;
  margin-top: 11px;
}

.requestFormWrapper.brand-bmwi .headlineSizable .headlineSizableSmall {
  line-height: 26px !important;
  margin-top: 9px;
}

.requestFormWrapper.brand-bmwi .rfxDloForm .bmwBIHeadline {
  display: block;
}

.requestFormWrapper.brand-bmwi .rfxDloForm .bmwBMHeadline {
  display: none;
}


.designComparisonHeadline {
  margin-bottom:30px;
}

.designComparisonCenterColumn {
  margin-left: 20px;
  padding-top: 43px;
  padding-bottom: 60px;
}

.designComparisonSection {
  border: 2px solid #000;  
}

.designComparisonElement {
  border: 1px dashed #A9BFD3;  
}

.designComparisonElement .productPresentationTeaserContent {
  margin-left:0; 
}

.designComparisonElement input {
    display: inline;
    margin-bottom: 1px;
    margin-right: 5px;
    vertical-align: bottom;
}

.parsysButtonsHorizontal .button {
  float: left;
  margin-right:6px;
}



sup {
  vertical-align: 2px; 
  white-space: nowrap;
}

.disclaimerFooter {
  width: 600px;
  margin-left: 275px;
  margin-top: 65px;
  margin-bottom: 73px;
  overflow: hidden;
}

.disclaimerFooter .TDdisclaimer {
  display: block;
  padding-bottom: 9px;
}

.disclaimerFooter .TDsup {
  width: 18px;
  text-align: right;
  padding-right: 3px;
}

.disclaimerTextBlock .textBlockHeadline {
  display: none;
}

.disclaimerTextRT span.twopixelsbigger {
	font-size: 15px;
}
#engineLeftNavigationContainer {
  margin-top: 114px;
  margin-left: 45px;
  width: 250px;
  display: inline-block;
  float: left;
  vertical-align: top;
}

.leftNavigationStatic,
leftNavigationStaticColor {
  width: 200px;
}

.engineColumnMiddleWrap .introBasic, .engineColumnMiddleWrap .anchorItems {
  width: 600px;
}

.engineColumnMiddleWrap {
  margin-top: 43px;
  width: 930px;
  display: inline-block;
}

.engineColumnMiddleWrap .anchorItems {
  margin: 9px 0 0;
}

.engineColumnMiddleWrap .engineItem {
  margin-top: 60px;
}

.enginePage{
  margin-bottom:42px;
}
.errorContent {
  width: 600px;
}

.errorContent .linkList .link{
	margin-top: 0;
  padding-bottom: 5px;	
}

.errorHeadline {
  margin-bottom: 17px;
}

.errorHeadline h1 {
  font-size: 96px;
  line-height: 96px;
}

.errorSubheadline .headlineNormal {
  margin-bottom: 28px;
  padding-top: 5px;
}

.errorLinksIntro {
  margin: 17px 0 0 0;
}

.errorSearchDescription {
  margin-top: 12px;
}

.errorBasic h3.headlineNormal {
  line-height: 20px;  
}


.errorSubheadlineWrap {
  margin-bottom: 28px;    
}

.languageErrorContainer .languageErrorHeadline {
    margin-bottom: 29px;
}
.languageErrorContainer .languageErrorHeadline h1 {
    line-height: 33px;
}

.languageErrorContainer .languageErrorDescription {
    margin-bottom: 14px;
}

.languageErrorContainer .languageErrorDescription a {
    color: #333;
    text-decoration: underline;
}

.errorBasic {
  margin: 73px 0 0 52px;
  min-height: 500px;  
}


.exploreHome {
  position: relative;
  margin-bottom: 40px;
}

.stageContainer{
  position:relative;
}

.exploreHome .elasticNaviBarContent{
  position: relative;
  top: 9px;
  left: -5px;
  z-index:1000;
  width: 195px;
}

.exploreHomeDragToInteract {
  position: absolute;
  z-index:1000;
  top: 382px;
  right: 20px;
} 

.exploreHomeTeaserContainer {
  margin-top:-15px;
  margin-bottom:15px;  
}

.exploreHomePlayButton .playButton {
  position:absolute;
  top:385px;
  left:0px;
  height:80px;
}

.exploreHome .offerAreaContainer > div {
  float: left;
  margin-top: -15px;
  margin-left: 35px;  
  margin-bottom: 0px;
  position: relative;
  width: 210px;
}

.exploreHomeText {
  max-width:1200px;
  margin-left:50px;
}

.exploreHome .commlabelsmcontainer {
  /* margin-bottom: 92px; */
}
.externalContentContainer {
  margin-left: 0;
}

.cq-wcm-edit .fallbackBody {
	background-color: #959595;
}

.fallbackContentWidth {
	margin: 0;
    max-width: 670px;
    overflow: hidden;
}

.fallbackContent {
	background-color: white;
}

.fallbackContent .disclaimerConsent {
    padding-top: 50px;
}

#xssEnablerIframe {
    width: 1px;
    height: 1px;
    visibility: hidden;
    overflow: hidden;
    position: absolute;
    top: 0;
}
.faqCenterColumn {
  padding-top: 43px;
  padding-bottom: 60px;
  margin-left: 20px;
  width: 600px;
}

.faqCenterColumn .intro {
  margin-bottom: 64px;
}

.faqCenterColumn .faqBlock {
  margin-bottom: 41px;
}

.faqLeftNavigationContainer {
  margin-top: 114px;
  margin-left: 45px;
}

.faqTeaserDiv {
  margin-top: 230px;
}

.faqRightPanel .offerAreaContainer > div {
  margin-top: -15px;
  margin-bottom: 45px;
}

.faqRightPanel .offerAreaContainer .offerContainer {
  width: 180px;
}
.glossaryItemPageWrap {
  margin-top: 57px;
  width:600px;
  margin-left: 20px;
}

.glossaryItemLeft {
  margin-top: 59px;
  padding-left: 51px;
}

.glossaryItemPage .threeColumnsRightWrap {
  width: 220px;
  position: relative;
  top: -70px;
}

.glossaryItemPage .glossaryItemContainer .glossaryItemText,
.glossaryItemPage .glossaryItemContainer .glossaryItemSummary {
  width: 510px;
}

.glossaryItemPage .textBlockContainer {
  width: 510px;
  padding-bottom: 9px;
}

.glossaryItemPage .textBlockContainer .textBlockHeadline h3 {
  font-size: 13px;
}

.highlightContent {
  position: relative;
  min-height: 500px;
}

.highlightComponents {
  position: absolute;
  width: 100%;
  min-height: 200px;
}


.hlHeadlineContainer {
  position: relative;
  color: #ffffff;
  padding: 0 30px 0 50px;
  z-index: 25;
  min-height: 58px;
  top: -1px;
}

.cq-wcm-edit .hlHeadlineContainer {
  z-index:8005;
}

.hlHeadlineContainer ._headline {
  float: left;
  clear: both;
  overflow: hidden;
  padding-top: 44px;
  padding-bottom: 8px;
}

.hlHeadlineContainer ._headline h1 {
  padding-bottom: 10px;
  margin-bottom: -10px;
}

.hlSubheadline {
  float: left;
  clear: both;
  overflow: hidden;
  padding-bottom: 8px;
  margin-top: -1px;
}

.hlHeadlineContainerWrap {
  min-height: 113px;
  float: left;
  overflow: hidden;
  clear: both;
  margin-bottom: 2px;
}

.hlHeadlineContainer h2 {  
  float: left;
  overflow: hidden;
  clear: both;
  margin-top: 0px;
  margin-bottom: -8px;
  padding-bottom: 8px;
}

.highlightContent .hlElasticNaviBar {
  width: 200px;
  margin-left: -5px;
  margin-top: -2px;
  z-index: 25;
  float: left;
  clear: both;
  overflow: hidden;
}

#abstractLayer .interactionListWrapper {
  left: 0;
  top: 60px; 
  width: 24px; 
}

.flashPlayerError .headlineh3 {
  margin-top:12px;
}
.flashContent {
  display: none;
  background-color:white;  
}
.flashContent .flashPlayerError {
  padding: 80px 35px;
}

.flashContent .flashPlayerError h1 {
  font-size: 72px !important;
  line-height: 72px !important;
}

.flashContent .flashPlayerError h3 {
  margin-top: 25px;
}

.flashContent .flashPlayerError .description {
  margin-top: 30px;
  margin-bottom: 18px;
  font-weight: bold;
  width: 600px;
}

.flashContent {
  display: none;
  background-color:white;  
}

.closeButtonBigIFrame {
  position: absolute; 
  z-index: 10520; 
  top: 7px; 
  right: 7px;
  width: 24px;
  height: 24px;
}
.homeLayer {
  position: relative;
  margin-bottom: 80px;
}

.homeTeaserContainer {
  margin-top: -15px;
  position: relative;
  min-height: 370px;
}

.homeTeaserContainer .homeLoginBoxFacebook {
  float: left;
  vertical-align: top;
  margin-left: 35px;
  width:210px;
}

.homeTeaserContainer .offerArea {
  float: left;
  vertical-align: top;
  width: 980px;
}

.homeTeaserContainer .offerAreaContainer > div {
  float: left;
  width: 210px;
  margin-left:35px;
}

.contentInsuranceIndex{
  padding-top: 10px;
  width: 600px;
  margin-bottom:10px;
}

.insuranceCarousel .carouselHead {
  margin-bottom: 25px;
  margin-left: 0;
}

.insuranceCarousel .carousel .carouselTeaser, .insuranceCarousel .carouselFadeInBlock .carouselTeaser, .insuranceCarousel .insuranceItem {
  float: left;
  margin: 0px 30px 8px 0px;
  max-height: 107px;
  overflow: hidden;
  width: 180px;
}

.insuranceCarousel .carouselControl {
  width: 19px;
  height: 34px;
}

.insuranceCarousel .carouselControlLeft {
  background-position: -330px -180px;
}

.insuranceCarousel .carouselControlLeftDisabled {
  background-position: -330px -300px;
}

.insuranceCarousel .carouselControlRight {
  background-position: -450px -180px;
}

.insuranceCarousel .carouselControlRightDisabled {
  background-position: -450px -300px;
}

.insuranceCarousel .carouselControlLeft:hover {
  background-position: -330px -240px;
}

.insuranceCarousel .carouselControlRight:hover {
  background-position: -450px -240px;
}

.insuranceCarousel .carouselButtonDivLeft {
  top: 1px;
}

.insuranceCarousel .carouselButtonDivRight {
  top: 1px;
}

.insuranceCarousel .carouselViewWrap {
  padding-left: 39px;
  padding-right: 43px;
}

.insuranceCarousel .carouselHeadline, .insuranceCarousel .carouselHeadline, .insuranceCarousel .carouselViewAllLink, .insuranceCarousel .carouselCollapseLink {
  vertical-align: bottom;
}

.insuranceCarousel .carouselHeadline {
  margin-right: 10px;
  margin-left: 0px;
  display: inline-block;
}

.insuranceCarousel .carouselWrap {
  margin-bottom: 0px;
}

.insuranceItemWrap {
  margin-top: 8px;
}
.insuranceProductBlue {
  color: #1C69D4;
}

.insuranceProduct {
  padding-left: 18px;
  position: relative;
}

.insuranceProduct input[type="radio"] {
  padding: 0;
  margin: 0;
  position: absolute;
  left: 0;
  top: 1px;
}

.insuranceProduct label, .insuranceProduct label > p {
  font-family: BMWType_Bold;
  display: block;
  font-size: 13px;
  line-height: 16px;
  margin-bottom: 4px;
}
.jumpPage {
  min-height:776px;
}

.jumpPage .threeColumnsLeft {
  padding: 114px 0 0 45px;
}

.jumpPage .threeColumnsCenter {
  padding: 43px 0 0 20px;
  width: 600px;
}

.jumpPage .intro {
  margin-bottom: 34px;
}

.jumpPage .linkListLeft {
  float: left;
  width: 285px;
  margin-right:30px;
}

.jumpPage .linkListRight {
  float: left;
  width: 285px;
}

.jumpPage .rightBackgroundImage {
  position: absolute;
  z-index: -1;
  right: 0;
  top: 0;
  margin-top:45px;
}

.jumpPage .linkList > .link {
	margin-top: 5px;
}
.largeTeaserPool .largeTeaserDiv {
  margin-bottom: 20px;
}
.MultiLevelDisclaimerPageContent {
  margin: 30px 80px;
  padding: 10px;
  width: 700px;
}

.MultiLevelDisclaimerHeadline {
  margin-bottom: 10px;
}

.MultiLevelDisclaimerContent .mldWrapperContainer {
  display: block;  
}
.multimediaGalleryPageContainer {
  position: relative;
}

/* =======================================================
 the following code is only required while liquid design is prevented
 ask markus pielmeier
 */
 
.multimediaGalleryPageContainer .threeColumnsCenterWrap  {
  width: 785px;
}

/* end of liquid design prevention block 
 ========================================================== */

.multimediaGalleryCenterColumn {
  margin-top: 43px;
  margin-left: 20px;
}

.multimediaGalleryLeftNavigation {
  margin-left: 45px;
  margin-top: 114px;
}

.multimediaGalleryAnchors {
  margin: 8px 0 10px 0;
}

.multimediaGalleryCenterColumn .galleryWrap{
  overflow:hidden;
  margin-bottom:65px;
}

#nccContent {
  min-height: 500px;
}

#nccContentInteractions{
  display: none;
}
.newsItemPageWrap {
  margin-bottom: 90px;
}

.newsItemPage .newsItemMeta {
  position: relative;
  margin-bottom: 14px;
}
.newsItemPage .newsItemMeta .detailPagerControl {
  float: right;
  display: inline-block;
}
                                         
.newsItemPage .threeColumnsCenter {
  margin-top: 57px;
  margin-left: 20px;
  width: 600px;
}

.newsItemPage .threeColumnsLeft {
  margin-left: 50px;
  margin-top: 59px;
}



.overviewContainer {
  position: relative;
}

.overviewContainerStage { 
  position: relative;
}

.overviewContainerStage .backgroundImageImage {
  background-color: #FFF;
  background-position:right top;
  position: relative;
}

.overviewContainerStageHeadline {
  left: 50px;
  right: 30px;
  position: absolute;  
  top: 44px;
  color: #ffffff;
  padding-right:30px;
}

.overviewContainerStageTabs {
  height:40px;
  background: url('/etc/designs/bmwnext/apps/bmwnext/showroom/static/pageComponents/overview/shadow_content.png.resource.1416811233253.png') left bottom repeat-x;
  position:absolute;
  bottom:0;
  left:0;
  right:0;
}

.overviewContainerElements {
  margin-left: 0px;
  margin-bottom: 180px;
}

._overviewElement {
  display: inline-block;
  margin-left: 50px;
  vertical-align: top;
  width: 530px;
}
.financingOfferWrap {
  min-height: 258px;
  overflow: hidden;
  position: relative;
  padding-bottom: 50px;
}

.financingOfferLeftNavigation {
  width: 275px;
  top: 114px;
  left: 45px;
  position: absolute;
  z-index: 1;
}

.financingOfferContent {
  margin-left: 295px;
}  

.financingOfferIntro {
  width: 600px;
  margin-top: 43px;
}

/*
.financingOfferFilter {
  margin-top: 30px;
}
*/
.financingOfferResults {
  margin-top: 39px;
  overflow: hidden;
  height: 768px; /*needs fix height otherwise salesbar disappears*/
}

.financingOfferResults .foContainer {
  width: 180px;
  height: 190px;
  float: left;
  margin: 0 65px 38px 0;
}

/* Small Teaser View */      
.financingOfferPrice {
  display:block;
  margin-top: 2px; 
}

.financingOfferText {
  margin-top: 6px;
}

.offerIndexChainmanImage{
  margin-top:15px;
  margin-bottom:10px;
}


.financingOfferWrap .productTileButtonContainer {
    padding-top: 5px;
    background-color: #ffffff;
}

.financingOfferWrap .productTileLinkAndBar {
    width: 100%;
    position: absolute;
    bottom: 34px;
}

.financingOfferDetailContentWrap {
    min-height: 258px; /*makes the background image visible in any case*/
    overflow: hidden;
    position: relative;
    padding-bottom:75px;
}

.financingOfferDetailLeftNavigation {
    width: 195px;
    top: 60px;
    left: 45px;
    position: absolute;
}

.financingOfferDetailProductPresentation {
    margin-top: 57px;
}

.financingOfferDetailPagingControl {
  position: absolute;
  z-index: 100;
  margin: 1px 0 0 716px;
}

.financingOfferDetailPagingControl .counter {
  float: left;
  width: 127px;
  text-align: right;
}

.financingOfferDetailPagingControl .buttons {
    float: right;
    width: 56px;
    margin-left:10px;
}

.productOfferPrevious, .productOfferNext {
    float:left;
}

.productOfferPrevious {
    margin-right:6px;
}

.financingOfferDetailPagingControl .ditherWrapper {
    width: 18px;
    height: 18px;
    position: absolute;
    left: 0;
    top: 0;
}

.financingOfferDetailPagingControl .slideShowControlPrev, .financingOfferDetailPagingControl .slideShowControlNext {
    margin: 0;
}

.financingOfferDetailAccordion {
    position: relative;
    margin: 41px 0 0 295px;
    width: 600px;
}

.financingOfferMainHeadline, .financingOfferSubheadline {
    max-height: 32px;
}

.financingOfferHeadline, .financingOfferText {
    max-height: 16px;
}

.financingOfferText {
    overflow: hidden;
}

.financingOfferDetailContentWrap .tableContainer {
    margin-left: 295px;
}


.productTileImage {
    border-bottom: 5px solid white;
}
.mldHighlight .productTileImage {
    border-bottom: 5px solid #1C69D4;
}


.productTileImage {
	border-bottom: 5px solid white;	
}
.mldHighlight .productTileImage {
	border-bottom: 5px solid #1C69D4;	
}
.financingOfferDetailChainmanImage {
  margin-left: 295px;
  padding-top:17px;
  margin-bottom:-48px;
}

.mldWrapperContainer {
	display: none;
}
.pureExternalContentContainer {
  margin-left: 0;
}

.seriesOverview {
  padding-bottom:70px;
}

.seriesOverviewContent {
  width:685px;
  margin-left:295px;
  padding-top:26px;
}

.seriesOverviewHeadline {
  width:600px;
  margin-bottom:8px;
}

.seriesOverviewSubline {
  width:600px;
  margin-bottom:43px;
}

.seriesOverviewModels {
  margin-left: -50px;
  margin-bottom: 21px;
}

.seriesOverviewModelsVehicle {
  float:left;
  position:relative;
  cursor:pointer;
  width:210px;
  margin-left:35px;
}

.seriesOverviewModelsInfo {
  height: 51px;
  margin-top: -14px;
  margin-left:15px;
  width: 195px;
}

.seriesOverviewModelsActions {
  bottom: 10px;
  display: none;
  height: 50px;
  position: absolute;
  width: 180px;
  z-index: 6;
}

.seriesOverviewModelsActions .buttonComp {
  margin-top:6px;
}

.seriesOverviewModelsPrice {
  margin-top:1px;
}

.seriesOverviewTextBlock {
  width:600px;
  margin-bottom:52px;
}

.seriesOverviewTeasers {
  margin:0 auto;
}
.SFDisclaimerPageContent {
    margin: 0;
    width: auto;
}

.MultiLevelDisclaimerHeadline {
    margin-bottom: 10px;
}

.SFDisclaimerContent .mldWrapperContainer {
    display: block;
}

.SFDisclaimerPageContent table.tableCommon td div.processTextWrapper, .SFDisclaimerPageContent table.tableCommon td div.processTextWrapperLast {
    padding-bottom: 0;
}

.SFDisclaimerPageContent ol {
    list-style: disc outside none;
    margin-left: 14px;
}

.SFDisclaimerPageContent ol li {
    margin-bottom: 4px;
}

.SFDisclaimerContent b {
    font-size: 15px;
}

.SFDisclaimerPageContent table.tableCommon td {
    margin: 0;
    padding: 0;
    padding-bottom: 4px;
}

.SFDisclaimerPageContent .tableContainer {
    margin-bottom: 28px;
    margin-top: 0;
    width: auto;
}

.SFDisclaimerPageContent .tableContainer .tableHeadline {
    margin-bottom: 16px;
}

.SFDisclaimerPageContent .tableContainer .tableSubheadline {
    margin-bottom: 10px;
}

.SFDisclaimerPageContent table.tableCommon {
    margin-top: 11px;
}
.sitemap {
  min-height:776px;
}

.sitemapContent {
  width: 930px;
  padding: 43px 0 90px 50px;
}

.sitemapList {
  margin-top: 15px;
}

.sitemapLevel2 {
}

.sitemapLevel2 > li {
  border-bottom: 2px solid #e6e6e6;
  padding: 17px 0 3px;
}

.sitemapLevel3 {
  margin-top: 5px;
  margin-left: -50px;
}

.sitemapLevel3 > li {
  display: inline-block;
  vertical-align: top;
  width: 195px;
  margin-left: 50px;
  margin-bottom: 25px;
  margin-top: 5px;
}

.sitemapLevel4 {
  margin-top: 11px;
}

.sitemapLevel4 > li {
  margin-top: 5px;
  line-height: 15px;
}

.sitemapLevel5 {
  margin:15px 0;
}

.sitemapLevel5 > li {
  margin-top:5px;
  margin-left:11px;
  line-height:15px;
}

.sitemapTwoLevel {
  margin: 10px 0 25px;
}

.sitemapSeriesOverview {
  display: block !important;
  margin-bottom: 5px !important;
}
.sitemapDealerWrapper {
	min-height: 300px;
	padding-bottom: 73px;
}

.sitemapDealerWrapperNavigation {
	float: left;
	margin: 70px 65px 20px 0;
	width: 180px;
	padding-left: 50px;
}

.sitemapDealerNavigationOverviewLink {
	padding-top: 45px;
}

.sitemapDealerNavigationOverviewLink .linkArrow13px, .sitemapDealerNavigationOverviewLink .linkArrow13pxActive, .sitemapDealerNavigationOverviewLink .linkArrow13pxInactive  {
    padding-left: 9px;
    background-image: url('/etc/designs/bmwnext/apps/bmwnext/base/static/parComponents/icon/base/icons.png.resource.1416811220402.png');
    background-repeat:no-repeat;
    background-position: -990px -228px;
    display:block;
}

.sitemapDealerNavigationOverviewLink .linkArrow13pxActive {
    background-position: -960px -258px;
}

.sitemapDealerNavigationOverviewLink .linkArrow13pxInactive {
    color:#BBB;
    cursor:text;
    background-position: -810px -408px;
}

.sitemapDealerNavigationOverviewLink .linkArrow13px:hover {
    padding-left: 9px;
    background-repeat:no-repeat;
    background-position: -960px -258px;
}

.sitemapDealerWrapperContent {
	float: left;
	padding-top: 43px;
}

.sitemapDealerLinklistContainer {
	width: 735px;
	margin-top: 39px;
}

.sitemapDealerLinklistItem {
	display: inline-block;
	vertical-align: top;
	width: 180px;
	margin-right: 65px;
	margin-bottom: 15px;
}

.dealerSitemapLevel1 {
	margin-top: 35px;
	margin-left: -50px;
	width: 735px;
}

.dealerSitemapLevel1>li {
	display: inline-block;
	vertical-align: top;
	width: 195px;
	margin-left: 50px;
	margin-bottom: 25px;
	margin-top: 5px;
    color: #262626;
}

.dealerSitemapLevel2 {
	margin-top: 5px;
}

.dealerSitemapLevel2>li {
	margin-top: 3px;
	line-height: 15px;
}

.standardContent {
    margin: 0px auto;
    min-width: 1237px;
    max-width: 1270px;
    position: relative;
}

/*class for viewing the different grids */
.grid1280, .gridDealer {
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 20000;
    display:none;
}

.grid1280inner, .gridDealerinner {
    background-image: url('/etc/designs/bmwnext/apps/bmwnext/showroom/static/pageComponents/standard/grid1280.png.resource.1416811233254.png');
    margin: 0 auto;
    height: 100%;
    max-width: 1270px;
    min-width: 1237px;
    position: relative;
    width: 100%;
    overflow:hidden;
}

.grid1280inner {
    background-image: url('/etc/designs/bmwnext/apps/bmwnext/showroom/static/pageComponents/standard/grid1280.png.resource.1416811233254.png');
}

.gridDealerinner {
    background-image: url('/etc/designs/bmwnext/apps/bmwnext/showroom/static/pageComponents/standard/gridDealer.png.resource.1416811233256.png');
}

.pageBackgroundImage {
    position: absolute;
    z-index: -1;
}

.standardWhitespace {
    height: 250px;
    background-color: transparent;
}
/*
footer {
    opacity: 0;
    filter: alpha(opacity = 0);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
*/

.sfWarningDisclaimer .processTextWrapper, .sfWarningDisclaimer .processTextWrapperLast {
    font-size: 17px;
    line-height: 20px;
    font-weight: bold;
    margin-left: 295px;
    max-width: 600px;
}

.sfWarningDisclaimer {
    margin-bottom: 28px;
}

.textonly {
  min-height:776px;
}

.textonly .threeColumnsLeft {
  padding: 114px 0 0 45px;
}

.textonly .threeColumnsCenter {
  padding: 43px 0 0 0px;
  width: 600px;
}

.textOnlyIntro {
  margin-bottom:24px;
}

.textOnlyCenterColumn {
  width: 600px;
  margin-left: 20px;
  padding-bottom: 60px;
}

.textOnlyCenterColumn .tableContainer {
  margin-left: 0;
}
.threeColumnsLeftWrap {
  width: 275px;
  float: left;
}

.threeColumnsCenterWrap {
  width: 735px;
  float: left;
}

.threeColumnsCenter {
  min-width: 600px;
}

.threeColumnsRightWrap {
  margin-left: 5px;
  width: 220px;
  float: left;
}

.threeColumnSingleColumn { 
  float: left;
  vertical-align: top;
}

.threeColumnsContainer {
  position: relative;
}

.topStageFlexibleStage {
  position: relative;
  height: 500px;
  max-width: 1270px;
  overflow: hidden;
}

.topStageContainerCopyText {
  position: relative;
  margin-top:17px;
  margin-left: 295px;
  width: 600px;
  margin-bottom:56px;
}

.topStageOptionalContent {
  margin-bottom: 0px;  
}

.topStageOptionalContent .carousel {
  margin: 0 auto;
}

.topStageOptionalContent .twoColumns {
  min-width: 887px;
  max-width: 1117px;
}

.topStageOptionalContent .twoColumns .secondColumn {
  margin-top: 7px;
}

.topStageOptionalContent .businessCard {
  margin-left:295px;
}

.topStage .elasticNaviBarContent {
  position: absolute;
  z-index:1000;
  top: 114px;
  left: 45px;
  width: 195px;
}

.topStage .productPresentationTeaserArea {
  padding-bottom: 3px;
}

.topStageOptionalContent .imageExtended {
  margin-top: 43px;
  margin-left: 295px;
}

.topStageOptionalContent .productPresentation{
 /* margin-bottom: 53px;  */
}

.topStageOptionalContent > .parsys > .linkList, 
.topStageOptionalContent > .parsys > .text, 
.topStageOptionalContent > .parsys > .textBlock,
.topStageOptionalContent > .parsys > .faqReference,
.topStageOptionalContent > .parsys > .campaignLayerLink
{
  margin-top: 43px;
  margin-left: 295px;
}

.topStageOptionalContent > .parsys > .table > .tableContainer {
  margin-left: 295px;
}

.valueLineIntro {
	margin-left: 295px;
	padding-top: 68px;
	width: 600px;
}

.valueLineSearchResults {
	margin-left: 300px;
	margin-top: 43px;
	width: 984px;
}

.valueLineSearchResults span {
  vertical-align: bottom;
}

.valueLineItemArea {
	margin-left: 295px;
	margin-top: 20px;
	width: 984px;
	height: 768px;
	position: relative;
}
.viContainer{
	float:left;
	width: 180px;
	height: 208px;
	overflow: hidden;
	position: relative;
	margin-bottom: 45px;
	margin-right: 65px;
}
.valuelineItemDetail {
    float:left;
    width: 599px;
    height: 250px;
    overflow: hidden;
    position: relative;
}
.valuelineItemContainer .valuelineItemDetail {
    display: none;
}

.valuelineItemSpinner {
  background: url('/apps/bmwnext/connecteddrive/pageComponents/connecteddrive/loading.gif.resource.1306323690000.gif') no-repeat scroll 50% 50% #FFFFFF;
  height: 250px;
  width: 100%;
  position: absolute;
  top: 0;
}
#nccContent {
  min-height: 500px;
}

#zsoContentInteractions{
  display: none;
}
#abstractLayer {
  border : 15px solid white;
  position : fixed;
  z-index : 10501;
  padding : 0;
  display : none;  
}

#abstractLayer .spriteIconCloseSmall, 
#abstractLayer .spriteIconCloseBig { 
  position : absolute;
  right: 6px;
  top : 6px; 
  z-index : 10500;
}

.accordionWrap {
  margin-top: 33px;
  position: relative;
  margin-bottom: 16px;
}

.accordionItemWrap + hr {
  border: 1px solid #E6E6E6;
  clear: both;
  margin: 8px 0 9px;
}

.accordionOpenClose {
  float: left;
  margin-right: 10px;
}

.accordionImageContainer {
  float: left;
  line-height: 0px;
}

.accordionImageContainer img {
  width: 180px;
  height: 100px;
  margin: 3px 0px 3px;
}

.accordionTextSecondColumn {
  width: 48%;
  float: right;
}

.accordionTwoColumns {
  width: 48%;
}

.accordionTextWrapper1 {
  float: left;
}

.accordionTextWrapper2 {
  margin-left: 195px;
}

.accordionContent ul {
  padding-top: 3px;
  margin-bottom: 19px;
}

.accordionContent .text p {
  padding-bottom: 0px;
}

.accordionContent .text p + p {
  padding-top: 8px;
}

.accordionContent ul li {
  padding-top: 3px;
}


.accordionHeadline {
  cursor: pointer;
  margin-bottom: 8px;
}

.accordionItemWrap {
  margin-bottom: 0px;
}

.accordionContentWrapper {
  padding-bottom: 10px;
}

.accordionImageAndText + .accordeonTextTwoColumnsWrapper {
  padding-top: 8px;
}

.accordeonTextTwoColumnsWrapper, .accordionLinks {
  width: 510px;
}

.accordionLinkList {
  margin-top: 13px;
}

.accordionLinkList > .link {
  margin-top: 5px;
  line-height: 15px;
}

.accordionLinkListHeadline {
  margin-bottom: -3px;
}

.accordionLinkList .baseIconSizeMedium{
  width: 12px;
  height: 12px;
}

.accordionLinkList .spriteIconDownloadMedium{
  background-position: -330px 0;  
}

.accordionLinkList .spriteIconDownloadMedium:HOVER, .accordionLinkList .iconHover:HOVER .spriteIconDownloadMedium {
  background-position: -330px -30px;
}


.anchorNavAutoTemplate{
  display: none;
}

.anchorItems{
  margin: -2px 0px 0px 0px;
}

.anchorItems > li {
  margin: 0px 8px 0px 0px;
  display: inline-block;
  line-height:20px;
}

.anchorNavLink > .icon{
  margin-top: 2px;
}

.anchorNavLink > * {
  display: inline-block;
  margin: 0px 2px 0px 0px;
  vertical-align: top;
}
.anchorItemsWrap {
  margin-bottom: 62px;
  }

.backgroundImageImage {
  overflow: hidden;
  padding: 0;
  background-repeat: no-repeat;
  max-width: 1424px;
}

.backgroundImageFloating {
  position: relative;
}

#backToDealerLayer {
    position: fixed;
    top: 140px;
    left: 0;
    z-index: 10500;
}

.backToDealerLayerWrapper {
    min-width: 360px;
    max-width: 550px;
    position: relative;
    visibility: hidden;
    display: none;
}

.backToDealerLayerWrapper .spriteIconCloseMedium {
    position: absolute;
    top: 6px;
    right: 6px;
}

.backToDealerLayerSwitch {
    position: absolute;
    cursor: pointer;
    display: block;
    width: 25px;
    height: 70px;
    background: transparent url('/etc/designs/bmwnext/apps/bmwnext/showroom/static/parComponents/backToDealer/openButton.jpg.resource.1416811233258.jpg') 0 0 no-repeat;
}

.backToDealerLayerSwitch:hover {
    background-position: -50px 0;
}

.backToDealerLayerContent {
    padding: 20px 25px 25px 25px;
}

.backToDealerContainer {
    height: 135px;
    position: relative;
    overflow: hidden;
}

.backToDealerButton {
    background: #fff;
    width: 100%;
    position: absolute;
    bottom: 0;
}

.backToDealerContainer .headlineh3.backToDealerHeadline {
    margin-bottom: 4px;
    margin-right: 25px;
    overflow-y: hidden;
    max-height: 39px;
}

.backToDealerContainer .copyText {
    overflow-y: hidden;
    max-height: 65px;
}
.backToTopWrap{
  position: absolute;
  margin: -54px 0px 0px 50px;
  z-index: 2300;
}

.backToTopLink {
   display: none;
}

.backToTopLink > .jumpMarkUpIcon{
  margin-top: 2px;
}

.backToTopLink > * {
  display: inline-block;
  margin: 0px 2px 0px 0px;
  vertical-align: top;
}

 .BusinessCardWrap {
  margin-bottom: 68px;
  }
  
.BusinessCardDataImage{
  float:left;
  margin-right :15px;
  overflow : hidden;
  max-width: 180px;
  max-height: 180px;
  }
  
.BusinessCardDataBlock {
  float:left;
  margin-top: -3px;
  width: 405px;
  }
.BusinessCardHeadlineBlock {
  margin-bottom: 14px;
  }
  
 .BusinessCardName {
  margin-bottom: 10px;
  }
 .BusinessCardDataPhone {
  margin-bottom: 10px;
  }
 
.carouselHeadline {
  display: inline;
  max-width: 600px;
}

.carouselHeadline h1 {
  display: inline;
  margin-right: 27px;
}

.carouselWrap {
  clear:both;
  display:block;
  margin-bottom: 0px;
}

.carouselViewArea {
  overflow: hidden;
  position: relative;
}

.carouselViewWrap {
  margin: 0px auto;
  position: relative;
  padding: 0 49px 0 40px;  
}

.carouselControl {
    width: 30px;
    height: 55px;
    text-decoration: none;
    display: block;
    background: url('/etc/designs/bmwnext/apps/bmwnext/base/static/parComponents/icon/base/icons.png.resource.1315014126000.png')
}

.carouselControlLeft {
    background-position: -390px -180px;
}

.carouselControlLeftDisabled {
    background-position: -390px -300px;
    cursor: default;
}

.carouselControlLeft:hover {
    background-position: -390px -240px;
}

.carouselControlRight {
    background-position: -510px -180px;
}

.carouselControlRightDisabled {
    background-position: -510px -300px;
    cursor: default;
}

.carouselControlRight:hover {
    background-position: -510px -240px;
}

.carouselButtonDivLeft {
  position: absolute;
  top: 109px;
  left: 0px;
}

.carouselButtonDivRight {
  position: absolute;
  top: 109px;
  right: 9px;
}


.carousel {
  position: relative;
  top: 0px;
  left: 0px;
  margin: 0px;
  padding: 0px;
  overflow: hidden;
}

.carousel .carouselTeaser {
  float: left;
  margin: 5px 25px 25px 5px;
}

.carouselSmall .carouselTeaser {
  margin: 5px 30px 30px 5px;  
}

.carouselViewAllLink,
.carouselCollapseLink {
  display: inline-block;
  vertical-align: bottom;
}

.carouselHead {
  margin-bottom: 6px;  
  margin-left: 295px;
}

.carouselTeaser .smallTeaserContainerInvalid {
  height: 226px;
  margin: 20px;
  padding: 15px;  
  position: absolute;
  width: 176px;
  z-index: 1; 
}

.editingMessageWarning {
	color: red;
}
.closeButton {
  background: url('/etc/designs/bmwnext/apps/bmwnext/base/static/parComponents/icon/base/icons.png.resource.1416811220402.png') -570px -60px no-repeat;
  height: 18px;  
  width: 18px;
  display: block;
  overflow: hidden;  
}

.closeButton:hover {
  background-position: -570px -90px;
}
.closeButtonBig {
  background-image: url('/etc/designs/bmwnext/apps/bmwnext/showroom/static/parComponents/closeButtonBig/close.gif.resource.1416811233258.gif');
  background-position: 0 0;
  background-repeat: no-repeat;
  height: 24px;  
  width: 24px;
  display: block;
  overflow: hidden;  
  cursor: pointer;
}

.closeButtonBig:hover {
  background-image: url('/etc/designs/bmwnext/apps/bmwnext/showroom/static/parComponents/closeButtonBig/close_h.gif.resource.1416811233259.gif');
}
.columnsWrap {
  display: block;
  overflow: hidden;
}
.twoColumns {
  min-width: 935px;
  margin: 0 0 0 295px;  
  /*ie7 +12 ff +14 */
}

.columnsWrap .firstColumn {  
  width: 600px;
  float: left;
}

.columnsWrap .secondColumn {
  width: 235px;
  float: left;
  margin-top: -10px;
  margin-left: 120px;
}

.twoColumns .offerContent {
  margin-top: 3px;
  margin-bottom: 27px;
}

.twoColumns .teaserArea {
  margin-top: 3px;
  margin-bottom: 27px;
}
.twoColumnsTeaserWrap {
  min-width: 935px;
  height: 200px;

}

.twoColumnsTeaserFirstColumn {  
  width: 600px;
  float: left;
}

.twoColumnsTeaserSecondColumn {
  width: 220px;
  float: left;
  margin-left: 120px;
}
.communicationsLogo .socialmediaEfficientDynamicsLogo {
    position: relative;
    left: -5px;
    top: 5px;
}

.communicationsLogo .socialmediaConnectedDriveLogo {
    position: relative;
    left: -5px;
    top: 14px;
}
.communicationsLogo {
    height: 32px;
    padding-right: 22px;
}

.communicationsLabel {
    margin-left: 295px;
    margin-right: 0;
    margin-bottom: 92px;
}

.exploreHome .communicationsLabel  {
    display: inline-block;
    margin-top: 42px;
    margin-left: 50px;
    margin-right: -50px;
    margin-bottom: 0;
}
.consentContainer {
  border: 0px;
  width: 100%;
  height: 400px;
  margin-left: 291px;
}

.consentText {
  margin-left: 17px;
}

.consentText {
  padding-top: 1px;
}

.consentButton {
  float: left;
  margin-right: 9px;
  width: 18px;
}

.consentUpdateButton {
  margin-bottom: 20px;
  margin-top: 16px;
}

.consentContractText {
  margin-top: 4px;
}

.consentErrorTextColor {
  color: #D20000;  
}

.consentErrorText {  
  display: none;
}

.consentErrorText label {
  display: inline-block;
  margin-left: 31px;
  vertical-align: text-top; 
  max-width: 400px;  
}

.consentCheckbox {
  margin-right: 6px;
}

.consentInput {
  float: left;
  max-width: 500px;
}
.contentOptionalContent .contact {
  margin-left: 295px;
  margin-bottom: 25px;
}

.contentOptionalContent .contact a {
  margin-top: 3px;
}

.cookieDisclaimerContainerWrapper {
    height: 0;
    overflow: hidden;
    margin: 0 auto;
    width: 100%;
    min-width: 1237px;
    max-width: 1270px;
    position: relative;
    font-size: 13px;
    z-index: 10000;
    background: #fff;
}
.cookieDisclaimerContainer {
    display: none;
}

.cookieDisclaimerContainerWrapper .cookieDisclaimerContainerText {
    padding: 32px 60px 35px 50px;
    line-height: 16px;
}

.cookieDisclaimerContainerButton {
    margin-top: 17px;
    display: table;
}

.cookieDisclaimerContainerButtonRow {
    display: table-row;
}
.cookieDisclaimerContainerButton a {
    display: table-cell;
    border-right: 6px solid #fff;
}
.cookieDisclaimerContainerWrapper .cookieDisclaimerHeadline  {
    margin-bottom: 6px;
    width: 915px;
}

.cookieDisclaimerContainerWrapper .cookieDisclaimerText {
    width: 915px;
}

.cookieDisclaimerContainerWrapper .cookieDisclaimerTextLink {
    margin-top: 5px;
    display: block;
}
.cookiesDisabledBannerContainer {
    max-width: 950px;
}
.cookiesDisabledBanner {
    height: 0;
    overflow: hidden;
    margin: 0 auto;
    width: 100%;
    min-width: 1237px;
    max-width: 1270px;
    position: relative;
    font-size: 13px;
}

.cookiesDisabledBanner .linkArrow13px {
    display: inline-block;
    margin-left: 8px;
}

.cookiesDisabledBannerText {
    padding: 12px 0 14px 13px;
    line-height: 16px;
}

.cookiesDisabledBannerClose {
    position: absolute;
    right: 6px;
    top: 12px;
}

.cookieDisclaimerInfo {
  position: absolute;
  top: 4px;
  right: 269px;
  z-index: 20;
}

.cookieDisclaimerInfoLink {
   display: inline;
  float: right;  
}

.cookiesDisclaimerCenterColumn #cookiesButtonTextAccept,
.cookiesDisclaimerCenterColumn #cookiesButtonTextReject {
   float: none;
}

.contextLayerFixedContent .cookieDisclaimerFixedContent a.buttonComp {
  float: none;
}

.disclaimerLayerContent h3.headline {
  margin-bottom: 8px;
}

.cookiesLayerDescriptionAccept {
   margin-bottom: 10px;
}

.cookiesLayerDescriptionWrapper {
  margin-bottom: 15px;
}

.disclaimerLayerContent #cookiesButtonTextAccept,
.disclaimerLayerContent #cookiesButtonTextReject {
   float: right;
}

.cookiesDisclaimerLayerLinkDiv {
   margin-top: 9px;
   margin-bottom: 38px;
   }

.cookieDisclaimerInfoLink .baseLabelSprite {
  margin-left: 3px;
  margin-top: 2px;
  width: 14px;
  height: 14px;
}

div.cookiesDisclaimerCenterColumn ul li {
   margin-bottom: 4px;
}
.cookiesDisclaimerCenterColumn .introSubheadline {
    margin-top: 29px;
}

.cookiesDisclaimerCenterColumn .introSubheadline h3 {
    padding-bottom: 1px;
}

.cookiesDisclaimerCenterColumn .introBasicLayer hgroup {
    margin-bottom: 10px;
}

.cookiesDisclaimerCenterColumn .introBasicLayer .copyText {
    margin-top: 0;
}


.contextLayerFixedContent a.buttonComp {
    float: right;
    margin-top: 0;
    width: 140px;
}

.cookiesButtonDelete {
    margin-right: 6px;
}

.threeColumnsContainer  .cookiesLayerHideOnPage {
    display: none;
}
.cookieTableContentWrapper {
    height: 0px;
    overflow: hidden;
}

.cookieTableContentWrapper.cookieTableContentWrapperVisible {
    height: auto;
    overflow: visible;
}

.accordionToggle {
    cursor: pointer;
}

.userSettingsForCookies  {
    margin-top: 64px;
}

.cookieWrapper .tableContainer {
    margin-bottom: 5px;
}

.accordionToggle .headlineNormal {
    padding-top: 1px;
}

.accordionToggle  {
    margin-top: 27px;
}

hr {
  border: 1px solid #E6E6E6;
  clear: both;
  margin: -6px 0 9px;	
}

.cookieTableContentWrapper .tableCommon {
    margin: -3px 0 25px -1px;
}

.cookieTogglerWrapper {
    margin-left: -5px;
    margin-top: 26px;
}

.cookieTogglerWrapper > div {
    display: block;
}

.cookieTogglerTextWrapper, .cookieTogglerTextWrapperThirdParty  {
    margin-top: 8px;
    margin-left: 0;
    display: block;
    padding-top: 0;
    vertical-align: top;
}

table.tableCommon.tableCommonMark tbody tr td, table.tableCommon.tableCommonMark tfoot tr td {
  border-bottom: 0px;
}

table.tableCommon.tableCommonMark tbody tr, table.tableCommon.tableCommonMark tfoot tr {
  border-top: 2px solid #E6E6E6;
}

table.tableCommon.tableCommonMark tbody tr:first-child, table.tableCommon.tableCommonMark tfoot tr:first-child {
  border-bottom: 0px;
}

.dataBlock {
  margin-bottom: 30px;
}
.specSelectTop {
  margin: 12px 0 45px 0;
}

.specContainerDataSheet {
  display: none;
  overflow: hidden;
}

#datasheet0 {
  display: block;
}

.dataSheetImageLeft {
  width:735px;
  height:126px;
  overflow:hidden; 
}

.specTopNav {
  display: inline;
  position: relative;
  top: 10px;
}
.specTopNav a {
  display: inline;
  margin-right:5px;
}

.specContainerNavigationRight {
  float: right;
}

.specContainerNavigation {
  width: 380px;
  margin-top: 8px;
}

.specContainerNavigationWide {
  width: auto;
}

.column_left {
	float:left;
}

.specTableColumnRightWide, .column_right {
  float: right;
}

.specTableColumn table, .specTableColumn .table {
  margin-top: 31px;
  border-collapse: collapse;
  width: 350px;
}

.specTableColumn caption, .specTableColumn .caption {
  font-size: 17px; /*default */
  font-weight: bold;
  line-height: 20px;
  text-align: left;
  padding-bottom:8px;
}

.specTableColumn tr, .specTableColumn .tr {
  height: 25px; 
  width: 350px;
}
.specTableColumn .tr {
  height: auto;
  border-top: solid #d3d3d3 2px;
}

.specTableColumn td, .specTableColumn .td {
  width: 200px;
  border-top: solid #d3d3d3 2px;
  vertical-align: top;
  line-height:17px;
}
.specTableColumn .td {
  float:left;
  border: none;
}
.specTableColumn td p, .specTableParagraph, .specTableColumn .td p {
  padding-top:7px;
  padding-bottom:7px;  
}
.specTableColumn .align-right {
  text-align:right;
  width: auto;
}
.specTableColumn .td.align-right {
  float:right;
  width: 140px;
}


.specContent {
  /* TODO implement in ie */
  width: 735px;
}

.dataSheetInfoIcon{
  text-align: left;
  margin-top: 42px;
}

.dataSheetDownloadLink {
  padding-top: 5px;
}

.specPreliminaryDisclaimer {
  margin-top: 31px;
}

.clickableDiv {  
  width: 350px !important;
}

.specContainerForModelCode .clickableDivInfoIcon {
  float: left;
  display: inline-block;
  position: relative;
  top: 2px;
  margin-right: 5px;
}

.dealerBmwiTopNaviLayer {
    padding: 47px 22px 47px 30px;
    max-width: 885px;
    min-width: 643px;
}

.dealerBmwiTopNaviLayerHeadline {
    margin-bottom: 10px;
}

.dealerBmwiTopNaviLayerDescription {
    margin-bottom: 15px;
}
.detailPagerControl {
  overflow: hidden;
}

.detailPagerControl .counter {
  display: inline-block;
  line-height: 16px;
}

.detailPagerControl .buttons {
  display: inline-block;
}

.detailPagerControl .slideShowControlPrev {
  margin: 0 0 0 10px;
}

.detailPagerControl .slideShowControlNext {
  margin: 0 0 0 10px;  
}



.disclaimerConsent .headlineNormal {
  padding-bottom: 10px;	
}

.disclaimerConsent .copy {
  max-width: 600px;
  padding-bottom: 11px;	
}

.disclaimerConsentWrapper .disclaimerConsentButton {
    border-top: 2px solid #E6E6E6;
    margin-top: 32px;
    padding-top: 12px;
}

.disclaimerConsent #disclaimerConsentAcceptedButton {
  float: right;
}
.disclaimerFooter {
  margin-top: 0px;
}

.textBlockHeadline {
  margin-bottom: 10px;
  margin-top: 12px;
}

.productPresentationContent sub,
.textBlockContainer .textRT sub {
  position: relative;
  top: 4px;
  vertical-align: top;
}

.myBMWMainContent .textBlockContainer .processTextWrapper,
.myBMWMainContent .textBlockContainer .processTextWrapperLast {
  padding-bottom: 0px;
}

.parbase.disclaimerTextBlock span.twopixelsbigger {
	font-size: 15px;
}

.disclaimerFooter .parbase.disclaimerTextBlock span.twopixelsbigger {
	font-size: 1em;
}

/* ========== text.css ========== */

.copyText,.copyTextNoPadding,.copyTextBold {
  font-family: Arial, sans-serif;
  font-size: 13px;
  font-weight: normal;
  line-height: 16px;
  color: #262626;
  text-align: left;
  vertical-align: top;
  /* TODO adjust letter spacing according to production values. right
           now it's disabled because of decision product owner.
           letter-spacing: -0.5px; */
}

.copyTextBold {
  font-family: Arial, sans-serif;
  font-weight: bold;
}

.text, .text p {
  font-size: 13px;
  line-height: 16px;
  text-align: left;
  font-weight: normal;
}
.text p{
  padding-bottom: 9px;
}

.downloadButton {
  float: left;
}

.downloadTitle {
  margin-left: 28px;
  padding-top: 1px;
}
.downloadLinks {
  margin-top: 14px;
}

.downloadLinks .downloadLinksTitle  {
  width: 210px;
  overflow: hidden;
}

.downloadLinks .downloadLinksText {
  margin-top: 13px;
}

.downloadLinksWrap > .link {
  margin-top:5px;
  line-height:15px;
}

.downloadLinks .downloadLink {
  margin-top:5px;
  line-height:15px;
}

.downloadLinksWrap {
    margin-left: 0;
    margin-top: 17px;
}
.insuranceIntroWrap .downloadLinksWrap {
    margin-left:15px;
}

.presentationInset .downloadLinks {
  margin-top: 13px;
  margin-left: 20px;
  margin-bottom: 17px;
}
.noDownload .downloadLinksWrap {
    display:none;
}
.elasticNaviBar {
    width: 275px;
}

.elasticNaviBar > li {
    margin: 0 0 5px 0;
}

.elasticNaviBar2ndLevel {
    margin: 15px 0 15px 10px;
    display: none;
}

.elasticNaviBar2ndLevel > li {
    margin: 0 0 3px 0;
}

.engineBlock {
  width: 685px;
  float: left; 
}

.engineItemTeasers {
  float: left;
  margin-top: 15px;
  margin-left: 35px;
  margin-bottom: 8px;
}

.engineItemTeasers .teaserArea {
  margin-bottom: 30px;
}

.engineBlock h2 {
  padding-bottom: 3px;
  margin-bottom: 9px;
}

.engineGraphics {
  float: left;
  width:180px;
  margin-right: 15px;
}

.engineGraphics .engineItemImg {
  margin-top: 15px;
  overflow: hidden;
  max-width: 180px;
}

.engineData {  
  width: 405px;
  float:left;
  margin-top: 10px;
}

.engineDescription {
  margin-bottom: 12px;
  padding:0;
  display: block;
}

.engineData table {
  font-size: 13px;
  color: #262626;
  text-align: left;
  vertical-align: top;
  display: block;
  margin-bottom: 15px;
}

.engineData th {
  height: 20px;
  font-weight: bold;  
  padding-right: 15px;
  width: 230px;
  vertical-align: top;
}

.engineData td { 
  height: 20px;
  padding: 0;
}

.engineData td.firstColumn {
  width: 230px;
  padding-right: 15px;
}
.engineData td.secondColumn {
  width: 160px;
}

.engineItemImgPlaceholder {
  margin-top: -15px;
}

.engineData .accordionContent {
  overflow: hidden;
  float: left;
  clear: both;
}

.engineData .accordionContentWrapper {
  overflow: hidden;
  float: left;
  clear: both;
  padding: 6px 0px 12px;
}

.engineItem .offerContent{
  margin-bottom:34px;
}

.enginePage + .disclaimerFooter {
  margin-top: 42px;
}

.engineColumnMiddleWrap {
  /*margin-bottom: 82px;*/
}

.engineItemMpaLogo {
  margin-top: 20px;
}

.faqBlockWrap .headline {
  margin-bottom: 13px;
}

.faqBlockWrap .faqBlockContent {
  margin-bottom:17px;
}

.faqBlockOpenClose {
  cursor:pointer;
}

.faqBlockWrap {
  width:600px;
}

.faqBlockContent .faqItem .faqHeadline {
  cursor: pointer;
  margin-bottom: 0px !important;
}


#myBMWPageGuided_tour_and_faq .intro h3 {
  margin-top: 11px !important;
  margin-bottom: -2px !important;
}

#myBMWPageGuided_tour_and_faq .bmwTabItemComponent {
    padding-top:26px !important;
}

.myBMWArea #myBMWPageGuided_tour_and_faq .intro .introBasicLayer{
  padding-bottom: 64px !important;
}

.myBMWArea #myBMWPageGuided_tour_and_faq .intro .introBasicLayer hgroup {
  margin-bottom: 0px;
}

.myBMWArea #myBMWPageGuided_tour_and_faq .faqBlock {
  padding-bottom:11px !important;
}

.myBMWArea .faqBlockOpenClose {
  margin-bottom: -3px;
  margin-top:9px;
}

.faqBlockWrap .faqBlockContent {
  margin-bottom:16px !important;
}
.faqQuestion {
  display: inline-block;
  vertical-align: middle;
  width: 570px;
}

.faqAnswerContent {
  padding: 8px 0 8px;
}

.faqAnswer {
  width: 510px;
}

.faqImage {
  margin-top: 12px;
  overflow:hidden;
}

.faqAnswerWrap .linkList {
  margin-bottom: 0px;
  width: 510px;
}


.faqBlockOpenClose {
    margin-top:10px;
    float:left;
    clear:both;
    margin-bottom:30px;
}

.myBMWArea .faqBlock {
    padding-bottom:0px;    
}

.copyText.faqAnswer p {
  padding-bottom: 0px;
}

.faqAnswerWrap .spriteIconDownloadMedium{
  background-position: -330px 0;  
}

.faqAnswerWrap .spriteIconDownloadMedium:HOVER, .faqAnswerWrap .iconHover:HOVER .spriteIconDownloadMedium {
  background-position: -330px -30px;
}


#bmw-paragraphreference-data .bmw-paragraphreference-paragraph {
    background: none repeat scroll 0 0 white;
    border: 1px solid black;
    float: left;
    height: 100px;
    margin: 3px;
    overflow: hidden;
    width: 220px;
    height: 26px;
}

#bmw-paragraphreference-data .bmw-paragraphreference-selected {
    border-color: red;
}

.contentOptionalContent .faqReference {
    margin-left: 295px;
}

.valueLineItemFilterAccordion {
  width: 984px;
}
  
.valueLineItemFilterAccordionTitle {
  width: 100%;
  float: left;
  clear: both;
  margin: 2px 0 5px 0;
  cursor: pointer;
}
    
.valueLineItemFilterWrap {
  margin-bottom: 11px;
  clear: both;
}

.valueLineItemFilterWrap li {
  width: 245px;
  float: left;
  line-height: 20px;
}

.valueLineItemFilterWrap li label,
.valueLineItemFilterWrap li input {
    vertical-align: middle;
}

.valueLineItemFilterWrap li label {
  padding-left: 4px;
}

.valueLineItemFilterAccordion hr {
  border: 1px solid #E6E6E6;
  clear: both;
  margin-top: 3px;
}

.flexibleStage { 
  position: relative;
}

.flexibleStageHeadlineContainer{
  margin: 0;
  color: #ffffff;
}

.flexibleStageHeadlineContainer h4{
  padding-top:5px;
}

.flexibleStageHeadlineContainer h3{
  margin-top:12px;
  overflow:visible;
}

.flexibleStage .flexibleStageBackgroundImage {
  background-position: top center;
  position: relative;
}

.flexibleStageSubheadline h2{
  margin-top:8px;
}

.flexibleStageLinkComponent div a {
  margin-top: 15px;
}

.headline.headlineSizableStage.parbase h1 {
	line-height: 33px;
}

.fullWidthFlashWrap {
  margin-top: 27px;
  margin-bottom:70px;
}

.fullWidthFlashTop {
  margin-left: 300px;
  display: block;
  width: 930px;
}

.fullWidthFlashHeadline { 
  min-width: 100px; 
  max-width: 510px;
}

.fullWidthFlashHeadlineWrap {
  margin-bottom:12px;
}  

.fwFlashLogoWrap{
  position:relative;
  height:0;
  left:-300px;
  width:300px;
}

.fullWidthFlashLogo{
  position:absolute;
  right:0;
  bottom:0;
  padding-right:30px;
  height:auto;
}

.fullWidthFlashContent{
  overflow:hidden;
}


.fullWidthItemWrap {
  margin-top: 27px;
  margin-bottom:65px;
}

.fullWidthItemTop {
  margin-left: 300px;
  display: block;
  overflow: hidden;
  width: 930px;
}

.fullWidthItemHeadline { 
  min-width: 100px; 
  max-width: 510px;  
}

.fullWidthItemHeadlineWrap {
  margin: 0 30px 7px 0;
  float: left;
}  

.fullWidthItemLink {
  margin-top: 16px;
  float: left;
}

.fullWidthItemImage .backgroundImageImage {
  background-position: top center;
  background-repeat: no-repeat;
}
.fwSlide {
  height: 500px;
  width: 1270px;
  margin-bottom:70px;     
}

.fwSlideshowContainerEditing .fwSlide { 
  border: 1px dashed #A9BFD3;  
}

.fwSlideDiv { 
  position: relative;
  
}

.fwSlideshowContainerEditing .fwSlideDiv { 
  height: 450px;
}

.fwSlideDiv .backgroundImageImage {
  background-position: top center;
  position: relative;
  background-repeat: no-repeat;
}

.fwSlideshowContainerEditing .backgroundImageImage {
  height: 450px !important;  
}

.fwSlideHeadlineContainer {
  left: 30px;  
  margin: 0 75px;  
  padding-right: 0;  
  position: absolute;
  top: 30px;
  width: 35%;  
}

.fwSlideTextContainer {
  margin-bottom: 5px;  
}

.fwSlideTextContainer > h4 {
  overflow: visible;  
}

.fwSlideTextBlock  .headlineSizable h1 {
  overflow: visible;  
}


.fwSlideTextBlock .headline {
  margin-bottom: 10px;
}

.fwSlideHeadlineContainer .headlineSizableStageSmall {
  margin-left: 0;  
 }
 
a.linkWhite {
  color: #fff; 
}
.headlineWhite .fwSlideText p {
color:#ffffff !important;
}


.fwSlideshowContainer {
  position: relative;
  margin: 0px auto;
  height: 500px;
  overflow: hidden;
}

.fwSlideshowContainerEditing {
  border: 1px dashed #F00;
  height: auto;
}
                            
.fwSlideshowSlides .parsys {
  position: absolute;
  height: 500px;
  width: 1270px;  
}

.fwSlideshowContainerEditing .fwSlideshowSlides .parsys {
  height: auto;
  overflow: visible;
  position: relative;   
}

.fwSlideshowHeadline {
  margin-bottom: 12px;  
  padding-left: 292px;
  width: 600px;  
}

.fwSlideshow {
    margin-bottom: 66px;
}

.fwSlideshowButtonLeft {
  left: 35px;  
  position: absolute;
  top: 222px;
}

.fwSlideshowButtonRight {
  position: absolute;
  right: 35px;
  top: 222px;  
}

.fwSlideshowControl {
    width: 30px;
    height: 55px;
    text-decoration: none;
    display: block; 
    background: transparent url('/etc/designs/bmwnext/apps/bmwnext/base/static/parComponents/icon/base/icons.png.resource.1416811220402.png') no-repeat 0 0;
}

.fwSlideshowContainerEditing .fwSlideshowControl {
  display: none;  
}

.fwSlideshowButtonEnabled .fwSlideshowControlLeft {
    background-position: -390px -180px;
}
.fwSlideshowButtonEnabled .fwSlideshowControlLeft:hover {
    background-position: -390px -240px;
}
.fwSlideshowButtonDisabled .fwSlideshowControlLeft {
    background-position: -390px -300px;
    cursor: default;
}

.fwSlideshowButtonEnabled .fwSlideshowControlRight {
    background-position: -510px -180px;
}
.fwSlideshowButtonEnabled .fwSlideshowControlRight:hover {
    background-position: -510px -240px;
}
.fwSlideshowButtonDisabled .fwSlideshowControlRight {
    background-position: -510px -300px;
    cursor: default;
}


.galleryWrap .items {
  margin-left: -15px;
}
.galleryWrap .items > div {
  width: 180px;
  margin-left: 15px;
  margin-top: 15px; 
  display: block;
  overflow: hidden;
  float: left;
}

.galleryWrap .galleryItemWithoutText {
  height: 100px;
}



.videoItemContent .videoItemTitle {
  margin-bottom: 2px;
  margin-top: 8px;
}

.videoItemContent {
  position: relative;
  width: 180px;
}

.videoThumbContent .videoItemData {
  display: none;
}

.videoOverlay {
  position: absolute;
  padding-left: 72px;
  padding-top: 34px;
  width: 108px;
  height: 68px;
  top: 0px;
  left: 0px;
  z-index: 201;
}

.videoItemThumbImageFile {
  width: 180px;
  height: 100px;
  margin-bottom: 7px;
}
 
.galleryWrap .items > div.video {
  width: auto;
}

/* STYLES DEFINITION FOR VIDEO IN FEATURED MODE*/

.videoItemContentFeatured {
  position: relative;
  width: auto;
  margin-bottom: 60px;
}

.videoFeaturedText {
  margin-bottom: 7px;
}

.videoItemTitle h2.featured {
  margin-bottom: 7px;
}

.videoItemContentFeatured .videoItemThumbImageFile, .videoItemContentFeatured .emptyGalleryItem {
  float: left;
  margin-right: 15px;
  margin-top: 2px;
}

.videoItemContentFeatured .videoItemDuration {
  display: none;
}

.videoItemContent .videoItemText {
  height: 48px;
  overflow: hidden;
  margin-bottom:10px;
}

#videoIframe body {
    margin: 0;
    padding: 0;
}

.youtubeIFrameParent {
    display: none;
}

#consentDisclaimerLayer,
#consentDisclaimerLayer .infoIconLayer {
    visibility: hidden;
}


.wallpaperItemContent {
  position: relative;
}

.wallpaperItemContent img {
  display: block !important;
}

.wallpaperItemContent .zoomImageIconWrap {
  position: absolute;
  bottom: 6px;
  right: 6px;
}

.wallpaperItemData {
  display: none;
}
#wallpaperLayer {
  display: none;
  background-color:white;  
}

#wallpaperLayer > .abstractLayerContent {
  display: block; 
}

.wpControlPanel {
  padding: 13px 15px 15px 15px;
  width:600px;
  background-color:#FFFFFF;
  margin-left:15px;
  margin-bottom:15px;
  overflow: hidden;  
  position:relative;
}

.wpControlPanelContainer {
  bottom: 0;
  position: absolute;
  z-index: 10500;
}
.wpControlPanelContainer .copyTextBold{
  margin-top:7px;
}

.wallpaperControls {
  float:left;
  margin-top:5px;
}

.wallpaperControlPrev, .wallpaperControlNext {
  border: none;
  margin-top: 8px;
  cursor: pointer;
  display: block;
  float: left;
}

.wallpaperControlPrev {
  margin-right: 6px;
}

.wallpaperControlNext {
  margin-right: 10px;
}

.wallpaperImageIndex {
  margin-bottom: 3px;
  margin-top: 13px;
  display: block;
  float: left;
  font-size:13px;
}

.wpDownloadLinks {
  margin-top:4px;
  float:right;
  text-align:left;
}

.glassPaneLayerCloseButton {
  position: absolute;
  height: 18px;
  width: 18px;
  right: 6px;
  top: 6px;
  overflow: hidden;  
  z-index:10503;
}

#glassPaneLayerCloseButtonDither {
    position:absolute;
    width:18px;
    height:18px;
    background:url('/etc/designs/bmwnext/apps/bmwnext/base/static/parComponents/dither/dither.png.resource.1416811220390.png');
    display:none;
}

.glassPaneLayerDialog {
  position: relative;
}




.glassPaneLayerDialog .glassPaneLayerHeaderBar {
  display: none;
  border-top: 2px solid #e6e6e6;
}

.glassPaneLayerDialog .glassPaneLayerHeaderContent {
  margin: 30px 30px 15px 30px;
  padding: 0;
}


.glassPaneLayerDialog .glassPaneLayerFooterBar {
  display: none;    
  border-top: 2px solid #e6e6e6;
}

.glassPaneLayerDialog .glassPaneLayerFooterContent {
  margin: 15px 45px 30px 30px;
  padding: 0;  
}

#glassPaneLayer, .glassPaneLayer {
  display: none; 
}

#glassPaneLayer {
  position: absolute;
  z-index: 10502;
  left: 0;
  top: 0;
}



/* generic two columns */
.glassPaneLayerDialog .glassPaneLayerLayerWrap {
  width: 500px; /* OR 745px; */
  padding: 0;
  position: absolute;
  z-index: 10503;
  background-color:white;
}

/* transparent variant of generic two columns */
.glassPaneLayerDialog .glassPaneLayerLayerWrapTransparent {
  width: 500px; /* OR 745px; */
  padding: 0;
  position: absolute;
  z-index: 10503;
  background-color:transparent;
}



.glassPaneLayerDialog .glassPaneLayerScrollableArea {
  width: 464px; /* OR 709px; */
  margin: 30px 6px 30px 30px;
  padding: 0;
  overflow-y: auto;
  overflow-x: hidden;
  height:auto;
  min-height:25px;
  position:relative;
}

.glassPaneLayerDialog .glassPaneLayerContent {
  height : 100%;
  width: 440px; /* OR 685px; */
}

.glassPaneSpinner {
    width: 73px;
    height: 73px;
    top: 0;
    left: 0;
    position: absolute;
    display:none;
    background:white;
    z-index:10501;
}

.spinnerImage {
    margin-left:18px;
    margin-top:18px;
    width:37px;
    height:37px;
    background: url('/etc/designs/bmwnext/apps/bmwnext/base/static/parComponents/bmwLoadingState/preloader_37x666.png.resource.1416811220379.png');
}


 
.glossaryItemContainer .glossaryItemHeadline {
  margin-bottom: 10px;
}

.glossaryItemContainer .glossaryItemImage {
  margin-top: 15px;
  margin-bottom: 17px;
  width: 600px;
  height: 338px;
  overflow: hidden;
  background-color: #e5e5e5;  
}

.glossaryItemContainer .glossaryItemText {
  margin-bottom: 12px;
}

.glossaryItemContainer .glossaryItemSummary {
  margin-bottom: -1px;
}

.glossaryItemContainer .glossaryItemSummary .text {
  padding-bottom: 14px;
}

.glossaryItemLinks {
  margin-top: 22px; 
  margin-bottom: 25px;   
}

.glossaryItemLinks h4 {
  margin-bottom: 9px;
}


.glossaryItemHighlightLink .infoIconContextLayer {
  position: absolute;
  z-index: 10000;
  top: 30px;
  left: 0px;
}

.glossaryItemHighlightLink .contextLayerPointerUp {
  top: -14px;
  left: 14px;
}

.glossaryItemHighlightLink .glossaryItemImage,
.glossaryItemHighlightLink .glossaryItemText {
  display: none;
}


.highlightBlock {
  position: absolute;
  width:400px;
  height:200px;
  min-width:250px;
  min-height:150px;
  overflow:hidden;
}

.highlightBlockSubheadline {
  margin-bottom: 3px;  
}

.highlightBlockSubheadline h2 {
  font-size: 13px !important;
  line-height: 13px !important;
}

.highlightBlock  .headlineSizable .headlineSizableSmall {
  margin-bottom: 9px;
}

.highlightBlock  .headlineSizable .headlineSizableMedium {
  margin-bottom: 8px;
}

.highlightBlock  .headlineSizable .headlineSizableLarge {
  margin-bottom: 7px;
}

.highlightBlockSubheadline > div {
  margin-bottom: 0px !important;
}

.highlightBlock .image {
  position: absolute;
}

.highlightBlock .textBlock {
  position: absolute;
  z-index: 10;
}

.highlightBlock .default {
  color: #262626;
}

.highlightBlock .darkGrey {
  color: #444444;
}

.highlightBlock .white {
  color: #ffffff;
}

.highlightTextBlock {
  width:100%;
  position:absolute;
  z-index:1;
}

.iframeContainer iframe {
	border: none;
	width: 100%;
}

.iframeContainer .headline .headlineDarkGrey,
.iframeContainer .headline .headlineWhite {
	margin-bottom: 18px;
}

.iframeContainerCols3,
.iframeContainerCols4 {
	width: 975px;
	margin-left: 295px;
}

.iframeContainerCols3 {
    width: 800px;
}

.iframeContainerCols5 {
    width: 100%;
}

#gplnContentValue .iframeContainerCols5 {
    width: 1170px;
}

.iframeContainerCols5.iframeFallback,
.iframeContainerCols0.iframeFallback {
    margin-left: 50px;
}

.presentationAdditional .iframeContainer,
.glassPaneLayer .iframeContainer {
    margin-left: 0;
}
.presentationInsetBullets {
  margin-left: 3px;
  margin-top: 16px;
}

.presentationInsetBullets .bulletedListContainer {
  margin-top: 2px;
  margin-bottom: 17px;
}

.presentationInsetBullets .bulletedListContainer li {
  padding-top: 3px;
}
.presentationInsetImage {
  margin-left: 20px;
  margin-top: 16px;
}

.insetImageLink {
  margin-top: 8px;
}

.presentationInsetImage img {
  margin-top: 12px;
  max-width: 240px;
}
.presentationInsetLinkImage {
  margin-left: 20px;
  margin-top: 17px;
}

.insetLinkImageLink {
  margin-top: 10px;
}

.presentationInsetLinkImage img {
  margin-top: 13px;
}
.presentationInsetOffer {
  margin-left: 20px;
  margin-top: 15px;
}

.presentationInsetOffer h3 + h4 {
  margin-top: 10px;
}

.presentationInsetOffer .text {
  margin-top: 4px;
}

.presentationInsetOffer .downloadLink {
  margin-top: 17px;
}
.presentationInsetOffer {
  margin-left: 19px;
  margin-top: 16px;
}

.presentationInsetOffer h4 + h3 {
  margin-top: 7px;
}

.presentationInsetOffer .text {
  margin-top: 6px;
}


.presentationInsetOffer .downloadLink {
  margin-top: 17px;
}

.presentationInsetOffer .offerRfxButton{
  margin-top:17px;
}
.videoItemInsetWrap{
  width: 260px;
}
.presentationInsetVideo {
  margin-left: 15px;
  margin-top: 17px;
}

.insuranceItem {
  width: 600px;
  height: auto;
  overflow: hidden;
}

.insuranceEditMode.insuranceItem {
  width: 602px;
}

.insuranceItem .text {
  margin-top: 5px;
}


.insuranceIntro .text {
  width: 600px;
}

.insuranceEditMode.insuranceItem .text,
.insuranceIntro .withImage .text {
  width: 340px;
  margin-top: 10px;
  overflow: hidden;
}

.insuranceIntro .subline {
  margin-top: 16px;
}

.insuranceIntro .base.downloadLinks .downloadLink {
  margin-top: 15px;
}

.insuranceIntro .base.downloadLinks {
    float: left;
    clear: both;
    position: relative;
    top: 0px;
    width: 240px;
    margin-top: 23px
}

.insuranceEditMode .insuranceIntro .base.downloadLinks,
.insuranceIntroWrap.withImage .base.downloadLinks {
  top: -35px;
  float: right;
  clear: none;
  margin-top: 0px;
  background: #fff;
}

.insuranceIntro .insuranceIntroWrap {
  margin-top: 14px;
}

.insuranceEditMode.insuranceIntroWrap {
  width: 602px;
}

.insuranceIntroWrap.withImage {
  position: relative;
  width: 600px;
  height: auto;
  overflow: hidden;
}

.insuranceIntroWrap.withImage .cmximage {
  height: 338px;
  width: 600px;
  overflow: hidden;
}

.insuranceEditMode .cmximage {
  border: 1px #ff00ff dashed;
  height: 338px;
  width: 600px;
  overflow: hidden;
}
.intro h3 {
  margin-top: 12px;
}

.intro .copyText {
  margin-top: 10px;
}

.intro .copyText br{
  margin-bottom: 9px;
}
.largeTeaserDiv { 
  position: relative;
  overflow: hidden;
}

.largeTeaserDiv .backgroundImageImage {
  background-position: top center;
  position: relative;
}
.stageLargeTeaserContainer {
  position: relative;
  overflow: hidden;
  height: 420px;
  max-width: 1270px;
}

.stageLargeTeaserContainerElement {
  display:none;  
}
.stageLargeTeaserContainerElement:first-child {
  display:block;
}

.stageLargeTeaserContainerPlay,
.stageLargeTeaserContainerAutoplay {
  display: none;
}

.largeTeaserHeadlineContainer {
  width: auto;
}
.largeTeaserSwitch {
  position: absolute !important;
  top: 335px !important;
  right: 45px !important;
  left: auto !important;
  background-color: white;
  padding: 10px;
  display: none;
}

.largeTeaserSwitchIcon {
  float: left;
  margin-right: 6px;
}

.largeTeaserSwitchControlImageIndexWrap {
  height: 18px;
  font-size: 13px;
  float: left;
  margin-left: 4px;
}

.largeTeaserSwitchControlImageIndexWrap .largeTeaserSwitchControlImageIndex {
  line-height: 18px;
}
.largeTeaserSwitchControlImageIndex text{
    visibility:hidden;
}

.largeTeaserSwitchControlPlayPause {
  display: none;
}
                                   
.largeTeaserSwitchControlPlayPause .spriteIconControlPlayMedium {
  display: none;
} 

.largeTeaserLinkDiv { 
  position: relative;
  overflow: hidden;
}

.largeTeaserLinkDiv .backgroundImageImage {
  background-position: top center;
  position: relative;
}
.largeTeaserOverlay {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 400px;
}

.largeTeaserOverlay .largeTeaserButtonVertical {
  display: block !important;
}

.largeTeaserOverlay .headlineSizableStageSmall {
  font-size: 32px !important;
  line-height: 32px !important;
  margin-left: 0px;
  margin-bottom: 11px !important;
}

.largeTeaserOverlay .headlineSizableStageMedium {
  font-size: 44px !important;
  line-height: 44px !important;
  margin-left: 0px;
  margin-bottom: 10px !important;
}

.largeTeaserOverlay .headlineSizableStageLarge {
  font-size: 56px !important;
  line-height: 56px !important;
  margin-left: 0px;
  margin-bottom: 10px !important;
}

.largeTeaserOverlay .headlineSizableStage h1 {
  margin-bottom: 0px;
  padding-bottom: 0px;
}

.largeTeaserOverlay .largeTeaserSubline h2 {
  margin-bottom: 0px;
  padding-bottom: 0px;
  overflow: visible;
}

.largeTeaserOverlay .headlineSizableStageSmallIndent {
  margin-left: 18px;
}

.largeTeaserOverlay .headlineSizableStageMediumIndent {
  margin-left: 26px;
}

.largeTeaserOverlay .headlineSizableStageLargeIndent {
  margin-left: 35px;
}

.largeTeaserOverlay .largeTeaserSubline {
  margin-bottom: 10px;
}

.largeTeaserOverlay .largeTeaserOverlayButtonsVertical {
	display: inline-block;
}

.largeTeaserButtons .buttonComp {
  margin-top: 6px;
}

.largeTeaserOverlayButtons div {
    float:left;
    margin-right: 5px;
}


.linkListHeadline {
  margin-bottom: -3px;
}

.linkList > .link {
  margin-top:5px;
  line-height:15px;
}

.linkListItem {
  margin-top:5px;
  line-height:15px;
}

.listContainer {
  margin-top:5px;
}

.presentationInset .linkList {
  margin-top: 13px;
  margin-left: 20px;
  margin-bottom: 17px;
}
.bigImageLayer {
  display:none;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 10510;
  border: 15px solid white;
  background-color:#fff;
}

.bigImageLayer .spriteIconCloseBig {
  position: absolute;
  right: 6px;
  top: 6px;
  z-index: 10520;
}

.glassPaneLayer .bigImageLayer {
	display: block;
	position: relative;
}
.glassPaneLayer .bigImageLayer .spriteIconCloseBig {
	display: none;
}

.bigImageWrap {
  display: inline-block;
  background-color: #FFFFFF;
  /*padding: 10px 10px 8px;*/
}

.bigImage {
  position: relative;
}
.bigImageLayer {
  display:none;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 10510;
  border: 15px solid white;
  background-color:#fff;
}

.bigImageLayer .spriteIconCloseBig {
  position: absolute;
  right: 6px;
  top: 6px;
  z-index: 10520;
}

.glassPaneLayer .bigImageLayer {
	display: block;
	position: relative;
}
.glassPaneLayer .bigImageLayer .spriteIconCloseBig {
	display: none;
}

.bigImageWrap {
  display: inline-block;
  background-color: #FFFFFF;
  /*padding: 10px 10px 8px;*/
}

.bigImage {
  position: relative;
}
/* Size normal (standard) */

.mlDisclaimer{
    border-bottom: 1px solid gray;
    margin-bottom: 5px;
    margin-top: 5px;
    width: 650px;
}

.mldTitle {
    padding: 2px 0 22px 0;
}

.mldw1, .mldSmall {
    width:65px
}
.mldw2, .mldMedium {
    width:85px
}
.mldw3, .mldLarge {
    width:105px
}
.mldw4, .mldXlarge {
    width:125px
}

.mldh1 {
    height:64px;
}

.mldh2 {
    height:128px;
}
.mldh3 {
    height:192px;
}

.mldContent {
    padding: 0 50px;
    /* height:0px; */
}

.mldWrapper{

    z-index: 3000;
    height: auto;

    background: #fff;
    width: 1270px;
}

.mldStatic {
    position: relative;
}

.mldFixed {

}

.mldContent .salesBarPanelShadow {
    display: block;
}

.mldCell {
    float: left;
    margin:0 0 10px 0;
    border-right:2px solid #E6E6E6;
    padding:0 10px;
}

.mldFirstCell {
    float:left;
    width:140px;
    margin:0 15px 0 0;
    padding:0;
    border-right:0;
}
.mldFirstCell h4 {
    margin-bottom: 3px;
    margin-top:-4px;
}
.mldLastCellInRow, .mldLastCell {
    border-right:0;
}

.mldKey{
    height:36px;
    margin-top:-3px;
}

.mldValue{
    height:18px;
    font-weight:bold;
    margin-bottom:-5px;
}

.mldSeparator {
    background:#E6E6E6;
    color: #E6E6E6;
    float: left;
    margin-bottom: 10px;
    margin-top: 0;
    width: 1000px;
    height:2px;
    border:0;
}

.mldTable {
    float: left;
    width: 1000px;
}

/* Size Smal */
.mldSizeSmal {
     font-size: 9px;
 }

.mldSizeSmal .mldTitle {
    font-size: 13px;
    padding-bottom: 16px;
}

.mldSizeSmal .mldFirstCell h4 {
    font-size: 9px;
}

.mldSizeSmal .link12px, .mldSizeSmal .link12pxActive, .mldSizeSmal .link12pxWhite, .mldSizeSmal .link12pxActiveWhite {
    font-size: 9px;
}

.mldSizeSmal .mldTable {
    line-height: 12px;
}

.mldSizeSmal .mldKey {
    height: 29px;
}
.fastlaneNav {
    font-size: 13px;
    font-weight: bold;
    margin: 0 0 4px;
    white-space: nowrap;
}

.fastlaneNav a:hover {
	color:#0653b6 !important;
}

.fastlaneNav .link13px{
	line-height: 16px;
	vertical-align: top;
}

.fastlaneNavItems{
    display: inline;
}

.fastlaneListBig {
    display: inline;
    margin: -9px 5px 0 9px;
}

.fastlaneListBig:first-child {
    margin: -9px 5px 0 0;
}

.fastlaneNavSearchAlign {
    float: left;
}

.fastlaneNavSearchQueryBar {
    float: left;
    margin: -7px 0 0 8px;
}

.navigationWelcome{
	display: none;
	margin-left:-12px;
}

.navigationWelcomeUser{
	display:inline;
}

.navigationWelcome li{
	display:inline;
	margin-left:12px;
}

.navigationWelcome .navigationTopLoginLogoutLink {
    display:inline;
} 

/* ========== idModule.css ========== */
.idModule {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 10499;
    width: 270px;
    height: 94px;
    text-align: right;
}
.cq-wcm-edit .idModule {
    z-index: 9002;
}

.idModuleBg {
  background: transparent url('/etc/designs/bmwnext/apps/bmwnext/base/static/parComponents/button/1px_bgs.png.resource.1416811220388.png') repeat-x 0 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 270px;
  height: 60px;
}

.idModule img {
  position: relative;
  padding: 0 40px 0 40px;
}

.idModulePrint {
  display: none;
}

.mainNav .link16pxActiveWhite, .mainNav .link17pxActiveWhite, .mainNav .link21pxActiveWhite,
.mainNav .link13pxWhite:hover, .mainNav .link13pxWhite:active {
	color:#0653b6 !important;
}

.mainNavHomeItem > a:hover, .mainNavHomeItem > a:active, .mainNavProductItemsSeries > a:hover, .mainNavProductItemsSeries > a:active,
.mainNavTopicItems > a:hover, .mainNavTopicItems > a:active,
.mainNavHomeItem > .link16pxActiveWhite, .mainNavProductItemsSeries > .link17pxActiveWhite,
.mainNavTopicItems > .link21pxActiveWhite {
  color:#0653b6 !important;
}

.activeColor {
  color:#0653b6 !important;
}

.activeColorSeriesTopics {
  color:#0653b6 !important;
}

.mainNavHome {
  display: inline;
}

.mainNavHomeItem {
  display: inline;
  position: relative;
  top: -1px;
  margin-right: 7px;
}

.mainNavItems {
  display: inline;
  position: relative;
  margin-left:6px;
}

.mainNavTopicItems {
  display: inline;
  margin-right:13px;
  position: relative;
  top: 0px;
  z-index:10001;
}

.mainNavProductItems {
  display: inline;
}

.mainNavProductItemsSeries {
  display: inline;
}

.mainNavProductItemsSeriesLinks {
  padding: 0 6px 8px;
}


.mainNavProductItemsLayer {
  display: none;
  z-index: 10020;
  position: absolute;
  left: 15px;

  padding: 3px 5px;
}
.alternativeDealerBMWiNavigationLayer .mainNavProductItemsLayerContainerIDealerNavigationLayerVisible{
  display:block;
}
.mainNavProductItemsLayerContainerIDealerNavigationLayerVisible{
  display:none;
}
.alternativeDealerBMWiNavigationLayer .mainNavProductItemsLayerContainerIDealerNavigationLayerVisible + .mainNavProductItemsLayerContainerIDealerNavigationLayerNotVisible{
	display:none;
}

.mainNavProductItemsLayerContainer {
  max-width: 922px;
  min-width: 680px;
  min-height: 444px;
  padding: 15px 0 18px 15px;
  position: relative;
  background-position: 30px 50px;
  background-repeat: no-repeat;
}
.mainNavDisclaimerMoreVehicle {

}


.mainNavProductItemsLayerFooter {
  padding: 18px 11px 0 15px;
  clear: both;
  bottom: 16px;
  margin-left: 226px;
  display: table;
}

.mainNavProductItemsLayerFooter > div {
    display: table-row;
}

.mainNavProductItemsLayerFooter > div > span {
    display: table-cell;
    padding-right: 4px;
}

.mainNavTopicsMore {
  background-image: url('/etc/designs/bmwnext/apps/bmwnext/base/static/parComponents/icon/base/icons.png.resource.1416811220402.png');
  background-position: -769px -226px;
  background-repeat: no-repeat;
}

.mainNavTopicsMore:hover {
  background-position: -739px -256px;
}

.mainNavTopicItemsLevel2,
.mainNavTopicItemsLevel3 {
  padding: 5px;
  display: none;
  position: absolute;
  overflow: visible;
}

.mainNavTopicItemsLevel2 {
    padding-top: 3px;
}

.mainNavTopicItemsLevel2Container,
.mainNavTopicItemsLevel3Container {
  width: 253px; 
}  

.ul_level_2, .ul_level_3 {
  padding: 6px 8px 15px 9px;
  width: 233px;
}


.ul_level_2 .link13px, .ul_level_2 .link13pxActive, .ul_level_3 .link13px .ul_level_3 .link13pxActive {
  display:block !important;
}

.mainNavTopicItemsLevel2 {
  left: -14px;
}

.mainNavTopicItemsLevel3 {
  z-index: 12000;
  left: 242px;
  margin-top: -28px; 
}

.mainNavLink {
  line-height: 15px;
  padding: 2px 0;
  margin-top: 1px;
}

.base.top.topnavi {
  z-index: 10010;
}

.deployVersionIframeWrapper {
  width: 300px;
  height: 13px;
  overflow: hidden;
}

.deployVersionsLayerContent .copyText {
 width:310px; 
}
.navigation {
  height:102px;
  position:relative;
  background-image:url('/etc/designs/bmwnext/apps/bmwnext/base/static/parComponents/button/1px_bgs.png.resource.1416811220388.png');
  background-repeat:repeat-x;
  margin-bottom: -8px;
  z-index: 8004;
}
.navigationFirstLine {
  height:57px;
  padding: 13px 25px 0 49px;
}
.navigationSecondLine {
  padding: 4px 0 8px 49px;
  height: 20px;
  position: relative;
}
.topVersionInformation {
  color: #fff;
}

.deployVersionsInfoLayerDescription th, .deployVersionsInfoLayerDescription td {
  padding: 0 5px 5px 0;
}
.deployVersionsInfoLayerDescription th {
  font-weight: bold;
}
.deployVersionsLayerContentHeadline {
  font-size: 14px;
  font-weight: bold;
  padding: 0 0 8px 0;
}

.vehicleImageContainer {
  width:210px;
  height:117px;
  overflow:hidden;
}

.vehicleEntries {
	padding-left:225px;
    min-height: 403px;
}

.vehicleEntry {
	width:210px;
	float:left;
    padding:0 15px 7px 0;
}
.vehicleEntryContainer {
  padding:0 15px 0 15px;
  margin-top: -10px;
}


.seriesOverviewEntry {
  padding-top: 120px !important;
  position: absolute;
  top: 198px;
}

#layerContainer {
  z-index:1050;  
}

.seriesTopicsEntry {
  position: absolute;
  top: 132px;	
}
.overviewElement {
  padding-top: 35px;
  margin-bottom: 31px;
}

.overviewElementImage {
  float: left;
  width: 180px;
  height: 100px;
  overflow: hidden;
}
  
.overviewElementTextBlock {
  margin-left: 29px;
  float: right;
  width: 321px;
}

.overviewElementText {
  margin-top: -11px;
}

.overviewElementLinks {
  margin-top: 14px;
  margin-left: 1px;
}

/* ========== playButton.css ========== */
.playButton {
  bottom: 0px;  
  left: 0px;  
  margin-bottom: 20px;
  margin-left: 20px;  
  position: absolute;  
}

.playButtonWidget {
  /*height: 26px*/;
  overflow: hidden;
  width: 336px;
}

.playButtonImage {
  cursor: pointer;
  display: inline;  
  float: left;
  height: 26px;
  width: 26px;
}


.playButtonText {
  display: inline;   
  float: left;
  font-size: 0.82em;
  line-height: 16px;
  width: 200px;
  margin: -3px 0 auto 8px;
  height: 30px;
}

.playButtonWhite {
  color:#ffffff;
}
.playButtonDarkGrey {
  color:#262626;
}

.presentationInset { 
  background-color: white;
  float: right;
  position: relative;
  top: -47px;
  width: 260px;
  z-index:12;
}

.newsItem .productPresentationHeadlineWithoutImage{
  margin-bottom:10px;
}

.newsItem .productPresentationTextWithoutImage{
  margin-top:10px;
}

.productPresentationAdditionalContent .accordionWrap {
  margin-bottom: 5px;
}
  
.productPresentationAdditionalContent .downloadLinks {
  margin-bottom: 13px;
}

.productPresentationAdditionalFilled {
  margin-top: 28px;
}

.productPresentationTeaserSlideShow .productPresentationAdditionalFilled {
    margin-top: 7px;
}

.productPresentationMpaLogo{
  margin-top: 12px;
  margin-bottom: 4px;
}

.productPresentationHeadlineFullwidth {
  display: block;
  margin-bottom: -6px;
  margin-left:295px;
  width: 915px;
}

.productPresentationFullwidth .slideShowImageContainer {
    display: block;
    height: 420px;
    margin-bottom: 17px;
    margin-top: 16px;
    overflow: hidden;
    position: relative;
    width: 100%;
}

.productPresentationFullwidth .slideShowContent {
    width: 1270px;
}

.productPresentationFullwidth .productPresentationText {
  margin-left:295px;
  width:510px;
}

.productPresentationText .insetAvail {
  width: 340px;
  overflow: hidden;
}

.productPresentationFullwidth .slideShowControls {
  margin-left: 296px;
  top: 367px;
}

.productPresentationFullwidth .presentationInset {
  width: 635px;
}

.productPresentationHeadlineFullwidth .buttonComp {
  display: inline-block;
  letter-spacing: normal;
  vertical-align: bottom;
  position: relative;
  top: -3px;
}

.productPresentationHeadlineFullwidth span {
  margin-right: 11px;
}

.productPresentationWrap {
  margin-bottom: 54px;
}

.productPresentationFullwidth .productPresentationAdditionalFilled {
  margin-top: 29px;	
}
.productPresentationTeaserContent {
  margin-left: 295px;
  min-width: 922px;
  margin-bottom:35px;
}

.productPresentationTeaserHeadline {
  display: block;
  width: 600px;
  margin-bottom: 4px;
}

.productPresentationTeaserSlideShow {
  float: left;
  width: 600px;  
  margin-right: 120px;
  margin-bottom: 25px;
}

.productPresentationTeaserImageContainer {
  margin-top: 15px;
}

.productPresentationTeaserText {
  width: 510px;
}

.productPresentationTeaserArea {
  width: 210px;
  float: left;
  margin-top: -5px;
}

.productPresentationTeaserArea .offerContainer {
  padding: 0 0 3px;
}

.productPresentationTeaserArea .offerContent {
  margin-bottom: 34px;
}

.slideShowImageContainer {
  margin-top: 10px;
  margin-bottom: 17px;
  display: block;
  position: relative;
  width: 600px;
  height: 338px;
  overflow: hidden;
}

.slideShowImage {
  position: absolute;
  left: 0;
  top: 0;
  border-width: 0;
  display: none;
  z-index: 8;
}

.slideShowImageCurrent {
  display: block;  
  z-index: 10;
}

.slideShowImageCurrentFade {
    display: block;
    z-index: 11;
}

.slideShowContent {
  width: 600px;
}

.slideShowControls {
  position: absolute;
  left: 15px;
  top: 285px;
  height: 38px;
  z-index: 100;
  min-width: 180px;

}
.slideShowControls .shadow {
    height: 38px;
    width: 100%;
    background-color: #ffffff;
}

.slideShowControls {
    display: none;
}

.slideShowControlPrev, .slideShowControlPlayPause, .slideShowControlNext {
  border: none;
  margin-top: 10px;
  cursor: pointer;
  display: block;
  float: left;
}

.slideShowControlPrev {
  margin-left: 10px;
  margin-right: 6px;
}

.slideShowControlPlayPause {
  margin-right: 6px;
}


.slideShowControlNext {
  margin-right: 10px;
}

.slideShowImageIndex {
  margin: 11px 20px 0 0;
  display: block;
  float: left;
  font-size:13px;
}


.smallTeaserPlaceholder {
  width: 210px;
  height: 230px;
  color: #777;
  font-size: 13px;
}

.warningBorder {
  border: 2px dashed red;	
}

.smallTeaserContainerInvalid {
  height: 90%;
  padding: 5px;
}

.socialmedialike {
  position: relative;  
  clear: both;
  display: inline-block;
}

.socialmedialike .content {
  display: inline-block;  
  height: 21px;
}

.standardContent .homeLayer .socialmedialike {
  margin-top: 10px;
  margin-left: 50px;
}

.seriesOverview .socialmedialike {
  margin: 15px;
  margin-bottom: 3px;
  margin-left: 295px;
}

.standardContent  .socialmedialike {
  margin-left: 295px;
  margin-top: 28px;
  margin-bottom: 68px;
}

.standardContent  .exploreHome .socialmedialike {
  margin-left: 50px;
  margin-top: 42px;
  margin-bottom: 39px;
}

.topStage .socialmedialike {  
  margin-left: 295px;
  margin-top: 75px;
  margin-bottom: 58px;
}

.socialmedialike .socialMediaIcon {
	height: 18px;
	margin-right: 6px;
}

.myBMWLeftArea .socialMediaButtons {
  display:inline;
}

.socialmedialike .socialMediaButtons,
.socialmedialike .socialMediaIcons {
  display: inline-block;
}

.socialmedialike .socialMediaButtons > div,
.socialmedialike .socialMediaIcons > div {
  float: left;
}

.socialmedialike .previewBorder {
  color: #777777;
  border: 1px solid #bababa;
  padding: 1px;
  text-align: center;   
  width: 288px;
}

.socialmedialike .socialMediaIconsText {
  color: #666666;
  display: block;
  font-family: BMWType_Bold;
  font-size: 13px;
  line-height: 15px;
  text-align: left;	
}

.stage { 
  position: relative;
}

.stageHeadlineContainer{
  margin: 0;
  color: #ffffff;
}

.stageHeadlineContainer {
    max-height: 358px;
    overflow: hidden;
}

.stageHeadlineContainer h4{
  padding-top:5px;
}


.stage .backgroundImageImage {
  background-position: left center;
  position: relative;
}

.stageSubheadline h2{
  margin-top:8px;
}

.tagCloudWrap {
  position: relative;
  min-height: 310px;
}

/* vertical positioned */
.cloudTags {
  left: 50%;  
  margin: -9.5% 0 0 -50%;  
  overflow: auto;
  position: absolute;
  top: 50%;
}

.cloud {
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  margin: 0px auto;
  width: 1132px;
  height: 345px;
  background-image: url('/etc/designs/bmwnext/apps/bmwnext/showroom/static/parComponents/staticTagCloud/background-tag-cloud.jpg.resource.1416811233267.jpg');
}

.tagCloudContainer {
  height: 100%;  
  padding: 4% 0;
  position: relative;
  text-align: center;
  width: 100%;
  z-index: 2000;  
}

.tagCloudHeadline {
  z-index: 2000;
  position: relative;
  margin-left: 300px;
}

.tagCloudContainerEditing .staticTagCloudItem {
  float: left !important;   
}

.staticTagCloudItemLayerLinks li {
 list-style: none;
}
.staticTagCloudItem {
  display: inline-block;
  white-space:nowrap;
  margin-right: 38px;
  margin-left: 38px;
  margin-top: 13px;
}

.staticTagCloudItem .infoIconContent {
  height: auto;
  width: auto;
}

.staticTagCloudItemLayer {
  display: none;
  margin: 1px 0;
}

.staticTagCloudItemClickable, .staticTagCloudItemInfoLayer {
  display: inline;  
}

.staticTagCloudItemLayerLinks{
  margin-top: 16px;  
}

.staticTagCloudItemLayerText {
  margin-top: 10px;
}

.staticTagCloudItemLayer .contextLayerContentHeadline:first-child {
  margin-top: 0px;
}
.teaserAreaPlaceholderContainer {
  width: 180px;
  color: #777;
  height: 220px;
  font-size : 13px;
  padding: 15px;
}

.teaserAreaFloatingContainer {
  position: relative;
}

.teaserAreaFloatingContainer > div {
  display: inline-block;
  margin: 0 30px;
  vertical-align: top;
}

.termsAndConditionsLayer h3 {
  margin-top: 10px;
}

.TermsAndConditionsLayerComponent div.table table th {
  border: none;
}

.TermsAndConditionsLayerComponent {
  margin: 10px 0 20px 0;
}

.TermsAndConditionsLayerItems {
  margin-top: 10px;
}
.copyText,.copyTextNoPadding,.copyTextBold {
  font-size: 13px;
  font-weight: normal;
  line-height: 16px;
  color: #262626;
  text-align: left;
  vertical-align: top;
  /* TODO adjust letter spacing according to production values. right
           now it's disabled because of decision product owner.
           letter-spacing: -0.5px; */
}

.copyTextBold {
  font-family:BMWType_Bold;
}

.text, .text p {
  font-size: 13px;
  line-height: 16px;
  text-align: left;
  font-weight: normal;
}
.text p, .copyText p{
  padding-bottom: 9px;
}

div.copytextWhite > div, div.copytextWhite > p{
  color:#ffffff;
}


div.copytextDarkGrey > div{
  color:#262626;
}
.textBlockHeadline {
  margin-bottom: 10px;
  margin-top: 12px;
}

.productPresentationContent sub,
.textBlockContainer .textRT sub {
  position: relative;
  top: 4px;
  vertical-align: top;
}

.myBMWMainContent .textBlockContainer .processTextWrapper,
.myBMWMainContent .textBlockContainer .processTextWrapperLast {
  padding-bottom: 0px;
}
.textImageContainer {
  width: 501px;
}

.imageContainer {
  width: 150px;
  float:left;
}

.textContainer  {
  margin-left: 200px;
  width: 300px;
}


.textListContainer ul {
  padding-top: 3px;
}

.textListContainer ul li {
  padding-top: 3px;
}
/* ========== text.css ========== */

.copyText,.copyTextNoPadding,.copyTextBold {
  font-family: Arial, sans-serif;
  font-size: 13px;
  font-weight: normal;
  line-height: 16px;
  color: #262626;
  text-align: left;
  vertical-align: top;
  /* TODO adjust letter spacing according to production values. right
           now it's disabled because of decision product owner.
           letter-spacing: -0.5px; */
}

.copyTextBold {
  font-family: Arial, sans-serif;
  font-weight: bold;
}

.text, .text p {
  font-size: 13px;
  line-height: 16px;
  text-align: left;
  font-weight: normal;
}
.text p{
  padding-bottom: 9px;
}

.trackingDisabler > .headline {
  margin-bottom: 8px;
  margin-top: 21px;
}

.trackingDisablerNero {
  margin-top: 21px;
}

.trackingDisablerNero > .headline {
  margin-bottom: 8px;
  margin-top: 21px;
}
.cookieWrapperContainer {
	margin-bottom: 64px;
}

#cookieTogglerWrapper, #cookieTogglerWrapperThirdParty {
    display: none;
}

.cookieTogglerWrapper > .slideBoxWrapper {
  float: left;  
}

.cookieTogglerWrapper > .cookieTogglerTextWrapperThirdParty, .cookieTogglerWrapper > .cookieTogglerTextWrapper  {
  float: right;
  width: 540px;  
}

.cookieTogglerTextWrapper > .headline4 > span, .cookieTogglerTextWrapperThirdParty > .headline4 > span  {
    #margin-bottom: 6px;
    display: none;
}

#cookieToggleOffHintThirdParty {
    display: block;
    margin-top: 6px;
    color: #D20000;
}

.cookieHeadline {
    margin-top: 70px;
}

.cookieSettingsSubheadlineFirst {
    margin-top: 7px;
}

.cookieSettingsDesc {
    margin-top: 4px;
    margin-bottom: 8px;
}

.cookieSettingsTogglerText  {
    margin-top: 0px;
}

.cookieSettingsSubheadlineSecond {
  margin-top: 29px;
}
.valuelineItemDetail {
  width:820px;
}
.valuelineImageBig {
  float:left;
  margin-right: 30px;
}

.valuelineItemContainer .productTileTextContainer {
  margin-top: 13px;
}

.valuelineItemDetailWrap .valuelineText {  
  margin-top: 10px;
  margin-left: 420px;
}

.productTileTextContainer .copyText {
  margin-top: 5px;
}
.productTileTextContainer .valuelinePrice {
  margin-top: 5px;
  width: 160px;
}

.valuelinePrice {
  display:block;
}

.viDetailsExpanded {
  clear: both;
  display: none;
  width: 915px;
  background: none repeat scroll 0 0 transparent;
  position: relative;
}

.viDetailsExpanded hr {
  clear: both;
  border: 1px solid #EAEAEA;
  margin: 0px;
  padding: 0px;
}

.viDetailsExpanded .valuelineItemDetailWrap {
  margin-top: 30px;
  margin-bottom: 70px;
}

.viDetailsExpanded .valuelineHeadlineDetail {
  font-weight: bold;
  line-height: 20px;
}

.viDetailsExpanded .headlineDetail {
  margin-top: 8px;  
}

.viDetailsExpanded .priceDetail {
  font-weight: bold;
  line-height: 25px;
  margin-top: 5px;    
}

.viDetailsExpanded .valuelineItemDetailCloseLink {
  float: right;
  margin-bottom: 10px;
}
.videoImage{
  overflow : hidden;
  max-width: 180px;
  max-height: 100px;
  }
  
.zoomImageThumb {
/*  text-align:right;*/
  position:relative;
  display:inline-block;
}

.zoomImageThumb img {
  display: block;
  margin-top: 15px;
}

.zoomImageThumb .magnifierIcon {
  margin: 6px;
}

.zoomImageThumbWrap {
/*  float: right;*/
  cursor: pointer;
}


.zoomImageIconWrap {
  position: absolute;
  bottom: 0;
  right: 0;
}


.akamaiFlush {
  position: absolute;
  top: 200px;
  left: 200px;
}