header .sub-nav .converter {
        background: url(../img/sprite.png) -22px 0 no-repeat;
        display: block;
        float: right;
        height: 50px;
        line-height: 50px;
        font-family: 'Helvetica Neue', Arial, sans-serif;
        color: #fff;
        font-size: 14px;
        text-decoration: none;
        text-align: center;
        background: #3c3c3c;
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjM2MzYzNjIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzI4MjgyOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
        background: -moz-linear-gradient(-45deg, #3c3c3c 0%, #282828 100%);
        background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #3c3c3c), color-stop(100%, #282828));
        background: -webkit-linear-gradient(-45deg, #3c3c3c 0%, #282828 100%);
        background: -o-linear-gradient(-45deg, #3c3c3c 0%, #282828 100%);
        background: -ms-linear-gradient(-45deg, #3c3c3c 0%, #282828 100%);
        background: linear-gradient(-45deg, #3c3c3c 0%, #282828 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3c3c3c', endColorstr='#282828', GradientType=1 );
        padding: 0 20px 0 20px;
    }

    header .sub-nav .converter:after {
        content: '';
        display: inline-block;
        height: 16px;
        width: 16px;
        background: url(../img/sprite.png) -37px -18px no-repeat;
        vertical-align: middle;
        margin: -5px 0 0 9px;
    }

    header .sub-nav .converter.active:before {
        content: '';
        display: block;
        height: 10px;
        width: 20px;
        background: url(../img/sprite.png) 0 0 no-repeat;
        position: absolute;
        z-index: 1002;
        margin: 50px 0 0 4px;
    }

    header .sub-nav .converter.active {
        background: #1a1a1a;
    }

    header .sub-nav .converter.static {
        background: #1a1a1a;
    }

    header .sub-nav .converter.static:before {
        content: '';
        display: block;
        height: 10px;
        width: 20px;
        background: url(../img/sprite.png) 0 0 no-repeat;
        position: absolute;
        z-index: 1002;
        margin: 50px 0 0 47px;
    }

    header .sub-nav .converter:hover {
        filter: none;
        background: #505050;
    }

    header .sub-nav .converter.active:hover {
        filter: none;
        background: #1a1a1a;
    }

    #select-recent-car {
        position: absolute;
        top: 100px;
        left: 0;
        display: none;
        width: 100%;
        padding: 25px 0 0 0;
        background: #fff;
        box-shadow: 0 1px 10px #323232;
        z-index: 998;
    }

    #select-recent-car .column ul li:hover, #select-recent-car .column ul li.active {
        background: #dbdbdb; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RiZGJkYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjYlIiBzdG9wLWNvbG9yPSIjZTZlNmU2IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2U2ZTZlNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
        background: -moz-linear-gradient(top, #dbdbdb 0%, #f2f2f2 6%, #f2f2f2 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #dbdbdb), color-stop(6%, #f2f2f2), color-stop(100%, #f2f2f2)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #dbdbdb 0%, #f2f2f2 6%, #f2f2f2 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #dbdbdb 0%, #f2f2f2 6%, #f2f2f2 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #dbdbdb 0%, #f2f2f2 6%, #f2f2f2 100%); /* IE10+ */
        background: linear-gradient(to bottom, #dbdbdb 0%, #f2f2f2 6%, #f2f2f2 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dbdbdb', endColorstr='#e6e6e6', GradientType=0 ); /* IE6-8 */
    }

    #select-recent-car.active:before {
        border: 1px solid red;
    }

    #select-recent-car .lineout.clearfix:after {
        content: '';
        display: block;
        height: 0;
        line-height: 0;
        overflow: hidden;
        clear: both;
        visibility: hidden;
    }

    #select-recent-car .column {
        display: block;
        margin: 0 0 30px 0;
    }

    #select-recent-car .column:last-child ul {
        border: none;
    }

    #select-recent-car .column ul {
        padding: 0 19px 0 20px;
        border-right: solid #eaeaea 1px;
        list-style-type: none;
    }

    #select-recent-car .column ul li {
        cursor: pointer;
        display: block;
        text-indent: 14px;
        font-size: 14px;
        position: relative;
        margin: 0 0 10px 0;
        border: solid #c8c8c8 1px;
        background: #fefefe; /* Old browsers */
        /* IE9 SVG, needs conditional override of 'filter' to 'none' */
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjkwJSIgc3RvcC1jb2xvcj0iI2ZlZmVmZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmOWY5ZjkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
        background: -moz-linear-gradient(top, #ffffff 0%, #fefefe 90%, #f9f9f9 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(90%, #fefefe), color-stop(100%, #f9f9f9)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #ffffff 0%, #fefefe 90%, #f9f9f9 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #ffffff 0%, #fefefe 90%, #f9f9f9 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #ffffff 0%, #fefefe 90%, #f9f9f9 100%); /* IE10+ */
        background: linear-gradient(to bottom, #ffffff 0%, #fefefe 90%, #f9f9f9 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f9f9f9', GradientType=0 ); /* IE6-8 */
    }

    #select-recent-car .column ul li:hover {
        background: #dbdbdb; /* Old browsers */
        /* IE9 SVG, needs conditional override of 'filter' to 'none' */
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RiZGJkYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjYlIiBzdG9wLWNvbG9yPSIjZTZlNmU2IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2U2ZTZlNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
        background: -moz-linear-gradient(top, #dbdbdb 0%, #f2f2f2 6%, #f2f2f2 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #dbdbdb), color-stop(6%, #f2f2f2), color-stop(100%, #f2f2f2)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #dbdbdb 0%, #f2f2f2 6%, #f2f2f2 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #dbdbdb 0%, #f2f2f2 6%, #f2f2f2 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #dbdbdb 0%, #f2f2f2 6%, #f2f2f2 100%); /* IE10+ */
        background: linear-gradient(to bottom, #dbdbdb 0%, #f2f2f2 6%, #f2f2f2 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dbdbdb', endColorstr='#e6e6e6', GradientType=0 ); /* IE6-8 */
    }

    #select-recent-car .column ul li a {
        color: #000;
        display: block;
        height: 48px;
        line-height: 48px;
    }

    #select-recent-car .column ul li:hover, #select-recent-car .column ul li a:hover {
        font-weight: bold;
    }

    #select-recent-car .column h3 {
        display: block;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        margin: 0 0 0 20px;
        line-height: 40px;
    }

    .custom-dropdown-wrapper {
        float: left;
        position: relative;
        border: solid #a7a7a7 1px;
        font-family: 'Helvetica Neue', Arial, sans-serif;
        font-size: 13px;
        font-weight: bold;
        line-height: 38px;
        height: 38px;
        margin: 0 20px;
        background: #f2f2f2; /* Old browsers */
        /* IE9 SVG, needs conditional override of 'filter' to 'none' */
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2Y4ZjhmOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmMmYyZjIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
        background: -moz-linear-gradient(top, white 0%, #f8f8f8 50%, #f2f2f2 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(50%, #f8f8f8), color-stop(100%, #f2f2f2)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, white 0%, #f8f8f8 50%, #f2f2f2 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, white 0%, #f8f8f8 50%, #f2f2f2 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, white 0%, #f8f8f8 50%, #f2f2f2 100%); /* IE10+ */
        background: linear-gradient(to bottom, #ffffff 0%, #f8f8f8 50%, #f2f2f2 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f2f2f2', GradientType=0 ); /* IE6-8 */
        -o-text-overflow: ellipsis; /* Opera */
        text-overflow: ellipsis; /* IE, Safari (WebKit) */
        overflow: hidden; /* don't show excess chars */
        white-space: nowrap; /* force single line */
        width: 240px; /* fixed width */
    }

    #systemSection .custom-dropdown-wrapper {
        width: auto !important;
    }

    .custom-dropdown-wrapper span.selected {
        font-family: 'Helvetica Neue', Arial, sans-serif;
        font-size: 13px;
        font-weight: bold;
        line-height: 38px;
        height: 38px;
        margin: 0 40px 0 15px;
    }

    .custom-dropdown-wrapper span.selected:before {
        content: '_';
        font-family: 'HaynesPro', sans-serif;
        display: block;
        width: 25px;
        height: 38px;
        text-align: left;
        line-height: 38px;
        float: right;
    }

    .custom-dropdown-wrapper select {
        display: block;
        border: none;
        width: 100%;
        height: 38px;
        opacity: 0;
        position: absolute;
        margin: -38px 0 0 0;
    }

    #filter-vehicle-criteria .custom-dropdown-wrapper {
        width: 210px;
        margin: 0 20px;
    }

    .filter-vehicle-criteria {
        text-align: left !important;
        width: 170px;
    }

    .filter-vehicle-criteria.active {
        background: #1a1a1a;
    }

    .filter-vehicle-criteria.active:hover {
        background: #1a1a1a;
    }

    .filter-vehicle-criteria:before {
        content: '';
        display: block !important;
        height: 10px;
        width: 20px;
        background: none;
        position: absolute;
        z-index: 1002;
        margin: 50px 0 0 100px;
    }

    .filter-vehicle-criteria.active:before {
        background: url(../img/sprite.png) 0 0 no-repeat;
    }

    .filter-vehicle-criteria span {
        float: right;
        font-family: 'HaynesPro', sans-serif;
    }

    #filter-vehicle-criteria {
        position: absolute;
        top: 100px;
        left: 0;
        display: none;
        opacity: 0;
        width: 100%;
        padding: 25px 0 0 0;
        background: #fff;
        box-shadow: 0 1px 10px #323232;
        z-index: 998;
    }

    #filter-vehicle-criteria .lineout.clearfix:after {
        content: '';
        display: block;
        height: 0;
        line-height: 0;
        overflow: hidden;
        clear: both;
        visibility: hidden;
    }

    #filter-vehicle-criteria .column {
        display: block;
        float: left;
        width: 333px;
        margin: 0 0 30px 0;
    }

    #filter-vehicle-criteria .column.full {
        width: 100%;
        float: none;
        clear: both;
    }
    #filter-vehicle-criteria .column:last-child ul {
        border: none;
    }

    #filter-vehicle-criteria .column ul {
        padding: 0 19px 0 20px;
        border-right: solid #eaeaea 1px;
        list-style-type: none;
    }

    #filter-vehicle-criteria .column ul li {
        position: relative;
        height: 48px;
        margin: 0 0 10px 0;
        border: solid #c8c8c8 1px;
        background: #fefefe; /* Old browsers */
        /* IE9 SVG, needs conditional override of 'filter' to 'none' */
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjkwJSIgc3RvcC1jb2xvcj0iI2ZlZmVmZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmOWY5ZjkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
        background: -moz-linear-gradient(top, #ffffff 0%, #fefefe 90%, #f9f9f9 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(90%, #fefefe), color-stop(100%, #f9f9f9)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #ffffff 0%, #fefefe 90%, #f9f9f9 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #ffffff 0%, #fefefe 90%, #f9f9f9 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #ffffff 0%, #fefefe 90%, #f9f9f9 100%); /* IE10+ */
        background: linear-gradient(to bottom, #ffffff 0%, #fefefe 90%, #f9f9f9 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f9f9f9', GradientType=0 ); /* IE6-8 */
    }

    #filter-vehicle-criteria .column ul li:hover, #filter-vehicle-criteria .column ul li.active {
        background: #fefefe; /* Old browsers */
        /* IE9 SVG, needs conditional override of 'filter' to 'none' */
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjkwJSIgc3RvcC1jb2xvcj0iI2ZlZmVmZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmOWY5ZjkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
        background: -moz-linear-gradient(top, #ffffff 0%, #fefefe 90%, #f9f9f9 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(90%, #fefefe), color-stop(100%, #f9f9f9)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #ffffff 0%, #fefefe 90%, #f9f9f9 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #ffffff 0%, #fefefe 90%, #f9f9f9 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #ffffff 0%, #fefefe 90%, #f9f9f9 100%); /* IE10+ */
        background: linear-gradient(to bottom, #ffffff 0%, #fefefe 90%, #f9f9f9 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f9f9f9', GradientType=0 ); /* IE6-8 */
    }

    #filter-vehicle-criteria .column ul li.active {
        color: #39972e;
        font-weight: bold;
        cursor: pointer;
    }

    #filter-vehicle-criteria .column ul li label {
        display: block;
        height: 100%;
        line-height: 48px;
        text-indent: 14px;
        font-size: 14px;
        cursor: pointer;
    }

    #filter-vehicle-criteria .column ul li input[type=radio] {
        position: absolute;
        display: block;
        height: 100%;
        width: 100%;
        background: lime;
        border: none;
        opacity: 0;
        margin: -48px 0 0 0;
        cursor: pointer;
    }

    #filter-vehicle-criteria .column .custom-radio-button {
        position: absolute;
        display: block;
        height: 22px;
        width: 22px;
        color: #fff;
        font-family: 'HaynesPro', sans-serif;
        font-weight: normal;
        background: #fff;
        text-align: center;
        line-height: 22px;
        border: solid #eaeaea 1px;
        right: 10px;
        top: 12px;
    }

    #filter-vehicle-criteria .column ul li.disabled label {
        background: #eeeeee; /* Old browsers */
        color: #bbb !important;
        cursor: default !important;
    }

    #filter-vehicle-criteria .column .custom-radio-button.disabled {
        background: #fafafa; /* Old browsers */
        color: #ccc !important;
        cursor: default !important;
    }

    #filter-vehicle-criteria .column ul li.disabled input[type=radio] {
        cursor: default !important;
    }

    #filter-vehicle-criteria .column .active .custom-radio-button {
        color:#3a972f;
    }

    #filter-vehicle-criteria .column h3 {
        display: block;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        margin: 0 0 0 20px;
        line-height: 40px;
    }

    #filter-vehicle-criteria .button-bar {
        border-top: solid #eaeaea 1px;
        height: 70px;
    }

    #filter-vehicle-criteria .button-bar .button {
        float: right;
        margin: 16px 20px 0 0;
    }

    #filter-car-criteria {
        position: absolute;
        top: 100px;
        left: 0;
        display: none;
        width: 100%;
        padding: 25px 0 0 0;
        background: #fff;
        box-shadow: 0 1px 10px #323232;
        z-index: 98;
    }

    #filter-car-criteria .column.full {
        width: 100%;
    }

    #filter-car-criteria .column ul li:hover, #filter-car-criteria .column ul li.active {
        background: #dbdbdb; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RiZGJkYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjYlIiBzdG9wLWNvbG9yPSIjZTZlNmU2IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2U2ZTZlNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
        background: -moz-linear-gradient(top, #dbdbdb 0%, #f2f2f2 6%, #f2f2f2 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #dbdbdb), color-stop(6%, #f2f2f2), color-stop(100%, #f2f2f2)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #dbdbdb 0%, #f2f2f2 6%, #f2f2f2 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #dbdbdb 0%, #f2f2f2 6%, #f2f2f2 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #dbdbdb 0%, #f2f2f2 6%, #f2f2f2 100%); /* IE10+ */
        background: linear-gradient(to bottom, #dbdbdb 0%, #f2f2f2 6%, #f2f2f2 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dbdbdb', endColorstr='#e6e6e6', GradientType=0 ); /* IE6-8 */
    }

    #filter-car-criteria.active:before {
        border: 1px solid red;
    }

    #filter-car-criteria .lineout.clearfix:after {
        content: '';
        display: block;
        height: 0;
        line-height: 0;
        overflow: hidden;
        clear: both;
        visibility: hidden;
    }

    #filter-car-criteria .column {
        display: block;
        margin: 0 0 30px 0;
    }

    #filter-car-criteria .column:last-child ul {
        border: none;
    }

    #filter-car-criteria .column ul {
        padding: 0 19px 0 20px;
        border-right: solid #eaeaea 1px;
        list-style-type: none;
    }

    #filter-car-criteria .column ul li {
        cursor: pointer;
        display: block;
        text-indent: 14px;
        font-size: 14px;
        position: relative;
        margin: 0 0 10px 0;
        border: solid #c8c8c8 1px;
        background: #fefefe; /* Old browsers */
        /* IE9 SVG, needs conditional override of 'filter' to 'none' */
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjkwJSIgc3RvcC1jb2xvcj0iI2ZlZmVmZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmOWY5ZjkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
        background: -moz-linear-gradient(top, #ffffff 0%, #fefefe 90%, #f9f9f9 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(90%, #fefefe), color-stop(100%, #f9f9f9)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #ffffff 0%, #fefefe 90%, #f9f9f9 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #ffffff 0%, #fefefe 90%, #f9f9f9 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #ffffff 0%, #fefefe 90%, #f9f9f9 100%); /* IE10+ */
        background: linear-gradient(to bottom, #ffffff 0%, #fefefe 90%, #f9f9f9 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f9f9f9', GradientType=0 ); /* IE6-8 */
    }

    #filter-car-criteria .column ul li:hover {
        background: #dbdbdb; /* Old browsers */
        /* IE9 SVG, needs conditional override of 'filter' to 'none' */
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RiZGJkYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjYlIiBzdG9wLWNvbG9yPSIjZTZlNmU2IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2U2ZTZlNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
        background: -moz-linear-gradient(top, #dbdbdb 0%, #f2f2f2 6%, #f2f2f2 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #dbdbdb), color-stop(6%, #f2f2f2), color-stop(100%, #f2f2f2)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #dbdbdb 0%, #f2f2f2 6%, #f2f2f2 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #dbdbdb 0%, #f2f2f2 6%, #f2f2f2 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #dbdbdb 0%, #f2f2f2 6%, #f2f2f2 100%); /* IE10+ */
        background: linear-gradient(to bottom, #dbdbdb 0%, #f2f2f2 6%, #f2f2f2 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dbdbdb', endColorstr='#e6e6e6', GradientType=0 ); /* IE6-8 */
    }

    #filter-car-criteria .column ul li a {
        color: #000;
        display: block;
        height: 48px;
        line-height: 48px;
    }

    #filter-car-criteria .column ul li:hover, #filter-car-criteria .column ul li a:hover {
        font-weight: bold;
    }

    #filter-car-criteria .column ul li.selected a {
        border-left: 4px solid #30971d;
        color: #30971d;
    }

    #filter-car-criteria .column h3 {
        display: block;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        margin: 0 0 0 20px;
        line-height: 40px;
    }

    #select-recent-config {
        position: absolute;
        top: 100px;
        left: 0;
        display: none;
        width: 100%;
        padding: 25px 0 0 0;
        background: #fff;
        box-shadow: 0 1px 10px #323232;
        z-index: 998;
    }

    #select-recent-config .column ul li:hover, #select-recent-config .column ul li.active {
        background: #dbdbdb; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RiZGJkYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjYlIiBzdG9wLWNvbG9yPSIjZTZlNmU2IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2U2ZTZlNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
        background: -moz-linear-gradient(top, #dbdbdb 0%, #f2f2f2 6%, #f2f2f2 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #dbdbdb), color-stop(6%, #f2f2f2), color-stop(100%, #f2f2f2)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #dbdbdb 0%, #f2f2f2 6%, #f2f2f2 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #dbdbdb 0%, #f2f2f2 6%, #f2f2f2 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #dbdbdb 0%, #f2f2f2 6%, #f2f2f2 100%); /* IE10+ */
        background: linear-gradient(to bottom, #dbdbdb 0%, #f2f2f2 6%, #f2f2f2 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dbdbdb', endColorstr='#e6e6e6', GradientType=0 ); /* IE6-8 */
    }

    #select-recent-config.active:before {
        border: 1px solid red;
    }

    #select-recent-config .lineout.clearfix:after {
        content: '';
        display: block;
        height: 0;
        line-height: 0;
        overflow: hidden;
        clear: both;
        visibility: hidden;
    }

    #select-recent-config .column {
        display: block;
        margin: 0 0 30px 0;
    }

    #select-recent-config .column:last-child ul {
        border: none;
    }

    #select-recent-config .column ul {
        padding: 0 19px 0 20px;
        border-right: solid #eaeaea 1px;
        list-style-type: none;
    }

    #select-recent-config .column ul li {
        cursor: pointer;
        display: block;
        text-indent: 14px;
        font-size: 14px;
        position: relative;
        margin: 0 0 10px 0;
        border: solid #c8c8c8 1px;
        background: #fefefe; /* Old browsers */
        /* IE9 SVG, needs conditional override of 'filter' to 'none' */
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjkwJSIgc3RvcC1jb2xvcj0iI2ZlZmVmZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmOWY5ZjkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
        background: -moz-linear-gradient(top, #ffffff 0%, #fefefe 90%, #f9f9f9 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(90%, #fefefe), color-stop(100%, #f9f9f9)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #ffffff 0%, #fefefe 90%, #f9f9f9 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #ffffff 0%, #fefefe 90%, #f9f9f9 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #ffffff 0%, #fefefe 90%, #f9f9f9 100%); /* IE10+ */
        background: linear-gradient(to bottom, #ffffff 0%, #fefefe 90%, #f9f9f9 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f9f9f9', GradientType=0 ); /* IE6-8 */
    }

    #select-recent-config .column ul li:hover {
        background: #dbdbdb; /* Old browsers */
        /* IE9 SVG, needs conditional override of 'filter' to 'none' */
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RiZGJkYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjYlIiBzdG9wLWNvbG9yPSIjZTZlNmU2IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2U2ZTZlNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
        background: -moz-linear-gradient(top, #dbdbdb 0%, #f2f2f2 6%, #f2f2f2 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #dbdbdb), color-stop(6%, #f2f2f2), color-stop(100%, #f2f2f2)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #dbdbdb 0%, #f2f2f2 6%, #f2f2f2 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #dbdbdb 0%, #f2f2f2 6%, #f2f2f2 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #dbdbdb 0%, #f2f2f2 6%, #f2f2f2 100%); /* IE10+ */
        background: linear-gradient(to bottom, #dbdbdb 0%, #f2f2f2 6%, #f2f2f2 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dbdbdb', endColorstr='#e6e6e6', GradientType=0 ); /* IE6-8 */
    }

    #select-recent-config .column ul li a {
        color: #000;
        display: block;
        height: 48px;
        line-height: 48px;
    }

    #select-recent-config .column ul li:hover, #select-recent-config .column ul li a:hover {
        font-weight:bold;
    }

    #select-recent-config .column h3 {
        display: block;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        margin: 0 0 0 20px;
        line-height: 40px;
    }

    /* added afterwards */

    .check:before {
        content: 'v' !important;
        font-family: 'HaynesPro', sans-serif;
    }

    .note:before {
        content: '!' !important;
        font-family: 'HaynesPro', sans-serif;
    }

    .loginWarning {
        font-family: 'HaynesPro', sans-serif;
        color: #c00;
        font-size: 25px;
        float: left;
        clear: both;
        height: 45px;
        margin-right: 15px;
    }

    .checkSpace {
        padding-left: 21px !important;
    }

    .loading {
        width: 28px;
        height: 28px;
        background: #ffffff url("../img/ajax-loader.gif") 50% 50% no-repeat;
        border: 1px solid #aaa;
    }

    .warning-lights-loading {
        margin: 0 !important;
        position: initial !important;
    }

    #id-locator .loading {
        position: relative;
        top: 50%;
        left: 45%;
    }

    #model-detail-overview .loading {
        position: absolute;
        top: 50%;
        left: 50%;
    }

    #model-detail-overview .dropdown-items li.loading {
        position: static;
        width: auto;
    }

    #carsHistory .loading {
        position: relative;
        top: 50%;
        left: 45%;
    }

    #newVehicle .loading {
        position:relative;
        top: 50%;
        left: 45%;
    }

    .loading.extraUsers {
        position: absolute;
        top: 50%;
        left: 50%;
        margin-left: -14px;
        margin-top: -14px;
    }

    /* added afterwards end */

    table.contentTable {
        background: #f2f2f2;
        border-top: none;
        border-left: none;
    }

    table.contentTable tr td {
        border-top: solid #e8e8e8 1px;
        border-bottom: none;
        border-right: none;
        height: auto;
        line-height: 18px;
        padding: 16px 0 16px 0;
        font-size: 14px;
        color: #000;
        font-family: 'Helvetica Neue', Arial, sans-serif;
    }

    table.contentTable tr:nth-child(odd), table.contentTable tr:nth-child(even) {
        background: none;
    }

    table.contentTable tr:hover {
        cursor: default;
    }

    div.contentTableContainer {
        padding: 0 20px;
    }

    #descriptionTemplates {
        display: none;
        visibility: hidden;
    }

    .button.inactive {
        opacity: .2;
        border: solid #868686 1px !important;
        background: #555 !important;
        cursor: default;
        pointer-events: none;
    }

    /* added attr afterwards */

    .filters .custom-radio-button {
        font-family: 'Helvetica Neue', Arial, sans-serif;
        vertical-align: middle;
        height: 18px;
        width: 18px;
        line-height: 18px;
        font-size: 15px;
        color: #333;
        display: block;
        margin: 19px 0 0 20px;
        float: left;
        background: url(../img/custom-radio-button-greybg.png) no-repeat -1px 0;
    }

    .filters .custom-radio-button.checked {
        background: url(../img/custom-radio-button-greybg.png) no-repeat -21px 0;
    }

    div.tmpl.repair-manuals, section.repair-manuals {
        display: block;
        width: 100%;
        background: #f5f5f5;
        border: solid #c8c8c8 1px;
    }

    .repair-manuals > .heading {
        display: block;
        position: relative;
        width: 100%;
        background: #707070;
        text-align: center;
        box-shadow: inset 0 0 30px #616161;
        overflow: hidden;
    }

    .repair-manuals .heading h2 {
        text-align: center;
        font-family: 'Helvetica Neue', Arial, sans-serif;
        color: #fff;
        line-height: 30px;
        font-size: 22px;
        text-shadow: 0 1px 0 #5a5a5a;
        padding: 25px 22%;
    }

    .repair-manuals > .heading .button {
        font-family: 'Helvetica Neue', Arial, sans-serif;
        color: #fff;
        font-size: 14px;
        text-shadow: none;
        border: solid #282727 1px;
        background: #3e3e3e; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzQ4NDg0OCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwJSIgc3RvcC1jb2xvcj0iIzNlM2UzZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzNDM0MzQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
        background: -moz-linear-gradient(top, #484848 0%, #3e3e3e 10%, #343434 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #484848), color-stop(10%, #3e3e3e), color-stop(100%, #343434)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #484848 0%, #3e3e3e 10%, #343434 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #484848 0%, #3e3e3e 10%, #343434 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #484848 0%, #3e3e3e 10%, #343434 100%); /* IE10+ */
        background: linear-gradient(to bottom, #484848 0%, #3e3e3e 10%, #343434 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#484848', endColorstr='#343434', GradientType=0 ); /* IE6-8 */
    }

    .repair-manuals > .heading .back {
        position: absolute;
        margin: 22px 0 0 0;
        left: 20px;
    }

    .repair-manuals > .heading .print {
        position: absolute;
        margin: 22px 0 0 0;
        right: 20px;
    }

    .repair-manuals > .heading .print span {
        font-size: 18px;
        font-weight: normal !important;
    }

    .repair-manuals > .heading .button > span {
        font-family: 'HaynesPro', sans-serif;
        color: #fff;
        margin: 0 12px 0 0;
    }

    .repair-manuals > .inner {
        display: block;
        overflow: hidden;
        margin: 0;
        background: #F2F2F2;
        box-shadow: 0 2px 4px #C4C4C4 inset;
    }

    .repair-manuals > .inner div.left {
        display: block;
        float: left;
        padding: 0 0 99900px 0;
        margin: 0 0 -99900px 0;
        width: 29%;
        background: #555555;
        position: sticky;
        top: 0;
    }

    .repair-manuals > .inner div.left li {
        display: block;
        width: 100%;
        border-top: 1px solid #5E5E5E;
        border-bottom: solid #444444 1px;
    }

    .repair-manuals > .inner div.left li a {
        display: block;
        font-size: 15px;
        line-height: 18px;
        padding: 15px 20px 15px 20px;
        color: #fff;
    }

    .repair-manuals > .inner div.left li.active, .repair-manuals > .inner div.left li:hover {
        background: none repeat scroll 0 0 #343434;
        border-bottom: 1px solid #2A2A2A;
        border-top: 1px solid #2A2A2A;
    }

    .repair-manuals > .inner div.left ul ul li a {
        padding: 10px 20px 10px 40px;
        font-size: 13px;
    }

    .repair-manuals .left {
        overflow: hidden;
    }

    .repair-manuals > .inner .right {
        display: block;
        float: left;
        padding: 20px 0 99904px 0;
        margin: 0 0 -99900px 0;
        width: 71%;
    }

    .alt div.tmpl.repair-manuals, .alt section.repair-manuals {
        display: block;
        width: 100%;
        background: #1a1a1a;
        border: none;
        overflow: hidden;
        margin: 0 0 20px 0;
    }

    .alt .repair-manuals > .heading {
        display: block;
        position: relative;
        width: 100%;
        background: #1a1a1a;
        box-shadow: none;
    }

    .alt .repair-manuals .heading h2 {
        text-align: center;
        font-family: 'Helvetica Neue', Arial, sans-serif;
        color: #fff;
        line-height: 30px;
        font-size: 22px;
        margin: 0 0 0 20px;
        padding: 25px 7% 5px;
    }

    .alt .repair-manuals > .heading .button {
        font-family: 'Helvetica Neue', Arial, sans-serif;
        color: #fff;
        font-size: 14px;
        font-weight: normal;
        text-shadow: none;
        border: solid #282727 1px;
        background: #3e3e3e; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzQ4NDg0OCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwJSIgc3RvcC1jb2xvcj0iIzNlM2UzZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzNDM0MzQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
        background: -moz-linear-gradient(top, #484848 0%, #3e3e3e 10%, #343434 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #484848), color-stop(10%, #3e3e3e), color-stop(100%, #343434)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #484848 0%, #3e3e3e 10%, #343434 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #484848 0%, #3e3e3e 10%, #343434 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #484848 0%, #3e3e3e 10%, #343434 100%); /* IE10+ */
        background: linear-gradient(to bottom, #484848 0%, #3e3e3e 10%, #343434 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#484848', endColorstr='#343434', GradientType=0 ); /* IE6-8 */
    }

    .alt .repair-manuals > .heading .print {
        position: static;
        float: right;
        margin: 22px 10px 0 0;
    }

    .alt .repair-manuals > .heading .print span {
        font-size: 18px;
        font-weight: normal !important;
    }

    .alt .repair-manuals > .heading .button > span {
        font-family: 'HaynesPro', sans-serif;
        font-weight: normal;
        color: #fff;
        margin: 0 12px 0 0;
    }

    .alt .repair-manuals > .heading .close {
        float: right;
        margin: 22px 20px 0 0;
        font-family: 'HaynesPro';
    }

    .alt .repair-manuals > .inner {
        display: block;
        overflow: hidden;
        margin: 0 20px 20px 20px;
        background: #fff;
    }

    .alt .repair-manuals > .inner.technical-drawings-overview {
        margin: 20px 20px 20px 20px;
        padding: 0;
    }

    .alt .repair-manuals > .inner {
        display: block;
        overflow: hidden;
        margin: 20px 20px 20px 20px;
        background: #fff;
        box-shadow: none;
        padding: 0;
    }

    .alt .repair-manuals > .inner .left {
        display: block;
        float: left;
        padding: 0 0 99900px 0;
        margin: 0 0 -99900px 0;
        width: 29%;
        background: #fff;
    }

    .alt .repair-manuals > .inner .left li {
        display: block;
        width: 100%;
        border-top: none;
        border-bottom: solid #e8e8e8 1px;
        background: #f9f9f9; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y5ZjlmOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjIxJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
        background: -moz-linear-gradient(top, #f9f9f9 0%, white 21%, white 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f9f9f9), color-stop(21%, white), color-stop(100%, white)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #f9f9f9 0%, white 21%, white 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #f9f9f9 0%, white 21%, white 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #f9f9f9 0%, white 21%, white 100%); /* IE10+ */
        background: linear-gradient(to bottom, #f9f9f9 0%, #ffffff 21%, #ffffff 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#ffffff', GradientType=0 ); /* IE6-8 */
    }

    .alt .repair-manuals > .inner .left li a {
        color: #000;
    }

    .alt .repair-manuals > .inner .left li:hover a, .alt .repair-manuals > .inner .left li.active a {
        background: #707070;
        color: #fff;
    }

    .alt .repair-manuals > .inner .left li.active {
        border-bottom: solid #656565 1px;
    }

    .alt .repair-manuals > .inner .left li:hover {
        border-bottom: solid #656565 1px;
    }

    .alt .repair-manuals > .inner .right {
        display: block;
        float: left;
        padding: 20px 0 99904px 0;
        margin: 0 0 -99900px 0;
        width: 71%;
        background: #f2f2f2;
    }

    .repair-manuals > .inner .right ul li {
        border-bottom: solid #dadada 1px;
        font-size: 14px;
        line-height: 18px;
        padding: 8px 0 8px 0;
        overflow: hidden;
        position: relative;
    }

    .repair-manuals > .inner .right ul li.HEADER_STYLE {
        font-weight: bold;
    }

    ul li.bulletinLine.HEADER_STYLE {
        font-weight: bold;
    }

    .repair-manuals > .inner .right ul li.SUBSENTENCE_STYLE {
        margin: 0 20px 0 40px;
    }

    ul li.bulletinLine.SUBSENTENCE_STYLE {
        margin: 0 20px 0 40px !important;
    }


    ul li.bulletinLine.SENTENCE_STYLE {
        margin-left: 0px !important;
        min-height: 17.6px;
    }

    .repair-manuals > .inner .right ul.BULLET_LIST {
        margin: 0 20px 0 40px;
        list-style-type: disc;
    }

    ul.bulletinLine.BULLET_LIST {
        margin: 0 20px 0 40px;
        list-style-type: disc;
    }


    .repair-manuals > .inner .right ol.NUMBERED_LIST {
        margin: 0 20px 0 61px;
    }

    ol.bulletinLine.NUMBERED_LIST {
        margin: 0 20px 0 40px;
    }

    .repair-manuals > .inner .right ul li.PARAGRAPH_STYLE {
        border-bottom: none;
    }

    ul li.bulletinLine.PARAGRAPH_STYLE {
        border-bottom: none;
    }

    .repair-manuals > .inner .right ul li.componentHeader {
        font-weight: bold;
    }

    .repair-manuals > .inner .right figure {
        text-align: center;
    }

    .repair-manuals > .inner .right ul li table.tableContent {
    }

    .repair-manuals > .inner .right ul li table.tableContent td {
        line-height: 28px;
    }

    .repair-manuals > .inner .right ul li table.tableContent tr:hover {
        cursor: default;
    }

    .repair-manuals > .inner .right .imgCallOut {
        border: solid #dadada 1px;
        border-top: none;
        display: block;
        margin: 0 0 0 0;
        padding: 10px 0 10px 0;
        background: #fff;
        position: relative;
    }

    .repair-manuals > .inner .right .imgCallOut h2 {
        font-size: 16px;
        line-height: 30px;
    }

    .repair-manuals > .inner .right .imgCallOut ul.BULLET_LIST {
        margin: 0 20px 0 20px;
    }

    .repair-manuals > .inner .right .imgCallOut ol.NUMBERED_LIST {
        margin: 0 20px 0 20px;
    }

    .repair-manuals > .inner .right .imgCallOut li {
        font-size: 14px;
        line-height: 18px;
        padding: 0 0 8px 0;
        border: none;
    }

    .repair-manuals > .inner .right .imgCallOut li.checkSpace {
        padding-left: 5px !important;
    }

    .repair-manuals > .inner .right .repair-items ul li.indent {
        padding-left: 20px;
    }

    .repair-manuals > .inner .right .repair-items ul li.indent2 {
        padding-left: 35px;
    }

    .repair-manuals > .inner .right .repair-items ul li.emissionHeader {
        background-color: #e5e5e5;
    }

    .repair-manuals > .inner .right .repair-items ul li > span {
        height: 100%;
        border-left: solid #e5e5e5 1px;
        position: absolute;
        margin: 0;
        right: 0;
        top: 0;
    }

    .repair-manuals > .inner .right .repair-items ul li > span .holder {
        display: block;
        word-break: keep-all;
    }

    .repair-manuals > .inner .right .repair-items ul li > span.extra-info {
        right: 326px;
        border: none;
    }

    .repair-manuals > .inner .right.manuals .repair-items ul li > span.extra-info {
        right: 0;
        width: 160px;
        border: none;
    }

    .repair-manuals > .inner .right.lubricants .repair-items ul li > span.extra-info {
        right: 515px;
        width: 50px;
        border: none;
    }

    .repair-manuals > .inner .right .repair-items ul li > span.value {
        right: 151px;
        width: 200px;
        border: none;
    }

    .repair-manuals > .inner .right .repair-items ul li > span.unit {
        right: 0;
        width: 150px;
        border: none;
    }

    .repair-manuals > .inner .right .repair-items ul li > span.lube_value1 {
        float: left;
        width: 20%;
        height: auto;
        position: static;
        border: none;
    }

    .repair-manuals > .inner .right .repair-items ul li > span.lube_value2 {
        float: left;
        width: 20%;
        height: auto;
        position: static;
        border: none;
    }

    .repair-manuals > .inner .right .repair-items ul li > span.lube_value3 {
        float: left;
        width: 20%;
        height: auto;
        position: static;
        border: none;
    }

    .repair-manuals > .inner .right .repair-items ul li > span.value .holder {
        width: 180px;
        padding: 8px 0 8px 0;
    }

    .repair-manuals > .inner .right .repair-items ul li > span.unit .holder {
        width: 130px;
        padding: 8px 0 8px 0;
    }

    .repair-manuals > .inner .right .repair-items ul li > span .button {
        display: block;
        height: 28px;
        width: 28px;
        border: solid #c8c8c8 1px;
        background: #fff;
        box-shadow: inset 0 0 10px #F9F9F9;
        text-shadow: none !important;
        margin: 0;
        padding: 0;
        font-size: 24px;
        font-weight: normal;
        line-height: 32px;
        text-align: center;
        font-family: 'HaynesPro', sans-serif;
        color: #333;
    }

    .repair-manuals > .inner .right .repair-items ul li > span.extra-info .button {
        float: right;
        margin: 4px 0 0 10px;
        color: #0d74c4;
    }

    .repair-manuals > .inner .right .repair-parts {
        display: block;
        margin: 0 20px 12px 20px;
        background: #f2f2f2;
        border: solid #c8c8c8 1px;
        overflow: hidden;
    }

    .repair-manuals > .inner .right .repair-parts.expand {
        height: 58px;
    }

    .repair-manuals > .inner .right .repair-parts .top-bar {
        display: block;
        height: 58px;
        width: 100%;
        background: #fff;
        border-bottom: solid #c8c8c8 1px;
        box-shadow: inset 0 0 30px #fafafa;
    }

    .repair-manuals > .inner .right .repair-parts .top-bar h2 {
        display: inline-block;
        font-family: 'Helvetica Neue', Arial, sans-serif;
        font-size: 20px;
        line-height: 58px;
        margin: 0 15px 0 20px;
        vertical-align: middle;
    }

    .repair-manuals > .inner .right .repair-parts .top-bar .counter {
        display: inline-block;
        height: 22px;
        line-height: 22px;
        padding: 0 13px 0 13px;
        background: #f2f5f8;
        border: solid #d2d7dc 1px;
        color: #006dc1;
        font-family: 'Helvetica Neue', Arial, sans-serif;
        font-size: 12px;
        font-weight: bold;
        vertical-align: middle;
        box-shadow: inset 0 1px 3px #e0e3e6;
        text-shadow: 0 1px #fff;
    }

    .repair-manuals > .inner .right .repair-parts .top-bar .switch {
        float: right;
        font-family: 'Helvetica Neue', Arial, sans-serif;
        font-size: 13px;
        font-weight: bold;
        color: #333;
        margin: 22px 20px 0 0;
    }

    .repair-manuals > .inner .right .repair-parts .top-bar .switch span.icon {
        font-size: 13px;
        font-weight: normal;
        color: #333;
        margin: 0 0 0 8px;
        font-family: 'HaynesPro', sans-serif;
    }

    .repair-manuals > .inner .right .repair-parts .filters {
        display: block;
        height: 56px;
        box-shadow: inset 0 0 30px #e5e5e5;
    }

    .repair-manuals > .inner .right .repair-parts .filters .quantity {
        font-family: 'Helvetica Neue', Arial, sans-serif;
        font-size: 12px;
        display: block;
        width: 119px;
        line-height: 56px;
        float: right;
        text-indent: 11px;
        color: #333;
        opacity: .6;
    }

    .repair-manuals > .inner .right .repair-parts .filters .price {
        font-family: 'Helvetica Neue', Arial, sans-serif;
        font-size: 12px;
        display: block;
        line-height: 56px;
        float: right;
        text-indent: 11px;
        color: #333;
        opacity: .6;
    }

    .repair-manuals > .inner .right .repair-parts .filters .custom-radio-button input[type=radio] {
        display: block;
        height: 18px;
        width: 18px;
        border: none;
        position: relative;
        margin: 1px 0 0 0;
        opacity: 0;
    }

    .repair-manuals > .inner .right .repair-parts .filters label {
        font-family: 'Helvetica Neue', Arial, sans-serif;
        vertical-align: middle;
        height: 18px;
        line-height: 18px;
        font-size: 15px;
        color: #333;
        display: block;
        margin: 19px 0 0 9px;
        float: left;
    }

    .repair-manuals > .inner .right .repair-parts .filters .custom-checkbox-wrapper {
        margin: 20px 0 0 30px;
        float: left;
        line-height: 16px;
    }

    .repair-manuals > .inner .right .repair-parts ul {
        margin: 0;
        display: block;
        width: 100%;
    }

    .repair-manuals > .inner .right .repair-parts ul li {
        display: block;
        position: relative;
        width: 100%;
        padding: 15px 0 0 0;
        font-size: 15px;
        line-height: 18px;
        background: #fff;
        box-shadow: inset 0 0 30px #f9f9f9;
        overflow: hidden;
    }

    .repair-manuals.technical-drawings > .inner .right .repair-parts ul li {
        padding: 10px 0 10px 0;
    }

    .repair-manuals > .inner .right .repair-parts:not(.static) ul li h3 {
        display: inline-block;
        font-family: 'Helvetica Neue', Arial, sans-serif;
        color: #333;
        font-weight: normal;
        font-size: 15px;
        line-height: 18px;
        margin: 0 244px 0 20px;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

    .repair-manuals > .inner .right .repair-parts ul li h3 span {
        display: inline-block;
        font-family: 'Helvetica Neue', Arial, sans-serif;
        color: #333;
        font-weight: normal;
        font-size: 12px;
        line-height: 18px;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

    .repair-manuals > .inner .right .repair-parts:not(.static) ul li > span {
        float: right;
        vertical-align: top;
        height: 18px;
        line-height: 18px;
        border-left: solid #e5e5e5 1px;
        padding: 15px 0 15px 0;
        margin: -15px 0 0 0;
    }

    .repair-manuals > .inner .right .repair-parts:not(.static) ul li > span.showPart {
        height: auto;
        margin: 0 10px;
        padding: 0;
    }

    .repair-manuals > .inner .right .repair-parts:not(.static) ul li > span.showPart.disabled a {
       color: #999;
       cursor: default;
    }

    .repair-manuals > .inner .right .repair-parts ul li span.price {
        width: 85px;
        text-indent: 10px;
    }

    .repair-manuals > .inner .right .repair-parts ul li span.price input[type=text] {
        box-shadow: 0 2px 10px #ebebeb inset;
        color: #333;
        display: block;
        font-size: 15px;
        line-height: 15px;
        margin: -7px 0 0 10px;
        padding: 7px 0 6px;
        text-align: center;
        top: 50%;
        width: 63px;
    }

    .repair-manuals > .inner .right .repair-parts ul li span.quantity {
        width: 65px;
    }

    .repair-manuals > .inner .right .repair-parts ul li span.quantity input[type=text] {
        display: block;
        font-size: 15px;
        line-height: 15px;
        padding: 7px 0 6px 0;
        width: 43px;
        top: 50%;
        margin: -7px 0 0 10px;
        text-align: center;
        color: #333;
        box-shadow: inset 0 2px 10px #ebebeb;
    }

    .repair-manuals > .inner .right .repair-parts ul li span.checker {
        width: 52px;
    }

    .repair-manuals > .inner .right .repair-parts.check-only ul li h3 {
        margin: 0 72px 0 20px;
    }

    .repair-manuals > .inner .right .repair-parts.check-only ul li span.checker {
        border: none;
    }

    .repair-manuals > .inner .right .repair-parts ul li.active:before {
        content: '';
        position: absolute;
        left: 0;
        display: block;
        margin: -15px 0 0 0;
        background: #30971d;
        height: 100%;
        width: 4px;
    }

    .repair-manuals > .inner .right .repair-parts ul li.active h3 {
        color: #30971d !important;
    }

    .repair-manuals > .inner .right .repair-parts .custom-checkbox-wrapper {
        font-family: 'HaynesPro', sans-serif;
        display: block;
        height: 28px;
        width: 28px;
        line-height: 32px;
        font-size: 14px;
        font-weight: bold;
        border: solid #c8c8c8 1px;
        color: #cecece;
        padding: 0;
        background: #fff;
        box-shadow: inset 0 0 10px #f9f9f9;
        vertical-align: middle;
        margin: -6px 0 0 10px;
        text-align: center;
    }

    .repair-manuals > .inner .right .repair-parts .custom-checkbox-wrapper.checked {
        border: solid #c0d3bd 1px;
        background: #d6e8d3;
        box-shadow: inset 0 0 10px #cee1cb;
        color: #39972e;
    }

    .repair-manuals > .inner .right .repair-parts .custom-checkbox-wrapper input[type=checkbox]:hover {
        cursor: pointer;
    }

    .repair-manuals > .inner .right .repair-parts .custom-checkbox-wrapper input[type=checkbox] {
        display: block;
        height: 30px;
        width: 30px;
        opacity: 0;
        position: absolute;
        border: none;
        margin: -28px 0 0 0;
    }

    .repair-manuals > .inner .right .repair-parts .custom-checkbox-wrapper.add-remove {
        font-family: 'HaynesPro', sans-serif;
        display: block;
        font-weight: normal !important;
        font-size: 16px !important;
        height: 28px;
        width: 28px;
        color: #30971d !important;
        line-height: 32px;
        border: solid #c8c8c8 1px;
        padding: 0;
        background: #fff;
        box-shadow: inset 0 0 10px #f9f9f9;
        vertical-align: middle;
        margin: -6px 0 0 10px;
        text-align: center;
    }

    .repair-manuals > .inner .right .repair-parts .custom-checkbox-wrapper.add-remove.checked {
        border: solid #c8c8c8 1px;
        background: none;
        font-weight: normal;
        line-height: 32px;
        color: #c60600 !important;
    }

    .repair-manuals > .inner .right .repair-parts .custom-checkbox-wrapper.add-remove input[type=checkbox]:hover {
        cursor: pointer;
    }

    .repair-manuals > .inner .right .repair-parts .custom-checkbox-wrapper.add-remove input[type=checkbox] {
        display: block;
        height: 30px;
        width: 30px;
        opacity: 0;
        position: absolute;
        border: none;
        margin: -28px 0 0 0;
    }

    .repair-manuals > .inner .right .repair-parts .custom-checkbox-wrapper.small {
        float: left;
        font-family: 'HaynesPro', sans-serif;
        display: block;
        height: 14px;
        width: 14px;
        line-height: 14px;
        margin: 0;
        font-size: 10px;
        color: #fff;
    }

    .repair-manuals > .inner .right .repair-parts .custom-checkbox-wrapper.small.checked {
        color: #39972e;
        background: #fff;
        box-shadow: inset 0 0 10px #f9f9f9;
    }

    .repair-manuals > .inner .right .repair-parts .custom-checkbox-wrapper.small input[type=checkbox] {
        display: block;
        height: 14px;
        width: 14px;
        opacity: 0;
        position: absolute;
        border: none;
        margin: -14px 0 0 0;
    }

    .repair-manuals > .inner .right .repair-parts .repair-parts-bottom {
        padding: 10px 10px;
        overflow: hidden;
        box-shadow: inset 0 0 30px #e5e5e5;
    }

    .repair-manuals > .inner .right .repair-parts .repair-parts-bottom .button {
        float: right;
    }

    .repair-manuals > .inner > .top {
        background: none repeat scroll 0 0 #FFFFFF;
        border-bottom: 1px solid #DBDBDB;
        margin: 0 0;
        height: 20px;
    }

    .alt .repair-manuals > .inner > .top {
        height: 74px;
        margin: 0 20px;
    }

    .repair-manuals > .inner > .top h3 {
        float: left;
        line-height: 74px;
        margin: 0 0 0 20px;
    }

    .repair-manuals > .inner > .top .custom-dropdown-wrapper {
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2Y4ZjhmOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmMmYyZjIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
        background: -moz-linear-gradient(top, white 0%, #f8f8f8 50%, #f2f2f2 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(50%, #f8f8f8), color-stop(100%, #f2f2f2)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, white 0%, #f8f8f8 50%, #f2f2f2 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, white 0%, #f8f8f8 50%, #f2f2f2 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, white 0%, #f8f8f8 50%, #f2f2f2 100%); /* IE10+ */
        background: linear-gradient(to bottom, #ffffff 0%, #f8f8f8 50%, #f2f2f2 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f2f2f2', GradientType=0 ); /* IE6-8 */
        border: 1px solid #A7A7A7;
        float: left;
        font-family: 'Helvetica Neue', Arial, sans-serif;
        font-size: 13px;
        font-weight: bold;
        height: 38px;
        line-height: 38px;
        margin: 16px 30px 0 20px;
        position: relative;
        -o-text-overflow: ellipsis; /* Opera */
        text-overflow: ellipsis; /* IE, Safari (WebKit) */
        overflow: hidden; /* don't show excess chars */
        white-space: nowrap; /* force single line */
        width: 300px; /* fixed width */
    }

    .repair-manuals > .inner > .top .custom-dropdown-wrapper span.selected:before {
        content: "_";
        display: block;
        float: right;
        font-family: 'HaynesPro', sans-serif;
        height: 38px;
        line-height: 38px;
        text-align: left;
        width: 25px;
    }

    .repair-manuals > .inner > .top .custom-dropdown-wrapper span.selected {
        font-family: 'Helvetica Neue', Arial, sans-serif;
        font-size: 13px;
        font-weight: bold;
        height: 38px;
        line-height: 38px;
        margin: 0 40px 0 15px;
    }

    .repair-manuals .custom-dropdown-wrapper select {
        border: medium none;
        display: block;
        height: 38px;
        margin: -38px 0 0;
        opacity: 0;
        position: absolute;
        width: 100%;
    }

    .repair-manuals > .inner > .top .custom-dropdown-wrapper select option.header {
        background: #ddd;
    }

    .repair-manuals > .inner > .top .custom-dropdown-wrapper select option.indent {
        padding-left: 20px;
    }

    .repair-manuals.technical-drawings .top {
        margin: 0 0;
        height: 74px;
    }

    .repair-manuals > .inner.technical-drawings-overview {
        margin: 0;
    }

    .repair-manuals > .inner.technical-drawings-overview .left {
        width: 22%;
    }

    .repair-manuals > .inner.technical-drawings-overview .right {
        width: 78%;
    }

    .repair-manuals > .inner .right ul.technical-drawings {
        margin-bottom: 20px;
    }

    .repair-manuals > .inner .right ul.technical-drawings li {
        border-top: none;
        font-size: 14px;
        line-height: 18px;
        padding: 0;
        position: relative;
    }

    .repair-manuals .technical-drawings .drawing {
        background: #FFFFFF;
        border: 1px solid #DADADA;
        margin: 0 20px;
        text-align: center;
    }

    .repair-manuals > .inner .right ul.technical-drawings figure img {
        max-width: none;
        max-height: none;
    }

    .repair-manuals > .inner .right ul.technical-drawings > li > a.button {
        position: absolute;
        top: 10px;
        right: 10px;
        color: #006dc1;
        border: solid #c8c8c8 1px;
        z-index: 99;
    }

    .repair-manuals .technical-drawings .drawing embed, .repair-manuals .technical-drawings .drawing svg {
        margin: 0 auto;
    }

    .repair-manuals.technical-drawings .tmpl {
        border-top: solid #dadada 1px;
        border-bottom: solid #dadada 1px;
    }

    #technical-drawings-overview ul li span.price input[type=text] {
        display: block;
        font-size: 15px;
        line-height: 15px;
        padding: 7px 0 6px 0;
        width: 63px;
        border: solid #bfbfbf 1px;
        top: 50%;
        margin: -7px 0 0 10px;
        text-align: center;
        color: #333;
        box-shadow: inset 0 2px 10px #ebebeb;
    }
    /* end added afterwards */

    /* Login page */
    .lineoutLogin {
        display: block;
        width: 800px;
        margin: 0 auto 25px;
        background: #f5f5f5;
        border: 1px solid #dbdbdb;
        overflow: hidden;
    }

    .lineoutLogin .left, .lineoutLogin .right {
        float: left;
        height: 400px;
    }

    .lineoutLogin .left {
        width: 399px;
        border-right: 1px solid #dbdbdb;
    }

    .lineoutLogin .right {
        width: 400px;
    }

    .lineoutLogin form {
        border-bottom: 1px solid #dbdbdb;
        padding: 20px;
        height: 150px;
    }

    .lineoutLogin .demoPart form {
        border-bottom: none;
        padding: 0;
        height: auto;
    }

    .lineoutLogin form fieldset {
        display: block;
        margin-bottom: 10px;
    }

    .lineoutLogin form label {
        color: #000;
        display: block;
        margin: 0 0 7px 0;
        font-size: 13px;
        font-weight: bold;
    }

    /*noinspection CssInvalidPseudoSelector*/
    .lineoutLogin form input[type=text]::placeholder, .lineoutLogin form input[type=text]::-webkit-input-placeholder, .lineoutLogin form input[type=text]::-moz-placeholder {
        color: #ccc;
        font-weight: normal;
        vertical-align: middle;
    }

    /*noinspection CssInvalidPseudoSelector*/
    .lineoutLogin form input[type=email]::placeholder, .lineoutLogin form input[type=email]::-webkit-input-placeholder, .lineoutLogin form input[type=email]::-moz-placeholder {
        color: #ccc;
        font-weight: normal;
        vertical-align: middle;
    }

    .lineoutLogin form input[type=text], .lineoutLogin form input[type=email], .lineoutLogin form input[type=password] {
        width: 337px;
        border: solid #bfbfbf 1px;
        margin: 0 0 0 0;
        padding: 7px 10px 7px 10px;
        color: #333;
        background:#ebebeb;
        background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ViZWJlYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwJSIgc3RvcC1jb2xvcj0iI2Y5ZjlmOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjE5JSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
        background:-moz-linear-gradient(top, #ebebeb 0%, #f9f9f9 10%, white 19%, white 100%);
        background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #ebebeb), color-stop(10%, #f9f9f9), color-stop(19%, white), color-stop(100%, white));
        background:-webkit-linear-gradient(top, #ebebeb 0%, #f9f9f9 10%, white 19%, white 100%);
        background:-o-linear-gradient(top, #ebebeb 0%, #f9f9f9 10%, white 19%, white 100%);
        background:-ms-linear-gradient(top, #ebebeb 0%, #f9f9f9 10%, white 19%, white 100%);
        background:linear-gradient(to bottom, #ebebeb 0%, #f9f9f9 10%, #ffffff 19%, #ffffff 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ebebeb', endColorstr='#ffffff', GradientType=0 );
    }

    .lineoutLogin .button {
        float: right;
    }

    .lineoutLogin .rememberCheck input[type=checkbox] {
        height: 14px;
        width: 14px;
        border: none;
        margin: 2px 5px 0 0;
        float: left;
    }

    .lineoutLogin .rememberCheck label {
        font-size: 12px;
        font-weight: normal;
        padding: 3px 0 0 0;
        float: left;
    }

    .lineoutLogin .demoPart {
        height: 49px;
        border-bottom: 1px solid #dbdbdb;
        padding: 10px 20px;
        font-size: 12px;
    }

    .lineoutLogin span {
        float: left;
        width: 280px;
        line-height: 15px;
    }

    .lineoutLogin .disclaimerPart {
        overflow: hidden;
        height: 110px;
        font-size: 10px;
        padding: 10px 20px;
        line-height: 15px;
    }

    .lineoutLogin.plainMsg {
        display: block;
        width: 600px;
        margin: 50px auto;
        padding: 20px;
        background: #fff;
        border: 1px solid #dbdbdb;
        text-align: center;
    }

    .lineoutLogin.plainMsg p {
        margin: 10px 0;
    }

    .errorLogin {
        position: absolute;
        top: 0;
        width: 430px;
        height: 50px;
        background: #f5f5f5;
        border: 1px solid #dbdbdb;
        border-top: none;
        padding: 20px;
        line-height: 18px;
        box-shadow: 0 3px 10px 1px #999;
        font-size: 13px;
    }

    /* help page */
    .help-text-block {
        display: block;
        float: left;
        width: 68%;
        padding: 15px 0 9990px 0;
        margin: 0 0 -9975px 0;
    }

    .help-text {
        border: 1px solid #c8c8c8;
        margin: 5px 20px 10px 20px;
        padding-bottom: 20px;
    }

    .help-text h3 {
        font-size: 14px;
        padding: 20px;
        border-bottom: 1px solid #e9e9e9;
        margin: 0 0 20px 0;
    }

    .help-text p {
        margin: 15px 20px 15px 20px;
        font-size: 12px;
        line-height: 15px;
    }

    #converters {
        display: none;
        opacity: 0;
        z-index: 1000;
        position: absolute;
        left: 50%;
        margin-left: -480px;
        width: 960px;
        height: 590px;
        background: #fff;
        top: 170px;
        box-shadow: 0 3px 15px 1px #4b4b4b;
    }

    #converters > .top {
        display: block;
        width: 100%;
        height: 9px;
        border-bottom: solid #323232 1px;
        background: #fff; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzNjOWYzMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyNzdmMWUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
        background: -moz-linear-gradient(top, white 0%, #a1a1a1 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(100%, #a1a1a1)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, white 0%, #a1a1a1 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, white 0%, #a1a1a1 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, white 0%, #a1a1a1 100%); /* IE10+ */
        background: linear-gradient(top, #ffffff 0%, #a1a1a1 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#a1a1a1', GradientType=0 ); /* IE6-8 */
    }

    #converters nav {
        display: block;
        width: 100%;
        height: 50px;
        background: #343434;
    }

    #converters nav div a.button-close {
        display: block;
        height: 34px;
        width: 40px;
        background: url(../img/sprite.png) black 0 -108px no-repeat;
        float: right;
        margin: 8px 10px 0 0;
    }

    #converters nav div a.button-close:hover {
        background: url(../img/sprite.png) #505050 0 -108px no-repeat;
    }

    #converters .left {
        float: left;
        display: block;
        height: 530px;
        width: 220px;
    }

    #converter-overview aside {
        display: block;
        width: 220px;
        height: 530px;
        background: #707070;
        float: left;
    }

    #converter-overview aside ul {
        display: block;
        width: 100%;
        padding-top: 20px;
    }

    #converter-overview aside ul li {
        display: block;
        width: 100%;
        background: #555;
        overflow: hidden;
    }

    #converter-overview aside ul li:first-child a {
        border-top: solid #555 1px;
    }

    #converter-overview aside ul li a {
        display: block;
        border-top: solid #5f5f5f 1px;
        border-bottom: solid #444 1px;
        padding: 18px 11% 19px;
        vertical-align: middle;
        color: #fff;
        font-family: 'Helvetica Neue', Arial, sans-serif;
        font-size: 16px;
        line-height: 18px;
        font-weight: bold;
        position: relative;
    }

    #converter-overview aside ul li.active a {
        background: url(../img/active-list-item-arrow.png) #343434 center right no-repeat;
        border-top: solid #343434 1px;
        border-bottom: solid #2a2a2a 1px;
    }

    #converter-overview aside ul li a:hover {
        background: url(../img/active-list-item-arrow.png) #424242 center right no-repeat;
        border-top: solid #424242 1px;
    }

    #converters .right {
        float: right;
        display: block;
        height: 470px;
        width: 680px;
        padding: 30px;
        background: #f5f5f5;
    }

    #converters .right .tmpl {
        display:none;
    }

    #converters .right .tmpl.active {
        display:block;
    }

    #converters .right h2 {
        margin-bottom: 30px;
        margin-left: 25px;
    }

    #converters .right form .top {
        width: 640px;
        min-height: 200px;
        overflow: hidden;
        background: #fff;
        border: 1px solid #c8c8c8;
        padding: 20px 20px 20px 20px;
    }

    #converters .right form fieldset {
        display: block;
        margin-bottom: 10px;
    }

    #converters .right form .result {
        height: 17px;
        width: 630px;
        border: 1px solid #c8c8c8;
        padding: 28px 25px 25px 25px;
        border-top: 0;
        background: #efefef;
    }

    #converters .right form .result div {
        float: right;
        font-size: 14px;
        width: 200px;
    }

    #converters .right form .result span {
        font-weight: bold;
        display: block;
        float: right;
    }

    #converters .right form #resultToe span:after {
        content: ' mm';
    }

    #converters .right form #resultTorque span:after {
        content: ' Ft/Lbs';
    }

    #converters .right form #resultPressure span:after {
        content: ' Psi';
    }

    #converters .right form #resultVolume span:after {
        content: ' UK Pints';
    }

    #converters .right form #resultMm span:after {
        content: ' inches';
    }

    #converters .right form #resultSpeed span:after {
        content: ' mph';
    }

    #converters .right form label {
        color: #000;
        display: block;
        margin: 0 0 7px 0;
        font-size: 13px;
        font-weight: bold;
    }

    /*noinspection CssInvalidPseudoSelector*/
    #converters .right form input[type=text]::placeholder, #converters .right form input[type=text]::-webkit-input-placeholder, #converters .right form input[type=text]::-moz-placeholder {
        color: #ccc;
        font-weight: normal;
        vertical-align: middle;
    }

    #converters .right form input[type=text] {
        float: left;
        clear: left;
        width: 300px;
        border: solid #bfbfbf 1px;
        margin: 0 0 0 0;
        padding: 7px 10px 7px 10px;
        color: #333;
        background: #ebebeb;
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ViZWJlYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwJSIgc3RvcC1jb2xvcj0iI2Y5ZjlmOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjE5JSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
        background: -moz-linear-gradient(top, #ebebeb 0%, #f9f9f9 10%, white 19%, white 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ebebeb), color-stop(10%, #f9f9f9), color-stop(19%, white), color-stop(100%, white));
        background: -webkit-linear-gradient(top, #ebebeb 0%, #f9f9f9 10%, white 19%, white 100%);
        background: -o-linear-gradient(top, #ebebeb 0%, #f9f9f9 10%, white 19%, white 100%);
        background: -ms-linear-gradient(top, #ebebeb 0%, #f9f9f9 10%, white 19%, white 100%);
        background: linear-gradient(to bottom, #ebebeb 0%, #f9f9f9 10%, #ffffff 19%, #ffffff 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ebebeb', endColorstr='#ffffff', GradientType=0);
    }

    #converters .right form span.unit {
        float: left;
        clear: right;
        margin-left: 10px;
    }

    #id-locator {
        height: 614px;
    }

    .eobd-wrapper {
        float: left;
        padding-right: 27px;
        padding-bottom: 16px;
    }

    #id-locator nav ul {
        width: 910px;
    }

    #id-locator nav ul li {
        width: 140px;
    }

    #id-locator nav ul li a {
        width: 140px;
    }

    #id-locator nav ul li a.inactive {
        background: #3c3c3c;
        font-style: italic;
        color: #aaa;
        cursor: default;
        pointer-events: none;
    }

    #id-locator nav ul li:hover a.inactive {
        background: #3c3c3c;
        font-style: italic;
    }

    #id-locator nav div {
        width: 50px;
    }

    #id-locator .left {
        width: 617px;
    }

    #id-locator .left figure {
        text-align: center;
        padding: 10px;
    }

    #id-locator .left figure img {
        max-height: 510px;
        max-width: 600px;
    }

    #id-locator .right {
        width: 339px;
    }

    #id-locator .right #tmpl-key-holder {
        overflow: auto;
        height: 461px;
        padding:25px 0 0 0;
    }

    div.loading {
        font-family: 'Helvetica Neue', Arial, sans-serif;
        font-size: 16px;
        line-height: 30px;
        margin: 0 0 30px 30px;
        float: left;
    }

    div.loading.maintenance {
        float: none;
        position: fixed;
        left: 50%;
        top: 50%;
        height: 28px;
        width:28px;
        margin-left: -15px;
    }

    .tmpl.repair-manuals div.loading {
        margin: 30px 0 30px 30px;
    }

    .dropdown-items li.loading {
        background: #fff;
        padding: 10px 20px;
    }

    .alt #maintenance-schedule {
        display: block;
        width: 100%;
        background: #1a1a1a;
        border: none;
        overflow: hidden;
        margin: 0 0 20px 0;
    }

    .alt #maintenance-schedule > .heading {
        display: block;
        position: relative;
        width: 100%;
        background: #1a1a1a;
        box-shadow: none;
    }

    .alt #maintenance-schedule .heading h2 {
        text-align: center;
        font-family: 'Helvetica Neue', Arial, sans-serif;
        color: #fff;
        line-height: 50px;
        font-size: 22px;
        margin: 0 0 0 20px;
        padding: 25px 7% 5px;
    }

    .alt #maintenance-schedule > .heading .button {
        font-family: 'Helvetica Neue', Arial, sans-serif;
        color: #fff;
        font-size: 14px;
        font-weight: normal;
        text-shadow: none;
        border: solid #282727 1px;
        background: #3e3e3e; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzQ4NDg0OCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwJSIgc3RvcC1jb2xvcj0iIzNlM2UzZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzNDM0MzQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
        background: -moz-linear-gradient(top, #484848 0%, #3e3e3e 10%, #343434 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #484848), color-stop(10%, #3e3e3e), color-stop(100%, #343434)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #484848 0%, #3e3e3e 10%, #343434 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #484848 0%, #3e3e3e 10%, #343434 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #484848 0%, #3e3e3e 10%, #343434 100%); /* IE10+ */
        background: linear-gradient(to bottom, #484848 0%, #3e3e3e 10%, #343434 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#484848', endColorstr='#343434', GradientType=0 ); /* IE6-8 */
    }

    .alt #maintenance-schedule > .heading .print {
        position: static;
        float: right;
        margin: 22px 10px 0 0;
    }

    .alt #maintenance-schedule > .heading .print span {
        font-size: 18px;
        font-weight: normal !important;
    }

    .alt #maintenance-schedule > .heading .button > span {
        font-family: 'HaynesPro', sans-serif;
        font-weight: normal;
        color: #fff;
        margin: 0 12px 0 0;
    }

    .alt #maintenance-schedule > .heading .close {
        float: right;
        margin: 22px 20px 0 0;
    }

    .alt #maintenance-schedule > .inner {
        display: block;
        overflow: hidden;
        margin: 0 20px 20px 20px;
        background: #fff;
    }

    #maintenance-schedule .maintenance-item.static ul li.longDescription h3 {
        margin-left: 40px;
    }

    .alt #maintenance-schedule > .time-schedule {
        display: block;
        overflow: hidden;
        margin: 20px 20px 0 20px;
        background: #fff;
        box-shadow: none;
        padding: 0;
    }

    .alt #maintenance-schedule > .maintenance-overview {
        display: block;
        overflow: hidden;
        margin: 0 20px 20px 20px;
        background: #f5f5f5;
        box-shadow: none;
        padding: 20px 0 0;
    }

    .alt #maintenance-schedule .time-schedule h2 {
        display: inline-block;
        font-family: 'Helvetica Neue', Arial, sans-serif;
        font-size: 20px;
        line-height: 58px;
        margin: 0 15px 0 20px;
        vertical-align: middle;
    }

    #maintenance-schedule .maintenance-item ul li h2 {
        color: #333333;
        display: inline-block;
        font-family: 'Helvetica Neue', Arial, sans-serif;
        font-size: 15px;
        font-weight: bold;
        line-height: 18px;
        margin: 0 360px 0 20px;
    }

    #maintenance-schedule .maintenance-item.static ul li > span.extra-time .holder {
        top:0;
        margin: 18px 0 0 10px;
    }

    #maintenance-schedule .maintenance-item.static ul li > span.extra-time .holder .time input[type="number"] {
        display: inline-block;
        margin: -28px -8px 0 10px;
        text-align: right;
        vertical-align: middle;
        border: 1px solid #ff0000;
        box-shadow: 0 0 5px #ff0000;
        width: 50px;
        line-height: 16px;
    }

    #maintenance-schedule .maintenance-item.static ul li > span.extra-time .holder .time .timeSelectWrap {
        width: 24px;
        float: left;
        overflow: hidden;
        background: linear-gradient(to bottom, #FFFFFF 0%, #F8F8F8 50%, #F2F2F2 100%) repeat scroll 0 0 transparent;
        border: 1px solid #A7A7A7;
        margin-top: -3px;
    }

    #maintenance-schedule .maintenance-item.static ul li > span.extra-time .holder .time select.timeSelect {
        width: 45px;
        padding: 0;
        border: 0;
        background-color: transparent;
        font-family: 'Helvetica Neue', Arial, sans-serif;
        font-size: 15px;
        line-height: 16px;
    }

    #maintenance-schedule .maintenance-item.static ul li > span.extra-time .holder .time .timeSelectText {
        float: left;
    }

    #maintenance-schedule .maintenance-item.static ul li > span.extra-time .holder .overlapTime {
        float: right;
        line-height: 16px;
        color: #ff0000;
    }

    #maintenance-schedule .maintenance-item ul li h3 span.overlapMessage {
        color: #ff0000;
        font-style: italic;
    }

    #repair-times-overview li span.overlapMessage {
        color: #ff0000;
        font-style: italic;
        font-size: 11px;
        display: block;
    }

    #repair-times-overview li .overlapTime {
        color: #ff0000;
    }

    #repair-times-overview div.note {
        background: #eee;
        border: solid #ddd 1px;
        padding: 18px 18px 18px 45px;
        margin: 20px;
    }

    #repair-times-overview div.note.important {
        background: #fffac8;
        border: solid #efeccf 1px;
    }

    #repair-times-overview div.note:before {
        content: '';
        display: none;
    }

    #repair-times-overview div.note h3 {
        font-size: 14px;
        color: #343434;
        margin: 0 0 10px 0;
    }

    #repair-times-overview div.note h3:before {
        content: '!';
        font-family: 'HaynesPro', sans-serif;
        color: #777777;
        font-size: 20px;
        position: absolute;
        display: block;
        height: 16px;
        width: 16px;
        text-align: center;
        margin: 0 0 0 -26px;
    }

    #repair-times-overview div.note p {
        font-size: 12px;
        line-height: 18px;
        margin: 0;
    }

    .dropdown-items > li > ul > li.checked span.title {
        padding: 0 0 0 16px;
    }

    #model-detail-overview aside nav ul li.unavailable {
        background: #707070;
    }

    #model-detail-overview aside nav ul li.unavailable a, #model-detail-overview aside nav ul li.unavailable a:hover {
        background: #707070;
        border-bottom: 1px solid #606060;
        border-top: 1px solid #808080;
        color: #888888;
        cursor: default;
    }

    #model-detail-overview aside nav ul li.unavailable .counter {
        background: #606060;
        border-bottom: 1px solid #5A5A5A;
        border-top: 1px solid #444444;
    }

    .model-detail-overview ul li.unavailable {
        background: #eeeeee;
        border: 1px solid #D8D8D8;
        display: block;
        pointer-events: none;
    }

    .model-detail-overview ul li.timing.unavailable {
        display: none;
    }

    .model-detail-overview ul li.unavailable a {
        color: #9A9A9A;
    }

    #model-detail-overview aside nav ul li.viewerUnavailable {
        background: #707070;
    }

    #model-detail-overview aside nav ul li.viewerUnavailable a, #model-detail-overview aside nav ul li.viewerUnavailable a:hover {
        text-decoration: line-through;
        background: #707070;
        border: 1px solid #FF0000;
        color: #888888;
        cursor: default;
    }

    #model-detail-overview aside nav ul li.viewerUnavailable .counter {
        background: #606060;
        border-bottom: 1px solid #5A5A5A;
        border-top: 1px solid #444444;
    }

    .model-detail-overview ul.smartPackDirectLinks li.unavailable {
        background: #eeeeee;
        border: 1px solid #D8D8D8;
        display: block;
    }

    .model-detail-overview ul.smartPackDirectLinks li.unavailable a {
        cursor: default;
        color: #9A9A9A;
    }

    .model-detail-overview ul.smartPackDirectLinks li.unavailable .counter {
        background: #e5e5e5;
        color: #9A9A9A;
    }

    .model-detail-subnav nav ul li.unavailable {
        display: none;
    }

    .model-detail-subnav-extend nav ul li.unavailable {
        display: none;
    }

    .model-detail-overview ul li.licenseDisabled, .model-detail-overview ul li.licenseDisabled:hover, .model-detail-subnav nav ul li.licenseDisabled, .model-detail-subnav nav ul li.licenseDisabled:hover, .model-detail-subnav-extend nav ul li.licenseDisabled, .model-detail-subnav-extend nav ul li.licenseDisabled:hover, .model-detail-subnav-extend nav .tmpl li.licenseDisabled, .model-detail-subnav-extend nav .tmpl li.licenseDisabled:hover {
        background: #eeeeee;
        border: 1px solid #D8D8D8;
        display: block;
    }

    .model-detail-overview ul li.licenseDisabled a, .model-detail-overview ul li.licenseDisabled:hover a, .model-detail-subnav nav ul li.licenseDisabled a, .model-detail-subnav nav ul li.licenseDisabled:hover a, .model-detail-subnav-extend nav ul li.licenseDisabled a, .model-detail-subnav-extend nav ul li.licenseDisabled:hover a, .model-detail-subnav-extend nav .tmpl li.licenseDisabled a, .model-detail-subnav-extend nav .tmpl li.licenseDisabled:hover a {
        text-decoration: line-through;
        color: #9A9A9A;
        font-weight: normal;
        cursor: default;
    }

    .model-detail-overview ul li.viewerUnavailable, .model-detail-overview ul li.viewerUnavailable:hover, .model-detail-subnav nav ul li.viewerUnavailable, .model-detail-subnav nav ul li.viewerUnavailable:hover, .model-detail-subnav-extend nav ul li.viewerUnavailable, .model-detail-subnav-extend nav ul li.viewerUnavailable:hover, .model-detail-subnav-extend nav .tmpl li.viewerUnavailable, .model-detail-subnav-extend nav .tmpl li.viewerUnavailable:hover {
        background: #eeeeee;
        display: block;
        cursor: default;
    }

    .model-detail-overview ul li.viewerUnavailable a, .model-detail-overview ul li.viewerUnavailable:hover a, .model-detail-subnav nav ul li.viewerUnavailable a, .model-detail-subnav nav ul li.viewerUnavailable:hover a, .model-detail-subnav-extend nav ul li.viewerUnavailable a, .model-detail-subnav-extend nav ul li.viewerUnavailable:hover a, .model-detail-subnav-extend nav .tmpl li.viewerUnavailable a, .model-detail-subnav-extend nav .tmpl li.viewerUnavailable:hover a {
        text-decoration: line-through;
        color: #9A9A9A;
        font-weight: normal;
        cursor: default;
    }

    #tmpl-smartpack-all ul li.licenseDisabled a, #tmpl-smartpack-smartcase ul li.licenseDisabled a, #tmpl-smartpack-technical-service-bulletins ul li.licenseDisabled a {
        color: #9A9A9A;
        cursor: default;
    }

    #smartpack nav.tabs li.unavailable {
        background: #eeeeee;
        border: 1px solid #D8D8D8;
        display: block;
    }

    #smartpack nav.tabs li.unavailable a {
        cursor: default;
        color: #9A9A9A;
    }

    #smartpack nav.tabs li.unavailable a .counter {
        background: #e5e5e5;
        color: #9A9A9A;
    }

    #smartpack-detail .overview > li ul li.remark {
        margin-left: 20px;
    }

    #smartpack-detail .overview > li ul li.indent {
        margin-left: 20px;
    }

    #smartpack-detail .overview > li ul li span.indent {
        margin-left: 40px;
    }

    #smartpack-detail .overview > li ul li.mimedata {
        display: block;
    }

    #smartpack-detail .overview > li figure {
        text-align: center;
        padding: 20px 0;
    }

    #smartpack-detail .overview > li figure a.enlarge {
        color: #006DC1;
    }

    #smartpack-detail .overview li {
        list-style: none;
    }

    .alt #smartpack-detail {
        display: block;
        width: 100%;
        border: none;
        overflow: hidden;
        margin: 0 0 20px 0;
    }

    .alt #smartpack-detail > .heading {
        display: block;
        position: relative;
        width: 100%;
        background: #1a1a1a;
        box-shadow: none;
    }

    .alt #smartpack-detail .heading h2 {
        text-align: center;
        font-family: 'Helvetica Neue', Arial, sans-serif;
        color: #fff;
        line-height: 30px;
        font-size: 22px;
        margin: 0 0 0 20px;
        padding: 25px 7%;
    }

    .alt #smartpack-detail > .heading .button {
        font-family: 'Helvetica Neue', Arial, sans-serif;
        color: #fff;
        font-size: 14px;
        font-weight: normal;
        text-shadow: none;
        border: solid #282727 1px;
        background: #3e3e3e; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzQ4NDg0OCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwJSIgc3RvcC1jb2xvcj0iIzNlM2UzZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzNDM0MzQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
        background: -moz-linear-gradient(top, #484848 0%, #3e3e3e 10%, #343434 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #484848), color-stop(10%, #3e3e3e), color-stop(100%, #343434)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #484848 0%, #3e3e3e 10%, #343434 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #484848 0%, #3e3e3e 10%, #343434 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #484848 0%, #3e3e3e 10%, #343434 100%); /* IE10+ */
        background: linear-gradient(to bottom, #484848 0%, #3e3e3e 10%, #343434 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#484848', endColorstr='#343434', GradientType=0 ); /* IE6-8 */
    }

    .alt #smartpack-detail > .heading .print {
        position: static;
        float: right;
        margin: 22px 10px 0 0;
    }

    .alt #smartpack-detail > .heading .print span {
        font-size: 18px;
        font-weight: normal !important;
    }

    .alt #smartpack-detail > .heading .button > span {
        font-family: 'HaynesPro', sans-serif;
        font-weight: normal;
        color: #fff;
        margin: 0 12px 0 0;
    }

    .alt #smartpack-detail > .heading .close {
        float: right;
        margin: 22px 20px 0 0;
    }

    .alt #smartpack-detail > .inner {
        display: block;
        overflow: hidden;
        margin: 0 20px 20px 20px;
        background: #fff;
    }

    .fuel-type ul li.inactive a, .fuel-type ul li.inactive:hover a {
        cursor: default;
    }

    .fuel-type ul li:hover {
        border-bottom:solid #868686 1px !important;
        background:#555;
    }

    .fuel-type ul li.active:hover {
        border-bottom: solid transparent 1px !important;
        background: #343434;
    }

    #lightbox {
        display: none;
        opacity: 0;
        z-index: 1000;
        position: absolute;
        left: 50%;
        margin-left: -480px;
        width: 960px;
        height: 590px;
        background: #fff;
        top: 170px;
        box-shadow: 0 3px 15px 1px #4b4b4b;
    }

    #lightbox figure {
        margin: 10px;
    }

    #lightbox a.button-close {
        background: url("../img/sprite.png") no-repeat scroll 0 -108px #000000;
        display: block;
        float: right;
        height: 34px;
        width: 40px;
        position: absolute;
        right: 8px;
        top: 8px;
    }

    #lightbox a.button-close:hover {
        background: url(../img/sprite.png) #505050 0 -108px no-repeat;
    }

    #electronic-systems .fault-code-diagnosis {
        width: 81%;
        float: right;
    }

    #electronic-systems .aside-eobd-location {
        background: #707070 !important;
    }

    #electronic-systems .aside-eobd-location .eobd {
        display: block;
        width: 100%;
        overflow: hidden;
        background: #555;
        border-bottom: solid #444 1px;
    }

    #electronic-systems .aside-eobd-location figure {
        margin: 5px;
        background: #fff;
        overflow: hidden;
    }

    #electronic-systems .aside-eobd-location figure img {
        display: block;
        margin: 0 auto;
    }

    #electronic-systems .aside-eobd-location p {
        margin: 0 20px 0 20px;
        padding: 8px 0 13px 0;
        line-height: 24px;
        font-size: 14px;
        font-weight: bold;
        color: #fff;
    }

    #electronics-component-detail .tabs ul li.unavailable a {
        color: #CCCCCC;
        cursor: default;
    }

    @media all and (min-width: 1350px) {
        #electronic-systems .aside-eobd-location {
             width: 16%;
         }

         #electronic-systems .fault-code-diagnosis {
             width: 84%;
         }
    }

    @media all and (min-width: 1600px) {
        #electronic-systems .aside-eobd-location {
            width: 14%;
        }

        #electronic-systems .fault-code-diagnosis {
            width: 86%;
        }
    }

    div.hiddenMessage {
        display: none;
    }

    #location-detail aside figure.drawing {
        height: 200px;
        padding: 20px 0;
    }

    #location-detail section.content figure.drawing {
        height: 500px;
        padding: 20px 0;
    }

    #location-detail section.content figure.drawing.network-topology-diagram {
        height: 680px;
    }

    #location-detail aside ul li.active a, #location-detail aside ul li.active a:hover {
        background: url("../img/active-list-item-arrow.png") no-repeat scroll right center #343434;
        color: #ffffff;
    }

    #location-detail {
        background: none repeat scroll 0 0 #F5F5F5;
        border: 1px solid #C8C8C8;
        display: block;
        width: 100%;
    }

    #location-detail > .heading {
        display: block;
        position: relative;
        width: 100%;
        background: #707070;
        text-align: center;
        box-shadow: inset 0 0 30px #616161;
        overflow: hidden;
    }

    #location-detail .heading h2 {
        text-align: center;
        font-family: 'Helvetica Neue', Arial, sans-serif;
        color: #fff;
        line-height: 30px;
        font-size: 22px;
        text-shadow: 0 1px 0 #5a5a5a;
        padding: 25px 22%;
        min-height: 30px;
    }

    #location-detail .heading h2 span {
        font-weight: normal;
    }

    #location-detail > .heading .button {
        font-family: 'Helvetica Neue', Arial, sans-serif;
        color: #fff;
        font-size: 14px;
        text-shadow: none;
        border: solid #282727 1px;
        background: #3e3e3e; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzQ4NDg0OCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwJSIgc3RvcC1jb2xvcj0iIzNlM2UzZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzNDM0MzQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
        background: -moz-linear-gradient(top, #484848 0%, #3e3e3e 10%, #343434 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #484848), color-stop(10%, #3e3e3e), color-stop(100%, #343434)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #484848 0%, #3e3e3e 10%, #343434 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #484848 0%, #3e3e3e 10%, #343434 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #484848 0%, #3e3e3e 10%, #343434 100%); /* IE10+ */
        background: linear-gradient(to bottom, #484848 0%, #3e3e3e 10%, #343434 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#484848', endColorstr='#343434', GradientType=0 ); /* IE6-8 */
    }

    #location-detail > .heading .back {
        position: absolute;
        margin: 22px 0 0 0;
        left: 20px;
    }

    #location-detail > .heading .print {
        position: absolute;
        margin: 22px 0 0 0;
        right: 20px;
    }

    #location-detail > .heading .print span {
        font-size: 18px;
        font-weight: normal !important;
    }

    #location-detail > .heading .button > span {
        font-family: 'HaynesPro', sans-serif;
        color: #fff;
        margin: 0 12px 0 0;
    }

    #location-detail > .heading .close {
        float: right;
        margin: 22px 20px 0 0;
        font-family: 'HaynesPro' !important;
    }

    #electronics-component-detail > .heading .close {
        font-family: 'HaynesPro';
    }

    #electronic-systems {
        width: 99.9%;
    }

    #smartpack-detail, #repair-times, #maintenance-schedule {
        width: 99.90%;
    }

    #location-detail > .inner {
        display: block;
        margin: 0;
        overflow: hidden;
        background: #fff;
    }

    .alt #location-detail {
        display: block;
        width: 100%;
        background: #1a1a1a;
        border: none;
        overflow: hidden;
    }

    .alt #location-detail > .heading {
        display: block;
        position: relative;
        width: 100%;
        height: 80px;
        background: #1a1a1a;
        box-shadow: none;
    }

    .alt #location-detail .heading h2 {
        font-family: 'Helvetica Neue', Arial, sans-serif;
        color: #fff;
        font-size: 22px;
        margin: 0 0 0 20px;
    }

    .alt #location-detail > .heading .button {
        font-family: 'Helvetica Neue', Arial, sans-serif;
        color: #fff;
        font-size: 14px;
        font-weight: normal;
        text-shadow: none;
        border: solid #282727 1px;
        background: #3e3e3e; /* Old browsers */
        /* IE9 SVG, needs conditional override of 'filter' to 'none' */
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzQ4NDg0OCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwJSIgc3RvcC1jb2xvcj0iIzNlM2UzZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzNDM0MzQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
        background: -moz-linear-gradient(top, #484848 0%, #3e3e3e 10%, #343434 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #484848), color-stop(10%, #3e3e3e), color-stop(100%, #343434)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #484848 0%, #3e3e3e 10%, #343434 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #484848 0%, #3e3e3e 10%, #343434 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #484848 0%, #3e3e3e 10%, #343434 100%); /* IE10+ */
        background: linear-gradient(to bottom, #484848 0%, #3e3e3e 10%, #343434 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#484848', endColorstr='#343434', GradientType=0 ); /* IE6-8 */
    }

    .alt #location-detail > .heading .print {
        float: right;
        margin: 22px 10px 0 0;
        position: static;
    }

    .alt #location-detail > .heading .print span {
        font-size: 18px;
        font-weight: normal !important;
    }

    .alt #location-detail > .heading .button > span {
        font-family: 'HaynesPro', sans-serif;
        font-weight: normal;
        color: #fff;
        margin: 0 12px 0 0;
    }

    .alt #location-detail > .inner {
        display: block;
        margin: 0;
        overflow: hidden;
        background: #fff;
    }

    #location-detail > .inner .heading {
        display: block;
        height: 83px;
        border-bottom: solid #ededed 1px;
    }

    #location-detail > .inner .heading img {
        display: block;
        height: 51px;
        width: 80px;
        float: left;
        margin: 16px 0 0 20px;
    }

    #location-detail > .inner.clearfix:after {
        content: '';
        display: block;
        height: 0;
        line-height: 0;
        overflow: hidden;
        clear: both;
        visibility: hidden;
    }

    #location-detail > .inner .heading h2 {
        color: #333;
        float: left;
    }

    #location-detail aside {
        display: block;
        float: left;
        width: 30%;
        border-right: solid #e8e8e8 1px;
        padding: 0 0 99900px 0;
        margin: 0 0 -99900px 0;
        background: #ffffff;
    }

    #location-detail aside figure {
        display: block;
        width: 100%;
        overflow: hidden;
        border-bottom: solid #e8e8e8 1px;
    }

    #location-detail aside figure img {
        display:block;
        margin:0 auto;
    }

    #location-detail aside ul {
        display:block;
    }

    #location-detail aside ul li {
        position:relative;
        display: block;
        border-bottom: solid #e8e8e8 1px;
    }

    #location-detail aside ul li a {
        display: inline-block;
        color: #000;
        padding: 16px 40px 16px 74px;
        font-size: 13px;
        line-height: 20px;
        width: calc(100% - 114px);
    }

    #location-detail aside ul li a span {
        font-weight: bold;
        font-size: 15px;
        position: relative;
        margin: 0 0 0 -55px;
        display:inline-block;
        float: left;
        width: 25%;
    }

    #location-detail aside ul li:hover {
        border-bottom: solid #707070 1px;
    }

    #location-detail aside ul li:hover a {
        color: #fff;
        background: #707070;
    }

    #location-detail section.content {
        display: block;
        float: left;
        width: 69.75%;
        padding: 0 0 30px 0;
        margin: 0 0 0 0;
    }

    #location-detail section.content figure {
        overflow: hidden;
        background: #fff;
        margin: 20px;
        border: solid #dadada 1px;
    }

    #location-detail section.content figure img {
        display: block;
        margin: 0 auto;
    }

    #location-detail #locationSystemWrapper {
        overflow: hidden;
        background: #f2f2f2;
    }

    .model-detail-subnav nav:first-child {
        margin-bottom: 25px;
    }

    .model-detail-subnav-extend .tmpl.alt#vesa_systems ul.dropdown-items {
        margin: 0;
    }

    .model-detail-subnav-extend nav ul#vesa_systems li.dropdown.opened > .title {
        font-weight: bold;
    }

    #electronic-systems section.overview ul li.hidden {
        display: none;
    }

    #electronics-component-detail .content-top {
        background: none repeat scroll 0 0 #FFFFFF;
        height: 74px;
    }

    #electronics-component-detail .content-top h3 {
        float: left;
        line-height: 74px;
        margin: 0 0 0 20px;
    }

    .alt #electronics-component-detail .tmpl.repair-manuals > .inner {
        margin: 0;
    }

    .alt #electronics-component-detail .tmpl.repair-manuals > .inner > .top {
        margin: 0;
    }

    #electronics-component-detail > .inner > .top h3 {
        line-height: 74px;
        float: left;
        margin: 0 0 0 0;
    }

    #electronics-component-detail .custom-dropdown-wrapper {
        background: linear-gradient(to bottom, #FFFFFF 0%, #F8F8F8 50%, #F2F2F2 100%) repeat scroll 0 0 transparent;
        border: 1px solid #A7A7A7;
        float: left;
        font-family: 'Helvetica Neue', Arial, sans-serif;
        font-size: 13px;
        font-weight: bold;
        height: 38px;
        line-height: 38px;
        margin: 16px 30px 0 20px;
        position: relative;
    }

    #electronics-component-detail .custom-dropdown-wrapper span.selected:before {
        content: "_";
        display: block;
        float: right;
        font-family: 'HaynesPro', sans-serif;
        height: 38px;
        line-height: 38px;
        text-align: left;
        width: 25px;
    }

    #electronics-component-detail .custom-dropdown-wrapper span.selected {
        font-family: 'Helvetica Neue', Arial, sans-serif;
        font-size: 13px;
        font-weight: bold;
        height: 38px;
        line-height: 38px;
        margin: 0 40px 0 15px;
    }

    #electronics-component-detail .custom-dropdown-wrapper select {
        border: medium none;
        display: block;
        height: 38px;
        margin: -38px 0 0;
        opacity: 0;
        position: absolute;
        width: 100%;
    }

    #electronics-component-detail .custom-dropdown-wrapper {
        background: linear-gradient(to bottom, #FFFFFF 0%, #F8F8F8 50%, #F2F2F2 100%) repeat scroll 0 0 transparent;
        border: 1px solid #A7A7A7;
        float: left;
        font-family: 'Helvetica Neue', Arial, sans-serif;
        font-size: 13px;
        font-weight: bold;
        height: 38px;
        line-height: 38px;
        margin: 16px 30px 0 20px;
        position: relative;
    }

    #electronics-component-detail .tmpl aside figure {
        margin: 20px 0;
        overflow: hidden;
    }

    #electronics-component-detail .tmpl section.content figure.circuit {
        padding: 0;
    }

    #electronics-component-detail .tmpl section.content figure.circuit div.circuitWrapper {
        overflow: auto;
    }

    #electronics-component-detail .tmpl section.content figure.circuit div#standAloneElectronics {
        float: left;
    }

    #electronics-component-detail .tmpl section.content figure.circuit div#standAloneElectronics svg {
        float: left;
    }

    #electronics-component-detail .tmpl section.content figure#systemDetailImage {
        height: 500px;
    }

    #electronics-component-detail .tmpl aside figure#systemOverviewImage {
        height: 200px;
    }

    #electronics-component-detail #nonVesa-components-overview tr.row:hover, #electronics-component-detail #wiring-pins-overview tr.row:hover {
        background: #e7f3e6;
        border-bottom: solid #d3ded1 1px;
        cursor: pointer;
    }

    #electronics-component-detail #wiring-pins-overview tr.row.disabled:hover {
        background: #ffffff;
    }

    #electronics-component-detail #wiring-pins-overview tr.row.disabled:hover:nth-child(even) {
        background: #f2f2f2;
    }

    #electronics-component-detail #nonVesa-components-overview tr.row.active td {
        font-weight: bold;
    }

    #electronics-component-detail #nonVesa-components-overview .button.active {
        background: #1A1A1A;
        box-shadow: none;
    }

    #electronics-component-detail #wiring-pins-overview .button.active {
        background: #1A1A1A;
        box-shadow: none;
    }

    #electronics-component-detail #connectorsContainer .connectorWrap {
        padding: 20px 0;
    }

    #electronics-component-detail #connectorsContainer .connectorWrap figure {
        margin: 10px 0 0;
        height: 200px;
    }

    #electronic-systems .fault-code-diagnosis ul li a.arrow:after {
        color: #707070;
        content: ">";
        position: absolute;
        top: 0;
        right: 0;
        padding: 22px 0;
        width: 30px;
        font-family: 'HaynesPro', sans-serif;
        display: block;
    }

    #electronic-systems .fault-code-diagnosis ul li.dropdown.active ul {
        display: block;
        opacity: 1;
    }

    #electronic-systems .fault-code-diagnosis ul li.dropdown.opened ul {
        display: block;
        opacity: 1;
    }

    #electronic-systems .fault-code-diagnosis ul li.dropdown ul {
        display: none;
        margin: 0;
    }

    #electronic-systems .fault-code-diagnosis ul li.dropdown ul li {
        display: block;
        position: relative;
        height: auto;
        border: none;
        border-top: solid #e9e9e9 1px;
        background: #fafafa;
        margin: 0;
    }

    #electronic-systems .fault-code-diagnosis ul li.dropdown ul li:hover {
        background: #fff;
        height: auto;
    }

    #electronic-systems .fault-code-diagnosis ul li.dropdown ul li a {
        font-size: 13px;
        padding: 0;
        font-weight: normal !important;
        height: auto;
    }

    #electronic-systems .fault-code-diagnosis ul li.dropdown.active > a {
        background: #fafafa; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VlZWVlZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjYlIiBzdG9wLWNvbG9yPSIjZmFmYWZhIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZhZmFmYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
        background: -moz-linear-gradient(top, #eeeeee 0%, #fafafa 6%, #fafafa 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eeeeee), color-stop(6%, #fafafa), color-stop(100%, #fafafa)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #eeeeee 0%, #fafafa 6%, #fafafa 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #eeeeee 0%, #fafafa 6%, #fafafa 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #eeeeee 0%, #fafafa 6%, #fafafa 100%); /* IE10+ */
        background: linear-gradient(to bottom, #eeeeee 0%, #fafafa 6%, #fafafa 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#fafafa', GradientType=0 ); /* IE6-8 */
    }

    .model-detail-overview .column-50-50 ul li.dropdown.active ul {
        display: block;
    }

    .model-detail-overview .column-50-50 ul li.dropdown.opened ul {
        display: block;
    }

    .model-detail-overview .column-50-50 ul li.dropdown ul {
        display: none;
    }

    .model-detail-overview .column-50-50 ul li.dropdown ul li {
        display: block;
        position: relative;
        height: auto;
        line-height: 18px;
        border: none;
        border-top: solid #e9e9e9 1px;
        background: #fafafa;
        margin: 0;
    }

    .model-detail-overview .column-50-50 ul li.dropdown ul li:hover {
        background: #fff;
        height: auto;
        line-height: 18px;
    }

    .model-detail-overview .column-50-50 ul li.dropdown ul li a {
        line-height: 18px;
        font-size: 13px;
        padding: 11px 29px 11px 19px;
        font-weight: normal !important;
        height: auto;
    }

    .model-detail-overview .column-50-50 ul li.dropdown.active > a {
        background: #fafafa; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VlZWVlZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjYlIiBzdG9wLWNvbG9yPSIjZmFmYWZhIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZhZmFmYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
        background: -moz-linear-gradient(top, #eeeeee 0%, #fafafa 6%, #fafafa 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eeeeee), color-stop(6%, #fafafa), color-stop(100%, #fafafa)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #eeeeee 0%, #fafafa 6%, #fafafa 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #eeeeee 0%, #fafafa 6%, #fafafa 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #eeeeee 0%, #fafafa 6%, #fafafa 100%); /* IE10+ */
        background: linear-gradient(to bottom, #eeeeee 0%, #fafafa 6%, #fafafa 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#fafafa', GradientType=0 ); /* IE6-8 */
    }

    .model-detail-overview .column-50-50 ul li.dropdown.opened > a {
        background: #fff;
        cursor: default;
    }

    .model-detail-overview .column-50-50 ul li.dropdown.opened > .title {
        background: #fff;
        cursor: default;
    }

    .model-detail-overview .column-50-50 ul li.dropdown.active ul li a, .model-detail-subnav-extend nav ul li.dropdown.opened ul li a {
        font-weight: bold;
    }

    .model-detail-overview .column-50-50 ul li.dropdown.active ul li a:hover:after {
        content: '>';
        font-family: 'HaynesPro', sans-serif;
        font-size: 13px;
        line-height: 18px;
        display: block;
        position: absolute;
        top: 50%;
        height: 18px;
        right: 10px;
        width: 18px;
        margin: -9px 0 0 0;
        color: #707070;
    }

    .model-detail-overview .column-50-50 ul li.dropdown.opened ul li a:after {
        content: '>';
        font-family: 'HaynesPro', sans-serif;
        font-size: 13px;
        line-height: 18px;
        display: block;
        position: absolute;
        top: 50%;
        height: 18px;
        right: 10px;
        width: 18px;
        margin: -9px 0 0 0;
        color: #707070;
    }

    .model-detail-overview .column-50-50 ul li.dropdown.alt.active ul li a {
        content: '>';
        font-family: 'HaynesPro', sans-serif;
        font-size: 13px;
        line-height: 18px;
        display: block;
        position: absolute;
        top: 50%;
        height: 18px;
        right: 10px;
        width: 18px;
        margin: -9px 0 0 0;
        color: #707070;
    }

    .top h3.oneItemPresent {
        font-weight: normal;
    }

    #nonVesaSystems {
        border-top: solid #d3ded1 1px;
        padding-top: 5px;
    }

    .model-detail-subnav-extend nav .tmpl #nonVesaSystems h4 {
        padding-left: 20px;
        font-size: 14px;
        line-height: 40px;
         background-color: white;
    }

    .model-detail-subnav-extend nav .tmpl #nonVesaSystems h4:hover {
        padding-left: 20px;
        font-size: 14px;
        line-height: 40px;
        background-color: white;
    }

    .pageContainer {
        clear: both;
    }

    #electronics-component-detail .tmpl section.content.nonVesa {
        display: block;
        float: left;
        width: 100%;
        margin: 0 0 30px 0;
    }

    #electronics-component-detail .tmpl section.content.nonVesa figure {
        margin: 0;
        overflow: auto;
    }

    #schemeWrap {
        position: relative;
        overflow: hidden;
        width: auto;
        margin: 0 auto;
    }

    #electronics-component-detail .tmpl section.content.nonVesa .highLightComponent {
        position: absolute;
        left: 0;
        top: 0;
        width: 0;
        height: 0;
        z-index: 1;
    }

    #electronics-component-detail .tmpl section.content.nonVesa #highLightComponent1 {
        border: 3px solid #ff0000;
    }

    #electronics-component-detail .tmpl section.content.nonVesa #highLightComponent2 {
        border: 3px solid #00ff00;
        display: none;
    }

    #electronics-component-detail .tmpl section.content figure.nonVesa {
        padding: 20px;
    }

    /*noinspection CssInvalidPropertyValue*/
    .view li.disabled a img {
        opacity: 0.5;
        filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
        filter: gray; /* IE6-9 */
        -webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
    }

    .view li.disabled a {
        color: #999;
        cursor: default;
    }

    .view.tiles li.disabled.tile a {
        color: #999;
    }

    .view li.disabled.tile:hover {
        border: solid #e3e3e3 1px;
        border-bottom: solid #d0d0d0 1px;
        border-top: solid #f2f2f2 1px;
        box-shadow: 0 0 3px #eaeaea;
    }

    table tr.disabled td {
        color: #999;
    }

    table tr.disabled:hover:nth-child(even), table tr.disabled:hover:nth-child(odd) {
        background: url(../img/table-rows-transparant.png) 0 -100px repeat-x;
        border-bottom: solid #d0d0d0 1px;
        cursor: default;
    }

    .model-select ul li.active h3 {
        color: #fff !important;
    }

    .model-select ul li.disabled {
        opacity: 0.5;
    }

    .model-select ul li.disabled a {
        cursor: default;
    }

    .model-select ul li.disabled:hover {
        border-top: solid #5e5e5e 1px;
        border-bottom: solid #444 1px;
        background: #555;
        cursor: default;
    }

    #noResult, .noResult {
        display: none;
        margin: 20px;
        border: 1px solid #ddd;
        padding: 10px;
        color: #444;
        font-family: 'Helvetica Neue', Arial, sans-serif;
        font-size: 12px;
        line-height: 30px;
        background: #fff;
    }

    .noResult.visible {
        display: block;
    }

    .notFoundFCs {
        margin: 20px;
        border: 1px solid #ddd;
        padding: 10px;
        color: #444;
        font-family: 'Helvetica Neue', Arial, sans-serif;
        font-size: 12px;
        line-height: 30px;
    }

    #modelDetailOverview .modelDetailOverview-search-result {
        display: none;
        padding: 25px 0 25px 0;
        margin-top: 5px;
        margin-bottom: 25px;
        width: 100%;
        border-top: 1px solid #c8c8c8;
    }

    #modelDetailOverview .clearfix:after {
        content: '';
        display: block;
        height: 0;
        line-height: 0;
        overflow: hidden;
        clear: both;
        visibility: hidden;
    }

    #modelDetailOverview .modelDetailOverview-search-result-lineout {
        margin: 0 20px 0 20px;
    }

    #modelDetailOverview .modelDetailOverview-search-result-lineout p {
        display: block;
        font-size: 14px;
        line-height: 20px;
        color: #000;
        float: left;
    }

    #modelDetailOverview .modelDetailOverview-search-result-lineout p.filtered-by {
        display: none;
    }

    #modelDetailOverview .result {
        font-weight: bold;
    }

    #modelDetailOverview .filtered-by {
        margin: 0 0 0 0;
    }

    #modelDetailOverview .filter span.selected {
        font-weight: bold;
        color: #35852b;
    }

    #modelDetailOverview .filter span.selected:before {
        color: #000;
        font-weight: normal;
    }

    #modelDetailOverview .filter span.selected.default {
        font-weight: normal;
        color: #000;
    }

    #modelDetailOverview .results {
        margin: 20px 0 0 0;
    }

    #modelDetailOverview .results h2 {
        margin: 0 0 15px 0;
    }

    .model-detail-overview .results h3 {
        font-size: 12px;
        font-weight: normal;
        color: #444;
        margin: 0 0 15px 0;
    }

    #modelDetailOverview .results ul {
        margin: 0 0 25px 0;
    }

    #modelDetailOverview .results ul:last-child {
        margin: 0 0 0 0;
    }

    #modelDetailOverview .results ul li {
        display: block;
        position: relative;
        border: solid #e8e8e8 1px;
        border-bottom: none;
        overflow: hidden;
    }

    #modelDetailOverview .results ul li:nth-child(odd) {
        background: #fff;
    }

    #modelDetailOverview .results ul li:nth-child(even) {
        background: #fdfdfd;
    }

    #modelDetailOverview .results ul li:not(.disabled):hover {
        background: #dbdbdb; /* Old browsers */
        /* IE9 SVG, needs conditional override of 'filter' to 'none' */
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RiZGJkYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjYlIiBzdG9wLWNvbG9yPSIjZTZlNmU2IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2U2ZTZlNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
        background: -moz-linear-gradient(top, #dbdbdb 0%, #e6e6e6 6%, #e6e6e6 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #dbdbdb), color-stop(6%, #e6e6e6), color-stop(100%, #e6e6e6)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #dbdbdb 0%, #e6e6e6 6%, #e6e6e6 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #dbdbdb 0%, #e6e6e6 6%, #e6e6e6 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #dbdbdb 0%, #e6e6e6 6%, #e6e6e6 100%); /* IE10+ */
        background: linear-gradient(to bottom, #dbdbdb 0%, #e6e6e6 6%, #e6e6e6 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dbdbdb', endColorstr='#e6e6e6', GradientType=0 ); /* IE6-8 */
    }

    #modelDetailOverview .results ul li a {
        display: block;
        width: 100%;
        height: 58px;
        line-height: 58px;
        vertical-align: middle;
        font-size: 14px;
        text-indent: 20px;
        color: #000;
    }

    #modelDetailOverview .results ul li a.arrow:after {
        content: '>';
        font-family: 'HaynesPro', sans-serif;
        font-size: 16px;
        line-height: 18px;
        display: block;
        position: absolute;
        height: 18px;
        width: 18px;
        top: 50%;
        margin: -9px 0 0 0;
        right: 30px;
        color: #409b35;
    }

    #modelDetailOverview .results ul li:last-child {
        border-bottom: solid #e8e8e8 1px;
    }

    #modelDetailOverview .results ul li.disabled a {
        cursor: default;
    }

    #modelDetailOverview .results ul li a .fault-code {
        float: right;
        margin: 0 80px 0 0;
        color: #888;
    }

    #modelDetailOverview .results ul li.disabled a .fault-code {
        color: #da0000;
    }

    #modelDetailOverview .results ul li.disabled .remark {
        color: #888;
        padding: 10px 20px;
        font-size: 12px;
        display: block;
    }

    #modelDetailOverview .results ul li.no-result {
        display: block;
        background: #f0f0f0;
        border: solid #e8e8e8 1px;
        overflow: hidden;
        height: 58px;
        line-height: 58px;
        color: #999;
        text-align: center;
        font-size: 16px;
    }

    #modelDetailOverview .close-modelDetailOverview-search {
        position: absolute;
        font-family: 'HaynesPro', sans-serif;
        right: 20px;
        display: block;
        height: 23px;
        width: 23px;
        border: solid #c8c8c8 1px;
        background: #fff;
        color: #000;
        line-height: 26px;
        text-align: center;
    }

    #modelDetailOverview .column-50-50 .box #resetButton {
        display: none;
        opacity: 0;
    }

    .search-box {
        position: relative;
        overflow: hidden;
        float: left;
        padding: 3px;
        margin: 24px 0 0 0;
    }

    .search-box .empty-search {
        display: none;
        opacity: 0;
        height: 23px;
        width: 23px;
        background: url(../img/sprite.png) -77px -108px no-repeat;
        position: absolute;
        z-index: 6;
        top: 6px;
        right: 6px;
    }

    #search-results table tr:nth-child(even), #search-results table tr:nth-child(even):hover {
        background: url(../img/table-rows-transparant.png) repeat-x 0 -40px;
    }

    #search-results table tr:nth-child(even):hover {
        background-position: 0 -100px;
    }

    #search-results table tr:nth-child(odd), #search-results table tr:nth-child(odd):hover {
        background: url(../img/table-rows-transparant.png) repeat-x 0 -100px;
    }

    #search-results table tr:nth-child(odd):hover {
        background-position: 0 -40px;
    }

    #search-results table tr:hover {
        cursor: pointer;
    }

    #search-results table th {
        padding: 0 0 0 20px;
        border-bottom: solid #e2e2e2 1px;
        border-right: none;
    }

    #search-results table tr td {
        line-height: 18px;
        padding: 20px 0 20px 20px;
        font-size: 14px;
    }

    #search-result-overview table tr td.arrow:before, #search-results table tr td.arrow:before {
        content: '>';
        font-family: 'HaynesPro', sans-serif;
        font-size: 16px;
        line-height: 18px;
        position: initial;
        right: 30px;
    }

    #search-results div.note {
        background: #eee;
        border: solid #ddd 1px;
        padding: 18px 18px 18px 18px;
        margin: 20px;
        text-align: center;
    }

    #search-results .note:before {
        content: '!' !important;
        font-family: 'HaynesPro', sans-serif;
        margin-right: 10px;
    }

    .repair-manuals > .inner .left li#backToTop {
        display: none;
    }

    .repair-manuals > .inner .left li#backToTop a.button {
        border-top-left-radius: 0;
        line-height: 34px;
        padding: 0 20px 0 20px;
        font-family: 'Helvetica Neue', Arial, sans-serif;
        color: #fff;
        font-size: 14px;
        text-shadow: none;
        border: solid #282727 1px;
        background: #3e3e3e; /* Old browsers */
        /* IE9 SVG, needs conditional override of 'filter' to 'none' */
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzQ4NDg0OCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwJSIgc3RvcC1jb2xvcj0iIzNlM2UzZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzNDM0MzQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
        background: -moz-linear-gradient(top, #484848 0%, #3e3e3e 10%, #343434 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #484848), color-stop(10%, #3e3e3e), color-stop(100%, #343434)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #484848 0%, #3e3e3e 10%, #343434 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #484848 0%, #3e3e3e 10%, #343434 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #484848 0%, #3e3e3e 10%, #343434 100%); /* IE10+ */
        background: linear-gradient(to bottom, #484848 0%, #3e3e3e 10%, #343434 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#484848', endColorstr='#343434', GradientType=0 ); /* IE6-8 */
    }

    .repair-manuals > .inner .left li#backToTop a.button > span {
        font-family: 'HaynesPro', sans-serif;
        color: #fff;
        margin: 0 12px 0 0;
    }

    /*** backup CSS - cost estimate ***/

    #tos {
        display: block;
        width: 100%;
        background: #1a1a1a;
        overflow: hidden;
    }

    #tos > .inner {
        display: block;
        margin: 0 20px 20px 20px;
        background: #fff;
        padding: 20px;
    }

    .tos #cost-estimate > .inner {
        display: block;
        margin: 0 20px 20px 20px;
        background: #fff;
        padding: 20px;
    }

    #tos > .heading {
        display: block;
        position: relative;
        width: 100%;
        background: #1a1a1a;
        box-shadow: none;
    }

    #tos .heading h2 {
        font-family: 'Helvetica Neue', Arial, sans-serif;
        color: #fff;
        line-height: 80px;
        font-size: 22px;
        margin: 0 0 0 20px;
    }

    #tos .heading fieldset {
        float: right;
    }

    #tos .custom-dropdown-wrapper {
        float: left;
        position: relative;
        border: solid #a7a7a7 1px;
        font-family: 'Helvetica Neue', Arial, sans-serif;
        font-size: 13px;
        font-weight: bold;
        line-height: 38px;
        height: 38px;
        margin: 20px 30px 0 20px;
        background: #f2f2f2; /* Old browsers */
        /* IE9 SVG, needs conditional override of 'filter' to 'none' */
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2Y4ZjhmOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmMmYyZjIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
        background: -moz-linear-gradient(top, white 0%, #f8f8f8 50%, #f2f2f2 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(50%, #f8f8f8), color-stop(100%, #f2f2f2)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, white 0%, #f8f8f8 50%, #f2f2f2 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, white 0%, #f8f8f8 50%, #f2f2f2 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, white 0%, #f8f8f8 50%, #f2f2f2 100%); /* IE10+ */
        background: linear-gradient(to bottom, #ffffff 0%, #f8f8f8 50%, #f2f2f2 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f2f2f2', GradientType=0 ); /* IE6-8 */
        -o-text-overflow: ellipsis; /* Opera */
        text-overflow: ellipsis; /* IE, Safari (WebKit) */
        overflow: hidden; /* don't show excess chars */
        white-space: nowrap; /* force single line */
        width: 300px; /* fixed width */
    }

    #tos .custom-dropdown-wrapper span.selected {
        font-family: 'Helvetica Neue', Arial, sans-serif;
        font-size: 13px;
        font-weight: bold;
        line-height: 38px;
        height: 38px;
        margin: 0 40px 0 15px;
    }

    #tos .custom-dropdown-wrapper span.selected:before {
        content: '_';
        font-family: 'HaynesPro', sans-serif;
        display: block;
        width: 25px;
        height: 38px;
        text-align: left;
        line-height: 38px;
        float: right;
    }

    #tos .custom-dropdown-wrapper select {
        display: block;
        border: none;
        width: 100%;
        height: 38px;
        opacity: 0;
        position: absolute;
        margin: -38px 0 0 0;
    }

    .tos .mid-section h1, .tos .mid-section h2, .tos .mid-section h3, .tos .mid-section h4, .tos .mid-section p {
        margin-bottom: 20px;
    }

    .tos .mid-section h1 {
        font-size: 30px;
    }

    .tos .mid-section p {
        line-height: 20px;
    }

    .tos .mid-section ul, .tos .mid-section ol {
        margin-left: 20px;
        margin-bottom: 20px;
    }

    .tos .mid-section li {
        line-height: 20px;
    }

    .tos #cost-estimate form fieldset {
        display: block;
        float: right;
        margin-top: 20px;
        margin-right: 20px;
    }

    .errorMessage {
        position: absolute;
        top: 70px;
        left: 50%;
        margin-left: -211px;
        text-align: center;
        background: #fcf6f6;
        color: #c10000;
        border: 1px solid #c10000;
        width: 400px;
        -moz-box-shadow: 1px 1px 3px 3px rgba(0,0,0,0.3);
        -webkit-box-shadow: 1px 1px 3px 3px rgba(0,0,0,0.3);
        box-shadow: 1px 1px 3px 3px rgba(0,0,0,0.3);
        padding: 10px;
    }

    .errorMessage p {
        padding: 0;
        font-size: 14px;
        line-height: 18px;
        margin: 0 18px 0 0;
        color: #c10000;
        font-weight: bold;
    }

    .errorMessage p:before {
        content: '!';
        display: block;
        height: 18px;
        width: 18px;
        float: left;
        font-family: 'HaynesPro', sans-serif;
        color: #c00;
        font-size: 25px;
        background-color: #fff;
    }

    .wrapper-vinNr {
        width: 248px !important;
    }

    .wrapper-regNr {
        width: 179px !important;
    }

    .wrapper-regDate {
        width: 200px !important;
    }

    .wrapper-mileage {
        width: 140px !important;
    }

    #customerDetailsWrap {
        overflow: hidden;
    }

    #customerDetailsWrap.organiserFull {
        display: none;
    }

    #addCustomer {
        float: right;
        margin: 20px;
    }

    #planningDiv, #reminderBoxDiv {
        display: none;
    }

    footer {
        height: auto;
        min-height: 80px;
    }

    div.oemWaiver {
        background: #fffac8;
        border-top: solid #efeccf 1px;
        height: auto;
    }

    div.oemWaiver .lineout {
        padding: 10px 0;
    }

    .model-detail-subnav-extend nav.warningLightsSystems {
        width: auto;
    }

    nav.warningLightsSystems {
        background: #fff;
        margin: 0;
    }

    .model-detail-subnav-extend nav ul li.dropdown.active nav.warningLightsSystems {
        display: block;
    }

    .model-detail-subnav-extend nav ul li.dropdown.opened nav.warningLightsSystems {
        display: block;
    }

    .model-detail-subnav-extend nav ul li.dropdown nav.warningLightsSystems {
        display: none;
    }

    .model-detail-subnav-extend nav ul li.dropdown nav.warningLightsSystems ul {
        display: block;
    }

    .model-detail-subnav-extend nav.warningLightsSystems ul li {
        background: transparent;
        border: none;
        overflow: visible;
    }

    .model-detail-subnav-extend nav.warningLightsSystems ul li:hover {
        background: transparent;
    }

    nav.warningLightsSystems ul li.checkSpace {
        padding-left: 0 !important;
        border-bottom: 1px solid #ddd;
    }

    nav.warningLightsSystems div.warningLightsSystemsRow {
        overflow: hidden;
        clear: both;
    }

    nav.warningLightsSystems div a {
        float: left;
        border: 1px solid #ddd;
        height: 60px;
        width: 60px;
        margin: 2px;
        display: block;
        padding: 10px;
    }

    nav.warningLightsSystems div a.active {
        background: #ddd url(../img/arrow_bottom.png) 50% bottom no-repeat;
        height: 62px;
        width: 62px;
        border: none;
    }

    nav.warningLightsSystems div a:hover {
        background: #aaa;
    }

    nav.warningLightsSystems div a.active:hover {
        background: #ddd url(../img/arrow_bottom.png) 50% bottom no-repeat;
        height: 62px;
        width: 62px;
        border: none;
    }

    nav.warningLightsSystems div div.iconDescription {
        display: block;
        overflow: hidden;
        clear: both;
        border: 1px solid #ddd;
        padding: 10px;
        margin: 2px;
        font-size: 14px;
        line-height: 20px;
    }

    nav.warningLightsSystems div div.iconDescription li {
        clear: left;
        overflow: hidden;
    }

    nav.warningLightsSystems div div.iconDescription span.extra-info {
        clear: right;
        overflow: hidden;
        float: right;
    }

    .model-detail-subnav-extend nav.warningLightsSystems .tmpl {
        display: block;
    }

    nav.warningLightsSystems .tmpl .enlarge {
        display: none;
    }

    nav.warningLightsSystems .button {
        display: block;
        height: 28px;
        width: 28px;
        border: solid #c8c8c8 1px;
        background: #fff;
        box-shadow: inset 0 0 10px #F9F9F9;
        text-shadow: none !important;
        margin: 0;
        padding: 0;
        font-size: 24px;
        font-weight: normal;
        line-height: 32px;
        text-align: center;
        font-family: 'HaynesPro', sans-serif;
    }

    nav.warningLightsSystems .button {
        margin: 10px 10px 10px 0;
        color: #0d74c4;
        clear: right;
    }

    span.button-skip {
        float: right;
        margin-right: 200px;
        margin-top: 100px;
    }

    .view.tiles .tile.customTruck a, .view.tiles .tile.customTrailer a {
        margin-top: 45px;
        height: 138px;
        width: 140px;
        padding-left: 15px;
        color: #bbb !important;
        font-weight: bold;
        text-align: left !important;
        text-decoration: none;
        font-size: 16px !important;
        font-family: 'Helvetica Neue', Arial, sans-serif !important;
    }


    .view.list .tile.customTruck a, .view.list .tile.customTrailer a {
        color: #bbb !important;
        font-weight: bold;
        text-align: left !important;
        text-decoration: none;
        font-family: 'Helvetica Neue', Arial, sans-serif !important;
    }

    .view.tiles .tile.customTruck a div.textAddCustomTruck, .view.tiles .tile.customTrailer a div.textAddCustomTrailer {
        float: left;
        width: 70%;
        overflow: hidden;
    }

    .view.list .tile.customTruck a div.textAddCustomTruck, .view.list .tile.customTrailer a div.textAddCustomTrailer {
        display: flex;
        height: 100%;
        justify-content: center;
        align-items: center;
        line-height: 12px;
    }

    .view.tiles .tile.customTruck a div.iconAddCustomTruck, .view.tiles .tile.customTrailer a div.iconAddCustomTrailer {
        float: right;
        width: 16%;
    }
    .view.list .tile.customTruck a div.iconAddCustomTruck, .view.list .tile.customTrailer a div.iconAddCustomTrailer {
        display: flex;
        height: 100%;
        justify-content: center;
        align-items: center;
    }

    .fa-ban {
        margin-top: 20px;
        color: #d0d0d0;
    }

    .componentConfiguration-wrap {
        display: block;
        overflow: hidden;
        border: solid #c8c8c8 1px;
        margin: 20px 20px 20px 20px;
        background: #fefefe; /* Old browsers */
        /* IE9 SVG, needs conditional override of 'filter' to 'none' */
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjkwJSIgc3RvcC1jb2xvcj0iI2ZlZmVmZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmOWY5ZjkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
        background: -moz-linear-gradient(top, white 0%, #fefefe 90%, #f9f9f9 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(90%, #fefefe), color-stop(100%, #f9f9f9)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, white 0%, #fefefe 90%, #f9f9f9 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, white 0%, #fefefe 90%, #f9f9f9 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, white 0%, #fefefe 90%, #f9f9f9 100%); /* IE10+ */
        background: linear-gradient(to bottom, #ffffff 0%, #fefefe 90%, #f9f9f9 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f9f9f9', GradientType=0 ); /* IE6-8 */
    }

    .column-50-50 .componentConfiguration-wrap {
        margin: 20px 0 0 0;
    }

    .componentConfiguration-wrap .title {
        background: #fff;
        cursor: default;
        color: #1a1a1a;
        font-family: 'Helvetica Neue', Arial, sans-serif;
        font-size: 14px;
        line-height: 22px;
        padding: 18px 19px 18px 19px;
        display: block;
    }

    .componentConfiguration-wrap .title a.button {
        float: right;
        margin-top: -5px;
    }

    .componentConfiguration-wrap ul.componentConfiguration-items > li {
        display: block;
        overflow: hidden;
        clear: both;
        height: auto;
        border: none;
        border-top: solid #e9e9e9 1px;
        background: #fafafa;
        margin: 0;
        line-height: 18px;
        font-size: 13px;
        padding: 11px 29px 11px 19px;
        font-weight: bold;
    }

    .model-detail-overview .column-50-50 .componentConfiguration-wrap ul.componentConfiguration-items > li:hover {
        display: block;
        overflow: hidden;
        clear: both;
        height: auto;
        border: none;
        border-top: solid #e9e9e9 1px;
        background: #fafafa;
        margin: 0;
        line-height: 18px;
        font-size: 13px;
        padding: 11px 29px 11px 19px;
        font-weight: bold;
    }

    .axleType {
        display: block;
        font-weight: normal;
        float: right;
        width: 50%;
    }

    .axleType-customTruck {
        width: 18%;
    }

    .componentsSuspension {
        display: block;
        font-weight: normal;
        float: right;
        width: 17.5%;
    }

    .componentEquipment {
        display: block;
        font-weight: normal;
        float: right;
        width: 16%;
    }

    div#modelTypesListContainer.contentContainer.content.axleConfigurator {
        padding: 3px 0 0 0;
    }

    #model-detail .axleConfigImage {
        text-align: center;
    }

    #model-detail .componentConfiguration {
        margin: 0 10px;
    }

    #model-detail .componentConfiguration .filters {
        display: block;
        overflow: hidden;
        border-top: 1px solid #ddd;
        padding: 10px 0;
    }

    #model-detail .componentConfiguration .filters span {
        display: table-cell;
        color: #555;
        font-size: 12px;
        line-height: 18px;
        font-weight: normal;
        font-family: 'Helvetica Neue', Arial, sans-serif;
        width: 100%;
        float: left;
    }

    #model-detail .componentConfiguration .filters span.nr {
        width: 50px;
    }

    #model-detail .componentConfiguration .filters span.group {
        width: 120px;
    }

    #model-detail .componentConfiguration .filters span.make {
        width: 120px;
    }

    #model-detail .componentConfiguration .filters span.componentType {
        width: 200px;
    }

    #model-detail .componentConfiguration .filters span.suspensionType {
        width: 200px;
    }
    #model-detail .componentConfiguration .filters span.equipmentCode {
        width: 200px;
    }

    #model-detail .componentConfiguration .filters span.code {
        width: 80px;
    }

    #model-detail .componentConfiguration .filters span.description {
        width: 170px;
    }

    #model-detail nav.componentConfiguration ul li {
        display: block;
        position: relative;
        overflow: hidden;
        border: solid #c8c8c8 1px;
        margin: 0 0 10px 0;
        background: #eee;
    }

    #model-detail nav.componentConfiguration ul li:hover {
        background: #dbdbdb; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RiZGJkYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjYlIiBzdG9wLWNvbG9yPSIjZTZlNmU2IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2U2ZTZlNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
        background: -moz-linear-gradient(top, #dbdbdb 0%, #e6e6e6 6%, #e6e6e6 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #dbdbdb), color-stop(6%, #e6e6e6), color-stop(100%, #e6e6e6)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #dbdbdb 0%, #e6e6e6 6%, #e6e6e6 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #dbdbdb 0%, #e6e6e6 6%, #e6e6e6 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #dbdbdb 0%, #e6e6e6 6%, #e6e6e6 100%); /* IE10+ */
        background: linear-gradient(to bottom, #dbdbdb 0%, #e6e6e6 6%, #e6e6e6 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dbdbdb', endColorstr='#e6e6e6', GradientType=0 ); /* IE6-8 */
    }

    #model-detail nav.componentConfiguration ul > li > a {
        display: block;
        color: #1a1a1a;
        font-family: 'Helvetica Neue', Arial, sans-serif;
        font-size: 14px;
        line-height: 22px;
        padding: 18px 30px 18px 50px;
    }

    #model-detail nav.componentConfiguration ul > li a.arrow:after {
        content: '>';
        font-family: 'HaynesPro', sans-serif;
        font-weight: normal;
        font-size: 16px;
        line-height: 18px;
        display: block;
        position: absolute;
        height: 18px;
        width: 18px;
        top: 50%;
        margin: -9px 0 0 0;
        right: 10px;
        color: #707070;
    }

    #model-detail nav.componentConfiguration ul > li.dropdown {
        height: auto;
        display: block;
        position: relative;
        overflow: hidden;
        border: solid #c8c8c8 1px;
        margin: 0 0 10px 0;
    }

    #model-detail nav.componentConfiguration ul > li.dropdown {
        background: #eee;
    }

    #model-detail nav.componentConfiguration ul > li.dropdown:hover {
        background: #dbdbdb; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RiZGJkYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjYlIiBzdG9wLWNvbG9yPSIjZTZlNmU2IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2U2ZTZlNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
        background: -moz-linear-gradient(top, #dbdbdb 0%, #e6e6e6 6%, #e6e6e6 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #dbdbdb), color-stop(6%, #e6e6e6), color-stop(100%, #e6e6e6)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #dbdbdb 0%, #e6e6e6 6%, #e6e6e6 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #dbdbdb 0%, #e6e6e6 6%, #e6e6e6 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #dbdbdb 0%, #e6e6e6 6%, #e6e6e6 100%); /* IE10+ */
        background: linear-gradient(to bottom, #dbdbdb 0%, #e6e6e6 6%, #e6e6e6 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dbdbdb', endColorstr='#e6e6e6', GradientType=0 ); /* IE6-8 */
    }

    #model-detail nav.componentConfiguration ul li.dropdown {
        height: auto;
    }

    #model-detail nav.componentConfiguration ul li.dropdown.opened {
        margin: 0 0 20px 0;
    }

    #model-detail nav.componentConfiguration ul li.dropdown.active a.arrow:after {
        content: '>';
        top: 30px;
        font-weight: normal;
    }

    #model-detail nav.componentConfiguration ul li.dropdown.active a {
        color: #000;
    }

    #model-detail nav.componentConfiguration ul li.dropdown.opened a {
        color: #000;
    }

    #model-detail nav.componentConfiguration ul li.dropdown.active > ul {
        display: block;
    }

    #model-detail nav.componentConfiguration ul li.dropdown.opened > ul {
        display: block;
    }

    #model-detail nav.componentConfiguration ul li.dropdown > ul {
        display: none;
    }

    #model-detail nav.componentConfiguration ul li.dropdown > ul > li {
        display: block;
        position: relative;
        height: auto;
        line-height: 18px;
        border: none;
        border-top: solid #e9e9e9 1px;
        background: #fafafa;
        margin: 0;
    }

    #model-detail nav.componentConfiguration ul li.dropdown > ul > li:hover {
        background: #fff;
        height: auto;
        line-height: 18px;
    }

    #model-detail nav.componentConfiguration ul li.dropdown > ul > li.makeHidden {
        display: none;
    }

    #model-detail nav.componentConfiguration ul li.dropdown > ul > li.keyWordHidden {
        display: none;
    }

    #model-detail nav.componentConfiguration ul li span {
        display: block;
        float: left;
        line-height: 18px;
        font-size: 13px;
        padding: 11px 0 11px 0;
        font-weight: normal !important;
        height: auto;
        cursor: pointer;
    }

    #model-detail nav.componentConfiguration ul li.active > a {
        background: #dbdbdb;
    }

    #model-detail nav.componentConfiguration ul.customComponentList li {
        cursor: pointer;
        display: block;
        position: relative;
        height: auto;
        line-height: 18px;
        border: solid #e9e9e9 1px;
        background: #fafafa;
        margin: 2px 0;
    }

    #model-detail nav.componentConfiguration ul.customComponentList li:hover {
        background: #fff;
        height: auto;
        line-height: 18px;
    }

    #model-detail nav.componentConfiguration ul.customComponentList li.hidden {
        display: none;
    }

    #model-detail nav.componentConfiguration ul.customComponentList li.makeHidden {
        display: none;
    }

    #model-detail nav.componentConfiguration ul.customComponentList li.keyWordHidden {
        display: none;
    }

    #model-detail nav.componentConfiguration ul.selectedComponents {
        margin-bottom: 10px;
    }

    #model-detail nav.componentConfiguration ul.selectedComponents > li {
        height: auto;
        display: block;
        position: relative;
        overflow: hidden;
        border: solid #c8c8c8 1px;
        margin: 2px 0 2px 0;
    }

    #model-detail nav.componentConfiguration ul.selectedComponents > li {
        background: #eee;
    }

    #model-detail nav.componentConfiguration ul.selectedComponents > li:hover {
        background: #dbdbdb; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RiZGJkYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjYlIiBzdG9wLWNvbG9yPSIjZTZlNmU2IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2U2ZTZlNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
        background: -moz-linear-gradient(top, #dbdbdb 0%, #e6e6e6 6%, #e6e6e6 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #dbdbdb), color-stop(6%, #e6e6e6), color-stop(100%, #e6e6e6)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #dbdbdb 0%, #e6e6e6 6%, #e6e6e6 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #dbdbdb 0%, #e6e6e6 6%, #e6e6e6 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #dbdbdb 0%, #e6e6e6 6%, #e6e6e6 100%); /* IE10+ */
        background: linear-gradient(to bottom, #dbdbdb 0%, #e6e6e6 6%, #e6e6e6 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dbdbdb', endColorstr='#e6e6e6', GradientType=0 ); /* IE6-8 */
    }

    #model-detail nav.componentConfiguration ul.selectedComponents > li.active:before {
        content: '';
        position: absolute;
        left: 0;
        display: block;
        margin: 0;
        background: #30971d;
        height: 100%;
        width: 4px;
    }

    #model-detail nav.componentConfiguration ul.selectedComponents > li span {
        color: #3a972f;
        font-weight: bold !important;
    }

    #model-detail nav.componentConfiguration ul li div.selectAxleType {
        color: #777;
        font-style: italic;
    }

    #model-detail nav.componentConfiguration ul li.active div.selectComponentType {
        color: #000;
    }

    #model-detail nav.componentConfiguration ul li div.currentComponentType {
        overflow: hidden;
    }

    #model-detail nav.componentConfiguration ul li div.currentComponentType span {
        padding: 0;
        font-size: 14px;
        line-height: 22px;
        min-height: 22px;
        color: #3a972f;
        font-weight: bold !important;
    }

    #model-detail nav.componentConfiguration ul li.active div.currentComponentType span {
        font-weight: bold !important;
    }

    #model-detail nav.componentConfiguration ul li span.group {
        float: left;
        margin-left: 50px;
        width: 120px;
    }

    #model-detail nav.componentConfiguration ul li span.make {
        float: left;
        margin-left: 0;
        width: 120px;
    }

    #model-detail nav.componentConfiguration ul li div.currentComponentType span.group {
        float: left;
        margin-left: 0;
        width: 120px;
    }

    #model-detail nav.componentConfiguration ul li span.componentType {
        float: left;
        width: 200px;
    }

    #model-detail nav.componentConfiguration ul li span.code {
        float: left;
        width: 100px;
    }

    #model-detail nav.componentConfiguration ul li span.description {
        float: left;
        width: 500px;
    }

    #model-detail nav.componentConfiguration ul li span.nr {
        font-weight: bold !important;
        font-size: 14px;
        line-height: 24px;
        display: block;
        position: absolute;
        height: 24px;
        width: 24px;
        top: 29px;
        margin: -12px 0 0 0;
        padding: 0;
        left: 10px;
        border: 1px solid #c8c8c8;
        text-align: center;
        background: #fff;
        color: #006dc1;
        cursor: pointer;
    }

    #model-detail nav.componentConfiguration ul li.active span.nr {
        top: 29px;
    }

    #model-detail nav.componentConfiguration ul li .custom-checkbox-wrapper.add-remove {
        position: absolute;
        display: block;
        height: 22px;
        width: 22px;
        color: #30971d;
        font-family: 'HaynesPro', sans-serif;
        font-weight: normal;
        background: #fff;
        text-align: center;
        font-size: 16px;
        line-height: 24px;
        border: solid #eaeaea 1px;
        right: 10px;
        top: 50%;
        padding: 0;
        margin: -11px 0 0 0;
    }

    #model-detail nav.componentConfiguration ul li .custom-checkbox-wrapper.add-remove .icon {
        height: 22px;
        width: 22px;
        font-size: 16px;
        line-height: 24px;
        padding: 0;
    }

    #model-detail nav.componentConfiguration ul.selectedComponents > li span.custom-checkbox-wrapper.add-remove .icon {
        color: #c60600
    }

    #model-detail nav.componentConfiguration ul li .custom-radio-button {
        position: absolute;
        display: block;
        height: 22px;
        width: 22px;
        color: #fff;
        font-family: 'HaynesPro', sans-serif;
        font-weight: normal;
        background: #fff;
        text-align: center;
        font-size: 16px;
        line-height: 22px;
        border: solid #eaeaea 1px;
        right: 10px;
        top: 50%;
        padding: 0;
        margin: -11px 0 0 0;
        cursor: pointer;
    }

    #model-detail nav.componentConfiguration ul li li.active .custom-radio-button {
        color: #3a972f;
    }

    #model-detail nav.componentConfiguration ul li input[type=radio], #model-detail nav.componentConfiguration ul li input[type=checkbox] {
        position: absolute;
        height: 100%;
        width: 100%;
        border: none;
        opacity: 0;
        top: 0;
        display: none;
    }

    #model-detail nav.componentConfiguration ul li div.currentComponentType span.custom-radio-button {
        display: none;
    }

    #model-detail nav.componentConfiguration ul li div.currentComponentType span.custom-checkbox-wrapper {
        display: none;
    }

    .button-continue, .button-save, .button-cancel {
        margin: 10px 10px 10px 0;
        float: right;
    }

    .button-skip {
        margin: 10px 10px 10px 0;
        float: right;
    }

    .show-more {
        overflow: hidden;
        text-align: center;
        margin-top: 10px;
    }

    .show-more a.button.secondary {
        margin: 0 auto;
        color: #0d74c4;
    }

    #axlesFromDb {
        display: none;
    }

    header .sub-nav ul li a.select-truck::before {
        content: '';
        display: inline-block;
        margin: -5px 9px 0 0;
        vertical-align: middle;
        height: 16px;
        width: 19px;
        background: url(../img/ico-truck.png) 0 0 no-repeat;
    }

    header .sub-nav ul li a.select-trailer::before {
        content: '';
        display: inline-block;
        margin: -5px 9px 0 0;
        vertical-align: middle;
        height: 17px;
        width: 21px;
        background: url(../img/ico-trailer.png) 0 0 no-repeat;
    }

    header .sub-nav ul li a.select-axle::before {
        content: '';
        display: inline-block;
        margin: -5px 9px 0 0;
        vertical-align: middle;
        height: 16px;
        width: 30px;
        background: url(../img/icon_axle.png) 0 0 no-repeat;
    }
    header .sub-nav ul li a.select-moto::before {
        content: '';
        display: inline-block;
        margin: -5px 9px 0 0;
        vertical-align: middle;
        height: 18px;
        width: 25px;
        background: url(../img/ico-moto.png) 0 0 no-repeat;
    }
    header .sub-nav ul li a.select-saved-configurations::before {
        content: '';
        display: inline-block;
        margin: -5px 9px 0 0;
        vertical-align: middle;
        height: 16px;
        width: 16px;
        background: url(../img/ico-config.png) 0 0 no-repeat;
    }

    .search-configs {
        overflow: hidden;
        float: right;
        clear: both;
        margin-bottom: 20px;
    }

    .search-configs .search-field {
        float: left;
        margin-right: 10px;
    }

    .search-configs .button {
        float: left;
    }

    #select-recent-config #no-results {
        display: block;
    }

    #all_config_list {
        overflow: hidden;
        clear: both;
    }

    .saveComponentConfiguration-wrap {
        display: block;
        overflow: hidden;
        border: solid #c8c8c8 1px;
        margin: 20px 20px 20px 20px;
        background: #fefefe; /* Old browsers */
        /* IE9 SVG, needs conditional override of 'filter' to 'none' */
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjkwJSIgc3RvcC1jb2xvcj0iI2ZlZmVmZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmOWY5ZjkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
        background: -moz-linear-gradient(top, white 0%, #fefefe 90%, #f9f9f9 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(90%, #fefefe), color-stop(100%, #f9f9f9)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, white 0%, #fefefe 90%, #f9f9f9 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, white 0%, #fefefe 90%, #f9f9f9 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, white 0%, #fefefe 90%, #f9f9f9 100%); /* IE10+ */
        background: linear-gradient(to bottom, #ffffff 0%, #fefefe 90%, #f9f9f9 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f9f9f9', GradientType=0 ); /* IE6-8 */
    }

    .saveComponentConfiguration-wrap h4 {
        margin: 18px 20px 18px 20px;
        line-height: 22px;
        font-size: 14px;
    }

    .saveComponentConfiguration-wrap p {
        margin: 0 20px 10px 20px;
        font-size: 14px;
    }

    .saveComponentConfiguration-wrap .button {
        float: right;
        margin: 10px 20px 10px 20px;
    }

    .componentConfigurationDetails-wrap {
        display: block;
        overflow: hidden;
        border: solid #c8c8c8 1px;
        margin: 20px 20px 20px 20px;
        background: #fefefe; /* Old browsers */
        /* IE9 SVG, needs conditional override of 'filter' to 'none' */
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjkwJSIgc3RvcC1jb2xvcj0iI2ZlZmVmZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmOWY5ZjkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
        background: -moz-linear-gradient(top, white 0%, #fefefe 90%, #f9f9f9 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(90%, #fefefe), color-stop(100%, #f9f9f9)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, white 0%, #fefefe 90%, #f9f9f9 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, white 0%, #fefefe 90%, #f9f9f9 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, white 0%, #fefefe 90%, #f9f9f9 100%); /* IE10+ */
        background: linear-gradient(to bottom, #ffffff 0%, #fefefe 90%, #f9f9f9 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f9f9f9', GradientType=0 ); /* IE6-8 */
    }

    .column-50-50 .componentConfigurationDetails-wrap {
        margin: 20px 0 0 0;
    }

    .componentConfigurationDetails-wrap h4 {
        margin: 18px 20px 18px 20px;
        cursor: default;
        color: #1a1a1a;
        font-family: 'Helvetica Neue', Arial, sans-serif;
        font-size: 14px;
        line-height: 22px;
        display: block;
        font-weight: normal;
    }

    .componentConfigurationDetails-wrap p {
        margin: 0 20px 10px 20px;
        font-size: 14px;
        overflow: hidden;
        clear: left;
    }

    .componentConfigurationDetails-wrap p label {
        display: block;
        float: left;
        width: 250px;
        font-weight: bold;
        font-size: 14px;
    }

    .componentConfigurationDetails-wrap p span {
        display: block;
        margin-left: 250px;
        font-size: 14px;
    }

    .componentConfigurationDetails-wrap .button {
        float: right;
        margin: 10px 20px 10px 20px;
    }

    .configurationsTable tr.heading th {
        padding-left: 20px;
        height: 25px;
        line-height: 16px;
        background: #fff;
        text-transform: uppercase;
        border: 0px;
        color: #777 !important;
        font-size: 10px;
        font-family: 'Helvetica Neue', Arial;
        font-weight: 400;
    }

    .configurationsTable {
        border: none
    }

    .configurationsTable tr td {
        line-height: 18px;
        padding: 0 0;
        margin: 0 0;
        border-right: none;
        background-clip: padding-box;
        vertical-align: middle;
    }

    .remove-configuration {
        color: #c10000;
        font-family: 'HaynesPro';
        background: white;
        text-shadow: none;
        border: solid #c8c8c8 1px !important;
        background-image: none !important;
        transition: background-color 0.1s ease;
        margin-left: 18px !important;

    }

    .remove-configuration:hover {
        background-color: rgb(193, 0, 0);
        color: rgb(255, 255, 255);
    }


    .configurationsTable tr.heading:hover th {
        background-color:white !important;
    }

    .configurationsTable tr:hover {
        background: #f7f7f7;
    }

    .configurationsTable tr td a {
        line-height: 15px;
        padding: 20px 0 20px 20px;
        display: block;
    }

    .model-detail-subnav-extend nav ul li.dropdown > ul > li.button-continue-wrapper {
        padding: 11px 10px 11px 19px;
    }

    .model-detail-subnav-extend nav ul li.dropdown > ul > li.button-continue-wrapper .button {
        float: right;
    }

    .model-detail-subnav-extend nav ul li.dropdown > ul > li.combinableSystem_period.active {
        background: #fff;
    }

    .model-detail-subnav-extend nav ul li.dropdown > ul > li.combinableSystem_period label {
        display: block;
        color: #1a1a1a;
        line-height: 18px;
        font-size: 13px;
        padding: 11px 29px 11px 19px;
        cursor: pointer;
    }

    .model-detail-subnav-extend nav ul li.dropdown > ul > li.combinableSystem_period .custom-checkbox {
        position: absolute;
        display: block;
        height: 22px;
        width: 22px;
        color: #ddd;
        font-family: 'HaynesPro', sans-serif;
        font-weight: normal;
        background: #fff;
        text-align: center;
        line-height: 22px;
        border: solid #c8c8c8 1px;
        right: 10px;
        top: 50%;
        margin: -11px 0 0 0;
        cursor: pointer;
    }

    .model-detail-subnav-extend nav ul li.dropdown > ul > li.combinableSystem_period.active .custom-checkbox {
        color: #30971d;
    }

    .model-detail-subnav-extend nav ul li.dropdown > ul > li.combinableSystem_period input[type=checkbox] {
        position: absolute;
        height: 100%;
        width: 100%;
        border: none;
        opacity: 0;
        top: 0;
        display: none;
    }

    #maintenance-schedule .time-schedule h2 {
        position: relative;
        font-family: 'Helvetica Neue', Arial, sans-serif;
        font-size: 16px;
        margin: 10px 15px 10px 20px;
        vertical-align: middle;
        float: left;
        clear: left;
    }

    #maintenance-schedule .time-schedule p.combinedPeriodsTitle {
        position: relative;
        font-family: 'Helvetica Neue', Arial, sans-serif;
        color: #333;
        font-weight: normal;
        font-size: 10px;
        line-height: 18px;
        overflow: hidden;
        text-overflow: ellipsis;
        margin: 0 15px 0 20px;
        width: 500px;
        height: 36px;
        float: left;
        clear: left;
    }


    #maintenance-schedule .maintenance-item.static ul li h3 {
        display: block;
    }

    #maintenance-schedule .maintenance-item.static ul li h3 > span > div > figure {
        position: relative;
        border-top: 1px solid #ddd;
    }

    #maintenance-schedule .maintenance-item > ul li h3 > span > div > figure > a.enlarge {
        display: block;
        color: #006dc1;
        font-size: 10px;
        height: 30px;
        padding: 15px 0 15px 0;
        width: 80px;
        background: #f8f8f8;
        font-family: 'Helvetica Neue', Arial, sans-serif;
        font-weight: bold;
        text-transform: uppercase;
        position: absolute;
        top: 10px;
        right: 20px;
        line-height: 22px;
        text-align: center;
    }

    #maintenance-schedule .maintenance-item > ul li h3 span a span.spyglass {
        display: block;
        font-family: 'HaynesPro', sans-serif;
        font-size: 20px;
        line-height: 15px;
    }

    .confirmDialog {
        display: none;
        font-size: 12px;
        line-height: 18px;
    }

    .confirmDialog p {
        margin: 0;
    }

    .ui-button-text-only .ui-button-text {
        font-size: 12px;
    }

    .ui-dialog .ui-dialog-title {
        font-size: 14px;
    }

    .ui-dialog {
        z-index: 1100;
    }

    .model-select ul li a {
        position: relative;
    }

    .model-select ul li a span {
        position: absolute;
        top: 13px;
        right: 20px;
        font-size: 11px;
        background: #0e0e0e;
        width: 25px;
        height: 25px;
        display: inline-block;
        line-height: 25px;
        text-align: center;
    }

    #modelTypesListContainer table tr td {
        position: relative;
    }

    #modelTypesListContainer table tr td span.indicator {
        width: 40px;
        height: 40px;
        line-height: 32px;
        text-align: center;
        font-weight: bold;
        position: absolute;
        top: 17px;
        right: 20px;
        font-size: 11px;
    }

    #modelTypesListContainer table tr td span.indicator {
        background: url(../img/legend_update.png) no-repeat;
    }

    #modelTypesListContainer table tr td span.indicator.new {
        background: url(../img/legend_new.png) no-repeat;
    }

    .searchType {
        width: 430px;
        height: 60px;
        padding: 5px 5px 5px 5px;
    }

    #typeToTest {
        float: left;
    }

    #goToOvervieBtn {
        float: right;
    }

    .preferences.manageUsers .costs-bottom {
        margin-bottom: 20px;
    }

    .preferences.manageUsers .button {
        float: left;
        display: block;
        margin-right: 10px;
    }

    .preferences.manageUsers .button.blue {
        color: #006dc2;
        background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2Y5ZjlmOSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
        background-size: 100%;
        background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #f9f9f9));
        background-image: -webkit-linear-gradient(#ffffff, #f9f9f9);
        background-image: -moz-linear-gradient(#ffffff, #f9f9f9);
        background-image: -o-linear-gradient(#ffffff, #f9f9f9);
        background-image: linear-gradient(#ffffff, #f9f9f9);
    }

    .preferences.manageUsers .button.red {
        color: #ffffff !important;
        background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2Y5ZjlmOSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==') !important;
        background-size: 100% !important;
        background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #eb0001), color-stop(100%, #ec0e0d)) !important;
        background-image: -webkit-linear-gradient(#eb0001, #ec0e0d) !important;
        background-image: -moz-linear-gradient(#eb0001, #ec0e0d) !important;
        background-image: -o-linear-gradient(#eb0001, #ec0e0d) !important;
        background-image: linear-gradient(#eb0001, #ec0e0d) !important;
    }

    .preferences#cost-estimate > .inner .heading, .preferences.about#cost-estimate > .inner .heading, .preferences.manageUsers#cost-estimate > .inner .heading {
        padding-bottom: 0;
    }

    .preferences form input[type=text], .preferences form input[type=email], .preferences form input[type=password] {
        width: 337px;
        border: solid #bfbfbf 1px;
        margin: 0 0 0 0;
        padding: 7px 10px 7px 10px;
        color: #333;
        background: #ebebeb;
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ViZWJlYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwJSIgc3RvcC1jb2xvcj0iI2Y5ZjlmOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjE5JSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
        background: -moz-linear-gradient(top, #ebebeb 0%, #f9f9f9 10%, white 19%, white 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ebebeb), color-stop(10%, #f9f9f9), color-stop(19%, white), color-stop(100%, white));
        background: -webkit-linear-gradient(top, #ebebeb 0%, #f9f9f9 10%, white 19%, white 100%);
        background: -o-linear-gradient(top, #ebebeb 0%, #f9f9f9 10%, white 19%, white 100%);
        background: -ms-linear-gradient(top, #ebebeb 0%, #f9f9f9 10%, white 19%, white 100%);
        background: linear-gradient(to bottom, #ebebeb 0%, #f9f9f9 10%, #ffffff 19%, #ffffff 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ebebeb', endColorstr='#ffffff', GradientType=0 );
    }

    .preferences form.cost-estimate fieldset {
        display: block;
        float: none;
        margin: 0 0 10px 0;
    }

    .preferences.manageUsers form .cost-estimate-item.static {
        margin-top: 0;
    }

    .preferences .cost-estimate-item.static ul li {
        overflow: hidden;
    }

    .cost-estimate-item.static ul li h3 {
        margin: 10px 20px 10px 20px;
    }

    .preferences .cost-estimate-item.static ul li span {
        display: inline-block;
        line-height: 18px;
        margin: 6px 10px 6px 10px;
        float: right;
    }

    .preferences div.note {
        background: #eee;
        border: solid #ddd 1px;
        padding: 18px 18px 18px 45px;
        margin: 0;
    }

    .preferences div.note.important {
        background: #fffac8;
        border: solid #efeccf 1px;
    }

    .preferences div.note:before {
        content: '';
        display: none;
    }

    .preferences div.note h3 {
        font-size: 14px;
        line-height: 18px;
        color: #343434;
        margin: 0;
    }

    .preferences div.note h3:before {
        content: '!';
        font-family: 'HaynesPro', sans-serif;
        color: #777777;
        font-size: 20px;
        position: absolute;
        display: block;
        height: 16px;
        width: 16px;
        text-align: center;
        margin: 0 0 0 -26px;
    }

    .preferences .note h3:before {
        color: #439639 !important;
    }

    .preferences div.note p {
        font-size: 12px;
        line-height: 18px;
        margin: 10px 0 0;
    }

    .preferences div.note ul {
        font-size: 12px;
        line-height: 18px;
        margin-top: 10px;
        list-style: none;
    }

    .preferences div.note label {
        width: 200px;
        display: inline-block;
        margin: 0;
        font-size: 12px;
    }

    .preferences .cost-estimate-item {
        border-top: none;
    }

    .preferences.manageUsers li.emptyUserList {
        display: none;
    }

    .preferences.manageUsers .validation_errorMsg {
        clear: both;
        float: none;
    }

    .preferences.about .mid-section {
        padding: 30px 0 30px 0;
        clear: both;
    }

    .licenseExpireAlert {
        position:absolute;
        top: 25px;
        left: 50%;
        width: 500px;
        margin-left: -250px;
        background: #ffffff;
        line-height: 18px;
        box-shadow: 0 3px 10px 1px #999;
        font-size:13px;
        padding: 18px 0;
        z-index: 999;
        border-radius: 4px;
    }

    .licenseExpireAlert h3 {
        font-size: 14px;
        color: #343434;
        margin: 0 18px 9px 45px;
    }

    .licenseExpireAlert h3:before {
        content: '!';
        font-family: 'HaynesPro', sans-serif;
        color: #439639 !important;
        font-size: 20px;
        position: absolute;
        display: block;
        height: 16px;
        width: 16px;
        text-align: center;
        margin: 0 0 0 -26px;
    }

    .licenseExpireAlert p {
        margin: 0 18px 0 45px;
    }

    a.button.licenseExpireAlertHideButton {
        margin-right: 18px;
        margin-top: 0;
        float: right;
    }

    .preferences div.note {
        width: 294px;
        margin-bottom: 20px;
    }

    .preferences div.note.warning {
        background: #f2dede;
        border: solid #ebccd1 1px;
    }

    .preferences .note.warning {
        color: #c10000;
    }

    .preferences .note.warning h3 {
        color: #a94442;
    }

    .preferences .note.warning h3:before {
        color: #a94442 !important;
    }

    .part-memo-list-wrap {
        display: block;
        overflow: hidden;
        border: solid #c8c8c8 1px;
        margin: 20px 20px 20px 20px;
        padding: 0 20px 18px;
        background: #fefefe; /* Old browsers */
        /* IE9 SVG, needs conditional override of 'filter' to 'none' */
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjkwJSIgc3RvcC1jb2xvcj0iI2ZlZmVmZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmOWY5ZjkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
        background: -moz-linear-gradient(top, white 0%, #fefefe 90%, #f9f9f9 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(90%, #fefefe), color-stop(100%, #f9f9f9)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, white 0%, #fefefe 90%, #f9f9f9 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, white 0%, #fefefe 90%, #f9f9f9 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, white 0%, #fefefe 90%, #f9f9f9 100%); /* IE10+ */
        background: linear-gradient(to bottom, #ffffff 0%, #fefefe 90%, #f9f9f9 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f9f9f9', GradientType=0 ); /* IE6-8 */
    }

    .part-memo-list-wrap h4 {
        margin: 18px 20px 18px 0;
        line-height: 22px;
        font-size: 14px;
    }

    .part-memo-list-wrap table {
        margin: 10px 0;
        border-top: solid #c8c8c8 1px;
    }

    .part-memo-list-wrap table thead th {
        padding: 0 20px;
        background: #fff;
        color: #aaa;
    }

    .part-memo-list-wrap table tr:hover {
        cursor: default;
    }

    #editPartMemo {
        display: none;
        opacity: 0;
        z-index: 1000;
        position: absolute;
        left: 50%;
        margin-left: -250px;
        width: 500px;
        background: #fff;
        top: 170px;
        box-shadow: 0 3px 15px 1px #4b4b4b;
    }

    #editPartMemo > .top {
        display: block;
        width: 100%;
        height: 9px;
        border-bottom: solid #323232 1px;
        background: #fff; /* Old browsers */
        /* IE9 SVG, needs conditional override of 'filter' to 'none' */
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzNjOWYzMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyNzdmMWUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
        background: -moz-linear-gradient(top, white 0%, #a1a1a1 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(100%, #a1a1a1)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, white 0%, #a1a1a1 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, white 0%, #a1a1a1 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, white 0%, #a1a1a1 100%); /* IE10+ */
        background: linear-gradient(top, #ffffff 0%, #a1a1a1 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#a1a1a1', GradientType=0 ); /* IE6-8 */
    }

    #editPartMemo .top {
        border-bottom: 1px solid #439639;
        background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzQzOTYzOSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzI4NmIyMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
        background-size: 100%;
        background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #439639), color-stop(100%, #286b20));
        background-image: -webkit-linear-gradient(top, #439639, #286b20);
        background-image: -moz-linear-gradient(top, #439639, #286b20);
        background-image: -o-linear-gradient(top, #439639, #286b20);
        background-image: linear-gradient(top, #439639, #286b20);
    }

    #editPartMemo nav {
        display: block;
        width: 100%;
        height: 50px;
        background: #343434;
    }

    #editPartMemo nav div a.editPartMemo-close {
        display: block;
        height: 34px;
        width: 40px;
        background: url(../img/sprite.png) black 0 -108px no-repeat;
        float: right;
        margin: 8px 10px 0 0;
    }

    #editPartMemo nav div a.button-close:hover {
        background: url(../img/sprite.png) #505050 0 -108px no-repeat;
    }

    #editPartMemo .fieldSearch {
    }

    #editPartMemo .fieldSearch input {
        float:left;
    }

    #editPartMemo .fieldSearch .button {
        float:left;
    }

    #editPartMemo .fieldSearch input {
        float: left;
        margin-right: 20px;
    }

    #editPartMemo .fieldSearch input {
        margin-right: 20px;
    }

    #editPartMemo .fieldSearch:last-child {
        margin-right: 0;
    }

    #editPartMemo .customerVehicle .innerFieldSearch {
        position: relative;
        padding: 0 20px;
    }

    #editPartMemo .customerVehicle .top fieldset.fieldSearch {
        margin: 0;
        position: absolute;
        right: 0;
        top: 24px;
    }

    #editPartMemo .customerVehicle .fieldSearch input {
        float: left;
    }

    #editPartMemo .customerVehicle .fieldSearch .button {
        margin-right: 20px;
        float: left;
    }

    #editPartMemo .customerVehicle .innerFieldSearch .fieldSearch input {
        float: left;
        margin-right: 20px;
    }

    #editPartMemo .customerVehicle form.cost-estimate .innerFieldSearch .fieldSearch input {
        margin-right: 20px;
    }

    #editPartMemo .customerVehicle .innerFieldSearch .fieldSearch:last-child {
        margin-right: 0;
    }

    #editPartMemo #searchResultsContainer {
        display: none;
        position: absolute;
        margin-left: 20px;
        margin-top: -10px;
        z-index: 900;
        width: 300px;
        background: #fff;
        border: 1px solid #aaa;
        border-bottom: none;
        -moz-box-shadow: 1px 1px 3px 3px #ddd;
        -webkit-box-shadow: 1px 1px 3px 3px #ddd;
        box-shadow: 1px 1px 3px 3px #ddd;
    }

    #editPartMemo ul#searchResults {
        display: block;
        overflow: hidden;
        list-style: none;
        margin: 0;
        padding: 0;
    }

    #editPartMemo ul#searchResults li div, #editPartMemo ul#searchResults li a {
        display: block;
        padding: 10px 0 10px 10px;
        color: #000;
        font-size: 14px;
        font-weight: bold;
        border-bottom: 1px solid #ddd;
    }

    #editPartMemo ul#searchResults li a:hover {
        background: #eee;
    }

    #editPartMemo ul#searchResults li a span {
        margin-right: 20px;
        cursor: pointer;
    }

    #editPartMemo ul#searchResults li a.arrow:after {
        content: '>';
        font-family: 'HaynesPro', sans-serif;
        font-size: 16px;
        line-height: 18px;
        display: inline-block;
        height: 18px;
        width: 18px;
        float: right;
        color: #0d74c4;
        font-weight: normal;
    }

    #editPartMemo ul#searchResults ul.groupPartsList a {
        font-size: 12px;
        font-weight: normal;
        color: #39972e;
        display: block;
        overflow: hidden;
    }

    #editPartMemo ul#searchResults ul.groupPartsList li.disabled a {
        color: #bbb;
        cursor: default;
    }

    #editPartMemo ul#searchResults ul.groupPartsList li.disabled a:hover {
        background: transparent;
    }

    #editPartMemo ul#searchResults ul.groupPartsList li.noLink a {
        color: #777;
        cursor: default;
    }

    #editPartMemo ul#searchResults ul.groupPartsList li.noLink a:hover {
        background: transparent;
    }

    #editPartMemo ul#searchResults li div.noResults {
        font-weight: normal;
        font-style: italic;
    }

    #editPartMemo ul#searchResults li div.noResults {
        font-weight: normal;
        font-style: italic;
    }

    #editPartMemo ul#searchResults li div.maxResults {
        font-weight: normal;
        font-style: italic;
    }

    #editPartMemo #resetSearch {
        display: none;
        width: 20px;
        line-height: 21px;
        text-align: center;
        background: #aaa;
        cursor: pointer;
        color: #fff;
        font-size: 14px;
        font-weight: bold;
        position: absolute;
        margin-top: -40px;
        margin-left: 315px;
        font-family: 'HaynesPro', sans-serif;
    }

    #editPartMemo fieldset {
        margin: 10px 20px;
    }

    #editPartMemo h2 {
        margin: 20px 20px;
        clear: both;
    }

    #editPartMemo label {
        display: block;
        margin: 0 0 10px;
        float: none;
        clear: both;
        font-size: 12px;
        font-weight: bold;
    }

    #editPartMemo .custom-dropdown-wrapper {
        width: 300px;
        margin: 0 0;
    }

    #editPartMemo input[type=text] {
        width: 300px;
        margin: 0 0;
    }

    #editPartMemo textarea {
        display: block;
        border: solid #f4f4f4 1px;
        line-height: 14px;
        padding: 10px 10px;
        width: 300px;
        height: 100px;
        margin: 0 0;
        color: #707070;
        font-family: 'Helvetica Neue', Arial, sans-serif;
        font-size: 14px;
        font-weight: bold;
    }
    #editPartMemo fieldset .button {
        float: right;
        margin-left: 10px;
    }
    #editPartMemo #partMemoSelectWrap {
        display: none;
    }
    #editPartMemo #otherDescriptionWrap {
        display: none;
    }

    #maintenance-schedule .maintenance-item ul li.smartlink,
    .cost-estimate-item.static ul li.smartlink {
        background-color: #f5f5f5;
    }

    #maintenance-schedule .maintenance-item ul li.smartlink h3,
    .cost-estimate-item.static ul li.smartlink h3 {
        color: #555;
        font-style: italic;
    }

    #maintenance-schedule .maintenance-item ul li.smartlink h3 {
        padding-left: 20px;
    }

    .cost-estimate-item.static ul li.smartlink h3 {
        padding-left: 60px;
    }

    .repair-manuals > .inner .right ul li.smartlink {
        padding: 10px 0 10px 20px;
        position: relative;
    }

    .repair-manuals > .inner .right.manuals .repair-items ul li.smartlink {
        padding: 10px 0 10px 60px;
        position: relative;
    }

    .repair-manuals > .inner .right.manuals .repair-items ul li.note {
        padding-left: 21px;
    }


    .repair-manuals > .inner .right ul li.smartlink a p {
        color: #555;
        font-style: italic;
    }

    #smartpack .sort-order {
        display: block;
        float: right;
        width: 30%;
        margin-top: 2px;
    }

    #smartpack .sort-order label {
        display: block;
        margin: 0 0 12px 0;
        font-weight: bold;
        font-size: 13px;
        color: #333;
        width: 244px;
        float: right;
    }

    #smartpack .custom-dropdown-wrapper2 span.selected.default {
        font-weight: normal;
        color: #000;
    }

    #smartpack .custom-dropdown-wrapper2 {
        float: right;
        width: 242px;
        border-radius: 3px;
        position: relative;
        border: solid #a7a7a7 1px;
        font-family: 'Helvetica Neue', Arial, sans-serif;
        font-size: 13px;
        font-weight: bold;
        line-height: 38px;
        height: 38px;
        margin: 0 0 0 10px;
        background: #f2f2f2; /* Old browsers */
        /* IE9 SVG, needs conditional override of 'filter' to 'none' */
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2Y4ZjhmOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmMmYyZjIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
        background: -moz-linear-gradient(top, #ffffff 0%, #f8f8f8 50%, #f2f2f2 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(50%, #f8f8f8), color-stop(100%, #f2f2f2)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #ffffff 0%, #f8f8f8 50%, #f2f2f2 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #ffffff 0%, #f8f8f8 50%, #f2f2f2 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #ffffff 0%, #f8f8f8 50%, #f2f2f2 100%); /* IE10+ */
        background: linear-gradient(to bottom, #ffffff 0%, #f8f8f8 50%, #f2f2f2 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f2', GradientType=0 ); /* IE6-8 */
    }

    #smartpack .custom-dropdown-wrapper2 span.selected {
        font-family: 'Helvetica Neue', Arial, sans-serif;
        font-size: 13px;
        font-weight: bold;
        line-height: 38px;
        height: 38px;
        margin: 0 40px 0 15px;
    }

    #smartpack .custom-dropdown-wrapper2 span.selected:before {
        content: '_';
        font-family: 'HaynesPro', sans-serif;
        display: block;
        width: 25px;
        height: 38px;
        text-align: left;
        line-height: 38px;
        float: right;
    }

    #smartpack .custom-dropdown-wrapper2 select {
        display: block;
        border: none;
        width: 100%;
        height: 38px;
        opacity: 0;
        position: absolute;
        margin: -38px 0 0 0;
    }

    #smartpack .filter {
        width: 70%;
    }

    .smartPackFilterCriterias {
        display: block;
    }

    #smartpack .heading {
        height: auto;
    }

    #smartpack .custom-dropdown-wrapper.disabled {
        background: #fafafa; /* Old browsers */
        color: #ccc !important;
        cursor: default !important;
    }

    #smartpack .custom-dropdown-wrapper.disabled .selected {
        color: #ccc !important;
    }

    #smartpack .custom-dropdown-wrapper.disabled span.selected:before {
        color: #ccc;
    }

    #smartpack .custom-dropdown-wrapper {
        margin-bottom: 2px !important;
    }

    #editCustomer {
        margin-left: 10px;
    }

    #customerForm #content {
        display: block;
    }

    #electronics-component-detail .tabs{
        width: 100%;
    }

    #electronics-component-detail .templates > .tmpl section.content.vesa_connectors {
        display: block;
        float: left;
        width: 100%;
        margin: 0 0 30px 0;
    }

    header .sub-nav a.search.disabled{
        background: rgba(0, 0, 0, 0) url("../img/bg-disabled.png") repeat scroll 0 0;
        color: #ccc;
        cursor: default;
    }

    header .sub-nav a.search.disabled:hover {
       background: #3c3c3c;
    }

    #electronic-systems .title-bar .fault-code-diagnosis-search input[type=text] {
        width: 442px;
    }

    .separation {
       margin-top: 25px !important;
       border: 0 !important;
    }

    .disabled-button {
        color: #CCCCCC !important;
        cursor: default;
    }

    .licenseDisabled {
        pointer-events: none;
        font-style: italic;
        background-color: #f0f0f0;
        color: gray !important;
    }

    .licenseDisabled a {
        color: gray !important;
    }

    a.arrow.licenseDisabled::after {
        color: gray !important;
    }

    .costs-bottom.acceptTOSButton{
        text-align: right;
    }

    .component-locations .box {
        background: #eee; /* Old browsers */
        border: solid #c8c8c8 1px;
        padding: 20px 0;
        margin-bottom: 20px;
    }

    .component-locations .box input[type=text] {
        display: inline-block;
        border: solid #bfbfbf 1px;
        color: #000;
        width: 55%;
    }

    .component-locations .box .button {
        margin: 0 0 0 20px;
        height: 36px;
        line-height: 36px;
    }

    .column-50-50 .componentConfiguration-wrap .title {
        text-decoration: underline;
    }

    .componentConfiguration-wrap #editConfig.button {
        position: relative;
        float: right;
        top: 13px;
        right: 19px;
    }

    .componentConfigurationDetails-wrap p span,
    .componentConfigurationDetails-wrap p label {
        font-weight: 600;
        font-size: 13px;

    }

    .column-50-50 .componentConfiguration-wrap li label {
        position: absolute;
    }

    .column-50-50 .componentConfiguration-wrap li span {
        margin-left: 250px;
        display: inline-block;
    }

    .mostUsedFaultCodes {
        margin: 5px 0 10px 10px;
    }

    #search-info-quick, #search-info {
        background: #eee;
        border: solid #ddd 1px;
        padding: 10px;
        margin-top: 10px;
        font-size: 13px;
        text-align: left;
    }

    .highlightedWord {
        font-weight: 600;
        color: #3ca030;
    }

    .disabled {
        pointer-events: none;
    }

    #popup.colorcodes.cwd .color-codes {
         width: 94%;
    }

    #search-result-overview h2{
        margin-top: 20px;
    }

    .ui-autocomplete {
        height: 300px;
        overflow-y: scroll;
        overflow-x: hidden;
    }

    input.ui-autocomplete-loading {
        background: url('../img/ajax-loader.gif') no-repeat right center !important;
    }

    .ui-autocomplete-highlight {
        font-weight: bold;
        color: #439639;
    }

    .ui-autocomplete-loading-more {
        margin-left: 23% !important;
        margin-top: 10px !important;
        margin-bottom: 10px !important;
        width: 40% !important;
    }

    .search-normal .validationConfirmation {
        position: absolute;
        top: 74px;
        left: 570px;
        color: green;
        font-size: 20px;
    }

    .search-normal .validation_errorMsg {
        display: none;
        position: absolute;
        top: 108px;
        left: 55px;
        font-size: 15px !important;
        font-weight: 600;
        color: #FF0000;
    }

    .search-normal .etk-additional-fields {
        display: inline-block;
    }

    #search .search-normal input[type=text].etk-input {
        display: block;
        float: left;
        height: 38px;
        width: 45px;
        color: #000;
        font-size: 24px;
        line-height: 40px;
        margin: 24px 0 0 0;
        padding: 0 5px;
        border: 1px solid #ddd;
    }

    #search .search-normal input[type=text].etk-input.etk2 {
        width: 105px;
    }

    #search .search-normal input[type=text].etk-input.etk3 {
        width: 80px;
    }

    #search .search-normal input[type=text].etk-input.mandatory {
        background: #fffac8;
        border: solid #ddd 1px;
    }

    #search .search-normal input[type=text].etk-input.etk4 {
        width: 35px;
    }

    .etk-additional-fields span.etk-seperator {
        display: block;
        float: left;
        color: #777;
        font-size: 24px;
        font-weight: bold;
        line-height: 40px;
        margin: 24px 5px 0 5px;
    }

    .etk-additional-fields select {
        border: solid #a7a7a7 1px;
        font-family: 'Helvetica Neue', Arial, sans-serif;
        font-size: 13px;
        font-weight: bold;
        line-height: 40px;
        height: 40px;
        width: auto;
        margin: 24px 0 0 10px;
    }

    .etk-additional-fields select:disabled {
        border: solid #ccc 1px;
        color: #bbb;
    }

    .etk-additional-fields #etkField2 {
        float: left;
        margin-right: 10px;
    }

    .etk-additional-fields #etkField3 {
        float: right;
        margin-right: 10px;
    }

    .etk-additional-fields .etk-remark {
        text-align: left;
        font-family: 'Helvetica Neue', Arial, sans-serif;
        font-size: 13px;
        font-weight: normal;
        line-height: 40px;
        color: #777;
        font-style: italic;
    }


    .bottom.times-total {
        position: relative;
        height: 32px;
        padding: 10px;
        border-bottom: 1px solid #c8c8c8;
        text-align: right;
    }

    .bottom.times-total label {
        position: absolute;
        color: #6c6c6c;
        right: 220px;
        width: 200px;
    }

    .bottom.times-total label input {
        width: 50px;
        text-align: right;
    }

    .bottom.times-total .totalTime {
        position: absolute;
        margin: auto;
        font-weight: 600;
        color: #6c6c6c;
        top: 18px;
        bottom: 0;
        right: 20px;
    }

    .bottom.reset {
        display: none;
        position: relative;
        height: 32px;
        padding: 10px;
        border-bottom: 1px solid #c8c8c8;
        text-align: right;
    }

    .bottom.reset .resetTime {
        position: relative;
        top: 0;
        height: 53px !important;
    }

    span.manual.rate span {
        right: 20px !important;
    }

    .timeMargin.timesEdited {
        background-color: transparent !important;
        border: none !important;
    }

    #repair-times .times a.estimate {
        width: auto;
    }

    .search-bar .lineout .search-normal .search-input {
        padding: 0 20px !important;
        margin-right: 10px !important;
    }

    #makesSection .view.list li a {
        width: 133px;
        position: relative;
        padding-left: 75px;
        line-height: 16px;
        display: flex;
        align-items: center;
    }

    #makesSection .view.list li a span {
        position: absolute;
        left: 0;
        bottom: 0;
        top: 0;
        width: 59px;
        height: 59px;
        overflow: hidden;
        border-right: 1px solid #e3e3e3;
    }

    #makesSection .view.list li a span img {
        width: 76px;
        position: relative;
        left: -8px;
    }

    #comfort-electronics svg#wiringDiagram {
        font-size: 12px;
    }


    #comfort-electronics .top .button.secondary.panZoomControls {
        margin-right: 10px;
        margin-left: 0px;
    }

    #repair-times-overview ul li.dropdown ul.dropdown-items > li > ul >li.followupHidden{
        display: none;
    }

    .make-logo-big {
        width: 182px !important;
        height: 138px !important;
    }

    .make-logo-list {
        width: 77px !important;
        height: 59px !important;
    }

    .model-group-image {
        width: 182px !important;
        height: 120px !important;
    }

    .view.list li a .model-group-image {
        width: 58px !important;
        height: 58px !important;
    }

    #modelTypesListContainer .vectorial {
        background-size: 250px 225px;
    }

    #exportXmlCostEstimate {
        font-size: 14px;
        height: 32px;
    }

    nav.control-pag {
        clear:both;
        margin-top:20px;
        position:relative;
    }
    nav.control-pag ul.center {
        position:absolute;
        left: 35%;
        width: 65%;
    }
    nav.control-pag a {
        border:1px solid #c8c8c8;
        display:inline-block;
        background:#fff;
        color:#006ec0;
        width:35px;
        height:35px;
        line-height:35px;
        text-align:center;
        margin-right:5px;
        float:left;
        border-radius: 3px;
    }
    nav.control-pag li.active a {
        background:#ebebeb;
        color:#000;
    }
    nav.control-pag li.disabled a {
        background:#f5f5f5;
        color:#ddd;
        cursor: default;
    }
    nav.control-pag a:hover, nav.control .active a {
        background:#ebebeb;
        color:#000;
    }
    nav.control-pag .right {
        float:right;
    }

    #tmpl-manual.right.manuals.full-width {
        width:100% !important;
    }

    .alt #smartpack .heading h2 {
        text-align: center;
        font-family: 'Helvetica Neue', Arial, sans-serif;
        color: #fff;
        line-height: 30px;
        font-size: 22px;
        margin: 0 0 0 20px;
        padding: 25px 7%;
    }

    .alt #smartpack > .heading {
        display: block;
        position: relative;
        width: 100%;
        background: #1a1a1a;
        box-shadow: none;
        -webkit-border-top-left-radius: 3px;
        -webkit-border-top-right-radius: 3px;
        -moz-border-top-left-radius: 3px;
        -moz-border-top-right-radius: 3px;
        -ms-border-top-left-radius: 3px;
        -ms-border-top-right-radius: 3px;
        -o-border-top-left-radius: 3px;
        -o-border-top-right-radius: 3px;
        border-top-left-radius: 3px;
        border-top-right-radius: 3px;
        padding: 0px 0px 0px 0px;
    }

    .alt #smartpack .smartpack-content {
        background: #f5f5f5 !important;
        padding: 23px 0px 20px 0px !important;
    }

    .alt #smartpack > .heading .close {
        float: right;
        margin: 22px 20px 0 0;
    }

    .alt #smartpack > .heading .button {
        font-family: 'Helvetica Neue', Arial, sans-serif;
        color: #fff;
        font-size: 14px;
        font-weight: normal;
        text-shadow: none;
        border: solid #282727 1px;
        background: #3e3e3e;
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
        background: -moz-linear-gradient(top, #484848 0%, #3e3e3e 10%, #343434 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #484848), color-stop(10%, #3e3e3e), color-stop(100%, #343434));
        background: -webkit-linear-gradient(top, #484848 0%, #3e3e3e 10%, #343434 100%);
        background: -o-linear-gradient(top, #484848 0%, #3e3e3e 10%, #343434 100%);
        background: -ms-linear-gradient(top, #484848 0%, #3e3e3e 10%, #343434 100%);
        background: linear-gradient(to bottom, #484848 0%, #3e3e3e 10%, #343434 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#484848', endColorstr='#343434', GradientType=0 );
    }

    #smartpack nav.tabs li.dont-display {
        display: none !important;
    }






    #electronics-component-detail > .heading {
        height: auto;
        min-height: 80px;
        overflow: hidden;
    }
    #electronics-component-detail .heading h2 {
        line-height: 30px;
        margin: 20px 20px 20px 20px;
    }

    .fault-code-description {
        margin-top: 1%;
    }

    .fault-code-elecpage-div, .fault-code-elecpage-title {
        margin: 0px 20px 5px 20px;
        color: #000;
        font-size: 15px;
    }

    .fault-code-elecpage-title {
        margin-top: 5px;
        line-height: 24px;
    }



    .licenseplateContainer {
        float: right;
        border-left: solid #eaeaea 1px;
    }
    @media all and (min-width: 1115px) {
        .licenseplateContainer {
            display: inline;
        }
    }
    @media all and (min-width: 1251px) {
        .licenseplateContainer {
            display: inline-flex;
        }
    }
    .licenseplateContainer fieldset {
        display: block;
        width: 250px;
        padding-top: 24px;
    }
    .licenseplateContainer fieldset .custom-dropdown-wrapper {
        width: 227px;
    }
    #search .search-licenseplate {
        display: inline-flex;
        width: 285px;
        border-left: none;
    }

    #search .search-licenseplate .fi {
        background: url(../img/fin-licenseplate.png) no-repeat;
        color: #000;
    }

    #search .search-licenseplate .dk {
        background: url(../img/da-licenseplate.png) no-repeat;
        color: #000;
    }
    .active-trailer {
        background:#eeeeee !important;
    }
    #overlay-modal {
        position: absolute;
        left: 0;
        top: 60px;
        bottom: 0;
        right: 0;
        background: #fff;
    }
    #loading-modal {
        width:28px;
        height: 28px;
        background: #ffffff url("../img/ajax-loader.gif") 50% 50% no-repeat;
        border: 1px solid #aaa;
        position: absolute;
        border-radius: 100%;
        top: 50%;
        left: 50%;
        margin: -28px 0 0 -25px;
    }
    .bold-txt {
        font-weight: bold;
    }

    .componentConfiguration-items li a {
        color: blue!important;
        display: inline!important;
        padding: 0!important;
        line-height:0!important;
    }

    .margin-top-sm {
        margin-top: 20px;
    }

    .appVersion, .dbVersion {
        display: table-row;
    }

    #search-result-overview table tr td a {
        display: block;
    }

    /* Message for Legacy Browser support */
    .lbsMsg {
        padding: 20px;
        padding-right: 200px;
        text-align: left;
        font-size: 14px;
        line-height: 20px;
        background: #fffac8 url(../img/ico_warning.png) no-repeat;
        background-position: right center;
        overflow: hidden;
        clear: both;
    }
    .lbsMsg p,
    .lbsMsg h2 {
        margin: 5px 0px;
    }
    .lbsMsg .button {
        display: block;
        padding: 0px 14px 0px 14px;
        cursor: pointer;
        margin: 0px auto;
        margin-top: 5px;
        float: left;
        color: #fff;
    }

    .lineoutLogin .right-no-background {
        width: 400px;
        height: 400px;
        float: left;
    }

    .ui-tooltip {
        border-radius: 1px;
        padding: 3px;
        box-shadow: 0 0 1px black;
        font-family: Verdana;
        stroke: none;
        font-size: 10pt;
        font-weight: normal;
    }

    #smartpack-detail .links li.smartlink a p {
        color: #555;
        font-style: italic;
        margin: 0px 0px 0px 20px;
        display: inline-block;
    }

    #smartpack-detail . links li.smartlink .extra-info {
        float:right;
    }

    #smartpack-detail .links li.smartlink {
        position: relative;
        padding: 15px 15px 15px 15px;
    }

    #smartpack-detail .links li.smartlink .extra-info a.button {
        display: block;
        height: 28px;
        width: 28px;
        border: solid #c8c8c8 1px;
        background: #fff;
        box-shadow: inset 0 0 10px #F9F9F9;
        text-shadow: none !important;
        margin: 0;
        padding: 0;
        font-size: 24px;
        font-weight: normal;
        line-height: 32px;
        text-align: center;
        font-family: 'HaynesPro', sans-serif;
        color: #333;
    }

    #smartpack-detail .links > li {
        margin: 10px!important;
        padding: 2px!important;
        border:0!important;
        background: white;
    }

    #smartpack-detail .overview > li ul.alt li {
        height: 100%!important;
    }

    #content #search {
        width:auto!important;
        background: none!important;
        padding: 0!important;
    }

    .oem-name {
        font-size: 80%;
        word-wrap: normal;
    }

    .location-item-desc {
        margin-left: 20px !important;
        display: inline-block;
    }

    #electronics-component-detail .component-locations ul li a {
        display: inline-block!important;
        width: calc(100% - 114px)!important;
    }

    #electronics-component-detail .component-locations ul li a span {
        position:relative!important;
        display:inline-block!important;
        float: left;
        width: 25%;
    }

    #cost-estimate .fieldSearch input {
        width: auto!important;
    }

    #printCustomerForm {
        margin: 2%;
    }

    #printCustomerForm h2 {
        margin-bottom: 2%;
    }

    #printCustomerForm input, .feedback-box input {
        width: 81%;
        margin: 0px;
        border-color: #e2e2e2;
    }

    #printCustomerForm a {
        margin-top: 10px;
        float: right;
    }

    #printCustomerForm table, .feedback-box table  {
        background: white none;
        border:none;
    }
    #printCustomerForm table th, .feedback-box table th {
        background: white none;
        border: none;
        width: 186px;

    }

    #printCustomerForm table tr td, .feedback-box table tr td {
        background: white none;
        border:none;
        padding-left: 0px;
        padding-bottom: 16px;
    }

    #printCustomerForm  .button > span {
        font-family: 'HaynesPro';
        color: #fff;
        margin: 0px 12px 0px 0px;
        font-size: 18px;
        font-weight: normal !important;
    }

    #customerSearch {
        width: 91% !important;
        margin-right: 17px!important;
    }

    #printCustomerForm .fieldSearch {
        width: 33%;
        float: right;
        margin-bottom: 52px;
        display: inline-flex;
    }

    @media all and (max-width: 1400px) {
        #printCustomerForm .fieldSearch {
            width: 44%;
        }

        #repair-times .times.expanded-header {
            height: 135px;
        }
    }

    #printCustomerForm #addNewCustomer {
        margin-top: 0px;
    }

    .warning {
        background-color: #9a1717;
        color: #fff!important;
    }

    .warning:hover {
        background-color: #791212;
    }

    #dialog-system-selection .model-detail-subnav {
        display: none;
    }

    #dialog-system-selection .model-detail-subnav-extend {
        width: 100%;
        padding: initial;
    }

    #dialog-system-selection a.continue-electronic-systems {
        display: none;
    }

    .btn-bar-electronic-systems #show-system-selection, .btn-box {
        color: #006dc1 !important;
        border: solid #c8c8c8 1px;
        font-size: 16px;
        background: #fff;
    }

    #dialog_footer a{
        float: right;
        margin-left: 15px;
    }

    #printCustomerForm textarea {
        border: solid #e2e2e2 1px;
    }

    .indeterminate {
        border: solid #c60600 1px!important;
        color: #c60600!important;
    }

    .dropdown-content {
        display: none;
        position: absolute;
        background-color: #f1f1f1;
        min-width: 160px;
        right: 20px;
        box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
        z-index: 1;
    }

    .dropdown-content a {
        color: black;
        padding: 12px 16px;
        text-decoration: none;
        display: block;
    }

    .dropdown-print a:hover {
        background-color: #ddd
    }

    .show-dropdown {
        display:block;
    }

    .bold-text {
        font-weight: bold;
    }

    .bullet-list-element {
        font-size: 17px;
    }

    .model-detail-info {
        background-size: 300px 208px;
        margin-right: 0;
    }

    /* Styles needed to be adjusted when the image content is shown within a lightbox */
    .featherlight .featherlight-inner.image {
        background: #ddd;
    }
    .featherlight-content .image figure {
        display: block;
        float: right;
        height: 500px;
        margin: 0px;
        padding: 20px;
        background: #fff;
    }
    .featherlight-content .image figure .imageContainer {
        height: 500px;
    }
    .featherlight-content .image figure img {
        height: 100%;
        width: auto;
        /*max-width: 660px;*/
        background: #fff;
    }

    .featherlight-content a.enlarge {
        display: none;
    }

    .featherlight .popup-print-button {
        margin-top: 0px;
        margin-right: 40px;
        position: absolute;
        z-index: 9999;
        top: 10px;
        right: 10px;
        cursor: pointer;
        text-align: center;
        font-family: Arial, sans-serif;
        color: #fff;
    }
    .type-certificate-input {
        margin-left: 2px!important;
        font-size: 19px!important;
        text-transform: none!important;
        width: 166px!important;
    }

    .featherbox-newsflash {
        cursor: pointer;
    }
    .featherlight-close-icon {
        background: #4d4d4f;
        border: none;
        color: #fff;
        text-decoration: none;
        text-align: center;
        display: inline-block;
        padding: 2px 10px;
        width: auto;
        border-radius: 2px;
        transition: background-color 0.1s ease;
    }

    .featherlight-close-icon:hover {
        background: #737373;
        color: #fff;
    }

    .featherlight-inner {
        background: #fff;
    }

    .imageContainer {
        cursor: pointer;
    }

    .type-certificate-input::placeholder {
        color: #bdbdbd;
        font-weight: 500;
    }


    .timeWithMargin-changeable-field {
        width: 47px;
    }

    #search .search-licenseplate .fr {
        background: url(../img/fr-licenseplate.png) no-repeat;
        color: #000;
    }

    .model-detail-subnav-extend .tmpl.alt .custom-radio-button {
        height: 28px;
        width: 28px;
        line-height: 28px;
        font-weight: bold;
    }

    .electronic-overview-input {
        width: 24% !important;
    }

    .continue-to-electronics-top {
        float: right;
        height: 34px !important;
        margin-right: 12px !important;
        margin-left: 0 !important;


    }

    .electronic-btn-bottom {
        position: relative !important;
        left: 0px !important;
        margin: 10px 0px 0px 0px !important;
        float: right !important;
    }

    .include-on-print-checkbox {
        margin-top: 6% !important;
    }

    .currency-select {
        margin:  11px 0 0 0 !important;
        height: 43px !important;
    }
    #cost-estimate .custom-dropdown-wrapper.currency-dropdown {
        width: 110px;
    }

    .currency-label {
        text-align: right;
        clear: both;
        float: left;
        margin-right: 15px !important;
        line-height: 43px;
    }

    .button.print.secondary.technical-drawings-print-btn {
        margin-top: 15px;
    }

    .disabled-tab {
        pointer-events: none;
    }

    .disabled-tab a {
        color: #9A9A9A !important;
    }

    .magnifying-glass {
        margin-left: -37px;
        margin-right: 30px;
        color: #707070;
    }

    .magnifying-glass-repair-times {
        margin: 32px -358px 7px 0;
        float:right;
        color: #707070;
    }

    .viewed-smart-pack {
        background: #eaeaea !important;
    }

    .axle-header {
        text-transform: capitalize;
        margin-bottom: 21px;
        margin-top: 21px;
        font-weight: 300;
        font-family: Roboto, sans-serif;
        font-size: 19px;
    }



    /*WST-2246 */
    .toggleMenu {
        float: left;
    }
    .btn-logout, .btn-feedback {
        float: left;
        margin: 0px 0px 0px 0px;
        display: block;
        text-decoration: none;
        height: 26px;
        line-height: 26px;
        color: #fff;
        font-size: 13px;
        text-shadow: #323232 0px 1px 1px;
        padding: 0px 36px 0px 15px;
        margin-top: 12px;
        background-color: rgba(255,255,255,0.2);
        border-radius: 2px;
    }
    .btn-logout:hover, .btn-feedback:hover {
        background-color: rgba(255,255,255,0.4);
    }

    /*end:WST-2246 */


    .unavailable-fault-codes {
        background: #E5E5E5 !important;
        border: 1px solid #A7A7A7 !important;
        display: block;
        pointer-events: none;
        opacity: .3;
    }

    .custom-checkbox-wrapper.add-remove.add-remove-part {
        margin-top: 3px !important;
    }

    #maintenance-schedule .maintenance-item.static ul li > span.checker.ok {
        right: 52px;
    }

    .checkbox-column-icons {
        float: right;
        margin-right: 20px;
    }

    #maintenance-schedule .maintenance-item.static ul li > span.checker .custom-checkbox-wrapper {
        margin: 10px 0 0 10px !important;
        top: 0 !important;;
    }

    #maintenance-schedule ul li.oeCode > div {
        top: 11px;
        margin: 0 0 0 11px;
        padding-right: 8px;
        padding-left: 8px;
        word-break: break-all;
        width: 103px;
        font-size: 10px;
    }

    .black-text {
        color: #000000;
    }
    .small-icon {
        font-size: 17.6px !important;
    }

    #show-system-selection {
        white-space: normal;
        height: 100%;
        line-height: 1.5;
    }


    .jackingPointsTab {
        width: 210px !important;
    }

    #id-locator nav div a.button-close {
        margin: 8px 5px 0px 0px !important;
    }

    #id-locator nav ul li a {
        font-size: 11px !important;
        font-weight: bold !important;
    }

    .no-border-bottom {
        border-bottom: 0px !important;
    }

    #electronics-component-detail .templates > .tmpl aside {
        margin: 56px 0px 40px 0px;
    }
    .circuit-buttons {
        float: right;
        margin-bottom: 20px
    }

    .circuit-buttons a {
        color: #3485cb !important;
    }

    form.cost-estimate input[type=tel]{
        width: 337px;
    }

    .pseudo.fms:before {
        content: 'Y' !important;
    }

    .pseudo.ecas:before {
        content: "" !important;
        display: block !important;
        height: 24px !important;
        width: 24px !important;
        background-size: 24px 24px;
        background-image: url('../img/ecas-icon.svg') ;
        background-repeat: no-repeat;
    }

    .pseudo.locations-moto:before {
        content: "" !important;
        display: block !important;
        height: 24px !important;
        width: 24px !important;
        background-size: 24px 24px;
        background-image: url('../img/icon_locations_mc.svg');
        background-repeat: no-repeat;
    }

    .pseudo.network-topology:before {
        content: "" !important;
        display: block !important;
        height: 24px !important;
        width: 24px !important;
        background-size: 24px 24px;
        background-image: url('../img/icon_network_topology.svg');
        background-repeat: no-repeat;
    }

    #id-locator .left {
        height: auto !important;
    }

    .repair-manuals > .inner .right ol.NUMBERED_LIST li {
        overflow: visible !important;
        padding-left: 0 !important;
    }

    #repair-times .times label {
        width: auto;
    }

    #repair-times .times .jobs {
        width: auto;
    }

    #repair-times .times .time {
        width: auto;
    }

    #repair-times .parts {
        width: auto;
    }

    #repair-times .times a.detail {
        margin: 28px 0 0 0;
    }

    #repair-times .times a.detail span.title {
        width: auto;
    }

    .axle-header-padding {
        padding-left: 20px;
    }

    .electronicResetFilterBtn {
        margin-left: 0 !important;
    }

    .electronicBox {
        display: inline-block!important;
        width: 100% !important;
    }

    .buttonSearchFCElectronicPage {
        margin-left: 3px !important;
        height: 37px !important;
        line-height: 37px !important;
    }

    .inline-block-element {
        display: inline-block;
    }

    .vertical-top-align {
        vertical-align: top;
    }

    .fault-codes-tsb {
        margin-bottom: 10px;
    }

    #electronic-systems .fault-code-diagnosis.no-results {
        background: none;
    }

    .model-detail-subnav-extend nav .tmpl li.maintenance-tab {
        background: #f5f5f5;
    }

    #search .search-licenseplate .gb {
        background-size: 184px 40px;
    }

    .featherlight .featherlight-content {
        border-radius: 3px;
    }

    .repair-manuals > .inner .right figure {
        height: 150px;
    }

    #smartpack-detail .overview > li figure img {
        height: 150px;
    }

    .header-label {
    margin-bottom: 21px !important;
    }

    .input-header {
        height: 30px;
    }

    .configurationsTable .heading {
        border-bottom: 0.5px solid #e8e8e8;
    }

    input.filterInput {
        display: inline-block;
        margin-right: 10px;
    }

    .filterSmartPackContainer {
        margin-top: 13px;
        margin-bottom: 20px;
    }

    .filterSmartPackContainer input.filterInput {
        margin-left: 0;
        width: 410px;
        border: solid #bfbfbf 1px;
    }

    #smartpack .filter {
        overflow:visible;
    }

    #modelDetailSmartPack .no-result {
        height: 58px;
        line-height: 58px;
        background: #f5f5f5 !important;
        color: #616161 !important;
        text-align: center;
        font-size: 16px;
        pointer-events: none;
    }

    #modelDetailSmartPack .resetButton {
        height: 38px;
        line-height: 37px;
    }

    .filter-box-repair-manuals input.filter-input-repair-manuals {
        display: inline-block;
        margin-right: 10px;
        width: 331px;
        border: solid #bfbfbf 1px;
    }

    @media all and (max-width: 1351px) {
        .filter-box-repair-manuals input.filter-input-repair-manuals {
            width: 222px;
        }
    }

    @media all and (max-width: 1187px) {
        .filter-box-repair-manuals input.filter-input-repair-manuals {
            width: 185px;
        }
    }

    @media all and (max-width: 1146px) {
        #repair-times .times {
            height: 135px;
        }
    }

    @media all and (max-width: 702px) {
        #repair-times .times {
            height: 189px;
        }
    }

    .filter-box-repair-manuals {
        float: right;
        margin-right: 50px;
        margin-top: 10px;
    }

    .repair-manuals-dropdown.active .filter-box-repair-manuals {
        display: block;
    }

    .repair-manuals-dropdown .filter-box-repair-manuals  {
        display: none;
    }

    #popup.colorcodes {
        height: auto;
        width: 650px;
    }


    #electronic-systems .title-bar .fault-code-diagnosis-search a {
        color: white;
        border: 1px solid #439639;
    }

    #electronic-systems .title-bar .fault-code-diagnosis-search {
        width: auto;
    }

    .no-side-margin {
        margin-left: 0;
        margin-right: 0;
    }

    .id-location-div {
        margin-top: 10px;
        margin-left: 30px;
        font-weight: bold;
        line-height: 21px;
        font-size: 15px;
    }

    .id-location-link {
        color: #1565c0;
    }

    .id-location-link:visited {
        color: #1565c0;
    }

    .id-location-link:hover {
        color: #1e88e5;
    }


    .id-location-btn.button.secondary {
        line-height: 28px;
        height: 28px;
        margin-top: 5px;
        margin-right: 1px;
    }

    .change-car {
        width: 93%;
        height: 100%;
        min-height: 144px;
        min-width: initial;
        max-width: initial;
        padding-bottom: 12px;
        box-shadow: 0 3px 1px -2px #0003, 0 2px 2px #00000024, 0 1px 5px #0000001f;

    }

    .change-car:hover {
        box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.20),
        0 8px 10px 1px rgba(0, 0, 0, 0.14),
        0 3px 14px 2px rgba(0, 0, 0, 0.12);
    }

    .change-car img {
        width: 93%;
        height: auto;
        min-height: 144px;
    }

    #model-detail-overview aside {
        padding: 8px 0px 9990px 0px;
    }

    .id-location-overview {
        font-size: 13px;
        margin-left: 11px;
        margin-top: 5px;
        line-height: 16px;
    }

    .search-details-overview {
        font-size: 11px;
        margin-left: 11px;
        margin-top: 8px;
        line-height: 16px;
    }

    .button.secondary.id-locations-print {
        position: absolute;
        z-index: 9999;
        top: 9px;
        right: 56px;
        cursor: pointer;
        text-align: center;
        line-height: 20px;
        height: 20px;
    }

    .loading-id-location {
        position: absolute;
        top: 50%;
        left: 50%;
        margin: -25px 0 0 -25px;
    }

    .jackingPointsContainer {
        text-align: center;
    }

    .jackingPointsImg {
        width: 74vw;
        height: 42vw;
    }

    .eobdConnectorContainer {
        padding-bottom: 22px;
        text-align: center;
    }

    .eobdConnectorImg {
        width: 74vw;
        height: 38vw;
    }

    .eobdConnectorTxt {
        margin-top: 22px;
        margin-left: 22px;
        margin-right: 22px;
    }

    #searchFcInput::placeholder {
        font-size: 11px;
    }

    #searchFcInput {
        width: 63%;
    }

    .dropdown.redirectDiagnosticConnector .arrow:after {
        content: '>'!important;
    }

    .repair-manuals > .inner .right ul li p {
        width: 50%;
    }

    .repair-manuals .repair-manuals-list .drawing {
        border: 0;
    }

    .repair-manuals > .inner .right .repair-manuals-list figure {
        border: solid #dadada 1px;
    }

    .repair-manuals > .inner .right ul li.inline-smartlink {
        padding-left: 60px;
    }

    .repair-manuals > .inner .right ul li.inline-smartlink.small-indent {
        padding-left: 40px;
    }

    #resetButtonFC {
        display: none;
        opacity: 0;
    }

    #repair-times .wrapper {
        width: 100%;
    }



    mark {
        background-color: transparent;
        border-radius: 1em 0 1em 0;
        background-image: linear-gradient(
                -100deg,
                rgba(255, 224, 0, 0.2),
                rgba(255, 224, 0, 0.7) 95%,
                rgba(255, 224, 0, 0.1)
        );
    }

    mark.overview-page {
        background-image: none;
    }

    .searched-results-header {
        margin-left: 40px;
        padding-top: 20px;
        font-size: 14px;
    }

    .search-smartpack-icon {
        margin-right: 13px;
    }


    .chip {
        display: inline-block;
        padding: 0 8px;
        height: 19px;
        font-size: 14px;
        line-height: 19px;
        border-radius: 25px;
        background-color: #d7d7d7;
    }


    .closebtn {
        padding-left: 10px;
        color: #888;
        font-weight: bold;
        float: right;
        font-size: 20px;
        cursor: pointer;
    }

    .closebtn:hover {
        color: #000;
    }

    .notification-warning-panel {
        background: white;
        border-radius: 10px;
        width: 663px;
        top: 119px;
        left: 0;
        right: 0;
        margin: auto;
    }

    a.button.redirectNotificationBtn {
        margin-right: 0;
        float: right;
    }

    .notification-warning-panel h3 {
        font-size: 15px;
        margin-bottom: 20px;
    }

    .lineoutLogin.redirect-notification-visible {
        opacity:.3;
    }

    .filter-by-country-box, .filter-by-country-box-timing {
        display: block;
        height: 92px;
        margin-top: 15px;
        font-size: 14px;
    }

    .filter-by-country-fieldset {
        display: block;
        width: 100%;
    }

    .filter-by-country-dropdown {
        margin: 0;
        line-height: 34px;
        height: 34px;
    }

    .filter-by-country-dropdown span.selected {
        line-height: 34px;
        height: 34px;

    }

    .filter-by-country-dropdown span.selected:before {
        height: 34px;
        line-height: 34px;
    }

    .filter-by-country-label {
        display: block;
        margin: 0 0 7px 0;
        font-size: 13px;
    }

    .filter-all-delimiter-box {
        margin-top: 39px;
        margin-bottom: 20px;
    }

    .filter-all-delimiter-box h1 {
        font-weight: 300;
        font-family: Roboto, sans-serif;

        font-size: 19px;
    }

    .filter-by-country-header {
        float: left;
    }

    h1.filter-by-country-header {
        font-weight: 300;
        font-family: Roboto, sans-serif;
        font-size: 19px;
        width: 100%;
        margin-top: 39px;
        margin-bottom: 20px;
    }

    #filter-by-country-btn {
        margin-top: 20px;
        height: 36px;
        line-height: 36px;
    }

    .country-dropdown-fieldset {
        display: block;
        float: right;
    }

    .no-result-system-filter, .no-result-axle-system-filter {
        margin-right: 10px;
        margin-left: 0;
        margin-top: 43px;
    }

    .filtered-element {
        display: none;
    }

    .model-detail-subnav-extend nav .tmpl li.filtered-element {
        display: none;
    }

    footer .haynespro {
        margin: 0;
        padding: 0;
        height: 108px;
        width: 229px;
    }

    .filter-by-country-box.lubricants {
        margin: 0 20px 14px;
        box-shadow: 0 2px 1px -1px #0003, 0 1px 1px #00000024, 0 1px 3px #0000001f;
        display: block;
        position: relative;
        padding: 16px;
        border-radius: 4px;
        background: white;
        height: 77px;
        transition: height 0.3s;
    }

    .no-result-system-filter.lubricants {
        margin-left: 20px;
        margin-right: 20px;
    }

    .filter-lubricant-data {
        clear: both;
    }


    .replacement-intervals {
        font-size: 14px;
        border-radius: 9px;
        position: relative;
        padding: 16px;
        background: white;
        line-height: 20px;
        margin-bottom: 20px;
        overflow: hidden;
        border: solid #c8c8c8 1px;
    }

    .timing-belt-replacements {
        font-weight: bold;
        margin-left: 20px;
        margin-top: 4px;
        line-height: 20px;
    }

    .btn-feedback {
        margin-left: 15px;
        padding: 0 15px 0 15px;
    }

    .feedback-box {
        border-radius: 9px;
        box-shadow: 0 3px 8px rgb(0 0 0 / 12%), 0 3px 1px rgb(0 0 0 / 4%);
        padding: 20px;
        margin-bottom: 20px;
        width: 46%;
        display: inline-table;
        height: 644px;
    }

    #feedbackForm {
        padding: 20px;
    }

    #feedbackCustomerComment {
        height: 193px;
        width: 95%;
        border-radius: 3px;
        resize: none;
        border: solid #e2e2e2 1px;
        padding: 10px;
        margin-top: 12px;
    }

    .feedback-box h2 {
        margin-bottom: 7%;
    }
    .feedbackValidationError {
        display: none;
        color: red;
        margin-left: 27px;
        line-height: 27px;
        position: relative;
        cursor: default;
        font-size: 13px;
    }

    .feedbackValidationError:before {
        content: '!';
        font-family: 'HaynesPro', sans-serif;
        color: red;
        font-size: 20px;
        position: absolute;
        display: block;
        height: 16px;
        width: 16px;
        text-align: center;
        margin: 0 0 0 -26px;
    }

    .feedback-box table tr {
        cursor: default;
    }

    .feedback-box table th {
        width: 88px;
        line-height: 14px;
    }


    .feedback-box label {
        line-height: 14px;
        color: #555;
        font-size: 12px;
        font-weight: bold;
    }

    .feedback-box fieldset {
        margin-top: 15px;
    }

    .feedback-box input {
        margin-top: 3px;
        width: 95%;
    }

    .feedback-box input.disabled-input {
        pointer-events: none;
        background: #f4f4f4;
    }

    #sendFeedback {
        width: 100px;
    }

    #sendFeedback i {
        margin-right: 5px;
    }

    #feedbackTypeId {
        display: none;
    }

    #numberPlateRegion {
        height: 43px;
        margin-top: 24px;
        margin-left: 24px;
        border: 1px solid black;
        border-radius: 2px;
    }

    #repair-times .dropdown-items > li > ul > li.included > span.included {
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .videoPlayer {
        width: 100%;
        height: 400px;
    }

    .repair-manuals > .inner .right figure.videoContainer {
        height: 400px;
    }