body {
}

#compensationPackageDiv {
  margin-left: 20px;
  padding: 0;
  /*background: #094EA3;*/
  list-style-type: none;
  width: 460px;    
  float: left; /* Contain floated list items */
}

#compensationPackageDiv li {
  margin: 0;
  padding: 0;
  float: left;
  border: 1px solid #ccc;
}

#compensationPackageDiv a {
  float: left;
  width: 150px;
  color: #094EA3;
  text-decoration: none;
  line-height: 2.5;
  text-align: center;
  border-right: 1px solid #FFF;
}

#compensationPackageDiv #nav_benefits a {
  border: none;
}

#compensationPackageDiv a:hover {
  background: #A43C5F;
  color: #fff;
}

/*similar to a:active, work in firefox*/
#compensationPackageDiv a:focus
{
  background: #A43C5F;
  color: #fff;
} 

#compensationPackageDiv a:active
{
  background: #A43C5F;
  color: #fff;
}  

/*Career -- RecruitingProcess*/
/* This is the background image */
#preparationAdviceDiv {
width: 700px;
height: 370px;
background: url(../images/careers/preparationAdvice.jpg) no-repeat;
border: 0px;
margin-left:25px;

}

/* This is the transparent box */
div.scrollX {
clear:both;
position:absolute;
width: 670px;
height: 200px;
margin: 90px 20px 0 30px;
background-color: #fff;
border: 1px solid #666;
filter:alpha(opacity=75);
opacity: 0.5;
-moz-opacity:0.5;
overflow: auto;
overflow-x: hidden;
}

div.scroll {
clear:both;
position:relative;
width: 337px;
height: 338px;
background-color: #fff;
border: 1px solid #666;
/*filter:alpha(opacity=75);
opacity: 0.5;
-moz-opacity:0.5;*/
overflow: auto;
/*overflow-x: hidden;*/
margin: 30px 20px 0 363px;
}

*html #preparationAdviceMenuDiv
{
  width: 700px;    
  float: left; /* Contain floated list items */
  margin:0 0 0 15px;
  padding: 0px;
}

*html div.scroll {
clear:both;
position:relative;
width: 337px;
height: 338px;
background-color: #fff;
border: 1px solid #666;
overflow: auto;
margin: 0px 0px 0 363px;
}

	

/* This is the container which set text to solid color.
position: relative used for IE */ 
div.scroll div {
padding: 20px;
font-weight: normal;
color: #000;
filter:alpha(opacity=100);
opacity: 1;
-moz-opacity:1;
position: relative;
}

#preparationAdviceMenuDiv
{
 
  margin: 0px 0 0 30px;
  padding: 0px 0 0 0;
  list-style-type: none;
  width: 700px;    
  float: left; /* Contain floated list items */
}

#preparationAdviceMenuDiv li {
  margin: 0;
  padding: 0;
  float: left;
  border: 1px solid #ccc;
}

#preparationAdviceMenuDiv a {
  float: left;
  width: 165px;
  color: #A43c5f;
  background: #fff;
  text-decoration: none;
  line-height: 2.5;
  text-align: center;
  border-right: 1px solid #FFF;
}

#preparationAdviceMenuDiv #nav_benefits a {
  border: none;
}

#preparationAdviceMenuDiv a:hover {
  background: #A43C5F;
  color: #fff;
}

/*similar to a:active, work in firefox*/
#preparationAdviceMenuDiv a:focus
{
  background: #A43C5F;
  color: #fff;
} 

#preparationAdviceMenuDiv a:active
{
  background: #A43C5F;
  color: #fff;
}