/* Header Section Styles */
#HeaderMain {
  min-width: 1104px;
  max-width: 1900px;
  margin: 0px auto;
  font-family: Helvetica, Arial, Sans-Serif;
  text-align: center; }

@viewport {
  width: 320px auto; }
#HeaderMain a {
  text-decoration: none;
  padding: 0;
  background: none; }

#HeaderMain #Crown {
  height: 38px;
  width: 100%;
  position: relative;
  z-index: 1001; }

#HeaderMain #CrownBackground {
  height: 100%;
  width: 100%;
  background-color: #000;
  opacity: 0.75;
  filter: alpha(opacity=75);
  /* For IE8 and earlier */
  position: absolute;
  top: 0px;
  left: 0px; }

#HeaderMain #CrownInner {
  height: 30px;
  width: 1084px;
  margin: 0 auto;
  padding: 4px 0px;
  position: relative;
  z-index: 50; }

#HeaderMain #Crown #roundel {
  position: absolute;
  top: 26px;
  left: 0px;
  width: 187px;
  height: 93px; }

#HeaderMain #CrownInner > div {
  float: right;
  color: #fff;
  margin: 0px 10px; }

#HeaderMain #Crown #FindDealer, #HeaderMain #Crown #MyBMW,
#HeaderMain #Crown #ViewMyBMW {
  padding: 7px 0px;
  height: 16px; }

#HeaderMain #Crown #FindDealer .finddealerlink, #HeaderMain #Crown #MyBMW .mybmwlink {
  display: inline-block;
  vertical-align: top;
  font-size: 12px;
  cursor: pointer;
  position: relative; }

#HeaderMain #Crown #FindDealer .finddealerlink-hover span,
#HeaderMain #Crown #MyBMW .mybmwlink-hover,
#HeaderMain #Crown #Search .searchlink-hover {
  color: #1c69d3 !important; }

#HeaderMain #Crown #FindDealer .dealerlocator {
  margin-right: 22px;
  font-size: 12px; }

#HeaderMain #Crown #MyBMW a.mybmwextlink, #HeaderMain #Crown #MyBMW a.mybmwextlink:hover,
#HeaderMain #Crown #ViewMyBMW a.mybmwviewlink, #HeaderMain #Crown #ViewMyBMW a.mybmwviewlink:hover,
#HeaderMain #Crown a.mybmwlogoutlink, #HeaderMain #Crown a.mybmwlogoutlink:hover {
  background: none;
  color: #fff;
  font-size: 12px;
  cursor: pointer;
  padding: 0; }

#HeaderMain #Crown #FindDealer .finddealerlink span.icon-locator_pin {
  font-size: 20px;
  position: absolute;
  top: -3px;
  right: 0px; }

#HeaderMain #Crown #Search .searchlink span {
  font-size: 30px;
  cursor: pointer; }

#HeaderMain #Crown .greyborderonly {
  width: 0px;
  height: 30px;
  border-right: 1px solid #fff; }

#HeaderMain .flyoutvisible {
  display: block !important; }

#HeaderMain #Crown #DealerFlyout,
#HeaderMain #Crown #SearchFlyout {
  position: absolute;
  top: 100%;
  right: 0px;
  width: 278px;
  height: 119px;
  border: 1px solid #d5d5d5;
  background-color: #fff;
  z-index: 200;
  padding: 21px 20px 28px 20px;
  box-sizing: border-box;
  display: none; }

#HeaderMain #Crown #SearchFlyout {
  height: 106px !important; }

#HeaderMain #Crown #DealerFlyout > div,
#HeaderMain #Crown #SearchFlyout > div {
  text-align: left;
  width: 100%;
  margin: 11px 0px 9px 0px; }

#DealerLookupText,
#SearchText {
  width: 120px;
  height: 21px;
  margin: 0;
  padding: 0 0 0 2px;
  color: #a4a4a4;
  border: 1px inset #d5d5d5;
  font-size: 10px; }

#DealerLookupText {
  width: 98px; }
  #DealerLookupText:focus {
    background: #ffe; }

#HeaderMain #Crown #DealerFlyout #DealerSearchBtn,
#HeaderMain #Crown #SearchFlyout #SearchBtn {
  display: inline-block;
  margin-left: 5px;
  color: #fff;
  padding-top: 4px;
  font-weight: bold;
  font-size: 12px;
  width: 100px;
  height: 18px;
  text-align: center;
  cursor: pointer;
  background-color: #1c62c5;
  background: -webkit-linear-gradient(#1c62c5, #1f72e4);
  /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(#1c62c5, #1f72e4);
  /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(#1c62c5, #1f72e4);
  /* For Firefox 3.6 to 15 */
  background: linear-gradient(#1c62c5, #1f72e4);
  /* Standard syntax */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1c62c5', endColorstr='#1f72e4',GradientType=1 ); }

#HeaderMain #Crown #DealerFlyout #DealerSearchBtn {
  height: 20px; }

#HeaderMain #Crown #DealerFlyout #DealerSearchBtn:hover,
#HeaderMain #Crown #SearchFlyout #SearchBtn:hover {
  background-color: #1f72e4;
  background: -webkit-linear-gradient(#1f72e4, #1c62c5);
  /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(#1f72e4, #1c62c5);
  /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(#1f72e4, #1c62c5);
  /* For Firefox 3.6 to 15 */
  background: linear-gradient(#1f72e4, #1c62c5);
  /* Standard syntax */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1f72e4', endColorstr='#1c62c5',GradientType=1 ); }

#HeaderMain #Crown #DealerFlyout h2,
#HeaderMain #Crown #MyBMWFlyout h2,
#HeaderMain #Crown #SearchFlyout h2 {
  margin: 0;
  text-align: left;
  color: #000;
  font-size: 14px;
  font-weight: bold;
  line-height: 14px; }

#HeaderMain #Crown #DealerFlyout a#OtherCriteriaLink,
#HeaderMain #Crown #MyBMWFlyout h3,
#HeaderMain #Crown #MyBMWFlyout a.line2a,
#HeaderMain #Crown #MyBMWFlyout a.line2b,
#HeaderMain #Crown #MyBMWFlyout a.line2mf,
#HeaderMain #Crown #MyBMWFlyout a.line6a {
  margin: 0;
  padding: 0;
  text-align: left;
  color: #666;
  font-size: 10px;
  font-weight: bold;
  line-height: 10px;
  background: none; }

#HeaderMain #Crown #MyBMWFlyout .fieldLabel {
  color: #666;
  float: left;
  font-size: 10px; }

#HeaderMain #Crown #DealerFlyout a#OtherCriteriaLink {
  float: left; }

#HeaderMain #Crown #MyBMWFlyout {
  position: absolute;
  top: 100%;
  right: 0px;
  width: 278px;
  height: 385px;
  border: 1px solid #d5d5d5;
  background-color: #fff;
  z-index: 200;
  padding: 21px 20px 24px 20px;
  box-sizing: border-box;
  display: none; }

#HeaderMain #Crown #MyBMWFlyout #MyBMWUsername, #HeaderMain #Crown #MyBMWFlyout #MyBMWPassword,
#HeaderMain #Crown #MyBMWFlyout #MyBMWPasswordShadow, #HeaderMain #Crown #MyBMWFlyout #MyBMWMFAnswer {
  width: 230px;
  height: 21px;
  margin: 0;
  padding: 0 0 0 2px;
  color: #a4a4a4;
  border: 1px inset #d5d5d5;
  font-size: 10px; }

#HeaderMain #Crown #MyBMWFlyout #MyBMWError {
  text-align: left;
  color: red;
  font-size: 10px; }

#HeaderMain #Crown #MyBMWFlyout #MyBMWMFQuestion {
  margin-bottom: 5px; }

#HeaderMain #Crown #MyBMWFlyout #MyBMWPassword {
  display: none; }

#HeaderMain #Crown #MyBMWFlyout #MyBMWUsername {
  margin-bottom: 7px; }

#HeaderMain #Crown .textcolorblack {
  color: #000 !important; }

#HeaderMain #Crown #MyBMWFlyout #MyBMWSignIn,
#HeaderMain #Crown #MyBMWFlyout #MyBMWMFContinue, #HeaderMain #Crown #MyBMWFlyout #MyBMWMFCancel {
  margin-right: 166px;
  display: inline-block;
  color: #fff;
  padding: 4px 0 0 0;
  font-weight: bold;
  font-size: 12px;
  width: 82px;
  height: 18px;
  text-align: center;
  cursor: pointer;
  background-color: #1c62c5;
  background: -webkit-linear-gradient(#1c62c5, #1f72e4);
  /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(#1c62c5, #1f72e4);
  /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(#1c62c5, #1f72e4);
  /* For Firefox 3.6 to 15 */
  background: linear-gradient(#1c62c5, #1f72e4);
  /* Standard syntax */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1c62c5', endColorstr='#1f72e4',GradientType=1 ); }

#HeaderMain #Crown #MyBMWFlyout #MyBMWSignIn, #HeaderMain #Crown #MyBMWFlyout #MyBMWMFContinue {
  width: 96px !important; }

#HeaderMain #Crown #MyBMWFlyout #MyBMWSignIn:hover,
#HeaderMain #Crown #MyBMWFlyout #MyBMWMFContinue:hover, #HeaderMain #Crown #MyBMWFlyout #MyBMWMFCancel:hover {
  background-color: #1f72e4;
  background: -webkit-linear-gradient(#1f72e4, #1c62c5);
  /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(#1f72e4, #1c62c5);
  /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(#1f72e4, #1c62c5);
  /* For Firefox 3.6 to 15 */
  background: linear-gradient(#1f72e4, #1c62c5);
  /* Standard syntax */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1f72e4', endColorstr='#1c62c5',GradientType=1 ); }

#HeaderMain #Crown #MyBMWFlyout #MyBMWSignIn .lockImage {
  padding-right: 5px; }

#HeaderMain #Crown #MyBMWFlyout #MyBMWMFCancel, #HeaderMain #Crown #MyBMWFlyout #MyBMWMFContinue {
  margin-right: 20px !important; }

#HeaderMain #Crown #MyBMWFlyout #MyBMWMFCancel {
  float: left; }

#HeaderMain #Crown #MyBMWFlyout .line1, #HeaderMain #Crown #MyBMWFlyout .line1mf {
  margin-bottom: 11px; }

#HeaderMain #Crown #MyBMWFlyout a.line2a {
  margin: 6px 0px 0px 0px;
  cursor: pointer; }

#HeaderMain #Crown #MyBMWFlyout a.line2b {
  margin: 4px 0px 20px 0px;
  cursor: pointer; }

#HeaderMain #Crown #MyBMWFlyout a.line2mf {
  margin: 6px 0px 20px 0px;
  cursor: pointer; }

#HeaderMain #Crown #MyBMWFlyout .line3, #HeaderMain #Crown #MyBMWFlyout .line3mf {
  width: 100%;
  margin-top: 7px; }

#HeaderMain #Crown #MyBMWFlyout .line3 span, #HeaderMain #Crown #MyBMWFlyout .line3mf span {
  float: left;
  font-size: 10px;
  font-weight: bold;
  color: #666;
  margin-left: 3px; }

#HeaderMain #Crown #MyBMWFlyout #MyBMWRememberMe, #HeaderMain #Crown #MyBMWFlyout #MyBMWRegisterComputer {
  float: left;
  margin: 0px; }

#HeaderMain #Crown #MyBMWFlyout .line4 {
  width: 100%;
  border-bottom: 1px solid #d5d5d5;
  height: 20px;
  margin-bottom: 24px; }

#HeaderMain #Crown #MyBMWFlyout .line5 {
  margin: 9px 0 15px 0; }

#HeaderMain #Crown #MyBMWFlyout a.line6a {
  display: inline-block;
  float: left;
  padding: 2px 0 !important;
  cursor: pointer; }

#HeaderMain #Crown #MyBMWFlyout .line6b {
  color: #666;
  float: left;
  font-size: 16px; }

#MyBMW .userloginmode .line1mf,
#MyBMW .userloginmode #MyBMWMFQuestion,
#MyBMW .userloginmode #MyBMWMFAnswer,
#MyBMW .userloginmode .line2mf,
#MyBMW .userloginmode #MyBMWMFContinue,
#MyBMW .userloginmode #MyBMWMFCancel,
#MyBMW .userloginmode .line3mf,
#MyBMW .multifactormode .line1,
#MyBMW .multifactormode #MyBMWUsername,
#MyBMW .multifactormode .line2a,
#MyBMW .multifactormode .line2b,
#MyBMW .multifactormode #MyBMWSignIn,
#MyBMW .multifactormode .line3,
#MyBMW .multifactormode .fieldLabel {
  display: none !important; }

#MyBMW .multifactormode #MyBMWPassword,
#MyBMW .multifactormode #MyBMWPasswordShadow {
  display: none !important; }

#MyBMW .userloginmode .line1,
#MyBMW .userloginmode #MyBMWUsername,
#MyBMW .userloginmode .line2a,
#MyBMW .userloginmode .line2b,
#MyBMW .userloginmode #MyBMWSignIn,
#MyBMW .userloginmode .fieldLabel
#MyBMW .multifactormode .line1mf,
#MyBMW .multifactormode #MyBMWMFQuestion,
#MyBMW .multifactormode #MyBMWMFAnswer,
#MyBMW .multifactormode .line2mf {
  display: block !important; }

#MyBMW .userloginmode #MyBMWPasswordShadow {
  display: block; }

#MyBMW .userloginmode .line3,
#MyBMW .multifactormode #MyBMWMFContinue,
#MyBMW .multifactormode #MyBMWMFCancel,
#MyBMW .multifactormode .line3mf {
  display: inline-block !important; }

#HeaderMain #Crown #DealerFlyout a#OtherCriteriaLink:hover,
#HeaderMain #Crown #MyBMWFlyout a.line2a:hover,
#HeaderMain #Crown #MyBMWFlyout a.line2b:hover,
#HeaderMain #Crown #MyBMWFlyout a.line2mf:hover,
#HeaderMain #Crown #MyBMWFlyout a.line6a:hover {
  color: #1c69d3 !important; }

#HeaderMain #Header {
  height: 67px;
  background-color: #fff;
  border: none;
  width: 100%;
  position: relative;
  z-index: 1000;
  border-bottom: 1px solid #d5d5d5; }

#HeaderMain #HeaderInner {
  height: 67px;
  width: 1084px;
  margin: 0 auto;
  padding: 0;
  position: relative; }

#HeaderMain #Header #HeaderSub {
  padding-left: 340px;
  height: 67px;
  position: relative; }

#HeaderMain #Header #HeaderSub div {
  float: left; }

#HeaderMain #Header #HeaderSub .greyborderonly {
  width: 0px;
  height: 32px;
  border-right: 1px solid #e7e7e8;
  margin: 17px 0px; }

#HeaderMain #Header #HeaderSub .greyborderonly:last-child {
  display: none; }

#HeaderMain #Header .menuitemtitle {
  font-size: 12px;
  padding: 26px 28px;
  cursor: pointer; }

#HeaderMain #Header .menuTitleplain {
  color: #666766;
  font-size: 12px;
  background: none;
  padding: 0; }

#HeaderMain #Header .menuTitlebold {
  text-transform: uppercase;
  font-size: 12px;
  font-weight: bold;
  color: #221f1f;
  background: none;
  padding: 0; }

#HeaderMain #Header .menuTitlehighlighted, #HeaderMain #Header .menuTitlehover {
  color: #1c69d3 !important; }

#HeaderMain #Header #HeaderSub .menuflyout {
  display: none;
  width: 1082px;
  box-sizing: border-box;
  position: absolute;
  top: 68px;
  left: 1px;
  background-color: #fff;
  -moz-box-shadow: 0px 0px 1px 1px #d5d5d5;
  -webkit-box-shadow: 0px 0px 1px 1px #d5d5d5;
  box-shadow: 0px 0px 1px 1px #d5d5d5; }

#HeaderMain #Header #HeaderSub .vehicleflyoutshort {
  height: 344px;
  padding: 23px 91px; }

#HeaderMain #Header #HeaderSub .vehicleflyout {
  height: 587px;
  padding: 23px 91px; }

#HeaderMain #Header #HeaderSub .vehicleflyouttall {
  height: 806px;
  padding: 23px 91px; }

#HeaderMain #Header #HeaderSub .submenu {
  height: 46px;
  width: 100%;
  background-color: #e9e9e9;
  margin-bottom: 4px;
  position: relative; }

#HeaderMain #Header #HeaderSub .submenugroup {
  float: left; }

#HeaderMain #Header #HeaderSub .grouphighlight {
  background-color: #f1f1f1;
  -moz-box-shadow: 0px 0px 1px 1px #d5d5d5;
  -webkit-box-shadow: 0px 0px 1px 1px #d5d5d5;
  box-shadow: 0px 0px 1px 1px #d5d5d5; }

#HeaderMain #Header #HeaderSub .submenugroup:nth-child(3) .submenuitemtitle {
  font-weight: normal !important; }

#HeaderMain #Header #HeaderSub .submenuitem {
  float: left; }

#HeaderMain #Header #HeaderSub .submenuitemtitle {
  padding: 15px 28px;
  font-size: 10px;
  font-weight: bold;
  cursor: pointer;
  line-height: 15px;
  color: #221f1f; }

#HeaderMain #Header #HeaderSub .submenuitemhighlighted {
  color: #1c69d3; }

#HeaderMain #Header #HeaderSub .submenuitemselected {
  background-color: #cacaca;
  color: #1c69d3; }

#HeaderMain #Header #HeaderSub .submenuflyout {
  position: absolute;
  top: 50px;
  left: 0px;
  width: 100%;
  display: none; }

#HeaderMain #Header #HeaderSub .itemhighlight {
  background-color: #5f5f5f !important;
  color: #fff; }

#HeaderMain #Header #HeaderSub .flyoutrow {
  margin: 0;
  margin-bottom: 12px;
  width: 100%;
  height: 229px;
  background-color: #fff;
  border: 1px solid #e6e6e6; }

#HeaderMain #Header #HeaderSub .vehicletile {
  float: left;
  width: 180px;
  height: 100%; }

#HeaderMain #Header #HeaderSub .vehicletile > a {
  text-decoration: none;
  padding: 0;
  background: none;
  display: block;
  cursor: pointer; }

#HeaderMain #Header #HeaderSub .tiletophalf {
  width: 100%;
  height: 112px;
  position: relative; }

#HeaderMain #Header #HeaderSub .tilebottomhalf {
  width: 100%;
  height: 116px;
  background-color: #f5f5f5;
  border-top: 1px solid #e6e6e6; }

#HeaderMain #Header #HeaderSub .seriessupertext {
  color: #c8c8c8;
  font-family: Helvetica, Arial, sans-serif;
  line-height: 1;
  padding-left: 12px;
  position: absolute;
  left: 0px;
  top: 0px;
  margin: 0;
  width: auto; }

#HeaderMain #Header #HeaderSub .seriestext-large {
  font-size: 86px; }

#HeaderMain #Header #HeaderSub .seriestext-medium {
  font-size: 45px;
  padding-top: 12px; }

#HeaderMain #Header #HeaderSub .seriestext-small {
  font-size: 25px;
  font-weight: bold;
  padding-top: 18px;
  padding-right: 10px; }

#HeaderMain #Header #HeaderSub .seriessubtext {
  color: #c8c8c8;
  font-size: 15px;
  font-weight: bold;
  padding-top: 20px;
  position: absolute;
  top: 0px;
  left: 100%; }

#HeaderMain #Header #HeaderSub img.seriesvehicle {
  width: 238px;
  height: 102px;
  position: absolute;
  bottom: -30px;
  left: -29px;
  z-index: 100; }

#HeaderMain #Header #HeaderSub img.seriesvehicle-alpina {
  width: 162px !important;
  height: 63px !important;
  left: 10px !important;
  bottom: -20px !important; }

#HeaderMain #Header #HeaderSub .tilebottomhalf p {
  margin: 0px;
  text-align: left;
  color: #414141;
  padding-left: 20px;
  line-height: 10px;
  width: auto; }

#HeaderMain #Header #HeaderSub .vehicleprice {
  font-size: 14px;
  padding-top: 40px;
  font-weight: bold; }

#HeaderMain #Header #HeaderSub p.vehicleprice span {
  font-size: 8px;
  color: #5d5d5d;
  font-weight: bold;
  padding-left: 2px; }

#HeaderMain #Header #HeaderSub .vehiclesubtext1 {
  padding: 5px 0px 3px 0px;
  font-size: 8px;
  font-weight: bold; }

#HeaderMain #Header #HeaderSub .vehiclesubtext2 {
  font-size: 9px;
  font-weight: normal; }

#HeaderMain #Header #HeaderSub .flyoutlegal {
  float: left;
  margin-top: -8px; }

#HeaderMain #Header #HeaderSub .flyoutlegal p {
  font-size: 8px;
  color: #5d5d5d;
  line-height: 10px;
  margin: 0;
  width: auto; }

#HeaderMain #Header #HeaderSub .flyoutfooter {
  float: right;
  padding: 7px 25px 5px 25px;
  cursor: pointer;
  text-transform: uppercase;
  background-color: #1c62c5;
  background: -webkit-linear-gradient(#1c62c5, #1f72e4);
  /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(#1c62c5, #1f72e4);
  /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(#1c62c5, #1f72e4);
  /* For Firefox 3.6 to 15 */
  background: linear-gradient(#1c62c5, #1f72e4);
  /* Standard syntax */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1c62c5', endColorstr='#1f72e4',GradientType=1 ); }

#HeaderMain #Header #HeaderSub .flyoutfooter:hover {
  background-color: #1f72e4;
  background: -webkit-linear-gradient(#1f72e4, #1c62c5);
  /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(#1f72e4, #1c62c5);
  /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(#1f72e4, #1c62c5);
  /* For Firefox 3.6 to 15 */
  background: linear-gradient(#1f72e4, #1c62c5);
  /* Standard syntax */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1f72e4', endColorstr='#1c62c5',GradientType=1 ); }

#HeaderMain #Header #HeaderSub .flyoutfooter a {
  color: #fff;
  font-weight: bold;
  font-size: 9px;
  padding: 0;
  line-height: 1; }

#HeaderMain #Header #HeaderSub div.flyoutfooter:hover {
  background-color: #1c69d3 !important; }

/*   Shopping Tools styles   */
#HeaderMain #Header #HeaderSub .bmwflyout {
  height: 482px;
  padding: 91px 173px 72px 173px; }

#HeaderMain #Header #HeaderSub .bmwtile {
  float: left;
  width: 348px;
  margin: 0px 10px;
  height: 100%;
  position: relative; }

#HeaderMain #Header #HeaderSub .tileimage {
  width: 348px;
  height: 191px; }

#HeaderMain #Header #HeaderSub .tileheading {
  position: absolute;
  left: 15px;
  top: 15px;
  font-size: 18px;
  text-transform: uppercase;
  font-weight: bold;
  color: #fff; }

#HeaderMain #Header #HeaderSub .tileoverlay {
  width: 100%;
  padding: 16px 0;
  text-align: center;
  font-weight: bold;
  text-transform: uppercase;
  color: #fff;
  float: left;
  height: 17px; }

#HeaderMain #Header #HeaderSub .tileoverlay > div {
  float: none;
  display: inline-block; }

#HeaderMain #Header #HeaderSub .tileoverlay a {
  color: #fff;
  text-decoration: none;
  padding-left: 30px;
  font-size: 12px;
  background: none;
  font-weight: bold;
  height: 15px; }

#HeaderMain #Header #HeaderSub .overlayseperator {
  height: 16px;
  width: 0px;
  border-right: 1px solid #8eb4ea; }

#HeaderMain #Header #HeaderSub .overlayrightarrow {
  font-size: 16px;
  padding: 0 30px 0 5px; }

#HeaderMain #Header #HeaderSub .tileoverlay > div:last-child div.overlayseperator {
  display: none; }

#HeaderMain #Header #HeaderSub .tileoverlay a:hover {
  color: #fff;
  text-decoration: none; }

#HeaderMain #Header #HeaderSub .tileoverlaygray {
  background-color: #B5B5B5; }

#HeaderMain #Header #HeaderSub .tileoverlayblue {
  background-color: #1C69D4; }

#HeaderMain #Header #HeaderSub .tilecenterline {
  height: 25px;
  width: 100%;
  border-bottom: 1px solid #888; }

#HeaderMain #Header #HeaderSub .tileunderlay {
  float: left;
  margin: 0px; }

#HeaderMain #Header #HeaderSub .tileunderlayind {
  position: relative;
  padding: 17px 0px 17px 40px;
  float: left; }

#HeaderMain #Header #HeaderSub .tileunderlayind:nth-child(odd) {
  margin-right: 35px; }

#HeaderMain #Header #HeaderSub .tileunderlayind span {
  font-size: 50px;
  color: #666;
  position: absolute;
  top: 0px;
  left: -5px; }

#HeaderMain #Header #HeaderSub .tileunderlay a,
#HeaderMain #Header #HeaderSub .tileunderlay a:hover {
  color: #666;
  background: none;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 14px;
  padding: 0; }

.maco-box {
  display: none;
  color: #fff;
  height: 100%; }
  .maco-box p {
    text-align: right;
    font-weight: 500;
    color: #939393; }
    .maco-box p .maco-display, .maco-box p .dealer-display {
      font-weight: 700;
      color: #fff; }

.maco-info, .dealer-info {
  margin: 0;
  padding: 0;
  line-height: 15px;
  font-size: 11px; }

.v-center {
  position: relative;
  top: 50%;
  transform: translateY(-50%); }

.locator-error {
  display: none;
  color: #ff0000;
  font-size: 12px;
  text-align: left;
  padding-bottom: 3px; }

/* End of Header Section Styles */
/* Footer Section Styles */
.float-left {
  float: left; }

.float-right {
  float: right; }

.float-container:after {
  content: "";
  display: table;
  clear: both; }

.footer-container {
  clear: both;
  min-width: 1104px;
  max-width: 1900px;
  margin: 0 auto;
  text-align: left; }

.footer-content {
  width: 1104px;
  margin: 0 auto; }

.footer-series-height {
  height: 85px; }

.footer-series-line-height {
  line-height: 85px !important; }

.footer-series-line-height-inner {
  line-height: 16px !important; }

.footer-series-line-padding {
  padding-bottom: 35px;
  padding-top: 34px; }

.footer-series {
  background: -webkit-linear-gradient(#000000, #303030);
  background: -o-linear-gradient(#000000, #303030);
  background: -moz-linear-gradient(#000000, #303030);
  background: linear-gradient(#000000, #303030);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='black', endColorstr='#303030',GradientType=1 ); }

.footer-series-list-label {
  font-size: 16px;
  line-height: 85px;
  color: #FFFFFF;
  padding-right: 30px;
  padding-left: 10px; }

.footer-series-list-link {
  background: none !important;
  background-image: none !important;
  padding: 0 !important;
  margin: 0 !important;
  display: inline !important;
  font-size: 14px !important;
  color: #FFFFFF !important;
  text-decoration: none !important; }
  .footer-series-list-link:hover {
    color: #1c69d3 !important; }

.footer-series-list-separator {
  display: inline;
  padding: 0px 15px 0px 15px;
  color: #77787B !important;
  font-size: 16px !important;
  background: none !important;
  background-image: none !important;
  margin: 0 !important; }

.footer-main-links {
  background-color: #ededee;
  height: auto; }

.footer-main-links-columns {
  padding-top: 50px;
  overflow: hidden; }

.footer-bottom-padding {
  padding: 0;
  margin: 0;
  height: 50px;
  width: 100%;
  background-color: #ededee;
  clear: both; }

.footer-main-links-column1 {
  box-sizing: border-box;
  width: 378px;
  padding-left: 10px;
  padding-right: 10px;
  border-right: 1px solid #c7c8ca;
  padding-bottom: 99999px;
  margin-bottom: -99999px; }

.footer-main-links-column2 {
  box-sizing: border-box;
  width: 368px;
  padding-left: 30px;
  padding-right: 10px;
  border-right: 1px solid #c7c8ca;
  padding-bottom: 99999px;
  margin-bottom: -99999px; }

.footer-main-links-column3 {
  box-sizing: border-box;
  width: 358px;
  padding-left: 30px;
  padding-right: 10px;
  padding-bottom: 99999px;
  margin-bottom: -99999px; }

.footer-main-links-list-title {
  font-size: 14px;
  font-weight: bold;
  color: #221F1F;
  line-height: 14px;
  height: 14px; }

.footer-main-links-list-title-underscore-icon-list {
  width: 47px;
  border-bottom: 1px solid #C7C8CA;
  padding-bottom: 15px;
  margin-bottom: 20px;
  line-height: 14px;
  height: 14px; }

.footer-main-links-list-title-underscore {
  width: 47px;
  border-bottom: 1px solid #C7C8CA;
  padding-bottom: 15px;
  margin-bottom: 15px;
  line-height: 14px;
  height: 14px; }

.footer-main-links-icon-list {
  padding-bottom: 31px;
  height: 40px; }

.footer-main-links-icon-list a {
  background: none !important;
  background-image: none !important;
  margin: 0 !important;
  display: inline !important;
  text-decoration: none !important;
  height: 40px;
  width: 40px;
  line-height: 40px; }

.footer-main-links-icon-list-with-padding {
  padding-left: 0px !important;
  padding: 0px 20px 0px 0px !important; }

.footer-main-links-icon-list-without-padding {
  padding-left: 0px !important;
  padding: 0px 0px 0px 0px !important; }

.footer-main-links-icon {
  height: 40px;
  width: 40px;
  font-size: 40px;
  line-height: 40px !important; }

.footer-main-links-list {
  padding: 0px !important;
  margin: 0px !important; }

.footer-main-links-list a sup {
  font-size: 11px; }

.footer-main-links-list-separator {
  padding-bottom: 30px !important; }

.footer-main-links-list-link-separator {
  padding-bottom: 16px; }

.footer-main-links-list-link {
  background-image: none !important;
  padding: 0px !important;
  margin: 0 !important;
  display: inline !important;
  text-decoration: none !important;
  font-size: 14px !important;
  color: #77787B !important; }
  .footer-main-links-list-link:hover {
    color: #1c69d3 !important; }

.footer-bottom-height {
  height: 70px; }

.footer-bottom-line-height {
  line-height: 70px !important; }

.footer-bottom {
  background-color: #ffffff; }

.footer-bottom-copyright-label {
  font-size: 12px;
  color: #414141;
  font-weight: bold;
  padding-left: 10px; }

.footer-bottom-linklist {
  padding-right: 10px; }

.footer-bottom-list-link {
  background: none !important;
  background-image: none !important;
  padding: 0 !important;
  margin: 0 !important;
  display: inline !important;
  font-size: 12px !important;
  color: #77787B !important;
  text-decoration: none !important; }
  .footer-bottom-list-link:hover, .footer-bottom-list-link:hover span {
    color: #1c69d3 !important; }

.footer-bottom-list-separator {
  display: inline;
  padding: 0px 15px 0px 15px;
  font-size: 12px !important;
  color: #77787B !important;
  background: none !important;
  background-image: none !important; }

.footerTop {
  height: 60px; }

.footer-modal-overlay {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  height: 100%;
  width: 100%;
  margin: 0;
  padding: 0;
  background: #fff;
  opacity: .75;
  filter: alpha(opacity=75);
  -moz-opacity: 0.75;
  z-index: 101; }

.footer-modal-window {
  top: 0px;
  left: 0px;
  z-index: 1005;
  display: block;
  position: relative;
  background-color: #ffffff;
  border: 1px solid #a2a3a5;
  margin: -2px 6px 6px -1px;
  width: 974px;
  height: 536px; }

.footer-modalshadow {
  position: absolute;
  top: 105px;
  width: 1090px;
  height: 541px;
  margin: 0 auto 0 auto;
  background: url(https://cache.bmwusa.com/image_a7ab1bd7-10e4-4284-b9c7-bf26643736a7.arox) bottom right no-repeat;
  z-index: 104; }

a.footer-close-window {
  color: #000000;
  cursor: pointer;
  width: 16px;
  height: 16px;
  background-image: url(https://cache.bmwusa.com/image_30976237-adb0-468c-b162-d0103b627bb3.arox) top left no-repeat;
  z-index: 108; }

/* End of Footer Section Styles */

/*# sourceMappingURL=HeaderFooter.css.map */