.clear { /* generic container (i.e. div) for floating buttons */
    overflow: hidden;
    width: 100%;
}

a.button {
    background: transparent url('../images/TabRight.gif') no-repeat scroll top right;
    color: #FFFFFF;
    display: block;
    float: left;
    
    font-family: "Times New Roman";
	font-style: normal;
	font-variant: normal;
	font-weight: bold;
	font-size: 1.1em;
	line-height: 120%;
	word-spacing: normal;
	letter-spacing: normal;
	text-decoration: none;
	text-transform: none;
	text-align: center;
	text-indent: 0ex;
    
    height: 25px;
    margin: 0px;
    padding-right: 5px; /* sliding doors padding */
    text-decoration: none;
}

a.button span {
    background: transparent url('../images/TabLeft.gif') no-repeat;
    display: block;
    line-height: 15px;
    padding: 5px 0 5px 5px;
}

a.button:hover {
    background-position: bottom right;
    color: #FFFFFF;
    outline: none; /* hide dotted outline in Firefox */
}

a.button:hover span {
    background-position: bottom left;
}