


/*




  This is default css for usedcars.ru "Reinvention".




*/






/* START: abstract classes and global definitions */

body {
  margin: 0;
  padding: 0;
  border: none;
  background-color: white;
  color: black;
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 11px;
}

table {
  font-size: 100%;
}


a {
  text-decoration: underline;
  color: #0857A6;
}

img {
  border: none;
}

div {
	margin: 0;
	padding: 0;
	border: 0;
}

a.ajax {
  text-decoration: none;
  border-bottom: 1px dashed #0857A6;
}

div.cross-piece, div.clear {
  clear: both;
  height: 0; 
	font-size: 0; 
}

acronym {
  cursor:help;
}

input.err, select.err {
  background-color: #FAA;
}

table.grid {
  border-collapse: collapse;
  text-align: right;
}

table.grid td {
  border: 1px solid black;
  padding: 0.5ex 0.5em;
}

table.grid th {
  border: 2px solid black;
  padding: 0.5ex 0.5em;
  background-color: #CCC;
  text-align: center;
}

/* named classes for multiple usage */

div.block-with-legend {
  border: 1px solid #ddd;
  padding: 3px 10px;
/*  position: relative;  */
/* relative position is required to make IE render .legend div properly. If position is not relative, IE displays buggy second border */
}
div.block-with-legend div.legend {
/*  z-index: 10; */
  color: #969696;
  background-color: #FFFFFF;
/*  margin: -3.3ex 0 0 0; */
  padding: 0 0.5ex;
}



div.forum-last h4 {
  font-size: 100%;
  margin: 1ex 0;
}

#news-add-form-dtp select {
  width: auto;
}

/* common news post style */

.ngPostImported {
  color: #AAA;
}

.ngPostImported a {
  color: #AAF;
}

div.news-subscript-banner {
  margin: 1ex 0;
}

div.add-newspost {
  text-align: right;
  margin-bottom: 1ex;
}

div.news-post-full img {
  max-width: 480px;
}
div.news-post-full div.date {
  font-size: 0.8em;
  color: #336655;
}
div.news-post-full div.user-name {
  font-style: italic;
  margin-top: 2ex;
}


div.news-post div.news-navigation {
  margin: 5ex 0 5ex 0;
  padding-top: 3ex;
  border-top: 3px solid #ddd;
  clear: both;
}
div.news-post div.images {
  clear: both;
}
div.news-index div.news-post h2 { /* old posts include header into description */
  display: none;
}

div.news-index div.pager {
  clear: both;
  margin: 2ex 0;
}



/* news-post: no images modification */

div.news-index div.no-images div.image {
  display: none;
}

div.news-index div.no-images h2 {
  display: block;
  margin-top: 1exx; 
}


/* news-post: one column modification */

div.news-index div.one-column {
  clear: both;
  margin-bottom: 1.5ex;
}

div.news-index div.one-column div.image {
  float: left;
  margin: 0 0.5em 3ex 0;
  width: 125px;
  height: 93px;
}

div.news-index div.one-column div.image img {
  width: 125px;
  height: 93px;
}

div.news-index div.one-column div.description, div.news-index div.one-column div.more-link {
  margin-left: 125px; 
}



div.news-index div.medium-images div.image {
  float: left;
}

/* news-post: three columns modification */

div.news-index div.three-columns {
  width: 150px;
  float: left;
  clear: none;
  text-align: center;
  margin: 0 3em 5ex 0;
}

div.news-index div.three-columns div.image img {
  width : 125px;
  height: 93px;
}

div.news-index div.three-columns div.more-link {
  display: none;
}

div.news-index div.three-columns div.description span.date {
  display: none;
}

div.news-index div.three-columns div.description {
  height: 2ex;
  overflow: hidden;
}


/* no date modification */

div.news-index div.no-date div.description span.date {
  display: none;
}

div.news-post-full div.no-date div.date {
  display: none;
}



.input30 input {
  width: 30em;
}

div.user-register-form {
  background-color: #DDF;
  padding: 1ex 1em;
}

div.user-register-form form {
  padding: 0;
  margin: 0;
}

div.user-register-form input, div.user-register-form select {
  margin: 0.5ex 0;
}

div.user-register-form table th {
  text-align: right;
  padding: 1ex 1em;
  vertical-align: top;
}

div.user-register-form table td {
  vertical-align: top;
}



.cars-search-cloud { margin-bottom: 2ex; }
.cars-search-cloud h2 { text-align: left; font-size: 130%; font-weight: normal; margin-bottom: 1ex }

.cars-search-cloud .weight1  {  }
.cars-search-cloud .weight2  { font-weight: bold; }
.cars-search-cloud .weight3  { font-weight: bold; }
.cars-search-cloud .weight4  { font-weight: bold; }

.cars-search-cloud table    { border-spacing: none; border-padding: none; border-collapse: collapse; width: 100%; }
.cars-search-cloud table td { vertical-align: top; text-align: left; }
.cars-search-cloud table ul,
.cars-search-cloud table li { padding: 0; margin: 0; list-style-type: none; }
.cars-search-cloud table li { white-space: nowrap; }

.cars-navigation {
  margin-bottom: 2ex;
  text-align: right;
}
.cars-navigation a {
  text-decoration: none;
  margin-right: 0.5em;
}
.cars-navigation img {
  vertical-align: middle;
  width: 14px;
  height: 14px;
}

/* car from shop */
div.car-info {
  width: 100%;  /* peekaboo bug fix */
}

div.car-shop div.car-info {
  background-color: #CCC;
}

div.car-user div.car-info {
  background-color: #EEE;
}

div.car-hot div.car-info {
  background-color: #fafd9e;
}


div.car-search-result h3 {
  font-size: 110%;
  margin-bottom: 0.5ex;
}

div.my-cars span.car-id, div.car-search-result span.car-id {
  float: right; 
  font-size: 80%;
  font-weight: normal;
}

div.car-show div.car-secret {
  background-color: #FCC;
  padding: 1ex 1em;
}

div.car-show h2 {
  margin-bottom: 0.5ex;
  font-size: 110%;
}

div.car-show span.car-id {
  float: right; 
  font-size: 50%;
  font-weight: normal;
  padding-top: 0.5ex;
}

div.car-show .car-main-info table th {
  font-weight: bold;
  text-align: right;
  vertical-align: top;
}

div.car-show .car-main-info table td {
  padding-right: 2em;
  vertical-align: top;
}

div.car-show ul.equipment li {
  float: left;
  width: 48%;
  padding: 0;
  margin: 0;
}

td.car-images img {
  margin: 1ex 0.5em;
}

div.car-info {
  padding: 1ex 1em;
}

div.car-info img.photo {
  float: left;
  width: 64px;
  height: 48px;
}

.car-hot div.car-info img.photo {
  width: 125px;
  height: 93px;
}

div.car-info div.car-desc img {
  float: none;
}
div.car-info div.car-desc .car-navigation-inline a {
  text-decoration: none;
  margin-right: 0.5em;
}
div.car-info div.car-desc .car-navigation-inline img {
  vertical-align: middle;
}

div.car-info div.car-desc {
  margin-left: 64px;
  padding-left: 1em;
  list-style-type: none;
}

.car-hot div.car-info div.car-desc {
  margin-left: 125px;
}

div.car-info ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}

div.car-info ul li {
  list-style-type: none;
  padding: 0;
  margin: 0;
}

p.car-comment {
  clear: both;
  padding: 0.5ex 1em;
  margin: 0;
}

div.car-search-result .car-secret {
  padding: 0.5ex 1em;
  margin: 0;
  background-color: #FCC;
}
div.car-search-result .car-secret h2 {
  font-size: 100%;
  padding: 0;
  margin: 0 0 0.5ex 0;
}

div.car-search-form {
  text-align: center;
  margin: auto;
  overflow: visible;
}

div.car-search-form form {
  padding: 1ex 1em;
  margin: 0 auto;
  background-color: #DFD;
}

div.car-search-form form h2 {
  font-size: 100%;
  font-weight: bold;
  margin: 0;
  padding: 0.5ex;
  text-align: left;
  background-color: #CEC;
}

div.car-search-form input, div.car-search-form select {
   margin: 0 0.3em; 
}

div.car-search-form table th {
  text-align: right;
  padding: 0.5ex;
}

div.car-search-form table td {
  text-align: left;
  padding: 0.5ex;
}

div.car-search-form table td input.submit {
}

.car-search-form .search-line {
  margin: 0.5ex 0;
}

#extended-search {
  margin-top: 2ex;
}

div.car-add-form {
  text-align: center;
}

div.car-add-form form {
  background-color: #DDF;
  padding: 1ex 1em;
  margin: 0;
}

div.car-add-form input, div.car-add-form select {
  margin: 0.5ex;
}

div.car-add-form table td {
  text-align: left;
}

div.car-add-form table th {
  text-align: right;
  font-weight: bold;
}
div.car-add-form table th.required {
  color: #007;
}


.adv-car-details-chars4 {
  text-align: center;
  margin-top: 1ex;
}

.adv-car-details-chars {
  float: right;
  padding: 1ex 1em; 
  background-color: #EEE;
  width: 125px;
  border-bottom: 2px solid white;
}
.adv-car-details-chars2 {
  float: right;
  padding: 1ex 1em; 
  background-color: #EEE;
  clear: right;
  width: 125px;
}

.adv-car-details-comment {
  float: right;
  padding: 1ex 1em; 
  background-color: #FFF;
}





.shop-index p {
  margin-top: 0.5ex;
}
.shop-index h2 {
  margin-bottom: 0.5ex;
}
ul.shop-contact {
  list-style-type: none;
}
.shop-images {
  margin: 2ex 0;
}


.form-errors {
  color: #700;
}

.form-errors p {
  font-weight: bold;
}
/*
 form with lines:
  label - input
  label - input
  ...
*/
form.form-lines div#picture-upload {
  margin-bottom: 1ex;
}
form.form-lines label {
  width: 7em;
  float: left;
  text-align: right;
  margin-right: 1em;
  margin-top: 1ex;
  clear: left;
}
form.form-lines span.field-comment {
  margin-left: 8em;
  display: block;
}
form.form-lines input, form.form-lines select, form.form-lines textarea {
  width: 400px;
  margin-top: 1ex;
/*  margin-left: 11em; */
}
form.form-lines input.button {
  width: 10em;
  margin: 1ex 0;
}
form.form-lines div.form_error {
  margin-left: 8em;
  color: #FF3333;
}


div.index-informer {
  width: 49%;
  float: left;
}

div.index-informer-content {
  padding: 1ex;
}

div.index-iblock {
  width: 49%;
  float: left;
}
div.index-iblock div.index-iblock-content h2 {
  margin: 0 0 1ex 50px;
  text-transform: uppercase;
  font-size: 1em;
}
div.index-iblock img {
  float: left;
}
div.index-iblock div.index-iblock-content {
  border: 1px solid #ccc;
  border-top: 3px solid #24BD00;
  margin: 0 3px;
  padding: 0.5em;
}

div.index-iblock p {
  margin: 0 0 0 50px;
  text-align: left;
}
div.index-iblock p a {
  display: block;
}

div.index-iblock div.index-iblock-rss {
  margin: 0 3px;
  padding: 0.5em;
}
div.index-iblock div.index-iblock-rss h2 {
  font-size: 1.5em;  
  border-bottom: 2px solid #ccc;
  padding-bottom: 0.5ex;
}
div.index-dtp div.uc-informer {
  font-family: Tahoma, Verdana, Arial, sans-serif; 
}

div.index-dtp h2 {
  font-size: 1.5em;
}


div.index-worldnews h2 {
  font-size: 1.5em;
}

div.index-worldnews h3 {
  font-size: 1.2em;
  margin: 0;
  padding: 0;
}

div#index-adv-l3 div.news-informer {
  min-width: 0;
  text-align: center;
  width: 100%;
}

div#index-adv-l3 div.news-post {
  float: none;
  width: auto;
  text-align: center;
}
div#index-adv-l3 div.news-post img {
  width: 125px;
  height: 93px;
  margin-top: 0.5ex;
}
div#index-adv-l3 div.news-post a {
  display: block;
  padding: 0.5ex 0 0 0;
}

div.forum-last ul {
  padding: 0;
  margin: 0 0 0 1em;
  list-style-type: square;
}

.car-brand-adv {
  text-align: center;
}

/* FIN: abstract classes and global definitions */







/* START: main layout */

div#container {
  /* left col:  200px + 20px (padding) */
  /* content:   480px + 20px (padding) */
  /* right col: 240px + 20px (padding) */ 
  /* = 200 + 20 + 480 + 20 + 240 + 20 = 980 */
  min-width: 1040px; 
  width: expression(document.body.clientWidth < 1024 ? "1024px": "auto" );
/*  width: expression((documentElement.offsetWidth || document.body.offsetWidth) < 1040 ? '1040px' : 'auto' && (documentElement.offsetWidth || document.body.offsetWidth) > 1500 ? '1500px' : 'auto'); */
}

div#header {
}

div#hotline {
  padding: 10px 10px 0;
}

div#column-left {
  /* width is defined by the layout */
  padding-top: 1ex;
}

div#column-right {
  /* width is defined by the layout */
  padding-top: 1ex;
}

div#content {
  /* width is defined by the layout */
  padding-top: 3ex;
  min-width: 480px;
  width: expression(document.body.clientWidth < 480 ? "480px": "auto" );
/*  width: expression((documentElement.offsetWidth || document.body.offsetWidth) < 480 ? '480px' : 'auto' && (documentElement.offsetWidth || document.body.offsetWidth) > 980 ? '980px' : 'auto'); */
}

div#footer {
  clear: both;
}

/* FIN: main layout */







/* START: header internals */


/* container */

div#header-topline {
  background-color: #3176AC;
  color: white;
  padding: 2.5ex 1em 0 2.5em;
  border: 0;
  border-bottom: 3px solid #24BD00;
	text-align: right;
}

div#header-topline a {
  color: white;
}


/* logo block */

div#header-topline-logo {
  float: left;
	background-color: #3176ac;
}

div#header-topline-logo-inscription {
  float: left;
  margin-left: 0.5em;
  margin-top: 1ex;
	background-color: #3176ac;
  text-align: left;
}

div#header-topline-logo-inscription a {
  text-decoration: none;
  font-size: 0.8em;
}



/* stats block */

div#header-topline-car-stats {
/*	border: 1px solid red; */
  float: right;
}


/* navigation block */

div#header-topline-nav {
  clear: right;
/*	float: right; */     /* with float: right this block gets strange bottom padding in IE */
	text-align: right;
/*	width: 40em; */
/*	border: 1px solid black; */
}

div#header-topline-nav ul {
  list-style-type: none;
  padding: 0;
	margin: 1em 0 0 0;
	float: right;
/*	width: 45em; */
}

div#header-topline-nav li {
  margin: 0;
  float: left;
	margin-left: 1em;
  font-weight: bold;
  background: left top #24BD00 url('/images/template/nav-left-corner.gif') no-repeat;
  white-space: nowrap;
}

div#header-topline-nav li span {
  display: block;
  padding: 1ex;
  background: right top transparent url('/images/template/nav-right-corner.gif') no-repeat;
}

div#login-line {
  background:    #5C5;
  border-top:    3px solid #5C5;
  border-bottom: 3px solid #5C5;
  padding: 0 1em;
  height: 26px;
}

#google-search-form {
  float: left;
  height: 26px;
  overflow: hidden;
}

#google-search-form input {
  border: 1px solid #059900;
}

.google-search-description {
  float: left;
  line-height: 25px;
  margin-right: 0.5em;
}

#google-search-form input[name=sa] {
  background: #4B4;
  font-weight: bold;
  border: 1px solid #059900;
}

div#login-line span.registration {
  color: #333;
}

div#login-line span.registration a {
  color: #333;
  text-decoration: underline;
}

div#login-line span.user-name a {
  color: black;
}

div#login-line form.login-form {
  text-align: right;
  padding: 0;
  border: 0;
  margin: 0;
}

div#login-line form.login-form input {
  border: 1px solid #059900;
}

div#login-line form.login-form label {
  color: #333;
}
div#login-line form.login-form label, div#login-line form.login-form input {
  width: 5em;
}

div#login-line form.login-form span.submit-button input {
  background: #4B4;
  font-weight: bold;
  border: 1px solid #059900;
}

/* FIN: header internals */





/* START: hotline internals */

div#adv-place-l1 {
  float: left;
  width: 180px;
}

div#hotline-cars {
  margin-left: 190px;
  border: 1px solid #ccc;
  height: 174px;
  padding: 2px 5px;
  min-width: 700px;
}

div#hotline-cars h2 {
  font-size: 0.9em;
  padding: 0;
  margin: 0 0 1ex 0;
  font-weight: normal;
}

div#hotline-cars h2 a {
  text-decoration: none;
}

div#hotline-cars h2 a:hover {
  color: #24BD00;
}
/* FIN: hotline internals */





/* START: column left internals */

div.column-left-block {
  margin: 1.5ex 0;
  text-align: center;
}

div.column-left-block div {
  margin: auto;
  text-align: left;
}

div#main-nav {
  padding-top: 1ex;
}

div#main-nav h3 {
  margin: 0;
  padding: 0;
  font-size: 1em;
}

div#main-nav ul {
  list-style-type: none;
  color: #0857A6;
  margin: 0;
  padding: 0 0 1ex 1em;
}
div#main-nav ul li {
  padding: 0;
  margin: 0;
}

div#main-nav a, div#main-nav h3 {
  list-style-type: none;
  color: #0857A6;
}

/* FIN:   left column internals */



/* START: column right internals */

div.column-right-block {
  margin: 1.5ex 0;
  text-align: center;
}

div.column-right-block div {
  margin: auto;
  text-align: left;
}

/* FIN: column right internals */





/* START: content internals */

div#content-prefix {
  margin-bottom: 1ex;
}
div#breadcrumbs {
  background-color: #eee;
  padding: 0.5ex 0.5em;
  margin-bottom: 1ex;
}
div.add-newspost {
  line-height: 16px;
}
div.add-newspost img {
  vertical-align: middle;
}
div#content p {
  text-align: justify;
}

div#content h1 {
  border-bottom: 3px solid #ddd;
  padding: 0 0 1ex 0;
  margin-top: 0;
  font-size: 2.4em;
  color: #336655;
  font-weight: normal;
}

div#content form.login-form {
  text-align: center;
}
div#content form.login-form fieldset {
  text-align: right;
  width: 50%;
  margin: 3ex auto;
  background: #ccc;
  border: 0;
}

div#content form.login-form fieldset label {
}

div#content form.login-form fieldset input {
}

/* FIN: content internals */








/* START: footer internals */

div#footer-nav {
  text-align: center;
  padding: 0 1em 2ex 1em;
}

div#footer-line {
  border-top: 3px solid #24BD00;
  background-color: #3176AC;
  font-size: 0.8em;
  padding: 2ex 1em;
}

div#footer-line a {
  color: #80CCFF;
}

div#footer-line p {
  margin: 0;
}

div#footer-copyright {
  float: left;
}

div#footer-counters {
  float: right;
}

/* FIN: footer internals */











/* START: pieces existing by themselves */

div#counters-invisible {
  width: 0;
  height: 0;
  padding: 0;
  margin: 0;
  visibility: hidden;
  overflow: hidden;
  font-size: 0;
}

/* FIN: pieces existing by themselves */





/* START: adv places styles */

#adv-c1 {
  text-align: center;
}

/* FIN: adv places styles */





/*

  END OF usedcars default css

*/



a#lnktemp:hover {text-decoration:none;color:#555555;}
