/* Form Buttons Sprites */
.sprite_cta_buttons {
	background-image: url(http://www.kiaofunioncity.com/css/forms/images/sprite_cta_buttons.png);
}

/* Form Fields & Form Styling ONLY */

/*
Moved all the styles to the inventorydetails/styles.css so we don't need this anymore.
Was causing weird conflicts being in 2 files.

*/
@charset "UTF-8";
/*
    BROWSER RESET
*/
html, body, div, span, applet, object, iframe, 
h1, h2, h3, h4, h5, h6, p, blockquote, pre, 
a, abbr, acronym, address, big, cite, code, 
del, dfn, em, font, img, ins, kbd, q, s, samp, 
small, strike, strong, sub, sup, tt, var, 
dl, dt, dd, ol, ul, li, 
fieldset, form, label, legend, 
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	vertical-align: baseline;
	text-decoration:none;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
ol, ul {
	list-style: none;
}
blockquote:before, blockquote:after, 
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
.clear { clear:both;}

.clear:after {
	content: ".";
	visibility: hidden;
	display: block;
	clear: both;
	height: 0;
	font-size: 0;
}

h1, h2, h3, h4, h5, h6{
    font-weight:bold;
    color:#000;
}

.simpleApplicationForm,
.serviceForm,
.contactUsForm,
.tradeInForm,
.quickQuoteForm,
.employmentForm,
.scheduleTestDriveForm {
	padding-top: 20px;
	min-height:780px;
}
    .simpleApplicationForm .header,
	.serviceForm .header,
	.contactUsForm .header,
	.tradeInForm .header,
	.employmentForm .header,
	.quickQuoteForm .header,
	.scheduleTestDriveForm .header {
		border-bottom: 1px solid #333333;
		color: #222222;
		font-size: 16px;
		font-weight: bold;
		clear:both;
		margin: 10px 0 0 0;
		width: 100%;
	}
	
		ul.formLeftCol, 
		ul.formRightCol {
			float: left;
			margin: 20px 10px 20px 0;
			width: 297px;
		}
			ul.formLeftCol{clear:left;}
			ul.formRightCol {margin: 20px 0 20px 0 !important;}
			
			.simpleApplicationForm ul li,
			.serviceForm ul li,
			.contactUsForm ul li,
			.tradeInForm ul li,
			.quickQuoteForm ul li,
			.employmentForm ul li,
			.scheduleTestDriveForm ul li {
				float: left;
				margin-bottom: 5px;
				width: 297px;
			}
			    .simpleApplicationForm ul li label,
			    .simpleApplicationForm ul li input,
			    .simpleApplicationForm ul li select,
			    .simpleApplicationForm ul li span,
			    .simpleApplicationForm ul li textarea,
				.serviceForm ul li label,
				.serviceForm ul li input,
				.serviceForm ul li select,
				.serviceForm ul li span,
				.serviceForm ul li textarea,
				.contactUsForm ul li label,
				.contactUsForm ul li input,
				.contactUsForm ul li span,
				.contactUsForm ul li select,
				.contactUsForm ul li textarea,
				.tradeInForm ul li label,
				.tradeInForm ul li input,
				.tradeInForm ul li select,
				.tradeInForm ul li textarea,
				.tradeInForm ul li span,
				.employmentForm ul li label,
				.employmentForm ul li input,
				.employmentForm ul li select,
				.employmentForm ul li textarea,
				.employmentForm ul li span,
				.quickQuoteForm ul li label,
				.quickQuoteForm ul li input,
				.quickQuoteForm ul li span,
				.quickQuoteForm ul li select,
				.quickQuoteForm ul li textarea,
				.scheduleTestDriveForm ul li label,
				.scheduleTestDriveForm ul li input,
				.scheduleTestDriveForm ul li span,
				.scheduleTestDriveForm ul li select,
				.scheduleTestDriveForm ul li textarea {
					float: left;
				}
				.simpleApplicationForm ul li label,
				.simpleApplicationForm ul li span,
				.serviceForm ul li label,
				.serviceForm ul li span,
				.contactUsForm ul li label,
				.contactUsForm ul li span,
				.tradeInForm ul li label,
				.tradeInForm ul li span,
				.employmentForm ul li label,
				.quickQuoteForm ul li label,
				.quickQuoteForm ul li span,
				.scheduleTestDriveForm ul li label,
				.scheduleTestDriveForm ul li span {
					font-size: 13px;
					padding: 3px 10px 0 0;
					width: 111px;
				}
				.scheduletestdrive label span.requiredfield,
                .tradeInForm label span.requiredfield {
					float: left;
					padding: 0 3px 0 0;
					width: auto;
				}
				span.requiredfield { color: red;}
				.simpleApplicationForm ul li input,
				.simpleApplicationForm ul li textarea,
				.serviceForm ul li input,
				.serviceForm ul li textarea,
				.employmentForm ul li input,
				.employmentForm ul li textarea,
				.contactUsForm ul li input,
				.contactUsForm ul li textarea,
				.tradeInForm ul li input,
				.tradeInForm ul li textarea,
				.scheduleTestDriveForm ul li input,
				.scheduleTestDriveForm ul li textarea,
				html body .RadInput_Default .riTextBox, 
				html body .RadInputMgr_Default {
					background-color: #ffffff;
					border: 1px solid #555555;
					font-size: 12px;
					padding: 2px 5px 0 5px;
					height: 23px;
					vertical-align: middle;
					width: 164px;
				}
					html body .RadInput_Default .riTextBox,
                    .scheduleTestDriveForm input[type="text"],
					html body .RadInputMgr_Default {
						border: 1px solid #555555 !important;
						padding: 2px 5px 0 5px !important;
						width: 134px !important;
					}
					    .simpleApplicationForm  ul li textarea,
						.serviceForm ul li textarea,
						.contactUsForm ul li textarea,
						.tradeInForm ul li textarea,
						.quickQuoteForm ul li textarea,
						.scheduleTestDriveForm ul li textarea {height: 75px;}
						
					input#desiredDateField,
					input#desiredTimeField,
					input#backupDateField,
					input#backupTimeField {
						margin-right: 12px;
						width: 130px;
					}
				.simpleApplicationForm ul li select,
				.serviceForm ul li select,
				.contactUsForm ul li select,
				.employmentForm ul li select,
				.tradeInForm ul li select,
				.quickQuoteForm ul li select,
				.scheduleTestDriveForm ul li select {
					border: 1px solid #174d85;
					height: 27px;
					margin: 5px 0 5px 0;
					padding: 5px 2px 2px 5px;
					width: 146px;
				}
				textarea#commentsField {
					border: 1px solid #555555;
					font: 12px Arial, Helvetica, sans-serif;
					height: 75px;
					padding: 5px 5px 5px 5px;
					width: 164px;
				}
				.bottomForm {position: relative;}
					.bottomForm span {
						display: block;
						float: left;
						margin-bottom: 20px;
						width: 100%;
					}
						.bottomForm span input {border: 0 none; margin-right: 10px;}
				
					input.submitBtn {
						background-color: transparent;
						background-repeat: no-repeat;
						background-position: -548px 0px;
						border: 0 none;
						clear: both;
						cursor: pointer;
						display: block;
						float: left;
						height: 39px;
						width: 106px;
					}
					.submitBtn:hover {background-position: -548px -38px;}
					.dateIcon,
					.timeIcon {
						border: 0 none;
						display: block;
						float: left;
						height: 16px;
						width: 16px;
					}
					.employmentForm span.requiredfield
					{
					    display:none;
					}
						
/* Mark Dell added 7/1/2010 for required fields in forms */
.req
{
    color:#F00;
    width:auto !important;
    line-height:100% !important;
    padding-right:2px !important;
}
						
/* Quick Quote Form Fields & Form Styling ONLY */

.RadComboBox_Default table {width: auto;}
td.rcbInputCell, td.rcbInputCellLeft {width: 129px !important;}

div#ctl00_ctl00_ContentSection_ContentSection_QuickQuote1__VehicleModel {width: 150px !important;}

div#ctl00_ctl00_ContentSection_ContentSection_QuickQuote1__VehiclePriceMin td.rcbInputCellLeft,
div#ctl00_ctl00_ContentSection_ContentSection_QuickQuote1__VehiclePriceMax td.rcbInputCellLeft,
div#ctl00_ctl00_ContentSection_ContentSection_QuickQuote1__VehicleYearMin td.rcbInputCellLeft,
div#ctl00_ctl00_ContentSection_ContentSection_QuickQuote1__VehicleYearMax td.rcbInputCellLeft,
div#ctl00_ctl00_ContentSection_ContentSection_QuickQuote1__VehicleMileageMin td.rcbInputCellLeft,
div#ctl00_ctl00_ContentSection_ContentSection_QuickQuote1__VehicleMileageMax td.rcbInputCellLeft {width: 50px !important;}

ul.formLeftCol li div#ctl00_ctl00_ContentSection_ContentSection_QuickQuote1__PreferredContactMethod,
ul.formLeftCol li div#ctl00_ctl00_ContentSection_ContentSection_QuickQuote1__BestTime {width: 146px !important;}

ul.formRightCol li div#ctl00_ctl00_ContentSection_ContentSection_QuickQuote1__VehiclePriceMin,
ul.formRightCol li div#ctl00_ctl00_ContentSection_ContentSection_QuickQuote1__VehiclePriceMax {width: 70px !important;}
ul.formRightCol li input#ctl00_ctl00_ContentSection_ContentSection_QuickQuote1__VehicleColor_text {width: 152px !important;}
ul.formRightCol li textarea#ctl00_ctl00_ContentSection_ContentSection_QuickQuote1__Comment_text {width: 271px !important;}
div#ctl00_ctl00_ContentSection_ContentSection_QuickQuote1__VehicleYearMin .RadComboBox {width: 70px !important;}
				
				
.scheduletestdrive input[type="radio"],
.quickQuoteForm input[type="radio"] {
	width: auto;
	height: auto;
	padding: 0;
	margin-right: 5px;
	border: none;
	float: none;
	display: inline;
}
.scheduletestdrive .formLeftCol input[type='radio'] + label, .quickQuoteForm .formLeftCol input[type='radio'] + label {
	float: none;
	margin-right: 10px;
}
.scheduleTestDriveForm .formRightCol li[id*=YearRow] input.ComboBoxInput_Default  
{
	width:122px !important; 
}