body { margin:5px; font-size:12px; font-family:arial; }
table { font-size:12px; }
form { margin:0; padding:0; display:inline; }
img { border:0; }
label:hover { cursor:pointer; background:rgba(0,0,255,.1); }
A:visited { color:#000090; }
A:hover { text-decoration: underline; }
pre { margin:0; font-family:arial; }

table.bscTbl { border-collapse: collapse; } /* basic table */
table.bscTbl td { border: 1px solid gray; padding: 2px 4px; }

.resetAllCSS { all:initial }; /* blocking inheritance for all properties */
.resetAllCSS * { all:unset }; /* allowing inheritance within #mydiv */

.nobr { white-space:nowrap; }
.ptr {cursor:pointer}
.actlnk {color:#0000ff; cursor:pointer}
.actlnku {color:#0000ff; cursor:pointer; text-decoration:underline}
.nrmlnk A {text-decoration:underline; color:#0000ff; cursor:pointer}
.nrmlnk A:visited {text-decoration:underline; color:#0000ff}
.clkPrvInp { cursor:pointer; }
.clkPrvInp:hover { background-color:rgba(0, 0, 255, .1); }
.abid { text-align:right; }
.vt { vertical-align:top; }
.vs { vertical-align:sub; }
.vm { vertical-align:middle; }

.modtypes { font-size:10px; text-decoration:underline; }
.modcount{ font-size:10px; color:a2a2a2; }
.modselectMakes A { color:blue; font-size:14px; font-weight:bold; cursor:pointer; }
.chas2 { font-size:10px; color:#999999; }
.trnsl8 { font-size:10px; text-decoration:none; color:#9999ff; }
.vst A:link { color:purple; }
.vst A:visited { color:purple; }
.vwd A.crlnk:link { color:#aaaaff; }
.vwd A.crlnk:visited { color:purple; }

.tpln A { cursor:help; }
.tpln A:link { cursor:pointer; }
.hlp { cursor:help; }
.hlp2 { cursor:help; border-bottom:1px dashed #bbbbbb; text-decoration:none; }
a.tip { cursor:help; }
a.tip { text-decoration:none; }
a.tip:hover  { text-decoration:none; border-bottom:1px dashed; }

.tipbox { margin:10px; font-size:12px; font-family:arial; background-color:ffffd9; }

.myStkRw { background-color:#f0f0ff; } /*above colors used for favs, so they can override easily*/
.carBlock { background-color:#f0f0f0; } /*above colors used for favs, so they can override easily*/

.ylw {background-color:#ffffd9 !important} /*yellow, very light*/
.ylwHiLt{background-color:#ffff55}  /*yellow, manila*/
.bgy {background-color:yellow} /*bg yellow*/
.lgn {background-color:#ddffdd}
.lrd {background-color:#ffcccc}
.lbl {background-color:#ddddff}
.wht {background-color:#ffffff}
.blk {background-color:#000000}
.lgr {background-color:#bbbbbb}
.lgr TD{background-color:#bbbbbb}
.dgr {background-color:#888888}
.dgr  A{color:white}

.cLgr {color:#bbbbbb}

.pl20 {padding-left:20px}

.bdtp {color:#aa0000; font-weight:bold}
.rwbg2 {background-color:#f4f4f4}
.rwlnk {font-size:11px}
.blcklnk {/* block links */}
.tg {display:block; cursor:pointer; font-size:10px; color:#888888; cursor:pointer; margin-top:-2px; text-decoration:none}
.carDetRow {background-color:#f0f0f0}
.nobdr {border:0px}
.infoIcon  {color:#7777FF; font-weight:bold; font-size:16px; font-family:Courier}
.actionlink  {text-decoration:none}
.fbs  {font-size:11px}  /*used in js*/
.fbs A{text-decoration:none; color:#9999ff}  /*used in js*/
.fbs2  {font-size:12px; font-weight:bold} /*used in js*/
.whtlnk  A { color:white; }
.whtlnk  A:visited { color:white; }
.lnkclr A { color:inherit; } /*use color of parent*/
.lnkclr A:visited { color:inherit; }
.noln, .noln  A, .noline  A { text-decoration:none; }
.nolnk, .nolnk:hover, .nolnk A, .nolnk A:hover { text-decoration:inherit; color:inherit; }
.alrt, .alnR  { text-align:right; }
.allf , .alnL { text-align:left; }
.alcn { text-align:center; } /*kw:.center.cntr*/
.bdr1 {border:1px solid black}
.mailnk {color:#0000aa;text-decoration:none;cursor:pointer}

.ph { vertical-align:top; }
.iil { display: box; float: left; margin: 1px; } /* image-page image link */
.carlist { font-size: 12px; background-color:#eeeeee; }
.carlist tr { text-align:center; }
.crw  { height:35px; }
.spc {background-color:#888888}
.spc2 {background-color:#bbbbbb}
.spc3 {background-color:#dddddd}
.spc, .spc2, .spc3 td {height:2px; padding:0}
.eqptbl {width:100%}
.eqptbl tr {text-align:left}
.mk,.gr,.ch,.eqp {text-align:left}
.km ,.strt,.bdRslt {text-align:right}
.strt A{color:blue}
.bdRslt A{color:blue}
.loc { font-size:10px; }
.mrtd { text-align:center; }
.auctd { font-weight:bold; padding:0; background-color:#ffff00; }
.grd  {font-size:10px}
.insage {font-size:10px; color:#ffffff; background-color:#aaaaaa}
.RecNt  {background-color:#ffffff; text-align:center}
.blocBdRslt {background-color:#E6E6E6; text-align:center}
A.bdStrt {color:#888888}
A.bdStrtX {color:#888888; text-decoration:line-through}

.mnymsg {height:15px; width:15px; cursor:pointer; background-image:url('/cars/images/write_many.png')} /* used also for setting title */
.bdarea {background-color:#aaccaa}
.rcmdarea {text-align:center; padding:2px; background-color:#aaccaa}
.bidrtd {padding:0 5px 0 5px !important; text-align:left}
.bidtd {text-align:right; padding-left:3px; font-weight:bold}
.bidtdCst {text-align:right; padding-left:3px; color:#666666; text-decoration:line-through} /* bidtd Cost */
.bidr {margin-top:-4px}
.bidmy {margin-top:-4px; font-weight:bold}
.bidr2 {font-size:9px; margin-top:-2px; margin-bottom:-2px}
.hde,.unhde {text-decoration:none; cursor:pointer; color:#BBBBDD; font-size:10px}
A.stfmsg,A.bstfmsg,A.chngbd,A.cpy,A.bdlg  {text-decoration:none; cursor:pointer; color:#BBBBDD; font-size:10px; margin-right:15px}
.addmsg {text-decoration:none; cursor:pointer; color:#7777AA; font-size:10px; margin-right:15px}
.edtbdask {text-decoration:none; cursor:pointer; color:#BBBBBB; font-size:10px; margin-right:15px}
.chngbd2{text-decoration:none; cursor:pointer; color:#dd8888; font-size:10px}
.msg {width:100%}
.msg tr{text-align:left}
.MsgDel {text-decoration:none; cursor:pointer; color:#777777; font-size:10px}
.MsgTm {color:green; font-weight:bold}
.BdNt {color:#515151; word-break:break-word;}
.BdTbl {width:100%; border-collapse:collapse; border-spacing:0}
.BdTbl td {padding:0}
.BdTbl tr {text-align:left}
.BdHdn {color:#cccccc; word-break:break-word;}
.BdHdn A{color:#ccccff}
.BdHdn A:visited{color:#ccccff; padding-right:10px}
.BdWthBmp {display:inline-block; font-size:9px; color:#bb0000; padding-right:10px}
.BdWthBmpHdn {display:inline-block; font-size:9px; padding-right:10px}
.bidPrc { display:inline-block; }
.bdrMsgAlrt { display:inline-block; vertical-align:top; padding:3px 5px; background-color:yellow; color:red; font-weight:bold; font-size:12px; border:1px dashed red; margin-right:5px; }
.CrCstBig {display:inline-block; font-size:11px; padding-right:20px; background-color:#ffff00}
.CrCst {display:inline-block; font-size:10px; padding-right:20px;}
A.abidAuto { display:inline-block; text-decoration:none; color:#882222; opacity:.8; margin-right:10px; }
A.abidAuto[href] { border-bottom:1px dashed; }
.bdtls {margin-top:-3px; margin-bottom:-2px; text-align:right; padding-right:10px}
.aucSel A{cursor:pointer}
.unAtndAucSel A{color:#666688; cursor:pointer}
.aucCnt {text-align:right; padding-left:10px}
.aucCnt A{color:blue; cursor:pointer}
.unAtndAucCnt{text-align:right; padding-left:10px; color:#666688}
.unAtndAucCnt A{color:#4444ff; cursor:pointer}
.aucUpdt {text-align:right}
.aucUpdt A {text-decoration:none}
.aucUpdt A:hover {text-decoration:underline}
.mrp {color:blue}
.bstat {font-size:10px; float:right}
.bstatdv {font-size:12px; width:100px; position:relative; float:right; text-align:right}
.prmx {text-decoration:none; color:#6666dd}
.filtFail .prm {color:red; font-weight:bold}
.filtFail .prmx {color:red}
.LgIVwdDet {border:2px dashed #777777} /*lg i - vwd det*/
.LgIVwd {border:1px solid #777777} /*lg i - not vwd*/
.LgINtVwd {border:1px solid black} /*lg i - vwd*/
#vexTblNtsSpecial td {vertical-align:top}
.vexTbl {border: 2px solid black; border-collapse:collapse} /* vex table */
.vexTblNts {border: 2px solid black; border-collapse:collapse; margin-top:20px} /* vex notes */
.vexL { text-align:left; padding:1px 4px 1px 4px;
	background-color:#dddddd; border-right:1px dashed #999999; border-left: 1px solid black; border-bottom: 1px solid black;
} /*vex table, Label*/
.vexV { text-align:left; padding:1px 12px 1px 12px; border-bottom: 1px solid black; } /*vex table, Value*/
.vexTopDtls {text-align:left; padding:5px 0 15px 10px}
#vexMlg {font-weight:bold; padding:5px 0}
#vexCond {display:block; width:120px; float:right}
.cNts { text-align:left; padding:3px } /*car notes*/
.cbLbl { cursor:pointer } /*checkbox label*/
.cbLbl:hover { text-decoration:underline }
.vstat { font-weight:bold; padding:0 4px; color:white; cursor:help; }
.dest, .destc, .smartinsp, .smartphoto, a.nwAtoBd { text-decoration:none; cursor:pointer; color:#BBD; font-size:10px; padding-right:15px; }
.dest.set, .destc.set { color:black; background-color:#EFE; }
.dest.miss, .destc.miss { color:red; }
.smartinsp.yes, .smartphoto.yes  { color:black; background-color:#EFE; }
.smartinsp.no, .smartphoto.no { color:red; text-decoration:line-through; }
/*.smartinsp.off { display:none }*/
.destItm { padding:5px; color:blue; cursor:pointer; }
.destItm:hover { background-color:#DFD; }
.msgalrt  { position:fixed; top:0; color:white !important; padding:3px 0; text-decoration:none; width:90px; text-align:center; border:1px solid white; }
.blVid { font-size:10px; vertical-align:text-top; } /*block list vid*/

.nwc {position:relative; font-weight:bold; text-align:left; font-style:italic}
.nwc18 {position:relative; font-weight:bold; text-align:left; font-style:italic; font-size:18px;}
.nwtag { font-size:14px; top:2px; right:8px; color:#54ff00; position:absolute; text-shadow:-1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; }
.dscnt { font-size:14px; top:2px; right:8px; color:red; position:absolute; text-shadow:-1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff; }
.vdico,.vdicoimg,.vdicoimg2 {border:0}
.vdicoimg { position:absolute; top:6px; right:8px; }
.vdicoimg2 { position:absolute; top:21px; right:8px; }
.lpVwChs { float:right; max-width:110px; text-align: right; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; } /* large photo view chassis */

.b {font-weight:bold}
.nb {font-weight:normal}
.i {font-style:italic}
.strike {text-decoration:line-through}
.c0 {color:#000} /*.blk is bgclr*/
.c1 {color:#111}
.c2 {color:#222}
.c3 {color:#333}
.c4 {color:#444}
.c5 {color:#555}
.c6 {color:#666}
.c7 {color:#777}
.c8 {color:#888}
A.c8 {color:#888}
.c9 {color:#999}
.cf {color:#fff} /*.wht is bgclr*/
.cr, .r {color:red}
.cb {color:blue}
.cg {color:green}
.bcff0 {background-color:#ffff00}
.p10 {font-size:10px}
.p11 {font-size:11px}
.p12 {font-size:12px}
.p13 {font-size:13px}
.p14 {font-size:14px}
.p15 {font-size:15px}
.p16 {font-size:16px}
.bdAftrChng {font-weight:bold; color:white; background-color:#ffaa88; padding:0 4px 0 4px}

.fade {opacity: 0.75}
.fade5 {opacity: 0.5}

.rwAltClr tr:nth-child(odd) {background-color: #eeeeee}
.rwAltClr2 tr:nth-child(even) {background-color: #eeeeee}
.rwHovLG tr:hover { background-color:lightgray; } /*come after rwAltClr*/
.rwHovGrn tr:hover { background-color:rgba(200,255,200,.40); }
.rwHovBlu tr:hover { background-color:rgba(200,200,255,.40); }
.rwHrzPad10 td, .rwHrzPad10 th {padding-left:10px; padding-right:10px}
.rwVrtPad2 td {padding-top:2px; padding-bottom:2px}
.wnUnsld {color:#bbbbbb; border-bottom:1px dashed #bbbbbb; cursor:help}

ul.tmpl8 {line-height:1.5em; margin:0 0 0 20px; padding:0; color:#666}

#carDataWrap {border:1px solid #888888}
#carListWrap {border:1px solid #888888}
#rcmdLstLbl {font-weight:bold; font-size:14px}
#defaultlink {font-weight:bold}

.pan1 {background-color: #DEE7F2} /* can be replaced with !important version in some sites */
.pan2 {background-color: #A7C4E2} /* can be replaced with !important version in some sites */
.pan3 {background-color: #8DB6E1} /* can be replaced with !important version in some sites */
.pan1s {background-color: #D5DEEA} /* stock. can be replaced with !important version in some sites */
.pan2s {background-color: #DEE7F2} /* stock. can be replaced with !important version in some sites */
.pan1tbl,.pan2tbl,.pan3tbl td {text-align:left}

td.msgTxt, td.msgTxt2 { width:98%; word-break:break-word; }
td.newMsgTxt { outline:1px solid rgba(255,0,255,1); background-color:rgba(255,0,255,0.25); }

div.modalbarrier { filter:alpha(opacity=20); -moz-opacity:.20; opacity:.20; background-color:#888888; position:absolute; top:0px; left:0px; width:100%; height:100%; }
div.modalshadow { filter:alpha(opacity=60); -moz-opacity:.60; opacity:.60; background-color:#000000; }
iframe.modaliframe { background-color:#ffffff; border:2px solid black; }

@media print {
  .npr {display:none}
  .sprtlnk, .TNavArea  {display:none}
}

.normalText A { TEXT-DECORATION: underline; }
.btn { BORDER-RIGHT:black 1px double; PADDING-RIGHT:2px; BORDER-TOP:black 1px double; PADDING-LEFT:2px; FONT-WEIGHT:bold; FONT-SIZE:11px; PADDING-BOTTOM:2px; BORDER-LEFT:black 1px double; COLOR:black; PADDING-TOP:2px; BORDER-BOTTOM:black 1px double; FONT-FAMILY:Arial, Helvetica, sans-serif; BACKGROUND-COLOR:#d4d0c8; TEXT-DECORATION:none }

.btnCfrmDlgBlue, .btnCfrmDlgRed { cursor:pointer; box-sizing:border-box; border-radius:8px; font-family:Arial; color:#FFF; font-size:16px; padding:10px 20px; text-decoration:none; display:inline-block; width:45%; margin:2%; text-align:center; vertical-align:middle; font-weight:bold; }
.btnCfrmDlgBlue:hover, .btnCfrmDlgRed:hover { text-decoration: none; }
.btnCfrmDlgBlue { background: rgb(52, 152, 219) linear-gradient(to bottom, rgb(52, 152, 219), rgb(41, 128, 185)) repeat scroll 0% 0%; }
.btnCfrmDlgBlue:hover {  background: #3cb0fd; }
.btnCfrmDlgRed { background: rgb(219, 152, 52) linear-gradient(to bottom, rgb(219, 152, 52), rgb(185, 128, 41)) repeat scroll 0% 0%; }
.btnCfrmDlgRed:hover { background: rgb(219, 152, 52); }
.ui-widget-content  a.btnCfrmDlgBlue, .ui-widget-content  a.btnCfrmDlgRed  { color:#FFF; }
#AgreeToTermsLink { display:block; text-align:center; }
#CampaignTermsLink { display:block; text-align:center; text-decoration:none; border:1px dashed blue; padding:5px; margin-top:10px; }

/* was: /cars/images/star-sprite.png - converted for use in mail */
.starSprite { background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEEAAAAaCAYAAADovjFxAAACMUlEQVRYR+2YsWrVUBiAvz8Zim/QycJdCoJSbn4uXHDyBRzbpV0L4gMoOAqKawdXERS8Di6+wEVxyD3JYMHRoVOhDyAOyS83pOlNmtg4noMZE77hfMn5D1+EgSvLsv0kST4MPe+77ysjQ4t0zv0EHqrq6VgRvjK9EvI8n5dl+Q14qapPx0jwmemVkGXZiZk9Bs5UdWeMBJ8ZSdN0L47jeHOhZvYZ2F7fM7OjKIp+bD4vimIrjuPfoTDinLsPfLxc9A1vvQCeAV9DYqrtkKbpdhRF74AHf5FwXpblwWw2W4bGNDNhsVjEk8nkOfCkK0JElkVRrAWcbz4LhWkNxnprfOn5GgZPiRCYroQXG1/CL+BWLeRUVe/1bRXnnPdMV8J34C7wHnhkZoci8qqWsaOqZ10RzjnvmUaCc+424ETkOEmST5eLXa1WuyLyFnijqq83JYTCNBLyPL8DXEyn04vu264H4FxV10djc4XCDLaDZexLwj8FlK/MsARHFVCijA4o85TplWA5c0qqgBJlVED5zPRLyDjBqAJKlFEBZR4zYil7xLQCCqMJKIwjIloBRcEWMa2A8pkRc/wPqCqXU7aJuDGgKDmQGVVAhcQ0M8EWxEzoDSiEJUUloBVQoTCtwVhvjd6AGjolQmC6EgZjSJTegDKH90xXQiuGMA4RmoAS5VpAmcN75momOKqAQjiWhCagbMUuQhVQorQCygJhriTkVAElU64FVD0A56LVv8XmskCYP1zyRQCqSn6HAAAAAElFTkSuQmCC) 0 0; }
.starSpriteNeg13 { background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEEAAAAaCAYAAADovjFxAAACMUlEQVRYR+2YsWrVUBiAvz8Zim/QycJdCoJSbn4uXHDyBRzbpV0L4gMoOAqKawdXERS8Di6+wEVxyD3JYMHRoVOhDyAOyS83pOlNmtg4noMZE77hfMn5D1+EgSvLsv0kST4MPe+77ysjQ4t0zv0EHqrq6VgRvjK9EvI8n5dl+Q14qapPx0jwmemVkGXZiZk9Bs5UdWeMBJ8ZSdN0L47jeHOhZvYZ2F7fM7OjKIp+bD4vimIrjuPfoTDinLsPfLxc9A1vvQCeAV9DYqrtkKbpdhRF74AHf5FwXpblwWw2W4bGNDNhsVjEk8nkOfCkK0JElkVRrAWcbz4LhWkNxnprfOn5GgZPiRCYroQXG1/CL+BWLeRUVe/1bRXnnPdMV8J34C7wHnhkZoci8qqWsaOqZ10RzjnvmUaCc+424ETkOEmST5eLXa1WuyLyFnijqq83JYTCNBLyPL8DXEyn04vu264H4FxV10djc4XCDLaDZexLwj8FlK/MsARHFVCijA4o85TplWA5c0qqgBJlVED5zPRLyDjBqAJKlFEBZR4zYil7xLQCCqMJKIwjIloBRcEWMa2A8pkRc/wPqCqXU7aJuDGgKDmQGVVAhcQ0M8EWxEzoDSiEJUUloBVQoTCtwVhvjd6AGjolQmC6EgZjSJTegDKH90xXQiuGMA4RmoAS5VpAmcN75momOKqAQjiWhCagbMUuQhVQorQCygJhriTkVAElU64FVD0A56LVv8XmskCYP1zyRQCqSn6HAAAAAElFTkSuQmCC) 0 -13px; }
.cancelAttach { text-decoration:none; cursor:pointer; color:#777777; font-size:10px; margin-left:5px; }
.AucBidStatUsr { margin-top:5px; color:green; }
.AucBidStatUsrPend { font-size:11px; opacity:.75; }

/* ===== MOBILE  ===== */

/* if mobile moved to other file, may need to keep some rules here, such as .notouch */
.notouch { -webkit-touch-callout:none; -webkit-user-select:none; -khtml-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; }

#rfnMenu { display:none; position:fixed; top:62px; left:0; right:0; bottom:0; overflow-y:scroll; background-color:white; z-index:100; text-align:left; font-size:16px; }
#rfnClear { opacity:0.4; }
.rfnNavLarr { float:left;font-size:35px;line-height:.5em;margin-left:-10px;color:#0D3B8A; }
.rfnNavRarr { float:right;font-size:25px;line-height:.55em;margin-right:-7px;color:#BBB; }
.rfnList { display:none; }
.rfnNav { border-bottom:1px solid #DDD; padding:15px 20px; text-decoration:none; cursor:pointer; background-color:#eee; text-align:center; }
.rfnFltr, .rfnFltrClr, #rfnSrch { border-bottom:1px solid #DDD; padding:15px 20px; text-decoration:none; cursor:pointer; }
.rfnLI, .rfnListSub { border-bottom:1px solid #DDD; padding:15px 20px; text-decoration:none; cursor:pointer; }
.rfnFltrLbl { float:right; margin-right:20px; color:#666; font-size:15px; }
.rfnSelected { font-weight: bold; }

.riReady { display:inline-block; padding:1px 5px; margin:2px; text-decoration:none; color:green; font-weight:bold; background-color:#9d9; border:1px dashed green; }
.riReadyGrp { border:1px dashed red; }
.riOld, .bidOld  { border:1px solid orange; background-color:#ffa60278; padding:2px 6px 0 4px; }
.riOld a, .bidOld a { text-decoration:none; }
.riOld a:hover, .bidOld a:hover { text-decoration:underline; background-color:orange; }
.riOld b, .bidOld b  { text-shadow: 1px 1px 1px black, -1px 1px 1px black, -1px -1px 1px black, 1px -1px 1px black; color: white; }
.riOld .emoji { font-size:1.25em; }
.bidOld .monoMoji { font-size:1.25em; filter:grayscale(100%) brightness(120%) contrast(150%); }

.custOfr { border-top:1px dashed rgba(0,0,0,.3); padding:3px 0; margin-top:5px; background-color:rgba(0,255,0,.4); text-align:left; }
.ofrCancl { opacity:.4; text-decoration: line-through; }

.bulktip { margin:12px 0 0; font-size:12px; opacity:.6; cursor:help; }
.bulktip:hover { opacity:1; background-color:rgba(0,255,0,.2); }