


.form-container {
padding: 15px 0 20px 0;

}


.form-box {
	width: 90%;
	margin:0 auto 0 auto;
	text-align: left;
}

/*** resets */

fieldset,form,label,legend, input { margin:0; padding:0; }



/* Form */
form { display:inline;}
fieldset { border:none; }
fieldset p {font-size:11px; font-family: verdana, helvetica, arial, sans-serif; margin:.8em 0 .5em 0; color:#231f20}
label { color:#231f20;  font-weight:bold; font:11px/1.7em verdana, helvetica, arial, sans-serif;}  /* colour of input box labels  */
input, select, button { vertical-align:middle; }

ul,ol { list-style:none; }


/************** clears *****************/

.clear:after,
.button-set:after,
.legend:after,
.form-list li:after,
.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_short, select, textarea { border:1px solid #dcbfdc; font:12px arial, helvetica, sans-serif; } /* border color of boxes*/
option, optgroup { font:12px arial, helvetica, sans-serif; }
optgroup { font-weight:bold; }
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:bold; }
.form-list label { font-weight:normal; }
.input-text:focus, select:focus, textarea:focus, input:focus { background:#f3ecf3; }  /* background color of input boxes  */
.button-set { /* Container for form buttons*/
    clear:both;
    margin:20px 10px 20px 0 ;
    /* border-top:1px solid #E7F0F5;  /* optional horizontal row color above submit button  */
    padding-top:8px;
    text-align:right;
    }
.form-button{  /* submit button styling  */
    overflow:visible;
    width:auto;
    border:0;
    padding:1px 8px;
    background-color:#730073;
    color:#ffffff;
    border:1px solid #000000;
    font:bold 12px arial, sans-serif !important;
    cursor:pointer;
    text-align:center;
    vertical-align:middle;
    }


.form-button span {
    white-space:nowrap;
    }

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:#f3ecf3; border:1px solid #bf8abf;}  /* hover font colour of submit button  */

/* Form lists */

.form-list li .input-box .input-text,
.form-list li .input-box textarea { width:250px; }
.form-list li .input-box select { width:256px; }
.form-list li {margin:0 0 3px 0;}


.group-select {
    margin:28px 0;
    border:1px solid #bf8abf ;  /* border around main form sections   */
    padding:22px 25px 12px 25px;
    background:#fbf8fb;  /* background colour of main form sections  */
    }
.group-select .legend {
    margin-top:-33px;
    float:left;
    border:1px solid #bf8abf;  /* border around main form section legend header  */
    background:#f3ecf3;  /* background of main form section legend header  */
    padding:0 8px;
    color:#231f20;   /* font colour of main form section legend header  */
    font-weight:bold;
    font-size:1.1em;
	margin-bottom:.4em;
	line-height:1.3em;
    }
.group-select li { padding:0 8px 4px 8px; }
.group-select li .input-box { float:left; width:275px; padding:10px 0 0 0;}
.group-select li .input-box_small { float:left; width:120px; padding:10px 0 0 0;}
.group-select li .input-box_wide { float:left; width:525px; padding:10px 0 0 0;}
.group-select li .input-text, .group-select li select, .group-select li textarea { width:500px; }
.group-select li .input-box .input-text, .group-select li .input-box textarea { width:250px; }
.group-select li .input-box select { width:256px; }
.group-select li .input-box_wide select { width:500px; }
/*.group-select li .input-box_small .phone-text {width: 100px;}  */


.input-list p {font-weight: bold;}
/*.input-box p, .input-box_wide p{ margin:.8em 0 .5em 0; }  */
.input-text_short {width: 100px;}
.phone-text {width: 100px;}
.comment-text {height:100px;width:500px;}



.required { color:#730073; }  /* colour of "required" asterisk and footer text  */
 p.required { font-size:11px; text-align:left; margin-bottom:5px;}
label.required { font-weight:bold; }




.form_error_div{
	padding-bottom: 10px;
}

.form_error_div h4 {
	color: #d30000;
}


