/* 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;
font-size: 1em;
}
img {
border: 0;
}
ul, ol {
margin: 0;
padding: 0;
list-style-type: none;
}



/* ============= */
/* Roll over */
/* ============= */
.RollOver
{
	text-decoration: underline;
	cursor: help;
	font-weight: bold;
}
/* ============= */
/* 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: -155px 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;
}
.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;
width: 162px;
margin: -15px 0 0 25px;
}
#menu2 h3 {
color: #fff;
font-size: 1.1em;
text-align: center;
padding: 6px 0;
margin: 15px 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;
}
/* product */
#menu2 .product h3 {
background: #ffb901 url(../Images/Css/product_h3_bg.gif) no-repeat center bottom;
}
#menu2 .product a {
color: #656565;
}
#menu2 .also ul a:hover {
text-decoration: none;
color: #5c7285;
}
/* focus and media */
#menu2 .focus h3, #menu2 .media h3 {
background: #2ab3e9 url(../Images/Css/focus_h3_bg.gif) no-repeat center bottom;
}
#menu2 .focus p {
margin: 0 0 0 10px;
}
/* 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: #263a4a;
}
/* 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: 15px 0 0 0;
}
/* breadcrumb */
#content #breadcrumb span
{
font-weight: bold
}
#content #breadcrumb {
border-top: 1px solid #d9dee2;
border-bottom: 1px solid #d9dee2;
padding: 1px 0;
margin: 5px 0 15px 0;
color: #263a4a;
}s
#content #breadcrumb span {
font-weight: bold;
}
#content #breadcrumb a {
color: #5c7285;
}

/* unic colomn */
.item0 {
overflow: hidden;
margin: 0 0 0 0;
padding: 0 0 0 25px;
width:550px
}
/* unic colomn */
.item1 {
overflow: hidden;
margin: 0 0 0 0;
padding: 0 0 0 25px;
}
/* Default styles */
#content h2 {
font-size: 2.7em;
font-weight: normal;
border-bottom: 1px solid #8fa0ae;
margin: 0 0 15px 0;
}
/* number of items form */
#nbr_form {
float: right;
color: #263a4a;
margin: 1.2em 0 0 0;
padding: 0;
}
#nbr_form .submit {
padding: 0 3px;
background: #fff;
font-size: 0.9em;
}
#nbr_form select {
font-size: 0.9em;
}

/* navigator */
#navigator {
background: #f5f5f5;
color: #263a4a;
clear: both;
margin: 15px 0 30px 0;
text-align: center;
padding: 3px 0;
}
#navigator img {
vertical-align: middle;
}
#navigator a {
color: #263a4a;
margin: 0 3px;
}
#navigator span {
color: #263a4a;
background: #cccbcb;
margin: 0 5px;
padding: 2px 5px;
font-weight: bold;
}
/* back to top link */
.toplink {
clear: both;
text-align: center;
margin: 35px 0 15px 0;
text-align: right;
font-weight: bold;
}
.toplink a {
color: #263a4a; 
padding : 0 0 0 10px;
background: url(../Images/Css/arrow_up2.gif) no-repeat left center;
}
/* footer */
/* 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;
}

/* ============== */
/* generic classes */
/* ============== */
.hidden {
display: none;
}

.mandatory
{
	color: Red;	
}

.strong
{
	
}

.blue
{
	color: Blue;
}


/*  Distributors Space */

/* Block espace distributeur */
#menu3 #blockespacedistributeur
{
	border:1 px solid red;
	clear: both;
	border-top:3px solid #FFF;	
	background-position: 0px 0px;
	background-repeat: no-repeat;	
	padding-bottom: 5px;
}


/* Block Espace distibuteur */
#menu3 #blockespacedistributeur p.titre{padding-top: 7px;padding-left: 11px;}
#menu3 #blockespacedistributeur p.link{padding-top: 0px;padding-left: 11px;}
#menu3 #blockespacedistributeur form{padding-left: 11px;}



#content .links li {
padding : 0 0 0 10px;
background: url(../Images/Css/arrow_left.gif) no-repeat left center;
}

