@charset "UTF-8";
/* CSS Document */

html {}
body {font: 12px "Lucida Grande", Arial, sans-serif; color: #1a1818; background-color: #1a1818; margin: 0px; padding: 0px;}
.clear {clear: both; height: 1%;}
#container { position: relative; width: 910px; margin-right: auto; margin-left: auto; }

/* ------------ HEADER -------------*/

	#header {
		position: relative;
		height: 122px;
		width: 900px;
		background-color: #67B462;
		margin: 0px 0px 9px 0px;
	}
	
	#schedule, #contactus { position: absolute; right: 20px; top: 10px; }
	#schedule a, #contactus a { color: #F8F5D6; text-decoration: none; font-size: 13px; }
	#schedule a:hover, #contactus a:hover { text-decoration: underline; }
	#logo img {border: none;}
	#tagline {position: absolute; right: 20px; top: 80px;}
	


/* ------------ LEFT BAR -------------*/
#leftbar {
	position: relative;
	float: left;
	width: 260px;
	background-color: #FAF6DD;
}
	#pricing {border: 10px solid #ffffff}
	#title, .title {padding: 0px; margin: 0px; width: 260px; height: 38px; background-color: #67B462; }
	#title h1, .title h1 {position: relative; top: 10px; left: 24px; font: bold 12px "Lucida Grande", Arial, sans-serif; color: #FFFFFF; padding: 0px; margin: 0px; width: 200px;}

	#links {position: relative;}
	#links ul li{position: relative;}
	
	
	#leftbar ul { padding: 0px; margin: 14px 20px 22px 22px; list-style: none;}
	#leftbar ul li {padding: 4px 0px; font: normal 12px "Lucida Grande", Arial, sans-serif; width: 190px;}
	#leftbar ul li a { position: relative; left: 24px; margin: 0px; text-decoration: underline; color:  #67B462; }
	#leftbar ul li .text {position: relative; left: 24px; margin: 3px 0px 10px 0px;}
	#leftbar ul li a:hover{color: #488341;}
	
	#leftbar #links ul li {background: url(images/important-downloads-arrow.gif) 0px 4px no-repeat ;} 
	#leftbar #additional-information ul li {background: url(images/additional-info-squares.gif) 0px 4px no-repeat ;} 
	
	#testimonials {color: #1a1818; padding: 20px 23px;}
	#contactButton {padding: 14px 20px 22px 22px;}


/* ------------ RIGHT BAR -------------*/

#rightbar {position: relative; float: left; width: 630px; background-color: #ffffff; margin: 0px 0px 0px 10px;}

#top-instructions {height: 40px; padding: 30px 0px 0px 35px;}
#thanks {padding: 30px 0px 0px 35px;}
#right-spacer {clear: left; position: relative; height: 576px  }
#left-spacer {position: relative; height: 1302px;}

/* ------------ OBJECT -------------- */

#schedule-control {
	padding: 0 0 35px 35px;
	width: 560px;
}

#schedule-control object, #schedule-control iframe {
	width: 560px;
	height: 650px;
	border: none;
	/*overflow: visible;*/
	outline: none;
}

#schedule-control object body, #schedule-control iframe body {border: none; outline: none;}

/* ------------ TEXT -------------*/

#rightbar #text {
	padding: 50px 50px 10px 0px;
	}

#rightbar h1 {
	background: url(images/fieldset-left-arrow.gif) 0px 4px no-repeat;
	padding: 0px  0px 0px 38px;
	margin: 0px;	
	font: normal 24px "Lucida Grande", Arial, sans-serif;
	color: #67B462; 
	}
#rightbar p {
	padding: 0px 0px 0px 0px;
	}
#rightbar a {
	color: #ed7b22; padding: 1px;
	}	
#rightbar a:hover {
	background-color: #ed7b22;
	color: #ffffff;
	}	
/* ------------ FORM -------------*/

	form {
	margin: 10px 0px;
	color: #433f3f;
	padding: 0;
}

	fieldset {
	width: 550px;
	border-color:#000000 -moz-use-text-color -moz-use-text-color;
	border-style: none none none;
	border-width:1px 0pt 0pt;
	margin:0pt 0pt 25px 0px; 
	padding:0px; _padding: 20px 0px 0px 0px;
	}
	
	fieldset legend {
	background: url(images/fieldset-left-arrow.gif) 0px 4px no-repeat;
	padding: 0px  0px 0px 38px;
	margin: 0px;	
	font-size: 24px;
	color: #67B462; 
	}

	
	
	fieldset #ititle, fieldset .ititle, fieldset input, fieldset textarea {	margin-top: 4px;}
	fieldset #ititle, fieldset .ititle, fieldset input, fieldset p, fieldset #line, fieldset .line, #importanttitle, #importantnotices, fieldset textarea {	position: relative; left: 35px;}

	
	fieldset #ititle, fieldset .ititle {
	position: relative;
	clear: left;
	width: 250px;
	font-size:12px;
	font-weight:normal;
	padding:7px;
	}
	
	fieldset p {margin: 10px; font-size: 12px; left: 30px;}
	fieldset .importantdetails {}
	
	fieldset input, fieldset textarea {
	left: 42px;
	font-size:14px;
	font-weight:bold;
	padding:3px;
	width:250px;
	}
	
	fieldset textarea {
		width: 544px;
		height: 100px;
		font-family: "Lucida Grande",Arial,sans-serif;
	}
	
	#val {
	left: 0;
	position: relative;
	margin: 0;
	width: 25px;
	}
fieldset  select {
	font-size: 14px !important;
	font-weight: bold !important;
	margin-left: 42px;
	margin-bottom: 0;
	padding-bottom: 0;
}

fieldset option {
	font-size: 14px;
	font-weight: bold;
}

#comment {
	margin-left: 42px;
	font-size: 11px;
	color: #999999;
	padding-top: 8px;
	float: left;
	clear: left;
	width: 100%;
}

#comment a {
	color: #999999;
}
	
	fieldset #input-left, fieldset .input-left {width: 200px; float:left;}
	fieldset #input-right, fieldset .input-right {width: 200px; float: left; position: relative; left: 80px; _left: 10px;}
	fieldset input#appt {width: 80px;}
	#zip {width: 80px;}
	
	.star {color: #ed7b22;}
	
	fieldset #checkboxesall, fieldset .checkboxesall {position: relative; clear:both; height: 30px; margin: 20px 0px; left: 17px;}
	fieldset #checkboxes1 {position: relative; clear: both; height: 40px;left: 100px; width: 150px; padding: 5px; }
	fieldset #checkboxes2 {position: relative;  clear: both;height: 40px; left: 200px; width: 115px; padding: 5px;}
	fieldset #checkboxes3 {position: relative;  clear: both;height: 40px; left: 400px; width: 115px; padding: 5px;}

	fieldset #ichecktitle, fieldset .ichecktitle {position:relative; float: left; _float: none; width: 90px; height: 10px; top: 0px; _top: -17px; margin-right: 7px; _margin-right: 0px; font-size: 14px; left: 20px;}
	fieldset #ichecktitleaddress{position:relative; float: left; _float: none; width: 290px; height: 10px; top: 1px; _top: -17px; margin-right: 7px; _margin-right: 0px; font-size: 14px; left: 20px;}
	fieldset #sameAddress {position: relative; width: auto; left: 20px; _left: 205px; top: -2px; _top: 2px;}
	fieldset input[type="checkbox"] {position: relative; width: auto; float: left; _float: none; left: 20px; _left: 0px;  }


	fieldset.final {	background-color:#E8FCEA;	border:5px solid green;	}
	
	fieldset .highlighted {background-color: #FFFF00;}
	#importantcheckbox {margin: 20px 0px; position: relative;  padding: 0px 0px 20px 0px;}
	#importantnotices input[name="confirmnotice"] {float: left; clear: left; position: relative; _position: absolute; left: 20px; _left: 40px;}
	#importanttitle {position:relative; width: 200px; margin:  6px 7px 0px 0px; float: left; font-size: 12px; font-weight: bold; }

	#importantnotices { position: relative;background-color: #FAF6DD;  clear: left; width: 480px; padding: 0px 50px 10px 0px;}
	#importantnotices p {left: 12px;}
	#importantnotices #line, #importantnotices .line {left: 20px;}
	#importantnotices h1 {color: #ed7b22; font-size: 16px; font-weight: bold; padding: 17px 21px 5px 21px;}

	input[type="submit"] {width:auto; left: 35px; cursor: pointer; margin-bottom: 15px;}

	#line, .line {position: relative; width: 535px; height: 4px; margin:20px 0px; clear: left; border-top: 1px dotted #8c8b8b;}
	#notice-line, .notice-line  {position: relative; width: 480px; height: 4px; margin:20px 0px; left: 20px; clear: left; border-top: 1px dotted #8c8b8b;}
	#importantnotices #notice-line, #importantnotices .notice-line {visibility:visible; _visibility:hidden;}



/* ------------ FOOTER -------------*/
#spacer {clear: both;}
#footer { position: relative; clear: both; height: 48px; width: 900px;  background-color: #67B462; margin: 10px 0px 0px 0px; }

#copywright { position: absolute; left: 17px; top: 17px; width: 500px; color: #ffffff;}
#credits {position: absolute; top: 17px; right: 20px; width: 215px; height: 15px; text-align: right;}
#credits a {color: #f8f5d6;border-bottom: 1px solid #D2D1B6; text-decoration: none;}
#credits a:hover {	border-bottom: 1px solid #f8f5d6; }

/* 4 testing */
/* #container, #header, #leftbar , #rightbar, #footer {border: 1px solid #999999;}*/