/* css buttons */
.cssButton, .cssButtonHover {
  font: 12px Tahoma, sans-serif;
  /* to center the button texts vertically line-height and height need to be equal */
  line-height: 1.5em;
  height: 1.5em;
  border: none;
  color: #000;
  background-color: #eee !important; /* !important to retain the background color after auto form field coloring fix */
  white-space: nowrap;
  text-align: center;
  cursor: pointer;
  margin: 1px;
  padding: 0 0.5em;
text-transform: capitalize;
}
.cssButtonHover, a:hover .cssButton, input.cssButton:hover {
  color: #000;
  background-color: #ccc !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;
}
/* 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;
top: 2em;
left: 0;
color: black;
background: #fe3;
}

/* Specific buttons */

#cartAdd .cssButton, #cartAdd .cssButtonHover {
	border: solid 1px red;
	display:block;
	width:156px;
	height:43px;
	padding:14px 0 3px 8px;
	background:url(../images/btn-addtocart.jpg) 0 0 no-repeat;
	color:#fff;
	text-decoration:none;   
	font-weight:bold;
	font-size:12px;
	text-align: left;
	}
#cartAdd .cssButtonHover {
	background-position:0 -72px;
	}