/*
	Suggested order:
--------------------------------------------------
	display, position, float, clear
	width, height
	margin, padding
	border, background
	color, font, line-height, text-align, text-decoration
	vertical-align, white-space, overflow, cursor, list-style
*/

/* Responsive */

/* iPhone portrait */
@media screen and (max-width: 480px) {

    DIV#partnerGoogleAdNormal {
        display: none;
    }

    #advertisementContent {
        font-size: 1.1em;
    }

    #lang,
    #login,
    #advertisementListTableHead,
    #advertisementListTableColumn {
        display: none;
    }

    .smartad,
    .main .smartad_header {
        display: none !important;
    }

    DIV.heading H1,
    DIV.heading H2 {
        width: 70%;
    }

    #wrap {
        width: 95%;
        padding: 2px 2px 2px 2px;
    }

    #paginatorForm,
    #sidebar #details-b,
    #sidebar {
        width: 100%;
        float: none;
    }

    .list-collapse {
        display:none;
        height: 99%;
        overflow: visible !important;
    }

    .list-col UL {
        column-count: 4;
        column-gap: 5px;
        column-width: 130px;
    }

    .list-col UL LI {
        width:100%;
        display: inline-block;
        margin-top: 0;
        font-size: 1.2em;
    }

    #toggle {
        float: right;
        display: inline-block;
        width: 32px;
        height: 22px;
        margin: 10px 5px 0 5px;
        text-indent: -9999px;
        overflow: hidden;
        background: url(collapsed_menu_icon.png) no-repeat;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }

    #slogan-responsive {
        display: block;
        width: 100%;
        height: auto !important;
        text-align: center;
        background: #0e8009;
    }

    #slogan-responsive DIV {
        padding: 10px;
        color: #ffffff;
    }

    #slogan-responsive DIV A {
        padding: 10px 0px;
        color: #ffffff;
        text-decoration: underline;
    }

    #navigationWrapper {
        height: 0;
    }

    .nav-collapse {
        width: 100%;
        position: static;
        min-height: 1px;
        height: auto;
        background: #49bb33;
        opacity: 0.95;
        z-index: 1;
    }

    .nav-collapse #nav LI A {
        display: block;
    }

    .nav-collapse LI.account {
        float: none;
    }

    .nav-collapse #nav-login {
        display: block !important;
        background: #0e8009;
    }

    .nav-collapse #nav-login #lang-responsive {
        text-transform: uppercase;
        margin-top: 0;
    }
    .nav-collapse #nav-login #lang-responsive SPAN {
        padding: 0 3px;
    }
    .nav-collapse #nav-login #lang-responsive A.active {
        font-weight: bold;
    }
    .nav-collapse #nav-login #lang-responsive A {
        font-weight: normal;
    }

    .latestPostsList {
        width: 100% !important;
    }

    #main-content {
        width: 100%;
        float: none;
    }

    #main-content TABLE.info TR TD {
        padding: 5px;
    }

    #sidebar #details-b .image-list {
        width: 100%;
        overflow-x: scroll;
        white-space: nowrap;
        float:left;
        position: relative;
    }

    #sidebar #details-b .image-list .thumbnailWrapper {
        display: inline-block;
        float: none;
    }

    #sidebar #details-b .image-list .thumbnailWrapper.small {
        min-width: 200px;
        min-height: 150px;

        margin-bottom: 10px;
    }

    #sidebar #details-b .image-list .thumbnailWrapper.small > * {
        width: 200px;
        height: 150px;
    }
    #sidebar #details-b .image-list .thumbnailWrapper .product-image IMG {
        max-width: 200px;
        max-height: 150px;
        width: 200px;
        height: 150px;
    }

    .content-footer .action {
        display: none;
    }

    #footer-inner,
    .region-picker{
        width: 100%;
        padding: 5px 0;
    }

    #footer DIV.box01 {
        width: 180px;
        margin: 10px;
        padding: 0;
    }

    #footer DIV.box01 h2 {
        font-size: 15px;
    }

    #footer DIV.box01 .links LI A {
        font-size: 13px;
    }

    .carItem .thumbnailWrapper {
        margin: 0 3px 20px 0;
        width: 100%;
    }

    .carItem .thumbnailWrapper IMG {
        width: 100%;
    }

    .carItem .thumbnailWrapper.largeSkewed > *:first-child {
        display: inline-block;
        width: 100%;
        height: auto;
        min-height: 100px;
    }

    .carItem .thumbnailWrapper:nth-child(even) {
        margin: 0 3px 20px 0;
    }

    .carItem .thumbnailWrapper:nth-child(odd):last-child {
        width: 100%;
    }
}

@media screen and (max-width: 768px) {
    BODY {
        min-width: 100%;
    }

    #main-content > DIV.responsive {
        display: block;
    }

    .feedback,
    .googleAd,
    .adsbygoogle,
    .smartad_footer,
    .rowCellsHaveNoBorderBottom {
        display: none;
    }

    #advertisementContent {
        font-size: 1.1em;
    }

    .block {
        display: block;
    }

    #headerSlogan,


    #logo SPAN,
    #logo2,
    #advertisementListTableHead,
    #pagerTotal,
    #goToPage,
    #main-content .message.uploadInfo {
        display: none;
    }

    .headerActions .searchForm {
        margin: 5px !important;
        width: 65%;
    }

    .headerActions .searchForm #productQ {
        width: 65%;
    }

    .headerActions #login P.info {
        margin: 8px 5px 0 0 !important;
    }

    #wrapHeader {
        width: auto;
    }

    DIV.cols4 UL.links A,
    .brands A {
        font-size: 1.2em;
    }

    .brands .spacer {
        display: none;
    }

    TABLE.data2 {
        font-size: 1.4em;
    }

    .pager {
        float: right;
    }

    #sidebar .blockWrapper {
        width: 99%;
    }

    #sidebar .blockWrapper > DIV {
        display: none;
    }

    .list-collapse {
        display: none;
    }

    #flag-container {
        margin-right: 15px;
    }

    .list-toggle {
        float: right;
        display: inline-block;
        width: 20px;
        height: 12px;
        text-indent: -9999px;
        overflow: visible;
        background: url(collapse-down.png) no-repeat;
        background-size: 20px 12px;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }

    .list-toggle.active {
        background: url(collapse-up.png) no-repeat;
        background-size: 20px 12px;
    }

    DIV.yearsList {
        width: 100%;
        height: 288px;
        float:left;
        position: relative;
        overflow: scroll;
    }

    DIV#chooseYearToggle {
        display:none;
    }

    DIV.relatedAdvertisements,
    DIV.sameAdvertisementOtherParts {
        min-height: 240px;
        margin-bottom: 10px;
    }

    DIV.relatedAdvertisements .nav,
    DIV.sameAdvertisementOtherParts .nav {
        display: none;
    }

    DIV.relatedAdvertisementsList,
    DIV.sameAdvertisementOtherPartsList {
        width: 100%;
        float:left;
        position: relative;
        overflow: scroll;
        height: auto !important;
    }

    DIV.sameAdvertisementOtherPartsList {
        width: 960px;
    }

    #relatedAdvertisementsSlider,
    #sameAdvertisementOtherPartsSlider {
        position: relative;
        width: 1000px;
    }

    #sameAdvertisementOtherPartsSlider .itemGroup {
        width: 100%;
    }

    #header {
        height: auto;
        min-height: 50px;
    }

    #logo {
        width: 80%;
        height: 37px;
        margin: 10px 0 0 3px;
        background-position: inherit;
        /*background: url(Autmo_logo.png) no-repeat left 0;*/
    }

    #latest-blogpost {
        display: none;
    }

    #latest-blogpost-body {
        display: block;
    }

    #recently-viewed {
        min-height: 150px;
    }

    #recently-viewed .thumbnailWrapper {
        margin-right: 5px;
    }

    DIV.steps UL LI {
        margin: 5px 5px 5px 0;
    }

    #chooseYearSlider {
        width: 2000px;
    }

    DIV.cols4 DIV {
        width: 48%;
    }

    .yearsList DIV.cols4 DIV {
        width: 181px;
        margin-bottom: 10px;
    }

    .copyright {
        margin: 10px auto;
    }

    DIV.action SPAN.back {
        font-size: 1em;
    }

    DIV.steps UL LI {
        margin: 5px 5px 5px 0;
    }

    #chooseYearSlider {
        width: 2000px;
    }

    DIV.cols4 DIV {
        width: 48%;
    }

    .yearsList DIV.cols4 DIV {
        width: 181px;
        margin-bottom: 10px;
    }

    .copyright {
        margin: 10px auto;
    }

    DIV.action SPAN.back {
        font-size: 1em;
    }

    #footer UL.links LI A {
        display: block;
    }

    DIV#partnerInfoHeader DIV.textInfo DIV.col50{
        width: 100%;
    }
    DIV#partnerInfoHeader DIV.textInfo {
        width: 100%;
    }
    DIV#partnerInfoHeader DIV.map {
        width: 100%;
    }
    DIV.yearListColumn UL.links {
        margin-top: 0;
    }
    /*DIV#partnerInfoHeader DIV.picture:not(.firstPartnerPicture) {
        display: none;
    }

    DIV#partnerInfoHeader DIV.picture.firstPartnerPicture, DIV#partnerInfoHeader DIV.picture.firstPartnerPicture IMG {
        width: 100%;
    }*/

    #sidebar.partnerPage, DIV#partnerAdvertisementsList {
        display: none;
    }

    DIV#partnerAdvertisementsListResponsive select, DIV#partnerInfoHeader {
        font-size: 16px;
    }

    #main-content.partnerPage {
        float:none;
        font-size: 16px;
    }
    LI.partnerPageAdvertisementRow {
        cursor: pointer;
        border-bottom: 1px solid #e0e0e0;
        padding-top: 5px;
        padding-bottom: 5px;
    }

    DIV#partnerGoogleAdNormal {
        display: none;
    }

    DIV#wrap {
        padding-left: 0;
    }

    /* INDEX PAGE */

    BODY.indexPage #main-content DIV.normal {
        display: none;
    }

    BODY.indexPage #main-content .responsive UL.list {
        margin-top: 2px;
    }

    BODY.indexPage #main-content .responsive {
        padding-bottom: 8px;
    }

    BODY.indexPage .searchFilterResponsiveMainPage .searchForm {
        padding-top: 5px;
    }

    BODY.indexPage .searchFilterResponsiveMainPage INPUT#productQ {
        box-sizing: border-box;
        width: 100%;
    }

    BODY.indexPage #content {
        font-size: 1.2em;
    }

    BODY.indexPage #content .recent .price-place{
        display: none;
    }

    BODY.indexPage #content UL.recent LI{
        font-size: 1.0em;
    }

    BODY.indexPage #content UL.recent H3{
        font-size: 1.0em;
    }

    BODY.indexPage #content UL.recent H3 > A{
        color: #007dd3;
    }

    BODY.indexPage #content UL.recent > LI.sep{
        border-bottom: 1px solid #e0e0e0;
        display: inherit;
    }

    BODY.indexPage #content .recent UL{
        padding-top: 5px;
    }

    /* FORMS IN FANCYBOXES */

    .fancybox-frame INPUT[type="password"],
    .fancybox-frame INPUT[type="email"],
    .fancybox-frame INPUT[type="text"] {
        width: 99%;
    }
}

/* iPad portrait */
@media screen and (min-width: 481px) and (max-width: 768px) {

    #advertisementContent {
        font-size: 1.1em;
    }

    #wrap {
        width: 94%;
        padding: 6px 2% 0 2%;
    }

    #lang {
        right: 5px;
        top: 0px;
    }

    #paginatorForm,
    #sidebar {
        width: 100%;
        float: none;
    }

    #sidebar #details-a {
        width: 100%;
        float: none;
    }

    .nav-collapse {
        width: 100%;
    }

    #slogan-responsive {
        display: block;
        width: 100%;
        height: auto !important;
        text-align: center;
        background: #0e8009;
    }

    #slogan-responsive DIV {
        padding: 10px;
        font-size: 14px;
        color: #ffffff;
    }

    #slogan-responsive DIV A {
        padding: 10px 0px;
        color: #ffffff;
        text-decoration: underline;
    }

    .list-collapse {
        display:none;
        height: 99%;
        overflow: visible !important;
    }

    .list-col UL {
        column-count: 5;
        column-gap: 1px;
        column-width: 120px;
    }

    #main-content {
        width: 100%;
        float: none;
    }

    #footer-inner,
    .region-picker {
        width: 100%;
    }

    #footer DIV.box01 {
        width: 30%;
        margin: 0 1%;
    }
}

/* Some inbetween size */
@media screen and (min-width:769px) and (max-width:970px) {
    BODY {
        min-width: 768px;
    }

    #wrap,
    #wrapHeader {
        width: 768px;
    }

    #headerSlogan {
        width: 400px;
    }

    .nav-collapse {
        width: 750px;
    }

    #main-content {
        width: 540px;
    }

    #footer-inner,
    .region-picker {
        width: 750px;
    }

    #logo2 {
        display: none;
    }

    DIV.yearsList {
        width: 540px;
    }

    .brands .spacer {
        display: none;
    }
}