@charset "utf-8";

/**********************************************************************
* T.RAD BASE PRINT STYLE
* create: 2007/4/24
* update: 2010/7/22
**********************************************************************/

/*
* TOC
* 01. FONT
* 02. GENERAL TAG
* 03. LAYOUT
* 04. CONTAINER
* 05. HEADER
* 06. GLOBAL NAVIGATION
* 07. BREADCRUMBS
* 08. CONTENT
* 09. CONTENT BODY
* 10. SUB NAVIGATION
* 11. INDEX MENU
* 12. FOOTER
* 13. FLOAT CLEAR
* 14. COMPLETE MESSAGE
* 15. UNDER CONSTRUCTION
* 16. NO DATA
*/

/* FONT
---------------------------------------------------------------------*/
* {
/*	font-family: Geneva, Arial, Helvetica, sans-serif; */
	font-family: verdana, sans-serif;
	font-size: small;
}

h1 { font-size: 140%; }
h2 { font-size: 130%; }
h3 { font-size: 120%; }
h4 { font-size: 110%; }
h5,
h6 { font-size: 100%; }

sup { font-size: x-small; }

/* GENERAL TAG
---------------------------------------------------------------------*/
body {
	margin: 0;
	padding: 0;
	border: 0;
	_zoom: 0.8;
}

table {
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
}

th {
	margin: 0;
	padding: .5em 1em;
	border: 0;
	border-bottom: 1px solid #fff;
	background: #ddd;
	text-align: left;
	line-height: 1.3em;
}

td {
	margin: 0;
	padding: .5em 1em;
	border: 0;
	border-bottom: 1px solid #fff;
	background: #eee;
	text-align: left;
	line-height: 1.3em;
}

p {
	padding: 0 .5em;
	line-height: 1.7em;
}

ul {
	margin-left: .4em;
	padding-left: 1.5em;
}

ol {
	margin-left: .4em;
	padding-left: 2em;
}

li {
	line-height: 1.7em;
}

ol li ol {
	margin: 1em 0;
	padding-left: 1.5em;
	list-style-type: lower-roman;
}

select {
	width: 10em;
}

span.essential-mark {
	color: #f00;
}

a, a:visited {
	border: 0;
	color: #666;
	text-decoration: none;
}

a:hover {
	color: #ef4625;
	text-decoration: underline;
}

img {
	border: 0;
}

abbr, acronym {
	cursor: help;
}

/* LAYOUT
---------------------------------------------------------------------*/
body {
	text-align: center;
	background: #fff;
}

#container {
	width: 797px;
	margin: 0 auto;
	text-align: left;
}

#content {
	margin: 0;
	padding: 10px;
}

#content-body {
	float: right;
	width: 580px;
	margin: 0;
	padding: 10px;
}

#snav {
	float: left;
	width: 170px;
	margin: 0;
	padding: 0 5px 0 0;
}

/*
#footer {
	clear: both;
}
*/

/* CONTAINER
---------------------------------------------------------------------*/
#container {
	padding: 0;
}

/* HEADER
---------------------------------------------------------------------*/
#header {
	position: relative;
	width: 797px;
	height: 39px;
	margin: 0;
	padding: 0;
	background: #fff;
}

/*
* CI
*/
#header h1 {
	position: absolute;
	display: block;
	left: 0px;
	top: 6px;
	width: 93px;
	height: 27px;
	margin: 0;
	padding: 0;
}

#header h1 a {
	display: block;
	width: 190px;
	height: 27px;
	margin: 0;
	padding: 0;
	background: #fff url(/images/shared/ci_logo.gif) 0 0 no-repeat;
	text-indent: -10000px;
	outline: none;
}

/*
* ASSIST NAVIGATION
*/
#header #anav {
	position: absolute;
	left: 260px;
	bottom: 0;
	width: 400px;
	height: 27px;
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#header #anav li {
	display: inline;
	margin-right: 1em;
}

#header #anav a {
	padding-left: 15px;
	background: transparent url(/images/shared/anav_bg_li_marker.gif) 0 .3em no-repeat;
	vertical-align: middle;
	font-weight: bold;
}

/*
* SEARCH AREA
*/
#header #search {
	position: absolute;
	right: 0;
	bottom: 0;
	height: 27px;
	margin: 0;
	padding: 0;
	text-align: right;
}

#header #search-box {
	font-size: 80%;
}

* html #header #search-box {																/* STAR HACK - ADJUST IE ONLY */
	margin-right: 3px;
	border: 1px solid #ccc;
}

#header #search-button {
	cursor: pointer;
	border-style: solid;
	border-width: 1px;
	border-color: #eee #aaa #aaa #eee;
	background: #ccc;
	color: #fff;
	font-size: 80%;
	font-weight: bold;
}

/* GLOBAL NAVIGATION
---------------------------------------------------------------------*/
#gnav {
	position: relative;
	width: 797px;
	height: 182px;
	margin: 0;
	padding: 0;
	background: #000 url(/images/gnav/gnav_bg.gif) 0 0 no-repeat;
}

#gnav h2 {
	position: absolute;
	display: block;
	width: 797px;
	height: 133px;
	left: 0;
	top: 49px;
	margin: 0;
	padding: 0;
	text-indent: -10000px;
}

body#company #gnav h2 {
	background: #fff url(/images/gnav/h2_bg_company.gif) 0 0 no-repeat;
}

body#product #gnav h2 {
	background: #fff url(/images/gnav/h2_bg_product.gif) 0 0 no-repeat;
}

body#ir #gnav h2 {
	background: #fff url(/images/gnav/h2_bg_ir.gif) 0 0 no-repeat;
}

body#environment #gnav h2 {
	background: #fff url(/images/gnav/h2_bg_environment.gif) 0 0 no-repeat;
}

body#news #gnav h2 {
	background: #fff url(/images/gnav/h2_bg_news.gif) 0 0 no-repeat;
}

body#careers #gnav h2 {
	background: #fff url(/images/gnav/h2_bg_careers.gif) 0 0 no-repeat;
}

body#sitemap #gnav h2 {
	background: #fff url(/images/gnav/h2_bg_sitemap.gif) 0 0 no-repeat;
}

body#term-of-use #gnav h2 {
	background: #fff url(/images/gnav/h2_bg_term_of_use.gif) 0 0 no-repeat;
}

body#privacy #gnav h2 {
	background: #fff url(/images/gnav/h2_bg_privacy.gif) 0 0 no-repeat;
}

body#contact #gnav h2 {
	background: #fff url(/images/gnav/h2_bg_contact.gif) 0 0 no-repeat;
}

body#mortorsports #gnav h2 {
	background: #fff url(/images/gnav/h2_bg_mortorsports.gif) 0 0 no-repeat;
}

#gnav ul {
	position: absolute;
	right: 0;
	top: 11px;
	margin: 0;
	padding: 0;
/*	background: #000; */
	list-style-type: none;
}

* html #gnav ul {																			/* STAR HACK - ADJUST IE ONLY */
	right: -1px;
}

#gnav li {
	display: block;
	float: left;
/*	width: 105px; */
	width: 106px;
	height: 38px;
/*	margin: 0 0 0 1px; */
	margin: 0;
	padding: 0;
	background: #000;
}

#gnav a {
	display: block;
	width: 105px;
	height: 37px;
	margin: 0;
	padding: 0;
	text-indent: -10000px;
	outline: none;
}

#gnav #gnav-company a     { background: transparent url(/images/gnav/gnav_bg_li.gif) 0      0 no-repeat; }
#gnav #gnav-product a     { background: transparent url(/images/gnav/gnav_bg_li.gif) -105px 0 no-repeat; }
#gnav #gnav-ir a          { background: transparent url(/images/gnav/gnav_bg_li.gif) -211px 0 no-repeat; }
#gnav #gnav-environment a { background: transparent url(/images/gnav/gnav_bg_li.gif) -317px 0 no-repeat; }
#gnav #gnav-news a        { background: transparent url(/images/gnav/gnav_bg_li.gif) -423px 0 no-repeat; }
#gnav #gnav-careers a     { background: transparent url(/images/gnav/gnav_bg_li.gif) -529px 0 no-repeat; }

#gnav #gnav-company a:hover, #gnav #gnav-company a.current 		   { background: transparent url(/images/gnav/gnav_bg_li.gif) 0      -38px no-repeat; }
#gnav #gnav-product a:hover, #gnav #gnav-product a.current 		   { background: transparent url(/images/gnav/gnav_bg_li.gif) -105px -38px no-repeat; }
#gnav #gnav-ir a:hover, #gnav #gnav-ir a.current 				   { background: transparent url(/images/gnav/gnav_bg_li.gif) -211px -38px no-repeat; }
#gnav #gnav-environment a:hover, #gnav #gnav-environment a.current { background: transparent url(/images/gnav/gnav_bg_li.gif) -317px -38px no-repeat; }
#gnav #gnav-news a:hover, #gnav #gnav-news a.current 			   { background: transparent url(/images/gnav/gnav_bg_li.gif) -423px -38px no-repeat; }
#gnav #gnav-careers a:hover, #gnav #gnav-careers a.current 		   { background: transparent url(/images/gnav/gnav_bg_li.gif) -529px -38px no-repeat; }

/* BREADCRUMBS
---------------------------------------------------------------------*/
#breadcrumbs {
	margin: 0 0 10px 0;
	padding: 5px;
	border: 1px solid #888;
	background: #fff url(/images/shared/breadcrumbs_bg.gif) top right repeat-y;
}

* html #breadcrumbs {																	/* STAR HACK - ADJUST IE ONLY */
	height: 1%;
}

#breadcrumbs ul, #breadcrumbs li {
	display: inline;
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#breadcrumbs li.current {
	color: #666;
	font-weight: bold;
}

#breadcrumbs li, #breadcrumbs a {
	font-size: x-small;
}

/* CONTENT
---------------------------------------------------------------------*/
#content {
	background: #e1e1d9;
}

/* CONTENT BODY
---------------------------------------------------------------------*/
#content-body {
	background: #fff;
}

#content-body h3 {
	display: block;
	width: 580px;
	height: 95px;
	margin: 0 0 1em 0;
	padding: 0;
	text-indent: -10000px;
}

#content-body h4 {
	margin: 1.5em 0 .3em 0;
	padding: .2em .5em;
	border-left: 5px solid #025cae;
}

#content-body h5 {
/*	margin: 0 0 .5em 0; */
	margin: 1em 0 .6em 1em;
	padding: .1em .4em;
	border-left: 3px solid #ef4625;
}

#content-body a,
#content-body a:visited {
	text-decoration: underline;
}
/*
#content-body img {
	padding: 5px;
	border: 1px solid #ccc;
}
*/

/* SUB NAVIGATION
---------------------------------------------------------------------*/
#snav ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#snav li {
	display: block;
	margin: 0 0 2px 0;
	padding: 0;
}

#snav a, #snav a:visited {
	display: block;
	height: 1%;
	padding: .3em .5em .3em 20px;
	border: 1px solid #888;
	background: #b1a686 url(/images/shared/snav_bg_li_marker.gif) 3px .7em no-repeat;
	color: #fff;
	text-decoration: none;
	font-size: xx-small;
}

#snav a:hover {
	background: #cfcfcf url(/images/shared/snav_bg_li_marker.gif) 3px .7em no-repeat;
	color: #000;
}

#snav li.current a,
#snav li.current a:visited {
	background: #cfcfcf url(/images/shared/snav_bg_li_marker.gif) 3px .7em no-repeat;
	color: #000;
}

#snav li.current li {
	margin: 2px 0 0 0;
	padding: 0;
}

#snav li.current li a,
#snav li.current li a:visited {
	padding: 0 .5em 0 20px;
	background: #25557b;
	color: #fff;
}

#snav li.current li a:hover {
	background: #f0b62e;
	color: #fff;
}

#snav li.current li.sub-current a,
#snav li.current li.sub-current a:visited {
	padding: 0 .5em 0 20px;
	background: #f0b62e;
	color: #fff;
}

/* INDEX MENU
---------------------------------------------------------------------*/
#index-menu {
	margin: 0;
	padding: 5px 10px;
}

#index-menu div.index-item {
	position: relative;
/*	float: left; */
	width: 270px;
	height: 120px;
/*	margin: 0 12px 1em 0; */
	margin: 0 0 1em 0;
	padding: 0 0 1em 0;
}

#index-menu div.align-l {
	float: left;
}

#index-menu div.align-r {
	float: right;
}

#index-menu div.index-item h3,
#index-menu div.index-item h4 {
	position: absolute;
	display: block;
	top: 0;
	left: 0;
	width: 270px;
	height: 120px;
	margin: 0;
	padding: 0;
	border: 0;
}

#index-menu div.index-item h3 a,
#index-menu div.index-item h4 a {
	display: block;
	outline: none;
	width: 268px;
	height: 90px;
	margin: 0;
	padding: 0;
	border: 2px solid #fff;
	text-indent: -10000px;
}

#index-menu div.index-item h3 a:hover,
#index-menu div.index-item h4 a:hover {
	border: 2px solid #025cae;
}

#index-menu div.index-item p {
	position: absolute;
	top: 85px;
	left: 0px;
}

* html #index-menu div.index-item p {
	top: 95px;
}

/*
#index-menu {
	margin: 0;
	padding: 5px;
}

#index-menu div.index-item {
	float: left;
	width: 280px;
	margin: 0 0 1em 0;
	padding: 0 0 1em 0;
}

#index-menu div.index-item h3 {
	display: inline;
	margin: 0 0 0 60px;
	padding: 0;
	text-indent: 0;
}

#index-menu div.index-item p {
	margin: .5em 0 0 60px;
	padding: 0;
}

*/

/* FOOTER
---------------------------------------------------------------------*/
#footer {
	margin: 0;
	padding: 10px;
	background-color: #888;
	color: #fff;
	/height: 1%;
}

#footer #fnav {
	float: left;
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#footer #fnav li {
	display: inline;
	margin: 0;
	padding: 0;
}

#footer #fnav a,
#footer #fnav a:visited {
	padding-left: 13px;
	background: #888 url(/images/shared/fnav_bg_li_marker.gif) 0 .3em no-repeat;
	color: #fff;
	text-decoration: none;
	font-size: 80%;
}

#footer #fnav a:hover {
	text-decoration: underline;
}

#footer #copyright {
	display: block;
	float: right;
	margin: 0;
	padding: 0;
	text-align: right;
	font-size: 80%;
	font-style: normal;
}

/* FLOAT CLEAR
---------------------------------------------------------------------*/
*.clear {
	clear: both;
}

hr.clear {
	clear: both;
	visibility: hidden;
	width: 0;
	height: 0;
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 0;
}

* html hr.clear {																			/* STAR HACK - ADJUST IE ONLY */
	position: absolute;
}

/* SENDED MESSAGE
---------------------------------------------------------------------*/
p.sended-msg {
	padding-bottom: 20em;
}

/* UNDER CONSTRUCTION
---------------------------------------------------------------------*/
p.under-construction {
	padding-bottom: 20em;
	color: #f00;
	font-weight: bold;
}

/* NO DATA
---------------------------------------------------------------------*/
*.no-data {
	color: #f00;
	font-weight: bold;
}
