@charset "utf-8";



* { font-family: Helvetica, "Arial Unicode MS", Arial, sans-serif; }



body { color: rgb(0, 0, 0); background-color: rgb(255, 255, 255); margin: 0px; padding: 4px; }



.logo { font-size: 18px; color: rgb(138, 138, 138); padding: 0px 0px 5px; }



.logo > a { color: rgb(138, 138, 138); text-decoration: none; }



.logo > a:visited { color: rgb(138, 138, 138); }



.logo > a > b { font-size: 24px; font-weight: bold; }



.logo > a ~ a { color: rgb(138, 138, 138); font-size: 24px; font-weight: bold; }



.logo > sup { padding-left: 6px; font-size: 12px; color: rgb(255, 146, 0); font-style: italic; }



#r-hdr { float: right; font-size: 13px; padding: 2px 0px 2px 10px; }



a.a, a.a:visited, .link { color: blue; text-decoration: underline; cursor: pointer; }



.ptr, input[type="radio"] { color: blue; cursor: pointer; }



.lp1 { padding-left: 5px; }



.lp2 { padding-left: 10px; }



.lp4 { padding-left: 40px; }



.rp1 { padding-right: 5px; }



.ls1 { line-height: 1.2em; }



.ls1 li { margin: 5px 0px; }



.dcancel { vertical-align: top; margin: 20px; padding: 20px; line-height: 40px; }



.sp1 { padding-top: 5px; font-size: 10px; }



.xsp1 > div > ins { border: 1px solid rgb(102, 102, 102); box-sizing: content-box; }



.sp2 { padding-top: 5px; padding-bottom: 10px; font-size: 10px; }



.xsp2 > div > ins { border: 1px solid rgb(102, 102, 102); box-sizing: content-box; }



.big { font-weight: bold; }



.nowrap { white-space: nowrap; }



.car-select { }



.car-select h2 { margin: 6px 0px; font-size: 1.2em; font-weight: normal; cursor: pointer; color: blue; text-decoration: underline; }



.car-select h3 { margin: 4px 0px; }



.car-select a { display: block; }



.car-select .element { margin: 6px 0px 20px; }



.tab { display: table; }



.row { display: table-row; }



.tab .row div { display: table-cell; padding-right: 8px; }



.tab .row.sub div { padding-left: 8px; }



*, ::after, ::before { box-sizing: border-box; }



[class*="col-"] { float: left; padding-right: 20px; }



[class*="col-"]:last-of-type { padding-right: 0px; }



.grid { width: 100%; max-width: 1024px; min-width: 640px; margin: 0px auto; position: relative; padding: 1px 0px; }



.nav-left { float: left; position: relative; display: none; }



.nav-right { float: right; position: relative; display: none; }



.ga1 { width: 160px; height: 600px; }



.grid::after { content: ""; display: table; clear: both; }



.grid-pad { padding: 20px 0px 0px 20px; }



.grid-pad > [class*="col-"]:last-of-type { padding-right: 20px; }



#searchBox { text-align: right; font-size: 14px; }



#feedbackForm .table { display: table; }



#feedbackForm .table > div { display: table-row; }



#feedbackForm .table > div > div { display: table-cell; vertical-align: top; padding-right: 8px; }



#feedbackForm .wide { width: 400px; }



#carMRU { position: absolute; right: 0px; top: 0px; border: 1px solid rgb(186, 186, 186); background-color: white; padding: 6px 0px; font-size: 14px; border-radius: 4px; box-shadow: rgba(0, 0, 0, 0.5) 3px 3px 4px 0px; }



#carMRU .loading { width: 240px; font-size: 150%; text-align: center; color: grey; }



.mycars table { border-collapse: collapse; }



.mycars tr td { padding: 4px 2px 4px 10px; }



.mycars .carMRUempty { padding: 10px; }



#carMRU .mycars tr td { padding: 4px 6px 6px; }



#carMRU .mycars tr td:nth-of-type(1) { padding: 8px 0px 7px 14px; }



#carMRU .mycars tr:hover td { background-color: rgb(224, 224, 224); }



#carMRU .mycars tr td a:visited { color: blue; }



.mycars .rmbtn { padding-left: 7px; color: rgb(211, 211, 211); cursor: pointer; font-size: 133%; }



.mycars .rmbtn:hover { color: rgb(255, 57, 57); }



.mycars-btn, .myaccount-btn, .login-btn { text-decoration: none; color: rgb(96, 96, 96); cursor: pointer; }



.mycars-btn:hover, .myaccount-btn:hover { color: black; }



div.login-btn { color: black; }



.mycars-btn [class^="icon-"]::before, [class*=" icon-"]::before { font-size: 177%; }



.myaccount-btn [class^="icon-"]::before, [class*=" icon-"]::before { font-size: 150%; }



.login-btn [class^="icon-"]::before, [class*=" icon-"]::before { font-size: 166%; }



.lang-btn, .lang-btn:visited { font-weight: bold; text-decoration: none; color: rgb(106, 161, 243); cursor: pointer; padding-right: 12px; }



.lang-btn:hover { color: rgb(0, 0, 0); }



#myMenu { position: absolute; right: 0px; top: 0px; border: 1px solid rgb(186, 186, 186); background-color: white; padding: 4px 0px; font-size: 14px; border-radius: 4px; box-shadow: rgba(0, 0, 0, 0.5) 3px 3px 4px 0px; }



#myMenu div a, #myMenu div a:visited { display: block; padding: 7px 12px; color: blue; }



#myMenu div a:hover { background-color: rgb(224, 224, 224); }



#langMenu { position: absolute; right: 0px; top: 0px; border: 1px solid rgb(186, 186, 186); background-color: white; padding: 4px 0px; font-size: 14px; border-radius: 4px; box-shadow: rgba(0, 0, 0, 0.5) 3px 3px 4px 0px; }



#langMenu div a, #langMenu div a:visited { display: block; padding: 7px 12px; color: blue; }



#langMenu div a:hover { background-color: rgb(224, 224, 224); }



.sm1 { font-size: 14px; }



.sm2 { font-size: 13px; }



.small { font-size: 10px; }



.m0, .m0 h4, .m0 h5, .m0 ul { margin: 0px; }



img { -webkit-user-drag: none; }



#caprefresh { padding: 0px; border: none; margin: 0px 0px 0px 15px; background-color: transparent; position: relative; bottom: 30px; }



.display-none { display: none; }



.grp > p { margin: 12px 0px; }



.docs > p { margin: 12px 0px; }



.docs2 > p { margin: 12px 0px; }



.docs2 > h3 { font-weight: normal; }



.content .notes { padding-top: 19px; font-size: 13px; }



.content .notes li { padding-bottom: 10px; }



.content .narrow { max-width: 720px; margin: 0px auto; }



.content .narrow td { padding: 6px 12px 6px 0px; }



.content .narrow td input[type="submit"] { margin: 8px 12px 8px 0px; }



.grp > p > a { font-weight: bold; }



.grp > p > a ~ a { font-weight: normal; }



.vs1 { padding-top: 1px; }



.vs10 { padding-top: 10px; }



.m20 { margin-top: 24px; }



.content { margin-top: 5px; margin-bottom: 20px; }



.notice { font-size: 0.75em; }



.errnotice { font-size: 0.75em; color: red; }



.appl { font-size: 0.8em; }



.fragment { font-size: 0.75em; }



.err { padding: 16px 0px; color: red; font-weight: bold; font-size: 0.8em; }



#form1 table tr td { vertical-align: top; }



.formerr { padding: 3px 0px 0px; color: red; font-weight: bold; font-size: 0.8em; }



#disclaimer { font-size: 0.75em; }



#disclaimer .hide { display: none; }



#disclaimer a { color: rgb(0, 0, 170); text-decoration: underline; cursor: pointer; }



input.readonly { border: none; background-color: transparent; color: black; }



.ph1 { padding: 2px 12px; }



.ml2 { margin-left: 20px; }



.txt { font-size: 14px; }



#feedbackTop { float: right; }



#feedbackBtn { font-size: 15px; color: rgb(0, 0, 170); text-decoration: underline; cursor: pointer; }



#feedbackForm .backButton { padding-top: 16px; }



#feedbackStatus { padding: 16px 0px; }



.logo > a.v2 span, .logo > a.v2 > b, .logo > a.v2:visited span, .logo > a.v2:visited > b { color: rgb(138, 138, 138); }



.logo > a.v2, .logo > a.v2:visited { color: rgb(255, 114, 46); }



#donateBtn, a#donateBtn:visited { font-size: 15px; color: rgb(0, 0, 255); text-decoration: underline; cursor: pointer; padding-left: 40px; }



a.close-btn { display: inline-block; float: right; width: 32px; height: 32px; border-radius: 50%; font-size: 32px; line-height: 32px; padding: 0px; margin: 0px; background-color: transparent; color: rgb(132, 131, 131); text-align: center; cursor: pointer; }



a.close-btn:hover { background-color: rgb(225, 225, 225); color: rgb(0, 0, 0); }



.since { background-color: rgb(255, 255, 240); padding: 4px 10px; margin: 5px 0px; border-top: 1px solid rgb(172, 172, 172); border-bottom: 1px solid rgb(172, 172, 172); font-size: 14px; line-height: 1.5; }



.since h4 { font-size: 14px; font-weight: bold; margin: 3px 0px; }



@media handheld, only screen and (min-width: 980px) {

  html { overflow-y: scroll; }

}



@media handheld, only screen and (max-width: 720px) {

  .grid { width: 100%; min-width: 0px; }

  [class*="col-"] { width: auto; float: none; margin: 10px 0px; padding-left: 20px; padding-right: 20px; }

  .lang-btn.rp1 { padding-right: 16px; }

  #feedbackForm .table, #feedbackForm .table > div, #feedbackForm .table > div > div { display: block; }

  #feedbackForm .wide { width: 100%; }

}



@media handheld, only screen and (min-width: 1380px) {

  .nav-left, .nav-right { display: block; padding: 25px 4px; }

}



@media handheld, only screen and (min-width: 1420px) {

  .nav-left, .nav-right { display: block; padding: 25px 12px; }

}



@media print {

  .scrn, .sp1, .sp2, header { display: none; }

  #disclaimer .hide { display: inline; }

}



.animate-spin { animation: 2s linear 0s infinite normal none running spin; display: inline-block; }



@keyframes spin { 

  0% { transform: rotate(0deg); }

  100% { transform: rotate(359deg); }

}



@font-face { font-family: symbols1; src: url("/local/missing-resource?url=https%3A%2F%2Fwww.newtis.info%2Ftisv2%2Ffont%2Fsymbols1.woff2%3F32744103") format("woff2"), url("/local/missing-resource?url=https%3A%2F%2Fwww.newtis.info%2Ftisv2%2Ffont%2Fsymbols1.woff%3F32744103") format("woff"), url("/local/missing-resource?url=https%3A%2F%2Fwww.newtis.info%2Ftisv2%2Ffont%2Fsymbols1.ttf%3F32744103") format("truetype"); font-weight: normal; font-style: normal; }



[class^="icon-"]::before { font-family: symbols1; font-style: normal; font-weight: normal; display: inline-block; text-decoration: none; width: 1em; margin-right: 0.2em; text-align: center; font-variant: normal; text-transform: none; line-height: 1em; margin-left: 0.2em; }



.icon-person::before { content: ""; }



.icon-person-o::before { content: ""; }



.icon-trash-empty::before { content: ""; }



.icon-trash::before { content: ""; }



.icon-heart-empty::before { content: ""; }



.icon-star::before { content: ""; }



.icon-star-empty::before { content: ""; }



.icon-cancel::before { content: ""; }



.icon-heart::before { content: ""; }



.icon-user-o::before { content: ""; }



.icon-user::before { content: ""; }



.icon-garage::before { content: ""; }



.icon-spin2::before { content: ""; }