﻿@import url(scroll-navigator.css);
#listing-top {
    margin: 10px 0 10px 0;
    padding: 1px;
    border: 1px solid #D9D9D9;
}
#listing-top-content {
    background: #F0F0F0;
    padding: 10px;
}
#content-header {
    font-weight: bold;
    display: block;
    padding: 0 10px 5px;
    text-decoration: none;
    border: 1px solid #D9D9D9;
    background-color: #FFF;
    color: #666;
    border-radius: 6px;
    -o-border-radius: 6px;
    -icab-border-radius: 6px;
    -khtml-border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    font-weight: bold;
}
.listing-title {
    float: left;
    max-width: 635px;
    font-size: 25px;
    color: #333;
    padding: 10px 10px 5px;
}
#mileage-header {
    float: right;
    width: 185px;
    text-align: right;
    font-size: 19px;
    padding: 15px 0 0;
    color: #999;
}
#seller-pnl {
    border: 1px solid #D9D9D9;
    background-color: #FFF; /*padding: 10px;*/
    margin-bottom: 10px;
    border-radius: 6px;
    -o-border-radius: 6px;
    -icab-border-radius: 6px;
    -khtml-border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    min-height: 97px;
}
#seller-pnl div.price {
    font-size: 25px;
    margin: 14px 0 9px 12px;
    font-weight: bold;
    color: #333;
    float: left;
}
.seller-pnl-top {
    clear: both;
    display: block;
    border-bottom: 1px solid #EEE;
    color: #999;
    font-size: 13px;
    padding: 10px 0 5px 12px;
    font-weight: bold;
}
.seller-pnl-top p {
    float: left;
    padding: 3px 0 0;
}
.seller-pnl-top p span {
    font-size: 15px;
    color: #333;
}
#seller-interact {
    float: right;
    width: 110px;
    padding-right: 10px;
    text-align: right;
    margin-top: 4px;
}
#seller-interact p {
    padding: 5px;
}
/*button*/
.btn {
    text-align: center;
    display: block;
    text-decoration: none;
    border: 1px solid #D9D9D9;
    border-radius: 6px;
    -o-border-radius: 6px;
    -icab-border-radius: 6px;
    -khtml-border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
}
.blue-btn {
    color: #FFF;
    background-color: #0085CF;
}
a.blue-btn:hover {
    background-color: #28B4FF;
    text-decoration: none;
}
.white-btn {
    color: #666;
    background-color: #FCFCFC;
}
a.white-btn:hover {
    background-color: #999;
    color: #FFF;
    text-decoration: none;
}
.green-btn {
    color: #FFF;
    background-color: #93BD10;
}
a.green-btn:hover {
    background-color: #DEF793;
    color: #666;
    text-decoration: none;
}
.reg-btn {
    font-size: 13px;
    height: 18px;
    font-weight: bold;
    padding: 5px 10px;
    margin-right: 5px;
}
.small-btn {
    font-size: 10px;
    height: 13px;
    font-weight: bold;
    padding: 5px 10px;
    margin-right: 5px;
}
.tiny-btn {
    font-size: 10px;
    padding: 2px 10px;
}
.big-btn {
    font-size: 18px;
    height: 22px;
    font-weight: bold;
    padding: 5px 10px;
    margin-right: 5px;
}
/*message box*/

/*button*/
.msg {
    text-align: left;
    display: block;
    font-weight: bold;
    padding: 5px 10px;
    text-decoration: none;
    border: 1px solid #D9D9D9;
    margin-right: 5px;
    border-radius: 4px;
    -o-border-radius: 4px;
    -icab-border-radius: 4px;
    -khtml-border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    background-repeat: no-repeat;
    background-position: 10px 50%;
    padding: 10px 5px 10px 60px;
}
.success-msg {
    color: #666;
    background-color: #FFF;
    border-color: #FFF;
    background-image: url(../i/accept.png);
}
.notice-msg {
    color: #666;
    border-color: #E6EFC2;
    background-color: #FFF6BF;
    background-image: url(../i/warning.png);
}
.reg-msg {
    font-size: 13px;
}
.small-msg {
    font-size: 10px;
}
.big-msg {
    font-size: 18px;
}
#seller-avatar {
    float: left;
    width: 76px;
    height: 76px;
    background-image: url(../i/profile_bg.png);
}
#lSellerPic {
    width: 50px;
    height: 50px;
    border: 2px solid #FFF;
    position: relative;
    top: 11px;
    left: 12px;
}
#seller-info {
    float: right;
    width: 220px;
    font-size: 11px;
    color: #666;
}
#seller-info h3 {
    color: #333;
    margin-bottom: 2px;
    font-size: 20px;
    font-weight: bold;
    margin-top: -3px;
}
#seller-info a.uss {
    background-image: url(../i/ussIcon_s.jpg);
}
#seller-info a.fb_linked {
    background-image: url(../i/fb_24.png);
}
#seller-info p a {
    background-repeat: no-repeat;
    background-position: 0 50%;
    padding: 5px 0 8px 30px;
    display: block;
    font-size: 10px;
}
#lSellerMarketplaceLogo {
    position: relative;
    top: 6px;
}
#feature-pnl {
    font-size: 18px;
    line-height: 25px;
}
#feature-pnl h4 {
    color: #333;
    font-size: 20px;
}
#feature-pnl ol, #feature-pnl ul {
    list-style-position: inside;
    padding: 10px;
}
#feature-pnl ol {
    list-style-type: decimal;
}
#feature-pnl ol li, #feature-pnl ul li {
    line-height: 30px;
}
#iDatascan {
    float: left;
    padding: 10px;
}
.detail-l-pnl {
    float: left;
    width: 350px;
}
.detail-r-pnl {
    float: right;
    width: 550px;
}
.section-content {
    padding: 0 0 30px 0;
}
.section-content h2 {
    font-size: 20px;
    color: #333;
    padding-bottom: 10px;
}
.section-content h3 {
    font-size: 13px;
    color: #333;
    font-weight: bold;
}
.section-content p {
    font-size: 13px;
    color: #666;
    line-height: 20px;
    padding-bottom: 5px;
}
.sellercomment {
    font-style: italic;
    -moz-background-clip: border;
    -moz-background-inline-policy: continuous;
    -moz-background-origin: padding;
    background: transparent url(../i/blockquote_bg.gif) no-repeat scroll left top;
    margin: 15px 30px 10px 10px;
    padding-bottom: 5px;
    padding-left: 30px;
}
.incomplete {
    background-color: #FFF6BF;
}
.noticeImg {
    border: none;
    float: left;
    padding-right: 5px;
}
.col_3, .col_4 {
    float: left;
}
.col_3 {
    width: 150px;
}
.col_4 {
    width: 110px;
    margin-right: 10px;
}
#car_features {
    width: 100%;
    padding-top: 8px;
}
#car_features li {
    width: 160px;
    margin: 0 10px 7px 0;
    float: left;
    font-size: 13px;
    color: #666;
    display: block;
}
.tooltip {
    display: none;
    background-color: #FFFFAA;
    border: 1px solid #cc9;
    padding: 3px;
    font-size: 13px;
    -moz-box-shadow: 2px 2px 11px #666;
    -webkit-box-shadow: 2px 2px 11px #666;
}
#chl_tip, #uss_tip {
    display: none;
    background: transparent url(../i/black_arrow.png);
    height: 93px;
    width: 180px;
    padding: 15px;
    color: #fff;
    font-size: 10px;
}
#pic-cat {
    width: 100%;
    padding: 0 20px;
    min-height: 35px;
}
#pic-cat li {
    width: 85px;
    margin: 0 5px 2px 0;
    float: left;
    font-size: 11px;
    color: #666;
    display: block;
}
#pic-cat li a {
    border: solid 1px #FFF;
    padding: 1px 0 1px 14px;
    text-align: left;
    display: block;
    font-weight: bold;
    text-decoration: none;
    border-radius: 3px;
    -o-border-radius: 3px;
    -icab-border-radius: 3px;
    -khtml-border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    background-image: url(../i/bullet_white.png);
    background-repeat: no-repeat;
    background-position: -2px 50%;
    background-color: #FFF;
    color: #666;
}
#pic-cat li a.selected {
    background-image: url(../i/bullet_green.png);
    background-repeat: no-repeat;
    background-position: -2px 50%;
    background-color: #FFF;
}
#pic-cat li a:hover {
    border: solid 1px #D9D9D9;
    background-color: #F5F5F5;
    color: #333;
}
#car_highlights {
    width: 100%;
}
.cf_service_record {
    background-image: url(../i/car_hl/servicerecord.png) !important;
}
.cf_battery {
    background-image: url(../i/car_hl/battery.jpg) !important;
}
.cf_tire {
    background-image: url(../i/car_hl/tire.png) !important;
}
.cf_clean {
    background-image: url(../i/car_hl/clean.png) !important;
}
.cf_reliable {
    background-image: url(../i/car_hl/maintain.png) !important;
}
.cf_owner {
    background-image: url(../i/car_hl/owner.png) !important;
}
.cf_sell {
    background-image: url(../i/car_hl/sell.jpg) !important;
}
.cf_runperfect {
    background-image: url(../i/car_hl/runperfect.png) !important;
}
.cf_flawless {
    background-image: url(../i/car_hl/flawless.png) !important;
}
.cf_garage {
    background-image: url(../i/car_hl/garage.png) !important;
}
.cf_mpg {
    background-image: url(../i/car_hl/oil.png) !important;
}
.cf_third {
    background-image: url(../i/car_hl/3rd.png) !important;
}
.cf_clutch {
    background-image: url(../i/car_hl/brake.jpg) !important;
}
.cf_lowmil {
    background-image: url(../i/car_hl/mpg.png) !important;
}
.cf_noaccident {
    /*background-image:url(../i/car_hl/noaccident.png) !important;*/
}
.cf_auto {
    background-image: url(../i/car_hl/auto.png) !important;
}
.cf_owner, .cf_tire, .cf_clean, .cf_service_record, .cf_reliable, .cf_runperfect, .cf_flawless, .cf_mpg, .cf_third, .cf_battery, .cf_garage, .cf_clutch, .cf_lowmil, .cf_noaccident, .cf_auto {
    background-position: 0 0 !important;
}
#btn-bookmark {
    display: block;
    min-height: 24px;
}
#btn-bookmark.unsaved {
    background-image: url(../i/add_green.jpg);
    background-repeat: no-repeat;
    background-position: 0 50%;
    padding: 10px 0 0 26px;
    color: #CCC;
}
#btn-bookmark.saved {
    background-image: url(../i/saved.jpg);
    background-repeat: no-repeat;
    background-position: 0 50%;
    padding: 10px 0 0 7px;
    color: #FFF;
}
#btn-bookmark.unsaved:hover {
    text-decoration: none;
    color: #CCC;
}
#btn-bookmark.saved:hover {
    text-decoration: none;
    color: #FFF;
    cursor: default;
}
#car_highlights li {
    width: 205px;
    float: left;
    font-size: 18px;
    color: #666;
    display: block;
    background-image: url(../i/accept.png);
    background-repeat: no-repeat;
    background-position: -3px -5px;
    padding-left: 37px;
    padding-bottom: 10px;
}
#d_aq_load {
    background-image: url(../i/loading.gif);
    min-height: 250px;
    background-repeat: no-repeat;
    background-position: 50% 50%;
}

#divInspection
{
    background-image:url(../i/car-fail-listing.jpg);
    background-position:-16px -11px;
    background-repeat:no-repeat;
    width:500px;
    height:270px;
}

.inspcontent
{
     background-image:url(../i/list_chk.gif);
    background-position:0% 5%;
    background-repeat:no-repeat;   
    color:#666666;
    padding:1px 5px 5px 20px;
    display:block;
    font-size:13px;
}

li a.available {
    background-image: url(../i/accept_16.png);
    background-repeat: no-repeat;
    background-position: 10px 50%;
}
li a.na {
    background-image: url(../i/warning_16.png);
    background-repeat: no-repeat;
    background-position: 10px 50%;
}
#tabAsk {
    /*     background-image: url(../i/question_16.png);     background-repeat: no-repeat;     background-position: 10px 50%;*/
    padding: 5px 20px !important;
}
.btnMsg {
    background-image: url(../i/mail_send_16.png);
    background-repeat: no-repeat;
    background-position: 10px 50%;
    padding-left: 20px;
}
.btnMsg.working, .btnMsg.working:hover {
    background-image: url(../i/ajax-loader.gif);
    background-repeat: no-repeat;
    background-position: 10px 50%;
    background-color: #FFF;
    color: #666;
}
.btnMsg.done, .btnMsg.done:hover {
    background-image: url(../i/accept_16.png);
    background-repeat: no-repeat;
    background-position: 10px 50%;
    background-color: #666;
    color: #FFF;
}
.btnMsg.error, .btnMsg.error:hover {
    background-image: url(../i/warning_16.png);
    background-repeat: no-repeat;
    background-position: 10px 50%;
    background-color: #FFF;
    color: #CC3300;
}
/* Checkboxes */
label.checkbox_checked {
    background: #fff url(../i/bullet_green.png) no-repeat;
    display: block;
    margin: 10px 0;
    padding-left: 25px;
}
label.checkbox_unchecked {
    background: #fff url(../i/bullet_white.png) no-repeat;
    display: block;
    margin: 10px 0;
    padding-left: 25px;
}

/* Hover State */
label:hover {
    color: #575B60;
    cursor: pointer;
    cursor: hand;
}

label.highlighted {
    border: 1px solid #333;
    cursor: pointer;
    cursor: hand;
}

/* disabled navigational button */
#pic-cat a.disabled {
    color: #DDD;
    cursor: default;
}
#pic-cat a.disabled:hover {
    background-color: #FFF;
    border-color: #FFF;
    color: #DDD;
}
#thumbs-content a.disabled {
    visibility: hidden !important;
}
#sellerinfo {
    padding: 1px 0 1px 14px;
    text-align: left;
    display: block;
    font-weight: bold;
    text-decoration: none;
    padding: 10px;
}
#pnlInvalidListing h1 {
    -moz-background-clip: border;
    -moz-background-inline-policy: continuous;
    -moz-background-origin: padding;
    background: transparent url(../i/icon-mota-sad.gif) no-repeat scroll left top;
    margin: 80px auto 15px;
    width: 500px;
    font-weight: normal;
}
#pnlInvalidListing h1 strong {
    color: #0A4571;
    display: block;
    font-size: 60px;
    font-weight: bold;
    line-height: 70px;
    margin-left: 158px;
    padding-top: 5px;
}
#pnlInvalidListing h3 {
    color: #999999;
    font-size: 20px;
    margin: 0 auto 60px 270px;
    width: 500px;
}
#pnlInvalidListing p {
    width: 325px;
    margin: 0 auto 160px;
}
h5#phonenumber {
    color: #999;
    font-weight: bold;
    font-size: 20px;
}
#reqPhone {
    padding: 0 !important;
    background: none !important;
    font-size: 20px !important;
    color: #0085CF;
}
#btnMap {
    color: #0066FF;
    font-size: 10px;
    padding-left: 5px;
}
#alert-sub{
    background-image: url("../i/warning_16.png");
    background-position:0 50%;
    background-repeat: no-repeat;
    padding-left:19px;
    font-size:12px;
}
