a.button {
/* Sliding right image */
background: transparent url("/images/RightSide_BTN.png") no-repeat scroll top right; 
display: block;
float: left;
height: 28px; /* CHANGE THIS VALUE ACCORDING TO IMAGE HEIGHT */
margin-right: 6px;
padding-right: 8px; /* CHENGE THIS VALUE ACCORDING TO RIGHT IMAGE WIDTH */

/* FONT PROPERTIES */
text-decoration: none;
color: #000000;
font-family: "Trebuchet MS", "Lucida Grande", sans-serif;
font-size: 13px;
font-weight: bold;
overflow: hidden;
}

a.button:hover{
background: transparent url("/images/RightSide_BTN.png") no-repeat scroll bottom right; 
}

a.button span {
/* Background left image */ 
background: transparent url("/images/LeftSide_BTN.png") no-repeat top left; 
display: block;
line-height: 28px; /* CHANGE THIS VALUE ACCORDING TO BUTTON HEIGHT */
padding: 0 0 0 8px;
} 

a.button:hover span{
color: #fff;
text-decoration:none;
background: transparent url("/images/LeftSide_BTN.png") no-repeat bottom left;
}

.herebutton{
/* Sliding right image */
background: transparent url("/images/RightSide_BTN.png") no-repeat scroll bottom right; 
display: block;
float: left;
height: 28px; /* CHANGE THIS VALUE ACCORDING TO IMAGE HEIGHT */
margin-right: 6px;
padding-right: 8px; /* CHENGE THIS VALUE ACCORDING TO RIGHT IMAGE WIDTH */

/* FONT PROPERTIES */
text-decoration: none;
color: #fff;
font-family: "Trebuchet MS", "Lucida Grande", sans-serif;
font-size: 13px;
font-weight: bold;
font-style: italic;
overflow: hidden;
}
.herebutton span {
/* Background left image */ 
background: transparent url("/images/LeftSide_BTN.png") no-repeat bottom left;
display: block;
line-height: 28px; /* CHANGE THIS VALUE ACCORDING TO BUTTON HEIGHT */
padding: 0 0 0 8px;
} 

a.order_button {
/* Sliding right image */
background: transparent url("/images/prod_right_BTN.png") no-repeat scroll top right; 
display: block;
float: left;
height: 46px; /* CHANGE THIS VALUE ACCORDING TO IMAGE HEIGHT */
margin-right: 6px;
padding-right: 30px; /* CHENGE THIS VALUE ACCORDING TO RIGHT IMAGE WIDTH */

/* FONT PROPERTIES */
text-decoration: none;
color: #fff;
font-family: "Trebuchet MS", "Lucida Grande", sans-serif;
font-size: 15px;
font-weight: bold;
overflow: hidden;
}

a.order_button:hover{
background: transparent url("/images/prod_right_BTN.png") no-repeat scroll bottom right; 
}

a.order_button span {
/* Background left image */ 
background: transparent url("/images/prod_left_BTN.png") no-repeat top left; 
display: block;
line-height: 46px; /* CHANGE THIS VALUE ACCORDING TO BUTTON HEIGHT */
padding: 0 0 0 30px;
} 

a.order_button:hover span{
color: #fff;
text-decoration:none;
background: transparent url("/images/prod_left_BTN.png") no-repeat bottom left;
}