/*  [START] Form structure styles  */
textarea {
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
}
.hidden {
	display: block;
	height: 0;
	overflow: hidden;
	width: 0;
}
ul {
	color: #fff;
	display: block;
	font-weight: bold;
	list-style: none;
	margin: 0;
	padding:0;
	text-align: left;
}
li {
	padding: 0;
}
/*  [END] Form structure styles  */
/*  [START] Form component styles  */
.checkbox, .selection {
/*float: left;
	position: relative;*/
}
input .largeCheck {
	border: 0;
}
/*  [END] Form component styles  */
/* [START] Form Required Fields and Error-Success-Warning indicator styling */
.formIndicator {
	text-align: left;
	padding-left: 10px;
}
.formIndicatorContainer {  /* serves as container for the required field asterisk and the error indicator - necessary for consistent spacing in the event of both or one indicator being present */
	display: inline-block;
	height: 14px;
	padding-left: 3px;
	/*width: 11px;*/
}
span.errorIndicator { /* must live inside .formIndicatorContainer */
	background: url("../images/formComponents/form_error_indicator.png") no-repeat scroll -6px -3px transparent;
	color: #FD1201;
	float: right;
	height: 18px;
	width: 10px;
	position:relative;
}
span.reqField {  /* must live inside .formIndicatorContainer */
	color: #fff;
	height: 18px;
	width: 10px;
	padding-top: 3px;
	float: left;
}
/* [END] Form Required Fields and Error-Success-Warning indicator styling */
/*  form - from checkboxes */
.formContainer {
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	border-radius: 5px;
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0.9);
	border: 1px solid #666;
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	/*font-size: 0.75em;
	height: 776px;*/
    margin: 10px auto;
	width: 615px;
}
.formContainer fieldset {
	border: medium none;
	clear: both;
	float: none;
	padding: 1.5em 0 0;
}
.formContainer fieldset.radioGrouping { /*  adjust spacing for groups of radio-button choices */
	padding: 0.5em 0 0;
	width: 510px;
}
.radioText {
	font-size: 11px;
}
.formContainer:after {
	content: ".";
	display: block;
	height: 0px;
	clear: both;
	visibility: hidden;
}
.formContainer h3 {
	float: left;
	font-size: 1.5em;
	/*margin: 10px 0 0;*/
    text-transform: uppercase;
}
.formContainer a:focus {
	outline:none;
}
.formContent {
	float: left;
	margin: 0 0 0 10px;
	padding: 0 35px 25px;
	width: 530px;
}
.inlineFormText {
/*float: left;*/
}
.legend {
	float:left;
	clear:both;
	margin: 5px 0 0;
}
.formInstructions {  /*  instructions at the top of a form  */
	margin-bottom: 35px;
}
.formSelectCategories { /*  category headers for forms with a series of radio-button choices  */
	margin-bottom: 15px;
}
form {
	font-weight:900;
}
form textarea {
	width:100%;
	height:75px;
}
.messageSpace {
	margin-bottom:15px;
	width:400px;
}
form p {
	/*float:left;
	height:22px;*/
	clear:both;
	margin:1px 0 6px;
}
p.formInstructions {
	/*float: left;
	height: auto;*/
	display: block;
}
form fieldset .radioGrouping p {
/*float:left;
	clear:both;
	margin:1px 0 6px;
	*/
}
form ul, form ol {
	margin: 0;
	padding: 0;
	float: left;
}
form li {
	float:left;
	clear:both;
	margin:1px 0 6px;
	list-style: none;
}
form dl {
	float: left;
	width: 600px;
}
form dt.input {
	clear: both;
	float: left;
	height: 22px;
	width: 18px;
}
form dd.label {
	clear: none;
	float: left;
	left: -20px;
	margin: 0;
	padding-left: 5px;
	width: 575px;
}
.formBtn {
	font-size:0.875em;
	font-weight:900;
	color:#01a7dc;
	text-transform:uppercase;
	padding:6px 0;
	margin:10px 10px 0 0;
	width:100px;
	background:#000;
	border:solid 1px #fff;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius: 5px;
}
.submitButtonContainer {
	clear: left;
	float: left;
	padding: 0;
}
.nestedSubmit {
	padding-left: 20px;
}
.countdown {
	float:right !important;
	clear:right;
	margin:2px 0 0;
	padding:0;
}
fieldset legend {
	color: #fff;
}
input, textarea {
	border: 1px solid #5e5e5e;
	background:url('../images/formComponents/boxBg.jpg') no-repeat left top;
}
input[type="checkbox"] {
	border: 0;
}
input[type="text"] {
	height:20px;
	padding-left: 3px;
	text-transform: capitalize;
}
label {
	font-size: 0.8em;
	font-weight: normal;
}
/* *********** [START] Select solution ************** */
pre {
	display:block;
	font:12px "Courier New", Courier, monospace;
	padding:10px;
	margin:.5em 0;
	width:500px;
}
.clear {
	clear:both;
}
img {
	border:none;
}
/* */
/* all form DIVs have position property set to relative so we can easily position newly created SPAN */
form div, .manual_select-container {
	position:relative;
}
/* setting the width and height of the SELECT element to match the replacing graphics */
.manualsTextBetween {
	float: left;
	margin: 0 10px;
}
#manuals #year, #manuals #model, select.select, #dealerRegionByCity, #dealerRegionByDealerName, #searchRadius {
	position:relative;
	z-index:10;
	height:20px !important;
	line-height:20px;
	background-color: #000000;
	color: #FFFFFF;
	line-height: 20px;
	width: 197px; 
	text-transform: uppercase;
	left: -1px;
	font-size: 11px;
}
html.ie8 select#dealerRegionByCity,
html.ie8 #dealerRegionByDealerName,
html.ie9 select#dealerRegionByCity,
html.ie9 #dealerRegionByDealerName {
	width: 155px !important;
	left:-3px !important;
	top: 6px;
}
#dealerRegionByCity, #dealerRegionByDealerName {
	width: 150px;
	top: 3px;
}
#manuals #year {
	left: 0px;	
	width: 65px;
	position: absolute;
	}
#manuals #year + .select {
	width: 65px;
}
#manuals #model {
	width: 120px;
	position: absolute;
	left: 109px;
}
#manuals #model + select {
	width: 80px;
}
dd select.select {
	position:relative;
	z-index:10;
	line-height:20px;
	background-color: #000000;
	color: #FFFFFF;
	height: 20px;
	line-height: 20px;
	position: relative;
	width: 198px ;
	cursor: pointer;
	left: 0;
	font-size: 11px;
}
.optionContainer dd select.select {
	width: 199px;
}
/* dynamically created SPAN, placed below the SELECT */
.select {
	position:relative;
	bottom:0;
	float:left;
	left:0;
	width:200px;
	height:20px;
	line-height:19px;
	text-indent:10px;
	background:url(../images/formComponents/dropdown.png) no-repeat 0 0;
	cursor:default;
	z-index:1;
	color: #fff;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 11px;
}
#manuals #year + .select {
	text-indent: 6px;
}
#manuals .select {
	background: url(../images/formComponents/manuals_dropdown.png) no-repeat 0 0
}
#manuals #model + .select {
	background: url("../images/formComponents/manuals_dropdown_model.png") no-repeat 0 0;
	text-indent: 6px;
}
#dealerRegionByCity + .select, #dealerRegionByDealerName + .select {
	background: url(../images/formComponents/dealerRegionByCity_dropdown.png) no-repeat 0 1px;
}
#searchRadius {
	top: -5px;
	width: 160px !important;
}
#searchRadius + .select {
	background: #000 url("../images/formComponents/dropdown160.png") no-repeat;
	width:160px;
}
span.select {
	left: -199px;
}
.formContent select.select {
	display:inline-block;
	height:20px;
	position:relative;
	width: 197px;
}
fieldset.inlineSelectForm {
	padding: 0 0 15px 10px;
}
fieldset.inlineSelectForm legend {
	padding-bottom: 10px;
}
fieldset.inlineSelectForm select.select {
	display:inline-block;
	height:20px;
	position:relative;
}
fieldset.inlineSelectForm span.select {
	position: relative;
	display: inline-block;
	left: 0;
	top: -19px;
}
fieldset.inlineSelectForm option {
	border-right: 1px solid #ccc;
}
fieldset.inlineSelectForm .optionContainer option {
	border-right: 1px solid #ccc;
}
.labelContinued {
	float: left;
	font-size: 0.85em;
	font-weight: normal;
	height: 20px !important;
	line-height: 20px;
	padding-left: 2px;
	position: relative;
	top: -17px;/*width: 100%;*/
	font-family:arial;
	font-size:12px;
	font-weight:normal;
}
.optionContainer {
	float: left;
	padding-left: 5px;
}
/* ************** [END] Select solution ********************* */
.stateSelect {
	float:left;
	clear:both;
	z-index:1;
	position:relative;
}
.state {
	z-index:0;
	position:relative;
}
.newStateSelect {
	float:left;
}
.newStateSelect ul {
	float:left;
	display:none;
	padding:0 0 5px 8px;
	margin:21px 0 0 -196px;
	list-style:none;
	border:solid 1px #fff;
	width:186px;
	border-top:none;
	background:#000;
	overflow:auto;
	height:150px;
	z-index:100;
}
.newStateSelect ul li a {
	display:block;
	width:100%;
}
.newStateSelect a {
	color:#fff;
	text-transform:uppercase;
	font-size:small;
	font-weight:900;
	text-decoration:none;
}
.newStateSelect ul a:hover {
	color:#01a7dc;
}
span.value {
	display:none;
	visibility:hidden;
}
/* [END] Form field styling */
.multiColumnForm {
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	border-radius: 5px;
}
.multiColumnForm:after {
	content: ".";
	display: block;
	height: 0px;
	clear: both;
	visibility: hidden;
}
.popUpWindowAction {
	float: right;
	padding: 3px 3px 0 0;
	text-decoration: none;
	clear: left;
}
/* [START] Checkbox styling */
input[type="checkbox"], input[type="radio"] {
	display:none;
}
label {
	float:left;
	text-align:left;
	padding-top:3px;
}
/*input {
	clear:left;
	float:left;
}*/
label.ui-radio-state-disabled, label.ui-checkbox-state-disabled {
	color: #999;
}
span.ui-checkbox, span.ui-radio {
	clear:left;
	float: left;
	width: 18px;
	height: 21px;
	padding-right: 3px;
	background: url("../images/formComponents/icon_checkbox_lite.png") 0 -41px no-repeat;
	zoom:1; /* triggers hasLayout */
	display:block; /* resets display for IE/Win */
}
span.ui-radio-state-checked {
	background-image: url("../images/formComponents/icon_checkbox_lite.png");
}
span.ui-radio {
	background-position: -20px -41px;
}
span.ui-helper-hidden {
	display: none;
}
span.ui-checkbox-state-hover {
	background-position: 0 -115px;
}
span.ui-radio-state-hover {
	background-position: -20px -115px;
}
span.ui-checkbox-state-checked-disabled-hover, span.ui-checkbox-state-checked-disabled, span.ui-checkbox-state-checked {
	background-position: 0 -2px;
}
span.ui-checkbox-state-checked-hover {
	background-position: 0 -76px;
}
span.ui-radio-state-checked-disabled-hover, span.ui-radio-state-checked-disabled, span.ui-radio-state-checked {
	background-position: -20px -2px;
}
span.ui-radio-state-checked-hover {
	background-position: -20px -76px;
}
/* [END] Checkbox styling  */
.multiColumnForm label {
	/*  clear: both;
    float: left;*/
    line-height: 1.2em;
	/*padding-left: 3px;*/
	padding-top: 6px;
	height: 1.2em;
}
.multiColumnForm input {
	clear:left;
	border: 0;/*float:left;
	 display:block;*/
}
.formContainer label {
	height: 20px;
	padding: 7px 5px 0 0;
	padding-right: 5px;
	top: 3px;
	font-family:arial;
	font-weight:normal;
	font-size:12px;
}
.formContainer input {
/*	clear: right;
    float: left;
    margin-right: 5px;*/
}
/*  [START] Tooltip Styling  */
.tTip {
	float: left;
	display:block;
}
.tip {
	width:240px;
	padding: 20px;
	display: none;
	position: absolute;
	background: transparent url(../images/formComponents/fTooltipGradient.png) no-repeat top left;
	border: 1px solid #999;
	/*-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-box-shadow: 3px 3px 4px #000;
	-webkit-box-shadow: 3px 3px 4px #000;*/
	color: #fff;
	border: 1px solid #ccc;
	z-index:1000;
	box-shadow: 3px 3px 4px #000;
}
.tTipAnchor {
	background:transparent url(../images/formComponents/fToolTipIcon.png) top left no-repeat;
	height:11px;
	width:12px;
	/*display:inline-block;*/
	display:block;
	cursor:pointer;
}
.tTipAnchorHover {
	background:transparent url(../images/formComponents/fToolTipIcon_hover.png) top left no-repeat;
}
/*  [END] Tooltip Styling   */
/* [START] Contact Us form styling */
.mds-cmp-contact_form {
	width: 550px;	
}
fieldset {
	border: none;	
}
label {
	font-size: 11px;
    line-height: 1.3em;
	font-weight: bold;
}
input[type="text"] {
    clear: left;
    float: left;
    height: 20px;
}
form textarea {
   clear: left;
   float: left;
   width: 350px;
}
form select {
	clear: left;
   float: left;	
}
p.countdown	{	
	bottom: -19px;
    clear: none;
    display: inline-block;
    float: right;
    padding-right: 48px;
    position: relative;
}
ul.formList {
	float: left;
	clear: both;	
}
.errorMessages li {
	float: left;
	clear: right;
}
ul.radiobutton-group li {
	float: left;
	clear: right;
	padding-right: 15px;
}
.hidden {
	display: none;	
}
.telephonenumber-details fieldset legend {
	display: none;	
}
.telephonenumber-details fieldset ul {
	float: left;
}
/* [END] Contact Us form styling */
#manuals .selection select {
	float: none;
	clear: none;
}
#dealerRegionByDealerName, #dealerRegionByCity, #dealer_locator .select, #searchRadius {
	color: #cc2229;
	font-weight: bold;
	font-family: verdana, sans-serif;
	text-transform: uppercase;
	position: relative;
}
#sortOption + .select{
	background: #000 url("../images/formComponents/dropdown150.png") no-repeat;
	width:150px;
}
#dealersPerPageOption + .select {
	background: #000 url("../images/formComponents/dropdown150.png") no-repeat;
	width:150px;
}

#manuals #year , #manuals .select, #manuals #model{
	color: #cc2229;
	font-weight: bold;
	font-family: verdana, sans-serif;
	text-transform: uppercase;
}

[id="403_error_page"] #content #googleForm input{
	top: 0;
	float: left;
	clear: both;
	margin-top:10px;
	margin-right:10px;
	margin-bottom:15px;
}
#contact_us #details { background:none #fff;}
#contact_us .contactform ul { overflow:visible !important;}