

#the_form
{
 width: 432px;
 margin: 0 0 0 5px;
}

* html #the_form
{
 width: 432px;
 margin: 0;
}

span.money
{
 width: 10px;
 height: auto;
 font-size: 0.9em;
 color: #333;
 display: block;
 float: left;
}

#the_form input
{
 width: 123px;
 height: 21px;
 padding-top: 3px;
 padding-left: 2px;
 font-family: Georgia, "Times New Roman", Times, serif;
 background: transparent;
 border: none;
 color: #006838;
 font-weight: bold;
}

#the_form .rinput_wrapper
{
 width: 125px;
 height: 24px;
 float: left;
 background: url(../images/ts_input.jpg) left top no-repeat; 
}

#the_form h4
{
 text-align: center;
 color: #000;
}

#the_form h4 em
{
 color: #006838;
 font-size: 0.8em;
}


#the_form table.gradient
{
 width: 432px;
 font-size: 1.4em;
 margin: 0 auto;
 background: url(../images/form_vertical_gradient.jpg) left bottom repeat-x;
}

#the_form table.gradient tr td
{
 vertical-align: middle;
 padding: 5px;
}

#the_form table.gradient tr td label
{
 width: 225px;
 color: #006838;
 padding-left: 5px;
 font-weight: bold;
 padding-bottom: 1px;
}

#the_form table.gradient tr td div.centered
{
 width: 350px; 
 margin: 3px auto;
 text-align: center;
}

#the_form table.gradient tr td div.centered input
{
 width: 76px;
 height: 24px;
 cursor: pointer;
 font-family: Georgia, "Times New Roman", Times, serif;
 background:url(../images/calculate_but.jpg) left top no-repeat;
}

#the_form #nogradient
{
 width: 425px;
 margin: 0 auto;
}

#the_form #nogradient tr td
{
 vertical-align: middle;
 padding: 5px;
 font-size: 1.4em;
 border-bottom: 2px dotted #d1e5cf;
}

#the_form #nogradient tr td.right_move
{
 width: 170px;
 padding-left: 25px;
}

#the_form #nogradient tr td.right_move input
{
 font-family: Georgia, "Times New Roman", Times, serif;
 color: #c11c24;
}

#the_form #nogradient label
{
 width: 235px;
 font-size: 0.9em;
 font-weight: bold;
  color: #006838; 
  line-height: 1.2em;
  padding-bottom: 1px;
}

#the_form #nogradient label small
{
font-size: 0.6em;
 color: #666666;
 line-height: 1.2em;
 margin-top: 3px;
}

#the_form #nogradient tr td span.money
{
 color: #333;
 display: inline;
}




#the_contact_form
{
 width: 432px;
 height: auto;
 margin: 0 auto;
}

#the_contact_form table
{
 width: 375px;
 margin: 0 auto;
}

#the_contact_form table tr td
{
 width: auto;
 height: 20px;
 padding-bottom: 5px;
}

#the_contact_form table tr td.left_border
{
 border-left: 1px dashed #dbe8de;
 padding-left: 20px; 
}

#the_contact_form table label
{
 width: 130px;
 display: block;
}

#the_contact_form table input
{
 width: 214px;
 height: 20px;
 padding-top: 4px;
 padding-left: 3px;
 padding-right: 3px;
 color: #808080;
 border: none;
 background: transparent;
 font-family: Georgia, "Times New Roman", Times, serif;
}

#the_contact_form table .input_wrapper
{
 width: 220px;
 height: 24px;
 background: url(../images/input_big.jpg) left top no-repeat; 
}

#the_contact_form table input#submitbutton
{
 width: 220px;
 height: 26px;
 cursor: pointer;
 background: url(../images/submit_r.jpg) right center no-repeat;
}
#submitQuote
{
 width: 220px;
 height: 26px;
 cursor: pointer;
 background: url(../images/submit_r.jpg) right center no-repeat;
}

#the_contact_form table #rightaligned
{
 width: 220px;
 height: auto;
 text-align: left;
}





#contactus_form
{
 width: 220px;
 height: auto;
 margin: 0 auto;
}

#contactus_form table
{
 width: 220px;
 margin: 0 auto;
}

#contactus_form table tr td
{
 width: auto;
 height: 20px;
 padding-bottom: 5px;
}

#contactus_form table tr td.left_border
{
 border-left: 1px dashed #dbe8de; 
}

#contactus_form table label
{
 width: 130px;
 display: block;
}

#contactus_form table input
{
 width: 214px;
 height: 20px;
 padding-top: 4px;
 padding-left: 3px;
 padding-right: 3px;
 color: #808080;
 border: none;
 background: transparent;
 font-family: Georgia, "Times New Roman", Times, serif;
}

#contactus_form table .input_wrapper
{
 width: 220px;
 height: 24px;
 margin-top: 3px;
 background: url(../images/input_big.jpg) left top no-repeat; 
}

#contactus_form table textarea
{
 width: 214px;
 height: 149px;
 padding: 4px 3px;
 color: #808080;
 border: none;
 background: transparent;
 font-family: Georgia, "Times New Roman", Times, serif;
 overflow: auto;
}

#contactus_form table .textarea_wrapper
{
 width: 220px;
 height: 157px;
 margin-top: 3px;
 background: url(../images/text_area.jpg) left top no-repeat; 
}

#contactus_form table input#submitbutton
{
 width: 220px;
 height: 26px;
 cursor: pointer;
 background: url(../images/submit_r.jpg) right center no-repeat;
}

#contactus_form table #rightaligned
{
 width: 220px;
 height: auto;
 text-align: left;
}



form {
	/*padding: 10px;*/
	font-size:1em;
}
/* Form Sections ======================================================================== */
/* Fieldset  */

fieldset {
	margin: 20px 0;
	padding: 15px 10px;
	
	border: 1px solid #674d34;	
	overflow: auto;
}
legend {
	padding: 2px 5px;
	color: #674d34;
	font-size: 115%;
    font-weight: bold;
}
/* Nested Fieldset  */
fieldset fieldset  {
	border: 1px solid #674d34;
	background-color:#efefef;
}
fieldset fieldset legend {
	font-size: 110%;
}
/* Form or Fieldset instruction paragraph. */
form .instructions {
	margin: 0.6em 0 0 1em;
	font-style: italic;
}
.field{
   display:block;
   margin:15px;
} 
.fieldverify{
   text-align:center;
   display:block;
   margin:15px;
}
.fieldcentered{
   text-align:center;
}   

/* Field Labels ======================================================================== */

/* Base */
label, form .label {	
	color: #333;
	margin: 0;
}
/* Text inputs / Select label */
label.preField {
	display: -moz-inline-box;
	display: inline-block;	
	/*margin: 0.6em 4px 0 0;*/
	/*padding: 0 2px;*/
	/*min-width: 12em;*/
}
label.alertMe {
	display: -moz-inline-box;
	display: inline-block;	
	margin: 0.6em 4px 0 0;
	padding: 0 2px;
	min-width: 12em;
	background-color: #EDEDDC;
	color:#f00;
}
/* Radio / Checkbox group label */
form .label  {
	display: block; 
	margin: 0.6em 4px 0 0;
	padding: 2px;
}
/* Individual Checkbox / Radio label */
label.postField  {
	margin: 0 4px 0 4px;
}
/* Repeat Behavior divs (when not set on a fieldset) */
div.repeat {
	margin: 3px 0;
	padding-right: 6px;
	border: 1px dotted #ccc;
	background-color: #FFFFFF;
}
div.removeable {
	margin: 3px 0;
	padding-right: 6px;	
	border: 1px dotted #ccc;
	background-color: #F3F3F3;
	
}
/* Links generated by the Repeat Behavior */
form .duplicateLink {
	font-weight: bold;
}
form .removeLink {
	line-height: 260%;
}
/* Inputs ======================================================================== */

textarea {
	padding: 0;
	vertical-align: top;
	margin: 2px 2px 1px 0;
}
input {
	margin: 0 2px 0 0;
}
input[type=text], input[type=password] {
}
select {
	margin: 2px 2px 1px 0;
	padding: 0;
}


/* Buttons ======================================================================= */

form .actions {
	text-align: center;
	margin: 20px 0 10px 0;	
}
/* Submit button */
form .primaryAction {
	font-weight: bold;
}
/* Cancel button */
form .secondaryAction {
	color: grey;
}
form .secondaryAction:hover {
	color: black;
}

/* Asterisk on required fields */
form .reqMark {
	color: #F00;
	padding: 0 4px;
}
form .field-hint {
	float: right;
	clear: right;
	color: #000;
	margin: 2px 0 0px 0;
	padding: 2px;
	padding-bottom:0;
	font-size: 85%;
	min-height: 2em;	
}


