a.button {
	background: transparent url('../img/buttons/bg_button_a.png') no-repeat scroll top right;
    color: #444;
    display: block;
    float: left;
    font: bold 11px arial, sans-serif;
    height: 24px;
    margin: 5px 3px 0 3px;
    padding-right: 14px; /* sliding doors padding */
    text-decoration: none;
}
a.button span {
	background: transparent url('../img/buttons/bg_button_span.png') no-repeat top left;
    display: block;
    line-height: 14px;
    padding: 5px 0 5px 14px;
}
a.button:active {
    background-position: bottom right;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
}
a.button:active span {
    background-position: bottom left;
    padding: 6px 0 4px 14px; /* push text down 1px */
} 
a.button:hover {
    background-position: bottom right;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
}
a.button:hover span {
    background-position: bottom left;
    padding: 6px 0 4px 14px; /* push text down 1px */
} 



a.button2 {
	background: transparent url('../img/buttons/bg_button2_a.png') no-repeat scroll top right;
    color: #fff;
    display: block;
    float: left;
    font: bold 11px arial, sans-serif;
	font-weight:bold;
	text-transform:uppercase;
    height: 36px;
    margin: 5px 3px 0 3px;
    padding-right: 17px; /* sliding doors padding */
    text-decoration: none;
}
a.button2 span {
	background: transparent url('../img/buttons/bg_button2_span.png') no-repeat top left;
    display: block;
    line-height: 24px;
    padding: 7px 0 5px 17px;
}
a.button2:active {
    background-position: bottom right;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
}
a.button2:active span {
    background-position: bottom left;
    padding: 8px 0 4px 17px; /* push text down 1px */
} 
a.button2:hover {
    background-position: bottom right;
    color: #fff;
    outline: none; /* hide dotted outline in Firefox */
}
a.button2:hover span {
    background-position: bottom left;
    padding: 8px 0 4px 17px; /* push text down 1px */
}