/* css buttons */
.cssButton, .cssButtonHover {
  font: bold 12px Verdana, Arial, Helvetica, sans-serif;
 /* to center the button texts vertically line-height and height need to be equal */
 
  line-height: 35px;  
  height: 25px;  

 border: 4px outset #B3B3B3; 
 /* border: none; */ /* original code */
  color: white;
 /* original code !important to retain the background color after auto form field coloring fix */
  background-color: #D17E2B !important;
  white-space: nowrap;
  text-align: center;
  cursor: pointer;
  margin: 3px;
 /* padding: 0 0.5em; */
  padding: 4px 5px;
 }

.cssButtonHover, a:hover .cssButton, .cssButton:hover{
  color: #ff0;
  background: #784818 !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: 0px;
  overflow: visible;  
} 

/* One common setting for all buttons, and after that add some width styles for specific buttons. */
.cssButton, .cssButtonHover{
/* common width setting for all css buttons */
width: 7em; 
}

.button_update_cart, .button_update_cartHover{
padding-top: 0%;
padding-bottom: 0%;
width: 5.5em;
line-height: 20px;
height: 30px;
}

.button_search, .button_searchHover{
padding-left: 0px;
padding-top: 0px;
padding-bottom: 3px;
width: 1em;
line-height: 13px;
height: 26px;
}

.button_checkout, .button_checkoutHover{
padding-top: 2px;
padding-bottom: 2px;
width: 5em;
line-height: 60px;
height: 50px;
}

.button_continue_shopping, .button_continue_shoppingHover{
padding-top: 2px;
padding-bottom: 2px;
width: 5em;
line-height: 60px;
height: 50px;
}

.button_confirm_order, .button_confirm_orderHover{
padding-top: 2px;
padding-bottom: 2px;
width: 9.2em;
line-height: 60px;
height: 30px;
}

.button_continue_checkout, .button_continue_checkoutHover{
padding-top: 2px;
padding-bottom: 2px;
width: 6em;
line-height: 60px;
height: 30px;
}

.button_in_cart, .in_cartHover{
padding-top: 0px;
padding-bottom: 0%;
width: 8em;
line-height: 20px;
height: 30px;
}

.button_TellAFriend, .TellAFriendHover{
padding-top: 2%;
padding-bottom: 2%;
width: 5em;
line-height: 60px;
height: 50px;
}

.button_tell_a_friend, .button_tell_a_friendHover{
padding-top: 0px;
padding-bottom: 0px;
width: 4em;
line-height: 15px;
height: 25px;
}

.button_back, .button_backHover{
padding-top: 2px;
padding-bottom: 2px;
width: 5em;
line-height: 35px;
height: 35px;
}

.button_send, .button_sendHover{
padding-top: 1px;
padding-bottom: 1px;
width: 7em;
line-height: 20px;
height: 30px;
}

.button_redeem, .button_redeemHover{
padding-top: 1px;
padding-bottom: 1px;
width: 7em;
line-height: 20px;
height: 30px;
}

.button_create_account, .button_create_accountHover{
padding-top: 1px;
padding-bottom: 1px;
width: 7em;
line-height: 20px;
height: 30px;
}

.button_login, .button_loginHover{
padding-top: 1px;
padding-bottom: 1px;
width: 7em;
line-height: 20px;
height: 30px;
}

.button_submit, .button__submitHover{
padding-top: 1px;
padding-bottom: 2px;
width: 15em;
line-height: 15px;
height: 30px;
}

.button_update, .button__updateHover{
padding-top: 1px;
padding-bottom: 2px;
width: 6em;
line-height: 15px;
height: 30px;
}

/* eof some IE comp. stuff */
span.cssButton, span.cssButtonHover{
/* added to get the right line-height */
/* display: block; */
display: inline;
}

.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: 3em;
left: 5em;
color: white; 
background: #784818 ;
/* background: #f6f6f6; */
padding: 0.4em;
white-space: nowrap;
border: 2px solid black;
}

.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 #C0C0C0;
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;
}