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

#kit-tabs ul{
  width: 940px;
  height: 53px;
  background: url(/images/kit_tabs_bg.png) no-repeat;
}

#kit-tabs ul.state-1{
  background-position: left top
}

#kit-tabs ul.state-2{
  background-position: left -53px;
  
}

#kit-tabs ul.state-3{
  background-position: left -106px;
}


#kit-tabs ul li{
  height: 53px;
  float: left;
  list-style-type:none;
}

#kit-tabs ul li#kit-tab-1{
  width: 314px;
}

#kit-tabs ul li#kit-tab-2{
  width: 312px;
}

#kit-tabs ul li#kit-tab-3{
  width: 314px;
}


#kit-tabs ul li a{
  display: block;
  width: 100%;
  height: 100%;
  text-indent: -9999px;
  background: url(../images/kit_labels.png) no-repeat;
}

#kit-tabs ul li span{
  display: block;
  width: 100%;
  height: 100%;
  text-indent: -9999px;
  background: url(../images/kit_labels.png) no-repeat;
}

#kit-tabs ul li#kit-tab-1 a{
  background-position: left -53px;
}

#kit-tabs ul li#kit-tab-2 a{
  background-position: -314px -53px;
}

#kit-tabs ul li#kit-tab-3 a{
  background-position: -626px -53px;
}

#kit-tabs ul li#kit-tab-3 span{
  background-position: -626px -53px;
}

#kit-tabs ul.state-1 li#kit-tab-1 a, #kit-tabs ul li#kit-tab-1 a:hover{
  background-position: left top;
}

#kit-tabs ul.state-2 li#kit-tab-2 a, #kit-tabs ul li#kit-tab-2 a:hover{
  background-position: -314px top;
}

#kit-tabs ul.state-3 li#kit-tab-3 a, #kit-tabs ul li#kit-tab-3 a:hover{
  background-position: -626px top;
}


#pers-note{
  width: 327px;
  height: 147px;
  background: url(../images/kit-pers-note-bg.png);
  padding: 10px;
}

#pers-note h3{
  font-size: 12px;
  font-weight: bold;
  color: #ffba00;
  border-bottom: 1px solid #ffba00;
  margin-bottom: 15px;
}

#pers-note p{
  color: #8c8c8c;
  font-size: 12px;
  line-height: 1.4em;
}

#pers-note .note-button {
  display: block;
  width: 239px;
  height: 23px;
  margin:14px auto;
  text-indent: -9999px;
  background: url(../images/edit-pers-btn.png);
}