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

a.button {
    background: transparent url('../images/buttons/bg_button_a.png') no-repeat scroll top right;
    color: #5e5e5e;
    display: block;
    float: left;
	font-size: 1.4em;
	letter-spacing: -1px;
    height: 45px;
    margin-right: 6px;
    padding-right: 18px; /* sliding doors padding */ 
    text-decoration: none;
}

a.button span {
    background: transparent url('../images/buttons/bg_button_span.png') no-repeat;
    display: block;
    line-height: 35px;
    padding: 5px 0 5px 18px;
}	

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

	a.button:active span {
    	background-position: bottom left;
    	padding: 6px 0 4px 18px; /* push text down 1px */
	}



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

	a.button-small {
	    background: transparent url('../images/buttons/bg_button_small_a.png') no-repeat scroll top right;
	    color: #5e5e5e;
	    display: block;
	    float: left;
		font-size: 1.1em;
		letter-spacing: -1px;
	    height: 23px;
	    margin-right: 6px;
	    padding-right: 9px; /* sliding doors padding */ 
	    text-decoration: none;
	}

	a.button-small span {
	    background: transparent url('../images/buttons/bg_button_small_span.png') no-repeat;
	    display: block;
	    line-height: 13px;
	    padding: 5px 0 5px 9px;
	}	

		a.button-small:active {
	    	background-position: bottom right;
	    	color: #2e2e2e;
	    	outline: none; /* hide dotted outline in Firefox */
		}

		a.button-small:active span {
	    	background-position: bottom left;
	    	padding: 6px 0 4px 9px; /* push text down 1px */
		}