/*
STANDARD CSS
*************************************************/
/*
Controls styles for all regions
********************* 
Created - 29.05.2006
Modified - 05.06.2006
********************* 
*/

/*
COLORS
*************************************************/
/*
UI
Dark Orange:				#ffd452
Med-Dark Orange:			#fedb73
Med-Light Orange:			#fee28f
Light Orange:				#fcefbb
*****
Dark Grey:					#b7b1ad
Mid-Dark Grey:				#cbc6c4
Light Grey:					#e9e9e9
*****
Blue:						#678ba8
Red:						#c41200
Green:						#93946A
Orange:						#f89820
Grey:						#9a918c
*/

/*
CORE
*************************************************/
html {
}
body {
	background: #FFFFFF;
	padding: 20px;
	margin: 0;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 62.5%; /* set base of 1em = 10px >> display font size set in #main-container*/
	color: #3D3D3D;
	line-height: 1.5em;
	text-align: center;
}

/* 
LINKS 
*****************************/
a {
	color: #C96600;
	text-decoration: none;
}
a:hover {
	color: #f89820;
	text-decoration: none;
}
a:visited, a:active, a:focus{
}

/* 
HEADINGS 
*****************************/
h1 {
	font-size: 1.3em;
	font-weight: bold;
	margin: 1em 0;
	padding: 0;
}
h2 {
	font-size: 1.1em;
	font-weight: bold;
	margin: 0.7em 0;
	padding: 0;
}
h3 {
	font-size: 1em;
	font-weight: bold;
	margin: 0;
	padding: 0;
}
h4 {
	font-size: 1em;
}

/* 
PARAGRAPH 
*****************************/
p {
	margin: 0.7em 0;
	padding: 0;
}

/* 
IMAGES 
*****************************/
img {
	border: none;
}

/* 
H-RULE
*****************************/
hr {
	border: none;
	border-top: 1px solid #e9e9e9;
	height: 1px;
	margin: -0.2em 0;
	padding: 0;
}

/* 
LISTS 
*****************************/
ol{
	margin: 0.7em 0;
	padding: 0 0 0 2.5em;
}
ul{
	margin: 0.7em 0;
	padding: 0 0 0 2.3em;
}
li{
	padding: 0.2em 0;
}
dl {
}
dl dt {
	font-weight: bold;
	margin-left: 0;
}
dl dd {
	margin-left: 0;
}

/* 
FORMS 
*****************************/
form, input {
	margin: 0;
	padding: 0;
}
fieldset {
	border: 1px solid #e9e9e9;
	margin: 1.5em 0;
	padding: 0.7em 1em;
	background: #ffffff;
}
label {
	font-weight: bold;
	width: 100px;
	padding: 5px 0;
	display: block;
	float: left;
	clear: both;
	line-height: 1.1em;
}
input, textarea, select, option, optgroup {
	font-size: 1em;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	margin: 0.3em 0;
	border: 1px solid #CCCCCC;
	padding: 0.2em;
}
button {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 1em;
	text-transform: uppercase;
	font-weight: bold;
	background: #ffffff;
	color: #777;
	border: 1px solid #bdbdbd;
	margin: 0em 0.3em 0em 9.5em;
	padding: 1px 8px;
	vertical-align: middle;
	clear: both;
	float: left;
}
button:hover, button:focus, button:active {
}
* html button {
	padding: 0;
	margin-top: 0px;
}
#content-secondary a.vote {
	display: block;
	width: 10px;
	height: 10px;
	background: #ffffff;
	padding: 0;
	font-size: 0.5em;
	line-height: 0.5em;
	text-decoration: none;
	border: 1px solid #bdbdbd;
	margin: 3px 3px 3px 0;
	
}
a.vote:hover, a.vote:focus, a.vote:active {
	text-decoration: none;
}

/* 
TABLES 
*****************************/
/*table {
	margin: 1em 0;
	border-collapse: collapse;
	border: 3px double #e9e9e9;
	font-size: 1em;
	text-align: left;
	line-height: 1.8em;
}
caption {
	margin: 0.8em 0;
}*/
#content-primary thead {
	background-color: #e9e9e9;
	text-align: left;
}
/*tbody {
}
tfoot {
	background-color: #e9e9e9;
	text-align: left;
}
tr {
}*/
#content-primary table {
	border-top: 1px solid #eeeeee;
}
#content-primary th {
	padding: 0.5em;
	vertical-align: top;
	text-align: left;
	background-color: #f0f0f0;
	/*border: 1px solid #fff;*/
}
#content-primary td{
	padding: 0.4em;
	vertical-align: top;
	background-color: #ffffff;
	border-bottom: 1px solid #eeeeee;
}

/*
MAIN CONTAINER
*************************************************/
#main-container {
	position: relative;
	width: 720px;
	margin: 0 auto;
	padding: 0;
	text-align: left;
	font-size: 1.1em;
	line-height: 1.5em;
}

#main-container #header {
	position: relative;
	height: 126px;
	border-top: 1px solid #E9E9E9;
	background: #ffffff url(../images/masthead_eng_new.jpg) top no-repeat;

}

#main-container #left-col {
	clear: left;
	width: 205px;
	float: left;
	padding-bottom: 61px;	
}

#main-container #right-col {
	width: 500px;
	float: right;
	background: #ffffff;
	padding-bottom: 30px;
}

#main-container #archive {
 	width: 100%;
}

/*
REGIONAL VARIANCE
*************************************************/
/* regional font sizes (bigger for chinese chars) */
#region-tw #main-container,
#region-cn #main-container {
	font-size: 1.4em;
}
/* KOREA */
#region-kr #main-container {
	font-family: Dotum, Arial, Gulim;
	font-size: 1.2em;
}
#region-kr #navigation h2 {
	font-weight: normal;
	font-size: 1.1em; /* client demand 10pt - but that's smaller than body text*/
}
#region-kr #navigation .nav-main ul li a {
	color: #000000;
	font-weight: normal;
}
#region-kr #content-primary h1 {
	font-weight: bold;
	font-size: 1.1em; /* client demand 10pt */
}
#region-kr #content-secondary h2 {
	font-weight: bold;
	font-size: 1.1em; /* client demand 10pt */
	margin-bottom: 1em;
}

/**/

/*
SKIP LINK
*************************************************/
#skip-link {
	background: #FFFFFF;
	position: relative;
	display: none;
}
#skip-link ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#skip-link li {
	margin: 0;
	padding: 0;
	position: absolute;
	top: -1000px;
	left: -3000px;
}	
#skip-link li a {
	display: block;
	width: 100%;
}
#skip-link a:focus, #skip-link a:active  {
	top: 0;
	left: 0;
	color: #FFFFFF;
	background-color: #f89820;
}

/*
MASTHEAD
*************************************************/
/*REGIONS*/
#region-anz #header {
	background:#FFFFFF url(../images/masthead_eng_global.jpg) top left no-repeat;
}
#region-sea #header {
	background:#FFFFFF url(../images/masthead_trans_new.jpg) top left no-repeat;
}
#region-sg #header {
	background:#FFFFFF url(../images/masthead_trans_new.jpg) top left no-repeat;
}
#region-hk #header {
	background:#FFFFFF url(../images/masthead_trans_new.jpg) top left no-repeat;
}
#region-in #header {
	background:#FFFFFF url(../images/masthead_eng_new.jpg) top left no-repeat;
}
#region-tw #header {
	background:#FFFFFF url(../images/masthead_trans_new.jpg) top left no-repeat;
}
#region-cn #header {
	background:#FFFFFF url(../images/masthead_trans_new.jpg) top left no-repeat;
}
#region-kr #header {
	background:#FFFFFF url(../images/masthead_trans_new.jpg) top left no-repeat;
}
/**/

#header .logo {
	text-align: left;
}
#header .issue {
	position: absolute;
	left: 1px;
	bottom: 0;
	height: 22px;
	color: #a9a9a9;
	line-height: 24px;	
}
#header .issue .date {
	color: #000000;
	font-weight: bold;
}
#header .issue .region {
	color: #c41200;
	font-weight: bold;
}

/*
NAVIGATION
*************************************************/
#navigation {
}
/**/
#navigation .nav-main {
	margin-top: 10px;
	margin-bottom: 20px;
	height: auto !important;
}
#navigation .nav-main h2 {
	font-size: 1.5em;
	color: #343434;
	font-weight: bold;
	margin: 0;
	padding: 4px 0 0px;
}
#navigation .nav-main h2 a, #navigation .nav-main h2 a:focus {
	color: #343434;
}
#navigation .nav-main ul {
	list-style: none;
	margin: 0;
	padding: 0 0 0 0;
}
#navigation .nav-main ul li {
	list-style: none;
	margin-left: 0;
	padding-left: 10px;
	background: transparent url(../images/orange_bullet_main.gif) 0 0.6em no-repeat;
	border-bottom: 1px solid #989898;
}
#navigation .nav-main ul li a {
	color: #000000;
}
/**/
.nav-archive {
	height: 30px;
	line-height: 25px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
}

.nav-archive a {
	padding: 0 5px 0 30px;
	color: #C96600;
	display: block;
	background: #E1E1E1 url(../images/icon_arrow_sml.gif) 1.5em 0.8em no-repeat;
}

/*
CONTENT PRIMARY
*************************************************/
#content-primary {
	padding: 0;
	margin: 0;
}
/**/
#content-primary a {
	font-weight: bold;
}
/**/
.breadcrumbs {
	text-align: left;
	margin: 5px 0 -8px 0;
	font-weight: bold;
}
.breadcrumbs a {
	color: #b7b1ad;
}
.breadcrumbs a:hover {
	color: #000000;
}
/**/
#right-col #content-primary h1 {
	margin-left: 0px;
	margin-top: 14px;
	clear: both;
	color: #ea8c1b;
	padding: 4px 15px;
	background: transparent url(../images/icon_arrow_lrg_black.gif) 1px 8px no-repeat;
	border-top: 1px solid #ea8c1b;
	border-bottom: 1px solid #ea8c1b;
}
#archive #content-primary h1 {
	margin-left: 0px;
	margin-top: 14px;
	clear: both;
	color: #ea8c1b;
	padding: 4px 0;
	/*background: #FFD452 url(../images/icon_arrow_lrg_black.gif) 10px 8px no-repeat;*/
}
#right-col #content-primary h1.section-newsflash {
	margin-left: 0px;
	margin-top: 14px;
	clear: both;
	color: #678ba8;
	padding: 4px 15px;
	background: transparent url(../images/icon_arrow_lrg_black.gif) 1px 8px no-repeat;
	border-top: 1px solid #678ba8;
	border-bottom: 1px solid #678ba8;
}
#right-col #content-primary h1.section-productupdate {
	margin-left: 0;
	margin-top: 14px;
	clear: both;
	color: #93946A;
	padding: 4px 15px;
	background: transparent url(../images/icon_arrow_lrg_black.gif) 1px 8px no-repeat;
	border-top: 1px solid #93946A;
	border-bottom: 1px solid #93946A;
}
#right-col #content-primary h1.section-drivingsuccess {
	margin-left: 0;
	margin-top: 14px;
	clear: both;
	color: #f89820;
	padding: 4px 15px;
	background: transparent url(../images/icon_arrow_lrg_black.gif) 1px 8px no-repeat;
	border-top: 1px solid #f89820;
	border-bottom: 1px solid #f89820;
}
#right-col #content-primary h1.section-globalnews {
	margin-left: 0;
	margin-top: 14px;
	clear: both;
	color: #9a918c;
	padding: 4px 15px;
	background: transparent url(../images/icon_arrow_lrg_black.gif) 1px 8px no-repeat;
	border-top: 1px solid #9a918c;
	border-bottom: 1px solid #9a918c;
}
#right-col #content-primary h1.section-otherlinks {
	margin-left: 0;
	margin-top: 14px;
	clear: both;
	color: #7F6377;
	padding: 4px 15px;
	background: transparent url(../images/icon_arrow_lrg_black.gif) 1px 8px no-repeat;
	border-top: 1px solid #7F6377;
	border-bottom: 1px solid #7F6377;
}
#content-primary h2 {
}
/**/
#content-primary img {
	float: right;
	padding: 0;
	margin-left: 20px;
	margin-bottom: 5px;
}
/**/
.article-menu {
	/*padding-right: 130px;
	clear: both;*/
}

a.more {
	padding-right: 12px;
	background: transparent url(../images/more_icon.gif) no-repeat center right;
	color: #C96600 !important;
	font-weight: bold;
	text-decoration: none !important;
}

a.more:hover {
	background: transparent url(../images/more_icon_hover.gif) no-repeat center right;
	color: #f89820!important;
}

.article-menu a img {
	background: none;
}

.article-menu h3 {
	margin-top: 0;
	margin-bottom: -0.7em;
	padding: 0;
}

.article-menu h3 a {
	color: #000000;
	background: none;
}

.article-menu h3 a:hover {
	color: #666666;
	background: none;
}

.article-menu img {
	float: right; /* clear is on the h2 */
	padding: 0;
	margin-left: 20px;
	/*margin-right: -130px;*/
	margin-bottom: 5px;
}
.article-menu ul.indexpage-list li {
	padding: 0em inherit;
	line-height: 1.2em;
}
/**/
.txt-intro {
	font-weight: bold;
	color: #666666;
}
/**/
ul.link-list {
	list-style: none;
	margin-left: 0;
	padding: 0;
}
ul.link-list li {
	margin-left: 0;
}

ul.link-list a {
	font-weight: bold;
	background: transparent url(../images/icon_linkarrow_brown.gif) center left no-repeat;
	padding-left: 10px;
}

/*
CONTENT SECONDARY
*************************************************/
#content-secondary {
margin-top: 14px;
}
/**/
#content-secondary h2 {
	font-size: 1em;
	font-weight: bold;
	line-height: 1.1em;
}

#content-secondary h2 a {
	color: #343434;
	font-weight: bold;
	text-decoration: none;
}

#content-secondary a {
	color: #3D3D3D;
	text-decoration: underline;
}

#content-secondary p {
	padding: 0 13px;
}
#content-secondary .promo-grey p, #content-secondary .promo p {
	margin: 0.7em 0;
	padding-top: 0px;
}

/**/
/* ORIGINAL
#content-secondary .ask {
	margin-bottom: 20px;
}

#content-secondary .ask h2 {
	font-size: 1.7em;
	color: #f27f1a;
	padding: 0;
	margin: 0 13px;
	font-weight: normal;
}

#content-secondary .ask .top {
	background: #fff195 url(../images/ate_top.gif) top left no-repeat;
	height: 10px;
	min-height: 10px;
}

#content-secondary .ask .bottom {
	background: #fff195 url(../images/ate_bg.gif) bottom left no-repeat;
	padding-bottom: 5px;
}*/

#content-secondary .ask {
	margin-bottom: 20px;
}

#content-secondary .ask h2 {
	font-size: 1.7em;
	color: #f27f1a;
	padding: 8px 0 0 0;
	margin: 0 13px;
	font-weight: normal;
}

#content-secondary .ask .top {
	background: #faf39d url(../images/ate_top_new.gif) top left no-repeat;
	line-height: 10px;
}

#content-secondary .ask .bottom {
	background: #faf39d url(../images/ate_bg_new.gif) top left no-repeat;
	border-bottom: 1px solid #fecb02;
	position: relative;
	color: #000000;
}

img#mail {
	position: absolute;
	top: 5.5em;
}

#region-cn img#mail, #region-tw img#mail {
	position: absolute;
	top: 5.5em;
}

#region-cn p#question,  #region-tw p#question{
	padding-top: 7em;
}

p#question {
	padding-top: 8.5em;
}

.ask-more {
	text-align: right;
}

.ask-more a {
	color: #000000 !important;
	text-decoration: none !important;
	font-weight: bold;
	padding-right: 12px;
	background: transparent url(../images/more_icon_black.gif) no-repeat center right;
}

.ask-more a:hover {
	text-decoration: underline !important;
}

/**/
#content-secondary .promo {
	background: transparent url(../images/module_box_bot_long.gif) bottom left no-repeat;
	margin-bottom: 20px;
	padding-bottom: 10px;
	position: relative;
}

#content-secondary .promo h2 {	
	color: #343434;
	padding: 15px 13px 3px 13px;
	line-height: 1.1em;
	background: transparent url(../images/module_box_top_long.gif) top left no-repeat;
	width: 185px;
	margin-bottom: 0;
}

#content-secondary .promo .button {
	padding: 0;
	margin: 0;
	text-align: center;
	
}

#content-secondary .promo .button a {
	margin: 0;
	text-align: center;
	display: block;
	clear: both;
}

#content-secondary .promo-grey {
	background: #EEEEEE;
	margin-bottom: 20px;
	padding-bottom: 10px;
	position: relative;
}

#content-secondary .promo-grey h2 {
	font-size: 1em;
	color: #343434;
	font-weight: bold;
	padding: 10px 0 0 13px;
	line-height: 1.1em;
	background: none;
	width: 185px;
}

#content-secondary .promo-grey .button {
	padding: 0;
	margin: 0;
	text-align: center;
}

#content-secondary .promo-grey .button a {
	margin: 0;
	text-align: center;
	display: block;
	clear: both;
}

#content-secondary .promo-image {
	margin-bottom: 20px;
	width: 205px;
	position: relative;
}

#content-secondary table {
	margin: 0 13px;
}

.poll-icon {
	position: absolute;
	top: 10px;
	right: 12px;
}

/*
POLL TABLE
*************************************************/
.poll td {
	padding: 0.2em 0;
}

/*
POLL RESULTS
*************************************************/
.poll-graph {
	background: #990000 url(../images/poll_graph_bg.gif) bottom left repeat-x;
}


/*
FOOTER
*************************************************/
#footer {
	clear: both;
	background: #FFFFFF; 
	padding: 0.5em 1em;
	border-top: 1px solid #E9E9E9;
}
#footer p {
	margin: 0;
}
#footer .copyright {
	font-size: 0.9em;
}

/*
MISC. CLASSES
*************************************************/
.clear {
	clear: both;
}
.hide {
	display: none;
}

.underline {
	text-decoration: underline;
}

.red-text {
	color: #CC0000;
}
.small-text {
	font-size: 0.9em;
}