/*****************************************************************************************/
/*****************************************************************************************/
/*BMW Public Website - common styles - common.css
Created 08/12/08 by Jon Mackie for Psand Ltd

This style sheet contains styles that are used in more than one page of the
BMW Public Websites, but are not used for navigation or primary structural
layout purposes.*/
/*****************************************************************************************/
/*****************************************************************************************/

/**************************************************/
/*Start main navigation section headings on styles*/
/**************************************************/
.corporate .main-navigation li#corporate {
    background:url(/img/nav/top/corporate_sales_over.gif);
}
.current_offers .main-navigation li#currentoffers {
    background:url(/img/nav/top/current_offers_over.gif);
}
/************************************************/
/*End main navigation section headings on styles*/
/************************************************/

/**************************************************/
/*Start Q1 promotions /currentoffers/ styles*/
/**************************************************/
/*Start tab interface element styles*/
.tabs ul {
    list-style:none;
    overflow:auto;
    width:100%;
}
.tabs ul li {
    float:left;
    margin-right:1px;
    line-height:17px;
    width:193px;
}
.tabs ul li a {
    margin-right:16px;
    font-weight:bold;
    text-decoration:none;
    display:block;
    padding:0 0 2px 3px;
    height:34px;
}
.tabs ul li {
    background:url(/img/tabarrows_grey.gif) no-repeat right top;
}
.tabs ul li a {
    background:#BDBDBD;
}
.tabs ul .active {
    background:url(/img/tabarrows_blue.gif) no-repeat right top;
}
.tabs ul .active a {
    background:#31477D;
}
.tabs ul li a:link,
.tabs ul li a:visited {
    color:#FFF;
}
.tabs ul li a:hover,
.tabs ul li a:active {
    color:#666;
}
.tabs ul .active a:hover {
    color:#FFF;
}
/*End tab interface element styles*/

/*Start tab content area styles*/
.current_offers .tab_content {
    border-top: 4px solid #31477D;
    border-bottom: 4px solid #31477D;
    padding-bottom:1em;
    margin-bottom:1em;
}
.current_offers .tab_content p {
    margin-top:10px;
}
.current_offers .tab_content table {
    width:777px;
    border-collapse:collapse;
}
.current_offers #contents .tab_content h3 {
    color:#666666;
    font-size:1.7em;
    padding-bottom:0;
    text-align:right;
}
.current_offers .tab_content .wrapper {
    overflow:auto;
    width:777px;
}
.current_offers .tab_content .wrapper .effdyn_logo {
    float:right;
    width:250px;
}
.current_offers .tab_content .wrapper .blue-button {
    position:static;
}
.current_offers .tab_content .wrapper .highlight {
    float:left;
    font-weight:bold;
    background:#30477D;
    color:#FFF;
    padding:5px 7px;
    font-size:1.1em;
    margin-top:10px;
}
.tab_content strong span {
    font-size:10px;
    position:relative;
    top:-4px;
}

/*************************************************/
/* Jquery validation styles                      */
/*************************************************/

label.inputValidationError, label.inputValidationSuccess
{ 
  font-weight: bold;
  margin-left: .8em;
}

label.inputValidationError.wysiwyg, label.inputValidationSuccess.wysiwyg
{
  margin: 0  0 .8em 0;
}

label.inputValidationError
{ 
  color: #f00;
}

/*End tab content area styles*/

/*Start styles for /currentoffers/X3_edition_p2.html
and /series_finance/7_series_executive_packages.html*/
#X3_edition_p2 .tab_content th,
#seven_series_executive_packages .tab_content th,
#three_series_highline_convertible .tab_content th,
#three_series_highline_coupe .tab_content th,
#m3_coupe_edition_models .tab_content th {
    font-weight:bold;
}
#X3_edition_p2 .tab_content th p,
#seven_series_executive_packages .tab_content th p,
#three_series_highline_convertible .tab_content th p,
#three_series_highline_coupe .tab_content th p {
    float:left;
    margin:0;
}
#X3_edition_p2 .tab_content th span,
#seven_series_executive_packages .tab_content th span,
#three_series_highline_convertible .tab_content th span,
#three_series_highline_coupe .tab_content th span {
    float:right;
}
/*End styles for /currentoffers/X3_edition_p2.html
and /series_finance/7_series_executive_packages.html*/
/**************************************************/
/*End Q1 promotions /currentoffers/ styles*/
/**************************************************/

/**************************************************/
/*Start left nav link highlighting styles*/
/**************************************************/
#auc_service_inclusive #left-nav-usedbmw-auc-service-inclusive a,
#used_bmw_benefits #left-nav-usedbmw-benefits-programme a,
#used_bmw_benefits_intro #left-nav-usedbmw-benefits-intro a {
    background:url(/img/smlbluearrow.gif) no-repeat 1px 4px;
    color:#187AA5;
    padding-left:10px;
}
#auc_service_inclusive #left-nav-usedbmw-benefits,
#used_bmw_benefits #left-nav-usedbmw-benefits,
#used_bmw_benefits_intro #left-nav-usedbmw-benefits {
    font-weight:bold;
}
/**************************************************/
/*End left nav link highlighting styles*/
/**************************************************/

/*Start iframe page override*/
.with_iframe #mainArea {
    padding:0;
}
/*End iframe page override*/

/*******************************************************/
/*Start sub home next/prev primary banner button styles*/
/*******************************************************/
#primary_banner .next {
    top:213px;
    right:2px;
}
#primary_banner .previous {
    top:213px;
    left:681px;
}
/*****************************************************/
/*End sub home next/prev primary banner button styles*/
/*****************************************************/

/*****************************************************/
/*Start iframe styles*/
/*****************************************************/

/*Start universal iframe styles*/
.withIframe iframe, .universal_iframe iframe  {
    position:absolute;
    width:1000px;
    height:2000px;
}

.withIframe div#topbar, 
.withIframe .new-top-nav { 
    z-index: 2; 
}
.withIframe div#leftNavHolder { 
    z-index: 1; 
}
.withIframe div#breadcrumbHolder { 
    position: relative;
    z-index: 1;
}

.withContentAfterMainNav iframe { 
    margin-top:61px; 
}
/*Ensure iframes inside mainArea aren't put in the wrong place by mistake*/
.withContentAfterMainNav div#mainArea iframe { 
    margin-top:0px; 
}
.withContentUnderMainNav div#mainArea iframe { 
    margin-top:-61px; 
}
.withContentUnderSubNav div#mainArea iframe { 
    margin-left:-220px; 
}
.withoutContentUnderSubNav iframe { 
    margin-left:220px; 
}
/*Ensure iframes inside mainArea aren't put in the wrong place by mistake*/
.withoutContentUnderSubNav div#mainArea iframe { 
    margin-left:0px; 
}

.current_offers iframe { 
    width:1003px;
    height:1500px;
    top:12px;
    left:-2px;
}   



/*Iframes with content positioned just below the header and no left nav*/
.iframe_type_1 iframe {
    top:-11px;
}

/*Iframes with content layered underneath the header and no left nav*/
.iframe_type_2 iframe {
    top:-50px;
}

/*Remove left nav gap*/
.iframe_type_1 #mainArea,
.iframe_type_2 #mainArea{
    left:0;
}

/*Iframes with left nav and breadcrumbs*/
.iframe_type_3 #leftNavHolder {
    z-index:1;
}
.iframe_type_3 #topbar,
.iframe_type_3 .new-top-nav {
    z-index:2;
}
.iframe_type_3 #breadcrumbHolder {
    position:relative;
    z-index:1;
}
/*****************************************************/
/*End iframe styles*/
/*****************************************************/

.highlight_box {
    background:#828282;
    color:#fff;
    padding:10px;
    margin:10px 0;
}
.highlight_box p {
    background:#828282;
    color:#fff;
}
.highlight_box ul {
    padding-left:20px;
    margin-top:10px;
}