﻿/*
	New Mazda Form Styles
	2009-10-28
*/

#toolkit .formwizard						{ min-height: 230px; width: 674px; float: left; margin-left: 0 !important; overflow: hidden; padding-bottom: 20px; background: #fff; }
/*.ie6 #toolkit .formwizard					{ height: 230px; }*/
#toolkit ul									{ list-style: none; }

.formwizard									{ background-color: #fff; margin: 20px 0 0 268px; padding-bottom: 20px; width: 674px; min-height: 230px; }
/*.ie6 .formwizard							{ height: 230px; }*/
.formwizard ul								{ list-style: none; }

#formHead									{ overflow: hidden; }
#formHead .steps							{ background-color: #006cb8; margin: 1px 1px 0; overflow: hidden; width: 672px; }
#formHead .steps li							{ color: #989898; float: left; font-weight: bold; padding: 10px 20px; }
#formHead .steps a							{ color: #7fb5db; cursor: default; text-decoration: none; }
#formHead .steps .active,
#formHead .steps strong						{ color: #fff; outline: none; }
#formHead .steps li.visited					{ color: #5fb6dd; }

#formHead .mandatory						{ background-color: #e7e7e7; color: #000; font-size: 0.9em; margin: 1px; padding: 2px 20px; text-align: right; }

#formHead .formTitle						{ margin: 22px 20px 0; padding: 11px 22px; position: relative; background: #e2f5ff url(/images/rounded_corners_top.gif) no-repeat scroll 0 0; }
.ie7 #formHead .formTitle					{ z-index: 1; }
#formHead .formTitle h2						{ color: #000; }

#formHead .formTitle p						{ color: #000; font-size: 1em; margin-bottom: 0; padding-bottom: 0.6em; }

#formHead .kmiHero							{ background-color: #eaeaea; height: 255px; margin: 0 auto 22px; width: 590px; }

.formStep									{ margin: 0 20px; padding-bottom: 22px; background: #e2f5ff url(/images/rounded_corners_bottom.gif) no-repeat scroll 0 100%; }
.ie6 .formStep,
.ie7 .formStep								{ height: 1%; }
.formStep h2, .formStep h4					{ color: #000; padding: 0; }
.formStep h4								{ font-size: 1em; }

em.optional									{ position: absolute; left: 444px; top: 14px; }

.validation_msg								{ float: left; font-size: 0.9em; margin: 17px 0 -16px 14px; padding-bottom: 10px; width: 330px; }
.ie6 .validation_msg,
.ie7 .validation_msg						{ margin-bottom: -16px; margin-top: 17px; }
.dealerLocator .validation_msg				{ margin-bottom: 7px; padding-left: 10px; padding-right: 22px; width: auto; }
.ie7 .dealerLocator .validation_msg			{ padding-bottom: 17px; }

.comments .validation_msg					{ margin: -2px 0 -16px 207px; }
.ie8 .comments .validation_msg				{ margin-top: -4px; }
.ie7 .comments .validation_msg				{ margin-top: -5px; }
.ie6 .comments .validation_msg				{ margin-top: -6px; }

.optin .validation_msg						{ margin: 0 0 0 206px; width: auto; }
.ie6 .optin .validation_msg					{ margin-left: 208px; }
.ie7 .optin .validation_msg					{ margin-left: 207px; }
.ie8 .optin .validation_msg					{ margin-left: 209px; }

#toolkit .errorSummary ul,
.errorSummary ul							{ font-size: 0.9em; list-style-type: disc; padding: 0 22px 22px 36px; }
.errorSummary p								{ color: #f00; padding-left: 22px; }
.errorSummary a								{ color: #f00; }

.formRow acronym							{ border-bottom: none; color: #006CB8; left: 217px; position: absolute; top: 13px; }
.dealerLocator acronym, .userJourney acronym,
.visualModelSelector acronym				{ display: none; }

.optin acronym								{ left: 197px; top: -1px; }

.formRow									{ background-color: #fff; margin: 0 22px; padding: 14px 20px; overflow: hidden; position: relative; }
.ie6 .formRow                               { background-color: #fff !important; display: inline-block; height: 1%; }
.formRow label								{ color: #000; display: block; float: left; position: relative; text-align: right; width: 193px; }
.formRow label em							{ color: #bbb; float: right; }
.formRow label .required					{ color: #f00; position: absolute; right: -9px; top: 0; }

.formRow select,
.formRow input								{ position: absolute; left: 227px; top: 12px; }
.ie6 .formRow select,
.ie6 .formRow input,
.ie6 .userJourney ul,
.ie6 .options ul							{ left: 227px; }
.ie7 .formRow select,
.ie7 .formRow input							{ top: 11px; }

.formRow select								{ font-size: 1em; padding: 1px; width: 210px; }
.formRow select.small,
#summaryArea select.small					{ width: 120px; }

.formRow input,
.formRow textarea							{ padding: 1px 3px; width: 200px; }
.formRow input.small						{ font-size: 1em; width: 110px; }

.formRow textarea							{ left: 14px; position: relative; top: -2px; }
.ie8 .formRow textarea,
.ie7 .formRow textarea,
.ie6 .formRow textarea						{ width: 202px; }
.ie7 .formRow textarea,
.ie6 .formRow textarea						{ top: -3px; }
.ie6 .formRow textarea						{ left: 11px; }

.hasError									{ background-color: #ffdacc; }
.ie6 .hasError								{ background-color: #ffdacc !important; }

.visualModelSelector						{ margin: 0; padding: 0; width: 100%; }

.visualModelSelector ul						{ background-color: #e2f5ff; padding: 0 1px; }
/*.ie6 .visualModelSelector ul				{ display: inline-block; }*/

.visualModelSelector li						{ display: inline-block; min-height: 112px; vertical-align: top; width: 158px; background: transparent url(/images/model_selector/bg_repeat.gif) no-repeat scroll 0 0; }
.ie6 .visualModelSelector li				{ display: inline; height: 112px; }
.ie7 .visualModelSelector li				{ display: inline; }

.visualModelSelector label					{ background: transparent url(/images/blank.gif) repeat 0 0; cursor: pointer; text-align: left; width: 100%; }
.ie6 .visualModelSelector label,
.ie7 .visualModelSelector label,
.ie8 .visualModelSelector label				{ cursor: default; }

.visualModelSelector img					{ display: block; height: 90px; margin: 0 auto; width: 118px; }

.visualModelSelector input					{ left: 26px; top: 94px; width: auto; }
.ie6 .visualModelSelector input				{ left: 23px; top: 91px; }
.ie7 .visualModelSelector input				{ left: 23px; top: 91px; }
.ie8 .visualModelSelector input				{ left: 23px; top: 93px; }

.visualModelSelector span					{ color: #006cb8; display: block; padding: 3px 8px 4px 44px; width: 110px; }
.ie6 .visualModelSelector span,
.ie7 .visualModelSelector span,
.ie8 .visualModelSelector span				{ cursor: pointer; }

.visualModelSelector .validation_msg		{ bottom: auto; margin: 0; padding-bottom: 0; padding-left: 22px; position: absolute; top: -2px; z-index: 1; width:550px; }

.formAction									{ overflow: hidden; padding: 22px 22px 0; }
.formAction .primary						{ display: block; float: right; height: 38px; background: transparent url(/images/buttons/primary_left.gif) no-repeat scroll 0 0; }
.formAction .primary input					{ border: none; color: #fff; cursor: pointer; font-weight: bold; margin-left: 4px; overflow: visible; padding: 8px 30px 9px 6px; background: transparent url(/images/buttons/primary_right.gif) no-repeat scroll 100% 0; }

.ie6 .formAction .primary					{ width: 1px; }
.ie6 .formAction .primary input				{ display: block; float: left; margin-left: 2px; width: 100%; }

.formAction .secondary						{ display: block; float: left; margin-top: 8px; padding-left: 13px; background: transparent url(/images/buttons/secondary.gif) no-repeat scroll 0 50%; }
.formAction .secondary input				{ background-color: transparent; border: none; color: #006cb8; cursor: pointer; margin-top: 1px; overflow: visible; }
.hiddenFormAction							{ display: none; }
.dealerSearch .dealerSearchBtn				{ position: absolute; left: 350px; top: 10px; }
.addressPicker								{ padding-left: 227px; }
.dealerSearch .search,
.directionSearch .search,
.addressPicker .search						{ display: block; overflow: visible; padding-left: 4px; background: transparent url(/images/buttons/search_left.gif) no-repeat scroll 0 0; }
.directionSearch .search					{ position: relative; left: 207px; }
#summaryArea .directionSearch .search		{ position: static; }
.dealerSearch .search input,
.directionSearch .search input,
.addressPicker .search input				{ border: none; color: #000; cursor: pointer; display: block; font-weight: bold; padding: 3px 14px 5px 6px; position: static; background: transparent url(/images/buttons/search_right.gif) no-repeat scroll 100% 0; width: auto; }
.addressPicker .search						{ float: left; }
.ie6 .dealerSearch .search input,
.ie6 .directionSearch .search input			{ overflow: visible; width: 1%; }
.ie6 .dealerSearch .search,
.ie6 .directionSearch .search				{ display: inline-block !important; }
.ie7 .dealerSearch .search input,
.ie7 .directionSearch .search input			{ width: 1%; }
.ie7 .dealerSearch .search,
.ie7 .directionSearch .search				{ display: inline-block !important; }

.closeList									{ display: none; overflow: hidden; padding: 3px 0 3px 10px; }
.closeList a								{ margin-left: 9px; }

.picklist									{ max-height: 230px; outline: none; overflow: auto; }
.picklist li								{ padding: 4px 20px; }
.picklist a:focus, .closeList a:focus		{ outline: #0000FF dotted thin; }

.userJourney,
.ie6 .userJourney							{ background-color: #e7e7e7 !important; }
.userJourney label							{ text-align: left; }
.dealerSearchFieldset label					{ float: none; }
.dealerSearchFieldset h4,
.summaryDirections h4						{ display: none !important; }
.summaryDirections .directionOptions h4		{ display: block !important; }

.it-IT .ContactUs .userJourney				{ background-color: #fff !important; }
.it-IT .ContactUs .userJourney h4			{ font-weight: normal; }

.options h4									{ font-size: 1em; padding-bottom: 0; text-align: right; width: 193px; }
.options ul									{ position: absolute; left: 227px; top: 14px; }
.options li									{ float: left; margin-right: 20px; position: relative; }
.options input								{ left: 0; top: 2px; width: auto; }
.ie6 .options input,
.ie7 .options input							{ left: -3px; top: -3px; }
.options li label							{ padding-left: 20px; width: auto; }

.optin input								{ top: 15px; width: auto; }
.ie7 .optin input							{ left: 224px; top: 12px; }
.ie6 .optin input							{ left: 223px; top: 12px; }
.optin label								{ float: none; padding-bottom: 1px; padding-left: 226px; text-align: left; width: auto; }

.optin ul									{ margin-bottom: -10px; }
.TestDrive .optin ul						{ overflow: hidden; }
.ie6 .optin ul								{ float: left; }
.ie6 .optin ul ul, .ie7 .optin ul ul		{ padding-bottom: 10px; }

.optin li									{ display: block; margin-bottom: 10px; overflow: hidden; position: relative; }
.ie6 .optin li								{ display: inline-block; }

.optin li input								{ left: 207px; top: 1px; }
.ie7 .optin li input,
.ie6 .optin li input						{ left: 204px; top: -3px; }
.optin p									{ color: #000; font-size: 1em; margin-bottom: 0; }

.optin ul.rbOptins, .optin ul.cbOptins		{ margin-bottom: 0; }
.ie6 .optin ul.rbOptins input				{ position: relative; }
.ie6 .optin ul.rbOptins label				{ top: -21px; margin-bottom: -21px; }

.brochureDownload							{ padding-bottom: 0; padding-top: 0; }
.ie6 .brochureDownload						{ height: 1%; padding-bottom: 0 !important; }
.ie7 .brochureDownload						{ padding-bottom: 0 !important; }
.ie6 .iePaddingFix,
.ie7 .iePaddingFix							{ padding-bottom: 14px !important; }
.brochureDownload h3						{ border-top: none !important; color: #8f9498 !important; display: none; }
.brochureDownload ul						{ margin-top: -32px; }
.brochureDownload li						{ /*display: none; */padding-bottom: 4px; padding-left: 206px; }
.brochureDownload li a						{ padding: 0 0 2px 24px; background: transparent url(/images/icons/pdf.gif) no-repeat 0 0; }

.postBrochure label							{ display: inline; padding-right: 24px; text-align: left; width: auto; }
.postBrochure input							{ position: relative; left: 5px !important; top: 1px; width: auto; }

#summaryArea								{ position: absolute; left: 25px; top: 380px; width: 228px; }
.ie6 #summaryArea                           { overflow: hidden; }
#summaryArea .formRow						{ margin: 0 2px; padding: 7px 10px; }
#summaryArea label							{ float: none; padding-bottom: 2px; position: static; text-align: left; width: auto; }
#summaryArea input,
#summaryArea select,
#summaryArea .dealerSearchBtn				{ position: static; }
#summaryArea select							{ width: 100%; }
#summaryArea h4.formRow						{ display: block !important; padding-bottom: 0; }
.ie6 #summaryArea h4.formRow				{ display: inline-block !important; }
.ie6 #summaryArea .search                   { position: relative; }

#summaryArea .modelSummary,
#summaryArea .dealerSearchFieldset,
#summaryArea .dealerServiceLegend,
#summaryArea .summaryDirections				{ height: 100%; margin-bottom: 20px; padding-bottom: 5px; background: #e2f5ff url(/images/summary/bottom.gif) no-repeat 0 100%; }

#summaryArea .modelSummary dt,
#summaryArea span.top						{ display: block; padding-top: 5px; background: transparent url(/images/summary/top.gif) no-repeat 0 0; }

#summaryArea .directionJourney				{ padding-top: 14px; }
.ie6 #summaryArea .directionJourney ul      { position: relative; }
#summaryArea .directionJourney li			{ margin-bottom: 0; }
#summaryArea .from span						{ display: block; float: none; margin-bottom: 4px; }
#summaryArea .from input					{ width: auto; }
#summaryArea .to span						{ display: block; margin-right: 4px; }
#summaryArea .to h4,
#summaryArea .directionOptions h4			{ display: block !important; margin-bottom: 4px; text-align: left; }
#summaryArea .to address					{ display: none; }
#summaryArea .to a							{ position: static; }
#summaryArea .directionOptions h4,
#summaryArea .directionSearch .search		{ margin-left: 34px; }
.ie6 #summaryArea .directionSearch .search	{ display: inline-block; left: 0; }
.ie6 #summaryArea .directionOptions h4      { width: auto; }
#summaryArea .directionOptions ul,
#summaryArea .directionActions ul			{ margin-left: 34px; overflow: hidden; position: static; }
#summaryArea .directionOptions li,
#summaryArea .directionActions li			{ float: none; margin-right: 0; }
.ie6 #summaryArea .directionOptions li,
.ie6 #summaryArea .directionActions li      { height: 1%; }
#summaryArea .directionOptions li input,
#summaryArea .directionActions li input		{ position: absolute; }

.modelSummary								{ display: none; }
.modelSummary dd							{ margin: 0 2px; padding: 20px 10px 0; background-color: #fff; }
.modelSummary .choices div					{ border-top: 1px solid #eaeaea; height: 50px; margin-top: 5px; overflow: hidden; padding-top: 5px; position: relative; }
.modelSummary img							{ position: absolute; right: 10px; top: 0; }
.modelSummary p								{ color: #006cb8; font-size: 1em; font-weight: bold; margin-bottom: 0; width: 110px; }
.modelSummary a.change						{ display: none; font-size: 0.9em; position: absolute; right: 10px; top: 5px; }

.summarySearch								{ position: absolute; left: 0; top: 260px; }

#mapDiv										{ background-color: #e2f5ff !important; border-bottom: 22px solid #e2f5ff; border-right: 0px solid #e2f5ff; border-top: 0px solid #e2f5ff; margin: 0 22px; position: relative; z-index: 1; overflow: hidden; }
.dealerLocator #mapDiv						{ margin: 0; }
.dealerLocator								{ padding: 0; }
#mapDiv #mapResize							{ background-position: 0 0; background-repeat: no-repeat; display: block; height: 18px; position: absolute; right: 0; top: 0; width: 18px; z-index: 1; }

.ie6 .dealerLocator,
.ie6 .results li,
.ie6 .results .outer_wrapper,
.ie6 .results .inner_wrapper				{ height: 1%; }

.results									{ margin: 20px 0 0; padding-bottom: 0; padding-top: 0; }
.results .dealer_result						{ cursor: pointer; }
.results li									{ margin-bottom: 20px; overflow: hidden; padding-top: 5px; background: transparent url(/images/result_top.gif) no-repeat scroll 0 0; }
.results h3									{ background-color: #e2f5ff; padding: 0 38px 5px; }
.results h3 a								{ color: #000; text-decoration: none; }
.results h3 em								{ font-size: 0.8em; font-weight: normal; position: relative; top: -2px; }
.results address							{ color: #000; font-style: normal; margin: 5px 5px 7px; }
.results .printFriendlyDetails				{ display: none; }
.results p									{ margin: 5px 5px 7px; }
.results p a								{ background: transparent none no-repeat 0 0; display: block; font-size: 0.9em; padding-bottom: 3px; padding-left: 20px; }
.results em									{ color: #777; font-size: 0.9em; }
.results .outer_wrapper						{ overflow: hidden; padding: 0 2px 5px; background: #e2f5ff url(/images/result_bottom.gif) no-repeat scroll 0 100%; }
.results .inner_wrapper						{ background-color: #fff; float: none; overflow: hidden; width: auto; }
.results .inner_wrapper div					{ float: left; }

.resultsHeading								{ margin-bottom: -6px; padding: 20px 0 10px; background: #fff url(/images/selection_arrow.gif) no-repeat scroll 493px 100%; }
.resultsHeading span						{ background-color: #e7e7e7; color: #777; display: block; font-weight: bold; padding: 7px 38px; text-align: right; }
.resultsHeading strong						{ color: #333; display: block; float: left; padding: 7px 38px; }
.DealerLocator .resultsHeading				{ background-image: none; }

.results li.selected						{ background-image: url(/images/selected_result_top.gif); }
.results li.selected .outer_wrapper			{ background-color: #006cb8; background-image: url(/images/selected_result_bottom.gif); }

.results .marker 							{ width: 6% !important; }
.results .marker img						{ display: block; margin: 8px 0 0 7px; }

.results .dealer							{ width: 44% !important; }
.results .dealer ul							{ margin: 5px 5px 0; overflow: hidden; }
.results .dealer li							{ background-position: 0 0; background-repeat: no-repeat; float: left; height: 16px; margin-bottom: 0; margin-right: 4px; width: 16px; }
li.sales									{ background-image: url(/images/icons/services/sales.gif); }
li.service									{ background-image: url(/images/icons/services/service.gif); }
li.parts									{ background-image: url(/images/icons/services/parts.gif); }
li.mpsspecialists							{ background-image: url(/images/icons/services/mpsspecialists.gif); }
li.zzapproved								{ background-image: url(/images/icons/services/zzapproved.gif); }
li.zzapprovedused							{ background-image: url(/images/icons/services/zzapproved.gif); }
li.motability								{ background-image: url(/images/icons/services/motability.gif); }
li.testdrive								{ background-image: url(/images/icons/services/testdrive.gif); }
li.authorisedrepairers						{ background-image: url(/images/icons/services/authorisedrepairers.gif); }
li.mazdastore								{ background-image: url(/images/icons/services/mazdastore.gif); }

.results .select_dealer						{ position: relative; width: 50%; }
.results .select_dealer label				{ background-color: transparent; color: #006cb8; cursor: pointer; font-weight: normal; padding-left: 20px; position: absolute; right: 38px; text-decoration: underline; top: 15px; width: auto; }
.results .select_dealer input				{ left: auto; right: 36px; top: 18px; width: auto; }
.ie7 .results .select_dealer input,
.ie6 .results .select_dealer input			{ left: auto; right: 33px; top: 14px; }

.results .dealerLocatorLinks				{ float: left; width: 50%; }
.results .dealerLocatorLinks li				{ background: none; margin-bottom: 0; padding-right: 38px; }
.dealerLocatorLinks a						{ background-repeat: no-repeat; padding-left: 20px; }
.dealerLocatorLinks .getDirectionsLink		{ background-image: url(/images/icons/directions.gif); }
.dealerLocatorLinks .viewDetailsLink		{ background-image: url(/images/icons/details.gif); }

.ero-body									{ width: auto !important; }
.ie6 .ero-body								{ width: 360px !important; }
.ero .ero-previewArea div.firstChild		{ margin-bottom: 0 !important; }
.dealerPinPopup								{ color: #000; }
.dealerPinPopup .services					{ list-style: none; margin: 4px 0 8px; overflow: hidden; }
.ie6 .dealerPinPopup .services				{ float: left; }
.dealerPinPopup .services li				{ background-repeat: no-repeat; height: 16px; float: left; margin-right: 4px; width: 16px; }
.dealerPinPopup .contactInfo				{ overflow: hidden; }
.ie6 .dealerPinPopup .contactInfo			{ width: 100%; }
.dealerPinPopup .contactInfo address		{ float: left; font-style: normal; margin-right: 30px; }
.ie6 .dealerPinPopup .contactInfo address	{ float: none; }
.dealerPinPopup .contactInfo ul				{ float: left; list-style: none; }
.ie6 .dealerPinPopup .contactInfo ul		{ float: none; }
.dealerPinPopup .contactInfo li				{ white-space: nowrap; }
.dealerPinPopup .dealerLinks				{ list-style: none; margin-top: 16px; }
.dealerPinPopup .dealerLinks li				{ background-position: 0 0; background-repeat: no-repeat; padding-bottom: 4px; padding-left: 20px; }
.dealerLinks li.details						{ background-image: url(/images/icons/details.gif); }
.dealerLinks li.directions					{ background-image: url(/images/icons/directions.gif); }
.dealerLinks li.testdrive					{ background-image: url(/images/icons/testdrive.gif); }
.dealerLinks li.selectdealer				{ background-image: url(/images/icons/selectdealer.gif); }

.chosenModels h3,
.dealerDetails h3,
.dealerDirections h3,
.summaryDirections h3						{ color: #8F9498; font-size: 1.3em; padding-top: 10px; }

h3.deliveryDetailsTitle,
.brochureDownload h3						{ color: #000; font-size: 1.3em; border-top: solid 22px #e2f5ff; margin: -14px -22px; padding: 14px 22px; }

.summaryDirections h3						{ padding-bottom: 0; padding-top: 24px; }
.summaryDirections .directionText			{ color: #000; font-size: 1em; margin-bottom: 0; }
#summaryArea .summaryDirections h3,
#summaryArea .directionText					{ display: none; }

.chosenModels								{ margin-bottom: -20px; padding-bottom: 0; }
.chosenModels .models li					{ border-bottom: 1px dotted #006cb8; margin-bottom: 20px; min-height: 90px; padding-bottom: 20px; position: relative; }
.ie6 .chosenModels .models li				{ height: 90px; }
.chosenModels .models li li					{ border-bottom: none; margin-bottom: 0; margin-top: 6px; min-height: 0; padding-bottom: 4px; }
.ie6 .chosenModels .models li li			{ height: auto; }
.chosenModels .models li.pdf a				{ padding: 0 0 2px 24px; background: transparent url(/images/icons/pdf.gif) no-repeat 0 0; }
.chosenModels .models img					{ position: absolute; right: 0; top: 0; }
.chosenModels .printFriendly				{ display: none; }

.dealerDetails .services					{ margin: 8px 0 4px; overflow: hidden; }
.ie6 .dealerDetails .services				{ height: 1%; }
.dealerDetails .services li					{ background-repeat: no-repeat; height: 16px; float: left; margin-right: 4px; width: 16px; }
.dealerDetails address						{ color: #000; float: left; font-style: normal; padding-top: 5px; width: 40%; }
.dealerDetails .contactInfo					{ color: #000; float: left; padding-top: 5px; width: 60%; }
.ie6 .dealerDetails address,
.ie6 .dealerDetails .contactInfo			{ position: relative; }
.dealerDetails .cta							{ clear: both; margin-bottom: 30px; padding-top: 20px; }
.dealerDetails .cta li						{ margin-bottom: 4px; }
.dealerDetails table						{ color: #000; font-size: 1em; margin-top: 10px; position: relative; }
.dealerDetails th							{ background-color: #006cb8; color: #fff; padding: 4px 4px 4px 2px; text-align: left; min-width: 100px; }
.ie6 .dealerDetails th						{ width: 100px; }
.dealerDetails td							{ padding: 4px 4px 4px 2px; }
.rowColour									{ background-color: #e2f5ff; }

.dealerDirections							{ display: none; padding-bottom: 0; }
.ie7 .dealerDirections						{ overflow: visible; }
.ie6 .dealerDirections						{ display: none; }

.dealerDirections .itinerary				{ border-bottom: 1px dotted #006cb8; padding-bottom: 20px; }

.itinerary .startEnd						{ color: #000; margin-bottom: 20px; margin-top: 10px; overflow: hidden; }
.ie6 .itinerary .startEnd					{ width: 100%; }
.itinerary .roundTrip						{ margin-top: 20px; }
.itinerary .startEnd li						{ background-repeat: no-repeat; float: left; padding: 5px 15px 15px 30px; width: 40%; }
.itinerary li.start							{ background-image: url(/images/markers/start.gif); }
.itinerary li.end							{ background-image: url(/images/markers/end.gif); }
.itinerary h4								{ color: #006cb8; font-size: 1.2em; font-weight: normal; margin-bottom: 10px; }
.itinerary h4 span							{ color: #777; margin-left: 4px; }

.itinerary .itinStep						{ color: #000; /*cursor: pointer; */overflow: hidden; padding: 7px; position: relative; }
.itinerary .itinStep span					{ display: block; padding: 0 70px 0 40px; }
.itinerary .itinStep em						{ font-style: normal; position: absolute; top: 7px; }
.itinerary .itinStep em.stepNum				{ left: 7px; }
.itinerary .itinStep em.stepDis				{ right: 7px; }
.ie6 .itinerary .itinStep em.stepDis		{ right: 34px; }

.itinerary .itinStep .hints					{ padding: 0 70px 0 40px; }
.itinerary .itinStep .hints em				{ color: #006cb8; font-size: 0.9em; position: static; }

.ie7 .secondaryAction						{ overflow: visible; }
.secondaryAction p							{ border-top: 1px dotted #006cb8; font-size: 1em; margin-bottom: 8px; padding-top: 20px; }
.secondaryAction a							{ background: transparent url(/images/buttons/secondary.gif) no-repeat scroll 0 50%; padding-left: 13px; }

a.directions								{ background: transparent url(/images/icons/directions.gif) no-repeat 0 50%; padding-left: 20px; }
a.testDrive									{ background: transparent url(/images/icons/testdrive.gif) no-repeat 0 50%; padding-left: 20px; }

.ie6 .directionJourney ul					{ height: 1%; }
.directionJourney li						{ background: transparent none no-repeat 0 0; margin-bottom: 15px; padding: 0 0 20px 34px; }
.directionJourney li.from					{ background-image: url(/images/markers/start.gif); }
.ie7 .directionJourney li.from input		{ top: 26px; }
.ie6 .directionJourney li.from input		{ top: 26px; }
.directionJourney li.to						{ background-image: url(/images/markers/end.gif); margin-bottom: 0; padding-bottom: 0; position: relative; }
.ie6 #summaryArea .directionJourney li.to	{ height: 1%; }
.directionJourney li.to h4					{ display: block !important; font-size: 1em; text-align: right; width: 159px; }
.directionJourney li.to a					{ position: absolute; left: 207px; top: 0; }
.ie7 .directionJourney li.to a				{ top: 15px; }
.ie6 .directionJourney li.to a				{ left: 159px; top: 15px; }
.directionJourney li span					{ color: #000; float: left; font-weight: bold; }
.directionJourney li label					{ float: none; width: 159px; }
.directionJourney address					{ color: #000; display: block; font-style: normal; text-align: right; width: 159px; }

.ie6 .directionOptions						{ height: 14px; }
.ie6 #summaryArea .directionOptions			{ height: 1%; }

.directionActions							{ padding-top: 0; }
.directionActions ul						{ position: relative; left: 207px; top: 0; }
.ie6 .directionActions ul					{ left: 207px; }
.directionActions li						{ margin-right: 10px; }
.directionActions li.first					{ border-right: solid 1px #777; padding-right: 10px; }

.directionDivider							{ border-bottom: dotted 1px #006cb8; padding-top: 20px; }
#summaryArea .directionDivider				{ display: none; }

.dealerServiceLegend						{ display: none; }
.dealerServiceLegend li						{ color: #000; background-repeat: no-repeat; padding-bottom: 4px; padding-left: 20px; }
.dealerServiceLegend li em					{ color: #777; display: block; font-style: normal; }

#ajaxUpdate									{ background: #fff url(/images/ajax-loader.gif) no-repeat 50% 50%; }

.chooseDealer								{ color: #000; padding: 14px 0 0; }

.noResults									{ padding-left: 0; padding-right: 0; }
.noResults p								{ border-bottom: dotted 1px #006cb8; color: #f00; font-size: 1em; margin-bottom: 0; padding-bottom: 20px; padding-top: 6px; }
.resultCount								{ padding: 20px 0 0; }
.resultCount strong							{ color: #000; }

.resultCount .js-links						{ position: absolute; right: 0; top: 20px; }
.formTitle .js-links						{ position: absolute; right: 22px; top: 14px; z-index: 2; }
.ie6 .formTitle .js-links					{ right: 44px; }
.js-links li								{ margin-left: 14px; }
.formTitle .js-links li,
.formTitle .js-links a						{ padding-bottom: 4px; }
.js-links a									{ background-color: transparent; background-position: 0 0; background-repeat: no-repeat; padding-left: 20px; }
.js-links .print a							{ background-image: url(/images/icons/print.gif); }
.js-links .bookmark a						{ background-image: url(/images/icons/bookmark.gif); }
.js-links .noLink							{ color: #000; cursor: default; text-decoration: none; }

.formRow .tooltip							{ background: transparent url(/images/icons/help.gif) no-repeat 0 0; cursor: help; display: block; height: 16px; left: 442px; position: absolute; top: 14px; width: 16px; }
.optin .tooltip								{ background: none; border-bottom: dotted 1px; color: #777; display: inline-block; height: auto; width: auto; position: static; }
/*.optin .tooltip							{ left: 200px; top: 13px; }*/ /* Todo: to replace the above styling */

.leasing-links								{ margin-bottom: -10px; }
.ie6 .leasing-links, .ie7 .leasing-links	{ margin-bottom: 0; }
.leasing-links li							{ color: #000; padding-bottom: 15px; padding-left: 15px; }
.leasing-links li a							{ background: url(/images/icons/btn_next.gif) no-repeat 100% 50%; padding: 0 10px 0 0; text-decoration: none; }


/* Date of Birth for Russia*/
.dob select                                 { width: 40px; }
.dob .mm                                    { left: 277px; }
.dob .yy                                    { left: 327px; width: 55px; }

/* Market specific styling */
form.de-DE .DealerLocator ul.steps			{ display: none; }
form.de-DE #summaryArea .dealerSearchInput	{ width: 196px !important; }
.ie6 form.de-DE #summaryArea .dealerSearchInput	{ width: 190px !important; }

form.de-DE .optin ul.cbOptins,
form.nl-NL .BrochurePost .optin ul.cbOptins,
form.nl-NL .TestDrive .optin ul					{ padding-left: 206px; }

form.nl-NL .TestDrive .optin ul ul				{ padding-left: 0; padding-top: 10px; }
form.nl-NL .TestDrive .optin ul ul	li		{ padding-left: 0; padding-top: 10px; }

form.de-DE .optin ul.cbOptins li,
form.nl-NL .BrochurePost .optin ul.cbOptins li,
form.nl-NL .TestDrive .optin ul li				{ float: left; margin-right: 12px; }

.ie6 form.de-DE .optin ul.cbOptins li,
.ie7 form.de-DE .optin ul.cbOptins li,
.ie6 form.nl-NL .BrochurePost .optin ul.cbOptins li,
.ie7 form.nl-NL .BrochurePost .optin ul.cbOptins li,
.ie6 form.nl-NL .TestDrive .optin ul li,
.ie7 form.nl-NL .TestDrive .optin ul li			{ margin-right: 8px; }

form.de-DE .optin ul.cbOptins li label,
form.nl-NL .BrochurePost .optin ul.cbOptins li label,
form.nl-NL .TestDrive .optin ul li label		{ padding-left: 20px; }
form.de-DE .optin ul.cbOptins li input,
form.nl-NL .BrochurePost .optin ul.cbOptins li input,
form.nl-NL .TestDrive .optin ul li input		{ left: 0; }

form.de-DE .dealerServiceLegend li,
form.de-CH .dealerServiceLegend li,
form.fr-CH .dealerServiceLegend li,
form.it-CH .dealerServiceLegend li			{ padding-left: 50px; }

form.it-IT .BrochureDownload .formAction,
form.sv-SE .BrochureDownload .formAction,
form.hr-HR .BrochureDownload .formAction,
form.nb-NO .BrochureDownload .formAction,
form.ru-RU .BrochureDownload .formAction,
form.pl-PL .BrochureDownload .formAction,
form.da-DK .BrochureDownload .formAction	{ display: none; }

form.es-ES .TestDrive .results address,
form.es-ES .DealerLocator .results address							{ display: none; }
form.es-ES .TestDrive .results .printFriendlyDetails,
form.es-ES .DealerLocator .results .printFriendlyDetails			{ display: block; }
form.es-ES .TestDrive .results .printFriendlyDetails address,
form.es-ES .DealerLocator .results .printFriendlyDetails address	{ display: block !important; }
form.es-ES .TestDrive .results .printFriendlyDetails .phone,
form.es-ES .DealerLocator .results .printFriendlyDetails .phone,
form.es-ES .TestDrive .results .printFriendlyDetails .email,
form.es-ES .DealerLocator .results .printFriendlyDetails .email		{ display: none; }
form.es-ES .TestDrive .results .dealer ul,
form.es-ES .DealerLocator .results .dealer ul						{ clear: left; }

form.fr-FR .BrochureDownload .showFormText {margin-top:-30px; padding:40px 0 10px}

/* Hide 'Aerial' map control for Turkey */
form.tr-TR #MSVE_navAction_AerialMapStyle { display: none; }

/* CH Leasing styling - uses background image for steps background */
#toolkit .DealerContactRequest,
.DealerContactRequest #formHead .steps { background-color: transparent !important; }
.DealerContactRequest #formHead .steps li { padding-top: 5px; }

#mainContainer.pbc-kmi {
margin:0;
width:674px;
}

@media print {
	.formwizard								{ margin: 0 auto; }
	#toolkit .formwizard					{ overflow: visible; width: auto; }
	#mainContainer							{ width: auto !important; }
	.results, .dealerLocator,
	#dealerdirections, .dealerDetails		{ overflow: visible !important; }
	#formHead, #summaryArea, .formAction,
	.dealerLocator .chooseDealer,
	.dealer_result .select_dealer input,
	.dealer_result .dealerLocatorLinks,
	.js-links, .results address,
	#leftColumn, .dealerDetails .cta li,
	.secondaryAction, .itinerary a,
	.chosenModels .screenFriendly,
	.resultsHeading span,
	#home /*<-- development link*/			{ display: none; }
	.summaryDirections						{ display: none !important; }
	.itinerary .startEnd li					{ padding-left: 0; }
	.printFriendlyDetails p					{ color: #000; font-size: 1em; }
	.results .printFriendlyDetails,
	.results .printFriendlyDetails *,
	.chosenModels .printFriendly			{ display: block !important; }
	#mapDiv									{ border: none; width: 100%; }
	.dealer_result .marker 					{ position: relative; top: -28px; }
	.models li ul							{ visibility: hidden; }
}
