/*
 * Modified contact form originally created by Chris Coyier from css-tricks.com
 * View screencast: http://css-tricks.com/videos/css-tricks-video-21.php
/*
 * Form elements
 -----------------------*/
.formholder, .formholderthankyou, .formholdererror {
	background-color: #C3C3C3;
	position: absolute;
	top: 130px;
	left: 43px;
	height: 349px;
	width: 647px;
	font-family: Verdana, Geneva, sans-serif, Arial;
	z-index: 105;
	background-attachment: scroll;
	background-image: url(../images/pattern-forms.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
.formholderthankyou {
	background-color: #E4E4E4;
	background-image: url(../images/pattern-feedback.png);
}
.formholdererror {
	background-color: #E4E4E4;
	background-image: url(../images/pattern-feedback.png);
}
.howcanwehelp {
	position: absolute;
	left: 57px;
	top: 56px;
	font-size: 20px;
	font-weight: normal;
	color: #6F6F6F;
}
.xcancel a{
	position: absolute;
	left: 57px;
	top: 100px;
	font-size: 13px;
	font-weight: normal;
	color: #747474;
	text-decoration: none;
}
.xcancel a:hover {
	color: #fff;
}
.rcancel a{
	position: absolute;
	left: 57px;
	top: 300px;
	font-size: 15px;
	font-weight: normal;
	color: #D2D2D2;
	text-decoration: none;
}
.rcancel a:hover {
	color: #fff;
}
.xreset a{
	position: absolute;
	left: 57px;
	top: 191px;
	font-size: 13px;
	font-weight: normal;
	color: #878787;
	text-decoration: none;
}
.xreset a:hover {
	color: #F0D200;
}
.formcenter, .formthankyou {
	position: absolute;
	width: 160px;
	margin-left: 57px;
	margin-top: 50px;
	font-size: 13px;
	font-weight: normal;
	color: #6E6E6E;
	top: 31px;
}
.formthankyou {
	margin-top: 76px;
}
.formenquiryerror {
	margin-top: 76px;
	position: absolute;
	width: 160px;
	margin-left: 57px;
	font-size: 13px;
	font-weight: normal;
	color: #6E6E6E;
	top: 31px;
}
input, textarea {
	width: 100%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: normal;
	border: 1px solid #DCDCDC;
	color: #969696;
	margin-top: 6px;
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 3px;
	padding-left: 10px;
}
input:focus, textarea:focus  {
	background-color: #F0E3DB;
}
button {
	display: block;
	float: left;
	clear: both;
	margin-top: 8px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	font-size: 11px;
}
button a {
	background-image: url(images/btn-submit.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
button a:hover {
	background-image: url(images/btn-submit.png);
	background-position: 0px 0px;
}
input[type="image"] {
/*	background: url(images/btn-submit.png);*/
	background-color: #ff6;
	display: block;
	float: left;
	clear: both;
	width : 70px;
	height : 27px;
	border : none;
}
input[type="image"] a {
	background-repeat: no-repeat;
	background-position: 0px 0px;
	background-color: #ff6;
	background-image: url(images/btn-submit.png);
}
input[type="image"] a:hover {
	background-position: 0px -23px;
	background-color: #F30;
}

/*
 * User feedback
 -----------------------*/
.yay, .oops     {font-size:.8em;text-align:center;padding:10px;color:#fff;font-weight:700;}
.yay            {background:#090;}
.oops           {background:#f30;}
div.error       {font-size:.8em;font-weight:700;padding:5px 0 0;color:#f30;margin:0 0 0 25px;}

/*
 * Captcha
 -----------------------*/
.formimg {
	display: block;
	font-size: 14px;
	margin-top: 6px;
	font-family: Verdana, Geneva, sans-serif, Arial;
}
.formerror {
	font-size: 10px;
	color: #E65757;
}
