/* --------------------------------------
   Form Styles
-------------------------------------- */

.form {
	width: 343px;
}
.form-item {
	padding: 5px 0;
	margin-bottom: 5px;
	display: block;
}

.form-item label {
    display: inline-block;
	width: 110px;
	clear: both;
	margin-right: 10px;
	text-align: right;
}

.text input {
    width: 150px;
	padding: 3px;
	display: inline-block;
}

.form-item textarea {
    width: 468px;
	height: 100px;
	padding: 3px;
	display: block;
	font-size: 1.2em;
	border: 1px solid #e9e9e9;
	font-family: Arial, Verdana, Helvetica, sans-serif;
}

.postcode input {
    width: 4em;
}

.select select {
    width: 225px;
	padding: 3px;
	display: block;
	border: 1px solid #e9e9e9;
}

.required label {
}

.submit {
	padding-left: 123px;
}

/** image styling for input submit buttons **/

.submit input.image {
   background: none;
   height: 27px;
   width: 101px;
   border: none;
   margin: 0;
   background: transparent url('../i/btn-submit.gif') left top no-repeat;
}

.submit input.image:hover,
.submit input.hover {
   background-position: left -27px;
   cursor: pointer;
}

.submit input.image:active,
.submit input.active {
   background-position: left -54px; 
}

input[type="submit"]:focus::-moz-focus-inner{ border-color:transparent!important } /** note: accessibility outline in firefox is removed here **/


/** error styling **/
input.error,
select.error,
textarea.error {
	border: 1px solid #6aa0cc;
	background-color: #e1effa;
}

.form-item span.formerror {
	display: block;
	font-size: 11px;
	line-height: 1em;
	margin-left: 119px;
	padding: 4px;
	width: 261px;
	color: #be3a25;
}