/** used by jquery tabs in pages for leco */

.tabs {
    /*float:left;*/
    width: 910px;
	margin-left: auto;
	margin-right: auto;
	float: left;
    background:transparent;
    text-align:center;
    line-height:normal;
    padding:0px 0 20px;
    }
    
  .tabs ul.tabs-list {
  	width: auto;
  	position:relative;
    margin: 0 auto 0 120px !important;
    padding:0px 0 00px 0;
    border:0px solid red;
    overflow:hidden;
   }
   
  .tabs ul.tabs-list li {
    float:left !important;
    width:110px;
    
    border-bottom:none;
    -moz-border-radius: 6px;
	-khtml-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	background: #a3a3a3;
    color:#fff;
    
    margin:0 0 20px 10px !important;
    padding: 6px 5px;
    list-style:none !important;
    
    }
   .tabs ul.tabs-list:first-child {
   	 //margin:0 0 0 0 !important;
   }
   
   .tabs ul.tabs-list li:hover{
	background-color: #000;
}
    
  .tabs ul.tabs-list a {
    display:block;
    text-align:center !important;
    text-decoration:none;
    font-weight:bold;
    color:#fff;
    
    }
  
  
  .tabs ul.tabs-list a:hover {
  	border:none;
    color:#FFF;
}
  .tabs ul.tabs-list .current {
  	background: #000;
    border-color: #f5f5f5;
    
    }
      .tabs ul.tabs-list .current:hover{
	opacity: 0.75;
}
    
    
  .tabs ul.tabs-list .current a {
    color: #FFF;
}



    .js .tabs .current-info,
    .js .tabs .accessibletabsanchor,
    .js .tabs .tabhead /*position each individual tab's heading (default class .tabhead) off-screen*/ {
        position:absolute;
        left:-999em;
    }
    .js .tabs .content{
        clear:left;
        margin:0px;
        padding: 0 20px 15px;
        background:#fff;
        border-top:#fff 1px solid;
        text-align:left;
    }
    .js .tabs{
        width:100%;
    }
    
    
    .tabbody h4 {font-size:110%;  margin-bottom:4px !important; font-weight:bold;}
    .tabbody p{ margin:0; line-height:150%; margin-bottom:8px !important;}
    .tabbody ul li{margin: 0 0 0 50px; line-height:150%;}