Cómo centrar pestañas CSS

estado usando algunas pestañas CSS de trucos CSS. Funcionan muy bien, el único problema es que necesito que las pestañas estén en el centro de la página, tres seguidas, como este sitio:

http://lewishowes.com/ (3 pestañas justo debajo de los patrocinadores)

Aquí hay un jsfiddle:

http://jsfiddle.net/4zrsD/

Y aquí está el código:

CO

.tabs {
  position: relative;   
  min-height: 200px; /* This part sucks */
  clear: both;
  margin: 25px 0;
}
.tab {
  float: left;
}
.tab label {
  background: #eee; 
  padding: 10px; 
  border: 1px solid #ccc; 
  margin-left: -1px; 
  position: relative;
  left: 1px; 
}
.tab [type=radio] {
  display: none;   
}
.content {
  position: absolute;
  top: 28px;
  left: 0;
  background: white;
  right: 0;
  bottom: 0;
  padding: 20px;
  border: 1px solid #ccc; 
}
[type=radio]:checked ~ label {
  background: white;
  border-bottom: 1px solid white;
  z-index: 2;
}
[type=radio]:checked ~ label ~ .content {
  z-index: 1;
}  

HTML

<div class="tabs">

   <div class="tab">
       <input type="radio" id="tab-1" name="tab-group-1" checked>
       <label for="tab-1">Tab One</label>

       <div class="content">
           stuff
       </div> 
    </div>

   <div class="tab">
        <input type="radio" id="tab-2" name="tab-group-1">
       <label for="tab-2">Tab Two</label>

        <div class="content">
           stuff
       </div> 
   </div>

    <div class="tab">
        <input type="radio" id="tab-3" name="tab-group-1">
        <label for="tab-3">Tab Three</label>

       <div class="content">
           stuff
       </div> 
    </div>

   </div>

¡Gracias!