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

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

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



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

body.content #header {
height: 161px;
background: url('../images/stream/inside_concept_banner.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('../images/stream/second-tier-button-bg.png') repeat-x;
	height: 60px;
}

#bottom_ads {
	background: #000 url('../images/stream/cross_sell-bg.jpg') repeat-x;
}

#bottom_slider {

}

.highlight td,
.highlight th {
background: #a9a7ab url('../images/stream/tableHighlight_stream.gif') repeat-x;
color: #333333;
}


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

h1, h2 { color: #000000; }
.compare_desc h2 { line-height:25px; }
h3 { padding-top:25px; color:#000000; }
.active { color: #000000; }
.compare_or { color: #000000; }
.backtotop { color: #000000; }
#sec_navibar a {color: #535353;} /* 2nd tier navi link */
#section_navigation li.active a {color: #000000;} /* 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: #000000;} /* 3rd tier navi active link */



/* Custom Layout
-------------------------------------------------*/

.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; }

/** Pricing & Specs **/

body.stream th.specs_intro { width: 340px; }
body.stream th.specs_modelheader { width: 160px; }
.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/stream/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:#000000; font-size:14px; font-weight:bold; }
.maintenance_link li .active { color:#000000; font-size:14px; font-weight:bold; }

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

.which td .padding {
padding-left: 80px;
}

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


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