#boxContact {
	margin-bottom:20px;
}

#boxContact .form_contact{
	padding-top:25px;
}
	

#boxContact .infoContact {
	margin-bottom:20px;	
}

.info_dealer{
	padding-bottom:20px;
	text-align:justify;
}

.info_dealer span{
	display:inline-block !important;
}

.info_dealer h1{
	font-family: UTMSwissCondensed;
	font-weight:normal;
}

/*==================================CSS CHO PHAN BAN DO ===========================*/
/* Map styling*/
#ce_map_container{
	border:1px solid #ccc;
	padding:4px;
}
#ce_map_canvas{width:100%;height:300px}
#ce-directionsPanel{background-color:#FFF}
/* Direction */
#ce-map-cpanel-switch{padding:8px;font-size:120%;height:55px;margin-top:2px;
background:#444 url("../images/map-icon.png") no-repeat 20px center;}
#ce-map-cpanel-switch a.ce-route,
#ce-map-cpanel-switch a.ce-route:visited{color:#FFF;display:block;float:left;margin:10px 0 0 65px}
.ce-map-cpanel fieldset{border-color:#CCC;border-style:solid none none;border-width:1px 0 0;clear:both; margin:3px}
.ce-map-cpanel fieldset legend{font-size:150%}
.ce-map-cpanel div{clear:left;display:block;margin:5px 0 0;padding:1px 3px;width:100%}
.ce-map-cpanel label{ }
.ce-map-cpanel div.submit div,.ce-map-cpanel div.submit div button{display:inline}
#ce-map-cpanel-container
{
	border:1px solid #ccc;
}
/* Coordinates*/
#ce-map-coordinates{background-color:#F2EFE9;height:15px;margin-top:2px;padding:5px 0}
#ce-map-coordinates div{float:left;width:49%;text-align:center}
.ce-map-coord-label{font-weight:bolder}
.ce-map-coord-value{}


/*==================================Form Contact==========================================*/
.info_form{
	margin-bottom:40px;
}
#formContact{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#555555;
	font-weight:normal;
}

#formContact .textfiled{		
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#333333;
	font-weight:normal;
}
#formContact .select{
	

	padding:0px 10px;	
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#333333;
	font-weight:normal;
}
#formContact .textarea{	
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#333333;
	font-weight:normal;
}
#formContact #security_code img{
	width: 100px;
	height:30px;
}

#boxContact .title_ct{
	color:#999999;
	margin-bottom:8px;
}

#boxContact .bg_textfiled{
	margin-bottom:15px;
}

#boxContact .bg_textarea{
	margin-bottom:15px;
}

.btn_contact{
	width:110px;
	height:40px;
	background:#505050;
	border:none;	
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:24px;
	line-height:40px;
	color:#fffefe;
	font-weight:bold;	
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
}
#vnt-wrapper.small .btn_contact{
	width:70px;
	height:30px;
	border:none;

	font-size:14px;
	line-height:30px;
} 
.btn_contact:hover{
	cursor:pointer;
	background:#982621;
}

/*===============CSS CHO PHAN TAB MAP =================*/
#boxContact .maps {
	border:1px solid #d2d2d2;
	padding:9px 0;
	text-align:center;
	background:#ffffff;
}


.list_maps :after {
	/* clearing without presentational markup, IE gets extra treatment */
	display: block;
	clear: both;
	//content: " ";
}

.list_maps li {
	float: left;
}

.list_maps a {
	display:block;
	font-size:24px;
	line-height:50px;
	color:#666666;
	font-weight:normal;
	text-decoration:none;
	
	padding:0px 1px;
}
#vnt-wrapper.small .list_maps a {
	font-size:14px;
	line-height:30px;
	padding:0px 10px;
}
.list_maps a span {
	font-size:13px;
	text-transform:uppercase;	
	padding:5px 20px;
	color:#999999;
	background-color:#f0f0f0;	
	border-right:2px solid #cecece;
	border-top:2px solid #cecece;
	border-left:1px solid #f0f0f0;
	border-botom:1px solid #f0f0f0;
	
}
.list_maps a:hover {
	
}
.list_maps a:hover span {
	font-size:13px;
	text-transform:uppercase;	
	padding:5px 20px;
	color:#333333;
	background-color:#e2e2e2;	
	border-right:2px solid #a0a0a0;
	border-top:2px solid #a0a0a0;
	border-left:1px solid #e2e2e2;
	border-botom:1px solid #e2e2e2;
}
.list_maps .active {
	top:0px;
	position:relative;
}
.list_maps .active a {
	
}
.list_maps .active a span {
	font-size:13px;
	text-transform:uppercase;	
	padding:5px 20px;
	color:#333333;
	background-color:#e2e2e2;	
	border-right:2px solid #a0a0a0;
	border-top:2px solid #a0a0a0;
	border-left:1px solid #e2e2e2;
	border-botom:1px solid #e2e2e2;
}
/*CSS cho thoong tin lien he */
#infoDealer .info_dealer
{
	border-bottom:1px dotted #ccc;
	padding-top:20px;
	line-height:25px;
	font-size:14px;
}
.info_dealer:first-child .company
{
		text-transform:uppercase;	
}
.info_dealer .company
{
	font-size:18px;	
	line-height:26px;
	margin-bottom:38px;
}
.info_dealer .address
{
	background-image:url(../images/contact_home_icon.png);
	background-repeat:no-repeat;
	background-position:left top 7px;
	padding-left:20px;
}
.info_dealer .phone
{
	background-image:url(../images/contact_phone_icon.png);
	background-repeat:no-repeat;
	background-position:left top 7px;
	padding-left:20px;
}
.info_dealer .fax
{
	background-image:url(../images/contact_fax_icon.png);
	background-repeat:no-repeat;
	background-position:left top 7px;
	padding-left:20px;
}
.info_dealer .email
{
	background-image:url(../images/contact_mail_icon.png);
	background-repeat:no-repeat;
	background-position:left top 7px;
	padding-left:20px;
}
.info_dealer .website
{
	background-image:url(../images/contact_web_icon.png);
	background-repeat:no-repeat;
	background-position:left top 7px;
	padding-left:20px;
}
.info_dealer .map 
{ 
	background:url(../images/map_icon.png) left no-repeat;	
	background-repeat:no-repeat;
	background-position:left top 7px;
	padding-left:20px;
}
.map a {
  font-size: 12px;
  font-weight: bold;
  color: #009d36;
}
.map a:hover {
  cursor: pointer;
  font-size: 14px;
  font-weight: bold;
  color: #333333;
}
#boxContact .intro-text
{
	width:100%;
	padding-top:4px;
	padding-bottom:30px;
	background-image:url(../images/bg_intro_text.jpg);
	background-repeat:no-repeat;
	background-position:bottom;
	background-size:100%;;
	height:100px;

	
}
#boxContact .intro-text span
{
	font-size:15px;
	font-style:italic;
	color:#666666;
	line-height:28px;
}

.input-wrapper{ margin-bottom:10px;} 
	.item-label { width:30%;}
	.item-input { width:69%;}
.boxForm .textfiled {
	 background:none;
	 border:none;	
	 height:20px;
	 color:#444;
	 box-shadow:none;
	 line-height:20px;
}
.boxForm .select {
	background:#e5e5e5;
	border:none;	
	color:#444;
}
.boxForm .textarea {
	background:none;
	border:none;	
	color:#444;
	box-shadow:none;
}
.boxForm .input_l {
	background:url(../images/input_l.png) left no-repeat;
	padding-left:15px;
	height:30px;	
}
.boxForm .input_r {
	background:url(../images/input_r.png) right no-repeat;
	padding-right:15px;	
	height:30px;
}
.boxForm .input_bg {
	background:url(../images/input_bg.png)  repeat-x;
	height:20px; 	
	padding:5px 0px;
}

.boxForm .textarea_l {
	background:url(../images/textarea_l.png) left no-repeat;
	padding-left:20px;
	height:92px;	
}
.boxForm .textarea_r {
	background:url(../images/textarea_r.png) right no-repeat;
	padding-right:20px;	
	height:92px;
}
.boxForm .textarea_bg {
	background:url(../images/textarea_bg.png)  repeat-x;
	padding:5px 0px;
	height:82px; 	 
}
.boxForm .textarea_bg .textarea {
	height:80px;
	overflow:auto;	
} 
.boxForm .icon {	
	padding-left:25px;	
	background-repeat:no-repeat;
	background-position:0px 0px;
}
.boxForm .icon_name {	background-image:url(../images/icon_name.png);		}
.boxForm .icon_email {	background-image:url(../images/icon_email.png);		}
.boxForm .icon_phone {	background-image:url(../images/icon_phone.png);		}
.boxForm .icon_address {	background-image:url(../images/icon_address.png);		}
.boxForm .icon_subject {	background-image:url(../images/icon_subject.png);		}
.boxForm .icon_scode {	background-image:url(../images/icon_scode.png);		}

/*My custom css*/
.maps_contact
{
	overflow:hidden;
}
.info_dealer table tr td
{	
	padding:5px 0px; 
	font-size:16px;
	color:#666;
	line-height:30px;
}
.form-contact-container
{
	width:100%;
	overflow:hidden;
	margin-top:25px;
}
.form-label {
    margin-bottom: 10px;
}
.form-rows
{
	width:100%;
	overflow:hidden;
}
.form-contact-container .form-input input {
    background-color: #fbfbfb;
    background-position: left 7px center;
    background-repeat: no-repeat;
    border-color: #d2d2d2 -moz-use-text-color -moz-use-text-color #d2d2d2;
    border-style: solid none none solid;
    border-width: 1px medium medium 1px;
    height: 43px;
    margin-bottom: 10px;
    padding-left: 25px;
}
.form-contact-container .form-input textarea {
    background-color: #fbfbfb;
    border-color: #d2d2d2 -moz-use-text-color -moz-use-text-color #d2d2d2;
    border-style: solid none none solid;
    border-width: 1px medium medium 1px;
    margin-bottom: 10px;
}
.form-contact-container .form-input .select {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #fbfbfb;    
    border-color: #d2d2d2 -moz-use-text-color -moz-use-text-color #d2d2d2;
    border-style: solid none none solid;
    border-width: 1px medium medium 1px;
    color: #333;
    font-size: 100%;
    height: 43px;
    margin-bottom: 10px;
    padding: 0;
    width: 100%;
}
.form-contact-container .form-input input#security_code {
    background-image: url("../images/icon_scode.png");
    float: left;
    margin-right: 10px;
}
.cf_btn {
    background: #2d2d2d none repeat scroll 0 0;
    border: medium none;
    padding: 10px;
    text-align: center;
	border-radius:4px;
}
.cf_btn span {
    color: #FFF;
    font-size: 22px;
    font-weight: bold;
}
@media screen and (max-width: 320px)
{
	#vnt-wrapper.small .list_maps a
	{
		padding:0px 5px 0px 0px;
	}
}


