article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; } html { height: 100%; padding: 0; margin: 0; } body { position: relative; max-width: 86em; min-width: 19em; min-height: 100%; margin: auto;} a { text-decoration: none; color: #0086DF; cursor: pointer; } a:hover { text-decoration: underline; color: #FF0000; } table { width: 100%; border-collapse: collapse; margin-bottom: 1em; line-height: 1.5em; } table td, th { border: 0.08em solid #f5f1f1; } table th { font-weight: bold; background-color: #bbd2f1; text-align: center; } table td { vertical-align: top; } table caption { font-weight: bold; text-align: left; font-size: larger; background-color: #b3d7ef; padding: 0.2em; } table tr:nth-child(even) { background-color: #ffffff; } table tr:nth-child(odd) { background-color: #e4e3e3; } table tfoot td { background-color: #ffffff; } dl dt { font-weight: bold; } h1 { font-size: x-large; } h1 img { margin-right: 0.3em; } h2 { font-size: larger; background-color: #b6defa; padding: 0.2em; } fieldset { margin-bottom: 0.5em; border: 0.08em solid #d1e5f9; } fieldset legend { font-weight: bolder; margin-left: 0.625em; padding: 0.125em; } header { height: 100%; margin-top:0.3em;} header > a { display: inline-block; width: 19.8em; height: 1.9375em; background-image: url(https://www.AboutAutomobile.com/Image/auto.png); background-repeat: no-repeat; cursor: pointer; } header nav { display: inline-block; vertical-align: text-bottom; } header nav a { color: black; white-space: nowrap; line-height: 0.9em; } header nav ul { list-style: none; margin: 0; padding: 0; } header nav > ul { margin-left: 0.8em; overflow: hidden; } header nav > ul > li { float: left; border-radius: 0.1em; border: 0.01em solid #2ea3f7; background-color: #d8e5f6; margin-right: 0.07em; margin-bottom: 0.07em; padding: 0.1em 0.3em 0.1em 0.3em; } header nav > ul > li > a { display: inline-block; position: relative; width: 100%; } header nav > ul > li:hover > ul { display: block; } header nav > ul > li:hover { background-color: #7bc8fb; } header nav ul ul { display: none; position: absolute; width: auto; z-index: 99; border-radius: 0.25em; border: 0.05em solid #2ea3f7; background-color: #7bc8fb; } header nav ul ul li { padding: 0.2em; } header nav ul ul li:not(:last-child) { border-bottom: 0.01em solid white; } header nav span { position: absolute; right: 0; } main { padding: 0.3em 0.3em 3em 0.3em; overflow: hidden; margin: auto; height: 100%; } footer { height: 1em; text-align: center; font-size: smaller; bottom: 0.8em; position: absolute; width: 100%; } footer p { margin: 0 0 0.2em 0; padding: 0; display: inline-block; } footer nav { margin: 0 0 0.2em 0; padding: 0; text-align: center; display: inline-block; } footer nav a { margin: 0 1em 0 1em; } button { border-radius: 0.35em; border: 0.05em solid #2ea3f7; background-color: #b0ccf1; cursor: pointer; } .navBreadcrumb { font-weight: bold; margin: 0; padding: 0; } .navBreadcrumb a::after { content: " ➢"; } .navBreadcrumb a:last-of-type { margin-right: 0.5em; } 
.navTab {
    position: relative;
    white-space: nowrap;
    margin-top: 1em;
    margin-right: 0.5em;
}
    .navTab hr {
        position:absolute;
        bottom:0.1%;
        left:0;
        margin:0;
        width:100%;
        z-index:-1;
    }
    .navTab div {
        margin-left: 0.8em;
        overflow: hidden;
	padding-right:0.9em;
    }
    .navTab a {
        display: inline-block;
        padding: 0.125em 0.5em 0.08em 0.5em;
        background-color: #dddddd;
        border: 0.08em solid #8f8f98;
        border-top-right-radius: 0.375em;
        border-top-left-radius: 0.375em;
        margin-right: -0.3em;
    }
    .navTab span {
        position: absolute;
	display: inline-block;
	background-color: #acacaa;
	border: 0.08em solid #2b2b39;
        top: 0;
        cursor: pointer;
        display:none;
    }

    .navTab .spanRight {
        right: 0;
         border-top-right-radius: 0.375em;
    }

    .navTab .spanLeft {
        left: 0;  
        border-top-left-radius: 0.375em;
    }

    .navTab .aSelected {
        background-color: #ffffff;
        border-bottom: 0.08em solid #ffffff;
    }

        .navTab .aSelected:hover {
            text-decoration: none;
        }
 .ulYear { list-style: none; column-width: 5em; margin: 0; padding: 0; column-gap: 0; } .ulYear a { display:block; } .ulMake { list-style: none; column-width: 7.2em; margin: 0; padding: 0; column-gap: 0; } .ulMake a { display: block; } .ulModel { list-style: none; column-width: 9em; margin: 0; padding: 0; column-gap: 0; } .ulModel a { display: block; } .ulComponent { list-style: none; column-width: 18em; margin: 0; padding: 0; column-gap: 0; } .ulComponent a { display: block; } .dlRecallDetail, .dlRecall, .dlComplaintDetail, .dlComplaint, .dlTSB, .dlInvestigation, .dlFuel, .dlSafety { border: 0.08em solid #d2e9f8; padding: 0.5em; } .dlRecallDetail dt, .dlRecall dt, .dlComplaintDetail dt, .dlComplaint dt, .dlTSB dt, .dlInvestigation dt, .dlFuel dt, .dlSafety dt { float: left; clear: left; text-align: right; color: teal; } .dlRecallDetail dd, .dlRecall dd, .dlComplaintDetail dd, .dlComplaint dd, .dlTSB dd, .dlInvestigation dd, .dlFuel dd, .dlSafety dd { margin: 0 0 0 0; padding: 0 0 0.5em 0; } .dlRecallDetail dd:after, .dlRecall dd:after, .dlComplaintDetail dd:after, .dlComplaint dd:after, .dlTSB dd:after, .dlInvestigation dd:after, .dlFuel dd:after, .dlSafety dd:after { content: ''; display: block; clear: both; } .dlInvestigation dt { width: 11.875em; } .dlInvestigation dd { margin-left: 12.5em; } .dlTSB dt { width: 9.375em; } .dlTSB dd { margin-left: 10em; } 

    .dlTSB p > span {
        display: inline-block;
    }
    .dlTSB p > span > a {
        position: relative;
        width: 100%;
    }

    .dlTSB p > span:hover > span {
        display: block;
    }

    .dlTSB p > span > span {
        display: none;
        position: absolute;
        width: auto;
        z-index: 99;
        border-radius: 0.25em;
        border: 0.05em solid #2ea3f7;
        background-color: #d8e5f6;
    }
    .dlTSB p > span > span > a {
display: block;
    }

.dlRecall dt { width: 11.25em; } .dlRecall dd { margin-left: 11.875em; } .dlRecallDetail dt { width: 18.875em; } .dlRecallDetail dd { margin-left: 19.5em; } .dlComplaint dt { width: 13.125em; } .dlComplaint dd { margin-left: 13.75em; } .dlComplaintDetail dt { width: 16.875em; } .dlComplaintDetail dd { margin-left: 17.5em; } .dlFuel dt { width: 13.75em; } .dlFuel dd { margin-left: 14.375em; } .dlFuel span { display: inline-block; width: 7em; white-space: nowrap; } .dlSafety > dt { width: 25.25em; } .dlSafety > dd { margin-left: 25.65em; } .dlSafety dd dl { margin-left: -24.5em; border: none; padding-bottom: 0; margin-bottom: 0; } .dlSafety dd dl dt { width: 24.125em; padding-top: 0.3em; } .dlSafety dd dl dd { margin-left: 24.4em; padding-top: 0.3em; } .dlSafety > dt:last-of-type { margin-top: 1em; color: black; font-weight: bolder; } .dlSafety > dd:last-of-type { margin-top: 2em; } .spanStarYellow { color: gold; margin: 0; padding: 0; width: auto; } .spanStarGrey { color: lightgray; margin: 0; padding: 0; width: auto; } .pLink a { margin-right: 2em; white-space:nowrap; } .divMyCar .divHeader { text-align: center; } .divMyCar .divHeader span { cursor: pointer; color: #0086DF; margin: 0.2em; } .divMyCar .divHeader a { margin: 0.2em; } .divMyCar .divHeader .spanIcon { display: inline-block; background-position: -318px -17px; width: 1.13em; height: 0.91em; background-image: url(https://www.AboutAutomobile.com/Image/auto.png); vertical-align: bottom; cursor: default; } .divMyCar .divHeader .spanFeed { display: inline-block; background-position: -318px 0; width: 1em; height: 1em; background-image: url(https://www.AboutAutomobile.com/Image/auto.png); vertical-align: bottom; cursor: default; } .divMyCar hr { border: none; background-color: #dddddd; height: 0.08em; } .divDTC { text-align: center; margin-top: 1em; } .divDTC div { color: #FF0000; text-align: center; margin-top: 1em; } .divDTC button { border: none; background-color: white; cursor: pointer; } .divVIN { text-align: center; margin-top: 1em; } .divVIN div { color: #FF0000; text-align: center; margin-top: 1em; } .divVIN button { border: none; background-color: white; cursor: pointer; } .pError { color: #FF0000; text-align: center; } .pError:before { content: "⚠ "; color: #e8b427; } .divHome div { overflow: auto; } .divHome article { margin: 0.5%; border: 0.08em solid #e7e1d5; float: left; width: 48%; } .divHome h1 { font-size: larger; background-color: #b6defa; padding: 0.2em; margin-top: 0; } .divHome ul { margin: 1%; } .divHome li { margin-bottom: 2%; } .divHome p { margin: 2%; } .formContactUs ol { list-style: none; margin-left: 0; padding-left: 0; } .formContactUs li { margin-bottom: 0.2em; } .formContactUs label { display: inline-block; width: 4em; vertical-align: top; } .formContactUs li input { display: inline-block; width: 20em; } .formContactUs textarea { display: inline-block; height: 10em; min-width: 20em; width: 70%; } .divAd { padding-top: 2em; padding-bottom: 2em; } .pError { color: #FF0000; } .pError:before { content: "⚠ "; color: #e8b427; } .ulError { padding: 0; } .ulError li { list-style: none; color: #FF0000; } .ulError li:before { content: "⚠ "; color: #e8b427; } .pSuccess { color: #0808e1; } .pSuccess:before { content: "👌 "; color: #0fbf73; } @media only screen and (max-width : 321px) { header > a { background-position: -60px 0; width: 16.1em; height: 1.9375em; margin-left: 0.8em; } } @media only screen and (max-width : 390px) { .dlComplaint dd p a { display: block; } } @media only screen and (max-width : 450px) { .tableTheft tr td:nth-child(3), .tableTheft tr td:nth-child(4), .tableTheft tr td:nth-child(6) { display: none; } .tableTheft tr th:nth-child(3), .tableTheft tr th:nth-child(4), .tableTheft tr th:nth-child(6) { display: none; } } @media only screen and (max-width : 641px) { .dlRecallDetail dt, .dlRecall dt, .dlComplaintDetail dt, .dlComplaint dt, .dlTSB dt, .dlInvestigation dt, .dlFuel dt, .dlSafety dt { text-decoration: underline; text-align: left; float: none; width: auto; } .dlRecallDetail dd, .dlRecall dd, .dlComplaintDetail dd, .dlComplaint dd, .dlTSB dd, .dlInvestigation dd, .dlFuel dd, .dlSafety dd { margin-left: 0; } .dlSafety dd { margin-left: 13em; } .dlSafety dd dl dt { float: left; clear: left; text-align: right; } .dlSafety > dd:last-of-type { margin-left: 0; } .dlSafety > dd:last-of-type dl { margin-left: 0; } .dlSafety > dd:last-of-type dt { text-align: left; float: none; width: auto; } .dlSafety > dd:last-of-type dd { margin-left: 1em; } .divHome article { float: none; width: 99%; } .thRotation span { -ms-writing-mode: tb-rl; writing-mode: vertical-rl; white-space:nowrap; } } @media only screen and (max-width : 500px) { header nav > ul > li { width: 28%; } .ulYear a { min-width: 3em; min-height: 3em; } .ulMake a { min-width: 3em; min-height: 3em; } .ulModel a { min-width: 3em; min-height: 3em; } .ulComponent a { min-width: 3em; min-height: 3em; } } @media only screen and (min-width : 501px) and (max-width : 820px) { header nav > ul > li { width: 20%; } } @media only screen and (min-width : 821px) and (max-width : 1382px) { header nav > ul > li { width: 14%; } } @media only screen and (min-width : 1383px) { header nav > ul > li > a { display: inline; position: static; } header nav span { position: static; } }