/****

site		www.elite-park.ru
last edit	19.02.2009 - слева-направо редизайн + 100px

****/

body, ul, li, p, h1, h2, h3, div {
  margin: 0;
  padding: 0;
}
body {
  margin: 8px 5px 8px 5px;
  background: #E5E5E5;
}
a {
  color: #822A2F;
  text-decoration: underline;
}
a:hover {
  color: #C03E45;
}
img {
  border: 0;
}
* {
  font-family: Arial, Sans-Serif;
}
code {
  display: block;
  padding: 10px;
  border: 1px solid;
  background: #EFEFEF;
  font-family: Courier New, Sans-Serif;
  font-size: 77%;
}
* img {
  display: block;
  font-size: 8pt;
}
form {
  margin: 0;
  padding:0;
}

#wrapper {
  width: 855px;
  color: #4C4C4C;
}

/* head */

#head {
  height: 50px;
  border-right: 1px #CECECE solid;
  border-left: 1px #CECECE solid;
}

/* ------------------------ | nav | ------------------------ */


#nav {
  width: 856px;
  height: 27px;
  margin-top: 8px;
  background: url("../i/nav_bg.gif") no-repeat bottom left;
}
* html #nav {
  height /**/: 31px;
}
#nav ul {
  padding: 0;
  margin: 0;
  font: 12px Arial, Sans-Serif;
}
#nav li {
  float: left;
  list-style-type: none;
  margin: 0;
  margin-right: 1px;
  background: url("../i/mitem_bg.gif") no-repeat top right;
  border-left: solid 1px #CECECE;
}
#nav li.last {
  margin-right: 0px;
}
#nav li.here {
  width: 159px;
  height: 21px;
  padding: 6px 0 0 11px;
  color: #3C3C3C;
  background: #FFF url("../i/mitem_bg.gif") no-repeat top right;
  font-weight: bold;
}
* html #nav li.here {
  width /**/: 171px;
  height /**/: 27px;
}
#nav a {
  display: block;
  width: 158px;
  height: 21px;
  margin: 0;
  padding: 5px 0 0 11px;
  text-decoration: none;
  color: #4C4C4C;
  background: #F3F3F3 url("../i/mitem_bg.gif") no-repeat top right;
}
* html #nav a {
  width /**/: 169px;
  height /**/: 26px;
}
#nav a.here {
  width: 159px;
  background: #FFF url("../i/mitem_bg.gif") no-repeat top right;
  font-weight: bold;
}
* html #nav a.here {
  width /**/: 170px;
}
#nav a:hover {
  color: #822A2F;
  background: #FFF url("../i/mitem_bg.gif") no-repeat top right;
}


#nav2 {
  width: 226px;
  /*background: #ffdddd;*/
  /*height: 145px;*/
  color: #424242;
}
* html #nav2 {
  margin-right: 6px;
  /*height /**/: 145px;*/
}
#nav2 ul {
  font: 12px Arial, Sans-Serif;
  padding: 15px 10px 5px 35px;
  list-style-image: url("../i/nav2-marker.gif");
}
#nav2 li {
  padding: 3px 0;
  /*background: #ffdddd;*/
  /*margin-top: 1px;*/
}
#nav2 a span {
  color: #424242;
}
#nav2 li.here {
  list-style-image: url("../i/nav2-marker-here.gif");
}
#nav2 a {
 
}
#nav2 a:hover span {
  color: #822A2F;
}


/* ------------------------| main top | ------------------------ */

#content-top {
  clear: both;
  height: 145px;
  padding-top: 4px;
  padding-right: 4px;
  padding-left: 4px;
  background: #FFF;
  border-right: 1px #CECECE solid;
  border-left: 1px #CECECE solid;
}
* html #content-top {
  height /**/: 152px;
}
body.simplepage #content-top, body.wide #content-top {
  display: none;
}
img#splash {
  float: left;
  margin: 0;
  width: 540px;
  height: 145px;
}
img#logo {
  float: right;
  border-bottom: solid 1px #CECECE;
  padding: 14px 35px 14px 35px;
  margin-right: 26px;
}
* html img#logo {
  margin-right : 13px;
}

/* ------------------------| main part1 | ------------------------ */

#content-wrapper {
  padding-top: 4px;
  background: #FFF;
  border: 1px #CECECE solid;
  border-top: 0;
}

#content-wrapper #text {
  float: left;
  width: 520px;
  margin-left: 20px;
  padding-bottom: 30px;
  padding-right: 25px;
}
* html #content-wrapper #text {
  margin-left: 10px;
}
body.wide #content-wrapper #text {
  display: block;
  width: 720px;
}
#content-wrapper #linkstext img {
  float: left;
  margin-right: 15px;
}

/* ------------------------| standart text | ------------------------ */

#text a img {
  border: 2px #CECECE solid;
}
#text a:hover img {
  border-color: #822A2F;
}
#text h1 {
  font-size: 115%;
  color: #444;
  margin: 14px 0 12px 0;
  padding: 0;
}
#text h2 {
  clear: both;
  font-size: 90%;
  color: #444;
  margin: 20px 0 -5px 0;
  padding: 0;
  font-weight: bold;
}
#text p {
  font-size: 77%;
  line-height: 1.4;
  margin: 12px 5px 12px 0px;
  padding: 0;
  text-align: justify;
}
#text b, #text strong {
  color: #444;
}
#text a strong, #text a b {
  color: #822A2F;
}
#text ul {
  font-size: 77%;
  line-height: 1.4;
  padding: 0;
  padding-left: 20px;
  margin: 12px 0 12px 1.4em;
}
#text li {
  padding: 0;
  padding-left: 0.3em;
  margin: 0;
}
#text span.price {
  font-size: 109%;
  font-weight: bold;
  color: #74282C;
}

/* ----------------------| price | ------------------------ */

#text div.shortprice {
  border: 1px #CECECE solid;
  background-color: #EFEFEF; 
  padding: 0 12px;
}

/* ------------------------| dl | ------------------------ */

#text dl.carlist dt {
  clear: both; 
  border-left: solid 3px #CECECE;
  text-indent: 9px;
  margin-top: 22px;
  margin-bottom: 10px;
  color: #444;
  font-size: 100%;
}
#text dl.carlist dd {
  display: block;
  margin-left: 10px;
  font-size: 77%;
  line-height: 1.4;
}
#text dl.carlist dd a.img {
  float: left;
  margin-right: 10px;
}
#text dl.carlist dd:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}
#text dl.carlist span {
  font-size: 120%;
  font-weight: bold;
  color: #74282C;
}
/* Hides from IE-mac \*/
* html #text dd { height: 1%; }
#text dd { display: block; }
/* End hide from IE-mac */


/* ------------------------| tables | ------------------------ */

table, table td, table th {
  border-collapse: collapse;
}
#text table {
  font-size: 77%;
  line-height: 1.4;
  width: 90%;
  margin: 10px 0 8px 0;
}
#text table.price td {
  text-align: right;
}
#text table td {
  border: solid 1px #CECECE;
  padding: 2px 4px;
}
#text table th {
  color: #555;
  border: solid 1px #CECECE;
  background: #E5E5E5;
  padding: 3px 6px;
}
#text table.fullcarprice {
  width: 200px;
  float: left;
  margin-right: 15px;
  margin-top: 13px;
}
#text table.fullcarprice td.service {
  font-weight: bold;
}
#text table.mainprice {
  width: 100%;
}
#text table.mainprice td.carclass {
  text-align: center;
  padding: 5px 0 2px 0;
  font-weight: bold;
}
#text table.mainprice td.price {
  text-align: right;
}
#text table.mainprice td.price span.price {
  font-weight: bold;
}

/*** calculator ***/

#text table.mainprice td.calculator {
  text-align: center;
}
#text table.mainprice td.calculator a {
  width: 13px;
  display: block;
  margin: 0 auto;
}
#text a.calculator img {
  width: 13px;
  height: 15px;
  border: none;
  display: inline;
  background: #4d4d4d;
}
#text a.calculator:hover img {
  background-color: #822A2F;
}


#text table.noborder, #text table.noborder td {
  border-width: 0;
}

/* ------------------------| links | ------------------------ */

p.linkspages {
  word-spacing: 5pt;
}

#text div.link {
  clear: both;
  padding: 8px 0;
  border-top: solid 1px #CECECE;
  font-size: 77%;
}
#text div.link img {
  float: left;
  display: block;
  margin: 0 8px 8px 0;
  border: 0;
}

/* ------------------------| gallery | ------------------------ */

div.thumbs {
  float: right;
  width: 200px;
  padding: 0;
  margin: 0;
  margin-left: -20px; /* внутри блока непонятные поля, приходится бороться так */
  //margin-right: -5px;
}
div.thumbs ul {
  padding: 0;
  margin: 0;
}
div.thumbs ul li {
  float: left;
  width: 72px;
  height: 77px;
  list-style-type: none;
  padding: 0;
  margin: 0;
}
div.thumbs ul li img {
  display: inline;
  margin: 0 5px 0 0;
}
div.thumbs ul li.current img {
  padding: 1px;
  border: solid 1px #333;
}
div.thumbs ul li img {
  width: 68px;
  height: 68px;
}
#text div.thumbs ul li a.current img {
  padding: 1px;
  border-width: 1px;
  border-color: #333;
}
div.thumbs a {
  cursor: hand;
}
div.thumbs a.current {
  cursor: default;
}

div.gallery-photo-info {
  margin-right: 180px;
}
div.gallery-photo-info img {
  padding-top: 12px;
}
div.big-gallery-img img {
  padding-top: 12px;
}
div.big-gallery-img img {
  width: 440px;
  height: 280px;
}

div.car-description {
  padding-top: 1px;
  margin-top: 16px;
}
#big-photo {
  margin-right: 10px;
  padding-top: 12px;
}
img.bigphoto {
  margin-right: 10px;
  padding-top: 12px;
}

#photoset-wrapper #big-photo {
  padding: 0;
  border: solid 1px #CECECE;
}

/* ------------------------ | leftbar | ------------------------  */

#leftbar {
  float: right;
  margin-right: 12px;
  margin-bottom: 20px;
}
* html #leftbar {
  margin-right: 6px;
}
body.simplepage #leftbar, body.wide #leftbar {
  display: none;
}
#leftbar img {
  display: block;
  margin: 18px 12px;
  background: #CECECE;
}
#leftbar > a {
  display: block;
  margin-bottom: 12px;
}
#leftbar a:hover img {
  background-color: #999;
}

/* voting */

#leftbar div.voting {
  width: 176px;
}
#leftbar div.voting h3 {
  margin: 0;
  padding: 0;
}
#leftbar div.voting h3 img {
  margin: 0;
  padding: 0;
}
#leftbar div.voting div.content {
  margin: 0;
  padding: 10px;
  border-right: solid 1px #CECECE;
  border-bottom: solid 1px #CECECE;
  border-left: solid 1px #CECECE;
  font-size: 70%;
}
#leftbar div.voting div.content p {
  margin: 0;
  margin-bottom: 5px;
  padding: 0;
}
#leftbar div.voting div.content p.button {
  margin-top: 10px;
  text-align: center;
}
input {
  font-size: 8pt;
}

/* ------------------------| footer | ------------------------ */

#footer {
  padding: 11px 12px 13px 12px;
  font-size: 70%;
  background: #FFF url("../i/footer_bg.gif") no-repeat bottom center;
}
* html #footer {
  height /**/: 24px;
}
#footer #copy {
  float: left;
  width: 550px;
}
#footer #developer {
  float: right;
  text-align: right;
  width: 250px;
}

/* ------------------------| links | ------------------------ */

#links {
  text-align: right;
  font-size: 65%;
  padding: 3px 12px 1px 12px;
}
* html #links {
  height /**/: 4px;
}

/* additional */

.clear {
  clear: both;
}
.inline {
  display: inline;
}
#text .noborderimg img {
  border: 0;
}
.right {
  text-align: right;
}
.center {
  text-align: center;
}
.lgray {
  background: #f3f3f3;
}

/* ------------------------| forms | ------------------------ */

#text form fieldset {
  display: block;
  border: solid 1px #ccc;
  padding: 10pt 10pt 5pt 10pt;
  margin-bottom: 1pt;
}
#text form fieldset:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}
form label {
  display: block;
  float: left;
  width: 30%;
  margin: 2pt 2% 2pt 0;
  font-size: 77%;
  text-align: right;
}
form input, select, textarea {
  display: block;
  float: left;
  width: 50%;
  font-size: 77%;
}
form input.small {
  width: 30%;
}
form input.smallnum {
  width: 10%;
  text-align: right;
}
form div.button {
  clear: both;
  width: 100%;
  text-align: center;  
}
form div.button input {
  width: 50%;
  float: none;
  margin: 12pt auto;
  background: #eee;
  border: 1px #333 solid;
  padding-top: 2px;
  padding-bottom: 2px;
}
form div.button input:active {
  background: #ccc;
}

form input.radio {
  width: 8%;
}
form label.radio {
  width: 5%;
  text-align: left;
}

.nodisplay
{
  display: none;
}



/*form input, select, textarea {
  display: block;
  float: left;
  width: 60%;
}
form input.small {
  width: 30%;
}
form input.wide {
  width: 90%;
}
form div.button {
  text-align: center;  
}
form div.button input {
  width: 50%;
  margin: 5pt auto;
}*/