BODY { background: #fff; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #000; padding: 0px; margin: 0px; overflow: hidden; }
TABLE	{ border: 0px; border-spacing: 0px; width: 100%; }
TD		{ padding: 0px; border-spacing: 0px; }
SELECT, TEXTAREA { font-family: Verdana, Arial, Helvetica, sans-serif; }
TEXTAREA { border: 1px solid #cecece; }
H4 { margin: 0; padding: 0px 0px 2px 0px; }

.contentWrap { padding: 0px; margin: 0px; }
#logoContainer { height: 55px; padding: 0px; margin: 0px; }
#logo { float: right; margin: 17px 10px 0px 0px; }
#content { position: absolute; top: 60px; bottom: 75px; left: 25px; right: 274px; }
#content .label { line-height: 14px; padding: 11px 0px 11px 0px; }
#content .selectorTitle { float: left;  padding: 13px 0px 0px 0px;}
#metanavi { display: none; }


/* introPage */
#intropage #carlineGroupsList { bottom: 0px; position: absolute; top: 0px; width: 32%; }
#intropage #carlineList { bottom: 0px; left: 33%; position: absolute; top: 0px; width: 33%; }
#intropage #filterList { bottom: 0px; left: 67%; position: absolute; top: 0px; width: 33%; }

#intropage TABLE { width: 100% }
#intropage #carlineGroupsList .boxTitle { display: none; }
#intropage #carlineGroupsList .ctrl .jqCheckBox { margin: 0px 0px 0px 7px!important; position: static; vertical-align: middle; }
#intropage #carlineGroupsList .label  { float: none; display: block; }
#intropage #carlineGroupsList .contenttable  { border-top: 5px solid #e7e9ea; }
#intropage #carlineGroupsList .contenttable TD.ctrl { border-left: 1px solid #e7e9ea; border-bottom: 1px solid #e7e9ea; width: 1%; }
#intropage #carlineGroupsList .contenttable TD.td2 { border-bottom: 1px solid #e7e9ea; width: 1%; }
#intropage #carlineGroupsList .contenttable TD.td3 { border-right: 1px solid #e7e9ea; border-bottom: 1px solid #e7e9ea; width: 98%; }
#intropage .carlineGroupImage { background: #FFF; padding: 0px 10px 0px 9px; border: 0px; float: left; min-height: 20px; }
#intropage #carlineGroupsList .ctrl .jqCheckBox { margin: 0px 0px 0px 7px!important; position: static; vertical-align: middle; }
#intropage #carlineGroupsList .disabledFilter { opacity: 0.5!important; }

#intropage #carlineList .ctrl .jqCheckBox { position: absolute; margin: 7px 0px 4px 7px; }
#intropage #carlineList .label { float: left; margin-left: 0; padding: 11px 0px 11px 37px; }
#intropage #carlineList .boxTitle { display: none; }
#intropage #carlineList .contenttable  { border-top: 5px solid #e7e9ea; }
#intropage #carlineList .contenttable TD { border-left: 1px solid #e7e9ea; border-right: 1px solid #e7e9ea; border-bottom: 1px solid #e7e9ea; }

#intropage #filterList .ctrl .jqCheckBox { position: absolute; margin: 7px 0px 4px 7px; }
#intropage #filterList .label { float: left; margin-left: 0; padding: 11px 0px 11px 37px; }
#intropage #filterList .boxTitle { display: none; }
#intropage #filterList .contenttable TD { border-left: 1px solid #e7e9ea; border-right: 1px solid #e7e9ea; border-bottom: 1px solid #e7e9ea; }
#intropage #filterList .subhead2 TD { border-left: 0px; border-right: 0px; border-bottom: 5px solid #e7e9ea;  }
#intropage #filterList .subhead2.first TD { padding-top: 0px!important; }
#intropage .disabledFilter .icon { opacity: 0.7!important; }
#intropage .disabledFilter IMG { opacity: 0.7!important; }
#intropage .disabledFilter .label { opacity: 0.7!important; }


.boxLine { width: 100%; background: #e7e9ea; position: absolute; height: 5px; top: 0px; }
.clearfix { clear: both; }
.filterTitle .toggle-info { visibility: hidden; }
#selectorContainer { bottom: -65px; width: 350px; left: 0px; }
#priceRange { color: #FFF; background: transparent; width: 191px; padding: 5px 0px 7px 6px!important; font-size: 12px; line-height: 13px; border: 0px solid #fff; border-radius: 0px; height: 30px; -webkit-appearance: none; outline: none; opacity: 0.9; -webkit-appearance: none; -moz-appearance: none; -o-appearance: none; appearance: none; }
#priceRange option { background-color: #6D7579; }
.selectorTitle { margin-top: 0px; margin-bottom: 5px; font-weight: bold; }
.filters { margin-bottom: 10px; cursor: pointer; }
.filters .headerLine { padding: 0px; }
.filterTable { width: 100%; }
.boxTitle { margin-bottom: 5px; line-height: 20px; padding: 0 5px; }
#reset { position: absolute; top: 105px; left: 15px; }
.fv { overflow: hidden; }

#ajaxSearchResult { display: none; z-index: 9999; width: 150px; }
#ajaxSearchResult UL { padding: 0px; margin: 0px; list-style-type: none; }
#ajaxSearchResult LI { padding-left: 3px; list-style-type: none; }
#ajaxSearchResult LI A { color: #000; text-decoration: none; }
#ajaxSearchResult LI A:HOVER { color: #000; font-weight: bold; }

.bigSearch { width: 159px; border: 1px solid #000; position: absolute; bottom: 166px; left: 28px; background: #FFF; overflow: hidden; }

#filterCarlineLayer { display: none; width: 280px; height: 280px;  margin-top: 200px; }
#filterCarlineLayer H2 { font-size: 12px; font-weight: bold; background: #e7e9ea; margin: 0px; padding: 16px 10px 18px 25px; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; }
#filterCarlineLayer .field { padding: 30px 10px 10px 25px; display: block; font-size: 12px; }
#filterCarlineLayer input { position: absolute; left: 26px; top: 113px; z-index: 1; border: 2px solid #e2e3e7; padding: 8px 8px 8px 8px; width: 200px; color: #6d7579; outline: none; color: #000; }
#filterCarlineLayer .errorText { padding: 49px 10px 0px 26px; height: 35px; }
#filterCarlineLayer .errorText SPAN { color: red; display: none; }
#filterCarlineLayer .hintText { padding: 5px 10px 0px 25px; height: 38px; }
#filterCarlineLayer #filterCarlineIdsId { padding-left: 8px; }
#filterCarlineLayer .apply { position: absolute; bottom: 12px; right: 13px; padding: 0px 0px 0px 0px; background-color: #6d7579; float: right; cursor: pointer; }
#filterCarlineLayer .apply .iconNext { float: right; background-position: 1px 6px; width: 23px; height: 30px; }
#filterCarlineLayer .apply .label  { margin-top: 7px; padding: 0px 20px 0px 13px; float: left; color: #FFF; white-space: nowrap; }
#filterCarlineLayer .closeLayer { position: absolute; top: 12px; right: 13px; z-index: 999; height: 25px; width: 25px; cursor: pointer; }
#filterCarlineLayer .closeLayer .label{ display: none; }
#filterCarlineLayer .disabled .label { color: #FFF !important; }




#wltpCo2MessageLayer { display: none; width: 380px; height: 180px; }
#wltpCo2MessageLayer H2 { font-size: 12px; font-weight: bold; background: #e7e9ea; margin: 0px; padding: 16px 10px 18px 25px; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; }
#wltpCo2MessageLayer .txt { padding: 30px 10px 10px 25px; display: block; font-size: 12px; }
#wltpCo2MessageLayer .apply { position: absolute; bottom: 12px; right: 13px; padding: 0px 0px 0px 0px; background-color: #6d7579; float: right; cursor: pointer; }
#wltpCo2MessageLayer .apply .iconNext { float: right; background-position: 1px 6px; width: 23px; height: 30px; }
#wltpCo2MessageLayer .apply .label  { margin-top: 7px; padding: 0px 20px 0px 13px; float: left; color: #FFF; white-space: nowrap; }
#wltpCo2MessageLayer .closeLayer { position: absolute; top: 12px; right: 13px; z-index: 999; height: 25px; width: 25px; cursor: pointer; }
#wltpCo2MessageLayer .closeLayer .label{ display: none; }
#wltpCo2MessageLayer .disabled .label { color: #FFF !important; }



/* jqModal */
.jqmWindow { display: none; position: fixed; top: 17%; left: 50%; margin-left: -300px; width: 600px; background-color: #EEE; color: #333; border: 1px solid black; padding: 12px; }
.jqmOverlay { cursor: default; background-color: transparent; }
.jqmOverlayBkg { background-color: #000; visibility: hidden; }
.auto-height { display: none; height: auto; }
.auto-height .settings { padding: 15px; margin: 50px; min-height: 100px; display: none; }

/* msgBox.css */
#msgBox { display: none; }
#msgBoxLayer { z-index: 6000; position: absolute; }
#intropage #msgBoxLayer { max-width: 800px; }
#intropage .msgBoxContent .msgBoxText { word-wrap: break-word; }
.msgBoxContent { padding: 0px; }
.msgBoxContent .msgBoxText { padding: 20px 20px 40px 20px; font-size: 12px; line-height: 16px; }
.msgBoxHeader { font-size: 12px; font-weight: bold; padding: 17px 17px 17px 17px; background-color: #e7e9ea; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px;  }
.msgBoxButtonPanel { padding: 0px 10px 20px 0px; }
.msgBoxButtonPanel .center { text-align: right; }
.msgBoxButtonPanel .button {  margin: 0px 2px 10px 0px; padding: 0px 0px 0px 0px; background-color: #6d7579; float: right; cursor: pointer; float: right; }
.msgBoxButtonPanel .button .iconNext { float: right; background-position: 1px 7px; width: 23px; height: 30px; }
.msgBoxButtonPanel .button .iconCancel { float: right; background-position: 1px 6px; width: 23px; height: 30px; }
.msgBoxButtonPanel .button .label  { margin-top: 7px; padding: 0px 20px 0px 13px; float: left; color: #FFF; white-space: nowrap; font-weight: bold; }
.msgBoxButtonPanel .center { width: 100%!important; }

/* - footer navigation - */
#buttonBar { position: absolute; height: 50px; bottom: 0px; right: 0px; left: 0px; padding: 0px; background: #e7e9ea; z-index: 9; }
#buttonBar .buttonWrap { float: right; padding-right: 290px; margin-top: 10px;}
#buttonBar .button { background: #e7e9ea; height: 30px; padding: 0px 15px 0px 15px; cursor: pointer; float: left; }
#buttonBar .button .icon { height: 30px; width: 23px; }
#buttonBar .button .label { font-weight: bold; margin-top: 8px; font-size: 12px; }
#buttonBar .button:HOVER .label { color: #6d7579; }
#buttonBar #prevButton:HOVER { background: #a7acaf!important; }
#buttonBar #orderButton:HOVER { background: #a7acaf!important; }
#buttonBar #nextButton:HOVER { background: #a7acaf!important; }
#buttonBar #showModels:HOVER { background-color: #a7acaf!important; }
#buttonBar #showModels { position: absolute; bottom: 10px; right: 25px; width: 240px; margin: 0px; padding: 0px; background-color: #6d7579; }
#buttonBar #showModels .iconNext { background-position: 0px 7px; float: right; }
#buttonBar #showModels.disabled { background-color: #e7e9ea; }
#buttonBar #showModels .label  { padding: 0px 0px 0px 13px; margin-top: 7px; display: block; color: #FFF; }
#buttonBar #nextButton { position: absolute; bottom: 10px; right: 25px; width: 119px; margin: 0px; padding: 0px; background-color: #cc0033; }
#buttonBar #nextButton .iconNext { float: right; background-position: 0px 7px; }
#buttonBar #nextButton.disabled { background-color: #e7e9ea; }
#buttonBar #nextButton.disabled .iconNext { background-image: none; }
#buttonBar #nextButton .label  { margin-top: 7px; padding: 0 0 0 13px; display: block; color: #FFF; }
#buttonBar #prevButton { position: absolute; bottom: 10px; right: 146px; width: 119px; margin: 0px; padding: 0px; background-color: #6d7579; }
#buttonBar #prevButton .iconPrev { float: left; margin-left: 5px; background-position: 1px 7px; }
#buttonBar #prevButton.disabled { background-color: #e7e9ea; }
#buttonBar #prevButton .label  { margin-top: 7px; padding: 0 13px 0 13px; display: block; color: #FFF; float: right; }
#buttonBar #printButton .label  { padding: 0px 0px 0px 3px; margin-top: 7px; display: block; color: #000; float: left; }
#buttonBar #printButton:HOVER .label  { color: #6d7579; }
#buttonBar #printButton .icon { float: left; width: 12px; height: 21px; background-position: 0px 1px; }
#buttonBar #pdfButton .label  { padding: 0px 0px 0px 3px; margin-top: 7px; display: block; color: #000; float: left; }
#buttonBar #pdfButton:hover .label { color: #6d7579; }
#buttonBar #pdfButton .icon { background-position: 0px 8px; float: left; width: 12px; height: 21px; }
#buttonBar #digitalGiveawayButton .label  { padding: 0px 0px 0px 3px; margin-top: 7px; display: block; color: #000; float: left; }
#buttonBar #digitalGiveawayButton:hover .label {color: #6d7579; }
#buttonBar #digitalGiveawayButton .icon { background-position: 0px 8px; float: left; width: 12px; height: 21px; }
#buttonBar #calculateVectoButton .label  { padding: 0px 0px 0px 3px; margin-top: 7px; display: block; color: #000; float: left; }
#buttonBar #calculateVectoButton:hover .label {color: #6d7579; }
#buttonBar #calculateVectoButton .icon { background-position: 0px 8px; float: left; width: 12px; height: 21px; }
#buttonBar .pdfLink { float: left; padding: 4px 0 0 16px; text-decoration: none; margin-top: 3px; font-weight: bold; font-size: 12px; color: #000; background-position: 0 5px;}
#buttonBar .pdfLink.disabled{ cursor: default; color:#777 !important; opacity:0.5}
#buttonBar #cancelButton .label  { padding: 0px 0px 0px 3px; margin-top: 7px; display: block; color: #000; float: left; }
#buttonBar #cancelButton:HOVER .label  { color: #6d7579; }
#buttonBar #cancelButton .icon {  background-position: 0px 8px; float: left; width: 12px; height: 21px;  }
#buttonBar .audi-code .label  { padding: 0px 0px 0px 3px; margin-top: 7px; display: block; color: #000; float: left; }
#buttonBar #printButton .icon, #buttonBar #cancelButton .icon, #buttonBar .audi-code .icon, #mediaLayer #printMedia, .toggle-closed { float: left; width: 12px; height: 21px; background-position: -1px 8px; }
#buttonBar #saveButton .label  { padding: 0px 0px 0px 3px; margin-top: 7px; display: block; color: #000; float: left; }
#buttonBar #saveButton .icon { float: left; width: 12px; height: 21px; background-position: 0px 8px; }
#buttonBar #orderButton { position: absolute; bottom: 10px; right: 25px; width: 119px; margin: 0px; padding: 0px; background-color: #cc0033; overflow: hidden; }
#buttonBar #orderButton .iconNext { float: right; background-position: 0px 7px; }
#buttonBar #orderButton.disabled { background-color: #e7e9ea; }
#buttonBar #orderButton .label  { margin-top: 7px; padding: 0 0 0 13px; display: block; color: #FFF; float: none; }
#buttonBar .intropage-carline-filter { padding: 9px 0px 0px 4px; margin-left: 20px; }
#buttonBar .intropage-carline-filter .label  { padding: 0px 0px 0px 3px; margin-top: 7px; display: block; color: #000; float: left; }
#buttonBar .intropage-carline-filter .icon { background-position: 0px 8px; float: left; width: 12px; height: 21px; }
#buttonBar .compareTrigger { padding: 9px 0px 0px 22px; }
#buttonBar .compareTrigger .label  { padding: 0px 0px 0px 3px; margin-top: 7px; display: block; color: #000; float: left; }
#buttonBar .compareTrigger .icon { background-position: 0px 8px; float: left; width: 12px; height: 21px; }
#buttonBar .multiCompareTrigger { padding: 9px 0px 0px 22px; }
#buttonBar .multiCompareTrigger .label  { padding: 0px 0px 0px 3px; margin-top: 7px; display: block; color: #000; float: left; }
#buttonBar .multiCompareTrigger .icon { background-position: 0px 8px; float: left; width: 12px; height: 21px; }
#buttonBar .updateFdParams { margin-top: 10px!important; }
#buttonBar .updateFdParams .label  { padding: 0px 0px 0px 3px; margin-top: 7px; display: block; color: #000; float: left; }
#buttonBar .updateFdParams .icon { float: left; width: 12px; height: 21px; background-position: 0px 8px; }
#buttonBar .acceptFdChanges { margin-top: 10px!important; }
#buttonBar .acceptFdChanges .label  { padding: 0px 0px 0px 3px; margin-top: 7px; display: block; color: #000; float: left; }
#buttonBar .acceptFdChanges .icon { float: left; width: 12px; height: 21px; background-position: 0px 8px; }
#buttonBar #modelsSelected { font-weight: bold; font-size: 12px; color: #8c0000; margin: 0px; position: absolute; right: 25px; bottom: 72px; width: 240px; }
#buttonBar select { margin-left: 5px; padding: 3px; }
#orderButton .icon  { float: right; }
#orderButton .label  { float: right; }
.button.order { float: right; }
#mbv_filter_div { margin: 10px 0px 0px 25px; width: 380px; height: 30px; overflow: hidden; background-color: #6d7579; background-position: 358px 10px; border: 0px solid #6d7579; float: left; border-right: 2px solid #6d7579; background-size: 15px; }
#mbv_filter_div select { background: transparent; width: 401px; padding: 5px 0px 7px 6px!important; font-size: 12px; line-height: 13px; border: 0px solid #fff; border-radius: 0px; height: 30px; outline: none; color: #FFF; -webkit-appearance: none; -moz-appearance: none; -o-appearance: none; appearance: none; }
#mbv_filter_div option { background: #6d7579; }
#mbv_filter_div.miwi { margin-left: 80px;  }

/* icons.css */
.ctrl .jqCheckBox { height: 18px; width: 18px; display: block; margin: 4px 9px 4px 7px; border: 2px solid #000; }
.icon.media { z-index: 999; float:left; height: 21px; width: 21px; display: block; border-radius: 21px; border: 1px solid #000; cursor: pointer; background-position: -1px -1px; }
.icon { cursor: pointer!important; }
.icon.media.forced { border-color: #ff0000 !important }
.icon.info { height: 22px; margin: -1px 5px; width: 22px; padding: 0px; display: table-cell; z-index: 999; border-radius: 21px; border: 1px solid #000; cursor: pointer; background-position: 0px -1px; }
.icon.new { background-image: url(https://mediaservice.audi.com/media/b2c/v6-common/img-dcc-HEAD.zip/icons/new.gif); background-repeat: no-repeat; z-index: 999; height: 22px; width: 22px; padding-left: 10px; display: table-cell; }
.icon.xtra { background-image: url(https://mediaservice.audi.com/media/b2c/v6-common/img-dcc-HEAD.zip/icons/xtra.gif); background-repeat: no-repeat; z-index: 999; height: 22px; width: 22px; padding-left: 10px; display: table-cell; }
.icon.doc { background-repeat: no-repeat; background-image: url(https://mediaservice.audi.com/media/b2c/v6-common/img-dcc-HEAD.zip/int2/doc.png); width: 51px; height: 60px; }
.icon.doc.forced { background-image: url(https://mediaservice.audi.com/media/b2c/v6-common/img-dcc-HEAD.zip/int2/doc_forced.png); }
.icon.mediaEmpty { z-index: 999; height: 22px; width: 1px; padding-right: 31px; display: table-cell; }
.icon.remove, .icon.remove-incentive { width: 22px; height: 22px; display: table-cell; z-index: 999; margin-right: 11px; background-position: 0px 0px; }
.icon.video { background-repeat: no-repeat; background-image: url(https://mediaservice.audi.com/media/b2c/v6-common/img-dcc-HEAD.zip/int2/video.png); width: 51px; height: 60px; }
.icon.tyre { background-repeat: no-repeat; background-image: url(https://mediaservice.audi.com/media/b2c/v6-common/img-dcc-HEAD.zip/int2/tyre_label.png); width: 51px; height: 60px; }
.iconMediaAbs { padding-right: 10px; display: table-cell; }
#status .iconMediaAbs { float: left; }
.mediaEmptyIcon	{ height: 22px; width: 22px; display: table-cell; padding-right: 33px; }
.icon.package { background-position: 0px 0px; z-index: 999; height: 20px; display: table-cell; padding-right: 30px; }

#status .icon.package { float: left; }

.set:HOVER { opacity:0.80; }
.remove:HOVER { opacity:0.80; }
.mediaTrigger:HOVER { opacity:0.80; }
.disabled .ctrl .jqCheckBox { border-color: #b0b6b8; }
.fixed .jqCheckBox { background-color: #b0b6b8!important; }
.disabled .icon:HOVER { opacity:1.00;  }
.overridden .icon:HOVER { opacity:1.00;  }
.standardEquipment .icon:HOVER { opacity:1.00;  }

/* controls.css */
.disabled, .disabled .label,.disabled .icon, .disabledFilter, .disabledFilter .icon { cursor: default !important; }
.disabled .label { opacity: .5; color: #777 !important; }
.disabled:hover .label { background: transparent !important; }
.hiddenEq { display: none; }
.jqRadioButton { background-position: 0px 0px; height: 22px;  width: 22px;  display: block; margin: 0px 9px 0px 7px; border: 2px solid #000; background: #FFF; width: 18px; height: 18px; border-radius: 18px; }
.checked .jqCheckBox { background-position: 6px 6px; background-size: 10px 9px; height: 22px; width: 22px; border: 0px; background-color: #ce0231; }
SPAN.standardEquipment { background-image: none!important; background-color: #b1b5b8!important; width: 22px; height: 22px; border-radius: 22px; cursor: default!important; }
.overridden { color: #333!important; text-decoration: line-through !important; }
.overridden .label { color: #333!important; text-decoration: line-through !important; }
.checked .jqRadioButton { border: 0px; background: #ce0231; width: 22px; height: 22px; border-radius: 22px; background-position: 6px 6px; background-size: 10px 9px; }
.jumper, A.link {padding-left: 10px; background-position: left 4px; cursor: pointer; height: 16px; line-height: 16px; margin: 3px 0 3px 0; }
.jumper:hover { text-decoration: underline; }
.toggle { cursor: pointer; overflow: hidden; }
.toggle-closed { background-position: 1px 1px; width: 20px; height: 20px; position: absolute; left: 0px; }
.toggle-opened { background-position: -1px 3px; width: 20px; height: 20px; position: absolute; left: 0px; background-size: 16px; }
.subhead2.toggle { padding: 8px 0px 6px 14px; }
.toggleTd { padding: 10px 0px 7px 18px!important; cursor: pointer; background: #FFF!important; border-bottom: 5px solid #e7e9ea!important; }

/* -- main content -- */
.busyIndicator { display: none; height: 100px; position: absolute; width: 100px; z-index: 9999; margin-left: -200px; }
#busyAnim { position:relative; width:100px; height:100px; margin-top:0; margin-bottom:1.5em; margin-right:1.5em; border-radius:100px; float:left; transform: scale(0.5); animation-name: rotateThis; animation-duration: 2s; animation-iteration-count: infinite; animation-timing-function: linear; }
#busyAnim div { width:10px; height:30px; background:#000; position:absolute; top:35px; left:45px; margin:0; }
.bar1 { transform:rotate(0deg) translate(0, -40px);opacity:0.12; visibility: visible; }
.bar2 { transform:rotate(45deg) translate(0, -40px);opacity:0.25; visibility: visible; }
.bar3 { transform:rotate(90deg) translate(0, -40px);opacity:0.37; visibility: visible; }
.bar4 { transform:rotate(135deg) translate(0, -40px);opacity:0.50; visibility: visible; }
.bar5 { transform:rotate(180deg) translate(0, -40px);opacity:0.62; visibility: visible; }
.bar6 { transform:rotate(225deg) translate(0, -40px);opacity:0.75; visibility: visible; }
.bar7 { transform:rotate(270deg) translate(0, -40px);opacity:0.87; visibility: visible; }
.bar8 { transform:rotate(315deg) translate(0, -40px);opacity:1; visibility: visible; }
@keyframes rotateThis {
  from {transform:scale(0.5) rotate(0deg);}
  to {transform:scale(0.5) rotate(360deg);}
}

.scrollPane { bottom: 0px; left: 0px; position: absolute; right: 0px; top: 0px; }
.jspHorizontalBar { display: none; }

#modelListContainer, #equipmentListContainer, #standardEquipmentContainer, #techdataContainer, #summaryContainer, #financialDataContent, #carstoreList, #renderViewsContainer { top: 0px; position: absolute; bottom: 0px; left: 0px; right: 0px; }
.title { margin-bottom: 3px; }
.header th { padding: 0px 4px 7px 0px; font-size: 12px; font-weight: bold; text-align: left; color: #000; vertical-align: top; }
.data { padding: 11px 10px 11px 0px; line-height: 14px; }

/* - tables - */
/* Default Table */
.contenttable input.text.missingValue, .formtable input.text.missingValue { border: 1px solid red; }
.empty { width: 1px; }

/* - table header and headlines - */
.hidden { display: none; }

/* tablesorter */
.sortableHeader div { display: inline-block; }

/* - shopping cart - */
.cartSubhead { float: left; font-weight: 700; }
.cartItem { clear: both; }
.cartPrice { margin-bottom: 5px; text-align: right; }
.totalBox { border-top: 1px solid #c8cccd; padding-top: 3px; }
.hintWLTPWeightTooLarge, .hintContactAudi { padding: 20px 20px 0px 20px; color: red; }

#shoppingcart { width:  240px; margin-top: 25px; }
#shoppingcart .styled-select { margin-top: 24px; width: 240px; height: 30px; overflow: hidden; background-position: 219px 9px; background-color: #e7e9ea; outline: none; background-size: 15px; }
#shoppingcart .selector { background: transparent; width: 261px; padding: 0px 0px 1px 6px; font-size: 12px; line-height: 13px; border: 0px solid #fff; border-radius: 0px; height: 30px; outline: none; -webkit-appearance: none; -moz-appearance: none; -o-appearance: none; appearance: none; }
#shoppingcart .cartItem { font-weight: bold; font-size: 12px; padding: 0px 10px 5px 0px; }
#shoppingcart .cartPrice { font-size: 12px; }
#shoppingcart .cartSubhead { font-weight: bold; font-size: 12px; padding: 0px 10px 0px 0px; }
#dcc-ie-audi #shoppingcart .cartSubhead { font-size: 11px; padding: 0px 6px 0px 0px; }

#shoppingcart .model { display: none; }
#shoppingcart .cartPriceTd { float: right; text-align: right; vertical-align: top; white-space: nowrap; padding: 0px!important; }
#shoppingcart .cartPriceTotal { font-weight: bold; }
#shoppingcart .cartSubheadDisc {display: block; font-size: 11px; margin-top: -5px; padding-bottom: 1px; }
.shopCo2Emission { padding: 0 0 0 16px; margin: 12px 0 0 0; float: right; background-position: 0 1px; font-weight: bold; cursor: pointer; }
.shopCo2Emission:HOVER { color: #6d7579;  }
.wltpCo2EmissTD1 { float: left; padding-top: 5px; }
.wltpCo2EmissTD2 { text-align: right; padding-top: 5px; }

#shoppingcart .subtotalBox { border-top: 1px solid #c8cccd; padding-top: 3px; }
#shoppingcart .subtotalBox .discount{ color:#5E7A49; padding:2px 0;}
#shoppingcart .subtotalBox .cartSubhead.discount{padding-right:20px; position:relative;}
#shoppingcart .subtotalBox .discountName{max-width:100px; white-space:nowrap; text-overflow: ellipsis; overflow:hidden;}
#shoppingcart .subtotalBox .discount .icon{display:block; width:18px; height:18px; border:1px solid #000; border-radius:50%; position:absolute; top:-2px; right:0; background-position:center center; }


/* shopping cart finance */
#finance .rates select { width: 100%; }
#finance .rate { border: 1px solid; margin: 5px 2px 2px; padding: 5px; }
#finance .rate .title { font-weight: bold; margin-bottom: 1px; }

/* --- footer --- */
#metanavi { border-style: solid; border-width: 1px 0; bottom: 0px; height: 20px; padding: 3px 0; position: absolute; width: 100%; right: 192px; background: #b3b7bd; border-color: #fff; color: #000; }
#metanavi .item { display: block; font-weight: 700; margin: 4px 15px; }
.button-bar { clear: both; }
.button-bar .button:HOVER { opacity:0.80; }

/* --- helper --- */
.clear { clear: both; }
.clear:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.auto-height .layer-content { }
.auto-height .settings { padding: 20px; }
.auto-height .button-bar { padding-top: 10px; }


#infoLayer .body { padding: 20px 25px 20px 25px; font-size: 12px; line-height: 18px; }
#infoLayer .headline { padding: 17px 0px 17px 25px!important; font-size: 12px; font-weight: bold; background: #e7e9ea; margin: 0px; padding: 16px 10px 18px 25px!important; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; }
#infoLayer .close { position: absolute; top: 20px; right: 6px; z-index: 999; height: 25px; width: 25px; cursor: pointer; }
#infoLayer .close .label{ display: none; }
#infoLayer .staticHeader { padding: 8px 0px 7px 0px; border-bottom: 5px solid #e7e9ea; }
#infoLayer .contenttable	{ border-top: 1px solid #e7e9ea; }
#infoLayer .contenttable td { border-bottom: 1px solid #e7e9ea; padding: 7px 9px 7px 9px; border-right: 1px solid #e7e9ea; }
#infoLayer .contenttable td.name { border-left: 1px solid #e7e9ea; border-right: 0px!important; font-weight: bold; }
#infoLayer .contenttable td.head { border-left: 1px solid #e7e9ea; font-weight: bold; }
#infoLayer .button-bar { padding: 0px 0px 10px 0px; height: 50px; background-color: #e7e9ea; -webkit-border-bottom-left-radius: 5px; -webkit-border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; }
#infoLayer #printInfo {  padding-left: 14px; color: #000; cursor: pointer; float: left; margin: 22px 15px 0px 23px; font-weight: bold; }
#infoLayer #printInfo .label  { white-space: nowrap; }
#infoLayer #printInfo:HOVER { color: #6d7579; }


/* status-layer */
#status { width: 720px; }
#status .headline { margin: 0; padding: 17px 45px 17px 25px; background-color: #e7e9ea; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; display: block; }
#status .headline .name { font-size: 12px; font-weight: bold; }
#status .layer-content { padding: 0px 25px 25px 25px; overflow: auto; }
#status .subhead1 TD { padding: 30px 0 5px 0px; }
#status .subhead2 TD { padding: 0px 0px 7px 0px; }
#status .columnHeadCtrl { width: 1%; }
#status .subhead2 .columnHeadName { border-bottom: 5px solid #e7e9ea; width: 400px; }
#status .subhead2 .columnHeadId { border-bottom: 5px solid #e7e9ea; padding-right: 20px; }
#status .subhead2 .columnHeadPrice { border-bottom: 5px solid #e7e9ea; padding-right: 10px; }
#status .subhead2 .columnHeadMedia { border-bottom: 5px solid #e7e9ea; }
#status .columnHeadPrice { border-bottom: 5px solid #e7e9ea; }
#status .columnListPrice { white-space: nowrap; text-align: right; }
#status .row .columnListName  { border-bottom: 1px solid #e7e9ea; padding-right: 20px; border-left: 1px solid #e7e9ea; }
#status .row .columnListId  { border-bottom: 1px solid #e7e9ea; padding-right: 20px; }
#status .row .columnListPrice  { border-bottom: 1px solid #e7e9ea; padding-right: 10px; }
#status .row .columnListMedia  { border-bottom: 1px solid #e7e9ea; border-right: 1px solid #e7e9ea; }
#status .row .nameLabel { width: 100%; padding: 7px 0px 7px 0px; }
#status .noConflictText { padding: 25px 0px 0px 0px; }
#status .accept { position: absolute; top: 12px; right: 13px; z-index: 999; height: 25px; width: 25px; cursor: pointer; }

/* transfer */
#transfer { z-index: 3000; width: 840px; height: 715px; }
#transfer .headline { margin: 0; padding: 17px 0px 17px 25px; background-color: #e7e9ea; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; display: block; }
#transfer .headline .name { font-size: 12px; font-weight: bold; }
#transfer .layer-content { padding: 0px 25px 25px 25px;}
#transfer .scrollPane  { position: absolute; top: 76px; bottom: 76px; left: 25px; right: 25px; height: 500px; }
#transfer .subhead1 TD { padding: 30px 0 5px 0px; }
#transfer .subhead2 TD { padding: 0px 0px 7px 0px; }
#transfer .subhead2 .columnHeadName { border-bottom: 5px solid #e7e9ea; }
#transfer .subhead2 .columnHeadId { border-bottom: 5px solid #e7e9ea; }
#transfer .subhead2 .columnHeadPrice { border-bottom: 5px solid #e7e9ea; padding-right: 10px; }
#transfer .subhead2 .columnHeadMedia { border-bottom: 5px solid #e7e9ea; }
#transfer .warning 			{ padding: 17px 0px 10px 0px; font-weight: bold; }
#transfer .columnHeadName	{ width: 480px; }
#transfer .columnHeadId		{ width: 100px; }
#transfer .columnHeadPrice	{ white-space: nowrap; text-align: right; }
#transfer .row .columnListCtrl  { border-bottom: 1px solid #e7e9ea; border-left: 1px solid #e7e9ea; }
#transfer .row .columnListName  { border-bottom: 1px solid #e7e9ea; border-left: 1px solid #e7e9ea; padding: 0px 10px 0px 10px; }
#transfer .row .columnListId  { border-bottom: 1px solid #e7e9ea; padding-left: 0px; }
#transfer .row .columnListPrice  { border-bottom: 1px solid #e7e9ea; padding-right: 10px; border-right: 1px solid #e7e9ea; padding-right: 10px; text-align: right; }
#transfer .row .columnListMedia  { border-bottom: 1px solid #e7e9ea; border-right: 1px solid #e7e9ea; }
#transfer .button-bar { position: absolute; bottom: 0px; width: 100%; height: 50px; background-color: #e7e9ea; -webkit-border-bottom-left-radius: 5px; -webkit-border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; }
#transfer .button { background: #000; height: 30px; padding: 0px 11px 0px 15px; cursor: pointer; float: right!important; margin: 10px 19px 10px 0px; }
#transfer .button .icon { height: 20px; width: 12px; float: right; background-position: -2px 7px; }
#transfer .button .label { font-weight: bold; margin-top: 7px; font-size: 12px; background: #000!important; color: #FFF; float: right; }
#transfer .button .iconCancel { float: right; width: 12px; height: 20px; }
#transfer .label  { padding: 0px 7px 0px 0px!important; }
#transfer .iconPrev { float: right; }
#transfer .iconNext { float: right; }



/* audiCode */
#audiCodeOpenLayer { width: 418px; }
#audiCodeOpenLayer #audiCodeOpenContent { padding: 0px 0px 10px 0px; }
#audiCodeOpenLayer .dlgBox, #audiCodeCreateLayer .dlgBox { }
#audiCodeOpenLayer H2, #audiCodeCreateLayer H2 { font-size: 12px; font-weight: bold; background: #e7e9ea; margin: 0px; padding: 16px 45px 18px 25px; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; }
#audiCodeOpenLayer .close, #audiCodeCreateLayer .close { position: absolute; top: 12px; right: 13px; z-index: 999; height: 25px; width: 25px; cursor: pointer; }
#audiCodeOpenLayer .close .label{ display: none; }
#audiCodeOpenContent .field { font-size: 12px; }
#audiCodeOpenLayer .field { padding: 30px 10px 10px 25px; display: block; }
#audiCodeOpenLayer input { position: absolute; left: 26px; top: 113px; z-index: 1; border: 2px solid #e2e3e7; padding: 8px 8px 8px 8px; width: 300px; color: #6d7579; outline: none; color: #000; }
#audiCodeOpenLayer .error input { border: 2px solid #d5302c; }
#audiCodeOpenLayer .errorText { clear: both; color: #d5302c; padding: 16px 0px 10px 0px; }
#audiCodeOpenLayer .remarks { margin: 0px; padding: 10px 10px 10px 25px; }
#audiCodeOpenLayer .button-bar { width: 100%; height: 30px; clear: both; }
#audiCodeOpenLayer .apply {  margin: 0px 10px 10px 0px; padding: 0px 0px 0px 0px; background-color: #6d7579; float: right; cursor: pointer; }
#audiCodeOpenLayer .apply .iconNext { float: right; background-position: 1px 6px; width: 23px; height: 30px; }
#audiCodeOpenLayer .apply .label  { margin-top: 7px; padding: 0px 20px 0px 13px; float: left; color: #FFF; white-space: nowrap; }


/* audiCode Rescue */
#audiCodeRescueLayer { width: 635px; }
#audiCodeRescueLayer #audiCodeOpenContent { padding: 0px 0px 10px 0px; }
#audiCodeRescueLayer H2 { font-size: 12px; font-weight: bold; background: #e7e9ea; margin: 0px; padding: 16px 10px 18px 25px; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; }
#audiCodeRescueLayer H3 { font-size: 12px; margin: 0px; padding: 25px 10px 0px 25px; }
#audiCodeRescueLayer .close, #audiCodeCreateLayer .close { position: absolute; top: 20px; right: 5px; z-index: 999; height: 25px; width: 25px; cursor: pointer; }
#audiCodeRescueLayer .close .label{ display: none; }
#audiCodeRescueLayer .inputDiv { padding: 20px 0px 0px 25px; clear: both; }
#audiCodeRescueLayer .error input { border: 1px solid #d5302c; }
#audiCodeRescueLayer input { z-index: 1; border: 1px solid #e2e3e7; padding: 8px 8px 8px 8px; width: 200px; color: #6d7579; outline: none; color: #000; font-size: 12px; }
#audiCodeRescueLayer .errorText { position: absolute; left: 255px; top: 119px; width: 365px; color: #d5302c; }
#audiCodeRescueLayer .remarks { margin: 0px; padding: 22px 10px 10px 25px; }
#audiCodeRescueLayer .button-bar { margin: 2px 0px 0px 0px; height: 63px; background-color: #e7e9ea; -webkit-border-bottom-left-radius: 5px; -webkit-border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; }
#audiCodeRescueLayer .apply {  margin: 16px 16px 0px 0px; padding: 0px 0px 0px 0px; background-color: #6d7579; float: right; cursor: pointer; }
#audiCodeRescueLayer .apply .iconNext { float: right; background-position: 1px 6px; width: 23px; height: 30px; }
#audiCodeRescueLayer .apply .label  { margin-top: 7px; padding: 0px 5px 0px 13px; float: left; color: #FFF; white-space: nowrap; }
#audiCodeRescueLayer .new	{  margin: 16px 16px 0px 0px; padding: 0px 0px 0px 0px; background-color: #6d7579; float: right; cursor: pointer; }
#audiCodeRescueLayer .new .iconNext { float: right; background-position: 1px 6px; width: 23px; height: 30px; }
#audiCodeRescueLayer .new .label  { margin-top: 7px; padding: 0px 5px 0px 13px; float: left; color: #FFF; white-space: nowrap; max-width: 250px; }
#audiCodeRescueLayer .newconfig {  margin: 16px 16px 0px 0px; padding: 0px 0px 0px 0px; background-color: #6d7579; float: right; cursor: pointer;  }
#audiCodeRescueLayer .newconfig .iconNext { float: right; background-position: 1px 6px; width: 23px; height: 30px; }
#audiCodeRescueLayer .newconfig .label  { margin-top: 7px; padding: 0px 5px 0px 13px; float: left; color: #FFF; white-space: nowrap; }
#audiCodeRescueLayer .errorOk {  margin: 16px 16px 0px 0px; padding: 0px 0px 0px 0px; background-color: #6d7579; float: right; cursor: pointer;  }
#audiCodeRescueLayer .errorOk .iconNext { float: right; background-position: 0px 7px; width: 23px; height: 30px; }
#audiCodeRescueLayer .errorOk .label  { margin-top: 7px; padding: 0px 5px 0px 13px; float: left; color: #FFF; white-space: nowrap; }
#audiCodeRescueLayer .applyErrorEntry {  margin: 16px 16px 0px 0px; padding: 0px 0px 0px 0px; background-color: #6d7579; float: right; cursor: pointer;  }
#audiCodeRescueLayer .applyErrorEntry .iconNext { float: right; background-position: 0px 7px; width: 23px; height: 30px; }
#audiCodeRescueLayer .applyErrorEntry .label  { margin-top: 7px; padding: 0px 5px 0px 13px; float: left; color: #FFF; white-space: nowrap; }
#audiCodeRescueLayer .print {  margin: 16px 16px 0px 0px; padding: 0px 0px 0px 0px; background-color: #6d7579; float: right; cursor: pointer;  }
#audiCodeRescueLayer .print .iconNext { float: right; background-position: 1px 6px; width: 23px; height: 30px; }
#audiCodeRescueLayer .print .label  { margin-top: 7px; padding: 0px 5px 0px 13px; float: left; color: #FFF; white-space: nowrap; }


#audiCodeRescueContent .txt1 { padding: 20px 0px 0px 25px; }
#audiCodeRescueContent .model { padding: 20px 25px 0px 25px; font-weight: bold; }
#audiCodeRescueContent .baseCell { float: left; margin-top: 10px; padding: 0px 0px 0px 0px; }
#audiCodeRescueContent .baseCell.long { width: 100%; float: left; margin-top: 25px; }
#audiCodeRescueContent .baseCell.long .model { padding-bottom: 15px; }
#audiCodeRescueContent .imgCell { float: left; text-align: right; margin-top: 10px; vertical-align: top; }
#audiCodeRescueContent .imgCell .int { margin-right: 5px; max-height: 90px; }
#audiCodeRescueContent .imgCell .ext { max-height: 90px; }
#audiCodeRescueContent .firstTable { margin: 0px 0px 0px 0px; }
#audiCodeRescueContent .label { padding: 0px; border: 0px; }
#audiCodeRescueContent .value { padding: 0px; border: 0px; }
#audiCodeRescueContent .firstDiv { padding: 2px 0px 0px 0px; width: 290px; }
#audiCodeRescueContent .firstDiv .label { padding-left: 25px!important; }
#audiCodeRescueContent .firstDiv .value { white-space: nowrap; text-align: right; padding-right: 10px; }
#audiCodeRescueContent #showConfigDetails { height: 30px; background: #e7e9e9; padding: 0px 13px 0px 10px; clear: both; float: left; margin: 10px 0px 0px 25px; cursor: pointer; }
#audiCodeRescueContent #showConfigDetails .label { line-height: 28px; }
#audiCodeRescueContent #showConfigDetails .icon { width: 30px; height: 30px; float: right; background-position: right 7px; }
#audiCodeRescueContent #showConfigDetails:hover { background-color: #a7acaf; }
#audiCodeRescueContent #showConfigDetails:hover SPAN { color: #FFF; background-position: right -19px; }
#audiCodeRescueContent .taben { width: 597px; height: 31px; clear: both; padding: 0px 0px 0px 0px; border-bottom: 1px solid #e7e9e9; margin: 10px 25px 0px 25px; display: none; }
#audiCodeRescueContent .tab { height: 30px; border: 1px solid #e7e9e9; line-height: 27px; float: left; padding: 0px 14px 0px 14px; background: #e7e9e9; border-right: 1px solid #FFF; cursor: pointer; }
#audiCodeRescueContent .taben .active { background-color: #FFF; cursor: default; }
#audiCodeRescueContent .tab:hover { background-color: #a7acaf; color: #FFF; }
#audiCodeRescueContent #standard { border-right: 1px solid #e7e9e9!important; }
#audiCodeRescueContent #technical { border-right: 1px solid #e7e9e9!important; border-left: 1px solid #FFF!important; }
#audiCodeRescueContent .scrollPaneLayer { margin: 10px 0px 0px 27px; height: 242px; overflow: auto; width: 595px; }
#audiCodeRescueContent #optionsPane  { display: none; }
#audiCodeRescueContent #standardPane  { display: none; }
#audiCodeRescueContent #technicalPane { display: none; }
#audiCodeRescueContent #trennLinie { border-bottom: 1px solid #e7e9e9; margin: 10px 13px 0px 25px; display: none; }
#audiCodeRescueContent .title { font-weight: bold; padding: 0px 0px 0px 0px; margin: 0px; }
#audiCodeRescueContent .exterieurTable { margin-bottom: 21px; }
#audiCodeRescueContent .exterieurTable TD { padding: 1px; border: 0px; vertical-align: top; }
#audiCodeRescueContent .exterieurTable TD.td1 { width: 70%; }
#audiCodeRescueContent .exterieurTable TD.td2 { width: 12%; white-space: nowrap; padding-right: 10px; }
#audiCodeRescueContent .exterieurTable TD.td3 { text-align: right; font-weight: bold; width: 18%; white-space: nowrap; }
#audiCodeRescueContent .optionTable TD { padding: 2px; border: 0px; vertical-align: top; }
#audiCodeRescueContent .optionTable TD.td1 { padding-left: 0px; width: 70%; }
#audiCodeRescueContent .optionTable TD.td2 { width: 10%; }
#audiCodeRescueContent .optionTable TD.td3 { text-align: right; padding-right: 0px; font-weight: bold; width: 20%; white-space: nowrap; }
#audiCodeRescueContent .standardTable TD { padding: 2px; border: 0px; vertical-align: top; }
#audiCodeRescueContent .standardTable TD.td1 { width: 80%; padding-left: 0px; }
#audiCodeRescueContent .standardTable TD.td2 { width: 20%; padding-right: 25px; text-align: right; }
#audiCodeRescueContent .accessoryTable TD { padding: 2px; border: 0px; vertical-align: top; }
#audiCodeRescueContent .accessoryTable TD.td1 { padding-left: 13px; width: 70%; }
#audiCodeRescueContent .accessoryTable TD.td2 { width: 10%; }
#audiCodeRescueContent .accessoryTable TD.td3 { text-align: right; padding-right: 25px; font-weight: bold; width: 20%; white-space: nowrap; }
#audiCodeRescueContent .incentiveTable TD { padding: 2px; border: 0px; vertical-align: top; }
#audiCodeRescueContent .incentiveTable TD.td1 { padding-left: 0px; width: 70%; }
#audiCodeRescueContent .incentiveTable TD.td2 { width: 10%; }
#audiCodeRescueContent .incentiveTable TD.td3 { text-align: right; padding-right: 0px; font-weight: bold; width: 20%; white-space: nowrap; }
#audiCodeRescueContent P.red  { padding: 19px 25px 0px 25px; color: #cc0033; margin: 0px; }
#audiCodeRescueContent P.red2 { padding: 19px 25px 0px 25px; color: #cc0033; margin: 0px; line-height: 18px; }
#audiCodeRescueContent P     { padding: 16px 25px 0px 25px; margin: 0px; }
#audiCodeRescueContent .standardTable P	{ padding: 0px; margin: 0px; }
#audiCodeRescueContent .button-bar { margin-top: 17px; clear: both; }
#audiCodeRescueContent .hiddenErrorText { display: none; }
#audiCodeRescueContent .header { border-top: 1px solid #c8cccd; }
#audiCodeRescueContent .header DIV { display: none; }
#audiCodeRescueContent .headline { color: #000; font-size: 12px; font-weight: bold; padding: 20px 0px 5px 0px; border-bottom: 5px solid #e7e9ea; }
#audiCodeRescueContent H4 { padding-top: 0px; }
#audiCodeRescueContent .first { padding-top: 0px; }
#audiCodeRescueContent .keyvalue .name { padding: 10px 5px 10px 12px; border-bottom: 1px solid #e7e9ea; border-left: 1px solid #e7e9ea; width: 20%; white-space: nowrap; }
#audiCodeRescueContent .keyvalue .value { padding: 10px 5px 10px 12px; border-bottom: 1px solid #e7e9ea; border-left: 1px solid #e7e9ea; border-right: 1px solid #e7e9ea; }
#audiCodeRescueContent .sectionHeadline { color: #000; font-size: 12px; font-weight: bold; padding: 20px 0px 5px 0px; border-bottom: 5px solid #e7e9ea; }

/* audiCode Create */
#audiCodeCreateLayer #audiCodeCreateContent { padding: 0px 0px 10px 0px;  }
#audiCodeCreateLayer #audiCodeCreateContent P { padding: 0px;  margin: 0px; }
#audiCodeCreateLayer  .close .label{ display: none; }
#audiCodeCreateLayer .audiCode { display: block; text-align: center; font-size: 14px; padding: 0px 20px 20px 25px; font-weight: bold; }
#audiCodeCreateLayer .audiCode span { font-size: 24px; background: #e7e9ea; padding: 10px 15px 10px 15px;  font-weight: normal; }
#audiCodeCreateLayer .text { display: block; padding: 20px 20px 20px 25px; font-size: 12px; }

/* conversion Result*/
#conversionResultLayer { width: 935px; background: #FFF; height: 200px;}
#conversionResultLayer H2 { font-size: 12px; font-weight: bold; background: #e7e9ea; margin: 0px; padding: 16px 10px 18px 25px; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; }
#conversionResultLayer .close, #audiCodeCreateLayer .close { position: absolute; top: 20px; right: 5px; z-index: 999; height: 25px; width: 25px; cursor: pointer; }
#conversionResultLayer .close .label{ display: none; }
#conversionResultLayer .text { display: block; padding: 20px 20px 20px 25px; font-size: 12px; color: red; }
#conversionResultLayer .prstring { padding: 5px; background-color: #e7e9ea; margin: 5px 0 20px 0; }
#conversionResultLayer .layer-content { padding: 0px 25px 25px 25px;}
#conversionResultLayer .subhead2 TD { padding: 0px 0px 7px 0px; }
#conversionResultLayer .subhead2 .columnHeadName { border-bottom: 5px solid #e7e9ea; width: 400px; }
#conversionResultLayer .row .columnListName  { border-bottom: 1px solid #e7e9ea; padding-right: 20px; border-left: 1px solid #e7e9ea; border-right: 1px solid #e7e9ea;}
#conversionResultLayer .row .nameLabel { width: 100%; padding: 9px 0px 9px 0px; }
#conversionResultLayer .button-bar { padding: 0px 0px 10px 0px; height: 50px; background-color: #e7e9ea; -webkit-border-bottom-left-radius: 5px; -webkit-border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; }
#conversionResultLayer .button-bar .button { float: right; margin: 10px 25px 0px 0px; background-color: #6d7579; cursor: pointer; }
#conversionResultLayer .button-bar .label  { margin-top: 7px; padding: 0px 20px 0px 13px; float: left; color: #FFF; white-space: nowrap; }
#conversionResultLayer .button-bar .iconCancel { float: right; background-position: 0px 7px; width: 23px; height: 30px; cursor: pointer; }

/* media-layer */
#mediaLayer { z-index: 3000; width: 760px; height: 645px; }
#mediaLayer.layers .top { height: 60px; padding: 0px; margin: 0px; overflow: hidden; background-color: #e7e9ea; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; }
#mediaLayer .headline { max-width: 600px; margin: 0; padding: 17px 50px 17px 25px; height: 18px; overflow: hidden; }
#mediaLayer .headline .prnr { font-size: 12px; font-weight: bold; line-height: 18px; }
#mediaLayer .headline .name { font-size: 12px; font-weight: bold; line-height: 18px; }
#mediaLayer .thumbsDiv { padding: 23px 15px 0px 25px; }
#mediaLayer .previewImage { margin: 0px 9px 0px 0px; vertical-align: top; float: left; padding: 0px; }
#mediaLayer .thumb { -ms-interpolation-mode: bicubic; }
#mediaLayer .scrollPane  { position: absolute; top: 173px; bottom: 76px; left: 25px; right: 25px; }
#mediaLayer .single .scrollPane  { position: absolute; top: 88px; bottom: 76px; left: 25px; right: 25px; }
#mediaLayer .subhead2 { display: none; }
#mediaLayer #textDiv { margin: 0px 25px 15px 0px; }
#mediaLayer .pre { padding: 0px 0px 0px 0px; clear: both; line-height: 18px; }
#mediaLayer .detail { display: none; }
#mediaLayer .detail img { -ms-interpolation-mode: bicubic; max-width: 680px; }
#mediaLayer .forced { border: 2px solid red; }
#mediaLayer .text.forced { padding: 5px; }
#mediaLayer .ak_headline { font-weight: bold; line-height: 20px; padding: 0px 0px 0px 0px; }
#mediaLayer .ak_text { line-height: 20px; padding: 0px 0px 0px 0px; }
#mediaLayer .ak_remarks { line-height: 20px; padding: 0px 0px 0px 0px; }
#mediaLayer .layerContent UL {padding: 10px 0px 10px 16px; margin: 0px; list-style-type: square; }
#mediaLayer .layerContent LI {padding: 2px 0px 0px 7px; margin: 0px; }
#mediaLayer .thumb-selected { border-bottom: 2px solid #ce0231; padding-bottom: 5px; }
#mediaLayer .mediaContent A {color: #ce0231; }
#mediaLayer .close { position: absolute; top: 20px; right: 6px; z-index: 999; height: 25px; width: 25px; cursor: pointer; }
#mediaLayer .close .label{ display: none; }
#mediaLayer .button-bar { position: absolute; bottom: 0px; width: 100%; height: 50px; background-color: #e7e9ea; -webkit-border-bottom-left-radius: 5px; -webkit-border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; }
#mediaLayer #printMedia { padding-left: 14px; color: #000; cursor: pointer; float: left; margin: 17px 15px 0px 23px; font-weight: bold; background-position: -1px 0px; }
#mediaLayer #printMedia .label  { white-space: nowrap; padding: 0px; }
#mediaLayer #printMedia:HOVER { color: #6d7579; }
#mediaLayer .tyreTitle { font-weight: bold; padding: 0px 0 0px 0; }
#mediaLayer .tyreLink { margin: 12px 0 12px 0; display: block; }
#mediaLayer .tyrelabelImage { width: 200px; }
#mediaLayer .multiTxt { padding: 0px 0 16px 0; width: 300px; }
#mediaLayer .tyreLinkPDF { margin: 12px 0 12px 0; display: block; padding: 4px 0 30px 30px; background-repeat: no-repeat; background-position: 1px 0px; display: block; background-image: url(https://mediaservice.audi.com/media/b2c/v6-common/img-HEAD.zip/v6/icons/pdf_icon.png); background-size: 21px; }

/* Video */
#mediaLayer .placeholder { margin: 0px; padding: 0px; clear: both; }


#mediaForcedLayer { z-index: 3000; width: 760px; height: 615px; }
#mediaForcedLayer.layers .top { height: 60px; padding: 0px; margin: 0px; overflow: hidden; background-color: #e7e9ea; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; }
#mediaForcedLayer .headline { max-width: 600px; margin: 0; padding: 17px 50px 17px 25px; height: 18px; overflow: hidden; }
#mediaForcedLayer .headline .prnr { font-size: 12px; font-weight: bold; }
#mediaForcedLayer .headline .name { font-size: 12px; font-weight: bold; }
#mediaForcedLayer .thumbsDiv { padding: 23px 15px 0px 25px; }
#mediaForcedLayer .previewImage { margin: 0px 9px 0px 0px; vertical-align: top; float: left; padding: 0px; }
#mediaForcedLayer .thumb { -ms-interpolation-mode: bicubic; }
#mediaForcedLayer .scrollPane  { position: absolute; top: 173px; bottom: 76px; left: 25px; right: 25px; }
#mediaForcedLayer .single .scrollPane  { position: absolute; top: 88px; bottom: 76px; left: 25px; right: 25px; }
#mediaForcedLayer .subhead2 { display: none; }
#mediaForcedLayer #textDiv { margin: 0px 25px 15px 0px; }
#mediaForcedLayer .pre { padding: 0px 0px 0px 0px; clear: both; line-height: 18px; }
#mediaForcedLayer .detail { display: none; }
#mediaForcedLayer .detail img { -ms-interpolation-mode: bicubic; max-width: 650px; }
#mediaForcedLayer .forced { border: 2px solid red; }
#mediaForcedLayer .text.forced { padding: 5px; }
#mediaForcedLayer .ak_headline { font-weight: bold; line-height: 20px; padding: 0px 0px 0px 0px; }
#mediaForcedLayer .ak_text { line-height: 20px; padding: 0px 0px 0px 0px; }
#mediaForcedLayer .ak_remarks { line-height: 20px; padding: 0px 0px 0px 0px; }
#mediaForcedLayer .layerContent UL {padding: 10px 0px 10px 16px; margin: 0px; list-style-type: square; }
#mediaForcedLayer .layerContent LI {padding: 2px 0px 0px 7px; margin: 0px; }
#mediaForcedLayer .thumb-selected { border-bottom: 2px solid #ce0231; padding-bottom: 5px; }
#mediaForcedLayer .mediaContent A {color: #ce0231; }
#mediaForcedLayer .close { position: absolute; top: 20px; right: 13px; z-index: 999; height: 25px; width: 25px; cursor: pointer; }
#mediaForcedLayer .close .label{ display: none; }
#mediaForcedLayer .button-bar { position: absolute; bottom: 0px; width: 100%; height: 50px; background-color: #e7e9ea; -webkit-border-bottom-left-radius: 5px; -webkit-border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; }
#mediaForcedLayer #printMedia {  padding-left: 14px; color: #000; cursor: pointer; float: left; margin: 17px 15px 0px 23px; font-weight: bold; background-position: -2px 0px; }
#mediaForcedLayer #printMedia .label  { white-space: nowrap; padding: 0px; }
#mediaForcedLayer #printMedia:HOVER { color: #6d7579; }

/* wltp-layer */
#wltpLayer { z-index: 3000; width: 760px; height: 645px; }
#wltpLayer.layers .top { height: 60px; padding: 0px; margin: 0px; overflow: hidden; background-color: #e7e9ea; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; }
#wltpLayer .top .headline { max-width: 600px; margin: 0; padding: 17px 50px 17px 25px; height: 18px; overflow: hidden; }
#wltpLayer .top .headline .prnr { font-size: 12px; font-weight: bold; line-height: 18px; }
#wltpLayer .top .headline .name { font-size: 12px; font-weight: bold; line-height: 18px; }
#wltpLayer .scrollPane  { position: absolute!important; top: 73px!important; bottom: 25px!important; left: 25px!important; right: 9px!important; }
#wltpLayer .ss-content  { padding-right: 25px; }
#wltpLayer .wltpContent .subhead2 { display: none; }
#wltpLayer .close { position: absolute; top: 20px; right: 12px; z-index: 999; height: 25px; width: 25px; cursor: pointer; }
#wltpLayer .close .label{ display: none; }
#wltpLayer .button-bar { position: absolute; bottom: 0px; width: 100%; height: 50px; background-color: #e7e9ea; -webkit-border-bottom-left-radius: 5px; -webkit-border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; }
#wltpLayer .wltpContent .headline { color: #000; font-size: 12px; font-weight: bold; padding: 20px 0px 5px 0px; border-bottom: 5px solid #e7e9ea; }
#wltpLayer .wltpContent H4 { padding-top: 0px; margin: 0px;}
#wltpLayer .wltpContent .first { padding-top: 0px; }
#wltpLayer .wltpContent .keyvalue .name { padding: 10px 5px 10px 12px; border-bottom: 1px solid #e7e9ea; border-left: 1px solid #e7e9ea; width: 20%; white-space: nowrap; }
#wltpLayer .wltpContent .keyvalue .value { padding: 10px 5px 10px 12px; border-bottom: 1px solid #e7e9ea; border-left: 1px solid #e7e9ea; border-right: 1px solid #e7e9ea; }
#wltpLayer .wltpContent .sectionHeadline { color: #000; font-size: 12px; font-weight: bold; padding: 20px 0px 5px 0px; border-bottom: 5px solid #e7e9ea; }
#wltpLayer .wltpContent IMG { margin: 10px 0px 10px 8px; }
#wltpLayer .wltpContent .wltpLink { position: absolute; right: 11px; background-position: 0px 2px; padding-top: 1px; padding-left: 14px; color: #000; cursor: pointer; font-weight: bold; margin-top: -19px; }
#wltpLayer .wltpContent .wltpLink A { text-decoration: none; color: #000; }

/* model-discount-layer */
#modelDiscountLayer { z-index: 3000; width: 760px; height: 645px; }
#modelDiscountLayer.layers .top { height: 60px; padding: 0px; margin: 0px; overflow: hidden; background-color: #e7e9ea; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; }
#modelDiscountLayer .top .headline { max-width: 600px; margin: 0; padding: 17px 50px 17px 25px; height: 18px; overflow: hidden; }
#modelDiscountLayer .top .headline .prnr { font-size: 12px; font-weight: bold; line-height: 18px; }
#modelDiscountLayer .top .headline .name { font-size: 12px; font-weight: bold; line-height: 18px; }
#modelDiscountLayer .scrollPane  { position: absolute!important; top: 73px!important; bottom: 25px!important; left: 25px!important; right: 9px!important; }
#modelDiscountLayer .ss-content  { padding-right: 25px; }
#modelDiscountLayer .modelDiscountContent .subhead2 { display: none; }
#modelDiscountLayer .close { position: absolute; top: 20px; right: 12px; z-index: 999; height: 25px; width: 25px; cursor: pointer; }
#modelDiscountLayer .close .label{ display: none; }
#modelDiscountLayer .button-bar { position: absolute; bottom: 0px; width: 100%; height: 50px; background-color: #e7e9ea; -webkit-border-bottom-left-radius: 5px; -webkit-border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; }
#modelDiscountLayer .modelDiscountContent .info{margin:10px 0 0;}
#modelDiscountLayer .modelDiscountContent .info + h2{margin-top:30px;}
#modelDiscountLayer .modelDiscountContent table { border:1px solid #e7e9ea; border-collapse:collapse;}
#modelDiscountLayer .modelDiscountContent table thead th{ background:#e7e9ea; padding: 10px 5px 10px 12px; text-align:left;}
#modelDiscountLayer .modelDiscountContent table tbody td{ padding: 10px 5px 10px 12px; border:1px solid #e7e9ea;}
#modelDiscountLayer .modelDiscountContent table tbody .name{ font-weight:700;}
#modelDiscountLayer .modelDiscountContent table tbody .period, #modelDiscountLayer .modelDiscountContent table tbody .value{ text-wrap:nowrap}

/* single-discount-layer */
#singleDiscountLayer{ z-index:3000; width:760px; height:450px; }
#singleDiscountLayer.layers .top { height: 60px; padding: 0px; margin: 0px; overflow: hidden; background-color: #e7e9ea; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; }
#singleDiscountLayer .top .headline { max-width: 600px; margin: 0; padding: 17px 50px 17px 25px; height: 18px; overflow: hidden; }
#singleDiscountLayer .top .headline .prnr { font-size: 12px; font-weight: bold; line-height: 18px; }
#singleDiscountLayer .top .headline .name { font-size: 12px; font-weight: bold; line-height: 18px; }
#singleDiscountLayer .scrollPane  { position: absolute!important; top: 73px!important; bottom: 25px!important; left: 25px!important; right: 9px!important; }
#singleDiscountLayer .ss-content  { padding-right: 25px; }
#singleDiscountLayer .close { position: absolute; top: 20px; right: 12px; z-index: 999; height: 25px; width: 25px; cursor: pointer; }
#singleDiscountLayer .close .label{ display: none; }
#singleDiscountLayer .button-bar { position: absolute; bottom: 0; width: 100%; height: 50px; background-color: #e7e9ea; -webkit-border-bottom-left-radius: 5px; -webkit-border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; }
#singleDiscountLayer .singleDiscountContent table { border:1px solid #e7e9ea; border-collapse:collapse;}
#singleDiscountLayer .singleDiscountContent table tbody td{ padding: 10px 5px 10px 12px; border:1px solid #e7e9ea;}
#singleDiscountLayer .singleDiscountContent table tbody .name{ font-weight:700;}
#singleDiscountLayer .singleDiscountContent .info{margin:10px 0 0;}

#singleDiscountPriceLayer{ z-index:3000; width:760px; height:300px; }
#singleDiscountPriceLayer.layers .top { height: 60px; padding: 0; margin: 0; overflow: hidden; background-color: #e7e9ea; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; }
#singleDiscountPriceLayer .top .headline { max-width: 600px; margin: 0; padding: 17px 50px 17px 25px; height: 18px; overflow: hidden; }
#singleDiscountPriceLayer .top .headline .prnr { font-size: 12px; font-weight: bold; line-height: 18px; }
#singleDiscountPriceLayer .top .headline .name { font-size: 12px; font-weight: bold; line-height: 18px; }
#singleDiscountPriceLayer .scrollPane  { position: absolute!important; top: 73px!important; bottom: 25px!important; left: 25px!important; right: 9px!important; }
#singleDiscountPriceLayer .ss-content  { padding-right: 25px; }
#singleDiscountPriceLayer .close { position: absolute; top: 20px; right: 12px; z-index: 999; height: 25px; width: 25px; cursor: pointer; }
#singleDiscountPriceLayer .close .label{ display: none; }
#singleDiscountPriceLayer .button-bar { position: absolute; bottom: 0; width: 100%; height: 50px; background-color: #e7e9ea; -webkit-border-bottom-left-radius: 5px; -webkit-border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; }
#singleDiscountPriceLayer .singleDiscountContent table { border:1px solid #e7e9ea; border-collapse:collapse;}
#singleDiscountPriceLayer .singleDiscountContent table tbody td{ padding: 10px 5px 10px 12px; border:1px solid #e7e9ea;}
#singleDiscountPriceLayer .singleDiscountContent table tbody .name{ font-weight:700;}

#discountpage .info{margin:10px 0 0;}

#discountList .discountTable{border-collapse:collapse}
#discountList .discountTable tbody .col{padding:11px 10px 10px 0; border-top:1px solid #e7e9ea; border-bottom:1px solid #e7e9ea;}
#discountList .discountTable tbody .columnListName{padding:0px 10px 0px 0px; border-left:1px solid #e7e9ea}
#discountList .discountTable tbody .columnListName .columnCtrl{width:40px;}
#discountList .discountTable tbody .columnListPeriod, #discountList .discountTable tbody .columnListValue{width:200px;}
#discountList .discountTable tbody tr:first-child .col{border-top-width: 5px;}
#discountList .discountTable tbody .columnListInfo{border-right:1px solid #e7e9ea; padding-right:0; width:150px;}
#discountList .discountTable tbody .columnListInfo span{ cursor: pointer; border-bottom:1px solid #000;}
#discountList .discountTable tbody .columnListInfo span:hover{ border-bottom-color:transparent;}

#techdataPage .scrollPane { top: 0px; }
#techdataContainer .header { border-top: 1px solid #c8cccd; }
#techdataContainer .header DIV { display: none; }
#techdataContainer .headline { color: #000; font-size: 12px; font-weight: bold; padding: 20px 0px 5px 0px; border-bottom: 5px solid #e7e9ea; }
#techdataContainer H4 { padding-top: 0px; }
#techdataContainer .first { padding-top: 0px; }
#techdataContainer .keyvalue .name { padding: 10px 5px 10px 12px; border-bottom: 1px solid #e7e9ea; border-left: 1px solid #e7e9ea; width: 20%; white-space: nowrap; }
#techdataContainer .keyvalue .value { padding: 10px 5px 10px 12px; border-bottom: 1px solid #e7e9ea; border-left: 1px solid #e7e9ea; border-right: 1px solid #e7e9ea; }
#techdataContainer .sectionHeadline { color: #000; font-size: 12px; font-weight: bold; padding: 20px 0px 5px 0px; border-bottom: 5px solid #e7e9ea; }
#techdataContainer .wltpLink { position: absolute; right: 11px; background-position: 0px 2px; padding-top: 1px; padding-left: 14px; color: #000; cursor: pointer; font-weight: bold; margin-top: -19px; }
#techdataContainer .wltpLink A { text-decoration: none; color: #000; }

#digitalGiveawayOpenLayerBackground {background-color: #000; height: 100%; width: 100%; position: fixed; left: 0px; top: 0px; z-index: 2999; opacity: 0.25; visibility: visible; }
#digitalGiveawayOpenLayer { z-index:3000; width:320px; min-height:230px; z-index:3000; position: absolute; top:50%; left:50%; margin:-90px 0 0 -160px; background-color: #FFF; border-radius: 5px; box-shadow: 0px 0px 5px 5px #888; }
#digitalGiveawayOpenLayer .top { height: 60px; padding: 0; margin: 0; overflow: hidden; background-color: #e7e9ea; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; }
#digitalGiveawayOpenLayer .top .headline { max-width: 600px; margin: 0; font-weight: bold; padding: 17px 50px 17px 25px; height: 18px; overflow: hidden; }
#digitalGiveawayOpenLayer .scrollPane  { position: absolute!important; top: 73px!important; bottom: 25px!important; left: 25px!important; right: 9px!important; }
#digitalGiveawayOpenLayer .ss-content  { padding-right: 25px; }
#digitalGiveawayOpenLayer .close { position: absolute; top: 20px; right: 12px; z-index: 999; height: 25px; width: 25px; cursor: pointer; }
#digitalGiveawayOpenLayer .close .label{ display: none; }
#digitalGiveawayOpenLayer .button-bar { position: absolute; bottom: 0; width: 100%; height: 50px; background-color: #e7e9ea; -webkit-border-bottom-left-radius: 5px; -webkit-border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; }
#digitalGiveawayOpenLayer .content{padding:20px;}
#digitalGiveawayOpenLayer .content .inputWrapper{margin:0 0 10px;}
#digitalGiveawayOpenLayer .content .inputWrapper label{display:block; margin:0 0 5px;}
#digitalGiveawayOpenLayer .content .inputWrapper input{width:100%; box-sizing:border-box; padding:5px;}
#digitalGiveawayOpenLayer .content .inputWrapper .error{border-color:#ff0000; border-width:1px;}
#digitalGiveawayOpenLayer .content .inputWrapper .errorMessage{color:#ff0000; margin:5px 0 0; text-align:center;}
#digitalGiveawayOpenLayer .content .button.applyLink{display: block; text-align: center; cursor: pointer; padding:0 10px; background:#6d7579; color:#fff; margin:0 0 10px; line-height: 30px;}
#digitalGiveawayOpenLayer .content .button.applyLink:hover{ background-color:#a7acaf; }

#digitalGiveawayDisplayLayer{ z-index:3000; width:600px; height:160px; }
#digitalGiveawayDisplayLayer.layers .top { height: 60px; padding: 0; margin: 0; overflow: hidden; background-color: #e7e9ea; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; }
#digitalGiveawayDisplayLayer .top .headline { max-width: 600px; margin: 0; padding: 17px 50px 17px 25px; height: 18px; overflow: hidden; }
#digitalGiveawayDisplayLayer .top .headline .prnr { font-size: 12px; font-weight: bold; line-height: 18px; }
#digitalGiveawayDisplayLayer .top .headline .name { font-size: 12px; font-weight: bold; line-height: 18px; }
#digitalGiveawayDisplayLayer .scrollPane  { position: absolute!important; top: 73px!important; bottom: 25px!important; left: 25px!important; right: 9px!important; }
#digitalGiveawayDisplayLayer .ss-content  { padding-right: 25px; }
#digitalGiveawayDisplayLayer .close { position: absolute; top: 20px; right: 12px; z-index: 999; height: 25px; width: 25px; cursor: pointer; }
#digitalGiveawayDisplayLayer .close .label{ display: none; }
#digitalGiveawayDisplayLayer .button-bar { position: absolute; bottom: 0; width: 100%; height: 50px; background-color: #e7e9ea; -webkit-border-bottom-left-radius: 5px; -webkit-border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; }
#digitalGiveawayDisplayLayer .content{padding:20px;}
#digitalGiveawayDisplayLayer .content .link{padding:0 40px 0 0; position:relative;}
#digitalGiveawayDisplayLayer .content input {width:100%; box-sizing:border-box; padding:0 10px; border:1px solid #ccc; line-height: 30px;}
#digitalGiveawayDisplayLayer .content .copyUrlButton{width:30px; height:30px; position:absolute; top:0; right:0; padding:3px 0 0; cursor:pointer}
#digitalGiveawayDisplayLayer .content .copyUrlButton.active{background-color:#690; border-width:0; }
#digitalGiveawayDisplayLayer .content .copyUrlButton.active svg{stroke:#fff;}
#digitalGiveawayDisplayLayer .content .info{margin: 10px 0 0;}

#vectoInfoLayer { z-index:3000; width:500px; height:120px;}
#vectoInfoLayer .top {padding: 0; margin: 0; overflow: hidden; background-color: #e7e9ea; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; }
#vectoInfoLayer .top .headline { max-width: 600px; margin: 0; font-weight: bold; padding: 17px 50px 17px 25px; height: 18px; overflow: hidden; }
#vectoInfoLayer .scrollPane  { position: absolute!important; top: 73px!important; bottom: 25px!important; left: 25px!important; right: 9px!important; }
#vectoInfoLayer .ss-content  { padding-right: 25px; }
#vectoInfoLayer .close { position: absolute; top: 20px; right: 12px; z-index: 999; height: 25px; width: 25px; cursor: pointer; }
#vectoInfoLayer .close .label{ display: none; }
#vectoInfoLayer .button-bar { position: absolute; bottom: 0; width: 100%; height: 50px; background-color: #e7e9ea; -webkit-border-bottom-left-radius: 5px; -webkit-border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; }
#vectoInfoLayer .layerContent{padding:20px;}

#calculateVectoLayer { z-index:3000; width:400px; height:120px;}
#calculateVectoLayer .top {padding: 0; margin: 0; overflow: hidden; background-color: #e7e9ea; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; }
#calculateVectoLayer .top .headline { max-width: 600px; margin: 0; font-weight: bold; padding: 17px 50px 17px 25px; height: 18px; overflow: hidden; }
#calculateVectoLayer .scrollPane  { position: absolute!important; top: 73px!important; bottom: 25px!important; left: 25px!important; right: 9px!important; }
#calculateVectoLayer .ss-content  { padding-right: 25px; }
#calculateVectoLayer .close { position: absolute; top: 20px; right: 12px; z-index: 999; height: 25px; width: 25px; cursor: pointer; }
#calculateVectoLayer .close .label{ display: none; }
#calculateVectoLayer .button-bar { position: absolute; bottom: 0; width: 100%; height: 50px; background-color: #e7e9ea; -webkit-border-bottom-left-radius: 5px; -webkit-border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; }
#calculateVectoLayer .layerContent{padding:20px;}

/* summary-layer */
#summaryLayer { z-index: 3000; width: 760px; height: 615px; }
#summaryLayer.layers .top { height: 60px; padding: 0px; margin: 0px; overflow: hidden; background-color: #e7e9ea; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; }
#summaryLayer .headline { max-width: 600px; margin: 0; padding: 17px 50px 17px 25px; height: 18px; overflow: hidden; }
#summaryLayer .headline .prnr { font-size: 12px; font-weight: bold; }
#summaryLayer .headline .name { font-size: 12px; font-weight: bold; }
#summaryLayer .thumbsDiv { padding: 23px 15px 0px 25px; }
#summaryLayer .previewImage { margin: 0px 9px 0px 0px; vertical-align: top; float: left; padding: 0px; }
#summaryLayer .thumb { -ms-interpolation-mode: bicubic; }
#summaryLayer .scrollPane  { position: absolute; top: 173px; bottom: 76px; left: 25px; right: 25px; }
#summaryLayer .single .scrollPane  { position: absolute; top: 88px; bottom: 76px; left: 25px; right: 25px; }
#summaryLayer .subhead2 { display: none; }
#summaryLayer #textDiv { margin: 0px 25px 15px 0px; }
#summaryLayer .pre { padding: 0px 0px 0px 0px; clear: both; line-height: 18px; }
#summaryLayer .detail { display: none; }
#summaryLayer .detail img { -ms-interpolation-mode: bicubic; max-width: 650px; }
#summaryLayer .forced { border: 2px solid red; }
#summaryLayer .text.forced { padding: 5px; }
#summaryLayer .ak_headline { font-weight: bold; line-height: 20px; padding: 0px 0px 0px 0px; }
#summaryLayer .ak_text { line-height: 20px; padding: 0px 0px 0px 0px; }
#summaryLayer .ak_remarks { line-height: 20px; padding: 0px 0px 0px 0px; }
#summaryLayer .layerContent UL {padding: 10px 0px 10px 16px; margin: 0px; list-style-type: square; }
#summaryLayer .layerContent LI {padding: 2px 0px 0px 7px; margin: 0px; }
#summaryLayer .thumb-selected { border-bottom: 2px solid #ce0231; padding-bottom: 5px; }
#summaryLayer .mediaContent A {color: #ce0231; }
#summaryLayer .close { position: absolute; top: 12px; right: 13px; z-index: 999; height: 25px; width: 25px; cursor: pointer; }
#summaryLayer .close .label{ display: none; }
#summaryLayer .button-bar { position: absolute; bottom: 0px; width: 100%; height: 50px; background-color: #e7e9ea; -webkit-border-bottom-left-radius: 5px; -webkit-border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; }
#summaryLayer #printMedia { background-position: 0px 0px; padding-left: 14px; color: #000; cursor: pointer; float: left; margin: 17px 15px 0px 23px; font-weight: bold; }
#summaryLayer #printMedia .label  { white-space: nowrap; padding: 0px; }
#summaryLayer #printMedia:HOVER { color: #6d7579; }


#wltpLayer .scrollPane  { position: absolute!important; top: 73px!important; bottom: 25px!important; left: 25px!important; right: 9px!important; }
#wltpLayer .ss-content  { padding-right: 25px; }


#packageLayer { z-index: 3000; width: 840px; }
#packageLayer .headline { margin: 0; padding: 17px 50px 17px 25px; background-color: #e7e9ea; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; }
#packageLayer .headline .name { font-size: 12px; font-weight: bold; }
#packageLayer .headline .icon { display: none; }
#packageLayer .header { }
#packageLayer .scrollPane  { position: absolute!important; top: 73px!important; bottom: 75px!important; left: 25px!important; right: 9px!important; }
#packageLayer .ss-content  { padding-right: 25px; }
#packageLayer .staticHeader { padding: 8px 0px 7px 0px; border-bottom: 5px solid #e7e9ea; }
#packageLayer .subhead1 {}
#packageLayer .subhead2 { display: none; }
#packageLayer .contenttable td { border-bottom: 1px solid #e7e9ea; padding: 11px 5px 12px 0px; border-right: 1px solid #e7e9ea; }
#packageLayer .contenttable td.name { border-left: 1px solid #e7e9ea; border-right: 0px!important; padding-left: 10px; }
#packageLayer .close { position: absolute; top: 20px; right: 13px; z-index: 999; height: 30px; width: 30px; cursor: pointer; }
#packageLayer .close .label{ display: none; }
#packageLayer .columnHeadName  { width: 540px; }
#packageLayer .columnHeadId { width: 100px; }
#packageLayer .name { padding: 5px 0 0; text-align: left; }
#packageLayer .layer-content { padding: 15px 25px 15px 25px; height: 500px;}
#packageLayer .close { position: absolute; top: 20px; right: 6px; z-index: 999; height: 25px; width: 25px; cursor: pointer; }
#packageLayer .close .label{ display: none; }
#packageLayer .button-bar { position: absolute; bottom: 0px; width: 100%; height: 50px; background-color: #e7e9ea; -webkit-border-bottom-left-radius: 5px; -webkit-border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; }
#packageLayer #printMedia { padding-left: 14px; color: #000; cursor: pointer; float: left; margin: 17px 15px 0px 23px; font-weight: bold; background-position: -1px 0px; }
#packageLayer #printMedia .label  { white-space: nowrap; padding: 0px; }
#packageLayer #printMedia:HOVER { color: #6d7579; }


/* top nav */
#topnavi { position: absolute; top: 21px; left: 6px; }
#topnavi .naviItem { background-position: 0px 1px; padding-left: 14px; color: #000; cursor: pointer; float: left; margin-left: 18px; font-weight: bold; }
#topnavi .naviItem:HOVER { color: #6d7579; }
#topnavi .disabled { color: #a7acaf; }
#topnavi .naviItem SPAN { font-weight: bold; }
#topnavi .first { display: none; }
#tabellentoolMode { color: red; position: absolute; left: 20px; top: 20px; font-weight: bold; }

/* - side nav - */
#navigation { position: absolute; top: 60px; bottom: 0px; right: 0px; width: 260px; }
#navigation .scrolling { position: absolute; top: 0px; bottom: 75px; }
#navigation .ss-content { padding-right: 0px; }
#navigation ul { margin: 0px 0px 11px 0px; padding: 0px; }
#navigation .naviItem { list-style: none; cursor: pointer; overflow: hidden; color: #000; width: 240px; display: block; border-bottom: 2px solid #FFF; background: #e7e9ea; padding: 0px; margin: 0px; }
#navigation .naviItem .navText { padding: 7px 10px 7px 10px; font-size: 12px; display: table-cell; width: 203px; background-position: 205px center; }
#navigation .naviItem.active { cursor: auto; background: #ce0231; }
#navigation .naviItem.active .navText { background: none; }
#navigation .naviItem.active:HOVER { cursor: auto; }
#navigation .naviItem:hover { background-color: #a7acaf; }
#navigation .naviItem:hover SPAN { color: #FFF; }
#navigation .naviItem.disabled:hover { background-color: #dfdfdf; }
#navigation .naviItem.disabled:hover SPAN { color: #a0a4ad; }
#navigation .disabled { background-color: #dfdfdf; color: #a0a4ad; }
#navigation .active,
#navigation .active:hover { color: #FFF; }
#navigation span.todo, #navigation span.done, #navigation span.notBuildable { border-left: 2px solid #fff; display: table-cell; height: 100%; width: 15px; }
.todo { background-color: #fc0; border-color: #fff; }
.done { background-color: #690; border-color: #fff; }
.notBuildable { background-color: #ff0033; border-color: #fff; }
#navigation #zeroPrice { padding: 30px 20px 10px 0px; color: #cc0033; }
#navigation #vedNotavailable { padding: 10px 0px 4px 0px; color: #cc0033; }
#navigation .hint { width: 240px; }


/* Icons */

/* Pfeil Rechts Weiß */
#carstorePage .slot .navig .button .iconNext, .msgBoxButtonPanel .button .iconCancel, .msgBoxButtonPanel .button .iconNext, #lastConfigsDataContent .iconNext, #filterCarlineLayer .apply .iconNext, #audiCodeRescueLayer .apply .iconNext, #audiCodeRescueLayer .print .iconNext, #audiCodeRescueLayer .new .iconNext, #audiCodeRescueLayer .newconfig .iconNext, #audiCodeOpenLayer .apply .iconNext, #audiCodeRescueLayer .errorOk .iconNext, #audiCodeRescueLayer .applyErrorEntry .iconNext, #compareLayer .button-bar .iconCancel, #buttonBar .pdfLink,  #digitalGiveawayButton .iconDigitalGiveaway, #calculateVectoButton .iconCalculateVecto{
	background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTUiIGhlaWdodD0iMTUiIHZpZXdCb3g9IjAgMCAxMiAxMiIgcHJlc2VydmVBc3BlY3RSYXRpbz0ieE1pbllNaW4iIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggc3R5bGU9InN0cm9rZTogcmdiKDI1NSwgMjU1LCAyNTUpOyBmaWxsOiBub25lIiBkPSJNIDMgMyBMIDYgNiBMIDMgOSIvPjwvc3ZnPg==');
	background-repeat: no-repeat;
	background-size: 16px;
}
/* Radio Button */
.checked .jqRadioButton {
	background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDAiIGhlaWdodD0iMzMiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBvbHlnb24gc3R5bGU9ImZpbGw6IHJnYigyNTUsIDI1NSwgMjU1KTsiIHBvaW50cz0iMzUxIDM0NiAxMjkgMTMyIDYyIDIwMCA2IDE0NCAxMzEgMTQgNDEyIDI4OSAzNTEgMzQ2IiB0cmFuc2Zvcm09Im1hdHJpeCgwLjEwMDAwMDAwMTQ5MDExNjEyLCAwLCAwLCAtMC4xMDAwMDAwMDE0OTAxMTYxMiwgMCwgMzYpIi8+PC9zdmc+');
	background-repeat: no-repeat;
}
/* Checkbox */
.checked .jqCheckBox, #carstoreCompareDataControl #techData.checked .icon, #compareDataContent #techData.checked .icon, .checked .sCheckBox {
	background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDAiIGhlaWdodD0iMzMiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBvbHlnb24gc3R5bGU9ImZpbGw6IHJnYigyNTUsIDI1NSwgMjU1KTsiIHBvaW50cz0iMzUxIDM0NiAxMjkgMTMyIDYyIDIwMCA2IDE0NCAxMzEgMTQgNDEyIDI4OSAzNTEgMzQ2IiB0cmFuc2Zvcm09Im1hdHJpeCgwLjEwMDAwMDAwMTQ5MDExNjEyLCAwLCAwLCAtMC4xMDAwMDAwMDE0OTAxMTYxMiwgMCwgMzYpIi8+PC9zdmc+');
	background-repeat: no-repeat;
}
/* Paket */
.icon.package {
	background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMyAyMyI+PHBhdGggZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiBzdHJva2U9IiMwMDAiIGQ9Ik0uNSAxNy41bDExIDUgMTEtNXYtMTJsLTExLTUtMTEgNXYxMnptMC0xMS45NWwxMSA0Ljk1djEybTAtMTJsMTEtNU01LjY3IDcuODdsMTEtNSIvPjwvc3ZnPg==');
	background-repeat: no-repeat;
}
/* Info Media */
.icon.info, .icon.media {
    background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxnIHN0cm9rZT0iY3VycmVudENvbG9yIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+PHBhdGggZD0iTTExLjUsMTcgTDExLjUsMTAgTTExLjUsOCBMMTEuNSw2Ii8+PC9nPjwvc3ZnPgoK');
    background-repeat: no-repeat;
}
/* Pfeil unten Schwarz */
#shoppingcart .styled-select, #multiCompareDataControl .cCarline {
	background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTUiIGhlaWdodD0iMTUiIHZpZXdCb3g9IjAgMCAxMSAxMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ieE1pbllNaW4iIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggc3R5bGU9InN0cm9rZTogcmdiKDAsIDAsIDApOyBmaWxsOiBub25lOyIgZD0iTSAzIDMgTCA2IDYgTCA5IDMiLz48L3N2Zz4=');
	background-repeat: no-repeat;
	background-size: 15px;
}
/* Pfeil unten Weiß */
#mbv_filter_div, #carstoreList .styled-select, #compareDataContent .chooseModel1, #compareDataContent .chooseModel2 {
	background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTUiIGhlaWdodD0iMTUiIHZpZXdCb3g9IjAgMCAxMSAxMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ieE1pbllNaW4iIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggc3R5bGU9InN0cm9rZTogcmdiKDI1NSwgMjU1LCAyNTUpOyBmaWxsOiBub25lOyIgZD0iTSAzIDMgTCA2IDYgTCA5IDMiLz48L3N2Zz4=');
	background-repeat: no-repeat;
	background-size: 15px;
}
/* Doppel Pfeil Rechts Weiß */
.iconNext, #carstoreEditCommentLayer .save .iconNext, #transfer .button .icon, #transfer .button .iconCancel, #nextButton .iconNext {
	background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTUiIGhlaWdodD0iMTUiIHZpZXdCb3g9IjAgMCAxMSAxMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ieE1pbllNaW4iIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggc3R5bGU9InN0cm9rZTogcmdiKDI1NSwgMjU1LCAyNTUpOyBmaWxsOiBub25lOyIgZD0iTSAzIDMgTCA2IDYgTCAzIDkiLz48cGF0aCBzdHlsZT0ic3Ryb2tlOiByZ2IoMjU1LCAyNTUsIDI1NSk7IGZpbGw6IG5vbmU7IiBkPSJNIDYgMyBMIDkgNiBMIDYgOSIvPjwvc3ZnPg==');
	background-repeat: no-repeat;
	background-size: 15px;
}
/* Doppel Pfeil Links Weiß */
.iconPrev {
	background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTUiIGhlaWdodD0iMTUiIHZpZXdCb3g9IjAgMCAxMSAxMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ieE1pbllNaW4iIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggc3R5bGU9InN0cm9rZTogcmdiKDI1NSwgMjU1LCAyNTUpOyBmaWxsOiBub25lOyIgZD0iTSA2IDMgTCAzIDYgTCA2IDkiLz48cGF0aCBzdHlsZT0ic3Ryb2tlOiByZ2IoMjU1LCAyNTUsIDI1NSk7IGZpbGw6IG5vbmU7IiBkPSJNIDkgMyBMIDYgNiBMIDkgOSIvPjwvc3ZnPg==');
	background-repeat: no-repeat;
	background-size: 15px;
}
/* Close Black */
#infoLayer .close, #lastConfigsLayer .close, #audiCodeRescueLayer .close, #audiCodeCreateLayer .close, #carstoreCompareLayer .top .close, #carstoreEditCommentLayer .close, #compareLayer .top .close, #multiCompareLayer .top .close, #renderLayer .iconCancel, #financePage .close, #filterCarlineLayer .closeLayer, #status .accept, #audiCodeOpenLayer .close, #audiCodeCreateLayer .close, #mediaLayer .close, #mediaForcedLayer .close, #wltpLayer .close, #summaryLayer .close, #packageLayer .close, #wltpCo2MessageLayer .closeLayer, #renderLayerAudi .close, #modelDiscountLayer .close, #singleDiscountLayer .close, #singleDiscountPriceLayer .close, #digitalGiveawayOpenLayer .close, #digitalGiveawayDisplayLayer .close, #vectoInfoLayer .close, #calculateVectoLayer .close {
	background-image: url('data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1IiB3aWR0aD0iMTUiIHZpZXdCb3g9IjAgMCAxMiAxMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48bGluZSBzdHlsZT0ic3Ryb2tlOiByZ2IoMCwgMCwgMCk7IHN0cm9rZS13aWR0aDogMjsiIHgxPSIxIiB5MT0iMSIgeDI9IjEwIiB5Mj0iMTAiLz48bGluZSBzdHlsZT0ic3Ryb2tlOiByZ2IoMCwgMCwgMCk7IHN0cm9rZS13aWR0aDogMjsiIHgxPSIxIiB5MT0iMTAiIHgyPSIxMCIgeTI9IjEiLz48L3N2Zz4=');
	background-repeat: no-repeat;
	background-size: 11px;
}
/* Close White */
#carstorePage .slot .navig .button .iconCancel, .iconCloseVBBK {
	background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48bGluZSBzdHlsZT0ic3Ryb2tlOiByZ2IoMjU1LCAyNTUsIDI1NSk7IHN0cm9rZS13aWR0aDogMjsiIHgxPSIxIiB5MT0iMSIgeDI9IjEwIiB5Mj0iMTAiLz48bGluZSBzdHlsZT0ic3Ryb2tlOiByZ2IoMjU1LCAyNTUsIDAyNTUpOyBzdHJva2Utd2lkdGg6IDI7IiB4MT0iMSIgeTE9IjEwIiB4Mj0iMTAiIHkyPSIxIi8+PC9zdmc+');
	background-repeat: no-repeat;
	background-size: 13px;
}
/* Miwi */
#miwi-app .miwi-button, #miwi-app .miwi-button-connected {
	background-image: url('data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgNDAgMzAiIHdpZHRoPSI0MHB4IiBoZWlnaHQ9IjMwcHgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6Yng9Imh0dHBzOi8vYm94eS1zdmcuY29tIj48ZGVmcz48cGF0dGVybiBpZD0icGF0dGVybi0wIiB4PSIwIiB5PSIwIiB3aWR0aD0iMjUiIGhlaWdodD0iMjUiIHBhdHRlcm5Vbml0cz0idXNlclNwYWNlT25Vc2UiIHZpZXdCb3g9IjAgMCAxMDAgMTAwIj48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iNTAiIGhlaWdodD0iMTAwIiBzdHlsZT0iZmlsbDogYmxhY2s7Ii8+PC9wYXR0ZXJuPjwvZGVmcz48cG9seWxpbmUgc3R5bGU9ImZpbGw6IG5vbmU7IHN0cm9rZTogcmdiKDAsIDAsIDApOyBzdHJva2UtbGluZWNhcDogc3F1YXJlOyBzdHJva2UtbGluZWpvaW46IHJvdW5kOyIgcG9pbnRzPSIzMiAxMS45NzEgMzIgNiA4IDYgOCAyMiAxNC42OTUgMjIiIHRyYW5zZm9ybT0iIi8+PHBvbHlsaW5lIHN0eWxlPSJzdHJva2U6IHJnYigwLCAwLCAwKTsgZmlsbDogbm9uZTsgc3Ryb2tlLWxpbmVqb2luOiByb3VuZDsiIHBvaW50cz0iMTcuMDI4IDI2IDE3IDE5IDMwLjk5IDE5IDMxLjAyOCAyNS44MzYiIGJ4Om9yaWdpbj0iMC41IDAuNDYyNzQ5Ii8+PGxpbmUgc3R5bGU9InN0cm9rZTogcmdiKDAsIDAsIDApOyIgeDE9IjE3LjAzNCIgeTE9IjI1LjQxOSIgeDI9IjMxLjAzNCIgeTI9IjI1LjQxOSIvPjxyZWN0IHg9IjIwLjk4OSIgeT0iMTAuMDExIiB3aWR0aD0iNS43NDUiIGhlaWdodD0iNS43NDUiIHN0eWxlPSJmaWxsOiBub25lOyBzdHJva2U6IHJnYigwLCAwLCAwKTsgc3Ryb2tlLWxpbmVqb2luOiByb3VuZDsgc3Ryb2tlLWxpbmVjYXA6IHNxdWFyZTsiLz48L3N2Zz4K');
	background-repeat: no-repeat;
	background-position: 9px 9px;
}
/* Edit Icon */
.icon.set {
	background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMyAyMyI+PHBhdGggZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiBzdHJva2U9IiMwMDAiIGQ9Ik0xMS4zNSAzLjQyNjc3NjUxbDYuNiAzLjEtMi42IDUuNDk5OTk5OTltLTEwLjMgNWwzLjYgMS43bS0zLjYtMS43djQuN2wzLjYtMyA3LjUtMTUuOTk5OTk5OTljLjItLjMgMC0uNy0uMy0uOWwtMi40LTEuMWMtLjMtLjItLjcgMC0uOS4zTDUuMDUgMTcuMDI2Nzc2NXoiLz48L3N2Zz4=');
	background-repeat: no-repeat;
	background-position: 0px 1px;
}
/* Icon remove */
.icon.remove, .icon.remove-incentive {
	background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMyAyMyI+PHBhdGggZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiBzdHJva2U9IiMwMDAiIGQ9Ik01LjUgOC41VjE5YzAgLjUuNCAxIDEgMWgxMGMuNSAwIDEtLjUgMS0xVjguNW0tNi0zLjVWM00xMCAzaDNNMy41IDdoMTZsLTEuNC0ySDQuOUwzLjUgN3oiLz48L3N2Zz4=');
	background-repeat: no-repeat;
}

/* -- layer -- */
.layers { display: none; position: absolute; top: -1000px; left: -1000px; background-color: #fff; -webkit-border-radius: 5px; border-radius: 5px; box-shadow: 0px 0px 5px 5px #888; }
.layers .label { line-height: 14px; padding: 11px 0px 11px 0px; }
.layers .headline { font-size: 12px; color: #000; font-weight: bold; }
.layers .subhead1 TD { font-size: 12px; color: #000; padding: 15px 0px 15px 2px; background: none; }
#overlay4 { background-color: #000; bottom: 0; left: 0; opacity: 0.25; position: fixed; right: 0; top: 0; z-index: 49; -khtml-user-select: none; -o-user-select: none; -moz-user-select: none; -webkit-user-select: none; user-select: none; display: none; }

/* - print - */
#printPage body { font-family: Arial, Helvetica, sans-serif; }
#printPage #logo { margin-right: 0 !important; }
#printPage .subhead2 td, #printPage .subhead2, #printPage .subhead3 td { background: none !important; }

/* views-page */
.renderViews { border-color: #CECECE; }
.thumb { border-color: #CECECE; }
.thumb-selected { border-color: #d5302c; }
#summaryContainer .headCellLabel { background: #A0A4AD; }
#summaryContainer .headCellPrice { background: #A0A4AD; }
#tExtras .leftCol { border-right: 0px!important; }
#tAccessories .leftCol { border-right: 0px!important; }
.selectorTitle { margin-bottom: 0px; margin-top: 3px; }

/* modelpage */
DIV.subhead2 { font-weight: bold; font-size: 11px; color: #000; padding: 0px 0px 15px 0px; border-bottom: 5px solid #e7e9ea; }
.subhead2 TD { font-weight: bold; font-size: 12px; color: #000; padding: 22px 0px 7px 0px; border-bottom: 5px solid #e7e9ea; }

#modelListContainer .subhead2 IMG { margin-right: 5px; }
#modelListContainer th.columnCtrl { width: 1%; }
#modelListContainer th.columnModel { width: 80%; }
#modelListContainer th.columnModel .sortButton { }
#modelListContainer th.columnPrice { text-align: right; padding-right: 20px; }
#modelListContainer th.columnPower { text-align: right; padding-right: 10px; }
#modelListContainer th.columnGear { text-align: left; padding-right: 10px; }
#modelListContainer th.columnConsumption { text-align: right; padding-right: 10px; width: 10%; }
#modelListContainer th.columnEmission { text-align: right; padding-right: 10px; width: 10%; }
#modelListContainer th.columnWLTP { width: 10px; }
#modelListContainer th.columnShortModelId { padding-right: 10px; text-align: right; }
#modelListContainer td { border-bottom: 1px solid #e7e9ea; }
#modelListContainer td.spalte1 { width: 90%; }
#modelListContainer td.spalte2 { padding-right: 20px; }
#modelListContainer td.spalte3 { padding-right: 20px; }
#modelListContainer td.spalte4 { padding-right: 20px; }
#modelListContainer td.spalte5 { padding-right: 20px; }
#modelListContainer td.spalte6 { padding-right: 20px; }
#modelListContainer td.columnModel { border-left: 1px solid #e7e9ea; }
#modelListContainer td.columnCtrl { width: 22px; border: 0px; }
#modelListContainer td.nameLabel { border: 0px; padding: 7px 20px 7px 0px; }
#modelListContainer td.columnPower { white-space: nowrap; padding-right: 10px; text-align: right; }
#modelListContainer td.columnGear { white-space: nowrap; padding-right: 10px; }
#modelListContainer td.columnConsumption { padding-right: 10px; text-align: right; white-space: nowrap; line-height: 18px; padding-top: 5px; padding-bottom: 5px; }
#modelListContainer td.columnEmission { padding-right: 10px; text-align: right; white-space: nowrap; line-height: 18px; padding-top: 5px; padding-bottom: 5px; }
#modelListContainer td.columnListMedia { border-right: 1px solid #e7e9ea; border-bottom: 1px solid #e7e9ea; }
#modelListContainer td.columnWLTP { }
#modelListContainer td.columnPrice { padding-left: 10px; padding-right: 20px; text-align: right; white-space: nowrap; }
#modelListContainer td.columnShortModelId { padding-right: 10px; text-align: right; }
#modelListContainer td.namePart { border-left: 1px solid #e7e9ea; padding: 0px 0px 0px 9px; vertical-align: top; }
#modelListContainer td.nowrap { white-space: nowrap; }
#modelListContainer .hint { padding: 20px 10px 5px 0px; }
#modelListContainer .wltpIcon { position: absolute; margin-top: -11px; }

/* equipmentpage */
#equipmentListContainer .header { border-top: 1px solid #c8cccd; }
#equipmentListContainer #equipmentList .subhead1 { display: none; }
#equipmentListContainer .subhead2 TD { background: none; border-bottom: 5px solid #e7e9ea; }
#equipmentListContainer .subhead2 TD.first { padding-top: 0px; }
#equipmentListContainer th.columnListName { text-align: left; padding: 0px 20px 7px 0px; width: 90%; vertical-align: top; }
#equipmentListContainer th.columnListId { padding: 0px 20px 7px 0px; vertical-align: top; }
#equipmentListContainer th.columnListPrice { width: 90px; text-align: right; padding: 0px 20px 7px 0px; white-space: nowrap; vertical-align: top;}
#equipmentListContainer th.columnListMedia { width: 1%; }
#equipmentListContainer td { border-bottom: 1px solid #e7e9ea; }
#equipmentListContainer td.columnListName { padding-right: 10px; border-left: 1px solid #e7e9ea; }
#equipmentListContainer td.columnListName P { padding: 0px; margin: 0px; }
#equipmentListContainer td.columnListId { padding-right: 10px; white-space: nowrap; }
#equipmentListContainer td.columnListPrice { text-align: right; padding-right: 20px; white-space: nowrap; }
#equipmentListContainer td.columnListMedia { text-align: right; border-right: 1px solid #e7e9ea; border-bottom: 1px solid #e7e9ea; white-space: nowrap; }
#equipmentListContainer select.count { z-index: 999; position: absolute; margin-left: -34px; }
#equipmentListContainer .priceCount { white-space: nowrap; }
#equipmentListContainer .piece { white-space: nowrap; line-height: 22px; }
#equipmentListContainer td.checkBox { border: 0px; }
#equipmentListContainer td.nameLabel { border: 0px; width: 100%; padding: 7px 0px 7px 0px; }
#equipmentListContainer td.columnCtrl { border: 0px; }

/* techdataPage */
#techdataPage .scrollPane { top: 0px; }
#techdataContainer .header { border-top: 1px solid #c8cccd; }
#techdataContainer .header DIV { display: none; }
#techdataContainer .headline { color: #000; font-size: 12px; font-weight: bold; padding: 20px 0px 5px 0px; border-bottom: 5px solid #e7e9ea; }
#techdataContainer H4 { padding-top: 0px; }
#techdataContainer .first { padding-top: 0px; }
#techdataContainer .keyvalue .name { padding: 10px 5px 10px 12px; border-bottom: 1px solid #e7e9ea; border-left: 1px solid #e7e9ea; width: 20%; white-space: nowrap; }
#techdataContainer .keyvalue .value { padding: 10px 5px 10px 12px; border-bottom: 1px solid #e7e9ea; border-left: 1px solid #e7e9ea; border-right: 1px solid #e7e9ea; }
#techdataContainer .sectionHeadline { color: #000; font-size: 12px; font-weight: bold; padding: 20px 0px 5px 0px; border-bottom: 5px solid #e7e9ea; }

/* standardEquipmentPage */
#standardEquipmentContainer .headCellLabel { display: none; }
#standardEquipmentContainer .subhead2 TD { background: none; }
#standardEquipmentContainer .subhead3 TD { padding: 6px 11px 7px 11px; background-color: #9999A3; font-weight: bold; color: #FFF; }
#standardEquipmentContainer .data { border-bottom: 1px solid #e7e9ea; }
#standardEquipmentContainer .header { border-top: 1px solid #c8cccd; }
#standardEquipmentContainer #equipmentList .subhead1 { display: none; }
#standardEquipmentContainer .subhead2 TD { background: none; border-bottom: 5px solid #e7e9ea; }
#standardEquipmentContainer .subhead2 TD.first { padding-top: 0px; }
#standardEquipmentContainer th.columnListName { }
#standardEquipmentContainer th.columnListId { }
#standardEquipmentContainer th.columnListMedia { width: 1%; }
#standardEquipmentContainer td { border-bottom: 1px solid #e7e9ea; }
#standardEquipmentContainer td.columnListName { border-left: 1px solid #e7e9ea; padding-left: 12px; border-left: 1px solid #e7e9ea; padding: 11px 0px 10px 10px; }
#standardEquipmentContainer td.columnListMedia { text-align: right; border-right: 1px solid #e7e9ea; border-bottom: 1px solid #e7e9ea; white-space: nowrap; }
#standardEquipmentContainer td.columnListMedia SPAN { white-space: nowrap; float: left; }
#standardEquipmentContainer td.noHeadline { border-top: 5px solid #e7e9ea; }
#standardEquipmentContainer .icon.info { display: none; }


/* summarypage */
#summarypage .head { }
#summarypage .headCellLabel { display: none; }
#summarypage .subhead2 TD { background: none; }
#summarypage .subhead2.first TD { padding-top: 0px; }
#summarypage .subhead3 TD { border-bottom: 1px solid #e7e9ea; line-height: 14px; padding: 11px 0px 11px 11px; font-weight: bold; border-right: 1px solid #e7e9ea; border-left: 1px solid #e7e9ea;  }
#summarypage .data { border-bottom: 1px solid #e7e9ea; }
#summarypage .columnListName { padding-left: 12px; border-left: 1px solid #e7e9ea; }
#summarypage .columnListId { padding-right: 20px; width:  110px; }
#summarypage .columnListPrice { text-align: right; padding-right: 50px; padding-left: 20px; white-space: nowrap; width: 120px; }
#summarypage .columnListMedia { border-right: 1px solid #e7e9ea; border-bottom: 1px solid #e7e9ea; vertical-align: middle; text-align: right; width: 120px; }
#summarypage .columnListMedia SPAN  { white-space: nowrap; float: left; line-height: 22px; }
#summarypage .orderkey { border-right: 1px solid #e7e9ea; }
#summarypage .aveString { border-right: 1px solid #e7e9ea; }
#summarypage .aveString DIV { word-wrap: break-word; width: 100%; }
#summaryList { table-layout: fixed; }
#summaryList .eecTd { border: 1px solid #e7e9ea; border-top: 0px; }
#summaryList .eecLeft { float: left; display: inline; padding: 10px 10px 10px 12px; line-height: 14px; }
#summaryList .eecRight { float: left; display: inline; padding: 21px 0px 10px 20px; }
#summaryList .cellName { vertical-align: top; white-space: nowrap; padding-bottom: 5px;}
#summaryList .cellVal { vertical-align: top; padding-left: 20px; white-space: nowrap; padding-bottom: 5px; }
#summaryList .eec_label	{ vertical-align: top; padding-left: 40px; padding-top: 5px; padding-bottom: 10px; }
#summaryList SUP	{ font-size: 14px; }
#summaryContainer .headCellLabel { color: #FFF; padding: 0px 0px 0px 4px; line-height: 23px; font-weight: bold; }
#summaryContainer .headCellPrice { position: absolute; right: 0px; top: 0px; padding: 0px 4px 0px 20px; line-height: 23px; font-weight: bold; }
#summaryContainer .eecHint { padding: 24px 14px 14px 4px; }
#summaryList .icon.info 	{ display: none; }
#summaryList .icon.media	{ position: absolute; display: block; margin-top: -11px; }
#summaryList .icon.package	{ position: absolute; right: 76px; display: block; margin-top: -10px; }
#summaryList .icon.remove, #summaryList .icon.remove-incentive	{ position: absolute; right: 45px; display: block; margin-top: -11px; }
#summaryList .icon.set 		{ position: absolute; right: 15px; display: block; margin-top: -11px; width: 22px; height: 22px; display: table-cell; z-index: 999; padding-right: 10px; }
#summaryList .summaryNefz	{ border-left: 1px solid #e7e9ea; border-right: 1px solid #e7e9ea; padding: 5px 0px 0px 0px; }
#summaryList .summaryNefz H4	{ padding: 2px 12px 7px 12px; }
#summaryList .summaryNefz .wltpLink { position: absolute; right: 11px; background-position: 0px 2px; padding-top: 1px; padding-left: 14px; color: #000; cursor: pointer; font-weight: bold; }
#summaryList .summaryNefz .wltpLink A { text-decoration: none; color: #000; }
#summaryList .summaryWltp	{ border: 1px solid #e7e9ea; border-top: 0px; padding: 10px 0px 17px 0px; }
#summaryList .summaryWltp H4	{ padding: 2px 12px 14px 12px; }
#summaryList .summaryWltp .name	{ padding: 2px 12px 2px 12px; width: 262px;}
#summaryList .summaryWltp .wltpLink { position: absolute; right: 11px; background-position: 0px 2px; padding-top: 1px; padding-left: 14px; color: #000; cursor: pointer; font-weight: bold; }
#summaryList .summaryWltp .wltpLink A { text-decoration: none; color: #000; }



/* above this is decorative, not part of the test */
.th-inner { text-align: left;}
.xscrollPane { position: relative; top: 0px; bottom: 0px; right: 0px; }

/* last Config */
#lastConfigsLayer { max-width: 750px!important; }
#lastConfigsLayer .headline { font-size: 12px; font-weight: bold; background: #e7e9ea; margin: 0px; padding: 16px 10px 18px 25px; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; }
#lastConfigsLayer .close { position: absolute; top: 20px; right: 6px; z-index: 999; height: 25px; width: 25px; cursor: pointer; }
#lastConfigsLayer .close .label{ display: none; }
#lastConfigsLayer .content { width: 635px; }
#lastConfigsLayer .body { min-height: 621px; }
#lastConfigsLayer .data { padding: 0px; }
#lastConfigsDataContent .headlineInner { font-weight: 700; width: 585px; margin: 0px 0px 0px 25px; padding: 0px 0px 9px 0px; border-bottom: 4px solid #e7e9ea; }
#lastConfigsDataContent .tableData { table-layout: auto; border-collapse: collapse; border-spacing: 0px; padding: 0px; border: 1px solid #e7e9ea; width: 585px;  margin: 0px 0px 0px 25px; }
#lastConfigsDataContent .td1 { vertical-align: top; width: 80%;  }
#lastConfigsDataContent .td2 { vertical-align: top; width: 20%; white-space: nowrap; padding: 9px 9px 7px 0px; }
#lastConfigsDataContent .td2 IMG { height: 100px; }

#lastConfigsDataContent .td3 { vertical-align: bottom; white-space: nowrap; width: 10%; }
#lastConfigsDataContent .images { white-space: nowrap; padding: 10px 0px 0px 5px; }
#lastConfigsDataContent .price { padding: 10px 0px 0px 10px; }
#lastConfigsDataContent .audiCode { padding: 8px 0px 14px 10px; }
#lastConfigsDataContent .button { float: left; margin: 8px 0px 10px 10px; background-color: #6d7579; }
#lastConfigsDataContent .button:HOVER { opacity:0.80; }
#lastConfigsDataContent .iconNext { float: right; background-position: 1px 6px; width: 23px; height: 30px; cursor: pointer; }
#lastConfigsDataContent .label  { margin-top: 7px; padding: 0px 20px 0px 13px; float: left; color: #FFF; white-space: nowrap; font-weight: bold; cursor: pointer; }
#lastConfigsDataContent .scrollBorder2 { border: 0px; position: absolute; height: 491px; width: 100%; }
#lastConfigsDataContent .scrollPane { top: 25px; right: 25px; bottom: 25px; }
#lastConfigsDataContent  .dateBox {  position: absolute; top: 540px; height: 130px; width: 100%; background: #e7e9ea; -webkit-border-bottom-left-radius: 5px; -webkit-border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; }
#lastConfigsDataContent  .dateBox TABLE {  table-layout: auto; border-spacing: 0px; border-bottom: 1px solid #e7e9ea; border-right: 1px solid #e7e9ea; margin: 19px 0px 0px 25px; width: 478px; }
#lastConfigsDataContent  .dateBox .month { background-color: #e7e9ea; text-align: left; font-size: 12px; color: #000; font-weight: bold; padding: 0px 0px 6px 0px; }
#lastConfigsDataContent  .dateBox TD {  padding: 6px 3px 6px 3px;  text-align: center;  vertical-align: middle;  background: #ffffff;  color: #000; border: 2px solid #e7e9ea;  border-bottom: 0px;  border-right: 0px; }
#lastConfigsDataContent  .dateBox .date { cursor: pointer; }
#lastConfigsDataContent  .dateBox .disabled { color: #919090 !important; cursor: default; }
#lastConfigsDataContent  .dateBox .selected { background: #cc0033 !important; color: #FFF; }
#lastConfigsDataContent #lastConfigsCount { position: absolute; top: 589px; left: 520px; font-weight: bold; z-index: 3000; }
/* /lastConfig */

/* carstore */
#carstoreList .headline { color: #000; height: 25px; }
#carstorePage .headline .title { padding: 0px 0px 0px 0px; line-height: 20px;  white-space: nowrap; font-weight: bold; }
#carstorePage .headline .price { font-weight: 700 !important; }
#carstorePage .carstoreItem { width: 645px; }
#carstorePage .carstoreItem .header { background-color: #7F91A7; height: 13px; color: #FFF; padding: 4px; }
#carstorePage .carstoreItem .body { background-color: #CED3DE; float: left; width: 645px; }
#carstorePage .carstoreItem .body.opened { display: none; }
#carstorePage .carstoreItem .note INPUT { width: 396px; height: 12px; margin-top: 5px; line-height: 12px; font-size: 11px; }
#carstorePage .staticHeader { padding: 15px 20px 0px 10px; width: 5%; white-space: nowrap; font-weight: bold; vertical-align: top; }
#carstorePage .staticCell { padding: 15px 20px 0px 0px; }
#carstoreList UL { padding: 0px; margin: 0px; }
#carstoreList LI { list-style-type: square; margin: 0px 0px 0px 11px;}
#carstorePage .carstoreItem .info { width: 300px; float: left; display: inline; margin: 5px 0px 5px 0px; }
#carstorePage .carstoreItem .compare { float: right; text-align: right; margin-top: 5px; }
#carstorePage .carstoreItem .compare SELECT { margin: 0px; padding: 0px; width: auto !important; }
#carstorePage .carstoreItem .left { width: 457px; float: left; margin-right: 8px; }
#carstorePage .carstoreItem .right { width: 160px; float: left; }
#carstorePage .carstoreItem .image { background-color: #000; width: 160px; height: 90px; }
#carstorePage .slot .headline { background-color: #7F91A7; color: #FFF; font-weight: bold; height: 20px; line-height: 20px; padding: 0px; }
#carstorePage .carstoreNumber { text-align: right; display: block; font-weight: bold; padding: 0px 20px 0px 0px; float: left; color: #cc0033; line-height: 20px; }
#carstorePage .slot { border: 1px solid #e7e9ea; border-top: 5px solid #e7e9ea; margin-bottom: 20px; }
#carstorePage .noteHeadline { padding: 10px 10px 0px 10px; font-weight: bold; }
#carstorePage .slot .note input { width: 490px; height: 15px; line-height: 11px; background-color: #FFFFFF; color: #000000; font-size: 12px; }
#carstorePage .slot .title { padding: 0 5px; margin-top: -20px; }
#carstorePage .slot .price { }
#carstorePage .slot .note { line-height: 20px; padding: 5px 10px 0px 10px; }
#carstorePage .slot .description { width: 525px; float: left; padding: 5px 5px 5px 25px; }
#carstorePage .slot .slotMedia { text-align: right; padding: 10px 10px 0px 0px; vertical-align: top; }
#carstorePage .slot .dataToggle { width: 20px; height: 20px; float: left; cursor: pointer; margin: 0px 5px 0px 10px!important; }
#carstorePage .priceOverlay { padding: 0px 0px 0px 20px;  line-height: 22px; white-space: nowrap; }
#carstorePage .editConfiguration { margin-right: 5px; }
#carstorePage .slot .navig { background-color: #e7e9ea; margin-top: 20px; height: 50px; padding-right: 7px; }
#carstorePage .slot .navig .button { float: right; margin: 10px 2px 0px 0px; background-color: #6d7579; }
#carstorePage .slot .navig .button .iconNext { float: right; background-position: 3px 8px; width: 23px; height: 30px; cursor: pointer; }
#carstorePage .slot .navig .button .label  { margin-top: 8px; padding: 0px 20px 0px 13px; float: left; color: #FFF; white-space: nowrap; cursor: pointer; }
#carstorePage .slot .navig .button .iconCancel { float: right; background-position: 1px 11px; width: 23px; height: 30px; cursor: pointer; background-size: 11px; }
#carstorePage .slot .navig .disabled { display: none; }
#carstorePage .slot .navig .button:HOVER { opacity:0.80; }
#carstorePage .slot.invalid { background-color: #EBEBEB; }
#carstorePage .slot.invalid .navig { background-color: #EBEBEB; margin-top: 0px; }
#carstorePage .slot.changed { background-color: #EBEBEB; }
#carstorePage .slot .message { padding: 13px 0px 0px 10px; color: #cc0033; }
#carstoreList .styled-select { margin: 10px 0px 0px 10px; width: 250px; height: 30px; overflow: hidden; background-color: #6d7579; border: 0px solid #6d7579; float: left; border-right: 2px solid #6d7579; background-position: 228px 10px; }
#carstoreList .selector { color: #FFF; background: transparent; width: 271px; padding: 5px 0px 7px 6px!important; font-size: 12px; line-height: 13px; border: 0px solid #fff; border-radius: 0px; height: 30px; outline: none; font-weight: normal; -webkit-appearance: none; -moz-appearance: none; -o-appearance: none; appearance: none;}
#carstoreList option { background-color: #6d7579; }
#carstorePage .extImageContainer IMG { height: 100px; }

/* commentLayer */
#carstoreEditCommentLayer { left: 25px; top: 420px; background-color: #FFF; }
#carstoreEditCommentLayer TEXTAREA { height: 81px; margin: 20px 20px 20px 20px; width: 413px; }
#carstoreEditCommentLayer .label { display: inline; float: none; padding: 11px 0 10px 0px; font-weight: bold; }
#carstoreEditCommentLayer .headline { margin: 0; padding: 17px 0px 17px 25px; background-color: #e7e9ea; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; }
#carstoreEditCommentLayer .carstoreNumber { text-align: right; display: inline; font-weight: bold; padding: 0px 20px 0px 0px; color: #cc0033; line-height: 14px; }
#carstoreEditCommentLayer .close { position: absolute; top: 20px; right: 6px; z-index: 999; height: 25px; width: 25px; cursor: pointer;  }
#carstoreEditCommentLayer .close .label { display: none; }
#carstoreEditCommentLayer .save {  margin: 0px 10px 10px 0px; padding: 0px 0px 0px 0px; background-color: #6d7579; float: right; cursor: pointer; }
#carstoreEditCommentLayer .save .iconNext { float: right; background-position: 0px 6px; width: 23px; height: 30px; }
#carstoreEditCommentLayer .save .label  { margin-top: 7px; padding: 0px 20px 0px 13px; float: left; color: #FFF; white-space: nowrap; }
#carstoreEditCommentLayer .save:HOVER { opacity:0.80; }
/* /commentLayer */

/* CARSTORE COMPARE */
#carstoreCompareLayer { position: absolute; background-color: #FFF; height: 592px; }
#carstoreCompareLayer .top { margin: 0; padding: 17px 0px 57px 25px; background-color: #e7e9ea; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; }
#carstoreCompareLayer .top .close { position: absolute; top: 20px; right: 13px; z-index: 999; height: 25px; width: 25px; cursor: pointer; }
#carstoreCompareLayer .top .close .label { display: none; }
#carstoreCompareLayer .content { width: 1100px; }
#carstoreCompareLayer .body { min-height: 452px; }
#carstoreCompareDataControl .radioButton { margin-right: 10px; }
#carstoreCompareDataControl #colorize { position: absolute; bottom: 6px; left: 18px; }
#carstoreCompareDataControl #hide { position: absolute; bottom: 6px; left: 320px; }
#carstoreCompareDataControl #techData { position: absolute; top: 53px; left: 25px; }
#carstoreCompareDataControl #techData .icon { height: 18px; width: 18px; border: 2px solid #000; display: block; position: absolute; }
#carstoreCompareDataControl #techData.checked .icon { height: 22px; width: 22px; background-position: 6px 6px; border: 0px; }
#carstoreCompareDataControl #techData .label  { margin-top: 3px; padding: 0px 20px 0px 32px!important; float: left; color: #000; white-space: nowrap; }
#carstoreCompareDataContent .leftCarline { position: absolute; margin: 20px 0px 0px 25px; width: 500px; overflow: hidden; font-weight: bold; }
#carstoreCompareDataContent .rightCarline{ position: absolute; margin: 20px 0px 0px 550px; width: 500px; overflow: hidden; font-weight: bold; }
#carstoreCompareDataContent .radioButton, #carstoreCompareDataContent .checkBox { float: left; }
#carstoreCompareDataContent .scrollBorder { position: absolute; height: 452px; width: 100%; }
#carstoreCompareDataContent .scrollPane { bottom: 50px; left: 25px; position: absolute; right: 25px; top: 43px; }
#carstoreCompareDataContent .leftCol  { width: 50%; vertical-align: top; }
#carstoreCompareDataContent .rightCol { width: 50%; vertical-align: top; }
#carstoreCompareDataContent .subGroup .leftCol  { padding: 10px 10px 10px 10px; font-size: 12px; font-weight: bold; border-top: 1px solid #e7e9ea; }
#carstoreCompareDataContent .subGroup .rightCol { padding: 10px 10px 10px 10px; font-size: 12px; font-weight: bold; border-top: 1px solid #e7e9ea; }
#carstoreCompareDataContent .entries .leftCol  { padding: 0px 10px 10px 10px; font-size: 12px; vertical-align: top; }
#carstoreCompareDataContent .entries .rightCol { padding: 0px 10px 10px 10px; font-size: 12px; vertical-align: top; }
#carstoreCompareDataContent .first .leftCol  { padding-top: 10px; }
#carstoreCompareDataContent .first .rightCol { padding-top: 10px; }
#carstoreCompareDataContent .first .priceCol  { padding-top: 10px; }
#carstoreCompareDataContent .absHeadline1 { height: 10px; padding: 0px!important; }
#carstoreCompareDataContent .absHeadline2 { height: 10px; padding: 0px!important; }
#carstoreCompareDataContent .first { border-top: 5px solid #e7e9ea; }
#carstoreCompareDataContent .jspPane { padding: 0px!important; }
#carstoreCompareDataContent #leftExtContainer { float: left; padding: 10px 10px 0px 0px; }
#carstoreCompareDataContent #leftIntContainer { float: right; padding: 10px 20px 0px 0px; }
#carstoreCompareDataContent #rightExtContainer{ float: left; padding: 10px 10px 0px 0px; }
#carstoreCompareDataContent #rightIntContainer{ float: right; padding: 10px 20px 0px 0px; }
#carstoreCompareDataContent .engine { border-top: 0px!important; }
#carstoreCompareDataContent .headlineSection { font-weight: bold; padding: 23px 10px 8px 0px;  border-bottom: 5px solid #e7e9ea; }
#carstoreCompareDataContent .group td { padding: 10px 10px 10px 10px; font-size: 12px; font-weight: bold; background-color: #e7e9ea; }
#carstoreCompareDataContent .table { table-layout: fixed; border-spacing: 0; padding: 0; border: 1px solid #e7e9ea; }
#carstoreCompareDataContent .different { color: #D63129; }
#carstoreCompareDataContent #tTechData { display: none; }
#carstoreCompareDataContent .tTechData { display: none; }
#carstoreCompareDataContent .rate { display: none; }
#carstoreCompareDataContent .priceCol { white-space: nowrap; text-align: right; vertical-align: top; padding-right: 20px; }
#carstoreCompareDataContent .noHide { display: table-row!important; }
#carstoreCompareLayer .button-bar { margin: 2px 0px 0px 0px; height: 50px; background-color: #e7e9ea; -webkit-border-bottom-left-radius: 5px; -webkit-border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; }
#carstoreCompareLayer .button-bar .button { display: none; }
#carstoreCompareLayer .jqRadioButton { position: absolute; float: left; margin: 7px 0px 0px 7px; }
#carstoreCompareLayer.layers #carstoreCompareDataControl .label { float: left; padding: 11px 0 11px 37px; }


/* Motor COMPARE */
#compareLayer { position: absolute; background-color: #FFF; height: 592px; }
#compareLayer .top { margin: 0; padding: 17px 0px 57px 25px; background-color: #e7e9ea; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; }
#compareLayer .top .close { position: absolute; top: 12px; right: 13px; z-index: 999; height: 25px; width: 25px; cursor: pointer; }
#compareLayer .top .close .label { display: none; }
#compareLayer .content { width: 1100px; }
#compareLayer .body { min-height: 452px; }
#compareDataContent .radioButton { margin-right: 10px; }
#compareDataContent #colorize { position: absolute; bottom: 5px; left: 18px; }
#compareDataContent #colorize .icon { float: left; margin-top: 7px; }
#compareDataContent #colorize .label { float: left; }
#compareDataContent #hide .icon { float: left; margin-top: 7px;  }
#compareDataContent #hide .label { float: left; }
#compareDataContent #hide { position: absolute; bottom: 5px; left: 300px; }
#compareDataContent #techData { position: absolute; top: 53px; left: 25px; }
#compareDataContent #techData .icon { height: 18px; width: 18px; border: 2px solid #000; display: block; position: absolute; }
#compareDataContent #techData.checked .icon { background-position: 4px 4px; border: 2px solid #000; }
#compareDataContent #techData .label  { margin-top: 3px; padding: 0px 20px 0px 32px; float: left; color: #000; white-space: nowrap; }
#compareDataContent .leftCarline { position: absolute; margin: 16px 0px 0px 25px; width: 510px; overflow: hidden; font-weight: bold; overflow: hidden; }
#compareDataContent .rightCarline{ position: absolute; margin: 16px 0px 0px 551px; width: 510px; overflow: hidden; font-weight: bold; overflow: hidden; }
#compareDataContent .radioButton, #carstoreCompareDataContent .checkBox { float: left; }
#compareDataContent .chooseModel1 { position: absolute; top: 21px; width: 399px; left: 550px; height: 30px; overflow: hidden; background-position: 376px 8px; background-color: #6d7579; border: 0px solid #6d7579; border-right: 2px solid #6d7579; background-size: 17px; }
#compareDataContent #carlineGroupSelect { width: 418px; color: #FFF; background: transparent; padding: 5px 0px 7px 6px!important; font-size: 12px; line-height: 13px; border: 0px solid #fff; border-radius: 0px; height: 30px; -webkit-appearance: none; -moz-appearance: none; -o-appearance: none; appearance: none; outline: none; }
#compareDataContent #carlineGroupSelect option { background-color: #6D7579; }
#compareDataContent .chooseModel2 { position: absolute; top: 53px;  width: 399px; left: 550px; height: 30px; overflow: hidden; background-position: 376px 8px; background-color: #6d7579; border: 0px solid #6d7579; border-right: 2px solid #6d7579; background-size: 17px; }
#compareDataContent #engineSelection  { width: 418px; color: #FFF; background: transparent; padding: 5px 0px 7px 6px!important; font-size: 12px; line-height: 13px; border: 0px solid #fff; border-radius: 0px; height: 30px; -webkit-appearance: none; -moz-appearance: none; -o-appearance: none; appearance: none; outline: none; }
#compareDataContent #engineSelection option { background-color: #6D7579; }
#compareDataContent .scrollBorder { position: absolute; height: 452px; width: 100%; }
#compareDataContent .scrollPane { bottom: 25px; left: 25px; position: absolute; right: 25px; top: 51px; }
#compareDataContent .leftCol  { width: 50%; border-left: 1px solid #e7e9ea; border-right: 0px; vertical-align: top; }
#compareDataContent .rightCol { width: 50%; border-right: 1px solid #e7e9ea; vertical-align: top; }
#compareDataContent .subGroup .leftCol  { padding: 10px 10px 10px 10px; font-size: 12px; font-weight: bold; border-top: 1px solid #e7e9ea; }
#compareDataContent .subGroup .rightCol { padding: 10px 10px 10px 10px; font-size: 12px; font-weight: bold; border-top: 1px solid #e7e9ea; }
#compareDataContent .entries .leftCol  { padding: 0px 10px 10px 10px; font-size: 12px; vertical-align: top; }
#compareDataContent .entries .rightCol { padding: 0px 10px 10px 10px; font-size: 12px; vertical-align: top; }
#compareDataContent .absHeadline1 { border-left: 1px solid #e7e9ea; height: 10px; padding: 0px!important; }
#compareDataContent .absHeadline2 { border-right: 1px solid #e7e9ea; height: 10px; padding: 0px!important; }
#compareDataContent .jspPane { padding: 0px!important; }
#compareDataContent #leftExtContainer { float: left; margin-right: 10px; }
#compareDataContent #rightExtContainer{ float: left; margin-right: 10px; }
#compareDataContent .engine { border-top: 0px!important; }
#compareDataContent .headlineSection { font-weight: bold; padding: 23px 10px 8px 0px; border-left: 0px!important; border-right: 0px!important; border-bottom: 5px solid #e7e9ea; }
#compareDataContent .group td { padding: 10px 10px 10px 10px; font-size: 12px; font-weight: bold; background-color: #e7e9ea; }
#compareDataContent .table { table-layout: fixed; border-spacing: 0; padding: 0; border-bottom: 1px solid #e7e9ea; }
#compareDataContent .different { color: #D63129; }
#compareDataContent #tTechData { display: none; }
#compareDataContent .rate { display: none; }
#compareDataContent .priceCol { white-space: nowrap; text-align: right; vertical-align: top; padding-right: 10px; }
#compareDataContent .rightPrice { border-right: 1px solid #e7e9ea; }
#compareDataContent .borderLeft  { padding: 0px 10px 10px 10px; font-size: 12px; font-weight: bold; border-left: 1px solid #e7e9ea; }
#compareDataContent .borderRight  { padding: 0px 10px 10px 10px; font-size: 12px; font-weight: bold; border-right: 1px solid #e7e9ea; }
#compareLayer .button-bar { margin: 2px 0px 0px 0px; height: 50px; background-color: #e7e9ea; -webkit-border-bottom-left-radius: 5px; -webkit-border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; }
#compareLayer .button-bar .button { float: right; margin: 10px 25px 0px 0px; background-color: #6d7579; }
#compareLayer .button-bar .label  { margin-top: 7px; padding: 0px 20px 0px 13px; float: left; color: #FFF; white-space: nowrap; font-weight: bold; cursor: pointer; }
#compareLayer .button-bar .close  { display: none; }
#compareLayer .button-bar .iconCancel { float: right; background-position: 0px 7px; width: 23px; height: 30px; cursor: pointer; }



/* MULTI COMPARE LAYER */
#multiCompareLayer { position: absolute; height: 692px; background-color: #FFF; }
#multiCompareLayer .headline { padding: 0px!important; }
#multiCompareLayer .top { margin: 0; padding: 17px 0px 60px 25px; background-color: #e7e9ea; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; }
#multiCompareLayer .top .close { position: absolute; top: 12px; right: 13px; z-index: 999; height: 25px; width: 25px; cursor: pointer;  }
#multiCompareLayer .top .close .label { display: none; }
#multiCompareLayer .content { width: 1200px; }
#multiCompareLayer .body { background-color: #FFF; }
#multiCompareLayer .button-bar { height: 50px; background-color: #e7e9ea; -webkit-border-bottom-left-radius: 5px; -webkit-border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; }
#multiCompareLayer .button-bar .button { float: right; margin: 10px 12px 0px 0px; background-color: #6d7579; }
#multiCompareLayer .button-bar .label  { margin: 7px 0px 0px 0px; float: left; color: #FFF; white-space: nowrap; font-weight: bold; cursor: pointer; padding: 0px 20px 0px 13px; }
#multiCompareLayer .button-bar .close { display: none; }
#multiCompareLayer .button-bar .iconClose { display: none; }
#multiCompareLayer .scrollPane { bottom: 25px; left: 25px; position: absolute; right: 9px; top: 175px; height: 455px; }

/* control */
#multiCompareDataControl .cCarline { position: absolute; top: 50px; width: 345px; height: 30px; overflow: hidden; background-position: 323px 9px; background-color: #FFF; border: 0px solid #FFF; border-right: 2px solid #FFF; outline: none; }
#multiCompareDataContent #cCarline1 { left: 57px; }
#multiCompareDataControl #cCarline2 { left: 444px; }
#multiCompareDataControl #cCarline3 { left: 831px; }
#multiCompareDataControl .cGroupSelect { -webkit-appearance: none; -moz-appearance: none; -o-appearance: none; appearance: none; width: 368px; color: #000; background: transparent; padding: 5px 35px 7px 6px!important; font-size: 12px; line-height: 13px; border: 0px solid #fff; border-radius: 0px; height: 30px; outline: none; text-overflow: ellipsis; -webkit-appearance: none; -moz-appearance: none; -o-appearance: none; appearance: none; }
#multiCompareDataControl .cGroupSelect option { background-color: #FFF; }
#multiCompareDataControl #cModel1 { left: 57px; top: 82px; }
#multiCompareDataControl #cModel2 { left: 444px; top: 82px; }
#multiCompareDataControl #cModel3 { left: 831px; top: 82px; }
#multiCompareDataControl #taben { position: absolute; top: 127px; left: 25px; width: 1050px; cursor: pointer; }
#multiCompareDataControl #taben DIV { float: left; background-color: #6d7579; color: #FFF; padding: 7px 15px 7px 15px; margin-right: 2px; }
#multiCompareDataControl #taben DIV.selected { background-color: #FFF; color: #000; cursor: default; }
#multiCompareDataControl #legende DIV.standard { position: absolute; bottom: 18px; left: 400px; width: 200px;}
#multiCompareDataControl #legende DIV.extra { position: absolute; bottom: 18px; left: 580px; width: 200px; }
#multiCompareDataControl #legende DIV.minus { position: absolute; bottom: 18px; left: 780px; width: 200px; }
#multiCompareDataControl #legende SPAN.standard { position: absolute; bottom: 20px; left: 400px; width: 12px; height: 12px; margin-left: -20px; border-radius: 12px; background-color: #000; display: block; }
#multiCompareDataControl #legende SPAN.extra { position: absolute; bottom: 20px; left: 580px; width: 10px; height: 10px; margin-left: -20px; border-radius: 10px; background-color: #FFF; border: 1px solid #000; display: block; }
#multiCompareDataControl #legende SPAN.minus { position: absolute; bottom: 24px; left: 780px; width: 10px; height: 0px; border: 1px solid #000; display: block; margin-left: -20px;}
#multiCompareDataControl #hideAll { position: absolute; bottom: 10px; left: 20px; }
#multiCompareDataControl #hideAll .icon { float: left; }
#multiCompareDataControl #hideAll .label { margin-top: 7px; padding: 0px 20px 0px 1px; float: left; white-space: nowrap; }
#multiCompareDataControl #printButton { position: absolute; bottom: 11px; right: 28px; }
#multiCompareDataControl #printButton .icon { float: left; width: 12px; height: 21px; background-position: 0px 0px; }
#multiCompareDataControl #printButton .label { padding: 0px 0px 0px 3px; display: block; color: #000; float: left; font-weight: bold; cursor: pointer; }
#multiCompareDataControl #printButton:HOVER .label  { color: #6d7579; }
#cCarline1Pos, #cCarline2Pos, #cCarline3Pos  {width: 30px; height: 24px; background-color: #FFF; position: absolute; top: 50px; text-align: center; padding-top: 6px; font-weight: bold; }
#multiCompareDataControl #cCarline1Pos { left: 25px; }
#multiCompareDataControl #cCarline2Pos { left: 412px; }
#multiCompareDataControl #cCarline3Pos { left: 799px; }


/* body */
#multiCompareDataContent .nameCell { width: 360px; border-left: 1px solid #e7e9ea; padding: 10px; border-top: 1px solid #e7e9ea; }
#multiCompareDataContent .nameCellFeature { width: 360px; border-left: 1px solid #e7e9ea; padding: 10px; border-top: 1px solid #e7e9ea; }
#multiCompareDataContent .emptyCell { width: 360px; padding: 10px; border-left: 1px solid #e7e9ea; border-top: 1px solid #e7e9ea; }
#multiCompareDataContent .colBasic1 { padding: 10px; border-left: 1px solid #e7e9ea; border-top: 1px solid #e7e9ea; }
#multiCompareDataContent .colBasic2 { padding: 10px; border-left: 1px solid #e7e9ea; border-top: 1px solid #e7e9ea; }
#multiCompareDataContent .colBasic3 { padding: 10px; border-left: 1px solid #e7e9ea; border-right: 1px solid #e7e9ea; border-top: 1px solid #e7e9ea; }
#multiCompareDataContent .col1 { border-top: 1px solid #e7e9ea; border-left: 1px solid #e7e9ea; padding: 10px; text-align: center; }
#multiCompareDataContent .col2 { border-top: 1px solid #e7e9ea; border-left: 1px solid #e7e9ea; padding: 10px; text-align: center; }
#multiCompareDataContent .col3 { border-top: 1px solid #e7e9ea; border-left: 1px solid #e7e9ea; padding: 10px; border-right: 1px solid #e7e9ea; text-align: center; }
#multiCompareDataContent .head td { padding: 10px 10px 10px 10px; font-size: 12px; font-weight: bold; background-color: #e7e9ea; }
#multiCompareDataContent .group td { padding: 10px 10px 10px 10px; font-size: 12px; font-weight: bold; background-color: #e7e9ea; }
#multiCompareDataContent .table { border-spacing: 0; padding: 0; border-bottom: 1px solid #e7e9ea; }
#multiCompareDataContent .different { color: #cc0000; }
#multiCompareDataContent #tBasics { display: none; }
#multiCompareDataContent #tAccessories { display: none; }
#multiCompareDataContent #tColors { display: none; }
#multiCompareDataContent #tTechData { display: none; }
#multiCompareDataContent #tExtras { display: none; }
#multiCompareDataContent #tStandards { display: none; }
#multiCompareDataBody { padding-right: 18px; }
#multiCompareDataBody .extra { width: 10px; height: 10px; margin-left: 118px; border-radius: 10px; background-color: #FFF; border: 1px solid #000; display: block; }
#multiCompareDataBody .standard { width: 12px; height: 12px; margin-left: 118px; border-radius: 12px; background-color: #000; display: block; }
#multiCompareDataBody .minus { width: 10px; height: 0px; border: 1px solid #000; display: block; margin-left: 118px;}
#multiCompareDataBody .wDTop { width: 250px; text-align: center; }

/* viewspage */
#viewspage #equipmentListHeader { display: none; }
#viewspage .renderViewsGallery { width: 100%; text-align: center; vertical-align: middle; overflow: hidden; height: 200px; background-color: #e7e9ea; border-right: 2px solid #FFF; }
#viewspage .thumbsGallery { vertical-align: top; overflow: hidden; }
#viewspage .thumbsGallery DIV { border-bottom: 2px solid #FFF; cursor: pointer; }
#viewspage #fullView { overflow: hidden; cursor: pointer; width: 100%; max-width: 1000px; }
#zoom { width: 22px; height: 22px; position: absolute; right: 172px; bottom: 10px; z-index: 1; background-image: url(https://mediaservice.audi.com/media/b2c/v6-common/img-dcc-HEAD.zip/int2/zoom.png); cursor: pointer; }
.renderGallery { position: relative; display: block; background: #e7e9ea; }
.renderGallery TABLE { border-collapse: collapse; border: 0px; border-spacing: 0px;  }
.renderGallery TD { padding: 0px;  border-spacing: 0px; }
.renderGallery .noViews { clear: both; padding: 100px 0px 100px 0px; font-weight: bold; }
#galleryLeftButton { width: 23px; height: 41px; position: absolute; left: 10px; top: 49%; z-index: 1; background-image: url(https://mediaservice.audi.com/media/b2c/v6-common/img-dcc-HEAD.zip/buttons/pf_gallery_left.gif); cursor: pointer; display: none; }
#galleryRightButton { width: 23px; height: 41px; position: absolute; right: 20px; top: 49%; z-index: 1; background-image: url(https://mediaservice.audi.com/media/b2c/v6-common/img-dcc-HEAD.zip/buttons/pf_gallery_right.gif); cursor: pointer; display: none; }
#renderLayer { position: fixed; width: 100%; height: 100%; z-index: 999; left: 50px; right: 50px; top: 50px; bottom: 50px; display: none; -khtml-user-select: none; -o-user-select: none; -moz-user-select: none; -webkit-user-select: none; user-select: none; background-color: transparent!important; -webkit-border-radius: 0px!important; border-radius: 0px!important; box-shadow: 0px 0px; }
#renderLayer .content { max-width: 1586px; max-height: 936px; width: 100%; height: 100%; margin: auto; background-color: #FFF; position: relative; margin:0 auto; top: 50%; -ms-transform: translateY(-50%); transform: translateY(-50%); -webkit-border-radius: 5px; border-radius: 5px; box-shadow: 0px 0px 5px 5px #888; }
#renderLayer .body { max-width: 1576px; width: 100%; height: 100%; }
#renderLayer .imgDiv { padding: 45px 5px 5px 5px; width: 100%; height: 100%; }
#renderLayer #xxlPic { background-color: #e1e1e1; max-width: 100%; max-height: 100%; }
#renderLayer .button { width: 25px; height: 45px; display: block; position: absolute; top: 10px; right: 5px; }
#renderLayer .iconCancel { z-index: 999; height: 35px; width: 25px; cursor: pointer; display: block; position: absolute; top: 10px; }
#renderLayer .label { display: none; }


/* viewspageAudi */
#viewspageAudi #content { bottom: 130px; }
#viewspageAudi .viewStageFull { width: 100%; height: 100%; text-align: center; background-color: #f2f2f2; max-height: 576px; cursor: pointer; }
#viewspageAudi #stageView { width: 100%; height: 100%; max-width: 960px; max-height: 576px; object-fit: contain; }
#viewspageAudi #zoomAudi { width: 22px; height: 22px; position: absolute; right: 40px; margin-top: -40px; z-index: 1; background-image: url(https://mediaservice.audi.com/media/b2c/v6-common/img-dcc-HEAD.zip/int2/zoom.png); cursor: pointer; }
#viewspageAudi .thumbsDiv { width: 100%; margin: 2px 0 2px 0; }
#viewspageAudi .thumbsDiv TABLE { width: auto; }
#viewspageAudi .thumbsDiv TD { text-align: left; border-right: 2px solid #FFF; border: 1px solid #FFF; }
#viewspageAudi .thumb { cursor: pointer; box-sizing: border-box; }
#viewspageAudi .selected { border-color: #000!important; }
#viewspageAudi #overlayRender { position: fixed; width: 100%; height: 100%; z-index: 99; left: 0px; right: 0px; top: 0px; bottom: 0px; background-color: #000; opacity: 0.25; display: none; }
#renderLayerAudi { display: none; position: fixed; width: 100%; height: 100%; z-index: 999; left: 0px; right: 0px; top: 0px; bottom: 0px; display: none; -khtml-user-select: none; -o-user-select: none; -moz-user-select: none; -webkit-user-select: none; user-select: none; }
#renderLayerAudi .wrapInside { width: 100%; height: 100%; max-width: 1410px; max-height: 890px; margin: auto; background-color: #FFF; position: relative; margin:0 auto; top: 50%; -ms-transform: translateY(-50%); transform: translateY(-50%); -webkit-border-radius: 5px; border-radius: 5px; box-shadow: 0px 0px 5px 5px #888; }
#renderLayerAudi .layerContent { padding: 45px 5px 5px 5px; }
#renderLayerAudi #XXLPic { max-width: 100%; max-height: 100%; -khtml-user-select: none; -o-user-select: none; -moz-user-select: none; -webkit-user-select: none; user-select: none; }
#renderLayerAudi .close { position: absolute; top: 20px; right: 13px; z-index: 999; height: 25px; width: 25px; cursor: pointer; }
#renderLayerAudi #gLeftButton { width: 23px; height: 41px; position: absolute; left: 20px; top: 49%; z-index: 1; background-image: url(https://mediaservice.audi.com/media/b2c/v6-common/img-dcc-HEAD.zip/buttons/pf_gallery_left.gif); cursor: pointer; display: none; }
#renderLayerAudi #gRightButton { width: 23px; height: 41px; position: absolute; right: 20px; top: 49%; z-index: 1; background-image: url(https://mediaservice.audi.com/media/b2c/v6-common/img-dcc-HEAD.zip/buttons/pf_gallery_right.gif); cursor: pointer; display: none; }

/* FinancePage */
#financePage .radioButton { float: left; margin-right: 15px; }
#financePage .radioButton span { float: left; margin-left: 4px; margin-top: 3px; }
#financePage .radioButton span.txt { margin-left: 6px; margin-top: 6px; }
#financePage .jqRadioButton { margin: 0px; }
#financePage .layers { max-width: 600px; }
#financePage h2 { font-size: 12px; font-weight: bold; background: #e7e9ea; margin: 0px; padding: 16px 10px 18px 25px; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; }
#financePage h4 { font-size: 12px; font-weight: bold; margin-top: 10px; }
#financePage .layer-content { padding: 20px 25px 10px 25px; }
#financePage .close { position: absolute; top: 20px; right: 13px; z-index: 999; height: 25px; width: 25px; cursor: pointer; }
#financePage .close .label{ display: none; }
#financePage .scrollPane { top: 100px!important; }
#financialDataContent .message { color: red; font-weight: 700; display: block; margin: 13px 5px 0px 0px; }
#financialDataContent .columnListName { padding-bottom: 7px; }
#financialDataContent .financeProducts { margin-top: 10px; }
#financialDataContent .financeProducts .openHelp { float: right; }
#financialDataContent .financeProducts .openHelp .icon.info { margin: 0px; }
#financialDataContent .financeProducts .openHelp .label { padding: 0px; }
#financialDataContent .financeConditionsSelection { border: 1px solid #e7e9ea; border-top: 5px solid #e7e9ea; padding: 0px 10px 10px 10px; }
#financialDataContent .fdParamName { border-bottom: 1px solid #e7e9ea; border-left: 1px solid #e7e9ea; padding: 0px 11px 0px 11px; white-space: nowrap; }
#financialDataContent .fdParamValue { border-bottom: 1px solid #e7e9ea; border-right: 1px solid #e7e9ea; }
#financialDataContent .bold { font-weight: bold; }
#financialDataContent .fdParamValue select { width: 105px; }
#financialDataContent .fdParamValue .text { width: 100px; }
#financialDataContent .name { width: 50%; }
#financialDataContent .labelText { float: left; padding: 10px 0px 10px 0px; }
#financialDataContent .icon.info { height: 22px; width: 22px; float: left; display: block; margin: 8px 0px 0px 7px; z-index: 999; border-radius: 22px; }
#financialDataContent .icon.info:HOVER { opacity:0.80; }
#financialDataContent .disclaimer { padding: 0px 0px 0px 0px; clear: both; }
#financialDataContent .disclaimer A { color: #000; }
#financialDataContent .disclaimer A:HOVER { color: #6d7579; }

/* ausnahmen */
#summarypage #dcc-se-audi  #buttonBar #orderButton { width: 140px; }
#summarypage #dcc-se-audi  #buttonBar #orderButton .label { padding: 0px 0px 0px 10px; font-size: 12px; overflow: hidden; font-family: tahoma, arial; }
#summarypage #dcc-se-audi  #buttonBar #prevButton { width: 98px; right: 167px; }
#summarypage #dcc-se-audi  #buttonBar #prevButton .label { padding: 0px 10px 0px 0px; font-size: 12px; overflow: hidden; font-family: tahoma, arial; }
#summarypage #dcc-se-vw    #buttonBar #orderButton { width: 140px; }
#summarypage #dcc-se-vw    #buttonBar #orderButton .label { padding: 0px 0px 0px 10px; font-size: 12px; overflow: hidden; font-family: tahoma, arial; }
#summarypage #dcc-se-vw    #buttonBar #prevButton { width: 98px; right: 167px; }
#summarypage #dcc-se-vw    #buttonBar #prevButton .label { padding: 0px 10px 0px 0px; font-size: 12px; overflow: hidden; font-family: tahoma, arial; }
#summarypage #dcc-se-vwn   #buttonBar #orderButton { width: 140px; }
#summarypage #dcc-se-vwn   #buttonBar #orderButton .label { padding: 0px 0px 0px 10px; font-size: 12px; overflow: hidden; font-family: tahoma, arial; }
#summarypage #dcc-se-vwn   #buttonBar #prevButton { width: 98px; right: 167px; }
#summarypage #dcc-se-vwn   #buttonBar #prevButton .label { padding: 0px 10px 0px 0px; font-size: 12px; overflow: hidden; font-family: tahoma, arial; }
#summarypage #dcc-se-skoda  #buttonBar #orderButton { width: 140px; }
#summarypage #dcc-se-skoda  #buttonBar #orderButton .label { padding: 0px 0px 0px 10px; font-size: 12px; overflow: hidden; font-family: tahoma, arial; }
#summarypage #dcc-se-skoda  #buttonBar #prevButton { width: 98px; right: 167px; }
#summarypage #dcc-se-skoda  #buttonBar #prevButton .label { padding: 0px 10px 0px 0px; font-size: 12px; overflow: hidden; font-family: tahoma, arial; }
#summarypage #dcc-se-seat  #buttonBar #orderButton { width: 140px; }
#summarypage #dcc-se-seat  #buttonBar #orderButton .label { padding: 0px 0px 0px 10px; font-size: 12px; overflow: hidden; font-family: tahoma, arial; }
#summarypage #dcc-se-seat  #buttonBar #prevButton { width: 98px; right: 167px; }
#summarypage #dcc-se-seat  #buttonBar #prevButton .label { padding: 0px 10px 0px 0px; font-size: 12px; overflow: hidden; font-family: tahoma, arial; }
#summarypage #dcc-uk-vw-cdk-test  #buttonBar #orderButton { width: 140px; }
#summarypage #dcc-uk-vw-cdk-test  #buttonBar #prevButton { width: 98px; right: 167px; }
#summarypage #dcc-uk-audi-cdk-test  #buttonBar #orderButton { width: 140px; }
#summarypage #dcc-uk-audi-cdk-test  #buttonBar #prevButton { width: 98px; right: 167px; }
#summarypage #dcc-uk-vwn-cdk-test  #buttonBar #orderButton { width: 140px; }
#summarypage #dcc-uk-vwn-cdk-test  #buttonBar #prevButton { width: 98px; right: 167px; }
#summarypage #dcc-uk-seat-cdk-test  #buttonBar #orderButton { width: 140px; }
#summarypage #dcc-uk-seat-cdk-test  #buttonBar #prevButton { width: 98px; right: 167px; }
#summarypage #dcc-uk-skoda-cdk-test  #buttonBar #orderButton { width: 140px; }
#summarypage #dcc-uk-skoda-cdk-test  #buttonBar #prevButton { width: 98px; right: 167px; }

/* Miwi Client */
#miwi-app { position: absolute; bottom: 0px; left: 0px; width: 60px; height: 50px; background-color: #757d81; z-index: 99; }
#miwi-app .miwi-button { width: 60px; height: 50px; background-color: #757d81; z-index: 99; border: 0px; overflow: hidden; text-indent: -9999px; cursor: pointer; }
#miwi-app .miwi-button-connected { width: 60px; height: 50px; background-color: #6d9c04; z-index: 99; border: 0px; overflow: hidden; text-indent: -9999px; cursor: pointer; }
#miwi-button { float: left; width: 30px; height: 50px; }

/* Scrollbar */
#content .ss-content { padding-right:16px; }
.ss-wrapper { overflow: hidden; width: 100%; height: 100%; position: relative; z-index: 1; float: left; }
.ss-content { height: 100%; width: calc(100% + 16px); padding: 0 0 0 0; position: relative; overflow-x: auto; overflow-y: scroll; box-sizing: border-box; padding-right:16px; }
.ss-content.rtl { width: calc(100% + 16px); right: auto; }
.ss-scroll { position: relative; background: #a7acaf; width: 12px; border-radius: 6px; top: 0; z-index: 2; cursor: pointer; opacity: 1; }
.ss-hidden { display: none; }
.ss-container:hover .ss-scroll, .ss-container:active .ss-scroll { opacity: 1; }
.ss-grabbed { -o-user-select: none; -ms-user-select: none; -moz-user-select: none; -webkit-user-select: none; user-select: none; }

.hiddenContent {
  display: none;
}