/* css buttons */
.cssButton, .cssButtonHover {
	font: normal 11px Verdana, Arial, Helvetica, sans-serif;
	/* to center the button texts vertically line-height and height need to be equal */
	line-height: 20px;
	height: 20px;
	border: 2px outset #F5F5D6;
	color: #57264D;
	background-color: #F5F5D6 !important;
	/* !important used above to retain the bg color after auto form field coloring fix */
	white-space: nowrap;
	text-align: center;
	cursor: pointer;
	margin: 1px;
	padding: 0 5px 2px 5px;
}
.cssButtonHover, a:hover .cssButton, input.cssButton:hover {
	color: #4F601B;
	border-style: inset;
	text-decoration: none;
	background-color: #F5F5D6 !important;
}

/* bof some IE comp. stuff */ 
.cssButton, .cssButtonHover {
	/*  _width: 0; needed to stop IE adding "magic" padding to the input
	_witdh is a hack that uses an IE bug
	to remove this hack move the width setting to an IE specific stylesheet */
	_width: 0;
	overflow: visible;   
}
/* eof some IE comp. stuff */
span.cssButton, span.cssButtonHover {
	/* added to get the right line-height */
	display: block;
}
.navNextPrevWrapper span.cssButton, .navNextPrevWrapper span.cssButtonHover{
	/* note that the diplay inline removes line-height from the element (depending on doctype settings) */
	display: inline;
}

/* bof css popups */
.cssButtonLinkPopup strong, .cssButtonSubmitPopup strong {
	display: none;
}
span.cssButtonLinkPopup, span.cssButtonSubmitPopup {
	position: relative;
}
a:hover .cssButtonLinkPopup strong, span.cssButtonSubmitPopup:hover strong {
	display: block;
	position: absolute;
	text-align: left;
	top: 2em;
	left: 0;
	color: black;
	background: #f6f6f6;
	padding: 0.4em;
	white-space: nowrap;
	border: 1px dotted silver;
}

.cssButtonLinkPopup strong span, .cssButtonSubmitPopup strong span {
	font-weight: normal;
	background: white;
	text-align: center;
	padding: 0.4em;
	margin: 0.2em;
	font-size: xx-small;
	border: 1px solid silver;
	display: block;
	width: 275px;
	white-space: normal;
}
/* eof css popups */

td .cssButton, td .cssButtonHover {
	/* prevents buttons taking the full width of table cells */
	display: inline;
}

.button_submit {width: 18em;}

/* these apply a brighter style to "action" buttons, like Add to Cart, Continue, Submit */
.cssButton.button_in_cart, .cssButton.button_submit, .cssButton.button_checkout, .cssButton.button_continue_checkout, .cssButton.button_confirm_order
{
	border: 2px #FFCC33 outset;
	color: #663300;
	background-color: #FFCC33 !important;
}