/************************************************************************
*************************************************************************
**                                                                     **
**                Document for layout styles that are only             **
**                for specific masters or controls                     **
**                                                                     **
*************************************************************************
************************************************************************/

/************************************************************************
**      PLEASE ADD ALL STYLES TO THE BOTTOM OF THE FILE                **
**      WITH A COPY OF THIS COMMENT BLOCK                              **
************************************************************************/

/************************************************************************
**      Safari specific overrides - THAT BREAK STANDARDS!!!!           **
************************************************************************/
input[type='image'] 
{
	-webkit-appearance: none;
	-webkit-border-radius: 0px;
}

textarea
{
    resize: none;
}

span.disabled
{
    color: #A9A9A9;
    text-shadow: 1px 1px 0px #ffffff;
}


 

/************************************************************************
**      SideNav WebControl                                             **
************************************************************************/
#SideNavContainer, #SideNavAccordionContainer
{
    width: 198px;
    overflow: hidden;
}

#SideNavTopGradient, #SideNavBottomGradient, #SideNavAccordionTopGradient, #SideNavAccordionBottomGradient
{
    width: 100%;
    height: 5px;
    position: relative;
}

#SideNavTopGradient, #SideNavAccordionTopGradient
{
    background: transparent url("https://cache.bmwusa.com/image_331D08C2-D62A-4FFF-B5E1-7DEDF3796F9D.arox") repeat-x;
}

#SideNavBottomGradient, #SideNavAccordionBottomGradient
{
    background: transparent url("https://cache.bmwusa.com/image_B0A7A13C-3AC7-4A25-A85A-A47FE3C69731.arox") repeat-x;
}

#SideNavTopLeftGradientCorner, #SideNavAccordionTopLeftGradientCorner
{
    position: absolute;
    top: 0px;
    left: 0px;
    clip: rect(0px, 5px, 5px, 0px);
}

#SideNavTopRightGradientCorner, #SideNavAccordionTopRightGradientCorner
{
    position: absolute;
    top: 0px;
    right: 0px;
    clip: rect(0px, 10px, 5px, 5px);
}

#SideNavBottomLeftGradientCorner, #SideNavAccordionBottomLeftGradientCorner
{
    position: absolute;
    bottom: 0px;
    left: 0px;
    clip: rect(5px, 5px, 10px, 0px);
}

#SideNavBottomRightGradientCorner, #SideNavAccordionBottomRightGradientCorner
{
    position: absolute;
    bottom: 0px;
    right: 0px;
    clip: rect(5px, 10px, 10px, 5px);
}

#SideNavLeftGradient, #SideNavAccordionLeftGradient
{
    position: relative;
    background: transparent url("https://cache.bmwusa.com/image_da16ce20-aec2-4554-8975-e261c3c37ddf.arox") repeat-y 0px 0px;
}

#SideNavRightGradient, #SideNavAccordionRightGradient
{
    background: transparent url("https://cache.bmwusa.com/image_596450B9-C3AA-4A35-BF1A-932805B11CB3.arox") repeat-y 193px 0px;
}

#SideNavContent, #SideNavAccordionContent
{
    width: 188px;
    margin: 0 auto;
}

#SideNavContent ul, #SideNavAccordionContent ul
{
    padding: 10px 20px 20px 20px;
    height: 100%;
    background: #e8e9ea url("https://cache.bmwusa.com/image_eb5ec402-4186-4530-9ad2-054de8c86fb8.arox") repeat-x;
}

#SideNavContent .divide, #SideNavAccordionContent .divide
{
    line-height: 9px;
    padding: 0px;
    margin: 0 -6px;
    background: transparent url('https://cache.bmwusa.com/image_81807011-a7dd-45d1-9cf2-8948cd92aff8.arox') repeat-x center;
}

#SideNavContent .bigspace, #SideNavAccordionContent .bigspace
{
    line-height: 24px;
    padding: 0px;
    margin: 0;
}

#SideNavAccordionContent .panelGroup
{
    background: #e8e9ea url("https://cache.bmwusa.com/image_eb5ec402-4186-4530-9ad2-054de8c86fb8.arox") repeat-x;
}

#SideNavAccordionContent .panelGroupHeading
{
    width: 100%;
    border-top: 1px solid #E6E7E8;
    overflow: auto;
    text-indent: 20px;
    cursor: pointer;
    color: inherit;
    background: url("https://cache.bmwusa.com/image_53b0cac3-ca3c-4b51-9fe1-c9413d9d9ef9.arox") repeat-x;
}

#SideNavAccordionContent .panelHeadingTitle
{
    width: 80%;
    position: relative;
    float: left;
    font-weight: bold;
    padding: 7px 0 8px 0;
}

#SideNavAccordionContent .panelHeadingIcon
{
    width: 11px;
    height: 11px;
    margin: 13px auto 0 auto;
    overflow: hidden;
    position: relative;
    vertical-align: middle;
    background: transparent url("https://cache.bmwusa.com/image_32fcf265-aa33-472f-874f-b27269b8b556.arox") no-repeat 0px 0px;
}

#SideNavAccordionContent .panelHeadingIcon:hover
{
    background-position: 0px -27px;
}

#SideNavAccordionContent .panelGroupContent
{
    overflow: hidden;
    display: none;
}

#SideNavContainer #Selected a, #SideNavAccordionContainer #Selected a, #BMWSideNavTitle #selected, #BMWMemberNav #Selected
{
    color: #1f6bd4;
}


#BMWSideNavTitle
{
    border-bottom: 1px solid #c7c8ca;
    padding: 10px 0 10px 20px;
    background: #e8e9ea url("https://cache.bmwusa.com/image_53b0cac3-ca3c-4b51-9fe1-c9413d9d9ef9.arox") repeat-x;
}


#SideNavContainer div.SideNavExploreContainer
{
    width: 168px;
    padding-left: 20px;
    border-bottom: 1px solid #c7c8ca;
    position: relative;
    background-color: #fff;
}

#SideNavContainer div.SideNavExploreContainer a
{
   padding: 7px 0 8px 13px;
   line-height: 18px;
   background: transparent url('https://cache.bmwusa.com/image_b1505d1f-b7a4-4f85-afde-73a0ecad8ac1.arox') no-repeat 0px 11px;
   display: block;
   position: relative;
   z-index: 3;
}

img.ExploreLinkImage
{
    width: 188px;
    height: 63px;
    overflow: hidden;
    margin-left: -20px;
}

#SideNavContainer div.SideNavExploreContainer a.ExploreImageLink
{
    margin: 0;
    padding: 0;
}

#SideNavContainer div.AllSeriesLinkContainer
{
    margin-top: -31px;
    border-top: 1px solid #c7c8ca;
    padding: 10px 0 10px 20px;
    background: #e8e9ea url("https://cache.bmwusa.com/image_53b0cac3-ca3c-4b51-9fe1-c9413d9d9ef9.arox") repeat-x;
}

form #SideNavContent a
{
    line-height: 18px;
    display: inline-block;
    background-position: 0px 6px;
}

#BMWTertiaryNav #Selected, #BMWTertiaryNav #Selected a
{
    color: #1f6bd4;
}

div.subGroup, div.subGroupContent, #SideNavContent div.subGroupContent ul
{
	margin: 0;
	padding: 0;
}

#SideNavContent div.subGroupContent ul
{
	background: transparent;
}

div.subGroup
{
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #ccc;
	margin-top: -11px;
	margin-left: -20px;
	margin-bottom: 10px;
	padding-left: 20px;
	padding-bottom: 11px;
	width: 168px;
}

#SideNavContainer .subGroupHeading
{
    border-bottom: 1px solid #c7c8ca;
	margin-left: -20px;
	margin-bottom: 5px;
    padding: 10px 0 10px 20px;
	text-transform: uppercase;
	font-weight: bold;
    background: #e8e9ea url("https://cache.bmwusa.com/image_53b0cac3-ca3c-4b51-9fe1-c9413d9d9ef9.arox") repeat-x;
}

#SideNavContainer .subGroupHeading.no-transform
{
	text-transform: none;
}

div.subGroup .divide
{
	width: 158px;
}

div.subGroup .SideNavExploreContainer
{
	margin-left: -20px;
	margin-top: -5px;
	margin-bottom: 3px;
}

#SideNavContainer li
{
    list-style: none;
}

/******************************************************
**      Tertiary Nav                                 **
******************************************************/

#BMWTertiaryNav #Selected, #BMWTertiaryNav #Selected a
{
    color: #1f6bd4;
}

#BMWTertiaryNav
{
    margin: 0px 0px 10px 0px;
    width: 758px;
}

#BMWTertiaryNav div
{
    width: 758px;
}

#BMWTertiaryNav li
{
    display: inline;
    margin-right: 20px;
}

#BMWTertiaryNav ul li ul
{
    display: none;
}

#BMWTertiaryNav a
{
    white-space: nowrap;
    display: inline;
}

/* end Tertiary Nav */

/************************************************************************
**      LoginBox UserControl REPLACE WHEN UPDATED                      **
************************************************************************/
#LoginBoxContainer
{
    width: 198px;
    overflow: hidden;
}
    
#LoginBoxTopGradient, #LoginBoxBottomGradient
{
    width: 100%;
    height: 5px;
    overflow: auto;
    position: relative;
}

#LoginBoxTopGradient
{
    background: transparent url("https://cache.bmwusa.com/image_331D08C2-D62A-4FFF-B5E1-7DEDF3796F9D.arox") repeat-x 0px 0px;
}

#LoginBoxContainer #LoginBoxTopLeftGradientCorner, #LoginBoxContainer #LoginBoxTopRightGradientCorner
{
    position: absolute;
    top: 0px;
}

#LoginBoxContainer #LoginBoxTopLeftGradientCorner
{
    left: 0px;
}

#LoginBoxContainer #LoginBoxTopRightGradientCorner
{
    right: 0px;
}

#LoginBoxBottomGradient
{
    background: transparent url("https://cache.bmwusa.com/image_B0A7A13C-3AC7-4A25-A85A-A47FE3C69731.arox") repeat-x 0px 0px;
}

#LoginBoxContainer #LoginBoxBottomLeftGradientCorner, #LoginBoxContainer #LoginBoxBottomRightGradientCorner
{
    position: absolute;
    bottom: 0px;
}

#LoginBoxContainer #LoginBoxBottomLeftGradientCorner
{
    left: 0px;
}

#LoginBoxContainer #LoginBoxBottomRightGradientCorner
{
    right: 0px;
}

#LoginBoxLeftGradient, #LoginBoxRightGradient
{
    width: 100%;
    overflow: hidden;
}

#LoginBoxLeftGradient
{
    background: transparent url("https://cache.bmwusa.com/image_42F7375C-AF1A-4F87-A887-2EE451F10A55.arox") repeat-y 0px 0px;
}

#LoginBoxRightGradient 
{
    background: transparent url("https://cache.bmwusa.com/image_596450B9-C3AA-4A35-BF1A-932805B11CB3.arox") repeat-y 193px 0px;
}

#LoginBoxContent
{
    width: 188px;
    padding: 5px 0px 5px 0px;
    margin: 0 auto;
    overflow: hidden;
}

form #LoginBoxContent div, form #LoginBoxContent div a
{
    line-height: 13px;
}

#LoginBoxWelcomeTrue, #LoginBoxWelcomeFalse
{
    width: 100%;
    font-weight: bold;
}

#LoginBoxLoginFalse #LoginInfo
{
    color: #000;
}

#LoginBoxLoginFalse #LoginInfo span
{
    display: inline-block;
    height: 11px;
}

#LoginBoxLoginFalse .signIn
{
    display: block;
    margin-top: 3px;
    padding-bottom: 3px;
    margin-bottom: 1px;
    border-bottom: 1px dotted #000000;
    width: 177px;
}

#LoginBoxLoginFalse #LoginInfo
{
    margin-top: 2px;
}

#LoginBoxWelcomeTrue
{
    padding: 0 5px 1px 5px;
}

#LoginBoxLoginTrue .LoginBoxGroupHeader
{
    position: relative;
    width: 100%;
    font-weight: bold;
    padding: 4px 0;
    text-indent: 5px;
    cursor: pointer;
}
    
#LoginBoxLoginTrue .LoginBoxGroupHeader img
{
    position: absolute;
    right: 8px;
    top: 5px;
}
    
#LoginBoxLoginTrue .LoginBoxGroupLinks
{
    padding: 4px 0 4px 5px;
}
    
#LoginBoxLoginTrue .LoginBoxGroupLinks a
{
    display: inline-block;
}
    
#LoginBoxLoginFalse
{
    padding-top: 1px;
    padding-left: 5px;
}
    
#LoginBoxLoginTrue
{
    padding-top: 1px;
}
    
#loginNav
{
    width: 188px;
}

#LoginBoxLoginTrue .LoginBoxGroupLinksNonCollapseable 
{
    padding: 0px 0px 0px 5px;	
}

#SignAndLearn
{
    margin-top: 3px;
}



/************************************************************************
**      Media Carousel Styles                                          **
************************************************************************/
#mediaCarouselOverlayContainer
{
    position: absolute;
    right: 0;
    bottom: 0;
    
    padding: 4px 0 5px 6px;

    overflow: auto;

    border-left: 1px solid #e5e6e7;
    border-top: 1px solid #e5e6e7;

    background: #fff;
    
    z-index: 2;
}

#mediaCarouselPreviousButton, #mediaCarouselPreviousButton:visited, #mediaCarouselNextButton, #mediaCarouselNextButton:visited
{
    float: left;
    
    width: 13px;
    height: 15px;
    
    padding-left: 0;
}

#mediaCarouselMuteButton, #mediaCarouselMuteButton:visited
{
    float: left;
    
    width: 11px;
    height: 15px;
    
    padding-left: 0;
}

#mediaCarouselMuteButton, #mediaCarouselMuteButton:visited
{
    background: url('http://cache.bmwusa.com/image_e6942c53-593e-46ed-b4c6-f72fcb738c05.arox') no-repeat -1px 2px;
}

#mediaCarouselPagingControls, #mediaCarouselPageText
{
    float: left;
}

#mediaCarouselPreviousButton, #mediaCarouselPreviousButton:visited
{
    background: url('http://cache.bmwusa.com/image_a5d393f3-a0dd-4061-9f66-e4583d8a8e34.arox') no-repeat 0 2px;
}

#mediaCarouselNextButton, #mediaCarouselNextButton:visited
{
    background: url('http://cache.bmwusa.com/image_f2267ffb-9901-4771-a800-5a36f749d2ed.arox') no-repeat 0 2px;
}

#mediaCarouselMuteButton.muteButtonOn, #mediaCarouselMuteButton.muteButtonOn:visited
{
    background-position: -1px -64px;
}

#mediaCarouselPreviousButton:hover, #mediaCarouselPreviousButton:active, #mediaCarouselNextButton:hover, #mediaCarouselNextButton:active
{
    background-position: 0 -32px;
}

#mediaCarouselMuteButton.muteButtonOn:hover, #mediaCarouselMuteButton.muteButtonOn:active
{
    background-position: -1px -32px;
}

#mediaCarouselMuteButton:hover, #mediaCarouselMuteButton:active
{
    background-position: -1px -98px;
}

#mediaCarouselOverlayContainer a, #mediaCarouselOverlayContainer #mediaCarouselPageText
{
    margin-right: 7px;
}

.mediaCarouselHiddenControls
{
    display: none;
}
    



/************************************************************************
**      ShareLike Styles Control                                       **
************************************************************************/
#divLikeShareContainer
{
    width: 100%;
    height: 20px;
    position: relative;
}
    
.divLikeArea, .divShareArea
{
    position: absolute;
    height: 20px;
}

.divLikeArea
{
    left: 0;
}

.divShareArea
{
    right: 0;
}


.divFaceBookLike, .divGooglePlusOne
{
    display: inline-block;

    width: 100px;
    height: 20px;

    position: absolute;
    top: 0;
}

.divGooglePlusOne
{
    left: 100px;
}

.iframeFaceBook
{
    width: 450px;
    height: 22px;

    border: none;

    overflow: hidden;
}

#ServiceFacebook, #ServiceTwitter, #ServiceEmail, #ServiceGooglePlus
{
    display: inline-block;

    width: 21px;
    height: 20px;

    margin-right: 3px;

    cursor: pointer;
}

    
#ServiceFacebook
{
    background: url("https://cache.bmwusa.com/image_f62dc738-b321-4c00-bfad-31abe1e8eee0.arox") no-repeat scroll 0px 0px transparent;
}

#ServiceTwitter
{
    background: url("https://cache.bmwusa.com/image_b7ac517c-6d04-44fd-b70d-65354c269983.arox") no-repeat scroll 0px 0px transparent;
}

#ServiceEmail
{
    background: url("https://cache.bmwusa.com/image_99de566a-6032-4ccb-b137-7da95f5e9ca8.arox") no-repeat scroll 0px 0px transparent;
    margin-right: 6px;
}

#ServiceGooglePlus
{
    display: none;
}

#ServiceEmail:hover
{
    background-position: 0 -36px;
}




/************************************************************************
**      LBS Common Control Container DIV styles                        **
************************************************************************/
.pad5
{
    padding: 5px;
} /*used in shop*/

.lineH25
{
    line-height: 25px;
}

#div-ModelOverviewLBSTopSeparator
{
    width: 758px;
    height: 20px;
    background-image:url('https://cache.bmwusa.com/image_833f5648-826d-42c6-822f-003b28035131.arox');
}

#div-LBS-Container
{
    width: 758px;
    margin: 5px 0 20px 0;
    overflow: hidden;
}

.div-LBSVerticalSeparator
{
    float: left;
    margin: 26px 10px 0 9px;
    border-left: 1px dotted #ccc;
    min-height: 400px;
    width: 1px;
}

.LBSContainerUnit
{
    float: left;
    min-height: 350px;
}

.LBSContainerUnit h2
{
    padding-bottom: 8px;
}

 /* Model Overview: LBS - Learn DIV Styles -------*/ 
#div-LearnVideos
{
    float: left;
    border: 0;
    width: 192px;
}

#div-MediaGalleryCTA
{
    float: left;
}

#div-MediaGalleryCTA ul
{
    float: left;
    margin-top: 10px;
    width: 100%;
}

/* Model Overview: LBS - Shop Module Styles -------*/
#div-Dealer-NonLocationSpecific div
{
    padding: 5px;
}

#div-ShopLinksContainer ul
{
    margin-top: 10px;
}

.offerUnit
{
    padding: 5px 10px;
    margin-top: 10px;
}

.offerUnit h3
{
    line-height: 25px;
}

 /* Model Overview: LBS - Build Styles -------*/ 
.greybevelBorder
{
    border-color: #C8C8C8 #A2A3A5 #A2A3A5 #C8C8C8;
    border-style: solid;
    border-width: 1px;
}

#div-miniBYOContainer
{
    float: left;
    width: 352px;
}

#imgBYOImage
{
    margin-bottom: 15px;
    width: 350px;
    height: 150px;
}

.ModelOverview_byoColorChipImage 
{
    float: left;
    cursor: pointer;
    display: block;
    height: 60px;
    padding: 1px;
    position: relative;
    width: 20px;
    margin-right: 2px;
}

.ModelOverview_byoColorChipImage:hover
{
    border: solid 1px #666;    
}

.ModelOverview_byoColorChipSelected
{
    height: 80px; 
}

#div-ColorChipOverlay
{
    position: relative;
    background: url('http://cache.bmwusa.com/image_fa2b5105-45f1-49b7-a1c8-0b9bf1d7887a.arox') no-repeat 0px 0px; 
    height: 35px;
    overflow: hidden;
    z-index: 1;
    cursor: pointer;
    pointer-events: none;
}

#div-exteriorColorChipContainer
{ 
    float: left; 
    width: 350px;
    clear: both;
}

#divMetallicContainer
{
    height: 92px;
    float: left;
}

#divNonMetallicContainer
{
    float: right;    
    margin-right: -5px;
    height: 92px;
}

#divIndividualTitle
{
    float: left;
    display: none;
    font-weight: bold;
    clear: both;
    padding-bottom: 5px;
    width: 100%;
}

#divIndividualContainer
{
    float: left;    
    clear: both;
    width: 300px;
}

#divSelectedColor
{
    color: #a2a3a5;
    float: left;
    padding: 1px 5px;
    margin: 65px 0;
    position: absolute;
} 

#divContinueBYOButton
{
    clear: both;    
    margin-top: 25px;
}
       
 
/*****************************************************************************************************************/
/*                                        MODEL OVERVIEW STYLES
/*****************************************************************************************************************/
/*IE fixes for scroll bar on Modeloverview for <= IE* and IE9 comp.mode */
div.ModelOverviewLightBackground
{
    background:  transparent url('http://cache.bmwusa.com/image_d4495f55-14b7-405c-b931-688151fad821.arox') repeat;
}

div.ModelOverviewDarkBackground
{
    background: transparent url('http://cache.bmwusa.com/image_aff3ed42-72e9-4c9a-8e9e-f5a4d1e631d9.arox') repeat;
}

div.ModelOverviewPanelDescription
{
    position:absolute;
    top:0px;
    right:0px;
    width:165px;
    height:270px;
    overflow:hidden;
    padding:50px 10px 0 25px;
}

#ModelOverviewHeaderSection
{
    position:relative;
    height:320px;
}

#ModelOverviewPageTitle
{
    padding:16px 0;
}

.ModelOverviewSmallSpace
{
    margin-top:5px;
}

.ModelOverviewSmallCaps
{
    font-size:8px;
}

.ModelOverviewNormalTopSpace
{
    margin-top:20px;
}
.ModelOverviewNormalBottomSpace
{
    margin-bottom:20px;
}

#ModelOverviewFootNote
{
    font-size: 9px;
    color:#808284;
    margin-top:20px;
}

/************************************************************************
**                                                                     **
**                     Promotions Control Styles                       **
**                                                                     **
************************************************************************/
#base_Site_PromoContainer
{
   display: inline;
}

#PromoContainer
{
    width: 792px;
}

.PromoItem
{
    width: 198px;
    overflow: visible;
}

.PromoSubmission
{
    margin-top: 8px;
}

.PromoSubmissionField
{
    border: 1px solid #cccccc;
    width: 135px;
}

.BottomMarginEight
{
    margin-bottom: 8px;
}

.PromoItem .BottomMarginEight
{
    margin-left: 8px;
}

.PromoTopRow, .PromoMiddleRow, .PromoBottomRow
{
    clear: both;   
}

.PromoTopRow, .PromoBottomRow, .PromoTopRowLeft, .PromoTopRowRight, .PromoBottomRowLeft, .PromoBottomRowRight
, .PromoTopRowCenter, .PromoBottomRowCenter
{
    height: 5px;
    line-height: 5px;
}

.PromoTopRow, .PromoBottomRow, .PromoMiddleRow
{
    width: 198px;
}

.PromoTopRowCenter, .PromoMiddleRowCenter, .PromoBottomRowCenter
{
    width: 188px;
    float: left;
}

.PromoTopRowLeft, .PromoTopRowRight, .PromoBottomRowLeft, .PromoBottomRowRight, .PromoMiddleRowLeft, .PromoMiddleRowRight
{
    width: 5px;
    float: left;
}

.PromoTopRowLeft
{
    background: transparent url('https://cache.bmwusa.com/image_a15020d0-5b32-44fb-bcbe-cc9c2e899523.arox') no-repeat 0px 0px;  /* topLeftCornerGradient.png */
}

.PromoTopRowCenter
{
    background: transparent url('https://cache.bmwusa.com/image_331D08C2-D62A-4FFF-B5E1-7DEDF3796F9D.arox') repeat-x;  /* topHorizontalGradient.png */
}

.PromoTopRowRight
{
    background: transparent url('https://cache.bmwusa.com/image_a15020d0-5b32-44fb-bcbe-cc9c2e899523.arox') no-repeat -5px 0px;  /* topRightCornerGradient.png */
}

.PromoMiddleRow, .PromoMiddleRowLeft, .PromoMiddleRowRight, .PromoMiddleRowCenter
{
    height: 102px;
}

.PromoMiddleRowLeft
{
    background: transparent url('https://cache.bmwusa.com/image_42F7375C-AF1A-4F87-A887-2EE451F10A55.arox') repeat-y;  /* leftVerticalGradient.png */
}

.PromoMiddleRowCenter
{
    overflow: visible;
}

.PromoMiddleRowRight
{
    background: transparent url('https://cache.bmwusa.com/image_596450B9-C3AA-4A35-BF1A-932805B11CB3.arox') repeat-y;  /* rightVerticalGradient.png */
}

.PromoBottomRowLeft
{
    background: transparent url('https://cache.bmwusa.com/image_a15020d0-5b32-44fb-bcbe-cc9c2e899523.arox') no-repeat 0px -5px;  /* bottomLeftCornerGradient.png */
}

.PromoBottomRowCenter
{

    background: transparent url('https://cache.bmwusa.com/image_B0A7A13C-3AC7-4A25-A85A-A47FE3C69731.arox') repeat-x;  /* bottomHorizontalGradient.png */
}

.PromoBottomRowRight
{
    background: transparent url('https://cache.bmwusa.com/image_a15020d0-5b32-44fb-bcbe-cc9c2e899523.arox') no-repeat -5px -5px;  /* bottomRightCornerGradient.png */
}

/* new promo area style **/

.PromoItemContainer
{
    width: 198px;
    overflow: hidden;
    display: inline-block;
}

.PromoTopGradient, .PromoBottomGradient
{
    width: 100%;
    height: 5px;
    position: relative;
}

.PromoTopGradient
{
    background: transparent url("https://cache.bmwusa.com/image_331D08C2-D62A-4FFF-B5E1-7DEDF3796F9D.arox") repeat-x;
}

.PromoBottomGradient
{
    background: transparent url("https://cache.bmwusa.com/image_B0A7A13C-3AC7-4A25-A85A-A47FE3C69731.arox") repeat-x;
}

.PromoTopLeftGradientCorner
{
    position: absolute;
    top: 0px;
    left: 0px;
    clip: rect(0px, 5px, 5px, 0px);
}

.PromoTopRightGradientCorner
{
    position: absolute;
    top: 0px;
    right: 0px;
    clip: rect(0px, 10px, 5px, 5px);
}

.PromoBottomLeftGradientCorner
{
    position: absolute;
    bottom: 0px;
    left: 0px;
    clip: rect(5px, 5px, 10px, 0px);
}

.PromoBottomRightGradientCorner
{
    position: absolute;
    bottom: 0px;
    right: 0px;
    clip: rect(5px, 10px, 10px, 5px);
}

.PromoLeftGradient
{
    position: relative;
    background: transparent url("https://cache.bmwusa.com/image_da16ce20-aec2-4554-8975-e261c3c37ddf.arox") repeat-y 0px 0px;
}

.PromoRightGradient
{
    background: transparent url("https://cache.bmwusa.com/image_596450B9-C3AA-4A35-BF1A-932805B11CB3.arox") repeat-y 193px 0px;
}

.PromoContent
{
    width: 188px;
    margin: 0 auto;
    overflow: hidden;
    height: 107px;
}

/************************************************************************
**      Lines Landing Master                                           **
************************************************************************/

.LinesLandingHr
{
    background: url('http://cache.bmwusa.com/image_b59f95f5-6b86-471a-88d0-238ae217aafc.arox') repeat-x;
    width: 956px; 
    position: absolute;
}

#LinesLandingCompareTitle
{
    padding-top: 30px;    
}

.LinesLandingSelectedLineNotch
{ 
    visibility: hidden; 
    position: absolute;
    top: 0px;
    left: 60px;
}

.LinesLandingInlineLegal
{
    display: inline-block;    
}

.LinesLandingBulletPoint
{
    background-image: url('http://cache.bmwusa.com/image_f4e3eaf4-317a-47d8-ac94-c73dd7500333.arox');    
}

#LinesLandingContainer
{
    width: 956px;
    margin: 0 12px;   
    overflow: hidden; 
}
        
h2.Legal
{
    margin-bottom: 15px; 
}
        
/* Left Side of Page Content */
#LinesLandingLeftContent, #LinesLandingMainImage, #LinesLandingLineSelector, #LinesLandingVideoSection, #LinesLandingFeatureComparisonSection, #LinesLandingLineImages
{
    display: inline-block; 
    width: 670px;
    overflow: hidden;        
}
        
#LinesLandingLeftContent
{
    margin-right: 8px;
    padding-bottom: 45px;
}
        
/* Right Side of Page Content */
#LinesLandingRightColumn
{
    display: inline-block;  
    overflow: hidden; 
    width: 274px; 
    vertical-align: top;
}
        
#LinesLandingRightContent
{
    display: inline-block;
    width: 274px;
    overflow: hidden;
    margin-bottom: 25px;
} 
        
.PriceText
{
    margin-top: 15px;    
}
        
#LinesLandingRightColumn .ShareBar
{ 
    padding: 5px 0; 
    margin-top: 20px; 
    height: 22px;
    overflow: hidden;
}
        
#divLikeShareContainer
{
    border-top: none;    
}
        
.LandsLandingByoStartButton
{
    margin-top: 15px;
    margin-bottom: 25;    
}
        
/* Top section - left side of page */
#LinesLandingMainImage
{
    height: 288px;  
}
        
#LinesLandingLineSelector
{
    background: url(http://cache.bmwusa.com/image_22dbaa6a-26a5-44ae-905a-9f348aad6af8.arox) repeat-x;
    display: inline-block;
    margin-top: 1px;
    margin-bottom: 20px; 
}
        
.LineSelector
{
    display: inline-block;     
    width: 135px;
    overflow: hidden; 
    position: relative;
}
        
.LineSelectorSmallImage
{
    cursor: pointer;   
}
        
.HiddenItems
{
    display: none;    
}
        
.DetailBlockList
{
    margin-top: 5px;
    margin-bottom: 20px;    
}
        
.DesignTouchesList
{
    margin-bottom: 20px;    
}
        
/* Video Section */
#LinesLandingVideoSection
{
    display: inline-block;  
    margin-top: 30px;
    margin-bottom: 15px;  
}
        
#LinesVideoSectionImg
{
    width: 144px;
    height: 81px;
    display: inline-block;
    overflow: hidden;
}
        
#LinesLandingSectionInfo
{
    width: 510px;
    display: inline-block;
    overflow: hidden; 
    margin-left: 10px;
    vertical-align: top;            
}
        
#LinesVideoSectionTxt
{
    width: 100%;
    margin-bottom: 10px;
    overflow: hidden;
}
        
#LinesVideoSectionButtons
{
    width: 100%;
    overflow: hidden;
}
        
.LinesLandingVideoButtonsSpacing
{
    padding-left: 10px;    
}
        
/* Compare Section */
.LinesLandingFeatureHeader
{
    margin-bottom: 5px; 
}
        
.LinesLandingCompareColumn, .LinesLandingCompareLastColumn, .LinesLandingLineImage, .LinesLandingLineLastImage
{
    margin-right: 8px;
    width: 216px;
    overflow: hidden; 
    display: inline-block;   
}
        
.LinesLandingCompareLastColumn, .LinesLandingLineLastImage
{
    margin-right: 0;    
}
        
#LinesLandingFeatureComparisonSection
{
    margin-top: 30px;    
}
        
#LinesLandingFeatureComparisonSection li
{
    background-image: url('http://cache.bmwusa.com/image_536f468a-9618-440a-999a-39e49f32aa3d.arox') repeat;    
}
        
#ExteriorLinesLandingFeatures, #InternalLinesLandingFeatures
{
    margin-bottom: 30px;
}
        
#InternalLinesLandingFeatures
{
    margin-bottom: 30px;               
}
        
.LinesFeatureRow
{
    width: 690px;
    border-bottom: dotted 1px #c0c0c0;
}
        
.LinesFeatureRow div
{
    display: inline-block;
    width: 208px;  
    background-image: url('http://cache.bmwusa.com/image_f4e3eaf4-317a-47d8-ac94-c73dd7500333.arox?v=98f666b6-a97a-4139-a5e6-383874d3ae53');
    background-repeat:no-repeat;
    background-position: 0 6px;
    padding-left: 15px;
    vertical-align: top;
}
        
#InteriorComparisonFeaturesDiv
{
    vertical-align: top;    
}
        
div.LinesFeatureRow div.LinesFeatureNoDisc
{
    background-image: none;  
}
        
.CompareColumn
{
    display: inline-block;    
}
        
.LinesLandingLineImage
{
    display: inline-block;
    width: 215px;
    margin-right: 8px;   
    overflow: hidden;    
}
        
.LinesLandingByoCompareHeader
{
    display: inline-block;
    border-top: solid 1px #c0c0c0;
    background-image: url('http://cache.bmwusa.com/image_1eebba25-d4b8-4bc3-9d3a-d6a4342f8f0d.arox');   
    width: 213px;  
    padding-left: 10px;   
}
        
/* Videoplayer styles copeid from modelearnvideo.ascx- TODO: Move simple modal styles to Root css */
.videoPopOverTitle {
    font-weight: bold;
    margin: 10px;
}
.videoPlayer {
    clear: both;
}
div.videoContainer {
    position: relative;
    z-index: 1;
}
.videoContainer a
{
 background-image: none;
}

/* video overrides */
div.videoContainer a 
{
  padding-left: 0px !important; 
}

div.featuredThumb
{
 white-space: normal !important;
}
.featuredThumb:hover
{
    cursor:pointer;
}
.videoContainer
{
    position:relative;
}
.videoContainer .videoHover
{
    position:absolute;
    display:none;
    top:0px;
    left:0px;
}
.featuredThumb:hover .videoHover, .featuredThumb:active .videoHover
{
    display:block;
}        
.customTab, .customTab:visited, .customTab:hover, .customTab:active, .selectedTab, .selectedTab:active, .selectedTab:visited, .selectedTab:hover
{
/*
    margin-bottom: -1px;
    margin-right: -3px;
*/

    margin-top: -12px;	
    margin-bottom: 5px;

    padding: 5px;
    padding-right: 8px;

    height: 15px;

    border: solid 1px #ccc;
    border-right: none;
    border-bottom: none;

    /* float: left; */
    overflow: visible;

    color: #4c4c4e;
    background-image: none;
    
    cursor: pointer;
    vertical-align:middle;
}

.customTab:hover, .customTab:active, .selectedTab, .selectedTab:active, .selectedTab:visited, .selectedTab:hover
{
    border-color: #808284;
    background-color: #808284;
    color: #FFFFFF;
}

.selectedTab, .selectedTab:active, .selectedTab:visited, .selectedTab:hover
{
    font-weight: bold;
    cursor: default;	
}

.customTabBorder
{
    padding-top: 10px; 
    margin-left: -3px;
}

a.linkExternal, a.linkExternal:visited
{ 
    padding-left: 15px;
    color: inherit;
    background: transparent url('https://cache.bmwusa.com/image_a3f078a4-b81d-4c57-9566-2dbfae2b55d4.arox') no-repeat 0px 3px;
}

/******************************
*  Payment Estimator Control  *
******************************/

.paymentEstimator, .paymentEstimatorFinanceType select, .paymentEstimatorInputContainer, .paymentEstimatorInput select
{
    width: 100%;
}
    
.paymentEstimator input
{
    border: 1px solid #e6e7e8;
    width: 98%;
}
    
.paymentEstimatorFinanceType 
{
    margin-bottom: 10px;
}
    
.paymentEstimatorFinanceTypeDetailsContainer
{
    height: 109px;
}
    
.paymentEstimatorInputLabelContainer, .paymentEstimatorInput 
{
    width: 47%;
}
    
.paymentEstimatorInputLabelContainer, .paymentEstimatorInputLabel, .paymentEstimatorEstimatedPaymentLabel
{
    float: left;
}
    
.paymentEstimatorInputContainer, .paymentEstimatorInputLabelContainer, .paymentEstimatorEstimatedPaymentContainer
{
    overflow: hidden;
}
    
.paymentEstimatorInputContainer 
{
    height: 20px;
    margin-bottom: 4px;
}
    
.paymentEstimatorHelpButton, .paymentEstimatorInput, .paymentEstimatorEstimatedPayment
{
    float: right;
}
    
.paymentEstimatorHelpButton a, .paymentEstimatorRecalculateContainer a, .paymentEstimatorGlossaryContainer a, .peerror a
{
    background: none;
    padding-left: 0;
}
    
.paymentEstimatorHelpButton img
{
    padding-top: 2px;
}
    
.paymentEstimatorRecalculateContainer img, .paymentEstimatorGlossaryContainer img
{
    vertical-align: middle;
    margin-top: -2px;
}
    
.paymentEstimatorMessage
{
    margin-top: 10px;
}
    
.paymentEstimatorMessage a
{
    font-weight: bold;
}
    
.peerror
{
    color: Red;
    font-weight: normal;
}
    
.paymentEstimatorEstimatedPaymentContainer
{
    padding: 5px;
    margin-bottom: 10px;
}
    
div.paymentEstimatorEstimatedPaymentContainer, div.paymentEstimatorEstimatedPaymentContainer div
{
    background-color: #4C4C4C;
}
    
.paymentEstimatorApplyOnlineContainer
{
    margin-bottom: 10px;
}
    
.paymentEstimatorRecalculateContainer
{
    margin-bottom: 8px;
}

/*  end Payment Estimator Control  */

/**************************
*  Build Sticker Control  *
**************************/
        
.buildSticker
{
    width: 272px;
    border: 1px solid #e6e7e8;
}
        
div.buildStickerHeadline, div.buildStickerTotalMsrp, div.buildStickerTotalMsrp div
{
    background-color: #4C4C4C;
    color: #FFFFFF;
    line-height: 25px;
}
        
div.buildStickerHeadline, div.buildStickerTotalMsrp
{
    padding-left: 5px;
}
        
.buildStickerBuildInfo
{
    padding: 10px 10px 4px 10px;
}
        
.buildStickerBuildInfoBaseMsrp
{
    margin: 15px 0 4px 0;
    overflow: hidden;
}
        
.buildStickerBuildInfoBaseMsrp h4
{
    line-height: 15px;
}
        
.buildStickerBuildInfoLineItem
{
    margin: 6px 0;
    overflow: hidden;
}
        
.buildStickerBuildInfoLineItemImage
{
    margin-right: 5px;
}
        
.buildStickerBuildInfoLineItemImage img
{
    width: 35px;
    height: 15px;
}
        
.buildStickerBuildInfoLineItemName
{
    max-width: 160px;
}
        
.buildStickerFloatLeft, .buildStickerServiceInfo .ByoBuildDetailsName
{
    float: left;
}
        
.buildStickerFloatRight, .buildStickerServiceInfo .ByoBuildDetailsPrice
{
    float: right;
}
        
.buildStickerServiceInfo
{
    padding: 10px 10px 5px 10px;
    background-color: #E8E9EA;
    border-top: 1px dotted #CCCCCC;
}
        
.buildStickerServiceInfo .ByoBuildDetailsRow
{
    margin-bottom: 5px;
    overflow: hidden;
}

.buildStickerServiceInfo .ByoBuildDetailsName
{
	max-width: 200px;
}
        
.buildStickerServiceInfo .ByoBuildDetailsPrice
{
    font-weight: bold;
}
        
.buildStickerServiceInfo .fixFloats
{
    display: none;
}
        
div.buildStickerTotalMsrp
{
    background-color: #4C4C4C;
    color: #FFFFFF;
    line-height: 25px;
    padding-left: 5px;
    overflow: hidden;
}
        
div.buildStickerTotalMsrp div
{
    padding-right: 5px;
}

/*  end Build Sticker Control  */

/**************************
*  start Email OptOut Page  *
**************************/
#EmailOptOutContent{
    width: 1100px;
    margin: 0px 0px 0px 0px;
} 
.TopContent{
    margin: 0px 12px 0px 12px;
    padding: 0px;
    width: 758px;
} 
#EmailOptOutContent #LeftContent{
    margin: 0px 12px 0px 12px;
    padding: 0px;
    width: 758px;
    float: left;
    overflow:hidden;
}
#EmailOptOutContent #PageTitle{
	height: 25px;
	margin-bottom: 25px;
}
#EmailOptOutContent .bottomSpace{
    margin-bottom: 10px;
}
#EmailOptOutContent .bottomSpaceFivePixels{
    margin-bottom: 5px;
}
#EmailOptOutContent #EmailPanel{
    height: 140px;
    width: 1100px;
    margin: 0px 0px 0px 12px;
}
#EmailOptOutContent #LeftEmailPanel{
    height: 120px;
    width: 772px;
    float:left;
}
#EmailOptOutContent #LeftEmailPanelContent{
    height: 90px;
    width: 772px;
    float:left;
}
#EmailOptOutContent  #RightSideCallout{}
#EmailOptOutContent  #RightSideCalloutContent{
    float: right; display: block; 
    width: 188px;
    height: 90px;
    margin-top: 0px;
    overflow: hidden;
    background-color: rgb(230, 231, 232);
    padding: 10px;
}
#EmailOptOutContent .optOutInput{
    width: 205px;
    text-align: left;
    margin-bottom: 3px;
    background-color: #FFFFFF;
    border: 1px solid black;
}
#EmailOptOutContent #surveyInput{
    margin-top: -17px;
    margin-left: 130px;
}
#EmailOptOutContent .dottedLine{
    border:none 0; 
    border-top:1px dotted #E6E7E8; 
    height:1px; 
    margin-bottom:10px; 
    margin-top:1px;
    width:750px;
    margin-left:0px;
    float: left;
    display:block;
}
#EmailOptOutContent #LeftContentCheckBoxes{
    margin: 10px 150px 5px 25px;
}
#EmailOptOutContent .LeftContentNestedCheckBoxes{
    margin: 0px 0px 10px 15px;
}
#EmailOptOutContent .solidLine{
    border-top:1px solid #E6E7E8; height:1px;
}
#EmailOptOutContent #OptOutInstruction{
    margin-left: 15px;
    margin-top: 5px;
}
#LeftContent input[type='radio'] {
    border:none;
    padding: 0;
    vertical-align: middle;
}
#LeftContent input[type='checkbox'] {
    margin: 3px;
    vertical-align: middle;
    height: 13px;
}
#LeftContent .survey input[type='radio'] {
    margin: 3px 5px 3px 0px;
}
.AlertColor                          {
    color: #F20600;
}
#LeftContent .surveyHeader{
    font-size: 14px;
    line-height: 14px;
    font-weight: bold;
}
#EmailOptOutContent #LeftContent .BmwButtonGrey a{  
   background: transparent;
   color: grey;
   pointer-events: none;
   cursor: none;
}
#EmailOptOutContent .makeInVisibile{
    display: none;
}
#EmailOptOutContent .makeVisibile{
    display: block;
}
/*  end Email OptOut Page  */


/************************************************************************
**                                                                     **
**                     Help Tooltip                                    **
**                                                                     **
************************************************************************/
a.helpSpan,a.helpSpan:Active,a.helpSpan:Visited
{ 
	padding-left:14px; 
	background: transparent url('https://cache.bmwusa.com/image_1fb8e766-0af4-4359-bc39-c56b6e7b19f7.arox') no-repeat 0px 1px;
	display: inline; 
} 

a.helpSpan:Hover
{ 
	background-position: 0px -31px;
} 

.inline 
{
	display:inline-block;
}
/***********************************************************************
**                                                                    **
**           Drive for Nine Tabs                                      **
**                                                                    **
***********************************************************************/
#DriveForNineTabs #tabs_container 
{ 
    width: 100%; 
    font-family: Arial, Helvetica, sans-serif; 
    font-size: 12px; 
    margin-bottom: 5px; 
}
#DriveForNineTabs #tabs_container ul.tabs 
{ 
    list-style: none; 
    border-bottom: 1px solid #ccc; 
    height: 21px; 
    margin: 0; 
    padding-bottom: 1px; 
}
#DriveForNineTabs #tabs_container ul.tabs li 
{ 
    float: left; 
}
#DriveForNineTabs #tabs_container ul.tabs li a 
{ 
    padding: 3px 10px; 
    display: block; 
    border-left: 1px solid #ccc; 
    border-top: 1px solid #ccc; 
    border-right: 1px solid #ccc; 
    border-bottom: 1px solid #ccc; 
    margin-right: 6px; 
    text-decoration: none; 
    background-color: #fff; 
}
#DriveForNineTabs #tabs_container ul.tabs li.active a 
{ 
    background-color: #1F6BD4; 
    padding-top: 3px; 
    color: White; 
}
#DriveForNineHeader 
{ 
    margin-bottom: 15px; 
}
#DriveForNineHeader h2, #LeaseAccountManagement h3 
{ 
    display: inline-block; 
}
#DriveForNineHeader h3 
{ 
    margin-left: 15px; 
}

/*********************************
*            Pdf Link            *
*********************************/
        
.PdfLinkContainer
{
    overflow: hidden;
    margin-bottom: 10px;
}

.PdfLinkContainer .ThumbnailContainer
{
    float: left;
    margin-right: 10px;
}
.PdfLinkContainer .MainContainer
{
    float: left;
}
.PdfLinkContainer .MainContainer .TitleText
{
    margin-left: 3px;
}
.PdfLinkContainer .MainContainer .SizeText
{
    margin-left: 19px;
    background-color: inherit;
    color: #A2A3A5;
}

/*  end Pdf Link  */

/************************************
*            News Ticker            *
*************************************/

.NewsTickerContainer .NewsTickerBorder
{
	height: 16px;
	padding: 2px 5px 1px 5px;
	border: solid 1px #CCC;
	background-color: whiteSmoke;
}

.NewsTickerContainer .NewsTickerLabel
{
	float: left;
	font-weight: bold;
}

.NewsTickerContainer .NewsTickerLinks
{
	float: left;
	margin-left: 5px;
	white-space: nowrap;
}

/*  end News Ticker  */