@charset "utf-8";
/* CSS Document */

body {
	margin:0px;
	padding:0px;
	height:100%;
	background-color:#FFF;
	font-family:Verdana;
	font-size:11px;
	line-height:18px;
	letter-spacing:0.5px;
	text-align:left;
	background: #FFF url(images/mhd-rockland-bg.png) repeat-x;
	color:#666;
}

html {overflow-y: scroll;}

#header {
width:920px;
height:100px;
padding-top:30px;
}

#headerLogo {
text-align:left;
float:left;
margin:0px;
}

#headerVR {
float:left;
padding-left:25px;
padding-right:25px;
}


#headerTagline {
float:left;
color:#BCBEC0;
padding-top:22px;
}

#menu {
width:920px; height:40px; font-size:9px;
position:relative;
background:url(images/menu-bg.gif) no-repeat;
z-index:400;
}

#intro {
width:920px;
height:215px; padding-top:35px;
text-align:left;
}

#intro-title {
font-family:Arial;
font-size:20px;
width:440px;
height:30px;
background:url(images/arrow-icon.png) no-repeat;
padding:0px 40px 20px 55px;
color:#BCBEC0;
letter-spacing:0px;
line-height:20px;
}

#intro-box {
background:url(images/intro-box.png) no-repeat;
width:465px;
height:130px;
padding:15px 55px 15px 15px;
}

#content {
width:920px; 
padding-top:30px;
}

#left-column {
width:605px; 
padding-right:40px; 
float:left;
text-align:left;
}

#right-column {
width:275px;
float:right;
text-align:left;
}

#resultContainer {
clear:both;
text-align:left;
}

#full-column {
width:920px;
text-align:left;
position:relative;
}

#footer {
width:920px;
text-align:left;
clear:both;
font-size:10px;
color:#808285;
padding:50px 0px;
}

#footer  a {
color: #808285;
}


/* News */

#news-box {
text-align:left;
width:260px;
padding-right:15px;
margin-bottom:40px;
position:relative;
}

.title {
font-family:Arial;
font-size:20px;
background:url(images/plus-icon.png) no-repeat;
padding-left:40px;
color:#BCBEC0;
letter-spacing:0px;
line-height:38px;
}

#news-box a.news-title {
background:url(images/news-icon.png) no-repeat;
padding-left:30px;
color:#666;
display:block;
}

#news-box a.button {
background:url(images/button-bg-big.png) no-repeat;
display:block;
width:160px;
height:23px;
line-height:21px;
padding-left:30px;
}

.date {
font-style:italic; color:#666; font-size:10px;
}



/* Home boxes left */

.home-box {
padding-right:15px;
background:url(images/box-bg.png) no-repeat bottom right;
height:145px;
}

.home-box img {
float:left;
padding-right:15px;
}

#need-a-part .title, #cut-costs .title, #adapt .title {
color:#000;
font-family:Arial;
font-size:16px;
font-weight:bold;
background:none;
padding-left:0px;
display:block;
margin-top:10px;
}

.home-box .tagline {
color:#000;
font-size:12px;
font-weight:bold;
display:block;
margin:10px 0px;
}


/* Blocs  */

#need-a-part-bloc {
background:url(images/inventory-bloc.png) no-repeat;
width:275px;
height:150px;
position:relative;
margin-bottom:40px;
}

#cut-costs-bloc {
background:url(images/solutions-bloc.png) no-repeat;
width:275px;
height:150px;
position:relative;
margin-bottom:40px;
}

#adapt-to-change-bloc {
background:url(images/supply-chain-bloc.png) no-repeat;
width:275px;
height:150px;
position:relative;
margin-bottom:40px;
}

#right-column .tagline {
position:absolute;
bottom:15px;
left:15px;
color:#000;
font-weight:bold;
}


/* Forms */

#left-column.form table {

background:url(images/form-bg.png) no-repeat top #EFEFEF;
border:solid 1px #CCC;
padding:10px 20px;
width:605px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}

#left-column.form table.inner-table {

background:url(images/form-bg.png) no-repeat top #EFEFEF;
border:solid 1px #CCC;
padding:10px 20px;
width:505px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}

#left-column.form table td.form-title {
color:#000;
font-weight:bold;
}


#login-box, #credentials-box, #searchEDI-box, #recovery-box {
text-align:left;
padding:15px;
height:145px;
width:245px;
position:relative;
margin-bottom:40px;
margin-top:10px;
}

#login-box {
background:url(images/login-box.png) no-repeat;
}

#credentials-box {
background:url(images/credentials-box.png) no-repeat;
}

#searchEDI-box {
background:url(images/search-box.png) no-repeat;
}

#recovery-box {
background:url(images/recovery-box.png) no-repeat;
}


.box-title{
font-family:Arial;
font-size:16px;
font-weight:bold;
color:#ED1C24;
margin-bottom:10px;
}

#login-box label, #credentials-box label, #searchEDI-box label, #recovery-box label {
text-transform:uppercase;
font-size:10px;
color:#636466;
}

#recovery-box label, #contact-box label {
display: block;
width: 70px;
float: left;
height:17px;
margin-bottom:2px;
}

#login-box input, #searchEDI-box input {
font-size:10px;
height:11px;
width:150px;
}

#credentials-box input, #recovery-box input  {
height:11px;
width:140px;
}

#recovery-box input  {
margin-bottom:2px;
}

#login-box a.link, #credentials-box a.link, #searchEDI-box a.link, #recovery-box  a.link {
font-size:9px;
line-height:9px;
margin-bottom:10px;
display:block;
}

a.button {
background:url(images/button-bg.png) no-repeat;
display:block;
width:48px;
height:23px;
line-height:20px;
padding-left:30px;
position:absolute;
bottom:15px;
right:15px;
}


.EDI-link {
cursor:hand;
}


/* Contact page */

img.flags {
float:left;
padding-right:10px;
}

.black, h3 {
display:block;
color:#000;
font-weight:bold;
margin-bottom:10px;
font-size:13px;
font-family:Arial;
}

#full-column.contact-table table td p{
padding-left:30px;
text-align:left;
}

#contact-box {
position:relative;
text-align:left;
width:311px;

}

#contact-box a.button, #news-box a.button {
position:absolute;
bottom:-10px;
right:0px;
}

/* Alliance page */



img.partners, img.quality {
padding:10px 30px 20px 0px;
vertical-align:middle;
}


/*-----------------------------------------------------------*/


h1 img[alt] {
font-family:Arial, Helvetica, sans-serif;
font-size:40px;
color:#000;
font-weight:bold;
line-height:100px;
}

img {
outline:none; border:none;
}

a {
text-decoration: none; 
outline:none;
}

a:link, a:visited {
	color:#ED1C24; 
}

a:active {
	color:#000;
}

a:hover {
	color:#636466;
}


ul {
margin:0px; 
padding:0px 0px 10px 0px;
list-style-type:square;
}

li{
padding-left:15px; 
text-indent:0px;
list-style-position: inside;
}

p {
margin:0; padding-bottom:10px;
}


/* EDI */
table td.tableResult {
font-size:10px;
border-width:thin;
border-style:solid;
border:thin;
border-color:#CCCCCC;
background-color:#636466;
color:#FFFFFF;
padding:0px;
margin:0px;
white-space:nowrap;
text-align:center;
padding: 1px 5px 1px 5px;
}

table.tableResult {
border-color:#CC3300;
border-color:#CCCCCC;

}

table td.tableResult0 {
background-color:#FFFFFF;
border-color:#CCCCCC;
padding: 1px 3px 1px 0px;
}

table td.tableResult1 {
background-color:#DBDBDB;
border-color:#CCCCCC;
padding: 1px 3px 1px 0px;
}


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


/*
#slideshow-container {
position:relative; height:190px;
background:url(images/ajax-loader-2.gif) no-repeat center;
}

#next, #prev {
position:absolute;
bottom:20px;
right:20px;
z-index:200;
}

#next {
bottom:10px;
right:25px;
cursor:hand;
}

#prev {
bottom:10px;
right:55px;
cursor:hand;
}

#nextIE, #prevIE {
display:none;
}


.slideshow-img {
width:919px; border-bottom:solid 1px #CCC;
position:absolute; left:15px;
display:none; background:#fff; margin-left:1px;
}

.slideshow-img-nojs{
width:919px; border-bottom:solid 1px #CCC;
position:absolute; left:15px;
background:#fff; margin-left:1px;
}

.slideshow-img[alt], .slideshow-img-nojs[alt]{
font-size:30px; color:#999; font-family:Arial Black, Arial;
text-align:center; line-height:190px;
}*/



#slideshow-container {
position:relative; height:210px; width:380px;
background:url(images/ajax-loader-2.gif) no-repeat center;
float:right;
display:none;
z-index:0;
}



#next, #prev {
position:absolute;
z-index:200;
}

#next {
bottom:10px;
left:35px;
cursor:hand;
}

#prev {
bottom:10px;
left:10px;
cursor:hand;
}

#nextIE, #prevIE {
display:none;
}

.slideshow-img-nojs{
width:380px;
background:#fff;
float:right;
}

.slideshow-img[alt], .slideshow-img-nojs[alt]{
font-size:30px; color:#999; font-family:Arial Black, Arial;
text-align:center; line-height:190px;
}


img.border-bottom {
border-bottom:solid 1px #CCC;
}

/* CSS Document MENU/////////////////////////// */

#mainmenu {
width:920px; height:40px;
text-align:left;
line-height:38px;
overflow:visible;
position:relative;
z-index:200;
font-family:Arial;
font-size:11px;
letter-spacing:0px;
}

#mainmenu a {
outline:none;
}

#menu-over {
background:	url('images/degrade-menu.gif') repeat-y bottom right;
width:40px; height:38px;
position:absolute;
z-index:90;
display:none; /* pour les sans-js, sinon s'affiche au début du script */
}

.menu {
float:left;

position:relative;
z-index:100;
border-right:solid 1px #C2C1BC;
}

a.menu-item {
color:#FFF;
font-weight:bold;
padding:0px 25px;
display:block;
}

.submenu {
border-left:solid 1px #CCC; border-right:solid 1px #CCC;
letter-spacing:0px;
background:#FFFFFF;
width:230px;
display:none;
position:absolute; top:40px; left:-1px !important;
z-index:1000;
}

a.submenu-item {
padding:0px 25px; /* has to fit .menu padding*/
border-bottom:solid 1px #CCC;
display:block;
height:40px;
position:relative;
color:#666;
background: #FAFAFA;

}