@charset "utf-8";


/* QUICK QUOTE FORM
================================================================= */

/* quote form layout
--------------------------------------- */

#quick_quoteform {
	background: url(../../images/content_graphics/form_head.png) no-repeat top;
	margin: 30px 0 10px 0;
	padding-top: 8px;
}
#quick_quoteform .foot {
	background: url(../../images/content_graphics/form_foot.png) no-repeat bottom;
	padding-bottom: 8px;
}
#quick_quoteform .body {
	background: url(../../images/content_graphics/form_body.jpg) repeat-y top;
	display: block;
	height: 505px;
	position: relative;
	width: 719px;
}
#quick_quoteform form {
	margin: 0;
	padding: 0;
}

#quick_quoteform_fineprint {
	display: block;
	font: 8pt Tahoma, Geneva, sans-serif;
	line-height: 135%;
	padding: 0 20px 30px 20px;
}

/* quote form text
--------------------------------------- */

#formtitle {
	color: #ffffff;
	display: block;
	font: normal 17pt "Franklin Gothic Demi Cond", Arial, Helvetica, sans-serif;
	left: 20px;
	line-height: 25px;
	position: absolute;
	text-shadow: #333333 -1px -1px 0px;
	top: 12px;
}
#formtitle_req {
	color: #8d0000;
	display: block;
	font: bold 8pt Tahoma, Geneva, sans-serif;
	line-height: 140%;
	overflow: hidden;
	position: absolute;
	right: 25px;
	text-align: right;
	text-shadow: #999999 1px 1px 0px;
	top: 15px;
	width: 275px;
}

#quick_quoteform .body .textbox {
	color: #000000;
	display: block;
	font: bold 9pt Tahoma, Geneva, sans-serif;
	line-height: 135%;
	position: absolute;
	text-align: left;
	text-shadow: #999999 1px 1px 0px;
	width: 320px;
}
#quick_quoteform #textbox1 {left: 20px; top: 50px;}
#quick_quoteform #textbox2 {left: 20px; top: 310px;}
#quick_quoteform #textbox3 {left: 20px; top: 430px;}
#quick_quoteform #textbox4 {left: 375px; top: 50px;}

/* quote form labels
--------------------------------------- */

#quick_quoteform .body label {
	color: #ffffff;
	display: block;
	font: bold 10pt Tahoma, Geneva, sans-serif;
	height: 23px;
	line-height: 25px;
	position: absolute;
	text-align: left;
	text-shadow: #333333 -1px -1px 0px;
}
#quick_quoteform #label_name {left: 20px; top: 80px;}
#quick_quoteform #label_phone {left: 20px; top: 115px;}
#quick_quoteform #label_phone2 {left: 20px; top: 150px;}
#quick_quoteform #label_address {left: 20px; top: 185px;}
#quick_quoteform #label_city {left: 20px; top: 220px;}
#quick_quoteform #label_email {left: 20px; top: 255px;}

#quick_quoteform #label_services_marketing {left: 40px; top: 340px;}
#quick_quoteform #label_services_website {left: 40px; top: 375px;}
#quick_quoteform #label_services_design {left: 200px; top: 340px;}
#quick_quoteform #label_services_other {left: 200px; top: 375px;}


/* quote form fields
--------------------------------------- */

#quick_quoteform .body input[type="text"],
#quick_quoteform .body select,
#quick_quoteform .body textarea {
	background: #eeeeee;
	border: solid 1px #a5d6ed;
	color: #666666;
	display: block;
	font: 9pt Tahoma, Geneva, sans-serif;
	position: absolute;
	z-index: 20;
}
#quick_quoteform .body input[type="text"] {
	height: 23px;
	line-height: 23px;
	padding: 0 3px;
}
#quick_quoteform .body select {
	height: 24px;
	line-height: 20px;
	padding: 3px;
}
#quick_quoteform .body textarea {
	padding: 3px;
}

#quick_quoteform .body input[type="text"]:focus,
#quick_quoteform .body select:focus,
#quick_quoteform .body textarea:focus {
	background: #ffffff;
	border: solid 1px #64a6d4;
	color: #125191;
}

#quick_quoteform .body input[type="checkbox"] {
	display: block;
	margin: 0;
	padding: 0;
	position: absolute;
	z-index: 20;
}

#quick_quoteform #field_name {left: 105px; top: 80px; width: 210px;}
#quick_quoteform #field_phone {left: 105px; top: 115px; width: 210px;}
#quick_quoteform #field_phone2 {left: 105px; top: 150px; width: 210px;}
#quick_quoteform #field_address {left: 105px; top: 185px; width: 210px;}
#quick_quoteform #field_city {left: 105px; top: 220px; width: 210px;}
#quick_quoteform #field_email {left: 105px; top: 255px; width: 210px;}

#quick_quoteform #field_services_marketing {left: 20px; top: 345px;}
#quick_quoteform #field_services_website {left: 20px; top: 380px;}
#quick_quoteform #field_services_design {left: 180px; top: 345px;}
#quick_quoteform #field_services_other {left: 180px; top: 380px;}

#quick_quoteform #field_howhear {left: 20px; top: 460px; width: 300px;}
#quick_quoteform #field_notes {height: 200px; left: 375px; top: 80px; width: 310px;}


/* quote form required
--------------------------------------- */

#quick_quoteform .body .req {
	background: url(../../images/splash_contact_req.png) no-repeat;
	display: block;
	height: 12px;
	position: absolute;
	width: 11px;
}

#quick_quoteform #req1 {left: 327px; top: 80px;}
#quick_quoteform #req2 {left: 327px; top: 115px;}
#quick_quoteform #req3 {left: 327px; top: 185px;}
#quick_quoteform #req4 {left: 327px; top: 220px;}
#quick_quoteform #req5 {left: 327px; top: 255px;}
#quick_quoteform #req6 {left: 327px; top: 460px;}


/* quote form submit panel
--------------------------------------- */

#quick_quoteform .body #submit_bg {
	background: url(../../images/content_graphics/form_submitbg.png) no-repeat;
	display: block;
	height: 167px;
	left: 375px;
	position: absolute;
	top: 325px;
	width: 318px;
	z-index: 10;
}

#quick_quoteform .body #submit_text {
	color: #d0d0d0;
	display: block;
	font: 9pt Tahoma, Geneva, sans-serif;
	left: 380px;
	line-height: 135%;
	position: absolute;
	text-align: center;
	text-shadow: #000000 -1px -1px 0px;
	top: 338px;
	width: 310px;
	z-index: 20;
}
#quick_quoteform .body #submit_text span {
	display: block;
	font: bold 10pt Tahoma, Geneva, sans-serif;
}

#quick_quoteform .body #submit_captcha {
	border: none;
	left: 402px;
	position: absolute;
	top: 379px;
	z-index: 20;
}

#quick_quoteform .body #field_verify {left: 558px; top: 380px; width: 100px;}

#quick_quoteform .body input[type="text"]#field_verify {
	background: #727272;
	border: solid 1px #cdcdcd;
	color: #cccccc;
	font: 9pt Tahoma, Geneva, sans-serif;
}
#quick_quoteform .body input[type="text"]#field_verify:focus {
	background: #555555;
	border: solid 1px #eeeeee;
	color: #ffffff;
	font: 9pt Tahoma, Geneva, sans-serif;
}

/* quote form submit button
--------------------------------------- */

#quick_quoteform .body input[type="submit"] {
	background: url(../../images/splash_contact_submit.png) no-repeat top;
	border: none;
	color: #003368;
	cursor: pointer;
	font: 18pt "Franklin Gothic Demi Cond", Arial, Helvetica, sans-serif;
	height: 59px;
	left: 440px;
	line-height: 59px;
	position: absolute;
	text-align: center;
	text-shadow: #f2e7be 1px 1px 0px;
	text-transform: uppercase;
	top: 420px;
	width: 192px;
	z-index: 20;
}
#quick_quoteform .body input[type="submit"]:hover {
	background-position: bottom;
	color: #000000;
	line-height: 61px;
	text-shadow: #ffffff 1px 1px 0px;
}