#contact { color: #000000; background: #FAFAFA; border: 1px solid #EEEEEE; padding: 0.2em; }

#contact h2 { font: 1.4em/1.6em Verdana, Geneva, Arial, Helvetica, sans-serif; }

#contact hr { color: #DDDDDD; background-color: #DDDDDD; height: 1px; border: none; }

#contactdetails {
 margin: 1em;
 background: #FFFFFF;
 padding: 1em;
 border: 1px solid #EEEEEE;
}

#contactdetails p { font-size: .9em; }

#contactdetails span.label {
 font-weight: bold;
 width: 75px;
 display: inline-block;
}

#contactdetails p.label2 {
 font-weight: bold;
 margin: 0px;
 padding: 0px; 
}

#contactdetails div.address { margin-left: 75px; }

div.contactfloat { float: left; }

div.writemail {
 background: AntiqueWhite;
 border: 1px solid black;
 padding: 2px;
 margin: 0px 0px 10px 0px; 
 font: .8em Verdana, Geneva, Arial, Helvetica, sans-serif;
}

/* -------------------------------------------- */

#contactform {
 margin: 0px;
 padding: 0px;	
 font: 90%/1.3 arial,sans-serif;
	color: Black;
}

#contactform p { text-align: justify; }

#contactform #error {
 border: 1px solid #0B77B7;
 background: #E3F0FB;
 padding: 4px;
 margin-bottom: 4px;
}

#contactform #error p {
 margin: 0px;
 padding: 0px;
}

#contactform #error span { font-weight: bold; }

#contactform form {
	background: #FFFFFF;
	padding: 1em;
	border: 1px solid #EEEEEE;
	margin: 0px 0px 1em 0px;
	width: 32em;
}

#contactform .yourname {
 background: transparent url(../templateimages/user.gif) no-repeat 95% 1em;
}

#contactform  .contact {
 background: transparent url(../templateimages/email2.gif) no-repeat 95% 1em;
}

#contactform fieldset div {
	margin: 0.3em 0;
	clear: both;
}

#contactform label {
	float: left;
	width: 8em;
	text-align: right;
	margin-right: 1em;
}

#contactform legend {
	color: #0B77B7;
	font-size: 1.2em;
}

#contactform legend span {
	width: 10em;
	text-align: right;
}

#contactform input {
	padding: 0.15em;
	width: 14em;
	border: 1px solid #DDDDDD;
	background: #FAFAFA;
	font: bold 0.95em arial, sans-serif;
	-moz-border-radius: 0.2em;
	-khtml-border-radius: 0.2em;
}

#contactform input:hover, #contactform input:focus {
	border-color: #C5C5C5;
	background: #EAEAEA;
} 

#contactform input#postcode {
 width: 5em; 
}

#contactform textarea {
	padding: 0.15em;
	border: 1px solid #DDDDDD;
	background: #FAFAFA;
	font: bold 0.95em arial, sans-serif;
	-moz-border-radius: 0.2em;
	-khtml-border-radius: 0.2em;
}

#contactform textarea:hover, #contactform textarea:focus {
	border-color: #C5C5C5;
	background: #F6F6F6;
} 

#contactform input#submit {
 width: auto;
 margin-bottom: 0.5em;
 border: 1px solid #0B77B7;
 background: #AFD6FC;
}

#contactform input#submit:hover, #contactform input#submit:focus {
 background: #70B6F9;
}

#contactform input#dpabox {
 width: auto;
 margin-bottom: 0.5em; 
}

#contactform fieldset {
	border: 1px solid #DDDDDD;
	padding: 0 0.5em 0.5em;
	margin-bottom: 0.5em;
}

#contactform .date input {
 background-image: url(../templateimages/mini-calendar.gif);
 background-repeat: no-repeat;
 background-position: 100% 50%;
}

#contactform .date fieldset label {
	float: none;
	display: block;
	text-align: left;
	width: auto;
}

#contactform .date fieldset div {
	float: left;
	clear: none;
	margin-right: 0.2em;
}

#contactform .radio, #contactform .date {
	position: relative;
}

#contactform .radio fieldset, #contactform .date fieldset {
	border: none;
	width: auto;
	padding: 1px 0 0 11em;
}

#contactform .radio legend, #contactform .date legend {
	font-size: 1em;
	color: #000000;
}

#contactform .radio legend span, #contactform .date legend span {
	position: absolute;
	left: 0;
	top: 0.3em;
	width: 10em;
	display: block;
}

#contactform .radio label, #contactform .radio input {
	vertical-align: middle;
	display: inline;
	float: none;
	width: auto;
	background: none;
	border: none;
}

#contactform .radio div {
	float: left;
	white-space: nowrap;
	clear: none;
}

#contactform .email {
	width: 14em;
}

#contactform input.default {
	color: #BBBBBB;
}

#contactform #submit-go {
 margin-top:1em;
 width:69px;
 height:26px;
 text-indent:-9999px;
 overflow:hidden;
 border:0;
 background: transparent url(../templateimages/submit-button.gif) no-repeat 0 0;
 display:block;
 cursor:pointer !important; cursor:hand;
}

#contactform #submit-go:hover {
	background-position:0 -26px;
}

#contactthanks p {
 margin-left: 2em;
}

/*
input[type=checkbox], input[type=radio] { visibility: hidden; width:0; height:0; padding:0; margin:0; }
input[type=checkbox] + label, input[type=radio] + label { padding-left:18px; }
input[type=checkbox] + label{ background: url(../gfx/check_radio.png) 0 0 no-repeat; }
input[type=checkbox]:focus + label{ background-position: 0 -16px; }
input[type=checkbox] + label:hover{ background-position: 0 -32px; } 
input[type=checkbox]:checked + label{ background-position: 0 -48px; }

input[type=radio] + label{ background: url(../gfx/check_radio.png) 0 -64px no-repeat; }
input[type=radio]:focus + label{ background-position: 0 -80px; }
input[type=radio] + label:hover{ background-position: 0 -96px; } 
input[type=radio]:checked + label{ background-position: 0 -112px; }
*/
