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

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

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


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

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

body.content #header {height: 161px; background: url('../images/civictyper/inside_concept_banner.jpg') no-repeat 50% 45px; }
#sec_navibar { background: url('../images/civictyper/second-tier-button-bg.png') repeat-x; height: 60px;}
#bottom_ads { background: #000 url('../images/civictyper/cross_sell-bg.jpg') repeat-x; background-color:#000;}
table tr { color:#FFFFFF; }
.highlight td, .highlight th { background: #920500 url('../images/civictyper/tableHighlight_typer.gif') repeat-x; color: #FFFFFF; }
.alt td, .alt th { background: #1a1a1a; color: #FFFFFF; }

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

h1, h2 { color: #c51500; }
h3 { padding-top:25px; color:#c51500; }
p { color:#aaaaaa; }
.active { color: #c51500; }
.compare_or { color: #aaaaaa; }
.backtotop { color: #c51500; }
#pricing_note li { color: #aaaaaa; }
#sec_navibar a {color: #000000;} /* 2nd tier navi link */
#section_navigation li.active a {color: #b81400;} /* 2nd tier navi active link */



/*Specially for Type R's Third Tier's Navi CSS
------------------------------------------------------------------*/
#section_navigation li.active ul { margin-top: 7px; }
#section_navigation li.active li a {padding-top:0px; color:#eeeeee; height:10px; }
#section_navigation ul li ul li.active a { height:10px; color:#c51500;}

/* 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.civictyper th.specs_intro { width: 340px; }
body.civictyper th.specs_modelheader { width: 160px; }
.note ol li { padding-bottom:5px; list-style-position:outside; line-height:13px; color:#CCCCCC;}
.note ol { padding-left:10px; }
.maintenanceheader { line-height:25px; }
.maintenance_link {  padding-left:3px; }
.maintenance_link li { color:#c20000; list-style:url(../images/civictyper/right_arrow.png); list-style-position:outside; padding-bottom:10px; }
.maintenance_link li a { color:#c20000; font-size:14px; }
.maintenance_link li a:hover { color:#c20000; font-size:14px; font-weight: bold; }
.maintenance_link li .active { color:#c20000; 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:#141414;
}


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