/* Contact Form */

#content {position:relative}

#contact_info, #map {width:300px; text-align:left; margin:0 0 25px;}

#side_wrapper {width:350px; float:left; padding:25px 5px 5px 50px; position:relative}

#map iframe {margin-top:3px; background:#036; border:solid #C2CD23 1px;}

form label.error {float:none; display:inline; padding: 0 0 0 5px; color:red; font-weight:bold;}

form input.error, form textarea.error, form select.error {border:1px solid red;}

.key {font-size:10px; padding: 0 0 5px 0; color:red;}

span.required {color:red; font-size:10px; padding:0 0 0 2px;}

.header {font-size:18px; font-weight:bold; background:#666; height:18px; color:#fff; padding:6px 6px 6px 25px; text-align:left; text-transform:uppercase}
#contact_info .content {padding:5px; margin-top:3px; background:#fff; border:solid #C2CD23 1px; height:auto;}
#contact_info ul {margin-left:5px; padding-left:5px; font-weight:bold; color:#036; list-style:none;}
#contact_info ul.contact {font-size:14px; margin-left:1px; padding-left:1px; padding-top:10px}
#contact_info ul.contact li {padding:1px}
#contact_info li {}
#contact_info a {color:#036; text-decoration:none;}
#contact_info a:hover {text-decoration:underline; color:#C2CD23}

.feedback, .booking, .quote {width:450px; min-height:425px; margin:25px 0 0 0; padding-left:50px; float:left; position:relative;}
.booking, .quote {width:800px;}
form {  /* set width in form, not fieldset (still takes up more room w/ fieldset width */
  font:100%;
  padding: 10px;
  float:0 auto;
  border:solid #C2CD23 1px;
  margin-top:3px; 
}

form fieldset {
  / * clear: both; note that this clear causes inputs to break to left in ie5.x mac, commented out */
  padding: 10px;        /* padding in fieldset support spotty in IE */
  margin: 0;
}
.booking form fieldset, .quote form fieldset {margin:0 0 10px 0; border:1px solid #ccc; padding:10px; position:relative}

form label { 
	display: block;  /* block float the labels to left column, set a width */
	float: left; 
	width: 100px; 
	padding: 0; 
	margin: 5px 0 0; /* set top margin same as form input - textarea etc. elements */
	text-align: right;
	position:relative;
	font-size: 14px
}

.booking label, .quote label {width:200px;}

form input, form textarea, form select {
	/* display: inline; inline display must not be set or will hide submit buttons in IE 5x mac */
	width:220px;      /* set width of form elements to auto-size, otherwise watch for wrap on resize */
	margin:5px 0 0 10px; /* set margin on left of form elements rather than right of
                              label aligns textarea better in IE */
}

form input.check {width:15px; text-align:left;}

input:focus, textarea:focus, select:focus {border: 2px solid #036; color:#036}

form input#submit, form input#reset {background:url(../img/form_button.gif) no-repeat; color:#FFFFFF; font-size:14px; font-weight:bolder; border:none; outline:none; margin-top:15px; width:100px; height:30px; margin-right:25px; text-transform:uppercase;}
form input#submit:hover, form input#reset:hover {background:url(../img/form_button_hover.gif) no-repeat;}

form input#reset {margin-left:0px; /* set margin-left back to zero on reset button (set above) */}

textarea {overflow:auto; height:100px;}

legend span, form h6 {background:#036; font-size:12px; font-weight:bold; color:#fff; text-transform:uppercase; padding:5px; width:250px; display:block; margin:0 0 5px 0;}

form br {clear:left; /* setting clear on inputs didn't work consistently, so brs added for degrade */}

.mess {margin:10px 10px 0; padding:10px; color:#fff; font-weight:bold; font-size:14px; text-transform:uppercase; text-align:center}
.fail {background:#CC3333; border:1px solid #990000; }
.missing {background:#FF9900; border:1px solid #CC6600; }
.success {background:#669966; border:1px solid #006633;}