ul.tabs
{
    padding: 6px 0;
    font-size: 0;
    margin:0;
    list-style-type: none;
    text-align: center; /*set to left, center, or right to align the tabs as desired*/
}
        
ul.tabs li
{
    display: inline; text-transform:uppercase;
    margin: 0;
    margin-right:4px; /*distance between tabs*/
	
}
        
ul.tabs li a
{
    text-decoration: none;
    position: relative;
    padding: 6px 14px;
    border: 0px solid #B7B7B7;
    color: #000; 
    outline:none;
   /* background: #F7F7F7 url(tabbg2.gif) repeat-x 0 0; */  /* Non selected tabs */
    /*border-radius: 3px 3px 0 0;*/

background-color:#fff;		
-webkit-transition: all 0.5s ease;
-moz-transition:    all 0.5s ease;
-o-transition:      all 0.5s ease;
-ms-transition:     all 0.5s ease;
transition:         all 0.5s ease; 
		
		
}
        
ul.tabs li a:visited
{
    color: #000;
}
        
ul.tabs li a:hover
{
   /* background:White url(tabbg.gif) repeat-x 0 0;*/ color:#ffffff; font-style:italic;
	background-color:#830202;  padding: 6px 20px;
	-webkit-transition: background 0.5s ease-out, padding 0.2s linear; 
	-moz-transition: background 0.5s ease-out, padding 0.2s linear;
	-o-transition: background 0.5s ease-out, padding 0.2s linear; 
	-ms-transition: background 0.5s ease-out, padding 0.2s linear; 
	transition: background 0.5s ease-out, padding 0.2s linear; 	
}
        
ul.tabs li.selected a, ul.tabs li.selected a:hover /* Selected Tab */
{
    position: relative;
    top: 0px; c
    /*font-weight:bold;*/
	/*border-bottom-color: white;*/
    background: white url(tabbg.gif) 0 0 repeat-x;    
	border:1px solid #FF0000; color:#cc0000;
	
}
        
        
ul.tabs li.selected a:hover
{
    text-decoration: none;
}
   

div.tabcontents
{border-top: 0px solid #B7B7B7; padding:30px 0px;}