@charset "UTF-8";

/****************************************/
/*		Common Properties                       */
/****************************************/
* {
	margin: 0;
	padding: 0;
	outline: 0
}

.clear {
	clear: both;
}

body {
	background: #efeeee;
	font: 100%/1.5em Arial, Helvetica, sans-serif;
}

h1 {
	font-weight: bold;
	color: #336699;
	text-transform: uppercase;
	font-size: 1.3em;
}

h2 {
	font-weight: bold;
	font-size: 1em;
	color: #336699;
	margin: 0 0 0.5em 0;
}

h3 {
	font-weight: bold;
	font-size: 0.875em;
	color: #666;
	margin: 0 0 0.5em 0;
}

.red {
	font-weight: bold;
	font-size: 1.1em;
	color: #ed1c24;
}

.blue {
	font-weight: bold;
	font-size: 1em;
	color: #336699;
}

img {
	border: solid 1px #ccc;
	background: #fff;
	padding: 3px;
	float: left;
	margin: 0 10px 3px 0;
}

p {
	font-size: 0.875em;
	color: #666;
	margin: 0 0 1em 0;
	line-height: 1.4em;
}

.small {
	font-size: 0.875em;
}

a {
	font-size: 0.875em;
	color: #336699;
	text-decoration: none;
	border-bottom: dotted 1px #336699;
}

.oneway {
	background: url(img/one_way.png) left no-repeat;
	height: 31px;
	padding: 17px 0 0 40px;
}

.traffic {
	background: url(img/traffic.png) left no-repeat;
	height: 31px;
	padding: 17px 0 0 40px;
}


#title {
	margin: 0 0 15px 0;
}

#title p {
	font-size: 0.85em;
	font-weight: bold;
	
}

.hr {
	border-bottom: solid 1px #eee;
	margin: 0 0 1em 0;
}

#content ul {
	font-size: 0.875em;
	margin: 0 0 1em 0;
	color: #666;
	list-style: none;
}

#content56 li {
	background: url(img/wrench_bullet.png) 0 50% no-repeat;
	padding: 0 0 0 18px;
}

/****************************************/
/*		Header                                         */
/****************************************/

#header {
	background: url(img/header_bg.gif) 0 0 repeat-x;
	height: 90px;
}

/****************************************/
/*		Main Menu                                    */
/****************************************/

#mmenu {
	width: 960px;
	margin: 0 auto;
	text-align: center;
}

#logo a {
	background: url(img/logo.gif) 0 50% no-repeat;
	display: block;
	float: left;
	height: 70px;
	width: 145px;
	margin: 10px 0 0 0;
}

#mmenu ul {
	list-style: none;
	float: right;
}

#mmenu li {
	display: block;
	float: left;
}

#mmenu ul li a {
	background: url(img/mmenu_bg.png) bottom left no-repeat;
	display: block;
	width: 95px;
	text-transform: capitalize;
	color: #fff;
	text-decoration: none;
	font-size: 0.8em;
	height: 25px;
	margin-top: 35px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	padding-top: 15px;
	padding-right: 0;
	padding-bottom: 14px;
	padding-left: 15px;
}

#home #mmenu ul li a.l1, #about #mmenu ul li a.l2, #product #mmenu ul li a.l3, #faq #mmenu ul li a.l4, #mmenu ul li a.l5, #contact #mmenu ul li a.l6, #mmenu ul li a:hover {
	background: #1d5078 url(img/mmenu_bg.png) bottom left no-repeat;
}

#mmenu .hint {
	text-transform: lowercase;
	line-height: 0.85em;
	font-size: 0.85em;
	color: #ddd;
}

/****************************************/
/*		Content Layout                               */
/****************************************/

#content_wrap {
	background: #dededd;
	margin: 2px 0 2px 0;
	border-top: solid 1px #ccc;
	border-bottom: solid 1px #ccc;
}

#content {
	width: 960px;
	margin: 0 auto;
	padding: 20px 0;
}

/****************************************/
/*		Column Layout                               */
/****************************************/

/*main cols*/
.left_col {
	float:left;
	width: 650px;
}

.left_co4 {
	float:left;
	width: 650px;
}
.right_col {
	float:right;
	width: 280px;
}

/*sub cols 50x50*/
.left_half {
	float:left;
	width: 85%;
	padding: 0 15px 0 0;
	margin: 0 15px 0 0;
	
}

.right_half {
	float:right;
	width: 46%;
}

/****************************************/
/*		Footer                                           */
/****************************************/

#footer_wrap {
	background: #efeeee;
	border-top: solid 1px #ccc;
}

#footer {
	width:960px;
	margin: 0 auto;
	font-size: .875em;
	padding: 20px 0 0 0;
}

#footer a {
	border: none;
}

#footer p {
	color: #999;
	line-height: 1em;
}

#footer ul {
	list-style: none;
	padding: 10px 0 0 0;
}

#footer ul li {
	display: inline;
}

#footer a {
	color: #999;
}

#footer a:hover {
	color: #666;
}

#footer .right_col {
	text-align: right;
}


#footer .right_col p {
	margin: 0px 0 0 0;
	line-height: 1em;
}

#footer .right_col img {
	border: none;
	background: none;
	padding: 0;
	margin: 0 0 20px 0;
	float: right;	
}

/****************************************/
/*		Home Page                                   */
/****************************************/

#home #banner {
	display: block;
	width: 650px;
	height: 300px;
	margin: 0 0 10px 0;
}

#home #content .right_col {
	background: url(img/home_credits_bg.png) top left no-repeat;
	height: 491px;
}

#home .credit {
	margin: 0px 0 8px 20px;
}

#home .credit a {
	border: none;
	line-height: 1.2em;
	display: block;
	padding: 20px 0 0 80px;
	height: 70px;
}

#home .credit .name {
	color: #333;
}

#home .credit .description {
	color: #666;
	font-size: 0.875em;
}

#home .credit .link {
	font-size: 0.875em;
}

#home #icbc a {
	background: url(img/icbc_credit_logo.jpg) 0px 20px no-repeat;
}

#home #icbc a:hover {
	background: #eee url(img/icbc_credit_logo.jpg) 0 20px no-repeat;
}

#home #aircare a {
	background: url(img/aircare_credit_logo.jpg) 0 20px no-repeat;
}

#home #aircare a:hover {
	background: #eee url(img/aircare_credit_logo.jpg) 0 20px no-repeat;
}

#home #bcaa a {
	background: url(img/caa_credit_logo.jpg) 0 20px no-repeat;
}

#home #bcaa a:hover {
	background: #eee url(img/caa_credit_logo.jpg) 0 20px no-repeat;
}

#home #bcca a {
	background: url(img/care_aware_credit_logo.jpg) 0 20px no-repeat;
}

#home #bcca a:hover {
	background: #eee url(img/care_aware_credit_logo.jpg) 0 20px no-repeat;
}

#home #ara a {
	background: url(img/ara_credit_logo.jpg) 0 20px no-repeat;
}

#home #ara a:hover {
	background: #eee url(img/ara_credit_logo.jpg) 0 20px no-repeat;
}

/****************************************/
/*		Repair Page                                   */
/****************************************/

#repair #title {
	background: url(img/wrench.png) left top no-repeat;
	padding: 0 0 5px 60px;
}

#repair .right_col img {
	border:none;
	padding: 0;
	background: none;
}

#repair #content .right_col p {
	font-size: 0.8em;
}

/****************************************/
/*		Services Page                                 */
/****************************************/

#services #title {
	background: url(img/wheels.png) left top no-repeat;
	padding: 0 0 5px 75px;
}

#services .quater_col {
	float: left;
	width: 23%;
	padding: 0 0px 0 18px;
	border-right: solid 1px #eee;
	height: 370px;
}

#services .quater_col_last {
	float: left;
	width: 23%;
	padding: 0 0 0 18px;
	border: none;
}

#services .hr {
	margin: 0 18px 1em 0;
}

#services #banner {
	display: block;
	width: 960px;
	height: 102px;
	background: url(img/offer.png) top left no-repeat;
	margin: 0 0 20px 0;
}

/****************************************/
/*		About Page                                   */
/****************************************/

#about #banner {
	display: block;
	width: 650px;
	height: 319px;
	background: url(/img/about_banner.jpg) top left no-repeat;
	margin: 0 0 10px 0;
}

#about #title {
	background: url(img/detour.png) left top no-repeat;
	padding: 0 0 0 70px;
}

/****************************************/
/*		Contact Page                                 */
/****************************************/

#contact #title {
	background: url(img/no_turns.png) left top no-repeat;
	padding: 0 0 0 55px;
}

#contact iframe {
	margin: 0 0 1em 0;
	padding: 5px;
	background: #fff;
	border: solid 1px #ccc;
}

input, textarea {
	border: solid 1px #336699;
	background: #eee;
	color: #336699;
	padding: 10px;
	width: 255px;	
	font-size: 0.75em;
	font-family: Lucida Grande, Arial, Helvetica, sans-serif;
}

input.button {
	width: 100px;
	border: none;
	margin: 10px 0;
	text-transform: uppercase;
}

input.button:hover {
	cursor:pointer;
}

label {
	float: left;
	color: #666;
	font-size: 0.8em;
	font-weight: bold;
	text-transform: uppercase;
	margin: 5px 0 0 0;
}

/****************************************/
/*		FAQ Page                                      */
/****************************************/

#faq #title {
	background: url(img/question_mark.png) left top no-repeat;
	padding: 0 0 0 55px;
}

/****************************************/
/*		Testimonials Page                          */
/****************************************/

#testimonials #title {
	background: url(img/envelope_icon.png) left top no-repeat;
	padding: 0 0 0 65px;
}

/****************************************/
/*		temp                          */
/****************************************/

table{
	margin:2px 0 2px 0;
	text-align:center;
	border-collapse:collapse;
	background-color: #FFFFFF;
	border: 1px solid #666666;
}
td,th{
	border:1px solid #666;
	border-width:0 1px 1px 0;
	margin:2px 0 2px 0;
	text-align:center;
	}
td{
	height: 20px;
	font-size: 13px;
}
th{height: 43px;}
.t1{width: 120px;}
.t2{
	width: 240px;
	text-align: left;
	vertical-align: top;
}
.t3{
	background-color: #F4F4F4;
	color: #0000FF;
}

td.t4{
height:40px;
font-size: 13px;
}

td.t5{
height:48px;
width:100px;
font-size: 13px;
}

th{
	text-align:center;
	font-size:13px;
	color: #fff;
	background-color:#80AAD5;
	font-weight: normal;
}
thead th{border-width:0px;}
caption{
	padding:6px 0px;
	font-size: 16px;
	font-weight: bold;
	color: #999999;
}

#product .left_col {
	float:left;
	width: 700px;
	}
#product .right_col {
	float:right;
	width: 230px;
	}

#product .credit {
	margin: 0px 0 8px 20px;
}

#product .credit a {
	border: none;
	line-height: 1.2em;
	display: block;
	padding: 10px 0 0 50px;
	height: 50px;
	background: url(img/foward.png) 0 20px no-repeat;
}

#product .credit a:hover {
	background: #eee url(img/foward.png) 0 20px no-repeat;
}


#product .credit .name {
	color: #333;
}

#product .credit .description {
	color: #666;
	font-size: 0.875em;
}

#product .credit .link {
	font-size: 0.875em;
	display: block;
	padding-top: 10px;
}

#product #content .right_col {
	background: url(img/home_credits_bg1.png) left no-repeat;
	height: 650px;
	padding-top:65px;
	}

#product .shuoming{
	width:550px;
	font-size: 13px;
	font-weight: normal;
}

#product .shuoming1{
	width:550px;
	font-size: 13px;
	font-weight: normal;
}

#product .z1 img{
padding:0 0;
margin: 0 7px;
border:0px;
}

#product .z2 img{
padding:0 0;
margin: 0 7px 0 7px;
border:0px;
}

#product .z3{
width:80px;
}

#rotate{text-align:center;}
#rotate ul{
margin:0 0 0 0;
padding:0 0 0 0;
}

#rotate ul a{
	text-decoration: none;
	border:0;
}

#pp1{width:500px;
background-color:#FFFFFF;
}

#pp1 table{margin:10px 0 15px 8px;}
#pp1{margin:35px 0 0 40px;}

#pp2{width:520px;
background-color:#FFFFFF;
}

#pp2 table{margin:10px 0 15px 8px;}
#pp2{margin:35px 0 0 40px;}

#pp3{width:560px;
background-color:#FFFFFF;
}

#pp3 table{margin:10px 0 15px 8px;}
#pp3{margin:35px 0 0 40px;}

#pp4{width:580px;
background-color:#FFFFFF;
}

#pp4 table{margin:10px 0 15px 8px;}
#pp4{margin:35px 0 0 40px;}

#fla3{float:left;
margin:5px 10px 0 0;}

#ft1{float:left;}
#ft2{float:right;}
#lianxi{
	margin-left:200px;
	text-align: left;
}
#lianxi a{
	border:0;
	font-size: 13px;
	text-align:left;
}

#sitemap{
width:700px;
height:500px;
padding-left:350px;}

#sitemap a{
font-size:14px;
}

#mapleft{
margin-left:60px;
	width:180px;
	float: left;
}

#mapzhong{
	width:180px;
	float: left;
}

#mapright{
	width:180px;
	float:left;
}