#divcontainer{
height:47px;
width:204px;
margin-left:auto;
margin-right:auto;
}


/* the button's outer container */
.divbuttonframe
{
	height:47px;
}



/* the link CLASS */
.divbuttonframe a
{
	height:46px; /* the height of that part of the image we want to show */ 
	width:204px; /* the width of that part of the image we want to show */ 
	display:inline; 
	text-align:center; 
	float:left; 
	outline:none;
	margin-right:auto;
	margin-left:auto;
}



#framebutton 
{
	background:url(../images/buttons/Continue_to_checkout.jpg) no-repeat;
	background-position:top;
	margin-right:auto;
	margin-left:auto;
}



#framebutton:hover
{
	background:url(../images/buttons/Continue_to_checkout.jpg) no-repeat;	background-position:0 -46px; /* adjust the position by the the height of that part of the image we want to show - a negative figure means we are mving the view up by that many px */ 
} 



#framebutton:active 
{
	background:url(../images/buttons/Continue_to_checkout.jpg) no-repeat;	background-position:0 -92px; /* adjust the position by the the height of that part of the image we want to show - a negative figure means we are mving the view up by that many px */ 
}