body { margin: 0px; padding: 0px; color: #000000; background-color: #FFFFFF;text-align:center; } body, input, select, textarea {font: 11px Helvetica, Arial, Sans-Serif; line-height: 15px; } form { margin: 0px auto 0px auto; padding: 0px; width: 990px; } #T01LastRow {width: 980px; clear: both; margin:0 auto;} #T01LastRowC {width: 980px; clear: both; margin:0 auto;} #T01LastRow a, a:visited { padding-left: 0px; color: #4c4c4e; background: none; text-decoration: none; } #T01LastRow a:hover, a:active { background-position: 0px -54px; color: #003399; background-color: inherit; background-image: none;padding-left: 0px;} img { margin: 0px; padding: 0px; border: none; } hr { color: #E6E7E8; } /** Content Section Specific **/ #Content { width: 990px; margin: 0px 0px 0px 0px; float: left; } #page { width: 990px; margin: 0 auto; text-align:center;} #topNavBar { position:absolute; z-index:10000; } #LeftNavSide { margin: 0px; padding: 0px; width: 198px; float: left; overflow:hidden; } #LeftNavLeftSide { float:left; } #LeftNavMain { margin: 0px; padding: 0px; width: 792px; float: left; } #LeftNavContent { margin: 0px 12px 0px 12px; padding: 0px; width: 758px; float: left; overflow:hidden } #LeftNavBody { margin: 0px; padding: 0px; width: 792px; float: left; } #LeftNavBodyLeft { width: 5px; height: 100%; float: left; background: transparent url('images/leftVerticalGradient.gif') repeat-y; /* leftVerticalGradient.png */ } #LeftNavBodyCenter { margin: 0px; padding: 0px; border: 0px none; float: left; height: 300px; } #LeftNavInnerContent { min-height: 300px; height: auto !important; height: 300px; } #LeftNavInnerContent.LeftNavInnerContentPageTools { min-height: 300px; height: auto !important; height: 300px; } #LeftNavInnerContent.LeftNavInnerContentExtendedPageTools { min-height: 443px; height: auto !important; height: 443px; } #LeftNavInnerContent.LeftNavInnerContentExtendedNoPageTools { min-height: 443px; height: auto !important; height: 443px; } #LeftNavPageToolsArea { float: right; clear: both; margin: 10px 0px 10px 0px; padding: 0px; } #LeftNavPageToolsArea.LeftNavPageToolsAreaSpaced { padding-bottom: 10px; background-color: #ff00ff; } #LeftNavBodyRight { width: 5px; height: 100%; float: left; background: transparent url('images/rightVerticalGradient.gif') repeat-y; /* rightVerticalGradient.png */ } #LeftNavBottom { margin: 0px; padding: 0px; width: 792px; height: 5px; float: left; clear:both; line-height: 5px; } #LeftNavBottomLeft { width: 5px; height: 5px; float: left; background: transparent url('images/Gradient_Corners.gif') no-repeat 0px -5px; /* bottomLeftCornerGradient.png */ } #LeftNavBottomCenter { width: 782px; height: 5px; float: left; background: transparent url('images/bottomHorizontalGradient.gif') repeat-x; /* bottomHorizontalGradient.png */ } #LeftNavBottomRight { width: 5px; height: 5px; float: left; background: transparent url('images/Gradient_Corners.gif') no-repeat -5px -5px; /* bottomRightCornerGradient.png */ } .masterPageTopGradient { vertical-align: top; } /************************************************************************ ** ** ** NoLeftNavigation Master ** ** ** ************************************************************************/ #NoSideNavBody { margin: 0px; padding: 0px;} #NoSideNavBodyLeft { width: 5px; height: 100%; float: left; background: transparent url('images/leftVerticalGradient.gif') repeat-y; /* leftVerticalGradient.png */ } #NoSideNavBodyContent { float: left; width: 980px; height: 300px; } #NoSideNavBodyRight { width: 5px; height: 100%; float: left; background: transparent url('images/rightVerticalGradient.gif') repeat-y; /* rightVerticalGradient.png */ } #NoSideNavBottom { margin: 0px; padding: 0px; width: 990px; height: 5px; float: left; clear:both; line-height: 5px; } #NoSideNavBottomLeft { width: 5px; height: 5px; float: left; background: transparent url('images/Gradient_Corners.gif') no-repeat 0px -5px; /* bottomLeftCornerGradient.png */ } #NoSideNavBottomCenter { width: 980px; height: 5px; float: left; background: transparent url('images/bottomHorizontalGradient.gif') repeat-x; /* bottomHorizontalGradient.png */ } #NoSideNavBottomRight { width: 5px; height: 5px; float: left; background: transparent url('images/Gradient_Corners.gif') no-repeat -5px -5px; /* bottomRightCornerGradient.png */ } /************************************************************************ ** ** ** NoLeftNavigation Master ** ** ** ************************************************************************/ #NoSideNavNoGradientBody { margin: 0px; padding: 0px; height: 100%; } #NoSideNavNoGradientBodyContent { float: left; width: 980px; margin: 0px 5px 0px 5px; padding: 0px; min-height: 300px; height: auto !important; height: 300px; } .bold /* General - bold text */ { font-weight: bold; } .right /* General - right align option */ { text-align: right; } .tall /* L1 */ { line-height: 20pt; } .light /* L4 */ { color: #808284; background-color: transparent; } .invert /* L5 */ { font-weight: bold; color: #FFFFFF; background-color: transparent; } .Legal /* LE */ { color: #A2A3A5; background-color: transparent; } .Alert /* Alert */ { font-weight: bold; color: #F20600; background-color: transparent; } .AlertColor /* Form label error highlight */ { color: #F20600; background-color: inherit; } .superScript { font-size: 0.4em; vertical-align: top; line-height: 11px; } /************************************************************************ ** Width ("Columns") ** ************************************************************************/ .three /* Three "column" width */ { width: 182px; } .six /* Six "column" width */ { width: 374px; } .nine /* Nine "column" width */ { width: 566px; } .twelve /* Twelve "column" width */ { width: 758px; } .sevenpointfive /* 7.5 "column" in content area width */ { width: 450px; } .fourpointfive /* Two "column" in content area width */ { width: 379px; overflow: hidden; margin: 0px; padding: 0px; } .gapRight { margin-right: 10px; } /************************************************************************ ** Border ** ************************************************************************/ .box /* border style */ { border: 1px solid #E6E7E8; } /************************************************************************ ** Color - Foreground ** ************************************************************************/ .blueColor /* BMW NA Blue */ { color: #003399; background-color: inherit; } .Grey85Color /* BMW dark grey */ { color: #4C4C4E; background-color: inherit; } .Grey60Color /* BMW medium-dark grey */ { color: #808284; background-color: inherit; } .Grey40Color /* BMW medium-light grey */ { color: #A2A3A5; background-color: inherit; } .Grey10Color /* BMW light grey */ { color: #E6E7E8; background-color: inherit; } /************************************************************************ ** Color - Background ** ************************************************************************/ .blueBackColor /* BMW NA Blue */ { color: inherit; background-color: #003399; } .Grey85BackColor /* BMW dark grey */ { color: inherit; background-color: #4C4C4E; } .Grey60BackColor /* BMW medium-dark grey */ { color: inherit; background-color: #808284; } .Grey40BackColor /* BMW medium-light grey */ { color: inherit; background-color: #A2A3A5; } .Grey10BackColor /* BMW light grey */ { color: inherit; background-color: #E6E7E8; } /************************************************************************ ** Icons ** ************************************************************************/ .SortASC, .SortASC:hover, .SortASC:visited, .SortASC:active { padding-right: 17px; color: inherit; background: transparent url('https://resource.bmwusa.com/image_a2533fd5-a98c-4697-978c-fb3e4cba5011.arox') no-repeat right 3px; } .SortDESC, .SortDESC:hover, .SortDESC:visited, .SortDESC:active { padding-right: 17px; color: inherit; background: transparent url('https://resource.bmwusa.com/image_a2533fd5-a98c-4697-978c-fb3e4cba5011.arox') no-repeat right -54px; } .linkPlainSort, .linkPlainSort:hover, .linkPlainSort:visited, .linkPlainSort:active { padding-right: 17px; color: inherit; background: 0; } /************************************************************************ ** Links ** ************************************************************************/ a.linkPlain, a.linkPlain:visited { padding: 0px; display: inline; color: inherit; background: transparent; } a.linkLegal, a.linkLegal:visited { padding: 0px; display: inline; color: #A2A3A5; background: transparent; } a.linkExternal, a.linkExternal:visited { padding-left: 15px; color: inherit; background: transparent url('images/Link_External.gif') no-repeat 0px 3px; } a.linkPlain:hover, a.linkPlain:active, a.linkLegal:hover, a.linkLegal:active, a.linkSelected { color: #003399; background: transparent; } a.nextLink, a.nextLink:visited { display: inline; padding-right: 17px; text-decoration: none; color: inherit; background: transparent url('images/Icon_Next.gif') no-repeat right 1px; } a.previousLink, a.previousLink:visited { display: inline; text-decoration: none; color: inherit; padding-left: 17px; background: transparent url('images/Icon_Previous.gif') no-repeat left 1px; } a.linkButton, a.linkButton:visited { margin-left: 8px; padding-right: 21px; background: transparent url('images/Icon_Submit.gif') no-repeat right 1px; } a.controlLink, a.controlLink:visited, a.controlLink:active { margin: 0px 5px 0px 0px; height: 20px; padding-right: 17px; font-weight: bold; line-height: 20px; color: #A2A3A5; background: transparent url('images/Icon_Submit.gif') no-repeat right 1px; } a.linkButtonLeft, a.linkButtonLeft:visited { margin-left: 8px; padding-left: 21px; background: transparent url('images/Icon_Submit_Reverse.gif') no-repeat left 1px; } a.linkPrint, a.linkPrint:visited { margin-left: 8px; padding-right: 21px; background: transparent url('images/Icon_Print.gif') no-repeat right 1px; } a.linkClose, a.linkClose:visited { margin-left: 5px; padding-right: 5px; background: transparent url('images/Icon_Close.gif') no-repeat right 1px; } a.demoLink, a.demoLink:visited { padding-left: 17px; color: inherit; background: transparent url('images/Icon_Demo.gif') no-repeat 0px 2px; } a.videoLink, a.videoLink:visited { padding-left: 17px; color: inherit; background: transparent url('iamges/Icon_Video.gif') no-repeat 0px 2px; } a.linkExternal:hover, a.linkExternal:active, a.linkButtonLeft:hover, a.linkButtonLeft:active , a.demoLink:hover, a.demoLink:active, a.videoLink:hover, a.videoLink:active, a.linkVideo:hover, a.linkVideo:active, a.linkPlayVideo:hover, a.linkPlayVideo:active { color: #003399; background-position: left -33px; } a.linkPlayVideo:hover, a.linkPlayVideo:active { color: #003399; background: transparent url('images/Link_PlayVideo.gif') no-repeat left -33px; } a.previousLink:hover, a.previousLink:active { color: #003399; background: transparent url('Images/Icon_Previous.gif') no-repeat left -33px; } a.nextLink:hover, a.nextLink:active, a.linkButton:hover, a.linkButton:active, a.controlLink:hover, a.linkPrint:hover, a.linkPrint:active , a.linkClose:hover, a.linkClose:active { color: #003399; background-position: right -33px; } a.linkVideo, a.linkVideo:visited { display: inline; padding-left: 20px; color: inherit; background: transparent url('images/Icon_Video.gif') no-repeat 0px 2px; } a.pdfLink, a.pdfLink:visited { float: left; clear: both; display: block; height: 16px; line-height: 16px; margin-top: 25px; padding-left: 21px; background: transparent url('images/Icon_ContentTypes_PDF_off') no-repeat 0px 0px; } a.pdfLink:hover, a.pdfLink:active { background-position: 0px 0px; color: #003399; background-color: inherit; background-image: url('images/Icon_ContentTypes_PDF_off.gif'); background-repeat: no-repeat; background-attachment: inherit; } a.InlinePrintButton, a.InlinePrintButton:visited { background: transparent url('images/print_icon.gif') no-repeat top right; padding-right:18px; } a.InlinePrintButton:hover, a.InlinePrintButton:active { background: transparent url('images/Icon_PageTools_Print_on.gif') no-repeat top right; } a.linkPlayVideo, a.linkPlayVideo:visited { padding-left: 17px; color: inherit; background: transparent url('images/Link_PlayVideo.gif') no-repeat 0px 2px; } /************************************************************************ ** ** ** Classes specifically for dotglu to use ** ** ** ************************************************************************/ .dgContainerStyle { clear:both; float: left; border: 1px solid #e6e7e8; width: 328px; overflow: hidden; padding-bottom: 10px; margin-bottom:10px; margin-right:40px; } .dgHeaderdgRowStyle { clear: both; font-weight: bold; } .dgHeaderdgRowStyle div { margin-top: 10px; margin-bottom: 10px; } .dgRowStyle { width: 100%; clear: both; border-top: 1px solid #e6e7e8; } .dgLeftColumn { float: left; margin-left: 10px; width: 153px; overflow: hidden; } .dgRightColumn { float: left; width: 145px; margin-left: 10px; margin-right: 10px; overflow: hidden; text-align: right; } .dgListContainer { clear:both; } .dgContainerStyleNoBorder { clear:both; float: left; width: 328px; overflow: hidden; padding-bottom: 10px; margin-bottom:10px; margin-right:40px; } .dgRowStyleNoBorder { width: 100%; clear: both; } .hidden { visibility:hidden; } .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; } .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; } .modalshadow { position:absolute; top:105px; width: 980px; height:541px; margin:0 auto 0 auto; background: url('images/ModalShadow_980.gif') bottom right no-repeat; z-index:104; } a.close-window { color:#000000; cursor:pointer; width:16px; height:16px; background-image: url('images/Icon_InterfaceControls_CloseWindow_off-1.gif') top left no-repeat; z-index:108; } .confirmData { font-family:Helvetica,Arial,Sans-Serif; font-size:11px; font-size-adjust:none; font-style:normal; font-variant:normal; font-weight:normal; line-height:15px; }  #T01AdserverContainer { margin-bottom: 5px; width: 980px; height: 300px; overflow: hidden; } #T01AccountsModuleContainer { float: left; } #T01PromoContainer { margin-left: 10px; border: solid 1px #e5e6e7; float: left; } .FMASEO { visibility: hidden; } /************************************************************************ ** ** ** T02 Overview.Master ** ** ** ************************************************************************/ .bodyText { width: 566px; } #T2cpoContainer { float:right; top: 0px; right: 0px; width: 182px; z-index: 45; } #T2cpoImage { text-align: right; width: 112px; height: 18px; overflow:hidden; top: 0px; right: 0px; } #T2cpoPromo1 { width: 182px; height: 97px; margin-top: 25px; } #T2cpoPromo1 .G35 { width: 182px; height: 56px; overflow:hidden; } #T2cpoPromo2 { width: 182px; height: 90px; margin-top: 25px; overflow:hidden; } #T2subCPOPromo2 { margin: 10px 10px 10px 10px; } #T2promoLike { clear: both; margin-top: 25px; } #T2promoLike1 { margin-top: 25px; } #T2promoLike .column4 { width: 182px; float: left; } #T2promoLike .column4 .G35 { width: 182px; height: 56px; overflow: hidden; } .semiBottomSpace { margin-bottom: 5px; } #T2description { margin-top:20px; margin-bottom:25px; } #T2Legal { margin-bottom:10px; } /************************************************************************ ** ** ** T02 True Cost ** ** ** ************************************************************************/ #T02TopNav { width: 758px; height: 25px; margin-right: 10px; display: block; } #T2PageHeading { width: 758px; height: 25px; overflow: hidden; } #T2_HeaderImage { margin: 0px 0px 25px 0px; width: 758px; height: 150px; overflow: hidden; } #T2Nine, #T2Three { float: left; } #T2Nine { width: 546px; margin-right: 10px; } #T2BodyText { margin: 20px 0px; padding-left: 1px; } #T2BodyThreeText1, #T2BodyThreeText2, #T2BodyThreeTexT2, #T2RightNav { width: 182px; float: left; } #T2BodyThreeText1, #T2BodyThreeText2, #T2RightNav { margin-right: 10px; } #T2BodyPDF { clear: left; } #T2Three { width: 182px; } .threePlusTwenty { width: 200px; } #T2Three a { display: block; } #T2G43Image { width: 182px; height: 56px; overflow: hidden; } #T2G43Heading { width: 158px; height: 30px; overflow: hidden; font-weight: bold; } #T2PageTools { clear: both; float: right; } #T2NextPrevious { margin-top: 25px; } /************************************************************************ ** ** ** T03 Styles ** ** ** ************************************************************************/ #T3PageHeading { width: 758px; height: 25px; overflow: hidden; } #T3_HeaderImage { margin: 0px 0px 25px 0px; width: 758px; height: 150px; overflow: hidden; } #T3Nine, #T3Three { float: left; } #T3Nine { width: 566px; margin-right: 10px; } #T3BodyText { margin: 20px 0px; padding-left: 1px; } #T3BodyThreeText1, #T3BodyThreeText2, #T3BodyThreeText3, #T3RightNav { width: 182px; float: left; } #T3BodyThreeText1, #T3BodyThreeText2, #T3RightNav { margin-right: 10px; } #T3BodyPDF { clear: left; } #T3Three { width: 182px; } #T3Three a { display: block; } #T3G43Image { width: 182px; height: 56px; overflow: hidden; } #T3G43Heading { width: 158px; height: 30px; overflow: hidden; font-weight: bold; } #T3PageTools { clear: both; float: right; } #T3NextPrevious { margin-top: 25px; } #T3BodyPDF div { margin-bottom: 10px; _margin-bottom:-10px; } /************************************************************************ ** ** ** T04 VehicleOverview.Master ** ** ** ************************************************************************/ .T4legalTextStyle { position: absolute; bottom: 10px; float:left; clear:both; line-height: 15px; } .T4headerTextStyle { width: 758px; height: 25px; margin-bottom: 10px; } #T4vehicleImage { position: relative; width: 560px; /*overflow: hidden;*/ margin-left: 10px; right: 0px; float: left; } #T4vehicleText { position: relative; margin-bottom: 0px; width: 188px; float: left; line-height: 10px; } #T4vehicleInfo { position: relative; clear: both; width: 758px; } #T4modelLinks { float: left; margin-left: -10px; padding-left: 10px; width: 758px; height: 28px; border-top: 1px solid #E6E7E8; border-bottom: 1px solid #E6E7E8; overflow:hidden; } #T4modelLinks a { cursor: pointer; } #T4lnk1 { height: 28px; width: 188px; margin: 7px 10px 0px 0px; float: left; } #T4lnk2 { position: relative; width: 182px; height: 28px; margin: 7px 10px 0px 0px; float: left; } .T4explore { background-color: #E6E7E8; float: right; height: 20px; width: 182px; position: relative; margin-right: 5px; margin-top: 5px; height: 19px; } .T4linkText { padding-top: 2px; } .T4VideoButton { margin-right: 5px; } #T4MarketingText { line-height:14px; margin-bottom:10px; } /************************************************************************ ** ** ** T05 Model Specifications ** ** ** ************************************************************************/ .T05FeatureTable { margin-bottom: 10px; border: solid 1px #E6E7E8; border-width: 1px; border-left: solid 2px #E6E7E8; width: 758px; } .T05TitleCell { padding: 10px 10px 10px 10px; border-bottom: solid 1px #E6E7E8; } .T05FeatureCell { padding: 5px 40px 5px 15px; border-bottom: solid 1px #E6E7E8; } .G10 { width: 100%; height: 25px; } .G5 { width: 100%; height: 25px; } .G31 { width: 758px; height: 150px; } .T05Features { margin-top: 25px; margin-bottom: 50px; } .G11 { width: 566px; } .G35 { width: 374px; height: 56px; float: left; } .G17 { width: 182px; padding: 10px 10px 10px 0px; float: left; } .G20 { width: 556px; padding: 10px 10px 10px 0px; } /************************************************************************ ** ** ** T06 ACCESSORIES OVERVIEW ** ** ** ************************************************************************/ #T6Header { width: 758px; height: 25px; margin-bottom: 25px; } #T6Image { width: 758px; height: 150px; margin-bottom: 25px; overflow: hidden; } #T6Text1 { width: 566px; margin-bottom: 25px; } #T6ModelLifeStyle { width: 758px; margin-bottom: 50px; } #T6LifeStyleCol { float: left; width: 374px; margin-right: 10px; } #T6LifeModelCol { float: left; width: 374px; } #T6LifeStyleHeader { width:374px; height:25px; overflow:hidden; } #T6LifeStyleText { width: 374px; margin-bottom: 20px; } #T6LifeStyleLinks { height: 10px; margin-bottom: 10px; } #T6LifeStylePDF { width: 374px; margin-bottom: 25px; } #T6LifeStyleDriverWatch { width: 374px; height: 100px; margin-bottom: 10px; overflow: hidden; } #T6DriverWatchImage { width: 182px; height: 100px; margin-right: 10px; float: left; overflow: hidden; } #T6DriverWatchText { float: left; width: 182px; } #T6LifeStyleBMW { width: 374px; height: 100px; margin-bottom: 10px; overflow: hidden; } #T6BMWImage { margin-right: 10px; float: left; overflow: hidden; width: 182px; height: 100px } #T6BMWText { float: left; width: 182px; } #T6ModelText, #T6ModelLink { margin-bottom: 20px; } #T6ImageLink { padding-left: 20px; } #T6ModelLinkImageTop { margin-bottom: 10px; width: 374px } #T6ModelLinkImageBot { margin-bottom: 10px; width: 374px; } #T6ModelImageTop { margin-right: 10px; margin-bottom: 10px; overflow: hidden; width: 182px; height: 100px; float: left; } #T6ModelImageBot { margin-right: 10px; overflow: hidden; width: 182px; height: 100px; float: left; } #T6ModelTextTop, #T6ModelTextBot { width: 182px; float: left; } #T6ModelHeader { width: 374px; height: 25px; overflow: hidden; } /************************************************************************ ** ** ** T07 Model Specifications ** ** ** ************************************************************************/ .T7category { clear: both; font-weight: bold; margin-top: 15px; margin-bottom: 5px; width: 758px; } .T7ItemName { float: left; width: 374px; overflow: hidden; line-height:20px; } .T7ItemValue { float: left; font-weight: bold; text-align: right; width: 192px; overflow: hidden; line-height:20px; } .T7Datum { position: relative; width: 758px; overflow: auto; padding-top: 5px; padding-bottom: 5px; border-top: solid 1px #E6E7E8; line-height:20px; } .T7hr { width: 758px; } .T7Legal { margin-top: 25px; margin-bottom: 10px; } .T7Thumbnails { margin: 5px auto 25px auto; padding: 0px; background-color: #E6E7E8; width: 450px; height: 65px; } .T7selectedImage { background-color: White; border: solid 1px #BAB9B9; width: 214px; height: 51px; float: left; margin: 6px 0px 4px 6px; overflow: hidden; } .T7thumbnailImage { background-color: White; border: 1px solid #E6E7E8; width: 214px; height: 51px; float: left; margin: 6px 0px 4px 6px; overflow: hidden; } .T7selectedImage:hover, .T7selectedImage:active { border: solid 1px #003399; } .T7thumbnailImage:hover, .T7thumbnailImage:active { border: solid 1px #003399; } .T7headerImage { height: 193px; width: 758px; overflow: hidden; } #T7Content { float: left; } #T7pageTools { float: right; margin-right: 20px; } /************************************************************************ ** ** ** T08 Content Media ** ** ** ************************************************************************/ #T08Header { width: 758px; height: 25px; } #T08TopNav { width: 758px; height: 25px; margin-right: 10px; display: block; } #T08LeftColumnContainer { width: 374px; margin-right: 10px; float: left; overflow:hidden; } #T08SubHeader { width: 374px; margin-bottom: 25px; } #T08SplashText { width: 374px; float: left; } #T08PDF { clear:both; float:left; width:374px; } #T08PDF1 { clear:both; float:left; width:374px; margin-top:10px; } #T08Link { clear:both; float:left; width:374px; } #T08Link1 { clear:both; float:left; width:374px; margin-top:10px; } #T08TextList1 { width: 182px; margin-right: 10px; margin-bottom: 10px; float: left; } #T08TextList2 { width: 182px; margin-bottom: 10px; float: left; } #T08VideoPlayer { width: 374px; overflow: hidden; float: right; /*background-color: #e0e0e0;*/ } #T08Logo { float: right; width: 135px; height: 39px; overflow:hidden; margin-top:10px; } #T08RightNavigation { float:right; clear:both; width:181px; border: solid 1px #E6E7E8; padding: 5px 10px 10px 10px; margin-top:10px; } #T08Footnotes { width: 566px; bottom: 0px; margin-bottom: 10px; float: left; } #T08RightColumn { width: 374px; overflow: hidden; float: right; } /************************************************************************ ** ** ** T11 Lease Offer ** ** ** ************************************************************************/ #T11Header { width: 758px; height: 25px; } #T11SubHeader { width: 758px; height: 25px; } #T11TopRow { width: 758px; height: 150px; margin-bottom: 25px; } #T11FeaturedImage { border-left: 20px; margin-right: 10px; float: left; height: 150px; width: 374px; } #T11CouponFeaturedOffer { float: left; height: 150px; width: 374px; } #T11CouponFeaturedOfferInner { position: relative; top: 35%; } #T11OffersContainer { width: 768px; margin-bottom: 50px; clear: both; } .T11Offer { width: 182px; height: 170px; margin-right: 10px; margin-bottom: 1px; float: left; } /************************************************************************ ** ** ** T12 Lease Offer Detail ** ** ** ************************************************************************/ #T12OfferName { width: 758px; height: 25px; } #T12OfferDetail { width: 566px; height: 25px; } #T12OfferImageContainer { width: 758px; height: 285px; margin-bottom: 25px; } #T12OfferImage { height: 285px; float: left; overflow: hidden; } #T12OfferMonths { width: 758px; height: 25px; } #T12BottomRow { width: 566px; margin-bottom: 50px; } #T12TextModule1 { width: 182px; margin-left: 10px; float: left; } #T12TextModule2 { width: 182px; margin-left: 10px; float: left; } #T12TextModule3 { width: 182px; float: left; } #T12Disclaimer { width: 566px; clear: both; } /************************************************************************ ** ** ** T13 Content Search ** ** ** ************************************************************************/ #T13MainContentContainer { margin-top: 25px; width: 758px; } /************************************************************************ ** ** ** T14 CPO Vehicle Search ** ** ** ************************************************************************/ .T14Header { width: 758px; height: 25px; margin-bottom: 25px; } #T14DescriptiveText { width: 374px; height: 150px; margin-bottom: 25px; margin-right: 10px; float: left; overflow: hidden; } #T14ImageCar { width: 374px; height: 150px; margin-bottom: 25px; float: right; overflow:hidden; } #T14SearchArea { width: 758px; margin-bottom: 10px; float: left; } #T14InstructionalText { width: 566px; margin-bottom: 10px; float: left; position: relative; } #T14NoResultsText { margin-bottom:15px; } #T14ImageLogo { width: 112px; height: 18px; float: right; overflow:hidden; } .T14CenterControls { width: 568px; float: left; } .T14Previous { float: left; width: 95px; text-align: left; } .T14PagingInfo { margin-right : 30px; font-weight: bold; } .T14NumListings { font-weight: bold; } .T14PageDropDown { width: 80px; } .T14Column { width: 128px; margin-right: 10px; } #T14GridItems td { border-bottom: solid 1px #E6E7E8; text-align: left; margin-left: 10px; } #T14GridHeader { width: 758px; height: 25px; background-color: #E6E7E8; } .T14GridHeaderSpacer { height: 15px; border-left: solid 1px #CFD0D2; } .T14GridHead { text-align: left; margin-left: 10px; } #T14PagerTop { width: 758px; height: 20px; margin-top: 25px; margin-bottom: 10px; } #T14PagerBottom { width: 758px; height: 20px; margin-top: 10px; margin-bottom: 50px; text-align: center; } .T14PageNum { margin-right: 7px; } .T14Next { float: right; } #T14SearchArea1 { width: 758px; margin-bottom: 10px; position: static; float: left; } #T14BodyStyle { width: 182px; height: 175px; margin-right: 10px; vertical-align: top; float: left; } #T14Series { width: 182px; height: 175px; margin-right: 10px; vertical-align: top; float: left; } #T14SearchPanel { width: 374px; height: 175px; float: left; } #searchButton { vertical-align: bottom; float: right; } #T14ResultsArea { margin-right: 10px; margin-bottom: 10px; } #T14ResultsDescription { width: 758px; height: 25px; margin-bottom: 10px; clear:both; } #T14ResultsText { width: 566px; margin-bottom: 10px; } #T14ResultsGrid { width: 758px; margin-bottom: 10px; } #T14ResultsList { width: 758px; } #popupcontent {border:solid 0px #ccc;width:100%;} .leftContent { float: left; margin-left: 5px; margin-right: 5px; width: 188px; } .centerContent { float: left; margin-right: 10px; width: 562px; } .centerContentFull { float: left; width: 760px; } .rightContent { float: left; margin-left: 10px; width: 178px; } /*************** ** ** ** G06 LoginBox.ascx ** ** ** ************************************************************************/ .loginWelcome { font-weight:600; height:10px; padding:0px 5px 0px 5px; } .acctLoginBox { position: relative; float: left; clear: left; top:1px; width:193px; height:97px; text-align:left; line-height:13px; padding:5px 0px; margin:0px; padding-left:5px; background-color: #FFFFFF; overflow:visible; } .G6GradientTop { width:188px; position:absolute; left:5px; top:-1px; height:5px; } .G6GradientLeft { height:100px; width:5px; position:absolute; left:0px; top:3px; } .G6GradientBottom { width:188px; position:absolute; left:5px; bottom:0px; height:5px; } .G6GradientRight { height:100px; width:5px; position:absolute; right:0px; top:3px; } .G6GradientTopRight { height:5px; width:5px; position:absolute; right:-1px; top:-1px; } .G6GradientBottomRight { height:5px; width:5px; position:absolute; right:0px; bottom:0px; } .G6GradientTopLeft { height:5px; width:5px; position:absolute; left:-1px; top:-1px; } #G6Welcome { background-color:#E6E7E8; width:188px; top:-1px; height:14px; margin-bottom:-1px; } #G6LoginFalse { background-color:#E6E7E8; height:98px; margin-top:-1px; width:183px; padding-left:5px; } .G6GradientBottomLeft { height:5px; width:5px; position:absolute; left:0px; bottom:0px; } .accontent { height:44px; background-color:#FFFFFF; padding:0px; border-style:none; vertical-align:top; width:193px; } .loginWelcome { font-weight:600; height:10px; padding:0px 5px 0px 5px; } .acctLoginBox { position: relative; float: left; clear: left; top:1px; width:193px; height:100px; text-align:left; line-height:13px; padding:5px 0px; margin:0px; padding-left:5px; background-color: #FFFFFF; overflow:visible; } .G6GradientTop { width:188px; position:absolute; left:5px; top:-1px; height:5px; } .G6GradientLeft { height:103px; width:5px; position:absolute; left:0px; top:3px; } .G6GradientBottom { width:188px; position:absolute; left:5px; bottom:0px; height:5px; } .G6GradientRight { height:103px; width:5px; position:absolute; right:0px; top:3px; } .G6GradientTopRight { height:5px; width:5px; position:absolute; right:-1px; top:-1px; } .G6GradientBottomRight { height:5px; width:5px; position:absolute; right:0px; bottom:0px; } .G6GradientTopLeft { height:5px; width:5px; position:absolute; left:-1px; top:-1px; } #G6Welcome { background-color:#E6E7E8; width:188px; top:-1px; height:14px; margin-bottom:-1px; } #G6LoginFalse { background-color:#E6E7E8; height:101px; margin-top:-1px; width:183px; padding-left:5px; } .G6GradientBottomLeft { height:5px; width:5px; position:absolute; left:0px; bottom:0px; } .accontent { height:44px; background-color:#FFFFFF; padding:0px; border-style:none; vertical-align:top; width:193px; } #G6Welcome { background-color:#F2D76D; width:188px; top:-1px; height:14px; margin-bottom:-1px; } #G6LoginFalse { background-color:#F2D76D; height:101px; margin-top:-1px; width:183px; padding-left:5px; } SideNavContainer, #SideNavTopRow, #SideNavMiddleRow, #SideNavBottomRow { float: left; } #SideNavTopRow, #SideNavBottomRow { width: 198px; height: 5px; float: left; line-height: 5px; } #SideNavTopRowLeft, #SideNavTopRowRight { width: 5px; height: 5px; float: left; line-height: 5px; } #SideNavTopRowLeft { background: transparent url('images/Gradient_Corners.gif') no-repeat 0px 0px; /* topLeftCornerGradient.png */ } #SideNavTopRowCenter { width: 188px; height: 5px; float: left; background: transparent url('images/Gradient_Horizontal_Top.gif') repeat-x; /* topHorizontalGradient.png */ line-height: 5px; } #SideNavTopRowRight { background: transparent url('images/Gradient_Corners.gif') no-repeat -5px 0px; /* topRightCornerGradient.png */ } #SideNavMiddleRow { width: 198px; overflow: hidden; } #SideNavMiddleRowLeft, #SideNavMiddleRowRight { width: 5px; float: left; } #SideNavMiddleRowLeft { background: transparent url('images/LeftNavVerticalGradientLeft.gif') repeat-y; /* LeftNavVerticalGradientLeft.gif */ } #SideNavMiddleRowCenter { width: 188px; float: left; min-height: 300px; height: auto !important; _height: 300px; } #SideNavMiddleRowRight { background: transparent url('images/rightVerticalGradient.gif') repeat-y; /* rightVerticalGradient.png */ } #SideNavBottomRow { clear: both; } #SideNavBottomRowLeft, #SideNavBottomRowRight { width: 5px; height: 5px; float: left; line-height: 5px; } #SideNavBottomRowLeft { background: transparent url('images/Gradient_Corners.gif') no-repeat 0px -5px; /* bottomLeftCornerGradient.png */ } #SideNavBottomRowCenter { width: 188px; height: 5px; float: left; background: transparent url('images/bottomHorizontalGradient.gif') repeat-x; /* bottomHorizontalGradient.png */ line-height: 5px; } #SideNavBottomRowRight { background: transparent url('images/Gradient_Corners.gif') no-repeat -5px -5px; /* bottomRightCornerGradient.png */ } #BMWSideNav { margin: 0px; padding: 0px; width: 188px; line-height: 1.5em !important; } #BMWSideNav ul { margin: 10px 19px 0px 19px; padding: 0px; list-style-type: none; } #BMWSideNav li { padding-left: 6px; text-indent: -6px; } #BMWSideNav ul li ul { display: none; } #BMWSideNavTitle { width: 188px; height: 26px; border-bottom: 1px solid #E6E7E8; font-weight: bold; line-height: 26px; text-indent: 20px; } #Selected, #Selected a { color: #003399; background-color: inherit; } #BMWSideNav .divide { line-height: 9px; padding: 0px; margin-left: -6px; background: transparent url('images/Divide.gif') repeat-x center; /* Divide.png */ } /************************************************************************ ** ** ** Accordion Side Navigation Styles ** ** Default + Vehicles ** ** ** ************************************************************************/ #SideNavG3Container, #SideNavG3TopRow, #SideNavG3MiddleRow, #SideNavG3BottomRow { float: left; } #SideNavG3Container { width: 198px; margin: 0px; padding: 0px; } #SideNavG3TopRow, #SideNavG3BottomRow { width: 198px; height: 5px; float: left; line-height: 5px; } #SideNavG3TopRowLeft, #SideNavG3TopRowRight { width: 5px; height: 5px; float: left; line-height: 5px; } #SideNavG3TopRowLeft { background: transparent url('images/Gradient_Corners.gif') no-repeat 0px 0px; /* topLeftCornerGradient.png */ } #SideNavG3TopRowCenter { width: 188px; height: 5px; float: left; background: transparent url('images/Gradient_Horizontal_Top.gif') repeat-x; /* topHorizontalGradient.png */ line-height: 5px; } #SideNavG3TopRowRight { background: transparent url('images/Gradient_Corners.gif') no-repeat -5px 0px; /* topRightCornerGradient.png */ } #SideNavG3MiddleRow { width: 198px; } #SideNavG3MiddleRowLeft, #SideNavG3MiddleRowRight { width: 5px; float: left; } #SideNavG3MiddleRowLeft { background: transparent url('images/LeftNavVerticalGradientLeft.gif') repeat-y; /* LeftNavVerticalGradientLeft.gif */ } #SideNavG3MiddleRowCenter { width: 188px; float: left; } #SideNavG3MiddleRowRight { background: transparent url('images/rightVerticalGradient.gif') repeat-y; /* rightVerticalGradient.png */ } #SideNavG3BottomRow { clear:both; } #SideNavG3BottomRowLeft, #SideNavG3BottomRowRight { width: 5px; height: 5px; float: left; line-height: 5px; } #SideNavG3BottomRowLeft { background: transparent url('images/Gradient_Corners.gif') no-repeat 0px -5px; /* bottomLeftCornerGradient.png */ } #SideNavG3BottomRowCenter { width: 188px; height: 5px; float: left; background: transparent url('images/bottomHorizontalGradient.gif') repeat-x; /* bottomHorizontalGradient.png */ line-height: 5px; } #SideNavG3BottomRowRight { background: transparent url('images/Gradient_Corners.gif') no-repeat -5px -5px; /* bottomRightCornerGradient.png */ } #BMWSideNavG3 { margin: 0px; padding: 0px 0px 10px 0px; width: 188px; line-height: 1.5em !important; } #BMWSideNavG3 ul { margin: 10px 19px 10px 19px; padding: 0px; list-style-type: none; } #BMWSideNavG3 li { padding-left: 6px; text-indent: -6px; } #BMWSideNavG3 ul li ul { display: none; } #BMWSideNavG3Title { width: 188px; height: 26px; border-bottom: 1px solid #E6E7E8; font-weight: bold; line-height: 26px; text-indent: 20px; } #Selected, #Selected a { color: #003399; background-color: inherit; } #BMWSideNavG3 .divide { line-height: 9px; padding: 0px; margin-left: -6px; background: transparent url('images/Divide.gif') repeat-x center; /* Divide.png */ } #BMWSideNavG3 .PanelFirstDivide { line-height: 1px; height: 1px; position: relative; top: -9px; padding: 0px; margin-left: -6px; margin-bottom: -2px; background: transparent url('images/Divide.gif') repeat-x center; /* Divide.png */ } /*Promotions Control Styles ** *************************************************************************************************/ #base_Site_PromoContainer { float: left; margin: 0px 0px 0px 0px; padding: 0px; display: inline; } #PromoContainer { padding: 0px; margin: 0px; width: 792px; } #VerticalPromoContainer { padding: 0px; margin: 0px; height: 792px; } .PromoTopRow, .PromoMiddleRow, .PromoBottomRow { clear: both; } .PromoTopRow, .PromoBottomRow { width: 198px; height: 5px; line-height: 5px; } .PromoTopRowLeft, .PromoTopRowRight { width: 5px; height: 5px; float: left; line-height: 5px; } .PromoTopRowLeft { background: transparent url('images/Gradient_Corners.gif') no-repeat 0px 0px; /* topLeftCornerGradient.png */ } .PromoTopRowCenter { width: 188px; height: 5px; float: left; background: transparent url('images/Gradient_Horizontal_Top.gif') repeat-x; /* topHorizontalGradient.png */ line-height: 5px; } .PromoTopRowRight { background: transparent url('images/Gradient_Corners.gif') no-repeat -5px 0px; /* topRightCornerGradient.png */ } .PromoMiddleRow { width: 198px; height: 102px; } .PromoMiddleRowLeft, .PromoMiddleRowRight { width: 5px; height: 102px; float: left; } .PromoMiddleRowLeft { background: transparent url('images/leftVerticalGradient.gif') repeat-y; /* leftVerticalGradient.png */ } .PromoMiddleRowCenter { width: 188px; height: 102px; float: left; overflow: visible; } .PromoMiddleRowRight { background: transparent url('images/rightVerticalGradient.gif') repeat-y; /* rightVerticalGradient.png */ } .PromoBottomRow { clear:both; } .PromoBottomRowLeft, .PromoBottomRowRight { width: 5px; height: 5px; float: left; line-height: 5px; } .PromoBottomRowLeft { background: transparent url('images/Gradient_Corners.gif') no-repeat 0px -5px; /* bottomLeftCornerGradient.png */ } .PromoBottomRowCenter { width: 188px; line-height: 5px; height: 5px; float: left; background: transparent url('images/bottomHorizontalGradient.gif') repeat-x; /* bottomHorizontalGradient.png */ } .PromoBottomRowRight { background: transparent url('images/Gradient_Corners.gif') no-repeat -5px -5px; /* bottomRightCornerGradient.png */ } .PromoItem { padding: 0px; width: 198px; height: 112px; overflow: visible; } .PromoItem ul { list-style-type: none; padding: 0px; margin: 4px 8px 8px 8px; } .PromoSubmission { margin-top: 8px; } .PromoSubmissionField { border: 1px solid #cccccc; width: 135px; margin: 0px; padding: 0px; } .BottomMarginEight { margin-bottom: 8px; }