/* css buttons */
.cssButton, .cssButtonHover {
  font: bold 1.0em Verdana, Arial, Helvetica, sans-serif;
  /* to center the button texts vertically line-height and height must be equal 3/3/10 line-height was 1.5em */
  line-height: 2.0em;
  height: 2.0em;
  border: 1px outset #F4F4F4;   /* 2/28/10 was border: none; */
  color: #006600;
  background: #F4F4F4 !important; /* 2/28/10 was #b00 !important to retain the background color after auto form field coloring fix */
  background-color: #F4F4F4;
  white-space: nowrap;
  text-align: center;
  padding: 3px 10px 5px !important; /* 3/3/10 this works best for FF, NOT IE8 */
}
.cssButtonHover, a:hover .cssButton, input.cssButton:hover {
  color: black;   /* 2/28/10 was color: #ff0; */
  /* background: #d00 !important; 2/28/10 commented out */
  background: #F4F4F4 !important;
  border-style: inset;
  text-decoration: none;
}

span.cssButton, span.cssButtonHover {
    color: red !important;  /* 3/10/10 distinguishes buttons that work correctly */
}

.button_tell_a_friend, .button_tell_a_friendHover, .button_search, .button_searchHover, .button_login, .button_loginHover, .button_in_cart, .button_in_cartHover { 
/* this is for IE8 ONLY not FF;  top, left/right, bottom, IE7 review and tell friend get chopped at bottom, why??  */
/* padding: 0px 10px 15px;  */
}

/* 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;
}