@import url("ihrdc.css");
@import url("common.css");
@import url("forms.css");

/*   Contact    
----------*/

#content h1 {
  color: #005595;
  padding: 2px 0 2px 18px;
  margin: 0;
  background: transparent url(../imgs/cmn/b_over_co.gif) no-repeat left bottom;
	border-bottom: 1px solid #005595;
}
#content p.corporate {
  padding: 12px 18px;
  font-size: 1em;
	line-height: 1.1em;
  background-color: #e8f0f6;
  color: #005595;
}

#flash_c { 
  margin: 10px 0 10px 8px;
  border: 1px solid #99c1e0; 
}

#salesLocations { 
  margin: 1px 0 10px 8px; 
  padding: 10px 0; 
}
#salesLocations div {
	float: left;
	width: 276px;
  min-height: 160px; 
  height: auto !important; 
  height: 150px;
  border-bottom: 1px solid #fbdb6e;
  border-left: 1px solid #fbdb6e;
  padding: 0;
  margin: 9px 9px 9px 0;
}
#salesLocations div.extend {
	float: none;
	width: 100%;
  min-height: 190px; 
  height: auto !important; 
  height: 190px;
  border-bottom: 1px solid #fbdb6e;
  border-left: 1px solid #fbdb6e;
  padding: 0 0 12px 0;
  margin: 9px 0 9px 0;
  overflow: hidden;
}
#salesLocations div.extend div.imgArea {
  float: left;
  border: none;
  width: 138px;
  padding: 4px 0 0 8px;
  margin: 0;
}
#salesLocations div.extend div.imgArea img {
  padding: 6px;
  background-color: #e8f0f6;
}
#salesLocations div.extend div.infoArea {
  float: left;
  border: none;
  width: 410px;
  margin: 0 0 0 12px;
}
#salesLocations div.extend div.infoArea p { 
  padding: 0;
}
#salesLocations div.extend div.infoArea p.name { 
  padding-bottom: 8px;
}
#salesLocations h2 { 
  color: #005595; 
  margin: 0 0 4px 8px; 
	padding: 4px 8px;
	background-color: #e8f0f6;
}

#salesLocations p { 
	padding: 0 2px 0 10px;
	margin: 6px 0;
	font-size: 1em;
}
#salesLocations p span { 
  padding-right: 6px; 
  color: #4080b0; 
}

/* JS Map */

#contWorld {
  position: relative;
  overflow: hidden;
  width: 580px;
  height: 360px;
  border: 1px solid #e0e0e0;
  margin: 10px 0;
}
#imgWorld {
  position: absolute;
  width: 580px;
  height: 346px;
}
#contWorld .point {
  position: absolute;
  width: auto;
  height: 7px;    
  padding-left: 10px;    
  background: url(../imgs/contact/point.gif) no-repeat;
  cursor : pointer;
}
#contWorld .point p {
  margin: -5px 0 0 0;
  *margin: 0 0 0 0;
  padding: 0;
  color: #010101;
  font-size: .95em;
  font-weight: bold;
}
#contWorld .point1 {
  left: 170px;
  top: 143px;    
}
#contWorld .point2 {
  left: 155px;
  top: 156px;  
}
#contWorld .point3 {
  left: 58px;
  top: 172px;    
  background-position: right top;
}
#contWorld .point3 p {
  text-align: center;
  padding-right: 10px;
}
#contWorld .point4 {
  left: 155px;
  top: 180px;  
}  
#contWorld .point5 {
  left: 293px;
  top: 123px;    
}
#contWorld .point6 {
  left: 334px;
  top: 170px;  
}
#contWorld .point7 {
  left: 290px;
  top: 211px;    
}
#contWorld .point8 {
  left: 449px;
  top: 213px;  
}
#contWorld .point9 {
  left: 456px;
  top: 231px;    
}  
#contWorld #divDetail {
  position: absolute;
  width: 225px;
  left: 300px;
  top: 23px;
  border: 2px solid #94c5e5;
  background-color: #fff;
  color: #3387BF;
  font-size: .9em;
  display: none;
}
#contWorld #divDetail .info {
  overflow: hidden;
}
#contWorld #divDetail .header {
  padding-bottom: 3px;
  background-color: #cce1ef;
  overflow: hidden; 
}
#contWorld #btnClose {
  position: absolute;
  top: 3px;
  left: 3px;
  cursor: pointer;
}

#contWorld #divDetail h2 {
  float: left;
  margin: 0 !important;   
  padding: 10px 0 8px 24px !important;   
  font-weight: bold;
  font-size: 1em;
  background: none;
  color: #0169b0;
}
#divDetail .body {
  position: relative;
  overflow: hidden;
  background-color: #fff;    
}
#contWorld #divDetail .body img {
  position: absolute;    
  border: 4px solid #94c5e5;
  margin: 8px;
}
#contWorld #divDetail .body #detName {
  background-color: #e8f2f8;
  margin: 0;
  padding: 90px 4px 20px 100px !important;
  color: #0169b0;
  font-weight: bold;
  border-bottom: 2px solid #cce1ef;
}
#contWorld #divDetail .body #detPosition {
  margin: 0 !important;
  padding: 10px 10px 8px !important;
  color: #0169b0 !important; 
  font-size: 1em !important; 
  font-weight: normal !important;
  float: none !important;
}
#contWorld #divDetail .body #detOthers {
  margin: 0 !important;
  padding: 6px 10px 12px !important;
  color: #0169b0 !important; 
  font-size: 1em !important;
  font-weight: bold;
  float: none !important;  
}

#contWorld .arrow {
  position: absolute;
  left: -37px;
  top: 133px;    
}