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

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

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



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

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




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


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

#sec_navibar {
	background:url('../images/default_2nd_tier_button_bg.png') repeat-x;
	height: 50px;
}

#sec_navibar_sub {
	background:url('../images/default_2nd_tier_button_bg.png') repeat-x;
	height: 60px;
}


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



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

h2, h3, h5 { color: #c51500; }
a { color:#c51500; }
a:hover { color:#c51500; }

.greytext { color:#333333; }
#sec_navibar a {color: #ffffff;} /* 2nd tier navi link */
#section_navigation li.active a {color: #b81400;} /* 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: #b81400;} /* 3rd tier navi active link */



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

.overview #sec_navibar,
.gallery #sec_navibar {
	height: 58px;
	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; }




/* Table
-------------------------------------------------*/

.careertable th { width: 380px; border-bottom: 1px dotted #666666; padding:10px 10px;} 
.careertable td { border-bottom: 1px dotted #666666; padding:10px 10px; }

.titlecareer th, .titlecareer td{ background:#e91f30; color:#FFFFFF; }
.space { margin-bottom: 20px; }
.spacing { width:250px; }
.alt { background:#e5e5e5 }
.next10 { text-align:right; padding-bottom:10px; padding-top:10px; }
.year { color:#e91f30; font-size:11px; background:#e5e5e5; height:30px; }
.topic { margin-bottom:10px; margin-top:10px; border-bottom:#999999 dotted 1px; }
.date { margin-bottom:10px; margin-top:10px; border-bottom:#999999 dotted 1px; }

#listtable { padding-left:5px; padding-right:5px;}
#listtable li { padding-bottom:5px; list-style-position:outside; line-height:13px; }


/*About Honda
    * About us
    * CEO's message
    * Factory facilities
    * Founder
    * Achievement
    * Contact Us
	
---------------------------------------------------------*/
.aboutrightpanel { 
	background: url('/abouthonda/images/philosophybg.jpg');
	height:444px;
	width:230px;
	background-repeat: no-repeat;
	 
}
.rightpanelstyle { color:#FFFFFF; padding-left:10px;}
.rightpanelstyle ul { padding-right:15px; }
.rightpanneltitle {font-size:16px;}
.rightpanelstyle p {margin-bottom: 5px; line-height: 1.2em;}
.rightpanelstyle h3 {color: #FFFFFF;}
.redbg h3 {background-color:#e71a01; color:#FFFFFF; padding-left:10px;}
.doteline { border-bottom: 1px solid #cccccc; padding-right:0px;}
.borderdoteline { height:30px; }
.greybg { background-color:#f1f1f1; width:340px; height:200px; }


/** Faux Dropdown Select lists **/

.browsebyyear { position:relative; }
.browsebycat { position:relative; }
.yeartitle { color:#FF0000; font-size:12px; padding-top:5px; }

.dropdown .dd_selected {
	background:transparent url('../images/dd_listselect.png') no-repeat scroll 0 0;
	color:#666666;
	display:block;
	font-size:12px;
	height:27px;
	text-decoration:none;
	width:189px;
	overflow: hidden;
}

.open .dd_selected { background-position: 0 -30px; }

.dropdown .dd_selected span {
	display:block;
	height:21px;
	margin-left:14px;
	overflow:hidden;
	padding:5px 0 0;
	white-space:nowrap;
	width:148px;
}


#content .dropdown .dd_options {
	background:#FFFFFF;
	border:1px solid #CCCCCC;
	position:absolute;
	width:186px;
	list-style-type: none;
	list-style-position: outside;
	margin-top: -3px;
	padding: 0;
}

#content .dd_options li { margin: 0; }
.dropdown .dd_options a { color: #666666; display:block; padding:3px 5px; width:176px; }
.dropdown .dd_options a:hover { background:#d6d6d6; }


/* CAREER APPLICATION FORM
-------------------------------------------------*/

.form_1col { padding-bottom:10px; padding-top:10px; }
form p { margin-bottom: 5px; }
.redasterisk { color:#e91f30 }
.error_message { color:#e91f30; font-size:10px; margin-bottom:5px; margin-left:3px; }
#career_application td { padding: 0; }
#career_application fieldset { background: #EFEFEF; margin-bottom: 20px;}

input.checkbox { vertical-align: middle; }
input.radio { vertical-align: text-bottom; }
#career_application .faux_legend { background: #666666; color: #FFFFFF; font-size: 16px; display: block; padding: 5px; margin: 0 0 10px; }

#career_application .field:after,
#career_application .input_group:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}

#career_application .field,
#career_application .input_group {
	display: inline-block;
}

* html #career_application .field
* html #career_application .input_group {
	height: 1%;
}

#career_application .field { display: block; margin-bottom: 8px; }
#career_application .input_group { display:block; }
#career_application .description { font-size: 9px; margin: 0 0 0 5px; }

#career_application label { display: block; margin-right:40px; margin-top:3px; }
#career_application .text { width: 240px; }
#career_application .textbox { width: 500px; }
#career_application .textbox_smaller { width: 300px; }
#career_application .select { width: 245px; padding: 2px; }
#career_application select#title { width: 80px; }
#career_application select#day { width: 70px; }
#career_application select#month { width: 88px; }
#career_application select#year { width: 90px; }
#career_application select#nationality { width: 120px;}
#career_application input#age { width:100px; }

#profile_ic,
#profile_id {
width: 180px;
float: left;
}

#profile_idconfirm { width: 100px; float: left; }
#career_application input#idNumber { width: 138px; }
#career_application #newICNumber1 { width: 50px; }
#career_application #newICNumber2 { width: 20px; }
#career_application #newICNumber3 { width: 40px; }

#career_application #contactNoMobilePrefix,
#career_application #contactNoOfficePrefix {
width: 70px;
}

#career_application #contactNoHomePrefix { width: 61px; }

#career_application #contactNoMobile,
#career_application #contactNoHome,
#career_application #contactNoOffice {
width: 108px;
}

#career_application input.profile_regno { width: 150px; }


#emergency_contact #emergencyMobileNoprefix{ width: 70px; }
#emergency_contact #emergencyHomeNoprefix{ width: 61px; }
#emergency_contact #emergencyHomeNo, #emergency_contact #emergencyMobileNo{ width: 120px; }


#character_reference2 { float:left; }
table#education .select { width:100px; }
table#work_experience .select  { width:100px; }
table#character_reference .select { width:100px; }

#work_experience label,#education label, #emergency_contact label, #other_information label { margin-right:90px; margin-left:10px; }
.leftpadding { margin-left:10px; }
#character_reference #referee_phone1_1, #character_reference #referee_phone2_1, #emergency_contact #emergency_contactno { width:60px; }
#character_reference #referee_phone1_2, #character_reference #referee_phone2_2, #emergency_contact #emergency_contactno2 { width:164px; }
#group_friendshonda { float:left; display:block; }
#group_friendshonda table td { padding-bottom:10px; padding-left:10px; }




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