/* General tags */
h1 { font-size: 1.6em; margin: 0; padding: 0; text-transform: uppercase; }
h2 { font-size: 1.3em; margin: 0; padding: 0; }
h3 { font-size: 1.2em; font-weight: bold; margin: 0; padding: 0; }
a, a:link { text-decoration: none; color: #4e9b96; }
a:visited { text-decoration: none; color: #4e9b96; }
a:hover { text-decoration: underline; color: #4e9b96; }
a:active { text-decoration: none; color: #4e9b96; }
img { border: 0; animation: fadeInCss 2s; -webkit-animation: fadeInCss 2s; }
iframe { animation: fadeInCss 2s; -webkit-animation: fadeInCss 2s; }
form { margin: 0; padding: 0; }
button { font-family: 'Roboto Condensed', serif; }
button::-moz-focus-inner { border: 0; }
button[type=submit] { border: none; color: #fff; font-size: 1.6em; font-weight: bold; cursor: pointer; text-transform: uppercase; display:block; font-family: 'Roboto Condensed', serif; background-color: #5ab5b1; border-radius: 3px; margin: 0; }
.resetQuickSearchButton { border: none; color: #4e9b96; font-size: 1.6em; font-weight: bold; cursor: pointer; text-transform: uppercase; display:block; font-family: 'Roboto Condensed', serif; margin: 0; }
input[type=text],input[type=number], input[type=email], input[type=tel], input[type=password], textarea { border: 1px solid #cdcdcd; border-radius: 2px; padding: 2px 7px; }
input[type="text"]:disabled, textarea:disabled { background-color: #ebebe4 !important; }
input[type=text].default,input[type=number].default, input[type=email].default, input[type=tel].default, textarea.default { color: #838383; }
input[type='checkbox'] { -moz-appearance: none; -webkit-appearance: none; }
select { -moz-appearance: none; -webkit-appearance: none; }
select::-ms-expand { display: none; }

/* General classes */
.bold { font-weight: bold; }
.normal { font-weight: normal; }
.italic { font-style: italic; }
.uppercase { text-transform: uppercase; }
.super { font-size: smaller; vertical-align: super; }
.sub { font-size: smaller; vertical-align: sub; }
.nowrap { white-space: nowrap; }
.break-word { word-wrap: break-word; }
.line-through { text-decoration: line-through; }
.cursor-pointer { cursor: pointer; }
.red { color: #cc0000; }
.white { color: #fff; }
.whiteBg { background: #fff; }
.greyBg { background-color: #cecece; }
.redBg { background: #ca2550; }
.whiteBox { margin-top: 10px; padding: 15px 10px 10px 10px; background-color: #ffffff; border: 1px solid #cdcdcd; border-radius: 2px;}
.fas.rounded { border: 1px solid; border-radius: 20px; padding: 4px 7px; }
a .fas { -webkit-transition: color 0.3s; transition: color 0.3s; }
a:hover .fas.gray { color: #5db3b0; }
a.button { display: inline-block; border: none; color: #fff; font-size: 1.2em; font-weight: bold; cursor: pointer; text-transform: uppercase; font-family: 'Roboto Condensed', serif; background-color: #4e9b96; border-radius: 3px; margin: 5px 0; padding: 8px 12px; text-align: center; }
a.button.clearSearch.disabled { cursor: default; }
button.resetQuickSearchButton.disabled { cursor: default; }
a.button.orange { background-color: #ff9900; }
a.button.gray { background-color: #505149; }
a.button.red { background-color: #ff3624; }
a.button.purple { background-color: #953777; }
a.button.disabled { color: #ccc; }
a.button.small { padding: 5px 10px;}
a.button.large { height: 36px; text-decoration: none; font-weight: bold; font-size: 1.3em;  }
a.button.large > span { display: block; line-height: 34px; } 
a.button.extralarge { height: 36px; width:400px; padding-right: 10px; text-decoration: none; font-weight: bold; font-size: 1.3em; margin-left: 106px; margin-bottom: 10px; }
a.button.extralarge > span { display: block; line-height: 34px; padding: 0 12px 2px 165px; }
a.searchButton { color: #505149; font-size: 15px; }
a.searchButton span.rounded { padding: 4px 5px; }
img.bordered { border: 1px solid #52595F; }
form.default input, form.default select, form.default textarea { font-size: 1.0em; font-family: 'Roboto Condensed',"lucida grande",tahoma,arial,sans-serif; }
form.default input.text.invalid { color: red; border: 1px solid red;}
form.default input.text { border: 1px solid #B5B5B5; padding: 2px 1px 2px 2px; margin: 0; }
form.default select.invalid { color: red; border: 1px solid red;}
form.default input.text.carHistorySelected { color: black; border:1px solid #7AB5EC;}
form.default select.carHistorySelected { color: black; border:1px solid #7AB5EC;}
form.default label.carHistorySelected { color: black; border:1px solid #7AB5EC;}
form.default select  { border: 1px solid #B5B5B5; padding: 1px; }
form.default textarea { overflow-y: auto; border: 1px solid #B5B5B5; padding: 2px 1px; }
form.default span.required { color: #cc0000; font-size: 1.2em; }
form.default input.button { color: #fff; background: #d72928; border: 1px outset #3d0b0a; margin: 0; padding: 1px 4px; font-weight: bold; }
.form-line { padding: 5px 0; }
.invalid { color: red; border-color: red;}
.error { border: 2px solid #ff0000; padding: 4px; background: #fff; }
.error ul {  margin: 0; padding: 3px 0 0 0; font-weight: bold; line-height: 1.0; list-style: none; }
.error ul li { padding: 0 0 3px 5px; }
.yui-skin-sam { margin-top: -30px; }
.wicket-aa {font-family:  "lucida grande",tahoma,arial,sans-serif; font-size: 1em; background-color: white; border: 1px solid #cccccc; padding: 2px; margin: 1px 0 0 0; text-align:left; overflow: auto; max-height: 250px; }
.wicket-aa ul { list-style:none; padding: 2px; margin:0; }
.wicket-aa ul li.selected { background-color: #E3E7EA; padding: 2px; margin:0; }
.lightgreen { color: #30b74e; }
/* General layout classes */
.inline { display: inline; }
.inline-block { display: inline-block; }
.center { text-align: center; }
.left { text-align: left; }
.right { text-align: right; }
.justify { text-align: justify; }
.clear { clear: both; padding: 0; margin: 0; line-height: 0; }
.clear-left { clear: left; }
.clear-both { clear: both; }
.position-absolute { position: absolute; }
.position-relative { position: relative; }
.float-left { float: left; }
.float-right { float: right; }
.float-none { float: none; }
.innerHorizontalPositioner { margin: 0 auto; position: relative; text-align: center; }
.overflow-hidden { overflow: hidden; }
.display-none { display: none; }
.display-block { display: block; }
.display-inline-block { display: inline-block; }
.visibility-hidden { visibility: hidden; }
.vertical-align-bottom { vertical-align: bottom; }
.vertical-align-middle { vertical-align: middle; }
.vertical-align-top { vertical-align: top; }
.oneColumn { float: left; width: 161px; display: inline; }
.twoColumns { float: left; width: 322px; display: inline; }
.threeColumns { float: left; width: 483px; display: inline; }
.fourColumns { float: left; width: 644px; display: inline; }
.fiveColumns { float: left; width: 805px; display: inline; }
.allColumns { float: left; width: 980px; display: inline; }
.width100 { width: 100%; }
.display-flex { display:flex; }

/*
    DO NOT USE THE FOLLOWING ANY MORE!
    And for gods sake do not make more of these!
    (preferably try to remove them when possible)
*/
.margin-top-2 { margin-top: -2px; }
.margin-top2 { margin-top: 2px; }
.margin-top3 { margin-top: 3px; }
.margin-top4 { margin-top: 4px; }
.margin-top5 { margin-top: 5px; }
.margin-top6 { margin-top: 6px; }
.margin-top8 { margin-top: 8px; }
.margin-top10 { margin-top: 10px; }
.margin-top15 { margin-top: 15px; }
.margin-top20 { margin-top: 20px; }
.margin-top30 { margin-top: 30px; }
.margin-right2 { margin-right: 2px; }
.margin-right4 { margin-right: 4px; }
.margin-right5 { margin-right: 5px; }
.margin-right6 { margin-right: 6px; }
.margin-right8 { margin-right: 8px; }
.margin-right10 { margin-right: 10px; }
.margin-right16 { margin-right: 16px; }
.margin-right20 { margin-right: 20px; }
.margin-right50 { margin-right: 50px; }
.margin-bottom2 { margin-bottom: 2px; }
.margin-bottom4 { margin-bottom: 4px; }
.margin-bottom5 { margin-bottom: 5px; }
.margin-bottom8 { margin-bottom: 8px; }
.margin-bottom10 { margin-bottom: 10px; }
.margin-bottom20 { margin-bottom: 20px; }
.margin-left2 { margin-left: 2px; }
.margin-left4 { margin-left: 4px; }
.margin-left5 { margin-left: 5px; }
.margin-left7 { margin-left: 7px; }
.margin-left8 { margin-left: 8px; }
.margin-left10 { margin-left: 10px; }
.margin-left15 { margin-left: 15px; }
.margin-left20 { margin-left: 20px; }
.padding0 { padding: 0; }
.padding2 { padding: 2px; }
.padding5 { padding: 5px; }
.padding10 { padding: 10px; }
.padding15 { padding: 15px; }
.padding-top4 { padding-top: 4px; }
.padding-top5 { padding-top: 5px; }
.padding-top8 { padding-top: 8px; }
.padding-top10 { padding-top: 10px; }
.padding-top15 { padding-top: 15px; }
.padding-top16 { padding-top: 16px; }
.padding-top30 { padding-top: 30px; }
.padding-right4 { padding-right: 4px; }
.padding-right5 { padding-right: 5px; }
.padding-right8 { padding-right: 8px; }
.padding-bottom2 { padding-bottom: 2px; }
.padding-bottom4 { padding-bottom: 4px; }
.padding-bottom5 { padding-bottom: 5px; }
.padding-bottom8 { padding-bottom: 8px; }
.padding-bottom10 { padding-bottom: 10px; }
.padding-bottom16 { padding-bottom: 16px; }
.padding-bottom20 { padding-bottom: 20px; }
.padding-left5 { padding-left: 5px; }
.padding-left8 { padding-left: 8px; }
.padding-left10 { padding-left: 10px; }
.padding-left25 { padding-left: 25px; }


/* Common components */
.ajax-loader { background: url('/images/common/ajax-loader-transparent.gif') no-repeat 50% 50%; width: 50px; height: 50px; }
.lazy-ajax-loader  .ajax-loader { margin: 10px auto; }
.boxHeader { clear: left; float: left; border: 1px solid #535a60; border-bottom: 0;  color: #fff; padding: 0 8px 0 8px; height: 19px; line-height: 19px; font-weight: bold; background: #505149; }
.emailContainer { display: inline-block; }
.emailContainer span {float: left;}
.emailContainer span.at { width: 14px; height: 17px; background: url('/images/common/at.jpg') no-repeat bottom; display: block; }
.emailContainer span.at_grey { width: 15px; height: 19px; background: url('/images/common/at_grey.jpg') no-repeat bottom; }
.sectionBlock { width: 97.5%; float: left; background-color: #ffffff; border: 1px solid #cdcdcd; border-radius: 2px; padding: 10px; margin-top: 10px; font-size: 14px; }
.sectionBlock h1 { font-size: 22px; padding-bottom: 6px; text-transform: uppercase; }
.dropdown { width: 255px; height: 14px; }
.sliderContainer { margin-bottom: 15px; }
.sliderHeading { height: 14px; line-height: 14px; text-align: left; }
.sliderContainer .heading input { vertical-align: middle; margin: 0 2px 0 2px; }
.sliderContainer > input { margin: 5px 0 0 0; padding: 1px 0 0 8px; border: 1px solid #505149; width: 120px; height: 30px; color: #000; text-align: left; background-color: #ffffff; font-size: 1.2em; }
.sliderContainer > input.error { color: #f4312f; }
.sliderContainer > input.default { color: #8a8a8a; }
.sliderContainer .min { margin-right: 3px; }
.sliderContainer .max { margin-left: 3px; }
.sliderContainer .ui-slider-container { float: left; }
.slider { font-size: 2.6em; }
.flashMessage { margin: 5px 0 5px 0; border: 1px solid #535a60; background-color: #fff; font-weight: bold; font-size: 1.2em; color: #fff; }
.flashMessage.success { background: #9cbb7f url('/images/common/widgets/message_bg_success.png') repeat-x bottom left; }
.flashMessage.error { padding: 0; border: 1px solid #535a60; background: #e23838 url('/images/common/widgets/message_bg_error.png') repeat-x bottom left;}
.flashMessage.info { background-color: #ff9900; }
.flashMessage.info a { color: #fff;}
.flashMessage table { width: 100%; }
.flashMessage tbody { padding: 0; margin: 0; }
.flashMessage td.attention { width: 3px; height: 100%; padding: 0 11px 0 11px; border-right: 1px solid #fff; font-size: 18px; font-weight: normal; }
.flashMessage td.content { padding: 7px 8px; }
.flashMessage td.closeButton { width: 5px; padding: 0 8px 0 8px; vertical-align: middle; }
.flashMessage td.closeButton a { color: #fff; }
.feedbackPanelWrapper { width: 100%; border: none; background: none; padding: 0; display: none; }
#simplemodal-overlay { background: #626a70; }
#simplemodal-container { border: 1px solid #333; -webkit-overflow-scrolling: touch; }
.safari #simplemodal-container { overflow-y: scroll; }
#nps-simplemodal-container { border: 4px solid #F9F9F9; border-radius: 4px 4px 4px 4px; }
#nps-simplemodal-container .modalCloseImg { cursor: pointer; height: 36px; position: absolute; right: 0; top: 0; width: 36px; z-index: 8040; background: url('/images/nps/close.png') no-repeat; }
a.button.compareCarsLink { text-decoration: none; text-transform: none; padding: 5px 8px 5px 13px; background-color: #499ea3; }
a.button.compareCarsLink .fa-chevron-right { margin-left: 5px; }
.breadCrumbs { margin-bottom: 16px; }
.toggleOpen { background: url('/images/common/list_pages/arrow_up_white.gif') no-repeat right 50%; padding-right: 12px; }
.toggleClosed { background: url('/images/common/list_pages/arrow_down_white.gif') no-repeat right 50%; padding-right: 12px; }
#newSiteWicketId { float: left; margin-top: 10px; }
.bx-window { height: 370px; }
.bx-pager { padding: 11px; font-size: 20px; text-align: center; text-decoration: none; }
a.pager-link { text-indent:-999em; display:inline-block; width:10px; height:10px; border: 2px solid #5db4b0; background-color:#fff;  border-radius:10px; margin-right:5px;}
a.pager-active { background-color:#5db4b0 }
.priceAndBenefitRadioButtons > div { width: 100%; }
.checkboxInput.radioInput input { border-radius:10px; }
.checkboxInput.radioInput {	float:none; line-height: 25px; }
.checkboxInput input { outline: none; width: 16px;  height: 16px; background-color: #fff;  margin: 0 2px 0 3px;  position: relative;  border-radius: 2px;  top: 2px;  border: 1px solid #5db4b0;  -webkit-transition: -webkit-transform 0.05s ease-in-out;  -moz-transition: -webkit-transform 0.05s ease-in-out;  -o-transition: -webkit-transform 0.05s ease-in-out;  transition: -webkit-transform 0.05s ease-in-out;  -webkit-transition: -moz-transform 0.05s ease-in-out;  -moz-transition: -moz-transform 0.05s ease-in-out;  -o-transition: -moz-transform 0.05s ease-in-out; transition: -moz-transform 0.05s ease-in-out;  -webkit-transition: -o-transform 0.05s ease-in-out;  -moz-transition: -o-transform 0.05s ease-in-out;  -o-transition: -o-transform 0.05s ease-in-out; transition: -o-transform 0.05s ease-in-out;  -webkit-transition: transform 0.05s ease-in-out;  -moz-transition: transform 0.05s ease-in-out;  -o-transition: transform 0.05s ease-in-out; transition: transform 0.05s ease-in-out;  -webkit-transform: scale(0.9999);  -moz-transform: scale(0.9999);  -o-transform: scale(0.9999);  -ms-transform: scale(0.9999);  transform: scale(0.9999);}
.checkboxInput input:active { -webkit-transform: scale(0.85);  -moz-transform: scale(0.85);  -o-transform: scale(0.85);  -ms-transform: scale(0.85);  transform: scale(0.85);}
.checkboxInput input:checked { background-color: #5db4b0;}
.checkboxInput label { padding: 0 3px 0 0; position: relative; top: -1px; }
.checkboxInput.radioInput input:checked { background-color: #fff;}
.checkboxInput :checked:before { display: inline-block;  font-family: 'Font Awesome 5 Free'; font-weight: 900; -webkit-font-smoothing: antialiased;  -moz-osx-font-smoothing: grayscale;  content: "\f00d";  color: #ffffff;  position: absolute;  left: 3px; top: 0.5px; }
.checkboxInput.radioInput :checked:before { content: "\f111";  color: #5db4b0;  height: 0;  font-size: 11px;  left: 2px;  top: 2px;  border:0 none;}
span.checkboxInput { float: none; }
[type="checkbox"].toggleSwitch { position: absolute; left: -9999px;  outline: none; }
.toggleSwitch ~ label >  span {  display: table-cell; vertical-align: middle;   padding-left: 5px; }
[type="checkbox"].toggleSwitch + label { cursor: pointer; }
[type="checkbox"].toggleSwitch + label:before { font-family: 'Font Awesome 5 Free'; display: inline-block; box-sizing: border-box; border: 1px solid transparent; font-size: 20px; min-width: 28px; font-weight: 900;}
[type="checkbox"].toggleSwitch:checked + label:before {   content: "\f205"; }
[type="checkbox"].toggleSwitch:not(:checked) + label:before {   content: "\f204"; }
#tabBar .ui-tabs-panel { float: left; padding: 0; border: 0; border-top: 1px solid #cdcdcd; }
#tabBar .ui-tabs .ui-tabs-nav li{ background: none; }
#tabBar li.ui-state-default.ui-corner-top.ui-tabs-selected.ui-state-active { background: #5ab5b1 none; height: 30px; margin-left: 0; color:#fff; border-bottom: 0; }
#tabBar li.ui-state-default.ui-corner-top.ui-tabs-selected.ui-state-active a { font-weight: bold; }
#tabBar li.ui-state-default.ui-corner-top { background: #fff none; border: 1px solid #cdcdcd; height: 30px; color: #000; border-bottom: 0; }
#tabBar li.ui-state-default.ui-corner-top.ui-state-hover{ background-color: #8de8e4; color: #000; border-bottom: 0; }
#tabBar li.ui-state-default.ui-corner-top a  {margin-top: 5px; font-weight: normal; }
span.fas.fa-question-circle.tooltip { font-size: 18px; }
.header { font-size: 18px; text-transform: uppercase; font-weight: bold; }
.styledSelect.title, .styledSelect.value { margin:5px; float:left;width: 97%; height: 30px; overflow: hidden; border: 1px solid #5ab5b1; border-radius: 3px; background-color: #fff; }
#contentBackgroundBottom {width: 100%; float:left; height: 1px; padding: 0; }
.used.targetPage.navigationBar { display: none; position: fixed; bottom: 0; z-index: 9000; width: 100%; margin: 0; box-shadow: 0 -1px 2px rgba(0,0,0,0.3); }
.navigationBar .mbsc-ios .mbsc-ms .mbsc-ms-item-sel { color: #878787; }
.navigationBar .mbsc-material.mbsc-ms-a .mbsc-ms-item.mbsc-ms-item-sel { color: #5b5b5b; }
.remodal-close { left: auto !important; right: 0; }
.traveller { position: fixed; bottom: 0; z-index: 99999; width: 100%; background: #fff; box-shadow: 0 -1px 2px rgba(0,0,0,0.3); }
.traveller.modifySearch { display: none; }
.traveller.modifySearch .otherButtons { display: flex; text-align: center; height: 2.5em; line-height: 2em; font-size: 1.4em; }
.traveller.modifySearch .otherButtons .clearSearch { flex: 1; align-self: center; height: 35px; text-transform: none; font-size: 1em; color: #000; }
.traveller.modifySearch .otherButtons .closeModal { flex: 1; color: #4e9b96; }
.traveller.modifySearch .otherButtons .remodal-close { flex: 1; align-self: center; position: inherit; }
.traveller.modifySearch .otherButtons .remodal-close:before { content: none; }
.traveller.modifySearch .submitQuickSearch { height: 2em; line-height: 2em; padding: 0; margin: 0 0.3em 0.3em 0.3em; font-size: 1.7em; }
.listPage h1 { padding: 5px 0; }
.listPage .traveller.modifySearch { display: none; flex-direction: column; }
.traveller.carListTraveller { display: none; justify-content: space-around; padding: 5px 0; z-index: 99998; }
.traveller.carListTraveller .item { display: flex; flex-direction: column; align-items: center; cursor: pointer; }
.traveller.carListTraveller .item .icon { font-size: 16px; line-height: 1.25em; }
.traveller.carListTraveller .item .text { font-size: 14px; }
.traveller.carListTraveller .compareCarsLink.item { display: none; }
.mbsc-mobiscroll.traveller-sort .mbsc-ms-base .mbsc-ms-ic::before { font-size: 19px; }
.mbsc-mobiscroll.traveller-sort .mbsc-ms-item.mbsc-menu-item-ic::before { top: 0; margin-top: 0; }
.mbsc-mobiscroll.traveller-sort .mbsc-ms-item.mbsc-menu-item-ic { font-size: 12px; padding: 1.8em 0 0 0; }
.mbsc-mobiscroll.traveller-sort .mbsc-ms .mbsc-ms-item { color: #505149; }
.popupSort .mbsc-fr-w { width: 90vw; }
.popupSort.mbsc-mobiscroll .mbsc-lv-item { padding: 0.7em; }
.popupSort.mbsc-mobiscroll .mbsc-lv-item.travellerSortLabel[data-selected='true'] { background: #cdefed; }


/*Select2 style*/
.select2-container { width: 100% !important;}
.select2-results { font-size: 15px; }
.select2-container--default .select2-selection--single .select2-selection__clear { margin-left: 5px; font-size: 27px; float:right; }
.select2-container--default .select2-selection--single .select2-selection__rendered { /*float: left;*/ height: 100%; }

.select2-search__field { background: #fff url('/images/common/search_icon.svg') no-repeat 100%; padding-right: 25px !important; font-family : 'Roboto Condensed'; }
.select2-search__field::placeholder { color: #999; font-style:italic; /*Chrome, Firefox, Opera, Safari 10.1+ */ }
.select2-search__field:-ms-input-placeholder { color: #999; font-style:italic; /* Internet Explorer 10-11 */ }
.select2-search__field::-ms-input-placeholder { color: #999; font-style:italic; /* Microsoft Edge */}
.select2-results__option--highlighted { background-color: inherit !important; color: inherit !important; }
.select2-container--default .select2-results__option[aria-selected=true] { background-color: #ddd !important; }

.select2-results__option .wrap:before{ font-family: 'Font Awesome 5 Free'; color:#999; content:"\f0c8"; width:25px; height:25px; padding-right: 10px; font-weight: 400;}
.select2-results__option[aria-selected=true] .wrap:before{ content:"\f14a"; }

/* Skeleton */
body { margin: 0; padding: 0; border: 0; font: 70.5% 'Roboto Condensed', Times; color: #505149; letter-spacing: 0.02em;  }
body.print { background: none; }
body .notifyjs-wrapper { z-index: 5000; }
.print #wrapper4 { background: none; }
.print #wrapper3 { background: none; }
.print #wrapper2 { margin: 0; }
.print #topBanner { display: none; }
.print #rightBanner { display: none; }
.print .logoAndLoginContainer { display: none; }
.print #footer { display: none; }
.print #almaFooter { display: none; } 
#wrapper4 { background-color:#ececec; margin-top: 81px; }
#wrapper2 { margin: 0 auto; overflow: visible; width: 100%; position: relative; }
#wrapperContainer { width: 100%; height: 115px; background: url('/images/common/skeleton/wrapper_bg.jpg') repeat-x; }
#wrapper { width: 100%; padding: 0; background: transparent; margin:0 auto; position:relative;}
#topBanner { position: relative; overflow: hidden; margin:0 auto; display: grid !important; align-items: center; }
#topBanner #almad-parade-1 { margin: 20px auto 0 auto; }
#almad-wallpaper-1 { top: 81px !important; }
.disabledContainerTooltip { position: absolute; left: 0; right: 0; top: 0; bottom: 0; cursor: pointer; }
#mainHeader { display: block; background-color: #5DB3B0; z-index: 1000; position: fixed; transform: translateZ(0); -webkit-transform: translateZ(0); left: 0; right: 0; top: 0; box-shadow: 0 1px 2px rgba(0,0,0,0.3); transition: top 300ms cubic-bezier(.25,.46,.45,.94); }
.navigationHeader { height: 49px; max-width: 1008px; margin: 0 auto; } 
.userDataHeader { background-color: #FCFCFC; text-align: right; height: 32px; position: relative; color: #66676D; font: 70.5% 'Roboto Condensed', Times; }
.userDataHeader ul { max-width: 960px; margin: 0 auto; list-style: none; height: 32px; display: flex; padding: 0; justify-content: flex-end; }
.userDataHeader li { display: block; float: left; top: 1px; height: 37px; margin: 0 auto; }
.userDataHeader li#signInLink { margin: 0 3px 0 auto; }
.userDataHeader li#recentlyViewedHeaderList { padding: 0 5px; margin: 0 auto 0 0; } 
.userDataHeaderContent { max-width: 984px; margin: 0 auto; }
.userHeaderLinks button { padding: 8px 2px 0 29px; margin: 4px 0 0 0; position: relative; display: inline-block; border: 0 solid #d8d8d8; background: none; cursor: pointer; }
.userHeaderLinks button.favoriteHeaderButton { padding-right: 9px; }
.with-label { padding-top: 8px !important; }
.userHeaderLinks button:focus { outline: 0; }
.userHeaderLinks button::before { background-size: cover; position: absolute; top: 7px; content: ''; }
#recentlyViewedHeaderList button::before { background-image: url('/images/common/recently_viewed.svg'); height: 18px; width: 21px; left: 2px; top: 4px; }
#recentlyViewedHeaderList button.activePanel { color: #FFFFFF; }
#recentlyViewedHeaderList button.activePanel::before { background-image: url('/images/common/recently_viewed_active.svg'); color: #FFFFFF; }
#recentlyViewedHeaderList .count { display: none; }
.countLabelContainer { float: right; margin-left: 2px; }
#favouritesHeaderList button::before { background-image: url('/images/common/favorites.svg'); height: 18px; width: 18px; left: 8px; top: 5px; }
#favouritesHeaderList button.activePanel { color: #FFFFFF; }
#favouritesHeaderList button.activePanel::before { background-image: url('/images/common/favorites_active.svg'); color: #FFFFFF; }
#favouritesHeaderList .count { display: none; font-weight: bold; }
.userHeaderLinks .count { background-color: #FF9900; color: white; border-radius: 50%; display: inline-block; width: 1.25rem; height: 1.25rem; text-align: center; line-height: 1.2rem; margin-top: -2px; }
#signInLink button::before { background-image: url('/images/common/signin.svg'); height: 21px; width: 19px; left: 7px; top: 4px; } 
.stickyHeaderDropdown { margin: 0 auto; padding: 3px; display:flex; background: url(/images/common/white-spinner-trans.svg) center center / 7em no-repeat; }
.stickyHeaderDropdown .buttonContainer .soldOut { background-color: #aaa; pointer-events: none; cursor: default; text-decoration: none; }
.stickyHeaderDropdownItem {width:100%; float: left; display: flex !important; justify-content: space-around; flex: 1 auto; }
.stickyHeaderDropdownItem .slick-track {display: flex !important; }
.rvc {width: 100%; display: flex;flex: 1 2 auto; font-size: 14px; visibility: hidden; }
.viewedItem { width: initial !important; max-width: 200px; flex: 1 1 31%; margin: 10px 10px; position: relative; }
.emptyElement { color: lightgrey; font-size: 1.55rem; text-align: center; display: flex; flex-wrap: wrap; flex: 1 2 auto; vertical-align: middle; font-weight: bold; max-width: 550px; margin: 0 auto; }
.emptyElement img { margin: 0 auto; padding-bottom: 20px; animation-duration: 0.5s; -webkit-animation-duration: 0.5s; }
.favoriteCars .emptyElement img { height: 4.5rem; width: 4.5rem; padding-bottom: 28px; }
.recentlyViewedCars .emptyElement img { height: 5rem; width: 5rem; }
.remove-slick-slide { cursor: pointer; color: #95979c; background: transparent; border: 0; outline: 0; position: absolute; top: -4px; right: -6px; }
.remove-slick-slide::before { content: "\00d7"; font-family: Arial, "Helvetica CY", "Nimbus Sans L", sans-serif !important; font-size: 25px; }
#secondaryNavigation { background-color: #FCFCFC; height: 29px; }
#logo { float: left; width: 268px; height: 49px; background-size: 85%; background: transparent url('/images/common/skeleton/at_logo.png') no-repeat 20px; }
#logo .logoHomePageLink { display: block; width: 100%; height: 100%; }
#logo #logoOverlayTextElement { position: absolute; margin-top: 36px; padding-left: 15px; }
#logo span#logoOverlayText { font-size: 13px; color: red; font-weight: bold; }
.loginPanel { width: 100%; max-width: 1040px; margin: 0 auto; }
.loginFormLinks > ul { list-style-type: none; display: inline-block; margin: 0; padding: 0; }
.loggedInSpan { float: left; font-size: 13px; margin: 5px 10px; }
#loginLogOutButton { float: left; font-size:15px; text-transform: uppercase; margin: 5px 10px; font-weight: bold; }
#primaryNavigation { display: none; float: left; width: 706px; height: 49px; }
#primaryNavigation ul .primaryNavigationListItem:first-of-type { display: none; }
.primaryNavigationList { margin: 13px 0 0 8px; padding: 0; font-size: 1.2em; height: 49px; }
.primaryNavigationListItem { float: left; margin-left: 22px; line-height: 27px; }
.primaryNavigationListItem:nth-child(2) { margin-left: 0; }
.primaryNavigationListItem a { color: #fff; text-transform: uppercase; font-weight: bold; text-decoration: none; }
.primaryNavigationListItem a.active { text-decoration: underline; }
body.noMenuModals #registrationLink, body.noMenuModals #forgotPasswordLink { display: none; }
.leaveAnnouncementButton:hover { text-decoration: none; }
a.button.leaveAnnouncementButton { float: left; font-size: 1.7em; margin: 4px 0 0 0; padding: 4px 12px; left: 4px; display: none; }
.secondaryNavigationListContainer { display: none; float: left; }
.secondaryNavigationList { list-style-type: none; margin: 0 0 0 15px; padding: 0; }
.secondaryNavigationListItem { display: inline-block; font-size: 15px; font-weight: bold; padding: 5px; cursor: pointer; }
#responsiveNavigation { display: none; float: left; width: 700px; height: 27px; }
#responsiveNavigation ul .responsiveNavigationListItem:first-of-type { background-color: #FF9900; }
.responsiveNavigationList { padding: 0; font-size: 1.3em; list-style-type: none; }
.responsiveNavigationListItem { cursor: pointer; float: left; margin-left: 20px; line-height: 27px; }
.responsiveNavigationListItem a { color: #fff; text-transform: uppercase; font-weight: bold; }
#responsiveNavigation.open { display: block; background: #666; width: 100%; height: auto; float:left; overflow: auto; }
#responsiveNavigation.open .responsiveNavigationList { margin: 0; }
#responsiveNavigation.open .responsiveNavigationListItem { width: 100%; margin-left: 0; line-height: 45px; }
#responsiveNavigation.open .responsiveNavigationListItem:hover { background: #999; }
#responsiveNavigation.open .responsiveNavigationListItem a { margin-left: 10px; width: 100%; display: inline-block; text-decoration: none; }
.bars { float: right; padding: 2px 2px 0 0; height: 47px; }
.bars a { color: #fff; }
div.bars a { text-decoration: none; }
div.bars span { font-size: 1.0em; text-transform:uppercase; position:relative; left: -7px; top: -1px; }
div.bars i { position:relative; top: 2px; font-size: 2.7em; }
#contentBackground { float: left; width: 96%; padding: 2%; overflow: visible; background-color: #ececec; }
#content { float: left; width: 100%; min-height: 620px; height: auto; padding: 0; overflow: visible; font-size: 1.1em; }
.breadcrumbsContainer { width: 100%; display: none; margin-top: 10px; font-weight: bold; font-size: 1.3em; }
.stickyHeaderDropdownContainer {display:none; min-height: 180px; background-color: rgba(0,0,0,0.8); position: absolute; z-index: 6000; width: 100%; }
.stickyHeaderDropdownContainer .viewedItem .carId { display: none; }
.fullSlots { display: none; margin: 8px auto 4px auto; color: #aaa; text-align: center; font-size: 1.25rem; }
.fullSlots span:first-of-type { color: #FF495C; }
.rvcDetailsContainer { margin: 10px 0; min-height: 85px; min-width: 13rem; }
.rvcDetailsContainer .viewedItem { flex: 1 1 31%; }
.rvcDetailsContainer .viewedItemImgWrap { width: 65%; float: left; }
.rvcDetailsContainer .viewedItemImg { height: 130px; width: 232px; text-align: center; display: table-cell; vertical-align: middle; }
.rvcDetailsContainer .viewedItemImg img { display: inline; max-height: 100%; max-width: 100%; }
.rvcDetailsContainer .viewedItemDesc { max-width: 39%; display: flex; flex-direction: column; margin-top: auto; margin-bottom: auto; list-style: none; padding: 0; margin-left: 10px; text-align: center; min-width: 6em; }
.rvcDetailsContainer .viewedItemDesc li:first-child {font-weight: bold; }
.stickyHeaderDropdownItem .slick-prev {background: #70b7b3 url(/images/used_cars/target_page_new_layout/selaus_thumbit_vas_.png) no-repeat; border-radius: 50%;  width: 30px; height: 30px; background-position: center; color: transparent;}
.stickyHeaderDropdownItem .slick-next {background: #70b7b3 url(/images/used_cars/target_page_new_layout/selaus_thumbit_oik_.png) no-repeat; border-radius: 50%; width: 30px; height: 30px; background-position: center; color: transparent; }
.stickyHeaderDropdownItem .slick-prev, .stickyHeaderDropdownItem .slick-next { opacity: 0.8; }
.stickyHeaderDropdownItem .slick-prev:hover, .stickyHeaderDropdownItem .slick-prev:focus { background: #70b7b3 url(/images/used_cars/target_page_new_layout/selaus_thumbit_vas_.png) no-repeat; background-position: center; }
.stickyHeaderDropdownItem .slick-next:hover, .stickyHeaderDropdownItem .slick-next:focus { background: #70b7b3 url(/images/used_cars/target_page_new_layout/selaus_thumbit_oik_.png) no-repeat; background-position: center; }
.rvcTitle { text-transform: uppercase; height: 40px; }
.rvcTitle .name { display:block; line-height: 20px; max-height: 40px; overflow: hidden; }
.stickyHeaderDropdownItem .buttonContainer { float: right; text-align: center; min-width: 6em; }
.stickyHeaderDropdown .slick-prev { left: 0px; } 
.stickyHeaderDropdown .slick-next { right: 0px; }
 
#rightBanner { display: block; width: 100%;}
.logoAndTitle { display: flex; align-items: center; padding-top: 10px; }
.listCarFactsPanel { display: flex; justify-content: space-between; }
.listCarFactsPanel .carFactsContent { flex: 1; } 
.listCarFactsPanel .carFactsDesc { font-size: 1.2em; max-height: 157px; position: relative; overflow: hidden; padding-top: 15px; }
.listCarFactsPanel .carFactsDesc .readMore { 
	position: absolute; bottom: 0; left: 0; width: 100%; text-align: center; margin: 0; font-size: 23px;
	background: linear-gradient(transparent, rgba(255,255,255,0.44) 0%, rgba(255,255,255,1)); 
}
.listCarFactsPanel .carFactsDesc .readLess { display: block; text-align: center; padding: 10px; font-size: 23px; }
.listCarFactsPanel .exampleImage { padding: 0 20px 20px 20px; display: none; }
.articleBox{ display:none }
[id^="almad-skyscraper"] { display: none}
.carFactsNewContentPanel { margin: 0; -webkit-column-count: 2;-moz-column-count: 2; column-count: 2; }
.carFactsNewContentPanel p { margin: 0; }

#footer { height: auto; background-color: #5ab5b1; font-size: 1.2em; text-align: left; text-transform: uppercase; float: left; position: relative; width: 100%; clear: both; }
.alma-footer .right { float: right !important; }
#footer .wrapper { margin:0 auto; text-align:left; width: 100%; }
#footer span { line-height: 40px; padding: 0; font-weight: bold; display: block; }
#footer span a { text-decoration: none; color: #fff; display: block; padding-left: 10px; }
#footer span a:hover { text-decoration: none; background: #66c6c3; }
#footerCarLinks { width: 96%; padding: 0 2% 0 2%; }
.ALMACR-container { position: relative !important; }
.dynamicWallpaperPanelContainer { display: none; width: 1600px; height: 1200px; position: fixed; left: 50%; margin-left:-800px; }

/* Alma menu stuff */
.alma-menu-logo {
  display: block;
  width: 55px;
  height: 27px;
  background: transparent url('/images/common/alma_menu.png') no-repeat 0 -54px; /* WHITE */
  background: transparent url('/images/common/alma_menu.png') no-repeat 0 0; /* BLACK */
  background: transparent url('/images/common/alma_menu.png') no-repeat 0 -27px; /* GREY */
}
/* For retina screens */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (-o-min-device-pixel-ratio: 3/2),
  only screen and (min--moz-device-pixel-ratio: 1.5),
  only screen and (min-device-pixel-ratio: 1.5),
  only screen and ( min-resolution: 124.8dpi ),
  only screen and ( min-resolution: 1.3dppx ) {
      .alma-menu-logo {
          background: transparent url('/images/common/alma_menu@2x.png') no-repeat 0 -54px; /* WHITE */
          background: transparent url('/images/common/alma_menu@2x.png') no-repeat 0 0; /* BLACK */
          background: transparent url('/images/common/alma_menu@2x.png') no-repeat 0 -27px; /* GREY */
          background-size: 55px 81px;
      }
}

#almaFooter { float: left; background-color:#505149; min-height: 130px; position: relative; width: 100%; font-size: 1.4em; color: #fff; border-bottom: 10px solid #fff; padding-bottom: 25px; padding-top: 25px; }
#almaFooter .wrapper { margin:0 auto; text-align:left; width: 100%; }
#almaFooter .alma { margin-bottom: 11px; }
#almaFooter .alma img { vertical-align: middle; }
#almaFooter a { color: #fff; font-weight: bold; font-size: 1em; }
#almaFooter .almaFooterLeft { float: none; width: 98%; margin-left: 2%; }
#almaFooter .almaFooterRight { float: none; width: 98%; margin-left: 2%; margin-top: 10px; font-weight: bold; }
#almaFooter .almaFooterRight a.youTube { background: url('/images/common/skeleton/play_button.jpg') no-repeat 100% 2px; padding-right: 30px; line-height: 16px; }
#almaFooter .almaFooterAutoJeery { float: none; width: 98%; margin-left: 2%; margin-top: 15px; }
#almaFooter #footerCarLinks { margin-top: 25px; padding-top: 25px; border-top: 1px solid #fff; }
#almaFooter #footerCarLinks ul { margin: 0; min-height: 17px; padding-left: 0; float:left; }
#almaFooter #footerCarLinks ul li { list-style-type: none; float: left; border-right: 1px solid #fff; padding-right: 4px; margin-right: 3px; line-height: 1.3em; }
#almaFooter #footerCarLinks ul li:last-child, #almaFooter #footerCarLinks ul li.lst { border: none; padding: 0; margin: 0; }
#almaFooter #footerCarLinks ul li.lst.carmakes { margin-left: 10px; font-size: 1.1em; }
.mac #almaFooter #footerCarLinks a { font-size: 1em; }
#almaFooter .empty { float:left; height: 20px; }

/* Frontpage */
.frontPageContainer { margin-bottom: 10px; padding: 21px 11px 18px 11px; }
#frontPageNewCarsQuickSearch { display: none; }
.frontPageIdRegistrationSearchInput { font-size: 1.5em; }
.frontPageRegistrationIdSearch { color: #499EA3; font-weight: bold; cursor: pointer; flex: 1.1; margin: 16px 0 0 0; text-transform: uppercase; }
.frontPageItemSearchFormContainer { position: relative; top: -55px; z-index:12; display: none; text-align: center; padding: 10px; background-color: #fff; }
.frontpageShowRegistrationSearchContainer:hover { text-decoration: underline; }
.frontPageBottomAdvertisementContainer { text-align: center; }
#submitItemSearchForm { font-size: 20px; }
.frontPageItemSearchFormContainerOverlayBackground { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: #000; opacity: 0.6; z-index:11; display: none;}
.quickLinksHeader { font-size: 24px; margin-bottom: 16px; text-transform: capitalize; }
.quickLinksContainer, #quickLinks { display: flex; flex-wrap: wrap; justify-content: space-between; }
.quickLinksItem { display: inline-block; font-weight: bold; margin-bottom: 13px; background-color: #fff; border: 2px solid #499EA3; border-radius: 2px; box-sizing: border-box; width: 48%; height: 45px; font-size: 16px; text-align: center; line-height: 45px; color: #499EA3; }
.quickLinksShowAll { border-radius: 3px; background-color: #499EA3; }
.showAllQuickLinks { color: #fff !important; text-transform: uppercase; font-size: 18px; }
.selectedDropdown { border: solid black 1px !important;  background-image: url('/images/common/caret-down-solid.svg') !important; }
.selectedDropdown::placeholder { color: black; opacity: 1; }  /* Chrome, Firefox, Opera, Safari 10.1+ */
.selectedDropdown:-ms-input-placeholder { color: black; opacity: 1; } /* Internet Explorer 10-11 */
.selectedDropdown::-ms-input-placeholder { color: black; opacity: 1; } /* Microsoft Edge */

.frontPageQuickSearchContainer { width: auto; padding: 30px 11px 17px 11px; background: #FFFFFF; border: 1px solid #CDCDCD; border-radius: 2px; background: url(/images/common/image-loader.gif) no-repeat center; } 

#frontPageQuickSearchTabs { height: 81px; cursor: pointer; position: relative; visibility: hidden; }
#frontPageQuickSearchTabs #searchCars { position: absolute; width: 100px; top: -60px; }
#frontPageUsedCarsQuickSearch { height: auto; position: relative; visibility: hidden; }
#frontPageNewCarsQuickSearch { height: auto; }
#frontPageLeasingQuickSearch {height: auto; display: none; }

.frontPageTabActive { color: #499EA3 !important; border-bottom: 6px solid #499EA3 !important; }
.frontPageTabActive .tabTitle { color: #499EA3 !important; }
.frontPageQuickSearchTabs { display: flex; justify-content: space-between; margin-bottom: 18px; -webkit-tap-highlight-color: transparent; }
.frontPageQuickSearchTab { color: #505149; border-bottom: 6px solid #bababa;  flex:1; -webkit-tap-highlight-color: transparent; }
.frontPageQuickSearchTab .tabName { font-size: 25px; font-weight: bold; text-align: center; }
.frontPageQuickSearchTab .tabName .fas { display: block; margin-bottom: 10px; }
.frontPageQuickSearchTab .tabName .tabTitle { font-size: 15px; color: #505149; }
.frontPageQuickSearchTab .tabName .tabSubtitle {display: block; font-size: 16px; font-weight: normal; margin-top: 5px; }

.frontPageUsedQuickSearchForm { display: flex; flex-direction: column; }

.frontPageQuickSearchFirstLine { margin-bottom: 1px; }
.frontPageQuickSearchSecondLine { margin-bottom: 16px; }

.quickSearchSelect { flex: 1; text-align: center; }
.quickSearchSelect input { cursor: pointer; background: url('/images/common/caret-down-solid-disabled.svg') no-repeat right; background-size: 21px 13px; }
#frontPageUsedCarsQuickSearch .quickSearchSelect .mbsc-control { width: 80%; height: 22px; padding: 10px 45px 10px 6px; border: 1px solid #bababa; border-radius: 3px; margin: 7px 0; font-size: 15px; }
#frontPageUsedCarsQuickSearch .quickSearchSelect .mbsc-comp { width: 80%; height: 22px; padding: 10px 45px 10px 6px; border: 1px solid #bababa; border-radius: 3px; margin: 7px 0; font-size: 15px; }
#newCarsQuickSearchForm .quickSearchSelect .mbsc-control { width: 80%; height: 22px; padding: 10px 45px 10px 6px; border: 1px solid #bababa; border-radius: 3px; margin: 7px 0; font-size: 15px; }
#newCarsQuickSearchForm .quickSearchSelect .mbsc-comp { width: 80%; height: 22px; padding: 10px 45px 10px 6px; border: 1px solid #bababa; border-radius: 3px; margin: 7px 0; font-size: 15px; }

.frontPageQuickSearchThirdLine { display: flex; flex-direction: column-reverse; font-size: 16px; }
.frontPageQuickSearchThirdLine .link { font-weight: bold; }
.frontPageQuickSearchThirdLine .clearSearch { margin: 15px auto 0 auto; width: 100%; }
.frontPageQuickSearchThirdLine .clearSearch .container { cursor: pointer; width: 170px; color: #505149; display: none; padding: 0 0 0 3px; }
.frontPageQuickSearchThirdLine .clearSearch .fa-times { margin-right: 3px; }
.frontPageQuickSearchThirdLine .toAdvancedSearch { color: #499EA3;  margin: 15px 15px 10px 0; }
.frontPageQuickSearchThirdLine .toAdvancedSearch .container { float: left; cursor: pointer; }
.frontPageQuickSearchThirdLine .submitQuickSearchContainer { border-radius: 3px; background: #FF9900; width: 80%; margin: 0 auto; padding: 0 27px; }
.frontPageQuickSearchThirdLine .submitQuickSearchContainer .submitQuickSearchButton {font-size: 18px; width: 100%; padding: 10px 0; background-color: #FF9900; float: right; }
.frontPageQuickSearchThirdLine .searchLinksContainer { width: 100%; margin: 0 auto; }
.frontPageQuickSearchThirdLine .searchLinksContainer .fa-search { transform: matrix(-1, 0, 0, 1, 0, 0); float: left; padding: 2px 0px 0 5px; }

#frontPageLeasingQuickSearch .leasingContainer { display: flex; flex-direction: column; margin-left: 4%; }
#frontPageLeasingQuickSearch .privateLeasing { flex: 1; display: flex; flex-direction: column; }
#frontPageLeasingQuickSearch .companyLeasing { flex: 1; display: flex; flex-direction: column; }
#frontPageLeasingQuickSearch .titleLink { text-decoration: none; }
#frontPageLeasingQuickSearch .title { font-weight: bold; font-size: 21px; color: #505149; }
#frontPageLeasingQuickSearch .subtitle { font-size: 16px; line-height: 22px; margin-bottom: 10px; }
#frontPageLeasingQuickSearch a { font-size: 16px; line-height: 29px; }
#frontPageLeasingQuickSearch a.button { margin: 22px 0 24px 0; }
#frontPageLeasingQuickSearch .privateLeasing a.button { width: 89%; }
#frontPageLeasingQuickSearch .companyLeasing a.button { width: 89%; }

.previousSearchPanel { padding: 21px 25px 18px 10px; margin-bottom: 10px; }
.previousSearchPanel .title { color: #505149; font-size: 24px; font-weight: bold; }
.previousSearchPanel #lastSearchContainer { list-style-type: none; padding-left: 9px; height: 60px; overflow: hidden; transition: height 600ms; margin-top: 0; }
.previousSearchPanel #lastSearchContainer li { display: flex; flex-direction: row; align-items: center; padding: 8px 0; }
.previousSearchPanel #lastSearchContainer li:first-child { text-align: center; }
.previousSearchPanel #lastSearchContainer li:first-child span { flex: 1; color: #bababa; font-size: 1.5em; font-weight: bold; margin-top: 9px; }
.previousSearchPanel #lastSearchContainer li:nth-child(even) { background-color: #F0FBFC; }
.previousSearchPanel #lastSearchContainer .fa-search { transform: matrix(-1, 0, 0, 1, 0, 0); color: #499EA3; font-size: 17px; padding: 0 10px; }
.previousSearchPanel #lastSearchContainer li:nth-child(2) .fa-search { text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); }
.previousSearchPanel #lastSearchContainer #date { font-size: 0.9em; color: #505149; font-weight: bold; }
.previousSearchPanel #lastSearchContainer #lastSearchLink { display: block; font-size: 1.3em; font-weight: normal; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; width: 71vw !important; cursor: pointer; }
.previousSearchPanel .footerButtons { display: flex; font-size: 1.3em; text-transform: uppercase; padding-left: 9px; flex-direction: column; }
.previousSearchPanel .footerButtons #lastSearchDropdown { flex: 1; margin-bottom: 15px; display: none; } 
.previousSearchPanel .footerButtons #lastSearchDropdown a { cursor: pointer; }
.previousSearchPanel .footerButtons #clearSearchHistoryLink { color: #505149; cursor: pointer; justify-content: flex-end; display: none; flex: 1; }
.previousSearchPanel .footerButtons #clearSearchHistoryLink span { padding: 1px 4px 0 0; }
.quickSearchSelect { position: relative; }
.clearOption {display: none; position: absolute; right: 9%; font-size: 28px; bottom: 25%; }

/* Modify Search */
#leftModifySearch { display: none !important; }
#leftModifySearch.mbsc-form { float: left; width: 255px; padding: 20px 10px; left: -277px; position: absolute; border: 1px solid #CDCDCD; }
.modifySearchContainer.mbsc-mobiscroll { font-family: 'Roboto Condensed', Times !important; }
.modifySearchContainer .mbsc-control-w { font-family: 'Roboto Condensed', Times !important; }
.modifySearchContainer .searchInputs { border-top: 1px solid #CDCDCD; border-bottom: 1px solid #CDCDCD; margin: 10px 0 20px 0; padding-top: 0.5em; display: flex; flex-wrap: wrap; }
.modifySearchContainer .searchInputs .checkboxInput { width: 100%; }
.modifySearchContainer .title { font-weight: bold; font-size: 24px; }
.modifySearchContainer .searchInputs .title { font-size: 16px; margin: auto 0; }
.modifySearchContainer.mbsc-mobiscroll .searchInputs .mbsc-input { margin: 0.5em; }
.modifySearchContainer .searchInputs .checkboxes { display: flex; }
.modifySearchContainer .searchInputs .checkboxes .mbsc-checkbox-box { right: inherit; }
.modifySearchContainer .searchInputs .checkboxes .checkboxLabel { margin-left: 1.5em; }
.modifySearchContainer .searchInputs .element { width: 100%; }
.modifySearchContainer.mbsc-mobiscroll a { color: #ffffff; width: 100%; background: #fff; text-align: center; margin: 0 0 10px 0; padding: 10px 0; }
.modifySearchContainer.mbsc-mobiscroll a.button.orange { color: #ffffff; text-transform: uppercase;  background-color: #ff9900; }
.modifySearchContainer.mbsc-mobiscroll a.advancedSearch { color: #4e9b96; text-transform: none; }
.modifySearchContainer.mbsc-mobiscroll a.resetQuickSearchButton i { margin-right: 2px; }
.modifySearchContainer.mbsc-mobiscroll a.clearSearch { color: #000; }
.modifySearchContainer.mbsc-mobiscroll .notifyjs-container a.closeButton { color: #568584; background: none; width: auto; font-size: 1em; padding: 0; line-height: inherit; }
.modifySearchContainer.mbsc-mobiscroll .mbsc-checkbox { padding: 1em 3.3em 1em 0.5em; }
.modifySearchContainer.mbsc-mobiscroll .driveTrain .mbsc-checkbox { padding: 1em 0.1em 1em 0.8em; }
.modifySearchContainer .submitContainer { text-align: center; width: 100%; }
.modifySearchContainer.mobile .submitContainer { margin: 0 auto 6.5em auto; }
.modifySearchContainer .clearOption { background-color: #ffffff; color: #499ea3; top: -0.4em; right: -0.1em; font-size: 21px; width: 21px; height: 20px; border-radius: 12px; text-align: center; z-index: 1; cursor: pointer; }
.modifySearchContainer .inputContainer { position: relative; }
.modifySearchContainer .submitContainer .remodal-close { display: none; position: inherit; }
.modifySearchContainer .submitContainer .remodal-close:before { content: none; }
.modifySearchContainer .excludeSelection {display: flex; align-items: center; justify-content: flex-end; }
.modifySearchContainer .excludeSelection .textLabel { margin: 0 8px 0 -8px; }
.modifySearchContainer .mbsc-mobiscroll.mbsc-ltr.mbsc-switch { padding: 1em 3.375em 1em 1em; }
.modifySearchContainer .searchInputs .element .headerElements { text-transform: none; font-size: 16px; font-weight: normal; display: flex; justify-content: space-between; }
.popup .closeLeftModifySearch { display: none !important; }
.price.mbsc-fr-pointer .mbsc-fr-w .mbsc-sc-whl-gr-c { min-width: 50%; }
.consumption.mbsc-fr-pointer .mbsc-fr-w .mbsc-sc-whl-gr-c { min-width: 50%; }
.modifySearchModal .modifySearchContainer .searchInputs .title { padding: 0.4em 0; }
.notifyjs-bootstrap-base.notifyjs-bootstrap-clearModifySearch { font-size: 1em; }
.traveller .notifyjs-bootstrap-base.notifyjs-bootstrap-clearModifySearch { font-size: 1.3em; }
.notifyjs-bootstrap-clearModifySearch { width: 185px; margin-bottom: 5px; text-align: center; }

/* Mobiscroll */
.mbsc-fr-w { font-size: 70.5% !important; font-family: 'Roboto Condensed', Times !important; }
.mbsc-fr.mbsc-sc { z-index: 99999; }
.mbsc-sel .mbsc-sc-itm.mbsc-btn-e.mbsc-sc-itm-sel { font-weight: normal; }
.mbsc-sc-itm.mbsc-btn-e.mbsc-sc-itm-sel { font-weight: bold; background: #4545451a !important; }
.mbsc-sc-itm.mbsc-btn-e { text-align: left; }
.mbsc-sc-itm-ml {font-size: 22px !important;}
.mbsc-mobiscroll .mbsc-sc-whl-multi .mbsc-sc-itm-sel:before { color:#499EA3 !important; }
.mbsc-mobiscroll .mbsc-sc-lbl { color:#499EA3 !important; }
.mbsc-sel-gr { line-height: 20px !important; white-space: pre-wrap !important; font-weight: bold !important; margin: 10px 0; height: auto !important; }
.mbsc-sc-itm-3d.mbsc-sel-gr { margin: 0 !important; }
.mbsc-mobiscroll .mbsc-fr-btn0 { color:#499EA3 !important; font-weight: bold; }
.mbsc-fr-btn1 { background: #499EA3 !important; color: #fff !important; font-weight: bold; }
.mbsc-sc-whl-gr-3d { perspective: 1700px !important; }
.mbsc-input.mbsc-sel-filter-cont { margin-bottom: 0.5em !important; }
.mbsc-mobiscroll.mbsc-form { background: #ffffff !important; }
.mbsc-mobiscroll .mbsc-input-outline.mbsc-input .mbsc-label { background: #ffffff !important; }
.mbsc-mobiscroll .mbsc-input-outline.mbsc-input.disabled .mbsc-label { background: #f7f7f4 !important; }
.transmissionTypeDropdown .mbsc-sel-filter-cont { display: none; }
.mbsc-material .mbsc-fr-w { background: #ffffff !important; }
.mbsc-mobiscroll .mbsc-fr-popup { font-size: 2em; }
/* iOS mobile fix - mobicroll calendar and tippy won't be displayed in the viewport otherwise */
.mbsc-fr-lock.mbsc-fr-lock-ios { top: 0 !important; }
.mbsc-mobiscroll .mbsc-checkbox-box { background: #ffffff !important; border: 2px solid #5AB5B1; }
.mbsc-mobiscroll .mbsc-checkbox input:disabled + .mbsc-checkbox-box { border: 2px solid #c8c8c8; }
.mbsc-mobiscroll .mbsc-checkbox input:disabled + .mbsc-checkbox-box::after { border-color: #c8c8c8 !important; }
.mbsc-mobiscroll .mbsc-checkbox-box:after { border-color: #5ab5b1 !important; top: 0.1em !important; left: .12em !important; } 

/* Car advanced search pages */
.advSearchBlock { float: left; width: 100%; margin: 15px 0 0 0; border: 1px solid #cdcdcd; background-color: #fff; }
.advSearchBlock.paddingVertical { padding-top: 8px; padding-bottom: 8px; }
.advSearchCol, .advSearchColb { float: left; margin-right: 10px; }
.advSearchColCheckbox { float: left; margin-right: 10px; width: 300px; }
.advSearchCol1 { float: left; width: 100%; }
.advSearchCol2 { float: left; width: 100%; }
.advSearchColBorder { border-right: 1px solid #cdcdcd; }
.advSearchThreeCols { float: left; width: 99%; padding-bottom: 10px; padding-left: 10px; }
.advSearchHeader { min-height: 25px; line-height: 25px; font-size: 1.3em; padding-top: 10px; padding-left: 5px; }
.advSearchHeader div { font-weight: bold; padding: 0 20px 0 8px; }
.advSearchHeaderColorPanel { margin-top: 2px; padding-left: 2px; }
.advSearchFields { margin-bottom: 12px; margin-left: 12px; }
.advSearchSliderFields { padding: 0 0 12px 15px; }
.advSearchSliderFields div { width: 100%; }
.advSearchSliderFields .checkboxInput label { top: 5px; }
.advSearchSliderFields .checkboxInput input { top: 8px; margin: 0 2px 0 0; }
.advSearchFields .nowrap.checkboxInput { float: left; width: 45% !important; padding: 0 10px 10px 0; }
.advSearchFields span.removable { float: left; padding: 0 4px 0 4px; line-height: 19px; margin: 0 4px 4px 0; font-weight: bold; cursor: pointer; }
.advSearchFields span.removable span.remove { padding: 1px 2px 1px 3px; background: #fff; color: #575a5f; }
.advSearchFields a { color: #333; }
.advSearchFields a:hover { text-decoration: none; }
.advSearchBlock .advSearchMultipleSelect { width: 45%; min-width: 125px; }
.advSearchTable { border-spacing: 0; border-collapse: collapse; width: 100%; margin: 8px 0; }
.advSearchTable .advSearchHeader { padding: 0 0 0 4px; }
.advSearchTable .advSearchSliderFields { padding-left: 12px; }
.advSearchTable td { width: 33%; vertical-align: top; border-right: 1px solid #cdcdcd; }
.advSearchTable td.advSearchTableLastCol { border: none; }
.advSearchTable td.twoCols { width: 50%; }
.advSearchHeader .exclude {color: #4e9b96; float:right; }
.advSearchHeader .exclude label {color: #505149; font-size: 1em; font-weight: 900; }
.advSearchHeader .exclude label:before {color: #4e9b96; }
.allSelected { float:left; padding: 3px 4px 3px 4px; border: 1px solid #a2adb3; margin: 0 4px 4px 0; font-weight: bold; }
#travellerRelativeContainer { float: left; position: relative; width: 100%; }
.travellerPositioner { float: left; height: 0; }
.travellerPositionerSearch { float: left; height: 0; width: 100%; position: relative; }
#traveller { margin-top:10px; background-color:#fff; width: 99%; border: 1px solid #585F64; float: left; z-index: 900; box-shadow: 0 3px 10px #666; -moz-box-shadow: 0 3px 10px #000000; -webkit-box-shadow: 0 3px 10px #000000; transform: translateZ(0); -webkit-transform: translateZ(0); }
#traveller .radioInput { display: inline; }
.opera #traveller { margin-top: 6px; }
#traveller_header { float: left; width: 100%; padding: 0 11px; box-sizing: border-box; }
#traveller_header > div { padding: 6px 0 0 0; }
#traveller_header  .checkboxInput { width: 15%; float: left; }
#traveller_header span:not(.saveSearchSpan) { float: left; }
#traveller_header > div > div a.button > span { font-size: 1.3em; line-height: 1.5em; font-family: 'Roboto Condensed', Times, serif;  font-weight: bold;}
#traveller_header > div > div a.button > span.fas.fa-chevron-right:before { float: right; margin-left: 10px; font-family: 'Font Awesome 5 Free'; font-style: normal; font-weight: 900;}
#traveller_header .travelerSearchButtonContainer { margin-top: 0; clear: both; float: left; }
#traveller_header #resultSet { width: 95%; font-size: 1.3em; font-weight: normal; display: none; }
#traveller_header #lock { margin-right: 5px; }
#traveller_header #lockText {  font-size: 2em; }
#traveller_header #resultSet span { font-weight: bold; float: none;}
#traveller_header .checkboxInput { width: auto; margin-top: 10px; }
#traveller_header #resultSet > div { float: left; }
#traveller_header #resultSet #numberOfSearchResults { margin-left: 5px; margin-right: 5px; }
#traveller_header span#searchButton { float: right; padding: 0 8px 0 0; }
#traveller_header input { text-align: center; }
#traveller_header label { line-height: 15px; }
#traveller_watch { display: none; float: left; width: 100%; padding: 10px 11px; margin-bottom: 10px; box-sizing: border-box; }
#traveller_watch .lock a { line-height: 25px; }
.travellerAdditionalControls { cursor: pointer; line-height: 25px; color: #4e9b96; font-weight: bold; }
#traveller_controls .sortingOrder, #traveller_controls .announcementAge { width: 185px !important; }
#traveller_watch a { font-weight: bold; }
#traveller_watch .savedSearches > a { font-weight: normal; }
#traveller_watch select { width: 190px; }
#traveller_controls { float: left; width: 100%; padding:0 11px; margin-bottom: 10px; box-sizing: border-box; }
#traveller_controls input { margin-top: 2px; }
.separatorTraveller { width: 96%; height: 1px; border-bottom: 1px solid #cdcdcd; float: left; margin-left: 2%; margin-right: 2%; margin-top: 10px;}
.separatorTravellerWatch { width: 99%; height: 1px; border-bottom: 1px solid #cdcdcd; float: left; margin: 10px 0 10px 0; }
#makeModelsList, #areaList { float: left; width: 50%; min-width: 300px; padding-bottom: 15px; }
#makeModelsSelected { clear: both; }
#makeModelsSelected, #areasSelected { float: left; width: 50%; min-width: 300px; }
#makeModelsSelected div, #areasSelected div { float: left; margin-left: 5px; }
#makeModelsSelectedList, #areasSelectedList { clear: left; margin-top: 6px; width: 100%; }
#makeModelsSelectedList div, #areasSelectedList div { margin: 0 5px 0 0; padding: 4px 0 4px 0; }
.fuelTypeContainer { margin: 10px 0 10px 0; padding-left: 12px; }
.fuelTypeContainer span.checkboxInput input{ vertical-align: baseline; }
.bodyTypes .checkboxInput { width: 30%;}
.transmissionCheckboxRow.checkboxInput, .driveTrainCheckboxRow.checkboxInput { vertical-align: baseline; width: 100%; }
.advSearchIcon { height: 40px; overflow: hidden; background: url('/images/common/search_pages/icons.png') no-repeat 0 0;}
.advSearchBodyType {  width: 78px; padding: 8px 0 8px 0;  text-align: center; }
.advSearchBodyType.last { border-right: none; }
.advSearchBodyType label { top:5px !important; margin-bottom: 10px;}
.advSearchBodyTypeImg { height: 30px; }
.advSearchBodyTypeImg .img { width: 60px; height: 25px; overflow: hidden; margin-left: 10px; background: url('/images/common/body_types.png') no-repeat; }
.advSearchBodyTypeImg label { display: block; height: 100%; }
.img.SEDAN { background-position: 0 0; }
.img.COUPE { background-position: -60px 0; }
.img.STATION_WAGON { background-position: -120px 0; }
.img.SPECIAL_CAR { background-position: -180px 0; }
.img.OFFROAD { background-position: -240px 0; }
.img.VAN { background-position: -300px 0; }
.img.MPV { background-position: -360px 0; }
.img.CONVERTIBLE { background-position: -420px 0; }
.img.PICK_UP { background-position: -480px 0; }
.img.HATCHBACK { background-position: -540px 0; }
.advSearchBodyTypeText { text-align: center; }
.guaranteeIcon{ float: left; padding: 5px; width:45px; height:45px; }
.serviceManualIcon { width: 40px; background-position: 0 0; margin-right: 4px; margin-left: 40px; margin-top: 15px; }
.serviceManualIcon label { display: block; height: 100%; }
.serviceManualCheckbox { float: left; }
.serviceManualCheckbox.checkboxInput {width: 100%; }
.serviceManualCheckbox.checkboxInput label {top:4px; }
.passengerContainer .checkboxInput, .doorCountContainer  .checkboxInput { width: 40px; line-height: 22px; }
#serviceManualIncluded { vertical-align: middle; margin-top: 2px; }
.driveContainer input { vertical-align: middle; margin-top: 2px; }
.transmissionFirstCol { float: left; width: 28%; }
.transmissionIconRow { float: left; width: 100%; height: 46px; }
.transmissionIconRow div { margin-left: 15px; }
.transmissionCol { float: left; width: 36%; }
.transmissionCheckboxRow { float: left; width: 100%; height: 25px; } 
.transmissionCheckboxRow div { float: left;  }
.transmissionTypeIcon { width: 40px; }
.transmissionTypeIcon.MANUAL { background-position: -80px 0; }
.transmissionTypeIcon.AUTOMATIC { background-position: -40px 0; }
.transmissionTypeIcon label { display: block; height: 100%; }
.driveTrainCol { float: left; width: 120px; }
.driveTrainIconRow { float: left; width: 100%; height: 46px; }
.driveTrainTypeIcon { width: 60px; }
.driveTrainTypeIcon.FRONT_WHEEL_DRIVE { background-position: -240px 0; }
.driveTrainTypeIcon.REAR_WHEEL_DRIVE { background-position: -300px 0; }
.driveTrainTypeIcon.FOUR_WHEEL_DRIVE { background-position: -360px 0; }
.driveTrainTypeIcon label { display: block; height: 100%; }
.driveTrainCheckboxRow { float: left; width: 100%; height: 25px; }
.passengerContainer { clear: left; float: left; margin-top: 10px; width: 100%; }
.passengerCountIcon { width: 40px; background-position: -420px 0; margin-top: 5px; }
.doorCountContainer { clear: left; float: left; margin-top: 10px; width: 100%; }
.doorCountIcon { width: 40px; background-position: -120px 0; margin-top: 5px; }
.fuelTypeContainer input { vertical-align: middle; }
span.fuelConsumptionTypeContainer input { margin-right: 4px; }
.checkboxInput.antiCorrosionWarranty { width: 100%; }
.checkboxInput.antiCorrosionWarranty label { top: 3px; } 
.checkboxInput.radioInput.taxValueType {width: 60%;}
.co2EmissionImageContainer a { width: 26px; height: 26px; overflow: hidden; background: url('/images/new_cars/co2_emission_buttons/emission_buttons.png') no-repeat; display: inline-block; }
.co2EmissionImageContainer a.A { background-position: 0 0; }
.co2EmissionImageContainer a.B { background-position: 0 -26px; }
.co2EmissionImageContainer a.C { background-position: 0 -51px; }
.co2EmissionImageContainer a.D { background-position: 0 -77px; }
.co2EmissionImageContainer a.E { background-position: 0 -102px; }
.co2EmissionImageContainer a.F { background-position: 0 -128px; }
.co2EmissionImageContainer a.G { background-position: 0 -154px; }
.co2EmissionImageContainer a.A.selected { background-position: 0 -180px; }
.co2EmissionImageContainer a.B.selected { background-position: 0 -206px; }
.co2EmissionImageContainer a.C.selected { background-position: 0 -232px; }
.co2EmissionImageContainer a.D.selected { background-position: 0 -257px; }
.co2EmissionImageContainer a.E.selected { background-position: 0 -283px; }
.co2EmissionImageContainer a.F.selected { background-position: 0 -309px; }
.co2EmissionImageContainer a.G.selected { background-position: 0 -334px; }
.carsListItemImageContainer a.hideListItem { width: 20px; height: 26px; overflow: hidden; position: absolute; background: url('/images/used_cars/poista_kohde_listalta.png') no-repeat; display: inline-block; bottom: 7px; left: 7px; cursor: pointer; z-index: 1; display: none; }

.carsListItemCarDetailBottomContainer a.hideListItem { width: 20px; height: 26px; overflow: hidden; position: relative; background: url('/images/used_cars/poista_kohde_listalta.png') no-repeat; top: 8px; height: 40px; float: left; cursor: pointer; }
#noEnergyClassMessage { float: left; }
#appearancePanel { padding-left: 18px; }
.colorContainer.checkboxInput { width: 33%; min-height: 26px; }
#filterImages, #filterPublishTime { clear: both; margin-top: 10px; }
.quarantee .float-left { clear: both; }
.lock .display-inline-block { margin: 0 0 0 20px; }
.lock .display-inline-block a { margin: 10px 0 0; }
.lock .sortAndRestrict { clear: both; float: left; margin-top: 5px; }
.sortRestrictSearchResultsControls .sortingOrder, .sortRestrictSearchResultsControls .announcementAgeRestriction { width: 185px; }
.sortRestrictSearchResultsControls .advSearchFields { float: left; width: 98%; }
.sortRestrictSearchResultsControls .advSearchCol { width: 80%; clear: both; padding-bottom: 10px; }
.advancedSearchWarrantyInputRow { /*float: left;*/ margin: 10px 10px 0 0; }
.additionalSearchButton { margin-right: 15px; }
.additionalSearchButton a { color: #fff; }
.additionalSearchButton a span { font-family: 'Roboto Condensed', Times, serif; font-weight: bold; font-size: 1.3em; line-height: 1.5em; float: left; }
.additionalSearchButton a span:before { float: right; margin-left: 10px; font-family: 'Font Awesome 5 Free'; font-style: 900; font-weight: bold; }
#usedCarsSearchPageContent { width: 100%; }
#bottomSubmitNewCarSearchLink { margin-bottom: 15px; }

#youTubeFrame { margin-top: 60px; }

.saveSearchSpan { display: inline-block; }

/* Car list pages */
.soloIcon { padding: 0 1px; } /* iOS fix for icomoon font-icons when used solo inside an anchor-tag */
.listMainColumn { float: left; width: 100%; font-size: 1.1em; }
.listSideColumn { float: left; width: 200px; font-size: 1.1em; display: none; }
.listSideColumn a { font-weight: bold; color: #fff;}
#newCarsQuickSearch .checkboxInput { margin-bottom: 5px; }
.carListRightSideBox, .carItemRightSideBox { padding: 10px; border: 1px solid #cdcdcd; border-radius: 2px; background-color: #fff; font-size: 1.1em;}
.carListRightSideBox h2, .carItemRightSideBox h2 { font-size: 18px; font-weight: bold; margin-bottom: 10px; text-transform: uppercase;}
.carListRightSideBox h3, .carItemRightSideBox h3 { font-size: 1.15em; margin-top: 5px; }
.carListRightSideBox ul, .carItemRightSideBox ul { margin-bottom: 0; padding-left: 10px;}
.carListRightSideBox.articleBox h2 { margin-bottom: 5px; }
.carListRightSideBox .itemArticles { font-weight: bold;  color:#4e9b96; font-size: 1.1em;}
.carListRightSideBox .itemArticles .articleItem, .carListRightSideBox .itemArticles .itemArticleButtons { padding: 10px 0; }
.carListRightSideBox .itemArticles a > img { width: 135px; max-height: 126px; padding: 1px; }
.carListRightSideBox .itemArticles .itemArticleButtons { text-align: center; }
.carListRightSideBox .itemArticles .itemArticleButtons a { text-decoration: none; color: #4e9b96; }
.carListRightSideBox .itemArticles .separator { border-bottom: 1px solid #cdcdcd; }
.carListRightSideBox .itemArticles span { overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.listSideBox { float: left; width: 180px; margin: 0 0 10px 0; padding: 10px; border: 1px solid #cdcdcd; border-radius: 2px; background-color: #fff; display: none; }
.listSideBox h2 { font-size: 18px; font-weight: bold; margin-bottom: 10px; text-transform: uppercase;}
.listSideBox h3 { font-size: 1.15em; margin-top: 5px; }
.listSideBox ul { margin-bottom: 0; padding-left: 10px;}
.listSideBox.articleBox h2 { margin-bottom: 5px; }
.listSideBox .itemArticles { font-weight: bold;  color:#4e9b96; }
.listSideBox .itemArticles .articleItem, .listSideBox .itemArticles .itemArticleButtons { padding: 10px 0; }
.listSideBox .itemArticles a > img { max-width: 168px; max-height: 126px; padding: 1px; }
.listSideBox .itemArticles .itemArticleButtons { text-align: center; }
.listSideBox .itemArticles .itemArticleButtons a { text-decoration: none; color: #4e9b96; }
.listSideBox .itemArticles .separator { border-bottom: 1px solid #cdcdcd; }
.listTools { font-size: 1.1em; font-weight: bold; float: right; width: 100%; }
.listTools.active { background-color: #ffffff; }
.listTools.links { display: flex; justify-content: flex-end; }
.listTools .tools { font-size: 1.1em; margin-right: 5px; }
.listTools.active .tools { background-color: #fff; }
.listTools .tools a { margin-right: 20px; color: #4e9b96; }
.listTools .tools a:hover { margin-right: 20px; text-decoration: none; }
.listTools .tools a:last-child { margin-right: 10px; }
.listTools .tools a:hover .toolIcon { color: #4e9b96; }
.listTools .tools span { color:#4e9b96; }
.listTools .comparison { cursor: pointer; font-size: 1em; display: none; margin-right: 10px; }
.listTools .comparison span {color:#4e9b96; }
.listTools .comparison span.used.comparisonToggleArrow {font-size: 1.1em; }
.listTools.active .comparison, .listTools.active .comparison span { color: #4e9b96; }
.listTools .comparisonList .comparisonItemContainer { position: relative; float: left; max-width: 122px; height: 91px; }
.listTools .comparisonList .used.comparisonItemContainer { margin: 3px 2% 10px 0; height: 140px; width: 48%; text-align: center; background-color: #cdcdcd; overflow: hidden; max-width: none; }
.listTools .comparisonList .carsListContainer div:last-of-type { margin-right: 0; }
.listTools .comparisonList .remove { position: absolute; color: #505149; background-color: #fff; border-radius: 50%; font-size: 25px; text-shadow: none; top: 5px; right: 8px; cursor: pointer; width: 24px; height: 24px; }
.listTools .comparisonList .remove:hover { color: #4e9b96; }
.listTools .comparisonList .showComparison { float: left; width: 60px; text-align: center; }
.listTools .comparisonList .showComparison a { color: #fff; }
.listTools .comparisonList .showComparison a:hover { color: #ff9900; text-decoration: none; }
.listTools .comparisonList .showComparison .compareIcon { font-size: 3em; line-height: 1.1em; }
.listTools .comparisonList img { height: 140px; max-width: none; max-height: none; }
.listTools .comparisonHelp { position: absolute; width: 300px; margin-left: -150px; top: 15px; left: 50%; padding: 10px; background: #000; color: #efefef; border: 1px solid #777; border-radius: 5px; display: none; } 
.listTools .comparisonHelp .hideComparisonHelp { position: absolute; right: -12px; top: -12px; color: #000; background-color: #fff; border-radius: 50%; border-color: #000; font-size: 25px; text-shadow: none; cursor: pointer; width: 20px; height: 20px; }
.listToolsContainer { display: flex; align-items: center; width: 100%; margin-bottom: -10px; }
.listToolsContainer .content { display: flex; line-height: 3em; width: 100%; background-color: #fff; border: 1px solid #cdcdcd; border-radius: 2px; border-bottom: none; flex-direction: column; }
.compareCarsLinkContainer { float: right; }
.listHeading { padding: 5px 0; width: 98%;}
.listHeading h1 { font-size: 1.5em; font-weight: bold; text-transform: uppercase; }
.listHeading h2 { font-size: 2em; font-weight: normal; line-height: 30px; }
.listSorting { background: #ffffff; padding: 10px 10px 0 10px; font-size: 0.8em; font-weight: bold; border-left: 1px solid #CDCDCD; border-right: 1px solid #CDCDCD; border-radius: 2px; }
.listSorting .filterList { display: none; }
.listSortInfoText { display: none; line-height: 15px; width: 33px; }
.listSorting .sortingOrder { width: 150px !important; }
.listSorting .dealerType { font-size: 1em; position: relative; display: flex; flex-direction: column-reverse; justify-content: space-between; text-transform: uppercase; }
.listSorting .dealerTabs { margin: 10px 0 -10px 0; padding: 0; display: flex; }
.listSorting .tab { color: #000000; display: inline-block; line-height: 3.5em; zoom: 1; *display: inline; *margin-right: 6px; background: none; flex: 1; text-align: center; -moz-transition: background-color 0.3s; -webkit-transition: background-color 0.3s; -o-transition: background-color 0.3s; }
.listSorting .tab a { color: #909090; display: block; padding: 0 12px; outline: none; font-weight: bold; font-size: 1.2em; }
.listSorting .tab a:hover { text-decoration: none; color: #797979; }
.listSorting .tab.active { background: #499EA3; color:#ffffff; font-weight: bold; position: relative; }
.listSorting .tab.active a { color:#fff; }
.listSorting .buttonsContainer { display: flex; }
.listSorting .buttonsContainer a { height: 2em; width: 100%; text-align: center; }
.listSorting .buttonsContainer a:hover { text-decoration: none; }
.listSorting .buttonsContainer .showModifySearch { line-height: 2em; margin: 0 0.6em 0 0; flex: 1.2; }
.listSorting .buttonsContainer .saveSearch { line-height: 1.4em; background-color: #499ea3; margin: 0; flex: 1; }
.listPagination { background-color: #ffffff; padding: 10px; margin-bottom: 5px; border: 1px solid #CDCDCD; border-radius: 2px; }
.listPagination.top { border-top: none; }
.listPagination .buttonContainer { min-height: 20px; font-size: 3em; }
.listPagination .buttonContainer.next { display: none; }
.listPagination .buttonContainer.nextmobile { text-align: right; }
.listPagination .buttonContainer a { color: #505149; transition: color 0.3s; -moz-transition: color 0.3s; -webkit-transition: color 0.3s; -o-transition: color 0.3s; }
.listPagination .buttonContainer a:hover { color: #5ab5b1; text-decoration: none; -webkit-transition: color 0.3s; }
.listPagination .carsCount { width: 167px; text-align: center; }
.listPagination .pageCounterContainer { font-size: 1.15em; text-align: center; }
.listPagination .pageCounterContainer a { font-weight: bold; padding: 0 4px; transition: background-color 0.3s; -moz-transition: background-color 0.3s; -webkit-transition: background-color 0.3s; -o-transition: background-color 0.3s; }
.listPagination .pageCounterContainer a:hover { background-color: #cecece; text-decoration: none; border-radius: 2px; }
.listPagination .pageCounterContainer hr { border: solid #cacaca; border-bottom-style: none; }
.listPagination .pageCounterContainer .currentPage, #cmsArticlesContainer .listNavi .currentPage{ background-color: #ff9900; color: #fff; padding: 0 4px; font-weight: bold; border-radius: 2px; }
.listPagination .pageCounterContainer .page { font-style: normal; }
.listPagination .sortTools { padding-top: 8px; line-height: 20px; }
.listPagination .sortingOrder { width: 185px !important; }
.listPagination .pageLabel { float: left; line-height: 20px; }
.listPagination .pageList { line-height: 19px; text-align: left; margin: 10px 0 0 0; }
.listPagination .listPagerCounter.carItemList { height: auto; display: flex; flex-direction: column-reverse; justify-content: space-between; }
.listPagination .listPagerCounter.carItemList.no-pagination { margin-top: 10px; }
.listPagination.bottom .listPagerCounter.carItemList.no-pagination { margin-top: 0; }
.listPagination .filters { display: flex; flex-direction: column; justify-content: space-between; }
.listPagination .filters.mbsc-mobiscroll.mbsc-form { background-color: #ffffff !important; color: #c7c7c7; font-size: 15px; } 
.listPagination .filters.mbsc-mobiscroll .mbsc-input-box.mbsc-input .mbsc-input-wrap { background: #499EA3; }
.listPagination .filters.mbsc-mobiscroll .mbsc-input { margin: 0 10px 0 0; border: 1px solid #e2e2e2; border-radius: 3px; width: 100%; }
.listPagination .filters.mbsc-mobiscroll .mbsc-input input { color: #499EA3; border: 0; text-transform: uppercase; font-weight: bold; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.listPagination .filters.mbsc-mobiscroll .mbsc-select .mbsc-ic:before { font-weight: bold; }
.listPagination .filters.mbsc-mobiscroll.mbsc-ltr .mbsc-input-outline.mbsc-select .mbsc-input-wrap .mbsc-select-ic { right: .6em; }
.listPagination .filters.mbsc-mobiscroll .mbsc-input-outline.mbsc-select .mbsc-input-wrap .mbsc-select-ic { top: 1.2em; }
.listPagination .filters.mbsc-mobiscroll .mbsc-select:last-child { margin: 10px 0 0 0; }
.listPagination .pager { margin-right: 0; }
.listPagination .pager .listPages { justify-content: space-between; } 
.itemListFilter.mbsc-mobiscroll .mbsc-input.mbsc-sel-filter-cont { display: none; }
.itemListFilter.mbsc-mobiscroll.mbsc-fr-pointer .mbsc-sc-whl-multi .mbsc-sc-itm { padding: 0 1em; }
.itemListFilter.mbsc-mobiscroll .mbsc-fr-w { font-size: 13px; }
#pageAndDropdownContainer { width: 100%; }
#listContent { position: relative; }
.listContent > div { margin-bottom: 10px; }
.listContent img { animation: none; -webkit-animation: none; }
.listDisclaimer { margin: 20px 0; color: #959595; }
.backToTop { display: none; position: fixed; top: 100px; right: 0; cursor: pointer; transition: top 300ms cubic-bezier(.25,.46,.45,.94); }
.backToTop .toTopText { width: 60px; display: block; text-align: center; font-size: 12px; text-decoration: none; color: #c1c1c1; -webkit-transition: color 1s; -moz-transition: color 1s; transition: color 1s; }
.backToTop .toTopIcon { width: 45px; height: 45px; display: block; margin: 0 auto 4px auto; background-color: rgba(50, 50, 50, 0.15); -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; -webkit-transition: background-color 1s; -moz-transition: background-color 1s; transition: background-color 1s;  text-align: center; }
.backToTop .toTopIcon > span { font-size: 40px; color: #fff; }
.backToTop:hover .toTopText { color: #232323; }
.backToTop:hover .toTopIcon { background-color: rgba(50, 50, 50, 0.75); }
#megaBoxContainer { margin: 10px 0; }
.list-type-selection { float: left; margin-left: 8px; }
.dealerTabs a span, .dealerTabs a em { display: none; font-style: normal; }
.listRow { position: relative; display: inline-block; border: 1px solid #505149; border-radius: 2px; }
.listRow .imageContainer { position: relative; float: left; width: 40%; height: 100%; min-height: 170px; color: #fff; background-color: #505149; z-index: 1; }
.listRow .imageContainer .itemImage { text-align: center; }
.listRow .imageContainer img { max-width: 122px; }
.listRow .imageContainer .itemFigures {padding-left: 10px; }
.listRow .imageContainer .itemFigures .price { font-size: 1.5em; line-height: 1.4em; font-weight: bold; }
.listRow .imageContainer .itemFigures .priceTooltip { float: right; margin-top: 4px; margin-right: 5px; width: 18px; height: 19px; }
.listRow .imageContainer .itemFigures .priceUpTooltip { background: url('/images/used_cars/at_price_change.png') 0 0; }
.listRow .imageContainer .itemFigures .priceDownTooltip { background: url('/images/used_cars/at_price_change.png') 0 -18px; }
.listRow .imageContainer table, .listRow .imageContainer tr, .listRow .imageContainer td { padding: 0; line-height: 1.1em; }
.listRow .imageContainer .listBadge { position: absolute; top: -6px; left: -6px; }
.listRow .imageContainer .listBadge img { margin: 0; padding: 0; }
.listRow .detailsContainer { position: relative; float: left; width: 60%; height: 100%; min-height: 170px; background-color: #ffffff; }
.listRow .itemDetails { float: left; width: 100%; padding-top: 5px; }
.listRow .itemDetails .details { float: left; height: 100%; margin: 0 10px; }
.listRow .itemDetails .details a { font-size: 1.15em; font-weight: bold; }
.listRow .warranty { margin-top: 10px; display: none; }
.listRow .itemDetails .warranty { display: none; }
.listRow .itemDetails .warranty .warrantyLogo { width: 45px; height: 45px; }
.listRow .itemDetails .warranty .extraImage { width: 45px; height: 30px; margin-top: 4px; }
.listRow .itemDetails .logo { width: 100%; float: left; height: 100%; text-align: left; margin-right: 10px; }
.listRow .itemDetails .logo div { margin: 2% 0 0 2%; }
.listRow .itemDetails .logo a { display: block; }
.listRow .itemDetails .logo img { max-width: 140px; max-height: 50px; margin-bottom: 0; }
.listRow .listItemTools { position: absolute; bottom: 0; left: 0; width: 100%; height: 28px; background-color: #ffffff; }
.listRow .listItemTools .bodyType { float: left; width: 60px; height: 25px; margin: 2px 16px 0 0; background: url('/images/common/body_types.png') no-repeat; }
.listRow .listItemTools .bodyType.SEDAN { background-position: 0 0; }
.listRow .listItemTools .bodyType.COUPE { background-position: -60px 0; }
.listRow .listItemTools .bodyType.STATION_WAGON { background-position: -120px 0; }
.listRow .listItemTools .bodyType.SPECIAL_CAR { background-position: -180px 0; }
.listRow .listItemTools .bodyType.OFFROAD {background-position: -240px 0; }
.listRow .listItemTools .bodyType.VAN { background-position: -300px 0; }
.listRow .listItemTools .bodyType.MPV { background-position: -360px 0; }
.listRow .listItemTools .bodyType.CONVERTIBLE { background-position: -420px 0; }
.listRow .listItemTools .bodyType.PICK_UP { background-position: -480px 0; }
.listRow .listItemTools .bodyType.HATCHBACK { background-position: -540px 0; }
.listRow .listItemTools .toolIcon { margin-right: 6px; font-size: 1.5em; line-height: 28px; }

.listRow.noResults table { border-collapse: collapse; margin-top: 32px; margin-left: auto; margin-right: auto; color: red; font-size: 17px; }
.listRow .imgCol { float: left; width: 96px; height: 100%; background: #e3e7ea; }
.listRow .imgCol .imgCont { text-align: center; height: 68px; position: relative; }
.listRow .imgCol .imgCont div { padding: 8px 0 0 0; }
.listRow .imgCol .imgCont div img { border: 1px solid #535a60; }
.listRow .imgCol .imgCont img.img24h { position: absolute; left: 3px; top: 3px; }
.listRow .imgCol .imgCont img.alternativCar { width: 80px; }
.listRow .descriptionColumn { float: left; width: 302px; word-wrap: break-word; }
.listRow .descCont { padding: 0 3px 0 15px; }
.listRow .descCont .description p { height: 43px; line-height: 1.1em; overflow: hidden; margin: 0; }
.listRow .descriptionColumn a { font-weight: bold; }
.listRow .descriptionColumn a span p { margin: 5px 0 0 0; }
.listRow .equipmentColumn { float: left; width: 63px; padding: 16px 0 0 0; margin: 0 19px 0 0; overflow: hidden; }
.listRow .equipmentColumn .equipmentList { width: 66px; height: 63px; margin: 0; }
.listRow .figuresColumn { float: left; width: 100px; padding: 16px 0 0 0; font-weight: bold; font-size: 1.1em; }
.listRow .advertisersColumn { float: left; width: 50px; height: 100%; }
.listRow .advertisersColumn table { border-collapse: collapse; height: 100%; }
.listRow .advertisersColumn table tr td { vertical-align: middle; text-align: center; }
.listRow .advertisersColumn table tr td .warrantyLogo { width: 45px; height: 45px; }
.listRow .advertisersColumn table tr td .extraImage { margin-top: 4px; width: 47px; height: 24px; }
.listRow .dealerColumn { float: left; width: 145px; margin-left: 10px; }
.listRow .dealerLogo { margin-top: 10px; text-align: center; }
.listRow .dealerName { text-align: center; }
.listRow .listItemRemove { position: absolute; right: 4px; top: 4px; }
.listRow .addButtons { position: absolute; right: 0; bottom: 0; background: url('/images/common/list_pages/background_add_buttons.gif') repeat-x bottom; }
.listRow .addButtons a, .listRow .addButtons > span { float: left; font-weight: bold; height: 17px; line-height: 17px; border-left: 1px solid #a2acb3; border-top: 1px solid #a2acb3; text-align: center; }
.listRow .addButtons em { font-style: normal; color: #999999; }
.listRow .addButtons .compareButton {  width: 68px; }
.listRow.noResults table { border-collapse: collapse; margin: 5px; color: red; font-size: 15px; }
.listAd { margin: 0.5% 0.5% 10px 0.5%; }
.listItemTools .bodyType { display: none; }
.newlyAdded { width: 32px; height: 32px; background-size: 32px; background: url('/images/common/list_pages/newly_added_badge.png') no-repeat; }
.newlyAdded.dayOne { background-position: 0 0; }
.newlyAdded.dayTwo { background-position: 0 -33px; }
.newlyAdded.dayThree { background-position: 0 -66px; }
.idcBadge { width: 39px; height: 38px; background-size: 39px 38px; background: url('/images/common/list_pages/idcBadge.png') no-repeat; }
.carsListItemCarDetailTopContainer {height: 105px; margin: 5px 10px 10px 15px;}
.carsListItemCarDetailTopRightContainer { margin-top: 5px; overflow: auto; overflow-y: hidden; }
.carsListItemNameLink { font-size: 1.35em; font-weight: bold; }
.carListItemDescription { display: none; }
.carsListItemCarNameContainer { height: 46px; overflow: hidden; }
.carsListItemCarDetailBottomContainer { height: 40px; background: #8c8d92; color: #fff; padding: 0 10px; font-size: 1.5em; line-height: 40px; text-align: right; }
.carsListItemCarDetailBottomContainer .sep { display: inline-block; padding: 0 5px; }
.priorityCarItem { border-color: #ff9900 !important; }
.priorityCarItem .carsListItemCarDetailBottomContainer { background-color: #ff9900; }
.priorityCarItem .carsListItemImagesContainer .imgNav { background-color: #ff9900; }
.priorityCarItem .carsListItemImagesContainer .imgNav li.active span { background-color: #505149; }
.priorityCarItem .carsListItemImageContainer .addToFavorite { background-color: rgba(255, 153, 0, 0.7); }
.priorityCarItem > .imageContainer { background-color: #ff9900; }
.priorityCarItem .carsListItemCompare .checkboxInput input[disabled="disabled"] { background-color: #ff9900; }
.carsListItemCarBottomContainerItem { display: inline-block; }
.carsListItemCarPrice { display: inline-block; font-weight: bold; }
.carsListItemCarPrice .priceTooltip { display: inline-block; width: 18px; height: 18px; }
.carsListItemCarPrice .priceUpTooltip { background: #fff url('/images/used_cars/at_price_change_up.png'); border-radius: 50%; }
.carsListItemCarPrice .priceDownTooltip { background: #fff url('/images/used_cars/at_price_change_down.png'); border-radius: 50%; }
.carsListItemCompare { font-size: 0.7em; font-weight: bold; float:right; display: none;}
.carsListItemCompare .checkboxInput input { top:12px; }
.carsListItemCompare .checkboxInput input[disabled="disabled"] { background-color: #505149; }
.checkboxInput input[disabled="disabled"] { background-color: #ebebe4; border-color: #cccccc; }

.carsListItemImagesContainer { min-height: 184px; }
.carsListItemImageContainer { text-align: center; background-color: #cdcdcd; }
.carsListItemImagesContainer .listBadge { position: absolute; top: 8px; left: 8px; }
.carsListItemImagesContainer .imgNav {display: none;}
.carsListItemImagesContainer .imgNav ul { width: 100%; text-align: center; margin: 0; padding: 0; }
.carsListItemImagesContainer .imgNav li { color: red; display: inline-block; margin: 0 3px; }
.carsListItemImagesContainer .imgNav li span { width: 10px; height: 10px; display: block; background: #fff; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; }
.carsListItemImagesContainer .imgNav li.active span { background: #953778; }
.carsListItemImagesContainer .videoBadge { display: block; width: 26px; height: 30px; font-size: 30px; position: absolute; top: 40%; left: 50%; margin-top: -15px; margin-left: -13px; color: #fff; text-decoration: none; }
.carsListItemImageContainer .addToFavorite { position: absolute; right: 0.5em; top: 0.8em; font-size: 1.5em; color: #ffffff; width: 34px; height: 32px; background-color: rgba(80, 81, 73, 0.7); border-radius: 20px; }
.carsListItemImageContainer i.favoriteImg { position: relative; top: 0.25em; }
.carsListItemImageContainer a.addToFavorite:hover { color: #ffffff; }
.carsListItemImage { max-width: 100%; max-height: 210px; }
.listNavi { float: left; position: relative; z-index: 1; width: 805px; margin: 10px 0 0 0; }
.listNavi .sortOrder { width: 227px; }
.listNavi .sortOrderSpinner { position: relative; width: 16px; height: 16px; }
.listNavi .resultsPerPage { width: 80px; }
.listNavi .resultsPerPageSpinner { position: relative; width: 16px; height: 16px; }
.listNavi table.listPagerContainer {  border-collapse: collapse; margin-left: auto; margin-right: auto; }
.listNavi .itemNaviLeft { float: left; height: 23px; line-height: 23px; font-weight: bold; border: 1px solid #a2abb2; border-right: 0; }
.listNavi .itemsShown { float: left; padding: 0 10px 0 10px; border-right: 1px solid #a2abb2; }
.listNavi .listPages { float: left; height: 23px; line-height: 23px; border: 1px solid #a2abb2; border-left: 0; padding-right: 1px; } 
.listNavi .listPage { float: left; }
.listNavi .listPage a { float: left; padding: 0 5px 0 5px; font-weight: bold; }
.listNavi .listPage a:hover { background: #eee; }
.listNavi .listPage em { font-style: normal; font-weight: bold; padding: 0 5px 0 5px; }
.listNavi .previousPage, .listNavi .nextPage {  float: left; padding: 0 5px 0 5px; } 
#bottomNavi { width: 505px; margin: 0 0 0 113px; }
.printIconListContainer { position: absolute; right: 0; bottom: 0; }
#similarCars { background: none; padding: 0; }
.carFactsPanel { float: left; position: relative; width: 803px; border: 1px solid #535a60; overflow: hidden; padding: 8px 0; background: url('/images/common/list_pages/background_list_row.gif') repeat-x bottom; }
.carFactsPanel a {font-weight: bold;}
.listCarFactsPanel a, .carFactsNewContentPanel a { color: #4e9b96; font-weight: bold; }
.articleGeneralInfo .imgCol { margin-bottom: 5px; margin-top: 5px; overflow: hidden;}
.equipmentIcon { float: left; width: 30px; margin: 0 3px 3px 0; height: 30px; background-image: url('/images/common/icons/accessory_icons.png'); }
.equipmentIcon.AUTOMATIC_AIR_CONDITIONING { background-position: 0 0; }
.equipmentIcon.TOWING_HOOK { background-position: -30px 0; }
.equipmentIcon.SERVICE_MANUAL { background-position: -60px 0; }
.equipmentIcon.EXTRA_TIRES { background-position: -90px 0; }
.equipmentIcon.ESP { background-position: -120px 0; }
.equipmentIcon.QUARANTEE { background-position: -150px 0; }
.emissionIcon{ float: left; width: 30px; margin: 0 3px 3px 0; height: 30px; background-image: url('/images/common/icons/co2_icons.png'); }
.emissionIcon.EMISSION_CLASS_A { background-position: 0 0; }
.emissionIcon.EMISSION_CLASS_B { background-position: -30px 0; }
.emissionIcon.EMISSION_CLASS_C { background-position: -60px 0; }
.emissionIcon.EMISSION_CLASS_D { background-position: -90px 0; }
.emissionIcon.EMISSION_CLASS_E { background-position: -120px 0; }
.emissionIcon.EMISSION_CLASS_F { background-position: -150px 0; }
.emissionIcon.EMISSION_CLASS_G { background-position: -180px 0; }
.warrantyIcon{ float: left; width: 30px; margin: 0 3px 3px 0; height: 30px; background-image: url('/images/common/icons/warranty_icons.png'); }
.warrantyIcon.YEAR_LIMIT_1 { background-position: 0 0; }
.warrantyIcon.YEAR_LIMIT_2 { background-position: -30px 0; }
.warrantyIcon.YEAR_LIMIT_3 { background-position: -60px 0; }
.warrantyIcon.YEAR_LIMIT_4 { background-position: -90px 0; }
.warrantyIcon.YEAR_LIMIT_5 { background-position: -120px 0; }
.warrantyIcon.YEAR_LIMIT_6 { background-position: -150px 0; }
.warrantyIcon.YEAR_LIMIT_7 { background-position: -180px 0; }
.warrantyIcon.YEAR_LIMIT_8 { background-position: -210px 0; }
.warrantyIcon.YEAR_LIMIT_9 { background-position: -240px 0; }
.warrantyIcon.YEAR_LIMIT_10 { background-position: -270px 0; }
.idcIcon { background: #51534a none repeat scroll 0 0; border: 2px solid #5db4b0; border-radius: 50%; color: white; font-size: 13px; font-weight: bold; height: 30px; left: 7px; position: absolute; text-align: center; top: 7px; width: 30px; z-index: 2; }
.idcIcon::before { content: "HETI"; display: block; font-size: 9px; margin-top: 4px; }
.idcIcon::after { content: "AJOON"; display: block; font-size: 7px; }
.carListHeader { line-height: 20px; font-size: 1.1em; float: left; box-sizing: content-box; width: 100%; width: 100%; }
.carListHeader.carFacts { margin-bottom: 10px; }
.carListHeader.searchTags { margin: 8px 0; }
.carListHeader .container { padding: 1%; background-color: #fff; border: 1px solid #cdcdcd; border-radius: 2px; display: flex; flex-direction: column; }
a#unhideListItems { display: none; margin-left: 10px; font-size: 16px; }  
.saveSearchListPageTraveller { display: none; position: fixed; bottom: 53px; right:0; border-radius: 0; background: #fff; padding: 6px 5px;  -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); box-shadow: -0 0 10px rgba(0, 0, 0, 0.5); z-index: 10; }
span.saveSearchText { font-size: 1.2em; line-height: 1.2em; font-family: 'Roboto Condensed', Times, serif; font-weight: bold;}
span.saveSearchText.fas.fa-chevron-right::before {float: right; font-family: 'Font Awesome 5 Free'; font-style: 900; font-weight: bold; margin-left: 10px; }
.searchTagsContainer .selectedListing .title { font-size: 18px; padding: 5px 0 10px 0; display: none; }
.searchTagsContainer .selectedListing .turquoiseBg { background-color: #499ea3; padding: 5px 8px; color: #fff; font-size: 16px; font-weight: bold; margin: 0 6px 6px 0; float: left; height: 20px; cursor: pointer; }
.searchTagsContainer .selectedListing .turquoiseBg.super { line-height: 8px; }
.searchTagsContainer .selectedListing .exclude .turquoiseBg { background-color: #ea1c1c; }

/* Used cars list page */
div.inputContainer.checkboxInput { margin-right: 0 !important; }
div.range.fuelConsumption {margin-top: 10px;}
.used.panel.listTools { background-color: #505149; width: 100%; height: 0; overflow-y: hidden; transition: all 0.5s ease-in-out; }
.used.panel.listTools.active { background-color: #505149; width: 100%; margin-top: 6px;}
.used .listTools { float: left;}
.used .listTools.active { float: left; }
.used .listRow { width: 100%; background: #fff; margin-bottom: 15px; margin: 0.5% 0; }
.used .listRow .imageContainer img { max-height: 91px; }
.used .listRow .itemDetails { height: auto; }
.used .listRow .itemDetails .details { width: 96%; margin: 0 2%; overflow: hidden; }
.used .listRow .itemDetails .warranty { width: 45px; }
.used .listRow.preListAd { margin-bottom: 10px !important; }
.used .listRow.postListAd { margin-bottom: 10px !important; }
.usedCarListItemDealerName { font-weight: bold; }
.usedCarsListItemCarMeterReading { display: inline-block; }
.usedCarsListItemCarModelYear { display: inline-block; }

/* New cars list page */
.newCarQuickSearchButton { background-color: #ff9900; color: #fff; border-radius: 3px; width: 180px; height: 38px; border: none; font-size: 17px; font-weight: bold; }
.newCarListOfficeContainer { float: right; }
.new.carsListItemCompare .checkboxInput input { top:2px; }
.new .listRow { width: 100%; background: #fff; }
.new .listRow .imageContainer img { max-height: 76px; }
.new .listRow .itemDetails { height: auto; }
.new .listRow .itemDetails .details { width: 96%; margin: 0 2%; }
.new .preListAd .listRow { margin-bottom: 3px !important; }
.new .postListAd .listRow { margin-top: 3px !important; }

/* Used Cars - Car Park */
#carParkBannerContainer { visibility: hidden; }
#carParkBannerTwoPanel { background: url('/images/common/image-loader.gif') no-repeat center bottom; height: 145px; }
.carParkContainer {float: left; box-sizing: border-box; padding: 10px 1% 10px 1%; width: 100%; background-color: #ffffff; border: 1px solid #cdcdcd; border-radius: 2px; max-height: none; overflow: hidden; }
.carParkContainer.frontPageBanner { max-height: none; float: none; padding: 21px 11px 20px 11px;}
.carParkHeading { margin-left: 5px; padding-bottom: 6px; font-size: 1.8em; font-weight: bold; text-transform: uppercase; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.carParkHeading.frontPageBannerHeading { font-size: 24px; text-transform: none; margin-left: 0; padding-bottom: 10px; }
.carParkItem { margin-bottom: 20px; }
.carParkItemDesc { text-align: center; }
.carParkItemDesc a { font-weight: bold; }
#carParkContent { position: relative; font-size: 1.35em; }
#carParkContent .slick-next { background: #70b7b3 url('/images/used_cars/target_page_new_layout/selaus_paakuva_oik_.png') no-repeat; border-radius: 50%; width: 40px; height:40px; background-position: center; color: transparent; position: absolute; right: 0; top: 50%; margin:-20px 0 0;}
#carParkContent .slick-prev { background: #70b7b3 url('/images/used_cars/target_page_new_layout/selaus_paakuva_vas_.png') no-repeat; border-radius: 50%; width: 40px; height:40px; background-position: center; color: transparent; position: absolute; top: 50%; margin:-20px 0 0;}
#carParkContent .slick-slide { margin: 0 5px; }
#carParkContent .slick-list { margin: 0 -5px; }
#carParkContent .slick-next { right: 0px !important; }
#carParkContent .slick-prev { left: 0px !important; }
#carParkContent .slick-next, #carParkContent .slick-prev { opacity: 0.8; }
.frontPageBannerHeading a { font-weight: normal; display: block; white-space: nowrap; /* forces text to single line */ overflow: hidden; text-overflow: ellipsis; }
.bannerContent { position: relative; }

#carSuggestionBannerPanel { background: url('/images/common/image-loader.gif') no-repeat center bottom; }
#carSuggestionBannerContent { visibility: hidden; }
.slick-slide .carParkItemImg { height: auto; width: 100%; margin-bottom: 4px; display: inline-block; text-align: center; vertical-align: middle; }
.slick-slide .carParkItemImg img { display: inline; max-width: none; width: 100%; }

#carParkBannerTwoPanel .carParkLink { color: #ffffff !important; }
#carParkBannerTwoPanel .carParkHeading { color: #ffffff; }
#carParkBannerTwoPanel .carParkItemDesc { color: #ffffff; }
#carParkBannerTwoPanel .carParkItemDesc a { color: #ffffff; }
#carParkBannerTwoPanel .carParkContainer { background-color: #505149; }

/* Item Page Renewal */
.usedCarItemPageRetargetingDiv { float: right; }
.itemSearchFunctions { font-size: 16px; padding-top: 20px; display:flex; justify-content: space-between; flex-wrap: wrap; }
.itemSearchFunctions a { display: inline-block; padding: 5px; }
.carItempageHeaderComponent .titleAndPrice { display: flex; flex-direction: column; padding: 20px 0; }
.carItempageHeaderComponent .carTitle { display: flex; flex-grow: 4; font-size: 28px; font-weight: normal; max-height: 70px; line-height:35px; overflow: hidden; }
.carItempageHeaderComponent .titleAndPrice .rightSide { display: flex; flex-grow:1; min-width: 257px; align-items: flex-end; flex-direction: column; }
.carItempageHeaderComponent .carPrice { font-size: 28px; padding-top: 15px; font-weight: bold; }
.carItempageHeaderComponent .formButton { width: 150px; }
.carItempageHeaderComponent .sectoButton { margin-top: 8px; }
.carItempageHeaderComponent .carAttributes { font-size: 16px; line-height: 40px; overflow: hidden; display: block; -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; }
.usedItempageContactSellerLinks #contactRequestLink { color: #fff; text-decoration: none; }

.contactRequestTextArea { width: 100%; min-height: 50px; }
.itempageContactrequestButton { text-decoration:none; }
.itempagePhoneNumberButton { text-decoration:none; }
.itempageContactrequestButton:hover { text-decoration:none; }
.itempagePhoneNumberButton:hover { text-decoration:none; }
.phoneTypeCR { background-color: #fff !important; color: #000 !important; }
.phoneTypeCR::after { transition: none !important; }
.phoneTypeCR { cursor: default !important; }
.phoneTypeCR span { color: #000; }
.phoneTypeCR.button span { color: #000; }

.contactSellerPanel { display: flex; justify-content: space-between; }
#content.itemPageContent .contactSellerPanel a.button { display: inline-block; }
.dealerName { line-height: 20px; max-height: 40px; -webkit-line-clamp:2; overflow: hidden; }
.dealerInfo { max-width : 150px; margin-right: 4px; }
.dealerInfo img { width: 100%; }

.carItempageImageComponentContainer { margin-top: 8px; margin-bottom: 10px; padding: 10px 0 0 0; background-color: #ffffff; border: 1px solid #cdcdcd; border-radius: 2px;}
.carDetails { padding-top: 10px; padding-bottom: 25px; }
#mainImageSlider { margin-top: 10px; margin-bottom: 0; max-height: 500px; overflow: hidden; visibility:hidden; }
#imageCarousel { display: none; margin: 0; max-height: 145px; overflow: hidden; visibility:hidden; }
.slick-slide .itempageCarouselSlide { border: 5px solid #fff !important; width: 94% !important; }
.slick-slide.slick-current .itempageCarouselSlide { border: 6px solid rgb(255, 153, 0) !important; }
.itemPageFunctionalityContainer { background-color: #505149; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; height: 40px; }
.itemPageFunctionalityContainer .itempageFunctionalityLink { display: inline-block; color: #fff; font-weight: normal; text-decoration: none; margin: auto auto; }
.itempageFunctionalityLink i { font-size: 2.0em; display: inline-block; vertical-align: middle; }
.itempageFunctionalityLabel { display: none; margin: auto 0 auto 3px; font-size: 14px; }
.itempageFunctionalityImage { width: 30px; height: 30px; display: inline-block; vertical-align: middle; }
.carDetailsSection { display: flex; padding-top: 20px; font-size: 16px; }
.carDetailsSection .carDetailsSectionIcon { flex: 1; margin-right: 10px; max-width:70px; }
.autojerryLinkContainer { padding-top: 0px; }
.carDetailsSection .carDetailsSectionContent { flex: 10; display: flex; flex-wrap: wrap; }
.carDetailsSection h2 { flex: 1 100%; text-transform: uppercase; padding-left: 10px; font-size: 1.1em; margin-bottom: 10px; }
.carDetailsSection .carDetailsGroup { flex-grow: 1; flex-basis: 250px; margin-bottom: 20px;}
.carDetailsSection .carDetailsGroup .carDetailsLine { line-height: 34px; }
.carDetailsSection .carDetailsGroup .carDetailsLine .label { font-weight: bold; padding-left: 10px; display: inline-block; }
.autojerryPanel .carDetailsGroup { margin-bottom: 0; }
.autojerryPanel .carDetailsSection .carDetailsGroup .carDetailsLine .label { font-weight: normal; }
.autojerryPanel .carDetailsSection .carDetailsGroup .carDetailsLine .value { width: 140px; padding-right: 0; }
.autojerryPanel .carDetailsSection .carDetailsGroup .header .prices{ width: 140px; float:right; }
.autojerryPanel .linksLine { margin-top: 20px; text-align: right;}
.autojerryPanel .modelMaintenanceInfo {padding-top: 10px;}
.autojerryPanel .emptyAutojerryPanel { display:flex; justify-content: space-between; font-size:  16px;}
.autoJerryIconEmptyPanel { background: url('/images/used_cars/target_page_new_layout/autojerry.png') no-repeat; background-size: 132px 32px; height: 32px; min-width: 132px; margin-top: 10px; }
.carDetailsSection .carDetailsGroup .carDetailsLine .value { text-align: left; float:right; display: inline-block; padding-right:5px;}
.carDetailsSection .carDetailsGroup .carDetailsLine:nth-child(odd) { background: #ececec; }
.carDetailsSection .economyTrafiContent .carDetailsGroup .carDetailsLine:nth-child(odd) { background: #e2f0e3;}
.carDetailsSection .carDetailsGroup .carFeatureLine:nth-child(odd) { background: #ececec;}
.carDetailsSection .carDetailsGroup .carDetailsLine .value a.notKnownEndorsementLink { display: inline-block; width: 20px; height: 20px; float: right; margin-top: 6px; background: url('/images/used_cars/target_page_new_layout/ikoni_auton_tiedot.png') no-repeat; }
.carDetailsSection .carDetailsGroup .carFeatureLine { line-height: 34px; }
.carDetailsSection .carDetailsGroup .carFeatureLine .value { padding-left: 10px; }
.carDetailsSection .carDetailsGroup .carDetailsLine .priceValue { display: inline-block; float:right; }
.carDetailsSection .carDetailsGroup .carDetailsLine .priceValue .value { float: none; }
.carDetailsSection .carDetailsGroup .carDetailsLine .co2EmissionImageContainer a { margin-top: 3px; }

.carDetailsSectionIcon .fuelIcon { background: url(/images/used_cars/target_page_new_layout/ikoni_taloudellisuus.png) no-repeat; height: 60px;} 
.carDetailsSectionIcon .trafiIcon { background: url(/images/used_cars/target_page_new_layout/trafi_logo.png) no-repeat; height: 26px;} 
.economyTrafiContent .trafiIcon { background: url(/images/used_cars/target_page_new_layout/trafi_logo.png) no-repeat; height: 26px; background-position: right; } 
#priceWatcherSubscribeLink { padding-right: 10px; cursor: pointer; }
.carDetailsSection .carDetailsGroup .subtitle { font-weight: bold; padding: 0 10px 6px 10px; }
.carDetailsSectionContent .header { flex: 1 45%; }
.carDetailsSectionContent .header.right { text-transform: capitalize; font-weight: normal; text-align: right; font-size:16px; }
.furtherInformation { max-width: 100%; line-height: 22px; }
.grecaptcha-badge { display: none; }

.loanCalculator .input-with-slider { padding: 8px 0; color: #000; line-height: 32px; display: flex; }
.loanCalculator .input-with-slider .label { display: inline-block; width: 120px; }
.loanCalculator .input-with-slider .text { width: 100px; }
.loanCalculator .input-with-slider .unit { display: inline-block; width: 25px; padding-left: 8px; }
.loanCalculator .input-with-slider .rangeContainer { display: none; }
.loanCalculator .input-with-slider .rangeContainer .mbsc-mobiscroll.mbsc-progress { padding: 0; }
.loanCalculator .input-with-slider .mbsc-slider-tooltip { width: 4.30em; margin-right: -2.15em; }
.loanCalculator .validationError { color: #f00; display: none; }
.loanCalculator .summary { background: #eee; padding: 10px; margin: 40px 0 20px 0; }
.loanCalculator .summary h3 { margin-bottom: 20px; }
.loanCalculator .summary table { width: 100%; }
.loanCalculator .summary table th { text-align: left; padding: 5px 0; font-weight: normal; }
.loanCalculator .summary table td { text-align: right; padding: 5px 0; }
#content.itemPageContent .loanCalculator .button { display: inline-block; }
.loanCalculator .mbsc-mobiscroll .mbsc-slider-step { display: none; }

.popup.mbsc-wdg .mbsc-wdg-c.mbsc-w-p { padding: 0; }
.popup.mbsc-mobiscroll .mbsc-fr-w { background: #ffffff; min-width: 98vw; }
.popup.mbsc-mobiscroll .mbsc-btn { margin: 1em 0; }
.popup #modal { padding: 2.2em 2em 0 2em;}
.textPopup .md-text-center { text-align: center; padding: 10px 0; }
.remodal-is-opened .remodalContentContainer { font-size: 1.3em; }
#messagePopup { font-size: 1.3em; }
.textPopup.mbsc-wdg .mbsc-wdg-c.mbsc-w-p { padding: 2em; }
#modal.remodal { padding: 2em; border-radius: 4px; }

modal { text-align: left; }
.modal .header { background: #4e9b96; background-size: 150px; padding: 10px 20px; border-radius: 5px; }
.modal .header h1 { color: #fff; font-size: 20px; }
.modal h2 { font-size: 1.1em; margin: 0; padding: 0; }
.modal .mbsc-mobiscroll .mbsc-err-msg { position: static; }
.modal .mbsc-mobiscroll .mbsc-checkbox-box { left: 1em; background: #4e9b96; }
.modal .mbsc-mobiscroll .mbsc-checkbox { padding: 0.8em; }
.modal .mbsc-mobiscroll .radioInput.mbsc-radio { padding: 0.8em 3.125em 0.8em 1em; } 
.modal .mbsc-mobiscroll .radioInput .mbsc-radio-box { left: 1em; border: .125em solid #5db4b0; }
.modal #contactDetailsContainer .allowDealerContact { margin: 1.2em 0 0.3em 0; }
.modal .radioInput .mbsc-label { margin: 0 0 0 1.7em; }
.modal .mbsc-mobiscroll .radioInput .mbsc-radio-box:after { background: #4e9b96; }
.modal .mbsc-mobiscroll .allowDealerContact .mbsc-label { margin-left: 1.7em; }
.modal .mbsc-mobiscroll .allowDealerContact .mbsc-checkbox-box { left: 0; top: 0.55em; }
.modal .mbsc-mobiscroll .allowDealerContact .mbsc-checkbox { padding: 0; }
.modal .subtitleNotifier { margin-bottom: 15px; }
.modal .checkboxInput :checked:before { font-size: 15px; left: 4px; }
.modal .checkboxInput .mbsc-label { margin: 0 0 0 1.7em; }
.modal .carContainer { padding: 15px 0 10px 0; display: flex; justify-content: space-between; }
.modal .carContainer .contactRequestFormImageContainer { flex: 2; }
.modal .carContainer .carDetails { padding-left: 15px; text-align: left; flex: 3; }
.modal .carContainer .carDetails .carTitle { font-size: 20px; margin-bottom: 15px; }
.modal .carContainer .carDetails .carDetailsSection { padding: 0; }
.modal .carContainer .carDetails .carDetailsGroup { padding: 0; margin: 0 10px 0 0; }
.modal .carContainer .carDetails .carDetailsGroup .carDetailsLine { padding: 2px 0; line-height: 25px; }
.modal .carContainer .carDetails .carDetailsGroup .carDetailsLine .label { padding: 0; }
.modal .carContainer .carDetails .carDetailsLine:nth-child(odd) { background: #fff; }
.modal .contactFormInputs { padding-top: 10px; }
.modal .contactFormInputs .contactInformation { text-align: left; padding-right: 10px; width: 100%; display: inline-block; }
.modal .contactFormInputs > div:first-of-type { flex: 1.3; }
.modal .contactFormInputs .lahiTapiolaContainer { position: relative; margin-top: 10px; }
.modal .contactFormInputs.mbsc-mobiscroll .mbsc-input { margin: 0.8em 0; position: relative; }
.modal .contactFormInputs.mbsc-mobiscroll .lahiTapiolaContainer .mbsc-checkbox-box { top: 0.8em; left: 0; }
.modal .contactFormInputs.mbsc-mobiscroll .lahiTapiolaContainer .mbsc-label { margin-left: 1.6em; }
.modal .contactFormInputs.mbsc-mobiscroll .lahiTapiolaContainer .mbsc-checkbox { padding-top: 0.3em; }
.modal .contactFormInputs.mbsc-mobiscroll .lahiTapiolaContainer .mbsc-checkbox { padding-left: 0; padding-right: 0; }
.modal .contactFormInputs.secto.mbsc-mobiscroll .outlineInputs .mbsc-input { margin: 0.4em 0; }
.modal .contactFormInputs.secto.mbsc-mobiscroll .outlineInputs .mbsc-input.mbsc-select { width: 88%; display: inline-block; }
.modal .contactFormInputs.secto.mbsc-mobiscroll .mbsc-input { flex: 1; }
.modal .contactFormInputs.secto.mbsc-mobiscroll .outlineInputs span { flex: 0.15; text-align: center; }
.modal .contactFormInputs.secto .checkboxInput { display: block; }
.modal .contactFormInputs.secto .formLine input.text { width: 100%; }
.modal .contactFormInputs .checkboxInput { display: flex; justify-content: space-around; }
.modal .contactFormInputs .formLine input.text { width: 98%; }
.modal .contactFormInputs .formLine textarea { padding: 4px 1%; float: right; margin-left: 1%; }
.modal .contactFormInputs .formLine .checkboxInput label { margin-right: 10px; }
.modal .contactFormInputs .formLine .datepicker { width: 50% !important; color: #000; }
.modal .contactFormInputs.mbsc-mobiscroll.mbsc-ltr .mbsc-input-outline.mbsc-ic-left input:focus { padding-left: 3em; }

/* IE issue */
.ie .mbsc-mobiscroll.mbsc-fr-pointer .mbsc-ltr .mbsc-sc-whl-multi .mbsc-sc-itm-sel::before { left: -0.1em; }
.modal .contactFormInputs .mbsc-label-floating.mbsc-input .mbsc-label ~ .mbsc-input-wrap :-ms-input-placeholder.mbsc-control { opacity: 1; }
.modal .contactFormInputs .mbsc-label-floating.mbsc-input.disabled .mbsc-label ~ .mbsc-input-wrap :-ms-input-placeholder.mbsc-control { opacity: 0.4; }

.modal .contactRequestDetails { width: 100%; padding-right: 0; display: flex; flex-direction: column; vertical-align: top; text-align: left; flex: 1.3; }
.modal .contactRequestDetails .yourCarInfo input.text, .modal .contactRequestDetails .yourCarInfo .contactRequestFormTextArea { width: 100%; }
.modal .contactRequestDetails .yourCarInfo .additionalInfo .contactRequestFormTextArea { width: 100%; }
.modal .contactRequestDetails .yourCarInfo { margin-bottom: 10px; }
.modal .contactRequestDetails .lahiTapiolaContainer img { width: 40px; height: 40px; position: absolute; margin: 0 0 0 8px; right: -10px; bottom: -3px; }
.modal .contactRequestDetails .details .leasingDetails select { width: 93%; font-size: 1.3em; padding: 4px 1%; border-radius: 3px; background-color: white; }
.modal .contactRequestDetails .details .leasingDetails .inputContainer { display: flex; align-items: center; }
.modal .contactRequestDetails .details { display: flex; flex-direction: column; }
.modal .secto .contactRequestDetails .details .outlineInputs .formLine.first { margin-top: 14px; }
.modal .contactRequestDetails .carExchange textarea { max-height: 125px; min-height: 125px; }
.modal .contactRequestDetails .mbsc-input-wrap { padding-top: .25em; }
.modal .lahiTapiolaFooter { margin: 10px 0; }
.modal .lahiTapiolaFooter a { font-weight: normal; }
.modal .leasing { position: relative; }
.modal .leasing-tooltip { position: absolute; right: -7px; top: 10px; }

.contactRequestFormTextArea { width: 100%; min-height: 100px; }

.modal .formFooter .formNotes { font-size: 1.1em; display: inline-block; float: left; }
.modal .formFooter .submitButtonContainer { display: inline-block; float: right; margin-bottom: 2.2em; }

.modal .dealerSelection { display: inline-block; text-align: left; padding: 20px 0 0 0; width: 100%; }
.modal .dealerSelection.mbsc-mobiscroll.mbsc-ltr .mbsc-input-outline .mbsc-err-msg { left: 0; }
.modal .dealerSelection.mbsc-mobiscroll .mbsc-input { margin: 0; }
.modal .hideListItemInfoText { font-size: 1.2em; margin: 20px 0px 20px 0px; }
.modal .delFavInfoText { font-size: 16px; margin: 0px 0px 14px 0px; }
.modal .cancelLink { font-size: 1.2em; padding-left: 5px; text-transform: uppercase; }
.modal .submitButtonContainer { display: inline-block; float: right; }

.secto.mbsc-mobiscroll .mbsc-sel-filter-cont { display: none; }
.dealerDropdown.mbsc-mobiscroll .mbsc-fr-popup{ font-size: 1.21em; }
.regionDropdown.mbsc-mobiscroll .mbsc-fr-popup { font-size: 1.21em; }

.itemPageModalContactRequestSubmitButton { font-size: 1.2em; background-color: #ff9900; border: none; border-radius: 3px; color: #fff; text-transform: uppercase; font-weight: bold; padding: 16px 25px; margin: 2em 0 0 0; }

.itemPageDetailSectionIcon { display: none; }

.meterReadingIcon{ background: url('/images/used_cars/target_page_new_layout/ikoni_km.png') no-repeat; padding-left: 45px; margin-left: 15px;}
.fuelTypeIcon{ background: url('/images/used_cars/target_page_new_layout/ikoni_polttoaine.png') no-repeat; padding-left: 45px; margin-left: 15px;}
.modelYearIcon{ background: url('/images/used_cars/target_page_new_layout/ikoni_vuosimalli.png') no-repeat; padding-left: 45px; margin-left: 15px;}
.transmisionIcon{ background: url('/images/used_cars/target_page_new_layout/ikoni_vaihteet.png') no-repeat; padding-left: 45px; margin-left: 15px;}
.lastInspectionTimeIcon{ background: url('/images/used_cars/target_page_new_layout/ikoni_katsastusaika.png') no-repeat; padding-left: 45px; margin-left: 15px;}
.locationIcon{ background: url('/images/used_cars/target_page_new_layout/ikoni_sijainti.png') no-repeat; padding-left: 45px; margin-left: 15px;}
.bodyTypeIcon { background: url('/images/used_cars/target_page_new_layout/ikoni_autoedesta.png') no-repeat; padding-left: 45px; margin-left: 15px;}

.carDetailsSectionIcon.basicInfoIcon { background: url('/images/used_cars/target_page_new_layout/ikoni_perustiedot.png') no-repeat; }
.carDetailsSectionIcon.fuelIcon { background: url('/images/used_cars/target_page_new_layout/ikoni_taloudellisuus.png') no-repeat; }
.carDetailsSectionIcon.performanceIcon { background: url('/images/used_cars/target_page_new_layout/ikoni_suorituskyky.png') no-repeat; }
.carDetailsSectionIcon.newCarPerformanceIcon { background: url('/images/new_cars/ikoni_suorituskyky_2.png') no-repeat; }
.carDetailsSectionIcon.electricCarIcon { background: url('/images/new_cars/sahkoauto_ikoni.png') no-repeat; }
.carDetailsSectionIcon.dimensions { background: url('/images/used_cars/target_page_new_layout/ikoni_auton_mitat.png') no-repeat; }
.carDetailsSectionIcon.equipmentInfoIcon { background: url('/images/used_cars/target_page_new_layout/ikoni_varusteet.png') no-repeat; }
.carDetailsSectionIcon.autorekisteriCarIcon { background: url('/images/used_cars/target_page_new_layout/ikoni_tarkista_historia.png') no-repeat; height: 43px; min-width: 73px; }
.autorekisteriIcon { background: url('/images/used_cars/target_page_new_layout/ikoni_auton_tiedot.png') no-repeat; }
.carDetailsSectionIcon.priceIcon { background: url('/images/new_cars/ikoni_hintatieto.png') no-repeat; }

.furtherInformation .contactDealer { display:block; margin:20px 0; }
.contactDealer { display: inline-block; }
.contactDealer span { font-weight: bold; font-size: 16px; }
.contactDealer a { font-size: 16px; display: inline-block !important ; }
.furtherInformation h3 { font-weight: normal; text-transform: uppercase; }
#notKnownEndorsementExplanation  {display: none; }

#mainImageSlider .image { text-align: center; }
#mainImageSlider .image img { display: inline; }
#mainImageSlider .slick-next { background: #70b7b3 url('/images/used_cars/target_page_new_layout/selaus_paakuva_oik_.png') no-repeat; border-radius: 50%; width: 40px; height:40px; background-position: center; color: transparent; }
#imageCarousel .slick-next { background: #70b7b3 url('/images/used_cars/target_page_new_layout/selaus_thumbit_oik_.png') no-repeat; border-radius: 50%; width: 30px; height:30px; background-position: center; color: transparent;}
#mainImageSlider .slick-prev { background: #70b7b3 url('/images/used_cars/target_page_new_layout/selaus_paakuva_vas_.png') no-repeat; border-radius: 50%; width: 40px; height:40px; background-position: center; color: transparent;}
#imageCarousel .slick-prev { background: #70b7b3 url('/images/used_cars/target_page_new_layout/selaus_thumbit_vas_.png') no-repeat; border-radius: 50%; width: 30px; height:30px; background-position: center; color: transparent;}
.slick-next, .slick-prev { z-index: 10; }
.slick-next:before, .slick-prev:before { content: none !important; font-family: none !important; }
.slick-next:hover, .slick-prev:hover { opacity: 1 !important; }
.slick-slide { outline: none; }
.slick-slide img { max-width: 100%; max-height: 100%;}
#mainImageSlider .slick-dots, #imageCarousel .slick-dots { bottom: 15px !important; }
.slick-dots li button:before { font-size: 13px !important; }
.slick-disabled { display: none !important; }

.new_cars #mainImageSlider .slick-next { top:125px; }
.new_cars #mainImageSlider .slick-prev { top:125px; }
#mainImageSlider .slick-next { right: -30px; opacity: 0; filter:alpha(opacity=0); top:250px; }
#mainImageSlider .slick-prev { left: -30px; opacity: 0; filter:alpha(opacity=0); top:250px; }
#imageCarousel .slick-next { right: -30px; opacity: 0; filter:alpha(opacity=0); }
#imageCarousel .slick-prev { left: -30px; opacity: 0; filter:alpha(opacity=0); }
.itempageCarouselSlide.panoramaImage {border: 6px solid #fff !important;}
.itempageCarouselSlide.videoImage {border: 6px solid #fff !important;}

#imageCarousel .slick-track { height: 135px; }
#imageCarousel .image { height: 123px; width: 184px; display: table-cell; vertical-align: middle; text-align: center; background: #ccc; }
#imageCarousel .image img { display: inline; }

.autojerryPanel { padding-top: 10px; padding-bottom: 25px; }
.autoJerryCarIcon { background: url('/images/used_cars/target_page_new_layout/ikoni_huolto.png') no-repeat; height: 52px; min-width: 73px; }
.autoJerryLink { margin-top: 20px; text-align: center; }
.autoJerryIcon { background: url('/images/used_cars/target_page_new_layout/autojerry.png') no-repeat; background-size: 132px 32px; min-width: 132px; background-position: right;  height: 30px; margin-top:20px; }
#almad-list-1 { text-align: center; }

/* Nordea Contact Request */
.modal.nordeaContactRequestModal .header { background: #005284 url('/images/common/item_pages/nordealogo.png') no-repeat 95% 50%; background-size: 100px; }
.nordeaContactRequest { font-size: 16px; margin-top: 5px; cursor: pointer; }
.modal.nordeaContactRequestModal .header h1 { min-height: 24px; }
.nordeaContactRequestModal .itemPageModalContactRequestSubmitButton { background-color: #005284; }
.nordeaContactRequestModal .contactRequestDetails { margin-left: 20px; }
.nordeaContactRequestModal .contactRequestDetails h2 { font-weight: normal; }
#loadAmountSlider, #paybackTimeSlider { margin-bottom: 20px; }
.nordeaContactRequestModal .contactRequestDetails span { font-size: 1.3em; }
.nordeaContactRequestModal .contactRequestDetails input[type=number] { height: 18px; padding: 4px 1%; }
.nordeaContactRequestModal .contactRequestDetails .paybackTimeValue { display: inline; }
#loanAmountValue { width: 27px; text-align: center; }
#years, #months {width: 12px; margin-right: 3px; text-align: center; }
.monthlyPayback { font-size: 1.6em; font-weight: bold; margin-bottom: 50px; margin-top: 30px; }
.nordeaContactRequestModal .contactRequestDetails .ui-widget-content { background: #ddd !important; }
.nordeaContactRequestModal .contactRequestDetails .ui-widget-header { background: #005284 !important; }
.nordeaContactRequestModal .contactRequestDetails .ui-slider .ui-slider-handle { border-radius: 10px !important; }
.nordeaContactRequestModal .contactRequestDetails .ui-state-active { background: #f6f6f6!important; border: 1px solid #c5c5c5!important;}
.nordeaContactRequestModal .contactRequestDetails .ui-state-focus, ui-state-active { outline: none; }
.nordeaContactRequestModal .disclaimer {font-size: 16px; text-align: left; margin-bottom: 15px; }

/* Seller information used car targe page renewal */
.usedItempageContainerHeader { margin-left: 10px; font-size: 1.7em; font-weight: normal; }
.usedCarItempageSellerInformation .addressInfo {display: inline-block; width: 260px; line-height: 22px; margin-top: 20px; font-size: 16px; flex: 1; }
.usedcarItempageOfficeInfoContentContainer { padding: 20px 10px; }
.usedcarItempageOfficeInformationContainer { display: inline-block; margin-bottom:15px; }
.contactInfo { display: inline-block; } 
.usedCarItempageOfficePersonelContainer { display: inline-block; vertical-align: top; margin-top:20px; font-size: 14px; line-height: 18px; flex: 2; }
.usedCarItempageOfficePersonelContainer .salesPersonName { font-weight: bold; }
.usedCarItempageSellerInformation .dealerSalesPersonImage { display: inline-block; position: relative; }
.usedCarItempageSellerInformation .dealerSalesPerson .dealerSalesPersonImage img { margin: 0 15px 30px 0; }
.usedCarItempageSellerInformation .dealerSalesPersonInfo { display: inline-block; vertical-align: top; max-width: 160px; }
.addressInfo span, a {font-weight:bold; }
.contactInfo .dealerPhoneNumber { height: 18px; line-height: 18px; padding-left: 5px; font-weight: bold; font-size: 1.15em; }
hr { height: 1px; border: 0; border-top:1px solid #cdcdcd; margin: 0; }
.callImage { position:absolute; background: #fff url('/images/used_cars/target_page_new_layout/call_button_.png'); border-radius: 50%; width: 42px; height: 42px; bottom: 15px; left: -16px;  z-index: 5; }
.sellerPhoneNumberWrapper { height: 38px; background: #213460; color: white; position: absolute; width: 160px; bottom: 17px; z-index: 4; }
.sellerPhoneNumber { display: block; margin-left: 30px; text-align: center; bottom: 10px; position: absolute; font-weight: bold;}
.dealerDetails { display: flex; }
.dealerSalesPerson { display: inline-block; width: 50%; }
.usedcarItempageOfficeInformationContainer .itempagePhoneNumberButton { display: inline-block !important; margin-right: 10px; }
.usedcarItempageOfficeInformationContainer .itempageContactrequestButton { display: inline-block !important; margin-right: 10px; }
.sellerWhatsappPhoneNumberContainer { position: absolute; height: 42px; width: 42px; bottom: 16px; right: 0; }
.sellerWhatsappPhoneNumberContainer .whatsappLink {display: inline-block; background: url('/images/used_cars/target_page_new_layout/WhatsApp.png'); height: 42px; width: 42px; }
.sellerWhatsappPhoneNumberContainer .disabled {display: inline-block; background: url('/images/used_cars/target_page_new_layout/WhatsApp_harmaa.png'); height: 42px; width: 42px; cursor: default; }

#cto_cookies_header_message, #cto_cookies_ack_header_message { display:none; }

/* Other Cars panel target page renewal*/
.carList { margin-top: 30px; font-size: 18px; }
.carList h2 { font-size: 20px; margin-right: 30px; display: inline-block; text-transform: uppercase;}
.carList div { display: inline-block; }
.carList .carsContainer { margin-top: 13px; }
.carList .carsContainer { display:flex; padding-top: 10px; }
.carList .carsContainer .item { margin-right: 10px; width: 33%;}
.carList .carsContainer .item:nth-child(3n+3) { margin: 0; }
.carList .carsContainer img { width: 100%; height: 169px;}
.carList .carsContainer span { display: block; text-align: center; margin-top: 15px; }
.headerCarsLink { font-size: 16px; }
/* Similar Cars panel target page renewal */
.box { font-size: 20px;}
.box .similarCars .title span { font-size: 24px; font-weight:bold; margin-right: 21px; }
.box .similarCars .subtitle { display: inline-block; font-size: 16px; } 
.box .similarCars .tabs { margin-top: -3px; display: inline-block; position: absolute; border-bottom: none; }
.box .similarCars .tab {width: 145px; border: 1px solid #ccc; color: #5ab5b1; display: inline-block; background: #ffffff; border-bottom: none;-moz-transition: background-color 0.3s; -webkit-transition: background-color 0.3s; -o-transition: background-color 0.3s; border-bottom: none; padding-top: 1px;}
.box .similarCars .tab a { color: #4e9b96; line-height: 36px; display: block; font-size: 18px; text-align: center; }
.box .similarCars .tab.active { background: #5ab5b1; color: #ffffff; }
.box .similarCars .tab.active a { color: #fff; }
.box .similarCars .carsList { margin-top: 0; padding-top: 10px; }
.box .similarCars .carListItems {display: flex; }
.box .similarCars .carItem { width: 33%; margin-right:10px; margin-bottom: 0; }
.box .similarCars .carItem:nth-child(3n+3) { margin-right:0; }
.box .similarCars .carItem img { height: 169px; width:100%; }
.box .similarCars .carItem .carName { color: #4e9b96; text-align: center; font-weight: bold; margin-top: 15px; }
.box .similarCars .carItem .carName span { display: block; }

.otherCarsPanel .box .similarCars h2 { font-size: 20px; margin: 0 20px 17px 0; display: inline-block; }
.otherCarsPanel .box .similarCars .tabs .tab a { font-size: 13px; }
.otherCarsPanel .box { margin-top: 30px; }
.frontPageContainer.otherCarsPanel .box { margin-top: 0; }

/* Car item articles target page renewal  */
.carArticles { margin-top: 30px; }
.carArticles .title { display: inline-block; margin-bottom: 20px; }
.carArticles h2 { display: inline-block; text-transform: uppercase; margin-right: 20px; font-size: 24px; }
.carArticles .itemArticleLink { display: inline-block; font-size: 16px;  }
.carArticles .content { display: flex; flex-flow: row wrap; justify-content: space-between; margin: 0; }
.carArticles .content .listItem { width: 100%; margin-bottom: 10px; }
.carArticles .content .item .image { border: 1px solid #ccc; background: #eee; vertical-align: middle; width: 100%; height: auto; text-align: center; }
.carArticles .content .item .image img { height: 100%; width: 100%; }
.carArticles .content .item .info { height: 113px; width: 100%; background-color: #fff; border: 1px solid #ccc; text-align: center; position: relative; }
.carArticles .content .item .info .title { font-size: 22px; margin-top: 20px;}
.carArticles .content .item .info div { position: absolute; bottom: 15px; width: 100%; }
.carArticles .content .item .info span { font-size: 20px; }

.special1Banner { margin-top: 10px; }

/* Tell a friend modal */
.modal .tellAFriendContainer { padding: 10px 15px; text-align: left; font-size: 16px; }
.modal .tellAFriendContainer .formLine { padding-bottom: 8px; }
.modal .tellAFriendContainer .submitButton { text-align: right;}
.modal .tellAFriendContainer .formLine input.text { width: 40%; padding: 4px 1%; }
.modal .tellAFriendContainer .formLine textarea { width: 40%; height:50px; padding: 4px 1%; }

/* Report content modal */
.modal.reportContent { font-size: 16px; text-align: left;} 
.modal.reportContent #contentReportForm { padding: 15px 10px; }
.modal.reportContent .description textarea { width: 98%; height: 100px; padding: 4px 1%;}
.modal.reportContent .submitButton { margin-top: 10px ; float: right; }

/* Target pages */
.targetPages #content { width: 980px; padding-bottom: 0; }
#content.itemPageContent { width: 100%; padding-bottom: 0; }
.itemPageContent .desktop { display: none; }
.itemContent { float: left; width: 100%; }
.itemContent h1 { font-size: 2.2em; font-weight: normal; }
.itemContent h3 { font-size: 1.25em; font-weight: normal; }
#content.itemPageContent a.button { display: block; }
.itemTopNaviBar { float: left; margin-top: 10px; width: 100%; padding-bottom: 16px; background-color: #505149; }
span.itemPagePrevAndNext a { color: #fff; padding-left: 7px; }
.searchResultText { display: none; }
.itemPageIcon:before { padding-right: 5px; }
.itemPageIconWhite, .itemPageIcon { display: inline-block; vertical-align: top; height: 30px; color: #fff; font-size: 1.3em; line-height: 30px; cursor: pointer; font-weight: bold; }
.searchIcon { background-position: 0 -62px; padding-left: 27px; }
.searchIcon:hover { background-position: 0 -93px; }
.carItemTargetPageIcon { font-size: 25px; display: flex; justify-content: space-between; }
.carItemTargetPageIcon span { font-size: 15px; vertical-align: middle; }
.carItemTargetPageIcon a { color: #fff; margin-right: 5px; }
.carItemTargetPageIcon a:hover { color: #ff9900; }
.carItemTargetPageIcon .targetPageTellAFriend { display: inline; }
.carItemTargetPageIcon .targetPageAllImages { display: inline; float: right; }
.itemMinilist { float: left; margin-top: 4px; width: 100%; }
.itemImages { position: relative; background-color: #505149; }
.itemImages #mainImage img { max-width: 100%; max-height: 401px; }
.itemImages #mainImage.newCar img { max-height: 401px; }
.itemTools { height: 40px; line-height: 40px; padding-bottom: 4px; margin: 4px 11px 0 11px; }
.itemTools a:hover { text-decoration: none; }
.priceTag { display: none; }
.priceTag { background-color: #5ab5b1; color: #fff; white-space: nowrap; overflow: hidden; font-size: 1.5em; font-weight: normal; padding: 10px; margin-bottom: 5px; }
.priceTag > span { font-size: 1.3em; }
.priceTag > div { font-size: 0.9em; }
.priceTag a { color: white; font-weight: bold; }
#itemDetailsContainer { float: left; margin-top: 10px; }
.itemDetailsContainer { float: left; width: 100%; margin-top: 10px; margin-bottom: 10px; padding-bottom: 10px; font-size: 1.3em; border: 1px solid #cdcdcd; border-radius: 2px; background-color: #fff; }
.itemDetailsContainer > div { float: left; width: 94%;  padding: 10px 10px 0 10px; }
.itemNavi { float: right; border-left: 1px solid #999; line-height: 25px; font-weight: bold; }
.prevNaviContainer { float: left; padding: 0 7px 0 7px; }
.currentNaviContainer { float: left; padding: 0 7px 0 7px; border-left: 1px solid #999; border-right: 1px solid #999; font-size: 1.05em; background: #fff url('/images/common/item_pages/background_item_navi_current.gif') repeat-x; }
.nextNaviContainer { float: left; padding: 0 7px 0 7px; }
.itemHeading { float: left; width: 95%; min-height: 80px;/* max-height: 100px;*/ margin: 10px 0 0 10px; }
.itemSideColumn { float: left; width: 100%; margin-left: 0; font-size: 1.2em; }
.itemSideColumn a.button { margin-top: 12px; font-size: 1em; }
.itemSideColumn .checkboxInput { float: none; width: auto; }
.itemDetailsRow { float: left; width: 262px; overflow: hidden; }
.itemDetailsRow .key { float: left; width: 140px; font-weight: bold; padding: 1px 0 2px 10px; }
.itemDetailsRow .value { float: left; width: 110px; padding: 1px 0 2px 0; }
.itemDetailToggleBar { height: 40px; background-color: #5ab5b1; color: #fff; border-radius: 3px; }
.itemDetailToggleBar > span { float: left; margin: 10px; vertical-align: middle; font-size: 23px; line-height: 20px; }
.itemDetailToggleBar h2 { line-height: 40px; }
.itemDetailContent { padding-bottom: 10px; padding-top: 10px; font-size: 16px; }
.itemDetailContent h3 { font-weight: normal; margin: 14px 0 0 10px; text-transform: uppercase; }
.itemDetailContent h3:first-child { margin-top: 5px; }
.itemDetailContent > table { width: 100%; border-collapse: collapse; border-spacing: 0; }
.itemDetailContent > table tr:nth-child(odd) { background: #ececec; }
.itemDetailContent > table tr:nth-child(even) { background: #fff; }
.itemDetailContent > table tr td { min-width: 49%; max-width: 49%; width: 49%; vertical-align: middle; padding: 5px 0 5px 2%; }
.itemDetailContent .equipmentList { list-style: none; margin: 0; padding: 0; }
.itemDetailContent .equipmentList > li { padding: 0 10px 0 10px; line-height: 27px; }
.itemDetailContent .equipmentList > li:nth-child(odd) { background: #fff; }
.itemDetailContent .equipmentList > li:nth-child(even) { background: #f0f0f0; }
.itemDetailContent ul { margin-top: 0; margin-bottom: 0; padding-left: 27px; }
.itemDetailContent p { margin: 0 10px 0 10px; }
.itemDetailContent a { font-weight: bold; }
.itemDetailContent iframe { margin-left: 10px; }
.itemDetailContent .itemArticles .article { margin: 10px; width: 43%; float: left; box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12); }
.itemDetailContent .itemArticles .article .padder { padding: 8px; }
.itemDetailContent .itemArticles .article img { margin-bottom: 5px; }
.itemDetailContent .itemArticles a > img { max-width: 168px; max-height: 126px; padding: 1px; }
.itemDetailContent .itemArticles a > div { position: absolute; bottom: 0; left: 0; height: 30px; width: 160px; padding: 2px 5px 2px 5px; cursor: pointer; text-decoration: none; }
.itemDetailContent .featureGroup { margin-bottom: 14px; }
.itemDetailContent .featureGroup .optionalFeature { margin: 0; padding: 4px 10px 4px 10px; min-height: 19px; }
.itemDetailContent .featureGroup .optionalFeature:nth-child(even) { background: #f0f0f0; }
.itemDetailContent .featureGroup .optionalFeature .accessory { float: left; width: 80%; }
.itemDetailContent .featureGroup .optionalFeature .accessory img { float: left; padding: 3px 2px 0 0; }
.itemDetailContent .featureGroup .optionalFeature .accessoryPrice { float: right; width: 20%; text-align: right; }
.itemDetailContent .featureGroup .optionalFeature input { float: left; }
.itemDetailContent .featureGroup .optionalFeature label { float: left; padding-left: 6px; max-width: 396px; }
.itemDetailContent #carPriceTotal { font-size: 1.25em; font-weight: bold; }
.itemDetailContent .accessoriesLegend { padding: 10px; margin: 10px 0 10px 0; border-top: 1px solid #596066; border-bottom: 1px solid #596066;  }
.itemDetailContent a.notKnownEndorsementLink { display: block; width: 20px; height: 20px; float: right; margin: 0 10px 0 0; background: url('/images/used_cars/target_page_new_layout/ikoni_auton_tiedot.png') no-repeat; }
.itemDetailContent .notKnownEndorsementExplanation { padding: 3px 0 3px 25px; margin-top: 15px; font-size: 12px; }
.itemDetailContent span.previousPrice { text-decoration: line-through; float: right; margin-right: 5px; }
.itemDetailToggleBar .itemPageMakeModelFactHeader { font-weight: normal; }
.itemArticles a { color: #4e9b96; font-weight: bold; min-height: 36px; }
.itemNumber { min-height: 17px; }
.dealerContact { float: left; width: 100%; }
.dealerContact .dealerName { text-align: left; margin: 10px auto 10px 10px; width: 100%; padding: 0; }
.dealerContact .dealerName img { display: block; margin: 0 0 10px 0; }
.regionAndDealerDropdown .styledSelect { width: 239px; height: 28px; overflow: hidden; border: 1px solid #5ab5b1; border-radius: 3px; background-color: #fff; }
.regionAndDealerDropdown .styledSelect.dealersDropdown { display: none; }
.regionAndDealerDropdown .styledSelect > div { width: 100%; height: 28px; overflow: hidden; background: url('/images/common/item_pages/dropdown_chevron.png') no-repeat right; }
.regionAndDealerDropdown .styledSelect select { width: 239px; height: 28px; padding: 2px 1px 2px 4px; font-size: 1.0em; overflow: hidden; cursor: pointer; border: none; -webkit-appearance: none; background: transparent; border-radius: 0; } 
.regionAndDealerDropdown .dealerSelect { margin: 1em 0; }
.regionAndDealerDropdown .dealerSelect .select { flex: 1; }
.regionAndDealerDropdown .dealerSelect .select.region { margin: 0 0 17px 0; }
.regionAndDealerDropdown .dealerSelect .select label { margin: 0; }
.disabledDropdown { width: 231px; -moz-user-select: none; user-select: none; -webkit-user-select: none; -o-user-select: none; color: black; font-size: 1.3em; border: 1px solid #B1B1B4; padding: 6px 4px 4px 4px; background: url('/images/common/item_pages/dropdown_chevron_disabled.png') no-repeat right; border-radius: 4px; margin-top: 10px;  }
.contactRequestContainer { border: 2px solid #505D69; padding: 5px; }
.contactRequestContainer .closeBox { border: 2px solid #E3E7EA; width: 15px; text-align: center; cursor: pointer; float: right; }
.contactRequestLinkContainer { display: none; }
.contactRequestLinkContainer .contactRequestIcon { margin-right: 8px; }
.videoPlayerContainer { padding-bottom: 48px; background: #eee; }
.videoContainer { display: none;}
.panoramaContainer { display: none;}
.dealerContactInfo img { max-width: 300px; border: 1px solid #596066; margin-top: 10px; }
.dealerContactInfo .dealerPhoneNumberWrapper { margin: 8px 0; }
.dealerContactInfo .dealerPhoneNumber { height: 18px; line-height: 18px; padding-left: 5px; font-weight: bold; font-size: 1.15em; }
.dealerContactInfo .dealerSalesPerson { margin-top: 10px; }
.dealerContactInfo .dealerSalesPersonImage { float: left; width: 71px; height: 91px; }
.dealerContactInfo .dealerSalesPersonImage img { max-width: 71px; max-height: 91px; border: none; margin: 0; }
.dealerContactInfo .dealerSalesPersonInfo { float: left; width: 134px; padding: 6px 0 0 6px; overflow: hidden; }
.dealerContactInfo .salesPersonName { font-weight: bold; }
.dealerContactInfo .showPhoneNumber { display: block; color: rgb(255, 255, 255); margin: 5px 0; font-size: 1.0em; padding: 8px 12px; border: 1px solid rgb(204, 204, 204); border-radius: 3px; text-transform: uppercase; font-weight: bold; background: rgb(33, 52, 96); text-decoration: none; text-align: center;}
#itemDealerAndMapContainer { float: left; width: 100%; border: 1px solid #0d0d0f; position: relative; }
#itemDealerAndMapContainer a { font-weight: bold; }
#itemDealerAndMapContainer form input.invalid { color: #333333; border-color: red; }
#itemMapContainer { height: 562px; position: relative; }
#findRouteDiv { position: absolute; width: 110px; height: 18px; line-height: 18px; background: #fff; top: -1px; right: 0; border-left: 1px solid #000; border-bottom: 1px solid #000; border-top: 1px solid #000; text-align: center; z-index: 10; }
#findRouteDiv a { font-weight: bold; cursor: pointer; }
#findRouteForm { position: absolute; width: 245px; padding: 8px; line-height: 18px; background: #fff; top: -1px; right: 0; border-left: 1px solid #000; border-bottom: 1px solid #000; border-top: 1px solid #000; text-align: left; z-index: 999; }
span#findRouteFormTitle { font-weight: bold; }
#findRouteForm a#closeRouteForm { position: absolute; top: 0; right: 0; margin-right: 8px; font-weight: normal; cursor: pointer; }
#findRouteForm input { margin: 0 4px 4px 0; }
#findRouteForm input.text { width: 200px; }
#findRouteForm input.submit { float: right; }
#findRouteForm input.default { color: #8a8a8a; }
#findRouteForm input.error { color: #cc0000; width: 190px; }
#findRouteForm a#resetFindRouteFromAddressForm { font-weight: normal; cursor: pointer; }
#noMapLocationFound { float: left; padding-top: 200px; width: 100%; height: 100%; color: #cc0000; font-weight: bold; text-align: center; }
.itemBottomNaviBar { display: table; margin-top: 10px; width: 100%; background-color: #505149; color: #fff; font-size: 1.6em; padding: 10px 0; }
.itemBottomNaviBar .bottomNaviLeft { width: 180px; }
.itemBottomNaviBar .bottomNaviMiddle.tableCell { display: none; }
.itemBottomNaviBar .bottomNaviRight { width: 180px; text-align: right; }
.itemBottomNaviBar a { color: #fff; }
.itemBottomNaviBar a:hover {color: #ff7d04; text-decoration: none; }
.itemBottomNaviBar .prevItem { padding-left: 30px; cursor: pointer; }
.itemBottomNaviBar .nextItem { padding-right: 30px; cursor: pointer; }
.itemBottomNaviBar .bottomNaviTools { margin: auto; }
.itemBottomNaviBar .bottomNaviTools .itemCounter { font-size: 1.2em; text-align: center; }
.itemBottomNaviBar .bottomNaviTools .backToList { text-align: center; margin: auto; font-size: 0.9em; }
.itemBottomNaviBar .bottomNaviTools .backToList a:hover { text-decoration: none; } 
.itemBottomNaviBar .tableCell { display: table-cell; vertical-align: middle; }
.contactInfoPanelEmailContainer { word-wrap: break-word; }
.similarCarsLink { display: none; }
.targetPageTellAFriend span { display: none; }
body.targetPages #rightBanner > div:not(.carItemRightSideBox) { float: left; padding: 10px 0 0 15px; }
#rightBanner #skyscraperAnchor { width: 100%; height: 1px; padding: 0; }
#socialMediaLinks { display: inline;}
.socialMediaLinks {font-size: 25px;  float: left; height: 30px; line-height: 30px; margin: 5px; padding-bottom: 4px; clear: both;}
.socialMediaLinks a {color: #fff;}
.socialMediaLinks span {color: #fff; font-size: 18px; padding-right: 10px;}
.socialMediaLinks div {display: inline; margin-right: 6px; }
.socialMediaIcons { float: left; padding-top:0;}
.tellAFriendIcon {padding-top: 3px; float: left; }
#printIconLink { display: none; }
#almad-parade-2, #almad-parade-3 { text-align: center; }

/* Used cars target page */
#contactRequestLink { background-color: #ff9900; font-size: 1.45em; padding: 5px 10px; }
#contactRequestLink > i { font-size: 18px; margin-left: 5px; }
.priceWatcher .submitLarge { border: none; width: 100px; height: 37px; background: url('/images/frontpage/button-quicksearch-submit-bg.gif') no-repeat top left; color: #fff; font-size: 1.45em; font-weight: bold; cursor: pointer; text-transform: uppercase; }
.privateCarPriceMsg { font-size: 1.1em !important; white-space: normal !important;}
#usedCar_userStory { background-color: #fff; border: 1px solid #cdcdcd; border-radius: 2px; padding: 10px; margin-top: 10px; font-size: 1.3em;}
#usedCar_userStory h2 { font-size: 1.15em; font-weight: bold; padding: 10px 0 10px 0; text-transform: uppercase; }

/* New cars target page */
.newCarsPriceInfo { float: left;}
.newCarsPriceInfo #totalPrice { font-size: 1.25em; }
.newCarsPriceInfo #totalPrice span { font-size: 1.45em; }
.newCarsPriceInfo table { border-collapse: collapse; margin: 0 0 10px 10px; }
.newCarsPriceInfo td { vertical-align: bottom; padding-right: 20px; }
.newCarsPriceInfo #newCarsMakeLogo { vertical-align: middle; padding-left: 20px; float: left;}
.newCarsPriceInfo .idcInfo { margin: 0 10px 10px 10px; }
.newCarsPriceInfo .idcInfo > span { display: block; font-size: 1.25em; margin-bottom: 4px; }
#newCarsPriceInfo { float: left; width: 267px; height: 126px; font-size: 1.3em; font-weight: bold; line-height: 1.4em; }
.newCarQuicklyDeliveredPriceInfo { font-size: 1.2em; font-weight: bold; padding: 10px 15px 10px 10px; }
#accessoriesSelectionForm .optionalFeature.last { margin-bottom: 4px; }
#accessoriesSelectionForm .hidden { display: none; }
.accessoriesFooter { float: left; width: 247px; overflow: hidden; margin: 10px 0 0 8px; padding: 10px 0 0 0; border-top: 1px solid #a3acb3; }
.accessoryFooterFont { font-size: 0.95em; }
#dealersList { float: left; }
.carDetailsSection { margin-top: 10px; }
.new_cars.targetPages .tippy-tooltip { text-align: left !important;}

/* Car comparison pages */
#comparisonContainer { margin: 15px 0 0 0; padding: 0 0 10px 0; overflow-x: scroll; }
#comparisonContainer a {font-weight: bold; }
#comparisonContainer th {background: #5ab5b1; color: #fff; font-weight: bold; padding:5px 10px; border-left: 2px solid #fff;}
#comparisonLayoutTable td .twoRows { height: 36px; }
#comparisonContainer tr   {background-color: #fff;}
#comparisonContainer td {background-color: #fff;}
#comparisonContainer tr.returnArea td {background-color: #ececec; } 
#comparisonContainer tr.returnArea td:first-child { vertical-align: top; min-width: 110px; }
.comparisonSecondCol { width: 155px; }
.comparisonThirdCol { width: 155px; }
.comparisonFourthCol { width: 155px; }
.comparisonFifthCol { width: 155px; }
.comparisonColSpacer { width: 0; }
.comparisonColBottomBorder { border-bottom: 1px solid #a6abaf; }
.comparisonHeader { width: 136px; padding-left: 8px; height: 24px; line-height: 24px; border: 1px solid #55595c; background: #5ab5b1; color: #fff; font-weight: bold; }
.comparisonHeaderBlock div { width: 138px; padding-left: 8px; height: 18px; line-height: 18px; }
.comparisonOddRow { background: #f5f5f5; }
.comparisonDataBlock div { width: 147px; padding-right: 8px; height: 18px; line-height: 18px; text-align: left; }
.comparisonDataListCont { vertical-align: top; }
.comparisonDataListCont ul { padding: 0 0 0 9px; margin: 0 0 10px 9px; line-height: 16px; }
.comparisonChangeLink { float: left; width: 100%; height: 25px; line-height: 25px; font-weight: bold; text-align: center; }
.comparisonCarImg { float: left;  width: 100%; height: 80px; text-align: center; background: #505149; }
.comparisonCarImg ul li { width: 100%; height: 80px; }
.comparisonCarImg ul li img { border: 1px solid #a0a9b2; margin-top: 7px; width: 90px; height: 70px; }
.comparisonImgNavi { float: left; width: 157px; padding: 5px 0 7px 0; background: #505149; }
.comparisonImgNavi a {color:#fff;}
.comparisonPreviousImg, .comparisonNextImg { float: left; overflow: hidden; }
.comparisonPreviousImg .fas, .comparisonNextImg .fas { font-size: 17px; }
.comparisonPreviousImg { margin: 0 0 0 19px; }
.comparisonNextImg img { margin-left: -19px; }
.comparisonImgText { float: left; width: 92px; text-align: center; color:#fff; } 
.comparisonCarTitle { float: left; width: 100%; min-height: 40px;}
.comparisonListColBorders { border-top: 1px solid #55595c; border-left: 1px solid #55595c; border-right: 1px solid #55595c; }
.comparisonListColBottomBorder { border-bottom: 1px solid #55595c; }
.comparisonListNavi { float: left; width: 100%; padding: 6px 0 0 0; font-weight: bold; }
.comparisonListNaviPages { text-align: center; float: left; width: 100%; margin-top: 3px; }
.comparisonListCar { float: left; width: 100%; margin: 8px 0 0 0; border-top: 1px solid #55595c; border-bottom: 1px solid #55595c; background: url('/images/common/compare_pages/background_comparison_list_car.gif') repeat-y; }
.comparisonListCarImg { float: left;  width: 100%; height: 100px; text-align: center; }  
.comparisonListCarImg img { border: 1px solid #a0a9b2; }
.comparisonListCarDetails { float: left; width: 100%; padding: 0 0 8px 0; }
.comparisonListCarDetails div { float: left; }
.comparisonAddCar { margin-top: 41px; text-align: center; }
#comparisonContainer .returnArea {background-color: #ececec; padding: 10px}
.comparisonColumnTop { vertical-align: top; padding: 0; background-color: #ececec; }

.compensationPrice { padding: 0; }
.compensationPrice .box { margin-top: 8px; background-color: #ffffff; border: 1px solid #cdcdcd; border-radius: 2px; }
.compensationPrice .box .padder { padding: 20px; }
.compensationPrice .box .similarCars .tabs { position: inherit; text-align: left; width: 100%; }
.compensationPrice .box .similarCars .tabs .tab a { font-size: 13px; }
.compensationPrice h2 { font-size: 22px; margin-bottom: 15px; }
.compensationPrice input { width: 96.5%; height: 2.5em; font-size: 0.75em; padding-right: 0px; }
.compensationPrice .mbsc-input input { width: 100%; }
.compensationPrice .form-line { cursor: pointer; }
.compensationPrice .form-line.number-input { cursor: auto; }
.compensationPrice input#mileage.mbsc-control { background: none; margin-top: 4px; }
.compensationPrice .mbsc-mobiscroll.mbsc-form { background: none; }
.compensationPrice .mbsc-mobiscroll.mbsc-ltr .mbsc-input-outline .mbsc-err-msg { left: 0; }
.compensationPrice .button { box-sizing: border-box; text-align: center; width: 100%; padding: 8px 12px; font-size: 1.1em; }
.compensationPrice a.button:hover, a.compensationPriceTextLink:hover { text-decoration: none; }
.compensationPrice .mbsc-mobiscroll a { color: #fff; font-size: 1.5em; }
.compensationPrice .searchFormFields { width: 100%; float: none; }
.compensationPrice .number-input .mbsc-err-msg { display: none; position: static; }
.compensationPrice .compensationPriceInfo { width: 100%; float: none; margin-top: 10px; }
.compensationPrice .compensationPriceInfo ul { padding-left: 0; margin-left: 20px; }
.compensationPrice .compensationPriceInfo ul li { font-size: 15px; margin-bottom: 6px; }
.compensationPrice .compensationPriceInfo ul li .item {display: inline-block;}
.compensationPrice .compensationPriceInfo ul li .arrow { width: 5%; float: left; margin-top:2px;}
.compensationPrice .compensationPriceInfo ul li .content { width: 95%; float: right;}
.compensationPrice .compensationPriceInfo ul li span { font-size: 15px; }
.compensationPrice .compensationPriceInfo .fas { color: #4e9b96;}
.compensationPrice .searchForm h1 { margin-bottom: 15px; }
.compensationPrice .searchForm .formDetails { font-size: 15px; margin-bottom: 5px; }
.compensationPrice .searchForm .text { width: 100%;  box-sizing: border-box; }
.compensationPrice .searchForm input.text.invalid { background: #ffaaaa none; color: #333; border: 2px solid #e64415; }
.compensationPrice .searchForm input.text { background-color: #fff; border: 1px solid #5ab5b1; border-radius: 3px; height: 25px; padding-left: 4px; }
.compensationPrice .searchForm .button .fas { display: inline-block; min-width: 20px; }
.compensationPrice #registrationNumber { text-transform: capitalize; }
.compensationPrice select { font-family: "Roboto Condensed","lucida grande",tahoma,arial,sans-serif; }
.compensationPrice .styledSelect { width: 100%;  box-sizing: border-box; height: 30px; *height: 22px; overflow: hidden; border: 1px solid #5ab5b1; border-radius: 3px; background-color: #fff; }
.compensationPrice .styledSelect.invalid { background: #FFAAAA none; color: #333; border: 2px solid #e64415; }
.compensationPrice .styledSelect > div { width: 95%; height: 30px;  overflow: hidden; background: url('/images/common/item_pages/dropdown_chevron.png') no-repeat right; }
.compensationPrice .styledSelect select { width: 100%; height: 30px;  padding: 2px 1px 2px 4px; font-size: 1.0em; overflow: hidden; cursor: pointer; border: none; -webkit-appearance: none; background: transparent; border-radius: 0; }
.compensationPrice .styledSelect select.invalid { color: #000000; }
.compensationPrice .searchResults { font-size: 15px; }
.compensationPrice .searchResults h2 { font-size: 25px; font-weight: normal; background: #E2F3F2; padding: 10px 20px; }
.compensationPrice .searchResults .buttons { padding-top: 25px; }
.compensationPrice .searchResults .button { font-size: 15px; margin-right: 10px; }
.compensationPrice .similarCars h2 { margin-bottom: 10px; }
.compensationPrice .similarCars .tabs { margin: 0; padding: 0; }
.compensationPrice .similarCars .tab { border: 1px solid #5ab5b1; color: #000000; display: inline-block; zoom: 1; background: #ffffff; border-bottom: none;-moz-transition: background-color 0.3s; -webkit-transition: background-color 0.3s; -o-transition: background-color 0.3s; }
.compensationPrice .similarCars .tab a { color: #000; line-height: 36px; display: block; outline: none; font-size: 15px;}
.compensationPrice .similarCars .tab.active { background: #5ab5b1; color: #ffffff; font-weight: bold; position: relative; top: 1px; border: 1px solid #5ab5b1; border-radius: 2px; border-bottom: none; }
.compensationPrice .similarCars .tab.active a { color: #fff; }
.compensationPrice .similarCars .carsList { display: flex; justify-content: space-between; padding-top: 0px; flex-wrap: wrap; border: 1px solid #5ab5b1; }
.compensationPrice .similarCars .carsList.display-none { display: none; }
.compensationPrice .similarCars .carsList .carItem { width: 48%; margin-right: 4px; position: relative; height: 129px; background-color: #efefef; display: flex; align-content: center; align-items: center; justify-content: center; }
.compensationPrice .similarCars .carsList .carItem:nth-child(2n+2) { margin-right: 0; }
.compensationPrice .similarCars .carsList .carItem:nth-child(-n+2) { margin-bottom: 10px; }
.compensationPrice .similarCars .carsList img { height: auto; width: auto; max-height: 129px; max-width: 100%; text-align: center; }
.compensationPrice .similarCars .carsList .carName { height: 27px; overflow: hidden; width: 100%; position: absolute; bottom: 0; left: 0; background: rgba(50,50,50,0.65); line-height: 25px; color: #fff; font-size: 12px; text-align: center; display: flex; flex-direction: column; align-items: center; margin: 0; }
.compensationPrice .similarCars .carsList .carName .name { flex: 1; margin-top: -0.5em; }
.compensationPrice .similarCars .carsList .carName .price { flex: 1; margin-top: -1em; }
.compensationPrice .similarCarModels .onSaleNow { background: #5ab5b1; font-size: 16px; font-weight: bold; padding: 8px 0; }
.compensationPrice .similarCarModels .onSaleNow .text { float: right; width: 142px; color: #fff; }
.compensationPrice .similarCarModels.carFactMake .modelSeries { padding: 0; margin: 0; }
.compensationPrice .similarCarModels.carFactMake .modelSeries .listItem { width: 100%; border-top: none; border-bottom: 1px solid #cdcdcd; padding: 0; margin: 0; }
.compensationPrice .similarCarModels.carFactMake .modelSeries .listItem .padder { padding: 15px; }
.compensationPrice .similarCarModels.carFactMake .modelSeries .listItem .image { display: block; margin: 15px; text-align: center; }
.compensationPrice .similarCarModels.carFactMake .modelSeries .listItem .details { display: flex; justify-content: space-between; flex-direction: row-reverse; align-items: center; }
.compensationPrice .similarCarModels.carFactMake .modelSeries .listItem .image img { max-width: 100%; max-height: 100%; }
.compensationPrice .similarCarModels.carFactMake .modelSeries .listItem .description { vertical-align: top; display: inline-block; margin: 0; flex: 1; }
.compensationPrice .similarCarModels.carFactMake .modelSeries .listItem .links { float: right; width: auto; font-weight: bold; font-size: 15px; line-height: 25px; text-align: right; display: inline-block; flex: 1; }
.compensationPrice .similarCarModels.carFactMake .modelSeries .listItem .links div { float: none; }
.compensationPrice .similarCarModels.carFactMake .modelSeries .listItem .links a { color: #5ab5b1; padding: 0; font-size: inherit; }
.compensationPriceTextLink { margin-left: 10px; font-size: 18px; font-weight: bold;}
.compensationPrice .mbsc-mobiscroll .mbsc-input input { border-bottom: 1px solid #aaa; padding-left: 7px; -moz-appearance: textfield; }
.compensationPrice .mbsc-mobiscroll .mbsc-input { margin: 0; }
.mbsc-mobiscroll .mbsc-sc-whl-multi [aria-label="modelYear"] .mbsc-sc-itm { text-align: center; }
.mbsc-mobiscroll .mbsc-sc-whl-multi [aria-label="contractLength"] .mbsc-sc-itm { text-align: center; }
.mbsc-mobiscroll .mbsc-sc-whl-multi [aria-label="yearlyKilometrage"] .mbsc-sc-itm { text-align: center; }
.compensationTechnicallySameHeader { text-transform: uppercase; }
.compensationEstimatedPriceHeader { text-transform: capitalize; }
.compensationPriceDescriptionContainer { padding: 10px 20px 20px 20px; }
.compensationHelpTextList { list-style-type: none; }
/* Add/edit car page */
.myCarForm #itemHeading select, .myCarForm #itemHeading input { width: 170px; }
.addCarError { border: 2px solid #ff0000; padding: 4px; background: #fff; margin-top: 30px;}
.addCarError ul {  margin: 0; padding: 3px 0 0 0; font-weight: bold; line-height: 1.0; list-style: none; }
.addCarError ul li { padding: 0 0 3px 5px; }
#itemImages { float: left; width: 803px; border: 1px solid #585f64; border-top: 0; background: url('/images/common/item_pages/background_images_navi.gif') repeat-y right; }
#itemImages #mainImage { float: left; position: relative; width: 535px; min-height: 390px; border-right: 1px solid #585f64; background-color: #e4e7e9; }
#itemImages #mainImage .ajax-loader { width: 100%; margin-top: 130px; height: 80px; text-align: center; }
#itemImages #mainImage .ajax-loader span { display: block; padding-top: 70px; }
#itemImages #mainImage .mainImageItem { display: none; }
#itemImages #mainImage .mainImageItem.active { display: block; }
#itemImages #mainImage .price { position: absolute; top: 7px; left: 7px; height: 32px; line-height: 32px; color: #fff; font-weight: bold; padding: 0 10px 0 10px; background: url('/images/used_cars/background_item_price.gif') repeat-x; border: 1px solid #000; }
#itemImages #mainImage .price .carPrice { float: left; font-size: 1.4em; }
#itemImages #mainImage .price .creditPrice { float: left; font-size: 1.2em; margin-left: 4px; }
#itemImages #mainImage .price a { color: #fff; }
#itemImages #mainImage a.contact { position: absolute; top: 7px; right: 7px; }
#itemImages #mainImage .innerHorizontalPositioner { width: auto; }
#itemImages #mainImage span.upload { position: absolute; top: 30px; left: 7px; }
#itemImages #mainImage span.remove { position: absolute; top: 4px; right: 7px; }
#itemImages #mainImage span.set { position: absolute; bottom: 4px; left: 7px; background: #cdcdcd; font-size: 15px; font-weight: bold; color: #000; padding: 5px 17px; border-radius: 3px; }
#imagesNavi { float: left; width: 173px; height: 364px; margin: 0 0 0 47px; overflow: hidden; }
#imagesNavi a { font-weight: bold; }
#itemImages #mainImage .mainUploadControl { position: absolute; top: 0; left: 7px; width: 250px; }
#imagesNavi #previousImg, #imagesNavi #nextImg { float: left; width: 100%; text-align: center; position: relative; z-index: 1; cursor: pointer; }
#imagesNavi #previousImg { top: 10px; width: 173px; height: 29px; }
#imagesNavi #nextImg { top: -25px; width: 173px; height: 29px; }
#thumbContainer { float: left; position: relative; width: 170px; padding: 9px 0 0 3px; height: 251px; overflow: hidden; }
#imagesNavi #thumbnailSlider { float:left; height: 5000px; position: relative; }
#imagesNavi .thumbnailDiv { float: left; width: 82px; height: 62px; margin: 0 3px 3px 0; position: relative; cursor: pointer; overflow: visible; }
#imagesNavi div table { border-collapse: collapse; width: 100%; }
#imagesNavi div table td { height: 100%; text-align: center; padding: 0; position: relative; }
#imagesNavi div table td img { border: 1px solid #535a60; }
#imagesNavi .mainThumbLabel { position: absolute; left: 10px; top: -9px; border: 1px solid #000; background: #fff; width: 60px; height: 18px; text-align: center; z-index: 2; }
#imagesNavi img.itemVideo { position: absolute; top: 35px; left: 13px; }
#imagesNavi .thumbnailDiv.active img.thumbnailImage { max-width: 76px; max-height: 56px; border: 3px solid #cc0000; }
#itemImages .fileupload { font-size: 20px; }
#itemImagesBottomBar { float: left; width: 803px; height: 30px;  background: #505149; } 
#itemImagesBottomBar #imageCount { float: left; padding: 0 20px 0 20px;  border-left: 1px solid #a2acb3; border-right: 1px solid #a2acb3; line-height: 30px; text-align: center; font-size: 1.4em; font-weight: bold; color: #fff; }
#itemImagesBottomBar .imageNavi { padding: 0 20px 0 20px; line-height: 30px; text-align: center; font-size: 1.4em; font-weight: bold; color: #fff; cursor: pointer; }
#itemImagesBottomBar .imageNavi:hover { text-decoration: underline; }
#itemImagesBottomBar .imageNavi.disabled { color: #999999; }
#itemImagesBottomBar .imageNavi.disabled:hover { text-decoration: none; }
#itemImagesBottomBar #prevImage { margin-left: 120px; width: 80px; float: left; border-left: 1px solid #a2acb3; }
#itemImagesBottomBar #nextImage { width: 80px; float: left; border-right: 1px solid #a2acb3; }
.myCarForm #itemDetailsContainer h3 { text-transform: uppercase; }
.myCarForm #itemDetailsContainer input.text { width: 76px; }
.myCarForm #itemDetailsContainer input.text.small { width: 52px; }
.myCarForm #itemDetailsContainer select { width: 103px; }
.myCarForm #itemDetailsContainer textarea { width: 220px; height: 100px; }
.myCarForm .submitButtons { float: right; margin-top: 5px; }
.myCarForm #carTypeField.default { color: #8a8a8a; }
.myCarForm span.feature.initiallyHidden { display: none; }
.myCarForm .featureGroupToggle > span.collapse { display: none; }
.myCarForm .featureGroupToggle > span.expand { display: block; }
.myCarFormNoErrors ul { margin-top: 30px; border: 2px solid green; padding: 4px; }
#activateCarItem input.default { color: #8a8a8a; }
.accessoryList { margin-top: 5px; }
.accessoryList div { padding: 1px 0 1px 5px; }
.accessoryHeader { background: #cdcdcd; height: 25px; line-height: 25px; }
.accessoryHeader div { font-weight: bold; padding: 0 0 0 8px; }
.accessoryFields { padding: 8px 0 12px 0; }
.safetyHidden, .interiorHidden, .appearanceHidden, .otherHidden { display: none; }
.otherAccessoriesToggle span { float: left; color: #5ab5b1; padding: 8px 0 0 8px; font-weight: bold; cursor: pointer; }
.myCarForm .colorContainer { width: 240px; }
#imagesNavi .multipleUploadControls { padding: 0 1px; }
#itemImages a.button { padding: 5px 15px; }
.multipleUploadControls .ajax-loader { margin: 0 auto; }
#uploadProgress { font-weight: bold; color: #fff; }
#uploadProgress .num { margin-top: 8px; }
#uploadProgress .barContainer { height: 12px; border: 1px solid #fff; margin-top: 8px;}
#uploadProgress .bar { background-color: #df4f10; height: 12px; }
#registrationNumber { text-transform: uppercase; }
.carItemContainer { width: 96%; padding: 1.5%; background: #fff; border: 1px solid #cdcdcd; border-radius: 2px; float: left; }
.carItemContainer h2 { font-size: 1.5em;font-weight: normal; }
.carItemContainer input.text { width: 210px; border: 1px solid #5ab5b1; height: 25px; *height: 18px; padding-left: 4px; border-radius: 3px; background-color: #fff;}
.carItemContainer textarea.small { width: 93%; }
.carItemContainer textarea  { width: 93%; border: 1px solid #5ab5b1; height: 75px; *height: 18px; padding-left: 4px; border-radius: 3px; background-color: #fff;}
.carItemContainer input.text.invalid, .myCarItemContainer textarea.invalid { background: #FFAAAA none; color: #333; border: 2px solid #e64415; }
.carItemContainer select { font-family: "Roboto Condensed","lucida grande",tahoma,arial,sans-serif; }
.carItemContainer .styledSelect { margin: 5px 5px 1px 5px; width: 95%; float: none; height: 30px; *height: 22px; overflow: hidden; border: 1px solid #5ab5b1; border-radius: 3px; background-color: #fff; }
.carItemContainer .styledSelect.invalid { background: #FFAAAA none; color: #333; border: 2px solid #e64415; }
.carItemContainer .styledSelect > div { width:100%; height: 30px;  overflow: hidden; background: url('/images/common/item_pages/dropdown_chevron.png') no-repeat right; }
.carItemContainer .styledSelect.title::before { content: "*"; color: red; position: absolute; font-size: 13px; margin: -7px 0 0 -7px; }
.carItemContainer .styledSelect select { width: 100%; height: 30px;  padding: 2px 1px 2px 4px; font-size: 1.0em; overflow: hidden; cursor: pointer; border: none; background: transparent; border-radius: 0; }
.carItemContainer .styledSelect select.invalid {color: #000000;}
.carItemContainer .styledSelect input.invalid {color: #000000;}
.carItemContainer .itemDetailSection {margin-bottom: 5px; }
.carItemContainer .itemDetailContent {overflow: auto;}
.carItemContainer .imagesPanel {width: 415px; height: 456px; background-color: #f2f2f2; float: left; }
.carItemContainer .equipment { float: left; width: 98%; }
.carItemContainer .equipment.gray { background-color: #f2f2f2; }
.carItemContainer .equipment span { width: 100%; float: left; line-height: 15px; }
.carItemContainer .checkboxInput { width: 100%; float: left; padding: 5px 5px 5px 0;}
.carItemContainer .equipmentSeparator { background: #cdcdcd; padding: 1px; width: 779px; display: none; }
.carItemContainer .showMoreLink { padding:5px; float: right; }
.carItemContainer .extraInfo > div { padding: 5px; }
.carItemContainer input.manualInputType { border:none; padding: 7px; width: 170px; }
.carItemContainer input.manualInputType.invalid { background-color: #FFAAAA; }
.carItemContainer .feature { display: table; }
.carItemContainer .feature .checkboxWrap { display: table-cell; vertical-align: top; width: 25px; padding-top: 8px; }
.carItemContainer .feature label { display: table-cell; padding: 13px 5px 0 0; text-align: left; }
.carItemContainer .featuresContainer { background: none; }
.carItemContainer span.requiredSelect:after { content: " *";  color: #e32;   position: absolute;   margin: -23px 0 0 70px;   font-size: 14px; }
.carItemContainer span.register { color: #5AB5B1; font-size: 23px; margin: 4px;}
.cubicCapacityInput, .powerInput { width: 75% !important; }
.cubicCapacityUnit, .powerUnit { width: 20% !important; }
.carItemButtonsContainer { float: right; margin: 10px 0; }
.carItemButtonsContainer a.button { padding: 5px 10px; }
.itemDetail { float: left; width: 100%; padding-top: 10px; }
.itemDetail .key {float: left; line-height: 30px; }
.itemDetail .checkboxWrap { padding: 5px 0px 0px 5px; float: left; width: 20px; }
.itemDetail .key.multipleRowsLabel { line-height: 16px; }
.itemDetail .key  span.required { color: red; }
.itemDetail .styledSelect { width: 95.5%; margin: 0; }
.itemDetail .styledSelect > div {width: 100%; }
.itemDetail .styledSelect select { width: 100%; }
.itemDetail h1 { padding: 5px 0;}
.itemDetail.passwordContainer .value { position: relative; }
.itemDetail.passwordContainer .value .tooltip { position: absolute; top: 6px; right: 2px; background: url('/images/common/question-circle-solid.svg') no-repeat; width: 18px; height: 20px; display: inline-block; }
.itemDetailContentLeft { float: left; width: 100%; }
.itemDetailContentRight { float:left; width: 100%; }
.loginWantedContainer .itemDetail .checkboxWrap { padding: 0 5px 0 0; } 
.itemDetailContentRight#uploadedImageWrapper { width: 93%; margin-top: 20px; padding: 10px; background: #ececec; }
.addEditCarItemForm input.text, .addEditCarItemForm textarea { background-color: #fff; border: 1px solid #5ab5b1; border-radius: 3px; height: 25px; padding-left: 4px;  width: 93%; }
.addEditCarItemForm textarea.userStory { height: 100px; }
.addEditCarItemForm span.feature.initiallyHidden { display: none; }
.addEditCarItemForm .featureGroupToggle > span.collapse { display: none; }
.addEditCarItemForm .featureGroupToggle > span.expand { display: block; }
.addEditCarItemForm .formOverlay { width: 100%; height: 100%; position: absolute; z-index: 9999; background: rgba(204,204,204,0.75); text-align: center; }
.addEditCarItemForm .formOverlay .spinner { background:  url('/images/common/image-loader.gif') no-repeat 50% 50%; position: fixed; left: 50%; top: 50%; height: 90px; width: 200px; margin-left: -100px; margin-top: -45px; }
.addEditCarItemForm .formOverlay .text { text-align: center; font-size: 18px; font-weight: bold; color: #fff; }
.addEditCarItemForm .errorMessage { color: red; font-size: 13px; margin-top: 2px; width: 97%; text-align: justify; }
#userAgreementContainer .itemDetail { display: inline-block; }
#carTypeField-autocomplete-container { z-index: 3; }
.imageUploadControls { height: 40px; }
.imageUploadControls .fileupload { font-size: 20px; }
.imageUploadControls .uploadControlWrapper { position: absolute; width: 50%; opacity: 0; filter:alpha(opacity=0); overflow: hidden; z-index: 2; }
.imageUploadControls .uploadControlCover { position: absolute; }
.addEditMainImage { padding: 13px; border: 2px solid #5ab5b1; background-color: #fff; text-align: center; }
.mainImageLabel { position: absolute; width: 100%; padding: 5px 0; top: 0; right: 0; background: rgba(90,181,177,0.35); color: #fff; font-weight: bold; }
.mainImage { width: 100%; }
.thumbnailContainer { padding-top: 10px; width: 410px; }
.addEditPageThumbnailImage { width: auto; height: auto; }
.thumbnailDiv { width: 83px; height: 60px; float: left; padding: 4px; margin: 0 5px 5px 0; border: 2px solid #5ab5b1; text-align: center; position: relative; background-color: #fff; }
.thumbnailDiv .deleteLink { color: #ff9900; font-size: 16px; width: 20px; height: 20px; display: block; position: absolute; right: -7px; top: -5px; }
.thumbnailDiv .imageContainer { display: table-cell; vertical-align: middle; width: 83px; height: 60px; } 
.explainUpload { position: absolute; width: 180px; right: 5px; font-size: 12px; font-weight: bold; }
.addEditInfoPanel {border: 1px solid #cdcdcd; border-radius: 5px; background: white; padding: 5px !important; display: none; margin: 5px; }
.addEditInfoPanel > span { font-size: 14px; color:red; font-weight: bold; }
#addEditCarEconomyPerformancePanel .itemDetail .key {float: left; width: 180px; line-height: 30px; } 
#addEditCarEconomyPerformancePanel .itemDetailContentRight { margin: 0; width: 100%; }
#addEditCarEconomyPerformancePanel .itemDetailContentLeft { width: 100%; }
.carItemContainer #addEditCarEconomyPerformancePanel .styledSelect { float: left; }
#addEditCarTitlePanel .componentContainer { display: flex; flex-direction: column; }
#addEditCarTitlePanel .errorMessage { width: 96%; margin: 0 0 0 6px; }
.locationSelectionDiv { margin: 20px 0 0 20px;}
.locationSelectionDiv .styledSelect select { width: 240px; }
.locationSelectionDiv .styledSelect { margin-top: 10px; width: 220px; margin-left: 0; }
.locationSelectionDiv .styledSelect > div {width: 220px; }
span.originText {font-size: 18px; }
.myCarFormNoErrors { background-color: #ffffff; }
#biliaLink { padding: 20px 30px; }
.colorSecondCol { width: 260px; font-weight: bold; margin-top: 10px; }
.colorContainer { display: inline-block; width: 130px; padding-top: 5px; padding-bottom: 5px; }
.colorSelectionDiv { margin: 5px 0 0 20px; }
.colorHeader { font-size: 1.3em; font-weight: bold; }
.specialColorContainer { font-weight: bold; margin-top: 10px; }
.specialColorContainer .checkboxInput { width: 20px; padding: 0px 5px 0 0; }
.colorPreviewBox { display:inline-block; width: 15px; height: 15px; }
#colorRed { background-color: #cc0001; color: #fff; }
#colorBrown { background-color: #a88043; color: #fff; }
#colorBeige { background-color: #e4d8b2; }
#colorBlue { background-color: #1760a5; color: #fff; }
#colorGrey { background-color: #aaa; }
#colorTurquoise { background-color: #14aabb; color: #fff; }
#colorSilver { background-color: #cccccc; }
#colorYellow { background-color: #ffcd64; }
#colorGreen { background-color: #389b49; color: #fff; }
#colorBlack { background-color: #000; color: #fff; }
#colorViolet { background-color: #764ad3; color: #fff; }
#topPublishButton { clear: left; margin-top: 15px; margin-bottom: 5px; }
#bottomPublishButton { clear: left; margin-top: 15px; margin-bottom: 5px; }
.announcementForm { width: 100% !important; }
.thumbnailContainer { width: 100%; }
.modal.userAgreementModal { font-size: 16px; text-align: left; }

/* Dealer info page */
#dealerPageContent { font-size: 1.1em; padding-top:1px; }
.dealerPageInfo { border: 1px solid #cdcdcd; border-radius:2px; width: 100%; background: #fff; margin: 10px 0; }
.dealerPageOfficeNameHeader { margin: 10px 0 0 10px; }
.dealerPageInfo h2 {text-transform: uppercase; }
.dealerPageInfo a {font-weight: bold; } 
.dealerPageContact { margin: 10px 0 0 10px;}
.dealerPageContactLogo { display:inline-block; vertical-align: top; width: 189px; border: 1px solid #a4acae; padding: 10px 0; text-align: center; margin: 0 10px 10px 0; }
.dealerPageContactAddress { display:inline-block; margin: 0 10px 10px 0; }
.dealerPageContactSearchLinks { display:inline-block; vertical-align: top; font-size: 1.3em; margin-bottom: 10px; }
.dealerPageContactNewCarsSales { display: inline-block; vertical-align: top; margin-right: 10px; }
.dealerPageDealership { margin-left: 10px; }
.brandDealershipHeadline { padding-bottom: 10px; }
.brandDealershipLogoContainer { display: inline-block; margin-bottom: 10px; }
.dealerPageInfoBottom { width: 100%; margin-left: 10px; }
.dealerPageInfoBottomLeft { display: inline-block; max-width: 386px; margin-bottom: 10px; }
.dealerPageInfoBottomRight { display: inline-block; max-width: 390px; vertical-align: top; margin-bottom: 10px; }
.dealerPageInfoBottomRight img { max-width: 390px; }
.dealerPageSalesPersonCont { float: left; width: 402px; border: none; background: none; }
.dealerPageMapContainer { background-color: #fff; border: 1px solid #cdcdcd; border-radius: 2px; width: 100%; }
.officeSalesPersonContainer { border-bottom: 1px solid #cdcdcd; }
.dealerPageSalesPersonsContainer { display: inline-block; vertical-align: top; }
.salesPerson { float: left; width: 200px; text-align: center; padding: 20px 0; }
.salesPersonsTitle { padding: 10px;  }
.salesPersonsTitle h2 { text-transform: uppercase; }
.salesPerson img { margin-bottom: 5px; width: 71px; height: 91px;}
#dealerMap { width: 100%; height: 550px; z-index: 1; }
#dealerMap.error { height: auto; border: none; padding: 0; font-size: 19px; }
#dealerMap .message { padding: 30px; text-align: center; color: #505149; }

/* Dealer search page */
.allDealersHeader { float: left; width: 96%; padding: 2%; margin-top: 15px; background-color: #fff; border: 1px solid #cdcdcd; border-radius: 2px; }
.allDealersHeader h1 { font-size: 15px; }
.allDealersHeader h2 { font-size: 12px; margin-top: 8px; }
.searchBox { border: 1px solid #cdcdcd; margin: 12px 0; background-color: #fff; float: left; width: 96%; padding: 2%; font-size: 1.1em; border-radius: 2px; line-height: 25px; }
.searchBox h3 { text-transform: uppercase; }
#dealerSearchString { padding-left: 20px; padding-right: 20px; width: 220px; font-size: 100%;}
#dealerSearchString.default { color: #8A8A8A; font-family: 'Roboto Condensed', Times, serif;}
.dealerSearchStringIcon { position: absolute; top: 5px; }
.dealerSearchStringIcon span { color: #cdcdcd; }
#dealerSearchStringSearchIcon { left: 4px;}
#dealerSearchStringClearIcon { right: 4px;}
#dealersCountContainer { line-height: 30px; }
#dealersCountContainer > div { float: left; }
#dealersCount { margin-left: 2px; margin-right: 2px; text-align: center; }
table.dealersList { float: left; width: 100%; margin: 6px 0; border: 1px solid #cdcdcd; border-collapse: collapse; background-color: #fff; font-size: 0.9em; border-radius: 2px;}
table.dealersList th { padding: 8px 3px; font-size: 0.9em; background-color: #fff; height: 9px; border-bottom: 1px solid #cdcdcd; }
table.dealersList th.name { width: auto; border-right: 1px solid #a2adb3; }
table.dealersList th.usedCarCount { width: auto; border-right: 1px solid #a2adb3; }
table.dealersList th.city { width: 160px; border-right: 1px solid #a2adb3; }
table.dealersList th.dealership { width: auto; }
table.dealersList td { padding: 8px 2px; border: 1px solid #cdcdcd; border-top: none; border-left: none; border-radius: 2px; }
table.dealersList td.dealership { border-right: none; }
table.dealersList tr.last td { border-bottom: none; }
table.dealersList tr.regionRow td { background: #ccc; }
table.dealersList a { color: #000; font-weight: normal; font-size: 0.9em; }
table.dealersList a h2 { display: inline; font-size: 1.1em; }
table.dealersList h4 { margin: 0; }
table.dealersList .dealerRow a { color: #4e9b96; font-weight: bold; }
table.dealersList .cityRow a.cityUsedCarsLink { font-size:1.1em; }

/* Car Facts */
.modelSeries h2 { font-size: 22px; }
.articleSearchForm .articleSearchFormRow { margin-top: 10px; }
.articleSearchForm .articleSearchFormRow .criteria { float: left; width: 200px; }
.articleSearchFormRow.checkboxInput.radioInput { width: 100%; }
.rssFeedGoogleReader { float: left; clear: both; margin-top: 10px; margin-left: 30px; }

/* Article list page */
.articlesFunctions { background-color: #fff; border: 1px solid #cdcdcd; height: 82px; padding: 24px 15px 24px 22px; border-bottom: none; }
.articlesFunctions .articleSearch { display: flex; }
.articlesFunctions .articlesSearchBar { width: 80%; height: 22px; padding: 10px 15px !important; font-style: normal; font-weight: normal; font-size: 18px; line-height: normal; margin-right: 22px; }
.articlesFunctions .submitSearchButton { background-color: #FF9900 !important; font-size: 24px; width: 15%; color: white; border-radius: 2px; text-decoration: none; text-align: center; padding-top: 7px; } 
.articlesFunctions #resultSet { margin-top: 21px; font-size: 18px; text-transform: uppercase; color: #000000; }

.articlesPageCounterContainer{ display: flex; background-color: #fff; height: 100px; margin-bottom: 13px; flex-flow: column; border: 1px solid #cdcdcd; }
.articlesPageCounterContainer.top { border-top: none; }
.articlesPageCounterContainer .articlesFilter { font-weight: bold; font-size: 14px; letter-spacing: 0.05em; text-transform: uppercase; height: 18px; }
.articlesPageCounterContainer .articlesFilter:not(.active) { opacity: 0.4; }
.listPagerCounter .listPages a { font-weight: bold; color: #499EA3; }
.listPagerCounterFas { color: #499EA3; }

.pager .listPages { display: flex; font-size: 18px; height: 100%; align-items: center; justify-content: space-around; }
.pager .listPages a span:not(.currentPage):not(.listPagerCounterFas) { opacity: 0.4; }
.articlesPageCounterContainer .pager .currentPage { font-weight: bold; font-size: 18px; line-height: 22px; }
.articlesFilters { flex: none; display: flex; justify-content: space-around; margin-top: 18px; }
.pager { flex: none; height: 53px; }
#listArticleFunctions { float: left; width: 100%; margin: 8px 0; }
#listArticleFunctions h1#headerMessage { display: inline; font-size: 1.7em; font-weight: bold; line-height: 33px; text-transform: none;}
#listArticleFunctions #resultSet { display: inline; font-size: 1.6em;  font-weight: bold;}
#articlesListContent { width: 100%; position: relative; font-size: 1.1em; }
#articlesListContent .fiveColumns { width: 100%; }
#articlesListContent #tabBar span span.count { display: none; }
.articleListContainer { float: left; width: 100%; opacity}
.listArticleRow { margin-bottom: 24px; overflow: hidden; background-color: #fff; border: 1px solid #cdcdcd; border-radius: 2px; padding: 7px 10px; }
.listArticleRow .imgCol { max-width: 20%; }
.listArticleRow .imgCol img { width: 100%; }

.articleItems .descCont { display: flex; }
.articleRowStartTime { margin-right: 22px; }
.articlesContent .title a { text-decoration: none; font-size: 20px; font-weight: bold; line-height: 1.1; color: #000000 !important; }
.articlesContent .tags { font-size: 14px; font-weight: bold; }
.articleItems .articlesContent:nth-child(3n-2) .listArticleRow { padding: 0; }
.articleItems .articlesContent:nth-child(3n-2) .listArticleRow .imgCont { width: 100%; }
.articleItems .articlesContent:nth-child(3n-2) .listArticleRow .title { padding: 7px 10px; }
.articleItems .articlesContent:nth-child(3n-2) .listArticleRow .descCont { padding: 7px 10px; }
.articleItems .articlesContent:not(:nth-child(3n-2)) .listArticleRow .imageAndTitleContent { display: flex; flex-direction: row-reverse; margin-bottom:5px; }
.articleItems .articlesContent:not(:nth-child(3n-2)) .listArticleRow .imgCont { width: 40%; text-align:right; }
.articleItems .articlesContent:not(:nth-child(3n-2)) .listArticleRow .title { width: 58%; margin-right: 7px; }

.articleItems .articlesContent .imageAndTitleContent .imgCont img { max-height: 100%; max-width: 100%; height: auto; }
.articleItems .articlesContent .imageAndTitleContent .imgCont { text-align: center;}
.articleItems .articlesContent .listArticleRow .imgCont .centeredImg { vertical-align: middle; display: table-cell; width: 800px; }
.articlesListDesktopBanner { display: none; } 
.articleMakeModelTitle { margin-bottom: 13px; }   
    
/* Article target page */
#articleContent img { max-width: 100%; height: auto; }
#articleItem .articleContent .articleGeneralInfo { padding: 10px; background-color: #fff; border: 1px solid #cdcdcd; border-radius: 2px; }
#articleItem { width: 100%; margin: 10px 0; }
#articleItem .articleContent { width: 100%; }
#articleItem .articleContent .articleGeneralInfo { width: 96%; padding: 2%; }
#articleItem .articleContent #comparisonContainer { float: left; margin: 15px 0 0 0; padding: 0 0 10px 0; width: 490px; }
#articleItem .articleContent #comparisonLayoutTable { border-collapse: collapse; border-right: 1px solid #A6ABAF;}
#articleItem .articleContent #comparisonLayoutTable td .twoRows { height: 36px; }
#articleItem .articleContent #comparisonLayoutTable .comparisonTableContent { border-top: 1px solid #A6ABAF; border-bottom: 1px solid #A6ABAF; border-left: 1px solid #A6ABAF; border-right: 0;  }
#articleItem .articleContent #comparisonLayoutTable .comparisonTableContent .comparisonFirstColumn { border: 1px solid #A6ABAF; }
#articleItem .articleContent .comparisonColBorders { border-left: 0; border-right: 1px solid #A6ABAF; vertical-align: top; border-bottom: 1px solid #A6ABAF;}
#articleItem .articleContent .comparisonHeaderBlock div { width: 138px; padding-left: 8px; height: 18px; line-height: 18px; }
#articleItem .articleContent .comparisonColBordersHeader { border-right: 0; padding-left: 5px; padding-right: 5px; vertical-align: top; font-weight: bold; border-left: 1px solid #A6ABAF; border-top: 1px solid #A6ABAF; }
#articleItem .articleContent .comparisonFirstCol { width: 101px; }
#articleItem .articleContent .comparisonSecondCol { width: 101px; }
#articleItem .articleContent .comparisonThirdCol { width: 101px; }
#articleItem .articleContent .comparisonFourthCol { width: 101px; }
#articleItem .articleContent .comparisonHeader { width: 101px; padding-left: 8px; height: 24px; line-height: 24px; border: 1px solid #55595c; background: #52595f; color: #fff; font-weight: bold; }
#articleItem .articleContent .comparisonDataBlock div { width: 101px; padding-right: 5px; padding-left: 5px; height: 18px; line-height: 18px; text-align: left; }
#articleItem #articlePhotos table.photoset { border-spacing:8px;}
#articleItem #articlePhotos table.photoset img { width:100%; }
#articleItem #articlePhotos table.gallery { border-spacing:8px; }
#articleItem #articlePhotos table.gallery .galleryPhotoContainer { display: none; width: 168px; height: 126px; }
#articleItem #articlePhotos table.gallery .galleryPhotoContainer img { width: 168px; height: 126px; border: 1px solid #535A60; background-color: #535A60; }
#articleItem #articlePhotos table.gallery .galleryPhotoContainer.active { display: block; }
#articleItem #articlePhotos table.gallery .galleryPhotoContainer .photoLink { position: relative; }
#articleItem #articlePhotos table.gallery .galleryPhotoContainer .header { position: absolute; width:100%; height: 36px; bottom: 0; left:0; text-align: center; margin-bottom: 3px; color: #fff; word-wrap: break-word; }
.articleGeneralInfo { color: #000000; }
.articleGeneralInfo .imgCont img { width: 100%; }
.articleGeneralInfo #facebookLikeButton div { display: inline; margin-bottom: 5px; margin-top: 5px; }
.articleGeneralInfo #preface { font-weight: 400; margin: 10px 0 7px 0; font-size: 22px; }
.articleGeneralInfo #articleTitle { font-size: 30px; margin-top: 4px; font-weight: 600; color: #000000; line-height: 1.1; }
.articleGeneralInfo #articleContent  { font-size: 17px; font-family: "Roboto Regular"; line-height: 1.45; }
.articleGeneralInfo #articleAuthor { font-weight: 600; font-size: 1.2em; }
.articleGeneralInfo #articleContentContainer { font-weight: 300; }
.articleGeneralInfo #mainContainer { display: flex; flex-direction: column; }
.articleGeneralInfo .articleTagInfo { margin-top: 8px; display: flex; justify-content: space-between; align-items: center; }
.articleGeneralInfo .articleTagInfo h3 { color: #CC0000; display: inline; }
.articleGeneralInfo .articleTagInfo .generalInfo { flex: 1; }
.articleGeneralInfo .articleTagInfo .socialMediaIcons { flex: 1; display: flex; justify-content: flex-end; padding-top: 0; }
.articleGeneralInfo .articleTagInfo .socialMediaIcons img { margin-right: 10px; }
.articleGeneralInfo .articleTagInfo .socialMediaIcons #mailToLink img { margin-right: 0; }
.articleGeneralInfo .articleTagInfo .articleDate { font-size: 1em; display: inline-block; line-height: 13px; font-weight: 300; width: 100px; }
.articleGeneralInfo .articleTagInfo .messages { font-size: 15px;}
.articleGeneralInfo .articlecommentsMessage { font-size: 15px; font-weight: bold;  margin-top: 20px; margin-bottom:  10px; }
#latestArticles .empty { height: 50px; }
#latestArticles .header { text-align: left; margin-bottom: 10px; display:inline-block; text-transform: none }
#latestArticles .header .title { font-size: 24px; display:inline-block; margin-right: 22px; }
#latestArticles .content { width: 100%; height: auto; min-height: 100px; }
#latestArticles .content .listItem { display:inline-block; width: 48%; vertical-align: top; margin: 0 15px 10px 0; }
#latestArticles .content .listItem:nth-child(2n+2) { margin-right: 0; }
#latestArticles .content .item .image { height: 190px; border: 1px solid #ccc; }
#latestArticles .content .item .image img { width: 100%; height: 190px; }
#latestArticles .content .item .info { height: 119px; background-color: #fff; border: 1px solid #ccc; text-align: center; position: relative; }
#latestArticles .content .item .info .title { display: block; margin: 10px 10px 0 10px; word-wrap:break-word; font-weight: bold; font-size: 1.2em; color: #4e9b96; text-decoration: none;  }
#latestArticles .content .item .info .preface a { color: #333333; }
#latestArticles .content .item .info span { font-size: 20px; }
#latestArticles .content .item .info div {  position: absolute; bottom: 10px; width: 100%; }
#latestArticles .content .item .info span.articleComment { margin-left: 15px;}
#latestArticles .content .item .info span:first-letter { text-transform: uppercase;}
#latestArticles .content .item .comment { float:left; width:100%; margin-top: 15px; }
#latestArticles .content .item .comment .quotes { float:left; width:24px; height: 20px; background: url('/images/articles/article_quote.png') no-repeat; margin-right: 10px;}
#latestArticles .content .item .comment .commentContent { float:left; max-width: 430px; }
#latestArticles .content .item .comment .heading { float:left; width: 100%; }
#latestArticles .content .item .comment .title { font-size: 1.2em; font-weight: bold; margin-right: 10px; }
#latestArticles .content .item .comment .commentInfo { float: left; padding-top: 5px; width: 100%; font-style: italic; }
#latestArticles .content .separator { float:left; width: 96%; height: 1px; border-bottom: 1px solid #cdcdcd; margin: 10px; }
.latestArticlesContainer #latestArticles .content { display: flex; flex-flow: wrap; justify-content: space-between; margin: 0; }
.latestArticlesContainer #latestArticles .content .listItem { width: 100%; margin: 0 0 10px 0; }
.latestArticlesContainer #latestArticles .content .item .image { height: auto; border: 1px solid #ccc; width: 100vw; display: table-cell; vertical-align: middle; background: #eee; text-align: center; }
.latestArticlesContainer #latestArticles .content .item .image img { width: 100%; height: 100%; }
.listAllArticlesLink { text-align: center; font-weight: bold; font-size: 16px; display:inline-block; }

/* Service announcements page */
#announcements { border-top: 1px solid #535a60; width: 100%; margin-bottom:10px; }
.announcementHeader { color: #fff; float: left; width: 100%; border: 1px solid #535a60; border-top: 0;  background-color: gray; }
.announcementHeaderText { float: left; font-weight: bold; padding: 5px 8px 8px 8px; border-left: 1px solid #535a60; }
.announcementBox { float: left; width: 100%; border: 1px solid #535a60; border-top: 0; padding-bottom: 8px; background-color: #fff; }
#noAnnouncementsFound { color: #cc0000; }

/* Feedback pages */
#feedbackContainer form { background: #fff; font-size: 13px; margin-top:10px; padding: 30px; border: 1px solid #cdcdcd; border-radius: 2px; }
#feedbackContainer form label { font-weight: normal; display: block; }
#feedbackContainer form label.display-inline-block { display: inline-block; }
#feedbackContainer form .checkboxInput label { display: inline; }
#feedbackContainer input.textInput { margin: 2px 0 6px 0; width: 175px; border: 1px solid #b5b5b5; padding-left: 5px; }
#feedbackContainer textarea.comments { width: 546px; height: 93px; margin-bottom: 8px; margin-top: 2px; border: 1px solid #b5b5b5; }
#userFeedbackPanel { clear: both; }
#userFeedbackContainer form { background: #fff; border: 1px solid; border-radius: 2px; padding: 30px; }
#userFeedbackContainer form label { font-weight: normal; display: block; margin-top: 20px; }
#userFeedbackContainer form button[type=submit] { padding: 5px 30px; font-size: 14px; margin-top: 10px; }
.userFeedbackTextarea{ width: 100%; }
#feedbackForm .radioInput label { display: inline; }

/* Sell your car */
.sellYourCarLeft { width: 100%; float:left; }
.sellYourCarHeader {float: left; background-color: white; border: 1px solid #cecece; font-size: 1.4em; padding: 10px; min-height:340px; width: 97%; margin-top: 10px;}
.sellYourCarHeader span.check {color: #5ab5b1; margin-right: 5px;}
.sellYourCarHeader h1 { font-size: 3.3em; font-weight: bold; margin: 22px 0 0 20px; padding: 0; color: #5ab5b1;  }
.sellYourCarHeader a.sellYourCarListItem { padding:10px; display: inline-block; border: none; width: 220px;  color: #fff;  font-size: 1.1em; font-weight: bold;  cursor: pointer;  text-transform: uppercase;  font-family: 'Roboto Condensed', serif;  background-color: #ff9900; border-radius: 3px;  text-decoration: none; text-align: center; }
.sellYourCarHeader > div, .sellYourCarContent > div { padding: 10px; }
.sellYourCarContent span {font-size: 1.4em;}
.contentStep1 {  margin-left: 20px; }
.contentStep2 {  margin-left: 20px; }
.sellYourCarContent span.bullet {color: #5ab5b1; margin-right: 5px; float: left; font-size: 1.1em; margin-top: 4px; }
.sellYourCarContent span.bulletText {width: 89%; float: left; margin-bottom: 5px; }
.sellYourCarRight { width: 100%; float: left; }
.sellYourCarHelpDesk { background-color: white; border: 1px solid #cecece; font-size: 1em;  width: 82%; min-height: 100px; margin: 10px 0; padding: 9%;}
.sellYourCarHelpDesk .contactsFont {font-size: 1.3em;}
.sellYourCarLinks { width: 80%; min-height: 150px; background-color: white; border: 1px solid #cecece; padding: 10%; margin-top: 10px; }
.sellYourCarLinks a { font-size: 1.3em; margin-top: 10px; }
.sellYourCarContent { width: 100%; background-color: white; border: 1px solid #cecece; margin: 10px 0; float: left; }

/* Link generator */
.linkGenerator .left { float: left; width: 700px; background-color: #fff; border: 1px solid #cdcdcd; border-radius:2px; padding: 10px; margin-top: 10px;}
.linkGenerator .right { float: left; width: 228px; border: 1px solid #cdcdcd; margin-top: 10px; margin-left: 5px; text-align: left; padding: 10px; background-color: #fff; }
.linkGenerator .right ul { margin: 10px 0 0 0; padding-left: 15px; line-height: 16px; }
.linkGenerator .security { float: left; margin-top: 20px; width: 600px; border: 1px solid #999; padding: 10px; }
.linkGenerator .security input { width: 100px; }
.linkGenerator .security .p { padding: 0 10px 0 0; background: url('/images/common/plus.png') no-repeat 0 1px; }
.linkGenerator .security .e { padding: 0 10px 0 0; background: url('/images/common/equal.png') no-repeat 0 1px; }
.linkGenerator .mandatoryFields { float: left; width: 730px; margin-top: 5px; }
.linkGenerator .createLinks { float: left; width: 730px; margin-top: 20px; }
.linkGenerator a { font-weight: bold; }
.linkGenerator .preview { float: left; width: 730px; margin-top: 20px; }
.linkGenerator .preview a { cursor: pointer; }
.linkGenerator .previewWindow { width: 600px; border: 1px solid #999; margin-top: 5px; padding: 10px; font-weight: bold; }
form.default .selections span.required { font-size: 0.8em; }
.selections div { float: left; }
.selections > div { width: 730px; padding: 5px 0 5px 0; }
.selections > div .header { width: 146px; }
.selections select { width: 200px; }
.selections select.typeSelect { width: 340px; }
.selections  { float: left; width: 730px; padding: 10px 0 0 0; }
.copyLinks { float: left; width: 730px; }
.copyLinks div { float: left; }
.copyLinks h2 span { font-size: 0.8em; font-weight: normal; padding-left: 25px; }
.copyLinks .row { width: 730px; padding: 5px 0 5px 0; }
.copyLinks > div .header { width: 115px; font-size: 14px; }
.copyLinks input, .copyLinks textarea { width: 473px; }
.copyLinks textarea { height: 35px; padding: 0;}
.copyLinks .typeLink { position: relative; top: -15px; }
.copyLinksAndStyles { float: left; width: 730px; margin-top: 20px; }
.copyLinksAndStyles textarea { width: 620px; height: 140px; margin-top: 5px; }

/* Login page */
.normalLoginPanel { width: 45%; display: inline-block; }
.facebookLoginPanel { width: 45%; display: inline-block; vertical-align: top; }
.normalLoginPanel #password { margin-bottom: -3px; }
.normalLoginPanel .loginPanelSubmitButton { margin-top: 6px; }
.normalLoginPanel #forgotPasswordLink { cursor: pointer; }
.loginPanelInputContainer { margin-bottom: 10px; margin-top: 10px; padding-right: 8px; }
#loginContainer { background: #fff; font-size: 13px; margin-top:10px; padding: 30px; border: 1px solid #cdcdcd; border-radius: 2px; }
#loginContainer form label { font-weight: normal; display: block; }
#loginContainer form label.display-inline-block { display: inline-block; }
#loginContainer form .checkboxInput label { display: inline; }
#loginContainer input.textInput { margin: 2px 0 6px 0; width: 175px; border: 1px solid #b5b5b5; padding-left: 5px; }
#loginContainer a.loginbutton { display: inline-block; border: none; color: #fff; font-size: 1.2em; font-weight: bold; cursor: pointer; text-transform: uppercase; font-family:'Roboto Condensed', serif; background-color: #5ab5b1; border-radius: 3px; margin: 0; padding: 5px 10px; }
#loginContainer a.facebook { background-color: #3b5998; margin-top: 3px; }
#loginContainer #registrationLink { margin: 10px 0px 20px 0px; }
#accountLessUserForm { margin-top: 30px;}
#userAlreadyLogin { background: #fff; font-size: 13px; margin-top:10px; padding: 30px; border: 1px solid #cdcdcd; border-radius: 2px; }
#userAlreadyLogin span { font-weight: normal; display: block; }
#login .firstNameAndLastName { color: white; font-weight: bold; font-size: 12px; }

/* Change password */
#confirmNewPasswordForm { float: left; margin: 15px 0 0 10px; border: 1px solid #cdcdcd; background-color:#fff; padding: 10px; }
#confirmNewPasswordForm .invalid { border: 1px solid #f00; }

/* MyGarage front page */
.welcomeText ul li { line-height: 18px; padding-top: 8px; }
.welcomeRegister { float: left; margin: 20px 0 7px 0; padding: 5px 0 20px 0; }
.welcomeRegister a.facebookLoginButton > span { color: inherit; line-height: inherit; padding-left: 0; }
.myGarageRegisteredUserWelcomeBlock { background-color: #fff; border: 1px solid #cdcdcd; border-radius:2px; padding: 0; }
.myGarageSectionBlock { float: left; background-color: #ffffff; border: 1px solid #cdcdcd; border-radius: 2px; width: 100%; min-height: 150px; margin-top: 10px; margin-right: 0; font-size: 14px; }
.myGarageSectionBlock.lst{ margin-right: 0; }
.myGarageSectionBlock .myGarageBlockContent ul { font-size: 1.3em; margin: 0; padding: 0; font-weight: bold; list-style-type: none; }
.myGarageSectionBlock .myGarageBlockContent li { line-height: 20px; }
.myGarageBlockContent{ margin: 10px; }
.myGarageFrontPageWelcomeSection { width: 100%; background-color: #fff; border: 1px solid #cdcdcd; border-radius:2px; margin-top: 5px; float: left; font-size: 14px; }
.myGarageFrontPageWelcomeSection .welcomeText h1 { padding-bottom: 6px; }
.myGarageList { padding: 0; margin-left: 20px; }
.myGarageList span.check {color: #5ab5b1; margin-right: 5px; float: left;}
.myGarageList span.checkText { margin-bottom: 5px; width: 89%; float: left;}
.linkSections .selectCarDropDown { border: 1px solid #B5B5B5; padding: 1px; font-size: 0.8em; font-family: "lucida grande",tahoma,arial,sans-serif; }
.linkSections a { font-weight: bold; }

/* My Garage - my cars list */
#rightBanner .helpBox { margin: 18px 0 0; padding: 0; font-weight: bold; border: 1px solid #cdcdcd; border-radius:2px; background-color: #fff; }
.helpBox.sellYourCarPanel { display: none; }
.helpBox .header { margin: 0; padding: 5px 7px; }
.helpBox .content { margin: 0; padding: 10px 5px; }
.helpBox .content div { margin-top: 5px; }
#rightBanner #identifyPanelHelpBox { margin-top: 23px; font-weight: bold; background-color: #fff; border:1px solid #cdcdcd; border-radius:2px; color:#000; padding: 10px;}
#identifyPanelHelpBox .header { margin: 0; padding: 5px 8px; height: 8px; line-height: 8px; border: 1px solid #535a60; background: url('/images/my_garage/mygarage_helpbox_header_bg.png') repeat-x top left; }
#identifyPanelHelpBox .content { margin: 0; padding: 10px 8px 15px; border: 1px solid #000004; border-top: none; background-color: #93c475; }
#identifyPanelHelpBox .content a { font-weight: bold; }
.activeCarHeader { font-size: 1.3em; }
.myCarsListing .sectionBlock { padding: 0; width: 100%; }
.myCarsListing .sectionBlock>div { border-right: 1px solid #cdcdcd; padding: 10px; display: table-cell; vertical-align: middle; }
.myCarsListing .image { width: 10%; min-width: 82px; background-color: #505149; text-align: center; }
.myCarsListing .image img { border: 1px solid #555a60; }
.myCarsListing .name { width: 45%; font-size: 16px; font-weight: bold; }
.myCarsListing .state { width: 10%; min-width: 72px; border-right: 0 !important; }
.myCarsListing .sectionBlock>.actions { width: 98%; border: 0; display: block; padding: 10px 1%; border-top: 1px solid #cdcdcd; }
.myCarsListing .sectionBlock>.actions a {font-weight: bold;}
.myCarsListing .actions a { display: block; }
.myCarsButton { float: right; margin: 10px 0 20px 0; }
.myCarsLeftButton { float: left; margin: 10px 0 0 0; }

/* My Garage - My searches */
.mySearchesListHeader { float: left; width: 100%; margin-top: 15px; font-size: 15px; font-weight: bold; }
.mySearchesListHeader.newCars { margin-top: 0; }
table.mySearches { float: left; width:100%; margin: 4px 0; border: 1px solid #535a60; border-collapse: collapse; }
table.mySearches th, table.mySearches td  { padding: 4px; }
table.mySearches th { background-color: #cdcdcd; height: 9px; border-bottom: 1px solid #535a60;}
table.mySearches th.name { width: 40%; border-right: 1px solid #a2adb3; }
table.mySearches th.watchInUse { width: 20%; border-right: 1px solid #a2adb3; }
table.mySearches th.validUntil { width: 15%; border-right: 1px solid #a2adb3; }
table.mySearches th.actions { width: 25%; }
table.mySearches td { background-color: #fff; border: 1px solid #a2adb3; border-top: none; border-left: none; }
table.mySearches td.watchInUse { text-transform: uppercase; }
table.mySearches td.validUntil { text-transform: uppercase; }
table.mySearches td.actions { border-right: none; text-transform: uppercase; /*font-size: 0.9em;*/ }
table.mySearches td.actions > div { padding: 6px 0; /* border-right: 1px solid #a2adb3; */}
table.mySearches  a { font-weight: bold; }
.mySearchesButtons { float: left; margin: 10px 0 0 0; }
.myLeftSaveSearchesButton { float: left; clear: left; margin: 10px 0 0 0; }

/* My Garage - My favorites */
.favorites h1 { margin-top: 10px; }
.favorites .listRow { width: 100%; background: #fff; }
.favoritesDisclaimerText { padding-bottom: 16px; font-size: 1.3em; text-align: center; }
.compareFavorite{ margin-top: 30px; float: left; width: 800px; }

/* Media info page */
.mediaInfoContainer { float: left; width: 980px; margin-top: 10px; }
.mediaInfoLeft { float: left; background-color:#fff; border:1px solid #cdcdcd; border-radius:2px; padding:10px; margin-right:10px; height: 573px; }
.mediaInfoLeft div.introduction { width: 517px; padding: 10px 0 0 0; font-size: 1.2em; }
.mediaInfoBottom { margin-top: 30px; }
.mediaInfoBoxLeftContainer { width: 180px; line-height:81px; color: #fff; display: inline-block; }
.mediaInfoBoxHeader { margin-left: 10px; font-size:1.5em; }
.mediaInfoBoxRightContainer { width:250px; display: inline-block; vertical-align: middle; margin-left: 20px; font-weight: bold; }
.mediainfoLink { margin-bottom:5px; display: block; font-size: 1.125em; }
.mediaInfoRight { float: left; width: 420px; border: 1px solid #cdcdcd; }
.mediaInfoBox { height: 81px; margin-top: 10px; background: #fff url('http://dsu2f16ugr2z8.cloudfront.net/images/mediainfo/mediainfo_div_background.jpg') no-repeat; }

/* My garage - Personal information */
#personalInformation { margin: 0 0 10px; border: 1px solid #535a60; }
#personalInformation input.text {  width: 223px; font-size: 1.0em; }
#personalInformation .separator { margin: 5px 0 5px -8px; width: 267px; height:0; border-bottom: 1px solid #a3acb3; }
#personalInformation > div { float: left; width: 250px; height: 320px; padding: 8px; border-right: 1px solid #a3acb3; font-weight: bold; }
#personalInformation input { clear: both; }
#personalInformation .usernameAndPassword { background-color: #e3e7ea; }
#personalInformation .nameEmailPhone { position: relative; }
#personalInformation .nameEmailPhone .requiredContainer { position: absolute; bottom: 12px; }
#personalInformation .addressOthers { border-right: none; position: relative; }
#personalInformation .addressOthers .submitButtons { position: absolute; bottom: 8px; width: 252px; }
#personalInformation .checkboxes { font-weight: normal; }
#personalInformation .fbImage { float: left; margin-right: 5px; }
#personalInformation .fbChangePassword { font-size: 1.1em; height: 20px;}
#personalInformation .fbRemove { font-weight: normal; font-size: 1.2em; }
#personalInformation .fbRemoveCheckbox { float: left; margin-right: 10px; }
#personalInformation > div { width: 98%; height: auto; padding: 1%; border: 0; }
#personalInformation .separator { width: 100%; margin: 7px 0 14px 0; }
#personalInformation .nameEmailPhone .requiredContainer { position: static; margin-top: 10px; }
#personalInformation .addressOthers .submitButtons { position: static; margin-top: 10px; }
.personalInformationContent .verifyIdentityBox, .personalInformationContent .removeAnnouncementBox { margin-bottom: 10px; padding: 8px 8px 5px 8px; border: 1px solid #cdcdcd; background-color: #fff; border-radius: 2px; }
.personalInformationContent .boxLinkContainer { width: 220px; float: right; }
.personalInformationContent .boxLinkContainer a { float: right; }
.personalInformationContent .verifyIdentityBox p, .personalInformationContent .removeAnnouncementBox p { margin-top: 6px; }
.personalInformationContent .verifyIdentityBox a.button { height: 20px; width: 165px; }
.personalInformationContent .verifyIdentityBox a.button span { line-height: 20px; }
.personalInformationContent .boxLinkContainer, .personalInformationContent .boxLinkContainer a { float: none; }
.personalInformationContent .fbAccountRemoveContainer { padding: 15px 0; }
.personalInformationContent a.facebookLoginButton > span { color: #4e9b96; }
.changePasswordHeader { font-size: 1.5em; font-weight: normal; }
.nameEmailPhone { width: 250px !important; }
.addressOthers { width: 250px !important; clear: both; }

.modal.changePassword { font-size: 16px; text-align: left;}


/* MyGarage -  Identity verification */
.identityFormBox { float: left; width: 100%; border: 1px solid #333; background: #fff url('/images/my_garage/background_form_box.gif') repeat-x bottom; padding-bottom: 20px; }
.identityFormBoxHeader { float: left; width: 100%; background: #e3e7ea; height: 25px; line-height: 25px; font-weight: bold; }
.identityFormBoxHeader div { padding-left: 10px; }
.boxFiveColumns { float: left; width: 803px; }
ol#identificationPhases img.checkedImage { display: none; }
ol#identificationPhases li.checked img.checkedImage { display: inline; }
.identityVerificationInstructions { font-size: 1.2em; }
.identityVerificationInstructions ol { line-height: 20px; list-style-position: inside; padding: 0; margin: 5px 0 0 0; }
.identityVerificationInstructions ol li { padding-left: 20px;  }
.identityVerificationInstructions .checked { position: relative; }
.identityVerificationInstructions .checked img { position: absolute; left: 8px; }
.identityVerificationInstructions .currentPhase { font-weight: bold; }
.identityVerificationForm { font-size: 1.1em; }
.identityVerificationForm input.text { width: 185px; }
.identityVerificationForm .identificationCodeInfo { margin-top: 20px; background: none repeat scroll 0 0 #E3E7EA; }
.identityVerificationForm .identificationCodeInfo div { margin: 20px 5px 5px 10px; }
.identificationCompleted #linkToSellYourCarAfterIdentification { font-size:1.2em; }
.tupasAuthenticationField { float: left; margin: 0 0 10px 10px; }
.webBankMissingContainer { margin-left: 8px; clear: both; }
.webBankContainer { margin: 0 0 10px 20px; vertical-align: middle; display: inline-block; width: 100px; text-align: center; }
.webBankContainer > form > input[type="image"] { max-width:100px; }

/* CMS - Personal information */
#cssBox > form > div {background-color: #fff; border: 1px solid #cdcdcd; border-radius:2px; }
.cmsPersonalInformation { margin: 0 0 10px; border: 1px solid #cdcdcd; border-radius: 2px; background-color: #ffffff;  font-size: 1.1em; }
.cmsImageInformation {margin: 0 11px 10px 0; border: 1px solid #535a60; float: left; width: 395px; }
.cmsImageInformation img { height: 50px; }
.cmsCredentials {margin: 0 0 10px; float: left; width: 395px; }
.cmsCredentialsData {padding: 20px; height: 104px; }
.cmsCredentialsData label {width: 140px; float: left; font-weight: bold; }
.rightLabel {padding-left: 20px; }
.cmsPersonalDataCol {float: left; width: 50%; }
.cmsPersonalDataCol label {width: 140px; float: left; font-weight: bold; }
.cmsPersonalData {padding: 20px; }
.cmsHeader {padding-left: 20px; }

/* CCS - Front Page */
.welcomeText.contractCustomerFrontpage { margin-bottom: 8px; font-size: 1.3em; }
.welcomeText.contractCustomerFrontpage .welcomeGreeting { font-size: 1.6em; font-weight: bold; margin: 10px 0 0 10px; }
.welcomeSection { background-color: #fff; border: 1px solid #cdcdcd; border-radius:2px; width: 100%; margin-top: 5px; float: left; }
.contractCustomerFrontpageText { margin: 10px 0 0 10px; }
.ccsFrontPagePager { text-align:center; }
.contractCustomerOfficesList ul { list-style-type: none; padding: 0; }
.contractCustomerFrontpageContactInfo { margin: 10px 0 10px 10px; }
.contractCustomerFrontPanel {background-color: #fff; border: 1px solid #cdcdcd; border-radius:2px; width: 100%; margin-top: 10px; font-size: 1.1em; float: left; }
.contractCustomerFrontPanel a {font-weight: bold;}
table.ccsUserList { float: left; width: 100%; border-collapse: collapse; margin: 10px 0 0 0; border: 1px solid #cdcdcd; border-radius:2px; background-color: #fff; }
table.ccsUserList th { padding: 5px; background-color: #e3e7ea; border: 1px solid #cdcdcd; }
table.ccsUserList td { padding: 5px; border: 1px solid #cdcdcd; font-weight: bold; }
.ccsFormBoxHeader { float: left; width: 100%; height: 25px; line-height: 25px; font-weight: bold; }
.ccsFormBoxHeader div { padding-left: 10px; }
.boxSixColumns { float: left; width: 803px; }
.boxThreeColumns { float: left; width: 396px; }
.boxTwoColumns { float: left; width: 263px;  }
.boxOneColumn { float: left; width: 125px; }
.boxDivider11px { margin-left: 11px; }
.boxDivider9px { margin-left: 9px; }
.boxDivider8px { margin-left: 8px; }
.officeAdminLinkSectionContainer{ margin: 20px 0; }
.officeAdminLinkSection { display: inline-block; margin: 10px; vertical-align: top; width: 200px; }
.officeAdminLinkSectionHeader { margin-left: 10px; }
.officeAdminLinkSectionList { list-style-type: none; margin: 10px; padding: 0; }
.contractCustomerAddCarButtonWrapper{ text-align: right; }
.contractCustomerListSortPanel { width: 100%; background-color: #fff; border: 1px solid #cdcdcd; border-radius: 2px; margin-top: 5px; }
.contractCustomerListSortForm { padding: 8px 0 0 8px; }
.contractCustomerListSelectWrapper { display: inline-block; }
.contractCustomerListSelectWrapper .select2-container { width:120px !important; }
.contractCustomerListCheckBox { margin: 5px 0 0 5px; line-height: 25px; display: inline-block; }
.contractCustomerListSpinner { vertical-align: middle; width: 25px; height: 25px; display: inline-block; }
.contractCustomerListSortLinkWrapper { text-align: right; margin-bottom: 5px; }
.contractCustomerAttachPanelToParentContainer { margin-top: 0; border-top: 0; }
.contractCustomerUserForm{ background-color: #fff; border: 1px solid #cdcdcd; border-radius: 2px; margin-top: 10px; }
.contractCustomerUserForm input.text { width: 145px; }
.contractCustomerUserForm input.text100 { width: 100px; }
.contractCustomerUserForm select { width: 150px; }
.contractCustomerUserForm textarea { width: 324px; height: 100px; }
.contractCustomerUserForm table { border-collapse: collapse; margin-top: 10px; }
.contractCustomerUserForm table th { padding: 3px 3px 3px 10px; }
.contractCustomerUserForm table th { text-align: left; width: 120px; }
.contractCustomerUserForm table td span { font-weight: bold; color: #cc0001; }
.display-flex .contractCustomerUserForm { flex: 1 50%; }

.contractCustomerPersonalInfoPasswordContainer { display: inline-block; vertical-align: top; min-height: 150px; }
.contractCustomerChangePasswordTable { margin: 0 10px 10px 0; }
.contractCustomerPersonalInfoOfficesContainer { display: inline-block; width: 100%; }
.contractCustomerPersonalInfoOfficeList { margin: 10px; }
.contractCustomerPersonalInfoBlock { display:inline-block; vertical-align: top; }
.contractCustomerPersonalInfoImageContainer{ display: inline-block; min-height: 150px; }
.ccsFormBox input.text { width: 180px; }
.ccsFormBox input.text100 { width: 100px; }
.ccsFormBox select { width: 185px; }
.ccsFormBox textarea { width: 324px; height: 100px; }
.ccsFormBox table { border-collapse: collapse; margin-top: 10px; }
.ccsFormBox table th, .ccsFormBox table td { padding: 3px 3px 3px 10px; }
.ccsFormBox table th { width: 80px; }
.ccsFormBox table td span { font-weight: bold; color: #cc0001; }
.boxSixColumns.ccsFormBox, .boxThreeColumns.ccsFormBox { background-color: #fff; border:1px solid #cdcdcd; border-radius:2px;}
.personalImageButtons { display: inline-block; }
.personalImage { display:inline-block; margin: 10px 10px 10px 20px; }
.personalImage img { max-width: 140px; max-height: 200px; }
.boxHeight120 { min-height: 120px; }
.boxHeight190 { min-height: 190px; }
#officeCarSortLink a { font-weight: bold; }
#officeCarSortLink .ccsToggleArrow { cursor: pointer; padding-right: 13px; }
#officeCarSortLink .ccsToggleArrow.open { cursor: pointer; padding-right: 13px; }
.ccsOfficeStockListNavi { margin-top: 10px; font-weight: bold; line-height: 23px; }
.ccsCarsPerPage { display: inline-block; float: right; }
table.ccsOfficeStockList { float: left; width: 100%; border-collapse: collapse; margin-top: 3px; border: 1px solid #cdcdcd; line-height: 15px; background-color: #fff; }
table.ccsOfficeStockList td { padding: 8px; border: 1px solid #cdcdcd; vertical-align: top; }
table.ccsOfficeStockList td.ccsOfficeStockListImage { width: 100px; padding: 8px 0 8px 0; background: #505149; border-right: 0; text-align: center; }
table.ccsOfficeStockList td.ccsOfficeStockListImage img { border: 1px solid #999; }
table.ccsOfficeStockList td.ccsOfficeStockListDetails { width: 350px; border-left: 0; }
table.ccsOfficeStockList a { font-weight: bold; }
.dealerImageButtons { float: left; width: 300px; padding: 5px 0 0 8px; min-height: 35px; }
.dealerImage { float: left; width: 251px; padding: 0 0 10px 10px; height: 110px; margin-top: 10px; }
.boxTargetPage { float: left; width: 155px; }

/* CCS - statistics */
#ccsStatisticsSearchCriteriaForm #chooseTimeFrame > div { float: left; }
#ccsStatisticsSearchCriteriaForm #dateSelectors input { width: 80px; }
#officeStats > div { width: 768px; }
#officeStats input[type="text"] { width: 230px; }
#officeStats .expandable { float: left; width: 9px; height: 9px; margin: 2px 4px 0 0; background: url('/images/common/widgets/expand-collapse.png') no-repeat 0 0; }
#officeStats .expanded { background-position: -9px 0; }
#officeStats .expandedStats { margin: 8px 0; }
#officeStats .expandedStats .timeUnit { padding-left: 14px; }
#officeStats .bar { background-color: red; }
#officeStats #summaryTab table { width: 375px; }
#officeStats #summaryTab table.summaryTotals { width: 576px; }
#officeStats #summaryTab .view { margin-top: 8px; float:left; width: 375px; border: 1px solid #52595F; }
#officeStats #summaryTab .totals { margin-top: 8px; float:left; width: 375px; margin-left: 16px; }
#officeStats #officeSpecificTab table { width: 765px; border: 1px solid #52595F; }
#officeStats #carSpecificTab table { width: 765px; border: 1px solid #52595F; }
#officeStatisticsTab, #invoicedCarsHistoryTab { background-color: #fff; }
#officeStatistics li.ui-state-default, #statisticsTabs li.ui-state-default { background: #cdcdcd none; border-left: 1px solid #52595f;}
#officeStatistics li.ui-state-default.ui-tabs-selected.ui-state-active, #statisticsTabs li.ui-state-default.ui-tabs-selected.ui-state-active { background: #505149 none; }
#invoicedCarsHistoryStats #carsHistoryTab table { width: 375px; border-spacing: 20px;}
#carsHistoryTabStatisticsContainer { border: 1px solid #52595F; }
#statisticsSummaryTotalsLabel div { width: 300px; }

/* CMS front page */
#cmsActions { float: right; position: relative; overflow: visible; width: 176px; height: 27px; background: url('/images/common/skeleton/navi_divider.gif') no-repeat top left; cursor: pointer; z-index: 1001;}
#cmsActions .title { float: left; width: 139px; font-size: 1.3em; line-height: 27px; padding-left: 16px; background: url('/images/common/skeleton/navi_divider.gif') no-repeat top right; color: #ffffff; }
#cmsActions .title a { color: white; text-decoration: none; }
.welcomeCmsGreeting1 { float: left; width: 100%; font-size: 2em; color: #fff; margin-left: 20px; }
.welcomeCmsGreeting2 { float: left; width: 100%; margin: 10px 0 0 0; font-size: 1.2em; background-color: #fff; border: 1px solid #cdcdcd; border-radius:2px; }
.welcomeCmsGreetingInfo { margin-left: 20px; margin-top: 10px; }
.welcomeTitle { text-transform: uppercase; }
#cmsSearchPanelContent { float: left; width: 690px; border: 1px solid #cdcdcd; border-radius:2px; position: relative; margin-left: 55px; margin-bottom: 10px; }
#cmsSearchPanelContent input { margin-top: 10px; width: 159px; }
#cmsSearchPanelContent input.text1 { width: 667px; }
#cmsSearchPanelContent select { margin-top: 10px; width: 165px; }
#cmsAddNewArticleLink a.button.large  { font-weight: lighter; }
#cmsSearchPanelContent a.button.extralarge  { font-weight: normal; }
#cmsSearchPanelTitle { margin-top: 0; width: 688px; }
.cmsArticleListTable { width: 805px; margin-top: 10px; }
.cmsArticleListTable th { text-align: inherit; }
.cmsArticleListTable th a { color: #333; font-weight: bold; }
.cmsArticleListTable td a { font-weight: normal; }
.cmsArticleListTable th a.active { font-weight: bold; color: #ff9900; }
.cmsArticleListTable th span { font-weight: bold; }
.cmsArticleListTable th, .cmsArticleListTable td { padding: 5px 5px 5px 15px; }
.cmsArticleListTable th.title { width: 200px; }
#cmsArticlesContainer { font-size: 1.1em; color: #000000; background-color: #fff; border: 1px solid #cdcdcd; border-radius:2px; }
#cmsArticlesContainer .fiveColumns { width: auto; float: left; display: inline; }
#cmsArticlesContainer .listNavi { width: 805px; }
#cmsArticlesContainer .listNavi #sortOrderAndResultsPerPage { width: 170px; padding-top: 5px; padding-left: 10px;}
#cmsArticlesContainer .listNavi #sortOrderAndResultsPerPage .resultsPerPageLabel { margin-top: 5px; }
#cmsArticlesContainer .listNavi .listPagerContainer { margin-top: 5px; }

#cmsArticlesContainer .listRow { width: 785px; }
.listNavi.listNaviBottom { padding-bottom: 10px; }
span.targetPageArticleLink { color: #000; }

/* Article Add Edit Page */
#addEditArticleForm { width: 978px; padding-top: 10px; position: relative; z-index: 2; }
#addEditArticleForm .formButtons { height: 30px; }
#addEditArticleForm .formButtons .button { float: right; margin-left: 10px; }
#addEditArticleForm .half { width: 50%; float: left; }
#addEditArticleForm .leftContent { padding-right: 8px; }
#addEditArticleForm .rightContent { padding-left: 8px; }
#addEditArticleForm .articleBox { display: block; border: 1px solid #cdcdcd; margin-bottom: 14px; background-color: #fff; font-size: 1.1em; }
#addEditArticleForm .articleBox h3 {  height: 21px; font-size: 1.2em; line-height: 18px; padding-left: 5px; padding-top: 10px; text-transform: uppercase; }
#addEditArticleForm .articleBox h3 span.required { font-size: 13px; }
#addEditArticleForm label { display: block; font-weight: bold; margin-bottom: 3px; font-size: 1.2em; }
#addEditArticleForm label.visibleLabel { float:left; }
#addEditArticleForm label span.required { font-size: 1em; }
#addEditArticleForm .ui-selectmenu { display: block; position:relative; height: 16px; border: 1px solid #a2acb5; background: url('/images/common/widgets/dropdown-bg.png') no-repeat top right; text-decoration: none; overflow:hidden; }
#addEditArticleForm .ui-selectmenu-status { line-height: 14px; padding: 1px; font-size: 1.2em; }
#addEditArticleForm .ui-dropdownchecklist-selector-wrapper { color: #000000; background: url('/images/common/widgets/dropdown-bg.png') no-repeat top right; }
#addEditArticleForm .formFieldsTable { width: 100%; }
#addEditArticleForm .formFieldsTable td { padding-bottom: 5px; text-align: left; }
#addEditArticleForm .formFieldsTable td.largeCol { width: 270px; }
#addEditArticleForm .formFieldsTable td.mediumCol { width: 156px; }
#addEditArticleForm .formFieldsTable td.smallCol { width: 110px; }
#addEditArticleForm .formFieldsTable td.smallYearCol { width: 135px; }
#addEditArticleForm .formFieldsTable input[type=text] { display: block; width: 160px; margin: 0; font-size: 14px; }
#addEditArticleForm .formFieldsTable th.models { width: 50px; }
#addEditArticleForm .formFieldsTable th.modelYears { width: 160px; }
#addEditArticleForm .formFieldsTable th.bodyTypes { width: 160px; }
#addEditArticleForm .formFieldsTable a.button {padding: 5px 10px; font-size: 1.1em; }
#addEditArticleForm .formFieldsTable td.mediumCol .ui-dropdownchecklist { width: 164px !important; }
#addEditArticleForm #articlePanel input[type=text], #articlePanel textarea { width: 99%; margin-bottom: 8px; }
#addEditArticleForm .dynamicHeightTextArea { resize: none; height: 16px; }
#addEditArticleForm #helpPanel h3 { position: relative; }
#addEditArticleForm #helpPanel h3 a { position: absolute; right: 0; top: 0; margin-right: 10px; color: #fff; text-transform: none; font-size: 12px; font-weight: normal; }
#addEditArticleForm #helpPanel .toggleComparison { font-weight: bold; }
#addEditArticleForm #helpPanel .toggleClosed { display: none; }
#addEditArticleForm .articleVisibility label { font-weight: normal; float: left; margin-right: 7px; }
#addEditArticleForm .articleVisibility input { float: left; }
#articleCarsPanel .ui-dropdownchecklist .ui-widget-content, .ui-dropdownchecklist .ui-widget-header { width: 165px !important; border: none #B5B5B5; color: #000000; }
#articleCarsPanel .ui-dropdownchecklist-dropcontainer { background-color: #fff; }
#articleCarsPanel .ui-dropdownchecklist-selector-wrapper { color: #000; }
#articleCarsPanel .ui-widget input { float:left; }
#articleCarsPanel .ui-dropdownchecklist-text { font-family: "lucida grande",tahoma,arial,sans-serif; font-weight: normal; font-size: 1.2em; padding-left: 5px; }
#articleCarsPanel .ui-dropdownchecklist { border-color: #b5b5b5; height: 16px; }
#articleCarsPanel .carsTable th, .carsTable td { padding: 5px 20px; text-align: left; }
#articleCarsPanel a.button span { padding: 0 7px 2px 15px; }
#articleImagesPanel .photosetHeader { width: 260px !important; }
#articleImagesPanel table.articleImages { width: 100%; }
#articleImagesPanel table.articleImages td { width: 85px; }
#articleImagesPanel table.articleImages td.mediumCol { width: 200px; }
#articleImagesPanel table.articleImages td img { width: 85px; }
#articleImagesPanel table.articleImages td .articleImageButtons { width: 50px; height: 15px; margin: 4px auto; position: relative; }
#articleImagesPanel table.articleImages td .articleImageButtons span { display: block; width: 14px; height: 14px; background: url('/images/articles/article_image_buttons.jpg') no-repeat; position: absolute; top: 0; cursor: pointer; }
#articleImagesPanel table.articleImages td .articleImageButtons span.prev { background-position: left center; } 
#articleImagesPanel table.articleImages td .articleImageButtons span.delete { left: 20px; background-position: center center; }
#articleImagesPanel table.articleImages td .articleImageButtons span.next { left: 40px; background-position: right center; }
#articleImagesPanel .addImageSetButton { float: right; margin-top: 6px; }
#articleImagesPanel table.deleteArticlePhoto { width: 100%; border-bottom: 1px solid #000; }
.articleUploadControls { float: left; width: 150px; }
.articleUploadControls .margin-top8 { margin-top: 0; } 
.articleUploadControls .multipleUploadControls { padding: 0; }
.articleUploadControls .multipleUploadControls #thumbsMultipleUploadControl { min-height: 24px; }
.articleUploadControls .multipleUploadControls .ajax-loader { margin: 0 auto; }
.articleUploadControls .imagesUploadSpinner { float:right; padding-right:50px; margin-top:12px; }
.articleUploadControls .multipleUploadButtonContainer .upload { position: absolute; z-index: 2; opacity: 0; filter:alpha(opacity=0); }
.articleUploadControls .multipleUploadButtonContainer span.add { position: absolute; z-index: 1; }
.articleUploadControls .fileupload { font-size: 20px; width: 120px; }

/* Quick Links page */
.quickLinksPageItem { display: inline-block; font-weight: bold; margin-bottom: 15px; background-color: #fff; border: 1px solid #ccc; width: 45%; height: 45px; font-size: 1.1em; text-align: center; line-height: 45px; }

.modalSubmitButton, button[type=submit].modalSubmitButton { font-size: 16px; background-color: #ff9900; border: none; border-radius: 3px; color: #fff; text-transform: uppercase; font-weight: bold;  padding: 16px 25px; }

/* Registration form new Modal*/
.modal.registrationForm  { font-size: 16px; text-align: left; }
.modal .header {text-align: center; }

.registrationForm .formInfo { margin: 15px 15px 0 15px; }
.registrationForm .content { padding: 15px; display: flex; flex-direction: column; }
.registrationForm .registrationFormInputs { margin-right: 20px; flex: 1; }
.registrationForm .facebookLogin { flex: 1; }
.registrationFormInputs .formLine { padding: 8px 0; }
.registrationFormInputs .formLine input.text { width: 75%; }
a.facebookLoginButton.long { width: 250px; background: url(/images/common/widgets/button_facebook_long.gif) no-repeat; height: 27px; text-decoration: none; font-weight: bold; font-size: 15px; display:inline-block; }
a.facebookLoginButton > span { color: #fff; line-height: 27px; padding-left: 30px; }
a.fbAccountRemove > span { color: #4e9b96; }
#facebookFeedbackMessage { color: #f00; padding: 5px 0; } 

.registrationForm .formFooter .formNotes { font-size: 15px;}
.registrationForm .formFooter .buttonTitle { margin-right: 5px; }
#userAgreementContainer h2 { text-align: center; text-transform: uppercase;}
#userAgreementScroll { margin-top: 10px; height: 400px; overflow: auto; }
.registrationCompleted { font-size: 16px; }
.registrationCompleted .message { text-align: left; }
.registrationCompleted .blue { color: #0066ff; }

/* Forgot Password New Modal */
.modal.forgotPasswordForm  { font-size: 16px; text-align: center; }
#emailAddressOrRegistrationNumber { width: 100%;; }
.content .formLine { padding: 8px 0; }
.forgotPassword .content { margin: 15px 15px 0 15px; }
.facebookLogin { margin-top: 10px; }
.facebookLogin .facebookLoginButton a{ display:block; height: 27px; width: 250px; text-decoration: none; font-weight: bold; background: url('/images/common/widgets/button_facebook_long.gif') no-repeat;}


/* Save Search new Modal */
.modal.saveSearchForm  { font-size: 16px; text-align: left; }
.modal .mbsc-mobiscroll .saveSearchModalContent .mbsc-input { margin: 0.4em 0 0.8em 0; }
.modal .mbsc-mobiscroll .saveSearchModalContent #contactDetailsContainer .mbsc-input { margin-top: 0.8em; }
.modal .mbsc-mobiscroll.mbsc-ltr .saveSearchModalContent .mbsc-input-outline .mbsc-err-msg { left: 0; }
.modal .mbsc-mobiscroll .saveSearchModalContent .wideWatchdogContainer .mbsc-checkbox { padding-left: 0; }
.modal .mbsc-mobiscroll .saveSearchModalContent .wideWatchdogContainer .mbsc-label { margin: 0 0 0 1.7em; }
.modal .mbsc-mobiscroll .saveSearchModalContent { width: 100%; }
.modal .mbsc-mobiscroll .saveSearchModalContent .wideWatchdogContainer .mbsc-checkbox-box { top: 1.3em; left: 0; }
.modal .mbsc-mobiscroll .saveSearchModalContent .errorMessage { font-size: 13px; }
.modal .mbsc-mobiscroll .saveSearchModalContent .wideWatchdogContainer .moreInfo { margin: -0.7em 0 1.5em 1.8em; }
.modal .mbsc-mobiscroll .saveSearchModalContent .sendingFrequency { margin-top: 0.8em; }
.modal .mbsc-mobiscroll .saveSearchModalContent h2 { font-size: 1.1em; }
#contactDetailsContainer .formLine input.text, #contactDetailsContainer .formLine label, #contactDetailsContainer .formLine textarea { font-size: 1em; }
.saveSearchModalTextInput { width: 100%; }
.radioContent { display: flex; flex-wrap: wrap; }
#saveSearchForm { margin: 15px 0 0 0; }

/* Price watch new Modal */
.modal.carItemSubscriberForm  { font-size: 16px; text-align: left; }
.carItemSubscriberForm .content .formLine { padding: 0; }
.carItemSubscriberForm .content .formLine input.text { font-size: 1em; }
.carItemSubscriberForm .content .formLine textarea { font-size: 1em; }
.carItemSubscriberForm .content h2 { font-size: 1.1em; }
.carItemSubscriberForm .formLine .checkboxInput label { font-size: 1em !important; }
.carItemSubscriberForm .mbsc-mobiscroll .mbsc-input { margin: 0.4em 0 0.8em 0; }
#carItemSubscriberForm .contactInformation .formLine div.errorMessage { font-size: 0.8em; }
#carItemSubscriberForm { margin: 15px 0 0 0; }


/* Facebook Registration new Modal */
.modal.facebookRegistrationForm { font-size: 16px; text-align: left; }
#facebookRegistrationForm { padding: 15px; }
#facebookRegistrationForm .formLine { padding: 8px 0; }
.continueWithRegistrationContainer { margin-top: 30px; }
.facebookRegistrationForm .formLine .text { width: 300px; }

.modal.facebookRegistrationCompletedForm { font-size: 16px; text-align: left; }

/* notify.js custom styles */
.notifyjs-corner { left: 50% !important; transform: translateX(-50%); text-align: center; }
.notifyjs-readMoreLink-base { background-color: #D9EDF7; border-color: #BCE8F1; color: #31708f; font-size: 1.5em; border-radius: 4px; position: relative; padding: 15px; }
.notifyjs-container .closeButton { font-size: 1.35em; color: #7a7d82; position: absolute; top: 1px; right: 2px; z-index: 2; }

.contactContainer .details,.contactContainer .title { font-size: 1.2em; }
.corporateSales .details,.corporateSales .title { font-size: 1.2em; }

/* Media queries */
@media (min-width: 360px) {
  	.similarCarsLink { display: inline; }
	.userDataHeader li { display: inline-block; float: none; }
	.frontPageQuickSearchThirdLine .searchLinksContainer { width: 84%; padding: 0 38px 0 0; }
	.frontPageQuickSearchThirdLine .clearSearch { width: 84%; padding: 0 38px 0 0; }
	.articleGeneralInfo .articleTagInfo .articleDate { width: auto; }
	.dealerDropdown.mbsc-mobiscroll .mbsc-fr-popup{ font-size: 1.36em; }
	.regionDropdown.mbsc-mobiscroll .mbsc-fr-popup { font-size: 1.36em; }
	.listSorting .buttonsContainer .showModifySearch { flex: 1; }
}

@media (min-width: 400px) {
    #logo { background-size: 246px; background-position: 15px; }
  	#quickLinksList.page li { width: 90%; }
  	
  	.listRow .imageContainer { width: 40%; }
  	.listRow .detailsContainer { width: 60%; }
  	.listItemTools .bodyType { display: block; }
  	.list-type-selection { margin-left: 16px; }
  	.newCarListOfficeContainer { display: block; }
  	.carItemTargetPageIcon .fancybox { margin-top: -7px; }
  	
  	.rvcDetailsContainer .viewedItemDesc { min-width: 8em; min-height: 102px; }
	.stickyHeaderDropdownItem .buttonContainer { min-width: 8em; }
	#recentlyViewedHeaderList button::before { left: 6px; }
	#favouritesHeaderList button::before { left: 10px; }
	#signInLink button::before { left: 9px; }
	.userHeaderLinks button { padding-left: 31px; }
	.otherCarsPanel .box .similarCars .tabs .tab a { font-size: 16px; }
	.itemDetail.passwordContainer .value .tooltip { right: 6px; }
	.compensationPrice .box .similarCars .tabs .tab a { font-size: 16px; }
	.articleGeneralInfo .articleTagInfo .generalInfo { flex: 0.7; }
	.listPagination .filters { flex-direction: row; align-items: center; }
	.listSorting { font-size: 1em; }
	.itemListFilter.mbsc-mobiscroll .mbsc-fr-w { font-size: 14.7px; }
	.listToolsContainer .content { flex-direction: row; }
	a#unhideListItems { flex: 1.5; }
	.listTools.links { flex: 1; }
	.listPagination .filters.mbsc-mobiscroll .mbsc-select:last-child { margin: 0; }
}

/* Responsive - Larger than mobile */
@media (min-width: 450px) {
    table.dealersList { font-size: 1.1em; }
    table.dealersList th { padding: 8px; font-size: 1.1em; }
    table.dealersList td { padding: 8px; }
    table.dealersList a {font-weight: bold; font-size: 1.0em; }
    table.dealersList .dealerRow a { font-weight: bold; }
    .userHeaderLinks button { margin: 0 7px 0 0; padding-right: 0px }
    .userHeaderLinks button.favoriteHeaderButton { padding-right: 3px; }
  	.userDataHeader li { height: 32px; }
  	.userDataHeader li#signInLink { margin: 0; }
	.userDataHeader li#recentlyViewedHeaderList { margin: 0; } 
    #articlesListContent #tabBar span span.count { display: inline; }
/*     .articleListContainer .listNavi .itemsShown { display: inline; } */
    .quickLinksItem { width: 145px; font-size: 1.3em; }
    .quickLinksPageItem { width: 30%; font-size: 1.3em; }
    .listPagination .pageList { margin: 0; }
    .emptyElement p { margin: 1em auto 0 auto; }
    
  	.rvcDetailsContainer .viewedItemDesc { min-width: 0; }
  	.rvcDetailsContainer .viewedItemImg { height: 85px; width: 138px; }
	.stickyHeaderDropdownItem .buttonContainer { min-width: 0; float: none; margin-top: 5px; }
	
	#carParkBannerTwoPanel .carParkContainer { min-height: 191px; }
	#carParkBannerTwoPanel .slick-slide .carParkItemImg { height: 200px; width: 343px; display: table-cell; background: #eee; vertical-align: middle; }
	#carParkBannerTwoPanel .slick-slide .carParkItemImg img { max-height: 100%; max-width: 100%; width: auto; }
	
	.carParkContainer.frontPageBanner { max-height: 345px; }
	#carSuggestionBannerPanel .slick-slide .carParkItemImg { height: 206px; width: 343px; display: table-cell; background: #eee; vertical-align: middle; }
	#carSuggestionBannerPanel .slick-slide .carParkItemImg img { max-height: 100%; max-width: 100%; width: auto; }
	
	.carItempageHeaderComponent .carAttributes { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; }
	.previousSearchPanel #lastSearchContainer #lastSearchLink { width: 77vw !important; }
	.frontPageQuickSearchThirdLine .searchLinksContainer { width: 80%; padding: 0 46px 0 0; }
	.frontPageQuickSearchThirdLine .clearSearch { width: 80%; padding: 0 46px 0 0; }
}

/* Larger than phablet */
@media (min-width: 500px) {
	.stickyHeaderDropdown .slick-list.draggable { width: 480px; }
	.userDataHeader ul { margin: 0 6px 0 auto; }
	a.button.leaveAnnouncementButton { margin: 4px 0 0 4px; }
	a#unhideListItems { width: 100%; } 
	.previousSearchPanel .footerButtons #lastSearchDropdown { margin: 0; }
	.previousSearchPanel .footerButtons { flex-direction: row; }
	#emailAddressOrRegistrationNumber { width: 400px; }
	.itemDetail.passwordContainer .value .tooltip { right: 9px; }
	.articleGeneralInfo .articleTagInfo .generalInfo { flex: 1; }
	.articleGeneralInfo .articleTagInfo .socialMediaIcons { flex: 0.5; }
	.compensationPrice input { width: 99%; }
	.compensationPrice .similarCarModels.carFactMake .modelSeries .listItem .details { display: inline; }
	.compensationPrice .similarCarModels.carFactMake .modelSeries .listItem .links { margin: 15px 0 15px 15px; vertical-align: top; }
	.compensationPrice .similarCarModels.carFactMake .modelSeries .listItem .image { display: inline-block; width: 60%; text-align: left; }
	.compensationPrice .similarCarModels.carFactMake .modelSeries .listItem .description { width: 50%; }
	.dealerDropdown.mbsc-mobiscroll .mbsc-fr-popup{ font-size: 1.9em; }
	.regionDropdown.mbsc-mobiscroll .mbsc-fr-popup { font-size: 1.9em; }
	.modifySearchModal .searchInputs .element .headerElements { flex-direction: row; align-items: center; }
}

@media (min-width: 550px) {
	.carArticles .content .listItem { width: 49%; }
	.carArticles .content .item .image { height: 190px; width: 100vw; display: table-cell; }
	.carArticles .content .item .info { width: auto; }
	.latestArticlesContainer #latestArticles .content .listItem { width: 49%; }
	.latestArticlesContainer #latestArticles .content .item .image { height: 193px; }
	#quickLinksList li { width: 147px;  height: 45px; text-align: center; }
	#quickLinksList.page li { width: 21%; }

	#traveller_watch { display: block; }
  	#traveller_header .travelerSearchButtonContainer { clear: none; float: right; margin-top: 5px;}
  	#makeModelsSelected { clear: none;  min-width: 200px; }
	.sliderContainer > input { width: 50px; }
	.advSearchCol1 { width: 33%; }
	.advSearchCol2 { width: 66%; }
	.fuelConsumptionTypeContainer input  { float: left; clear: both; }
	.fuelConsumptionTypeContainer label  { float: left; }	
	
	.listRow .imageContainer img { margin-top: 6px; }
    .listSorting .sortingOrder { width: 185px !important; }
    .listSortInfoText { display: inline; }
    .listPagination .sortTools { width: 390px; }
    .dealerTabs a span, .dealerTabs a em { display: inline; }
    .listRow .imageContainer { width: 35%; }
    .listRow .detailsContainer { width: 65%; }

    #topPublishButton { clear: none; margin: 0; }
    #bottomPublishButton { clear: none; margin: 0; }
    #loginLogOutButton { float: right; }
    .carItemContainer textarea { width: 300px; }
    .modal .header { background: #4e9b96 url('/images/common/skeleton/at_logo.png') no-repeat 98% 50%; background-size: 150px; }
	.modal .contactFormInputs {display: flex;}
	.modal .contactFormInputs .contactInformation { text-align: left; padding-right: 10px; width: 97%;}
	.modal .contactFormInputs.secto .contactInformation { width: 90%; padding-right: 10%; }
	.modal .contactRequestDetails { width: auto; text-align: left; }
	.modal .contactRequestDetails .yourCarInfo .specificInfo { flex: 1; }
	.modal .contactRequestDetails .yourCarInfo .additionalInfo { flex: 1.1; }
	.modal .contactRequestDetails .messageForSeller .contactRequestFormTextArea { width: 100%; height: 182px; }
	.modal .dealerSelection { display: block; }
    .modal.nordeaContactRequestModal .header { background: #005284 url('/images/common/item_pages/nordealogo.png') no-repeat 98% 50%; background-size: 150px; }
  	.modal .contactRequestDetails .details .leasingDetails .detailsLabels { flex: 0.6; }
  	.modal .contactRequestDetails .details .leasingDetails select { width: 31.5%; }
  	.modal .secto .contactRequestDetails .details .outlineInputs .formLine { align-items: center; }
  	.modal .contactRequestDetails textarea { min-height: 195px; max-height: 195px; }
  	.modal .contactRequestDetails .lahiTapiolaContainer img { right: -35px; }
  	.modal .mbsc-mobiscroll .saveSearchModalContent .wideWatchdogContainer .mbsc-checkbox { padding-left: 0.8em; }
  	.modal .mbsc-mobiscroll .saveSearchModalContent .wideWatchdogContainer .mbsc-checkbox-box { left: 1em; }
  	.modal .mbsc-mobiscroll .saveSearchModalContent .wideWatchdogContainer .moreInfo { margin: -0.7em 0 1.5em 2.5em; }
  	.regionAndDealerDropdown .dealerSelect { display: flex; justify-content: space-between; }
  	.regionAndDealerDropdown .dealerSelect .select.region { margin: 0 10px 0 0; }
	.regionAndDealerDropdown .dealerSelect .select.dealer { margin: 0 0 0 10px; }
  	.itemDetail.passwordContainer .value .tooltip { position: relative; right: 0; }
    .userHeaderLinks button { padding-top: 7px; }
    .userDataHeader li { margin: 0; }
    .articleGeneralInfo .articleTagInfo { margin-top: 3px; }
    .articleGeneralInfo #preface { margin: 3px 0 7px 0; }
    .listSorting .tab:first-child { min-width: 10em; }
	.listSorting .tab:last-child { min-width: 10em; }
	.listSorting .tab { height: 3.5em; min-width: 14em; }
}

@media (min-width: 600px) {
	a.button.leaveAnnouncementButton { display: inline-block; }
	#responsiveNavigation ul .responsiveNavigationListItem:first-of-type { display: none; }
    #imageCarousel { display: block; }
    .myCarsListing .sectionBlock>.actions { width: 35%; display: table-cell; border-top: 0; }
    .myCarsListing .state {  border-right: 1px solid #cdcdcd !important; }
    .used .listRow { width: 47%; margin: 0.5% 1.1%; overflow: hidden; }
    .new .listRow { width: 47%; margin: 0.5% 0; overflow: hidden; }
    .registrationForm .content { flex-direction: row; }
    .carsListItemImagesContainer { height: 210px; }
    .compensationPrice .similarCars .carsList .carItem { width: 24%; }
    .carItempageHeaderComponent .carAttributes { display: flex; justify-content: space-between; }
    .articleGeneralInfo .articleTagInfo { flex-direction: row; }
    .articlesPageCounterContainer { flex-flow: row; height: 53px; }
    .articlesFilters { flex: 1 2 50%; }
    .pager { flex: 1 2 auto; }
    .articleGeneralInfo .articleTagInfo .articleDate { margin-left: 5px; padding-left: 5px; }
    .articleGeneralInfo .articleTagInfo .socialMediaIcons { flex: 0.45; }
    .compensationPrice .similarCars .carsList .carItem:nth-child(2n+2) { margin-right: 4px; }
    .compensationPrice .similarCars .carsList .carItem:nth-child(-n+2) { margin-bottom: 0; }
    .compensationPrice .similarCars .carsList .carItem:last-child { margin-right: 0; }
    .compensationPrice .box .similarCars .tabs { width: 100%; }
    .modal .contactRequestDetails .lahiTapiolaContainer img { right: 13px; }
    .modal .saveSearchModalContent .searchDetails { width: 358px; }
    .carItemSubscriberForm .priceWatchDetails { width: 428px; }
}

@media (min-width: 650px) {
  	.listRow .imageContainer { width: 23%; }
  	.listRow .detailsContainer { width: 77%; }
  	.carDetailsSection .carDetailsGroup { margin-right: 20px; }
	.listPagination .pageCounterContainer { width: 46%; float: left; }
	.listPagination .sortTools { margin-left: unset; width: auto; }
	.listPagination .pageLabel { line-height: 46px; }
	.listPagination .pageList { margin: 14px 0 0 33px; }
    #pageAndDropdownContainer { margin: 0 auto; }
    .listSortInfoText { display: none; }
    .stickyHeaderDropdown .slick-list.draggable { width: 723px; }
    .carArticles .content .item .image img { height: auto; width: auto; }
    .latestArticlesContainer #latestArticles .content .item .image img { width: auto; }
    #frontPageLeasingQuickSearch .leasingContainer { flex-direction: row; margin-bottom: 10px; }
	#frontPageLeasingQuickSearch a.button { margin-bottom: 0; }
	#frontPageLeasingQuickSearch .privateLeasing a.button { width: 76%; }
	#frontPageLeasingQuickSearch .companyLeasing a.button { width: 71%; }
	.previousSearchPanel #lastSearchContainer #lastSearchLink { width: 82vw !important; }
	.previousSearchPanel #lastSearchContainer li:first-child span { margin-top: 2px; }
	.modal .contactFormInputs.secto .checkboxInputs { display: flex; justify-content: space-between; align-items: center; height: 68px; }
	.modal .contactRequestDetails { flex: 2; }
	.used .listRow { margin: 0.5% 1.2%; }
	.textPopup .mbsc-fr-w { width: 430px !important; }
}

/* Responsive- Smaller than desktop */
@media (min-width: 750px) {
	#wrapper4 { background: url(https://s3-eu-west-1.amazonaws.com/autotallifeed/autotalli/at_tausta.jpg) no-repeat center top; background-attachment: fixed; background-size: 1400px 1120px; }
	.modal h2 { font-size: 1.3em; margin: 0; padding: 0; }
	.modal.forgotPasswordForm  { text-align: left; }
	.userDataHeader ul { margin: 0 auto; }
	a.button.leaveAnnouncementButton { margin: 4px 0 0 0; } 
    .carItempageHeaderComponent .titleAndPrice { flex-direction: row; }
    .carItempageHeaderComponent .carPrice { padding-top: 0; }
    .furtherInformation { max-width: 90%; }

    .carItempageImageComponentContainer { padding: 10px 10px 20px 10px; }
	#almaFooter .almaFooterLeft { float: left; width: 61%; margin-left: 2%; }
	#almaFooter .almaFooterRight { float: left; font-weight: bold; width: 35%;  margin-top: 0; }
	#almaFooter .almaFooterAutoJeery { float: left; width: 98%; margin-left: 2%; }
    .breadcrumbsContainer { display: inline-block; }
  	.carParkContainer { display:block; }

	#traveller_header #resultSet { display: block; }
  .lock .display-inline-block { clear: none; float: left; margin: 0 0 0 10px; }
  .lock .display-inline-block a { clear: none; float: left; margin: 0 0 0 10px; }
  .lock .sortAndRestrict { clear: none; float: right; margin-top: 0; }
  #filterImages, #filterPublishTime { clear: none; margin-top: 0; }
  .sliderContainer > input { width: 75px; }
  .advSearchFields .nowrap.checkboxInput { width: auto !important;}
  .quarantee .float-left { clear: none; padding-top: 0; }
  .sortRestrictSearchResultsControls .advSearchCol { width: 30%; clear: none; }
  .sliderContainer > input { width: 100px; height: 20px; font-size: 1em; }
  .slider { font-size: 2em; }
  .additionalSearchButton { display: none; }
	
  .listPagination .buttonContainer { width: 10%; }
  .listPagination .pageCounterContainer { width: 51%; }
  .listSorting .filterList { display: block; }
  .listRow .itemDetails .logo img { margin-bottom: 10px; }
  .listRow .itemDetails .warranty { display: block; }
  .listRow .itemDetails .logo { width: 140px; float: right; margin-right: 10px; text-align: center; }
  .listRow .itemDetails .logo div { margin: 0; }
  .used .listRow .itemDetails { height: 125px; }
  .used .listRow .itemDetails .details { width: 70%; max-width: 300px; margin: 0 10px; }
  .new .listRow .itemDetails { height: 125px; }
  .new .listRow .itemDetails .details { width: 60%; max-width: 300px; margin: 0 10px; }
    
  .priceTag > span { font-size: 1.6em; }
  .itemPageContent .desktop { display: inline; }
  .itemPageContent .mobile { display: none; }
  .itemPageContent a.button { display: inline-block; }
  .itemSideColumn { margin-left: 1%; width: 33%; }
  .targetPageAllImages span { display: inline; }
  .itemBottomNaviBar .bottomNaviMiddle.tableCell { display: block; }
	.carItemContainer textarea.small { width: 260px; }
	#allImagesLink { display: inline; }
	#socialMediaLinks { margin-left: 25px; }
	#socialMediaLinks a {margin-left: 10px;}
	.socialMediaIcons { float: left; padding-top:5px;}
	.socialMediaLinks div {margin-right: 0;}
	.socialMediaLinks span {padding-right: 30px;}
	.tellAFriendIcon {padding-top: 0;}
	#socialMediaText {display: none;}
	#favoriteText { display: none; }
	.priceWatcher { display: inline; }
	#printIconLink { display: inline; }

    .itemPageDetailSectionIcon { display: block; }

    .myGarageSectionBlock { width: 32%; margin-right: 9px; }
  table.mySearches th, table.mySearches td  { padding: 8px; }
  .mySearchesButtons { float: right; }

	.itemDetail.passwordContainer { width: 110%; }
	.itemDetail.passwordContainer #publisherPassword { width: 89%; }
	.addEditCarItemForm input.text, .addEditCarItemForm textarea { width: 98%; }
	.addEditCarItemForm .errorMessage { width: 100%; }
	.addEditCarItemForm .passwordContainer .errorMessage { width: 91%; }
	.addEditCarItemForm .selectContainer .itemDetail { justify-content: space-between; display: flex; }
	.addEditCarItemForm input.text, .addEditCarItemForm textarea { padding-right: 0; }
	#addEditCarBasicInformationPanel .selectContainer { float: right; width: 58%; }
	.carItemContainer textarea { width: 250px; }
	.carItemContainer .styledSelect { width: 160px; float: left; }
	#addEditCarTitlePanel { display: flex; }
	#addEditCarTitlePanel .errorMessage { width: 164px; }
	.carItemContainer .styledSelect > div { width: 160px; }
	.carItemContainer .equipment { width: 49%; }
	.cubicCapacityInput, .cubicCapacityInput input.text, .powerInput, .powerInput input.text { width: 130px!important; }
	div.cubicCapacityUnit.styledSelect, div.powerUnit.styledSelect  { width: 70px!important ; margin-left: 20px; }
	#addEditCarEconomyPerformancePanel .itemDetailContentLeft .styledSelect select#cubicCapacityUnit { width: 70px; }
	#addEditCarEconomyPerformancePanel .itemDetailContentLeft .styledSelect select#horsePowerKw { width: 70px; }
	.carItemContainer .itemDetailContentLeft .styledSelect { float: right; width: 100%; }
	.carItemContainer .itemDetailContentLeft .styledSelect > div { width: 100%; }
	.carItemContainer .itemDetailContentLeft .styledSelect select { width: 100%; }
	#addEditCarEconomyPerformancePanel .itemDetailContentLeft .styledSelect { float: left; width: 220px; }
	#addEditCarEconomyPerformancePanel .itemDetailContentLeft .styledSelect select { width: 220px; }
	#addEditCarEconomyPerformancePanel .itemDetailContentLeft .styledSelect > div { width: 220px; }
	#addEditCarEconomyPerformancePanel .itemDetailContentLeft .cubicCapacityUnit.styledSelect > div { width: 73px; }
	#addEditCarEconomyPerformancePanel .itemDetailContentLeft .powerUnit.styledSelect > div { width: 73px; }
	#addEditCarEconomyPerformancePanel .itemDetailContentRight .styledSelect { float: left; width: 220px; }
	#addEditCarEconomyPerformancePanel .itemDetailContentRight .styledSelect select { width: 220px; }
	#addEditCarEconomyPerformancePanel .itemDetailContentRight .styledSelect > div { width: 220px; }
  .itemDetail .styledSelect select { width: 165px; }
  .listRow .carDescription { max-width: none; }
  .itemDetailContentLeft {float:left; width: 45%; }
	.itemDetailContentRight {float:left; width: 50%;  }
	.itemDetailContentRight#uploadedImageWrapper { float: right; width: 48%; margin: 0 0 0 10px; }
	.remodal { max-width: 800px !important; }
	#mainImageSlider .slick-next { background-image: url('/images/used_cars/target_page_new_layout/selaus_paakuva_oik_.png'); width: 50px; height:50px; }
	#mainImageSlider .slick-prev { background-image: url('/images/used_cars/target_page_new_layout/selaus_paakuva_vas_.png'); width: 50px; height:50px; }
	.dealerInfo { max-width: none; margin-right: 0px; text-align: right; }
	.dealerInfo img { width: auto; }
	.economyTrafiContent .trafiIcon { background: none; }
	.advancedSearchWarrantyInputRow:not(:last-child) { width: 45%; }
	.advancedSearchWarrantyInputRow:not(:last-child):not(:first-child) { width: 28% !important; }
	.advancedSearchWarrantyInputRow { float: left; }
	.carParkContainer.frontPageBanner { max-height: 290px; }
	#carParkBannerTwoPanel .slick-slide .carParkItemImg { height: 192px; width: 256px; }
	#carSuggestionBannerPanel .slick-slide .carParkItemImg { height: 174px; width: 232px; }
	.modal .checkboxInput :checked:before { font-size: inherit; left: 3px; }
	.modal .contactMethodContainer .checkboxInput :checked:before { top: 1px; }
	.modal #contactDetailsContainer .contactMethodContainer .checkboxInput :checked:before { top: 0.5px; }
	.frontPageRegistrationIdSearch { margin: 0 15px 5px 0; display: flex; float: right; }
	#contactDetailsContainer .checkboxInput :checked:before { font-size: 12px; }
	.loanCalculator .input-with-slider .rangeContainer { display: inline-block; width: 200px; }
	
	#frontPageQuickSearchTabs { height: 121px; }
	.frontPageQuickSearchTabs { margin-bottom: 30px; } 
	.frontPageQuickSearchTab .tabName .fas { margin-bottom: 6px; }
	.frontPageQuickSearchTab .tabName .tabTitle { font-size: 25px; }
	#frontPageUsedCarsQuickSearch .quickSearchSelect .mbsc-control { width: 67%; margin: 0;}
	#frontPageUsedCarsQuickSearch .quickSearchSelect .mbsc-comp { width: 67%; margin: 0;}
	#newCarsQuickSearchForm .quickSearchSelect .mbsc-control { width: 75%; margin: 0;}
	#newCarsQuickSearchForm .quickSearchSelect .mbsc-comp { width: 75%; margin: 0;}
	.frontPageQuickSearchFirstLine { display: flex; justify-content: space-between; margin-bottom: 11px; }
	.frontPageQuickSearchSecondLine { display: flex; justify-content: space-between; }
	.frontPageQuickSearchThirdLine { flex-direction: row; align-items: center; margin: 0 2px; }
	.frontPageQuickSearchThirdLine .toAdvancedSearch { flex: 1; margin: 10px 15px 0 0; }
	.frontPageQuickSearchThirdLine .toAdvancedSearch .container { float: right; }
	.frontPageQuickSearchThirdLine .clearSearch { flex: 1; margin: 0; padding: 0; }
	.frontPageQuickSearchThirdLine .clearSearch .fa-times { margin-right: 0; }
	.frontPageQuickSearchThirdLine .submitQuickSearchContainer { flex: 1; padding: 0; }
	.frontPageQuickSearchThirdLine .searchLinksContainer { padding: 0; }
	#frontPageLeasingQuickSearch .leasingContainer { margin-left: 10%; }
	#frontPageLeasingQuickSearch .privateLeasing a.button { width: 71%; }
	#frontPageLeasingQuickSearch .companyLeasing a.button { width: 67%; }
	.previousSearchPanel #lastSearchContainer #lastSearchLink { width: 85vw !important; }
	.searchLinksContainer { flex: 2; }
	.clearOption { bottom: 19%; }
	#newCarsQuickSearchForm .clearOption { right: 11%; }
	#usedCarsQuickSearchForm .clearOption { right: 13%; }
	.mbsc-mobiscroll .mbsc-sc-whl-multi [aria-label="modelYear"] .mbsc-sc-itm { text-align: left; }
	.mbsc-mobiscroll .mbsc-sc-whl-multi [aria-label="contractLength"] .mbsc-sc-itm { text-align: left; }
	.mbsc-mobiscroll .mbsc-sc-whl-multi [aria-label="yearlyKilometrage"] .mbsc-sc-itm { text-align: left; }
	.articleGeneralInfo #mainContainer { flex-direction: row; }
	.listPagination .listPagerCounter.carItemList { height: 53px; flex-direction: row; margin-top: 10px; }
	.listPagination .filters.mbsc-mobiscroll.mbsc-form { color: #c7c7c7; font-size: 15px; }
	.listPagination .filters.mbsc-mobiscroll .mbsc-input input { color: #499EA3; } 
	.listPagination .filters.mbsc-mobiscroll .mbsc-input { width: auto; }
	.listPagination .filters { flex: 1 2 50%; margin: 0; }
	.listPagination .filters.mbsc-mobiscroll .mbsc-select:first-child { flex: 1.25; }
	.listPagination .filters.mbsc-mobiscroll .mbsc-select.no-pagination:first-child { flex: 1; }
	.listPagination .filters.mbsc-mobiscroll .mbsc-select:last-child { flex: 1; }
	.listPagination .filters.mbsc-mobiscroll .mbsc-select.pagination:last-child { margin-right: 17px; }
	.listPagination .pager { flex: 1 2 45%; }
	.modifySearchContainer .searchInputs .element { width: 47%; }
	.modifySearchContainer .searchInputs .checkboxInput { width: auto; }
	.modifySearchContainer.mbsc-mobiscroll .driveTrain .mbsc-checkbox { padding: 0.8em; }
	.modifySearchContainer .searchInputs { border-bottom: none; }
	.modifySearchContainer .submitContainer { display: flex; flex-direction: column-reverse; margin: 0 auto; }
	.modifySearchContainer .submitContainer .buttons { display: flex; flex-direction: row-reverse; padding: 5px; margin-top: 1em; box-shadow: 0 -3px 15px 5px rgba(0, 0, 0, 0.08); }
	.modifySearchContainer .submitContainer .remodal-close { display: block; }
	.modifySearchContainer .submitContainer .advancedSearchContainer { text-align: right; margin-right: 2em; }
	.popup.modifySearchModal #modal { padding: 0; margin: 0; }
	.modifySearchContainer .mainContainer { padding: 2.2em 2em 0 2em; }
	.modifySearchContainer.mbsc-mobiscroll a { margin: 0; color: #4e9b96; text-transform: capitalize; line-height: 2em; }
	.modifySearchContainer .searchInputs .element:nth-child(2n+1) { margin-right: 2em; }
	.pager { flex: 1 2 50%; margin-right: 1em; }
}

@media (min-width: 800px) {
	.listSortInfoText { display: inline; }
	.modal .contactRequestDetails .yourCarInfo { display: flex; margin-bottom: 0; }
	.modal .contactRequestDetails .yourCarInfo input.text, .modal .contactRequestDetails .yourCarInfo .contactRequestFormTextArea { width: 90%; }
	.modal .secto .contactRequestDetails .details .outlineInputs .formLine { display: flex; }
	.modal .contactRequestDetails .details .leasingDetails .inputContainer { flex: 1; }
	.modal .secto .contactRequestDetails .details .outlineInputs .formLine.first { margin-top: 7px; }
	.listSorting .buttonsContainer .showModifySearch { margin: 0 0.8em 0 0; }
	.listSorting .tab:first-child { min-width: 10em; }
	.listSorting .tab:last-child { min-width: 10em; }
}

@media (min-width: 830px) {
	.listSorting .dealerType { flex-direction: row; height: 3.5em; }
	.listSorting .dealerTabs { margin: 0; background-color: #e2e2e2; display: block; border-radius: 2em; }
	.listSorting .tab.active:first-child { border-radius: 2em 0 0 2em; }
	.listSorting .tab.active:last-child { border-radius: 0 2em 2em 0; }
	.listSorting .tab:first-child { min-width: 8em; }
	.listSorting .tab:last-child { min-width: 8em; }
	.listSorting .tab { min-width: 12em; }
	.listSorting .buttonsContainer { display: block; }
	.listSorting .buttonsContainer a { width: 6.7em; }
	.listSorting .buttonsContainer .showModifySearch { margin: 0; width: 9em; }
	.listPagination .listPagerCounter.carItemList { margin-top: 0; }
	.listPagination .listPagerCounter.carItemList.no-pagination { margin-top: 0; }
}

@media (min-width: 900px){
	#frontPageQuickSearchTabs #searchCars { top: -100px; }
    .targetPageTellAFriend span { display: inline; }
    .frontPageRegistrationIdSearch { margin: 0 15px 0 0; flex: 1.7; }
    .select2-search__field { background-size: 25px 25px; padding-right: 20px !important; }
    .searchLinksContainer { flex: 2.6; display: flex; }
	.frontPageQuickSearchThirdLine .toAdvancedSearch { margin: 0 15px 0 0; }
	.carItemContainer .itemDetailContentLeft .styledSelect { width: 100%; }
	#addEditCarBasicInformationPanel .selectContainer { width: 67%; }
	.modal .contactFormInputs.secto > div:first-of-type { flex: 1.1; }
	#saveSearchForm { margin: 15px 0 0 15px; }
	#carItemSubscriberForm { margin: 15px 0 0 15px; }
	.listSorting .buttonsContainer .showModifySearch { margin: 0 0.4em 0 0; }
}

/* Responsive - Larger than desktop */
@media (min-width: 1000px) {
	#wrapper4 { background-size: auto; }
	a.button.leaveAnnouncementButton { left: 0; }
    .usedCarItempageContent { width: 800px; display: inline-block; }
    .usedcarItempageHeaderComponent .carTitle { max-height: none; }
    .usedcarItempageHeaderComponent .carPrice { text-align: right; padding-top: 0; }
    .usedcarItempageHeaderComponent .nordeaContactRequest { text-align: right; }
    #frontpageContent { width: 980px; }
    a.button {display: inline-block; padding: 5px 15px; margin: 0; text-align: inherit;}
	#wrapper2 { width: 1000px; }
	#wrapper { width: 1000px; }
	.sectionBlock { width: 783px; }
	#responsiveNavigation.open { display: none; }
	#topBanner { display: block; height: 420px; }
	#primaryNavigation { float: right; display: block; margin: 0; }
	#primaryNavigation ul li { display: block; }
	.secondaryNavigationListContainer { display: block; }
	.bars { display: none; }
	#contentBackground { width: 980px; padding: 10px; }
	#content { width: 805px; }
	#rightBanner { float: right; width: 175px; overflow: hidden; display: block; }
	#rightBanner > div { padding: 3px 15px 15px 15px; display: block; }
	#stickySkyScraper > div { display:block; }
	#almad-skyscraper-1 { display: block; }
	.carFactsNewContentPanel { margin: 0;  -webkit-column-count: 1;-moz-column-count: 1; column-count: 1; }
	.carItemRightSideBox, .carListRightSideBox { width: 138px; margin-top: 10px; }
	
	.listCarFactsPanel .exampleImage { display: block; }
	
	.breadcrumbsContainer { width: 805px; }
	#footer { height: 40px; }
	#footer .wrapper { width: 980px; }
	#footer span { display: inline-block; padding: 0 6px; }
	#footer span a  { display: inline;}
	#footer span a:hover { background: transparent; text-decoration: underline; }
	#almaFooter .wrapper { width: 980px; }
	#almaFooter .almaFooterLeft { float: left; width: 512px; margin: 0; }
	#almaFooter .almaFooterRight { float: left; font-weight: bold; width: 300px; }
	#almaFooter .almaFooterAutoJeery { float: left; width: 140px; margin: 0; }

	.motoServiceAdvertisement { width: 980px;}
	
	#travellerRelativeContainer { width: 800px;}
  .travellerPositionerSearch { width: 805px; }
  #traveller { width:803px !important; }
  #traveller_header { float: left; width: 783px; padding: 0 11px; box-sizing: content-box; }
  #traveller_watch { width: 783px; padding: 10px 11px; margin-bottom: 10px; box-sizing: content-box; }
  #traveller_watch .lock .select2-container { width: auto !important; }
  #traveller_controls { width: 765px; box-sizing: content-box; }
  .separatorTraveller  { width: 783px; margin-left: 11px; margin-right: 11px; }
  .separatorTravellerWatch { width: 783px; margin-left: 0; margin-right: 0; }
  .sliderContainer > input { width: 100px; }
  .advSearchThreeCols { width: 803px; }
  span.bodyTypes .checkboxInput { width: 9.6%;}
  .fuelConsumptionTypeContainer input, .fuelConsumptionTypeContainer label  { float: none; clear: none; }
  .colorContainer.checkboxInput { width: 20%; min-height: 26px; }
	
  .listSideColumn { display: block; }
  .listSideBox { display: block; }
  .listMainColumn { width: 805px; }
  .listTools .tools { margin-right: 10px; }
  .listTools .comparison { font-size: 1.1em; display: block; }
  .listTools .comparisonList .used.comparisonItemContainer {width: 23.5%; }
  .listTools .comparisonList { padding: 10px; position: relative; }
  .listPagination .buttonContainer { width: 40px; }
  .listPagination .buttonContainer.next { display: block; text-align: right; }
  .listPagination .buttonContainer.nextmobile { display: none; }
  .listPagination .pageCounterContainer { width: 235px; }
  .listPagination .sortTools { width: 313px; float: right; }
  .listPagination .pageLabel { line-height: 48px; }
  #pageAndDropdownContainer { width: auto; }
  .carsListItemImagesContainer { width: 34%; height: 210px; float: left; position: relative; overflow: hidden; }
   .carsListItemImageContainer a.hideListItem { display: block; }
  .carsListItemImage { max-height: 210px; }
  .carsListItemDetailsContainer { width: 66%; height: 210px; float: right; }
  .carsListItemCarDetailTopContainer { height: 150px; padding: 10px; position: relative; margin: 0; }
  .carsListItemCarDetailTopRightContainer { display: block; width: 39%; float: right; text-align: right; }
  .carListItemDescription { display: block; font-size: 1.1em; margin-top: 10px; height: 65px; }
  .carsListItemCarDetailTopLeftContainer { width: 60%; display: inline-block; }
  .carsListItemCarNameContainer { margin: 0; }
  .carsListItemCarDetailBottomContainer .sep { display: inline-block; padding: 0 10px; }
  .carsListItemCarDetailBottomContainer { font-size: 1.7em; text-align: left; }
  .carsListItemCarDetailBottomContainer a.hideListItem { display: none; }
  .sellerLogo { float: none; }
  .listRow .warranty { display: block; }
  .comparisonLabel { display: inline; }
  .carsListItemCompare { margin-right: 10px; display: block; }
  .carsListItemCompare .checkboxInput input { top:2px; }
  .carsListItemImagesContainer .imgNav { position: absolute; bottom: 0; display: block; height: 6px; padding: 17px 0; width: 100%; background: #b3b3b6; opacity: 0.7;}
  .listRow { border: 1px solid #cdcdcd; }
  .listRow .detailsContainer { width: 450px; }
  .listRow .detailsContainer { height: 100%; }
  .used .listRow .itemDetails .details { width: 225px; }
  .used.panel.listTools.active { height: 12.3em; }
  .used.panel.listTools.active.full { height: 15em; }
  .listContent > div { margin-bottom: 8px; }
  span.saveSearchText { font-size: 1.3em; line-height: 1.5em; }
  .newCarListOfficeContainer { float: none; }
  .carItemTargetPageIcon .targetPageAllImages { float: none; }

  #content.itemPageContent { width: 980px; }
  .itemContent { width: 805px; }
  .searchResultText { display: inline; }
  .itemHeading { width: 795px; }
  .itemSideColumn { margin-left: 10px; width: 240px; }
  .priceTag { display: block; }
  .dealerContact .dealerName { text-align: center; margin-left: 0; }
  .dealerContact .dealerName img { margin-left: auto; margin-right: auto; }
  .contactRequestLinkContainer { display: block; bottom: 5px; left: 5px; }
  .itemPageModalContactRequestSubmitButton { margin: 0; }
  .videoContainer { display: block; }
  .panoramaContainer { display: block; }
  .regionAndDealerDropdown .styledSelect select { width: 275px; }
  .regionAndDealerDropdown .styledSelect { width: 275px; } 	
  .disabledDropdown { width: 267px; }
  	
  .itempageFunctionalityLabel { display: inline-block; vertical-align: middle; }

  table.dealersList th.name { width: 335px; }
  table.dealersList th.usedCarCount { width: 80px; }
  table.dealersList th.dealership { width: 310px; }

  .myGarageSectionBlock { width: 250px; margin-right: 9px; }
  .myGarageSectionBlock.lst { margin-right: 0; }
  #rightBanner .helpBox { width: 158px; }
  .helpBox.sellYourCarPanel { display: block; }
  .favorites .listRow .detailsContainer { width: 77%; }
  #personalInformation > div { width: 250px; min-height: 320px; padding: 8px; border-right: 1px solid #a3acb3; clear: none; }

  .sellYourCarContainer { width: 805px; }
  .sellYourCarLeft { width: 550px; }
  .sellYourCarHeader {width: 530px; }
  .sellYourCarRight { width: 235px; float: left; margin: 0 10px; }
  .sellYourCarHelpDesk { width: 205px; padding: 20px; }
	.sellYourCarLinks { width: 205px; padding: 20px; }
  .sellYourCarContent { width: 530px; padding: 10px; }

	.rssFeedGoogleReader { float: left; clear: none; margin: 0 0 0 30px; }
	
  	.listArticleRow .socialNetworksRow { width: 598px; }
  	.listArticleRow .descriptionColumn { width: 598px; }
  	
    .itemDetail.passwordContainer { width: 100%; }
	.itemDetail.passwordContainer #publisherPassword { width: 209px; }
  	.carItemContainer .styledSelect { width: 180px; }
	.carItemContainer .styledSelect > div { width: 180px; }
	.carItemContainer .itemDetailContent .styledSelect select { width: 180px; }
	.carItemContainer .itemDetailContentLeft .styledSelect select { width: 220px; }
	.carItemContainer .itemDetailContentRight .styledSelect select { width: 220px; }
	.carItemContainer .itemDetailContentLeft .styledSelect { float: left; width: 220px; }
	.carItemContainer .itemDetailContentLeft .styledSelect > div { width: 220px; }
	.addEditCarItemForm .itemDetail { display:flex; }
	.addEditCarItemForm input.text, .addEditCarItemForm textarea { padding-right: 7px; }
	.addEditCarItemForm .errorMessage { width: 223px; }
	.addEditCarItemForm .passwordContainer .errorMessage { width: 223px; }
	#addEditCarEconomyPerformancePanel .itemDetailContentLeft .styledSelect { float: left; width: 220px; }
	#addEditCarEconomyPerformancePanel .itemDetailContentLeft .styledSelect > div { width: 220px; }
	#addEditCarEconomyPerformancePanel .itemDetailContentLeft .cubicCapacityUnit.styledSelect > div { width: 73px; }
	#addEditCarEconomyPerformancePanel .itemDetailContentLeft .powerUnit.styledSelect > div { width: 73px; }
	#addEditCarEconomyPerformancePanel .itemDetailContentRight .styledSelect { float: left; width: 220px; }
	#addEditCarEconomyPerformancePanel .itemDetailContentRight .styledSelect > div { width: 220px; }
	#addEditCarEconomyPerformancePanel .value { width: auto; }
	#addEditCarBasicInformationPanel .selectContainer { width: auto; }
	#addEditCarTitlePanel .errorMessage { width: 183px; }
	.carItemContainer .equipment { width: 24%; }
	#addEditCarEconomyPerformancePanel .itemDetailContentLeft { width: 50%; }
  	#addEditCarEconomyPerformancePanel .itemDetailContentRight { width: 50%; }
  	.addEditCarItemForm .formOverlay .spinner { position: absolute; }

  	.used .listRow { width: 803px; margin-bottom: 10px; margin: 0.5% 0; }
  	.new .listRow { width: 803px; }
  
	.compensationPrice .searchFormFields { width: 400px; float: left; }
	.compensationPrice input { width: 72%; padding-right: 7px; }
	.compensationPrice .searchForm .text { width: 220px; }
  	.compensationPrice .styledSelect { width: 220px; }
	.compensationPrice .styledSelect > div { width: 220px; }
	.compensationPrice .styledSelect select { width: 240px; }
	.compensationPrice .button { text-align: center; width: auto; }
	.compensationPrice .compensationPriceInfo { width: 345px; float: left; padding-left: 15px; padding-top: 15px; }
	.compensationPrice .similarCars .carsList .carItem { width: 186px; margin: 0; }
	.compensationPrice .similarCarModels .onSaleNow .text { width: 195px; }
	.compensationPrice .similarCars .carsList img { max-width: 186px; }
	.compensationPrice .similarCarModels.carFactMake .modelSeries .listItem { display: flex; }
	.compensationPrice .similarCarModels.carFactMake .modelSeries .listItem .details { display: flex; align-items: flex-start; flex: 1; }
	.compensationPrice .similarCarModels.carFactMake .modelSeries .listItem .image { padding: 15px; height: 120px; width: 190px; flex: 0.4; align-self: center; text-align: center; }
	.compensationPrice .similarCarModels.carFactMake .modelSeries .listItem .links { height: 120px; width: 165px; padding: 15px; background: #E2F3F2; font-size: 17px; margin: 0 0 0 10px; text-align: left; display: block; flex: none; }
	.compensationPrice .similarCarModels.carFactMake .modelSeries .listItem .description { margin: 15px 0 0 15px; width: auto; flex: none; }
	.compensationPrice input#mileage.mbsc-control { margin-top: 0; }
	
	#latestArticles .content .listItem { width: 308px; }
	#latestArticles .content .listItem:nth-child(2n+2) { margin: 0 15px 10px 0; }
	.latestArticlesContainer #latestArticles .content .listItem:nth-child(2n+2) { margin: 0; }
	#latestArticles .content .listItem:nth-child(3n+3) { margin-right: 0; }
	.carArticles .content .listItem { width: 394px; }
	.carArticles .content .item .image { width: 392px; }
	.latestArticlesContainer #latestArticles .content .listItem { width: 394px; }

	.carArticles .content .listItem:nth-child(odd) { margin-right: 10px; }
	.formButton { width: 152px !important; }
	
	#newCarsQuickSearch .checkboxInput { margin-bottom: 0px; }
	.compensationPrice .select2-container { width: 250px !important; }
	
	.backToTop { right: 30px; }
	.backToTop .toTopIcon { width: 60px; height: 60px; }
	.backToTop .toTopIcon > span { font-size: 60px; }
	.saveSearchListPageTraveller { padding: 12px 11px; }
	
	.itemDetail .key {float: left; width: 160px; line-height: 30px; }
	.itemDetail .checkboxWrap { padding: 5px 0px 0px 0px; width: 20px; }
	.itemDetail .styledSelect select { width: 240px; }
		
    .advancedSearchWarrantyInputRow:not(:last-child):not(:first-child) { width: 22% !important; }
	
	.recentlyViewedCarsList { max-width: 1040px; }
	.stickyHeaderDropdown { padding: 0; width: 944px; }
	.stickyHeaderDropdown .slick-list.draggable { width: auto; }
	.stickyHeaderDropdown .slick-slide .initial { width: initial !important; }
	.emptyElement img { padding-bottom: 0; }
	.favoriteCars .emptyElement img { padding-top: 9px; height: 4.4rem; width: 4.4rem; }
	.stickyHeaderDropdown .slick-prev { left: -25px; } 
	.stickyHeaderDropdown .slick-next { right: -25px; }	
	.favoritesDisclaimerText { text-align: justify; }
	
	.addEditCarItemForm input.text, .addEditCarItemForm textarea { width: 209px; }
	#contactDetailsContainer, .wideWatchdogContainer { width: 717px; }
	.modal .contactFormInputs .contactInformation  { min-width: 167px; }
	.modal #carItemSubscriberForm .contactFormInputs .contactInformation { min-width: 203px; }
	.modal .formFooter { margin-top: 10px; }
	.latestArticlesContainer #latestArticles .content .item .image { width: 392px; }
	.latestArticlesContainer #latestArticles .content .listItem:nth-child(2n+1) { margin: 0 10px 13px 0; }
	.frontPageRegistrationIdSearch { flex: 1.4; }
	
	.previousSearchPanel #lastSearchContainer #lastSearchLink { width: 900px !important; }
	.frontPageQuickSearchThirdLine { margin: 0 5px; }
	#frontPageUsedCarsQuickSearch .quickSearchSelect .mbsc-control { width: 74%; }
	#frontPageUsedCarsQuickSearch .quickSearchSelect .mbsc-comp { width: 74%; }
	#newCarsQuickSearchForm .quickSearchSelect .mbsc-control { width: 80%; }
	#newCarsQuickSearchForm .quickSearchSelect .mbsc-comp { width: 80%; }
	#frontPageLeasingQuickSearch .privateLeasing a.button { width: 56%; }
	#frontPageLeasingQuickSearch .companyLeasing a.button { width: 52%; }
	#frontPageLeasingQuickSearch .leasingContainer { margin-left: 16%; }
	.mbsc-sc-itm-ml { font-size: 16px !important; }
	.searchLinksContainer { flex: 2.3; }
	.clearOption { font-size: 20px; bottom: 26%; }
	#newCarsQuickSearchForm .clearOption { right: 8%; }
	#usedCarsQuickSearchForm .clearOption { right: 10%; }
	
	.articles { width: 78%; margin-right: 2%; }
	.articleItems .articlesContent:nth-child(3n-2) .title a { font-size:30px; }
	.articlesContent .title a { font-size: 24px; }
	.articleItems { display: flex; }
	.articlesListMobileBanner { display: none; }
	.articlesListDesktopBanner {display: block; }
	.articleGeneralInfo .articleTagInfo .socialMediaIcons { margin: 10px 0; }
	
	.popup.mbsc-mobiscroll .mbsc-fr-w { width: 775px !important; min-width: 16em; }
	.listSorting .buttonsContainer a { height: 2.3em; }
	.listSorting .buttonsContainer .showModifySearch { line-height: 2.3em; }
	.listSorting .buttonsContainer .saveSearch { line-height: 1.6em; }
	.buttonsContainer a.button { padding: 5px 9px; }
	
}

@media (min-width: 1300px) {
	.listPage #wrapper2.modifySearchOpen { width: 1576px; }
	.listPage #contentBackground { min-height: 1275px; }
	.new_cars.listPage #contentBackground { min-height: 1115px; }
	.popup.modifySearchModal #modal { padding: 2.2em 2em 0 2em; }
	#leftModifySearch.visible { display: block !important; }
	#leftModifySearch .submitContainer.fixed { position: fixed; bottom: 0;  border: 1px solid #CDCDCD; box-shadow: 0px -2px 8px -3px rgba(0,0,0,0.3); padding: 0px 10px 7px 10px; }
	#leftModifySearch .submitContainer { padding: 0; border: none; box-shadow: none; width: 255px; left: 11px; z-index: 9999; background-color: #fff; }
	#leftModifySearch .submitContainer .buttons { margin-top: 9px; }
	#leftModifySearch .submitContainer .advancedSearch { padding: 0; }
	.modifySearchContainer .searchInputs { display: block; border-bottom: 1px solid #CDCDCD; }
	.modifySearchContainer .searchInputs .element { width: 100%; }
	.modifySearchContainer .submitContainer { display: block; }
	.modifySearchContainer .submitContainer .buttons { display: block; padding: 0; box-shadow: none; }
	.modifySearchContainer .submitContainer .remodal-close { display: none; }
	.modifySearchContainer .mainContainer { padding: 0; }
	.modifySearchContainer.mbsc-mobiscroll a { margin: 0 0 7px 0; color: #fff; text-transform: uppercase; line-height: 1em; background: #5ab5b1; }
	.modifySearchContainer.mbsc-mobiscroll a.advancedSearch { background: #fff; }
	.modifySearchContainer.mbsc-mobiscroll .driveTrain .mbsc-checkbox { padding: 1em 0.1em 1em 0.5em; }
	.modifySearchContainer .submitContainer .advancedSearchContainer { text-align: center; margin-right: 0; }
	.modifySearchContainer.mbsc-mobiscroll a.resetQuickSearchButton { color: #000; background: none; font-size: 1.1em; }
	.modifySearchContainer .closeLeftModifySearch { display: block; position: absolute; right: 8px; top: 6px; color: #cdcdcd; }
	.modifySearchContainer .closeLeftModifySearch:hover { color: #4e9b96; }
	.newCarPriceWheel .mbsc-sc-itm { padding: 0 0 0 5px !important; }
	.price.mbsc-mobiscroll .mbsc-sc-lbl { padding: 0 0 0 5px !important; }
	.notifyjs-bootstrap-clearModifySearch { margin-bottom: 10px; }
}

@media (max-width: 330px) {
	.select2-container .select2-selection--single .select2-selection__rendered { padding-left: 4px; }
}

@media (max-width: 400px) {
	select { height: 33px; }
	.quickLinksPageContainer ul { width: 100%; }
	#youTubeFrame { height: 200px; }
	#favoriteText { display: none; }
	.socialMediaLinks { margin: 0; }
	.targetPageAllImages span { display: none; }
	.tellAFriendIcon { padding-top: 0; }
 }
 
@media (max-width: 450px) {
	.userDataHeader { height: 37px; }
	.userDataHeader ul { height: 37px; }
	
	.rvcDetailsContainer { display: block; margin: 0; min-height: 0; }
	.rvcDetailsContainer .viewedItemDesc { min-height: 90px; max-width: 100%; float: right; }
	.stickyHeaderDropdownItem .buttonContainer { }
	.listPagination .sortTools { width: auto; margin: 0 auto; }
	.listPagination .pageCounterContainer { margin: 0 auto; } 
	#pageAndDropdownContainer { margin: -13px auto 0 auto; }
	.viewedItem { max-width: none; }
	.heroImageContainer { background:url('/images/common/AT_etusivu_fiiliskuva_mobiili_432_.jpg') no-repeat; background-size: 100% 310px;}
	.itemSearchFunctions { font-size: 15px; }
	.itemSearchFunctions a { padding: 0; }
	
   	.articlesFunctions .submitSearchButton { font-size: 18px; width: 25%; padding-top: 11px; }
   	.articlesFunctions .articlesSearchBar { width: 70%; font-size: 18px; }
}

@media (max-width: 500px) {
 	.listRow .itemDetails .details a { font-size: 1.0em; }
    #latestArticles .content .listItem { width: 100%; }
    #mainImageSlider .slick-prev, #mainImageSlider .slick-next { top: 120px !important; }
}

@media (max-width: 812px) and (orientation: landscape), (max-width: 432px) {
	.heroImageContainer { height:310px; width: 100%; position: absolute; left:0; z-index:1; text-align: center;}
	#contentBackground{ padding-top: 0; }
	#content { position:relative; margin-top: 310px; z-index:2; }
    .frontpage #content { margin-top: 300px; }
    .breadcrumbsContainer { margin-top: 0; }
    .frontpage .heroImageContainer #almad-parade-1 { margin-top: 5px; }
    .heroImageContainer #almad-parade-1 { margin-top: 0; }
    .carItempageHeaderComponent .titleAndPrice .rightSide { flex-grow: unset; justify-content: space-between;}
	.carItempageHeaderComponent .carPrice { padding-top: 0;}
	.carItempageHeaderComponent .titleAndPrice { padding: 0; }
	.carItempageHeaderComponent .carTitle { margin: 10px 0; }
	
    .select2-container .select2-selection--single { height: 35px !important; }
    .select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 35px !important; font-size: 20px; }
    .select2-container--default .select2-selection--single .select2-selection__arrow { height: 100% !important; }
    .select2-container--default .select2-selection--single .select2-selection__clear { font-size: 30px; }
    .select2-results { font-size: 20px; }
    .select2-container--default .select2-search--dropdown .select2-search__field { height: 30px; font-size: 20px; }

    .select2-container--default .select2-results>.select2-results__options { max-height: 320px; }
    
    .saveSearchListPageTraveller { bottom: 0; }
    .saveSearchLink { margin: 0 !important; }
    
	.advancedSearchWarrantyInputRow:not(:last-child):not(:first-child) { width: 44%; float:left; }
}

@media (max-width: 812px) and (orientation: landscape) {
	.heroImageContainer { background:url('/images/common/AT_etusivu_fiiliskuva_mobiili_812_.jpg') no-repeat; background-size: 100% 310px; }
}

/* Smaller than tablet */
@media (max-width: 750px) {
  .modal .carContainer { display: none; }
  .loginPanelInputContainer input { width: 100%; }
  .facebookLoginPanel { display: block; margin-top: 30px; width: 100%; }
  .normalLoginPanel { width: 100%; }
  .carsListItemImageContainer { text-align: center; }
  .carsListItemImage { max-width: 100%; height: auto; max-height: 210px; }
  .carsListItemCarDetailTopLeftContainer { height: 52px; overflow: hidden; }
  .carsListItemCarNameContainer { margin: 0; }
  #rightBanner { display: block; width: 100%;}
  .articleBox{ display:none }
  [id^="almad-skyscraper"] { display: none}
  .carFactsNewContentPanel { margin: 0; -webkit-column-count: 2;-moz-column-count: 2; column-count: 2; float: none; }
  .carFactsNewContentPanel p { margin: 0; }
	#stickySkyScraper { padding: 0 !important; }
	
	.box .similarCars h2 { display: block; }
	.box .similarCars .tabs { position: relative; width: 98%; margin: 0; bottom: -2px; border-bottom: none;}
	.box .similarCars .tabs .tab { width: 31%; }
	.box .similarCars .tabs .tab a{ font-size: 16px; }
	
	.box .similarCars .carListItems { flex-flow: row wrap; }
	.box .similarCars .carItem { width: 100%; margin-top: 15px; margin-right: 0;}
	.box .similarCars .carItem img { height: auto; }
	
	.carList .carsContainer { flex-flow: row wrap; }
	.carList .carsContainer .item { margin: 0 0 15px 0; width: 100%; }
	.carList .carsContainer img { height: 236px; }
	
	#content.itemPageContent .contactSellerPanel a.button { margin-left: 4px; }
	
	.checkboxInput.radioInput :checked:before { font-size: 11px; left: 2.2px; }
	#newCarsQuickSearch .checkboxInput.radioInput :checked:before { font-size: 15px; left: 3px; }
	.modal .checkboxInput input { width: 20px; height: 20px; }
	.modal .tellAFriendContainer .formLine input.text { width: 100%; }
	.modal .tellAFriendContainer .formLine textarea { width: 100%; }
	.modal .tellAFriendContainer .carAnnouncementURL { overflow-wrap: break-word; }
	.modal .hideListItemInfoTitle { display:none; }
	
	.notifyjs-corner {  width: 80vw;}
	.select2-container--default .select2-selection--single .select2-selection__clear { margin-right: 5px; }
	.compensationPrice .box .similarCars .carItem { margin-top: 0; font-size: 15px; }
}

@media only screen and (max-device-width: 860px) {
	#mainImageSlider .slick-next { opacity: 1; right: 10px; }
	#mainImageSlider .slick-prev { opacity: 1; left: 10px; }
	#imageCarousel .slick-next { opacity: 1; right: 10px; }
	#imageCarousel .slick-prev { opacity: 1; left: 10px; }
}

/* Hi-res screens background-images */
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { 
  	.newlyAdded.dayTwo { background-position: 0 -33px; }
  	.newlyAdded.dayThree { background-position: 0 -66px; }
  	.idcBadge { background-image: url('/images/common/list_pages/idcBadge@2x.png'); }
}

@media screen and (-webkit-min-device-pixel-ratio: 0 ) { 
	.regionAndDealerDropdown .styledSelect select { padding-right: 64px; } 
}
 
@-moz-document url-prefix() { 
	.regionAndDealerDropdown .styledSelect select { padding: 7px 1px 2px 1px; } 
}


input[type='number'] { -moz-appearance:textfield; }
input::-webkit-outer-spin-button,
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }

/* Keyframes */
@keyframes fadeInCss {
 	0% { opacity: 0; }
  	100% { opacity:1; }
}

@-webkit-keyframes fadeInCss {
	0% { opacity: 0; }
  	100% { opacity:1; }
}

/*
* {
 background: #000 !important;
 color: #0f0 !important;
 outline: solid #f00 1px !important;
}