/* buttons */
button{border: none; cursor: pointer;}
button span{display: none;}
.try-again{width: 103px; height: 23px; background: url(../images/modal/try_again_button.gif) no-repeat;}
.try-again:hover{background: url(../images/modal/try_again_button_rollover.gif) no-repeat;}
.search{width: 82px; height: 23px; background: url(../images/modal/search_button.gif) no-repeat;}
.search:hover{background: url(../images/modal/search_button_rollover.gif) no-repeat;}
.return-customer-btn{width: 132px; height: 23px; background: url(../images/modal/returning_customer_button.gif) no-repeat;}
.return-customer-btn:hover{background: url(../images/modal/returning_customer_button_rollover.gif) no-repeat;}
.new-customer-btn{width: 132px; height: 23px; background: url(../images/modal/new_customer_button.gif) no-repeat;}
.new-customer-btn:hover{background: url(../images/modal/new_customer_button_rollover.gif) no-repeat;}
.print-coupon{width: 122px; height: 23px; background: url(../images/modal/print_coupon_button.gif) no-repeat;}
.print-coupon:hover{background: url(../images/modal/print_coupon_button_rollover.gif) no-repeat;}
.submit-btn{width: 103px; height: 23px; background: url(../images/modal/submit_button.gif) no-repeat;}
.submit-btn:hover{background: url(../images/modal/submit_button_rollover.gif) no-repeat;}
.send-btn{width: 112px; height: 23px; background: url(../images/modal/send_button.gif) no-repeat;}
.send-btn:hover{background: url(../images/modal/send_button_rollover.gif) no-repeat;}
.print-btn{width: 112px; height: 23px; background: url(../images/modal/print_button.gif) no-repeat;}
.print-btn:hover{background: url(../images/modal/print_button_rollover.gif) no-repeat;}

input {width: 255px; padding: 2px; font-size: 11px; color: #655223; background: #fdfbf2; border: 1px solid #e5d9bd;}
textarea{width: 255px; padding: 2px; font-family: Arial; font-size: 11px; color: #655223; background: #fdfbf2; border: 1px solid #e5d9bd;}
/* select */
select{background: #fdfbf2; color: #655223; font-size: 11px;}


span.select {
	position: absolute;
	width: 109px; /* With the padding included, the width is 190 pixels: the actual width of the image. */
	height: 19px;
	margin-top: -2px;
	padding: 2px 23px 0 8px;
	color: #655223;
	font-size: 11px;
	background: url(../images/form/select.gif) no-repeat;
	overflow: hidden;
 }
 
/* checkbox */
span.checkbox {
    width: 15px;
    height: 15px;
    padding: 0 0 0 0;
    background: url(../images/form/check_boxes.png) no-repeat;
    display: block;
    clear: left;
	float: left;
}

select.styled { position: relative; width: 140px; opacity: 0; filter: alpha(opacity=0);}