﻿/************************************************
 Round Corners Button Rollover Example 2
************************************************/
.example2 li {
    display:inline;
    list-style:none;
}

.example2 li a {
  /*  background:transparent url(buttons.jpg) no-repeat top left;*/
    display:block;
    float:left;
    height:33px;
	min-width:50px;
    
	color:#808080;
	text-decoration:none;
}
.cat_SpanTitle
{
	text-align:center;
	text-transform:capitalize;
	font-size:1.0em;
	font-family:Arial, Helvetica, sans-serif;
	}
.example2 li a span {
  /*  background:transparent url(buttons.jpg) no-repeat right top;*/
    display:inline;
    float:left;
    height:24px;
	min-width:50px;
    padding:4px 10px 5px 0;
    margin-left:6px;
    cursor:pointer;
}

.example2 li a:hover{
    background-position:0px bottom; color:#FFF;text-decoration:none;
}

.example2 li a:hover span {
    background-position:right bottom;
}

.example2 .on  a{
     background-position:0px bottom;  color:#FFF;	
}

.example2 .on  a span {
   background-position:right bottom;
}



