.SiteButtonBlue
{
    background: none;
    color: #fff !important; 
    font-family: Arial;
    font-size: 12px;
    font-weight: bold;
    margin: 0px;
    overflow: visible; 
    padding: 0px;
    text-decoration: none !important; 
    text-transform: uppercase;
}

.SiteButtonBlue span 
{ 
    background-image: url(../images/ButtonMainBlue.png); 
    background-position: left top;
    background-repeat: no-repeat;
    display: inline-block;
    height: 31px;
    margin: 0px; 
    padding: 0px;
    position: relative;
    text-align: center;
    width: 148px;
}

.SiteButtonBlue span span 
{ 
    padding-top: 15px;
    position: absolute; 
}

.SiteButtonBlue:hover span, .SiteButtonBlue:hover span span, .SiteButtonBlue:focus span, .SiteButtonBlue:focus span span 
{ 
    background-image: url(../images/ButtonMainBlueHover.png); 
    cursor: pointer; /* important for any clickable/pressable element */ 
}


.SiteButtonOrange
{
    background: none;
    color: #fff !important;
    font-family: Arial;
    font-size: 12px;
    font-weight: bold;
    margin: 0px;
    overflow: visible; 
    padding: 0px;
    text-decoration: none !important; 
    text-transform: uppercase;
}

.SiteButtonOrange span 
{ 
    background-image: url(../images/ButtonMainOrange.png); 
    background-position: left top;
    background-repeat: no-repeat;
    display: inline-block;
    height: 31px;
    margin: 0px; 
    padding: 0px;
    position: relative;
    text-align: center;
    width: 148px;
}

.SiteButtonOrange span span 
{ 
    padding-top: 15px;
    position: absolute; 
}

.SiteButtonOrange:hover span, .SiteButtonOrange:hover span span, .SiteButtonOrange:focus span, .SiteButtonOrange:focus span span 
{ 
    background-image: url(../images/ButtonMainOrangeHover.png); 
    cursor: pointer; /* important for any clickable/pressable element */ 
}