/* =Footer - START: footer styling */
#footer {
	position: relative;
	clear:both;
	font-size: 12px;
	line-height: 1.4166em;
	border-bottom: 1px #F9F8F7 solid;
} 

#footer .padding { margin: 27px 0 0 0; display: inline-block; }

#footer { background: #f9f8f7; color: #8c8c8c; text-align: center; }
	
	#footer p { margin: 0 0 0.583em 0; line-height: 1.333em; color: #666666; } /* 7px /20px */

	#footer ul { list-style-type: none; margin-bottom: 1.583em; }
	#footer ul.btmSpace { height:83px; }
	.footer-related_inside ul { list-style-type: none;  margin: 0 0 2.083em 0;} /* 25px */ 
	#footer ul li,
	.footer-related_inside ul li { 
		margin-bottom: 0.083em; /* 1px */
		line-height: 1.667em; /* 20px; */
	}
	
	#footer ul li a { display: inline-block; }
	
	#footer ul li strong { font-size: 1.083em; }
	
	#footer a { color: #EA2A36; text-decoration: none; }
	#footer a:hover { text-decoration: underline; }
	
	#footer ul li.last { padding-top: 0.667em; } /* 8px */

#footer .footer_inside { width: 921px; margin: 0 auto; text-align: left;}
#footer .footer_padding {padding: 0 12px 0 12px; }

#footer #promo-footer { 
	margin: 0 0 0 0px; 
	padding: 38px 0 27px 0; 
	min-height: 134px; 
	height: auto !important; 
	height: 134px; 
}
	#footer #promo-footer h4.subtitle-3 {margin-bottom: 6px}
	.fColContainer {float: left; display: inline; width: 665px;}
	.fCol {float: left; display: inline; width: 217px; margin-right: 15px;}
	.fCol.last {margin-right: 0; width: 201px; }
	.fCol-span2 {width: 449px; margin-right: 15px;}
	.fCarRange {width: 433px; margin-right: 0;}
	.fColNowViewing {width: 141px; margin-right: 15px;}
	.fColViewed {width: 290px; margin-right: 0;}
	
	#footer #promo-footer .brochure-promo img {	}
	#footer #promo-footer .brochure-promo .img-container {margin: -54px 0 15px 0; position: relative;}
	#footer #promo-footer .brochure-promo ul {margin-bottom: 0;}
	#footer .brochure-promo p { padding: 0 33px 0 0; }
	
	#footer .brochure-promo a { color: #EA2A36; }
	#footer .brochure-promo ul li {	font-size: 1em; line-height: 1.667em; margin-bottom: 0.250em; }

#footer #global-footer .global-footer-padding
{
	border-top: 1px solid #eae9e8;
	padding: 23px 0 18px 0;
	display: block;
}
	#footer #global-footer .global-search { float: left; margin: -1px 63px 0 0; position: relative; width: 168px; display: inline; }
	
	#footer #global-footer .global-search input.text { border: 1px solid #E6E4E1; padding: 3px 22px 2px 7px; width:130px; color: #9E9C93; }	
	#footer #global-footer .global-search input.btn-search { position: absolute; left: 143px; top: 6px; }
	
	#footer #global-footer .footer-links {float: right;}


#footer .footer-links ul{ margin: 0 0 0 0; text-decoration: none; float: right; }
	#footer .footer-links ul li { 
		display: inline; 
		margin: 0 0 0 0; 
		background: url(gr_dot_1.gif) 0 0 repeat-y; 
		padding: 0 9px 0 10px; 
		line-height: 1em; 
	}
	
	#footer .footer-links ul li.firstList { margin-left: 0; padding-left: 0; background: none;}
	#footer .footer-links ul li.last { padding-right: 0; }



#footer .follow-links ul { margin: 0; height: 20px; width: 200px;}
	
	#footer .follow-links ul li 
	{ 
		display: inline; 
		line-height: 18px;
		padding: 0; 
		margin: 0;
		float: left;	
	}
	#footer .follow-links ul li.firstList { margin: 0 2px 0 0; padding: 0; }

	#footer .follow-links ul li.facebook,
	#footer .follow-links ul li.twitter,
	#footer .follow-links ul li.youtube
	{
		margin: 0px 0 0  5px;
		height: 20px;
	}

	#footer .follow-links ul li a {	display:inline;	overflow:hidden; width: 16px; height: 16px;}	

		#footer .follow-links ul li a span {
			display:block;
			margin:0;
			padding:0;
			text-indent:-9999em;
			z-index:1;
			height: 20px;
		}
	
		#footer .follow-links ul li.facebook a span { background: url(ico_facebook.gif) 0 0 no-repeat; width: 16px;	height: 16px; }	
		#footer .follow-links ul li.twitter a span { background: url(ico_twitter.gif) 0 0 no-repeat; width: 16px;	height: 16px; }
		#footer .follow-links ul li.youtube a span { background: url(ico_youtube.gif) 0 0 no-repeat; width: 16px;	height: 16px; }

/* =Footer - END: footer styling*/

/* =Popup Box - Start: popup styling*/
.popupbox-container { position: relative; background: transparent none;}
.popupbox-container .popupbox {
	position: absolute;
	top: 0;
	left: 0;
	display: none; /* keeps the popup hidden if no JS available */
	width: 302px;
	z-index: 4001;
	background: transparent;
	overflow: hidden; 
	color: #605756;
}
.popupbox .popupbox-inside {
	width: 285px;
	position: relative;
	padding-bottom: 7px;
}
.popupbox .popupbox-inside-content {padding: 25px; background-color: #ffffff; border: 1px solid #CCCBCA;}
#footer .popupbox .popupbox-inside-content p { color: #605756; margin-bottom: 1.08em; line-height: 1.416em;}
	#footer .popupbox .popupbox-inside-content p.popupbox-title { font-size: 1.42em; margin-bottom: 0.12em; font-weight: bold; color: #383838;} 
.popupbox .popupbox-title {color: #383838; font-weight: bold; font-size: 1.3076em; margin-bottom: 0.411em;}
.popupbox .popupbox-arrow {height: 8px; width: 18px; background: transparent url(bcg_popup-arrow.gif) no-repeat bottom center; position: absolute; bottom: 0; left: 62px;}
.popupbox .btn-close-popup {position: absolute; top: 13px; right: 9px;}
/* =Popup Box - END: popup styling*/

/* =Postcode popup box - Start */
.popup_postcode{width:360px; height: 210px; overflow: hidden;}
.popup_postcode h3{font-size:18px; color:#383838; font-weight:bold; margin-bottom: 0.5em;}
.popup_postcode #container{padding:30px 0 0 35px; position:relative;}
.popup_postcode #container p{color:#605756; font-size: 12px; line-height: 1.25em; width:282px;}
.popup_postcode #container .field01 { margin:20px 0 7px 0; width:320px; float:none; }
.popup_postcode #container .field01 .input-container {position: relative;}
.popup_postcode #container .field01 label.tlEnterPostcode{font-size: 12px; font-weight:bold; color:#383838; float:left; margin-bottom:8px;}
.popup_postcode #container .field01 .bg-input-pcode{background: url(gr_bg_pc-input-small.gif) no-repeat 0 0; float:left; height:37px; width:136px; padding:0 8px 0 0;}
.popup_postcode #container .field01 .bg-input-pcode input{background:none; border:none; color:#4D4D4D; font-size:25px; height:32px; letter-spacing:19px; padding:4px 0 0 8px; width:150px; overflow:hidden; display:block; outline:none; font-family:'Lucida Console',Monaco,monospace;}
.popup_postcode #container .button_container{width:137px; height:36px; padding-top:2px; float:left;}
.popup_postcode #container .button_container input { width:137px; height:34px; float:left; padding:0; border:none; }
.popup_postcode #container p.mystery-red{margin-bottom:0; text-align:right;}
.popup_postcode #container p.mystery-red a {color:#D23F3F; text-decoration: none;}
.popup_postcode #container p.mystery-red a:hover {text-decoration: underline;}
.popup_postcode #container #UpdatePostcodeSearchLoading {float:left; display:none; padding-left:12px;}
.popup_postcode #container #UpdatePostcodeSearchLoading img {margin-top:10px;}
.popup_postcode #container #UpdatePostcodeMessagelabel {color:red; display:none; margin-bottom:5px; font-size:12px; padding-left:6px;}
/* =Postcode popup box - End */

/* buttons */
.popupbox .btn
{
	display: block;
	outline: 0 none;
	cursor: pointer;
	float: left;
	margin-bottom: 4px;
	text-align: left;
	height: 32px;
}
.popupbox .btn:hover {background-position: 0 -32px}
#footer .popupbox a {color: #ea2a36;}
.popupbox a.btn{text-indent: -9999em; overflow: hidden;}
.popupbox input.btn {vertical-align: top;}

.popupbox .btn-tiny {height: 16px; background-position: 0 0; }
.popupbox .btn-tiny:hover {background-position: 0 -16px !important;}

.popupbox .btn-close-popup {width: 16px; height: 16px; background-image: url('btn_close-popup.gif');}

.popupbox .form-layout01 .buttons input.btn-subscribe { width: 87px;}

.popupbox .form-layout01 { font-size: 1em; margin: 0 !important; padding: 0 !important; }
	.popupbox .form-layout01 fieldset { margin: 0; border: 0; }

	.popupbox .form-layout01 .field01 { margin-bottom: 0.50em;}
	
	.popupbox .form-layout01 .field01.last,
	#footer .popupbox .popupbox-inside-content .field01.last p  { margin-bottom: 0;}

	.popupbox .form-layout01 .field01 label
	{
		font-weight: bold;
		margin-bottom: 0.42em; /* 5px */
	}
	
	.popupbox .form-layout01 .field01 .input-bg01 input
	{
		border: 1px solid #e6e4e1;	
		width: 205px;
		color: #666666;
		padding: 2px 6px;
	}
	
	.popupbox .form-layout01 .buttons
	{
		padding:  10px 0 13px 0;
		margin-bottom: 0; 
	}
	.popupbox .form-layout01 .buttons .alingMe01 {
		margin: 8px 0 0 5px;
	}
	
	.popupbox .form-layout01 .error
	{
		margin: 2px 0 0 5px;
	}


/* =Footer Navigation - START: home page footer navigation styling*/
.home #footer { background: #ffffff; border-bottom: none; }
.home #footer #footer_inside { padding: 16px 0 0 0; }
#footer.primary #footer-links {list-style: none; width: 630px; margin: 0 auto;}
#footer.primary #footer-links li {float: left; display: inline;}

/* images for primary main nav */
#footer.primary #footer-links p { text-align: left; }

#footer.primary #footer-links li a {display: block;}

#footer.primary #footer-links ul li a {
	overflow: hidden;
	font-size: 1em;
	line-height: 1em;
	position: relative;	
}
#footer.primary #footer-links ul li a:hover span {
	cursor: pointer;	
}
#footer.primary #footer-links ul li a span {
	display:block;
	position:absolute;
	left:0;
	top: 0;
	z-index:1;
	margin: 0;
	padding:0;
	text-indent: -9999em;
}

#footer.primary {height: 124px; width: 964px; margin: 0 auto; }
#footer.primary #footer-links ul { list-style-type: none; display: inline-block; }
#footer.primary #footer-links ul li {margin-left: 20px;}
#footer.primary #footer-links ul li.firstFooterNavItem {margin-left: 0;}
#footer.primary #footer-links ul li a span {background:url("bcg_navigation-primary_footer.jpg") 0 0 no-repeat;}
#footer.primary #footer-links ul li a,
#footer.primary #footer-links ul li a span {height:46px; width:140px; }

#footer.primary #footer-links ul li.navHondaone a span {background-position: 0px 0}
#footer.primary #footer-links ul li.navHondaone a:hover span {background-position: 0px -46px}
#footer.primary #footer-links ul li.navHondaone a:hover {border-color: #b50b16;}

#footer.primary #footer-links ul li.navAsimo a span {background-position: -160px 0}
#footer.primary #footer-links ul li.navAsimo a:hover span {background-position: -160px -46px}
#footer.primary #footer-links ul li.navAsimo a:hover {border-color: #6baf14;}

#footer.primary #footer-links ul li.navRally a span {background-position: -320px 0}
#footer.primary #footer-links ul li.navRally a:hover span {background-position: -320px -46px}
#footer.primary #footer-links ul li.navRally a:hover {border-color: #26a3b2;}

#footer.primary #footer-links ul li.navHondafoundation a,
#footer.primary #footer-links ul li.navHondafoundation a span { width: 149px; }
#footer.primary #footer-links ul li.navHondafoundation a span {background-position: -471px 0}
#footer.primary #footer-links ul li.navHondafoundation a:hover span {background-position: -471px -46px}
#footer.primary #footer-links ul li.navHondafoundation a:hover {border-color: #16639e;}


/* icons */
#footer .ico { padding: 0 0 0 24px;}
	#footer .ico-twitter { background: url(ico_twitter.png) 0 50% no-repeat; }
	#footer .ico-facebook { background: url(ico_facebook.png) 0 50% no-repeat; }
	#footer .ico-youtube { background: url(ico_youtube.png) 0 50% no-repeat; }
	#footer .ico-testdrive { background: url(ico_testdrive.png) 0 50% no-repeat; }
	
/* footer - related */
#footer-related {text-align: center; font-size: 12px; background-color: #ffffff;}
#footer-related h3 {margin-bottom: 0; font-size: 1.5em;}
#footer-related a {color: #ea2a36; text-decoration: none;}
#footer-related a:hover {text-decoration: underline;}
.footer-related_inside { width: 921px; margin: 0 auto; text-align: left;}
.footer-related_padding {padding: 30px 12px 55px 12px;}
#footer-related .widget-pricing-footer{padding:25px 0 0 0; margin-top:35px; margin-bottom:10px; border-top: 1px solid #E7E8EA;}
#footer-related .widget-pricing-footer-inside{padding-left:0;}
#footer-related .widget-pricing-footer-inside .disclaimer{font-size:1em; font-style:normal;}
#footer-related a.enterPostcode{font-size:0.8333em; white-space:nowrap;} /* 10px */

/* homepage style and padding */
.default .footer-related_inside { border: none;}

.fCar {float: left; display: inline;  width: 126px; margin-right: 13px; padding-top: 11px; overflow:visible;}
.fCar a {display: block; font-weight: bold; font-size: 1.167em; width: 117px;}
.fCar a:hover {text-decoration: none;}
.fCar a:hover .carTitle {text-decoration: underline;}
.fCar-price {margin-bottom: 0;}
.fCar a .carThumbnail {background-image:url(img_honda-cars-crz.png); display: block; width: 123px; height: 74px; text-indent: -9999em; overflow: hidden; margin-bottom: 5px; cursor: pointer}
.fCar.car-jazz a .carThumbnail {background-image:url(img_honda-cars-jazz.png);}
.fCar.car-jazzvibe a .carThumbnail {background-image:url(img_honda-cars-jazzvibe.png);}
.fCar.car-city a .carThumbnail {background-image: url(img_honda-cars-city.png);}
.fCar.car-civicsedan a .carThumbnail {background-image: url(img_honda-cars-civic.png);}
.fCar.car-insight a .carThumbnail {background-image: url(img_honda-cars-insight.png);}
.fCar.car-civichybrid a .carThumbnail {background-image: url(img_honda-cars-civichybrid.png);}
.fCar.car-civictyper a .carThumbnail {background-image: url(img_honda-cars-civictyper.png);}
.fCar.car-civicsi a .carThumbnail {background-image: url(img_honda-cars-civicsi.png);}
.fCar.car-accord a .carThumbnail {background-image: url(img_honda-cars-accord.png);}
.fCar.car-accordeuro a .carThumbnail {background-image: url(img_honda-cars-euro.png);}
.fCar.car-crv a .carThumbnail {background-image: url(img_honda-cars-crv.png);}
.fCar.car-odyssey a .carThumbnail {background-image: url(img_honda-cars-odyssey.png);}
.fCar.car-legend a .carThumbnail {background-image: url(img_honda-cars-legend.png);}

.fRandeList span {
	width: 140px;
	float: left;
}
.footer-related_inside ul {
	width: 140px;
	float: left;
}
#footer-related .fCarRange h3 {margin-bottom: 1.777em /* 32px */; width: 280px; float: left;}
#footer-related .fCarRange ul {margin: 0;}
.fCarRange a.next {display: block; margin-top: 6px; float: left; width: auto; font-weight: bold;}

/* Expanding/Contracting related cars in showrooms */
a#footer_expand-collapse { background:url(tab_footer.gif) no-repeat; display:block; width:169px; height:45px; margin:auto; }
a#footer_expand-collapse.active { background-position:bottom; }
	a#footer_expand-collapse span { display:none; }
#footer-related.collapsible { background:#fcfcfc url(bgd_footer.gif) top repeat-x; overflow:hidden; }
#footer-related.collapsible .footer-related_inside { padding:20px 0 20px 0; }
#footer-related.collapsible .KievitItal_18 { color:#666666; }
