.tabBox {
  width:706px; 
  overflow: hidden;
}
 
.tabBox .tabHead {
  height: 45px;
  width: 706px;
  margin:0;
  background: url(/graphics/design/tab_head.gif) no-repeat;
}
.tabBox .tabHead ul {
  display: block;
  height: 24px;
  padding: 8px 0 0 1px !important;
  line-height: 24px;
  margin: 0 !important;
}
.tabBox .tabHead ul li {
  background: none;
  display: block;
  float: left;
  padding: 0;
  margin: 0 0 0 -28px;
  height: 27px;
  width:auto;
  line-height: 27px;
}
.tabBox .tabHead ul li a {
  display: block;
  float: left;
  height: 27px;
  line-height: 27px;
  font-weight: bold;
  color:white;
  text-decoration: none;
  width: auto;
  text-align: center;
  position: relative;
}

.tabBox .tabHead ul li.item1 {
  margin:0;
}

.tabBox .tabHead ul li a span.stuff {
  display: block;
  float: left;
  width:26px;
  height: 27px;
  background: url(/graphics/design/tab_item_left.gif) no-repeat top left;
  text-decoration: none !important; 
  cursor: pointer;
}

.tabBox .tabHead ul li.item1 a span.stuff {
    width:12px;
    background: url(/graphics/design/tab_item1_left.gif) no-repeat top left;
}



span.inner {
  display: block;
  float: left;
  height: 27px;
  background: url(/graphics/design/tab_item.gif) no-repeat right top;
  padding:0 36px 0 10px;
  cursor: pointer;
}

.tabBox .tabHead ul li a.inactive span {
  background-position: right -27px !important;
  color:#CDCDCD;
  text-decoration: underline;
}

.tabBox .tabHead ul li a.inactive span.promote {
  color:#DE420D;
}

.tabBox .tabMain {
  margin:0 0 0 1px;
  padding-bottom: 5px;
  width: 700px;
  background: url(/graphics/design/tab_bot.gif) no-repeat left bottom;
}

.tabBox .tabLong {
  background:#15290F url(/graphics/design/tab_bg.bmp) repeat-x scroll 0 0;
  border-left:1px solid #193E0B;
  border-right:1px solid #193E0B;
  min-height:80px;
}

.tabBox .tab_inner {
  padding:0 10px;
}

.tabBox .tab_inner ul, .tabBox .tab_inner ol {
  margin:0;
}


