/***********************************************************************	

	STYLES FOR HONDA.COM.MY - HONDA CITY
	Author: AGENDA Malaysia
	Version: 
	Last Modified: 
	
	File Contents: 
	- Backgrounds
	- Font Styles
	- Custom Layout

***********************************************************************/



/* Backgrounds
-------------------------------------------------*/

body.content #header {
	height: 161px;
	background: url('../images/city/header_pic.jpg') no-repeat 50% 45px;
}

#main {
background-image:url(../images/bg_gradient.jpg);
background-repeat:repeat-x;
background-position:0px 60px;
}

#sec_navibar {
	background:url('/common/images/city/city_2nd_tier_button_bg.png') repeat-x;
	height: 60px;
}

#bottom_ads {
	background: #000 url('/common/images/city/bottom_ads_panel_bg.jpg') repeat-x;
background-color:#000;
}


.highlight td,
.highlight th {
background: #727274 url('../images/city/tableHighlight_city.gif') repeat-x;
color: #FFFFFF;
}


/* Font Styles
-------------------------------------------------*/

h1, h2 { color: #222324; }
.compare_desc h2 { line-height:25px; }
h3 { padding-top:25px; color:#424345; }
#sec_navibar a {color: #ffffff;} /* 2nd tier navi link */
#section_navigation li.active a {color: #585859;} /* 2nd tier navi active link */
#section_navigation li.active ul a {color: #333333;} /* 3rd tier navi link */
#section_navigation li.active ul li.active a {color: #4a4a4c;} /* 3rd tier navi active link */



/* Custom Layout
-------------------------------------------------*/
.coolextras #sec_navibar,
.overview #sec_navibar,
.gallery #sec_navibar {
	height: 38px;
	border-bottom: 0;
}

.bp_block {
	float: left;
}

#bp1 	{ width: 250px; padding-right: 30px; }
#bp2 	{ width: 120px; padding-right: 10px; }
#bp3 	{ width: 160px; padding-right: 10px; }
#bp4 	{ width: 125px; padding-right: 10px; }
#bp5 	{ width: 110px; padding-right: 10px; }
#bp6 	{ width: 125px; }


/** Cool Extras **/
.coolextras { border-bottom:dotted 1px #666666; margin-bottom:5px; margin-top:5px; }

/** Pricing & Specs **/

body.city th.specs_intro { width: 368px; }
body.city th.specs_modelheader { width: 220px; }
.note ol li { padding-bottom:5px; list-style-position:outside; line-height:13px; }
.note ol { padding-left:10px; }
.maintenanceheader { line-height:25px; }

.maintenance_link {  padding-left:3px; }
.maintenance_link li { color:#333333; list-style:url(../images/city/right_arrow.png); list-style-position:outside; padding-bottom:10px; }
.maintenance_link li a { color:#333333; font-size:14px; }
.maintenance_link li a:hover { color:#686868; font-size:14px; font-weight:bold; }
.maintenance_link li .active { color:#686868; font-size:14px; font-weight:bold; }

.maintenance_chart { width:940px; }
.maintenance_chart td, th { border-bottom: 1px solid #cccccc; padding: 10px 12px; }



.pricing td .padding,
.which td .padding {
padding-left:0px;
}

#note {
width:920px;
padding:10px;
margin-bottom:25px;
background-color:#e5e5e5;
}


.nextbtn { font-weight:bold; color:#252525; font-size:11px;}
.nextbtnlink {color:#666666;}
.nextbtnlink a:hover {text-decoration:underline; }