/*****************************************************************************************/
/*****************************************************************************************/
/*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) no-repeat;
}
.current_offers .main-navigation li#currentoffers {
    background:url(/img/nav/top/current_offers_over.gif) no-repeat;
}
.usedbmw .main-navigation li#usedbmw {
    background:url(/img/nav/top/approved_used_bmw_over.gif) no-repeat;
}
.approved-used-bmw .main-navigation li#approved-used-bmw {
    background:url(/img/nav/top/approved_used_bmw_over.gif) no-repeat;
}
/************************************************/
/*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*/
/*****************************************************/
.withIframe 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; 
}
.withContentAfterBreadcrumbNotUnderLeftNav iframe {
    width:770px;
}
/*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;
}
.approved-used-bmw iframe { 
    width:770px;
    height:1340px;
}
.approved-used-bmw #contents {
    padding-top:0;
}
.approved-used-bdr-iframe iframe {
    position:relative;
    left:-20px;
    width:800px;
    height:11250px;
}
.approved-used-bdr-iframe #leftNavDown {
    z-index:1;
}
.approved-used-bdr-iframe #leftNavHolder {
    z-index:2;/*IE*/
}
.approved-used-bdr-iframe div#topbar {
    z-index:3;
}
/*****************************************************/
/*End iframe styles*/
/*****************************************************/

/*******************/
/*Start misc 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;
}
/*Template styles*/
.full-width-main-content #contents {
    margin-left:10px;
}
.with-sub-nav #primary_banner {
    margin-bottom:0;
    padding-bottom:0;
}
/*******************/
/*End misc styles*/
/*******************/

/*****************************************************/
/*Start rating widget styles*/
/*****************************************************/
.sales_rating,
.service_rating {
    border:1px solid #E3E4E7;
    background:#F3F3F3;
    overflow:hidden;
    padding:5px;
}
.rating_widget h4 {
    width:38px;
    height:12px;
    float:left;
    text-indent:-1000em;
    overflow:hidden;
    margin:4px 10px 0 0;
}
.rating_widget p {
    background:none;
    margin-bottom:10px;
}
.sales_rating span,
.service_rating span,
.panel span,
.comments span {
    display:block;
    width:18px;
    float:left;
    margin:3px 0 0 7px;
}
.sales_rating p,
.service_rating p {
    float:right;
    margin:3px 5px 0 0;
}
.rating_widget img {
    position:relative;
    z-index:2;
}
.filler {
    position:relative;
    float:left;
}
.fill_holder {
    width:100px;
    height:18px;
    position:absolute;
    z-index:1;
    top:0;
    left:0;
}
.fill {
    background:#FCFE02;
    height:100%;
}
.service_rating h4,
#service_heading {
    background-image:url(/img/rating_service_heading.png);
    background-repeat:no-repeat;
}
.sales_rating h4,
#sales_heading {
    background-image:url(/img/rating_sales_heading.png);
    background-repeat:no-repeat;
}
.rating_widget a:link,
.rating_widget a:visited {
    color:#666;
}
.rating_widget a:hover,
.rating_widget a:active {
    color:#003399;
}
.trigger {
    cursor:pointer;
}
.panel {
    clear:both;
    border:1px solid #E3E4E7;
    border-top:none;
    background:#F3F3F3;
    padding:5px;
    overflow:hidden;
}
.panel p {
    clear:left;
}
.panel .filler {
    margin:5px 0 10px;
}
.panel span {
    margin-top:8px;
}
.panel .see_all {
    float:right;
    background:url(/img/see_all_arrow.png) no-repeat;
    padding-left:20px;
}
.rating_widget .find_out_more {
    background-image:url(/img/find_out_more.png);    
    margin-top:10px;
    width:78px;
}
.rating_widget .find_out_more_and_read {
    background-image:url(/img/find_out_more_and_read_customer_reviews.png);    
    margin-top:10px;
    width:222px;
}
#new-bmw_star-rating .rating_widget .find_out_more_and_read,
#service_star-rating .rating_widget .find_out_more_and_read {
    background-image:url(/img/find_out_more_and_read_customer_reviews_grey_bkg.png);
}
.more_info {
    background-image:url(/img/click_here_for_more_information.png);
}
.panel .wrapper {
    overflow:hidden;
}
.panel .wrapper span {
    width:auto;
}
#new-bmw_star-rating .rating_widget,
#service_star-rating .rating_widget {
    width:280px;
    margin-top:20px;
}
/*****************************************************/
/*End rating widget styles*/
/*****************************************************/

/*****************************************************/
/*Start standard heading styles*/
/*****************************************************/
h5 {
    font-size:1em;
    margin:0 0 10px;
}
/*****************************************************/
/*End standard heading styles*/
/*****************************************************/

/*****************************************************/
/*Start image replacement styles*/
/*****************************************************/
/*For image replacements that contain links*/
.replace_with_link {
    background-repeat:no-repeat;
    display:block;
    height:15px;
}
.replace_with_link span {
    text-indent:-1000em;
    display:block;
    overflow:hidden;
    cursor:pointer; /*Fix IE7 text cursor*/
    height:0;
}
.replace_with_link:hover {
    background-position:0px -15px;
}
/*****************************************************/
/*End image replacement styles*/
/*****************************************************/

/*************************************************************/
/*Start tab styles for Olympics section /aboutus/london-2012/*/
/*************************************************************/
/*Start tab interface styles.*/
.tabs {
    list-style:none;
    margin:0;
    padding:0;
    overflow:hidden;
    font-size:1em;
    font-weight:bold;
}
.tabs li {
    float:left;
    margin-right:1px;
    line-height:1;
    background:url(/img/tabarrows_grey.gif) no-repeat right top;
}
.tabs a {
    margin-right:15px;
    display:block;
    padding:3px 0 3px 4px;
    background:#BDBDBD;
    text-decoration:none;
}
.main_content .tabs a:link,
.main_content .tabs a:visited {
    text-decoration:none;
}
.box {
    padding:10px;
    border:1px solid #999;
}
.tabs .selected {
    background:url(/img/tabarrows_blue.gif) no-repeat right top;
}
.tabs .selected a {
    background:#31477D; 
}
.tabs a:link,
.tabs a:visited {
    color:#FFF;
}
.tabs a:hover,
.tabs a:active {
    color:#666;
}
.tabs .selected a:hover {
    color:#FFF;
}
/*End tab interface styles.*/

/*Start styles for:
/aboutus/london-2012/latest-news.html
/aboutus/london-2012/our-local-athlete/latest-news.html
/aboutus/london-2012/our-local-athlete/gallery.html*/
#aboutus_london-2012_latest-news .box,
#aboutus_london-2012_our-local-athlete_latest-news .box,
#aboutus_london-2012_our-local-athlete_gallery .box {
    padding-left:0;
    padding-top:0;
}
#aboutus_london-2012_latest-news #subContents,
#aboutus_london-2012_our-local-athlete_latest-news #subContents,
#aboutus_london-2012_our-local-athlete_gallery #subContents {
    border:0;
    width:778px;
}
#aboutus_london-2012_latest-news #subTxt,
#aboutus_london-2012_our-local-athlete_latest-news #subTxt,
#aboutus_london-2012_our-local-athlete_gallery #subTxt {
    padding:14px;
}
/*End styles*/

/*************************************************************/
/*End tab styles for Olympics section /aboutus/london-2012/*/
/*************************************************************/

/*********************************************/
/*Start secondary tactical area banner styles*/
/*********************************************/
.secondary-tactical-banner-wrapper {
    background: url(/img/modules/bannersBg.jpg) repeat-x;
}
.secondary-tactical-banner-wrapper img {
    margin:0 auto;
    display:block;
    padding-top:10px;
}
/*********************************************/
/*End secondary tactical area banner styles*/
/*********************************************/