/* css buttons */

/* remove "magic" yellow input backgrounds coming from form help scripts, like google toolbar */

/*

input { background-color: white ! important}

select { background-color: white ! important}

textarea { background-color: white ! important}

*/



/* , input.cssButton, input.cssButtonHover  */



.cssButton, .cssButtonHover{

  font: 0.9em Verdana, Arial, Helvetica, sans-serif;

  /* to center the button texts vertically line-height and height need to be equal */

  line-height: 1.6em;

  height: 1.6em;

  border: none;

  border: 1px solid #fff;  

  color: #666 !important;

  background: #fff !important; /* !important to retain the background color after auto form field coloring fix */

  white-space: nowrap;

  text-align: center;

  cursor: pointer;

  padding: 0.3em 0.3em !important;
  
  text-decoration: none;

}

.cssButtonHover, .cssButton:hover{

  border: 1px solid #666;  

  color: #666 !important;

  background: #fff !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;

}



td .cssButton, td .cssButtonHover{

/* prevents buttons taking over the size of table cells */

/* maybe better to convert all buttons to inline after all? */

display: inline;

}



.navBarContent .button_search{

font-size: 1em;

border: none;

}



.BUTTON_IMAGE_PRODUCTS_QUESTION{

width: 18em;

margin: auto;

}

.button_in_cart{

height: 1.8em;

}