/* ======================================================
Filename:	stylesheet-contact-form.css
Website:	www.detoxmedia.co.uk
Function:	Styles components specific to the contact
			form page.
Detox Media - Purifying The Web :: www.detoxmedia.co.uk
====================================================== */

/* =================================================== */
/* ----------------- HTML Tag Styles ----------------- */
/* =================================================== */

/* =================================================== */
/* --------------------- General --------------------- */

span.error {
	color: #FF7979;
}

/* =================================================== */
/* --------------------- Headings -------------------- */



/* =================================================== */
/* -------------------- Paragraphs ------------------- */



/* =================================================== */
/* ---------------------- Images --------------------- */

.main-content form fieldset .form-icon {
	border: none;
	display: none;
}

/* =================================================== */
/* ---------------------- Lists ---------------------- */



/* =================================================== */
/* ---------------------- Anchors -------------------- */



/* =================================================== */
/* ---------------------- Tables --------------------- */



/* =================================================== */
/* -------------------- Form Items ------------------- */

.main-content form {
	margin-bottom: 15px;
}

.main-content form fieldset {
	padding-bottom: 10px;
}

.main-content form fieldset legend {
	margin-left: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	text-align: left;
	color: #555555;
}

.main-content form fieldset label {
	display: block;
	margin-top: 10px;
	margin-left: 10px;
	margin-right: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	text-align: left;
	color: #555555;
}

/* -------------------- Text Boxes ------------------- */
.main-content form fieldset input#customer-name, 
.main-content form fieldset input#customer-email, 
.main-content form fieldset textarea#customer-enquiry {
	margin-left: 10px;
	margin-right: 10px;
	border: solid 1px #555555;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #555555;
	background-color: #e8e8e8;
}

.main-content form fieldset input#customer-name:hover, 
.main-content form fieldset input#customer-name:focus, 
.main-content form fieldset input#customer-email:hover, 
.main-content form fieldset input#customer-email:focus, 
.main-content form fieldset textarea#customer-enquiry:hover, 
.main-content form fieldset textarea#customer-enquiry:focus {
	color: #20999F;
	background-color: #E9FEFE;
	border: solid 1px #40c7e9;
}

/* ------------------ Submit Button ------------------ */
.main-content form fieldset input#submit-enquiry {
	display: block;
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 10px;
}

/* =================================================== */
/* ------------------ Layout Classes ----------------- */
/* =================================================== */