web page web design java ajax

ok so here is what I need…please visit https://www.autotraderclassics.com/sellmycar.xhtml and select one of the packages and it will take you to a web page where you need to select a year a make and a model…I have a similar page and I need those 3 fields year make and model to appear on my page EXACTLY as they appear on the original page…if you will look closely at the original page you will notice that depending on the year you select the make field will populated ONLY with the makes that ware available in that year and the model field is still not populated. Only after you select a make in the make field the model field will get populated with the models that ware available for that make in that year…if you change the year or the make the model field will automatically change and new info appears in there. I need to have on my page these 3 fields and to behave exactly like the ones from the original page…I can provide my page as well for compassion…it is a simple page which is hosted locally and all it does is to save the data in a txt file on my pc..

autotrader/background/115433

autotrader/background/action-btn-bg-disabled

autotrader/background/action-btn-bg

autotrader/background/button-seperator.gif

autotrader/background/current-bg

autotrader/background/leftArrowBlack.gif

autotrader/background/module-header-tab-active

autotrader/background/module-headers

autotrader/background/primary-tab-bg-off

autotrader/css/styles.css
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, iframe, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
border: 0 none;
font-family: inherit;
font-size: 100%;
font-style: inherit;
font-weight: inherit;
margin: 0;
outline: 0 none;
padding: 0;
vertical-align: baseline;
}
:focus {
outline: 0 none;
}
body {
background: none repeat scroll 0 0 #FFFFFF;
}
ol, ul {
list-style: none outside none;
}
table {
border-collapse: separate;
border-spacing: 0;
}
caption, th, td {
font-weight: normal;
text-align: left;
}
blockquote:before, blockquote:after, q:before, q:after {
content: “”;
}
blockquote, q {
quotes: “” “”;
}
body {
background: url(“https://www.autotraderclassics.com/img/grids/atx-bg2 “) repeat scroll center top #000000;
font-family: arial,helvetica,sans-serif;
}
h1, h2, h3, h4, h6 {
color: #333333;
font-weight: bold;
}
h1 {
font-size: 1.5em;
}
h2 {
font-size: 1.2em;
}
h3 {
font-size: 1em;
}
h4 {
font-size: 0.75em;
}
h5 {
font-size: 1em;
}
h6 {
font-size: 0.95em;
}
p, dl, pre, input, textarea, blockquote, cite, label, select {
color: #666666;
font-family: arial,helvetica,sans-serif;
font-size: 0.75em;
}
.nudge-up {
padding-bottom: 0.5em !important;
}
.nudge-down {
padding-top: 0.5em !important;
}
.nudge-up2 {
padding-bottom: 1em !important;
}
.nudge-down2 {
padding-top: 1em !important;
}
.no-padding, .required-label.no-padding {
margin-bottom: 0;
margin-top: 0;
padding-bottom: 0;
padding-top: 0;
}
.floatLeft {
float: left;
}
.floatRight {
float: right;
}
.floatNone {
float: none;
}
ul, ol {
color: #666666;
font-size: 1em;
}
.dark h1, .dark h2, .dark h3, .dark h4, .dark h6, .dark p, .dark dl, .dark dt, .dark dd, .dark ul, .dark ol, .dark pre, .dark input, .dark textarea, .dark blockquote, .dark cite, .dark label, .dark select {
color: #DEDEDE;
}
ul.text, ol.text, a.text {
font-size: 0.75em;
}
.spaced {
padding: 10px 0;
}
ul.bare, ol.bare {
list-style-type: none;
}
strong {
font-weight: bold;
}
em {
font-style: italic;
}
abbr, acronym {
border-bottom: 1px dotted #000000;
cursor: help;
}
th {
font-weight: bold;
text-align: center;
}
ul {
list-style: disc outside none;
margin: 0 0 0 20px;
}
ol {
list-style: decimal outside none;
margin: 0 0 0 27px;
}
a:link, a:visited, a:active {
color: #0066CC;
cursor: pointer;
text-decoration: none;
}
a:hover {
color: #FF6600;
cursor: pointer;
}
.markup h1, .markup h2, .markup h3, .markup h4, .markup h6, .markup p, .markup dl, .markup dt, .markup dd, .markup ul, .markup ol, .markup pre, .markup input, .markup textarea, .markup blockquote, .markup cite, .markup label, .markup select, .markup div {
color: #666666;
font-size: 12px;
}
.markup ul, .markup ol, .markup p {
padding: 10px 0;
}
.markup h1, .markup h2, .markup h3, .markup h4, .markup h5, .markup h6 {
color: #333333;
font-weight: bold;
}
.markup h1 {
font-size: 32px;
}
.markup h2 {
font-size: 24px;
}
.markup h3 {
font-size: 20px;
}
.markup h4 {
font-size: 18px;
}
.markup h5 {
font-size: 16px;
}
.markup h6 {
font-size: 14px;
}
.markup li p {
font-size: inherit;
}
#outer-container {
margin: 0 auto;
position: relative;
width: 980px;
}
#page-container {
margin: 0 auto;
width: 980px;
}
#content-container {
background-color: #FFFFFF;
height: auto !important;
margin-top: -7px;
min-height: 450px;
padding: 6px;
}
.splash #content-container {
background-image: url(“https://www.autotraderclassics.com/img/theme1/shared/page/diag-bg.gif”);
}
.results-page #content-container {
background-image: url(“https://www.autotraderclassics.com/img/theme1/shared/page/column-right-black_a.gif”);
background-repeat: repeat-y;
}
.cloudy-column #content-container {
background: url(“https://www.autotraderclassics.com/img/theme1/shared/page/cloudy-dark-container-bg “) repeat-y scroll 0 0 transparent;
}
.cloudy-column #container-right-column {
background: url(“https://www.autotraderclassics.com/img/theme1/shared/page/cloudy-dark-bg “) no-repeat scroll center top #02060F;
}
#breadcrumbs-container {
border-bottom: 1px solid #DEDEDE;
color: #666666;
font-size: 0.6875em;
padding: 5px 5px 3px;
width: auto;
}
.tiles {
position: absolute;
top: 198px;
width: 130px;
}
#tilesLeft {
left: -1px;
}
#tilesRight {
right: -10px;
}
#tilesLeft iframe {
margin-bottom: 10px;
}
#tilesRight iframe {
margin-bottom: 10px;
}
#page-header-container {
overflow: hidden;
width: 100%;
}
#page-header-container .page-header {
float: left;
width: 80%;
}
.page-header .price {
padding-left: 35px;
}
.page-header, .vdp-head {
font-family: MorganSnCaps;
font-size: 2em;
padding-top: 10px;
}
#page-header-container .back-link {
float: right;
margin: 15px 5px 0 0;
text-align: right;
}
.back-link a {
background: url(“https://www.autotraderclassics.com/img/theme1/shared/icons/back-link.gif”) no-repeat scroll 0 50% transparent;
color: #195FB7;
font-weight: bold;
padding-left: 10px;
}
#checkValuePartner {
font-family: arial;
font-size: 12px;
font-weight: normal;
padding: 0 10px;
position: relative;
top: 1px;
}
:first-child + html #checkValuePartner {
top: -2px;
}
img#offsiteIndicator {
padding-left: 5px;
}
.atx-popup {
background: none repeat scroll 0 0 #FFFFFF;
}
.atx-popup h1, .atx-popup h2, .atx-popup h3, .atx-popup h4, .atx-popup h6, .atx-popup p, .atx-popup dl, .atx-popup dt, .atx-popup dd, .atx-popup ul, .atx-popup ol, .atx-popup pre, .atx-popup input, .atx-popup textarea, .atx-popup blockquote, .atx-popup cite, .atx-popup label, .atx-popup select {
color: #000000;
}
.atx-popup .popup-header h1 {
float: left;
}
.atx-popup .popup-header .horiz-nav {
float: right;
}
.atx-popup .popup-header .horiz-nav li {
margin-right: 10px;
}
#header {
height: 71px;
position: relative;
width: 980px;
}
.splash #header {
}
.cloudy-column #header {
}
#atcx-logo {
float: left;
}
#global-nav {
float: left;
margin-top: 16px;
width: 824px;
}
#global-nav li a, #global-nav li span {
background-position: 0 0;
background-repeat: no-repeat;
cursor: pointer;
height: 58px;
}
#global-nav li a:hover, #global-nav li a.active:hover {
background-position: 0 -58px;
}
#global-nav li a.active {
background-position: 0 -116px;
}
#global-nav #find a {
background-image: url(“https://www.autotraderclassics.com/img/theme1/modules/header/find “);
width: 166px;
}
#global-nav #sell a {
background-image: url(“https://www.autotraderclassics.com/img/theme1/modules/header/sell “);
width: 101px;
}
#global-nav #resources a {
background-image: url(“https://www.autotraderclassics.com/img/theme1/modules/header/resources “);
width: 195px;
}
#global-nav #articles a {
background-image: url(“https://www.autotraderclassics.com/img/theme1/modules/header/articles “);
width: 188px;
}
#global-nav #community a {
background-image: url(“https://www.autotraderclassics.com/img/theme1/modules/header/community “);
width: 174px;
}
#header-sub-nav-container ul {
position: absolute;
right: -2px;
}
#partner-nav {
top: 0;
}
#partner-nav a {
color: #195FB7 !important;
}
#partner-nav li {
border-left: 1px solid #195FB7;
}
#partner-nav li span {
display: none;
}
#community-nav {
padding-right: 15px;
position: absolute;
right: 5px;
top: 0;
z-index: 1000;
}
#community-nav.horiz-nav li, #community-nav.horiz-nav li a {
color: #BCCBDB;
font-size: 12px;
}
#partner-nav li.first, #community-nav li.first {
border: medium none;
}
#community-nav.horiz-nav li.separator {
color: #BCCBDB;
font-size: 15px;
font-weight: bold;
margin-top: -7px;
padding: 0 7px;
}
#global-nav li span {
display: none;
}
#footer {
display: block;
margin-bottom: 40px;
width: 980px;
}
#footer .footer-top {
background: url(“https://www.autotraderclassics.com/img/theme1/modules/footer/footer-top1 “) no-repeat scroll 0 0 transparent;
height: 60px;
position: relative;
}
#footer .footer-body {
background: url(“https://www.autotraderclassics.com/img/theme1/modules/footer/footer-body.gif”) repeat-y scroll left top transparent;
}
#footer .footer-body .c {
background: url(“https://www.autotraderclassics.com/img/theme1/modules/footer/footer-body.gif”) repeat-y scroll right top transparent;
display: block;
font-size: 1em;
margin-left: 3px;
}
#footer .footer-bottom {
background: url(“https://www.autotraderclassics.com/img/theme1/modules/footer/footer-bottom.gif”) no-repeat scroll 0 0 transparent;
height: 12px;
margin-right: 13px;
}
#footer .footer-bottom .c {
background: url(“https://www.autotraderclassics.com/img/theme1/modules/footer/footer-bottom.gif”) no-repeat scroll right 0 transparent;
height: 12px;
margin-right: -13px;
}
* html #footer .footer-bottom .c {
position: relative;
right: -13px;
}
#footer .horizontal-preview {
border-left: 1px solid #CCCCCC;
position: relative;
top: -35px;
width: 145px;
}
.pad-left {
padding-left: 10px;
}
#footer .footer-body ul {
margin-left: -5px;
}
#footer li {
font-size: 11px;
margin-top: 1px;
padding: 0 6px;
}
:first-child + html #footer li {
margin-top: 0;
}
#footer a {
font-size: 11px;
}
#footer .text {
color: #333333;
}
.footer-bottom ul {
bottom: 12px;
position: relative;
}
#footer-list-left {
float: left;
margin-left: 20px;
}
#footer-list-left li {
border-left: 1px solid #0066CC;
}
#footer-list-left li.first {
border: 0 none !important;
}
#footer-list-right {
float: right;
margin-right: 20px;
}
:first-child + html #footer-list-right {
clear: left;
}
#connectWithUsContainer {
border-left: 1px solid #CCCCCC;
float: left;
margin: 43px 0 0 -156px;
padding-top: 5px;
width: 140px;
}
:first-child + html #connectWithUsContainer {
margin-top: 55px;
}
#connectWithUsContainer img {
float: left;
padding-right: 5px;
}
#connectWithUsContainer h6, #joinUsContainer h6 {
padding-bottom: 4px;
}
#joinUsContainer {
border-left: 1px solid #CCCCCC;
float: left;
margin-top: -35px;
position: relative;
width: 160px;
}
#joinUsContainer #becomeMember {
margin-top: 6px;
}
#joinUsContainer img {
float: left;
margin-right: 6px;
}
#adChoices {
margin-right: 19px;
}
#adChoices img, #adChoices span {
margin-top: -3px;
}
#adChoices a {
color: #0066CC;
text-decoration: none;
}
#adChoices a:hover {
color: #FF6600;
}
.grid1 #content-container {
padding-left: 6px;
padding-right: 6px;
}
.grid1 #container-left-column {
float: left;
width: 591px;
}
.grid1 #container-right-column {
float: right;
width: 371px;
}
.grid2 #content-container {
padding-left: 0;
padding-right: 0;
}
.grid2 #container-left-column {
float: left;
width: 203px;
}
:first-child + html .grid2 #container-left-column {
margin-top: -17px;
}
.grid2 #container-center-column {
float: left;
width: 574px;
}
:first-child + html .grid2 #container-center-column {
margin-top: -17px;
}
.grid2 #container-right-column {
float: left;
width: 203px;
}
:first-child + html .grid2 #container-right-column {
margin-top: -17px;
}
.grid3 #content-container {
padding-left: 6px;
padding-right: 6px;
}
.grid3 #container-left-column {
float: left;
width: 634px;
}
.grid3 #container-right-column {
float: right;
width: 328px;
}
.grid4 #content-container {
padding-left: 6px;
padding-right: 6px;
}
.grid5 #content-container {
padding-left: 0;
padding-right: 0;
}
.grid5 #content-container {
background: none repeat scroll 0 0 #FFFFFF !important;
}
.grid5 #container-top-column {
float: left;
height: 250px;
width: 680px;
}
.grid5 #container-right-column {
float: left;
width: 300px;
}
.grid5 #container-top-column .horizontal-innertube {
padding-left: 1%;
}
.grid5 #container-left-column {
float: left;
margin-top: 3px;
width: 203px;
}
.grid5 #container-left-column {
background-image: url(“https://www.autotraderclassics.com/img/theme1/shared/page/column-right-black_a.gif”);
background-repeat: repeat-y;
border-left: 1px solid #DCDCDC;
border-right: 1px solid #DCDCDC;
border-top: 1px solid #DCDCDC;
margin-left: 5px;
}
.grid5 #container-center-column {
border: 1px solid #DCDCDC;
float: left;
margin-left: 5px;
margin-top: 3px;
width: 755px;
}
#SRPadsContainer .tripleColumn .column {
width: 31%;
}
:first-child + html #SRPadsContainer .tripleColumn .column.col1 {
display: inline;
}
.column {
display: inline;
float: left;
}
.doubleColumn .column {
width: 49%;
}
.doubleColumn .column.col1 {
float: right;
}
.doubleColumnOffset .column.col0 {
width: 66%;
}
.doubleColumnOffset .column.col1 {
float: right;
width: 34%;
}
.tripleColumn .column {
width: 33%;
}
.tripleColumn .column.col2 {
width: 34%;
}
.collapse-columns .column {
display: none;
}
.collapse-columns .column.col0 {
display: block;
width: 100% !important;
}
.module-header {
background: url(“../background/module-headers “) no-repeat scroll 0 0 transparent;
margin-right: 12px;
position: relative;
}
.module-body .module-header {
margin-top: 10px;
}
.module-header span, .user-form .module-header span {
background: url(“../background/module-headers “) no-repeat scroll 100% 0 transparent;
color: #FFFFFF !important;
display: block;
font-size: 23px;
height: 35px;
line-height: 35px;
margin: 0 -12px 0 12px;
}
.module-header span span, .user-form .module-header span span {
background-image: none;
margin: 6px 0;
}
.module-header.type1 {
background-position: 0 0;
}
.module-header.type1 span, .user-form .module-header.type1 span {
background-position: 100% 0;
}
.module-header.type2 {
background-position: left -35px;
}
.module-header.type2 span, .user-form .module-header.type2 span {
background-position: right -35px;
}
.module-header.type3 {
background-position: left -70px;
}
.module-header.type3 span, .user-form .module-header.type3 span {
background-position: right -70px;
}
.module-header.type4 {
background-position: left -105px;
}
.module-header.type4 span, .user-form .module-header.type4 span {
background-position: right -105px;
}
.module-header.type5 {
background-image: url(“https://www.autotraderclassics.com/img/theme1/components/headers/module-header-green “);
}
.module-header.type5 span, .user-form .module-header.type5 span {
background-image: url(“https://www.autotraderclassics.com/img/theme1/components/headers/module-header-green “);
}
.module-header.type5 span span {
background-image: none;
}
.atx-module {
display: block;
margin-bottom: 6px;
}
.atx-module .module-body {
background: url(“https://www.autotraderclassics.com/img/theme1/components/module/module-body.gif”) repeat-y scroll left top transparent;
color: #CCCCCC;
}
.atx-module .module-body .c {
background: url(“https://www.autotraderclassics.com/img/theme1/components/module/module-body.gif”) repeat-y scroll right top transparent;
display: block;
font-size: 1em;
margin: 0 0 0 3px;
padding: 0 3px 0 0;
}
.atx-module .module-footer {
background: url(“https://www.autotraderclassics.com/img/theme1/components/module/module-footer “) no-repeat scroll 0 0 transparent;
height: 12px;
margin-right: 12px;
padding-left: 12px;
}
.atx-module .module-footer .c {
background: url(“https://www.autotraderclassics.com/img/theme1/components/module/module-footer “) no-repeat scroll right 0 transparent;
height: 12px;
margin-right: -12px;
}
* html .atx-module .module-footer .c {
position: relative;
right: -12px;
}
.module-exit-link {
background: url(“https://www.autotraderclassics.com/img/theme1/components/module/exit-link-bg.gif”) repeat-x scroll center top transparent;
font-size: 0.875em;
font-weight: bold;
margin-top: 5px;
padding: 10px 15px 0 0;
text-align: right;
text-transform: uppercase;
}
#carsForSale .module-exit-link {
padding: 8px 15px 5px 0;
}
.module-exit-section {
background: url(“https://www.autotraderclassics.com/img/theme1/components/module/exit-link-bg.gif”) repeat-x scroll center top transparent;
margin-top: 5px;
padding: 10px 15px 0 0;
text-align: left;
}
.hidden {
display: none;
}
.horiz-nav, .display-list {
margin-left: 0;
}
.horiz-nav li {
display: inline;
float: left;
list-style-type: none;
}
* html .horiz-nav li {
display: inline;
}
.horiz-nav li.right {
float: right;
}
.horiz-nav li a {
display: block;
text-decoration: none;
}
.capitalize {
text-transform: capitalize;
}
.centered {
text-align: center;
}
.right {
text-align: right;
}
.left {
text-align: left;
}
.clickable {
cursor: pointer;
}
.price {
color: #669933 !important;
}
.no-price {
font-size: 11px;
font-weight: normal;
}
.first {
border: 0 none !important;
}
.imgLeft {
display: block;
float: left;
margin: 5px 15px 5px 0;
}
.imgRight {
display: block;
float: right;
margin: 5px 0 5px 10px;
}
.cancel-margin {
margin: 0 !important;
}
.cancel-padding {
padding: 0 !important;
}
.moduleless-header {
border-bottom: 1px solid #DEDEDE;
font-size: 1.125em;
margin-bottom: 10px;
padding-bottom: 10px;
}
.horizontal-shadow {
background: url(“https://www.autotraderclassics.com/img/temp/find/horizontal-hr “) no-repeat scroll center bottom transparent;
padding-bottom: 40px;
width: 100%;
}
.vertical-shadow {
background: url(“https://www.autotraderclassics.com/img/temp/find/vertical-hr “) no-repeat scroll right center transparent;
padding-right: 25px;
}
.clear-this {
clear: both;
}
.clearfix:after {
clear: both;
content: “.”;
display: block;
height: 0;
visibility: hidden;
}
.clearfix {
display: inline-block;
}
* html .clearfix {
height: 1%;
}
.clearfix {
display: block;
}
.separated-list {
margin: 0;
}
.separated-list li {
border-top: 1px solid #CCCCCC;
list-style-type: none;
padding: 15px 0;
}
.separated-list li.first {
border: 0 none;
padding-top: 0;
}
.horiz-separated-list {
margin: 0;
}
.horiz-separated-list li {
float: left;
list-style-type: none;
margin-bottom: 15px;
padding: 0 2%;
width: auto;
}
.horiz-separated-list li.odd {
border-left: 1px solid #CCCCCC;
}
.separated {
border-top: 1px solid #DEDEDE;
margin-top: 15px;
padding-top: 15px;
}
.username {
font-weight: bold;
}
.intro, .page-intro {
clear: both;
padding: 10px;
}
.horizontal-innertube {
padding-left: 2%;
padding-right: 2%;
}
.vertical-innertube {
padding-bottom: 15px;
padding-top: 15px;
}
.innertube {
padding: 15px 2%;
}
.community-group-header {
background: none repeat scroll 0 0 #E5E5E5;
margin-bottom: 15px;
padding: 5px;
}
* html .community-group-header {
height: 20px;
}
.diagonal-group-header {
background: url(“https://www.autotraderclassics.com/img/theme1/shared/page/diag-header-bg.gif”) repeat scroll 0 0 transparent;
margin-bottom: 15px;
overflow: hidden;
padding: 5px;
}
.thumbnail {
display: block;
height: 90px;
width: 120px;
}
.thumbnail-large {
height: 128px;
width: 184px;
}
.avatar {
display: block;
}
.loaderImage {
height: 24px;
width: 24px;
}
.community-no-results {
color: #B90A0A;
font-size: 0.875em;
font-weight: bold;
padding-bottom: 20px;
text-align: center;
}
.search-by-id {
font-size: 12px;
}
.vin, .atxId {
text-transform: uppercase;
}
#leaderboard {
margin: 0 auto 6px;
width: 728px;
}
#cobrand {
margin: 0 auto 6px;
}
#cobrand iframe {
display: block;
width: 980px;
}
#giftIdea-container {
margin-left: 777px;
position: absolute;
top: 85px;
}
#giftIdea-container #giftIdea-link {
font-size: 12px;
padding-right: 2px;
}
#giftIdea-container img {
margin-bottom: 1px;
}
.tabber .tab-nav li {
cursor: pointer;
font-weight: bold;
margin-right: 10px;
}
.tabber .tab-content .tab-content-item {
background: none repeat scroll 0 0 #FFFFFF;
display: none;
}
.tabber-primary .tab-nav-container-primary {
background: url(“../background/primary-tab-bg-off “) no-repeat scroll left top transparent;
margin-right: 12px;
}
.tabber-primary .tab-nav-primary {
background: url(“../background//primary-tab-bg-off “) no-repeat scroll right top transparent;
font-size: 1em;
height: 35px;
margin: 0 -12px 0 12px;
padding: 0;
}
.primary-triple .tab-nav-primary {
margin: 0 -10px 0 10px;
}
* html .tabber-primary .tab-nav-primary {
margin-left: 0;
position: relative;
right: -12px;
}
* html .primary-triple .tab-nav-primary {
right: -10px;
}
.tabber-primary .tab-nav-primary li.tabber-active {
color: #FFFFFF;
}
.tabber-primary .primary-double li {
margin: 0;
width: 48%;
}
.primary-double .tab-nav-primary a {
background-repeat: no-repeat;
display: block;
height: 35px;
line-height: 35px;
}
#findSellTabber .primary-double li a {
background-image: url(“https://www.autotraderclassics.com/img/theme1/components/tabPanel/primary-find-sell “);
}
#eventsTabber .primary-double li a {
background-image: url(“https://www.autotraderclassics.com/img/theme1/components/tabPanel/primary-event-tabber “);
}
#recentAndRated .primary-double li a {
background-image: url(“https://www.autotraderclassics.com/img/theme1/components/tabPanel/primary-article-resource “);
}
.primary-double .tab0 a {
background-position: 100% 0;
}
.primary-double .tab1 a {
background-position: 0 -70px;
}
.primary-double .tab0 a.active {
background-position: 100% -35px;
}
.primary-double .tab1 a.active {
background-position: 0 -105px;
}
.tabber-primary .primary-triple li {
margin: 0;
width: 32%;
}
.tabber-primary .primary-triple li.tab2 {
width: 34%;
}
.primary-triple .tab-nav-primary a {
color: #333333;
display: block;
height: 35px;
line-height: 35px;
text-align: center;
}
.tabber .tab-content div.tabber-content-active {
display: block !important;
}
.tabber.primary .module-body, .tabber.primary .module-body .c {
padding: 0;
}
.tabber-secondary .tab-nav-container-secondary, .tabber-secondary .tab-nav-container-secondary .tab-nav {
background-image: none;
}
.tabber-secondary .tab-nav-container-secondary {
height: 27px;
}
.tabber-secondary .tab-nav-container-secondary .tab-nav {
padding: 4px 0 0 15px;
}
.tabber-secondary .tab-nav-secondary li, .sub-tab-header {
color: #FFFFFF;
font-size: 0.75em;
height: 23px;
line-height: 23px;
margin: 0;
padding-left: 10px;
}
.sub-tab-header {
margin: 0;
}
.tabber-secondary .tab-nav-secondary li a {
color: #FFFFFF;
line-height: 23px;
padding-right: 10px;
}
.tabber-secondary .tab-nav-secondary li.tabber-active {
background: url(“https://www.autotraderclassics.com/img/theme1/components/tabPanel/secondary-tab-active “) no-repeat scroll 0 top transparent;
}
.tabber-secondary .tab-nav-secondary li.tabber-active a {
background: url(“https://www.autotraderclassics.com/img/theme1/components/tabPanel/secondary-tab-active “) no-repeat scroll 100% top transparent;
color: #333333;
display: block;
}
.tabber-secondary.type1 .tab-nav-secondary li.tabber-active {
background-position: 0 0;
}
.tabber-secondary.type1 .tab-nav-secondary li.tabber-active a {
background-position: 100% 0;
}
.tabber-secondary.type2 .tab-nav-secondary li.tabber-active {
background-position: 0 -23px;
}
.tabber-secondary.type2 .tab-nav-secondary li.tabber-active a {
background-position: 100% -23px;
}
.tabber-secondary.type3 .tab-nav-secondary li.tabber-active {
background-position: 0 -46px;
}
.tabber-secondary.type3 .tab-nav-secondary li.tabber-active a {
background-position: 100% -46px;
}
.tabber-secondary.type4 .tab-nav-secondary li.tabber-active {
background-position: 0 -69px;
}
.tabber-secondary.type4 .tab-nav-secondary li.tabber-active a {
background-position: 100% -69px;
}
.tabber-secondary.type1 .tab-nav-container-secondary, .type1 .sub-tab-header {
background-color: #012F7D;
}
.tabber-secondary.type2 .tab-nav-container-secondary, .type2 .sub-tab-header {
background-color: #660000;
}
.tabber-secondary.type3 .tab-nav-container-secondary, .type3 .sub-tab-header {
background-color: #957609;
}
.tabber-secondary.type4 .tab-nav-container-secondary, .type4 .sub-tab-header {
background-color: #090909;
}
.tabber-secondary .module-body, .tabber-secondary .module-body .c, .tabber-secondary .module-footer, .tabber-secondary .module-footer .c {
background: none repeat scroll 0 0 transparent;
color: #666666;
}
.tabber-secondary {
padding: 0;
}
.tabber-secondary .module-footer, .tabber-secondary .module-footer .c {
display: none;
}
.tabber-secondary .tab-nav-container-secondary, .tabber-secondary .tab-nav {
margin: 0;
}
* html .tabber-secondary .tab-nav-container-secondary, .tabber-secondary .tab-nav {
right: 0 !important;
}
.tabber-moduleHeader .tab-nav-container-moduleHeader {
background: url(“../background/module-headers “) no-repeat scroll 0 0 transparent;
margin-right: 12px;
}
.tabber-moduleHeader .tab-nav-moduleHeader {
background: url(“../background/module-headers “) no-repeat scroll 100% 0 transparent;
font-size: 1em;
margin: 0 -12px 0 12px;
padding: 0;
}
.tabber-moduleHeader.type1 .tab-nav-container-moduleHeader {
background-position: 0 0;
}
.tabber-moduleHeader.type1 .tab-nav-moduleHeader {
background-position: 100% 0;
}
.tabber-moduleHeader.type2 .tab-nav-container-moduleHeader {
background-position: 0 -35px;
}
.tabber-moduleHeader.type2 .tab-nav-moduleHeader {
background-position: 100% -35px;
}
.tabber-moduleHeader.type3 .tab-nav-container-moduleHeader {
background-position: 0 -70px;
}
.tabber-moduleHeader.type3 .tab-nav-moduleHeader {
background-position: 100% -70px;
}
.tabber-moduleHeader.type4 .tab-nav-container-moduleHeader {
background-position: 0 -105px;
}
.tabber-moduleHeader.type4 .tab-nav-moduleHeader {
background-position: 100% -105px;
}
* html .tabber-moduleHeader .tab-nav-moduleHeader {
margin-left: 0;
position: relative;
right: -12px;
}
.tabber-moduleHeader .tab-nav-container-moduleHeader .tab-nav {
padding-top: 7px;
}
.tabber-moduleHeader .tab-nav-moduleHeader li {
color: #FFFFFF;
font-size: 0.75em;
height: 28px;
line-height: 28px;
margin: 0 3px;
padding-left: 8px;
}
.sub-tab-header {
margin: 0;
}
.tabber-moduleHeader .tab-nav-moduleHeader li a {
color: #FFFFFF;
line-height: 28px;
padding-right: 8px;
}
.tabber-moduleHeader .tab-nav-moduleHeader li.tabber-active {
background: url(“../background/module-header-tab-active “) no-repeat scroll 0 top transparent;
}
.tabber-moduleHeader .tab-nav-moduleHeader li.tabber-active a {
background: url(“../background/module-header-tab-active “) no-repeat scroll 100% top transparent;
color: #333333;
display: block;
}
.tabber-moduleHeader.type1 .tab-nav-moduleHeader li.tabber-active {
background-position: 0 0;
}
.tabber-moduleHeader.type1 .tab-nav-moduleHeader li.tabber-active a {
background-position: 100% 0;
}
.tabber-moduleHeader.type2 .tab-nav-moduleHeader li.tabber-active {
background-position: 0 -23px;
}
.tabber-moduleHeader.type2 .tab-nav-moduleHeader li.tabber-active a {
background-position: 100% -23px;
}
.tabber-moduleHeader.type3 .tab-nav-moduleHeader li.tabber-active {
background-position: 0 -46px;
}
.tabber-moduleHeader.type3 .tab-nav-moduleHeader li.tabber-active a {
background-position: 100% -46px;
}
.tabber-moduleHeader.type4 .tab-nav-moduleHeader li.tabber-active {
background-position: 0 -69px;
}
.tabber-moduleHeader.type4 .tab-nav-moduleHeader li.tabber-active a {
background-position: 100% -69px;
}
.atx-module .module-body .c {
padding: 15px 8px 0 5px;
}
.tabbed .module-body .c, .textarea-container .hd .c, .textarea-container .bd .c, .tabber-primary .module-body .c, .tabbed-module-header .module-body .c, .tabber-moduleHeader .module-body .c, .commentsAbout .module-body .c {
padding: 0 3px 0 0;
}
.tabber-secondary .module-body .c {
padding: 5px;
}
.tabbed-header-content {
padding: 10px;
}
.link-list-header {
font-size: 0.75em;
padding-bottom: 5px;
text-transform: uppercase;
}
.link-list {
margin-left: 0;
}
.link-list li {
font-size: 0.75em;
list-style-type: none;
margin-bottom: 2px;
}
.browse-category li {
font-size: 0.6875em;
}
.link-list .active {
color: #333333;
cursor: default;
font-weight: bold;
}
.pagination-container {
margin-top: 5px;
padding-top: 5px;
}
.pagination-container .pager-ctrl {
float: left;
margin-top: 5px;
width: 33%;
}
.pagination-container .pager {
float: right;
}
.pager {
line-height: 39px;
}
.pager .pager-link, .pager .pagination-spacer, .pager .current, .pager .pager-pn-button {
display: block;
float: left;
font-size: 0.75em;
font-weight: bold;
margin: 0 3px;
}
.pager .pager-pn-button span.icon {
color: #0066CC;
font-size: 0.625em;
font-weight: bold;
}
.pager .pagination-spacer, .pager .inactive, .pager .current {
color: #333333 !important;
}
.pager .current {
background: url(“../background/current-bg “) no-repeat scroll 50% 50% transparent;
padding: 0 18px;
text-decoration: underline;
}
.pager .pager-pn-button {
background: url(“../background/button-seperator.gif”) no-repeat scroll 0 0 transparent;
}
.pager .prev-button {
background-position: 100% 50%;
padding-right: 10px;
}
.pager .next-button {
background-position: 0 50%;
padding-left: 10px;
}
.command-button {
left: -10000px;
position: absolute;
}
.action-buttons .action-button-right {
margin-left: 5px;
}
.action-buttons .action-button-left {
margin-right: 5px;
}
.action-button-left {
float: left;
}
.action-button-right {
float: right;
}
.no-label .action-button-wrapper {
margin-top: 15px;
}
.action-button {
background: url(“..background/action-btn-bg “) no-repeat scroll 0 0 transparent;
cursor: pointer;
float: left;
height: 26px;
padding-left: 2px;
position: relative;
}
.action-button a {
background: url(“../background/action-btn-bg “) no-repeat scroll 100% top transparent;
color: #FFFFFF !important;
cursor: pointer;
display: block;
font-size: 0.75em;
font-weight: bold;
line-height: 26px;
padding-left: 8px;
padding-right: 20px;
text-decoration: none;
text-transform: uppercase;
white-space: nowrap;
}
.icon-links .action-button a {
background-position: 100% 0 !important;
font-size: 1em !important;
}
.action-button.disabled-action-button {
background-image: url(“../background/action-btn-bg-disabled “);
}
.action-button.disabled-action-button a {
background-image: url(“../background/action-btn-bg-disabled “);
}
.action-button-down {
background-position: 0 -26px;
}
.action-button-down a {
background-position: 100% -26px;
}
.action-button .action-indicator {
background: url(“https://www.autotraderclassics.com/img/theme1/shared/forms/action-button/action-arrow.gif”) no-repeat scroll 0 0 transparent;
height: 9px;
position: absolute;
right: 10px;
top: 8px;
width: 4px;
}
.action-button.disabled-action-button .action-indicator {
background-image: url(“https://www.autotraderclassics.com/img/theme1/shared/forms/action-button/action-arrow-disabled.gif”);
}
.dark .action-button, .dark .action-button a {
background-image: url(“https://www.autotraderclassics.com/img/theme1/shared/forms/action-button/action-btn-bg-dark “);
}
.secondary .action-button, .compare .action-button {
background: url(“https://www.autotraderclassics.com/img/theme1/shared/forms/action-button/dark-action-btn-background “) no-repeat scroll 0 0 transparent;
height: 19px;
}
.secondary .action-button a, .compare .action-button a {
background: url(“https://www.autotraderclassics.com/img/theme1/shared/forms/action-button/dark-action-btn-background “) no-repeat scroll 100% 0 transparent;
font-size: 0.6875em;
line-height: 19px;
}
.secondary .action-button .action-indicator, .compare .action-button .action-indicator {
top: 5px;
}
.compare .action-button a {
padding-left: 20px;
padding-right: 10px;
}
.compare .action-button .action-indicator {
background-image: url(“https://www.autotraderclassics.com/img/theme1/shared/forms/action-button/compare-arrow.gif”);
height: 4px;
left: 7px;
top: 7px;
width: 9px;
}
.horiz-nav .action-button-wrapper {
float: left;
}
.alternative-action {
color: #0066CC;
cursor: pointer;
float: right;
}
.alternative-action a:hover, .alternative-action a:active {
color: #FF6600;
}
.action-buttons .fake-action-button-right {
margin-left: 5px;
}
.action-buttons .fake-action-button-left {
margin-right: 5px;
}
.fake-action-button-left {
float: left;
}
.fake-action-button-right {
float: right;
}
.fake-action-button {
background: url(“https://www.autotraderclassics.com/img/theme1/shared/forms/action-button/action-btn-bg “) no-repeat scroll 0 0 transparent;
cursor: pointer;
float: left;
height: 26px;
padding-left: 10px;
position: relative;
}
.fake-action-button a, .disabled-action-button .fake-action-button a, .disabled-action-button .fake-action-button p {
background: url(“https://www.autotraderclassics.com/img/theme1/shared/forms/action-button/action-btn-bg “) no-repeat scroll 100% top transparent;
color: #FFFFFF !important;
cursor: pointer;
display: block;
font-size: 0.75em;
font-weight: bold;
line-height: 26px;
padding-right: 20px;
text-decoration: none;
text-transform: uppercase;
white-space: nowrap;
}
.disabled-action-button .fake-action-button a, .disabled-action-button .fake-action-button p {
cursor: default;
}
.disabled-action-button .fake-action-button a, .disabled-action-button .fake-action-button p {
background-image: url(“https://www.autotraderclassics.com/img/theme1/shared/forms/action-button/action-btn-bg-disabled “);
}
.disabled-action-button .fake-action-button .action-indicator {
background-image: url(“https://www.autotraderclassics.com/img/theme1/shared/forms/action-button/action-arrow-disabled.gif”);
}
.disabled-action-button .fake-action-button {
background-image: url(“https://www.autotraderclassics.com/img/theme1/shared/forms/action-button/action-btn-bg-disabled “);
cursor: default;
}
.fake-action-button .action-indicator {
background: url(“https://www.autotraderclassics.com/img/theme1/shared/forms/action-button/action-arrow.gif”) no-repeat scroll 0 0 transparent;
height: 9px;
position: absolute;
right: 10px;
top: 8px;
width: 4px;
}
.dark .fake-action-button, .dark .fake-action-button a {
background-image: url(“https://www.autotraderclassics.com/img/theme1/shared/forms/action-button/action-btn-bg-dark.gif”);
}
.secondary .fake-action-button, .compare .fake-action-button {
background: url(“https://www.autotraderclassics.com/img/theme1/shared/forms/action-button/dark-action-btn-background.gif”) no-repeat scroll 0 0 transparent;
height: 19px;
}
.secondary .fake-action-button a, .compare .fake-action-button a {
background: url(“https://www.autotraderclassics.com/img/theme1/shared/forms/action-button/dark-action-btn-background.gif”) no-repeat scroll 100% 0 transparent;
font-size: 0.6875em;
line-height: 19px;
}
.secondary .fake-action-button .action-indicator, .compare .fake-action-button .action-indicator {
top: 5px;
}
.compare .fake-action-button a {
padding-left: 10px;
padding-right: 10px;
}
.compare .fake-action-button .action-indicator {
background-image: url(“https://www.autotraderclassics.com/img/theme1/shared/forms/action-button/compare-arrow.gif”);
height: 4px;
left: 7px;
top: 7px;
width: 9px;
}
.user-form.small-form {
width: 33%;
}
.user-form.medium-form {
width: 50%;
}
.user-form.large-form {
width: 66%;
}
.duration-spacer {
display: block;
font-size: 0.6875em;
line-height: 27px;
margin-top: 14px;
}
.user-form span, .user-form input, .user-form select, .user-form label {
color: #333333;
}
#gotcha {
display: none;
}
.required-instruction {
background: url(“https://www.autotraderclassics.com/img/theme1/shared/icons/required-star.gif”) no-repeat scroll 0 0 transparent;
font-size: 0.6875em;
margin: 5px 0 10px;
padding-left: 6px;
}
.required-label {
background: url(“https://www.autotraderclassics.com/img/theme1/shared/icons/required-star.gif”) no-repeat scroll 0 2px transparent;
font-size: 0.625em;
font-style: italic;
margin: 10px 0;
padding-left: 6px;
}
.required {
background: url(“https://www.autotraderclassics.com/img/theme1/shared/icons/required-star.gif”) no-repeat scroll 0 2px transparent;
padding-left: 6px;
}
.user-form .example {
font-size: 0.625em;
font-style: italic;
}
.user-form .form-row {
padding-bottom: 6px;
}
.user-form .single-form-row {
margin-top: 8px;
}
.user-form .form-column {
float: left;
margin-right: 10px;
}
.user-form .cancel-columns {
padding-bottom: 0 !important;
}
.user-form .cancel-columns .form-column {
float: none;
margin: 0;
padding-bottom: 6px;
}
.inline-form-row label, .inline-form-row .skinned-select-content {
float: left;
margin-right: 5px;
}
.inline-form-row label {
margin-top: 8px;
}
.error-messages {
margin: 0;
}
.errormsg, .error-messages, .error-message, .confirmation {
background: url(“/img/theme1/shared/icons/error.gif”) no-repeat scroll 0 6px transparent;
clear: both;
display: block;
font-size: 0.75em;
list-style-type: none;
padding: 5px 0 0 18px;
}
.errormsg, .error-messages, .error-message, .user-form label.errorLabel {
color: #FF0000 !important;
}
.user-form label.errorLabel {
font-weight: bold;
}
.input-error {
clear: both;
display: block;
padding-top: 5px;
}
.confirmation {
background-image: url(“/img/theme1/shared/icons/success.gif”);
color: #336600;
}
.realCheckbox {
display: none;
}
input[type=”checkbox”] {

}
.user-form label, .user-form .fakeCheckbox {
display: block;
font-size: 0.6875em;
}
.user-form label {
font-weight: bold;
line-height: 1em;
margin-bottom: 2px;
text-transform: uppercase;
}
.user-form input, .user-form select, .user-form .select {
font-size: 0.75em;
margin: 0;
}
.user-form .input-container {
background: url(“https://www.autotraderclassics.com/img/theme1/shared/forms/text-input “) no-repeat scroll 0 0 transparent;
height: 27px;
padding: 0 0 0 7px;
}
.user-form .input-container .input-wrapper {
background: url(“https://www.autotraderclassics.com/img/theme1/shared/forms/text-input “) no-repeat scroll 100% 0 transparent;
padding: 7px 7px 0 0;
}
.user-form .input-container input {
background: none repeat scroll 0 0 transparent;
border: 0 none;
display: block;
height: 20px;
width: 100%;
}
.prototip .user-form .input-container, .prototip .user-form .input-container .input-wrapper, .atx-modal .user-form .input-container, .atx-modal .user-form .input-container .input-wrapper, .sort-listings .input-container, .sort-listings .input-container .input-wrapper {
background-image: url(“https://www.autotraderclassics.com/img/theme1/shared/forms/modal-text-input.gif”);
}
* html .user-form .input-container input {
margin-top: -1px;
}
:first-child + html .user-form .input-container input {
margin-top: -1px;
}
.user-form .year-input {
width: 55px;
}
.user-form .price-input {
float: left !important;
width: 73px !important;
}
.user-form .cancel-columns .price-input, .user-form .cancel-columns .price-to {
margin-right: 10px;
}
.user-form .price-to {
float: left !important;
width: 15px !important;
}
.user-form .searchForm .sellerType-column {
float: left;
}
.user-form .cancel-columns .sellerType-column {
clear: left;
}
.user-form .keyword {
width: 185px;
}
.user-form .fakeCheckbox {
background: url(“https://www.autotraderclassics.com/img/theme1/shared/forms/checkbox.gif”) no-repeat scroll 0 0 transparent;
color: #333333;
height: auto !important;
line-height: 18px;
min-height: 18px;
outline: medium none;
padding: 0 0 0 22px;
text-decoration: none;
}
.user-form .fakeCheckbox:hover {
color: #333333;
text-decoration: none;
}
.user-form .fakeCheckbox.selected {
background-position: 0 -82px;
}
.expandable-module .hd .c, .expandable-module .ft .c {
font-size: 1px;
height: 6px;
}
.user-form .textarea-container textarea {
height: 100px;
overflow-y: auto;
width: 100%;
}
* html .user-form .textarea-container textarea {
width: 95%;
}
.user-form .textarea-container .hd .c, .user-form .textarea-container .ft .c {
font-size: 1px;
padding: 0;
}
* html .user-form .textarea-container .hd .c, * html .user-form .textarea-container .ft .c {
font-size: 7px;
height: auto;
}
:first-child + html .user-form .textarea-container .hd .c, *:first-child + html .user-form .textarea-container .ft .c {
font-size: 7px;
height: auto;
}
.user-form .textarea-container .hd {
background: url(“https://www.autotraderclassics.com/img/theme1/shared/forms/textarea-top “) no-repeat scroll 0 0 transparent;
padding-left: 10px;
}
.user-form .textarea-container .hd .c {
background: url(“https://www.autotraderclassics.com/img/theme1/shared/forms/textarea-top “) no-repeat scroll right 0 transparent;
}
.user-form .textarea-container .bd {
background: url(“https://www.autotraderclassics.com/img/theme1/shared/forms/textarea-middle.gif”) repeat-y scroll 0 0 transparent;
}
.user-form .textarea-container .bd .c {
background: url(“https://www.autotraderclassics.com/img/theme1/shared/forms/textarea-middle.gif”) repeat-y scroll right 0 transparent;
margin-left: 3px;
}
.user-form .textarea-container .ft {
background: url(“https://www.autotraderclassics.com/img/theme1/shared/forms/textarea-bot “) no-repeat scroll 0 100% transparent;
}
.user-form .textarea-container .ft .c {
background: url(“https://www.autotraderclassics.com/img/theme1/shared/forms/textarea-bot “) no-repeat scroll right 100% transparent;
margin-left: 10px;
}
.user-form .textarea-container .textarea-content {
background: url(“https://www.autotraderclassics.com/img/theme1/shared/forms/textarea-gradient.gif”) repeat-x scroll center bottom transparent;
padding: 0 10px;
}
.prototip .user-form .textarea-container .hd, .prototip .user-form .textarea-container .hd .c, .atx-modal .user-form .textarea-container .hd, .atx-modal .user-form .textarea-container .hd .c {
background-image: url(“https://www.autotraderclassics.com/img/theme1/shared/forms/modal-textarea-top.gif”);
}
.prototip .user-form .textarea-container .ft, .prototip .user-form .textarea-container .ft .c, .atx-modal .user-form .textarea-container .ft, .atx-modal .user-form .textarea-container .ft .c {
background-image: url(“https://www.autotraderclassics.com/img/theme1/shared/forms/modal-textarea-bot.gif”);
}
.prototip .user-form .textarea-container .bd, .prototip .textarea-container .bd .c, .atx-modal .user-form .textarea-container .bd, .prototip .textarea-container .bd .c {
background-image: url(“https://www.autotraderclassics.com/img/theme1/shared/forms/modal-textarea-middle.gif”);
}
.user-form .textarea {
background-color: transparent;
border: 0 none;
}
.user-form .select {
height: 20px;
position: relative;
}
.user-form .skinned-select {
background: url(“https://www.autotraderclassics.com/img/theme1/shared/forms/text-input “) no-repeat scroll 100% 0 transparent;
display: block;
height: 20px;
padding: 7px 3px 0;
}
.user-form .skinned-select-content {
background: url(“https://www.autotraderclassics.com/img/theme1/shared/forms/text-input “) no-repeat scroll 0 0 transparent;
height: 27px;
padding-left: 7px;
}
.prototip .user-form .skinned-select, .prototip .user-form .skinned-select-content, .atx-modal .user-form .skinned-select, .atx-modal .user-form .skinned-select-content, .sort-listings .skinned-select, .sort-listings .skinned-select-content {
background-image: url(“https://www.autotraderclassics.com/img/theme1/shared/forms/modal-text-input.gif”);
}
.user-form .skinned-select select {
opacity: 0;
position: relative;
z-index: 100;
}
.user-form .skinned-select .select-text {
line-height: 16px;
position: absolute;
z-index: 1;
}
.user-form .skinned-select .select-text, .user-form .skinned-select select, .user-form .skinned-select select option {
color: #333333;
font-size: 11px;
width: 100%;
}
.user-form .skinned-select .select-button {
background: url(“https://www.autotraderclassics.com/img/theme1/shared/forms/select-btn.gif”) repeat scroll 0 0 transparent;
height: 27px;
position: absolute;
right: 0;
top: 1px;
width: 24px;
z-index: 10;
}
.prototip .user-form .skinned-select .select-button, .atx-modal .user-form .skinned-select .select-button, .sort-listings .skinned-select .select-button {
background: url(“https://www.autotraderclassics.com/img/theme1/shared/forms/modal-select-btn.gif”) repeat scroll 0 0 transparent;
}
.user-form .disabled .select-text {
color: #999999;
}
.user-form .skinned-select.disabled .select-button {
background: url(“https://www.autotraderclassics.com/img/theme1/shared/forms/select-btn-disabled “) repeat scroll 0 0 transparent;
}
.user-form .my-skinnable-select select {
border: 1px solid #D5E6EE;
font-size: 11px;
width: 150px;
}
.radio-buttons label {
display: inline;
font-size: 0.75em;
}
.radio-buttons td input {
vertical-align: middle;
}
.horizontal-radios td {
padding-right: 10px;
}
.alt-form-link {
font-size: 0.75em !important;
text-align: right;
}
span.alt-form-link {
display: block;
font-size: 1em !important;
}
.file-input {
height: 27px;
position: relative;
}
.file-input .fakeFileInput {
height: 20px;
left: 0;
position: absolute;
top: 0;
z-index: 1;
}
.file-input .realFileInput {
opacity: 0;
position: relative;
text-align: right;
z-index: 2;
}
.file-input .input-container {
margin-right: 77px;
}
* html .file-input .input-container {
margin-right: 0;
}
.file-input .action-button-wrapper {
margin-top: 5px;
}
.horizontal-preview {
margin: 0;
}
.horizontal-preview {
border-left: 1px solid #EBEBEB;
float: left;
list-style-type: none;
}
.vehicle-preview {
height: auto !important;
min-height: 180px;
}
.featured-event-previews .horizontal-preview {
height: 239px;
padding: 10px 16px;
width: 27%;
}
.resources-previews .horizontal-preview, .more-info-previews .horizontal-preview, .shared-favorites-previews .horizontal-preview, .dealer-car-previews .horizontal-preview {
padding: 10px 16px;
width: 27%;
}
.dealer-car-previews .dealer-car-preview, .dealer-car-previews .horizontal-preview {
width: auto;
}
.chrome-seperater, .chrome-seperator {
display: block;
margin: 5px auto 10px;
}
.cloudy-column-preview {
height: auto !important;
min-height: 608px;
padding: 0 20px;
}
.cloudy-column-preview .title {
display: block;
margin: 0 auto;
}
.cloudy-column-preview div {
border-top: 1px solid #2C3E5C;
padding: 20px 0;
}
.cloudy-column-preview div.first {
border: 0 none;
}
.cloudy-column-preview div img {
display: block;
float: left;
margin-right: 10px;
}
.cloudy-column-preview div h3, .cloudy-column-preview div p {
color: #FFFFFF;
}
.cloudy-column-preview div h3 {
font-size: 0.875em;
}
.cloudy-column-preview div p {
font-size: 0.6875em;
}
.chrome-header {
background: url(“https://www.autotraderclassics.com/img/theme1/shared/page/cursive-header-seperator “) no-repeat scroll 50% 100% transparent;
display: block;
margin: 0 auto 15px;
padding-bottom: 25px;
text-align: center;
}
#memberCarFlowContainer {
height: 280px;
}
.noFlashText h4 {
padding-top: 10px;
}
.invite-friends {
background: url(“/img/theme1/shared/page/clouded-community-bg.gif”) no-repeat scroll 0 0 transparent;
height: auto !important;
min-height: 272px;
padding: 15px 35px 0;
}
.invite-friends .action-button-wrapper {
margin-top: 10px;
}
.invite-friends .inviteTitle {
display: block;
margin: 0 auto;
}
.preview-list {
margin: 0;
padding-bottom: 10px;
}
.preview-list .preview {
list-style-type: none;
position: relative;
}
.preview-list .preview-expanded {
border-bottom: 1px solid #EBEBEB;
margin-bottom: 15px;
padding: 15px 0;
}
.preview-list .preview-collapsed {
padding: 5px 0;
}
.preview-list .first {
width: 159px;
}
.preview-image-num {
float: left;
}
.preview-image-num img, .preview-image-num p {
float: left;
margin-right: 10px;
}
.preview-list .preview .preview-index {
font-weight: bold;
}
.preview-list .preview-expanded .preview-image-num p {
font-size: 2em;
}
.preview-list .preview .preview-thumb {
margin: 0 10px;
}
.preview-list .preview .friends-num {
position: absolute;
right: 0;
top: 5px;
}
.user-previews .preview-expanded {
background: url(“https://www.autotraderclassics.com/img/theme1/components/module/exit-link-bg.gif”) repeat-x scroll center bottom transparent;
padding-bottom: 35px;
}
.user-previews .preview-collapsed {
padding: 5px 0;
}
.user-preview .preview-count {
color: #333333;
float: left;
}
.user-previews .preview-expanded .preview-count {
font-size: 2em;
font-weight: bold;
}
.user-previews .preview-expanded .avatar {
float: left;
height: 45px;
margin: 0 10px;
width: 60px;
}
.user-previews .preview-expanded .user-info {
float: left;
}
.user-preview .friend-count {
font-weight: bold;
}
.user-previews .preview-collapsed .username {
float: left;
margin-left: 10px;
width: 70%;
}
.user-previews .preview-collapsed .friend-count {
float: right;
}
.articles-resources-lists .vertical-shadow {
padding-right: 0;
}
.articles-resources-lists .title {
text-transform: uppercase;
}
.article-resource-listing .col0 {
margin-right: 15px;
width: 120px;
}
.article-resource-listing .col1 {
width: 75%;
}
.article-resource-listing .description {
height: auto !important;
min-height: 54px;
}
.article-resource-listing .rating-container {
float: right;
}
.latestArticles .preview-list .preview-expanded {
padding-top: 0;
}
.latestArticles .pagination-container {
margin-top: 0;
padding-top: 0;
}
.article-template .article-title {
font-size: 1.125em;
font-weight: bold;
margin-bottom: 20px;
}
.article-template .article-provider {
margin-bottom: 10px;
}
.article-template .article-provider p {
font-size: 0.625em;
}
#carAudioLogo {
float: left;
position: relative;
top: 12px;
}
#page-header-container #carAudioHeader.page-header {
margin-left: 10px;
width: 50%;
}
.sort-listings {
background: none repeat scroll 0 0 #E5EFFA;
line-height: 27px;
padding: 5px 0;
}
.sort-listings li {
margin: 0 10px;
}
* html .sort-listings li {
margin: 0 1%;
width: 150px;
}
* html .sort-listings li.sort-by {
width: auto;
}
.sort-listings .sort-by {
float: right;
}
.sort-listings .sort-by label {
line-height: 27px;
}
.sort-listings label {
font-weight: bold;
margin-right: 3px;
}
.sort-listings .fakeCheckbox {
font-weight: bold;
margin-top: 5px;
}
.sort-listings .sort-by label, .sort-listings .sort-by .skinned-select-content {
float: left;
}
.sort-listings .action-button-wrapper {
margin-top: 5px;
}
.search-results-container {
background: none repeat scroll 0 0 #FFFFFF;
}
.search-result {
border-top: 1px solid #DEDEDE;
padding: 15px 2%;
}
#tiered-listings .search-result {
border-bottom: 1px solid #DEDEDE;
}
search-result:first-child, .search-result.first {
border: 0 none;
}
.search-result .column {
float: left;
}
.search-result .logo-tile {
display: block;
margin: 0 auto;
}
.product-listing .column.col3 {
float: right;
}
.product-listing .col0 {
width: 5%;
}
.product-listing .col1 {
margin-right: 10px;
width: 22%;
}
.product-listing .col2 {
width: 45%;
}
.product-listing .col3 {
width: 23%;
}
.employee-ride-listing .col0 {
margin-right: 10px;
width: 20%;
}
.employee-ride-listing .col1 {
width: 44%;
}
.employee-ride-listing .col2 {
width: 15%;
}
.employee-ride-listing .col3 {
margin-left: 10px;
width: 15%;
}
.community-listing .col0 {
width: 22%;
}
.community-listing .col1 {
width: 74%;
}
.member-car-listing .col0 {
width: 32%;
}
.member-car-listing .col1 {
width: 64%;
}
.community-listing .result-column, .member-car-listing .result-column {
text-align: center;
}
.search-result .column1 .product-image {
height: 90px;
margin: 0 auto;
width: 120px;
}
.search-result .col0 .price, .search-result .col1 .price {
color: #669933;
font-size: 1.125em;
font-weight: bold;
margin-top: 5px;
text-align: center;
}
.search-result .title {
font-size: 1.125em;
line-height: 90%;
padding-bottom: 3px;
}
.search-result .name, .search-result .phone {
text-align: center;
}
.search-result .tile, .search-result .atx-image {
display: block;
margin: 0 auto 10px;
}
.search-result .location, .search-result .description, .search-result .phone, .search-result .testimonials {
color: #666666;
font-size: 0.75em;
}
.search-result .description {
padding-bottom: 5px;
}
.search-result .details, .search-result .name {
font-size: 0.75em;
font-weight: bold;
}
.search-result .add-to-favs {
background: url(“https://www.autotraderclassics.com/img/temp/find/addToFavs.gif”) no-repeat scroll 0 0 transparent;
clear: both;
float: right;
font-size: small;
margin-right: 15px;
margin-top: 10px;
padding-left: 20px;
width: 100px;
}
.product-listing .col1 {
text-align: center;
}
.product-listing .col1 .result-image {
display: block;
margin: 0 auto;
}
.product-listing .title {
font-size: 0.875em;
}
.product-listing .details {
margin-top: 10px;
}
.product-listing .icon-links, .product-listing .icon-link {
margin-top: 10px;
}
.icon-links li#fav {
float: right;
font-size: 16px;
}
.enhancedListing .title {
font-size: 1.125em;
}
.premiumListing {
background: url(“https://www.autotraderclassics.com/img/theme1/srp-premium-bgNew “) repeat-x scroll 0 0 transparent;
height: auto !important;
min-height: 143px;
padding: 20px 2% 0;
}
.premiumListing .title {
font-size: 1.125em;
}
.provider-listing .col0 {
width: 10%;
}
.provider-listing .col1 {
width: 60%;
}
.provider-listing .col2 {
float: right;
width: 23%;
}
.provider-listing .listing-number {
font-size: 2em;
font-weight: bold;
line-height: 50px;
text-align: center;
}
.member-car-listing .col0 {
width: 22%;
}
.member-car-listing .col1 {
padding: 0 10px;
width: 52%;
}
.member-car-listing .col2 {
width: 22%;
}
.member-car-listing .title, .member-car-listing .username {
padding-bottom: 5px;
}
.member-car-listing .add-favorite a, .member-car-listing .add-favorite span {
padding-left: 0;
}
.member-car-listing .add-favorite {
margin-top: 50px;
padding-left: 20px;
text-align: center;
width: 140px;
}
.member-car-listing .favorited {
margin-top: 50px;
padding-left: 45px;
width: 140px;
}
.similar-car-listing .col0 {
padding: 0 10px;
width: 80px;
}
.similar-car-listing .index-num {
color: #333333;
float: left;
font-size: 2em;
font-weight: bold;
}
.similar-car-listing .title {
color: #195FB7;
display: block;
font-size: 1.1667em;
font-weight: bold;
}
.featured-events li {
list-style-type: none;
padding: 15px 0;
}
.featured-events .title span {
color: #333333;
font-weight: bold;
}
.featured-events .description {
margin-left: 5px;
}
#heroModule, #hero {
background: none repeat scroll 0 0 #000000;
height: 308px;
position: relative;
width: 591px;
}
#hero a {
display: block;
height: 308px;
overflow: hidden;
position: relative;
width: 591px;
}
#hero a img {
display: block;
left: 0;
margin: 0;
padding: 0;
position: absolute;
top: 0;
}
.hero-outer-carousel {
bottom: 0;
left: 0;
position: absolute !important;
width: 374px;
z-index: 50;
}
.hero-carousel {
float: none !important;
height: 43px !important;
margin-left: 160px;
width: 374px;
}
.hero-carousel-slideleft, .hero-carousel-slideright, .hero-carousel-slideshow, #heroModule #mediacarousel-count, .hero-carousel-slideshow-pause {
display: none;
}
.hero-carousel ul {
margin: 0;
}
.hero-carousel li {
cursor: pointer;
margin: 0 5px;
}
.hero-carousel li img {
display: block;
}
.hero-carousel li.active {
border: 1px solid #FFFFFF;
margin: 0 4px;
}
.hero-nav-bg {
bottom: 0;
left: 108px;
position: absolute;
}
.accordion .toggle {
cursor: pointer;
}
.refine h2 {
background: url(“https://www.autotraderclassics.com/img/theme1/modules/refine/accordion-toggle-bg.gif”) repeat-x scroll center top #FFFFFF;
cursor: pointer;
font-size: 0.875em;
line-height: 27px;
}
.refine h2 span {
background: url(“https://www.autotraderclassics.com/img/theme1/shared/icons/minus.gif”) no-repeat scroll right center transparent;
display: block;
height: 27px;
margin-right: 15px;
}
.refine h2.collapsed span {
background: url(“https://www.autotraderclassics.com/img/theme1/shared/icons/plus.gif”) no-repeat scroll right center transparent;
}
.refine h2, .refine ul {
margin: 0;
padding: 0 10px;
}
.refine ul {
margin: 10px 0;
}
.refine li {
font-size: 0.75em;
list-style-type: none;
}
.refine li.active-filter {
color: #333333;
font-weight: bold;
}
.help-accordion {
padding: 15px;
}
.help-accordion .toggle {
color: #0066CC;
cursor: pointer;
font-size: 0.75em;
}
.help-accordion .toggle-content {
padding-bottom: 10px;
}
.help-accordion p {
background-color: #FFFFFF;
}
.detail-data h1 {
font-size: 1.125em;
padding-left: 10px;
}
.detail-data h3 {
background: none repeat scroll 0 0 #E5E5E5;
font-size: 0.875em;
margin-top: 10px;
padding: 5px 0 5px 10px;
}
.detail-data ul {
margin: 0;
}
.detail-data li {
color: #333333;
font-size: 0.75em;
font-weight: bold;
list-style-type: none;
padding: 5px 0 5px 10px;
}
.detail-data div div.form-row {
color: #333333;
font-size: 1em;
font-weight: bold;
list-style-type: none;
padding: 5px 0 5px 10px;
}
.detail-data li span {
color: #666666;
display: block;
font-weight: normal;
padding-right: 15px;
}
.detail-data .data-column {
float: left;
width: 33%;
}
.detail-data .timestamps {
border: 1px solid #EEEEEE;
float: right;
margin: 7px 10px 0 20px;
padding: 15px;
}
.detail-data .timestamp {
font-weight: bold;
}
.detail-data .description {
padding: 5px 0 5px 10px;
}
.detail-data .new-listing span {
background-position: 50% 50%;
background-repeat: no-repeat;
}
.icon-links {
margin-left: 0;
}
.icon-links li {
border: 0 none;
font-size: 0.75em;
list-style-type: none;
margin: 0 15px 0 0;
padding: 0;
}
.icon-links li a, .icon-link a, .icon-links span, .icon-link span {
background-position: left center;
background-repeat: no-repeat;
display: block;
}
.icon-links span.modal-scripts, .icon-link span.modal-scripts {
background: none repeat scroll 0 0 transparent;
}
.gig-button-text {
padding: 0 3px 2px !important;
}
.gig-share-button-text {
color: #0066CC !important;
font-size: 12px !important;
}
.icon-links .prototip-link {
padding-right: 0;
}
.compressed-icon-links li {
margin: 0;
}
.friend a, .friend span {
background-image: url(“https://www.autotraderclassics.com/img/theme1/shared/icons/friend.gif”);
padding-left: 14px;
}
.add-favorite a, .add-favorite span {
background: url(“https://www.autotraderclassics.com/img/theme1/shared/icons/favorites.gif”) no-repeat scroll 0 0 transparent;
padding-left: 22px;
}
.favorited a, .favorited span {
background-image: url(“https://www.autotraderclassics.com/img/theme1/shared/icons/favorited.gif”);
background-repeat: no-repeat;
padding-left: 18px;
}
.share a, .share span {
background-image: url(“https://www.autotraderclassics.com/img/theme1/shared/icons/share.gif”);
padding-left: 24px;
}
.delete a, .delete span {
background-image: url(“https://www.autotraderclassics.com/img/theme1/shared/icons/delete.gif”);
background-repeat: no-repeat;
padding-left: 17px;
}
.email a, .email span {
background-image: url(“https://www.autotraderclassics.com/img/theme1/shared/icons/email.gif”);
padding-left: 21px;
}
.reportItem a, .reportItem span {
background-image: url(“https://www.autotraderclassics.com/img/theme1/shared/icons/report.gif”);
padding-left: 17px;
}
.notes a, .notes span {
background-image: url(“https://www.autotraderclassics.com/img/theme1/shared/icons/notes.gif”);
padding-left: 18px;
}
.print a, .print span {
background-image: url(“https://www.autotraderclassics.com/img/theme1/shared/icons/print.gif”);
padding-left: 23px;
}
.part-seller a, .part-seller span {
background-image: url(“https://www.autotraderclassics.com/img/theme1/shared/icons/partSeller.gif”);
padding-left: 20px;
}
.add-comment a, .add-comment span {
background-image: url(“https://www.autotraderclassics.com/img/theme1/shared/icons/comment.gif”);
padding-left: 23px;
}
.add-testimonial a, .add-testimonial span {
background-image: url(“https://www.autotraderclassics.com/img/theme1/shared/icons/add-testimonial.gif”);
padding-left: 23px;
}
.upload-media a, .upload-media span {
background-image: url(“https://www.autotraderclassics.com/img/theme1/shared/icons/upload-p-v.gif”);
padding-left: 23px;
}
.new-listing a, .new-listing span {
background-image: url(“https://www.autotraderclassics.com/img/theme1/shared/icons/new-listing.gif”);
background-repeat: no-repeat;
padding-left: 23px;
}
.image-count, .image-count span {
background: url(“/img/theme1/modules/media/photos.gif”) no-repeat scroll left top transparent;
width: 19px;
}
.video a, .video span {
background-image: url(“https://www.autotraderclassics.com/img/theme1/shared/icons/video.gif”);
padding-left: 23px;
}
.video-count {
background: url(“/img/theme1/modules/media/videos.gif”) no-repeat scroll left top transparent;
width: 16px;
}
.visit-partner a, .visit-partner span {
background-image: url(“https://www.autotraderclassics.com/img/theme1/shared/icons/partnersite.gif”);
padding-left: 22px;
}
.image-count, .video-count {
color: #FFFFFF !important;
display: block;
font-size: 8px;
height: 13px;
line-height: 15px;
margin-right: 10px;
text-align: center;
}
.add-member-car a, .add-member-car span {
background-image: url(“https://www.autotraderclassics.com/img/theme1/shared/icons/add-member-car.gif”);
padding-left: 31px;
}
.add-an-event a, .add-an-event span {
background-image: url(“https://www.autotraderclassics.com/img/theme1/shared/icons/add-an-event.gif”);
padding-left: 25px;
}
.upload-media a, .upload-media span {
background-image: url(“https://www.autotraderclassics.com/img/theme1/shared/icons/upload-p-v.gif”);
padding-left: 23px;
}
.map a, .map span {
background: url(“https://www.autotraderclassics.com/img/theme1/shared/icons/mapdirections.gif”) no-repeat scroll 0 50% transparent;
line-height: 13px;
padding-left: 24px;
}
.recentActivities {
margin: 0;
padding: 0 10px;
}
.recentActivities li {
background-position: 0 17px;
background-repeat: no-repeat;
border-top: 1px solid #EBEBEB;
display: block;
font-size: 0.75em;
list-style-type: none;
padding-bottom: 15px;
padding-left: 31px;
padding-top: 15px;
word-wrap: break-word;
}
.recentActivity .module-body .c {
padding: 0 8px 0 5px;
}
.recentActivities .AddMemberCar {
background-image: url(“https://www.autotraderclassics.com/img/theme1/shared/icons/member-car.gif”);
}
.recentActivities .AddCarForSale {
background-image: url(“https://www.autotraderclassics.com/img/theme1/shared/icons/for-sale-car.gif”);
}
.recentActivities .AddFavoriteCarForSale {
background-image: url(“https://www.autotraderclassics.com/img/theme1/shared/icons/favorited.gif”);
}
.recentActivities .AddFavoriteMemberCar {
background-image: url(“https://www.autotraderclassics.com/img/theme1/shared/icons/favorited.gif”);
}
.recentActivities .AddFavoriteEvent {
background-image: url(“https://www.autotraderclassics.com/img/theme1/shared/icons/favorited.gif”);
}
.recentActivities .AddFavoritePart {
background-image: url(“https://www.autotraderclassics.com/img/theme1/shared/icons/favorited.gif”);
}
.recentActivities .AddFavoriteDealer {
background-image: url(“https://www.autotraderclassics.com/img/theme1/shared/icons/favorited.gif”);
}
.recentActivities .AddEvent {
background-image: url(“https://www.autotraderclassics.com/img/theme1/shared/icons/calendar “);
}
.recentActivities .AddFriend {
background-image: url(“https://www.autotraderclassics.com/img/theme1/shared/icons/added-friend.gif”);
}
.recentActivities .AddMemberCarComment {
background-image: url(“https://www.autotraderclassics.com/img/theme1/shared/icons/comment.gif”);
}
.recentActivities .AddUserComment {
background-image: url(“https://www.autotraderclassics.com/img/theme1/shared/icons/comment.gif”);
}
.recentActivities .AddPhotoComment {
background-image: url(“https://www.autotraderclassics.com/img/theme1/shared/icons/comment.gif”);
}
.recentActivities .AddVideoComment {
background-image: url(“https://www.autotraderclassics.com/img/theme1/shared/icons/comment.gif”);
}
.recentActivities .AddArticleComment {
background-image: url(“https://www.autotraderclassics.com/img/theme1/shared/icons/comment.gif”);
}
.recentActivities .AddEventComment {
background-image: url(“https://www.autotraderclassics.com/img/theme1/shared/icons/comment.gif”);
}
#commentsDiv-loginDropdown, #commentsDiv-postButton a {
font-size: 12px;
line-height: 24px;
text-transform: uppercase;
}
#commentsDiv {
padding: 10px 0 0 10px;
}
.action-options {
padding: 15px 0;
}
.part-action-options li {
line-height: 27px;
}
.user-info-badge .hd .c, .user-info-badge .ft .c {
font-size: 1px;
height: auto !important;
min-height: 16px;
}
.user-info-badge .hd {
background: url(“https://www.autotraderclassics.com/img/theme1/modules/user-info/user-info-top.gif”) no-repeat scroll 0 0 transparent;
padding-left: 110px;
}
.user-info-badge .hd .c {
background: url(“https://www.autotraderclassics.com/img/theme1/modules/user-info/user-info-top.gif”) no-repeat scroll right 0 transparent;
}
.user-info-badge .bd {
background: url(“https://www.autotraderclassics.com/img/theme1/modules/user-info/user-info-middle.gif”) repeat-y scroll 0 0 transparent;
padding-left: 15px;
}
.user-info-badge .bd .c {
background: url(“https://www.autotraderclassics.com/img/theme1/modules/user-info/user-info-middle.gif”) repeat-y scroll right 0 transparent;
padding: 0 15px 0 0;
}
.user-info-badge .ft {
background: url(“https://www.autotraderclassics.com/img/theme1/modules/user-info/user-info-bot.gif”) no-repeat scroll 0 0 transparent;
}
.user-info-badge .ft .c {
background: url(“https://www.autotraderclassics.com/img/theme1/modules/user-info/user-info-bot.gif”) no-repeat scroll right 0 transparent;
margin-left: 15px;
padding-right: 110px;
}
div.user-info-badge div.c h3 {
color: #0066CC;
font-weight: bold;
margin: 0 0 10px;
text-align: center;
text-transform: capitalize;
}
div.user-info-badge a {
font-weight: bold;
}
div.user-info-badge div.c p {
font-size: 0.75em;
}
div.user-details {
float: left;
width: 175px;
}
div.user-info-badge div.c div.img {
display: block;
float: left;
margin: 40px 0 0 10px;
}
div.user-info-badge div.c div.img img {
height: 35px;
width: 80px;
}
div.user-info-badge div.c div.info {
margin: 0 0 0 110px;
}
div.user-info-badge div.c div.info p img.badge {
margin: 0 5px 0 0;
}
div.user-info-badge div.c div.info ul {
border-top: 1px solid #C9C9C9;
font-size: 0.75em;
list-style-type: none;
margin: 5px 0 0;
padding: 5px 0 0;
}
div.user-info-badge div.c div.info ul li {
padding: 2px 0;
}
.user-info-panel .hd .c, .user-info-panel .ft .c {
font-size: 1px;
height: auto !important;
min-height: 16px;
}
.user-info-panel .hd {
background: url(“https://www.autotraderclassics.com/img/theme1/modules/user-info/user-info-top.gif”) no-repeat scroll 0 0 transparent;
padding-left: 110px;
}
.user-info-panel .hd .c {
background: url(“https://www.autotraderclassics.com/img/theme1/modules/user-info/user-info-top.gif”) no-repeat scroll right 0 transparent;
margin-left: 15px;
}
.user-info-panel .bd {
background: url(“https://www.autotraderclassics.com/img/theme1/modules/user-info/user-info-middle.gif”) repeat-y scroll 0 0 transparent;
padding-left: 15px;
}
.user-info-panel .bd .c {
background: url(“https://www.autotraderclassics.com/img/theme1/modules/user-info/user-info-middle.gif”) repeat-y scroll right 0 transparent;
padding: 0 15px 0 0;
}
.user-info-panel .ft {
background: url(“https://www.autotraderclassics.com/img/theme1/modules/user-info/user-info-bot.gif”) no-repeat scroll 0 0 transparent;
}
.user-info-panel .ft .c {
background: url(“https://www.autotraderclassics.com/img/theme1/modules/user-info/user-info-bot.gif”) no-repeat scroll right 0 transparent;
margin-left: 15px;
padding-right: 110px;
}
.user-info-panel.member .hd {
background-image: url(“https://www.autotraderclassics.com/img/theme1/modules/user-info/member-info-top.gif”);
padding: 0;
}
.user-info-panel.member .hd .c {
background-image: url(“https://www.autotraderclassics.com/img/theme1/modules/user-info/member-info-top.gif”);
text-align: center;
}
.user-info-panel.member .bd {
background-image: url(“https://www.autotraderclassics.com/img/theme1/modules/user-info/member-info-middle.gif”);
}
.user-info-panel.member .bd .c {
background-image: url(“https://www.autotraderclassics.com/img/theme1/modules/user-info/member-info-middle.gif”);
}
.user-info-panel.member .ft {
background-image: url(“https://www.autotraderclassics.com/img/theme1/modules/user-info/member-info-bot.gif”);
}
.user-info-panel.member .ft .c {
background-image: url(“https://www.autotraderclassics.com/img/theme1/modules/user-info/member-info-bot.gif”);
padding: 0;
text-align: center;
}
.user-info-panel .member-marks-bottom {
margin-top: 5px;
}
.user-info-panel .bd .c a {
font-weight: bold;
}
.user-info-panel .bd .c ul.standard-list {
border-top: 1px solid #CCCCCC;
font-size: 0.75em;
list-style-type: none;
margin: 0;
}
.user-info-panel .bd .c ul.badges {
border-top: 1px solid #CCCCCC;
padding: 5px 0;
}
.user-info-panel .bd .c ul.standard-list li p, .user-info-panel .bd .c ul.standard-list li table {
font-size: 1em;
margin: 5px 0 0;
}
.user-info-panel .bd .c div.top {
overflow: hidden;
padding: 0;
}
.user-info-panel .bd .c div.top div.left {
float: left;
}
.user-info-panel .bd .c div.top div.left div.avatar {
margin: 5px 10px 5px 0;
}
.user-info-panel .bd .c div.top div.left div.avatar img {
}
.user-info-panel .bd .c div.top div.right {
padding: 0 10px 0 120px;
text-align: left;
}
.user-info-panel .bd .c div.top div.right address, .user-info-panel .bd .c div.top div.right p {
margin: 0 0 5px;
}
.user-info-panel .bd .c div.bottom {
margin: 0;
}
.user-info-panel .bd .c .full-map {
border-top: 1px solid #CCCCCC;
height: 150px;
margin: 10px 0;
padding: 10px 0;
}
.user-info-panel .bd .c .map {
border-top: 1px solid #CCCCCC;
padding: 8px 0;
}
.user-info-panel .bd .c .map img {
margin-bottom: 5px;
}
.user-info-panel .bd .c .dealer-detail {
border-top: 1px solid #CCCCCC;
padding: 5px 0;
}
div.user-info-panel a {
font-weight: bold;
}
div.user-info-panel h3 a {
display: block;
}
.user-info-panel .avatar, .user-info-panel .user-info {
float: left;
margin-left: 10px;
}
.user-info-panel .icon-links {
border-top: 1px solid #C8D1DB;
margin-top: 10px;
padding-top: 10px;
}
.user-info-panel .title {
font-weight: bold;
padding: 0 10px 15px 0;
}
.overdrive-ad {
margin: -6px auto 5px -1px;
}
.featured-ads img, .featured-ads p, .featured-ads iframe {
margin: 0 auto;
}
.featured-ad .atx-ad p {
margin-left: 11px;
}
.featured-ad-header {
margin-left: 5%;
margin-right: 95%;
}
.featured-ad-header img {
display: block;
margin-top: -8px;
}
.featured-ads-container .ad-text {
margin-left: 20px;
}
.featured-ad {
margin: 10px;
}
.featured-ad a {
display: block;
}
.featured-ad .atx-image {
margin: 0 auto;
}
.featured-ad iframe {
background: url(“https://www.autotraderclassics.com/img/theme1/modules/featured-ads/ad-bg-blue1 “) no-repeat scroll 0 0 transparent;
display: block;
height: 167px;
margin: 0 auto;
padding: 9px;
width: 149px;
}
.featured-ad.featured-vehicle-ad img {
background: url(“https://www.autotraderclassics.com/img/theme1/modules/featured-ads/ad-bg-blue1 “) no-repeat scroll 0 0 transparent;
display: block;
height: 113px;
margin: 0 auto;
padding: 9px;
width: 148px;
}
.featured-ad p {
color: #666666;
font-size: 0.625em;
line-height: 100%;
margin-left: 6px;
}
.featured-ad p.title {
font-size: 1em;
font-weight: bold;
}
.featured-ad p.price {
font-size: 0.875em;
font-weight: bold;
}
.SRPads {
background: url(“/img/theme1/modules/searchResultsAds/srp-bg.gif”) no-repeat scroll 0 0 transparent;
float: left;
height: 250px;
margin: 3px;
padding: 20px;
width: 640px;
}
#featuredAd300x250 {
display: inline-block;
margin-left: -32px;
margin-right: 3px;
margin-top: 11px;
}
.liner-ad {
border-top: 1px solid #DEDEDE;
padding: 11px 11px 23px;
}
.searched-for {
margin: 9px 0 20px;
padding: 0 10px;
}
.searched-for .action-button-container {
margin: 10px 0 5px;
}
.searched-for .searched-params {
margin: 0;
}
.searched-for .searched-params li {
font-size: 0.75em;
font-weight: bold;
list-style-type: none;
margin-bottom: 5px;
}
.searched-for p {
clear: both;
font-size: 0.6875em;
text-align: right;
}
#sell-vehicle h3 {
font-size: 0.875em;
padding: 12px 0 5px;
}
#sell-vehicle .action-button-container {
margin: 10px 0 5px;
}
#sell-vehicle p {
clear: both;
font-size: 0.75em;
}
.vdp-image-viewer {
background: none repeat scroll 0 0 #000000;
border: 1px solid #E0E0E0;
height: 473px;
overflow: hidden;
position: relative;
width: 632px;
}
.vdp-head-tabs {
background: url(“/img/theme1/modules/vdpImageView/heading.gif”) no-repeat scroll left top transparent;
height: 32px;
width: 634px;
}
.videoactive {
background-position: 0 -32px !important;
}
.novideo {
background-position: 0 -64px !important;
}
.videoonly {
background-position: 0 -96px !important;
}
.vdp-head-tabs ul {
margin-left: 0;
}
.vdp-head-tabs li {
color: #000000;
cursor: pointer;
float: left;
font-size: 0.6875em;
font-weight: bold;
height: 32px;
line-height: 37px;
list-style: none outside none;
text-indent: 41px;
width: 115px;
}
.vdp-head-tabs li.enlarge {
background: url(“https://www.autotraderclassics.com/img/theme1/modules/vdpImageView/zoom “) no-repeat scroll left top transparent;
float: right !important;
text-indent: -999em;
}
.vdp-head-tabs li.zoomout {
background: url(“https://www.autotraderclassics.com/img/theme1/modules/vdpImageView/zoomout “) no-repeat scroll left top transparent;
text-indent: -999em;
}
.vdp-head-tabs li.inactiveIvTab {
color: #FFFFFF;
}
.article-image-viewer {
background: none repeat scroll 0 0 #000000;
border: 1px solid #E0E0E0;
height: 457px;
overflow: hidden;
position: relative;
width: 610px;
}
.vdp-outer-carousel {
background: url(“https://www.autotraderclassics.com/img/theme1/components/carousel/slideshow_bg.gif”) no-repeat scroll left top transparent;
height: 81px;
width: 100%;
}
.vdp-carousel {
width: 458px;
}
.vdp-carousel-slidebox {
height: 62px;
margin: 10px 0 0;
}
.vdp-carousel-slidebox li {
background: none repeat scroll 0 0 #666666;
border: 2px solid #000000;
height: 58px;
margin-right: 12px;
width: 78px;
}
.vdp-carousel-slidebox li.active {
border: 2px solid #FFFFFF;
}
.vdp-carousel-slideleft {
background: url(“https://www.autotraderclassics.com/img/theme1/components/carousel/slideshow_page.gif”) no-repeat scroll 50% 0 transparent;
height: 30px;
margin-top: 26px;
width: 58px;
}
.vdp-carousel-slideright {
background: url(“https://www.autotraderclassics.com/img/theme1/components/carousel/slideshow_page.gif”) no-repeat scroll 50% -30px transparent;
height: 30px;
margin-top: 26px;
width: 52px;
}
.vdp-carousel-slideshow {
background: url(“https://www.autotraderclassics.com/img/theme1/components/carousel/slideshow_play_button “) no-repeat scroll 0 0 transparent;
height: 67px;
width: 56px;
}
.vdp-carousel-slideshow-stop {
background: url(“https://www.autotraderclassics.com/img/theme1/components/carousel/slideshow_stop_button “) no-repeat scroll 0 0 transparent;
height: 67px;
width: 56px;
}
.vdp-carousel-slideshow-pause {
background: url(“https://www.autotraderclassics.com/img/theme1/components/carousel/slideshow_pause_button “) no-repeat scroll 0 0 transparent;
height: 67px;
width: 56px;
}
.article-outer-carousel {
background: url(“https://www.autotraderclassics.com/img/theme1/components/carousel/slideshow_bg.gif”) no-repeat scroll -21px 0 transparent;
height: 81px;
width: 611px;
}
.article-carousel {
width: 436px;
}
.article-carousel-slidebox {
height: 62px;
margin: 10px 0 0;
}
.article-carousel-slidebox li {
background: none repeat scroll 0 0 #666666;
border: 2px solid #000000;
height: 55px;
margin-right: 11px;
width: 74px;
}
.article-carousel-slidebox li.active {
border: 2px solid #FFFFFF;
}
.article-carousel-slideleft {
background: url(“https://www.autotraderclassics.com/img/theme1/components/carousel/slideshow_page.gif”) no-repeat scroll 50% 0 transparent;
height: 30px;
margin-top: 26px;
width: 58px;
}
.article-carousel-slideright {
background: url(“https://www.autotraderclassics.com/img/theme1/components/carousel/slideshow_page.gif”) no-repeat scroll 50% -30px transparent;
height: 30px;
margin-top: 26px;
width: 52px;
}
.article-carousel-slideshow {
background: url(“https://www.autotraderclassics.com/img/theme1/components/carousel/slideshow_play_button “) no-repeat scroll 0 0 transparent;
height: 67px;
width: 56px;
}
.article-carousel-slideshow-stop {
background: url(“https://www.autotraderclassics.com/img/theme1/components/carousel/slideshow_stop_button “) no-repeat scroll 0 0 transparent;
height: 67px;
width: 56px;
}
.article-carousel-slideshow-pause {
background: url(“https://www.autotraderclassics.com/img/theme1/components/carousel/slideshow_pause_button “) no-repeat scroll 0 0 transparent;
height: 67px;
width: 56px;
}
.featuredCars-outer-carousel {
background: url(“https://www.autotraderclassics.com/img/theme1/components/featuredcarflow/featuredCarsBg.gif”) no-repeat scroll left top #FFFFFF;
height: 280px;
margin-bottom: 5px;
width: 100%;
}
.featuredCars-carousel {
height: 200px;
width: 550px;
}
.featuredCars-carousel-slidebox {
height: 62px;
margin: 0 0 0 2px;
}
.featuredCars-carousel-slidebox li {
background: none repeat scroll 0 0 #666666;
cursor: default;
height: 120px;
width: 182px;
}
.featuredCars-carousel-slidebox li.active {
border: 2px solid #FFFFFF;
}
.featuredCars-outer-carousel .carousel-button {
height: 20px;
width: 19px;
}
.featuredCars-carousel-slideleft {
background: url(“https://www.autotraderclassics.com/img/theme1/components/featuredcarflow/featuredCars-button.gif”) no-repeat scroll 50% 0 transparent;
margin-left: 1px;
margin-top: 100px;
visibility: hidden;
}
.featuredCars-carousel-slideright {
background: url(“https://www.autotraderclassics.com/img/theme1/components/featuredcarflow/featuredCars-button.gif”) no-repeat scroll 50% -20px transparent;
margin-top: 100px;
}
.featuredCars-carousel li img {
display: block;
height: 116px;
padding-bottom: 3px;
width: 158px;
}
#categoryHeaderContainer {
margin: 0 auto;
width: 550px;
}
#categoryHeaderContainer img {
margin-top: 10px;
}
#featuredCars.atx-module {
margin-bottom: 0;
}
#featuredCars.atx-module .module-body .c {
height: 225px;
padding: 0 0 0 9px;
}
#featuredCars-content {
padding: 4px 0;
}
.featuredCars-carousel .title, .owner, .seller {
word-wrap: break-word;
}
.featuredCars-outer-carousel .title {
color: #333333;
display: block;
font-size: 15px;
height: 31px;
min-height: 31px;
overflow: hidden;
position: relative;
width: 158px;
}
.featuredCars-outer-carousel .owner {
color: #666666;
margin-top: -3px;
}
.featuredCars-carousel .seller {
font-size: 13px;
height: 26px;
overflow: hidden;
}
.featuredCars-outer-carousel .owner .availableAt {
cursor: default;
font-size: 10px;
}
.featuredCars-outer-carousel .owner p {
margin-top: -2px;
}
.seller a {
color: #666666;
}
#categoryFooter {
background: url(“https://www.autotraderclassics.com/img/theme1/components/featuredcarflow/allLinksBg.gif”) no-repeat scroll 0 0 transparent;
float: left;
height: 30px;
margin-left: 21px;
width: 550px;
}
#categoryFooter .horiz-nav {
font-size: 0.875em;
font-weight: bold;
margin-top: 5px;
text-align: right;
text-transform: uppercase;
}
#categoryFooter li#allClassics {
padding-left: 75px;
}
#categoryFooter li#allExotics {
padding-left: 94px;
}
#categoryFooter #allPerformance {
padding-left: 45px;
}
.compare-container {
padding-left: 10px;
}
.compare-container .action-button-wrapper, .compare-container p {
float: left;
}
.compare-container p {
color: #333333;
font-weight: bold;
line-height: 19px;
margin-left: 10px;
}
.compare .atx-ad {
float: right;
margin: 20px 0 10px;
}
.comparison {
float: left;
width: 80%;
}
.comparison .compare-label, .comparison .compare-data {
padding: 10px 20px;
width: 25%;
}
.comparison .compare-label {
color: #666666;
font-size: 0.75em;
font-weight: bold;
text-transform: uppercase;
}
.comparison .compare-data, .comparison .blurb {
color: #666666;
font-size: 0.6875em;
font-weight: normal;
text-transform: none;
}
.comparison .title {
font-size: 0.8125em;
font-weight: bold;
}
.comparison .highlighted {
background-color: #F0F0F0;
}
.comparison .seperator td {
height: 4px;
line-height: 4px;
}
.comparison .top-seperator td {
background-color: #F8F8F8;
}
.comparison .bottom-seperator td {
background-color: #E2E2E2;
}
div.atx-module div.module-body div.c div.help-commercial-dealer {
padding: 10px;
}
div.atx-module div.module-body div.c div.help-commercial-dealer p {
color: #666666;
font-size: 0.8em;
}
div.atx-module div.module-body div.c div.help-commercial-dealer p strong {
font-size: 1.2em;
}
div.atx-module div.module-body div.c div.help-commercial-dealer p.message {
margin: 0 0 25px;
}
.modal-overlay {
background: none repeat scroll 0 0 #000000;
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: 9999;
}
.modal-interupt {
height: 24px;
left: 40%;
padding: 0.3em;
position: fixed;
top: 45%;
width: 24px;
z-index: 99999;
}
p.interupt-text {
color: #CCCCCC;
font-size: 2.85em;
font-weight: bold;
left: 43%;
position: fixed;
text-transform: uppercase;
top: 43.58%;
z-index: 999999;
}
.modal {
position: absolute;
z-index: 10000;
}
.atx-modal {
height: 100%;
position: relative;
}
.modal-tc {
background: url(“https://www.autotraderclassics.com/img/theme1/components/modal/tc “) no-repeat scroll left top transparent;
float: left;
height: 22px;
left: -24px;
position: relative;
width: 24px;
}
.modal-top {
background: url(“https://www.autotraderclassics.com/img/theme1/components/modal/tb “) no-repeat scroll right top transparent;
height: 22px;
margin-left: 24px;
}
.modal-close {
background: url(“https://www.autotraderclassics.com/img/theme1/components/modal/close-button “) no-repeat scroll right top transparent;
cursor: pointer;
height: 42px;
position: absolute;
right: -10px;
top: -15px;
width: 42px;
z-index: 100;
}
.modal-bc {
background: url(“https://www.autotraderclassics.com/img/theme1/components/modal/bc “) no-repeat scroll left top transparent;
float: left;
height: 21px;
left: -24px;
position: relative;
width: 24px;
}
.modal-bottom {
background: url(“https://www.autotraderclassics.com/img/theme1/components/modal/bb “) no-repeat scroll right top transparent;
height: 21px;
margin-left: 24px;
}
.modal-content {
background: url(“https://www.autotraderclassics.com/img/theme1/components/modal/left “) repeat-y scroll left top transparent;
height: 100%;
}
.modal-content-r {
background: url(“https://www.autotraderclassics.com/img/theme1/components/modal/right “) repeat-y scroll right top transparent;
height: 100%;
margin-left: 11px;
}
.atx-modal-content {
padding: 10px 30px 10px 20px;
}
.modal-hide {
display: none;
}
.modal-content {
position: relative;
}
.modal-wrap {
padding: 10px;
}
.modal-wrap h3 {
margin-bottom: 10px;
}
.modal-wrap .modal-image {
float: left;
margin-right: 10px;
}
.modal-wrap form {
bottom: 0;
position: absolute;
right: 25px;
}
.modal-wrap .action-button-wrapper {
float: left;
margin-left: 10px;
}
.support-image {
float: left;
margin-right: 10px;
padding-top: 3px;
}
.supportBox .link-list {
line-height: 0.9em;
}
.supportBox .makeBold {
font-weight: bold;
padding-bottom: 2px;
}
.supportBox .phNo {
font-size: 1.3em;
}
.contact-info h3 {
font-size: 0.875em;
margin-top: 2px;
padding: 2px 0 0;
}
.contact-info .subheading {
color: #000000;
font-size: 0.7em;
padding: 2px 25px 0 0;
}
.friend-request-listing {
border-top: 1px solid #EBEBEB;
padding: 20px;
}
.friend-request-listing .col0 {
margin-right: 10px;
}
.friend-request-listing .col2 {
float: right;
padding-top: 70px;
text-align: center;
width: 70px;
}
.delete-favorites p {
line-height: 26px;
}
.favorite-previews .first {
clear: left;
}
.favorite-preview {
padding-bottom: 20px;
width: 48%;
}
.favorite-preview .col0 {
padding-left: 10px;
width: 18px;
}
.favorite-preview .col1 {
padding-left: 10px;
width: 120px;
}
.favorite-preview .col2 {
padding: 0 10px;
width: 115px;
}
.favorite-preview .title {
font-size: 0.75em;
}
.favorite-preview .add-favorite {
margin-top: 5px;
}
li.right p.add-favorite, li.right icon-link {
font-size: 100%;
}
.friend-previews {
padding: 0 10px;
}
.friend-previews .first {
clear: left;
}
.friend-preview {
border: 0 none;
padding-bottom: 40px;
width: 33%;
}
.friend-preview .col0 {
margin-right: 5px;
}
.friend-preview .username {
margin-bottom: 2px;
word-wrap: break-word;
}
.event-preview .title {
font-size: 0.9375em;
font-weight: bold;
}
#interestEvents .col0 {
width: 4%;
}
.media-preview {
padding: 0 18px;
width: 160px;
}
.media-preview .title {
display: block;
font-size: 0.75em;
font-weight: bold;
margin-top: 10px;
}
.shared-favorite-preview img {
float: left;
padding-right: 10px;
}
.shared-favorite-preview .username {
color: #195FB7;
}
.dealer-car-preview {
margin-bottom: 10px;
}
.dealer-car-preview .atx-image {
display: block;
height: 120px !important;
}
.quick-links {
margin: 10px 0;
}
.quick-links li {
padding: 0 5px;
}
.quick-links li.first {
border-right: 1px solid #CCCCCC !important;
}
.quick-links a {
font-size: 0.75em;
}
.quick-links .action-quick-link {
float: right;
}
.comnment-listing {
border-top: 1px solid #CCCCCC;
padding: 15px 0;
}
.comment-listing .col1 {
padding-right: 15px;
width: 16%;
}
.comment-listing .col2 {
width: 60%;
}
.comment-listing .col0 {
margin: 0 10px;
}
* html .module-body .horizontal-innertube .comment-listing div.col0 {
width: 100px;
}
:first-child + html .module-body .horizontal-innertube .comment-listing div.col0 {
width: 100px;
}
.comment-listing .comment-body {
height: auto !important;
min-height: 73px;
padding: 5px 0;
word-wrap: break-word;
}
.comment-listing .title {
color: #333333;
font-size: 0.75em;
font-weight: bold;
}
.subscription-listing .col0 {
width: 18px;
}
.subscription-listing .col1, .subscription-listing .col0 {
margin-right: 10px;
}
.subscription-listing .col2 {
width: 75%;
}
.featured-subscription-listing .col2 {
width: 70%;
}
.subscribeMagazines {
float: right;
margin-right: -60px;
margin-top: -20px;
padding: 0 0 5px 5px;
}
#otherMagFeaturemagHeader {
margin-top: 6px;
}
.magsDescription {
padding-top: 9px;
}
.subscriptionsTitle {
font-size: 1.4em;
line-height: 85%;
white-space: normal;
width: 30ex;
}
#subscriptions search-result:first-child, #subscriptions .search-result.first {
padding-top: 0;
}
.buyers-listing {
height: 105px !important;
position: relative;
}
.buyers-listing .col0 {
float: left;
margin-right: 10px;
}
#guides .buyers-listing .col0 {
float: left;
width: 25%;
}
#guides .buyers-listing .col1 {
float: left;
width: 54%;
}
#resources .buyers-listing .col0 {
float: left;
width: 20%;
}
#resources .buyers-listing .col1 {
float: left;
width: 61%;
}
.buyers-listing .col2 {
float: right;
text-align: right;
}
.buyers-listing .col2 .action-button-wrapper {
right: 15px;
}
.buyers-listing .price {
font-size: 1.125em;
font-weight: bold;
}
.event-listing .col0 {
width: 10%;
}
.event-listing .col1 {
width: 60%;
}
.event-listing .col2 {
float: right;
width: 27%;
}
.event-listing .listing-number {
font-size: 1.5em;
font-weight: bold;
text-align: center;
}
.event-listing .title {
font-size: 0.9375em;
font-weight: bold;
word-wrap: break-word;
}
.event-listing .event-info {
font-size: 0.8125em;
font-weight: bold;
}
.event-listing .location {
font-weight: bold;
text-transform: capitalize;
}
.event-listing .event-options a {
padding-right: 10px;
}
#submitEvent {
display: block;
padding: 0 25px;
}
#submitEvent .form-column {
width: 80px;
}
#submitEvent .input-container input, #submitEvent .skinned-select-content {
}
#submitEvent .extended .input-container input, #submitEvent .extended .skinned-select-content {
width: 440px;
}
#submitEvent .extended textarea {
width: 425px;
}
#submitEvent .radio-buttons {
height: 40px;
}
#submitEvent .radio-buttons td {
padding-right: 5px;
vertical-align: bottom;
}
#submitEvent .form-column .skinned-select-content {
width: auto;
}
.all-media-controls label {
display: block;
font-weight: bold;
margin: 0 0 0.3em;
padding: 0;
}
.all-media-controls .photo-controls {
border-right: 1px solid #CCCCCC;
padding: 0.2em 25px 0.6em 0;
width: auto;
}
.all-media-controls .video-controls {
padding: 0.2em 0 0.6em 30px;
width: auto;
}
div.album {
border-bottom: 1px solid #DEDEDE;
}
div.album ul.horiz-nav, div.album dl, div.media-listing ul.horiz-nav {
clear: right;
margin: 0.5em 0;
}
div.album ul.horiz-nav li.first, div.media-listing ul.horiz-nav li.first {
border-right: 1px solid #CCCCCC !important;
margin-right: 0.5em;
padding-right: 0.5em;
}
div.album dl dt, div.album dl dd {
float: left;
}
div.album dl dt {
font-weight: bold;
width: 15%;
}
div.album dl dd {
width: 35%;
}
div.album .album-thumb {
margin-right: 20px;
width: 140px;
}
div.album .album-data {
width: 440px;
}
div.album div.album-photo-count, div.album div.album-video-count, div.result-info li.album-video-count, div.result-info li.album-photo-count {
color: #FFFFFF;
float: left;
font-size: 8px;
height: 13px;
line-height: 13px;
margin-top: 15px;
text-align: center;
}
div.result-info li.album-video-count, div.result-info li.album-photo-count {
margin: 0 8px 0 0;
}
div.album div.album-photo-count, div.result-info li.album-photo-count {
background: url(“/img/theme1/modules/media/photos.gif”) no-repeat scroll left top transparent;
margin-right: 8px;
width: 19px;
}
div.album div.album-video-count, div.result-info li.album-video-count {
background: url(“/img/theme1/modules/media/videos.gif”) no-repeat scroll left top transparent;
width: 16px;
}
.album-controls, .media-player {
margin: 0 3px;
overflow: hidden;
}
.media-player .media-position, .media-player .ext-media-position {
float: left;
width: 535px;
}
.media-player .ext-media-position {
margin-left: 30px;
}
.media-player .media-position p, .media-player .ext-media-position p {
background-color: transparent;
border: medium none;
color: #000000;
font-weight: bold;
padding: 0.5em;
text-align: center;
}
.media-player .carousel-buttons {
padding: 0.5em;
}
.media-player .carousel-button {
float: left;
margin: 0;
padding: 0;
width: 30px;
}
.media-player .carousel-button a {
display: block;
height: 30px;
overflow: hidden;
text-indent: -99999px;
width: 30px;
}
.album-controls p, .media-player p {
background-color: #EFEFEF;
border: 1px solid #CCCCCC;
clear: both;
padding: 2em;
}
.album-controls p.logged-in {
margin-bottom: 5px;
position: relative;
top: 5px;
}
.media-controls {
margin-bottom: 5px;
}
div.media-listing {
float: left;
font-size: 0.75em;
height: 195px;
margin-bottom: 75px;
margin-right: 45px;
position: relative;
width: 170px;
}
div.media-listing ul {
bottom: 0;
left: 0;
position: absolute;
}
div.photo-grid div.last {
margin-right: 0;
}
div.media-listing img.videoIdentifier {
background-color: #FFFFFF;
left: 1px;
padding: 3px;
position: absolute;
top: 1px;
}
#photoDetailViewer {
height: 465px;
}
p.deleteConfirmation {
margin: 5px 0 20px;
}
p.modalInstructions {
margin-top: 5px;
}
li.delete-link {
font-size: 0.75em;
line-height: 2.2em;
margin-right: 1em;
}
dl.uploadSteps dt, dl.uploadSteps dd {
display: block;
margin-bottom: 10px;
}
dl.uploadSteps dt {
clear: left;
float: left;
font-weight: bold;
padding-left: 6px;
width: 60px;
}
dl.uploadSteps dd {
float: left;
width: 534px;
}
p.formatDisclaimer {
clear: both;
}
#selectedMedia h3, #selectedAlbum h3 {
padding-left: 2%;
}
iframe.video-post-frame {
display: none;
}
#videoUploadForm #folderSelectors {
position: relative;
top: -2.5em;
}
#videoUploadForm #folderSelectors .errormsg {
position: absolute;
}
form#brightcoveUploadForm {
position: relative;
top: 5.7em;
}
form#brightcoveUploadForm.notFull {
top: 0;
}
.grid {
background-color: #FFFFFF;
border: 1px solid #CCCCCC;
padding: 0.5em;
}
.gridCell {
border: 1px solid #CCCCCC;
float: left;
margin: 0 10px 10px 0;
position: relative;
width: 82px;
}
.gridCell .image-wrapper {
background-color: #DEDEDE;
border: 1px solid #CCCCCC;
height: 76px;
margin: 2px;
overflow: hidden;
width: 76px;
}
.gridCell .position {
background-color: #0066CC;
color: #FFFFFF;
display: block;
font-size: 0.9em;
font-weight: bold;
left: 0;
padding: 0.1em 0.3em;
position: absolute;
top: 0;
}
.fs-left-column table {
width: 190px;
}
.fs-right-column table {
width: 390px;
}
#folderSelectors {
clear: both;
}
.selectionWrapper {
margin: 10px 0;
width: 600px;
}
.selectionRow {
margin-bottom: 10px;
overflow: hidden;
}
.selectionRow .radio, .selectionRow .input {
float: left;
}
.selectionRow .radio {
overflow: hidden;
padding-top: 10px;
position: relative;
width: 200px;
}
.selectionRow .radio label {
padding-left: 25px;
}
.selectionRow .radio input {
left: 0;
position: absolute;
top: 9px;
}
.selectionRow .input {
width: 390px;
}
.photo-upload-container {
margin-bottom: 10px;
}
a.mediaCancelLink {
display: block;
float: left;
margin: 0.5em 0 0 2em;
}
.ad-wrapper .hd .c, .ad-wrapper .ft .c {
font-size: 1px;
height: auto !important;
min-height: 15px;
}
.ad-wrapper .hd {
background: url(“https://www.autotraderclassics.com/img/theme1/components/adWrapper/ad-top “) no-repeat scroll 0 0 transparent;
margin-right: 15px;
padding-left: 15px;
}
.ad-wrapper .hd .c {
background: url(“https://www.autotraderclassics.com/img/theme1/components/adWrapper/ad-top “) no-repeat scroll right 0 transparent;
margin: 0 -15px 0 15px;
}
.ad-wrapper .bd {
background: url(“https://www.autotraderclassics.com/img/theme1/components/adWrapper/ad-middle.gif”) repeat-y scroll 0 0 transparent;
padding-left: 15px;
}
.ad-wrapper .bd .c {
background: url(“https://www.autotraderclassics.com/img/theme1/components/adWrapper/ad-middle.gif”) repeat-y scroll right 0 transparent;
padding: 0 15px 0 0;
}
.ad-wrapper .ft {
background: url(“https://www.autotraderclassics.com/img/theme1/components/adWrapper/ad-bot “) no-repeat scroll 0 0 transparent;
margin-right: 15px;
}
.ad-wrapper .ft .c {
background: url(“https://www.autotraderclassics.com/img/theme1/components/adWrapper/ad-bot “) no-repeat scroll right 0 transparent;
margin: 0 -15px 0 15px;
padding-right: 15px;
}
.ad-wrapper {
position: relative;
}
.ad-wrapper iframe {
display: block;
margin: 0 auto;
}
.ad-text {
color: #999999;
font-size: 0.625em;
}
.ad-wrapper .ad-text {
left: 15px;
position: absolute;
top: 0;
}
.atx-ad {
display: block;
margin-left: auto;
margin-right: auto;
}
.atx-ad-inactive {
display: none;
}
.member-car-list {
margin-left: 0;
}
.member-car-list li {
float: left;
list-style-type: none;
padding-bottom: 10px;
width: 48%;
}
.member-car-list li img {
border: 1px solid #ABABAB;
display: block;
float: left;
margin-right: 15px;
}
.member-car-list li a {
font-size: 0.875em;
font-weight: bold;
line-height: 40px;
}
.garage-member-listing, .garage-sale-listing {
padding-bottom: 10px;
}
.garage-member-listing .module-exit-link, .garage-sale-listing .module-exit-link {
clear: both;
}
.garage-member-listing .column, .garage-sale-listing .column {
margin: 0 0 10px 3%;
}
.garage-member-listing.first, .garage-sale-listing.first {
margin-top: 0;
}
.garage-member-listing .description {
height: 96px;
}
.garage-sale-listing .col1 {
width: 73%;
}
.garage-member-listing .col1 {
width: 62%;
}
.garage-sale-listing .ad-specs, .garage-sale-listing .title, .garage-member-listing .title, .garage-sale-listing .mileage, .garage-member-listing .mileage {
padding-bottom: 10px;
}
.garage-sale-listing .ad-details {
float: right;
padding: 0 0 10px 10px;
width: 200px;
}
.garage-sale-listing .ad-status {
color: #FF0000;
}
#carsForSale.garage-sale-listings .modal {
height: 200px !important;
}
.noPhotoWarning {
font-size: 11px;
padding-bottom: 3px;
}
.dealer-sale-listing .col0 {
width: 160px;
}
.dealer-sale-listing .col1 {
width: 62%;
}
.dealer-sale-listing {
padding-bottom: 10px;
}
.dealer-sale-listing .module-exit-link {
clear: both;
}
.dealer-sale-listing .column {
margin: 0 0 10px 3%;
}
.dealer-sale-listing.first {
margin-top: 0;
}
.dealer-member-listing .description {
height: 96px;
}
.dealer-sale-listing .ad-specs, .dealer-sale-listing .title, .dealer-sale-listing .mileage {
padding-bottom: 10px;
}
.updateAvatar .col1 {
margin-left: 10px;
width: 80%;
}
.prototip-link {
background: url(“/img/theme1/shared/icons/question-mark.gif”) no-repeat scroll 100% 50% transparent;
line-height: 17px;
padding-right: 17px;
}
.prototip p, .prototip dl, .prototip dt, .prototip dd, .prototip pre, .prototip input, .prototip textarea, .prototip blockquote, .prototip cite, .prototip label, .prototip select, .prototip a, .prototip .fakeCheckbox, .prototip .errormsg {
font-size: 1em;
}
.contact-us {
width: 66%;
}
.triviaAnswer {
padding: 15px 0;
}
.triviaAnswer .radio-buttons td {
padding-bottom: 15px;
}
.saved-search-listing .header {
background: url(“https://www.autotraderclassics.com/img/theme1/modules/saved-searches/ac-header.gif”) repeat-x scroll 0 100% transparent;
border-top: 1px solid #DEDEDE;
height: 80px;
padding: 15px 15px 15px 45px;
position: relative;
}
.saved-search-listing .title {
color: #333333;
font-size: 0.875em;
font-weight: bold;
}
.saved-search-listing .header .form-row {
width: 46%;
}
.saved-search-listing .skinned-select-content {
float: left;
}
.saved-search-listing .header .toggle {
color: #0066CC;
display: block;
font-size: 0.75em;
position: absolute;
right: 15px;
top: 50px;
}
.saved-search-listing .header .node {
cursor: pointer;
left: 30px;
position: absolute;
top: 50px;
z-index: 100;
}
.saved-search-listing .header .node .toggle {
right: 0;
top: 0;
}
.saved-search-listing .header .node .plus {
background: url(“https://www.autotraderclassics.com/img/theme1/shared/icons/plus.gif”) no-repeat scroll 0 0 transparent;
height: 15px;
width: 15px;
}
.saved-search-listing .header .node .minus {
background: url(“https://www.autotraderclassics.com/img/theme1/shared/icons/minus.gif”) no-repeat scroll 0 0 transparent;
height: 15px;
width: 15px;
}
.saved-search-listing .content {
padding: 15px;
position: relative;
}
.saved-search-listing .optin-fakeCheckbox {
display: block;
margin-bottom: 5px;
}
.saved-search-listing .updateSearch {
background: none repeat scroll 0 0 #FFFFFF;
border-right: 1px solid #DEDEDE;
float: left;
margin-right: 15px;
padding-right: 15px;
width: 285px;
}
.saved-search-listing .criteria ul {
border-top: 1px solid #DEDEDE;
list-style-type: none;
margin: 5px 0 0;
padding-top: 5px;
}
.saved-search-listing .criteria li {
font-weight: bold;
padding-bottom: 10px;
}
#saved-searches-container {
padding-bottom: 25px;
padding-top: 25px;
}
#saved-searches-container #savedSearches {
float: left;
padding-right: 50px;
width: 350px;
}
#saved-searches-container .user-shortcuts {
float: right;
}
#saved-searches-container .text {
list-style-type: none;
margin: 10px 0 0;
}
#saved-searches-container .text li {
padding-bottom: 10px;
}
#savedSearches .heading {
float: left;
font-size: 0.875em;
font-weight: bold;
}
#savedSearches .manage-link {
float: right;
}
#savedSearches .sub-heading {
margin: 10px 0;
}
#savedSearches .saved-search-select {
float: left;
margin-right: 5px;
}
.ratings .hd .c, .ratings .ft .c {
height: auto !important;
min-height: 14px;
padding: 0;
}
.ratings .hd {
background: url(“https://www.autotraderclassics.com/img/theme1/modules/ratings/ratings-bg-top.gif”) no-repeat scroll left 0 transparent;
}
.ratings .hd .c {
background: url(“https://www.autotraderclassics.com/img/theme1/modules/ratings/ratings-bg-top.gif”) no-repeat scroll right 0 transparent;
margin-left: 15px;
}
.ratings .bd {
background: url(“https://www.autotraderclassics.com/img/theme1/modules/ratings/ratings-bg-middle.gif”) repeat-y scroll 0 0 transparent;
padding: 0;
}
.ratings .bd .c {
background: url(“https://www.autotraderclassics.com/img/theme1/modules/ratings/ratings-bg-middle.gif”) repeat-y scroll right 0 transparent;
margin-left: 1px;
padding: 0;
}
.ratings .ft {
background: url(“https://www.autotraderclassics.com/img/theme1/modules/ratings/ratings-bg-bot.gif”) no-repeat scroll 0 0 transparent;
}
.ratings .ft .c {
background: url(“https://www.autotraderclassics.com/img/theme1/modules/ratings/ratings-bg-bot.gif”) no-repeat scroll right 0 transparent;
margin-left: 15px;
}
* html .rating-container, * html .ratings .hd .c, * html .ratings .ft .c {
font-size: 1px;
}
.ratings-wrapper {
padding: 0 20px;
}
.ratings .display-rating {
float: left;
}
.ratings .display-rating p, .ratings .display-rating .rating-container, .ratings .submit-rating p, .ratings .submit-rating .rating-container {
float: left;
}
* html .rating-container, * html .ratings .hd .c, * html .ratings .ft .c {
font-size: 1px;
}
.ratings-wrapper {
padding: 0 20px;
}
.ratings .submit-rating {
float: right;
margin-top: 3px;
}
.ratings .rating-title {
margin-right: 10px;
}
.ratings .display-rating p {
font-size: 1em;
font-weight: bold;
line-height: 19px;
}
.ratings .submit-rating p {
font-weight: bold;
line-height: 14px;
}
.horiz-nav .rating-container {
float: left;
}
#MemberSRPRating {
margin-left: 32px;
}
.feedback .col0 {
width: 65%;
}
.feedback .col1 {
float: right;
width: 33%;
}
.radio-buttons label {
padding: 0 10px 0 5px;
}
.radio-buttons input {
vertical-align: middle;
}
.sitemap .column {
padding-right: 8%;
width: 25% !important;
}
.sitemap .column.col1 {
padding-right: 8%;
width: 21% !important;
}
.sitemap .tripleColumn .column.col2.resources {
width: 29% !important;
}
.sitemap h2 {
font-size: 1.125em;
}
.sitemap h3 {
color: #666666;
font-size: 0.875em;
}
.sitemap .sub-title {
font-weight: bold;
}
.toplist-items {
}
.toplist-items .list-item {
border-top: 1px solid #DEDEDE;
clear: both;
padding: 20px 15px;
}
.toplist-items .list-item:first-child {
border: 0 none;
}
.toplist-items .list-item .rank {
color: #333333;
float: left;
font-size: 2em;
font-weight: bold;
}
.toplist-items .list-item .image {
float: left;
}
.toplist-items .list-item .image img {
border: 1px solid #DEDEDE;
height: 90px;
margin: 0 30px;
width: 120px;
}
.toplist-items .list-item .title {
color: #333333;
float: left;
font-size: 1.125em;
font-weight: bold;
}
.toplist-items .list-item .body {
float: left;
width: 385px;
}
* html .toplist-items .list-item .body {
float: none;
}
.toplist-items .list-item .link {
clear: both;
text-align: right;
}
.driving-directions .popup-header {
padding: 10px;
}
.driving-directions .popup-header h1 {
font-size: 1em;
}
.driving-directions .popup-header h1 span {
display: block;
font-size: 1.75em;
}
.driving-directions .column-group .col0 {
float: left;
padding-right: 10px;
width: 200px;
}
.driving-directions .column-group .col1 {
float: left;
width: 570px;
}
.driving-directions .separated {
border-top: 1px solid #000000;
margin: 0;
padding-top: 15px;
}
.driving-directions .direction-step {
margin: 10px 0;
}
.driving-directions #directions * {
font-size: 12px;
}
:first-child + html .splash #page-header-container {
height: 0;
}
* html .splash #page-header-container {
height: 0;
}
#findSellTabber .tabber-secondary .form-row, #findSellTabber .tabber-secondary .cancel-columns .form-column {
}
#findSellTabber .tabber-secondary .module-body .c {
height: auto !important;
min-height: 232px;
padding: 3px 5px 0;
}
#findSellTabber .search-columns {
padding-bottom: 0;
}
#findSellTabber .search-columns .form-column {
padding-bottom: 6px;
}
#findSellTabber .form-column {
margin-right: 0;
}
#findSellTabber .column-group .col0 {
width: 57%;
}
#findSellTabber .column-group .col1 {
width: 41%;
}
#findSellTabber #findVehicles .from-column {
clear: left;
width: 125px;
}
#findSellTabber .distance-column {
width: 100%;
}
#findSellTabber .sell-vehicle .module-exit-section {
margin-top: 8px;
}
#eventsTabber .horiz-preview .image-container {
min-height: 117px;
}
#eventsTabber .horiz-preview {
height: 270px;
}
#findVehicles label .fromExample, #findService label .fromExample, #findDealer label .fromExample {
font-size: 0.7273em;
font-style: italic;
}
#findFrom label {
width: 150px;
}
#eventsTabber .findEventForm {
height: 229px;
}
.module-header span a#buyersGuide {
color: #FFFFFF;
}
#browseAuctions.separated {
border-color: #EBEBEB;
}
.searchForm .column.col1 {
display: inline;
float: right;
margin-right: 55px;
width: auto;
}
.searchForm .search-columns .form-column {
width: 180px;
}
.searchForm #findService .distance-column, .searchForm #findDealer .distance-column {
width: 110px;
}
.searchForm #findService .from-column, .searchForm #findDealer .from-column {
width: 161px;
}
.searchForm #findService .action-column {
float: right;
width: 40px;
}
.result-tower-ads .atx-ad .ad-text {
margin-left: 21px;
}
.result-tower-ads .atx-ad iframe {
display: block;
margin: 0 auto 6px;
}
.results-page .classicIdSearch {
text-align: right;
}
.provider-listing .favoriteDealerSRP .add-favorite, .provider-listing .favoriteDealerSRP .favorited {
float: right;
}
.vehicle-title .price, .vehicle-title .no-price, .part-title .price, .part-title .no-price {
margin-left: 20px;
}
.owner-disclaimer {
font-size: 0.6875em;
}
#SIcustomAdContainer .atx-module .module-body .c {
padding: 7px 8px 0 5px;
}
.emailSeller .column, .emailSeller .doubleColumn .column.col1 {
float: none;
}
#buyersToolsTabber-tab-content {
width: 628px;
}
#buyersToolsTabber .column-group {
height: 60px;
padding: 15px 15px 5px;
width: 595px;
}
#buyersToolsTabber .col1 {
width: 57%;
}
#buyersToolsTabber img.logo {
height: 60px;
width: 120px;
}
#buyersToolsTabber .description {
padding: 0 15px;
}
#buyersToolsTabber.tabber .module-body .c {
padding: 0;
}
#buyersToolsTabber .action-button-wrapper {
padding-top: 15px;
}
#buyersToolsTabber #toolsTabber-tab-content .ship {
height: auto !important;
}
#buyersToolsTabber .ship .column-group.initial {
padding: 0;
width: 78.5%;
}
#buyersToolsTabber .ship .column-group.initial .col0 {
width: 55%;
}
#buyersToolsTabber .ship .column-group.initial .col1 {
width: 15%;
}
#buyersToolsTabber .ship .column-group.initial .col2 {
width: 28%;
}
#buyersToolsTabber #toolsTabber-tab-content .ship .result.clearfix {
display: block !important;
}
.ship {
padding: 15px 15px 5px;
}
.ship .sponsored {
font-size: 11px;
font-weight: normal;
padding-top: 5px;
}
.ship .input-container {
width: 50px;
}
.ship .user-form label {
font-weight: normal;
text-transform: none;
}
.ship .shipPrice {
font-size: 16px;
font-weight: bold;
}
.ship .initial .errormsg {
width: 180px;
}
.focused {
font-weight: bold;
}
.focused span {
color: #333333;
}
.ship .learnMore {
padding-top: 4px;
}
.most-rated img.result-image {
display: none;
}
.findEventForm .col0 {
width: 63%;
}
#eventDate {
margin-left: 30px;
}
#pushup {
background: none repeat scroll 0 0 #FFFFC6;
border: 1px solid #B0DFC8;
font-family: Arial,Helvetica,sans-serif;
margin: 0;
padding: 4px;
position: fixed;
right: 10px;
text-decoration: none;
top: 200px;
z-index: 9999;
}
* html #pushup {
position: absolute;
}
#pushup * {
background: none repeat scroll 0 0 transparent;
border: 0 none;
margin: 0;
padding: 0;
}
.withReminder {
padding-bottom: 6px;
}
#pushup a {
outline-style: none;
text-decoration: none;
}
#pushup .pushup_messageLink {
color: #4293CD;
cursor: pointer;
float: left;
font-size: 12px;
position: relative;
}
#pushup .pushup_icon {
float: left;
height: 22px;
margin-right: 5px;
overflow: hidden;
position: relative;
vertical-align: middle;
width: 22px;
}
#pushup .pushup_message {
float: left;
line-height: 22px;
margin-right: 3px;
position: relative;
vertical-align: middle;
}
#pushup .pushup_reminder {
clear: both;
color: #84A2AC;
cursor: pointer;
float: left;
font-size: 10px;
margin-left: 27px;
}
#pushup .pushup_messageLink:hover, #pushup .pushup_reminder:hover {
text-decoration: underline;
}
.dealerChat {
margin-top: 10px;
}
#srp-progress {
min-height: 1000px;
text-align: center;
}
#loader-container, #sipAd-container {
margin: 0 auto;
}
#loader-container {
width: 25px;
}
#sipAd-container {
width: 640px;
}
.sipAd {
background: url(“/img/theme1/modules/searchResultsAds/srp-bg.gif”) no-repeat scroll 0 0 transparent;
height: 250px;
margin: 3px;
padding: 20px;
width: 640px;
}
#findModelInfo .required-label {
margin-top: 0;
}
.rounded-corner-container {
height: auto !important;
min-height: 1%;
overflow: hidden;
position: relative;
}
.rounded-corner {
display: block;
height: 9px;
position: absolute;
width: 9px;
z-index: 1000;
}
.rounded-upper-left-corner {
background: url(“/img/theme1/shared/rounded-upper-left “) no-repeat scroll 0 0 transparent;
left: 0;
top: 0;
}
.rounded-upper-right-corner {
background: url(“/img/theme1/shared/rounded-upper-right “) no-repeat scroll 0 0 transparent;
right: 0;
top: 0;
}
.rounded-lower-left-corner {
background: url(“/img/theme1/shared/rounded-bottom-left “) no-repeat scroll center bottom transparent;
bottom: 0;
left: 0;
}
.rounded-lower-right-corner {
background: url(“/img/theme1/shared/rounded-bottom-right “) no-repeat scroll center bottom transparent;
bottom: 0;
right: 0;
}
.carousel {
float: left;
overflow: hidden;
position: relative;
}
ul.carousel-slidebox {
float: left;
list-style: none outside none;
position: relative;
width: 100000px;
}
* html ul.carousel-slidebox {
height: 1%;
}
ul.carousel-slidebox li {
cursor: pointer;
float: left;
position: relative;
}
.carousel-button {
cursor: pointer;
float: left;
}
.carousel-count {
background: url(“/img/theme1/components/carousel/slideshow_imagecount.gif”) repeat-x scroll left top #CCCCCC;
border-bottom: 1px solid #666666;
border-left: 1px solid #666666;
border-right: 1px solid #666666;
font-size: 0.6875em;
height: 15px;
text-align: center;
}
div.carousel-caption {
background: none repeat scroll 0 0 #000000;
color: #FFFFFF;
font-size: 0.75em;
font-weight: bold;
height: 25px;
line-height: 25px;
padding-left: 10px;
position: absolute;
width: 100%;
z-index: 10;
}
.cufon-canvas {
text-indent: 0 !important;
}
.cufon-canvas {
display: inline-block !important;
font-size: 1px !important;
line-height: 1px !important;
position: relative !important;
vertical-align: middle !important;
}
.cufon-canvas .cufon-alt {
display: inline-block !important;
height: 0 !important;
overflow: hidden !important;
text-indent: -10000in !important;
width: 0 !important;
}
.cufon-canvas canvas {
position: relative !important;
}
.cufon-canvas {
padding: 0 !important;
}
.cufon-canvas canvas {
display: none !important;
}
.cufon-canvas .cufon-alt {
display: inline !important;
}

autotrader/index.jsp

OVERVIEW

Required Information

YEAR

Select Year
Select Year
2014
2013
2012
2011
2010
2009
2008
2007
2006
2005
2004
2003
2002
2001
2000
1999
1998
1997
1996
1995
1994
1993
1992
1991
1990
1989
1988
1987
1986
1985
1984
1983
1982
1981
1980
1979
1978
1977
1976
1975
1974
1973
1972
1971
1970
1969
1968
1967
1966
1965
1964
1963
1962
1961
1960
1959
1958
1957
1956
1955
1954
1953
1952
1951
1950
1949
1948
1947
1946
1945
1944
1943
1942
1941
1940
1939
1938
1937
1936
1935
1934
1933
1932
1931
1930
1929
1928
1927
1926
1925
1924
1923
1922
1921
1920
1919
1918
1917
1916
1915
1914
1913
1912
1911
1910
1909
1908
1907
1906
1905
1904
1903
1902
1901
1900
1899
1898
1897
1896
1895
1894
1893
1892
1891
1890
1889
1888
1887
1886

MAKE

MODEL

SPECIFICATIONS

PRICE

MILEAGE

STATUS

Select Status
Select Status
Finished
Parts
Project

BODY STYLE

Select Body Style
Select Body Style
Convertible
Coupe
Fastback
Hatchback
Hearse
Limousine
Other
Sedan
Sport Utility (SUV)
Truck
Van
Wagon

CATEGORY

Select Category
Select Category
American Classics
Antiques
Classic Trucks
Exotics
Hot Rods & Customs
Import Classics
Kit Cars & Replicas
Modern Performance
Muscle & Pony Cars
Race Cars

Drive Train

Color

DRIVE TYPE

Select Drive Type
Select Drive Type
2 wheel drive
2 wheel drive – front
2 wheel drive – rear
4 wheel drive
4 wheel drive – front
4 wheel drive – rear
All wheel drive
Other
Unknown

ENGINE

Select Engine
Select Engine
1 Cylinder
2 Cylinder
3 Cylinder
4 Cylinder
5 Cylinder
6 Cylinder
8 Cylinder
10 Cylinder
12 Cylinder
16 Cylinder
Flat 4
Flat 6
Flat 8
Inline 4
Inline 5
Inline 6
Inline 8
Inline 10
Inline 12
V-4
V-6
V-8
V-10
V-12
Electric
Hybrid
Rotary Engine
No Engine
Other
Other Inline Engines
Other “V” Engines
Unavailable

TRANSMISSION

Select Transmission
Select Transmission
2 Speed Automatic
2 Speed Manual
3 Speed Automatic
3 Speed Automatic with Overdrive
3 Speed Manual
4 Speed Automatic
4 Speed Automatic with Overdrive
4 Speed Automatic with Electronic Overdrive
4 Speed Shiftable Automatic
4 Speed Manual
4 Speed Manual with Overdrive
5 Speed Automatic
5 Speed Automatic with Overdrive
5 Speed Automatic with Electronic Overdrive
5 Speed Shiftable Automatic
5 Speed Manual
5 Speed Manual with Overdrive
6 Speed Automatic
6 Speed Shiftable Automatic
6 Speed Manual
7 Speed Automatic
7 Speed Shiftable Automatic
8 Speed Manual
8 Speed Automatic
8 Speed Shiftable Automatic
Automatic
Automatic with Overdrive
Manual
Continuously Variable Automatic
No Transmission
Unavailable
Unknown

EXTERIOR COLOR

Select Exterior Color
Select Exterior Color
Beige
Black
Blue
Brown
Burgundy
Charcoal
Gold
Gray
Green
Off White
Orange
Other
Pink
Purple
Red
Silver
Tan
Turquoise
Unavailable
White
Yellow

INTERIOR COLOR

Select Interior Color
Select Interior Color
Beige
Black
Blue
Brown
Burgundy
Charcoal
Gold
Gray
Green
Off White
Orange
Other
Pink
Purple
Red
Silver
Tan
Turquoise
Unavailable
White
Yellow

OPTIONS

Select all options that apply.

SAFETY

Alarm System

Anti-lock Brakes

Side Airbags

Driver Airbag

Passenger Airbag

COMFORT & CONVENIENCE

Tilt Wheel

Power Mirrors

Cruise Control

Power Brakes

Power Steering

Power Door Locks

Air Conditioning

AUDIO

Cassette Player

CD Changer

AM/FM Radio

AM Radio

CD Player

8-Track Player

SEATS

Power Seats

Leather Seats

Child Seat

WINDOWS

Power Windows

Rear Window Defroster

Tinted Glass

Sunroof / Moonroof

OTHER FEATURES

Custom Wheels

Rear Spoiler

Towing Package

ONLINE AD COMMENTS

Here’s where you get to tell the story of your car. We’ve already captured the year, make and model, so focus more on unique selling points.
The first 150 characters in the box below will appear on the Search Results listing, where your ad may compete with similar vehicles for sale. It’s one of the most important parts of your ad, so be sure to provide information that will encourage people to contact you.
You can type your comments in the space below, or add popular selling phrases from the list on the right. Click one phrase at a time and press the “Add” arrow. Or to select multiple phrases at once, hold down the “Ctrl” button, click on your choices and then press “Add”.

ENTER ONLINE AD COMMENTS:

 

 

of 4000 characters allowed

  
  

USE OUR HELPFUL SELLING POINTS

All scheduled maintenance
Always garaged
Custom Wheels
Fully loaded
GPS system
Highway miles
Ice cold A/C
Looks & runs great
Low mileage
Maintenance records available
Must see
Never seen snow
New paint
New tires
No accidents
Non-smoker
One owner
Perfect first car
Performance tires
Power everything
Runs & drives great
Satellite radio
Still under factory warranty
Upgraded sound system
Very clean interior
Well maintained

autotrader/META-INF/MANIFEST.MF
Manifest-Version: 1.0
Class-Path:

autotrader/src/autotrader/AutotraderServlet.java
autotrader/src/autotrader/AutotraderServlet.java
package
 autotrader
;

import
 java
.
io
.
BufferedWriter
;

import
 java
.
io
.
File
;

import
 java
.
io
.
FileWriter
;

import
 java
.
io
.
IOException
;

import
 java
.
io
.
PrintWriter
;

import
 java
.
text
.
SimpleDateFormat
;

import
 java
.
util
.
Date
;

import
 javax
.
servlet
.
ServletException
;

import
 javax
.
servlet
.
http
.
HttpServlet
;

import
 javax
.
servlet
.
http
.
HttpServletRequest
;

import
 javax
.
servlet
.
http
.
HttpServletResponse
;

@
SuppressWarnings
(
“serial”
)

public
 
class
 
AutotraderServlet
 
extends
 
HttpServlet
 
{

    
/**

     * The doPost method of the servlet. 

     *

     * This method is called when a form has its tag value method equals to post.

     * 

     * 
@param
 request the request send by the client to the server

     * 
@param
 response the response send by the server to the client

     * 
@throws
 ServletException if an error occurred

     * 
@throws
 IOException if an error occurred

     */

    
public
 
void
 doPost
(
HttpServletRequest
 request
,
 
HttpServletResponse
 response
)

            
throws
 
ServletException
,
 
IOException
 
{

        

        writeInfor
(
request
,
 response
);

        writeComments
(
request
,
 response
);

        

        request
.
getRequestDispatcher
(
“/index.jsp”
).
forward
(
request
,
 response
);

        

    
}

    

    
private
 
void
 writeInfor
(
HttpServletRequest
 request
,
 
HttpServletResponse
 response
){

        
try
 
{

            
File
 file 
=
 
new
 
File
(
getInitParameter
(
“folder”
)
 
+
 getInitParameter
(
“file1”
)
  
+
 
“.txt”
);

 

            
// if file does not exists, then create it

            
if
 
(
!
file
.
exists
())
 
{

                file
.
createNewFile
();

            
}

 

            
FileWriter
 fw 
=
 
new
 
FileWriter
(
file
.
getAbsoluteFile
());

            
BufferedWriter
 bw 
=
 
new
 
BufferedWriter
(
fw
);

            

            
String
 year 
=
 request
.
getParameter
(
“cardetails:year”
);

            
String
 make 
=
 request
.
getParameter
(
“cardetails:make”
);

            
String
 model 
=
 request
.
getParameter
(
“cardetails:model”
);

            bw
.
write
(
“Field name Year       ”
 
+
 year 
+
 
“\n”
);

            bw
.
write
(
“Field name Make       ”
 
+
 make 
+
 
“\n”
);

            bw
.
write
(
“Field name Model      ”
 
+
 model
+
 
“\n”
);

            bw
.
write
(
“Field name Price      ”
 
+
 request
.
getParameter
(
“cardetails:price_quick_deco:price_quick”
)
 
+
 
“\n”
);

            bw
.
write
(
“Field name Mileage    ”
 
+
 request
.
getParameter
(
“cardetails:mileage_quick_deco:mileage_quick”
)
 
+
 
“\n”
);

            bw
.
write
(
“Field name status     ”
 
+
 request
.
getParameter
(
“cardetails:status_quick”
)
 
+
 
“\n”
);

            bw
.
write
(
“Field name body style ”
 
+
 request
.
getParameter
(
“cardetails:bodyCode_quick”
)
 
+
 
“\n”
);

            bw
.
write
(
“Field name category   ”
+
request
.
getParameter
(
“cardetails:category_quick”
)
 
+
 
“\n”
);

            bw
.
write
(
“Field name drive type ”
+
request
.
getParameter
(
“cardetails:driveCode_quick”
)
 
+
 
“\n”
);

            bw
.
write
(
“Field name engine     ”
+
request
.
getParameter
(
“cardetails:engineCode_quick”
)
 
+
 
“\n”
);

            bw
.
write
(
“Field name TRANSMISSION   ”
 
+
 request
.
getParameter
(
“cardetails:transmissionCode_quick”
)
 
+
 
“\n”
);

            bw
.
write
(
“Field name EXTERIOR COLOR ”
 
+
 request
.
getParameter
(
“cardetails:exteriorColorCode_quick”
)
 
+
 
“\n”
);

            bw
.
write
(
“Field name INTERIOR COLOR ”
 
+
 request
.
getParameter
(
“cardetails:interiorColorCode_quick”
)
 
+
 
“\n”
);

            

            
String
[]
 checkedIds 
=
 request
.
getParameterValues
(
“cardetails:safety”
);

            
String
 checkedIdsStr 
=
 
“”
;

            
if
 
(
checkedIds 
!=
 
null
){

                
for
 
(
String
 s
:
 checkedIds
){

                    checkedIdsStr 
+=
 s 
+
 
” ”
;

                
}

            
}

            

            bw
.
write
(
“Alarm System          ”
 
+
 
(
checkedIdsStr
.
indexOf
(
“0”
)
 
>=
 
0
)
 
+
 
“\n”
);

            bw
.
write
(
“Anti-lock Brakes      ”
 
+
 
(
checkedIdsStr
.
indexOf
(
“1”
)
 
>=
 
0
)
 
+
 
“\n”
);

            bw
.
write
(
“Side Airbags          ”
 
+
 
(
checkedIdsStr
.
indexOf
(
“2”
)
 
>=
 
0
)
 
+
 
“\n”
);

            bw
.
write
(
“Driver Airbag         ”
 
+
 
(
checkedIdsStr
.
indexOf
(
“3”
)
 
>=
 
0
)
 
+
 
“\n”
);

            bw
.
write
(
“Passenger Airbag      ”
 
+
 
(
checkedIdsStr
.
indexOf
(
“4”
)
 
>=
 
0
)
 
+
 
“\n”
);

              

            checkedIds 
=
 request
.
getParameterValues
(
“cardetails:comfort”
);

            checkedIdsStr 
=
 
“”
;

            
if
 
(
checkedIds 
!=
 
null
){

                
for
 
(
String
 s
:
 checkedIds
){

                    checkedIdsStr 
+=
 s 
+
 
” ”
;

                
}

            
}

            bw
.
write
(
“Tilt Wheel            ”
 
+
 
(
checkedIdsStr
.
indexOf
(
“0”
)
 
>=
 
0
)
 
+
 
“\n”
);

            bw
.
write
(
“Power Mirrors         ”
 
+
 
(
checkedIdsStr
.
indexOf
(
“1”
)
 
>=
 
0
)
 
+
 
“\n”
);

            bw
.
write
(
“Cruise Control        ”
 
+
 
(
checkedIdsStr
.
indexOf
(
“2”
)
 
>=
 
0
)
 
+
 
“\n”
);

            bw
.
write
(
“Power Brakes          ”
 
+
 
(
checkedIdsStr
.
indexOf
(
“3”
)
 
>=
 
0
)
 
+
 
“\n”
);

            bw
.
write
(
“Power Steering        ”
 
+
 
(
checkedIdsStr
.
indexOf
(
“4”
)
 
>=
 
0
)
 
+
 
“\n”
);

            bw
.
write
(
“Power Door Locks      ”
 
+
 
(
checkedIdsStr
.
indexOf
(
“5”
)
 
>=
 
0
)
 
+
 
“\n”
);

            bw
.
write
(
“Air Conditioning      ”
 
+
 
(
checkedIdsStr
.
indexOf
(
“6”
)
 
>=
 
0
)
 
+
 
“\n”
);

            

            checkedIds 
=
 request
.
getParameterValues
(
“cardetails:sound”
);

            checkedIdsStr 
=
 
“”
;

            
if
 
(
checkedIds 
!=
 
null
){

                
for
 
(
String
 s
:
 checkedIds
){

                    checkedIdsStr 
+=
 s 
+
 
” ”
;

                
}

            
}

            

            bw
.
write
(
“Cassette Player      ”
 
+
 
(
checkedIdsStr
.
indexOf
(
“0”
)
 
>=
 
0
)
 
+
 
“\n”
);

            bw
.
write
(
“CD Changer           ”
 
+
 
(
checkedIdsStr
.
indexOf
(
“1”
)
 
>=
 
0
)
 
+
 
“\n”
);

            bw
.
write
(
“AM/FM Radio          ”
 
+
 
(
checkedIdsStr
.
indexOf
(
“2”
)
 
>=
 
0
)
 
+
 
“\n”
);

            bw
.
write
(
“AM Radio             ”
 
+
 
(
checkedIdsStr
.
indexOf
(
“3”
)
 
>=
 
0
)
 
+
 
“\n”
);

            bw
.
write
(
“CD Player            ”
 
+
 
(
checkedIdsStr
.
indexOf
(
“4”
)
 
>=
 
0
)
 
+
 
“\n”
);

            bw
.
write
(
“8-Track Player       ”
 
+
 
(
checkedIdsStr
.
indexOf
(
“5”
)
 
>=
 
0
)
 
+
 
“\n”
);

            

            checkedIds 
=
 request
.
getParameterValues
(
“cardetails:seat”
);

            checkedIdsStr 
=
 
“”
;

            
if
 
(
checkedIds 
!=
 
null
){

                
for
 
(
String
 s
:
 checkedIds
){

                    checkedIdsStr 
+=
 s 
+
 
” ”
;

                
}

            
}

            

            bw
.
write
(
“Power Seats           ”
 
+
 
(
checkedIdsStr
.
indexOf
(
“0”
)
 
>=
 
0
)
 
+
 
“\n”
);

            bw
.
write
(
“Leather Seats         ”
 
+
 
(
checkedIdsStr
.
indexOf
(
“1”
)
 
>=
 
0
)
 
+
 
“\n”
);

            bw
.
write
(
“Child Seat            ”
 
+
 
(
checkedIdsStr
.
indexOf
(
“2”
)
 
>=
 
0
)
 
+
 
“\n”
);

            

            checkedIds 
=
 request
.
getParameterValues
(
“cardetails:windows”
);

            checkedIdsStr 
=
 
“”
;

            
if
 
(
checkedIds 
!=
 
null
){

                
for
 
(
String
 s
:
 checkedIds
){

                    checkedIdsStr 
+=
 s 
+
 
” ”
;

                
}

            
}

            

            bw
.
write
(
“Power Windows         ”
 
+
 
(
checkedIdsStr
.
indexOf
(
“0”
)
 
>=
 
0
)
 
+
 
“\n”
);

            bw
.
write
(
“Rear Window Defroster ”
 
+
 
(
checkedIdsStr
.
indexOf
(
“1”
)
 
>=
 
0
)
 
+
 
“\n”
);

            bw
.
write
(
“Tinted Glass          ”
 
+
 
(
checkedIdsStr
.
indexOf
(
“2”
)
 
>=
 
0
)
 
+
 
“\n”
);

            bw
.
write
(
“Sunroof / Moonroof    ”
 
+
 
(
checkedIdsStr
.
indexOf
(
“3”
)
 
>=
 
0
)
 
+
 
“\n”
);

              

            

            checkedIds 
=
 request
.
getParameterValues
(
“cardetails:other”
);

            checkedIdsStr 
=
 
“”
;

            
if
 
(
checkedIds 
!=
 
null
){

                
for
 
(
String
 s
:
 checkedIds
){

                    checkedIdsStr 
+=
 s 
+
 
” ”
;

                
}

            
}

            

            bw
.
write
(
“Custom Wheels         ”
 
+
 
(
checkedIdsStr
.
indexOf
(
“0”
)
 
>=
 
0
)
 
+
 
“\n”
);

            bw
.
write
(
“Rear Spoiler          ”
 
+
 
(
checkedIdsStr
.
indexOf
(
“1”
)
 
>=
 
0
)
 
+
 
“\n”
);

            bw
.
write
(
“Towing Package        ”
 
+
 
(
checkedIdsStr
.
indexOf
(
“2”
)
 
>=
 
0
)
 
+
 
“\n”
);

            bw
.
close
();

        
}
 
catch
 
(
IOException
 e
)
 
{

            e
.
printStackTrace
();

        
}

    
}

    
private
 
void
 writeComments
(
HttpServletRequest
 request
,
 
HttpServletResponse
 response
){

        
try
 
{

             

            
File
 file 
=
 
new
 
File
(
getInitParameter
(
“folder”
)
 
+
 getInitParameter
(
“file2”
)
 
+
 
“.txt”
);

 

            
// if file does not exists, then create it

            
if
 
(
!
file
.
exists
())
 
{

                file
.
createNewFile
();

            
}

 

            
FileWriter
 fw 
=
 
new
 
FileWriter
(
file
.
getAbsoluteFile
());

            
BufferedWriter
 bw 
=
 
new
 
BufferedWriter
(
fw
);

            bw
.
write
(
request
.
getParameter
(
“cardetails:online-ad-comments”
)
 
+
 
“\n”
);

            bw
.
close
();

 

            

 

        
}
 
catch
 
(
IOException
 e
)
 
{

            e
.
printStackTrace
();

        
}

    
}

}

autotrader/WEB-INF/classes/autotrader/AutotraderServlet.class
package autotrader;
public synchronized class AutotraderServlet extends javax.servlet.http.HttpServlet {
public void AutotraderServlet();
public void doPost(javax.servlet.http.HttpServletRequest, javax.servlet.http.HttpServletResponse) throws javax.servlet.ServletException, java.io.IOException;
private void writeInfor(javax.servlet.http.HttpServletRequest, javax.servlet.http.HttpServletResponse);
private void writeComments(javax.servlet.http.HttpServletRequest, javax.servlet.http.HttpServletResponse);
}

autotrader/WEB-INF/classes/autotrader/make.txt
1:Acura
2:Alfa Romeo
4:Aston Martin
5:Audi
6:Avanti
8:BMW
7:Bentley
81:Bugatti
9:Buick
10:Cadillac
277:Callaway
11:Chevrolet
12:Chrysler
14:DeLorean
15:Dodge
17:Ferrari
19:Ford
20:GMC
114:Gaz
200:Ginetta
244:Gumpert
22:HUMMER
21:Honda
23:Infiniti
122:International Harvester
24:Jaguar
25:Jeep
129:Jensen
238:Koenigsegg
26:Lamborghini
27:Lancia
28:Land Rover
29:Lexus
30:Lincoln
31:Lotus
145:MG
38:MINI
32:Maserati
33:Maybach
34:Mazda
204:McLaren
35:Mercedes-Benz
36:Mercury
39:Mitsubishi
148:Morgan
288:Mosler
154:Nissan
206:Noble
40:Oldsmobile
156:Opel
55:Other Makes
160:Panoz
41:Peugeot
43:Pontiac
44:Porsche
45:Renault
46:Rolls-Royce
169:Rover
228:Ruf
47:Saab
172:Saleen
202:Shelby
205:Spyker
184:Subaru
234:TVR
50:Toyota
52:Volkswagen
53:Volvo
54:Zimmer
48:smart

autotrader/WEB-INF/classes/autotrader/model.txt
#format
#id of make: number : name of model
1:1:Custom
1:2:Integra
1:3:NSX
1:4:Other Acura Models
2:1:Custom
2:2:Other Alfa Romeo Models
4:1:Custom
4:2:Other Aston Martin

autotrader/WEB-INF/web.xml

AutotraderServlet
autotrader.AutotraderServlet

folder
c:/autotrader/

file1
data

file2
comments

AutotraderServlet
/AutotraderServlet

index.jsp