input {
	font-family: "Lucida Sans Unicode", "verdana", "Lucida Grande", sans-serif;
	font-size:10px;
	color: #878686;
	background-color: #FFF;
}


textarea {
	font-family: "Lucida Sans Unicode", "verdana", Lucida Grande, sans-serif;
	font-size: 11px;
	color: #CCC;
}



#order-form-container {
	width:250px;
	height:670px;
	float: right;
	text-align: left;
	padding: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	
	
}



/* Contact Form */

#order-form-field-name {
	float: left;
	width: 220px; /* 326px (width of column) - 10px (space between fields) = 316 / 2 = 158px - 2 px (left and right border amounts) = 156px*/
	height: 32px;
	margin-top: 0px;
	margin-l: 10px;
	margin-bottom: 9px;
	border: 1px solid #cccccc;
	background-color: #FFF;
	}

#order-form-field-name .field {
	float: left;
	height: 30px; /* 27 - 4 (top padding)  */
	width: 200px;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	
}

#order-form-field-name .field input {
	float: left;
	height: 27px;
	width: 200px;
	margin: 0px;
	padding-top: 4px;
	padding-right: 7px;
	padding-bottom: 0px;
	padding-left: 7px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	color: #878686;
}

#order-form-field-name .field input:focus {
	float: left;
	height: 22px;
	width: 200px;
	margin: 0px;
	padding-top: 5px;
	padding-right: 7px;
	padding-bottom: 0px;
	padding-left: 7px;
	background-color: #FFF;
	color: #878686;
}	
	
#order-form-field-familyname {
	float: left;
	width: 220px; 
	height: 32px;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 9px;
	border: 1px solid #cccccc;
	background-color: #FFF;
	}

#order-form-field-familyname .field {
	float: left;
	height: 30px; 
	width: 200px;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	
}

#order-form-field-familyname .field input {
	float: left;
	height: 27px;
	width: 200px;
	margin: 0px;
	padding-top: 4px;
	padding-right: 7px;
	padding-bottom: 0px;
	padding-left: 7px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	color: #878686;
}

#order-form-field-familyname.field input:focus {
	float: left;
	height: 22px;
	width: 200px;
	margin: 0px;
	padding-top: 5px;
	padding-right: 7px;
	padding-bottom: 0px;
	padding-left: 7px;
	background-color: #FFF;
	color: #878686;
}	


#order-form-field-m-address {
	float: left;
	width: 220px;
	height: 32px;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 9px;
	border: 1px solid #cccccc;
	background-color: #FFF;
	}

#order-form-field-m-address .field {
	float: left;
	height: 30px; 
	width: 200px;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	
}

#order-form-field-m-address .field input {
	float: left;
	height: 27px;
	width: 200px;
	margin: 0px;
	padding-top: 4px;
	padding-right: 7px;
	padding-bottom: 0px;
	padding-left: 7px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	color: #878686;
}

#order-form-field-m-address .field input:focus {
	float: left;
	height: 22px;
	width: 200px;
	margin: 0px;
	padding-top: 5px;
	padding-right: 7px;
	padding-bottom: 0px;
	padding-left: 7px;
	background-color: #FFF;
	color: #878686;
}

#order-form-field-postal-1 {
	float: left;
	width: 220px; 
	height: 32px;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 9px;
	border: 1px solid #cccccc;
	background-color: #FFF;
	}

#order-form-field-postal-1 .field {
	float: left;
	height: 30px; /* 27 - 4 (top padding)  */
	width: 200px;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	
}

#order-form-field-postal-1 .field input {
	float: left;
	height: 27px;
	width: 200px;
	margin: 0px;
	padding-top: 4px;
	padding-right: 7px;
	padding-bottom: 0px;
	padding-left: 7px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	color: #878686;
}

#order-form-field-postal-1 .field input:focus {
	float: left;
	height: 22px;
	width: 200px;
	margin: 0px;
	padding-top: 5px;
	padding-right: 7px;
	padding-bottom: 0px;
	padding-left: 7px;
	background-color: #FFF;
	color: #878686;
}

#order-form-field-city {
	float: left;
	width: 220px; /* 326px (width of column) - 10px (space between fields) = 316 / 2 = 158px - 2 px (left and right border amounts) = 156px*/
	height: 32px;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 9px;
	border: 1px solid #cccccc;
	background-color: #FFF;
	}

#order-form-field-city .field {
	float: left;
	height: 30px; /* 27 - 4 (top padding)  */
	width: 200px;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	
}

#order-form-field-city .field input {
	float: left;
	height: 27px;
	width: 200px;
	margin: 0px;
	padding-top: 4px;
	padding-right: 7px;
	padding-bottom: 0px;
	padding-left: 7px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	color: #878686;
}

#order-form-field-city .field input:focus {
	float: left;
	height: 22px;
	width: 200px;
	margin: 0px;
	padding-top: 5px;
	padding-right: 7px;
	padding-bottom: 0px;
	padding-left: 7px;
	background-color: #FFF;
	color: #878686;
}	

#order-form-field-country {
	float: left;
	width: 220px; 
	height: 32px;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 9px;
	border: 1px solid #cccccc;
	background-color: #FFF;
	}

#order-form-field-country .field {
	float: left;
	height: 30px; /* 27 - 4 (top padding)  */
	width: 200px;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	
}

#order-form-field-country .field input {
	float: left;
	height: 27px;
	width: 200px;
	margin: 0px;
	padding-top: 4px;
	padding-right: 7px;
	padding-bottom: 0px;
	padding-left: 7px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	color: #878686;
}

#order-form-field-country .field input:focus {
	float: left;
	height: 22px;
	width: 200px;
	margin: 0px;
	padding-top: 5px;
	padding-right: 7px;
	padding-bottom: 0px;
	padding-left: 7px;
	background-color: #FFF;
	color: #878686;
}

#order-form-field-province {
	float: left;
	width: 220px; 
	height: 32px;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 9px;
	border: 1px solid #cccccc;
	background-color: #FFF;
	}

#order-form-field-province .field {
	float: left;
	height: 30px; /* 27 - 4 (top padding)  */
	width: 200px;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	
}

#order-form-field-province .field input {
	float: left;
	height: 27px;
	width: 200px;
	margin: 0px;
	padding-top: 4px;
	padding-right: 7px;
	padding-bottom: 0px;
	padding-left: 7px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	color: #878686;
}

#order-form-field-province .field input:focus {
	float: left;
	height: 22px;
	width: 200px;
	margin: 0px;
	padding-top: 5px;
	padding-right: 7px;
	padding-bottom: 0px;
	padding-left: 7px;
	background-color: #FFF;
	color: #8786
}

#order-form-field-cell {
	float: left;
	width: 220px; 
	height: 32px;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 9px;
	border: 1px solid #cccccc;
	background-color: #FFF;
	}

#order-form-field-cell .field {
	float: left;
	height: 30px; /* 27 - 4 (top padding)  */
	width: 200px;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	
}

#order-form-field-cell .field input {
	float: left;
	height: 27px;
	width: 200px;
	margin: 0px;
	padding-top: 4px;
	padding-right: 7px;
	padding-bottom: 0px;
	padding-left: 7px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	color: #878686;
}

#order-form-field-cell .field input:focus {
	float: left;
	height: 22px;
	width: 200px;
	margin: 0px;
	padding-top: 5px;
	padding-right: 7px;
	padding-bottom: 0px;
	padding-left: 7px;
	background-color: #FFF;
	color: #8786
}


#order-form-field-phone {
	float: left;
	width: 220px;
	height: 32px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 9px;
	margin-left: 0px;
	border: 1px solid #cccccc;
	background-color: #FFF;
	}

#order-form-field-phone .field {
	float: left;
	height: 29px;
	width: 200px;
	margin: 0px;
	padding: 0px;	
}

#order-form-field-phone .field input {
	float: left;
	height: 27px;
	width: 200px;
	margin: 0px;
	padding-top: 5px;
	padding-right: 7px;
	padding-bottom: 0px;
	padding-left: 7px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	color: #878686;	
	
}

#order-form-field-phone .field input:focus {
	float: left;
	height: 22px;
	width: 200px;
	margin: 0px;
	padding-top: 5px;
	padding-right: 7px;
	padding-bottom: 0px;
	padding-left: 7px;
	background-color: #FFF;
	color: #878686;
}	

#order-form-field-upload {
	float: left;
	width: 220px;
	height: 32px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 9px;
	margin-left: 0px;
	border: 1px solid #cccccc;
	background-color: #FFF;
	}

#order-form-field-upload .field {
	float: left;
	height: 29px;
	width: 200px;
	margin: 0px;
	padding: 0px;	
}

#order-form-field-upload .field input {
	float: left;
	height: 27px;
	width: 200px;
	margin: 0px;
	padding-top: 5px;
	padding-right: 7px;
	padding-bottom: 0px;
	padding-left: 7px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	color: #878686;	
	
}

#order-form-field-upload .field input:focus {
	float: left;
	height: 22px;
	width: 200px;
	margin: 0px;
	padding-top: 5px;
	padding-right: 7px;
	padding-bottom: 0px;
	padding-left: 7px;
	background-color: #FFF;
	color: #878686;
}	
	
#order-form-field-email {
	float: left;
	width: 220px;
	height: 32px;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 9px;
	border: 1px solid #cccccc;
	background-color: #FFF;
	}

#order-form-field-email .field {
	float: left;
	height: 29px;
	width: 200px;
	margin: 0px;
	padding: 0px;
	font-size: 13px;
}

#order-form-field-email .field input {
	float: left;
	height: 27px;
	width: 200px;
	margin: 0px;
	padding-top: 5px;
	padding-right: 7px;
	padding-bottom: 0px;
	padding-left: 7px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	color: #878686;
}

#order-form-field-email .field input:focus {
	float: left;
	height: 22px;
	width: 200px;
	margin: 0px;
	padding-top: 5px;
	padding-right: 7px;
	padding-bottom: 0px;
	padding-left: 7px;
	background-color: #FFF;
	color: #878686;
}	


#order-form-field-payment {
	float: left;
	width: 220px;
	height: 32px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 9px;
	margin-left: 0px;
	border: 1px solid #cccccc;
	background-color: #FFF;
	color: #878686;
	}


#order-form-field-payment .field {
	
	margin: 0px;
	padding: 0px;
	font-size: 10px;
	font-family: "Verdana", Geneva, sans-serif
}


#order-form-01-field-comments {
	float: left;
	width: 300px;/*326px minus the left and right border amounts */
	height: 130px;
	border: 1px solid #cccccc;
	background-color: #FFF;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 9px;
	
	}

#order-form-01-field-comments .field {
	float: left;
	height: 130px;
	width: 300px;
	margin: 0px;
	padding: 0px;	
}

#order-form-01-field-comments .field textarea {
	float: left;
	height: 120px;
	width: 300px;
	margin: 0px;
	padding-top: 5px;
	padding-right: 7px;
	padding-bottom: 5px;
	padding-left: 7px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	resize:none;
	overflow: visible;
	color: #878686;
	background-color: #FFF;
	font-size: 11px;
}

#order-form-01-field-comments .field textarea:focus {
	float: left;
	height: 110px;
	width: 300px;
	margin: 0px;
	padding-top: 5px;
	padding-right: 7px;
	padding-bottom: 5px;
	padding-left: 7px;
	background-color: #FFF;
	resize:none;
	color: #878686;	
}	
	
.order-form-field-button-submit{
	background-position: 0px 0px;
	width: 220px;
	height: 33px;
	padding: 0px;
	background-repeat: no-repeat;
	border: none;
	background-color: #878686;
	color: #FFF;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	float: left;
	
}


.order-form-field-button-submit:hover {
	background-position: 0px -33px;
	width: 220px;
	height: 33px;
	padding: 0px;
	background-repeat: no-repeat;
	border: none;
	cursor:pointer;
	background-color: #de2a2a;
	color: #393822;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	float: left;
	
}




		
	
/* End of Contact Form */