/* Mobile CSS modifications */
/* Mobile CSS modifications */
.mobileOnly{display:none;}
.mobilefont{}
.helpTextAlign{text-align:right;}
/* extra protection mobile sections are not to be displayed in desktop */
#FMT_C9C3CD700C67F03071813{display:none;}
#FMT_C9C3CD700C67F03074930{display:none;}
#FMT_C9C3CD700C67F03075546{display:none;}

/* Mobile media query */
/*@media screen and (max-device-width: 640px)*/

@media only screen and (max-device-width: 640px) and  (min-device-width: 100px), only screen and (min-width: 100px) and (max-width: 640px)
{
	.CompareTableRow1Col2HeaderText, .CompareTableRow1Col3HeaderText {
		font-size: 0.55em;
	}
	  
	.carousel-Header2 {
		font-size: 1.5rem;
		text-align: center;
	}
	
	.QuoteProtectionNoClaimsDesc {
		padding: 0.5em;
	}
	.MazdaZoomLogo {
		zoom: 0.55;
		left: 2.5%;
	}
	#COL_0A250FF43E710593129194 {
		padding: 1em;
	}
	
	.CompareCoverHeading {
		letter-spacing: 0.1em;
	}
	
	.CompleteAnswerDropDown, .CompleteAnswerTextFieldWithHelp, .BasicAnswerTextFieldWithHelp, .BasicAnswerTextField, .BasicAnswerDropDown {
		  width: 85%;
	}
	
	.DealerHomeSelectButton {
		padding: 0.75em 1em;
	}
	
	.PhaseHeaderStyle {
		font-size: 30px;
	}
	
	.popupCloseButton {
		right: 10px !important;
	}
	
	.DealerLoginButton {
		margin: 10px 0 0 0px;
		padding: 0.75em 1.2em;
	}
	.QuoteProtectionCheckbox {
		margin-left: 0;
		margin-top: 5px;
	}
 
	.QuoteProtectionTableHeader {
		background: none;
	}
	
	.QuoteProtectionRemoveButton, .QuoteProtectionAddButton {
		margin: 0;
		padding: 0 1em;
	}
	
	.NCDRemoveButton  {
		padding: 0.75em 1em;
	}
	
	.eligibilityTextcontent {
		padding-left: 0px;
	}
	
	.thankYou16WhiteLightText {
		word-break: break-word;
	}
	
	/* Back/Next/Save for later button section - display flex for div */
	.mobileButtonFlexSection > div {
		display: -ms-flexbox;      /* TWEENER - IE 10 */
		display: -webkit-flex;     /* NEW - Chrome */
		display: flex; 
		flex-direction: column-reverse;
		zoom: 0.85;
	}

	.CarouselCallText {
		padding: 0;
	 } 
	.Footer_Text {
	  width: 95%;
	  margin:auto;
	  padding: 0 0 37px 0;
	}
	
	.LeftColumnButton{
		width: 100%;
	}
	.MiddleColumnButton{
		width: 100%;
	}
	.RightColumnButton{
		width: 100%;
	}
	.LeftColumn {
		width: 100% ;
		padding: 5px 0;
  		border-bottom: 1px solid rgba(229,229,231,1);
	}

	.RightColumn {
		width: 100% ;
	}
	
	/* mobile screen set-up */
	.TabletMobileHeading{
		display: none;
	}
	
	
	*[id="COL_B04C9004F228F46D91900"] {
	    width:1% !important;
		display:none !important ;
    }
	*[id="row_HEAD_6ECC9F06C056C404185858"] {
	    display:none !important;
    }
	
	/* mobile screen set-up */
/* classes defined in edge */
	*[class="floating-section"] {
        width:90% !important;
        top: 30px !important;
    }
	.WebOnly {
		display: none !important;
	}
	
    *[class="WebOnly"] {
        display:none !important;
    }
	*[class="TabletAndMobileOnly"]{
		display: block;
	}
	 *[class="mobileOnly"] {
        display:block !important;
    }
	*[class="LeftQuestionColumn"] {
	    width:100% !important;
		border-bottom:1px solid #B0B7BB !important;
		padding-bottom: 25px !important;
    }
	*[class="RightQuestionColumn"] {
        width:100% !important;
    }
	
	.repeatBg{
		background-image:none !important;
		background-repeat:none !important;
		background-position:none !important;
		margin:none ;
	}
	.ReasonsToChooseForColumn1{
  	width: 100% !important;
    padding: 20px 20px 20px 20px !important;
    border-bottom:1px solid #B0B7BB;
    
  }
  .ReasonsToChooseForColumn2{
  	width: 100% !important;
    padding: 20px 20px 20px 20px !important;
    border-bottom:1px solid #B0B7BB;
  
  }
  .ReasonsToChooseForColumn3{
  	width: 100% !important;
    padding: 20px 20px 20px 20px !important;
    border-bottom:1px solid #B0B7BB;
  }
  .ReasonsToChooseForColumn4{
  	width: 100% !important;
    padding: 20px 20px 20px 20px !important;
   }
  .QuoteFormSection{
		width: 95% !important;
  		margin: 0 auto;	
  }
	.MainContentSection{
  		width: 96%;
  		margin: 0 auto;
  		float: none !important;	
  		padding-top: 10px;
  }
	 *[class="mobileUnderline"] {
		padding:10px 0px 25px 0px;
		border-bottom:1px solid #B0B7BB ;
	}
	
	 *[id="FMT_6D7B2FCB6A0C8AA6235288"] {
        width:100% !important;
    }
	/*compare our cover complete section size */
	 *[id="FMT_6D7B2FCB6A0C8AA6235300"] {
        width:92% !important;
    }
	 /*[id="FMT_5BF5FF7341E0F42956252"] {
        display:none !important;
    }
	
	 *[id="p1_HEAD_40DA17B5EBD45AB6113511"] {
        text-transform:inherit !important;
		padding:10px 0px 10px 0px !important ;
    }
    
	
	 *[id="p1_HEAD_40DA17B5EBD45AB6113524"] {
        text-transform:inherit !important;
		padding:10px 0px 10px 0px !important ;
    }
    */
	 *[class="tickStyle"] {
        padding:28px !important;
    }
	
	 *[id="FMT_24E831715D1830B758258"] {
		margin:0px 0px 20px 0px !important ;
    }
	/* Need help hiding and change position start */
	
	#p4_BUT_7514CAD9B0FB2A0364349{width:50% !important;}
	#p4_BUT_7514CAD9B0FB2A0364360{width:50% !important;}
	/*
	*[id="FMT_7514CAD9B0FB2A0364340"] {
        display:block;
		padding:10px !important; 
		width: 90% !important; 
		margin: auto !important; 
		background-color: black !important; 
		margin-bottom: 10px !important;
    }
    */
	/* Need help hiding and change position end */
	/* cookie formatting */
	*[id="FMT_7514CAD9B0FB2A0363707"] {
       display: none !important;
    }
	
	*[id="FMT_7514CAD9B0FB2A0363688"] {
       display: block !important;
    }
	*[class="tabletCookie"] {
       display: block !important;
    }
	/*carousal modifications for mobile */
	
	*[class="container"] {
       display: none !important;
    }
	*[id="FMT_CB2A7EA525071E3854484"] {
       display: block !important;
    }
	/* Removal & change of Current phase style in header */
	 *[class="FEAturesSeparatorStyle"] {
	 	display: none !important;
	}
	 *[class="FEAturesVisitedStepStyle  "] {
	 	display: none !important;
	}
	 *[class="FEAturesFutureStepStyle  "] {
	 	display: none !important;
	}
	 *[class="FEAturesCurrentStepStyle  "] {
	 	 float: none !important;
  		 text-align: center !important;
		 /*padding-top:20px !important ;*/
		 margin-top:0px !important ;
	}		 
	/* Changes using EDGE IDs for header and footer start */
	/* Heading middle part */
	/*
	*[id="COL_B04C9004F228F46D91607"]{
		text-align:center !important ;
	 }
	 */
	 *[id="row_HEAD_CB6ED4BC492BAA55160498"]{
	 	display: none !important;
	 }
	 *[id="HEAD_7514CAD9B0FB2A0354417"]{
	 	display: block !important;
	 }
	/* LandRover Logo Column size decrement
	 *[id="COL_B04C9004F228F46D91583"]{
	 	width:30% !important;
	 }
	 
	*[id="FMT_7514CAD9B0FB2A0363289"] {
		padding:5px 0 10px 2.5% !important;
	}
	*/
	
	/*
	*[id="FMT_E73DF60776EFFF5F54931"]{
		margin-right: 10px;
	}
	*/
	
	/* Decrease header section size */
	
	/* LandRover Logo size change */
	 
	/* Header suppression for mobile */
	*[id="row_HEAD_B04C9004F228F46D73799"]{
	 	display:none !important;
	}
	
	/* Tablet/mobile help section display */
	*[id="FMT_7514CAD9B0FB2A0365538"]{
	 	display:block !important;
	}
	/* Floating Right sidemenu display removal */
	 *[id="FMT_7D4F2E8D5B199E9D983182"] {
	 	display:none !important;
	}
	*[class="TabletHeading"] {
		display:block !important ;
		width:90% !important ;
		font-size:20px !important ;
		color:#E4E8E8; !important ;
		text-align:center !important ;
		padding-top:30px !important ;
		padding-left:1.75% !important ;
		font-family:LandRoverWeb-Demi !important ; 
	}
	
	
	 .mobileHeadingStyle{display:none!important;}
	
	/* Button style for application navigation in mobile */
	 .mobileButton{width:100% !important ;height: 40px !important ; }
	 .mobileSaveButton{width:80% !important ;height: 40px !important ; }
	 .ProgButtonColumn{width:25% !important;}
	 .SaveButtonColumn{width:50% !important;}
	 .SlateBlueBorder{ padding-left: 15px !important; padding-right: 15px !important;}
	 
	/* Address search column in vehicle details page */
	 *[id="COL_14828543DCC5C68D55831"] {
	 	width:75% !important;
		padding-bottom: 25px !important
	}
	*[id="COL_14828543DCC5C68D55835"] {
		width:21% !important;
		padding-bottom: 25px !important
	}
	*[id="COL_14828543DCC5C68D55839"] {
		width:100% !important;
		border-bottom:1px solid #B0B7BB !important;
		margin-top:0 !important;
	}
	*[id="row_QUE_0CB2ABDF4631708364313"] {
		display:none;
	}
	
	/*LRQuote*/
	.LRQuoteYourExcessesColumn1{
		width:100%;
	}
	.LRQuoteYourExcessesColumn2{
		width:100%;
		margin: 2% 0;
	}
/*LRQuote*/
	/* Quote page column changes */
	 #SPC_E9B7B62CF6790D6A49803{display:none !important;}
	 #row_BUT_E9B7B62CF6790D6A49834{padding-left:0px !important;}
	 #row_BUT_C422EB1DBAC4C53039205{padding-left:0px !important;}
	 #COL_C422EB1DBAC4C53040030{width:60% !important;}
	 #COL_C422EB1DBAC4C53040034{width:40% !important;}
	 #COL_C422EB1DBAC4C53040022{width:60% !important;}
	 #COL_C422EB1DBAC4C53040026{width:40% !important;}
     .mobileSuppressColumn{display:none !important;}
	
	/* How can we help page - Existing customer modifications */
	 
	
	/* Proof of NCD page */
	 #p4_BUT_72B07A27C4DF071B36757{text-align:left !important; float:none !important; padding-top:30px !important;}
	
	/*Policy documents page */
	 .mobileLeftPolicyLink{width:30% !important; float:left !important;}
	 .mobileRightPolicyLink{width:70% !important; float:left !important;}
	
	
	/* Summary page read only section changes */
	 .mobileMainSumColumn{width:85% !important;}
	 .mobileSummaryColumn{width:85% !important; padding-bottom:0.5em !important;}
	/* Summary Editable section changes */
	 .SummaryButtonColumn{margin-top:48px !important;}
	 .SummaryLeftQuestionColumn{width:70% !important;}
	 /*#COL_F20815B0A3D18A56112152{width:80% !important;}*/
	 .coloumnWidth60Percent{
			width: 100%;
		}
	 #COL_1559201C049E196359813{display:block !important;}
	 #COL_2FC81E79DA1F27D543741{display:none !important;}
	 
	/* Payment page */
	 #row_BUT_820A677763093AA383393{display:none !important;}
	 .PaymentSelectButtonStyle {background-color:#0C121C;color:#FFFFFF;border:1px solid #0C121C;padding:10px 10px 10px 10px;}
	 .PaymentSelectButtonStyle:hover {background-color:#0C121C;color:#FFFFFF;margin:auto;padding:10px 10px 10px 10px;}
	 .PaymentSectionStyle {padding:10px;}
	 #COL_E650FA48AF71FC1883769{width:70% !important;}
	
	/*Thank You page */
	
	 
	 .ThankyouSubsectionRow1Column1Width {
    	width: 13%;
	 }
	 .ThankyouSubsectionRow1Column2Width {
    	width: 85%;
	 }
	 .ThankyouSubsectionColumn2Width {
    	width: 85%;
	 }
	 .ThankyouSubsectionRow1Column3Width {
    	width: 89%;
    	float: right !important;
    	margin-top: 0%;
	  }
	 
	 
	 /*Quote page extra protection */
	 #FMT_C9C3CD700C67F03071829{display:none !important;}
	 #FMT_C9C3CD700C67F03071813{display:block !important;}
	 #FMT_C9C3CD700C67F03074778{display:none !important;}
	 #FMT_C9C3CD700C67F03074930{display:block !important;}
	 #FMT_0663DCA75353D455104991{display:none !important;}
	 #FMT_C9C3CD700C67F03075546{display:block !important;}
	 
	 .ExtraProtectTextWithTick{
		background: transparent url("../../../images/MZ/OC_Mazda_tick_black_std.png") no-repeat scroll left center;
		padding-left: 25px;
		font: 18px/25px MazdaRegular,"arial";
		vertical-align: middle;
		color: rgb(110,110,110);
	 }
	 .ExtraProtectTextWithHelpIcon{
		padding: 0;
		font: 18px/25px MazdaRegular,"arial";
		vertical-align: middle;
		color: rgb(110,110,110);
	 }
	 /*Help section*/
	.NeedHelpColumn{
		display:none;	
	}
	.DealerFormFieldsWrapper{
		margin:0;
	}
	
	.DealerLoginConfirmationCol1{
		width:5%
	}
	.DealerLoginConfirmationCol2{
		width:95%
	}
	
	/*   Popup body size */
	.FloatPopupSection{
		padding: 10px !important;
		top: 50px !important;
		height: inherit !important;
		width: inherit !important;
	}
	.CompleteAnswerDropDown, .CompleteAnswerTextFieldWithHelp {
	  width: 88%;
	}
	.ClaimTableCol1{
		width: 100%;
	}
	.ClaimTableCol2{
		width: 100%;
	}
	.ClaimTableCol3{
		width: 20%;
	}
	.NeedHelpOpeningHours{
		width:100%;
	}
	.RowRadioButtonAnswer{
		width: auto;
	}
	.ConvictionsTableCol1{
		width: 100%;
	}
	.ConvictionsTableCol2{
		width: 50%;
	}
	.ConvictionsTableCol3{
		width: 50%;
	}
	
	.BannerButtons {
		margin-top: 35% !important;
	}
		
}

@media only screen and (max-device-width: 768px) and  (min-device-width: 100px), only screen and (min-width: 100px) and (max-width: 768px){
	/*Compare Cover Table*/
	  .CompareTableContentText{
		  font-size: 0.85rem;
		  padding: 4px;
	  }
	  .CompareCoverTableColumn1{
	  	width: 54%;
	  }
	  .CompareCoverTableColumn2{
	  	width: 23%;
	  }
	  .CompareCoverTableColumn3{
	  	width: 23%;
	  }
	  
	  .CompareCoverTableHeaderRowCol2 {
	  }
	  .CompareCoverTableHeader{
	  }
	  /*Compare Cover Table*/
		
	.CurrentInsurerDesc{
		padding: 10px;
	}
	
}

@media only screen and (min-device-width: 320px) and (max-device-width: 736px) {
	
	.stickyButtonsSection {
		display: block;
		padding: 1% 12%;
	}
	
	.BannerButtons, #TXT_99CAA8B86A51FB4C69617 {
		display: none;
	}
	
	.StickyNewQuoteButton {
		font: 13px MazdaRegular,"arial";
		color: #000;
		padding: 14px 7px;
		border: none;
		vertical-align: middle;
		margin: 5px 0 5px 0;
		background: white no-repeat;
		border-radius: 5px;
		text-transform: uppercase;
		letter-spacing: 0.14em;
	}
	
	.StickyRetrieveQuoteButton {
	    font: 13px MazdaRegular,"arial";
		color: #FFF;
		height: 40px;
		border: 2pt solid white;
		vertical-align: middle;
		margin: 5px 0 5px 0;
		background: transparent no-repeat;
		border-radius: 5px;
		text-transform: uppercase;
		padding: 0 5px;
		letter-spacing: 0.14em;
	}
	
	.Fivestarcoversection {
		display: none;
	}
	
	.LogoTopMenuSection {
		padding: 0.75em;
		border: 0 none;
	}
	
	.LogoTopMenuSection >div {
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
	}

	.LogoPageHeading {
	  order: 2;
	  -webkit-order: 2;
	  -ms-flex-order: 2;
	  width: 60% !important;
	}
	
	.TopLinkMenus {
		display: none;
	}

	.SlideoutColumn {
	  order: 3;
	  -webkit-order: 3;
	  -ms-flex-order: 3;
	  display: block;
	  width: 10%;
	  margin-right: 2.5%;
	}

	.TopLogoColumn {
	  order: 1;
	  -webkit-order: 1;
	  -ms-flex-order: 1;
	  width: 30% !important;
	}
	
	.LogoSection {
		padding-left: 2.5%;
	}
	
	.HamburgerIconSection {
		margin-top: 2px !important;
	}
	
	.LogoIcon {
		/*background: transparent url(../../../images/MZ/Mazda_mobile_logo_std.png) no-repeat;*/
		background-position: left center;
		border: 0 none;
		width: 124px;
		height: 28px;
		background-size: contain;
		background-repeat: no-repeat;
	}
	
	.BannerImageScrollDownButton {
		display: none;
	}
	
	.pageHeading {
		font-size: 20px;
		line-height: 24px;
	}
	
	.paymentRedSection, .paymentWhiteSection, .promotionalCodeSection {
		padding: 10px;
	}
	
	.UnselectedPaymentTextColumn, .SelectedPaymentTextColumn {
		width: 100%;
	}
	
	/* payment page voucher code question */

	.VoucherCodeQuestionColumn {
		width: 100%;
		padding-bottom: 1em;
	}

	.VoucherCodeQuestion {
		width: 100%;
		padding-bottom: 1em;
	}

	.VoucherCodeApplyButtonColumn {
		width: 100%;
	}
	
	.PaymentFindPostCodeButton {
		
	}
	
	.ProgressBarSection {
		display: block;
		padding: 1em 0;
	}
	
	.tickImagedisplay {
		padding: 0 !important;
	}
	
	.MobileQuoteProtectionSection {
		background-color: rgb(245,245,245);
	}
	
	.MobileQuoteProtectionSectionSelected {
		background-color: rgb(112,111,111);
	}
	
	.footerDefaqtoText {
		padding: 20px 0;
	}
	
	.modal-close {
		right: 15px !important;
	}
	
	.PrivacyOptinText {
		margin-left: 0.5em;
	}
	
	.PostcodeLookupButton {
		margin-left: 0;
	}
}


/* To Avoid popup width affecting through media query changed screen width and applied popup properties for mobile separately */
@media only screen and (max-width: 576px)  {
	
	.ResultsTable {
     		zoom: 0.5; /* Chrome */
     		transform-origin: 0;
	}   
	 /*#FloatPopupDiv{width:98% !important ;padding:10px !important;top:50px !important;left:1% !important; height: inherit !important; }*/
	 
	 .popupbody {
		overflow-y: auto;
		padding: 0 10px 0 10px;
		margin: 0;
	}
	 
}

@media only screen and (min-width: 320px) and (max-width: 736px) and (orientation: portrait) {	
	
	.PaymentComodoSecureHelpColumn {
	}
		
	.CardTypeHeading, .CardsLogoColumn {
		width: 100%;
	}
	
	.footerDefaqtoText {
		width: 100%;
		text-align: center;
		font-size: 20px;
	}
}

@media only screen and (max-device-width: 1025px) and  (min-device-width: 768px) {
	
	.CarouselCallText {
	}
	
	.LandingPageDealerLoginDiv {
		padding: 0 15%;
	}
	
	.LogoTopMenuSection >div {
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
	}
	
	.LogoTopMenuSection {
		padding: 0.5em;
	}

	.LogoPageHeading {
	  order: 2;
	  -webkit-order: 2;
	  -ms-flex-order: 2;
	  width: 68% !important;
	}

	.SlideoutColumn {
	  order: 3;
	  -webkit-order: 3;
	  -ms-flex-order: 3;
	}

	.TopLogoColumn {
	  order: 1;
	  -webkit-order: 1;
	  -ms-flex-order: 1;
	}
	
	.HamburgerIconSection {
		margin-left: 3%;
	}
	
}

/*480px portrait mode */
@media only screen and (min-device-width: 320px) and (max-device-width: 320px) and (orientation: portrait), only screen and (min-width: 320px) and (max-width: 320px) and (orientation: portrait)  {
	
	#COL_0A250FF43E710593129194 {
		padding: 1.8em 0;
	}
	
}
  
/* Iphone 4 Landscape mode */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 480px) and (orientation: landscape)  { 
	.stickyButtonsSection {
		padding: 0 22%;
	}
	
	.footerDefaqtoText {
		width: 100%;
		text-align: center;
		font-size: 20px;
	}
	
	.PaymentComodoSecureHelpColumn {
	}	
}

@media only screen and (min-device-width: 567px) and (orientation: landscape)  {
	  
	.stickyButtonsSection {
		padding: 0 23%;
	}
	
	.SlideoutColumn {
		margin: 0;
	}
	
	.CompareTableRow1Col2HeaderText, .CompareTableRow1Col3HeaderText {
	  font: 13px MazdaRegular, "arial";
  }
}

/* Nexus 6P  and 5X */
@media only screen 
  and (min-device-width: 640px) 
  and (max-device-width: 736px) { 
	.stickyButtonsSection {
		padding: 0 26%;
	}
	
	.CarouselCallText {
		text-align: center;
		padding: 0;
	}
	
	.SlideoutColumn {
		margin: 0;
	}
}

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px)  {
	.HomePageBanner {
	}
}




@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 376px)  {
	  
	  .stickyButtonsSection {
		padding: 1% 12%;
	}
	
  }
  
/* Iphone 4 Landscape mode */

/* Iphone 6 to Nexus 6P */
@media only screen 
  and (min-device-width: 667px) 
  and (max-device-width: 823px) and (orientation: landscape)  {
	.TabletMobileHeading{
		font: 15pt MazdaRegular,"arial";
		display: block;
		text-align: center !important;
		padding-top: 15px;
	}
	
	.PaymentComodoSecureHelpColumn {
	}
	
	.stickyButtonsSection {
		padding: 0 27%;
	}
	
	.carousel-Header2 {
		font-size: 2.5rem;
	}
	
	.CompareTableRow1Col2HeaderText, .CompareTableRow1Col3HeaderText {
	  font-size: 0.75em;
	}
	.BannerButtons {
		padding-left: 26%;
		margin-top: 24%;
	}
}

.faqlink{
		window.event.stopPropagation();
}
.content{
window.event.stopPropagation();
}