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

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

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



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

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

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


.highlight td,
.highlight th {
background: #3c3952 url('../images/odyssey/tableHighlight_odyssey.gif') repeat-x;
color: #FFFFFF;
}


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

h1, h2 { color: #282156; }
h3 { padding-top:25px; color:#282156; }
.active { color: #282156; }
.compare_or { color: #282156; }
.backtotop { color: #282156; }
#sec_navibar a {color: #ffffff;} /* 2nd tier navi link */
#section_navigation li.active a {color: #301b5b;} /* 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: #282156;} /* 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.odyssey th.specs_intro { width: 340px; }
body.odyssey 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; line-height:25px; list-style:url(../images/odyssey/right_arrow.png); list-style-position:outside; }
.maintenance_link li a { color:#333333; font-size:14px; }
.maintenance_link li a:hover { color:#362842; font-size:14px; font-weight:bold; }
.maintenance_link li .active { color:#362842; 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:#000066; font-size:11px;}
.nextbtnlink {color:#666666;}
.nextbtnlink a:hover {text-decoration:underline; }