/*!
 * Carzone Mobile Styles v1
 *
 * by Bartosz Wojciechowski
 *
 */

.iframe .body,
body {
    margin: 0
}

.clearfix:after,
.clearfix:before,
.row:after,
.row:before {
    overflow: hidden;
    height: 0;
    content: ".";
    visibility: hidden
}

body,
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: Roboto, sans-serif
}

h1,
h2 {
    line-height: 1.2
}


body,
h3 {
    font-size: 16px
}

#backButton div,
#header a,
.expand .title,
.submitButton {
    cursor: pointer
}

#footer,
.avivaDisplay h3,
.clear,
.clearfix:after,
.row,
.row:after,
.submit {
    clear: both
}

html {
    font-size: 100%
}

body {
    padding: 0;
    background: #E3E8ED;
    font-size: 1em;
    font-size: 1rem;
    line-height: 1.4;
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: 100%
}

.left {
    float: left
}

.right {
    float: right
}

.center {
    text-align: center;
    margin: 0 0 .3em;
    font-weight: 700
}

.clearfix:after,
.clearfix:before {
    display: block
}

.hidden {
    display: none
}

.success,
.text-blue {
    color: #3e7ab4
}

/*
iframe {
	height:200px!important;
}
*/

.newsDetails iframe {
	height:200px!important;
}

.grey {
-webkit-box-shadow: 0px 0px 0px 1px rgba(85,85,85,1);
-moz-box-shadow: 0px 0px 0px 1px rgba(85,85,85,1);
box-shadow: 0px 0px 0px 1px rgba(85,85,85,1);
}

#footer,
#header,
#wrapper {
    transition: width .2s linear;
    -moz-transition: width .2s linear;
    -webkit-transition: width .2s linear;
    -o-transition: width .2s linear;
    -ms-transition: width .2s linear
}

#wrapper {
    margin: 0 auto;
    position: relative;
    padding-bottom: 10px;
    overflow: hidden
}

.row {
    padding: 0;
    margin: 0
}

.row:after,
.row:before {
    display: block
}

.row .column {
    margin-left: 1.75%;
    display: block;
    float: left
}

.marginBottom {
    margin-bottom: 1.75%
}

.marginTop {
    margin-top: 1.75%
}

.row .full {
    width: 96.5%
}

.row .half {
    width: 47.375%
}

.row .one {
    width: 31%
}

.row .two {
    width: 63.75%
}

.row:after {
    content: "";
    display: table
}

.headerContent {
    width: 100%;
    padding: 1.75%
}

.headerLogo {
    float: left;
    width: 74%
}

.headerSide {
    float: left;
    position: relative;
    width: 13%
}

#header.affix {
    position: fixed;
    top: 0;
    z-index: 9999
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
    font-weight: 700;
    text-rendering: optimizelegibility
}

h4,
h5 {
    font-size: 14px;
    margin-bottom: 1em
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
    font-weight: inherit
}

h1 {
    margin-bottom: 1.75em
}

h1 {
    padding: 10px 10px;
    margin: 0;
    font-size: 20px;
    text-align: center;
    color: #4474a3;
    font-weight: 500;
}


h2 {
    margin-bottom: 1.125em;
    font-size: 18px;
    font-size: 1.125em
}

h3 {
    margin-bottom: .313em;
    font-size: .9em
}

h4 {
    font-size: .875em;
    line-height: 1.25
}

h5 {
    font-size: .8em;
    font-weight: 400
}

.text-header {
    text-shadow: 1px 1px 0 #FFF
}

a {
    color: #369;
    text-decoration: none
}

p {
    font-size: 14px;
    font-size: .875em;
    margin: 0 0 .875em
}

img {
    padding: 0;
    margin: 0;
    border: 0;
    display: block
}

#sideNavi {
    left: 0;
    z-index: 10;
    height: 100%
}

#sideNavi #naviOverlay {
    display: none;
    top: 0;
    left: 0;
    width: 100%;
    height: 640px;
    position: absolute;
    background: #000;
    opacity: .4;
    z-index: 998
}

#sideNavi.open #naviOverlay {
    display: block
}

#sideNavi #naviContent {
    position: absolute;
    top: 0;
    left: -206px;
    width: 200px;
    background: #0a1827;
    color: #FFF;
    z-index: 999;
    -webkit-overflow-scrolling: touch;
    -webkit-perspective: 1000;
    -webkit-backface-visibility: hidden;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.navTransition {
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease
}

#sideNavi.open #naviContent {
    margin-left: -1px
}

#naviContent p {
    color: #9cf;
    font-size: 1em;
    margin: .625em
}

ul#naviList,
ul#naviList li {
    list-style: none;
    margin: 0;
    padding: 0
}

ul#naviList {
    background-color: rgba(255, 255, 255, .96);
    line-height: 1.4;
    -webkit-box-shadow: 3px 3px 8px 0 rgba(0, 0, 0, .4);
    -moz-box-shadow: 3px 3px 8px 0 rgba(0, 0, 0, .4);
    box-shadow: 3px 3px 8px 0 rgba(0, 0, 0, .4)
}

ul#naviList li a {
    display: block;
    color: #fff;
    background: rgba(0, 0, 0, 1);
    padding: 13px 10px 13px 20px;
    font-size: .9em;
    border-bottom: 1px solid #171819
}

ul#naviList li a.active {
    background-color: #000;
    color: #2196F3
}

ul#naviList li.navi-Home a {
    background-position: 10px 6px
}

ul#naviList li.navi-UsedCars a {
    background-position: 10px -54px
}

ul#naviList li.navi-SellCar a {
    background-position: 10px -234px
}

ul#naviList li.navi-Dealers a {
    background-position: 10px -114px
}

ul#naviList li.navi-Favorites a {
    background-position: 10px -174px
}

ul#naviList li.navi-NewCars a {
    background-position: 10px -234px
}

ul#naviList li.navi-MotoringNews a {
    background-position: 10px -294px
}

ul#naviList li.navi-CarReviews a {
    background-position: 10px -354px
}

ul#naviList li.navi-AskCarzone a {
    background-position: 10px -414px
}

ul#naviList li.navi-BuyingGuides a {
    background-position: 10px -474px
}

ul#naviList li.navi-Home a.active {
    background-position: -190px 6px
}

ul#naviList li.navi-UsedCars a.active {
    background-position: -190px -54px
}

ul#naviList li.navi-Dealers a.active {
    background-position: -190px -114px
}

ul#naviList li.navi-Favorites a.active {
    background-position: -190px -174px
}

ul#naviList li.navi-NewCars a.active {
    background-position: -190px -234px
}

ul#naviList li.navi-MotoringNews a.active {
    background-position: -190px -294px
}

ul#naviList li.navi-CarReviews a.active {
    background-position: -190px -354px
}

ul#naviList li.navi-AskCarzone a.active {
    background-position: -190px -414px
}

ul#naviList li.navi-BuyingGuides a.active {
    background-position: -190px -474px
}

#header {
    width: 100%;
    position: relative;
    -moz-box-shadow: 0 4px 10px rgba(0, 0, 0, .3);
    -webkit-box-shadow: 0 4px 10px rgba(0, 0, 0, .3);
    box-shadow: 0 4px 10px rgba(0, 0, 0, .3);
    z-index: 1;
    background: #467aaf;
    border-bottom: 1px solid #3673b3
}

#header a.navigation {
    float: left;
    background: url(../img/menuicon.svg) no-repeat
}

#header a.carzoneLogo {
    display: block;
    margin: 9px auto;
    width: 140px;
    height: 25px
}

#header a.favorites {
    float: right;
    background: url(../img/staricon.svg) no-repeat
}

#header a.favorites,
#header a.navigation {
    display: block;
    width: 40px;
    height: 40px;
    position: relative
}

.popupContent>span,
.shareButtonWrapper .popupContent>span {
    height: 9px;
    background-image: url(../img/whiteButtonArrows.png);
    background-repeat: no-repeat;
    background-position: 0 -22px
}

.fav-text {
    font-family: roboto, sans-serif;
    font-size: 8px;
    color: #fff;
    position: absolute;
    left: 85%;
    top: 37px
}

.popupContent {
    display: none;
    position: absolute;
    z-index: 100;
    background-color: #FFF;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #ccc
}

.popupContent.popup {
    display: block
}

.popupContent>span {
    width: 11px;
    position: absolute;
    top: -8px;
    right: 50%;
    margin-right: -6px
}

#header .popupContent {
    padding: .6em;
    top: 39px;
    right: 0;
    width: 210px;
    text-align: center
}

#header .popupContent>span {
    right: 20px
}

#header .popupContent h4 {
    margin-bottom: 0;
    color: #369
}

#header .popupContent p {
    margin: 0
}

.shareButtonWrapper {
    float: right;
    position: relative
}

.carChoiceButton,
.dealerChoiceButton,
.pair>div:first-child,
h2#subpageTitle {
    float: left
}

.shareButtonWrapper .popupContent {
    right: 0;
    bottom: -80px;
    width: 210px
}

.shareButtonWrapper .popupContent>span {
    width: 11px;
    position: absolute;
    top: -8px;
    right: 28px;
    margin-left: -6px
}

.shareButtonWrapper .popupContent a {
    float: left;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: 10px
}

.shareButtonWrapper .popupContent a:last-child {
    margin-right: 10px
}

#header a span.numberFavorites {
    position: absolute;
    display: block;
    margin-left: 6px;
    min-width: 11px;
    text-align: center;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    background: #c00;
    line-height: 1;
    font-size: 12px;
    font-weight: 700;
    padding: 2px;
    color: #FFF;
    border: 2px solid #FFF;
    text-shadow: 1px 1px #a90000;
    -moz-box-shadow: 1px 1px 2px rgba(153, 153, 153, .5);
    -webkit-box-shadow: 1px 1px 2px rgba(153, 153, 153, .5);
    box-shadow: 1px 1px 2px rgba(153, 153, 153, .5)
}

.frontpageChoice {
    background: #51606f;
    -webkit-border-bottom-left-radius: .313em;
    -webkit-border-bottom-right-radius: .313em;
    -moz-border-radius-bottomleft: .313em;
    -moz-border-radius-bottomright: .313em;
    border-bottom-left-radius: .313em;
    border-bottom-right-radius: .313em
}

.backgroundLight {
    background: url(../img/choice-background-light.png) top no-repeat
}

.choiceHeaders {
    margin: 1em auto;
    width: 18.75em;
    color: #FFF
}

.choiceHeaders a {
    color: #FFF
}

.choiceHeaders h1 {
    margin-bottom: 0;
    background: url(../img/choice-header-icon-mag.png) right no-repeat;
    display: block;
    padding-right: 2.4em;
    color: #fff;
    text-transform: uppercase; //letter-spacing:-.04em;font-size:1.6em}

    .choiceHeaders h5 {
    font-weight: 400
}

.choiceButtons {
    width: 23.75em;
    margin: 1em auto 2em
}

.choiceButtons a {
    width: 49.125%; //width:45.625%;padding:2% 0;background:#FFF;-webkit-border-radius:.313em;-moz-border-radius:.313em;border-radius:.313em;font-weight:400;text-align:center}

.choiceButtons a h4 {
    color: #00A504;
    margin: 10px 0 0;
    font-size: 1.2em
}

.choiceButtons a span {
    display: block;
    color: #666;
    font-size: .8em;
    padding: 0 .5em
}

.carChoiceButton {
    margin-right: 1.75%
}

.carChoiceButton .choiceImage {
    width: 100%;
    height: 64px;
    background: url(../img/choice-button-car.png) center no-repeat
}

.dealerChoiceButton .choiceImage {
    width: 100%;
    height: 64px;
    background: url(../img/choice-button-dealer.png) center no-repeat
}

.buttonGeneric {
    position: relative;
    display: block;
    background: url(../img/button-white-generic-arrow.png) right no-repeat #FFF;
    padding: .625em;
    border: 1px solid #d6d6d6;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 1px 1px 0 rgba(0, 0, 0, .1);
    box-shadow: 1px 1px 0 rgba(0, 0, 0, .1);
    -moz-box-shadow: 1px 1px 0 rgba(0, 0, 0, .1);
    margin-bottom: 5px
}

.buttonGeneric.large {
    padding: .875em .625em
}

.buttonGeneric.down {
    background: url(../img/forms-icon-dropdown.png) right no-repeat #FFF
}

.buttonGeneric .ButtonTitle {
    display: block;
    color: #369;
    font-size: 1.125em;
    font-weight: 700;
    line-height: 1.2
}

.buttonGeneric .ButtonSubTitle {
    display: block;
    color: #666;
    font-size: .8em;
    line-height: 1.2
}

.ButtonNewIcon {
    height: 30px;
    width: 30px;
    position: absolute;
    top: 0;
    left: 0;
    background: url(../img/btn-new-icon.png) no-repeat
}

.ButtonAskCarzone .ButtonTitle {
    margin-left: 10px
}

.buttonGroup .buttonGeneric {
    margin-bottom: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    border-right: 0;
    border-left: 0;
    border-bottom: 0
}

.buttonGroup .buttonGeneric:first-child {
    border-top: 0;
    -webkit-border-top-left-radius: .313em;
    -webkit-border-top-right-radius: .313em;
    -moz-border-radius-topleft: .313em;
    -moz-border-radius-topright: .313em;
    border-top-left-radius: .313em;
    border-top-right-radius: .313em
}

.buttonGroup .buttonGeneric:last-child {
    -webkit-border-bottom-left-radius: .313em;
    -webkit-border-bottom-right-radius: .313em;
    -moz-border-radius-bottomleft: .313em;
    -moz-border-radius-bottomright: .313em;
    border-bottom-left-radius: .313em;
    border-bottom-right-radius: .313em
}

.expand {
    background: #FFF;
    border-radius: .313em;
    border: 1px solid #d6d6d6;
    box-shadow: 2px 2px 3px rgba(0, 0, 0, .3);
    -moz-box-shadow: 2px 2px 3px rgba(0, 0, 0, .3);
    margin-bottom: 5px;
    -webkit-transition: background 300ms ease;
    -moz-transition: background 300ms ease;
    -ms-transition: background 300ms ease;
    -o-transition: background 300ms ease;
    transition: background 300ms eas
}

.dealerLocation ol li,
.expand {
    -webkit-box-shadow: 2px 2px 3px rgba(0, 0, 0, .3)
}

.expand,
.expand .title {
    display: block;
    -webkit-border-radius: .313em;
    -moz-border-radius: .313em
}

.expand .title {
    color: #369;
    font-size: 1.125em;
    font-weight: 700;
    line-height: 1.2;
    padding: .625em;
    background: url(../img/forms-icon-dropdown.png) right no-repeat #FFF;
    border-radius: .313em
}

.hiddenExpand {
    overflow: hidden;
    visibility: none;
    height: 0;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease
}

.hiddenExpand.show {
    padding: 10px;
    overflow: show;
    visibility: visible;
    height: 120px
}

.noBg,
.noBg .title {
    background: 0 0
}

#footer {
    background: #FFF;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc
}

#footer p {
    color: #999;
    font-size: .875em;
    margin: 0
}

#footer .facebook,
#footer .linkedin,
#footer .twitter {
    margin-left: 10px;
    width: 35px;
    height: 35px
}

#footer .linkedin {
    background: url(../img/footer-icon-linkedin.png) no-repeat
}

#content {
    color: #666
}

.dealerTitle {
    text-shadow: none;
    margin: 0;
    text-align: center
}

.dealerLocation ol {
    list-style: none;
    margin: 0;
    padding: 0
}

.dealerLocation ol li {
    background: url(../img/button-white-generic-arrow.png) right no-repeat #FFF;
    margin: 0 0 .5em;
    padding: .313em;
    display: block;
    text-decoration: none;
    border: 0 solid #ccc;
    -webkit-border-radius: .3em;
    -moz-border-radius: .3em;
    border-radius: .3em;
    box-shadow: 2px 2px 3px rgba(0, 0, 0, .3);
    -moz-box-shadow: 2px 2px 3px rgba(0, 0, 0, .3)
}

.dealerLocation a {
    display: block;
    padding: 10px;
    font-size: .875em;
    font-weight: 400
}

.dealerLocation .org {
    font-size: 1em;
    color: #3e7ab4;
    font-weight: 700;
    margin-bottom: 5px
}

.dealerLocation .distance {
    display: inline;
    color: #f06f10
}

.dealerLocation div,
.dealerLocation span {
    color: #666
}

#subpageHeader {
    background: #4c4c4c;
    border-top: 1px solid #4c4c4c;
    display: none
}

#backButton div,
#refineButton a,
#refineButtonhome a {
    height: 35px;
    display: block
}

#backButton,
#refineButton {
    position: absolute;
    width: 100%;
    min-height: 1px;
    right: 5px
}

h2#subpageTitle {
    width: 36%;
    text-align: center;
    overflow: hidden;
    color: #FFF;
    font-size: .8em;
    font-weight: 400;
    margin: 11px 0
}

label,
textarea {
    font-size: .875em
}

#backButton div {
    background: url(../img/subpage-backButton.svg) no-repeat;
    width: 100%
}

#refineButton a {
    background: url(../img/subpage-refine-icon-white.svg) right no-repeat;
    width: 40px
}

#refineButtonhome a {
    background: url(../img/subpage-refine-icon-search.svg) -3px 0 no-repeat;
    width: 44px
}

input,
select,
textarea {
    width: 100%
}

input,
input[type=week],
input[type=number],
input[type=email],
input[type=url],
input[type=search],
input[type=tel],
input[type=color],
input[type=text],
input[type=password],
input[type=datetime],
input[type=datetime-local],
input[type=date],
input[type=month],
input[type=time],
select,
textarea {
    display: inline-block;
    vertical-align: middle;
    background: #FFF;
    margin: 0 0 10px;
    outline: 0;
    color: #369;
    font-size: .875em;
    border: 0 solid #ccc;
    font-family: Roboto, sans-serif;
    font-weight: 500;
    -webkit-box-shadow: 1px 1px 0 rgba(0, 0, 0, .1);
    box-shadow: 1px 1px 0 rgba(0, 0, 0, .1);
    -moz-box-shadow: 1px 1px 0 rgba(0, 0, 0, .1);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

input#Refine,
select,
select[disabled] {
    background-repeat: no-repeat;
    background-position: right
}

.hiddenAdvancedForm.showMe,
.hiddenRefineForm.showMe,
label,
span.errorLabel {
    display: block
}

input {
    text-indent: 1em;
    padding: .9em 0
}

select {
    padding: 12px 20px;
    background-image: url(../img/forms-icon-dropdown.png)
}



select[disabled] {
    background-image: url(../img/forms-icon-dropdown-disabled.png);
    color: gray
}

input#Refine {
    background-image: url(../img/subpage-refine-icon.svg);
    text-indent: -5em
}

.listControl {
    background: rgba(255, 255, 255, 1);
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 1) 0, rgba(246, 246, 246, 1) 60%, rgba(227, 232, 237, 1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0, rgba(255, 255, 255, 1)), color-stop(60%, rgba(246, 246, 246, 1)), color-stop(100%, rgba(227, 232, 237, 1)));
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0, rgba(246, 246, 246, 1) 60%, rgba(227, 232, 237, 1) 100%);
    background: -o-linear-gradient(top, rgba(255, 255, 255, 1) 0, rgba(246, 246, 246, 1) 60%, rgba(227, 232, 237, 1) 100%);
    background: -ms-linear-gradient(top, rgba(255, 255, 255, 1) 0, rgba(246, 246, 246, 1) 60%, rgba(227, 232, 237, 1) 100%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0, rgba(246, 246, 246, 1) 60%, rgba(227, 232, 237, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e3e8ed', GradientType=0);
    padding-top: 5px
}

.listControl input,
.listControl select {
    margin: 0;
    border-radius: 0;
    box-shadow: none;
    background-color: initial
}

.listControl .column {
    padding: 5px 0
}

.listControl select {
    padding: 0;
    background-position: left;
    text-indent: 2em
}

.listControl input {
    padding: 0
}

input[type=checkbox],
input[type=radio] {
    width: 1.6em;
    height: 1.6em;
    padding: 0;
    margin: 0 .625em 0 0;
    cursor: pointer;
    -webkit-border-radius: 30px;
    border-radius: 30px;
    -moz-appearance: checkbox
}

input[type=checkbox] {
    -webkit-border-radius: .2em;
    border-radius: .2em
}

input[type=radio] {
    -moz-appearance: radio
}

input[type=checkbox]:checked,
input[type=radio]:checked {
    background: #369;
    border: 8px solid #fff
}


@-moz-document url-prefix() {
    select {
        background-image: none!important
    }
}

label {
    text-align: left;
    margin: .3em 0 .3em 1em;
    font-weight: 400;
    text-shadow: 1px 1px #FFF
}

label.checkbox,
label.radio {
    text-align: left;
    display: block;
    margin: 0 0 .625em;
    color: #666;
    font-weight: 400
}

textarea {
    box-sizing: border-box;
    padding: 16px
}

select:focus {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    outline: 0
}

.pair>div {
    width: 48%
}

.pair.threeQuarters>div:first-child {
    width: 70%
}

.pair.threeQuarters>div:last-child {
    width: 30%
}

.pair>div:last-child {
    float: right
}

select.make,
select.model {
    font-size: 1.06em;
    color: #369;
    padding: 10px 20px
}

select.model[disabled] {
    color: gray
}

.submit {
    margin-top: .875em
}

.submitButton {
    text-align: center;
    font-family: roboto, sans-serif;
    font-size: 1.125em;
    font-weight: 700;
    color: #FFF;
    float: right;
    border: 0;
    padding: 12px;
    margin: 0 0 .625em;
    width: 100%;
    text-indent: 0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background: #00A504
}

.advancedButton {
    color: #fff;
    font-size: .875em;
    font-weight: 400;
    height: 44px;
    padding: 0 12px;
    margin: 0 0 .625em;
    background: #4474a3;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px
}

.actionButtons,
.advancedButton {
    cursor: pointer;
    width: 100%;
    text-align: center;
    border: 0
}

.actionButtons {
    text-shadow: 1px 1px #24588a;
    font-size: 1.125em;
    font-weight: 700;
    color: #FFF;
    float: right;
    padding: 12px 0;
    text-indent: 0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background: #205a92
}

span.errorLabel {
    color: #c33;
    text-shadow: 1px 1px #FFF;
    text-align: left;
    margin: 0 1em;
    font-weight: 700;
    font-size: .875em
}

.errorTarget {
    border: 2px solid #c33
}

.hiddenAdvancedForm,
.hiddenRefineForm {
    height: 0;
    overflow: hidden;
    -webkit-transform: translateZ(0);
    -webkit-perspective: 1000;
    -webkit-backface-visibility: hidden;
    -webkit-transition: height 300ms ease;
    -moz-transition: height 300ms ease;
    -ms-transition: height 300ms ease;
    -o-transition: height 300ms ease;
    transition: height 300ms ease
}

.hiddenFormDivider {
    border-bottom: 1px solid #ababab;
    border-top: 1px solid #FFF;
    height: 0
}

#loader {
    height: 480px;
    background: url(../img/ajax-loader.gif) 50% 50% no-repeat
}

.pagination {
    width: 100%;
    height: 46px;
    display: inline-block;
    vertical-align: middle;
    background: #FFF;
    margin: 0 0 10px;
    outline: 0;
    color: #369;
    border: 0 solid #ccc;
    font-family: Roboto, sans-serif;
    box-shadow: 2px 2px 3px rgba(0, 0, 0, .3);
    -moz-box-shadow: 2px 2px 3px rgba(0, 0, 0, .3);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px
}

.dealerAddressWrapper,
.pagination {
    -webkit-box-shadow: 2px 2px 3px rgba(0, 0, 0, .3)
}

.pagination>div {
    float: left
}

.paginationButton {
    width: 20%;
    height: 100%
}

.paginationNumbers {
    width: 60%;
    text-align: center;
    padding: 7px 0
}

.paginationNumbers .page {
    font-size: 1em;
    font-weight: 700;
    color: #333;
    display: block;
    line-height: 1
}

.paginationNumbers .pages {
    font-size: .75em;
    font-weight: 400;
    color: #999;
    display: block
}

.paginationButton a {
    display: block;
    height: 100%;
    background-image: url(../img/paginations-arrows.png);
    background-repeat: no-repeat
}

.paginationButton .prev {
    background-position: 0 -90px
}

.paginationButton .prev.disabled {
    background-position: 0 -135px
}

.paginationButton .next {
    background-position: 100% 0
}

.paginationButton .next.disabled {
    background-position: 100% -45px
}

.listing .item {
    background-color: #FFF;
    margin: 0 0 .5em;
    padding: .2em;
    display: block;
    border-bottom: 1px solid #ccc;
    border-radius: .2em
}

.listing .item,
,
.listing .itemContent {
    -webkit-border-radius: .2em;
    -moz-border-radius: .2em
}

.listing .itemContent {
    background: #FFF;
    padding: .313em;
    position: relative;
    border-radius: .2em
}

.rsDefault .rsBullets,
.rsDefault .rsFullscreenBtn {
    z-index: 0!important
}

.listing .thumbnail {
    width: 35%;
    float: left
}

.listing .thumbnail img {
    border: 0;
    margin: 0;
    padding: 0;
    display: block;
    width: 100%;
    -webkit-border-radius: .2em;
    -moz-border-radius: .2em;
    border-radius: .2em
}

.listing .description {
    width: 62%;
    float: left;
    margin-left: 3%
}

.listing .description h4 {
    color: #3e7ab4;
    margin-bottom: .3em
}

.listing .description p {
    color: #666;
    font-size: .75em;
    margin: 0;
    line-height: 1.4;
    font-weight: 500
}

.listing.newCars .price {
    font-size: .875em
}

.listing.usedCars .usedCarDescription {
    width: 85%;
    float: left
}

.listing.usedCars h4 {
    margin-bottom: 0
}

.listing.usedCars h4 span.year {
    color: #000
}

.listing.usedCars h5 {
    color: #369;
    margin-bottom: 0;
    font-weight: 500
}

.listing.usedCars .price {
    font-size: .875em;
    font-weight: 700;
    color: #333;
    display: block;
    text-align: right;
    position: absolute;
    right: 5px;
    bottom: 5px
}

.listing.usedCars .favoritesAction {
    background-image: url(../img/usedcars-list-favorites.png);
    background-repeat: no-repeat;
    width: 30px;
    height: 35px;
    display: block;
    position: absolute;
    top: 5px;
    right: 5px
}

.listing.usedCars .favoritesAction.add {
    background-position: 0 0
}

.listing.usedCars .favoritesAction.added {
    background-position: 0 -35px
}

#seoMakeModelName {
    text-align: left;
    font-size: .8em;
    font-weight: 500
}

#displayResultNo {
    text-align: right;
    font-size: .9em;
    font-weight: 400;
    padding-top: .2em;
    padding-right: .2em
}

.listing.newCars h5 {
    color: #369;
    margin-bottom: 0
}

.listing.newCars strong.price {
    font-size: .875em;
    color: #333;
    display: block;
    text-align: left;
    right: 5px;
    bottom: 5px
}

.listing.usedCars .featuredUsedCar {
    padding: .06em
}

.listing.usedCars .featuredUsedCar .itemContent {
    padding: .2em
}

.listing.usedCars .featuredUsedCar h3 {
    margin-bottom: .1em;
    padding-left: .5em;
    padding-top: .2em
}

.listing.usedCars .featuredUsedCar h3 a {
    color: #FFF;
    font-size: .8em;
    font-weight: 500
}

.listing.usedCars .featuredUsedCar.blue {
    background-color: #4582c7;
    color: #FFF
}

.listing.usedCars .featuredUsedCar.orange {
    background-color: #e16420;
    color: #FFF
}

.MPUSERPbanner,
.fpabannermpu,
div#smallbanner {
    width: 100%;
    background: rgba(0, 0, 0, .7)
}

div#smallbanner {
    position: fixed;
    bottom: 0;
    left: 0
}

div#smallbanner .close {
    position: absolute;
    top: -20px;
    right: 0
}

.detailsHeader,
.whiteButton {
    position: relative
}

.fpabannermpu {
    padding-top: 2px;
    padding-bottom: 5px
}

.MPUSERPbanner {
    padding-top: 1px;
    padding-bottom: 2px;
    text-align: center;
    text-align: -moz- center
}

#MPUSERPbanner {
    padding-bottom: 8px
}

div#smallbanner img {
    max-width: 320px;
    margin: 0 auto
}

.dealerAddressWrapper .address h3,
.detailsHeader h4,
.detailsHeader h5.variant,
.listing.dealers h5 {
    margin-bottom: 0
}

.detailsHeader h4 {
    color: #369;
	font-size: .92em;
}

.detailsHeader h1 {
padding: 5px 0px;
font-size: 18px;
text-align: left;
}

.headerdescription h5 {
	padding: 5px 12px;
	margin-bottom: 0;
}

.whiteButton {
    width: 4.5em;
    display: block;
    background-color: #FFF;
    border: 1px solid #ccc;
    font-size: .75em;
    padding-top: 2.8em;
    padding-bottom: .3em;
    text-align: center;
    float: right;
    color: #333;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    margin-left: .625em;
    cursor: pointer
}

.whiteButton.pointDown span,
.whiteButton.pointLeft span {
    position: absolute;
    background-image: url(../img/whiteButtonArrows.png);
    background-repeat: no-repeat
}

.whiteButton.pointDown span {
    width: 11px;
    height: 9px;
    bottom: -9px;
    left: 50%;
    margin-left: -6px
}

.whiteButton.pointLeft span {
    width: 9px;
    height: 11px;
    left: -9px;
    top: 50%;
    margin-top: -6px;
    background-position: 0 -10px
}

.whiteButton.favorites,
.whiteButton.favorites.remove,
.whiteButton.locate,
.whiteButton.share {
    background-repeat: no-repeat;
    background-image: url(../img/whiteButtonIcons.png)
}

.whiteButton.favorites {
    background-position: 50% -55px
}

.whiteButton.favorites.remove {
    background-position: 50% -110px
}

.whiteButton.locate {
    background-position: 50% -165px;
    width: 6em
}

.detailsHeader h4.price {
    margin-bottom: 0;
    color: #333
}

.contactButtons a {
    color: #FFF;
    display: block;
    padding: 10px 0;
    font-size: 18px;
    font-weight: 700;
    text-align: center;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px
}

.contactButtons .call {
    background-image: url(../img/contactButtons.png);
    background-position: 25px 0;
    background-repeat: no-repeat;
    background-color: #56a417
}

.contactButtons .email
 {
    background-image: url(../img/contactButtons.png);
    background-position: 18px -47px;
    background-repeat: no-repeat
}
.contactButtons .livechat{
    background-image: url(../img/contactButtons.png);
    background-position: 18px -90px;
    background-repeat: no-repeat
}

.contactButtons .email {
    background-color: #369
}

.contactButtons .livechat {
    background-color: #369
}

a.sellerContactButton.call,
a.sellerContactButton.email {
    background-image: url(../img/seller-contact-buttons.png);
    background-repeat: no-repeat
}

a.sellerContactButton {
    display: block;
    height: 46px;
    width: 145px
}

a.sellerContactButton.call {
    background-position: 0 0;
    float: right
}

a.sellerContactButton.email {
    background-position: 0 -46px;
    float: left
}

.dealerAddressWrapper {
    padding: 1em;
    background: #FFF;
    box-shadow: 2px 2px 3px rgba(0, 0, 0, .3);
    -moz-box-shadow: 2px 2px 3px rgba(0, 0, 0, .3);
    -webkit-border-radius: .313em;
    -moz-border-radius: .313em;
    border-radius: .313em
}

.dealerAddressWrapper .address {
    width: 60%;
    float: left
}

.dealerAddressWrapper.noLocateIcon .address {
    width: 100%;
    float: none
}

.dealerAddressWrapper .address address {
    font-size: .875em
}

.dealerAddressWrapper .address address a {
    font-style: normal
}

.well {
    position: relative;
    /*background: #FFF;*/
    -webkit-box-shadow: 1px 1px 0 rgba(0, 0, 0, .1);
    box-shadow: 1px 1px 0 rgba(0, 0, 0, .1);
    -moz-box-shadow: 1px 1px 0 rgba(0, 0, 0, .1);
    -webkit-border-radius: .1em;
    -moz-border-radius: .1em;
    border-radius: .1em
}

.well.padding1em {
    padding: 1em
}

.well.padding05em {
    padding: .5em
}

.well.padding05em p,
.well.padding05em p:last-child {
    padding-left: 0;
    padding-right: 0
}

.well p,
.well p+p,
.well p:last-child {
    padding: 0
}

.tableWrapper {
    background: #FFF;
    -webkit-box-shadow: 2px 2px 3px rgba(0, 0, 0, .3);
    box-shadow: 2px 2px 3px rgba(0, 0, 0, .3);
    -moz-box-shadow: 2px 2px 3px rgba(0, 0, 0, .3);
    -webkit-border-radius: .313em;
    -moz-border-radius: .313em;
    border-radius: .313em
}

table.genericTable {
    width: 100%;
    border: 0;
    border-collapse: collapse;
    padding: 0;
    margin: 0
}

table.genericTable tr th {
    padding: .5em;
    border-bottom: 1px solid #ccc
}

table.genericTable tr td.comments {
    padding: 1em
}

table.genericTable tr td {
    padding: .5em;
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
    font-size: .875em
}

table.genericTable tr td:first-child {
    font-weight: 700
}

table.genericTable tr td:last-child {
    border-right: 0;
    font-weight: 400
}

table.genericTable tr:last-child td {
    border-bottom: 0
}

table.genericTable.twoColumns tr td {
    width: 50%
}

.listing.dealers .item {
    padding: 0
}

.listing.dealers .itemContent {
    margin: 0;
    padding: 0;
    float: none
}

.listing.dealers .description {
    width: 70%;
    float: left;
    margin-left: 0
}

.listing.dealers .distance {
    width: 30%;
    float: left;
    min-height: 85px;
    overflow: hidden;
    background: url(../img/dealer-listing-distance-bg.png) left repeat-y
}

.listing.dealers .distance a {
    width: 100%;
    padding: 45px 0 20px;
    display: block;
    text-align: center;
    color: #666;
    background: url(../img/dealer-listing-distance-icon.png) 50% 30% no-repeat
}

.listing.dealers h3 {
    font-size: 1em;
    padding: 10px 0 0 10px
}

.listing.dealers h5 {
    padding: 0 0 10px 10px
}

#newCarsVersion table.genericTable tr td {
    padding: .8em .5em
}

.keyfacts th {
    color: #369
}

.newCarDetailsGallery.rsDefault .rsBullet span {
    background: #777
}

.newCarDetailsGallery.rsDefault .rsBullet.rsNavSelected span {
    background: #000
}

.list-video {
    background: url(../img/play-icon.png) center no-repeat;
    position: absolute;
    top: 0;
    width: 35%;
    height: 100%
}

.reviewList .listing .itemContent {
    background: 0 0
}

.stars50 {
    background-position: 0 0
}

.rating {
    background-image: url(../img/stars.png);
    background-repeat: no-repeat;
    height: 15px;
    margin-bottom: 5px
}

.stars45 {
    background-position: 0 -15px
}

.stars40 {
    background-position: 0 -30px
}

.stars35 {
    background-position: 0 -45px
}

.stars30 {
    background-position: 0 -60px
}

.stars25 {
    background-position: 0 -75px
}

.stars20 {
    background-position: 0 -90px
}

.stars15 {
    background-position: 0 -105px
}

.stars10 {
    background-position: 0 -120px
}

.stars5 {
    background-position: 0 -135px
}

.stars0 {
    background-position: 0 -150px
}

/* Changes for Reviews Listing */
.reviewList .listing .item {padding: 0;border: 0;border-radius: 0;margin: 0 0 1em;}
.reviewList .listing .itemContent {background: none;padding: 0;border-radius: 0;}
.reviewList .listing .thumbnail {width: 100%;float: none;}
.reviewList .listing .thumbnail img {border-radius: 0;min-height: 235px;}
.reviewList .list-video {width: 100%;height: 100%;}
.reviewList .listing .description {width: 100%;float: none;margin-left: 0;}
.reviewList .listing .description h4 {font-size: 1em; color: #fff;margin-bottom: 0;position: absolute;top: 0;background: rgba(51, 102, 153, 0.8);width: 95%;padding: 8px;}
.reviewList .listing .rating {font-size: 1em; background: #5cb85c;color: #FFF;padding: 8px;font-size: 1em;text-align: center;position: absolute;right: 0;top: 0;font-weight: bold;min-width: 40px;min-height: 20px;}
.reviewList .listing .description p {color: #369;font-size: 13px;margin: 0;font-weight: 400;padding: 10px 8px;}
.reviewList .listing .clickarrow {background-image: url(../img/kbtab.svg);background-repeat: no-repeat;height: 18px;width: 18px;background-size: 18px;position: absolute;right: 5px;bottom:10px;}
/* End Changes for Reviews Listing */

.descriptionGallery img {
    width: 100%;
    height: auto
}

.newsDetails .newsInfo {
    border-top: 1px solid #ccc;
    margin-top: 10px;
    padding-top: 10px;
    margin-bottom: 0;
    color: #999
}

.newsDetails img {
    width: 100%;
    border: 0;
    padding: 0;
    display: block;
    margin: 0 auto;
    -webkit-border-radius: .3em;
    -moz-border-radius: .3em;
    border-radius: .3em
}

.questionDetails .questionInfo {
    border-top: 1px solid #ccc;
    margin-top: 10px;
    padding-top: 10px;
    margin-bottom: 0;
    color: #999
}

.questionDetails img {
    max-width: 100%;
    border: 0;
    padding: 0;
    display: block;
    margin: 0 auto;
    -webkit-border-radius: .3em;
    -moz-border-radius: .3em;
    border-radius: .3em
}

.answer-content {
    background-color: #f3f3f3;
    border: 1px solid transparent;
    border-radius: 3px;
    margin-top: 20px;
    padding: 5px 10px
}

#dealerDirection #map {
    height: 180px
}

#dealerDirection #adp-placemark,
#dealerDirection .adp-placemark {
    font-size: 14px;
    padding: 5px;
    color: #369;
    box-shadow: 2px 2px 3px rgba(0, 0, 0, .3);
    -moz-box-shadow: 2px 2px 3px rgba(0, 0, 0, .3);
    -webkit-border-radius: .313em;
    -moz-border-radius: .313em;
    border-radius: .313em
}

#dealerDirection #adp-placemark,
#dealerDirection .adp-directions tr,
#dealerDirection .adp-placemark {
    margin: 0 0 10px;
    border: 0;
    position: relative;
    background: #FFF;
    -webkit-box-shadow: 2px 2px 3px rgba(0, 0, 0, .3)
}

#dealerDirection .adp-summary {
    padding-bottom: 10px;
    font-weight: 700
}

#dealerDirection .adp-directions {
    display: block;
    width: 100%
}

#dealerDirection .adp-directions tbody {
    display: block
}

#dealerDirection .adp-directions tr {
    overflow: hidden;
    display: block;
    padding: 10px;
    box-shadow: 2px 2px 3px rgba(0, 0, 0, .3);
    -moz-box-shadow: 2px 2px 3px rgba(0, 0, 0, .3);
    -webkit-border-radius: .313em;
    -moz-border-radius: .313em;
    border-radius: .313em
}

#dealerDirection .adp-directions tr td:first-child {
    padding-right: 5px;
    color: #666
}

#dealerDirection .adp-directions tr td:nth-child(2) {
    word-break: break-word
}

#dealerDirection .adp-directions tr td:last-child {
    padding-left: 5px;
    color: #666
}

#dealerDirection .adp-directions td {
    border-top: 0;
    padding: 0;
    font-size: 14px;
    color: #369
}

.success {
    padding: .2em .313em;
    background: #95bee5;
    color: #FFF;
    text-align: center;
    -webkit-border-radius: .313em;
    -moz-border-radius: .313em;
    border-radius: .313em
}

.avivaDisplay {
    padding: 1em;
    background: url(../img/aviva_insurance.jpg) #FFF
}

.avivaDisplay h3 {
    float: right;
    font-size: 20px;
    font-weight: 700;
    width: 60%
}

.avivaDisplay span {
    float: right;
    font-size: 8px;
    clear: both
}

#fpabanner {
    margin: 0 auto;
    width: 320px
}

.ptsblogo {
    width: 90px;
    height: 30px;
    float: right;
    padding-right: 50px;
    padding-top: 5px
}

@media (-webkit-min-device-pixel-ratio:2),
(min-resolution:192dpi) {
    #header a.carzoneLogo {
        background-size: 145px 39px
    }
    #header a.navigation {
        background: url(../img/menuicon.svg) 0 5px no-repeat
    }
    #header a.favorites {
        background: url(../img/staricon.svg) 10px 0 no-repeat
    }
    .choiceHeaders h1 {
        background: url(../img/choice-header-icon-mag@2x.png) right no-repeat;
        background-size: 90px 90px
    }
    .dealerChoiceButton .choiceImage {
        background: url(../img/choice-button-dealer@2x.png) center no-repeat;
        background-size: 128px 64px
    }
    .carChoiceButton .choiceImage {
        background: url(../img/choice-button-car@2x.png) center no-repeat;
        background-size: 128px 64px
    }
    .buttonGeneric,
    .dealerLocation ol li {
        background: url(../img/button-white-generic-arrow@2x.png) right no-repeat #FFF;
        background-size: 46px 46px
    }
    .ButtonNewIcon {
        background: url(../img/btn-new-icon.png) no-repeat;
        background-size: 30px 30px
    }
    .listing.usedCars .favoritesAction {
        background-image: url(../img/usedcars-list-favorites@2x.png);
        background-size: 30px 70px
    }
    select,
    select[disabled] {
        background-size: 36px 36px
    }
    .listing.usedCars .favoritesAction.add {
        background-position: 0 0
    }
    .listing.usedCars .favoritesAction.added {
        background-position: 0 -35px
    }
    select {
        background-image: url(../img/icon-dropdown.svg)
    }
    select[disabled] {
        background-image: url(../img/icon-dropdown-grey.svg)
    }

}

@media (max-width:479px) {
    .carChoiceButton,
    .row .column:last-child {
        margin-right: 3.125%
    }
    #wrapper {
        width: 100%
    }
    .row .column {
        margin-left: 3.125%
    }
    .marginTop {
        margin-top: 1.75%
    }
    .marginBottom {
        margin-bottom: 1%
    }
    .row .full {
        width: 93.75%
    }
    .row .half {
        width: 45.3125%
    }
    .row .one {
        width: 29.166666666666666666666666666667%
    }
    .row .two {
        width: 61.45833333333333333333333333332%
    }
    #headerContent {
        width: 93.75%;
        padding: 3.125%
    }
    .choiceButtons,
    .choiceHeaders {
        width: 100%
    }
    .choiceButtons a {
        width: 48.4375%;
        padding: 3.125% 0;
        min-height: 8.125em
    }
}

@media (min-width:480px) and (max-width:599px) {
    #wrapper {
        margin: auto;
        width: 100%
    }
    .carChoiceButton,
    .row .column:last-child {
        margin-right: 2%
    }
    .row .column {
        margin-left: 2%
    }
    .marginTop {
        margin-top: 2%
    }
    .marginBottom {
        margin-bottom: 2%
    }
    .row .full {
        width: 96%
    }
    .row .half {
        width: 47%
    }
    .row .one {
        width: 30.666666666666666666666666666667%
    }
    .row .two {
        width: 63.33333333333333333333333333332%
    }
    #headerContent {
        width: 96%;
        padding: 2%
    }
    .choiceButtons {
        width: 100%
    }
    .choiceButtons a {
        width: 49%;
        padding: 2% 0;
        min-height: 8.125em
    }
}

@media (min-width:600px) and (max-width:767px) {
    #wrapper {
        margin: auto;
        width: 600px
    }
    .marginTop,
    .row .column {
        margin-top: 1.658374792703150912106135986735%
    }
    .row .column {
        margin-left: 1.658374792703150912106135986735%
    }
    .marginBottom {
        margin-bottom: 1.658374792703150912106135986735%
    }
    .row .column:last-child {
        margin-right: 1.658374792703150912106135986735%
    }
    .row .full {
        width: 96.683250414593698175787728026534%
    }
    .row .half {
        width: 47.512437810945273631840796019898%
    }
    .row .one {
        width: 31.122166943062465450525152017687%
    }
    .row .two {
        width: 63.902708678828081813156440022108%
    }
    #headerContent {
        width: 96%;
        padding: 2%
    }
    .choiceButtons {
        width: 23.75em
    }
    .choiceButtons a {
        width: 47.512%;
        padding: 1.658% 0;
        min-height: 8.125em
    }
    .carChoiceButton {
        margin-right: 2%
    }
}

@media (min-width:768px) {
    #wrapper {
        width: 768px
    }
}

@media (max-width:321px) {
.reviewList .listing .thumbnail img {min-height: 180px;}	
}

.display-on {
    display: block!important
}

.no-js #loader {
    display: none
}

.js #loader {
    display: block;
    position: absolute;
    left: 100px;
    top: 0
}

.se-pre-con {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: url(../img/Preloader_21.gif) center/80px 80px no-repeat
}

.itemContent.sponsored.clearfix {
    background-color: #fef7c6;
}

.sponsoredlabel {
    font-size: small;
    color: grey;
    font-style: italic;
}