/*---Product Area------------------------------------*/

#catframe { 
  position: relative;
  width: 587px;
}

#catframe #catlist { 
  position: relative;
  float: left;
  width: 285px;
}

#catframe #catstext {
  position: relative;
  float: right;
  width: 285px;
}

#catframe .cibox {
  position: relative;
  padding-bottom:5px;
  width:287px;
  color: #fff;
  font-family: Arial, sans-serif;
  font-size: 14px;
  font-weight: bold;
  border-bottom: 1px solid #ffffff;
}

#catframe .cibox img { 
  position: absolute;
  top: 8px; 
  left: 14px;
}

#catframe .cibox a { 
  display: block;
  color: #fff; 
  padding-top: 5px;
  width: 250px;
  margin-left: 28px;
}

.purchasing .cibox {background-color: #f09601;}
.personal .cibox {background-color: #ff0066;}
.public .cibox {background-color: #8cb101;}
.negotiation .cibox {background-color: #0e97a9;}
.strategic .cibox {background-color: #604288;}

#catframe .citext {
  position: absolute;
  visibility: hidden;
  top: 0px;
  left: 300px;
  width:285px;
  border: 0px solid red;
}

#catframe .cplist {
  position: absolute;
  width:285px;
  padding-top: 1px;
  padding-bottom: 1px;
  border: 1px solid #e8e8e8;
  background-color: #f1f1f1;
  visibility: hidden;
}

#catframe .cplist a { 
  display: block;
  color: #000000; 
  padding-top: 2px;
  width: 259px;
  padding-left: 28px;
  padding-bottom: 3px;
}

#catframe .cpitem {
  position: relative;
}

#catframe .cpitem img { 
  display: block;
  position: absolute;
  top: 4px;
  left: 14px;
}