/* quote forms - meat and potatoes
---------------------------------------------*/

#quote_form fieldset {
	float: left;
	clear: left;
	width: 560px;
	margin: 0 0 1.5em 0;
	padding: 20px;
	background: #e6e6e6 url('../images/design/form/quote_form_top.gif') top no-repeat;
}
* html #quote_form fieldset {
	width: 540px;
}
#quote_form legend {
	padding: 5px;
	margin-left: 1em;
	border: 1px dashed #777;
	color: #121212;
	font-weight: bold;
	font-size: 1.4em;
	background-color: #dfd6ee;
}
#quote_form ol {
	padding: 1em 1em 0 1em;
	list-style: none;
	background:  #e6e6e6 url('../images/design/form/quote_form_bottom.gif') bottom no-repeat;
}
#quote_form ol li {
	float: left;
	clear: left;
	width: 100%;
	padding: .5em;
	margin: 2px;
	background-color: #dbdbdb;
	border: 1px dashed #ccc;
	color: #777;
}

#quote_form ol li.req {
	background: url('../images/design/form/required.gif') no-repeat 165px 8px;
	background-color: #dbdbdb;
}

#quote_form ol li:hover {
	background-color: #b0aeae;
}
#quote_form ol li:hover label {
	color: #fff;
}
#quote_form ol li a:hover {
	color: #fff;
}
#quote_form ol li ol {
	float: left;
	width: 200px;
	background: none;
}
#quote_form ol li ol li { /*styling for the li which encases any radio or check boxes.  These are gray.*/
	border: none;
	background-color: #ccc;
	width: 230px;
}
#quote_form input, #quote_form select {
	padding-left: 30px;
	height: 16px;
	width: 220px;
	color: #777;
	font-size: 1.2em;
	border: 1px solid #999;
	background: #fff url('../images/design/form/icon_default.png') 5px 2px no-repeat;
}
#quote_form select {
	background: #fff;
	height: 20px;
	width: 250px;
	padding-left: 25px;
	background: #fff url('../images/design/form/icon_default.png') 5px 2px no-repeat;
}
#quote_form textarea {
	color: #777;
	width: 250px;
	font: normal 1.2em Verdana, Arial, Helvetica, sans-serif;
}
#quote_form fieldset label.size {  /* this specific label needs a height or the inputs will float under */
	height: 75px;
}
#quote_form fieldset input.size {
	margin-bottom: 10px;
	width: 50px;
}
#quote_form fieldset input.radio {
	float: left;
	width: 16px;
	height: 16px;
	margin-right: 10px;
	background: none;
	border: none;
}
#quote_form input.submit {
	padding: 0;
	width: 72px;
	height: 32px;
	background: url('../images/design/form/button_submit.gif') no-repeat;
	border: none;
	cursor: pointer;
}
#quote_form input#submit:hover {
	background: url('../images/design/form/button_submit_hv.gif') no-repeat;
}
#quote_form fieldset.submit {
	padding-left: 40px;
	width: 539px;
}
/* quote forms - icons
---------------------------------------------*/	

#quote_form input#q_phone {
	background: #fff url('../images/design/form/icon_phone.gif') 9px 5px no-repeat;
}
#quote_form ol li ol li:hover {
	border: none;
	background-color: #ccc;
}
#quote_form ol li ol label {
	font-style: italic;
	width: 250px;
	color: #777;
	font-size: 1.2em;
}
#quote_form span, #leftcol span.required {
	display: inline-block;
	background: url('../images/design/form/required.gif') no-repeat;
	height: 12px;
	width: 12px;
}
#quote_form label {
	float: left;
	clear: both;
	margin-right: 25px;
	width: 150px;
	font-size: 1.2em;
	color: #555;
}
#quote_form input#q_fax {
	background: #fff url('../images/design/form/icon_fax.gif') 10px 3px no-repeat;
}
#quote_form input#q_company {
	background: #fff url('../images/design/form/icon_info.gif') 10px 5px no-repeat;
}
#quote_form input#q_email {
	background: #fff url('../images/design/form/icon_email.gif') 10px 5px no-repeat;
}
#quote_form input#q_firstname, #quote_form input#q_lastname {
	background: #fff url('../images/design/form/icon_smiley.gif') 10px 2px no-repeat;
}
* html #quote_form, *+html #quote_form {
	margin-top: 35px;
}
* html #quote_form legend, *+html #quote_form legend {
	position: relative;
	top: -30px;
}
#quote_form fieldset {
	margin-bottom: 35px;
}