/*---------------------------------------
Layout Style Sheet

Author: 	P.Shackleton
Email:		info@mixd.co.uk
Website:	http://www.mixd.co.uk
---------------------------------------*/



/* structure
---------------------------------------*/

#wrapper { width: auto; margin: 0 20px 0 20px; }
#header { height: 100px; background: #FFF url(../images/global/header/header_bg.gif) top left repeat-x; }
#LeftCol {
	clear: both;
	float: left;
	width: 10px;
	margin: 0 0 0 0;
}

#RightCol {
	float: right;
	width: 10px;
	margin: 0 0 0 0;
}

#MiddleCol {
	width: auto;
	margin: 0 15px 0 15px;
}





/* skip
---------------------------------------*/

.clearskip {clear:both; height: 0px; overflow: hidden;}
#skiptocontent { position: absolute; left: -999em; z-index:1; }
a#skiptocontent:active, a#skiptocontent:focus { left: 0px; top: 0px; width: 100%; border: none; color: #fff; background-color: #333; padding: 2px 0px 4px 0px; font-size: 1em; font-weight: bold; text-align:center;}




/* crumb
---------------------------------------*/

#crumb { clear:both; width: 100%; border-top: 0px solid #FFFFFF; border-bottom: 1px solid #FFFFFF; }




/* footer
---------------------------------------*/

#footer {  background: #1B251C; clear: both; margin: 30px 0 0 0; color: #FFF; font-size: 60%; text-align: center; padding: 10px 0 10px 0; border-top: 1px solid #fff; }





/* forms
---------------------------------------*/

input, textarea {
	border-top: 1px solid #999;
	border-left: 1px solid #999;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
	padding: 2px;
	width: 150px; 
}

input.form_txtfldshort { width: 50px;  }
input.form_txtfldmed { width: 240px;  }
input.form_txtfldlong { width: 280px; }

select.textfield_4 { width: 240px; font-size: 1.4em; }
select.textfield_3 { width: 120px; font-size: 1.4em; }
select.textfield_2 { width: 70px; font-size: 1.4em; }
select.textfield_1 { width: 50px;  font-size: 1.4em; }

textarea { margin: 2px 0 0px 0; width: 80%; height: 120px; width: 250px; }
textarea.textarea_1 { margin: 2px 0 0px 0; width: 350px; height: 120px; }

input:focus {background:#FFC; }
input.checkbox { border: 0; margin: 0 5px 0 0; }
input.submit { 	border: 0; }


label.form_labels {width: 142px; float:left; padding: 0px 10px 0px 10px; margin: 5px 0px 5px 0px;text-align: right; }
label.form_labels_doubleline {width: 142px; float:left; padding: 0px 10px 0px 10px; margin: 15px 0px 5px 0px;text-align: right; }
.form_support_text { margin: 5px 0px 5px 162px; font-size:.9em; }
.labels_error { color: #f00; font-weight:bold;  }
.form_error { color: #f00; 	border-top: 2px solid #f00;	border-left: 2px solid #f00; border-bottom: 1px solid #f00;	border-right: 1px solid #f00; }
.error { color: #f00; font-size:1.2em; font-weight:bold; margin: 10px 0 0 0;  }

fieldset { margin: .5em 0 2em 0; padding: 1em; border: 1px solid #ccc;  position:relative; font-size: 80%; }
legend { font-size: 1.4em; padding: 0 5px 0 5px; color: #5074A4; background-color:#FFFFFF;  }

fieldset li {
	list-style: none;
}

label {
	float: left;
	width: 100px;
	text-align: right;
	margin: 0 10px 0 0;
}

#Helpful input, #Question input {
	width: auto;
}

.Submit {
	width: auto;
}

form ul {
	margin: 10px 0 0 0;
}

form li {
	padding: 0 0 10px 0;
}




/* misc
-------------------------------------------------*/

.hide { position: absolute; left: -999em; }
.clear{ clear:both;}
.clear15{ clear:both; height: 15px;   }
.clear30{ clear:both; height: 30px;   }
.clear70{ clear:both; height: 70px;}


#header, #Nav, #LeftCol, #RightCol, #footer, #crumb, #BottomLinks, #BottomNav, .noprint {display: none; }