body {
	margin:0;
	padding:0;
	border:0;			/* This removes the border around the viewport in old versions of IE */
	width:100%;
	background:#fff;
	min-width:800px;		/* Minimum width of layout - remove line if not required */
					/* The min-width property does not work in old versions of Internet Explorer */

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

h2 {
margin: 0.8em 0 0.8em 0
}

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

a {
outline: 0;
}

a img {
border: 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: 0.5em;
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: 45px 2em 1.5em 2em;
}

#banner_top {
width: 100%;
height: 90px;
background: #db2827;
text-align: center;
}

#banner {
position: absolute;
top: 110px;
left: 550px;
width: 200px;
height: 148px;
}

#phone_address {
margin: 40px 0 0 0;
position: absolute;
right: 2em;
}


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

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

#line ul li {
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;
white-space: nowrap;
padding: 0 20px;
}

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

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

#line ul a.curr {
color: black;
}


#lifan_logo {
position: relative;
left:-30px;
background: url(img/lifan.gif) no-repeat;
width: 180px;
height: 101px;
z-index: 10;
cursor: pointer;
margin-bottom: 30px;
display: block;
}

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

#haima_logo {
position: relative;
left:-30px;
background: url(img/haima.gif) no-repeat;
width: 208px;
height: 109px;
z-index: 10;
cursor: pointer;
margin-bottom: 30px;
display: block;
}

#haima_left {
position: absolute;
top: 143px;
width: 340px;
height: 84px;
background: #F9F9F9;
border: 1px solid #eeeeee;
-moz-border-radius: 6px;
-webkit-border-radius: 8px;
visibility: hidden;
z-index: 2;
}


#haima_3_sedan_icon {
	position: absolute;
	top: 5px;
	left: 90px;
}

#haima_3_hatchback_icon {
	position: absolute;
	top: 5px;
	left: 220px;
}

#tagaz_logo {
position: relative;
left:-30px;
background: url(img/tagaz.gif) no-repeat;
width: 208px;
height: 85px;
z-index: 10;
cursor: pointer;
margin-bottom: 30px;
display: block;
}

#tagaz_left {
position: absolute;
top: 272px;
width: 180px;
height: 80px;
background: #F9F9F9;
border: 1px solid #eeeeee;
-moz-border-radius: 6px;
-webkit-border-radius: 8px;
visibility: hidden;
z-index: 2;
}






#great_wall_logo {
position: relative;
left:-30px;
background: url(img/great_wall.gif) no-repeat;
width: 180px;
height: 99px;
z-index: 12;
cursor: pointer;
margin-bottom: 30px;
display: block;
}

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

#geely_logo {
position: relative;
left:-40px;
background: url(img/geely.gif) no-repeat;
width: 176px;
height: 120px;
z-index: 12;
cursor: pointer;  margin-bottom: 30px;
display: block;

}

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

#brilliance_logo {
position: relative;
left:-40px;
background: url(img/brilliance.gif) no-repeat;
width: 180px;
height: 116px;
z-index: 11;
cursor: pointer;
margin-bottom: 30px;
display: block;
}


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


.youtube {
margin: 0 auto;
width: 425px;
display: block;
}

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

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

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

#tagaz_tingo_icon {
position: absolute;
left: 70px;
top: 6px;
}

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

#div_1 {
position: absolute;
left: 376px;
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: 290px;
top: 7px;
}

#div_6 {
position: absolute;
left: 200px;
top: 7px;
}

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

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

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

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

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

#lifan_620_icon {
position: absolute;
left: 380px;
top: 3px;
}

#coolbear_icon {
position: absolute;
left: 305px;
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;
}


#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 top;
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;
}

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

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


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

#body_main .frame a {
position: absolute;
top: 0;
left: 0;
display: none;
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;
}

.car_table {
width: 100%;
border-top: 1px dotted black;
border-bottom: 1px dotted black;
padding-top: 10px;
}

.car_table td {
text-align: center;
padding-bottom: 10px;
}

.car_table a {
text-decoration: none;
color: black;
position: relative;
}

.car_table img {
margin: 0 auto;
z-index: 20;
}

.car_table td .shade {
z-index: 200;
position: absolute;
bottom: 3px;
left: 0;
background: url(img/submenu_bg.png);
width: 100%;
padding: 3px 0;
}

.car_table .name {
text-transform: uppercase;
font-size: 12px;
color: white;

}

.car_table .price {
color: #CF0E2E;
font-size: 12px;
font-weight: bold;
}


.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: 32em;
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: 5em;
padding-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 7em;
}

.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;
}

/* column container */
.colmask {
	position:relative;	/* This fixes the IE7 overflow hidden bug */
	clear:both;
	float:left;
	width:100%;			/* width of whole page */
	overflow:hidden;		/* This chops off any overhanging divs */
}
/* common column settings */
.colright,
.colmid,
.colleft {
	float:left;
	width:100%;			/* width of page */
	position:relative;
}
.col1,
.col2,
.col3 {
	float:left;
	position:relative;
	padding:0 0 0 0;
	margin-top: 30px;	/* no left and right padding on columns, we just make them narrower instead 
					only padding top and bottom is included here, make it whatever value you need */
}
/* 3 Column settings */
.threecol {
}
.threecol .colmid {
	right:10%;			/* width of the right column */
}
.threecol .colleft {
	right:65%;			/* width of the middle column */
}
.threecol .col1 {
	width:46%;			/* width of center column content (column width minus padding on either side) */
	left:98%;			/* 100% plus left padding of center column */
}
.threecol .col2 {
	width:23%;			/* Width of left column content (column width minus padding on either side) */
	left:31%;			/* width of (right column) plus (center column left and right padding) plus (left column left padding) */
}
.threecol .col3 {
	width:27%;			/* Width of right column content (column width minus padding on either side) */
	left:85%;			/* Please make note of the brackets here:
					(100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
}
/* Footer styles */
#footer {
	clear:both;
	float:left;
	width:100%;
	background: rgb(219,40,39) url(img/footer_shadow.png) repeat-x top left;
	text-align: center;
	margin-top: 30px;
}


#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;
}


.news_ul {
list-style: none;
}