
.form-container {
	width: 460px;
	background: #ffffff;
	margin:0 0 0 25px ;

}

.form-box {
	margin: 0 auto 0 auto;
	text-align: left;
}

.form-label {
	width: 60px;
	float: left;
}

.form-field {
	width: 200px;
	float: left;
}

/* Form */
form { display:inline;}
fieldset { border:none; }
#middle-inner fieldset p {font-size:14px; font-family:  arial, helvetica, sans-serif; margin:.8em 0 .5em 0; color:#333333; background: #EFEFEF;}
#middle-inner fieldset .radio p {font-weight: 700; margin-top: .4em;}
label { color:#333333;  font-weight:700; font:14px/1.7em arial, helvetica, sans-serif;}  /* colour of input box labels  */
input, select, button { vertical-align:middle; }

#middle-inner fieldset ul, #middle-inner fieldset ol { list-style:none; }


/************** clears *****************/

.clear:after,
.button-set:after,
.legend:after,
#middle-inner .group-select li:after{ content:"."; display:block; clear:both; font-size:0; line-height:0; height:0; overflow:hidden; }


/********************** Form */

/* Form Elements */
input.input-text, input.input-text_med, input.input-text_short, input.input-text_vshort, select, textarea { border:1px solid #D5D5D5; font:14px arial, helvetica, sans-serif; } /* border color of boxes*/
option, optgroup { font:12px arial, helvetica, sans-serif; }
optgroup { font-weight:700; }
textarea { overflow:auto; }
input, textarea { padding:2px; }
input.radio { margin-right:3px; }
input.checkbox { margin-right:3px; }
.qty { width:2.5em; }
.group-select label { font-weight:400; }
.group-select .radio label, .group-select .check label { font-weight:normal; }

.input-text:focus, select:focus, textarea:focus, input:focus { background:#feeded; }  /* background color of input boxes won't work with ie */




.button-set { /* Container for form buttons*/
    clear:both;
    margin: 10px 10px 0px 15px;  /* large bottom margin stops submit button falling out of bottom of form when error messages are shown  needed if background is an expandable box */
    padding:20px 0 10px 0px;
    text-align:right;
    }

.form-button{  /* submit button styling  */
    overflow:visible;
    /*width:auto;*/
    border:0;
    /*padding:5px 18px;*/
    /*background-color:#09608D;*/
    /*color:#ffffff;*/
    /*border:1px solid #7ECAFC;*/
    /*font:700 18px/1.5 "Merriweather Sans", Arial, Helvetica, sans-serif; !important;*/
    cursor:pointer;
    text-align:center;
    vertical-align:middle;
	float: right;
    }


.form-button span {
    white-space:nowrap;
    }


 #formsubmit {
    background-image: url('images/submit-button.gif');
    width: 163px;
    height: 34px;
    border-style: none;
    background-color: transparent;
    /*text-indent: 480px;     hack to hide the text */
  }

  #formsubmit:hover {
    background-image: url('images/submit-button-hover.gif');
  }



a.form-button { padding:2px 9px; text-decoration:none; }
.form-button:hover, .form-button:active, .form-button:focus {color: #231f20; text-decoration:none;  background-color:#E8F7FC; border:1px solid #9E9ECF;}  /* hover font colour of submit button  */









.group-select {
    margin:15px 0 5px 0;
    border:1px solid #D5D5D5 ;  /* border around main form sections   */
    padding:10px 25px 12px 25px;
    background:#EFEFEF;  /* background colour of main form sections  */
    }

#middle-inner .group-select p.legend {
    margin-top:-33px;
    float:left;
    border:1px solid #ff9d9d;  /* border around main form section legend header  */
    background:#feeded;  /* background of main form section legend header  */
    padding:0 8px;
    color:#333333;   /* font colour of main form section legend header  */
    font-weight:700;
    font-size:1.1em;
	margin-bottom:.4em;
	line-height:1.3em;
    }
#middle-inner .group-select li { padding:0 4px 4px 0; }
#middle-inner .group-select li .input-box { float:left; width:275px; padding:15px 0 0 0;}
#middle-inner .group-select li .input-box_vsmall { float:left; width:90px; padding:15px 0 0 0;}
#middle-inner .group-select li .input-box_small { float:left; width:120px; padding:15px 0 0 0;}
#middle-inner .group-select li .input-box_medium { float:left; width:200px; padding:15px 0 0 0;}
#middle-inner .group-select li .input-box_wide { float:left; width:400px; padding:15px 0 0 0;}

#middle-inner .group-select li select, 
#middle-inner .group-select li textarea { width:400px; }
#middle-inner .group-select li .input-box textarea { width:250px; }
#middle-inner .group-select li .input-box select { width:256px; }
#middle-inner .group-select li .input-box_wide select { width:400px; }
/*.group-select li .input-box_small .phone-text {width: 100px;}  */



#middle-inner .input-list p {font-weight: 700;}
/*.input-box p, .input-box_wide p{ margin:.8em 0 .5em 0; }  */
#middle-inner .group-select li .input-text {width: 270px}
.input-text_vshort {width: 60px;}
.input-text_short {width: 120px;}
.input-text_med {width: 170px;}
.input-text_wide {width: 350px;}
.phone-text {width: 100px;}
.comment-text {height:100px;width:400px;}

#middle-inner .int-header {
	font-weight: 700;
	color: #000000;
	font-size: 14px;
	margin-bottom: 10px;
	
}


#middle-inner .required { color:#EB340A; }  /* colour of "required" asterisk and footer text  */
#middle-inner  p.required { font-size:11px; text-align:left; margin-bottom:5px;}
label.required { font-weight:700; }


#middle-inner p.notetext {margin-top:20px;}


#middle-inner .error_div{
	padding-bottom: 10px;
}

#middle-inner .error_div h1 {
	color: #EB340A;
	font-weight: 700;
}

#middle-inner .error_div ul {
	list-style:none; 
}

#middle-inner .error_div ul li {
	padding: 0 0 7px 0;
}




.col1 {
	float: left;
	width: 200px;
	padding: 0 10px 0 0;
}


.col2 {
	float: left;
	width: 400px;
}






label.error {
	/* remove the next line when you have trouble in IE6 with labels in list */
	color:#EB340A;
	font-style: italic;
	font-weight: normal;
	float: left;
}

input.error { border: 1px solid #EB340A; }

.listerror label.error {
	display: none;
	margin-left: 17px;
	padding-top: 8px;
}

.payerror label.error {
	display: none;
	margin-left: 17px;
	padding-bottom: 8px;
}

.hideit {
	display:none;
}


.space15 {
	margin-top: 15px;
}
