/**
 * CSS Buttons Stylesheet
 *
 * Thanks to paulm for much of the content of the CSS buttons code
 *
 * @package templateSystem
 * @copyright Copyright 2003-2005 Zen Cart Development Team
 * @copyright Portions Copyright 2003 osCommerce
 * @license http://www.zen-cart.com/license/2_0.txt GNU Public License V2.0
 * @version $Id: stylesheet_css_buttons.css 4567 2006-09-20 01:55:24Z birdbrain $
 */
/* First load the style for general links */
a, label a, a:link, a.uniquelink {
	text-decoration-skip: underline;
	color: #d5c263;
	}

/* now overide for css buttons */
.cssButton, .cssButtonHover, .listingBuyNowButton {
	font-family: 'takeawaybold', Arial, Helvetica, sans-serif;
	font-size: 13pt;
	text-decoration: none;
	padding: 5px 10px;
	background-color: #cc0000;
	color : #ffffff;
	border: none;
	margin: 5px 0;
	cursor: pointer;
	text-align: center;
	-moz-border-radius: 25px;
	-webkit-border-radius: 25px;
	border-radius: 25px;
	z-index: 20000;
	}

.button_back {
	display: block;
	margin-top: 10px;
	}

.button_continue {
	float: right;
	}

.button_reset {
	margin-top: 0;
	}

.BUTTON_IMAGE_CHANGE {
	margin-top: 0;
	float: right;
	}

.small_edit {
	margin-left:10px;
/*	margin-top: -25px;
	float: right; */
}

.loginButton, .enterButton, a.welcomeButton, a.showOffersButton {
	border: 1px solid #ffffff;
}


/* adding the styles below might be needed if the default button width is changed */
/* .button_continue_shopping, .button_shipping_estimator {width: 150px;} */
.small_delete, .button_prev, .button_next, .button_search  {width: 7em;}
.button_sold_out_sm, .button_sold_out, .button_update_cart, .button_checkout {width: 10em;}
.button_return_to_product_list, .button_add_selected {width: 22em;}
.button_in_cart{width: 19em;}  
.button_update_cart {color: red;}
.button_update_cartHover {color: #003D00;}
/*.innerbox#headernavcenter .boxtext .button_search {display:inline;}*/

a.listingBuyNowButton {
	float: right;
	}
	
.button_buy_now {
	float: right;
	margin: 0 0 0 5px;
	}

.BUTTON_IMAGE_FINDME {
	border: 1px solid #ffffff;
	}
	
/* Buttons */
a.showcaseButton, a.viewCartButton, a.goCheckoutButton, a.placeOrderButton, a.goShoppingButton, a.createAccountBackButton, a.infoShoppingCartCloseButton, a.backToCatButton, a.continueShoppingButton, a.showCookiesButton, a.reservationButton, a.mainsiteButton, a.backButton, a.enterButton, a.loginButton, a.reorderButton, a.linkButton, .linkButton, a.whatsThisButton, .button, a.helpButton, a.editButton, a.couponButton, a.downloadButton, a.preorderButton, a.showOffersButton, a.downloadButton, a.myAccountGenLink, a.welcomeButton {
	font-family: 'takeawaybold', Arial, Helvetica, sans-serif;
	font-size: 13pt;
	line-height: normal;
	text-decoration: none;
	padding: 5px 10px;
	background: #cc0000;
	color : #ffffff;
	margin: 5px 0 0 0;
	-moz-border-radius: 25px;
	-webkit-border-radius: 25px;
	border-radius: 25px;
	z-index: 20000;
	}

a.basketCheckout {
	font-family: 'takeawaybold', Arial, Helvetica, sans-serif;
	font-size: 12pt;
	text-decoration: none;
	padding: 3px 10px;
	background: #ff0000;
	color: #FFFFFF;
	-moz-border-radius: 25px;
	-webkit-border-radius: 25px;
	border-radius: 25px;
	text-align: center;
	display: block;
	flex-grow: 0;
	}
	
a.myAccountGenLink {
	float: right;
	margin: -5px 0 0 0;
	}

a.customise{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 24pt;
	line-height:40px;
	display:block;
	height:40px;
	width:40px;
	text-decoration: none;
	background: #cc0000;
	color : #ffffff;
	margin: 0 0 0 5px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius: 55px;
	text-align: center;
	clear: right;
	float: right;
	white-space: nowrap;
	}

.cssButton.button_buy_now{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 24pt;
	line-height:30px;
	display:block;
	height:40px;
	text-decoration: none;
	background: #cc0000;
	color : #ffffff;
	margin: 0 0 0 5px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius: 55px;
	text-align: center;
	clear: right;
	float: right;
	white-space: nowrap;
	}
	
a.showcaseButton, a.viewCartButton, a.goCheckoutButton, a.placeOrderButton, a.goShoppingButton, a.continueShoppingButton, a.reservationButton, a.mainsiteButton, a.backButton, a.linkButton, .linkButton, a.whatsThisButton, .button {
	float: left;
	}

.buttonContainer {
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-evenly;
	align-items: center;
}

a.enterButton, a.loginButton, a.welcomeButton {
	margin: 0 10px;
	font-size: 4.5vw;
	flex: [ <'flex-grow'> <'flex-shrink'>? || <'flex-basis'> ];
}

a.loginButton {
	white-space: nowrap;
}

a.showCookiesButton {
	font-size: 12pt;
	margin-top: 0;
	}
	
a.goCheckoutButton, a.continueShoppingButton {
	margin-top: 0;
	}
	
a.continueShoppingButton {
	text-align: center;
	line-height: 15pt;
	}
	
a.showcaseButton {
	clear: left;
	margin: 5px 0 0 5px;
	white-space: nowrap;
	}
	
a.infoShoppingCartCloseButton, a.backToCatButton, a.editButton, a.couponButton {
	float: right;
	}

a.downloadButton {
	}
		
a.couponButton {
	margin-top: -5px;
	}
	
.button {
	float: right;
	border: 0;
	}

a.whatsThisButton {
	margin-top: -40px;
	color : #ffffff;
	}

a.linkButton, .linkButton {
	width: 100%;
	border: 0;
	z-index:25000;
	}

.linkButton, a.goCheckoutButton, a.placeOrderButton {
	background-color: #ff0000;
	color: #FFFFFF;
	border: 1px solid #FFFFFF;
	font-size: 14pt;
	}


a.goShoppingButton, a.placeOrderButton, a.helpButton {
	font-size: 12pt;
	float: right;
	clear: right;
	width: 120px;
	text-align: center;
	}
	
a.helpButton {
	margin-top: 15px;
	}

a.placeOrderButton {
	font-size: 14pt;
	width: 118px;
	}
	
.preorderButtonWrapper {
	position: absolute;
	width: 100%;
	text-align: center;
	margin: 10px auto;
	}
	
a.preorderButton {
	font-size: 14pt;
	}

a.showOffersButton {
	float: right;
	margin: 0 0 5px 20px;
	text-align: center;
	clear: right;
	font-size: 4.5vw;
	}

.soldOut, .lowStock, .reorderLowStock {
	font-family: 'takeawaybold', Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 13pt;
	padding: 5px 10px;
	background-color: #ff0000;
	color : #ffffff;
	border: none;
	margin: 0;
	float: right;
	text-align: center;
	}

.lowStock, .reorderLowStock {
	float: left;
}

.reorderLowStock {
	margin-top: 10px;
}