.tabs
{
  width:100%;
  overflow:hidden;
}

ul.primary
{
  border:0;
  list-style:none;
  white-space:nowrap;
  top:0;
  left:0;
  width:100%;
  height:auto;
  margin:0;
  padding:0;
}

ul.primary li
{
  display:block;
  float:left;
  margin:0;
  padding:0;
}

ul.primary li a,ul.primary li a:hover,ul.primary li a:focus,ul.primary li a:active
{
  display:block;
  height:25px;
  color:#FFF;
  background-color:#BEBEBE;
  vertical-align:middle;
  line-height:21px;
  -webkit-box-shadow:0 0 7px rgba(0,0,0,0.08);
  -moz-box-shadow:0 0 7px rgba(0,0,0,0.08);
  box-shadow:0 0 7px rgba(0,0,0,0.08);
  /*min-width:129px;*/
  min-width: 69px;
  text-align:center;
  border:0;
  border-right:1px dashed #FFF;
  margin:0;
  padding:0 20px;
}

ul.primary li + li.active
{
  border-left:1px solid #fff;
  position:relative;
  left:-1px;
}

ul.primary li:last-child a
{
  border:none;
}

ul.primary li.active a,ul.primary li.active a:hover,ul.primary li.active a:focus
{
  color:#999;
  background-color:#fff;
  border:none;
}

ul.primary li a:hover,ul.primary li a:focus,ul.primary li a:active
{
  background-color:#ccc;
}

ul.secondary
{
  border-bottom:1px solid silver;
  list-style:none;
  white-space:nowrap;
  background:url(../images/tab-secondary-bg.png) repeat-x left bottom;
  margin:0;
  padding:0 0 0 5px;
}

ul.secondary li
{
  float:left;
  border-right:none;
  margin:0 5px 0 0;
  padding:5px 0;
}

ul.secondary a
{
  display:block;
  height:24px;
  border:1px solid silver;
  text-decoration:none;
  color:#777;
  background:url(../images/tab-secondary.png) repeat-x left -56px;
  margin:0;
  padding:0;
}

ul.secondary a .tab
{
  display:block;
  height:18px;
  line-height:18px;
  margin:0;
  padding:3px 8px;
}

ul.secondary a:hover,ul.secondary a:focus
{
  background:url(../images/tab-secondary.png) repeat-x left bottom;
}

ul.secondary a.active,ul.secondary a.active:hover,ul.secondary a.active:focus
{
  border:1px solid silver;
  color:#000;
  background:url(../images/tab-secondary.png) repeat-x left top;
}