/* Base button */
.button
{
	border: 0px;
	width: 100px; /* size of button */
	height: 20px;
	background: url(images/buttons.png); /* master bg image */
    margin: 5px 10px 0 0;  
	padding: 0;
	text-decoration:none;
	xfloat:left;
	display:block;
	overflow:hidden;
	margin-right:10px;	
	text-indent: -9999px; /* hide text */
}

/* Small buttons */
.checkout { background-position: 0px 0px; }
.checkout:hover { background-position: -100px 0px; }
.checkout:active { background-position: -200px 0px }

.login_button { background-position: 0px -20px;}
.login_button:hover { background-position: -100px -20px;}
.login_button:active { background-position: -200px -20px;}

.logout { background-position: 0px -40px;}
.logout:hover { background-position: -100px -40px;}
.logout:active { background-position: -200px -40px;}

.add_to_cart { background-position: 0px -60px;}
.add_to_cart:hover { background-position: -100px -60px;}
.add_to_cart:active { background-position: -200px -60px;}

.details { background-position: 0px -80px;}
.details:hover { background-position: -100px -80px;}
.details:active { background-position: -200px -80px;}

.view { background-position: 0px -100px;}
.view:hover { background-position: -100px -100px;}
.view:active { background-position: -200px -100px;}

.delete_button { background-position: 0px -120px;}
.delete_button:hover { background-position: -100px -120px;}
.delete_button:active { background-position: -200px -120px;}

.add { background-position: 0px -140px;}
.add:hover { background-position: -100px -140px;}
.add:active { background-position: -200px -140px;}

.remove { background-position: 0px -160px;}
.remove:hover { background-position: -100px -160px;}
.remove:active { background-position: -200px -160px;}

.special_offer { background-position: 0px -180px;}
.special_offer:hover { background-position: -100px -180px;}
.special_offer:active { background-position: -200px -180px;}

.confirm { background-position: 0px -200px;}
.confirm:hover { background-position: -100px -200px;}
.confirm:active { background-position: -200px -200px;}

.submit { background-position: 0px -220px;}
.submit:hover { background-position: -100px -220px;}
.submit:active { background-position: -200px -220px;}

.search_button { background-position: 0px -240px;}
.search_button:hover { background-position: -100px -240px;}
.search_button:active { background-position: -200px -240px;}

.reset { background-position: 0px -260px;}
.reset:hover { background-position: -100px -260px;}
.reset:active { background-position: -200px -260px;}

.back { background-position: 0px -280px;}
.back:hover { background-position: -100px -280px;}
.back:active { background-position: -200px -280px;}

.view_basket { background-position: 0px -300px;}
.view_basket:hover { background-position: -100px -300px;}
.view_basket:active { background-position: -200px -300px;}

.more_info { background-position: 0px -320px;}
.more_info:hover { background-position: -100px -320px;}
.more_info:active { background-position: -200px -320px;}

/* long button */
.continue_shopping { background-position: -470px -20px; width: 150px; /* override size of button */}
.continue_shopping:hover { background-position: -620px -20px; width: 150px; /* override size of button */}
.continue_shopping:active { background-position: -770px -20px; width: 150px; /* override size of button */}

/* large buttons */
.new_customer { background-position: 0px -360px; cursor:pointer; width: 200px; height:40px}
.new_customer:hover { background-position: -200px -360px;}
.new_customer:active { background-position: -400px -360px;}