/* Global Properties */
div {position: absolute;}
a.graytext2:hover {color: #00ffff;}
.graytextsm {font-family: Verdana; font-size: 10px; color: #333333;}
.graytextsm2 {font-family: Verdana; font-size: 9px; color: #333333;}
.graytext1 {font-family: Verdana; font-size: 11px; color: #303030;}
.graytext2 {font-family: Verdana; font-size: 11px; color: #adadad;}
.graytextT {font-family: Verdana; font-size: 11px; color: #cccccc; font-weight: bold;}
.graytextOption {font-family: Verdana; font-size: 10px; color: #666666;}
.bluetextT {font-family: Verdana; font-size: 11px; color: #00ffff; font-weight: bold;}
.bluetext {font-family: Verdana; font-size: 11px; color: #00ffff;}
.bluetext2 {font-family: Verdana; font-size: 11px; color: #006666;}
.blacktext {font-family: Verdana; font-size: 11px; color: #000000;}
.blacktextT {font-family: Verdana; font-size: 11px; color: #000000; font-weight: bold;}
.link {text-decoration: none; color: #000066;}
#centralWhiteBox {top: 90px; left: 0px; z-index: 3; width: 750px; height: 235px; clip:rect(0px 750px 235px 0px); layer-background-color: #ffffff; background-color: #ffffff;}
.linkText {font-family: Verdana; font-size: 11px; color: #000066; text-decoration: underline;}
.nvData {line-height:18px;}

/* new CSS for semantic markup revisions - Added */
.section {position: relative;}
h1 {display:none;}
h2 {display:none;}
h3 {display:none:}
h4 {display:none;}
h5 {display:none;}
h6 {display:block;}
h6 .inline {display:inline;}

/*Main Page Css Properties */
#mainPmainI {top: 90px; left: 0px; z-index: 5;}
#mainPText {top:135px; left: 79px; z-index: 7;}
#mainPmainII {top: 90px; left: 565px; z-index: 5;}
#mainPcontent {top: 338px; left: 415px; z-index: 5; width: 320px}
#noFlashC {top: 338px; left: 415px; z-index: 4; width: 320px; visibility: hidden;}
#mainPmovie {top: 325px; left: 190px; z-index: 5;}
#mainPtitle {top: 338px; left: 232px; z-index: 5;}
#mainPtitle2 {top: 338px; left: 230px; z-index: 5;}
#mainPthe {top: 338px; left: 205px; z-index: 5;}
#mainPlink {top: 490px; left: 415px; z-index: 5; width: 320px;}

/*New Main Page Updates */
#main-container {top:344px; left:229px; z-index:5;}
#main-container .main-title, .main-content, #ql-container {position:relative;} 
.main-title {margin-bottom:10px;}
.main-content {width:476px}

/*Quick Links */
#ql-container {left:0px; margin-bottom:20px;}
.ql-linkitem {width:500px; margin-top:15px; position:relative;}
.ql-img-out {top:0px; left:3px; width:79px; background-color:#ffffff;position:relative;}
.ql-img-over {top:0px; left:3px; width:79px; background-color:#999999;position:relative;}
.ql-img-out img, .ql-img-over img {cursor:pointer; cursor:hand; border-color:ffffff; margin:1px;}
.ql-side {top:2px; left:85px; width:239px;}
.ql-side div {position:relative;}
.ql-content {margin-left:16px;}

/*At a Glance */
#glance-movie {top:90px; left:0px; z-index:5;}
#sideLogo {top:0px; left:1px; z-index:4}
#downloadTip {top:250px; left:217px; width:512px; z-index:4}
#c-at-a-glance  {top:212px; left:107px;z-index:99;}
#clk-at-a-glance  {top:288px; left:119px;z-index:99;}
#ml-at-a-glance{top:140px; left:17px;z-index:99;}
#e-at-a-glance{top:264px; left:26px;z-index:99;}

/*Specs Css Properties - New layout - Added June 25, 2002 - Torin*/
#specsContent {top: 270px;left: 229px;z-index: 4;width: 455px;padding-bottom : 20px;}
#specsVehicle {top: 160px; left: 445px; z-index: 3;}
#specsPicture {top: 100px; left: 200px; z-index: 2;}
#specsTitle {top: 108px; left: 229px; z-index: 3;}
.specsVehicleText {font-family: Verdana; font-size: 9px; color: #555555;}
.specsVehicleTextB {font-family: Verdana; font-size: 11px; color: #000000; font-weight: bold;}

/*accessories Css Properties - New layout - Added July 2, 2002 - Torin*/
#accsContent {top: 149px;left: 229px;z-index: 4;width: 455px;padding-bottom : 20px;}
#accsPicture {top: 90px; left: 0px; z-index: 2;}

/*New and Articles */
#articleImage {top: 90px; left: 0px; z-index: 3;}
#articleContent {top: 111px; left: 220px; z-index: 5;}

/*Side by Side Css Properties */
.sideBySideText {font-family: Verdana; font-size: 11px; color: #333333;}
/*
#veh-img {top: 105px; left: 191px; z-index:2;}
#veh-img img{clip:rect(0,243,160,15);}
#sideByVehicle {top: 105px; left: 191px; z-index: 2;}
*/
#sideByVehicle {top: 105px; left: 190px; z-index: 2;}
/*.sideByImg {clip:rect(0,243,160,15);}*/
#sideByTitle {top: 490px; left: 205px; z-index: 4;}
#sideByContent {top: 490px; left: 415px; z-index: 4; width: 320px;}
#sideByUnderbox {top: 90px; left: 190px; z-index: 2; width: 560px; height: 390px; clip:rect(0px 560px 390px 0px); layer-background-color: #ffffff; background-color: #ffffff;}
#sideByAnswer {top: 148px; left: 217px; z-index: 4;}
#sideByAnswerTitle {top: 108px; left: 217px; z-index: 3;}
#modelSubnav {top: 105px; left: 15px; z-index: 4;}
#sideByTop{top:104px; left:430px; z-index:3;}
#sideByErrorMsg{top:302px; left:230px; color:#cc0000; visibility:hidden; z-index:3;}
#sideByForm{top:270px; left:229px; z-index:3;}


/* 3 Part Template or Rather Template 3 */
#temp3Image {top: 90px; left: 190px; z-index: 4;}

/* for purchase tools */
#content0 {top: 335px; left: 415px; z-index: 4; visibility: visible; width: 320px;}
#content1 {top: 335px; left: 415px; z-index: 4; visibility: hidden; width: 320px;}
#content2 {top: 335px; left: 415px; z-index: 4; visibility: hidden; width: 320px;}
#content3 {top: 335px; left: 415px; z-index: 4; visibility: hidden; width: 320px;}
#content4 {top: 335px; left: 415px; z-index: 4; visibility: hidden; width: 320px;}
#content5 {top: 335px; left: 415px; z-index: 4; visibility: hidden; width: 320px;}
#content6 {top: 335px; left: 415px; z-index: 4; visibility: hidden; width: 320px;}
#content7 {top: 335px; left: 415px; z-index: 4; visibility: hidden; width: 320px;}
#content8 {top: 335px; left: 415px; z-index: 4; visibility: hidden; width: 320px;}
#content9 {top: 335px; left: 415px; z-index: 4; visibility: hidden; width: 320px;}
#content10 {top: 335px; left: 415px; z-index: 4; visibility: hidden; width: 320px;}
#content11 {top: 335px; left: 415px; z-index: 4; visibility: hidden; width: 320px;}
#content12 {top: 335px; left: 415px; z-index: 4; visibility: hidden; width: 320px;}
#content13 {top: 335px; left: 415px; z-index: 4; visibility: hidden; width: 320px;}
#content14 {top: 335px; left: 415px; z-index: 4; visibility: hidden; width: 320px;}

/* 360 View Css Properties */
#largeVRext {top: 115px; left: 239px; z-index: 4;}
#largeVRextQT {top: 90px; left: 135px; z-index: 4;}
#largeVRint {top: 100px; left: 205px; z-index: 4;}
#smallVRext {top: 105px; left: 215px; z-index: 4;}
#smallVRint {top: 100px; left: 205px; z-index: 4;}
#VRsubTitle {top: 335px; left: 415px; z-index: 7;}
#VRshown {top: 295px; left: 415px; z-index: 7;}
#VRshownm {top: 290px; left: 340px; z-index: 7;}
#EuroShown{top:295px; left: 300px; z-index:7;}
#VRcontent {top: 355px; left: 415px; z-index: 7; width: 330px;}
#VRdwnLoad {top: 430px; left: 415px; z-index: 7;}
#VRdwnLoadInterior {top: 465px; left: 415px; z-index: 7;}
#VRseeAlso {top: 505px; left: 415px; z-index: 7;}
#VRplug {top: 535px; left: 415px; z-index: 7;}

/* Options and Packages Properties */
#packList {top: 120px; left: 205px; z-index: 4;}
#optList {top: 120px; left: 492px; z-index: 4;}
#packTitle {top: 98px; left: 205px; z-index: 4;}
#optTitle {top: 98px; left: 492px; z-index: 4;}

/* Photo Gallery Properties - New 2002 css specifications replaced 2001 css specifications, Sept 19/01 (Pat G) */
.thumbs {top: 20px; z-index: 3;}
.thumbsText {top: 0px; z-index: 3; font-family: Verdana; font-size: 11px; color: #FFFFFF; visibility: hidden;}
#thumb0 {left: 0px;}
#thumb1 {left: 125px;}
#thumb2 {left: 250px;}
#thumb3 {left: 375px;}
#thumbText0 {left: 0px;}
#thumbText1 {left: 0px;}
#thumbText2 {left: 0px;}
#thumbText3 {left: 0px;}
#textArea {top: 449px; left: 294px; width: 449px; height: 27px; clip:rect(0px 449px 27px 0px); z-index: 3;}
#topArrow {top: 486px; left: 425px; z-index: 3;}
#bottomArrow {top: 499px; left: 425px; z-index: 3;}
#DLtext {top: 486px; left: 294px; z-index: 3;}
#closeButton {top: 517px; left: 730px; z-index: 3;}
#carPic {top: 70px; left: 0px; width: 788px; height: 285px; clip:rect(0px 788px 285px 0px); z-index: 3;}
#title {top: 30px; left: 43px; z-index: 3;}
#thumbTable {top: 361px; left: 294px; width: 500px; height: 87px; clip:rect(0px 500px 87px 0px); z-index: 3;}
#fRoll {top: 379px; left: 493px; width: 118px; height: 58px; clip:rect(0px 118px 58px 0px); layer-background-color: #FFFFFF; background-color: #FFFFFF; z-index: 2; visibility: hidden;}
.fBorder {top: 1px; left: 1px; width: 116px; height: 56px; clip:rect(0px 116px 56px 0px); layer-background-color: #999999; background-color: #999999; z-index: 1;}
.whiteText {font-family: Verdana; font-size: 11px; color: #FFFFFF;}

/* Wallpaper Popup Properties */
#PopupInstruct {top: 10px; left: 10px; z-index: 2;}
#Wallpaper {top: 170px; left: 0px; z-index: 0;}

/*AMG Css Properties */
.graytextMT {font-family: Verdana; font-size: 11px; color: #676767; font-weight: bold;}
.greentext 	{font-family: Verdana; font-size: 11px; color: #006666;}
#AMGdwnload {top: 495px; left: 416px; z-index: 7; width: 330px;}
#AMGplug {top: 575px; left: 416px; z-index: 7;}
#AMGdwnloadModels {top: 560px; left: 416px; z-index: 7; width: 330px;}
#AMGplugModels {top: 640px; left: 416px; z-index: 7; width: 330px;}
#amgPmainI {top: 90px; left: 0px; z-index: 5;}
#amgPcontent {top: 338px; left: 415px; z-index: 5; width: 320px}
#amgHcontent {top: 104px; left: 365px; z-index: 5; width: 320px}
#amgFContent {top: 104px; left: 415px; z-index: 3; width: 320px}
#amgHtitle {top: 104px; left: 205px; z-index: 5; width: 320px}
#amgPmovie {top: 325px; left: 190px; z-index: 5;}
#amgPtitle {top: 338px; left: 205px; z-index: 5;}
#amgPlink {top: 490px; left: 415px; z-index: 5; width: 320px;}

/*In Motion Css Properties */
#INcontent {top: 355px; left: 411px; z-index: 7; width: 330px;}
#INdwnload {top: 440px; left: 411px; z-index: 7; width: 330px;}
#INimage {top: 90px; left: 0px; z-index: 7;}
#INsubTitle {top: 335px; left: 411px; z-index: 7;}
#INplug {top: 520px; left: 411px; z-index: 7;}
#INdm {top: 550px; left: 411px; z-index: 7; width: 330px;}
#movie {top: 0px; left: 0px; z-index: 0;}

/* Future Models */
#futurePRSubnav {top: 104px; left: 12px; z-index: 3;}
#fmcontent0 {top: 335px; left: 415px; z-index: 4; visibility: visible; width: 320px;}
#fmcontent1 {top: 360px; left: 415px; z-index: 4; visibility: hidden; width: 320px;}
#fmcontent2 {top: 360px; left: 415px; z-index: 4; visibility: hidden; width: 320px;}
#fmcontent3 {top: 360px; left: 415px; z-index: 4; visibility: hidden; width: 320px;}
#fmcontent4 {top: 360px; left: 415px; z-index: 4; visibility: hidden; width: 320px;}
#fmcontent5 {top: 360px; left: 415px; z-index: 4; visibility: hidden; width: 320px;}
#fmPRtitle {top: 104px; left: 230px; z-index: 4; visibility: visible;}
#fmPRthe {top: 104px; left:205px; z-index: 4; visibility: visible;}
#articleTitle {top: 104px; left: 205px; z-index: 4; visibility: visible;}
#articleBody {top:104px; left: 415px; z-index: 0;}

/* Arrow */
#vehicle {top: 115px; left: 205px; z-index: 3;}
#vehicleText {top: 200px; left: 205px; z-index: 4;}
#mainArrowlink {top: 435px; left: 415px; z-index: 5; width: 320px;}
.grayNav {font-family: Verdana,arial,helevetica; font-size: 11px; color: #999999; text-decoration: none;}
.graytext {font-family: Verdana,arial,helevetica; font-size: 11px; color: #cccccc; text-decoration: none;}

/* Models Main Class CSS Properties */
#classTitle {top: 338px; left: 205px; z-index: 5;}

/*Class overview CSS Properties - Torin*/
#coContent{top: 380px; left: 230px; z-index: 5; width:460px; padding-bottom:30px}
#coTitle{top: 343px; left: 230px; z-index: 5;}
#coContent .h3{	font-size : 10px;}


.coModelSummary {
position:relative; 
width:260px;
margin-bottom:15px; 
width:460px;
}
.coModelSummary div { position : relative}

.coModelSummary div.coModelSummaryC1{
position:absolute;
top : 10px;
left: 200px;
}

.coModelSummaryC2 div {
padding-top:2px;
margin-left:10px;
width:280px;
}

/* 4MATIC class overview CSS Properties */
.coModelSummaryC2 div.marketName {font-weight:bold;}
.coModelSummaryC2 div.links {margin-top:2px; margin-left}

/*old class overview CSS Properties*/
#classImage1 {top: 430px; left: 205px; z-index: 5;}
#classImage2 {top: 540px; left: 205px; z-index: 5;}
#classImage3 {top: 650px; left: 205px; z-index: 5;}
#classImage4 {top: 762px; left: 205px; z-index: 5;}
#classImage5 {top: 876px; left: 205px; z-index: 5;}
#classImage6 {top: 987px; left: 205px; z-index: 5;}

#classSubTitle1 {top: 430px; left: 414px; z-index: 5;}
#classSubTitle2 {top: 540px; left: 414px; z-index: 5;}
#classSubTitle3 {top: 650px; left: 414px; z-index: 5;}
#classSubTitle4 {top: 762px; left: 414px; z-index: 5;}
#classSubTitle5 {top: 876px; left: 414px; z-index: 5;}
#classSubTitle6 {top: 987px; left: 414px; z-index: 5;}

#classLine1 {top: 500px; left: 205px; z-index: 5;}
#classLine2 {top: 610px; left: 205px; z-index: 5;}
#classLine3 {top: 720px; left: 205px; z-index: 5;}
#classLine4 {top: 832px; left: 205px; z-index: 5;}
#classLine5 {top: 944px; left: 205px; z-index: 5;}
#classLine6 {top: 1057px; left: 205px; z-index: 5;}

#classPrice1 {top: 414px; left: 205px; z-index: 5;}
#classPrice2 {top: 524px; left: 205px; z-index: 5;}
#classPrice3 {top: 634px; left: 205px; z-index: 5;}
#classPrice4 {top: 746px; left: 205px; z-index: 5;}
#classPrice5 {top: 858px; left: 205px; z-index: 5;}
#classPrice6 {top: 971px; left: 205px; z-index: 5;}

/* Awards and Accolades CSS Properties */
#carImg {top: 90px; left: 0px; z-index: 5;}
#accoladesAwardsImg {top: 108px; left: 230px; z-index: 5;}
#contentArea {top: 145px; left: 230px; z-index: 5; width: 480px}

/* Puchase Tools */
#ptSubnav0a {top: 105px; left: 15px; z-index: 4; visibility: visible; width: 190px;}
#ptSubnav1a {top: 123px; left: 15px; z-index: 4; visibility: visible; width: 190px;}
#ptSubnav2a {top: 141px; left: 15px; z-index: 4; visibility: visible; width: 190px;}

#ptSubnav1b {top: 105px; left: 15px; z-index: 4; visibility: hidden; width: 190px;}
#ptSubnav1b {top: 123px; left: 15px; z-index: 4; visibility: hidden; width: 190px;}
#ptSubnav2b {top: 141px; left: 15px; z-index: 4; visibility: hidden; width: 190px;}

/* Models Accessories */
.popLink {color: #090597; text-decoration: underline;}
#copyArea {top: 40px; left: 200px; width: 296px; z-index: 2;}
#accessPic {top: 110px; left: 195px; z-index: 4;}
#modelTitle {top: 338px; left: 230px; z-index: 7;}

/* S500VGD Sub Nav */
#featSubNav {top: 104px; left: 12px; line-height:20px; z-index:4;}
.newLine {line-height:12px;}

.bodytext {font-size: 10px;}

/* Launch Edition Page */
#LaunchEditionMainF {top: 90px; left: 0px; z-index: 3;}
#LaunchEditionTitle {top: 338px; left: 205px; z-index: 4; visibility: visible;}
#LaunchEditionContent0 {top: 335px; left: 415px; line-height:15px; color: #303030; z-index: 4; visibility: visible; width: 300px;}