a.mainButton {
	background-color: #000;
	border-radius: 5px;
	height: 35px;
	width: 135px;
	color: #fff !important;
}
a.mainButton span {
	font-size: 18px;
	font-weight: bold;
	width: 100%;
	text-align: center;
	float: left;
}
a.mainButton:hover {
	background-color: #a6a8ab;
	color: #fff;
}
a.smallButton {
	background-color: #000;
	border-radius: 5px;
	height: 28px;
	width: 111px;
	color: #fff !important;
}
a.smallButton span {
	font-size: 12px;
	font-weight: bold;
	width: 100%;
	text-align: center;
	float: left;
}
a.smallButton:hover {
	background-color: #a6a8ab;
	color: #fff;
}

.nextStepButton, .nextCardButton {
	width:140px;
	height:48px;
	overflow:hidden;
	position:absolute;
	display:inline-block;
	margin-left: -5px;
	bottom: 0px;
	right:0px;
}

.img-button {
	display: block;
	position:relative;	
	float:left;
}
.personalisation-button {
	height:196px;
	width: 142px;
	background:url("images/personalisationButtons.png");
	background-repeat:no-repeat;
	text-align:center;
	margin: 10px;
}

.personalisation-button span {
	top: 196px;
	position: relative;
}

#personalisation-standard {	
	background-position: 0px -196px;
}
#personalisation-standard.active {
	background-position: 0px 0px;
}

#personalisation-semi {
	background-position: -142px -196px;
}
#personalisation-semi.active {
	background-position: -142px 0px;
}

#personalisation-full {
	background-position: -284px -196px;
}
#personalisation-full.active {
	background-position: -284px 0px;
}

a.nextStepButton,
a.nextCardButton,
a.showPricesButton,
a.addToCartButton,
a.updateCartButton,
a.continueShoppingButton,
a.checkoutButton,
a.savePackButton,
a.sendButton,
a.registerButton,
a.updateDetails,
a.loginButton,
a.editBackImage,
a.editFaceImage,
a.previousCard,
a.nextCard,
a.disableButton
{
	margin: 5px 5px;
}

a.nextStepButton span,
a.nextCardButton span,
a.showPricesButton span,
a.addToCartButton span,
a.updateCartButton span,
a.continueShoppingButton span,
a.checkoutButton span,
a.savePackButton span,
a.sendButton span,
a.registerButton span,
a.updateDetails span,
a.loginButton span,
a.editBackImage span,
a.editFaceImage span,
a.previousCard span,
a.nextCard span,
a.disableButton span
{
	padding-left: 0 !important;
	padding-top: -0 !important;
	margin-top: 5px;
}

a.disableButton { 
	background: #D1CACA !important;
}

a.addToCartButton {
	float:right;
	clear: right;
	width: 170px !important;
	/*height: 46px;*/
	cursor:pointer;
}

a.updateCartButton {
	float:right;
	clear: right;
	width: 170px;
	/*height: 46px;*/
	cursor:pointer;
}
a.updateCartButton:hover {
	background-position: -493px -49px;
}

a.showPricesButton {
	float:right;
	clear: right;
	width: 170px !important;
	/*height: 46px;*/
	cursor:pointer;
}

a.savePackButton {
	float:right;
	clear: right;
	width: 170px !important;
	/*height: 46px;*/
	cursor:pointer;
}
a.savePackButton:hover {
	background-position: 172px -49px;
}

a.add_text_button {
	width: 111px !important;
	height: 28px !important;
	display: block;
	margin: 5px 3px;
}
a.add_text_button span {
	font-size: 12px !important;
	margin-top: 5px;	
}
a.updateCartButton span {
	margin-top: 4px;	
}

.sendButton {
	display: block;
}

.registerButton,
.updateDetails,
a.loginButton {
	display: block;
}
a.loginButton {
	margin-left: 155px;	
}

a.editBackImage,
a.editFaceImage { 
	float: left;
	width: 200px;
}

a.nextCard,
a.previousCard,
a.disableButton {
	width: 175px;	
}

@media(max-width: 660px) {
	a.loginButton {
		margin-left: 0 !important;
	}
}