/*** CONTACT & RFQ FORMS ********************************************************************************/
div#content .contact  a {
  color: #707070;
}

div#content .contact a:hover {
  text-decoration: none;
  color: #cc0000;
}


div#content .contact fieldset { /* The Form's container. Add other classes of fieldsets for more groups */
	margin: 0;
	padding: 17px 25px 5px 25px;
	background-color: #efefef;
	font-family: Arial, sans-serif;
	border: 1px solid #cccccc;
}

div#content .contact span.required { /* Makes any text that tells the user a field is required red */
	color: #cc0000;
}

div#content .contact label {
	color: #707070;
	font-size: 13px;
	float: left;
}

div#content .contact label.medium { /* for standard size labels that appear to the left of a box */
	margin: 3px 0;
	width: 125px;
}

div#content .contact label.vert { /* for labels that are above the input or text box */
	margin: 5px 0 5px 0;
	width: 500px;
}

div#content .contact input { /* standard input box format, effects text, radio, checkboxes, and more */
	font-family: Arial, sans-serif;
	font-size: 13px;
	color: #707070;
}

div#content .contact input.textbox {
	width: 295px;
	margin: 0 0 10px 0;
	padding: 3px 5px;
	border-top: 1px solid #dddddd;
	border-left: 1px solid #dddddd;
	border-right: 1px solid #dddddd;
	border-bottom: 2px solid #cccccc;
}

div#content .contact input.textbox:focus,
div#content .contact textarea:focus, 
div#content .contact select.products:focus,
div#content .contact input.smtextbox:focus,
div#content .contact input.phonebox:focus,
div#content .contact input.lastphonebox:focus {
	border-top: 1px solid #dddddd;
	border-left: 1px solid #dddddd;
	border-right: 1px solid #dddddd;
	border-bottom: 2px solid #80a4db;
}

div#content .contact input.smtextbox {
	width: 100px;
	margin: 0 200px 10px 0;
	padding: 3px 5px;
	border-top: 1px solid #dddddd;
	border-left: 1px solid #dddddd;
	border-right: 1px solid #dddddd;
	border-bottom: 2px solid #cccccc;
}

div#content .contact textarea {
	color: #707070;
	font-family: Arial, sans-serif;
	font-size: 13px;
	width: 435px;
	padding: 5px;
	margin: 0 0 10px 5px;
	border-top: 1px solid #dddddd;
	border-left: 1px solid #dddddd;
	border-right: 1px solid #dddddd;
	border-bottom: 2px solid #cccccc;
}

div#content .contact input.send_email { /* submit button styling */
	background: url('../images/send_email.png') no-repeat 0 0;
	width: 165px;
	height: 28px;
	padding: 0;
	margin-left:160px; margin-right:0; margin-top:15px; margin-bottom:0
}

div#content .contact input.send_email:hover { /* mouseover effect for non-IE */
	background: url('../images/send_email.png') no-repeat 0 -28px;
}

/* RFQ Form Specific Styling, like checkboxes and radio buttons */

div#content .contact input.checkbox {
	width: 15px;
	margin-right: 300px;
	height: 19px; /* height is set because in IE the checkbox gets stuck on the label and won't float all the way left */
	margin-bottom: 3px; /* margin is added with a smaller height to vertically align the box in FF and IE to be centered */
}

div#content .contact select { /* for dropdowns */
	font-family: Arial, sans-serif;
	font-size: 13px;
	color: #707070;
}

div#content .contact select.products { /* focus styling is above */
	width: 307px;
	margin: 0 0 10px 0;
	padding: 3px 5px;
	border-top: 1px solid #dddddd;
	border-left: 1px solid #dddddd;
	border-right: 1px solid #dddddd;
	border-bottom: 2px solid #cccccc;
}

div#content .contact input.submit_rfq { /* submit button styling */
	background: url('../images/submit_rfq.png') no-repeat 0 0;
	width: 165px;
	height: 28px;
	padding: 0;
	margin-left:160px; margin-right:0; margin-top:15px; margin-bottom:0
}

div#content .contact input.submit_rfq:hover { /* mouseover effect for non-IE */
	background: url('../images/submit_rfq.png') no-repeat 0 -28px;
}

/*** INSTANT QUOTE CHECKOUT FORM *************************************************************************************/

div#content .contact input.checkout { /* checkout button styling */
	background: url('../images/checkout.png') no-repeat 0 0;
	width: 425px;
	height: 28px;
	padding: 0;
	margin-left:5px; margin-right:0; margin-top:8px; margin-bottom:0
}

div#content .contact input.checkout:hover { /* mouseover effect for non-IE */
	background: url('../images/checkout.png') no-repeat 0 -28px;
}

div#content .contact label.iagree { /* for "I agree" checkbox label on the instant quote */
	font-family: Arial, sans-serif;
	margin: 8px 0;
	width: 265px;
}

div#content .contact input.agreebox {
	width: 15px;
	margin-right: 200px;
	margin-top: 5px;
	height: 25px; /* height is set because in IE the checkbox gets stuck on the label and won't float all the way left */
	margin-bottom: 3px; /* margin is added with a smaller height to vertically align the box in FF and IE to be centered */
}

div#content .contact label.radios { /* for radio labels on the instant quote */
	margin: 3px 0;
	width: 200px;
}

div#content .contact label.medioq { /* for radio labels on the instant quote */
	margin: 3px 0;
	width: 200px;
}

div#content .contact .help { /* Makes any text that tells the user a field is required red */
	font-size: 10px;
}

div#terms {
	width: 435px;
	height: 150px;
	background-color: #f6f6f6;
	border-top: 1px solid #dddddd;
	border-left: 1px solid #dddddd;
	border-right: 1px solid #dddddd;
	border-bottom: 2px solid #cccccc;
	margin-top: 10px;
	padding: 6px;
	overflow: auto;
}

div#terms p,
div#terms li {
  font: normal 11px/15px arial;
  color: #333;
}

div#terms h3 {
  font:bold 14px arial;
  color:#000;
  margin: 0;
}

div#terms h4 {
  font:bold 12px arial;
  color:#000;
}

div#terms strong {
  color:#000;
}

div.project_outline {
  width: 500px;
}

div.project_outline h2 {
  color: #666666;
  font-weight: bold;
  font-family: Arial;
  font-size: 14px;
  margin: 10px 0 0 0;
}

div.project_outline ul{
  margin-bottom: 5px;
}

div#content .contact input.get_quote { /* get quote button styling */
	background: url('../images/get_quote.png') no-repeat 0 0;
	width: 165px;
	height: 28px;
	padding: 0;
	margin-left:160px; margin-right:0; margin-top:15px; margin-bottom:0
}

div#content .contact input.get_quote:hover { /* mouseover effect for non-IE */
	background: url('../images/get_quote.png') no-repeat 0 -28px;
}

/*** SIDEBAR PRODUCT HELP CONTACT FORM *************************************************************************************/

div#content .producthelp {
	width: 265px;
}

div#content .producthelp img {
	padding: 0;
	margin: 0;
	border: 0px none;
}

div#content .producthelp fieldset {
	margin: 0;
	background: #efefef url('../images/help_me_choose.png') no-repeat top left;
	font-family: Arial, sans-serif;
	border: 1px solid #cccccc; padding-left:15px; padding-right:0px; padding-top:100px; padding-bottom:0px
}

div#content .producthelp span.required {
	color: #cc0000;
}

div#content .producthelp label {
	color: #707070;
	font-size: 13px;
}

div#content .producthelp label .mini {
	float: left;
	margin: 2px 0 2px 0;
	width: 200px;
}

div#content .producthelp label .checkbox {
	float: left;
	margin: 2px 0 2px 0;
	width: 250px;
}

div#content .producthelp input.textbox {
	color: #707070;
	width: 220px;
	margin: 0 0 5px 0;
	padding: 3px 5px;
	border-top: 1px solid #dddddd;
	border-left: 1px solid #dddddd;
	border-right: 1px solid #dddddd;
	border-bottom: 2px solid #cccccc;
}

div#content .producthelp textarea {
	color: #707070;
	font-family: Arial, sans-serif;
	font-size: 13px;
	width: 220px;
	margin: 0 0 5px 0;
	padding: 3px 5px;
	border-top: 1px solid #dddddd;
	border-left: 1px solid #dddddd;
	border-right: 1px solid #dddddd;
	border-bottom: 2px solid #cccccc;
}

div#content .producthelp textarea:focus, 
div#content .producthelp input.textbox:focus {
	border-top: 1px solid #dddddd;
	border-left: 1px solid #dddddd;
	border-right: 1px solid #dddddd;
	border-bottom: 2px solid #80a4db;
}

div#content .producthelp input.complete_the_form { /* submit button styling */
	background: url('../images/complete_the_form.png') no-repeat 0 0;
	width: 195px;
	height: 28px;
	padding: 0;
	margin-left:20px; margin-right:0; margin-top:10px; margin-bottom:10px
}

div#content .producthelp input.complete_the_form:hover { /* mouseover effect for non-IE */
	background: url('../images/complete_the_form.png') no-repeat 0 -28px;
}

/*** PAYMENT FORM *************************************************************************************/

div.phonecontainer {
	width: 320px;
}

div#content .contact input.phonebox {
	width: 22px;
	margin: 0 0 10px 0;
	padding: 3px 5px;
	border-top: 1px solid #dddddd;
	border-left: 1px solid #dddddd;
	border-right: 1px solid #dddddd;
	border-bottom: 2px solid #cccccc;
}

div#content .contact input.lastphonebox {
	width: 29px;
	margin: 0 0 10px 0;
	padding: 3px 5px;
	border-top: 1px solid #dddddd;
	border-left: 1px solid #dddddd;
	border-right: 1px solid #dddddd;
	border-bottom: 2px solid #cccccc;
}

div#content .contact input.submit { /* submit button styling */
	background: url('../images/submit.png') no-repeat 0 0;
	width: 165px;
	height: 28px;
	padding: 0;
	margin-left:160px; margin-right:0; margin-top:15px; margin-bottom:0
}

div#content .contact input.submit:hover { /* mouseover effect for non-IE */
	background: url('../images/submit.png') no-repeat 0 -28px;