

@import url("http://www.westcoastracing.com.au/spry/SpryValidationTextField.css");
@import url("http://www.westcoastracing.com.au/spry/SpryValidationSelect.css");
@import url("http://www.westcoastracing.com.au/spry/SpryValidationTextarea.css");
@import url("http://www.westcoastracing.com.au/spry/SpryValidationRadio.css");
@import url("http://www.westcoastracing.com.au/spry/SpryValidationCheckbox.css");


/* -----------------------------------------------
	spry settings
----------------------------------------------- */
.validMsg{
	width:16px;
	height:16px;
	margin-left:6px;
	margin-top:-2px;
	display:none;
}

.textfieldValidState .validMsg, .textareaValidState .validMsg, .selectValidState .validMsg, .checkboxValidState .validMsg, .radioValidState .validMsg{
	display:inline;
}

.checkboxRequiredState .checkboxRequiredMsg, .checkboxMaxSelectionsState .checkboxMaxSelectionsMsg, .selectRequiredState .selectRequiredMsg, .textareaRequiredState .textareaRequiredMsg, .textareaMinCharsState .textareaMinCharsMsg, .textareaMaxCharsState .textareaMaxCharsMsg, .textfieldRequiredState .textfieldRequiredMsg, .textfieldInvalidFormatState .textfieldInvalidFormatMsg, .radioRequiredState .radioRequiredMsg{
	border:0px;	
	padding-left:22px;
	margin-left:4px;
	background-image:url(http://www.westcoastracing.com.au/spry/error.gif);
	background-repeat:no-repeat;
	padding-bottom: 3px;
}







/* -----------------------------------------------
	form settings
----------------------------------------------- */
form.form fieldset,
form.form ol, 
form.form li, 
form.form legend {
	margin: 0;
	padding: 0;
	list-style: none!important;
}

form.form legend { display: none; }

body.order form.form legend { display: block; }

form.form fieldset { border: 0; }

form.form ol { list-style: none; }

form.form li { margin-bottom: 5px; }

form.form label {
	display: inline-block;
	width: 150px;
	vertical-align: top;
}

body.order form.form label { width: 200px; }

form.form input, form.form select, form.form textarea {
	width: 250px;
	padding: 3px;
	border: 1px solid #333;
	background: #111;
	font: normal 13px/13px Verdana, Arial, Helvetica, sans-serif;
	color: #888;
}

form.form input.focus, 
form.form textarea.focus {
	border: 1px solid #999;
	color: #fff;
	font-weight: bold;	
}

form.form textarea { height: 200px; }

form.form select {
	padding: 0;
	width: auto;
}

form.form li.button { margin-top: 15px; }

form.form li.button input {
	width: auto;
	border: 0;
	background: #333;
	color: #fff;
	cursor: pointer;
}

form.form fieldset legend {
	padding: 20px 0;
	font-weight: bold;
	font-size: 16px;
	color: #666;
	_margin: 0 -7px; /* IE Win fix */
}

/* IE Mac legend fix */
form.form legend {
  display: inline-block;
}



form.form .required {
	font-size: 10px;
	color: #555;
}

form.form input.radiocheck {
	width: auto;
	padding: 0;
	border: 0;
	background: none;	
}


form.form input.postcode,
form.form input.cc { width: 50px; }
form.form input.ccexpiry { width: 30px; }
form.form textarea.comments { height: 80px; }



