﻿@import "shortform.css";
/* Shop4Contractors.com CSS SEO */
	/* Body Elements */
	body { font: normal 12px Arial, Verdana; color: #111; padding: 0 0; margin: 20px 0;}
	a { font: normal 12px Arial, Verdana; color: #3322bb; text-decoration: underline;}
	a:hover { font: normal 12px Arial, Verdana; color: #ff0000; text-decoration: none;}
	h1 { font-weight: bold; font-size: 20px; color: #586E83; margin: 5px 0 15px 0; padding: 0 0;}
	/* End Body Elements */

	/* S4C Design */
	.s4c_wrap { display: block; clear: both; margin: 0 auto; padding: 0 0; width: 979px;}
		/* Head */
		.s4c_wrap .head { display: block; clear: both; margin: 0 0; padding: 0 0;}
		.s4c_wrap .head .logo { float: left; margin: 0 0; padding: 0 0 5px 0;}
		.s4c_wrap .head .logo img { border-width: 0px;}
			/* Nav */
			ul.nav { display: block; clear: both; margin: 0 0; padding: 0 0; background: url('../images/nav_bg2.gif') no-repeat top; height: 31px;}
			.nav a {font: bold 13px Arial, Verdana, Geneva, Helvetica, sans-serif; color: #FFFAF1; text-decoration : none;}
			.nav a:hover {font: bold 13px Arial, Verdana, Geneva, Helvetica, sans-serif; color: #123456; text-decoration: underline;}
			.nav li { float: left; margin: 0 0; padding: 7px 0; list-style-type: none;}
			.nav li a {padding: 7px 10px;background: url('../images/transp.gif') no-repeat top;}
			.nav li a:hover { padding: 7px 10px; background: url('../images/separate_2.gif') repeat-x top;}
			.nav li.now { background: url('../images/separate_2.gif') repeat-x top;}
			.nav li.now a {color: #123456;}
			.nav li.now a:hover {color: #123456;}
			/* End Nav */
		/* End Head */

		/* Body */
		.body { display: block; clear: both; margin: 0 0; padding: 0 0;}
		.body .btop { display: block; clear: both; margin: 0 0; padding: 0 0; background: url('../images/body_top_bot.gif') no-repeat top; height: 18px;}
		.body .bbot { display: block; clear: both; margin: 0 0; padding: 0 0; background: url('../images/body_top_bot.gif') no-repeat bottom; height: 18px;}
		.bspand { background: url('../images/body_spand.gif') repeat-y top; overflow: auto; min-height: 200px;}
		.bspand6 { background: url('../images/body_spand.gif') repeat-y top; height: 200px;}
		.in { padding: 0 19px 0 0px;}
		.left_left { width: 759px; float: left; margin: 0 0; padding: 0 0;}
		.ll_inner { padding: 0 20px; line-height: 20px;}
		.left_left h1 { padding: 0 0 0 20px;}
		.left_left .in_ { display: block; clear: both; margin: 0 0; padding: 0 0; height: 18px; background: url('../images/body_top_bot.gif') no-repeat center left;}
		.left_left .bot_left { display: block; clear: both; margin: 0 0; padding: 0 20px; line-height: 20px;}
		.left_right { float: right; margin: 0 0; padding: 0 0; width: 190px;}
			/* Left Top */
			.top_left { display: block; clear: both; margin: 0 0; padding: 0 0;}
				/* Front Page Display */
				.front_display { float: right; clear: right; margin: 0 0; padding: 0 15px 0 0; width: 210px;}
				.front_display .t {font: bold 13px Arial, Verdana; color: #2233bb; display: block; clear: both; margin: 0 0 10px 0;}
				.front_display .l {margin: 0 0 5px 0; background: url('../Images/arrow2.gif') no-repeat left; padding: 0 0 0 10px;}
				.front_display .l a { color: #111;}
				.front_display .l a:hover { color: #586E83;}
					/* Front Display Imgs */
					.main_hp { background: url('../images/front_hp.gif') no-repeat top; height: 260px;}
					.main_c { background: url('../images/front_c.gif') no-repeat top; height: 260px;}
					.main_ip { background: url('../images/front_ip.gif') no-repeat top; height: 260px;}
					.main_ep { background: url('../images/front_ep.gif') no-repeat top; height: 260px;}
					.main_hrm { background: url('../images/front_hrm.gif') no-repeat top; height: 237px;}
					.main_dd { background: url('../images/front_dd.gif') no-repeat top; height: 257px;}
					/* End Front Display Imgs */
				/* End Front Page Display */
			/* End Left Top */

			/* Advertise */
			.advertise { width: 450px; border: solid 1px #aaa; margin: 0 auto; display: block; clear: both;}
			.adv_set { display: block; clear: both; padding: 0 0; padding: 0 0;}
			.adv_set .adv_field { float: left; padding: 2px 0 0 10px; margin: 0 0; width: 150px; font: bold 12px Arial, Verdana; color: #586E83;}
			.adv_set .adv_value { float: left; padding: 0 0;} 
			.adv_set .adv_value input, select, textarea { font: normal 12px Arial, Verdana; color: #111;}
			.adv_set .adv_value input {width: 200px;}
			.adv_set .adv_value input.zip_ { width: 35px;}
			.adv_set .adv_value select { width: 206px;}
			.adv_set .adv_value textarea { width: 200px; height: 70px;}
			.adv_set .adv_btn { padding: 0 0 0 160px;}
			.adv_set .adv_spcs { display: block; clear: both; margin: 0 0; padding: 0 0; height: 10px;}
			/* End Advertise */

			/* Guides */
			.guides { display: block; clear: both; margin: 0 0; padding: 0 0;}
			.guides h2 {font: bold 13px Arial, Verdana; color: #3E3F40; background-color: #e4e4e4; padding: 5px 10px; border: dotted 1px #e4e4e4; border-width: 1px 0; margin: 0 0 10px 0;}
			.guides div.g { float: left; width: 340px; margin: 0 0; padding: 0 0 0 10px;}
			.guides .g div { display: block; clear: both; margin: 0 0 10px 0; padding: 0 0 0 10px; background: url('../images/arrow2.gif') no-repeat left;}
			.guides .g div a{ color: #123456; text-decoration: underline;}
			.guides .g div a:hover{ color: #ff0011; text-decoration: none;}
			.guides .g .read { background-color: #e4e4e4;}
			.guides .g .read a{ font-weight: bold;}
			.guides .g .read a:hover{ font-weight: bold;}
			/* End Guides */

			/* Form USRCTRL */
			.form_holder { margin: 0 0; padding: 0 20px;}
				/* Questions */
				.questions { display: block; clear: both; margin: 0 auto; padding: 20px 0; width: 650px;}
				.questions #error p { margin: 0 0; padding: 0 0; font-weight: bold; color: #ff0011;}
				.questions #error ul li { margin: 0 0 5px 0; padding: 0 0; list-style-type: none;}
				.questions h2 { font: bold 20px Arial, Verdana; color: #56585B; background: url('../images/lg_bg_head_foot.gif') no-repeat top; text-decoration: none; padding: 15px 15px 10px 15px; margin: 0 0;}
				.questions .qs_body { display: block; clear: both; margin: 0 0; padding: 0 0; border: solid 1px #707471; border-width: 0 1px; background-color: #f0f4f2;}
				.questions .qs_foot { display: block; clear: both; background: url('../images/lg_bg_head_foot.gif') no-repeat bottom; height: 11px;}
				.req_ { display: block; margin: 0 0; padding: 0 0; text-align: right; padding: 5px 72px 0 0; font-size: 11px;}
				.req_ span { color: #ff0011; font-weight: bold;}
				.qs_fields { margin: 0 0; padding: 0 0;}
				.qs_fields .fieldset { display: block; clear: both; margin: 0 0; padding: 0 0; background-color: Transparent; overflow: auto;}
				.qs_fields .fieldset:hover { display: block; clear: both; margin: 0 0; padding: 0 0; background-color: #d5e3d8; overflow: auto;}
				.qs_fields .fieldset .qs_btn { margin: 0 0; padding: 0 0 0 333px; }
				.qs_field1 { float: left; width: 300px; padding: 2px 20px 0 15px;}
				.qs_field2 { float: left; margin: 0 0; padding: 0 0 0 0;}
				.qs_field2 input, textarea, select { font: normal 12px Arial, Verdana; color: #111;}
				.qs_field2 input.zipcode { width: 35px;}
				.qs_field2 input[type=text] { width: 235px;}
				.qs_field2 textarea { width: 235px; height: 60px;}
				.qs_field2 select { width: 240px;}
				.qs_field3 { display: block; clear: both; margin: 0 0; padding: 0 0; height: 15px;}
				.qs_field4 { display: block; clear: both; margin: 0 0; padding: 3px 10px;}
				.asterDis{ color: #ff0011; padding-left: 3px; display: inline;}
				.asterNone {display: none;}
					/* QS Table */
					.qs_field2 table { width: 290px; margin: 0 auto 0 0;}
					.qs_field2 table tr { vertical-align: top;}
					.qs_field2 table tr td { width: 50%; text-align: left; padding: 0 0;}
					.qs_field2 table.table { width: 150px; margin: 0 auto 0 0; padding: 0 0; font-size: 12px;}
					.qs_field2 .table tr td { text-align: left;}
					/* End QS Table */

					/* Calender */
					.outer_calender {position: absolute; visibility:hidden; background-color: Transparent; z-index: 1000; margin: 0 0 0 150px;}
					.cpBorder{ display: block; clear: both; border: solid 1px #ccc; background-color: #fff; width: 144px;}
					.cal_header { display: block; clear: both; margin: 0 0; padding: 0 0; background-color: #00669e}
					.cal_head_left { float: left; width: 15px;}
					.cal_head_right { float: right; width: 15px;}
					.cal_head_mid { width: 85px; margin: 0 auto; text-align: center;}
					.cal_days { display: block; clear: both; margin: 0 0; padding: 0 0;}
					.cal_days div.d { float: left; width: 20px; text-align: center;}
					.cal_days div.dsep { display: block; clear: both; background-color: #00669e; height: 1px; margin: 0 0 5px 0;}
					.cal_dates { display: block; clear: both; margin: 0 0; padding: 0 0;}
					.cal_dates  div.dt { float: left; width: 20px; text-align: center;}
					.current_date_ {display: block; clear: both; text-align: center; border: solid 1px #111;}
					/* End Calender */

					/* Errors */
					table.error {background-color: #fcc3e0;} 
					input.error {background-color: #fcc3e0;} 
					select.error {background-color: #fcc3e0;} 
					form label.error, label.error {color: red;font-style: italic;}
					form legend, form label {color: #333333;}
					form label.error, label.error {color: red;font-style: italic;}
					form label.error { display: block; margin-left: 1em; width: auto;}
					/* End Errors */
				/* End Questions */
			/* End Form USRCTRL */
		/* End Body */

		/* Footer */
		.footer{text-align: center; font: normal 11px Arial, Verdana, Geneva, Helvetica, sans-serif; border: solid 10px #ccc; border-top-width: 0px;}
		.footer div { border: solid 1px #aaa; padding: 10px 0;}
		.footer a{color: #123456; text-decoration: underline;}
		.footer a:hover{color: #ff0011; text-decoration: none;}
		/* End Footer */
			
		/* Auto Complete */
		.ac_results {padding: 0 0;border: solid 1px #aaa;background-color: white; overflow: hidden; z-index: 99999; height: 100px; width: 155px;}
		.ac_results ul {width: 100%; list-style-position: outside;list-style: none;padding: 0 0;margin: 0 0; height: 100px;}
		.ac_results li {margin: 0 0; padding: 2px 5px; cursor: default; display: block; z-index: 99999; font: normal 11px Verdana, Arial; line-height: 16px;overflow: hidden;}
		.ac_loading {background: white url('http://www.relocation.com/files/indicator.gif') right center no-repeat;}
		.ac_odd {background-color: #fff;}
		.ac_over {background-color: #e4e4e4;color: #123456;}
		/* End Auto Complete */
					
	/* End S4C Design */
/* End Shop4Contractors.com CSS SEO */