css/mcs.css

   1 /*** Multi Contour Seat ** */
   2 #back-button {
   3         background: url(../images/common/page-back-button.png) no-repeat center 12px,
   4         url(../images/common/btn-48h.png);
   5         width: 48px;
   6         z-index: 5000;
   7         left: -107px;
   8         top: -72px;
   9 }
  10
  11 #back-button.pressed {
  12         background: url(../images/common/page-back-button.png) no-repeat center 12px,
  13         url(../images/common/btn-48h-pressed.png);
  14 }
  15
  16 #MultiContourSeat_customMassage {
  17         visibility: hidden;
  18         background-color: #000;
  19         z-index: 200;
  20         width: 800px;
  21         height: 345px;
  22         position: absolute;
  23         top: -60px;
  24         left: -112px;
  25 }
  26 #MultiContourSeat_customMassage_caption {
  27         width: 600px;
  28         height: 28px;
  29         line-height: 29px;
  30         left: 74px;
  31         font-size: 26px;
  32 }
  33 #MultiContourSeat_customMassage_caption2{
  34         top: 35px;
  35         width: 350px;
  36         text-align: center;
  37         left: 225px;
  38 }
  39 #view_settings_vehicle_MultiContourSeat_Adjust .MultiContourSeat_customMassage_previewButton {
  40         top: 172px;
  41         left: 620px;
  42         width: 120px;
  43         text-align: center;
  44 }
  45 #view_settings_vehicle_MultiContourSeat_Adjust .MultiContourSeat_customMassage_previewButtonTop {
  46         top: 113px;
  47         left: 535px;
  48         width: 120px;
  49         text-align: center;
  50 }
  51 #view_settings_vehicle_MultiContourSeat_Adjust .MultiContourSeat_customMassage_previewButtonBottom {
  52         top: 239px;
  53         left: 535px;
  54         width: 120px;
  55         text-align: center;
  56 }
  57 #MultiContourSeat_customMassage_backButton {
  58         top: 220px;
  59         left: 535px;
  60         width: 120px;
  61         text-align: center;
  62 }
  63 #MultiContourSeat_customMassage_backButtonCenter {
  64         bottom: 10px;
  65         left: 340px;
  66         width: 120px;
  67         text-align: center;
  68 }
  69
  70 #MultiContourSeatContainer .led {
  71         width: 12px;
  72         height: 40px;
  73         background: url("../images/common/seat-act-led.png") no-repeat;
  74         position: relative !important;
  75         float: left;
  76         background-position: -4px 0;
  77 }
  78 #MultiContourSeatContainer .led-inactive {
  79         background: url("../images/common/seat-inact-led.png") no-repeat;
  80         background-position: 3px 8px;
  81         width: 12px;
  82         height: 40px;
  83         position: relative !important;
  84         float: left;
  85 }
  86
  87 #MultiContourSeat_customMassage .led {
  88         /*background-position: -4px -6px;*/
  89 }
  90
  91 #MultiContourSeat_customMassage .led-inactive {
  92         /*background-position: 3px 2px;*/
  93 }
  94
  95 #contentMCS{
  96         top: 83px;
  97         left: 112px;
  98 }
  99
 100 #MultiContourSeatContainer{
 101         position: absolute;
 102         background-color: black;
 103         width: 800px;
 104         height: 384px;
 105         top: -38px;
 106         left: -160px;
 107         z-index: 1001;
 108 }
 109
 110 #view_settings_vehicle_MultiContourSeat_Adjust .block-header-title{
 111         font-size: 26px;
 112         width: 400px;
 113         top: -72px;
 114         left: -38px;
 115 }
 116 #view_settings_vehicle_MultiContourSeat_Adjust .view_settings_vehicle_MultiContourSeat-left-s {
 117         background: url(../images/settings/view_settings_vehicle_MultiContourSeat-left-s.png) no-repeat;
 118         width: 193px;
 119         height: 263px;
 120         left: -70px;
 121         top: -40px;
 122 }
 123 #view_settings_vehicle_MultiContourSeat_Adjust .view_settings_vehicle_MultiContourSeat-Massage-left-s {
 124         background: url(../images/settings/view_settings_vehicle_MultiContourSeat-driver_massage_seat.png) no-repeat;
 125         width: 193px;
 126         height: 263px;
 127         left: -70px;
 128         top: -40px;
 129 }
 130 #view_settings_vehicle_MultiContourSeat_Adjust .notActiveSeat {
 131         opacity: 0.5;
 132 }
 133
 134 #view_settings_vehicle_MultiContourSeat_Adjust .not_selected .active {
 135         opacity: 0;
 136 }
 137
 138  #view_settings_vehicle_MultiContourSeat_Adjust .driver {
 139          width: 158px;
 140          left: -54px;
 141          top: 226px;
 142          text-align: center;
 143          line-height: 49px;
 144  }
 145
 146 #view_settings_vehicle_MultiContourSeat_Adjust .btn-48.active {
 147         background: url(../images/common/btn-48h-active-gray.png) repeat-x !important;
 148 }
 149 #view_settings_vehicle_MultiContourSeat_Adjust .btn-28.active {
 150         background: url(../images/settings/btn-28h-gray-active.png) repeat-x !important;
 151 }
 152 #view_settings_vehicle_MultiContourSeat_Adjust .adjust {
 153          width: 158px;
 154          left: -54px;
 155          top: 226px;
 156          text-align: center;
 157          line-height: 49px;
 158  }
 159  #view_settings_vehicle_MultiContourSeat_Adjust .massage {
 160          width: 144px;
 161          left: 299px;
 162          top: -60px;
 163          text-align: center;
 164          line-height: 49px;
 165          -webkit-border-radius: 0;
 166          -moz-border-radius: 0;
 167          border-radius: 0;
 168          -webkit-border-top-right-radius: 3px;
 169          -webkit-border-bottom-right-radius: 3px;
 170          -moz-border-radius-topright: 3px;
 171          -moz-border-radius-bottomright: 3px;
 172          border-top-right-radius: 3px;
 173          border-bottom-right-radius: 3px;
 174  }
 175  #view_settings_vehicle_MultiContourSeat_Adjust .adjust {
 176          width: 144px;
 177          left: 154px;
 178          top: -60px;
 179          text-align: center;
 180          line-height: 49px;
 181          -webkit-border-radius: 0;
 182          -moz-border-radius: 0;
 183          border-radius: 0;
 184          -webkit-border-top-left-radius: 3px;
 185          -webkit-border-bottom-left-radius: 3px;
 186          -moz-border-radius-topleft: 3px;
 187          -moz-border-radius-bottomleft: 3px;
 188          border-top-left-radius: 3px;
 189          border-bottom-left-radius: 3px;
 190  }
 191  #view_settings_vehicle_MultiContourSeat_Adjust .passenger {
 192          width: 158px;
 193          left: 496px;
 194          top: 227px;
 195          text-align: center;
 196          line-height: 49px;
 197  }
 198  #view_settings_vehicle_MultiContourSeat_Adjust .pressed{
 199         background: url(../images/common/btn-48h-pressed.png) bottom repeat-x !important;
 200 }
 201
 202  #view_settings_vehicle_MultiContourSeat_Adjust .seats-1 {
 203          width: 32px;
 204          height: 39px;
 205          left: 414px;
 206          top: 3px;
 207          background: url(../images/settings/seats.png) no-repeat;
 208  }
 209  #view_settings_vehicle_MultiContourSeat_Adjust .seats-2 {
 210          width: 32px;
 211          height: 39px;
 212          left: 414px;
 213          top: 61px;
 214          background: url(../images/settings/seats.png) no-repeat 0 -61px;
 215  }
 216  #view_settings_vehicle_MultiContourSeat_Adjust .seats-3 {
 217          width: 32px;
 218          height: 39px;
 219          left: 414px;
 220          top: 118px;
 221          background: url(../images/settings/seats.png) no-repeat 0 -117px;
 222  }
 223
 224  #view_settings_vehicle_MultiContourSeat_Adjust .seats-4 {
 225          width: 32px;
 226          height: 39px;
 227          left: 414px;
 228          top: 179px;
 229          background: url(../images/settings/seats.png) no-repeat 0 -177px;
 230  }
 231
 232  #view_settings_vehicle_MultiContourSeat_Adjust .seats-5 {
 233          width: 32px;
 234          height: 39px;
 235          left: 414px;
 236          top: 236px;
 237          background: url(../images/settings/seats.png) no-repeat 0 -233px;
 238  }
 239
 240  #view_settings_vehicle_MultiContourSeat_Adjust .seats-message-1 {
 241          width: 32px;
 242          height: 38px;
 243          left: 414px;
 244          top: 3px;
 245          background: url(../images/settings/seats-message.png) no-repeat;
 246  }
 247
 248  #view_settings_vehicle_MultiContourSeat_Adjust .seats-message-2 {
 249          width: 32px;
 250          height: 38px;
 251          left: 414px;
 252          top: 63px;
 253          background: url(../images/settings/seats-message.png) no-repeat 0 -61px;
 254  }
 255
 256  #view_settings_vehicle_MultiContourSeat_Adjust .seat-right {
 257          width: 193px;
 258          height: 263px;
 259          left: 480px;
 260          top: -40px;
 261          background: url(../images/settings/view_settings_vehicle_MultiContourSeat-right-s.png) no-repeat;
 262  }
 263  #view_settings_vehicle_MultiContourSeat_Adjust .massage-seat-right {
 264          width: 193px;
 265          height: 263px;
 266          left: 480px;
 267          top: -40px;
 268          background: url(../images/settings/view_settings_vehicle_MultiContourSeat-Passenger_massage_seat.png) no-repeat;
 269  }
 270
 271  #view_settings_vehicle_MultiContourSeat_Adjust .control {
 272          width: 238px;
 273          height: 41px;
 274          border: 1px solid #393939;
 275          -webkit-border-radius: 3px;
 276          -moz-border-radius: 3px;
 277          border-radius: 3px;
 278  }
 279
 280  #MultiContourSeat_customMassage .control{
 281         width: 213px;
 282         /*height: 28px;*/
 283  }
 284
 285  #view_settings_vehicle_MultiContourSeat_Adjust .indButtonMCS.active ,
 286  #view_settings_vehicle_MultiContourSeat_Adjust .seats-message-actions.active ,
 287  #view_settings_vehicle_MultiContourSeat_Adjust .control.active {
 288         border: 1px solid #ff9900;
 289  }
 290  #view_settings_vehicle_MultiContourSeat_Adjust .control .minus {
 291          width: 58px;
 292          height: 41px;
 293          border-right: 1px solid #393939;
 294          -webkit-border-top-right-radius: 3px;
 295          -webkit-border-bottom-right-radius: 3px;
 296          -moz-border-radius-topright: 3px;
 297          -moz-border-radius-bottomright: 3px;
 298          border-top-right-radius: 3px;
 299          border-bottom-right-radius: 3px;
 300          top: 0;
 301          left: 0;
 302          background: url(../images/common/btn-48h.png);
 303          position: relative;
 304          float: left;
 305          cursor: pointer;
 306  }
 307
 308  #MultiContourSeat_customMassage .control .minus {
 309         /* height: 28px;*/
 310  }
 311
 312  #view_settings_vehicle_MultiContourSeat_Adjust .ledContainer{
 313          position: relative;
 314          float: left;
 315  }
 316  #view_settings_vehicle_MultiContourSeat_Adjust .control .plus {
 317          width: 58px;
 318          height: 41px;
 319          border-left: 1px solid #393939;
 320          -webkit-border-top-left-radius: 3px;
 321          -webkit-border-bottom-left-radius: 3px;
 322          -moz-border-radius-topleft: 3px;
 323          -moz-border-radius-bottomleft: 3px;
 324          border-top-left-radius: 3px;
 325          border-bottom-left-radius: 3px;
 326          top: 0px;
 327          right: 0;
 328          background: url(../images/common/btn-48h.png);
 329          cursor: pointer;
 330  }
 331
 332  #MultiContourSeat_customMassage .control .plus {
 333         /* height: 28px;*/
 334  }
 335
 336  #view_settings_vehicle_MultiContourSeat_Adjust .control .minus .ico {
 337          top: 19px;
 338          left: 20px;
 339          position: absolute;
 340  }
 341  #view_settings_vehicle_MultiContourSeat_Adjust .control .plus .ico {
 342          top: 12px;
 343          left: 20px;
 344          position: absolute;
 345  }
 346
 347  #MultiContourSeat_customMassage .control .minus .ico  {
 348          /*top: 13px;*/
 349  }
 350
 351   #MultiContourSeat_customMassage .control .plus .ico  {
 352          /*top: 6px;;*/
 353  }
 354
 355
 356  #view_settings_vehicle_MultiContourSeat_Adjust .control-1 {
 357          top: 1px;
 358          left: 155px;
 359
 360  }
 361  #view_settings_vehicle_MultiContourSeat_Adjust .control-2 {
 362          top: 60px;
 363          left: 155px;
 364
 365  }
 366  #view_settings_vehicle_MultiContourSeat_Adjust .control-3 {
 367          top: 119px;
 368          left: 155px;
 369
 370  }
 371  #view_settings_vehicle_MultiContourSeat_Adjust .control-4 {
 372          top: 177px;
 373          left: 155px;
 374
 375  }
 376  #view_settings_vehicle_MultiContourSeat_Adjust .control-5 {
 377          top: 235px;
 378          left: 154px;
 379  }
 380
 381  #view_settings_vehicle_MultiContourSeat_Adjust .led-1 {
 382         left: 60px;
 383  }
 384  #view_settings_vehicle_MultiContourSeat_Adjust .led-2 {
 385          left: 71px;
 386  }
 387  #view_settings_vehicle_MultiContourSeat_Adjust .led-3 {
 388          left: 82px;
 389  }
 390  #view_settings_vehicle_MultiContourSeat_Adjust .led-4 {
 391          left: 93px;
 392  }
 393  #view_settings_vehicle_MultiContourSeat_Adjust .led-5 {
 394          left: 104px;
 395  }
 396  #view_settings_vehicle_MultiContourSeat_Adjust .led-6 {
 397          left: 115px;
 398  }
 399  #view_settings_vehicle_MultiContourSeat_Adjust .led-7 {
 400          left: 126px;
 401  }
 402  #view_settings_vehicle_MultiContourSeat_Adjust .led-8 {
 403          left: 137px;
 404  }
 405  #view_settings_vehicle_MultiContourSeat_Adjust .led-9 {
 406          left: 148px;
 407  }
 408  #view_settings_vehicle_MultiContourSeat_Adjust .led-10 {
 409          left: 159px;
 410  }
 411
 412  #view_settings_vehicle_MultiContourSeat_Adjust .seats-message-actions {
 413          width: 238px;
 414          height: 48px;
 415          border: 1px solid #393939;
 416          -webkit-border-radius: 3px;
 417          -moz-border-radius: 3px;
 418          border-radius: 3px;
 419          left: 154px;
 420  }
 421  #view_settings_vehicle_MultiContourSeat_Adjust .seats-message-actions-1 {
 422          top: 0;
 423  }
 424  #view_settings_vehicle_MultiContourSeat_Adjust .seats-message-actions-2 {
 425          top: 60px;
 426  }
 427  #view_settings_vehicle_MultiContourSeat_Adjust .quality {
 428          width: 79px;
 429          height: 48px;
 430          background: url(../images/common/btn-48h.png);
 431          font-size: 20px;
 432          text-align: center;
 433          line-height: 48px;
 434          cursor: pointer;
 435  }
 436  #view_settings_vehicle_MultiContourSeat_Adjust .delim {
 437          width: 4px;
 438          height: 48px;
 439          background: url(../images/common/delim.png) no-repeat;
 440          z-index: 100;
 441  }
 442  #view_settings_vehicle_MultiContourSeat_Adjust .active.quality {
 443          background: url(../images/common/btn-48h-active-gray.png) !important;
 444  }
 445  #view_settings_vehicle_MultiContourSeat_Adjust .delim-0 {
 446          left: 76px;
 447  }
 448  #view_settings_vehicle_MultiContourSeat_Adjust .delim-1 {
 449          left: 158px;
 450  }
 451  #view_settings_vehicle_MultiContourSeat_Adjust .button0 {
 452         left: 0;
 453  }
 454  #view_settings_vehicle_MultiContourSeat_Adjust .button1 {
 455          left: 80px;
 456  }
 457  #view_settings_vehicle_MultiContourSeat_Adjust .button2 {
 458          left: 159px;
 459  }
 460
 461 #MultiContourSeatContainer .indButtonMCS {
 462         width: 84px;
 463         height: 49px;
 464         cursor: pointer;
 465 }
 466
 467 #MultiContourSeatContainer .indButtonMCS .ico {
 468         top: 1px;
 469         left: 26px;
 470         position: absolute;
 471 }
 472
 473 #MultiContourSeatContainer .indButtonMCS div {
 474         width:22px;
 475         height:17px;
 476         top: 35px;
 477         left: 25px;
 478         position: relative;
 479         float: left;
 480         margin-left: -9px;
 481 }
 482
 483 #MultiContourSeatContainer .indButtonMCS div.small_ind_def {
 484         background: url(../images/climate/small_ind_def.png) no-repeat;
 485 }
 486
 487 #MultiContourSeatContainer .indButtonMCS div.small_ind_active {
 488         background:url(../images/climate/small_ind_active.png) no-repeat;
 489 }
 490
 491 #MultiContourSeatContainer .indButtonMCS.notpressed {
 492         background: url(../images/common/btn-48h.png);
 493         background-size: contain;
 494         border-radius: 3px;
 495         border: 1px solid #393939;
 496 }
 497
 498 #MultiContourSeatContainer .indButtonMCS.pressed {
 499         background:url(../images/climate/left_person_control/rb_bg_pressed.png) no-repeat;
 500 }
 501
 502
 503  /* BEGIN concept 1.1 */
 504
 505 #view_settings_vehicle_MultiContourSeat_Adjust #seatsMassageView1 .seats-message-actions {
 506         left: 186px;
 507 }
 508 #view_settings_vehicle_MultiContourSeat_Adjust #seatsMassageView1 .massageTop1{
 509         width: 18px;
 510         height: 27px;
 511         left: 150px;
 512         background-image: url(../images/settings/massageTop.png) !important;
 513         background-repeat: no-repeat;
 514         top: 8px;
 515 }
 516 #view_settings_vehicle_MultiContourSeat_Adjust #seatsMassageView1 .massageTop2{
 517         width: 30px;
 518         height: 27px;
 519         left: 150px;
 520         background-image: url(../images/settings/massageBottom.png) !important;
 521         background-repeat: no-repeat;
 522         top: 52px;
 523 }
 524 #view_settings_vehicle_MultiContourSeat_Adjust #seatsMassageView1 .massageTop3{
 525         width: 30px;
 526         height: 27px;
 527         left: 143px;
 528         background-image: url(../images/settings/massageVertical.png) !important;
 529         background-repeat: no-repeat;
 530         top: 96px;
 531 }
 532 #view_settings_vehicle_MultiContourSeat_Adjust #seatsMassageView1 .dividerBlocks{
 533         width: 292px;
 534         height: 0px;
 535         border: 1px solid #525252;
 536         left: 154px;
 537         top: 139px;
 538 }
 539 #view_settings_vehicle_MultiContourSeat_Adjust #seatsMassageView1 .massageBottom1{
 540         width: 29px;
 541         height: 21px;
 542         left: 143px;
 543         background-image: url(../images/settings/MassageCircle.png) !important;
 544         background-repeat: no-repeat;
 545         top: 162px;
 546 }
 547 #view_settings_vehicle_MultiContourSeat_Adjust #seatsMassageView1 .massageBottom2{
 548         width: 29px;
 549         height: 30px;
 550         left: 144px;
 551         background-image: url(../images/settings/massageRound.png) !important;
 552         background-repeat: no-repeat;
 553         top: 200px;
 554 }
 555 #view_settings_vehicle_MultiContourSeat_Adjust #seatsMassageView1 .massageBottom3{
 556         width: 27px;
 557         height: 30px;
 558         left: 144px;
 559         background-image: url(../images/settings/massageHorisontal.png) !important;
 560         background-repeat: no-repeat;
 561         top: 245px;
 562 }
 563 #view_settings_vehicle_MultiContourSeat_Adjust #seatsMassageView1 .seats-message-1{
 564         top: 46px;
 565         left: 428px;
 566 }
 567 #view_settings_vehicle_MultiContourSeat_Adjust #seatsMassageView1 .seats-message-2{
 568         top: 196px;
 569         left: 428px;
 570 }
 571 #view_settings_vehicle_MultiContourSeat_Adjust #seatsMassageView1 .quality {
 572         width: 56px;
 573         height: 38px;
 574         line-height: 38px;
 575 }
 576 #view_settings_vehicle_MultiContourSeat_Adjust #seatsMassageView1 .seats-message-actions{
 577         width: 224px;
 578         height: 38px;
 579 }
 580 #view_settings_vehicle_MultiContourSeat_Adjust #seatsMassageView1 .seats-message-actions-top2 {
 581         top: 45px;
 582 }
 583 #view_settings_vehicle_MultiContourSeat_Adjust #seatsMassageView1 .seats-message-actions-top3 {
 584         top: 90px;
 585 }
 586 #view_settings_vehicle_MultiContourSeat_Adjust #seatsMassageView1 .seats-message-actions-bottom1{
 587         top: 150px;
 588 }
 589 #view_settings_vehicle_MultiContourSeat_Adjust #seatsMassageView1 .seats-message-actions-bottom2{
 590         top: 195px;
 591 }
 592 #view_settings_vehicle_MultiContourSeat_Adjust #seatsMassageView1 .seats-message-actions-bottom3{
 593         top: 240px;
 594 }
 595 #view_settings_vehicle_MultiContourSeat_Adjust #seatsMassageView1 .delim {
 596         height: 38px;
 597 }
 598 #view_settings_vehicle_MultiContourSeat_Adjust #seatsMassageView1 .delim-0 {
 599         left: 54px;
 600 }
 601 #view_settings_vehicle_MultiContourSeat_Adjust #seatsMassageView1 .delim-1 {
 602         left: 110px;
 603 }
 604 #view_settings_vehicle_MultiContourSeat_Adjust #seatsMassageView1 .delim-2 {
 605         left: 166px;
 606 }
 607 #view_settings_vehicle_MultiContourSeat_Adjust #seatsMassageView1 .button0 {
 608         left: 0;
 609 }
 610 #view_settings_vehicle_MultiContourSeat_Adjust #seatsMassageView1 .button1 {
 611         left: 56px;
 612 }
 613 #view_settings_vehicle_MultiContourSeat_Adjust #seatsMassageView1 .button2 {
 614         left: 112px;
 615 }
 616 #view_settings_vehicle_MultiContourSeat_Adjust #seatsMassageView1 .button3 {
 617         left: 168px;
 618 }
 619  /* END concept 1.1 */
 620
 621
 622  /* BEGIN concept 1.2 */
 623
 624 #view_settings_vehicle_MultiContourSeat_Adjust #seatsMassageView2 .seats-message-actions {
 625         left: 154px;
 626 }
 627 #view_settings_vehicle_MultiContourSeat_Adjust #seatsMassageView2 .seats-message-1{
 628         top: 35px;
 629 }
 630 #view_settings_vehicle_MultiContourSeat_Adjust #seatsMassageView2 .seats-message-2{
 631         top: 203px;
 632 }
 633 #view_settings_vehicle_MultiContourSeat_Adjust #seatsMassageView2 .quality {
 634         width: 56px;
 635 }
 636 #view_settings_vehicle_MultiContourSeat_Adjust #seatsMassageView2 .quality  img{
 637         margin-top: 10px;
 638 }
 639 #view_settings_vehicle_MultiContourSeat_Adjust #seatsMassageView2 .seats-message-actions{
 640         width: 224px;
 641 }
 642 #view_settings_vehicle_MultiContourSeat_Adjust #seatsMassageView2 .seats-message-actions-top2 {
 643         top: 60px;
 644         left: 210px;
 645         width: 168px;
 646 }
 647 #view_settings_vehicle_MultiContourSeat_Adjust #seatsMassageView2 .seats-message-actions-bottom1{
 648         top: 170px;
 649 }
 650 #view_settings_vehicle_MultiContourSeat_Adjust #seatsMassageView2 .seats-message-actions-bottom2{
 651         top: 230px;
 652         left: 210px;
 653         width: 168px;
 654 }
 655 #view_settings_vehicle_MultiContourSeat_Adjust #seatsMassageView2 .delim-0 {
 656         left: 54px;
 657 }
 658 #view_settings_vehicle_MultiContourSeat_Adjust #seatsMassageView2 .delim-1 {
 659         left: 110px;
 660 }
 661 #view_settings_vehicle_MultiContourSeat_Adjust #seatsMassageView2 .delim-2 {
 662         left: 166px;
 663 }
 664 #view_settings_vehicle_MultiContourSeat_Adjust #seatsMassageView2 .button0 {
 665         left: 0;
 666 }
 667 #view_settings_vehicle_MultiContourSeat_Adjust #seatsMassageView2 .button1 {
 668         left: 56px;
 669 }
 670 #view_settings_vehicle_MultiContourSeat_Adjust #seatsMassageView2 .button2 {
 671         left: 112px;
 672 }
 673 #view_settings_vehicle_MultiContourSeat_Adjust #seatsMassageView2 .button3 {
 674         left: 168px;
 675 }
 676  /* END concept 1.2 */
 677
 678  /* BEGIN concept 1.3 */
 679
 680 #view_settings_vehicle_MultiContourSeat_Adjust #seatsMassageView1_3 .indButtonMCS div.small_ind_active{
 681         background: url(../images/climate/small_ind_green.png) no-repeat;
 682 }
 683 #view_settings_vehicle_MultiContourSeat_Adjust #seatsMassageView1_3 .patternTextIndicator{
 684         top: -29px;
 685         width: 80px;
 686         text-align: center;
 687         font-size: 18px;
 688 }
 689 #view_settings_vehicle_MultiContourSeat_Adjust #seatsMassageView1_3 .patternTextTop{
 690         left: 280px;
 691         width: 150px;
 692         text-align: center;
 693         font-size: 18px;
 694         top: 30px;
 695 }
 696 #view_settings_vehicle_MultiContourSeat_Adjust #seatsMassageView1_3 .patternTextBottom{
 697         left: 280px;
 698         width: 150px;
 699         text-align: center;
 700         font-size: 18px;
 701         top: 140px;
 702 }
 703 #view_settings_vehicle_MultiContourSeat_Adjust #seatsMassageView1_3 .seats-message-actions {
 704         left: 154px;
 705 }
 706 #view_settings_vehicle_MultiContourSeat_Adjust #seatsMassageView1_3 .seats-message-1{
 707         top: 35px;
 708 }
 709 #view_settings_vehicle_MultiContourSeat_Adjust #seatsMassageView1_3 .seats-message-2{
 710         top: 203px;
 711 }
 712 #view_settings_vehicle_MultiContourSeat_Adjust #seatsMassageView1_3 .quality {
 713         width: 56px;
 714 }
 715 #view_settings_vehicle_MultiContourSeat_Adjust #seatsMassageView1_3  .quality  img{
 716         margin-top: 10px;
 717 }
 718 #view_settings_vehicle_MultiContourSeat_Adjust #seatsMassageView1_3 .seats-message-actions{
 719         width: 224px;
 720 }
 721 #view_settings_vehicle_MultiContourSeat_Adjust #seatsMassageView1_3 .seats-message-actions-top1 {
 722         left: 159px;
 723         top: 60px;
 724         width: 78px;
 725         height: 20px;
 726 }
 727 #view_settings_vehicle_MultiContourSeat_Adjust #seatsMassageView1_3 .seats-message-actions-top2 {
 728         left: 270px;
 729         top: 60px;
 730         width: 168px;
 731 }
 732 #view_settings_vehicle_MultiContourSeat_Adjust #seatsMassageView1_3 .seats-message-actions-bottom1{
 733         top: 170px;
 734         left: 159px;
 735 }
 736 #view_settings_vehicle_MultiContourSeat_Adjust #seatsMassageView1_3 .seats-message-actions-bottom2{
 737         top: 170px;
 738         left: 270px;
 739         width: 168px;
 740 }
 741 #view_settings_vehicle_MultiContourSeat_Adjust #seatsMassageView1_3 .delim-0 {
 742         left: 54px;
 743 }
 744 #view_settings_vehicle_MultiContourSeat_Adjust #seatsMassageView1_3 .delim-1 {
 745         left: 110px;
 746 }
 747 #view_settings_vehicle_MultiContourSeat_Adjust #seatsMassageView1_3 .delim-2 {
 748         left: 166px;
 749 }
 750 #view_settings_vehicle_MultiContourSeat_Adjust #seatsMassageView1_3 .button0 {
 751         left: 0;
 752 }
 753 #view_settings_vehicle_MultiContourSeat_Adjust #seatsMassageView1_3 .button1 {
 754         left: 56px;
 755 }
 756 #view_settings_vehicle_MultiContourSeat_Adjust #seatsMassageView1_3 .button2 {
 757         left: 112px;
 758 }
 759 #view_settings_vehicle_MultiContourSeat_Adjust #seatsMassageView1_3 .button3 {
 760         left: 168px;
 761 }
 762  /* END concept 1.3 */
 763
 764  /* BEGIN concept 1.4 */
 765 #view_settings_vehicle_MultiContourSeat_Adjust #seatsMassageView1_4 .patternText1{
 766         width: 78px;
 767         height: 20px;
 768         top: 65px;
 769         left: 270px;
 770         text-align: center;
 771 }
 772 #view_settings_vehicle_MultiContourSeat_Adjust #seatsMassageView1_4 .pattern1{
 773         background-image: url('../images/settings/massageTop.png');
 774         background-repeat: no-repeat;
 775         background-position: 53px 0px;
 776         background-size: contain;
 777         width: 83px;
 778         height: 20px;
 779         top: 65px;
 780         left: 209px;
 781         text-align: left;
 782 }
 783 #view_settings_vehicle_MultiContourSeat_Adjust #seatsMassageView1_4 .pattern2{
 784         background-image: url('../images/settings/massageBottom.png');
 785         background-repeat: no-repeat;
 786         background-position: 53px 0px;
 787         background-size: contain;
 788         width: 83px;
 789         height: 20px;
 790         top: 65px;
 791         left: 209px;
 792         text-align: left;
 793 }
 794 #view_settings_vehicle_MultiContourSeat_Adjust #seatsMassageView1_4 .pattern3{
 795         background-image: url('../images/settings/massageVertical.png');
 796         background-repeat: no-repeat;
 797         background-position: 52px 0px;
 798         background-size: contain;
 799         width: 83px;
 800         height: 20px;
 801         top: 65px;
 802         left: 202px;
 803         text-align: left;
 804 }
 805 #view_settings_vehicle_MultiContourSeat_Adjust #seatsMassageView1_4 .patternbottom1{
 806         background-image: url('../images/settings/massageCircle.png');
 807         background-repeat: no-repeat;
 808         background-position: 53px 0px;
 809         background-size: contain;
 810         width: 83px;
 811         height: 20px;
 812         top: 165px;
 813         left: 196px;
 814         text-align: left;
 815 }
 816 #view_settings_vehicle_MultiContourSeat_Adjust #seatsMassageView1_4 .patternbottom2{
 817         background-image: url('../images/settings/massageRound.png');
 818         background-repeat: no-repeat;
 819         background-position: 55px 0px;
 820         background-size: contain;
 821         width: 83px;
 822         height: 20px;
 823         top: 165px;
 824         left: 196px;
 825         text-align: left;
 826 }
 827 #view_settings_vehicle_MultiContourSeat_Adjust #seatsMassageView1_4 .patternbottom3{
 828         background-image: url('../images/settings/massageHorisontal.png');
 829         background-repeat: no-repeat;
 830         background-position: 55px 0px;
 831         background-size: contain;
 832         width: 83px;
 833         height: 20px;
 834         top: 165px;
 835         left: 202px;
 836         text-align: left;
 837 }
 838 #seatsMassageView1_4  .seatsMassageView1_4_seatLabel{
 839         top: 172px;
 840         left: 45px;
 841         font-size: 24px;
 842         width: 199px;
 843         text-align: center;
 844 }
 845 #view_settings_vehicle_MultiContourSeat_Adjust #seatsMassageView1_4 .seats-message-2 {
 846         top: 105px;
 847 }
 848 #view_settings_vehicle_MultiContourSeat_Adjust #seatsMassageView1_4 .patternText2{
 849         width: 78px;
 850         height: 20px;
 851         top: 165px;
 852         left: 271px;
 853         text-align: center;
 854 }
 855 #view_settings_vehicle_MultiContourSeat_Adjust #seatsMassageView1_4 .labelTitle {
 856         width: 600px;
 857         text-align: left;
 858         height: 30px;
 859         line-height: 30px;
 860         font-size: 26px;
 861         left: 74px;
 862 }
 863 #view_settings_vehicle_MultiContourSeat_Adjust #seatsMassageView1_4 .concept1_5Settings {
 864         top: 200px;
 865         left: 197px;
 866         width: 138px;
 867 }
 868 #view_settings_vehicle_MultiContourSeat_Adjust #seatsMassageView1_4 .concept1_5Settings  span{
 869         float: left;
 870 }
 871 #view_settings_vehicle_MultiContourSeat_Adjust #seatsMassageView1_4 .concept1_5Settings  .ico{
 872         float: left;
 873 }
 874 #view_settings_vehicle_MultiContourSeat_Adjust #seatsMassageView1_4 .concept1_5Massage {
 875         text-align: center;
 876         height: 48px;
 877         line-height: 48px;
 878 }
 879 #view_settings_vehicle_MultiContourSeat_Adjust #seatsMassageView1_4 .concept1_5Massage.button0{
 880         top: 70px;
 881         left: 45px;
 882         width: 200px;
 883 }
 884 #view_settings_vehicle_MultiContourSeat_Adjust #seatsMassageView1_4 .concept1_5Massage.button1{
 885         top: 130px;
 886         left: 45px;
 887         width: 200px;
 888 }
 889 #view_settings_vehicle_MultiContourSeat_Adjust #seatsMassageView1_4 .concept1_5Massage.button2 {
 890         top: 190px;
 891         left: 45px;
 892         width: 200px;
 893 }
 894 #view_settings_vehicle_MultiContourSeat_Adjust #seatsMassageView1_4 .concept1_5Back {
 895         top: 280px;
 896         left: 45px;
 897         width: 200px;
 898 }
 899 #view_settings_vehicle_MultiContourSeat_Adjust #seatsMassageView1_4 .concept1_5SettingsScreen {
 900         top: -60px;
 901         left: -112px;
 902         width: 800px;
 903         height: 345px;
 904         background: black;
 905         z-index: 100;
 906 }
 907 #view_settings_vehicle_MultiContourSeat_Adjust #seatsMassageView1_4 .btn-48 {
 908         line-height: 48px;
 909         text-align: center;
 910 }
 911 #view_settings_vehicle_MultiContourSeat_Adjust #seatsMassageView1_4 .show{
 912         visibility: visible !important;
 913 }
 914 #view_settings_vehicle_MultiContourSeat_Adjust #seatsMassageView1_4 .hide{
 915         visibility: hidden;
 916 }
 917
 918 #view_settings_vehicle_MultiContourSeat_Adjust #seatsMassageView1_4 .quality {
 919         width: 56px;
 920 }
 921 #view_settings_vehicle_MultiContourSeat_Adjust #seatsMassageView1_4  .quality  img{
 922         margin-top: 10px;
 923 }
 924 #view_settings_vehicle_MultiContourSeat_Adjust #seatsMassageView1_4 .seats-message-actions-top {
 925         left: 355px;
 926         top: 120px;
 927         width: 168px !important;
 928 }
 929 #view_settings_vehicle_MultiContourSeat_Adjust #seatsMassageView1_4 .seats-message-actions-bottom{
 930         left: 355px;
 931         top: 210px;
 932         width: 168px !important;
 933 }
 934 #view_settings_vehicle_MultiContourSeat_Adjust #seatsMassageView1_4 .seats-message-actions{
 935         width: 224px;
 936 }
 937 #view_settings_vehicle_MultiContourSeat_Adjust #seatsMassageView1_4 .seats-message-actions-2 {
 938         top: 100px;
 939 }
 940 #view_settings_vehicle_MultiContourSeat_Adjust #seatsMassageView1_4 .delim-0 {
 941         left: 54px;
 942 }
 943 #view_settings_vehicle_MultiContourSeat_Adjust #seatsMassageView1_4 .delim-1 {
 944         left: 110px;
 945 }
 946 #view_settings_vehicle_MultiContourSeat_Adjust #seatsMassageView1_4 .delim-2 {
 947         left: 166px;
 948 }
 949 #view_settings_vehicle_MultiContourSeat_Adjust #seatsMassageView1_4 .button0 {
 950         left: 0;
 951 }
 952 #view_settings_vehicle_MultiContourSeat_Adjust #seatsMassageView1_4 .button1 {
 953         left: 56px;
 954 }
 955 #view_settings_vehicle_MultiContourSeat_Adjust #seatsMassageView1_4 .button2 {
 956         left: 112px;
 957 }
 958 #view_settings_vehicle_MultiContourSeat_Adjust #seatsMassageView1_4 .button3 {
 959         left: 168px;
 960 }
 961 #view_settings_vehicle_MultiContourSeat_Adjust #seatsMassageView1_4 #alternatingMassage .seats-message-1 {
 962         width: 32px;
 963         height: 38px;
 964         top: 126px;
 965         background: url(../images/settings/seats-message.png) no-repeat;
 966         left: 285px;
 967 }
 968 #view_settings_vehicle_MultiContourSeat_Adjust #seatsMassageView1_4 #alternatingMassage .seats-message-2 {
 969         width: 32px;
 970         height: 38px;
 971         top: 216px;
 972         left: 285px;
 973         background: url(../images/settings/seats-message.png) no-repeat 0 -61px;
 974 }
 975  /* END concept 1.4 */
 976
 977  /* BEGIN concept 1.5 */
 978 #seatsMassageView1_5  .seatsMassageView1_5_seatLabel{
 979         top: 160px;
 980         left: 0px;
 981         font-size: 24px;
 982         width: 199px;
 983         text-align: center;
 984 }
 985 #view_settings_vehicle_MultiContourSeat_Adjust #seatsMassageView1_5 .labelTitle {
 986         width: 600px;
 987         text-align: left;
 988         height: 30px;
 989         line-height: 30px;
 990         font-size: 26px;
 991         left: 74px;
 992 }
 993 #view_settings_vehicle_MultiContourSeat_Adjust #seatsMassageView1_5 .labelText {
 994         top: 97px;
 995         width: 672px;
 996         text-align: center;
 997         left: 140px;
 998 }
 999 #view_settings_vehicle_MultiContourSeat_Adjust #seatsMassageView1_5 .concept1_5Settings {
1000         top: 120px;
1001         left: 205px;
1002         width: 138px;
1003 }
1004 #view_settings_vehicle_MultiContourSeat_Adjust #seatsMassageView1_5 .concept1_5Settings  span{
1005         float: left;
1006 }
1007 #view_settings_vehicle_MultiContourSeat_Adjust #seatsMassageView1_5 .concept1_5Settings  .ico{
1008         float: left;
1009 }
1010 #view_settings_vehicle_MultiContourSeat_Adjust #seatsMassageView1_5 .concept1_5Massage {
1011         text-align: center;
1012         height: 48px;
1013         line-height: 48px;
1014 }
1015 #view_settings_vehicle_MultiContourSeat_Adjust #seatsMassageView1_5 .concept1_5Massage.button0{
1016         top: 147px;
1017         left: 240px;
1018         width: 150px;
1019 }
1020 #view_settings_vehicle_MultiContourSeat_Adjust #seatsMassageView1_5 .concept1_5Massage.button1{
1021         top: 147px;
1022         left: 400px;
1023         width: 150px;
1024 }
1025 #view_settings_vehicle_MultiContourSeat_Adjust #seatsMassageView1_5 .concept1_5Massage.button2 {
1026         top: 147px;
1027         left: 560px;
1028         width: 150px;
1029 }
1030 #view_settings_vehicle_MultiContourSeat_Adjust #seatsMassageView1_5 .concept1_5Back {
1031         top: 280px;
1032         left: 45px;
1033         width: 200px;
1034 }
1035 #view_settings_vehicle_MultiContourSeat_Adjust #seatsMassageView1_5 .concept1_5SettingsScreen {
1036         top: -60px;
1037         left: -112px;
1038         width: 800px;
1039         height: 345px;
1040         background: black;
1041         z-index: 100;
1042 }
1043
1044 #view_settings_vehicle_MultiContourSeat_Adjust #seatsMassageView5_1 .concept1_5Settings .ico {
1045         float: left;
1046 }
1047 #view_settings_vehicle_MultiContourSeat_Adjust #seatsMassageView1_5 .btn-48 {
1048         line-height: 48px;
1049         text-align: center;
1050 }
1051 #view_settings_vehicle_MultiContourSeat_Adjust #seatsMassageView1_5 .show{
1052         visibility: visible !important;
1053 }
1054 #view_settings_vehicle_MultiContourSeat_Adjust #seatsMassageView1_5 .hide{
1055         visibility: hidden;
1056 }
1057  /* END concept 1.5 */
1058
1059  /* BEGIN HMI concept 2.1 */
1060 #seatsMassageView2_1  .seatsMassageView2_1_seatLabel{
1061         top: 160px;
1062         left: 0px;
1063         font-size: 24px;
1064         width: 199px;
1065         text-align: center;
1066 }
1067 #seatsMassageView2_1  .MultiContourSeat_customMassage_caption {
1068         width: 600px;
1069         height: 28px;
1070         line-height: 29px;
1071         left: 74px;
1072         font-size: 26px;
1073 }
1074 #seatsMassageView2_1  .control{
1075         width: 237px;
1076 }
1077 #view_settings_vehicle_MultiContourSeat_Adjust #seatsMassageView2_1 .quality {
1078         width: 50px;
1079 }
1080
1081 #view_settings_vehicle_MultiContourSeat_Adjust #seatsMassageView2_1 .seats-message-actions {
1082         width: 250px;
1083 }
1084
1085 #view_settings_vehicle_MultiContourSeat_Adjust #seatsMassageView2_1 .delim-0 {
1086         left: 48px;
1087 }
1088 #view_settings_vehicle_MultiContourSeat_Adjust #seatsMassageView2_1 .delim-1 {
1089         left: 98px;
1090 }
1091 #view_settings_vehicle_MultiContourSeat_Adjust #seatsMassageView2_1 .delim-2 {
1092         left: 148px;
1093 }
1094 #view_settings_vehicle_MultiContourSeat_Adjust #seatsMassageView2_1 .button0 {
1095         left: 0;
1096 }
1097 #view_settings_vehicle_MultiContourSeat_Adjust #seatsMassageView2_1 .button1 {
1098         left: 50px;
1099 }
1100 #view_settings_vehicle_MultiContourSeat_Adjust #seatsMassageView2_1 .button2 {
1101         left: 100px;
1102 }
1103 #view_settings_vehicle_MultiContourSeat_Adjust #seatsMassageView2_1 .button3 {
1104         left: 150px;
1105         width: 100px;
1106 }
1107
1108 #seatsMassageView2_1_settingsButton {
1109         width: 210px;
1110         left: 175px;
1111         top: 130px;
1112         line-height: 49px;
1113 }
1114
1115 #seatsMassageView2_1_settingsButton .ico {
1116         float: left;
1117 }
1118
1119 #view_settings_vehicle_MultiContourSeat_Adjust #seatsMassageView2_1 .control-11 {
1120         top: 60px;
1121         left: 370px;
1122 }
1123
1124 #view_settings_vehicle_MultiContourSeat_Adjust #seatsMassageView2_1 .control-12 {
1125         top: 105px;
1126         left: 370px;
1127 }
1128
1129 #view_settings_vehicle_MultiContourSeat_Adjust #seatsMassageView2_1 .control-13 {
1130         top: 150px;
1131         left: 370px;
1132 }
1133
1134 #view_settings_vehicle_MultiContourSeat_Adjust #seatsMassageView2_1 .control-14 {
1135         top: 210px;
1136         left: 370px;
1137 }
1138
1139 #view_settings_vehicle_MultiContourSeat_Adjust #seatsMassageView2_1 .control-15 {
1140         top: 255px;
1141         left: 370px;
1142 }
1143
1144 #seatsMassageView2_1 #MultiContourSeat_customMassage .seats-message-1 {
1145         left: 150px;
1146         top: 107px;
1147 }
1148
1149 #seatsMassageView2_1 #MultiContourSeat_customMassage .seats-message-2 {
1150         left: 150px;
1151         top: 234px;
1152 }
1153
1154 #seatsMassageView2_1_upperLabel {
1155         top: 73px;
1156         left: 645px;
1157 }
1158
1159 #seatsMassageView2_1_middleLabel {
1160         top: 117px;
1161         left: 645px;
1162 }
1163
1164 #seatsMassageView2_1_lowerLabel {
1165         top: 162px;
1166         left: 645px;
1167 }
1168
1169 #seatsMassageView2_1_frontLabel {
1170         top: 223px;
1171         left: 645px;
1172 }
1173
1174 #seatsMassageView2_1_rearLabel {
1175         top: 266px;
1176         left: 645px;
1177 }
1178
1179 /* END HMI concept 2.1 */
1180
1181
1182 /* BEGIN HMI concept 2.2 */
1183 #seatsMassageView2_2 .MultiContourSeat_customMassage_previewButtonTop {
1184         top: 134px;
1185         left: 625px;
1186         width: 120px;
1187         text-align: center;
1188 }
1189 #seatsMassageView2_2 .MultiContourSeat_customMassage_previewButtonBottom {
1190         top: 282px;
1191         left: 625px;
1192         width: 120px;
1193         text-align: center;
1194 }
1195 #seatsMassageView2_2 .control{
1196         width: 240px;
1197         /*height: 28px;*/
1198 }
1199 #seatsMassageView2_2  .seatsMassageView2_2_seatLabel{
1200         top: 172px;
1201         left: 0px;
1202         font-size: 24px;
1203         width: 199px;
1204         text-align: center;
1205 }
1206 #view_settings_vehicle_MultiContourSeat_Adjust #seatsMassageView2_2 .quality {
1207         width: 100px;
1208 }
1209
1210 #view_settings_vehicle_MultiContourSeat_Adjust #seatsMassageView2_2 .seats-message-actions {
1211         width: 200px;
1212         left: 198px;
1213 }
1214
1215 #view_settings_vehicle_MultiContourSeat_Adjust #seatsMassageView2_2 .delim-0 {
1216         left: 98px;
1217 }
1218
1219 #view_settings_vehicle_MultiContourSeat_Adjust #seatsMassageView2_2 .button0 {
1220         left: 0;
1221 }
1222
1223 #view_settings_vehicle_MultiContourSeat_Adjust #seatsMassageView2_2 .button1 {
1224         left: 100px;
1225 }
1226
1227 #view_settings_vehicle_MultiContourSeat_Adjust #seatsMassageView2_2 .control-11 {
1228         top: 80px;
1229         left: 370px;
1230 }
1231
1232 #view_settings_vehicle_MultiContourSeat_Adjust #seatsMassageView2_2 .control-12 {
1233         top: 125px;
1234         left: 370px;
1235 }
1236
1237 #view_settings_vehicle_MultiContourSeat_Adjust #seatsMassageView2_2 .control-13 {
1238         top: 170px;
1239         left: 370px;
1240 }
1241
1242 #view_settings_vehicle_MultiContourSeat_Adjust #seatsMassageView2_2 .control-14 {
1243         top: 253px;
1244         left: 370px;
1245 }
1246
1247 #view_settings_vehicle_MultiContourSeat_Adjust #seatsMassageView2_2 .control-15 {
1248         top: 298px;
1249         left: 370px;
1250 }
1251
1252 #seatsMassageView2_2 #MultiContourSeat_customMassage .seats-message-1 {
1253         left: 230px;
1254         top: 128px;
1255 }
1256
1257 #seatsMassageView2_2 #MultiContourSeat_customMassage .seats-message-2 {
1258         left: 720px;
1259         top: 275px;
1260 }
1261
1262 #seatsMassageView2_2 #MultiContourSeat_customMassage .seats-message-actions-3 {
1263         top: 45px;
1264 }
1265
1266 #seatsMassageView2_2 #MultiContourSeat_customMassage .seats-message-actions-4 {
1267         top: 218px;
1268 }
1269
1270 #seatsMassageView2_2 #MultiContourSeat_customMassage .seats-message-actions {
1271         left: 358px;
1272         width: 265px;
1273         height: 28px;
1274 }
1275 #seatsMassageView2_2 #MultiContourSeat_customMassage .quality {
1276         width: 50px;
1277         height: 28px;
1278         line-height: 29px;
1279 }
1280 #seatsMassageView2_2 #MultiContourSeat_customMassage .delim {
1281         height: 28px;
1282 }
1283 #seatsMassageView2_2 #MultiContourSeat_customMassage .delim-0 {
1284         left: 48px;
1285 }
1286 #seatsMassageView2_2 #MultiContourSeat_customMassage .delim-1 {
1287         left: 98px;
1288 }
1289 #seatsMassageView2_2 #MultiContourSeat_customMassage .delim-2 {
1290         left: 148px;
1291 }
1292 #seatsMassageView2_2 #MultiContourSeat_customMassage .button0 {
1293         left: 0;
1294 }
1295 #seatsMassageView2_2 #MultiContourSeat_customMassage .button1 {
1296         left: 50px;
1297 }
1298 #seatsMassageView2_2 #MultiContourSeat_customMassage .button2 {
1299         left: 100px;
1300 }
1301 #seatsMassageView2_2 #MultiContourSeat_customMassage .button3 {
1302         left: 150px;
1303         width: 115px;
1304 }
1305 #seatsMassageView2_2_upperLabel {
1306         top: 93px;
1307         left: 645px;
1308 }
1309 #seatsMassageView2_2_middleLabel {
1310         top: 138px;
1311         left: 645px;
1312 }
1313 #seatsMassageView2_2_lowerLabel {
1314         top: 182px;
1315         left: 645px;
1316 }
1317 #seatsMassageView2_2_frontLabel {
1318         top: 266px;
1319         left: 645px;
1320 }
1321 #seatsMassageView2_2_rearLabel {
1322         top: 310px;
1323         left: 645px;
1324 }
1325
1326 #seatsMassageView2_2_settingsButton {
1327         width: 210px;
1328         left: 192px;
1329         top: 130px;
1330         line-height: 49px;
1331 }
1332
1333 #seatsMassageView2_2_settingsButton .ico {
1334         float: left;
1335 }
1336
1337 /* END HMI concept 2.2 */
1338
1339 /* BEGIN HMI concept 4.1 */
1340
1341 #seatsMassageView4_1  .seatsMassageView4_1_seatLabel{
1342         top: 172px;
1343         left: 45px;
1344         font-size: 24px;
1345         width: 199px;
1346         text-align: center;
1347 }
1348 #seatsMassageView4_1_settingsButton {
1349         width: 140px;
1350         left: 200px;
1351         top: 130px;
1352         line-height: 49px;
1353 }
1354 #seatsMassageView4_1_settingsButton .ico {
1355         float: left;
1356 }
1357 #seatsMassageView4_1 #MultiContourSeat_customMassage .seats-message-actions {
1358         left: 280px;
1359 }
1360
1361 #seatsMassageView4_1 #MultiContourSeat_customMassage .seats-message-actions-3 {
1362         top: 115px;
1363 }
1364
1365 #seatsMassageView4_1 #MultiContourSeat_customMassage .seats-message-actions-4 {
1366         top: 205px;
1367 }
1368 #seatsMassageView4_1 #MultiContourSeat_customMassage .seats-message-3 {
1369         right: 220px;
1370         top: 120px;
1371         width: 32px;
1372         height: 38px;
1373         background: url(../images/settings/seats-message.png) no-repeat;
1374 }
1375 #seatsMassageView4_1 #MultiContourSeat_customMassage .seats-message-4 {
1376         right: 220px;
1377         top: 210px;
1378         width: 32px;
1379         height: 38px;
1380         background: url(../images/settings/seats-message.png) no-repeat 0 -61px;
1381 }
1382 /* END HMI concept 4.1 */
1383
1384 /* BEGIN HMI concept 5.1 */
1385 #seatsMassageView5_1   .MultiContourSeat_customMassage_caption {
1386         width: 600px;
1387         height: 28px;
1388         line-height: 29px;
1389         left: 74px;
1390         font-size: 26px;
1391 }
1392 #seatsMassageView5_1  .seatsMassageView5_1_seatLabel{
1393         top: 187px;
1394         left: 0px;
1395         font-size: 24px;
1396         width: 140px;
1397         text-align: center;
1398 }
1399 #view_settings_vehicle_MultiContourSeat_Adjust #seatsMassageView5_1 #MultiContourSeat_customMassage_backButtonCenter{
1400         bottom: 0px;
1401 }
1402 #view_settings_vehicle_MultiContourSeat_Adjust #seatsMassageView5_1 .lableToggleButton {
1403         height: 48px;
1404         border: 1px solid gray;
1405 }
1406 #view_settings_vehicle_MultiContourSeat_Adjust #seatsMassageView5_1 .lableToggleButton .btn-48{
1407         height: 46px;
1408 }
1409 #view_settings_vehicle_MultiContourSeat_Adjust #seatsMassageView5_1 .lableToggleButton  .lableToggle{
1410         line-height: 30px;
1411         margin-left: 10px;
1412         margin-top: 10px;
1413 }
1414 #view_settings_vehicle_MultiContourSeat_Adjust #seatsMassageView5_1 .toogleButtonContainer {
1415         width: 100px;
1416         margin: 0px;
1417 }
1418 #view_settings_vehicle_MultiContourSeat_Adjust #seatsMassageView5_1 .toogleButtonContainer .toggles {
1419         position: absolute;
1420         float: left;
1421         width: 50px;
1422         height: 28px;
1423 }
1424 #view_settings_vehicle_MultiContourSeat_Adjust #seatsMassageView5_1 .seatsMassageView_settingsButton {
1425         width: 140px;
1426         left: 200px;
1427         top: 130px;
1428         line-height: 49px;
1429         text-align: left !important;
1430 }
1431 #view_settings_vehicle_MultiContourSeat_Adjust #seatsMassageView5_1 .seatsMassageView_settingsButton  span{
1432         position: absolute;
1433         line-height: 50px;
1434 }
1435 #view_settings_vehicle_MultiContourSeat_Adjust #seatsMassageView5_1 .toogleButtonContainer span{
1436         position: absolute;
1437         width: 50px;
1438         margin-top: 0px;
1439         text-align: center;
1440         line-height: 28px;
1441 }
1442 #view_settings_vehicle_MultiContourSeat_Adjust #seatsMassageView5_1 .seats-message-actions-3 {
1443         left: 247px;
1444         margin-top: 10px;
1445 }
1446 #view_settings_vehicle_MultiContourSeat_Adjust #seatsMassageView5_1 .concept1_5Settings {
1447         top: 200px;
1448         left: 197px;
1449         width: 138px;
1450 }
1451 #view_settings_vehicle_MultiContourSeat_Adjust #seatsMassageView5_1 .concept1_5Settings  span{
1452         float: left;
1453 }
1454 #view_settings_vehicle_MultiContourSeat_Adjust #seatsMassageView5_1 .concept1_5Settings  .ico{
1455         float: left;
1456 }
1457 #view_settings_vehicle_MultiContourSeat_Adjust #seatsMassageView5_1 .concept1_5Massage {
1458         text-align: center;
1459         height: 48px;
1460         line-height: 48px;
1461 }
1462 #seatsMassageView5_1  .MCSSettingslist{
1463         top: 76px;
1464         left: 139px;
1465         height: 251px;
1466 }
1467 #seatsMassageView5_1  .MCSSettingslist .list-content {
1468         width: 674px;
1469         border-right: none;
1470         border-top: none;
1471 }
1472 #seatsMassageView5_1  .MCSSettingslist .list-item:first-child,
1473 #seatsMassageView5_1  .MCSSettingslist .soundButton:first-child{
1474         border-top: 1px solid #393939;
1475         height: 48px;
1476 }
1477 #seatsMassageView5_1  .MCSSettingslist .list-item {
1478         position: relative;
1479         width: 577px;
1480         float: left;
1481         height: 49px;
1482         border-bottom: 1px solid #393939;
1483         border-right: 1px solid #393939;
1484         line-height: 50px;
1485 }
1486 #seatsMassageView5_1  .MCSSettingslist .list-item.soundButton {
1487         width: 48px;
1488         border-left: 1px solid #393939;
1489         margin-left: 10px;
1490 }
1491 #seatsMassageView5_1  .MCSSettingslist .list-item.soundButton .ico {
1492         border: none;
1493         margin-top: 12px;
1494         margin-right: 11px;
1495 }
1496 #seatsMassageView5_1  .MCSSettingslist .list-item.pressed {
1497         background: url(../images/phone/phone_button_bg_active.png) repeat-x !important;
1498 }
1499 #seatsMassageView5_1  .MCSSettingslist .list-item > span{
1500         margin-left: 13px;
1501 }
1502 #seatsMassageView5_1  .MCSSettingslist .list-item .ico {
1503         float: right;
1504         border: 1px solid #393939;
1505         border-radius: 2px;
1506         margin-top: 9px;
1507         margin-right: 9px;
1508 }
1509 #seatsMassageView5_1  .MCSSettingslist .list-item.big-ico img {
1510         float: right;
1511         border: none;
1512         margin-top: 4px;
1513         margin-right: 9px;
1514 }
1515 #seatsMassageView5_1  .MCSSettingslist .toggles,
1516 #seatsMassageView5_1  .MCSSettingslist .toggles span{
1517         width: 148px;
1518         text-align: center;
1519 }
1520 #view_settings_vehicle_MultiContourSeat_Adjust #seatsMassageView5_1 .MCSSettingslist .button1{
1521         left: 148px;
1522 }
1523 #view_settings_vehicle_MultiContourSeat_Adjust #seatsMassageView5_1 .MCSSettingslist .delim{
1524         height: 29px;
1525 }
1526 #view_settings_vehicle_MultiContourSeat_Adjust #seatsMassageView5_1 .MCSSettingslist .delim-0{
1527         left: 147px;
1528 }
1529 #view_settings_vehicle_MultiContourSeat_Adjust #seatsMassageView5_1 .toogleButtonContainer .button1{
1530         left: 50px;
1531 }
1532 #view_settings_vehicle_MultiContourSeat_Adjust #seatsMassageView5_1 .toogleButtonContainer .delim-0 {
1533         left: 48px;
1534 }
1535 #view_settings_vehicle_MultiContourSeat_Adjust #seatsMassageView5_1 .concept1_5Back {
1536         top: 280px;
1537         left: 45px;
1538         width: 200px;
1539 }
1540 #view_settings_vehicle_MultiContourSeat_Adjust #seatsMassageView5_1 .concept1_5SettingsScreen {
1541         top: -60px;
1542         left: 154px;
1543         width: 291px;
1544         height: 345px;
1545         background: black;
1546         z-index: 100;
1547 }
1548 #view_settings_vehicle_MultiContourSeat_Adjust #seatsMassageView5_1 .btn-48 {
1549         line-height: 48px;
1550         text-align: center;
1551 }
1552 #view_settings_vehicle_MultiContourSeat_Adjust #seatsMassageView5_1 .show{
1553         visibility: visible !important;
1554 }
1555 #view_settings_vehicle_MultiContourSeat_Adjust #seatsMassageView5_1 .hide{
1556         visibility: hidden;
1557 }
1558 /* END HMI concept 5.1 */
1559
1560 /* BEGIN HMI concept 5.2 */
1561 #seatsMassageView5_2_settingsButton {
1562         width: 140px;
1563         left: 200px;
1564         top: 130px;
1565         line-height: 49px;
1566 }
1567 #seatsMassageView5_2  .MultiContourSeat_customMassage_caption {
1568         width: 600px;
1569         height: 28px;
1570         line-height: 29px;
1571         left: 74px;
1572         font-size: 26px;
1573 }
1574 #seatsMassageView5_2  .seatsMassageView5_2_seatLabel{
1575         top: 160px;
1576         left: 0px;
1577         font-size: 24px;
1578         width: 199px;
1579         text-align: center;
1580 }
1581 #seatsMassageView5_2_settingsButton .ico {
1582         float: left;
1583 }
1584
1585 #seatsMassageView5_2 #MultiContourSeat_customMassage .seats-message-actions {
1586         left: 275px;
1587 }
1588
1589 #seatsMassageView5_2 #MultiContourSeat_customMassage .seats-message-actions-3 {
1590         top: 90px;
1591 }
1592
1593 #seatsMassageView5_2 #MultiContourSeat_customMassage .seats-message-actions-4 {
1594         top: 190px;
1595 }
1596
1597 #seatsMassageView5_2 #MultiContourSeat_customMassage .quality {
1598         width: 50px;
1599 }
1600
1601 #seatsMassageView5_2 #MultiContourSeat_customMassage .seats-message-actions {
1602         width: 250px;
1603 }
1604
1605 #MultiContourSeat_customMassage_5_2_topLabel {
1606         top: 65px;
1607         left: 275px;
1608         width: 250px;
1609         text-align: center;
1610 }
1611
1612 #MultiContourSeat_customMassage_5_2_bottomLabel {
1613         top: 165px;
1614         left: 275px;
1615         width: 250px;
1616         text-align: center;
1617 }
1618
1619 #seatsMassageView5_2 #MultiContourSeat_customMassage .delim-0 {
1620         left: 48px;
1621 }
1622 #seatsMassageView5_2 #MultiContourSeat_customMassage .delim-1 {
1623         left: 98px;
1624 }
1625 #seatsMassageView5_2 #MultiContourSeat_customMassage .delim-2 {
1626         left: 148px;
1627 }
1628 #seatsMassageView5_2 #MultiContourSeat_customMassage .delim-3 {
1629         left: 198px;
1630 }
1631 #seatsMassageView5_2 #MultiContourSeat_customMassage .button0 {
1632         left: 0;
1633 }
1634 #seatsMassageView5_2 #MultiContourSeat_customMassage .button1 {
1635         left: 50px;
1636 }
1637 #seatsMassageView5_2 #MultiContourSeat_customMassage .button2 {
1638         left: 100px;
1639 }
1640 #seatsMassageView5_2 #MultiContourSeat_customMassage .button3 {
1641         left: 150px;
1642 }
1643 #seatsMassageView5_2 #MultiContourSeat_customMassage .button4 {
1644         left: 200px;
1645 }
1646
1647 /* END HMI concept 5.2 */
1648
1649 /* BEGIN HMI concept 6.1 */
1650 #seatsMassageView6_1 #settingsScreen .seatsMassageView6_1_seatLabel{
1651         top: 13px;
1652         left: 600px;
1653         font-size: 24px;
1654         width: 199px;
1655         text-align: center;
1656 }
1657 #seatsMassageView6_1  .mySettingsPopUpTitle{
1658         width: 143px;
1659         height: 25px;
1660         position: absolute;
1661         top: 163px;
1662         left: 216px !important;
1663         background: gray;
1664         text-align: center;
1665         line-height: 25px;
1666         font-size: 16px !important;
1667         font-weight: bold;
1668 }
1669 #seatsMassageView6_1  .mySettingsLabel{
1670         z-index: 100;
1671         left: 102px;
1672 }
1673 #seatsMassageView6_1 .MultiContourSeat_customMassage .btn-28.active {
1674         background: url(../images/common/btn-48h-active-gray.png) repeat-x !important;
1675 }
1676 #seatsMassageView6_1 #settingsScreen .durationButtons .quality,
1677 #seatsMassageView6_1 #settingsScreen .pauseButtons .quality {
1678         width: 60px;
1679 }
1680 #seatsMassageView6_1 #settingsScreen .quality {
1681         height: 35px;
1682         width: 130px;
1683         border: 1px solid #393939;
1684         -webkit-border-radius: 3px;
1685         border-radius: 3px;
1686 }
1687 #seatsMassageView6_1 #settingsScreen .btn-28 {
1688         text-align: center;
1689         line-height: 34px;
1690 }
1691 #seatsMassageView6_1   .settingsScreen {
1692         width: 800px;
1693         height: 368px;
1694         top: -15px;
1695         background: black;
1696         visibility: hidden;
1697 }
1698 #seatsMassageView6_1   .settingsScreen2 {
1699         width: 800px;
1700         height: 368px;
1701         top: -15px;
1702         background: black;
1703         visibility: hidden;
1704 }
1705 #seatsMassageView6_1  #settingsScreen .seats-message-actions{
1706         height: 39px;
1707         border: none;
1708 }
1709
1710 #seatsMassageView6_1 #settingsScreen .button0 {
1711         left: 0;
1712 }
1713 #seatsMassageView6_1 #settingsScreen .button1 {
1714         left: 140px;
1715 }
1716 #seatsMassageView6_1 #settingsScreen .button2 {
1717         left: 280px;
1718 }
1719 #seatsMassageView6_1 #settingsScreen .button3 {
1720         left: 420px;
1721 }
1722
1723 #seatsMassageView6_1 #settingsScreen .durationButtons .button0,
1724 #seatsMassageView6_1 #settingsScreen .pauseButtons .button0{
1725         left: 0;
1726 }
1727 #seatsMassageView6_1 #settingsScreen .durationButtons .button1,
1728 #seatsMassageView6_1 #settingsScreen .pauseButtons .button1 {
1729         left: 70px;
1730 }
1731 #seatsMassageView6_1 #settingsScreen .durationButtons .button2,
1732 #seatsMassageView6_1 #settingsScreen .pauseButtons .button2 {
1733         left: 140px;
1734 }
1735 #seatsMassageView6_1 #settingsScreen .durationButtons .button3,
1736 #seatsMassageView6_1 #settingsScreen .pauseButtons .button3 {
1737         left: 210px;
1738 }
1739 #seatsMassageView6_1 #settingsScreen .durationButtons .button4,
1740 #seatsMassageView6_1 #settingsScreen .pauseButtons .button4 {
1741         left: 280px;
1742 }
1743
1744 #view_settings_vehicle_MultiContourSeat_Adjust #seatsMassageView6_1 .control-11 {
1745         top: 60px;
1746         left: 350px;
1747 }
1748
1749 #view_settings_vehicle_MultiContourSeat_Adjust #seatsMassageView6_1 .control-12 {
1750         top: 105px;
1751         left: 350px;
1752 }
1753
1754 #view_settings_vehicle_MultiContourSeat_Adjust #seatsMassageView6_1 .control-13 {
1755         top: 150px;
1756         left: 350px;
1757 }
1758
1759 #view_settings_vehicle_MultiContourSeat_Adjust #seatsMassageView6_1 .control-14 {
1760         top: 230px;
1761         left: 350px;
1762 }
1763
1764 #view_settings_vehicle_MultiContourSeat_Adjust #seatsMassageView6_1 .control-15 {
1765         top: 275px;
1766         left: 350px;
1767 }
1768 #seatsMassageView6_1 #settingsScreen2 .seats-message-1 {
1769         left: 280px;
1770         top: 110px;
1771 }
1772 #seatsMassageView6_1 #settingsScreen2  .seats-message-2 {
1773         left: 280px;
1774         top: 252px;
1775 }
1776 #seatsMassageView6_1  .seatsMassageView6_1_seatLabel{
1777         top: 172px;
1778         left: 45px;
1779         font-size: 24px;
1780         width: 199px;
1781         text-align: center;
1782 }
1783 #seatsMassageView6_1  .MultiContourSeat_customMassage_caption {
1784         width: 600px;
1785         height: 28px;
1786         line-height: 29px;
1787         left: 74px;
1788         font-size: 26px;
1789 }
1790 #seatsMassageView6_1 .seatsMassageView6_1_upperLabel {
1791         top: 73px;
1792         left: 615px !important;
1793         font-size: 18px !important;
1794 }
1795 #seatsMassageView6_1 .seatsMassageView6_1_middleLabel {
1796         top: 118px;
1797         left: 615px !important;
1798         font-size: 18px !important;
1799 }
1800
1801 #seatsMassageView6_1 .seatsMassageView6_1_lowerLabel {
1802         top: 163px;
1803         left: 615px !important;
1804         font-size: 18px !important;
1805 }
1806
1807 #seatsMassageView6_1 .seatsMassageView6_1_frontLabel {
1808         top: 243px;
1809         left: 615px !important;
1810         font-size: 18px !important;
1811 }
1812 #seatsMassageView6_1 .seatsMassageView6_1_rearLabel {
1813         top: 287px;
1814         left: 615px !important;
1815         font-size: 18px !important;
1816 }
1817 #seatsMassageView6_1   .label {
1818         font-size: 26px;
1819         left: 20px;
1820 }
1821 #seatsMassageView6_1   .massageLabel {
1822         top: 51px;
1823 }
1824 #seatsMassageView6_1   .pattern {
1825         top: 91px;
1826 }
1827 #seatsMassageView6_1   .intensity {
1828         top: 131px;
1829 }
1830 #seatsMassageView6_1   .speed {
1831         top: 211px;
1832 }
1833 #seatsMassageView6_1   .duration {
1834         top: 251px;
1835 }
1836 #seatsMassageView6_1   .pause {
1837         top: 291px;
1838 }
1839 #seatsMassageView6_1   .editMenu {
1840         left: 70px;
1841         width: 240px;
1842         top: 12px;
1843         text-align: center;
1844 }
1845 #seatsMassageView6_1   .massageButtons {
1846         top: 50px;
1847         left: 240px;
1848         width: 560px;
1849 }
1850 #seatsMassageView6_1   .massageButtons  img{
1851         height: 34px;
1852 }
1853 #seatsMassageView6_1   .patternButtons {
1854         top: 90px;
1855         left: 240px;
1856         width: 560px;
1857 }
1858 #seatsMassageView6_1   .intensityButtons{
1859         top: 130px;
1860         left: 240px;
1861         width: 560px;
1862 }
1863 #seatsMassageView6_1   .intensityEditCustom{
1864         top: 170px;
1865         left: 520px;
1866         width: 270px;
1867         height: 34px;
1868 }
1869 #seatsMassageView6_1   .speedButtons {
1870         top: 210px;
1871         left: 240px;
1872         width: 560px;
1873 }
1874 #seatsMassageView6_1   .durationButtons {
1875         top: 250px;
1876         left: 240px;
1877         width: 560px;
1878 }
1879 #seatsMassageView6_1   .pauseButtons{
1880         top: 290px;
1881         left: 240px;
1882         width: 560px;
1883 }
1884 #seatsMassageView6_1   .preview{
1885         top: 330px;
1886         left: 289px;
1887         width: 214px;
1888         height: 34px;
1889 }
1890 #seatsMassageView6_1   .MultiContourSeat_customMassage_caption {
1891         width: 600px;
1892         height: 28px;
1893         line-height: 29px;
1894         left: 74px;
1895         font-size: 26px;
1896 }
1897 #seatsMassageView6_1 .settingsScreen2 .MultiContourSeat_customMassage_caption {
1898         top: 14px;
1899 }
1900 #seatsMassageView6_1   .SettingsBlocks{
1901         margin-left: auto;
1902         margin-right: auto;
1903         width: 315px;
1904         height: 50px;
1905         position: relative;
1906         -webkit-transition: width 1s;
1907 }
1908 #seatsMassageView6_1 .MultiContourSeat_customMassage {
1909         visibility: hidden;
1910         background-color: #000;
1911         z-index: 200;
1912         width: 800px;
1913         height: 345px;
1914         position: absolute;
1915         top: -60px;
1916         left: -112px;
1917         background-image: url('../images/settings/mcsBlockBackArrow6_1.png');
1918         background-position: 339px 39px;
1919         background-repeat: no-repeat;
1920 }
1921 #seatsMassageView6_1  .btn-48 {
1922         line-height: 48px;
1923         text-align: center;
1924 }
1925 #seatsMassageView6_1 .show{
1926         visibility: visible !important;
1927 }
1928 #view_settings_vehicle_MultiContourSeat_Adjust #seatsMassageView6_1 .seatsMassageView_settingsButtonUp{
1929         width: 200px;
1930         left: 560px;
1931         top: 101px;
1932         text-align: center;
1933 }
1934 #view_settings_vehicle_MultiContourSeat_Adjust #seatsMassageView6_1 .seatsMassageView_settingsButtonDown{
1935         width: 200px;
1936         left: 560px;
1937         bottom: 143px;
1938         text-align: center;
1939 }
1940 #view_settings_vehicle_MultiContourSeat_Adjust #seatsMassageView6_1 .seatsMassageView_settingsButtonEdit{
1941         width: 250px;
1942         left: 275px;
1943         bottom: 40px;
1944         text-align: center;
1945 }
1946 #view_settings_vehicle_MultiContourSeat_Adjust #seatsMassageView6_1 .seatsMassageView_settingsButtonNew{
1947         width: 100px;
1948         left: 275px;
1949         bottom: 0px;
1950         text-align: center;
1951 }
1952 #view_settings_vehicle_MultiContourSeat_Adjust #seatsMassageView6_1 .seatsMassageView_settingsButtonTrash{
1953         width: 140px;
1954         left: 385px;
1955         bottom: 0px;
1956         text-align: center;
1957 }
1958 #view_settings_vehicle_MultiContourSeat_Adjust #seatsMassageView6_1 .seatsMassageView_settingsBlock {
1959         width: 220px;
1960         top: 130px;
1961         text-align: center !important;
1962         transition: 1s;
1963         -webkit-transition: top 1s; /* Safari and Chrome */
1964 }
1965 #view_settings_vehicle_MultiContourSeat_Adjust #seatsMassageView6_1 .seatsMassageView_settingsButton {
1966         width: 159px;
1967         left: 154px;
1968         top: 205px;
1969         line-height: 49px;
1970         z-index: 1;
1971 }
1972 #view_settings_vehicle_MultiContourSeat_Adjust #seatsMassageView6_1 .seatsMassageView_settingsButton2{
1973         width: 50px;
1974         left: 365px;
1975         top: 205px;
1976         line-height: 49px;
1977         text-align: left !important;
1978 }
1979 #view_settings_vehicle_MultiContourSeat_Adjust #seatsMassageView6_1 .seatsMassageView_settingsButton3{
1980         width: 50px;
1981         left: 403px;
1982         top: 130px;
1983         line-height: 49px;
1984         text-align: left !important;
1985 }
1986 #view_settings_vehicle_MultiContourSeat_Adjust #seatsMassageView6_1 .hide{
1987         visibility: hidden;
1988 }
1989 #view_settings_vehicle_MultiContourSeat_Adjust #seatsMassageView6_1 .captionMySettings{
1990         top: 157px;
1991         left: 138px;
1992         width: 300px;
1993         height: 90px;
1994         border: 1px solid;
1995         padding: 8px 13px 13px 13px;
1996         font-size: 26px;
1997 }
1998
1999 /* END HMI concept 6.1 */
2000
2001 /* BEGIN HMI concept 6.2 */
2002 #seatsMassageView6_2 #settingsScreen .seatsMassageView6_2_seatLabel{
2003         top: 13px;
2004         left: 600px;
2005         font-size: 24px;
2006         width: 199px;
2007         text-align: center;
2008 }
2009 #seatsMassageView6_2 .MultiContourSeat_customMassage .seatsMassageView6_2_seatLabel_custom{
2010         top: 60px;
2011         left: 300px !important;
2012         font-size: 24px;
2013         width: 199px;
2014         text-align: center;
2015 }
2016 #view_settings_vehicle_MultiContourSeat_Adjust #seatsMassageView6_2 .seatsMassageView_settingsButton {
2017         width: 159px;
2018         left: 154px;
2019         top: 205px;
2020         line-height: 49px;
2021         z-index: 1;
2022 }
2023 #seatsMassageView6_2  .mySettingsPopUpTitle{
2024         width: 143px;
2025         height: 25px;
2026         position: absolute;
2027         top: 163px;
2028         left: 216px !important;
2029         background: gray;
2030         text-align: center;
2031         line-height: 25px;
2032         font-size: 16px !important;
2033         font-weight: bold;
2034 }
2035 #seatsMassageView6_2  .mySettingsLabel{
2036         z-index: 100;
2037         left: 102px;
2038 }
2039 #view_settings_vehicle_MultiContourSeat_Adjust #seatsMassageView6_2 .captionMySettings{
2040         top: 157px;
2041         left: 138px;
2042         width: 300px;
2043         height: 90px;
2044         border: 1px solid;
2045         padding: 8px 13px 13px 13px;
2046         font-size: 26px;
2047 }
2048 #seatsMassageView6_2 #settingsScreen .durationButtons .quality,
2049 #seatsMassageView6_2 #settingsScreen .pauseButtons .quality {
2050         width: 60px;
2051 }
2052 #seatsMassageView6_2 #settingsScreen .quality {
2053         height: 35px;
2054         width: 130px;
2055         border: 1px solid #393939;
2056         -webkit-border-radius: 3px;
2057         border-radius: 3px;
2058 }
2059 #seatsMassageView6_2 #settingsScreen .btn-28 {
2060         text-align: center;
2061         line-height: 34px;
2062 }
2063 #seatsMassageView6_2   .settingsScreen {
2064         width: 800px;
2065         height: 368px;
2066         top: -15px;
2067         background: black;
2068         visibility: hidden;
2069 }
2070 #seatsMassageView6_2   .settingsScreen2 {
2071         width: 800px;
2072         height: 368px;
2073         top: -15px;
2074         background: black;
2075         visibility: hidden;
2076 }
2077 #seatsMassageView6_2 #settingsScreen .seats-message-actions{
2078         height: 39px;
2079         border: none;
2080 }
2081
2082 #seatsMassageView6_2 #settingsScreen .button0 {
2083         left: 0;
2084 }
2085 #seatsMassageView6_2 #settingsScreen .button1 {
2086         left: 140px;
2087 }
2088 #seatsMassageView6_2 #settingsScreen .button2 {
2089         left: 280px;
2090 }
2091 #seatsMassageView6_2 #settingsScreen .button3 {
2092         left: 420px;
2093 }
2094
2095 #seatsMassageView6_2 #settingsScreen .durationButtons .button0,
2096 #seatsMassageView6_2 #settingsScreen .pauseButtons .button0{
2097         left: 0;
2098 }
2099 #seatsMassageView6_2 #settingsScreen .durationButtons .button1,
2100 #seatsMassageView6_2 #settingsScreen .pauseButtons .button1 {
2101         left: 70px;
2102 }
2103 #seatsMassageView6_2 #settingsScreen .durationButtons .button2,
2104 #seatsMassageView6_2 #settingsScreen .pauseButtons .button2 {
2105         left: 140px;
2106 }
2107 #seatsMassageView6_2 #settingsScreen .durationButtons .button3,
2108 #seatsMassageView6_2 #settingsScreen .pauseButtons .button3 {
2109         left: 210px;
2110 }
2111 #seatsMassageView6_2 #settingsScreen .durationButtons .button4,
2112 #seatsMassageView6_2 #settingsScreen .pauseButtons .button4 {
2113         left: 280px;
2114 }
2115
2116 #view_settings_vehicle_MultiContourSeat_Adjust #seatsMassageView6_2 .control-11 {
2117         top: 60px;
2118         left: 350px;
2119 }
2120
2121 #view_settings_vehicle_MultiContourSeat_Adjust #seatsMassageView6_2 .control-12 {
2122         top: 105px;
2123         left: 350px;
2124 }
2125
2126 #view_settings_vehicle_MultiContourSeat_Adjust #seatsMassageView6_2 .control-13 {
2127         top: 150px;
2128         left: 350px;
2129 }
2130
2131 #view_settings_vehicle_MultiContourSeat_Adjust #seatsMassageView6_2 .control-14 {
2132         top: 230px;
2133         left: 350px;
2134 }
2135
2136 #view_settings_vehicle_MultiContourSeat_Adjust #seatsMassageView6_2 .control-15 {
2137         top: 275px;
2138         left: 350px;
2139 }
2140 #seatsMassageView6_2 #settingsScreen2 .seats-message-1 {
2141         left: 280px;
2142         top: 110px;
2143 }
2144
2145 #seatsMassageView6_2 #settingsScreen2 .seats-message-2 {
2146         left: 280px;
2147         top: 252px;
2148 }
2149 #seatsMassageView6_2  .seatsMassageView6_2_seatLabel{
2150         top: 172px;
2151         left: 45px;
2152         font-size: 24px;
2153         width: 199px;
2154         text-align: center;
2155 }
2156 #seatsMassageView6_2  .MultiContourSeat_customMassage_caption {
2157         width: 600px;
2158         height: 28px;
2159         line-height: 29px;
2160         left: 74px;
2161         font-size: 26px;
2162 }
2163 #seatsMassageView6_2 .seatsMassageView6_2_upperLabel {
2164         top: 73px;
2165         left: 615px !important;
2166         font-size: 18px !important;
2167 }
2168
2169 #seatsMassageView6_2 .seatsMassageView6_2_middleLabel {
2170         top: 118px;
2171         left: 615px !important;
2172         font-size: 18px !important;
2173 }
2174
2175 #seatsMassageView6_2 .seatsMassageView6_2_lowerLabel {
2176         top: 163px;
2177         left: 615px !important;
2178         font-size: 18px !important;
2179 }
2180
2181 #seatsMassageView6_2 .seatsMassageView6_2_frontLabel {
2182         top: 243px;
2183         left: 615px !important;
2184         font-size: 18px !important;
2185 }
2186 #seatsMassageView6_2 .seatsMassageView6_2_rearLabel {
2187         top: 287px;
2188         left: 615px !important;
2189         font-size: 18px !important;
2190 }
2191 #seatsMassageView6_2   .label {
2192         font-size: 26px;
2193         left: 20px;
2194 }
2195 #seatsMassageView6_2   .massageLabel {
2196         top: 51px;
2197 }
2198 #seatsMassageView6_2   .pattern {
2199         top: 91px;
2200 }
2201 #seatsMassageView6_2   .intensity {
2202         top: 131px;
2203 }
2204 #seatsMassageView6_2   .speed {
2205         top: 211px;
2206 }
2207 #seatsMassageView6_2   .duration {
2208         top: 251px;
2209 }
2210 #seatsMassageView6_2   .pause {
2211         top: 291px;
2212 }
2213 #seatsMassageView6_2   .editMenu {
2214         width: 240px;
2215         top: 12px;
2216         text-align: center;
2217         left: 70px;
2218 }
2219 #seatsMassageView6_2   .massageButtons {
2220         top: 50px;
2221         left: 240px;
2222         width: 560px;
2223 }
2224 #seatsMassageView6_2   .massageButtons  img{
2225         height: 34px;
2226 }
2227 #seatsMassageView6_2   .patternButtons {
2228         top: 90px;
2229         left: 240px;
2230         width: 560px;
2231 }
2232 #seatsMassageView6_2   .intensityButtons{
2233         top: 130px;
2234         left: 240px;
2235         width: 560px;
2236 }
2237 #seatsMassageView6_2   .intensityEditCustom{
2238         top: 170px;
2239         left: 520px;
2240         width: 270px;
2241         height: 34px;
2242 }
2243 #seatsMassageView6_2   .speedButtons {
2244         top: 210px;
2245         left: 240px;
2246         width: 560px;
2247 }
2248 #seatsMassageView6_2   .durationButtons {
2249         top: 250px;
2250         left: 240px;
2251         width: 560px;
2252 }
2253 #seatsMassageView6_2   .pauseButtons{
2254         top: 290px;
2255         left: 240px;
2256         width: 560px;
2257 }
2258 #seatsMassageView6_2   .preview{
2259         top: 330px;
2260         left: 289px;
2261         width: 214px;
2262         height: 34px;
2263 }
2264 #seatsMassageView6_2 .settingsScreen2 .MultiContourSeat_customMassage_caption {
2265         top: 14px;
2266 }
2267 #seatsMassageView6_2   .MultiContourSeat_customMassage_caption {
2268         width: 600px;
2269         height: 28px;
2270         line-height: 29px;
2271         left: 74px;
2272         font-size: 26px;
2273 }
2274 #seatsMassageView6_2   .SettingsBlocks{
2275         margin-left: auto;
2276         margin-right: auto;
2277         width: 315px;
2278         height: 50px;
2279         position: relative;
2280         -webkit-transition: width 1s;
2281 }
2282 #seatsMassageView6_2 .MultiContourSeat_customMassage {
2283         visibility: hidden;
2284         background-color: #000;
2285         z-index: 200;
2286         width: 800px;
2287         height: 345px;
2288         position: absolute;
2289         top: -60px;
2290         left: -112px;
2291         background-image: url('../images/settings/mcsBlockBackArrow6_2.png');
2292         background-position: 39px 145px;
2293         background-repeat: no-repeat;
2294 }
2295 #seatsMassageView6_2  .btn-48 {
2296         line-height: 48px;
2297         text-align: center;
2298 }
2299 #seatsMassageView6_2 .show{
2300         visibility: visible !important;
2301 }
2302 #view_settings_vehicle_MultiContourSeat_Adjust #seatsMassageView6_2 .seatsMassageView_settingsButtonNew{
2303         width: 100px;
2304         left: 270px;
2305         bottom: 20px;
2306         line-height: 49px;
2307 }
2308 #view_settings_vehicle_MultiContourSeat_Adjust #seatsMassageView6_2 .seatsMassageView_settingsButtonTrash{
2309         width: 71px;
2310         left: 446px;
2311         bottom: 5px;
2312         line-height: 49px;
2313         height: 78px;
2314         background-image: url("../images/settings/trash.png");
2315         background-repeat: no-repeat;
2316         background-size: contain;
2317 }
2318 #view_settings_vehicle_MultiContourSeat_Adjust #seatsMassageView6_2 .seatsMassageView_settingsButtonSave{
2319         width: 100px;
2320         left: 480px;
2321         bottom: 20px;
2322         line-height: 49px;
2323 }
2324 #view_settings_vehicle_MultiContourSeat_Adjust #seatsMassageView6_2 .seatsMassageView_settingsBlock {
2325         width: 100px;
2326         top: 130px;
2327         line-height: 49px;
2328         text-align: center !important;
2329         transition: left 1s;
2330         -webkit-transition: left 1s; /* Safari and Chrome */
2331 }
2332 #view_settings_vehicle_MultiContourSeat_Adjust #seatsMassageView6_2 .seatsMassageView_settingsButton2{
2333         width: 50px;
2334         left: 365px;
2335         top: 205px;
2336         line-height: 49px;
2337         text-align: left !important;
2338 }
2339 #view_settings_vehicle_MultiContourSeat_Adjust #seatsMassageView6_2 .seatsMassageView_settingsButton3{
2340         width: 50px;
2341         left: 403px;
2342         top: 130px;
2343         line-height: 49px;
2344         text-align: left !important;
2345 }
2346 #view_settings_vehicle_MultiContourSeat_Adjust #seatsMassageView6_2 .hide{
2347         visibility: hidden;
2348 }
2349 /* END HMI concept 6.2 */
2350
2351 /* BEGIN HMI concept 7.1 */
2352 #seatsMassageView7_1_appendix .localBack{
2353         background: url(../images/common/page-back-button.png) no-repeat center 12px,
2354          url(../images/common/btn-48h.png);
2355         width: 48px;
2356         z-index: 5000;
2357         left: 5px;
2358         top: 59px;
2359         visibility: hidden;
2360 }
2361 #view_settings_vehicle_MultiContourSeat_Adjust #seatsMassageView7_1 .seatsMassageView_settingsButton2{
2362         width: 50px;
2363         left: 365px;
2364         top: 205px;
2365         line-height: 49px;
2366         text-align: left !important;
2367 }
2368 #view_settings_vehicle_MultiContourSeat_Adjust #seatsMassageView7_1 .seatsMassageView_settingsButton {
2369         width: 159px;
2370         left: 154px;
2371         top: 205px;
2372         line-height: 49px;
2373         z-index: 1;
2374 }
2375 #view_settings_vehicle_MultiContourSeat_Adjust #seatsMassageView7_1 .captionMySettings{
2376         top: 157px;
2377         left: 138px;
2378         width: 300px;
2379         height: 90px;
2380         border: 1px solid;
2381         padding: 8px 13px 13px 13px;
2382         font-size: 26px;
2383 }
2384 #seatsMassageView7_1  .mySettingsPopUpTitle{
2385         width: 143px;
2386         height: 25px;
2387         position: absolute;
2388         top: 163px;
2389         left: 216px !important;
2390         background: gray;
2391         text-align: center;
2392         line-height: 25px;
2393         font-size: 16px !important;
2394         font-weight: bold;
2395 }
2396 #seatsMassageView7_1  .mySettingsLabel{
2397         z-index: 100;
2398         left: 102px;
2399 }
2400 #seatsMassageView7_1_appendix  .btn-48 {
2401         line-height: 48px;
2402         text-align: center;
2403 }
2404 #seatsMassageView7_1_appendix .seats-message-actions-3 {
2405         top: 165px;
2406         left: 59px;
2407 }
2408 #seatsMassageView7_1_appendix .show{
2409         visibility: visible !important;
2410 }
2411 #seatsMassageView7_1_appendix{
2412         z-index: 2003;
2413 }
2414 #seatsMassageView7_1_appendix .SeatsMassageDialogView {
2415         visibility: hidden;
2416         background-color: whiteSmoke;
2417         width: 350px;
2418         height: 368px;
2419         position: absolute;
2420         top: 56px;
2421         left: 305px !important;
2422         background: black;
2423         border: #A6A6A6 solid 2px;
2424         border-radius: 6px;
2425         font-size: 18px;
2426         font-family: Arial;
2427 }
2428 #seatsMassageView7_1_appendix .titleQuestion{
2429         font-size: 21px;
2430         font-family: Arial;
2431         width: 350px;
2432         text-align: center;
2433         top: 25px;
2434 }
2435 #seatsMassageView7_1_appendix .question{
2436         font-size: 18px;
2437         font-family: Arial;
2438         width: 350px;
2439         text-align: center;
2440         top: 65px;
2441 }
2442 #seatsMassageView7_1_appendix .titleAnswer{
2443         font-size: 21px;
2444         font-family: Arial;
2445         width: 350px;
2446         text-align: center;
2447         top: 103px;
2448 }
2449 #seatsMassageView7_1_appendix .View1 .seats-message-actions-3{
2450         top: 194px;
2451         left: 7px;
2452 }
2453 #seatsMassageView7_1_appendix .View1 .titleQuestion{
2454         left: 0px;
2455         width: 500px;
2456         top: 40px;
2457 }
2458 #seatsMassageView7_1_appendix .View1 .question{
2459         left: 0px;
2460         top: 90px;
2461         text-align: center;
2462         width: 500px;
2463 }
2464 #seatsMassageView7_1_appendix .View1 .titleAnswer{
2465         left: 0px;
2466         width: 500px;
2467         top: 134px;
2468 }
2469 #seatsMassageView7_1_appendix .View1 .button0 {
2470         left: 0;
2471         top: 0 !important;
2472 }
2473 #seatsMassageView7_1_appendix .View1 .button1 {
2474         left: 0;
2475         top: 45px !important;
2476 }
2477 #seatsMassageView7_1_appendix .View1 .button2 {
2478         left: 0;
2479         top: 90px !important;
2480 }
2481 #seatsMassageView7_1_appendix .View1 .button3 {
2482         left: 258px!important;
2483         top: 0px !important;
2484 }
2485 #seatsMassageView7_1_appendix .View1 .button4 {
2486         left: 258px !important;
2487         top: 45px !important;
2488 }
2489 #seatsMassageView7_1_appendix .View1 .button5 {
2490         left: 258px !important;
2491         top: 90px !important;
2492 }
2493 #seatsMassageView7_1_appendix .View1 .btn-48 {
2494         height: 35px !important;
2495         line-height: 35px !important;
2496 }
2497 #seatsMassageView7_1_appendix .seatsMassageDialogView4 {
2498         visibility: hidden;
2499         font-size: 26px !important;
2500         font-family: Arial;
2501         font-size: 18px;
2502         font-family: Arial;
2503         left: 300px;
2504         top: 140px;
2505         width: 232px;
2506         height: 127px;
2507         background: white;
2508         border-radius: 6px;
2509         border: 1px solid gray;
2510         color: black;
2511         text-align: center;
2512         padding: 10px;
2513 }
2514 #seatsMassageView7_1_appendix .seatsMassageDialogView5 {
2515         visibility: hidden;
2516         font-size: 26px !important;
2517         font-family: Arial;
2518         font-size: 18px;
2519         font-family: Arial;
2520         left: 300px;
2521         top: 132px;
2522         width: 326px;
2523         height: 165px;
2524         background: white;
2525         border-radius: 6px;
2526         border: 1px solid gray;
2527         color: black;
2528         text-align: center;
2529         padding: 10px;
2530 }
2531 #seatsMassageView7_1_appendix .SeatsMassageDialogView.View1 {
2532         visibility: hidden;
2533         background-color: whiteSmoke;
2534         width: 520px;
2535         height: 368px;
2536         position: absolute;
2537         top: 56px;
2538         left: 265px  !important;
2539         background: black;
2540         border: #A6A6A6 solid 2px;
2541         border-radius: 6px;
2542 }
2543 #seatsMassageView7_1_appendix .SeatsMassageDialogView .button0 {
2544         left: 0;
2545         top: 0;
2546 }
2547 #seatsMassageView7_1_appendix .SeatsMassageDialogView .button1 {
2548         left: 0;
2549         top: 60px;
2550 }
2551 #seatsMassageView7_1_appendix .SeatsMassageDialogView .button2 {
2552         left: 0;
2553         top: 120px;
2554 }
2555 #seatsMassageView7_1_appendix .SeatsMassageDialogView .button3 {
2556         left: 0;
2557         top: 180px;
2558 }
2559 #seatsMassageView7_1_appendix .SeatsMassageDialogView .button{
2560         width: 245px;
2561         border-radius: 3px;
2562         border: 1px solid #393939;
2563 }
2564 #view_settings_vehicle_MultiContourSeat_Adjust #seatsMassageView7_1 .concept1_5Settings {
2565         top: 200px;
2566         left: 197px;
2567         width: 138px;
2568 }
2569 #view_settings_vehicle_MultiContourSeat_Adjust #seatsMassageView7_1 .concept1_5Settings  span{
2570         float: left;
2571 }
2572 #view_settings_vehicle_MultiContourSeat_Adjust #seatsMassageView7_1 .concept1_5Settings  .ico{
2573         float: left;
2574 }
2575 #view_settings_vehicle_MultiContourSeat_Adjust #seatsMassageView7_1 .concept1_5Massage {
2576         text-align: center;
2577         height: 48px;
2578         line-height: 48px;
2579 }
2580 #view_settings_vehicle_MultiContourSeat_Adjust #seatsMassageView7_1 .toogleButtonContainer .button1{
2581         left: 50px;
2582 }
2583 #view_settings_vehicle_MultiContourSeat_Adjust #seatsMassageView7_1 .toogleButtonContainer .delim-0 {
2584         left: 48px;
2585 }
2586 #view_settings_vehicle_MultiContourSeat_Adjust #seatsMassageView7_1 .concept1_5SettingsScreen {
2587         top: -60px;
2588         left: 154px;
2589         width: 291px;
2590         height: 345px;
2591         background: black;
2592         z-index: 100;
2593 }
2594 #view_settings_vehicle_MultiContourSeat_Adjust #seatsMassageView7_1 .btn-48 {
2595         line-height: 48px;
2596         text-align: center;
2597 }
2598 #view_settings_vehicle_MultiContourSeat_Adjust #seatsMassageView7_1 .show{
2599         visibility: visible !important;
2600 }
2601 #view_settings_vehicle_MultiContourSeat_Adjust #seatsMassageView7_1 .hide{
2602         visibility: hidden;
2603 }
2604 /* END HMI concept 7.1 */
2605
2606  /* lumbars  */
2607
2608  /* driver  */
2609
2610 #view_settings_vehicle_MultiContourSeat_driverSeat_cushion1 .active {
2611         background: url(../images/settings/TopLumbar_WhiteOutline_driver.png) no-repeat;
2612         width: 38px;
2613         height: 29px;
2614         top: 70px;
2615         left: 22px;
2616         z-index: 1;
2617 }
2618
2619 #view_settings_vehicle_MultiContourSeat_driverSeat_cushion2 .active {
2620         background: url(../images/settings/MiddleLumbar_WhiteOutline_driver.png) no-repeat;
2621         width: 34px;
2622         height: 30px;
2623         top: 84px;
2624         left: 18px;
2625         z-index: 1;
2626 }
2627
2628 #view_settings_vehicle_MultiContourSeat_driverSeat_cushion3 .active {
2629         background: url(../images/settings/LowerLumbar_WhiteOutline_driver.png) no-repeat;
2630         width: 33px;
2631         height: 36px;
2632         top: 99px;
2633         left: 14px;
2634         z-index: 1;
2635 }
2636
2637 #view_settings_vehicle_MultiContourSeat_driverSeat_cushion4 .active {
2638         background: url(../images/settings/lumbar_cushion_top-active.png) no-repeat;
2639         width: 70px;
2640         height: 70px;
2641         top: 71px;
2642         left: -2px;
2643         z-index: 1;
2644 }
2645
2646 #view_settings_vehicle_MultiContourSeat_driverSeat_cushion5 .active {
2647         background: url(../images/settings/lumbar_cushion_bot-active.png) no-repeat;
2648         width: 91px;
2649         height: 59px;
2650         top: 112px;
2651         left: -37px;
2652         z-index: 1;
2653 }
2654
2655 #view_settings_vehicle_MultiContourSeat_driverSeat_cushion6 .active {
2656         background: url(../images/settings/whiteOutline_driver-lumbar-all.png) no-repeat;
2657         width: 47px;
2658         height: 68px;
2659         top: 70px;
2660         left: 16px;
2661         z-index: 1;
2662 }
2663
2664 #view_settings_vehicle_MultiContourSeat_driverSeat_cushion7 .active{
2665         background: url(../images/settings/Cushion_WhiteOutline_driver.png) no-repeat;
2666         width: 74px;
2667         height: 36px;
2668         top: 119px;
2669         left: -32px;
2670         z-index: 1;
2671 }
2672
2673
2674 #view_settings_vehicle_MultiContourSeat_driverSeat_cushion1 .lumbar {
2675         background: url(../images/settings/driver-lumbar-top.png) no-repeat;
2676         width: 36px;
2677         height: 31px;
2678         top: 69px;
2679         left: 22px;
2680         opacity: 0;
2681 }
2682
2683 #view_settings_vehicle_MultiContourSeat_driverSeat_cushion2 .lumbar {
2684         background: url(../images/settings/driver-lumbar-mid.png) no-repeat;
2685         width: 34px;
2686         height: 31px;
2687         top: 84px;
2688         left: 17px;
2689         opacity: 0;
2690 }
2691
2692 #view_settings_vehicle_MultiContourSeat_driverSeat_cushion3 .lumbar {
2693         background: url(../images/settings/driver-lumbar-low.png) no-repeat;
2694         width: 31px;
2695         height: 35px;
2696         top: 99px;
2697         left: 15px;
2698         opacity: 0;
2699 }
2700
2701 #view_settings_vehicle_MultiContourSeat_driverSeat_cushion4 .lumbar {
2702         background: url(../images/settings/view_settings_vehicle_MultiContourSeat_adj1.png) no-repeat;
2703         width: 70px;
2704         height: 70px;
2705         top: 68px;
2706         left: -4px;
2707         opacity: 0;
2708 }
2709
2710 #view_settings_vehicle_MultiContourSeat_driverSeat_cushion5 .lumbar {
2711         background: url(../images/settings/lumbar_cushion.png) no-repeat;
2712         width: 91px;
2713         height: 59px;
2714         top: 111px;
2715         left: -36px;
2716         opacity: 0;
2717 }
2718
2719 #view_settings_vehicle_MultiContourSeat_driverSeat_cushion6 .lumbar {
2720         background: url(../images/settings/driver-lumbar-all.png) no-repeat;
2721         width: 47px;
2722         height: 68px;
2723         top: 68px;
2724         left: 12px;
2725         opacity: 0;
2726 }
2727
2728 #view_settings_vehicle_MultiContourSeat_driverSeat_cushion7 .lumbar {
2729         background: url(../images/settings/view_settings_vehicle_MultiContourSeat_adj2.png) no-repeat;
2730         width: 73px;
2731         height: 37px;
2732         top: 119px;
2733         left: -30px;
2734         opacity: 0;
2735 }
2736
2737 /* passenger  */
2738
2739 #view_settings_vehicle_MultiContourSeat_passengerSeat_cushion1 .active {
2740         background: url(../images/settings/TopLumbar_WhiteOutline_passenger.png) no-repeat;
2741         width: 38px;
2742         height: 29px;
2743         top: 70px;
2744         left: 541px;
2745         z-index: 1;
2746 }
2747
2748 #view_settings_vehicle_MultiContourSeat_passengerSeat_cushion2 .active {
2749         background: url(../images/settings/MiddleLumbar_WhiteOutline_passenger.png) no-repeat;
2750         width: 34px;
2751         height: 30px;
2752         top: 84px;
2753         left: 549px;
2754         z-index: 1;
2755 }
2756
2757 #view_settings_vehicle_MultiContourSeat_passengerSeat_cushion3 .active {
2758         background: url(../images/settings/LowerLumbar_WhiteOutline_passenger.png) no-repeat;
2759         width: 33px;
2760         height: 36px;
2761         top: 99px;
2762         left: 555px;
2763         z-index: 1;
2764 }
2765
2766
2767 #view_settings_vehicle_MultiContourSeat_passengerSeat_cushion4 .active {
2768         background: url(../images/settings/lumbar_cushion_top_passenger-active.png) no-repeat;
2769         width: 70px;
2770         height: 70px;
2771         top: 71px;
2772         left: 535px;
2773         z-index: 1;
2774 }
2775
2776 #view_settings_vehicle_MultiContourSeat_passengerSeat_cushion5 .active {
2777         background: url(../images/settings/lumbar_cushion_bot_passanger-active.png) no-repeat;
2778         width: 91px;
2779         height: 59px;
2780         top: 112px;
2781         left: 546px;
2782         z-index: 1;
2783 }
2784
2785 #view_settings_vehicle_MultiContourSeat_passengerSeat_cushion6 .active {
2786         background: url(../images/settings/WhiteOutline_passenger-lumbar-all.png) no-repeat;
2787         width: 47px;
2788         height: 68px;
2789         top: 70px;
2790         left: 544px;
2791         z-index: 1;
2792 }
2793
2794 #view_settings_vehicle_MultiContourSeat_passengerSeat_cushion7 .active{
2795         background: url(../images/settings/Cushion_WhiteOutline_passenger.png) no-repeat;
2796         width: 74px;
2797         height: 36px;
2798         top: 120px;
2799         left: 558px;
2800         z-index: 1;
2801 }
2802
2803 #view_settings_vehicle_MultiContourSeat_passengerSeat_cushion1 .lumbar {
2804         background: url(../images/settings/passenger-lumbar-top.png) no-repeat;
2805         width: 37px;
2806         height: 31px;
2807         top: 68px;
2808         left: 542px;
2809         opacity: 0;
2810 }
2811
2812 #view_settings_vehicle_MultiContourSeat_passengerSeat_cushion2 .lumbar {
2813         background: url(../images/settings/passenger-lumbar-mid.png) no-repeat;
2814         width: 34px;
2815         height: 31px;
2816         top: 84px;
2817         left: 550px;
2818         opacity: 0;
2819 }
2820
2821 #view_settings_vehicle_MultiContourSeat_passengerSeat_cushion3 .lumbar {
2822         background: url(../images/settings/passenger-lumbar-low.png) no-repeat;
2823         width: 32px;
2824         height: 35px;
2825         top: 99px;
2826         left: 555px;
2827         opacity: 0;
2828 }
2829
2830 #view_settings_vehicle_MultiContourSeat_passengerSeat_cushion4 .lumbar {
2831         background: url(../images/settings/view_settings_vehicle_MultiContourSeat_adj1_passenger.png) no-repeat;
2832         width: 69px;
2833         height: 69px;
2834         top: 70px;
2835         left: 535px;
2836         opacity: 0;
2837 }
2838
2839 #view_settings_vehicle_MultiContourSeat_passengerSeat_cushion5 .lumbar {
2840         background: url(../images/settings/passenger_lumbar_cushion.png) no-repeat;
2841         width: 91px;
2842         height: 59px;
2843         top: 111px;
2844         left: 546px;
2845         opacity: 0;
2846 }
2847
2848
2849 #view_settings_vehicle_MultiContourSeat_passengerSeat_cushion6 .lumbar {
2850         background: url(../images/settings/passenger-lumbar-all.png) no-repeat;
2851         width: 47px;
2852         height: 68px;
2853         top: 68px;
2854         left: 540px;
2855         opacity: 0;
2856 }
2857
2858
2859 #view_settings_vehicle_MultiContourSeat_passengerSeat_cushion7 .lumbar {
2860         background: url(../images/settings/view_settings_vehicle_MultiContourSeat_adj2_passenger.png) no-repeat;
2861         width: 72px;
2862         height: 37px;
2863         top: 119px;
2864         left: 559px;
2865         opacity: 0;
2866 }
2867
2868
2869 /* CUSTOM MASSAGE  */
2870
2871 /* Driver cushions  */
2872
2873 #view_settings_vehicle_MultiContourSeat_customMassage_driverSeat_cushion6 .active {
2874         background: url(../images/settings/TopLumbar_WhiteOutline_driver.png) no-repeat;
2875         width: 38px;
2876         height: 29px;
2877         top: 70px;
2878         left: 22px;
2879         z-index: 1;
2880 }
2881
2882 #view_settings_vehicle_MultiContourSeat_customMassage_driverSeat_cushion7 .active {
2883         background: url(../images/settings/MiddleLumbar_WhiteOutline_driver.png) no-repeat;
2884         width: 34px;
2885         height: 30px;
2886         top: 84px;
2887         left: 18px;
2888         z-index: 1;
2889 }
2890
2891 #view_settings_vehicle_MultiContourSeat_customMassage_driverSeat_cushion8 .active {
2892         background: url(../images/settings/LowerLumbar_WhiteOutline_driver.png) no-repeat;
2893         width: 33px;
2894         height: 36px;
2895         top: 99px;
2896         left: 14px;
2897         z-index: 1;
2898 }
2899
2900 #view_settings_vehicle_MultiContourSeat_customMassage_driverSeat_cushion9 .active {
2901         background: url(../images/settings/driver-lumbar-m-top-selected.png) no-repeat;
2902         width: 77px;
2903         height: 41px;
2904         top: 119px;
2905         left: -30px;
2906         z-index: 1;
2907         opacity: 1;
2908 }
2909
2910 #view_settings_vehicle_MultiContourSeat_customMassage_driverSeat_cushion10 .active {
2911         background: url(../images/settings/driver-lumbar-m-bottom-selected.png) no-repeat;
2912         width: 77px;
2913         height: 41px;
2914         top: 119px;
2915         left: -30px;
2916         z-index: 1;
2917         opacity: 1;
2918 }
2919
2920 #view_settings_vehicle_MultiContourSeat_customMassage_driverSeat_cushion6 .lumbar {
2921         background: url(../images/settings/driver-lumbar-top.png) no-repeat;
2922         width: 36px;
2923         height: 31px;
2924         top: 69px;
2925         left: 22px;
2926         opacity: 0;
2927 }
2928
2929 #view_settings_vehicle_MultiContourSeat_customMassage_driverSeat_cushion7 .lumbar {
2930         background: url(../images/settings/driver-lumbar-mid.png) no-repeat;
2931         width: 34px;
2932         height: 31px;
2933         top: 84px;
2934         left: 17px;
2935         opacity: 0;
2936 }
2937
2938 #view_settings_vehicle_MultiContourSeat_customMassage_driverSeat_cushion8 .lumbar {
2939         background: url(../images/settings/driver-lumbar-low.png) no-repeat;
2940         width: 31px;
2941         height: 35px;
2942         top: 99px;
2943         left: 15px;
2944         opacity: 0;
2945 }
2946
2947 #view_settings_vehicle_MultiContourSeat_customMassage_driverSeat_cushion9 .lumbar {
2948         background: url(../images/settings/driver-lumbar-m-top.png) no-repeat;
2949         width: 73px;
2950         height: 37px;
2951         top: 119px;
2952         left: -30px;
2953         opacity: 0;
2954 }
2955
2956 #view_settings_vehicle_MultiContourSeat_customMassage_driverSeat_cushion10 .lumbar {
2957         background: url(../images/settings/driver-lumbar-m-bottom.png) no-repeat;
2958         width: 73px;
2959         height: 37px;
2960         top: 119px;
2961         left: -30px;
2962         opacity: 0;
2963 }
2964
2965 /* Passenger cushions  */
2966
2967 #view_settings_vehicle_MultiContourSeat_customMassage_passengerSeat_cushion6 .active {
2968         background: url(../images/settings/TopLumbar_WhiteOutline_passenger.png) no-repeat;
2969         width: 38px;
2970         height: 29px;
2971         top: 70px;
2972         left: 541px;
2973         z-index: 1;
2974 }
2975
2976 #view_settings_vehicle_MultiContourSeat_customMassage_passengerSeat_cushion7 .active {
2977         background: url(../images/settings/MiddleLumbar_WhiteOutline_passenger.png) no-repeat;
2978         width: 34px;
2979         height: 30px;
2980         top: 84px;
2981         left: 549px;
2982         z-index: 1;
2983 }
2984
2985 #view_settings_vehicle_MultiContourSeat_customMassage_passengerSeat_cushion8 .active {
2986         background: url(../images/settings/LowerLumbar_WhiteOutline_passenger.png) no-repeat;
2987         width: 33px;
2988         height: 36px;
2989         top: 99px;
2990         left: 555px;
2991         z-index: 1;
2992 }
2993
2994 #view_settings_vehicle_MultiContourSeat_customMassage_passengerSeat_cushion9 .active {
2995         background: url(../images/settings/passenger-lumbar-m-top-selected.png) no-repeat;
2996         width: 77px;
2997         height: 41px;
2998         top: 120px;
2999         left: 558px;
3000         z-index: 1;
3001 }
3002
3003 #view_settings_vehicle_MultiContourSeat_customMassage_passengerSeat_cushion10 .active {
3004         background: url(../images/settings/passenger-lumbar-m-bottom-selected.png) no-repeat;
3005         width: 77px;
3006         height: 41px;
3007         top: 120px;
3008         left: 558px;
3009         z-index: 1;
3010 }
3011
3012 #view_settings_vehicle_MultiContourSeat_customMassage_passengerSeat_cushion6 .lumbar {
3013         background: url(../images/settings/passenger-lumbar-top.png) no-repeat;
3014         width: 36px;
3015         height: 31px;
3016         top: 70px;
3017         left: 541px;
3018         opacity: 0;
3019 }
3020
3021 #view_settings_vehicle_MultiContourSeat_customMassage_passengerSeat_cushion7 .lumbar {
3022         background: url(../images/settings/passenger-lumbar-mid.png) no-repeat;
3023         width: 34px;
3024         height: 31px;
3025         top: 84px;
3026         left: 549px;
3027         opacity: 0;
3028 }
3029
3030 #view_settings_vehicle_MultiContourSeat_customMassage_passengerSeat_cushion8 .lumbar {
3031         background: url(../images/settings/passenger-lumbar-low.png) no-repeat;
3032         width: 31px;
3033         height: 35px;
3034         top: 99px;
3035         left: 555px;
3036         opacity: 0;
3037 }
3038
3039 #view_settings_vehicle_MultiContourSeat_customMassage_passengerSeat_cushion9 .lumbar {
3040         background: url(../images/settings/passenger-lumbar-m-top.png) no-repeat;
3041         width: 77px;
3042         height: 41px;
3043         top: 120px;
3044         left: 558px;;
3045         opacity: 0;
3046 }
3047
3048 #view_settings_vehicle_MultiContourSeat_customMassage_passengerSeat_cushion10 .lumbar {
3049         background: url(../images/settings/passenger-lumbar-m-bottom.png) no-repeat;
3050         width: 77px;
3051         height: 41px;
3052         top: 120px;
3053         left: 558px;
3054         opacity: 0;
3055 }