#contact-form { overflow:hidden; width:425px; margin-left:-10px; clear:both; }


#contact-form ul{
	margin:0;
	padding:0;
	list-style-type:none;
	width:100%;
}
#contact-form li{
	margin:0;
	padding:4px 5px 2px 9px;
	position:relative;
}
#contact-form li:after{
	content:"."; 
	display:block;
	height:0; 
	clear:both; 
	visibility:hidden;
}

.noclear{clear:none; display:inline;}

* html #contact-form li{height: 1%;}
#contact-form li{display: block;}
* html #contact-form li div{display:inline-block;}

#contact-form li div, #contact-form li span{
	margin:0 4px 0 0;
	padding:0 0 8px 0;
	color:#444;
}
#contact-form li span{
	float:left;
}

#contact-form li div.address{
	padding-bottom:0;
}
#contact-form li div span{
	width:100%;
}
#contact-form li div span.left{
	width:47%;
	margin:0;
}

#contact-form li div span.right{
	width:45%;
	float:right;
	}
.overflow { clear:both;}	
#contact-form .dealer-info	{ margin:8px 0 10px 5px; }

/* ----- INFO ----- */

.info{
	display:inline-block; 
	clear:both;
	margin:0 0 1em 8px;
}
.info[class]{
	display:block;
}
.info h2{
	font-weight:normal;
	font-size:160%;
	margin:0 0 .2em 0;
	clear:left;
}
.info div{
	font-size:95%;
	line-height:135%;
	margin:0 0 1em 0;
}

/* ----- SECTIONS ----- */

#contact-form hr{
	display:none;
}
#contact-form li.section{
	padding-top:.9em;
	padding-bottom:0px;
	padding-left:9px;
	width:97% !important;
}
#contact-form ul li.first{
	border-top:none !important;
	margin-top:0px !important;
	padding-top:0px !important;
}
#contact-form .section h3{
	font-weight:normal;
	font-size:110%;
	line-height:135%;
	margin:0 0 .2em 0;
}
#contact-form .section div{
	display:block;
	font-size:85%;
	margin:0 0 1.2em 0;
	padding:0;
}

/* ----- LIKERT SCALE ----- */

#contact-form li.likert{
	width:97% !important;
}
.likert table{
	margin:0 0 1.6em 0;
	background:#fff;
}
.likert caption{
	text-align:left;
	font-size:110%;
	line-height:135%;
	margin:0 0 .4em 0;
	padding:4px 0 0 0;
}
.likert label{
	font-size:10px;
	display:block;
}
.likert thead td, .likert thead th{
	font-size:85%;
	background-color:#dedede;
	border-right:1px solid #ccc;
	padding:10px 6px;
}


.likert td, .likert th{
	border-right:1px solid #dedede;
	border-bottom:1px solid #eee;
	padding:4px 6px;
}
.likert td{
	width:12%;
	text-align:center;
}
.likert tbody th{
	border-left:1px solid #dedede;
	color:#222;
	font-size:95%;
	font-weight:bold;
}


.likert tbody tr.alt td, .likert tbody tr.alt th{
	background-color:#f8f8f8;
}
.likert tbody tr:hover td, .likert tbody tr:hover th{
	background-color:#FFFFCF;
}
.likert tbody tr td:hover{
	background-color:#D3F3FF;
}



/* ----- FIELDS AND LABELS ----- */

label.desc{
	line-height:150%;
	padding:0 0 1px 0;
	border:none;
	color:#455a1f;
	display:block;
	font-size:95%;
	font-weight:bold;
}
#contact-form li div label, #contact-form li span label{
	margin:0;
	padding-top:6px;
	clear:both;
	font-size:9px;
	line-height:9px;
	color:#455a1f;
	display:block;
}
#contact-form li div label var{
	font-weight:bold;
	font-style:normal;
}
#contact-form li div label .currently{
	display:none;
}

input.text, input.file, textarea.textarea, select.select{
	margin:0;
	font-size:100%;
	color:#333;
}
#contact-form input.text, textarea.textarea, .firefox select.select{
	border:1px solid #f2bd97;
	background:#fff url(/img/input-bgd.jpg) repeat-x top;
}
#contact-form input.text, #contact-form input.file{
	padding:5px;
}

label.choice{
	font-size:100%;
	display:block;
	line-height:1.5em;
	margin:-1.65em 0 0 25px;
	padding:.44em 0 .5em 0;
	color:#222;
	width:88%; 
}
#contact-form input.checkbox, input.radio{
	display:block;
	line-height:1.5em;
	margin:.6em 0 0 3px;
	width:13px;
	height:13px;
}

textarea.textarea{
	font-family:"Lucida Grande", Tahoma, Arial, sans-serif;
}
select.select{
	font-family:"Lucida Grande", Tahoma, Arial, sans-serif;
	margin:1px 0;
	padding:1px 0 0 0;
}
select.select[class]{
	margin-right:0;
	padding:1px 0 1px 0;
}
*:first-child+html select.select[class]{
	margin:1px 0;
}
.safari select.select{
	margin-bottom:1px;
	font-size:120% !important;
}

span.symbol{
	font-size:115%;
	line-height:130%;
}
#contact-form li .datepicker{
	float:left;
	margin:.1em 5px 0 0;
	padding:0;
	width: 16px;
	height: 16px;
	cursor:pointer !important;
}

/* ----- BUTTONS ----- */

input.btTxt{
	padding:7px 7px;
	width:auto;
	overflow:visible;
	color:#ffffff;
}
.buttons{
	clear:both;
	margin-top:10px;
}
.buttons input{
	font-size:90%;
	border:1px solid #639469;
	background-color:#455a1f;
	cursor:pointer;
}

.buttons input:hover{
	border:1px solid #455a1f;
	background-color:#639469;
	cursor:pointer;
}

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

.rtl .info h2, .rtl .info div, .rtl label.desc, .rtl label.choice, 
.rtl div label, .rtl span label, .rtl input.text, 
.rtl textarea.textarea, .rtl select.select, .rtl p.instruct, 
.rtl .section h3, .rtl .section div, .rtl input.btTxt{
	direction:rtl;
}

/* ----- SIZES ----- */

.third{
	width:32% !important;
}
.half{
	width:48% !important;
}
.full{
	width:100% !important;
}

input.small, select.small{
	width:25%;
}
input.medium, select.medium{
	width:100%;
}
input.large, select.large, textarea.textarea{
	width:100%;
}

textarea.small{
	height:5.5em;
}
textarea.medium{
	height:10em;
}
textarea.large{
	height:20em;
}

/* ----- ERRORS ----- */

#errorLi{
	width:99%;
	margin:0 auto;
	background:#fff;
	border:1px dotted red;
	margin-bottom:1em;
	text-align:center;
	padding-top:4px;
	padding-left:0px;
	padding-right:0px;
}
#errorMsgLbl{
	margin:7px 0 5px 0;
	padding:0;
	font-size:125%;
	color:#DF0000;
}
#errorMsg{
	margin:0 0 .8em 0;
	color:#000;
	font-size:100%;
}
#errorMsg strong{
	background-color: #FFDFDF;
	padding:2px 3px;
	color:red;
}
#contact-form label.error {
	display:block !important;
	background-color:#CC0000 !important;
	padding:10px 5px;
	color:white;
	margin:5px 0;
	font-size:11px;
}

/* ----- REQUIRED ----- */

#contact-form .req{
	float:none;
	color:red !important;
	font-weight:bold;
	margin:0;
}

/* ----- INSTRUCTIONS ----- */

#contact-form li.focused{
	background-color:#fff7c0;
}
#contact-form .instruct{
	position:absolute;
	top:0;
	left:100%;
	z-index:1000;
	width:42%;
	margin:0 0 0 8px;
	padding:8px 10px 9px 10px;
	border:1px solid #e6e6e6;
	background:#f5f5f5;
	line-height:130%;
	font-size:80%;
	color:#444;
	visibility:hidden;
}
#contact-form .instruct small{
	font-size:105%;
}
#contact-form li.focused .instruct, #contact-form li:hover .instruct{
	visibility:visible;
}

/* ----- ALT INSTRUCTIONS ----- */

li.altInstruct .instruct, li.leftHalf .instruct, li.rightHalf .instruct{
	visibility:visible;
	position:static;
	margin:-2px 0 0 0;
	padding:0 0 7px 0;
	background:none;
	border:none;
	width:100%;
	font-size:9px;
	clear:left;
}

/* ----- LABEL LAYOUT ----- */

.leftLabel li, .rightLabel li{
	width:74% !important;
	padding-top:9px;
}


.leftLabel label.desc, .rightLabel label.desc{
	float:left;
	width:29%;
	margin:2px 15px 0 0;
}
.rightLabel label.desc{
	text-align:right;
}
.leftLabel .address, .rightLabel .address,
.leftLabel .column, .rightLabel .column{
	float:left;
}



.leftLabel .small, .rightLabel .small{
	width:17%;
}
.leftLabel .medium, .rightLabel .medium{
	width:35%;
}
.leftLabel .large, .leftLabel textarea.textarea,
.rightLabel .large, .rightLabel textarea.textarea,
.leftLabel .address, .rightLabel .address,
.leftLabel .column, .rightLabel .column{
	width:64%;
}



* html .leftLabel .small, * html .rightLabel .small{
	width:23%;
}
* html .leftLabel .medium, * html .rightLabel .medium{
	width:55%;
}
* html .leftLabel .large, * html .leftLabel textarea.textarea,
* html .rightLabel .large, * html .rightLabel textarea.textarea{
	width:97%;
}



.leftLabel p.instruct, .rightLabel p.instruct{
	width:27%;
	margin-left:5px;
}
.leftLabel .altInstruct .instruct, .rightLabel .altInstruct .instruct{
	margin-left:29% !important;
	padding-left:15px;
	width:65%;
}



.leftLabel .buttons, .rightLabel .buttons{
	margin-left:15px;
}
.leftLabel .buttons input, .rightLabel .buttons input{
	margin-left:29%;
}
* html .leftLabel .buttons input, * html .rightLabel .buttons input{
	margin-left:22%;
}
* html .leftLabel .buttons, * html .rightLabel .buttons{
	margin-left:4px;
}
*+html .leftLabel .buttons, *+html .rightLabel .buttons{
	margin-left:7px;
}

/* ----- NO INSTRUCTIONS ----- */

.noI .instruct{
	display:none !important;
}
.noI #contact-form li, .noI #contact-form li.buttons{
	width:97% !important;
}
.noI #contact-form li.section{
	padding-left:9px !important;
}

/* ----- NO INSTRUCTIONS LABEL LAYOUT ----- */

.noI .leftLabel label.desc, .noI .rightLabel label.desc{
	width:34%;
}
.noI .leftLabel .large, .noI .leftLabel textarea.textarea,
.noI .rightLabel .large, .noI .rightLabel textarea.textarea,
.noI .leftLabel .address, .noI .rightLabel .address,
.noI .leftLabel .column, .noI .rightLabel .column{
	width:60%;
}

.noI .leftLabel .buttons input, .noI .rightLabel .buttons input{
	margin-left:34%;
}

/* ----- FIELD FLOATING ----- */

#contact-form li.leftHalf, #contact-form li.rightHalf{
	width:46% !important;
}
li.leftHalf{
	clear:left;
	float:left;
}
li.rightHalf{
	clear:none;
	float:right;
}
li.leftHalf .medium, li.rightHalf .medium,
li.leftHalf .small, li.rightHalf .small{
	width:100%;
}

.thank-you	{ margin:35px auto; width:400px; padding:10px; background-color:#455a1f; }

.thank-you h3	{ color:#ffffff; font-size:16px; line-height:28px; }