/* Home page */

/* ============= */
/* HTML elements */
/* ============= */
body {
font-size: 0.7em;
font-family: arial,"Trebuchet Ms",helvetica,"Bitstream Vera Sans",sans-serif;
color: #263a4a;
text-align: center;
margin: 0;
}
a {
text-decoration: none;
color: #5c7285;
}
a:hover {
text-decoration: underline;
}
a:hover {
text-decoration: underline;
}
h1,h2,h3,h4,h5,h6 {
margin: 0;
}
img {
border: 0;
}
ul, ol {
margin: 0;
padding: 0;
list-style-type: none;
}

/* ============= */
/* global wrapper */
/* ============= */
#wrapper {
margin: 0 auto;
width: 990px;
position: relative;
text-align: left;
border-left: 1px solid #ececec;
border-right: 1px solid #ececec;
background-image: url(../Images/Css/fd_search.jpg);
background-repeat: repeat-x;

}
#subwrapper {
clear: right;
}

/* =================================================== */
/* menu 1 (internationalization, search form, glossary)*/
/* =================================================== */
#menu1 {
margin: -150px 0 0 0;
width: 162px;
float: right;
}
#menu1 a {
padding : 0 0 0 10px;
background: url(../Images/Css/arrow_left.gif) no-repeat left center;
}
/* internationalization */
#menu1 #i18n {
padding: 5px 0 10px 0;
background: url(../Images/Css/i18n_bg.gif) no-repeat left bottom;
text-align: center;
margin: 0 0 0 -3px;
}
#menu1 #i18n li {
display: inline;
padding: 0 5px 0 0;
}
#menu1 #i18n li a {
padding: 0;
background: none;
}
/* search form */
#search {
margin: 15px 0;
}
#search h3 {
font-size: 1em;
font-weight: normal;
}
#search label {
display: block;
margin: 0 0 3px 0;
}
#search .text {
width: 120px;
font-size: 0.9em;
}
.text2 {
width: 110px;
font-size: 0.9em;
}
#search .submit {
padding: 0 3px;
background: #fff;
color: #000;
font-size: 0.9em;
}
/* glossary */
#glossary h3 {
font-size: 1em;
font-weight: normal;
}
/* ============= */
/* menu 2 (right)*/
/* ============= */
#menu2 {
float: right;
margin: 0 0 0 10px;
}
#menu2 table, #menu2 td {
border: 0;
vertical-align: top;
table-layout: fixed;
padding: 0 0 10px 0;
border-collapse: collapse;
font-size: 1em;
}
#menu2 td {
width: 162px;
padding: 0 0 10px 4px;
font-size: 1em;
}
#menu2 h3 {
color: #fff;
font-size: 1.1em;
text-align: center;
padding: 6px 0;
margin: 0 0 5px 0;
}
#menu2 h4 {
font-size: 1em;
}
#menu2 h4 span {
font-weight: normal;
display: block;
}
#menu2 .item {
margin: 0 10px;
}
#menu2 a {
padding : 0 0 0 10px;
background: url(../Images/Css/arrow_left2.gif) no-repeat left 5px;
font-weight: bold;
color: #263a4a;
}
#menu2 a.floatleft {
float: left;
margin: 0 10px 10px 0;
border: 1px solid #64798b;
padding: 0;
background: none;
}
#menu2 a.floatleft:hover {
border: 1px solid #2ab3e9;
}
#menu2 p a {
color: #5c7285;
padding: 0;
background: none;
font-weight: normal;
}
#menu2 .item p {
margin: 0;
overflow: hidden;
}
#menu2 ul {
margin: 10px 0 0 0;
clear: left;
list-style-type: none;
}
#menu2 ul p {
margin: 5px 0 5px 10px;
}
#menu2 .all {
font-size: 0.9em;
text-align: right;
margin: 5px 0 0 0;
}
/* focus (tech and media)*/
#menu2 .focus h3 {
background: #2ab3e9 url(../Images/Css/focus_h3_bg.gif) no-repeat center bottom;
}
/* product */
#menu2 .product h3 {
background: #ffb901 url(../Images/Css/product_h3_bg.gif) no-repeat center bottom;
}
#menu2 .product p {
margin: 10px 0 5px 0;
}
#menu2 .product ul {
margin: 0;
}
#menu2 .product li {
float: left;
padding: 2px 4px;
}
#menu2 .product li a {
padding: 0;
background: none;
}
/* see also */
#menu2 .also h3 {
background: #283a48 url(../Images/Css/also_h3_bg.gif) no-repeat center bottom;
}

/* creative technology Hyundai graphic */
#menu2 #hyundai {
margin: 10px 0 0 0;
text-align: left;
vertical-align: top;
}
/* ============= */
/* menu 3 (left) */
/* ============= */
#menu3 {
float: left;
width: 195px;
}
#menu3 h3 {
color: #263a4a;
background: url(../Images/Css/menu3_h3_bg.gif) no-repeat left center;
padding: 1px 0 1px 30px;
margin: 15px 0 0 0;
font-size: 1.1em;
min-height: 15px;
}
#menu3 ul {
margin: 0 0 0 29px;
}
#menu3 ul a {
color: #5c7285;
padding: 0 0 0 15px
}
#menu3 ul a:hover {
text-decoration: underline;
color: #263a4a;
}
#menu3 h3 a {
color: #263a4a;
}
#menu3 h3 a:hover {
text-decoration: none;
color: #283a48;
}
#menu3 .products li {
background: url(../Images/Css/product_li_bg.gif) no-repeat left 4px;
}

#menu3 .products li ul {
margin: 0 0 0 15px;
}
#menu3 .products li li {
padding : 0 0 0 8px;
background: url(../Images/Css/arrow_left2.gif) no-repeat left 4px;
}
#menu3 .products li li a {
padding : 0;
}
#menu3 .products li li ul {
margin: 0 0 0 5px;
}
#menu3 .products li li {
background: url(../Images/Css/arrow_left.gif) no-repeat left 4px;
}
#menu3 .products li li li a {
color: #91a7b9;
}
#menu3 .more li {
background: url(../Images/Css/more_li_bg.gif) no-repeat left center;
}
#menu3 .client li {
background: url(../Images/Css/client_li_bg.gif) no-repeat left center;
}
#menu3 .press li {
background: url(../Images/Css/press_li_bg.gif) no-repeat left center;
}
#menu3 h3.support {
background: none;
padding: 0 0 0 30px;
}
#menu3 .support a {
padding: 0;
}
#menu3 .support a:hover {
color: #5c7285;
}
/* newsletter form */
#menu3 #newsletter h3 {
background: none;
padding: 0;
font-size: 1.1em;
}
#menu3 #newsletter {
margin: 0 0 0 30px;
}
#menu3 #newsletter label {
display: block;
}
#menu3 #newsletter .txt {
width: 100px;
}
#menu3 #newsletter .submit {
padding: 0 3px;
background: #fff;
color: #000;
font-size: 0.9em;
}
#menu3 #newsletter a {
padding : 0 0 0 10px;
background: url(../Images/Css/arrow_left.gif) no-repeat left center;
color: #5c7285;
}
/* rss link */
#menu3 h3#rss {
background: none;
font-size: 1em;
}
#menu3 h3#rss img {
vertical-align: middle
}
#menu3 h3#rss a {
color: #5c7285;
}
#menu3 h3#rss a:hover {
text-decoration: underline;
}
/* ============= */
/* content */
/* ============= */
#content {
overflow: hidden;
padding: 10px 0 0 0;
}
#content li {
padding : 0 0 0 10px;
background: url(../Images/Css/arrow_left.gif) no-repeat left 4px;
}
#content a {
display: block;
width: 100%;
}
#content h2 {
	font-size: 1.9em;
	padding: 0 0 0 30px;
	float: left;
}
#content .imageHeader
{
	width: 30px; 
	float: left;
}
#content p {
margin: 0 0 3px 30px;
}
#content p strong {
font-size: 1.4em;
line-height: 1em;
color: #5c7285;
}
#content ul {
margin: 0 0 8px 30px;
}

/* footer */
#footer {
clear: both;
text-align: center;
margin: 0 200px 15px 200px;
border-top: 1px solid #d9dee2;
padding: 5px 0 0 0;
}

#footer a {
color: #5c7285;
}

/* home_v2 version*/
#content.v2 h2 {
margin: 10px 0;
width: 400px;
}
#content.v2 .item1 
{
float: left;
width: 150px;
}
#content.v2 .item2 {
width: 150px;
float: left;
}

/* ============== */
/* generic classes */
/* ============== */
.hidden {
display: none;
}

.clear 
{
	height: 1px;
	overflow: hidden;
	clear: both;
	display: block;
}

.ranges-margin
{
	margin-top: 10px;	
}





#content .item1 h2 {
/*background-image: url(../Images/Css/road_h2.gif);*/
}
#content .item2 h2 {
/*background-image: url(../Images/Css/home_h2.gif);*/
}

#content .items a,
#content .items a,
#content .items a:hover,
#content .items a:hover
{
	color: #5c7285;	
	background: none;
}

#content .items a.range,
#content .items a.range
{
	color: #263A4A;
}

#content .items p strong a,
#content .items p strong a
{
	margin: 0 0 3px 0px;
	line-height: 1em;
	color: #5c7285;
}

#content .items .images
{
	text-align: center;	
}

/***************/
/* One Columns */
/***************/

/* left item */
#content .items .col1item1 
{
	float: left;
	width: 425px;
}

/***************/
/* Two Columns */
/***************/

/* left item */
#content .items .col2item1 
{
	float: left;
	width: 225px;
}

/* right item */
#content .items .col2item2 
{
	float: right;
	width: 225px;
}

/***************/
/* Three Columns */
/***************/

/* left item */
#content .items .col3item1 
{
	float: left;
	width: 150px;
}

/* middle item */
#content .items .col3item2
{
	float: left;
	width: 150px;
}

/* right item */
#content .items .col3item3
{
	float: right;
	width: 150px;
}