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

html, body {
height: 100%;
}

h2 {
margin: 0.8em 0 0.8em 0
}

#wrapper {
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0 auto -10em;
}

body {
font-family: Tahoma, sans-serif;
font-size: 0.8em;
line-height: 150%;
}

h1 {
margin-left: 3px;
margin-bottom: 0.6em;
font-weight: normal;
font-size: 2.4em;
}

a {
outline: 0;
}

table.striped {
border-collapse: collapse;
border: 1px solid #eee;
margin: 0 auto;
}

table.striped tr:hover {
color: black;
background: #fff8da url(img/gold_gradient.png) repeat-x left bottom !important;
}

table.striped td {
padding: 1em;
color: #252525;
cursor: default;
}

table.striped caption {
font-size: 1.5em;
padding: 2em 0 1em 0;
}

table.striped td.table_section, table.striped td.table_section:hover {
font-weight: bold;
text-align: left !important;
border-top: 1px solid #eee;
border-bottom: 1px solid #eee;
}


#logo {
display: inline;
margin: 15px 2em 1.5em 2em;
}



/* ---------------- */

body#main #main_button a {
color: black;
}

body#used #used_button a {
color: black;
}

body#service #service_button a {
color: black;
}

body#spare_parts #spare_parts_button a {
color: black;
}

body#contacts #contacts_button a {
color: black;
}

body#jobs #jobs_button a {
color: black;
}

/* ---------------- */

#line {
background-color: rgb(219,40,39);
height: 30px;
}

#line ul {
list-style: none;
margin-left: 18%;
height: 30px;
}

#line ul li {
width: 12%;
float: left;
height: 30px;
text-align: center;
}

#line ul li.button {
border-right: 1px solid rgb(176,32,32);
border-left: 1px solid rgb(207,37,37);
}

#line ul li#left_shade {
background: url(img/shade.png) repeat-y center right;
width: 25px;
}

#line ul li#right_shade {
background: url(img/shade.png) repeat-y center left;
width: 25px;
}

#line ul a {
display: block;
text-decoration: none;
color: white;
height: 30px;
line-height: 30px;
background-image: url(img/highlight.png);
background-repeat: repeat-x;
background-position: top left;
}

#line ul a:hover {
background-image: url(img/selected.png);
background-color: rgb(226,83,82);
color: white;
}

#line ul a:active {
color: black;
}

#content {
padding: 3em 20em 6em 20%;
background: url(img/grid.png) repeat-x top left;
}

#right_panel {
position: absolute;
top: 230px;
right: 2em;
}

#special_offers {
width: 15em;
margin-bottom: 5em;
}

#special_offers h2, #news h2, #articles h2 {
padding-bottom: 30px;
text-align: center;
font-weight: normal;
font-size: 1.8em;
margin-bottom: 0.5em;
background: url(img/shadow.png) no-repeat center 30px;
}


#special_offers ul, #news ul, #articles ul {
list-style: none;
}

#special_offers ul li, #news ul li, #articles ul li {
margin-bottom: 0.8em;
padding-left: 1em;
background: url(img/bullet.gif) no-repeat left center;
font-size: 0.9em;
}

#special_offers a, #news a,#articles a {
float: right;
font-size: 0.8em;
}

#special_offers li a, #news li a, #articles li a {
float: none;
font-size: 1em;
}

#special_offers li a:hover, #news li a:hover, #articles li a:hover {
text-decoration: underline;
}

#news {
width: 15em;
margin-bottom: 5em;
}

#articles {
width: 15em;
}

p {
margin-bottom: 1em;
}

#phone_address {
position: absolute;
top: 35px;
right: 2em;
}

#content h2 {
font-weight: normal;
font-size: 2.5em;
}

#main .frame {
position: relative;
width: 547px;
height: 305px;
margin: 0 auto 40px auto;
z-index: 1;
}

#main .frame a {
position: absolute;
top: 0;
left: 0;
display: none;
z-index: 1;
}

#lifan_logo {
position: absolute;
top: 230px;
left:-10px;
background: url(img/lifan.gif) no-repeat;
width: 180px;
height: 101px;
z-index: 10;
cursor: pointer;
}

#lifan_left {
position: absolute;
top: 240px;
left: -250px;
width: 380px;
height: 84px;
background: #F9F9F9;
border: 1px solid #eeeeee;
-moz-border-radius: 6px;
-webkit-border-radius: 8px;
visibility: hidden;
z-index: 2;
}


#great_wall_logo {
position: absolute;
top: 350px;
left: -10px;
background: url(img/great_wall.gif) no-repeat;
width: 180px;
height: 99px;
z-index: 12;
cursor: pointer;
}

#great_wall_left {
position: absolute;
top: 355px;
left: -100px;
width: 450px;
height: 84px;
-moz-border-radius: 6px;
-webkit-border-radius: 8px;
background: #F9F9F9;
border: 1px solid #eeeeee;
visibility: hidden;
z-index: 2;
}

#geely_logo {
position: absolute;
top: 470px;
left: -20px;
background: url(img/geely.gif) no-repeat;
width: 176px;
height: 120px;
z-index: 12;
cursor: pointer;
}

#geely_left {
position: absolute;
top: 490px;
left: -150px;
width: 300px;
height: 84px;
background: #F9F9F9;
border: 1px solid #eeeeee;
-moz-border-radius: 6px;
-webkit-border-radius: 8px;
visibility: hidden;
z-index: 2;
}

#brilliance_logo {
position: absolute;
top: 600px;
left:-20px;
background: url(img/brilliance.gif) no-repeat;
width: 180px;
height: 116px;
z-index: 11;
cursor: pointer;
}


#brilliance_left {
position: absolute;
top: 615px;
left: -100px;
width: 200px;
height: 84px;
-moz-border-radius: 6px;
-webkit-border-radius: 8px;
background: #F9F9F9;
border: 1px solid #eeeeee;
visibility: hidden;
z-index: 2;
}


#mk_icon {
position: absolute;
left: 40px;
top: 5px;
}

#h3_icon {
position: absolute;
left: 60px;
top: 3px;
}

.divide {
width: 0px;
height: 70px;
border-left: 1px solid #e0e0e0;
border-right: 1px solid #fefefe;
}

#div_1 {
position: absolute;
left: 155px;
top: 7px;
}

#div_2 {
position: absolute;
left: 155px;
top: 7px;
}

#div_3 {
position: absolute;
left: 270px;
top: 7px;
}

#div_4 {
position: absolute;
left: 165px;
top: 7px;
}

#div_5 {
position: absolute;
left: 310px;
top: 7px;
}

#vision_icon {
position: absolute;
left: 175px;
top: 5px;
}

#m2_icon {
position: absolute;
left: 90px;
top: 7px;
}

#lifan_520_icon {
position: absolute;
left: 48px;
top: 7px;
}

#lifan_521_icon {
position: absolute;
left: 164px;
top: 9px;
}

#lifan_620_icon {
position: absolute;
left: 278px;
top: 0px;
}

#coolbear_icon {
position: absolute;
left: 175px;
top: 2px;
}

#sailor_icon {
position: absolute;
left: 320px;
top: 3px;
}

#brilliance_m2 #content, #geely_mk #content, #geely_vision #content, #great_wall_hover_h3 #content {
position: relative;
}


.frame {
width: 329px;
height: 251px;
background: url(img/photo_frame.png) no-repeat center center;
z-index: -1;
}

.frame img {
position: absolute;
left: 14px;
top: 14px;
z-index: 1;
}

.photo_price {
position: relative;
width: 350px;
float: left;
}

.photo_price span {
display: block;
text-align: center;
}

.photo_price span.price {
padding-bottom: 0.5em;
}

#links {
padding: 2.5em 0 2em;
margin: 0 auto;
width: 48em;
clear: both;
}

.link {
font-size: 1.3em;
color: blue;
text-decoration: underline;
cursor: pointer;
margin-left: 0.5em;
margin-right: 0.5em;
background-color: transparent;
padding: 0.6em;
}

.active_link {
font-size: 1.3em;
color: black;
text-decoration: none;
cursor: default;
margin-left: 0.5em;
margin-right: 0.5em;
background-color: #fafafa;
padding: 0.6em;
}

#compl, #gallery_new {
display: none;
}

.striped td {
text-align: center;
}

.striped td.table_left {
text-align: left;
border-right: 1px solid #eee;
}

.price {
color: rgb(219,40,39);
font-size: 1.5em;
wehite-space: nowrap;
display; block;
}

#map_canvas, #map_canvas2 {
width: 435px;
height: 435px;
}

.form fieldset, .form fieldset legend, .form fieldset input, .form fieldset textarea, .form select {
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px; 
}

.form fieldset input, .form fieldset textarea, .form .submit, .form select {
border-left: 1px solid #bebeb9;
border-top: 1px solid #bebeb9;
border-bottom: 1px solid #edede9; 
border-right: 1px solid #edede9; 
}

.form fieldset, .form fieldset legend {
border-right: 1px solid #bebeb9;
border-bottom: 1px solid #bebeb9;
border-top: 1px solid #edede9; 
border-left: 1px solid #edede9; 
}


.form fieldset {
width: 34em;
padding: 2em;
background-color: #fcfcfc;
margin: 0 auto;

*padding-top: 0;
*background-color: white;
*margin-bottom: 2em;

}


.form fieldset legend {
font-variant: small-caps;
padding: 0.2em 0.5em;
background-color: #fafafa;

cursor: default;

*margin-bottom: 2em;
}

.form {
margin: 2em 0 2em;
}

.form ul {
list-style: none;
}

.form ul li  {
margin-bottom: 0.8em;
}

.form ul li label, .form ul li div.spacer {
clear: both;
text-align: right;
float: left;
width: 9em;
margin-right: 1em;
padding-top: 4px;
}


.form ul li label {
cursor: pointer;
}

.form ul li label:after {
content: ":";
}

.form ul li label.checkbox:after {
content: "";
}

.form ul li textarea  {
overflow: auto;
}

.form ul li input, .form ul li textarea, .form ul li select {
outline: 0;
padding: 0.5em;
background-color: #fafafa;
}

.form ul li input, .form ul li textarea, .form ul li .or {
width: 230px;
}

.form ul li select {
width: 245px;
}

.form ul li .or {
text-align: center;
float: left;
padding-bottom: 0.6em;
}


.form .submit {
width: 8em;
border-right: 1px solid #bebeb9;
border-bottom: 1px solid #bebeb9;
border-top: 1px solid #edede9; 
border-left: 1px solid #edede9; 
font-variant: small-caps;
cursor: pointer;
}

.form #captcha {
width: 166px;
}

.form ul li input:focus, .form ul li textarea:focus, .form ul li select:focus  {
background-color: white;
}

.form ul li input[type="checkbox"]:focus {
outline: 1px dotted grey;
}

.form fieldset fieldset {
width: 230px;
border: 0;
padding: 5px 0 0 0;
background-color: transparent;
clear: none;
float: left;
}

.form fieldset fieldset input {
width: auto;
height: auto;
border: 0;
background-color: transparent;
}

.form fieldset fieldset label {
float: none;
width: 3em;
}

.form #sent {
width: 23em;
text-align: center;
border: 1px solid #ace27b;
background-color: #d8ffb6;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px; 

padding: 10px;
margin: 0 auto 2em;
}

.form #not_sent {
width: 23em;
text-align: center;
border: 1px solid #ff7373;
background-color: #fdafaf;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px; 

padding: 10px;
margin: 0 auto 2em;
}

.form span.error {
color: #d50000;
font-size: 0.9em;
display: block;
margin: 0em 0 1em 11.5em;
}

.form img.error_gif {
vertical-align: top;
}

.form .error_fieldset {
border: 3px solid #d50000;
background-color: #fdafaf;
padding-left: 1em;
}

.form #cond_span {
text-indent: 0;
}

.form .error_input {
border: 3px solid #d50000;
background-color: #fdafaf;
}

.form li.add_space {
margin-bottom: 30px;
}

* html .form ul li select {
margin-top: 5px;
}

#small_logos {
text-align: center;
}

#footer {
background: rgb(219,40,39) url(img/footer_shadow.png) repeat-x top left;
text-align: center;
}

#footer #copyright {
display: block;
padding: 2em 0 0.5em 0;
}

#madein {
padding: 0 0 1em 0;
}

#madein a {
color: black;
text-decoration: none;
border-bottom: 1px dashed black;
}

#footer, #push {
height: 10em;
}

.clear {
clear: both;
font-size: 0;
}