@charset "utf-8";
/* CSS Document */


/*=====================================================================================
Common CSS
=====================================================================================*/
html {	}

body {
		margin-left: 0px;
		margin-top: 0px;
		margin-right: 0px;
		margin-bottom: 0px;
		background:url(images/body_background.jpg) top left repeat-x #FFFFFF;
	}
p {line-height:130%}
.backontop { text-align:right; font-size:8pt; text-decoration:underline;}
.backontop a { color:#06C;}
	
img { border:0px;}
a { color:#063472; text-decoration: none;}
a:hover {color:#063472;text-decoration: underline;}

.first {border-left: 0;}
.hide {display: none;}

.clear-all {clear: both; height: 0; line-height: 0; font-size: 0; padding:0px;}
.clear-left {clear: left; height: 0; line-height: 0; font-size: 0; padding:0px;}
.clear-right {clear: right; height: 0; line-height: 0; font-size: 0; padding:0px;}
.input-a { font-size:12px;}

.button-red, .button-black, .button-blue { font-size:8pt; color:#FFFFFF;  font-family:'Tahoma'; font-weight:bold;}
.button-red {  background-color:#FF0000; }
.button-black { background-color:#000000;}
.button-blue { background-color: #336699;}

.red { color:#CC0000;}
.white { color:#FFFFFF;}
.blue { color:#04579f}
.black { color:#000;}
.bold { font-weight:bold;}
.italic {font-style:italic;}
.underline { text-decoration:underline;}

h1, h2, h3, h4, h5, h6 { color:#00175c; line-height:80%}

#list-top { margin-bottom:20px;}
#list-bottom {margin-top:20px;}

/*=====================================================================================
Body Layouts
=====================================================================================*/
#topbar, #content, #sub-topbar, #display-pano, #footer { 
	margin-left:auto;  margin-top:10px; margin-right:auto; 
	padding:0px; 
	position:relative; 
	width:980px !important; height:auto;
}
#topbar { background-color:#888A8C; height:60px; z-index:1}
#topbar #logo, #topbar #domain { 
		z-index:9999; float:right; width:186px;
		margin-left:0px;  margin-top:-10px; 
		position:absolute;
		text-align:right;
}
#topbar #logo { left:765px; top:0px; }
#topbar #domain { left:565px; top:15px; width:161px; height:34px; }
#topbar #logo img { behavior: url(iepngfix.htc);}
/*=====================================================================================
Topbar :Main Menu
=====================================================================================*/
#topbar #main-menu { 
		width:750px;
		height:20px; z-index:1 position:relative; color:#00175c;
		padding-top:10px;
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px; font-weight:bold;
		border-bottom:solid 1px #bbb;
	}
#topbar #main-menu ul { margin-left:-10px; margin-top:0px; padding-left:30px;}
#topbar #main-menu li { margin-left:-10px; display:inline; }
#topbar #main-menu span { padding-left:10px; padding-right:10px; }
#topbar #main-menu a { color:#FFF; text-decoration:none;}
#topbar #main-menu a:hover { color:#FFF; text-decoration:underline;}
	
	
#topbar #sub-menu { 
		width:750px;
		height:20px; z-index:1 position:relative; color:#00175c;
		padding-top:6px;
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px; 
	}
#topbar #sub-menu ul { margin-left:-10px; margin-top:0px; padding-left:30px;}
#topbar #sub-menu li { margin-left:-10px; display:inline; }
#topbar #sub-menu span { padding-left:10px; padding-right:10px; }
#topbar #sub-menu a { color:#FFF; text-decoration:none;}
#topbar #sub-menu a:hover { color:#FFF; text-decoration:underline;}
	
	
#display-pano { margin-top:20px; z-index:0; position:relative; height:350px;}

#footer { font-family:Verdana, Geneva, sans-serif; font-size:10px; color:#999; text-align:center; border-top:solid 1px #afafaf; padding-top:20px; margin-top:0px;}

#content .under-construction { font-family:Arial, Helvetica, sans-serif; font-size:12px; width:305px; border-right:dashed 1px #CCC; float:left; padding:10px; border-top:dashed 1px #CCC;}
#content .under-construction p { text-align:left;}
#content .noborder-right { border-right:0px;}
#content .noborder-left { border-left:0px;}
#content .noborder-top { border-top:0px;}

#content .no-margin-top { margin-top:0px; padding-top:0px;}
#content .border-top { border-top:dashed 1px #CCC; }
#content .border-bottom { border-bottom:dashed 1px #CCC; }
#content .border-right { border-right:dashed 1px #CCC; }
#content .border-left { border-left:dashed 1px #CCC; }

/*=====================
Content for 2 Column
=====================*/

/*Left Column = Menu */
#content {width:980px !important; margin-top:0px; margin-bottom:0px;}
#content #col-left { float:left; width:210px; position:relative; height:auto; margin-right:0px;}

/*Right Column = Content */
#content #col-right { float:right; z-index:0; position:relative; min-height:300px; width:763px; position:relative; border-left:solid 1px #afafaf;}

#section-menu {}
#section-menu td {padding:4px; padding-left:10px; padding-right:10px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#00175c; border:solid 1px #afafaf; border-top:0px; border-right:0px;}
#section-menu td.end {padding:0px; border:solid 1px #afafaf; border-top:0px;}
#section-menu td a {color:#000000; text-decoration:none; font-weight:bold;}
#section-menu td a:hover {color:#000000; text-decoration:underline;}
#section-menu .no-border { border-bottom:none;}

#section-menu ul { margin-top:0px; margin-left:0px; margin-bottom:0px; padding-left:0px;}
#section-menu ul li { list-style-image:url(/themes/default/images/bullet-list.png); margin-left:20px; margin-top:5pt; padding-left:-30px;}
#section-menu ul li a { color:#00175c; text-decoration:none; font-weight:normal}
#section-menu td.current { background:#EEE; color:#0056ba}
#section-menu td.current a { color:#0056ba; text-decoration:underline;}

/*=====================================================================================
Others : Pix Display
=====================================================================================*/
#col-right {
	height:auto;
	overflow:visible;
	position:relative;
	}
#col-right #section-display { 
	z-index:1;
	/*width:763px; height:220px;*/
	position:relative;
}

#col-right #section-display #image { 
	z-index:0;
	width:100%; height:220px;
	position:relative;
	overflow:hidden;
	top:-25px;

}

/* Page Title */
#col-right #section-display #page-title { 
	position:relative; 
	color:#0056ba; 
	z-index:10;
	padding-left:10px; padding-top:5px; padding-bottom:5px;
	background:url(images/bg-page-title.png);
	font-size:13px; font-family:'Arial'; font-weight:bold;
	/*border-bottom:solid 1px #777;*/

}

#col-right #data {
	margin:10px; margin-right:0px; margin-top:-20px;
	font-size:12px; font-family:'Arial','Tahoma';
	color:#444;
	height:auto;
	overflow:visible;
	position:relative;
}

#col-right #data strong, #col-right #data b { font-weight:bold; color:#000;}

/*===============================
About Us
===============================*/
#col-right #data #open{
	margin-top:0px;
	 margin-left:10px; padding-left:10px; padding-right:10px; padding-bottom:10px; margin-bottom:10px; padding-top:10px;
	 width:235px;
	 float:right;
	 background:#888888;
	 color:#FFF;
}
#data #open table td { font-size:8pt}
#data #open table td.head {  font-weight:bold; color:#000; font-size:12px;}
#data #open strong {  font-weight:bold; color:#FFF;}

/*===============================
Contact Us
===============================*/
#data table.contact td { padding-top:10px; padding-bottom:15px; border-bottom:dashed 1px #999;}
#data table.contact td span.name {  font-weight:bold; color:#00175c; font-size:16px;}
#data table.contact td a { color:#00175c; text-decoration:underline;}

/*===============================
Home Content
===============================*/
#home-content {
		margin-left:auto;  margin-right:auto; 
		padding:0px; 
		position:relative; 
		width:980px !important; height:auto;
	}
#home-content table.section { width:980px !important;}
#home-content table.section td { width:320px; font-size:11px; font-family:'Arial','Tahoma'; color:#444; padding-bottom:10px;}
#home-content table.section td.col-1 { border-right:dashed 1px #CCC; padding-right:5px; }
#home-content table.section td.col-2 { border-right:dashed 1px #CCC; padding-right:5px; padding-left:5px;}
#home-content table.section td.col-3 { padding-left:5px;}
#home-content table.section td.col-3 div.holiday { 
		width:305px; margin-left:-5px; margin-top:0px; 
		height:35px; padding:10px;
		position:static;
		/*z-index:100000;  position:absolute; */
		background:#039; color:#FFF;
		font-size:10pt; font-weight:bold;
		text-align:center;
	}

#home-content table.section td div.img-name { margin-top:10px;}
#home-content table.section td.col-1 div.txt { margin-bottom:10px; padding-bottom:10px; line-height:160%; }
#home-content table.section td div.promotion { margin-top:10px;}
#home-content table.section td div.news-events { margin-top:10px; position:relative; width:320px;}
#home-content table.section td div.news-events div.thumb { margin-right:5px; width:75px; margin-bottom:5px; overflow:hidden; float:left;}
#home-content table.section td div.news-events div.txt-link { float:right; width:230px;}
#home-content table.section td div.news-events div.txt-link a { font-weight:bold; color:#000; text-decoration:none;}
#home-content table.section td div.news-events div.txt-link a:hover { text-decoration:underline;}

/*===============================
Cars Model
===============================*/
#col-right div.models-list { margin-top:0px; margin-left:30px; margin-bottom: 20px; }
#col-right div.models-list table td { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#555;}
#col-right div.models-list table td span.name {  font-size:14px; color:#039; font-weight:bold; }
#col-right div.models-list table td.data {padding-bottom:15px; padding-top:20px; }
#col-right div.models-list table td.list {padding-bottom:20px;}
#col-right div.models-list table td ul  { margin:0 20px 10px 0 }
#col-right div.models-list table td li { list-style-image:url(/themes/default/images/bullet-more.png); margin-left:20px; margin-top:5pt; padding-left:-30px;}
#col-right div.models-list table td li a { color:#00175c; text-decoration:none; font-weight:normal}
#col-right div.models-list table td li a:hover { color:#FF0000; text-decoration:underline;}

li { list-style-image:url(/themes/default/images/bullet-more.png); line-height:150%;}

/*===============================
OverWrite 
===============================*/
.svwp {
	margin-left:auto;  margin-top:10px; margin-right:auto; padding:0px; 	position:relative; 
}

.remark { font-size:8pt; color:999; margin-bottom:30px; margin-left:10px; margin-right:10px;}
.remark span { color:#039; text-decoration:underline; font-weight:bold;}
.remark li { list-style-image:url(/themes/default/images/bullet-more.png); line-height:150%;}

/*=====================================================================================
Used Cars Section
=====================================================================================*/
#usedcar { font-family:Tahoma, Arial; margin-top:30px;}
#usedcar .thumb { width:170px; height:170px; margin-left:8px; margin-right:8px; margin-bottom:20px; float:left;}
#usedcar .thumb .name { float:left; width:130px; font-size:10pt; font-weight:bold; color:#69C; padding-bottom:5px;}
#usedcar .thumb .number { float:right; width:40px; text-align:right; color:#999; font-size:8pt;}
#usedcar .thumb .image { width:170px; height:128px; overflow:hidden; margin-top:10px; margin-bottom:5px;}
#usedcar .thumb .image img { border:0px;}
#usedcar .thumb .price { float:left; width:160px; font-size:9pt; color:#666; }
/*link*/
#usedcar .thumb .name a { color:69C; text-decoration:none;}
#usedcar .thumb .name a:hover { color:69C; text-decoration:underline;}

#usedcar .bigsize { width:640px; height:480px; overflow:hidden; float:left;}
#usedcar .smallsize { width:100px; height:480px; overflow:hidden; float:right;}
#usedcar .smallsize li { list-style:none;}
#usedcar .title { font-size:16px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#69C; margin-bottom:20px;}
#usedcar .detail { font-size:14px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; margin-top:30px; margin-bottom:30px; text-align:center;}
/*=====================================================================================
Parts & Accessories
=====================================================================================*/
#parts { font-family:Tahoma, Arial; margin-top:30px;}
#parts .thumb { width:356px; height:170px; margin-left:8px; margin-right:8px; margin-bottom:10px; float:left;}
#parts .thumb .name {width:130px; font-size:10pt; font-weight:bold; color:#69C; }
#parts .thumb .image { width:170px; height:128px; overflow:hidden; margin-top:10px; margin-bottom:5px; float:left;}
#parts .thumb .image img { border:0px;}
#parts .thumb .detail { float:left;  font-size:8pt; color:#666; margin-left:10px;  margin-top:10px; width:170px; line-height:150%}
/*link*/
#parts .thumb .name a { color:69C; text-decoration:none;}
#parts .thumb .name a:hover { color:69C; text-decoration:underline;}


/*=====================================================================================
Parts & Accessories
=====================================================================================*/
#care { font-family:Tahoma, Arial; margin-top:30px; overflow:visible;}
#care .thumb { margin-left:8px; margin-right:8px; margin-bottom:10px; float:left; margin-top:10px; border-top:dashed 1px #999; padding-top:10px; height:auto;}
#care .thumb .image { width:170px; height:auto; overflow:visible; margin-top:0px; margin-bottom:5px; float:left;}
#care .thumb .image .pix { padding-bottom:10px;}
#care .thumb .image .pix img { border:0px;}
#care .thumb .detail .price { padding-bottom:0px; margin-bottom:0px; color:#369; height:auto; font-weight:bold;}
#care .thumb .detail { float:left;  font-size:8pt; color:#666; margin-left:10px;  margin-top:0px; width:550px; line-height:150%}
/*link*/
#care .thumb .name a { color:69C; text-decoration:none;}
#care .thumb .name a:hover { color:69C; text-decoration:underline;}

/*=====================================================================================
Cars PriceList
=====================================================================================*/
div.priceList { float:left; width:460px; margin-bottom:30px;}
div.priceList table.pricelist td {padding:2px; font-size:8pt;}
div.priceList table.pricelist td.head { color:#069; border-bottom:solid 1px #999; padding-bottom:6px; padding-left:10px;}
div.priceList table.pricelist td.series { background:#CCC; text-align:center; color:#FFF; font-weight:bold; border-bottom:solid 1px #FFF; width:75px;}
div.priceList table.pricelist td.model, table.pricelist td.capacity, table.pricelist td.hp, table.pricelist td.price, table.pricelist td.month { padding-left:10px; border-bottom:dotted 1px #999; padding-top:3px; padding-bottom:3px;}


/*=====================================================================================
Moto PriceList
=====================================================================================*/
div.MotoPriceList { float:left; width:100%; margin-bottom:30px;}
div.MotoPriceList table.pricelist td {padding:2px; font-size:8pt; padding-left:10px; padding-right:10px;}
div.MotoPriceList table.pricelist td.head { color:#069; border-bottom:solid 1px #999; padding-bottom:6px; padding-left:10px;}
div.MotoPriceList table.pricelist td.series { background:#CCC; text-align:center; color:#FFF; font-weight:bold; border-bottom:solid 1px #FFF; width:75px;}
div.MotoPriceList table.pricelist td.data{ padding-left:10px; border-bottom:dotted 1px #999; padding-top:3px; padding-bottom:3px;}
div.MotoPriceList table.pricelist tr.gray td { background:#EEE;}

div.condition { float:right; width:285px;}
div.condition table td { padding:3px; font-size:8pt; color:#999; padding-bottom:10px;}
div.condition table td.head { font-weight:bold; color:#039; padding-bottom:0px;}
div.condition table td.marked { color:#000;}
div.condition table td.more {color:777;}


/*=====================================================================================
Cars PriceList
=====================================================================================*/
div.financial { float:left; width:445px; margin-bottom:30px;}

/*Financial*/
fieldset.calculator {
  color:#039;
  font-size: 10pt;
  margin-top:10px;
  padding-bottom:10px
}
fieldset legend { font-weight:bold; color: #039; margin-bottom:10px;}
fieldset.calculator table { width: 445; border: none;  }
fieldset.calculator td.label { width: 180px; }
fieldset.calculator label { font-size: 9pt; color:#666}
fieldset select { color: #039; width:220px; }
fieldset select#downPaymentRate { width:60px; }


/*=====================================================================================
Require For Testdrive & Message to GM
=====================================================================================*/
div.testdrive { float:left; width:460px; margin-bottom:30px;}
div.testdrive table td {padding:2px; font-size:8pt;}
div.testdrive table td.head { color:#069; border-bottom:solid 1px #999; padding-bottom:6px; padding-left:10px;}
div.testdrive table td.series { background:#CCC; text-align:center; color:#FFF; font-weight:bold; border-bottom:solid 1px #FFF; width:75px;}
div.testdrive table td.model, table.pricelist td.capacity, table.pricelist td.hp, table.pricelist td.price, table.pricelist td.month { padding-left:10px; border-bottom:dotted 1px #999; padding-top:3px; padding-bottom:3px;}
div.testdrive table td input, div.testdrive table td select, div.testdrive table td textarea { font-size:8pt;}
div.testdrive table td input.name, div.testdrive table td textarea{ width:450px;}
div.testdrive table td input.age { width:50px;}
div.testdrive table td input.mobile { width:220px;}
div.testdrive table td input.email { width:220px;}
div.testdrive table td input.capcha { width:80px;}
div.testdrive table td.complated { font-weight:bold; color:#03C;}

/*=====================================================================================
Activity Section
=====================================================================================*/
div#activity { margin-top:20px;}
div#activity .blog { width:750px; padding-top:20px;}
div#activity .blog .image { float:left; width:180px; height:120px; padding:4px; border:solid 1px #CCC; overflow:visible; margin-right:10px;}
div#activity .blog .info { float:left; text-align:left; width:auto; font-size:8pt; color:9999; width:550px;}
div#activity .blog .info a {color:000;}
div#activity .blog .info .subject {color:#039; font-weight:bold; font-size:10pt;}
div#activity .blog .info .subject a {color:#039; text-decoration:underline;}
div#activity .blog .info .detail { margin-top:10px; margin-bottom:10px;}
div#activity .blog .info .posted { font-style:italic; color:#999; }
div#activity .blog .info .more a {text-decoration:underline;  }

div#activity .thumb { float:left; width:auto; height:auto; padding:4px; border:solid 1px #CCC; overflow:visible; margin:5px;}
div#activity .full {margin-left:auto; margin-right:auto; margin-top:15px; text-align:center;}
div#activity .full .image { width:720px; height:auto; padding:4px; border:solid 1px #CCC; overflow:visible; }
div#activity .full .detail {margin-left:20px; margin-right:20px; margin-top:10px; margin-bottom:10px; text-align:left; font-family:Tahoma, Arial; font-size:10pt; color:#999; }

.content .subject { color:#039; font-weight:bold; font-size:10pt; text-align:center;}
.content .posted { font-style:italic; color:#999; text-align:center;}
.content .detail { margin-top:10px; margin-bottom:10px;}
.backtoPrevious { color:#900; }
.backtoPrevious a { color:#900; text-decoration:underline; }