/*************************************************************
Buttons
**************************************************************/

.cat-button a, .soldout, button.cat-button, .trans-button a, button.trans-button, .close, .site-button a, button.site-button {
	display: block;
	overflow: hidden;
	text-indent: -9999px;
	background-repeat: no-repeat;
	cursor: pointer;
}
button.cat-button, button.trans-button, .close, button.site-button {
	border: 0;
	background-color: transparent;
	padding: 0;
	margin: 0;
}

/* Catalogue Buttons */

.buynow a {background-position: 0 0;}
.preorder a {background-position: 0 -28px;}
.product-details .buynow a, .product-details button.buynow {background-position: 0 -56px;}
.product-details .preorder a, .product-details button.preorder {background-position: 0 -96px;}
.more a {background-position: 0 -136px;}
.viewall a {background-position: 0 -164px;}
.soldout {
	background-position: 0 -192px;
	cursor: default;
}
.navbasket-viewbasket {background-position: 0 -220px;}
.navbasket-gotocheckout {background-position: 0 -248px;}
.navbasket-delete a {background-position: 0 -276px;}
.navbasket-adddiscountcode {background-position: 0 -304px;}
button.search {background-position: 0 -332px;}
.moreinfo a {background-position: 0 -360px;}

/* Transactional Buttons */

.basket-remove a {background-position: 0 0;}
.basket-add a {background-position: 0 -28px;}
.basket-delete a {background-position: 0 -56px;}
.add {background-position: 0 -84px;}
.continueshopping a {background-position: 0 -112px;}
.gotocheckout a {background-position: 0 -140px;}
.addnewaddress a, button.addnewaddress {background-position: 0 -180px;}
.addnewcard a {background-position: 0 -208px;}
.change a, button.change {background-position: 0 -236px;}
#existing-wrap .login, button.login {background-position: 0 -264px;}
#new-wrap .register, button.register {background-position: 0 -304px;}
button.continue {background-position: 0 -344px;}
button.placeorder {background-position: 0 -384px;}
button.send {background-position: 0 -424px;}
.logout a {background-position: 0 -464px;}
.submit {background-position: 0 -492px;}
.view a {background-position: 0 -520px;}
.edit a {background-position: 0 -548px;}
.close {background-position: 0 -576px;}
.cancel a {background-position: 0 -604px;}
.query a {background-position: 0 -632px;}
button.requestcancellation {background-position: 0 -660px;}
.resolve a {background-position: 0 -688px;}
.resolveproblem a, button.resolveproblem {background-position: 0 -716px;}
.delete a {background-position: 0 -744px;}
.makefavourite a {background-position: 0 -772px;}
button.contactus {background-position: 0 -800px;}
.wrap a {background-position: 0 -840px;}
.unwrap a {background-position: 0 -868px;}
button.submit-large {background-position: 0 -896px;}
.myaccount a {background-position: 0 -936px;}
button.help-search {background-position: 0 -964px;}
.dontusecredit a {background-position: 0 -992px;}
.usecredit a {background-position: 0 -1020px;}

/* --- Hover States --- */

/* Catalogue Buttons */

.buynow a:hover {background-position: right 0;}
.preorder a:hover {background-position: right -28px;}
.product-details .buynow a:hover, .product-details button.buynow:hover {background-position: right -56px;}
.product-details .preorder a:hover, .product-details button.preorder:hover {background-position: right -96px;}
.more a:hover {background-position: right -136px;}
.viewall a:hover {background-position: right -164px;}
.navbasket-viewbasket:hover {background-position: right -220px;}
.navbasket-gotocheckout:hover {background-position: right -248px;}
.navbasket-delete a:hover {background-position: right -276px;}
.navbasket-adddiscountcode:hover {background-position: right -304px;}
button.search:hover {background-position: right -332px;}
.moreinfo a:hover {background-position: right -360px;}

/* Transactional Buttons */

.basket-remove a:hover {background-position: right 0;}
.basket-add a:hover {background-position: right -28px;}
.basket-delete a:hover {background-position: right -56px;}
.add:hover {background-position: right -84px;}
.continueshopping a:hover {background-position: right -112px;}
.gotocheckout a:hover {background-position: right -140px;}
.addnewaddress a:hover, button.addnewaddress:hover {background-position: right -180px;}
.addnewcard a:hover {background-position: right -208px;}
.change a:hover, button.change:hover {background-position: right -236px;}
#existing-wrap .login:hover, button.login:hover {background-position: right -264px;}
#new-wrap .register:hover, button.register:hover {background-position: right -304px;}
button.continue:hover {background-position: right -344px;}
button.placeorder:hover {background-position: right -384px;}
button.send:hover {background-position: right -424px;}
.logout a:hover {background-position: right -464px;}
.submit:hover {background-position: right -492px;}
.view a:hover {background-position: right -520px;}
.edit a:hover {background-position: right -548px;}
.close:hover {background-position: right -576px;}
.cancel a:hover {background-position: right -604px;}
.query a:hover {background-position: right -632px;}
button.requestcancellation:hover {background-position: right -660px;}
.resolve a:hover {background-position: right -688px;}
.resolveproblem a:hover, button.resolveproblem:hover {background-position: right -716px;}
.delete a:hover {background-position: right -744px;}
.makefavourite a:hover {background-position: right -772px;}
button.contactus:hover {background-position: right -800px;}
.wrap a:hover {background-position: right -840px;}
.unwrap a:hover {background-position: right -868px;}
button.submit-large:hover {background-position: right -896px;}
.myaccount a:hover {background-position: right -936px;}
button.help-search:hover {background-position: right -964px;}
.dontusecredit a:hover {background-position: right -992px;}
.usecredit a:hover {background-position: right -1020px;}


/* ############ alert highlight ############ */
#alert-highlight {
	border-width: 1px; 
	border-style: solid; 
	border-color: #F00; 
	background-color: #F00; 
	padding: 1em; 
	color: #FFF; 
	margin:0 0 1em 0;
}
#alert-highlight p {color: #666;}
#alert-highlight a {color: #FFF; text-decoration: underline;}