@charset "utf-8";
/* CSS Document */
/*------------------------------------------------------------------------
* Project WesternFord V1.2 - Monday, March 8, 2010
* Websites:  http://www.westernford.com.vn
* Author: Hung Design
* Copyright © 2010 H.U.N.G Design. all Rights Reserved.
-------------------------------------------------------------------------*/

/*- Logo, Langugage ... -*/
.headerLogo {float:left; width:150px;}
.headerSlogan {height:32px; padding:0; zoom:1;}
.headerSloganLeft{float:left; width:710px; margin-left:10px; text-align:left;}
.headerImg {padding:0; margin:0; margin-right:10px;}
.headerTitle {color:#006dbb; font:normal 20px "Times New Roman", Times, serif;}

.headerLanguage {float:left; width:170px;}
.headerLanguage a {color:#1b4b8d; text-decoration:none; font-size:11px;}
.headerLangImg {padding:0 5px 0 15px;}
/*- Banner -*/
.topBanner {height:370px;}

/*--- BODY ---*/
.widthBody {width:910px; padding:5px 0 10px;}

/*-- Main Column --*/
.width195 {width:195px; overflow:hidden;}
.width385 {width:385px; overflow:hidden;}
.width520 {width:520px; overflow:hidden;}
.width710 {width:710px; overflow:hidden;}

.widthMain {float:left;}
.spaceTop5{padding-top:5px;}
.mainContent {margin-top:5px;}
.mainTitle {height:17px; padding:4px 10px; background:url(../images/main_title_bg.png) no-repeat; font:bold 12px Tahoma, Verdana, Arial, sans-serif; color:#fff;}
.mainModuleTop {background:url(../images/main_border_top.png) top no-repeat; padding-top:15px;}
.mainModuleBg {margin-top:2px; padding-bottom:15px; background:url(../images/main_border_bot.png) bottom no-repeat;}
.mainModule {}
/*- New products -*/
.newProduct {padding:0 18px;}
.newProductTD {float:left; width:130px;}
.newProductTD a {color:#000; text-decoration:none;}
.newProductTDTitle {height:20px; background:url(../images/icon_car.gif) left no-repeat; padding-left:20px; vertical-align:middle; font-weight:bold;}
.newProductTDImg {max-width:130px; width:expression(this.width > 130 ? 130 : true); max-height:70px; height:expression(this.height > 70 ? 70 : true); padding-top:5px;}
.newProductTDNew {text-align:right; padding:0 10px;}
.newProductTDName {height:20px; padding-left:20px; background:url(../images/icon_key.gif) left no-repeat; font-size:11px; font-weight:bold; vertical-align:middle;}
.newProductTDSpace {float:left; width:21px; padding:50px 0; background:url(../images/main_newPro_line.gif) center repeat-y;}

.new_tag{
	width:120px; height:70px;
	position:absolute;
	z-index: 100;
	font-size:0;
	cursor:pointer;
	overflow:hidden;
	background:url(../images/icon_new1.gif) bottom right no-repeat;
}

/*- Banner -*/
.mainBannerImg {max-width:470px; width:expression(this.width > 470 ? 470 : true);}
/*- Promotion -*/
.mainPromotion {padding:0 14px;}
.mainPromotion .Hightlight {font-size:11px; padding-bottom:5px; border-bottom:1px solid #ccc;}
.mainPromotion .Hightlight a {color:#639a31; text-decoration:none; font:bold 14px Tahoma, Verdana, Arial, sans-serif;}
.mainPromotion .Hightlight p {font-size:11px; margin:0; padding:5px;}
.mainPromotion .Hightlight p img {float:left; margin-right:8px; border:none;}
.mainPromotion .News {padding-top:5px;}
.red {color:#f00;}
.mainPromotionLI {padding-top:2px;}
.mainPromotionLI li {
	float:left; 
	width:230px; 
	list-style:none outside; 
	padding:3px 0 0 8px;
	margin:3px 15px 3px 0;
	background: url(../images/arrow_bullet.gif) 0 8px no-repeat;
}
.mainPromotionLI li.last{ margin-right:0;}
.mainPromotionLI li a {color:#16509c; text-decoration:none; text-transform:uppercase; font-size:11px;}
.mainPromotionLI li a:hover {text-decoration:underline;}
.mainPromotionLISpace {float:left; width:20px; padding:10px 0;}
/*- News -*/
.mainNewsMenu {height:25px; padding-left:20px;}
.mainNewsMenu ul {padding:0; margin:0; list-style:none;}
.mainNewsMenu li {float:left; margin-left:1px; font-weight:bold;}
.mainNewsMenu li a {display:block; padding-left:10px; color:#fff; text-decoration:none;}
.mainNewsMenu li a span {display:block; padding:5px 10px 4px 0;}
.mainNewsMenu li a:hover {background:url(../images/main_title_bg_news_overL.png) left bottom no-repeat; color:#000;}
.mainNewsMenu li a:hover span {background:url(../images/main_title_bg_news_overR.png) right bottom no-repeat;}
.mainNewsMenu li.current a {background:url(../images/main_title_bg_news_overL.png) left bottom no-repeat; color:#000;}
.mainNewsMenu li.current a span {background:url(../images/main_title_bg_news_overR.png) right bottom no-repeat;}

ul#tabnav {
	height:25px;
	margin:0;
	padding:0;
	display:block;
	line-height:25px;
	padding-left:8px;
	background:url(../images/main_title_bg_news.png) no-repeat;
}
ul#tabnav li {
	margin:0;
	padding:0;
	float:left;
	height:25px;
	list-style-type:none;
	position:relative;
	margin-top:1px;
}
ul#tabnav li a {
	color:#FFF;
	font-size:12px;
	font-weight:bold;
	line-height:25px;
	text-decoration:none;
	display:block;
	float:left;
	margin:0pt 0pt 0pt 5px;
	padding:0pt 6px;
	position:relative;
}
ul#tabnav li a:hover, ul#tabnav li a.selected {
    background:#FFFFFF none repeat scroll 0%;
	color:#003;
  }

.panel {border:1px solid #1070db; padding:10px; border-top:none;display:block; width:498px;}
* html .panel{width:520px;}

.panel .Hightlight {color:#16509c; font-weight:bold;}
.panel .Date {font-size:11px; color:#7d7e7d;}
.panel .Text {font-size:11px; font-weight:bold;}
.mainNewsHot {padding-bottom:5px; border-bottom:1px solid #ccc;}
.mainNewsImg {
	float:left; max-width:120px; 
	width:expression(this.width > 120 ? 120 : true); 
	max-height:70px; height:expression(this.height > 70 ? 70 : true); 
	padding:5px 15px 5px 0;
}
.panel a {float:right; color:#7d7e7d; font-size:11px;}
.mainNewsLI {padding-top:2px;}
.mainNewsLI li {
	float:left;
	width:233px; 
	list-style:none outside; 
	padding:3px 0 0 8px; 
	margin:3px 15px 3px 0;
	text-align:left;
	background: url(../images/arrow_bullet.gif) 0 8px no-repeat;
}
.mainNewsLI li.last{ margin-right:0;}
.mainNewsLI li a {color:#16509c; text-decoration:none; font-size:11px; float:none;}
.mainNewsLI li a:hover {text-decoration:underline;}
.mainNewsLISpace {float:left; width:20px; padding:10px 0;}

/*-- Right Column --*/
.widthRight {float:right; margin:5px 0 10px; background:#F3F3F3; padding-bottom:10px;}
.rightContent {margin-top:5px;}
/*- Bottom Banner -*/
.rightBannerImg {max-width:385px; width:expression(this.width > 385 ? 385 : true);}

/*- Leftside of Right column -*/
.widthRightL {float:left; width:190px;}
.rightLTitle {height:16px; padding:2px 10px; background:url(../images/rightR_title_bg.png) no-repeat; color:#fff; font-weight:bold; text-transform:uppercase;}
.rightLModuleTop {padding-top:5px; background:url(../images/rightR_border_top.png) top no-repeat;}
.rightLModuleBot {padding-bottom:5px; margin-top:2px; background:url(../images/rightR_border_bot.png) bottom no-repeat;}
.rightLModuleBg {padding:0 10px; border:1px solid #acaeaf; border-bottom:none; border-top:none;}
/*- Services -*/
.rightLService {height:135px; margin-top:2px; background:url(../images/rightL_bg_service.png) no-repeat;}
.rightLService li {list-style:none outside; background:url(../images/rightL_service_bullet.png) 0 8px no-repeat; margin-left:10px; padding:5px 0 0 15px; font-size:11px;}
.rightLService li a {color:#013185; text-decoration:none; font-weight:bold;}
/*- Support -*/
.rightLSupport {padding:0; margin-top:2px; background:url(../images/rightL_bg_support.png) no-repeat; text-align:center;}
.rightLSupportTop {padding:3px 0 0 10px;}
.rightLSupportTop a {margin-bottom:8px;}
.rightLSupportImg {margin-top:5px;}
.rightLSupportTel {height:12px; padding:5px 0 5px 0px; color:#f00; text-align:center; font-weight:bold;background:url(../images/rightL_bg_support_bot.png) no-repeat left bottom;}
/*- Advertising -*/
.rightLAd {text-align:center; padding:0;}
.rightLAdImg {padding:2px 0; max-width:170px; width:expression(this.width > 170 ? 170 : true);}

/*- Rightside of Right column -*/
.widthRightR {float:right; width:190px;}
.rightRTitle {height:16px; padding:2px 10px; background:url(../images/rightR_title_bg.png) no-repeat; color:#fff; font-weight:bold; text-transform:uppercase;}
.rightRModuleTop {padding-top:5px; background:url(../images/rightR_border_top.png) top no-repeat;}
.rightRModuleBot {padding-bottom:5px; margin-top:2px; background:url(../images/rightR_border_bot.png) bottom no-repeat;}
.rightRModuleBg {padding:0 10px; border:1px solid #acaeaf; border-bottom:none; border-top:none;}
/*- Regist -*/
.rightRRegist {width:190px; height:85px; background:url(../images/rightR_bg_dky.png) no-repeat;}
.rightRRegist li {list-style:none outside; margin-left:4px; padding:6px 0 6px 8px; background:url(../images/arrow_bullet.gif) 0 8px no-repeat; line-height:100%;}
.rightRRegist li a {color:#f00; text-decoration:none; font-size:11px; line-height:10px; font-weight:bold;}
/*- Video -*/
.rightRVideo {margin-top:2px; width:190px;}
/*- Opinion Poll -*/
.rightRVote {}
.rightRVoteTop {padding-bottom:5px; margin-bottom:5px; border-bottom:1px solid #a5d3ea;}
.rightRVoteTop .voteContent{ line-height:140%;}
.rightRVoteTop .voteContent input{margin:4px 5px;}
.rightRVote .Blue {color:#0e59b3; font-family:Verdana, Geneva, sans-serif;}
.rightRVote a {color:#f00; text-decoration:none; font-size:11px; background:url(../images/arrow_bullet.gif) left center no-repeat; padding-left:8px; margin:0 6px;}
/*- Visitor Counter -*/
.rightRCounter {padding:0 3px;}
.rightRCounter .Blue {color:#003084;}

/*--- FOOTER ---*/
.Footer {clear:both; text-align:center;}
.footerMenu {height:18px; padding:1px 0; background:url(../images/footer_menu_bg.png) repeat-x; font-size:11px; color:#fff;}
.footerMenu a {color:#fff; text-decoration:none; padding:0 10px;}
.footerCopyright {padding:10px;}

/*-- Others --*/
.clear {clear:both;}
.tablespace5px{margin-top:5px;}
.tablespacebot5px{margin-bottom:5px;}
.tablespace10px{margin-top:10px;}
.tablespace6px{margin-top:8px;}

.content_main{margin:0px; padding:0 0 0 5px;}
.content_main_center{line-height:140%; font-size:1.1em;}
.content_main_center p{ margin:4px 0; padding:0;}
.content_main_center img{ clear:both; margin:0; max-width:650px;width: expression(this.width > 650 ? 650 : true);}
* html .content_main_center img{width: expression(this.width > 650 ? 650 : true);}

.content_main_news{line-height:140%; font-size:1.1em;}
.content_main_news p{ margin:4px 0; padding:0;}

.content_main_other{line-height:140%; font-size:1.1em;}
.content_main_other p{ margin:4px 0; padding:0;}
.content_main_other TD strong{ margin:5px 0; font-size:11px; line-height:100%;}

/*Tab*/
.aliSearch {clear:both;background:#F5F8FB url(../images/aliSearch_tabsBg.gif) 0 0 no-repeat;}
.aliSearch ul {margin:0; list-style-type:none; list-style-image:none; height:30px;}
.aliSearch li {float:left;margin-right:2px;background:#D6E5EE url(../images/aliSearch_tabsLeft.gif) left top no-repeat;}
.aliSearch li a{padding:7px 10px;margin-left:2px;width:auto;display:block;font:bold 13px/100% arial;color:#0065AD;background:#D6E5EE url(../images/aliSearch_tabsRight.gif) right top no-repeat; text-decoration:none;}
.aliSearch li.current {height:30px;background:#93C2DE url(../images/aliSearch_current_tabsLeft.gif) left top no-repeat;}
.aliSearch li.current a{font-weight:bold;text-decoration:none;color:#000000;background:#93C2DE url(../images/aliSearch_current_tabsRight.gif) right top no-repeat;}
.aliSearch ul li a{hide-focus: expression(this.hideFocus=true);  /* for ie 5+ */  outline: none;  /* for firefox 1.5 + */}

/*Navigator back to*/
.contentIndent {padding:0; margin:0;}
.contentIndent H1 {
	COLOR: #333;
	font-size:18px;
	margin:0;
	margin-bottom:5px;
	padding:0px;
}
.contentIndent H4 {COLOR: #333}
.contentIndent .breadCrumb {
	FONT-WEIGHT: normal; FONT-SIZE: 90%; MARGIN: 0px 0px 10px; COLOR: #999
}
.contentIndent .breadCrumb H1 {
	PADDING-RIGHT: 0px; DISPLAY: inline; PADDING-LEFT: 0px; FONT-WEIGHT: normal; FONT-SIZE: 100%; PADDING-BOTTOM: 0px; COLOR: #999; PADDING-TOP: 0px;
}
.contentIndent .breadCrumb H4 {
	PADDING-RIGHT: 0px; DISPLAY: inline; PADDING-LEFT: 0px; FONT-WEIGHT: normal; FONT-SIZE: 100%; PADDING-BOTTOM: 0px; COLOR: #999; PADDING-TOP: 0px
}
.contentIndent .breadSep {
	PADDING-RIGHT: 3px; PADDING-LEFT: 3px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px
}
.contentIndent A.linkClr2 {
	FONT-WEIGHT: normal; COLOR: #999; TEXT-DECORATION: underline; font-size:10px;
}
.contentIndent A.linkClr2:link {
	FONT-WEIGHT: normal; COLOR: #999; TEXT-DECORATION: underline; font-size:10px;
}
.contentIndent A.linkClr2:visited {
	FONT-WEIGHT: normal; COLOR: #999; TEXT-DECORATION: underline; font-size:10px;
}
.contentIndent A.linkClr2:active {
	FONT-WEIGHT: normal; COLOR: #999; TEXT-DECORATION: underline; font-size:10px;
}
.textForm{border:1px solid #AAA; padding:2px; margin:1px 0;}

/*list news*/
.post {
	padding: 0px;
	clear: both;
	overflow: hidden;
	border-bottom: dotted 1px #CCCCCC;
	padding-bottom:8px;
}
.post .title {
	float: left;
	margin-top:5px;
}
.postdata {
	font-size: 90%;
	color: #999999;
}
.entry {
	padding: 5px 0px 0px;
	clear: both;
	line-height:130%;
	display:block;
}
.entry .imgnews img{margin-right:8px; float:left;}
/* post title */
.post .title h2 {
	color: #333333;
	margin: 3px 0 2px;
	font: bold 110%/100% Arial, sans-serif;
}
.post .title h2 a, .post .title h2 a:visited {
	color: #333333;
	text-decoration: none;
}
.post .title h2 a:hover {
	color: #44a1d0;
	text-decoration: none;
}
.content_about{
	padding: 0px;
	clear: both;
	overflow: hidden;
	padding-bottom:8px;
}
.post_content {
	padding: 0px;
	clear: both;
	overflow: hidden;
	padding-bottom:8px;
}
.post_content ol {margin:0px 0px 0px 20px; padding:0px;}
.post_content li {padding-bottom:8px;}
/*news detail*/
.post_detail {
	padding: 0px;
	clear: both;
	overflow: hidden;
	border-bottom: solid 1px #CCCCCC;
	padding-bottom:10px;
}
.post_detail .title {
	float: left;
	margin-top:5px;
}
.post_detail .postdata {
	font-size: 90%;
	color: #999999;
}
.post_detail .entry {
	padding: 10px 0px 0px;
	clear: both;
	line-height:130%;
	display:block;
}
.post_detail .entry b{ color:#666666;}
.post_detail .entrydetail {
	padding: 10px 0px 0px;
	clear: both;
	line-height:130%;
	text-align:justify;
	display:block;
}

.post_detail .entry .imgnews img{margin-right:8px; float:left;}
/* post title */
.post_detail .title h2 {
	color: #333333;
	margin: 3px 0 2px;
	font: normal 150%/100% "Lucida Grande", Arial, sans-serif;
}
.post_detail .title h2 a, .post_detail .title h2 a:visited {
	color: #333333;
	text-decoration: none;
}
.post_detail .title h2 a:hover {
	color: #44a1d0;
	text-decoration: none;
}
.other_detail{margin-top:10px;}
.other_detail h2{font: bold 120%/100% "Lucida Grande", Arial, sans-serif; padding:0; margin:0;}
.other_detail_back{float:right; border:none;}
.other_newsdetail{ margin-top:5px;}
.other_newsdetail ul{list-style:none; margin:0; padding:0; padding-left:10px;}
.other_newsdetail li{line-height:180%; background:url(../images/icon_news.gif) left center no-repeat; padding-left:15px;}
.other_newsdetail li span{color:#CCCCCC;}
/*resize*/
.NewsImgsize{
	max-width:100px; 
	width: expression(this.width > 100 ? 100 : true);
}
.ProductImgsize{
	max-width:135px; 
	width: expression(this.width > 135 ? 135 : true);
}
.CarImgsize{
	max-width:320px; 
	width: expression(this.width > 320 ? 320 : true);
	max-height:200px;
	height: expression(this.height > 200? 200: true);
}
.GalleryImgsize{
	max-width:82px; 
	width: expression(this.width > 82 ? 82 : true);
	margin:1px;
}
.GalleryImgsizeL{
	max-width:390px; 
	width: expression(this.width > 390 ? 390 : true);
}
.usedcarThumbImg{ margin-top:10px;}
.usedcarThumbImg img{margin:5px;}
.UsedImgsizeL{
	max-width:680px; 
	width: expression(this.width > 680 ? 680 : true);
}
.boxProduct_cat{width:145px; padding:0; margin:10px 5px; float:left;}

.Product_img{height:80px; overflow:hidden; text-align:center; vertical-align:bottom;}
.Product_title{margin-top:10px;}
.Product_title a{font:bold 12px Arial; color:#0068DD; text-decoration:none;}
.Product_content{font:normal 11px Arial; line-height:130%; color:#666666;}
.Product_content P{margin:0; padding:0; margin-bottom:8px;}
/*Box*/
.main_body_BotBgL{
	background:#E6EBEF url(../images/boxcat_bgBotL.png) left bottom no-repeat;
}
.main_body_BotBgR{
	background:#E6EBEF url(../images/boxcat_bgBotR.png) right bottom no-repeat;
	margin-left:6px;
	padding:6px 6px 10px 0;
	text-align:left;
}
.main_body_boxmenu {clear:both;background:url(../images/boxcat_bgTop.png) right top no-repeat; _height:1%;}
.main_body_boxmenu ul{margin:0;list-style-type:none;list-style-image:none;height:25px; padding:0;}
.main_body_boxmenu li{
	float:left;
	margin-right:3px;
	background:url(../images/boxcat_menuTopL.png) left top no-repeat;
}
.main_body_boxmenu li a{
	padding:5px 10px;
	margin-left:2px;
	width:auto;
	display:block;
	font:bold 15px/100% arial;
	color:#0065AD;
	text-decoration:none;
	background:#ffffff url(../images/boxcat_menuTopR.png) right top no-repeat!important;
}
.main_body_boxmenu ul li a{hide-focus: expression(this.hideFocus=true);  /* for ie 5+ */  outline: none;  /* for firefox 1.5 + */}
#divSlogan1, #divSlogan{background:#D6E5EE; padding:5px; width:390px;}
p.colorTitle{font:bold 14px Arial; margin:0; padding:0; padding-bottom:5px; color:#126FAE;}
/*-- Page Number --*/
.pageNumber {font-size:11px; font-weight:bold; padding:10px 10px 0; text-align:center;}
.pageNumber table {text-align:center;}
.pageNumber a {display:block; padding:2px 8px; text-decoration:none; color:#000;}
.pageNumber a:hover {background:#ddd;}
#numberTable {text-align:center; margin:0 auto;}
#numberTable td {background:#eee; border:none; border-right:1px solid #ddd;height:10px}
#numberTable td.current {background:#ddd; border:none; border-right:1px solid #ddd;color:#930}
#numberTable td.current a{color:#930}

P.techTitle{font: bold 14px Arial; color:#003399;line-height:135%; margin:0; padding:0; margin-top:10px;}
P.techTitle a{color:#003399; text-decoration:none;}
Div.techContent{font:normal 12px Arial; line-height:135%; clear:both; margin-top:8px;}

ul.pro_info li {list-style:outside; margin-left:30px;}
.usedCarTitle {height:18px; margin-bottom:10px; background:url(../images/page_no_bg.jpg) left repeat-x; font:bold 11px Tahoma, Verdana, Arial; color:#000;}
.usedCarTitle span {padding:5px; line-height:150%;}
.usedCarTitleText {height:13px; padding:5px 10px; margin:0 2px; }
.usedCarPageNo {float:right; height:18px; font:normal 11px Tahoma, Verdana, Arial; border:2px solid #fff; border-bottom:none; border-top:none; width:400px;}
.usedCarPageNo a {display:block; float:left; height:13px; background:url(../images/page_no_bg.jpg) repeat-x;  padding:3px 7px;color:#000; text-decoration:none; border:2px solid #fff; border-bottom:none; border-top:none;}
.usedCarList {clear:both; font:normal 11px Tahoma, Verdana, Arial; color:#000; margin:10px 0; border-bottom:1px solid #d2d3d5;}
.usedCarName a {color:#000; text-decoration:none; font-weight:bold; font-size:14px;}
.usedCarThumb {margin:10px 0;}
.usedCarThumbImg {float:left; width:150px; margin-right:20px; border:1px solid #d2d3d5;}
.usedCarThumbImg img {max-width:150px; width:expression(this.width > 150 ? 150 : true);}
.usedCarThumbPrice {float:right; width:75px; text-align:center; margin-left:20px; line-height:200%}
.usedCarThumbPrice a {color:#000; text-decoration:underline;}
.usedCarThumbLine {clear:both; border-bottom:1px solid #d2d3d5; height:1px; line-height:1px;}


.usedcar_title_bar
{
	background:url(../images/page_no_bg_2.jpg) repeat-x;
	height:18px;
	border-right:5px solid #ffffff;
	margin-top:2px;
	width:100%;
	font:bold 11px/100% Arial, Helvetica, sans-serif;
	padding-left:10px;
}
.usedcar_title_bar_xx
{
	font-size:10px;
	font-family:Tahoma;
	font-weight:bold;
	line-height:18px;
	height: 18px;
	float:right;
	width:auto;
}


.usedcar_title_bar_xx a
{
	background:url(../images/page_no_bg.jpg) repeat-x;
	text-decoration:none; 
	color:#666666; 
	padding: 3px 4px 3px 4px; 
	line-height:16px;
}



/*============================*/
.container_videoclip
{
	width:190px;
	margin-left:0px;
}
.videoclip
{
	overflow:auto;
	height:40px;
	width:190px;
	
}
.videoclip a
{
	text-decoration:none;
	font-size:12px;
	color:#000;
	
}
.videoclip a:hover
{
	text-decoration:none;
	font-size:12px;
	color:#F00;
	
}
.list_video{
	
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0;
	padding:0;
	
}
.list_video li{
	background:url(../images/video_icon.jpg) no-repeat;
	background-position:0 1px;
	padding-bottom:2px;
	padding-top:2px;
	padding-left:25px;
	
}

.list_video .old{
	background-color:#FFFFFF;
}
.list_video .even{
	background-color:#F9F9F9;
}

