#cc_head {
  margin: 21px 0 0 30px;

  font-family: arial, sans-serif;
  font-size: 11px;
  color: #C6CDD4;
  font-weight: bold;
}

#cc_head_data {
  font-weight: normal;
  text-align: left;
  margin: 0;
  padding: 0;
}

.cc_box {
  width: 568x;
  margin-top: 2px;
  background: url('../images/lay/content/cc_box_bgt.gif') no-repeat top;

  font-family: arial, sans-serif;
  font-size: 11px;
  color: #373737;
  font-weight: normal;
}

.cc_box .cont {
  width: 568x;
  background: url('../images/lay/content/cc_box_bg.gif') repeat-y;
}

.cc_box .conttable {
  width: 540px;
  margin: 12px 0 11px 18px;
}

.cc_box .h2 {
  font-family: arial, sans-serif;
  font-size: 11px;
  color: #CCCCCC;
  font-weight: bold;
  height: 27px;
  *height: 21px;
  padding: 6px 0 0 18px;
}

.cc_box .li {
  font-family: arial, sans-serif;
  font-size: 11px;
  color: #10739C;
  font-weight: bold;
}

table td.li a {
  font-family: arial, sans-serif;
  font-size: 11px;
  color: #10739C;
  font-weight: bold;
  text-decoration: none;
}

#please_wait {
  display:none;
  position:absolute;
  top:0;
  left:0;
  font-size: 11px;
  font-weight: bold;
  font-family: arial, sans-serif;
  border: 2px solid rgb(76,100,128);
  -moz-border-radius: 20px;
  background-color: rgb(229,237,245);
  color: rgb(16,115,156);
  text-align: center;
  padding: 30px 50px;
  white-space: nowrap;
  z-index:10000;
}

/* layer1 */

#cc_layr {
  width: 281px;
  height: 389px;
  margin-top: 14px;
  background: url('../images/lay/content/cc_layr_bg.gif') no-repeat top;

  font-family: arial, sans-serif;
  font-size: 11px;
  color: #C6CDD4;
  font-weight: bold;
}

#cc_layr_no_mmg {
  width: 281px;
  height: 389px;
  margin-top: 14px;
  background: url('../images/lay/content/cc_layr_bg_old.gif') no-repeat top;

  font-family: arial, sans-serif;
  font-size: 11px;
  color: #C6CDD4;
  font-weight: bold;
}

#cc_layr_pic {
  width: 216px;
  margin: 35px 0 0 26px;
  padding: 0;
}

#cc_layr_data {
  margin: 80px 0 0 32px;

  font-weight: normal;
  text-align: left;
}

#cc_layl_bgt {
  height: 63px;
  background: url('../images/lay/content/cc_layl_bgt.gif') no-repeat top;

  font-family: arial, sans-serif;
  font-size: 11px;
  color: #C6CDD4;
  font-weight: bold;
}

#cc_layl_bg {
  background: #64768A;
  padding-top: 3px;
  font-family: arial, sans-serif;
  font-size: 11px;
  color: #C6CDD4;
  font-weight: bold;
}

.cc_lay1_box {
  padding: 5px;
  background: #E5EDF5;
  color: #10739C;
}

.cc_desc{
  font-weight:normal;
  color:black;
}

.cc_disabled {
  color:#888888;
  font-style:italic;
}

.cc_descr {
  font-weight: normal;
}

#cc_layl_button {
  height: 50px;
  padding-right: 20px;
  background: url('../images/lay/content/cc_layl_bgb.gif') no-repeat top;
}
/* layer1 end */


/* layer2 */

.layer {
  position: absolute;
  top: 0px;
  left: 0px;
  padding:4px 0 4px 0;
  z-index:5000;
  display:none;

}

#bg_cover{
  position:absolute;
  top:0;
  left:0;
  background-color: #CCCCCC;
  display:none;
}

input.box{
  margin:0;
  padding:0;
  border:none;
  height:14px;
  width:14px;
}

/* layer2 end */

/* layer3 */


.cc_lay3_box {
  padding: 3px;
  background: #2F4D69;
}

#look_layer .carpic {
  width: 163px;
  height: 88px;
/*  height: 104px;*/
  padding: 3px 0 0 5px;
  background: url('../images/lay/content/carpic_bg3.gif') no-repeat top;
  float: left;
  cursor:pointer;
  text-align:center;
}

#look_layer .carpic_sel {
  width: 163px;
  height: 88px;
/*  height: 104px;*/
  padding: 3px 0 0 5px;
  background: url('../images/lay/content/carpic_bg_sel3.gif') no-repeat top;
  float: left;
  text-align:center;
}

#look_layer .cardiv, #look_layer .cardis {
  position: relative;
  width: 154px;
  height: 80px;
/*  height: 96px;*/
  background-repeat: no-repeat;
  background-position: top;
}

#look_layer .drapepic {
  width: 110px;
  height: 114px;
  padding: 12px 0 0 16px;
  background: url('../images/lay/content/drapepic_bg.gif') no-repeat left top;
  float: left;
  cursor:pointer;
  text-align:center;
}

#look_layer .drapepic_sel {
  width: 110px;
  height: 114px;
  padding: 12px 0 0 16px;
  background: url('../images/lay/content/drapepic_bg_sel.gif') no-repeat left top;
  float: left;
}

#look_layer .drapediv, #look_layer .drapedis {
  width: 85px;
  height: 80px;
  background-repeat: no-repeat;
  background-position: top;
  cursor: default !important;
}

#look_layer .drapepic, #look_layer .drapedis {
  background-position: 5 0;
}

#look_layer .cardis, #look_layer .drapedis {
  background-image: url(../images/lay/content/white50.png);
}

* html  #look_layer .cardis, * html #look_layer .drapedis {

  background-image: none;

  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/lay/content/white50.png", sizingMethod="crop");
}

.cardiv span {
  position:relative;
  top:63px;
  color: #a0a0a0;
}

.drapediv span {
  position:relative;
  top:80px;
  color: #a0a0a0;
}

.cc_lay3_bgt {
  height: 63px;
  background: url('../images/lay/content/cc_layl3_bgt.gif') no-repeat top;

  font-family: arial, sans-serif;
  font-size: 11px;
  color: #C6CDD4;
  font-weight: bold;
}

.cc_lay3_bg {
  background: #64768A;
  padding-top: 3px;
  font-family: arial, sans-serif;
  font-size: 11px;
  color: #C6CDD4;
  font-weight: bold;
}

/* layer3 end */

/* locator */ 

#db_l {
  height: 34px;
  padding: 9px 0 0 13px;
  background: url('../images/lay/content/al_db_l.gif') no-repeat top left;
  color: #12739D;
}

#db_r {
  width: 15px;
  height: 34px;
  background: url('../images/lay/content/al_db_r.gif') no-repeat top;
}

.cc_box .select {
  width:220px;
  height:62px
}

.cc_box .colot {
  border: solid 1px #9FA7AA;
}


#search {
  width: 587px;
  height: 100px;
  background: url('../images/lay/content/al_titlebox_bg.gif') no-repeat top left;
  line-height: 17px;

  font-family: arial, sans-serif;
  font-size: 11px;
  color: #3D6B83;
}


.talalat .act {
  font-family: arial, sans-serif;
  font-size: 11px;
  color: #FFCE1F;
  font-weight: bold;
  text-decoration: none;
}

.talalat a {
  font-family: arial, sans-serif;
  font-size: 11px;
  color: #5D6B83;
  font-weight: bold;
  text-decoration: none;
}

.talalat a:hover {
  font-family: arial, sans-serif;
  font-size: 11px;
  color: #5D6B83;
  font-weight: bold;
  text-decoration: underline;
}


.al_box {
  width: 560px;
  height: 160px;
  background: url('../images/lay/content/al_box_bg.jpg') no-repeat top left;
  margin-top: 3px;

  font-family: arial, sans-serif;
  font-size: 11px;
  color: #2E5B72;
}

.al_box_mmg {
  width: 560px;
  height: 170px;
  background: url('../images/lay/content/al_box_bg_mmg.jpg') no-repeat top left;
  margin-top: 3px;

  font-family: arial, sans-serif;
  font-size: 11px;
  color: #2E5B72;
}

.name {
  font-family: arial, sans-serif;
  font-size: 11px;
  color: #fff;
  font-weight: bold;
}

.pack {
  font-family: arial, sans-serif;
  font-size: 11px;
  color: #CCE6F0;
  font-weight: bold;
}

.p4 {
  padding-top: 4px;
}

.m5 {
  margin-right: 5px;
}

.downbutt {
  margin-right: 20px;
}

/* locator end */