/*a {color:inherit;text-decoration:inherit; font-family:inherit;font-size:inherit}
a.underline{
text-decoration: underline;
}

.phase a:hover, .modal-content a:hover {
color: #fe8b52;
}
.phase a, .modal-content a {color: #E05206;}
*/

@import url(fonts.css);

@import url(Carousel.css);


/* KIA STYLES FOR DESKTOP */

html {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

*, *:before, *:after {
  -webkit-box-sizing: inherit;
  -moz-box-sizing: inherit;
  box-sizing: inherit;
}

body {
	font-size: 14px;
	background-color: #fff;
	color: rgb(25,25,25);
	overflow-x: hidden;
}

input[type="text"], select, textarea, button {
	color: rgb(110,110,110);
	border: 1px solid rgb(185, 180, 180);
}

div.hr {
	border-top: 1px solid gray;
	padding: 0px;
}

select[multiple], select[size] {
  height: 30px !important;
}

option {
  font-family: MazdaLight,"arial";
}

input:read-only {
  border: 0 none;
  outline: 0 none;
}

* > span {
	border:0 none;
}

button {
	letter-spacing: 0.14em;
}

*:focus, *:active {
  outline: none;
  outline: 0;
}

br {
	border: 0 none;
	outline: 0 none;
	display: inline-block;
}


/* START KIA COLOR CODES */
.LightRedColor {
  color: rgb(234,33,45);
}

.MidRedColor {
  color: rgb(162,22,41);
}

.DarkRedColor {
  color: rgb(138,19,34);
}

.BGGreyColor {
  color: rgb(246,246,246);
}

.DisplayGreyColor {
  color: rgb(51,51,51);
}

.TextGreyColor {
  color: rgb(110,110,110);
}

.DarkGreyColor {
  color: rgb(110,110,110);
}

.MidGreyColor {
  color: rgb(224,224,224);
}

.BrightGreyColor {
  color: rgb(203,203,203);
}

.LightGreyColor {
  color: rgb(245,245,245);
}

.BlackColor {
  color: rgb(25,25,25);
}

.BlueColor {
  color: rgba(61,70,87,1);
}

.WhiteColor {
  color: #fff;
}

.BackgroundLightRedColor {
  background-color: rgb(188,22,44);
}

.BackgroundMidRedColor {
  background-color: rgb(162,22,41);
}

.BackgroundDarkRedColor {
  background-color: rgb(138,19,34);
}

.BackgroundBGGreyColor {
  background-color: rgb(246,246,246);
}

.BackgroundLightGreyColor {
  background-color: rgb(229,229,231);
}

.BackgroundBlueColor {
  background-color: rgb(61, 70, 87);
}

.BackgroundDarkGreyColor {
	background-color: rgb(136,136,136);
}

/* END KIA COLOR CODES */

/* KIA Fonts */
.Font-Bold {
  font-family: MazdaBold;
}

.Font-Medium {
  font-family: MazdaRegular;
}

.Font-Light {
  font-family: MazdaLight;
}

.Font12px16pxLight {
  font-size: 18px;
  line-height: 25px;
  font-family: MazdaLight,"arial","helvetica",sans-serif;
}

.Font18px25pxLight {
  font-size: 18px;
  line-height: 25px;
  font-family: MazdaLight,"arial","helvetica",sans-serif;
  color: #FFF;
  text-transform: uppercase;
}

.Font18px25pxBold {
  font-size: 18px;
  line-height: 25px;
  font-family: MazdaRegular,"arial","helvetica",sans-serif;
}

.Font20px24pxBold {
  font-size: 20px;
  line-height: 24px;
  font-family: MazdaRegular,"arial","helvetica",sans-serif;
  letter-spacing: 0.14em;
}

.Font30px36pxBold {
  font: 30px/36px MazdaRegular,"arial";
  letter-spacing: 0.14em;
}

/* end KIA Fonts */

/* Line Height */
.LineHeight17px {
  line-height: 17px;
}

.LineHeight16px {
  line-height: 16px;
}

.LineHeight19px {
  line-height: 19px;
}

.LineHeight20px {
  line-height: 20px;
}

.LineHeight24px {
  line-height: 24px;
}

.LineHeight25px {
  line-height: 25px;
}

/* Padding styles */
.Padding10TB20LRpx {
  padding: 10px 20px;
}

.PaddingLeft2-5Percent {
  padding-left: 2.5%;
}

.Padding4px {
  padding: 4px;
}

.PaddingTB2em {
  padding: 2em 0;
}

.PaddingTB5px {
  padding: 5px 0;
}

.PaddingTB10px {
  padding: 10px 0;
}

.PaddingTop20px {
  padding-top: 20px;
}

.Padding10px {
  padding: 10px;
}
.Padding15px {
  padding: 15px;
}
.PaddingBottom10px {
  padding-bottom: 10px;
}

/* Margin Styles */
.MarginLeftRight15Percent {
  margin: auto 15%;
}

.MarginLeftRight13Percent {
  margin: auto 13%;
}
/* end Margin styles */

/* start select drop down arrow image 
select.verexDropdownImage {-webkit-appearance:none;-moz-appearance:none;background:url(../../../images/K1/M&C_Kia_dropdown.png) no-repeat scroll 98% 50% #FFFFFF; padding-right:30px;}
*/

select.verexDateDropDownImage {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: url(../../../images/MZ/OC_Mazda_dropdown_std.png) no-repeat scroll 86% 50%;
  padding-right: 30px;
}

/* end select drop down image */

/* MAIN CONTAINER */
.BrowserWindow {
  font-family: MazdaLight,"arial","helvetica",sans-serif;
  background-repeat: repeat;
  margin: 0 auto;
  color: #191919;
}

/* Page Header Styles */
.MainHeaderStyle1 {
	font: 30px/36px MazdaBold,"arial";
	letter-spacing: 0.14em;
	text-transform: uppercase;
}

.MainHeaderStyle2 {
	font: 20px/24px MazdaBold,"arial";
	text-transform: uppercase;	
}

.MainContentSection {
	width: 65%;
	margin-top:1%;
}

.LeftColumn {
	width: 49%;
	margin-right: 1%;
}

.RightColumn {
	width: 50%;
}

.LRQuestionError {
  background: transparent url(../../../images/MZ/OC_Mazda_alert-red_std.png) 98% 50% no-repeat !important;
}

/* COOKIE POLICY */
.CookiePolicySection {
  background-color: rgb(61,70,87);
	/*display:none;*/;
}

.CookiePolicyHeaderText{
	font: 20px MazdaRegular,"arial";
	color: #fff;
}
.CookieContentTextStyle{
	font: 12px MazdaRegular,"arial";
	color: #fff;
}
.CookieContent {
  width: calc(100% - 62px);
  width: -moz-calc(100% - 62px);
  width: -webkit-calc(100% - 62px);
  /* specified as percentage rather than absolute pixels */
  padding: 1% 2%;
}
.TabletCookieSection{
	background-color: #4a4f54;
	display:none;
}
.CookieContentText {
  padding-top: 10px;
  line-height: 17px;
  color: white;
}

.CookieCloseButtonSection {
  width: 62px;
  border-left: 1px solid rgb(51,51,51);
}

.CookieCloseButton {
  color: #FFF;
  background-color: transparent;
  border: medium none;
  line-height: 0;
  height: auto;
  font-size: 2em;
  padding: 1.5em 0.6em;
}

/* END COOKIE POLICY */

/* KIA LOGO AND TOP MENU */
.LogoTopMenuSection {
  /*max-height: 56px;*/
  border-bottom: 5px solid #FFF;
  background-color: #000;
  padding: 0;
}

.LogoSection {
  padding: 4% 0 4% 10%;
}

.LogoIcon {
  background: transparent url("../../../images/MZ/OC_Mazda_logo_std.png") no-repeat;
  background-position: left center;
  border: 0 none;
  width: 71px;
  height: 66px;
}

.TabletMobileHeading {
    display: none;
}

/* END KIA LOGO SECTION */

/* TOP MENU FIXED LINKS */
.menufixedlinks {
  padding: 9% 6% 5% 0;
}

.menufixedlinks ul {
  list-style-type: none;
  display: inline;
  text-align: center;
}

.menufixedlinks li {
  list-style-type: none;
  list-style: none;
  display: inline;
  padding: 0.5em 1em;
  font-family: MazdaLight, "arial";
  font-size: 15px;
  color: #FFF;
  letter-spacing: 0.14em;
}

.LogoTopMenuSection .menufixedlinks li a {
  color: rgb(245,245,245);
  text-transform: uppercase;
}
/*.menufixedlinks a:hover, #menu a:focus { color: #FFFFFF; }*/

/* Footer Styles */

.footerDefaqtoContent {
    background: rgb(110,110,110) no-repeat;
    display: block;
}

.footerDefaqtoText {
    margin: auto;
    padding: 1em 0;
    font: 28px MazdaRegular,"arial";
    text-transform: uppercase;
	text-align: center;
	color: #FFF;
	letter-spacing: 0.14em;
}

.footersubtext {
	font: 18px/25px MazdaLight, "arial";
	color: #FFF;
	letter-spacing: 0.14em;
}

.mobileFooterDefaqtoText {
    display: none;
}

#Footer {
  background: rgb(25,25,25);
}

#Footer_Links {
  padding: 1em 0 1em 2.5%;
}

#Footer a {
	font-size: 13px;
	color: #FFF;
	padding-right: 2em;
	letter-spacing: 0.14em;
	text-transform: uppercase;
}
.footerTextStyle {
	font: 12px/18px MazdaRegular, "arial";
	color: #FFF;
	padding: 1% 2.5%;
	letter-spacing: 0.014em;
}

#Footer_Text a {
	font: 12px/18px MazdaRegular, "arial";
	color: #FFF;
	text-transform: none;
	letter-spacing: 0;
	text-decoration: underline;
}

#footer_base_wrap {
  margin: 0px auto;
  height: 67px;
  position: relative;
  background: #FFF none repeat scroll 0% 0%;
  display: block;
  overflow: visible;
}

#footer_logo {
  width: 155px;
  height: 0px;
  padding-top: 60px;
  overflow: hidden;
  position: absolute;
  right: 0px;
  top: -34px;
  margin-right: 2.5%;
  background: transparent url("../../../images/K1/footer_logo.png") no-repeat scroll 0px 0px;
}

/* START KIA CAROUSEL BUTTONS */
.CarouselButton {
  -webkit-border-radius: 24;
  -moz-border-radius: 24;
  border-radius: 24px;
  font-family: Arial;
  color: #a21629;
  font-size: 20px;
  background: #fff;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
}

.CarouselButton:hover {
  background: #a11629;
  text-decoration: none;
  color: #fff;
}
/* END KIA CAROUSEL BUTTONS */

/* 
/* Compare cover button */
.CompareCoverButtonSection {
  width: 100%;
  padding: 2em 0;
}

.CompareCoverButton {
  -webkit-border-radius: 24px;
  -moz-border-radius: 24px;
  border-radius: 24px;
  font-family: Arial;
  color: #fff;
  font: 16px MazdaRegular;
  background: #A11629;
  padding: 8px 8px;
  text-decoration: none;
  border: none;
  height: 37px;
  width: 214px;
}

.CompareCoverButton:hover {
  background: #fff;
  text-decoration: none;
  color: #A11629;
}
/* end compare cover button */

/* compare cover content section */
.CompareCoverContentWrapper {
  padding-top: 4.0625em;
}

.CompareCoverContent {
  margin: 0 auto;
  color: rgba(25,25,25,1);
  width: 50%;
}

/* Compare Cover Header Heading */
.CompareCoverHeading {
	font: 2em MazdaRegular, "arial";
	text-transform: uppercase;
	margin-bottom: 0.5em;
	letter-spacing: 0.1em;	
}

.CompareCoverHeader1 {
	font: 28px/32px MazdaRegular,"arial";
	width: 65%;
	margin-bottom: 2%;
}

.CompareCoverHeader2 {
	font: 28px/32px MazdaRegular,"arial";
	width: 35%;
	margin-bottom: 2%;
}

.CompareCoverTableWrapper {
  padding-top: 4.0625em;
}

.CompareCoverTableRow {
  border-bottom: 1px solid rgb(217,218,217);
}

.CompareCoverTableColumn1 {
  width: 50%;
  font: 18px/25px MazdaLight, "arial";
  /*letter-spacing: 0.078em;
  text-transform: uppercase;*/
}

.CompareCoverTableColumn2 {
  width: 24.5%;
  background: rgb(25,25,25) repeat;
}

.CompareCoverTableColumn3 {
  width: 24.5%;
}

#COL_0A250FF43E710593129194 {
	padding: 0.7em;
}

#COL_0A250FF43E710593129195 {
	padding: 10px 0;
}

.CompareCoverTableHeaderRowCol2 {
  font-family: MazdaLight, "arial";
  text-transform: uppercase;
}

.CompareCoverTableHeaderRowCol3 {
  font-family: MazdaLight, "arial";
  text-transform: uppercase;
}

.CompareTableRow1Col2HeaderText,.CompareTableRow1Col3HeaderText {
  font: 13px MazdaRegular, "arial";
  text-transform: uppercase;
  padding: 8px 0;
  color: #FFF;
  letter-spacing: 0.2em;
}

.CompareTableRow1Col3HeaderText {
	color: rgba(110,110,110,1);
	font-weight: bold;
}

.CompareTableContentText {
  font: 16px/22px MazdaLight, "arial";
  padding: 10px 0;
  color: rgba(110,110,110,1);
}

.GenuineSparePartsQuestion {
  font: 18px/25px MazdaLight,"arial";
  width: 100%;
}

.GenuineSparePartsAnswer {
  font: 14px MazdaLight,"arial";
  width: 100%;
  -webkit-appearance: none;
  -moz-appearance: none;
  background: url(../../../images/MZ/OC_Mazda_dropdown_std.png) no-repeat scroll 98% 50% rgb(245,245,245);
  text-transform: uppercase;
  color: rgb(110,110,110);
  border: 1px solid rgb(0,0,0);
}

span.GenuineSparePartsAnswer  {
  display: none;
}

.CompareCoverSourceText {
  padding-top: 1em;
  font: 12px MazdaRegular, "arial";
  color: rgba(110,110,110,1);
}

.CurrentInsurerDesc {
  margin: 0 0 1em 0;
  background: rgb(110,110,110) none repeat scroll 0% 0%;
  padding: 2em 5em;
}

.CurrentInsurerHeader {
  font: 20px MazdaLight,"arial";
  letter-spacing: 0.14em;
  padding-bottom: 5px;
  color: #FFF;
}

.CurrentInsurerPolicyWording {
  font: 18px MazdaRegular,"arial";
  padding: 1em 0;
  color: #FFF;
}

.CurrentInsurerPolicyWordingYear {
  font: 18px MazdaRegular,"arial";
  padding-bottom: 0.5em;
  color: #FFF;
}

.CompareCoverBespokeHeading {
  font: 24px MazdaRegular,"arial";
  text-transform: uppercase;
  padding: 10px 0;
  letter-spacing: 0.1em;
}

.CompareCoverBespokeSubHeading {
  font: 20px MazdaRegular,"arial";
  padding: 5px 0;
}

.CompareCoverBespokeText {
  font: 18px/25px MazdaLight,"arial";
  padding: 5px 0;
  color: rgb(110,110,110);
}

.CompareCoverTableTickImge {
	 background: transparent url("../../../images/MZ/OC_Mazda_tick_white_std.png") no-repeat scroll center center;
}

.CompareCoverTickImge {
	 background: transparent url("../../../images/blackdot.png") no-repeat scroll center center;
}

.CompareCoverCrossImge {
    background: transparent url("../../../images/MZ/OC_Mazda_cross_black_std.png") no-repeat scroll center center;
}

.WhiteTickImage {
  	 background: transparent url("../../../images/K1/M&C_Kia_tick_white.png") no-repeat scroll center center;
}

.tickImage{
	 background: transparent url("../../../images/MZ/OC_Mazda_tick_white_std.png") no-repeat scroll right center;
}

.WhiteCrossImage {
  background: transparent url("../../../images/K1/M&C_Kia_cross_white.png") no-repeat scroll center center;
}

.GreenTickImage {
  background: transparent url("../../../images/MZ/OC_Mazda_tick_black_std.png") no-repeat scroll center center;
}

.RedCrossImage {
  background: transparent url("../../../images/MZ/OC_Mazda_cross_grey_std.png") no-repeat scroll center center;
}

.CompareCoverOptionsSection {
  border: medium none;
  background-position: left 10%;
  vertical-align: middle;
  padding-bottom: 0.5em !important;
  background-origin: content-box;
}

.CompareCoverOptionsText {
  font: 18px/25px MazdaLight,"arial";
  padding-left: 1.3em;
  color: rgb(110,110,110);
  letter-spacing: 0.01em;
}

.CompareCoverTAndC {
  Font: 12px MazdaLight,"arial";
  padding: 1.2em 0;
  color: rgb(110,110,110);
}

.CompareCoverCloseButton {
  -webkit-border-radius: 24px;
  -moz-border-radius: 24px;
  border-radius: 24px;
  font-family: Arial;
  color: #fff;
  font: 16px MazdaRegular;
  background: rgba(188,22,44,1);
  padding: 0px 25px;
  text-decoration: none;
  border: none;
  height: 37px;
}

/* end compare cover content styles */

/* start 4 Reasons To Choose Section*/
.FourReasonsContainer {
  background-color: rgba(25,25,25,1);
}

.FourReasonsHeaderSection {
  letter-spacing: 0.14em;
}

.FourReasonsHeaderSection .FourReasonsHeader1 {
  font: 28px MazdaRegular, "arial";
  padding-top: 1em;
  text-transform: uppercase;
  color: #FFF;
  letter-spacing: 0.14em;
}

.FourReasonsHeaderSection .FourReasonsHeader2 {
  font: 28px MazdaRegular;
  padding-bottom: 1.125em;
  text-transform: uppercase;
}

/* Numbered Heading Style */
.FourReasonsNumberSection {
	width: 40px;
	height: 40px;
	font: 24px MazdaRegular;
	color: #fff;
	border-radius: 50%;
	margin: auto;
	background-color: rgb(25,25,25);
	border: 2px solid rgb(110,110,110);
	padding: 4px;
}

.FourReasonsHeaderText {
  font: 18px MazdaRegular, "arial";
  letter-spacing: 0.14em;
  padding-top: 1em;
  text-transform: uppercase;
  color: #FFF;
}

.FourReasonsText {
  font: 15px MazdaLight,"arial";
  padding-top: 1em;
  color: #FFF;
}
/* end 4 reasons section styles*/

/* Modal close button style */
.ModalCloseButton {
  background: transparent url("../../../images/MZ/modal_close.png") no-repeat scroll right 10%;
}

/* Top Progress bar Styles */
.FEAturesCurrentStepStyle {
  color: rgb(25,25,25);
  font: 20px MazdaRegular,"arial";
  padding-right: 10px;
  vertical-align: middle;
  text-transform: uppercase;
}

.FEAturesVisitedStepStyle {
  background: transparent url("../../../images/MZ/OC_Mazda_tracker-tick_std.png") no-repeat scroll left center;
  padding: 4px 10px 4px 25px;
  color: rgb(110,110,110);
  font: 20px MazdaRegular, "arial";
  margin-left: 10px;
  vertical-align: middle;
  text-transform: uppercase;
}

.FEAturesVisitedStepStyle:nth-child(3) {
 
}

.FEAturesVisitedStepStyle:nth-child(5) {
  
}

.FEAturesFutureStepStyle {
  color: rgb(110,110,110);
  font: 20px MazdaRegular, "arial";
  padding: 0 10px 0 0;
  text-transform: uppercase;
}

.FEAturesCurrentIndicatorStyle {
  color: #FFF;
  font: 20px MazdaRegular, "arial";
  background-color: rgb(25,25,25);
  margin: 5px;
  padding: 4px 12px;
  border-radius: 50%;
}

.FEAturesFutureIndicatorStyle {
  border: 1px solid rgb(110,110,110);
  border-radius: 50%;
  padding: 5px 12px;
  margin: 5px;
  font: 20px MazdaRegular, "arial";
}

.FEAturesSeparatorStyle {
  background: url("../../../images/MZ/OC_Mazda_tracker-arrow_std.png") no-repeat;
	/*background-repeat:no-repeat;*/
  width: 20px;
  margin-top: 0.65em;
}
/* end progress bar styles */

/* Floating Need Help Section styles */
.HelpBox {
  background-color: rgba(25,25,25,1);
  margin: 10% auto;
  width: 85%;
}
.TabletMobileHelpBox{
	background-color: rgba(25,25,25,1);
	padding: 20px;
	width: 95%;
    margin: auto;
	color: #FFF;
}
.NeedHelpHeading {
  font: 28px MazdaRegular,"arial";
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: rgb(245,245,245);
}

.NeedHelpContactNo {
  font: 25px MazdaRegular,"arial";
  letter-spacing: 0.1em;
  padding-top: 10px;
  color: rgb(245,245,245);
}

.NeedHelpContentText {
  font: 16px MazdaRegular,"arial";
  padding-top: 10px;
  color: #FFF;
}

.callMeBackButton {
  font: 16px MazdaRegular,"arial";
  background: transparent no-repeat;
  color: rgb(245,245,245);
  border: 0 none;
  vertical-align: middle;
  margin: 0.5em auto;
  text-transform: uppercase;
  border-bottom: 1pt solid #FFF;
  padding-bottom: 2px;
}
/* end floating need help section */

/* Quote Form Question Answer Styles */
.QuoteFormSection {
	/*border: 1px solid rgba(229,229,231,1);*/;
}

.FAQSection {
  padding-left: 15px;
  padding-top: 14px;
}


.FormFieldSection {
  padding: 12px 0;
  border-bottom: 1px solid rgba(245,245,245,1);
}

.ThankyouFieldSection{
  padding: 5px 0;
  border-bottom: 2px solid #FFF;
}

.UsefulResourcesFieldSection{
     padding: 15px 0;
}

.FormSection {
  padding: 5px 0;
}

.PopupWrapper {
	margin: 2em 0 1em 0;
}
.FormText, .bodytext {
  font: 18px/25px MazdaLight,"arial";
  color: rgb(110,110,110);
}

.bodytext {
	color:#FFF;
}

.premium-finance-agreement .bodytext, .premium-finance-info .bodytext {
	color: #0c0c0c;
}

.FormTextBold {
  font: 13px/21px MazdaBold,"arial";
  text-transform: uppercase;
  color: rgb(110,110,110);
  letter-spacing: 0.14em;
}

.AboutYouSummaryHeader {
  font: 18px/25px MazdaRegular,"arial","helvetica",sans-serif;
}

.BasicQuestion {
  font: 16px/25px MazdaRegular, "arial";
  letter-spacing: 0.14em;
  color: #000;
  margin-bottom: 0.3em;
  width: 100%;
  text-transform: uppercase;
}

.BasicQuestionBold {
  font: 16px/25px MazdaBold, "arial";
  letter-spacing: 0.14em;
  color: #000;
  margin-bottom: 0.3em;
  width: 100%;
  text-transform: uppercase;
}

.LeftColumnButton{
	width: 32%;
}
.MiddleColumnButton{
	width: 50%;
}
.RightColumnButton{
	width: 17%;
}
.BasicAnswerReadOnly {
  font: 16px/20px MazdaLight, "arial";
  color: #000;
  padding: 4px 2px;
  width: 90%;
  border: 0 none;
}

.BasicAnswerTextField {
  font: 16px/20px MazdaLight, "arial";
  color: rgba(110,110,110,1);
  border: 1px solid rgb(185, 180, 180);
  padding: 4px 2px;
  width: 90%;
  margin-bottom: 5px;
}
.BasicAnswerTextFieldReverseBackground {
  font: 16px/20px MazdaLight, "arial";
  color: rgba(110,110,110,1);
  padding: 4px 2px;
  width: 90%;
  margin-bottom: 5px;
  border: 1px solid rgb(185, 180, 180);
}

.BasicRadioButtonField {
  font: 16px/20px MazdaLight, "arial";
  color: rgba(110,110,110,1);
  padding: 4px 0;
  width: 35%;
  border: 0 none;
  margin-bottom: 5px;
}

.RowRadioButtonAnswer {
  font: 16px/20px MazdaLight, "arial";
  color: rgba(110,110,110,1);
  padding: 4px 0;
  width: 20%;
  border: 0 none;
  margin: 1px 2px;
  min-width: 100px;
}

.BasicAnswerTextFieldWithHelp {
  font: 16px/20px MazdaLight, "arial";
  color: rgba(110,110,110,1);
  border: 1px solid rgb(185, 180, 180);
  padding: 4px 2px;
  width: 88%;
  margin-bottom: 5px;
}

.CompleteAnswerTextFieldWithHelp {
  font: 16px/20px MazdaLight, "arial";
  color: rgba(110,110,110,1);
  border: 1px solid rgb(185, 180, 180);
  padding: 4px 2px;
  width: 94%;
  margin-bottom: 5px;
}

.CompleteAnswer{
	font: 16px/20px MazdaLight,"arial";
	color: rgba(110,110,110,1);
	border: 1px solid rgb(185, 180, 180);
	padding: 4px 2px;
	width: 100%;
	margin-bottom: 5px;
}

/* to align help icon */
.FormFieldSection a img {
  vertical-align: middle;
}

.BasicAnswerDropDown {
  font: 16px/20px MazdaLight,"arial";
  color: rgba(110,110,110,1);
  letter-spacing: 0.14em;
  width: 88%;
  background: #FFF;
  border: none;
  padding: 0px 2px;
  margin-bottom: 5px;
  border: 1px solid rgb(185, 180, 180);
}

.CompleteAnswerDropDown {
  font: 16px/20px MazdaLight,"arial";
  color: rgba(110,110,110,1);
  letter-spacing: 0.14em;
  width: 94%;
  padding: 0px 2px;
  margin-bottom: 5px;
  border: 1px solid rgb(185, 180, 180);
}

.BasicAnswerDOBDropDown {
  font: 16px/20px MazdaLight,"arial";
  color: rgba(110,110,110,1);
  letter-spacing: 0.14em;
  border: none;
  margin-right: 10px;
  margin-bottom: 5px;
  border: 1px solid rgb(185, 180, 180);
}

.BasicAnswerDropDown,.BasicAnswerDOBDropDown,.CompleteAnswerDropDown.verexDropdownImage {
  -webkit-appearance: none;
  -moz-appearance: none;
  background: url(../../../images/MZ/OC_Mazda_dropdown_std.png) no-repeat scroll 98% 50%;
  padding-right: 30px;
}

.BasicAnswerReadOnlyTextField {
  font: 16px/20px MazdaLight, "arial";
  color: rgba(110,110,110,1);
  border: none;
  padding: 4px 2px;
  width: 90%;
  margin-bottom: 5px;
}


.RemoveClaimButton {
  font: 15px MazdaRegular,"arial";
  letter-spacing: 0.14em;
  background-color: rgba(25,25,25,1);
  color: #FFF;
  padding: 0 2em;
  height: 35px;
  border: 0 none;
  vertical-align: middle;
  margin-top: 27px;
}

.AddClaimConvictionButton {
  font: 15px MazdaRegular,"arial";
  letter-spacing: 0.14em;
  background-color: rgba(25,25,25,1);
  color: #FFF;
  padding: 0 2em;
  height: 35px;
  border: 0 none;
  vertical-align: middle;
  margin: 15px 0 5px 0;
  text-transform: uppercase;
}

.RoundButton {
  font: 15px MazdaRegular,"arial";
  letter-spacing: 0.14em;
  color: #FFF;
  padding: 0.75em 2em;
  vertical-align: middle;
  background-color: rgb(25,25,25);
  margin: 0.5em 0;
}

.showReviewButton {
  font: 15px MazdaRegular,"arial";
  background-color: rgb(25,25,25);
  padding: 0 2em;
  height: 35px;
  border: 0 none;
  vertical-align: middle;
  margin: 15px 0 5px 0;
}

.BackButton {
  background: transparent no-repeat;
  text-transform: uppercase;
  border: 0 none;
  color: #000;
  border-bottom: 1.2pt solid #000;
  padding: 14px 2px 2px 2px;
}

.NextButton {
}

.ProgressButton {
	text-transform: uppercase;
}

.RedButton {
  background-color: rgb(25,25,25);
  text-transform: uppercase;
}

.BlueButton {
  background-color: rgb(25,25,25);
  padding: 14px 22px;
  text-transform: uppercase;
}

.BlackButton {
  background-color: #191919;
  padding: 5px 25px;
}

.AdditionalDriverHeading {
  font: 30px/36px MazdaRegular,"arial";
  margin-top: 1em;
}

.FindPostCodeButton {
  background-color: rgb(61, 70, 87);
  margin: 10px 0px 5px;
}

/* Reviews Screen */
.ReviewText {
  font: 28px MazdaLight,"arial";
  color: rgb(110,110,110);
}

.ReviewerText {
  font: 13px/21px MazdaRegular,"arial";
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.RetrieveQuoteHeading {
  font: 28px MazdaRegular,"arial";
  text-transform: uppercase;
  color: rgb(25,25,25);
  letter-spacing: 0.14em;
}

.RetrieveQuoteHeadingBold {
  font: 20px MazdaRegular,"arial";
  text-transform: uppercase;
}

.PolicyDocumentHeading {
  font: 28px MazdaRegular,"arial";
  text-transform: uppercase;
  padding: 10px 0px;
  letter-spacing: 0.14em;
}

.policyDocumentlinkText, .DealerResourceLinkButton {
	background: transparent url(../../../images/MZ/OC_Mazda_download_std.png) left 35% no-repeat;
	font: 13px/21px MazdaRegular,"arial";
	text-transform: uppercase;
	padding: 0.3em 0 0.5em 2em;
	vertical-align: middle;
	text-decoration: none;
	letter-spacing: 0.14em;
	color: rgb(110,110,110);
	border: 0 none;
}

.PolicyDocumentsStartDates{
	font: 12px/16px MazdaLight,"arial";
}
/* FAQ SECTION STYLES */
.faqlink {
}

.FAQHeadingText, .FAQHeading {
  font: 28px MazdaRegular,"arial";
  padding: 15px 4px;  
}
.FAQHeadingText {
  text-transform: uppercase;
}
.FAQContentText {
  font: 18px/25px MazdaLight,"arial";
  padding: 5px 0;
  color: rgb(110,110,110);
}

.ProofOfNcdText {
  font: 18px/25px MazdaLight,"arial";
  padding-left: 30px;
  color: rgb(110,110,110);
}
.ProofOfNCDHeadingSection{
	padding: 5px 0;
}

.ProofOfNcdSubHeading{
	font: 18px MazdaRegular,"arial";
    padding:10px 0px;
    text-transform: none;
}

.MakeAClaimContentTextBold {
  font: 18px/25px MazdaLight,"arial";
  padding: 5px 0;
  color: rgb(110,110,110);
}

.MakeAClaimContentTextTableRightAlign {
  font: 18px/25px MazdaLight,"arial";
  padding: 5px 4px;
  text-align: right !important;
  float: right !important;
}

.MakeAClaimContentTextTableCenter {
  font: 18px/25px MazdaBold,"arial";
  padding: 5px 4px;
  text-align: right !important;
  float: right !important;
}

.MakeAClaimContentTextTableLeftAlign {
  font: 18px/25px MazdaLight,"arial";
  padding: 5px 4px;
  text-align: left !important;
  float:left !important;
}

.formTopSection {
  padding-top: 0.5em;
}

/* FAQ Table style*/

.tblFAQBorder {
  /*text-align: center;*/
  border: 1px solid rgb(136,136,136);
}

.tblFAQHeadingText {
  font: 18px/25px MazdaRegular,"arial";
}

.tblFAQContentText {
  font: 18px/25px MazdaLight,"arial";
  vertical-align: top;
}

/* END FAQ Table style*/

/*END FAQ SECTION STYLE */


/* Auto Complete List Style */
.w-form-autocomplete {
  cursor: pointer;
  max-height: 200px;
  overflow-y: auto;
  background-color: rgba(224,224,224,1);
  font: 14px MazdaLight,"arial";
  color: rgb(0,0,0);
}

.w-form-autocomplete div {
  padding: 4px 10px !important;
}

.w-form-autocomplete div:hover {
  background-color: rgb(203,203,203);
}

.RightBorderDarkRedColor {
  border-right: 1px solid rgb(138,19,34);
}

/* QUOTE PRICE PAGE */
.QuotePriceSection {
  margin-top: 0;
  background-color: rgba(25,25,25,1);
  padding: 2em;
}

.QuotePriceHeader1 {
  font: 28px MazdaRegular,"arial";
  letter-spacing: 0.14em;
  color: #FFF;
  text-transform: uppercase;
}

.QuotePriceHeader2 {
  font: 18px/25px MazdaRegular,"arial";
  letter-spacing: 0.01em;
  color:#FFF;
  margin-top: 1em;
}

.QuotePriceBreakup {
  font: 18px/25px MazdaLight,"arial";
  color: #FFF;
  margin-top: 1em;
}

.YourExcessSection {
	padding: 10px 0;
	border-bottom: 2px solid rgb(110,110,110);
}

.YourExcessButtonSection {
	padding:10% 0 0 10%;
}

.RetailerAdminButton {
}

.VoluntaryExcessAnswerDropDown {
  font: 18px MazdaLight, "arial";
  width:100%;
  border: 0 none;
}

.VoluntaryExcessAnswerDropDown.verexDropdownImage {
  -webkit-appearance: none;
  -moz-appearance: none;
  background: #FFF url(../../../images/JLR/OC_JaguarLandRover_Dropdown_Std.png) no-repeat scroll 95% 50%;
  padding-right: 30px;
  padding-left: 4px;
}

.VoluntaryExcessAnswerDropDown > option {
}

/* Dealer Chat functionality styles */
.DealerLoginChatButton {
  font: 18px/25px MazdaRegular,"arial";
  text-transform: uppercase;
}
.DealerChatNowButton {
	-webkit-border-radius: 24;
    -moz-border-radius: 24;
    border-radius: 24px;
    font-family: Arial;
    color: #fff;
    font-size: 20px;
    background: rgb(51,152,94);
    padding: 10px 20px 10px 20px;
    text-decoration: none;
	width:90%;
}
.DealerChatNowButton:hover {
	color: rgb(51,152,94);
    background: #fff;
}
.DelaerChatPopupContentText {
  font: 18px/25px MazdaLight,"arial";
  padding-top: 10px;
}
.DelaerChatPopupContactNo {
  font: 29px/34px MazdaLight,"arial";
  padding-top: 10px;
}
.NeedHelpBasicQuestion {
  font: 18px/25px MazdaLight;
  color: #fff;
  margin-bottom: 8px;
  width: 100%;
}
.NeedHelpBasicAnswer {
  font: 14px MazdaLight;
  margin-bottom: 8px;
  padding: 5px 3px;
  width: 90%;	
}
.NeedHelpContentText2{
    padding-top: 10px;
	font: 18px MazdaLight,"arial";
	color: rgb(245,245,245);
	margin-bottom: 10px;
}
/* STANDARD COVERS TEXT */
.IncludedAsStandardHeader {
  font: 28px MazdaRegular,"arial";
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.StandardCoversText {
  font: 18px/25px MazdaLight,"arial";
  padding-left: 30px;
}

.UsefulResourcesText {
  font: 18px/25px MazdaRegular,"arial";
  color: #000;
  text-transform: uppercase;
}

.RightAlignedLink {
  float: right;
}
/* Button as link */
.LinkButton, .YouExcessButton, .SiteMapLink {
  font: 15px/19px MazdaBold,"arial";
  text-transform: uppercase;
  vertical-align: middle;
  text-decoration: none;
  letter-spacing: 0.14em;
  background: none;
  padding: 5px 4px;
  border: 0 none;
}
.YouExcessButton{
	color: #FFF;
	background: transparent url(../../../images/MZ/OC_Mazda_chevron_white_std.png) right no-repeat;
    padding-right: 1em;
}

.SiteMapLink {
	font-size: 16px;
	margin: 0.5em 0;
	padding-bottom: 0;	
}

.LinkButton a {
	border-bottom: 1.2pt solid rgb(25,25,25);
	padding-bottom: 1px;
	
}

.DealerResourceLinkButton{
	line-height:30px;
}

/* Excess Popup styles*/
.ExcessPriceHeading {
  border: 0 none;
  width: 100%;
  height: 35px;
  font: 18px/25px MazdaLight, "arial";
  background-color: #FFF;
  color: rgb(110,110,110);
}

.ExcessPopupHeaderStyle1 {
  font: 28px/36px MazdaRegular, "arial";
  letter-spacing: 0.14em;
  text-transform: uppercase;
  margin: 1em 0 0.5em 0;
}

.ExcessPopupHeaderStyle2 {
  font: 20px MazdaRegular, "arial";
  text-transform: uppercase;
  margin: 0.5em 0;
  letter-spacing: 0.14em;
}

.ExcessPopupContentText {
  font: 18px/25px MazdaLight, "arial";
  margin: 7px 0;
}

.DriverTableRow {
  font: 18px/25px MazdaLight, "arial";
  border-bottom: 1px solid rgba(110,110,110,1);
  color: #191919;
}

.DriverTableExcessAmount {
  float: right;
}

.DriverTableWrapper .DriverTableRow:last-of-type {
  border: none 0;
}
/* end excess popup styles */

/* Quote Referral Page */
.referralHeader {
  font: 30px/36px MazdaRegular,"arial";
}

.referralBody {
  font-family: MazdaRegular, "arial";
  font-size: 18px;
}

.referralCallUs {
  font-family: MazdaRegular, "arial";
  font-size: 20px;
}
/* end referral page styles */

/* Quote Protection Page Styles */

.DealerHomePageHeader, .QuoteProtectionPageHeader {
  font: 29px MazdaRegular,"arial";
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.DealerHomePageHeader {
	padding-bottom: 1em;
}

.QuoteProtectionPriceSection{
	background-color: rgb(245,245,245);
	width:98%
}
.QuoteProtectionTableHeader {
  font: 13px/21px MazdaBold,"arial";
  width: 98%;
  background-color: rgb(245,245,245);
  text-transform: uppercase;
  color: rgb(110,110,110);
  letter-spacing: 0.14em;
}

.QuoteProtectionTableHeaderSelected {
  font: 13px/21px MazdaBold,"arial";
  background-color: rgb(245,245,245);
  width: 98%;
  text-transform: uppercase;
  color: rgb(110,110,110);
  letter-spacing: 0.14em;
}

.CreateOwnPackageHeader {
	background-color: transparent;
}

.QuoteProtectionTableOptions {
  font: 13px MazdaRegular,"arial";
  color: #000;
  text-transform: uppercase;
  letter-spacing: 0.14em;
}
.QuoteProtectionKeyFactsLink {
	font: 13px MazdaRegular, "arial";
	color: rgb(110,110,110);
	text-transform: uppercase;
	border: 0 none;
	background: transparent url(../../../images/MZ/OC_Mazda_download_std.png) left 35% no-repeat;
    padding: 0.3em 0 0.5em 2em;
}
.QuoteProtectionKeyFacts {
  font: 12px MazdaLight,"arial";
  background-repeat: no-repeat;
  background-position: center left;
  background-image: url(../../../images/K1/M&C_Kia_link.png);
  padding-left: 10px;
}
.QuoteProtectionSelectionR1C2, .QuoteProtectionSelectionR2C2, .QuoteProtectionSelectionR3C2 {
	background: rgb(245,245,245) url(../../../images/MZ/OC_Mazda_tick_grey_std.png) center center no-repeat;
	padding: 58% 0;
	width:98%
}
.QuoteProtectionSelectionR2C2 {
	padding: 40% 0;
}
.QuoteProtectionSelectionR3C2 {
	padding: 44% 0;
}
.QuoteProtectionSelectedPackageR1C2, .QuoteProtectionSelectedPackageR2C2, .QuoteProtectionSelectedPackageR3C2 {
	background: rgb(245,245,245) url(../../../images/MZ/OC_Mazda_tick_black_std.png) center center no-repeat;
	padding: 58% 0;
	width:98%
}
.QuoteProtectionSelectedPackageR2C2 {
	padding: 40% 0;
}

.QuoteProtectionSelectedPackageR3C2 {
	padding: 44% 0;
}

.QuoteProtectionEmptySectionWhite{
	width:98%;
	height: 141px;
	background-color: rgb(245,245,245);
}
.QuoteProtectionEmptySectionBlue{
	width:98%;
	height: 141px;
	background-color:rgb(245,245,245);
}

.PaymentPriceBreakdown {
	font: 16px/20px MazdaRegular,"arial";
	color: #FFF;
}

/* Ancillary option check boxes */
.QuoteProtectionCheckbox {
	margin: 0;
	margin-top: 0.25rem;
	margin-right: 0.1rem;
}

.LegalOptionPadding   {
	padding-top: 3rem !important;
	padding-left: 0.5rem !important;
}
.LegalPrice {
	font: 18px/25px MazdaBold,"arial";
}

.KeyCoverOptionPadding {
	padding-top: 2.75rem !important;
	padding-left: 0.5rem !important;
}

.CourtesyCarOptionPadding {
	padding-top: 2.25rem !important;
	padding-left: 0.5rem !important;
}

/* End IDD ancillary styles */

.QuoteProtectionAddButton{
	font: 14px MazdaRegular,"arial";
    letter-spacing: 0.14em;
    color: #FFF;
    padding: 0 1.5em;
    height: 32px;
    border: medium none;
    vertical-align: middle;
    margin: 5px 0 5px 0;
	background-color: #000; 
    text-transform: uppercase;

}
.QuoteProtectionRemoveButton{
	font: 14px MazdaRegular,"arial";
    letter-spacing: 0.14em;
    color: #000;
    padding: 0 1.5em;
    height: 32px;
    border: medium none;
    vertical-align: middle;
    margin: 5px 0 5px 0;
	background-color: #FFF; 
    text-transform: uppercase;

}
.QuoteProtectionPriceHeading{
	font: 16px/20px MazdaRegular,"arial";
	width: 100%;
}
.QuoteProtectionPackagePrice{
	font: 20px MazdaRegular,"arial";
	width: 100%;
}
.QuoteProtectionSelectedPackagePrice{
	font: 20px MazdaRegular,"arial";
	width: 100%;
	color: #FFF;
}
.QuoteProtectionSelectedSection{
	background-color:rgb(25,25,25);
	width:98%
}
.QuoteProtectionSavePercent{
	font: 16px/23px MazdaLight,"arial";
}
.QuoteProtectionSelectedSavePercent{
	font: 16px/23px MazdaLight,"arial";
	color: rgb(245,245,245);
}

.QuoteProtectionTableWrapper {
	margin-top: 0;
	width: 95%;
}
.QuoteFieldSection {
  /*padding: 5px 0;*/
  border-bottom: 1px solid rgba(224,224,224,1);
}
.QuoteProtectionTickTopPadding{
	padding-top: 20px;
}
/* end Quote Protection Page Styles */

/* Dealer Admin Page Search Results Table Styles */
.ResultsTable {
	border-spacing: 0;
}
.ResultsTable td + td {
	border-spacing: 2px;
    border-collapse: separate;
	margin: 0;
	padding: 0;
}

.ResultsTable th, *.ResultsTable td {
  background-color: rgb(224,224,224);
  border: 1px solid white;
  text-align: center;
  vertical-align: top;
  padding: 5px;
}

.ResultsTable tr {
	background-color: rgb(224,224,224);
	font: 16px/25px MazdaRegular,"arial";
	text-align: center;
}

.ResultsTable th {
  font: 11pt MazdaBold,"arial";
  color: #000;
  letter-spacing: 0.14em;
  vertical-align: bottom;
  padding-bottom: 5px;
  text-transform: uppercase;
}

*.ResultsTable th:last-child {
	background-color: rgba(25,25,25,1);
	color: #FFF;
}

.ResultsTable *.BlackCol {
  background-color: rgba(25,25,25,1);
  color: #FFF;
  font: 12px/16px MazdaRegular,"arial";
  letter-spacing: 0.14em;
}

.ResultsTable td:last-child {
  background-color: rgba(25,25,25,1);
  color: #FFF;
}

.ActionsLink {
	background: transparent url(../../../images/MZ/OC_Mazda_chevron_white_std.png) left 49% no-repeat;
    height: auto;
    width: auto;
    padding-left: 10px;
    font: 15px/22px MazdaLight, "arial";
    letter-spacing: 0.14em;
	text-align: left;
}

td .SecGroupColSpan {
	border-top: 1px solid #FFF;
	margin: 0 0.5em;
	color: rgb(110,110,110);
}
.navRow {
  height: 50px;
  text-align: center;
  margin-top: 20px;  
}

.navItem {
  display: inline-block;
  height: 15px;
  padding: 10px;
  font: 18px/24px MazdaRegular,"arial";
}

span.navItem {
  font: 21px/26px MazdaRegular,"arial";
}

span.navItem:hover {
	background: 0 none;
}

.navItem:first-child {  
  font: 16px/20px MazdaRegular,"arial";
  letter-spacing: 0.14em;
  padding: 10px 20px;
  height: 40px;
  border: 0 none;
  vertical-align: middle;  
  background: rgb(25,25,25);
  color: #FFF;
}

.navItem:last-child {
  float: right;
  font: 16px/20px MazdaRegular,"arial";
  letter-spacing: 0.14em;
  padding: 10px 20px;
  height: 40px;
  border: 0 none;
  vertical-align: middle;  
  background: rgb(25,25,25);
  color: #FFF;
}
/* End Dealer Admin Page Search Results Table Styles */ 


/*Almost There - confirmation page */
.pageHeading {
  font: 28px MazdaRegular,"arial";
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.eligibilityTextcontent {
  font: 18px/25px MazdaLight,"arial";
  margin-left: 2em;
  width: inherit !important;
  color: rgb(110,110,110);
}

.almostThereformTopSection {
  padding-top: 30px;
}

.eligibilityTextcontentWithoutTick {
  font: 18px/25px MazdaLight,"arial";
  padding: 1em 0;
  color: rgb(110,110,110);
}

.eligibilitySectionPadding {
  padding-top: 1em;
  padding-bottom: 1em !important;
}

/*Payment page styles */

.SelectedPaymentTextColumn {
	width: 80%;
}

.UnselectedPaymentTextColumn {
	width: 80%;
}

.paymentHeading{
	font: 28px MazdaRegular,"arial"; 
	padding-bottom: 5px;
	color: rgb(25,25,25);
	text-transform: uppercase;
}

.CardTypeHeading .paymentHeading {
	color: rgb(52,52,52);
}
.paymentText{
	font: 18px/25px MazdaLight,"arial"; 
	padding: 0.5em 0 1em 0;
	color: rgb(110,110,110);
}

.paymentTextBold {
	font: 18px/25px MazdaLight, "arial";
	padding: 1em 0;
	font-weight: bold;
}

.paymentWhiteSection{
	background-color: rgba(245,245,245,1);
	padding:25px;
}
.promotionalCodeSection{
	background-color: rgba(245,245,245,1);
	padding:25px;
}
.paymentWhiteSectionHeading {
	font: 25px MazdaBold,"arial"; 
	color: rgba(110,110,110,1);
	padding-bottom: 5px;
}
.paymentWhiteSectionText {
	font: 18px/25px MazdaLight,"arial"; 
	color: rgba(110,110,110,1);
	padding-bottom: 1em;
}
.paymentRedSectionHeading {
	font: 25px MazdaBold,"arial"; 
	color: #FFF;
	padding-bottom: 5px;
}
.paymentRedSectionText {
	font: 18px/25px MazdaRegular,"arial"; 
	color: #FFF; 
	padding-bottom: 1em;
}
.paymentRedSection {
	background-color: rgba(25,25,25,1); 
	padding:25px;
}
.paymentBorder{
}
.paymentTopSection {
	padding-top:30px; 
	padding-bottom:25px;
}
.tickImagedisplay {
	clear: both; 
	height: 31px; 
	width: 31px; 
	/*float: right;*/
	padding: 20px 30px;
}
.paymentQuestion {
	font:20px/24px MazdaRegular,"arial"; 
	letter-spacing: 0.14em; 
	width:62% !important;
}
.whiteSection {
	background-color: rgba(255,255,255,1); 
	padding:9px 25px 19px 25px;
}
.RoundButtonPayment {
    font: 15px MazdaRegular,"arial";
    letter-spacing: 0.14em;
    padding: 0.75em 2em;
    border: 0 none;
    vertical-align: middle;
	background-color: rgb(25,25,25);
	text-transform: uppercase;
	color: #FFF;
 /*   margin: 15px 0 5px 0;*/
}
.PaymentRadioButtonField {
	font:16px MazdaLight, "arial";
	width: 100%;
	border: 0 none;
	background: transparent;
}


/* Thank you page */
.thankYouBlueSection{
	background-color: rgba(245,245,245,1);
}

.quoteProtectionCustomPriceSection{
	background-color: rgba(25,25,25,1);
}

.thankYouRedBoldText{
	font:18px MazdaBold,"arial"; 
	padding-bottom:5px;
}

/* Thank you page policy no heading - need to replace with css design */
#p1_HEAD_C25971264AEF5B9434502 {
	 color: #000;
}

.thankYou30WhiteBoldHeading{
	font:28px MazdaRegular,"arial";
	padding-bottom:5px;
	text-transform: uppercase;
	letter-spacing: 0.14em;
}
.thankYou16WhiteLightText{
	font:18px/25px MazdaLight,"arial";
	padding:5px 0;
	color: rgb(110,110,110);
}

.thankYou16WhiteLightText a {
	font:18px/25px MazdaLight,"arial";
	font-weight: bold;
}

.thankYou18LightTextGrey{
	font:18px/25px MazdaLight,"arial";
	padding-bottom:5px;
}
.paddingleft30px{padding-left:30px;}
.paddingright30px{padding-right:30px;}
.paddingbottom25px{padding-bottom:25px;}
.paddingtop23px{padding-top:23px;}

/* Dealer login page */

.DealerFormFieldsWrapper {
	margin: 1% 20%;
}

.DealerLoginConfirmationCol1 {
	width: 5%;
	font:18px/25px MazdaLight,"arial";
	color: rgb(110,110,110);
}

.DealerLoginConfirmationCol2 {
	width: 95%;
	font:18px/25px MazdaLight,"arial";
	color: rgb(110,110,110);
}

.DealerLoginSubHeading{
	font:18px/25px MazdaLight,"arial";
	color: rgb(110,110,110);
}

/* COOKIE, PRIVACY AND TERMS OF USE STYLES */
.modal-close {
  background-image: url(../../../images/MZ/modal_close.png);
  background-repeat: no-repeat;
  width: 36px;
  height: 36px;
  color: transparent !important;
  right: 1em;
}

.privacyPolicy {
	margin-bottom: 1em;
}

.privacyPolicy h1, .termsOfUse h1, .cookiePolicy h1 {
  font: 28px MazdaRegular, "arial";
  color: #000;
  text-align: left;
  text-transform: uppercase;
  padding: 0;
  letter-spacing: 0.14em;
}

.privacyPolicy h2, .termsOfUse h2, .cookiePolicy h2 {
  font: 24px MazdaRegular, "arial";
  color: #000;
  text-align: left;
  margin-top: 1em;
  text-transform: uppercase;
  letter-spacing: 0.14em;
}

.privacyPolicy p, .termsOfUse p, .cookiePolicy p, .privacyPolicy pre {
  font: 18px/25px MazdaLight, "arial";
  color: #000;
  padding-top: 8px;
  text-align: left;
}

.privacyPolicy ul, .privacyPolicy ol,.termsOfUse ul, .termsOfUse ol , .cookiePolicy ul, .cookiePolicy ol {
  padding-left: 20px;
 /*  text-indent: -1em; */
  font: 18px/25px MazdaLight, "arial";
  color: #000;
  padding-top: 8px;
  text-align: left;
}

.privacyPolicy li, .termsOfUse li, .cookiePolicy li {
	list-style-position: outside;
	padding: 0.35em 0;
}

.cookiePolicy table tr {
	font: 18px/25px MazdaLight, "arial";
	color: #000;
}
/* END */


.modal-content table {
  width: 80%;
}

.modal-content td {
  width: 150px;
  vertical-align: top;
}

.GlobalFont {
	font-size: 11pt;
	font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
}

.Color1 {
color: #636363;
}

.Color2 {
color: #7F679B;
}

.Color3 {
color: White;
}

.ErrorColor {
color: #FF0034;
}

.BgColor1 {
background-color: #F7F7F7;
}

.BgColor2 {
background-color: #EBEBEB;
}

.BgColor3 {
background-color: #BEAFD0;
}

.ErrorBgColor {
background-color: #FFE8E8;
}

.VVLargeFont {
font-size: 2em;
font-style: normal;
}

.VLargeFont {
font-size: 1.5em;
font-style: normal;
}

.LargeFont {
font-size: 1.2em;
}

.MediumFont {
font-size: 1em;
}

.SmallFont {
font-size: 0.9em;
}

.VSmallFont {
font-size: 0.8em;
}

.VVSmallFont {
font-size: 0.6em;
}

.Underline {
text-decoration: underline;
}

.Bold {
font-weight: bold;
}

.Italic {
font-style: italic;
}

.NotDisplayed {
display: none;
}

.VShortAnswer {
width: 7em;
}

.ShortAnswer {
width: 9em;
}

.LongAnswer {
width: 17em;
}

.VLongAnswer {
width: 27em;
}

.CenteredLayout {
margin-left: auto;
margin-right: auto;
}

.TextAlignCenter {
text-align: center;
}

.VAlignCenter {
vertical-align: middle;
}

.NoDecoration {
text-decoration: none;
}

.DivAdjustment {
margin-top: 0.4em;
}

.phase {
}

.roundedtop {
/*width: 808px;
background-color: #fff;
border-left: 1px solid #c9c9c9;
border-right: 1px solid #c9c9c9;
border-bottom: 1px solid #c9c9c9;
box-shadow: 5px 5px 10px #c9c9c9;
padding: 15px;
border-radius:20px 20px 20px 20px; */;
}

.QuestionRow {
border-bottom: 1px solid #e6e6e6;
border-top: 1px solid #fff;
padding: 6px 20px 6px 10px;
}

.TextAlign {
text-align: left;
}

.nowrap {
white-space: nowrap;
}

.font14 {
font-size: 10pt;
}

.VisitedProgressStep {
margin-top: 6px;
background: url('../../../images/LD/VisitedProgress.png') no-repeat right;
opacity: 0.5;
width: 165px;
height: 25px;
text-align: center;
line-height: 30px;
}

.CurrentProgressStep {
box-sizing: border-box;
background: url('../../../images/LD/CurrentProgress.png') no-repeat right;
height: 35px;
width: 165px;
text-align: center;
line-height: 43px;
}

.FutureProgressStep {
box-sizing: border-box;
margin-top: 6px;
background: url('../../../images/LD/VisitedProgress.png') no-repeat right;
opacity: 0.5;
width: 165px;
height: 25px;
text-align: center;
line-height: 30px;
}

.TrailStep {
padding: 4px;
}

.TablePadding {
padding-top: 6px;
padding-bottom: 6px;
}

.TableNavigator {
text-align: center;
}

.TablePaging {
text-align: right;
}

.StandardTabUnselected {
width: 10em;
height: 1.8em;
border-top: solid 0.06em #919B9C;
border-left: solid 0.06em #919B9C;
border-right: solid 0.06em #919B9C;
text-align: center;
padding: 4px;
z-index: 0;
}

.StandardTabSelected {
width: 10em;
height: 1.8em;
border-top: solid 0.06em #919B9C;
border-right: solid 0.06em #919B9C;
border-left: solid 0.06em #919B9C;
text-align: center;
padding: 4px;
}

.StandardTabPane {
display: none;
border-top: solid 0.06em #919B9C;
border-right: solid 0.06em #919B9C;
border-left: solid 0.06em #919B9C;
border-bottom: solid 0.06em #919B9C;
width: 99%;
padding: 4px;
}

.autoCompleteListDefault {
background-color: window;
color: graytext;
text-align: left;
border: 0.07em solid gray;
padding: 0.12em 1em 0.12em 0.12em;
width: 300px;
}

html > body *.autoCompleteListDefault {
width: auto;
}

.autoCompleteItemDefault, *.autoCompleteListDefault div:hover {
color: highlighttext;
background-color: highlight;
}

.LeftAlignedImage {
background-repeat: no-repeat;
background-position: left center;
background-color: Transparent;
overflow: visible;
padding-left: 20px;
padding-right: 0px;
border: 0px;
}

.RightAlignedImage {
background-repeat: no-repeat;
background-position: right center;
background-color: Transparent;
overflow: visible;
padding-left: 0px;
padding-right: 20px;
border: 0px;
}

.BackArrow {
background-image: url(../../images/BackArrow.gif);
}

.ForwardArrow {
background-image: url(../../images/ForwardArrow.gif);
}

.ActionArrow {
background-image: url(../../images/ActionArrow.gif);
}

.confirmheading {
width: 790px;
}

.paymentheadingpadding {
padding-bottom: 5px;
padding-top: 2px;
padding-left: 8px;
}

.Header {
background: url(../../../images/LD/Logo.png) top left no-repeat;
width: 120px;
height: 125px;
position: relative;
text-align: left;
}



.HeaderName {
height: 76px;
text-align: left;
padding-top: 14px;
}

.LargeBold {
}

.Button, .SecondaryButton {
display: inline-block;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
margin: 0 0 5px 5px;
font-size: 0.8em;
min-height: 30px;
line-height: 30px;
text-align: center;
width: auto;
padding-right: 39px;
width: auto;
border: none;
background-color: #f7f7f7;
color: #e05206;
text-transform: uppercase;
font-weight: bold;
font-family: sans-serif;
cursor: pointer;
margin-left: 0;
background-image: url(../../../images/LD/home-button.gif);
margin-top: 6px;
background-position: right center;
background-repeat: no-repeat;
margin-left: 12px;
}

/*
.BackButton {
text-align: right;
padding-left: 35px;
padding-right: 10px;
background-image: url(../../../images/LD/home-button-bk.gif);
background-position: left center;
}
*/

.ButtonAsRadioSelected {
display: inline-block;
width: auto;
text-decoration: none;
border: 0px none;
padding-top: 5px;
border-radius: 12px;
background: none repeat scroll 0% 0% green;
color: white;
cursor: pointer;
}

.ButtonAsRadioUnSelected {
display: inline-block;
width: auto;
text-decoration: none;
border: 0px none;
padding-top: 5px;
border-radius: 12px;
background: none repeat scroll 0% 0% white;
color: white;
cursor: pointer;
}

@font-face {
font-family: "lr_bold";
	src: url("fonts/landroverbldl-webfont.woff") format('woff');
	font-weight: bold;
}

.H1Landrover {
font-size: 40px;
text-transform: uppercase;
margin: 0;
line-height: 40px;
padding-bottom: 4px;
color: #00173a;
font-family: lr_bold, arial;
font-weight: normal;
}

.tableBordered {
border: 1px solid #349bd6 !important;
}

.tableRowMediumGrey {
background-color: #7cc1ea !important;
color: rgb(45,54,57) !important;
}

.tableRowMediumGrey th {
color: rgb(45,54,57) !important;
border-bottom: 1px solid #349bd6 !important;
}

*.tableRowMediumGrey div {
color: rgb(45,54,57) !important;
font-weight: normal !important;
font-size: 14px !important;
}

.tableRowLightGrey {
background-color: #b2daf3 !important;
}

.useDash li {
list-style-type: none;
padding: 4px 0 4px 9px;
background: url("../../../images/LD/Hyphen.png") left .8em no-repeat;
}

td.title {
width: 180px;
}

.RoundedCornerColumnSelected {
background-color: #DCE6F2;
border-left: 2px;
border-right: 2px;
border-top: 2px;
border-bottom: 2px;
border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px;
border-top-right-radius: 8px;
border-top-left-radius: 8px;
border-style: solid;
border-color: #5A7BA3;
border-width: 1px;
height: 107px;
}

.RoundedCornerColumnUnSelected {
background-color: #C6D9F1;
border-left: 2px;
border-right: 2px;
border-top: 2px;
border-bottom: 2px;
border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px;
border-top-right-radius: 8px;
border-top-left-radius: 8px;
border-style: solid;
border-color: #51729C;
border-width: 1px;
height: 107px;
}

.ButtonAsRadioColumn {
padding-top: 30px;
margin-right: -5px;
}

.paymentOptionSubHeading {
padding-left: 20px;
}

.RightSideColumn {
border-left: 2px;
border-right: 2px;
border-top: 2px;
border-bottom: 2px;
border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px;
border-top-right-radius: 8px;
border-top-left-radius: 8px;
border-style: solid;
border-color: grey;
}

.lineSpacing {
border-style: solid;
border-width: 2px;
border-color: #D0CBB4;
}

.RequestCallBackSection {
border-style: solid;
border-color: #F0EEE1;
border-width: 5px;
}

.OptionalCoverColumn {
border-left: 1px solid black;
border-right: 1px solid black;
border-bottom: 1px solid black;
height: 60px;
}

.OptionalGuarnteedHireCoverColumn {
border-left: 1px solid black;
border-right: 1px solid black;
border-bottom: 1px solid black;
height: 80px;
}

.OptionalGuranteedHireCarCoverPrice {
border-right: 1px solid black;
border-bottom: 1px solid black;
height: 80px;
}

.OptionalCoverPrice {
border-right: 1px solid black;
border-bottom: 1px solid black;
height: 60px;
}

.topBorder {
border-top: 1px solid black;
}

.coverSubHeading {
padding-left: 4px;
padding-bottom: 4px;
}

.coverTableBordered {
border-right: 1px solid #c9c9c9;
border-left: 1px solid #c9c9c9;
border-top: 1px solid #c9c9c9;
margin-right: 20px;
}

.coverTableColumnValueBordered {
border-right: 1px solid #c9c9c9;
}

.coverTableColumnBordered {
border-right: 1px solid #c9c9c9;
}

#COL_5CA1026BDC7C042A378692_R4,#COL_5CA1026BDC7C042A378688_R4 {
height: 76px;
}

#COL_5CA1026BDC7C042A378692_R5,#COL_5CA1026BDC7C042A378688_R5 {
height: 98px;
}

#COL_5CA1026BDC7C042A378692_R1,#COL_5CA1026BDC7C042A378692_R2,#COL_5CA1026BDC7C042A378692_R3,#COL_5CA1026BDC7C042A378688_R1,#COL_5CA1026BDC7C042A378688_R2,#COL_5CA1026BDC7C042A378688_R3 {
height: 61px;
}

#FMT_5CA1026BDC7C042A378710_R5 {
border-bottom: 1px solid #c9c9c9;
}

.useDashForStandardCover li {
list-style-type: none;
padding: 4px 0 0px 4px;
}

.modal-wrapper {
border-radius: 1px !important;
}

.cursorPointer {
cursor: pointer;
}
/* tick mark display issue after answering the question hence commented it 24-Jun-2015
.statusValid {
	background: transparent url(../../../images/TickCross.png) no-repeat scroll 785px 6px;
}
.statusInValid {
	background: transparent url(../../../images/TickCross.png) no-repeat scroll 785px -75px;
}*/


.cookiePolicySection {
background-color: rgb(61,70,87);
display: none;
}

.cookieContentWidth {
-webkit-box-sizing: border-box;
width: -moz-calc(100% - 81px);
width: -webkit-calc(100% - 81px);
width: calc(100% - 81px);
padding: 25px;
}

.leftCoulmnAnswerWidth {
-webkit-box-sizing: border-box !important;
width: -moz-calc(100% - 14px) !important;
width: -webkit-calc(100% - 14px) !important;
width: calc(100% - 14px)!important;
height: 35px;
padding: 0;
font-size: 16px;
font-weight: normal;
font-style: normal;
color: #5C5652;
border: none;
font-family: MazdaLight;
}

.CompleteAnswerWithHelpIcon {
width: -moz-calc(100% - 50px) !important;
width: -webkit-calc(100% - 50px) !important;
width: calc(100% - 50px)!important;
font-size: 16px;
font-weight: normal;
font-style: normal;
padding: 0px;
border: none;
font-family: MazdaLight;
}

.DropDownAnswerWithHelpIcon {
width: -moz-calc(100% - 42px) !important;
width: -webkit-calc(100% - 42px) !important;
width: calc(100% - 42px)!important;
font-size: 16px;
font-weight: normal;
font-style: normal;
color: #5C5652;
padding: 0px;
border: none;
font-family: MazdaLight;
}

.CompleteErrorAnswerWithHelpIcon {
width: -moz-calc(100% - 54px) !important;
width: -webkit-calc(100% - 54px) !important;
width: calc(100% - 54px)!important;
font-size: 16px;
font-weight: normal;
font-style: normal;
color: #5C5652;
padding: 0px;
border: none;
font-family: MazdaLight;
}

.CompleteAnswerControl {
width: -moz-calc(100% - 8px) !important;
width: -webkit-calc(100% - 8px) !important;
width: calc(100% - 8px)!important;
font-size: 16px;
font-weight: normal;
font-style: normal;
color: #5C5652;
padding: 0px;
border: none;
font-family: MazdaLight;
height: 35px;
padding-left: 8px;
}

.CompleteDropDownAnswerControl {
width: 100%;
font-size: 16px;
font-weight: normal;
font-style: normal;
color: #5C5652;
padding: 0px;
border: none;
font-family: MazdaLight;
height: 35px;
padding-left: 8px;
}

.PhaseTitleStyle {
	font: 12pt MazdaRegular,"arial";
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: #FFF;
    position: absolute;
    top: 1em;
	width: 100%;
	text-align: center;
	display: block;
}

.PhaseHeaderStyle {
	font: 50px MazdaLight,"arial";
    letter-spacing:0.14em;
    text-transform: uppercase;
    color: #FFF;
    position: absolute;
    top: 1em;
	width: 100%;
	text-align: center;
	display: block;
}

input:-webkit-autofill {
-webkit-box-shadow: 0 0 0px 1000px white inset;
}
/*
.webCenterColoumWidth {
	width:49%;
	min-width:720px;
	padding: 20px 0 0 1.75%;	
}
*/
.webLeftSideColoumWidth {
-webkit-box-sizing: border-box;
width: -moz-calc(50% - 360px);
width: -webkit-calc(50% - 360px);
width: calc(50% - 360px);
}

.webRightSideColoumWidth {
-webkit-box-sizing: border-box;
width: -moz-calc(50% - 360px);
width: -webkit-calc(50% - 360px);
width: calc(50% - 360px);
}

input[type="checkbox"] {
	border: 0;
}

/*
input[type="checkbox"] {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}

input[type='checkbox'] + label {
padding-left: 25px;
background-image: url(../../../images/K1/Kia_Check_Box_Background.png);
background-repeat: no-repeat;
}

input[type="checkbox"]:checked + label {
padding-left: 25px;
background-image: url(../../../images/K1/M&C_Kia_tick_green.png), url(../../../images/K1/Kia_Check_Box_Background.png);
background-repeat: no-repeat;
}
*/

input[type="radio"] {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: auto;
padding: 1px;
position: absolute;
width: 1px;
}

input[type='radio'] + label {
background-image: url(../../../images/RadioButton-onWhite.png);
background-repeat: no-repeat;
padding: 2px 0 2px 25px;
}

input[type="radio"]:checked + label {
padding-left: 25px;
background-image: url(../../../images/RadioButton-onWhite-selected.png);
background-repeat: no-repeat;
}

input[type='radio'] + label[for^="Payment_Radio"] {
padding-left: 25px;
background-image: url(../../../images/RadioButton-onWhite.png);
background-repeat: no-repeat;
background-size: 18px 18px;
}

input[type="radio"]:checked + label[for^="Payment_Radio"] {
padding-left: 25px;
background-image: url(../../../images/RadioButton-onWhite-selected.png);
background-repeat: no-repeat;
background-size: 19px 19px;
}
 /* Ravikishore
select[id="QUE_D151909C99D46F53113643"], option[id*="QUE_D151909C99D46F53113643"] {font-family:MazdaLight;   background-image: url(../../../images/LD/Grey-very-dark_background_texture);
    background-repeat: repeat; background-color:black;} */

input[type="radio"]:required + label {
padding-left: 25px;
background-image: url(../../../images/RadioButtonError.png);
background-repeat: no-repeat;
}

.helpDiv {
position: static !important;
display: none;
margin-top: -12px;
}

.helpDiv2 {
position: static !important;
}

.helpLink {
	height: 20px;
	border-right: 2px solid rgb(110,110,110);
	margin-right: 8px;
	margin-top: 5px;
}

.HelpIcon img {
float: right;
}

.HelpContentBox {
	background-color: rgb(110,110,110);
	padding: 10px 8px;
	font: 16px MazdaLight,"arial";	
	color: #fff;
}

.HelpContentBox  ul, .HelpContentBox li, .HelpContentBox ol li {
 	list-style-position: inside;
    padding-left: 14px;
    text-indent: -1em;
}

.loader {
font-size: 10px;
margin: 5em auto;
text-indent: -9999em;
width: 7em;
height: 7em;
border-radius: 50%;
background: #ffffff;
background: -moz-linear-gradient(left, rgb(25,25,25) 10%, rgba(110,110,110,0) 100%);
background: -webkit-linear-gradient(left, rgb(25,25,25) 10%, rgba(110,110,110,0) 100%);
background: -o-linear-gradient(left, rgb(25,25,25) 10%, rgba(110,110,110,0) 100%);
background: -ms-linear-gradient(left, rgb(25,25,25) 10%, rgba(110,110,110,0) 100%);
background: linear-gradient(to right, rgb(25,25,25) 10%, rgba(110,110,110,0) 100%);
position: relative;
-webkit-animation: load3 1.4s infinite linear;
animation: load3 1.4s infinite linear;
-webkit-transform: translateZ(0);
-ms-transform: translateZ(0);
box-shadow: 0 0 7px rgba(110,110,110,0.7);
transform: translateZ(0);
}

.loader:before {
width: 50%;
height: 50%;
background: #FFF;
border-radius: 100% 0 0 0;
position: absolute;
top: 0;
left: 0;
content: '';
box-shadow: 0 0 7px rgba(110,110,110,0.7);
}

.loader:after {
background: #fff;
width: 70%;
height: 70%;
border-radius: 50%;
content: '';
margin: auto;
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
box-shadow: 0 0 7px rgba(110,110,110,0.7);
}

@-webkit-keyframes load3 {
0% {
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
}

100% {
  -webkit-transform: rotate(360deg);
  transform: rotate(360deg);
}
}

@keyframes load3 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

#COL_07E407314E560221108808 {
  width: 22%;
}

#COL_07E407314E560221108820 {
  width: 78%;
}

#COL_07E407314E560221108812 {
  width: 25%;
}

#COL_07E407314E560221108824 {
  width: 32%;
}

#COL_07E407314E560221108828 {
  width: 42%;
}

#POPUP_20F3D1FD9D33F753105272 {
  position: fixed !important;
  z-index: 1002;
  width: 30%;
  height: 520px;
  top: 20%;
  left: 35%;
  padding: 30px;
  background-color: #FFFFFF;
}

.paymentColumnPadding {
  margin-left: -28px;
}

.WebOnly {
  display: block;
}

.compareDescription {
  /*margin: 20px 0% 20px 0% ;*/
}

.ReasonsToChooseForColumn1{
	width:24%;	
}
.ReasonsToChooseForColumn2{
	width:25%;	
}
.ReasonsToChooseForColumn3{
	width:27%;	
}
.ReasonsToChooseForColumn4{
	width:24%;	
}

.tabletCookie {
  display: none;
}

.statusValid {
  background: transparent !important;
}

.statusInValid {
  background: transparent !important;
}
/* Slideout styles for Tablet and mobile*/
.SlideOutButtonImage{
  background-image: url(../../../images/VER_mobile_hamburger_white.png);
  background-repeat: no-repeat;
  background-position: center;
  width: 42px;
  height: 30px;
  background-color: transparent;
  border: 0 none;
}
.SlideoutSection{
	background-color: rgb(25, 25,25);
}
.SlideoutCloseButtonSection{
	border-bottom: 1px solid #FFF;
}
.SlideoutCloseButton{
	background: transparent url(../../../images/MZ/OC_Mazda_cross_grey_std.png) left center no-repeat;
	width: 25px;
	height: 30px;
	border: 0 none;
}

.SlideOutLeftMargin{
	margin-left:5%;
}
.SlideOutMenuItem{
	font: 14px MazdaRegular, "arial";
    color: #FFF;
	padding: 10px 0 10px 40px;
	vertical-align: middle;
}
.SlideoutMenuQuoteImage{
	background: url(../../../images/MZ/OC_Mazda_flyouts_quote_std.png) no-repeat scroll 0 50%;
}
.SlideoutMenuRetrieveImage{
	background: url(../../../images/MZ/OC_Mazda_flyouts_retrieve_std.png) no-repeat scroll 0 50%;
}
.SlideoutMenuExistingImage{
	background: url(../../../images/MZ/OC_Mazda_flyouts_help_std.png) no-repeat scroll 0 50%;
}
.SlideoutMenuReviewsImage{
	background: url(../../../images/MZ/OC_Mazda_flyouts_reviews_rstd.png) no-repeat scroll 0 50%;
}
.SlideoutMenuOurCoverImage{
	background: url(../../../images/MZ/OC_Mazda_flyouts_compare_std.png) no-repeat scroll 0 50%;
}
.SlideoutMenuHomeImage{
	background: url(../../../images/MZ/OC_Mazda_flyouts_customers_std.png) no-repeat scroll 0 50%;
}
.SlideoutMenuLogoutImage{
	background: url(../../../images/K1/M&C_Kia_navigation_logout.png) no-repeat scroll 0 50%;
}
.SlideoutMenuItemSection{
	border-bottom:1px solid #FFF;
	padding-top: 20px;
    padding-bottom: 20px;
}

/* Summary Page*/
.LREditButton {
  font: 16px/20px MazdaRegular, "arial";
  background-color: transparent;
  border: 0 none;
  border-bottom: 1.2pt solid black;
  color: #191919;
}

.SummaryPageDetailsBold{
	font: 18px/25px MazdaRegular,"arial";
	color: rgb(110,110,110);
}
.SummaryPageDetailsLight{
	font: 18px/25px MazdaLight,"arial";
}
.SummaryDetailsDoneButton{
	text-transform: uppercase;
}
.SummaryEditableSection{
	border-top: 1px solid rgb(245,245,245);
    border-bottom: 1px solid rgb(245,245,245);
	padding: 5px 0;
}

.LRUnderLineMidCoolGrey {
    border-bottom: 1px solid rgb(224,224,224);
}
/*Summary Page*/
.tickStyle {
  padding: 16px;
}

#FMT_CB2A7EA525071E3854484 {
  display: none;
}

input#QUE_CBD04E914E8CEA3817141_0 {
  margin-bottom: 10px;
}

#FMT_C8A449098C641C3671241 {
  margin-left: 55px;
}

#COL_08F09D307349844322473 {
  padding-top: 3px;
}

#MNU_B04C9004F228F46D73804 {
  float: right !important;
}

/*#TXT_2116A3146FA72C1762139, 
#TXT_4333BF16FDAFEDA134751 {
  width: 100% !important;
}*/

.content {
  display: none;
}

.contentL2 {
  display: none;
}

.LDMediumFont {
  font-size: 18px;
  line-height: 20px;
  font-family: MazdaLight;
  color: #00173a;
}

.carousel-indicators {
  bottom: 20px;
}

/* on hover of element containing tooltip default*/

*:not(.on-focus):hover > .tool-tip,
.on-focus input:focus + .tool-tip {
  visibility: visible;
  opacity: 1;
  -webkit-transition: all 240ms ease-in-out;
  -moz-transition: all 240ms ease-in-out;
  -ms-transition: all 240ms ease-in-out;
  -o-transition: all 240ms ease-in-out;
  transition: all 240ms ease-in-out;
}

.slateBlueBackground {
  background-color: #0C121C;
}

#Customer_NavigationMenu .show-popup span {
  background-color: rgba(25,25,25,1);
  letter-spacing: 0.14em;
  color: #FFF;
  font-family: MazdaRegular, "arial";
  font-size: 10pt;
  text-transform: uppercase;
}

#Retailer_NavigationMenu .show-popup span {
  background-color: rgba(25,25,25,1);
  color: #FFF;
  letter-spacing: 0.14em;
  font-family: MazdaRegular, "arial";
  font-size: 10pt;
  text-transform: uppercase;
}

/**contact call center */
.contactTopSection{
	padding: 1.3em 0 0.5em 0;
}

.contactText {
  font: 28px/35px MazdaRegular,"arial";
  letter-spacing: 2px;
  text-transform: uppercase;
}

.contactEPText{
	font: 18px/25px MazdaRegular,"arial";
    letter-spacing: 0.14em;
    text-transform: uppercase;
}

.ContactTextRed{
	 font: 18px/25px MazdaBold,"arial";
     letter-spacing: 2px;
}
.referralText{
	 font: 18px/25px MazdaRegular,"arial";
  	 padding: 5px 0;
	 color: rgb(110,110,110);
}

.referralSectionText{
	 font: 18px/25px MazdaBold,"arial";
	 border-bottom: 1px solid rgba(229,229,231,1);
  	 padding-bottom: 1em;
	 letter-spacing: 2px;
}
.QuoteSelectedOptionsText{
	background: transparent url("../../../images/MZ/OC_Mazda_tick_white_std.png") no-repeat left center;
	padding-left: 30px;
	font: 18px/25px MazdaLight,"arial";
	margin-top: 10px;
	color: rgb(245,245,245);
}
.QuoteProtectionNoClaimsHeader {
  font: 23px MazdaRegular,"arial";
  letter-spacing: 0.14em;
  text-transform: uppercase;
  margin-top:1em;
}
.QuoteProtectionNoClaimsDesc {
  font: 18px/25px MazdaLight,"arial";
  padding-top: 0.75em;
  color: rgb(110,110,110);
}
.bcImage2 {
  background-image: url(../../../images/MZ/OC_Mazda_tooltip-black_std.png);
  background-repeat: no-repeat;
  width: 21px;
  height: 21px;
  background-position: center;
}

.bcImage2:hover {
  background-image: url(../../../images/MZ/OC_Mazda_tooltip-black_std.png);
  background-repeat: no-repeat;
}

.tool-tip {
  background-color: rgb(110,110,110);
  font: 16px MazdaLight,"arial";
  color: #fff;
  text-shadow: none;
  visibility: hidden;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -o-border-radius: 0px;
  border-radius: 0px;
  text-align: left;
  opacity: 0;
  z-index: 999;
  position: absolute;
  cursor: default;
  -webkit-transition: all 240ms ease-in-out;
  -moz-transition: all 240ms ease-in-out;
  -ms-transition: all 240ms ease-in-out;
  -o-transition: all 240ms ease-in-out;
  transition: all 240ms ease-in-out;
  border: 0 none;
  padding: 5px;
}

.tool-tip, *.tool-tip.top {
  top: auto;
  bottom: 114%;
  left: 50%;
}

.tool-tip, *.tool-tip.top {
      width: 300px;
    margin-left: -268px;
    margin-top: 6px;
}

.tool-tip.bottom {
  top: 120%;
  bottom: auto;
  left: 50%;
  margin-bottom: auto;
}

.tool-tip.bottom:before {
  	position: absolute;
    display: inline-block;
    left: 267px;
    top: -14px;
    content: '';
    border-top: 19px solid rgb(110,110,110);
    border-left: 0px solid rgb(110,110,110);
    border-right: 2px solid rgb(110,110,110);
    border-bottom: 0px solid rgb(110,110,110);
}

.tool-tip.bottom after {
  position: absolute;
  top: -40px;
  left: 95%;
  margin-left: -7px;
  content: " ";
  height: 39px;
  width: 0px;
  border: 0 none;
}
.LoadingText{
  font: 28px MazdaRegular,"arial";
  letter-spacing: 0.14em;
  margin-top: 20px;
  padding: 5px 4px;
  text-transform: uppercase;
}
.PopupLoadingText{
  font: 20px MazdaRegular,"arial";
  letter-spacing: 0.14em;
  margin-top: 20px;
  padding: 5px 4px;
  text-transform: uppercase;
}
.UploadNCDLink{
	background: transparent url(../../../images/K1/M&C_Kia_link.png) left center no-repeat;
	padding-left: 15px;
    font: 12px MazdaRegular,"arial";
}
.UploadNCDQuestion{
	font: 16px/20px MazdaRegular;
    color: rgba(103,103,103,1);
    border: none;
    padding: 4px 2px;
    width: 100%;
    margin-bottom: 5px;
}
.UploadNCDAnswerControl {
	font: 16px/20px MazdaRegular;
	padding: 0px;
	border: none;
}

.NeedHelpColumn{
	width:25%;
}
/*ThankYou Page*/
.numberCircle {
    border-radius: 50%;
    behavior: url(PIE.htc);
    width: 36px;
    height: 36px;
    padding: 3px 0px 0px 11px;
    background: #fff;
    text-align: center;
    font: 24px/30px MazdaRegular,"arial";   
}   

.paddingtop1Percent {
    padding-top: 2%;
}
.paddingbottom1Percent {
    padding-bottom: 2%;
}
.marginleft3Percent {
    padding-left: 0px;
    margin-left: 3%;
}

.ThankyouSubsectionRow1Column1Width{
	width:6%;
}
.ThankyouSubsectionRow1Column2Width{
	width:65%;
}
.ThankyouSubsectionRow1Column3Width{
	width:19%;
	margin-top: 5%;
}
.ThankyouSubsectionColumn2Width{
	width:91%;
}

.FAQQuestionText {
  font: 18px/25px MazdaRegular,"arial";
  padding: 5px 0;
}

.PolicyDocumentColumn2{
	width:25%;
	padding: 4px 0 0 0;
}
.PolicyDocumentColumn1{
	width: 75%;
}
.DealerResourceLeftAlignText{
	font: 15px/20px MazdaRegular,"arial";
    color: rgb(110,110,110);
}
/*LRQuote*/
.LRQuoteYourExcessesColumn1{
	width:50%;
}
.LRQuoteYourExcessesColumn2{
	width:30%;
	margin: 10% 0% 0% 20%;
}
/*LRQuote*/

.SessionTimeOutGoHomeHeading{
	color: #000;
    font: 20px/25px MazdaRegular,"arial";
}

/* Vehicle Details */
.multiCarCallBackInstructionSection {
	background-color: rgb(110,110,110);
	padding: 10px;
}

.VehicleSearchResultsSection{
	background-color: rgb(110,110,110);
	padding: 10px;
	margin-bottom: 1em;
}
.VehicleSearchResultsSectionText{
	 font: 18px/25px MazdaLight,"arial";
	 color: #FFF;
}

.VehicleSearchResultsSectionTextBold{
	font: 16px MazdaBold,"arial";
	color: #FFF;
}
/* Vehicle Details */

/*buttons*/

.SaveForLaterButton, .NCDRemoveButton{
	font: 15px MazdaRegular,"arial";
    letter-spacing: 0.14em;
    color: #FFF;
    padding: 0.75em 2em;
    vertical-align: middle;
    background-color: rgb(25,25,25);
	margin: 0.5em 0;
}

.UploadNCDdocumentConfirmationButton{
	font: 15px MazdaRegular,"arial";
    letter-spacing: 0.14em;
    color: #FFF;
    padding: 14px 22px;
    border: 0 none;
    vertical-align: middle;
    background-color: rgb(25,25,25);
}

.DoneButton{
	font: 15px MazdaRegular,"arial";
    letter-spacing: 0.14em;
    color: #FFF;
    padding: 12px 44px;
    border: 0 none;
    vertical-align: middle;
    background-color: rgb(25,25,25);
}
.QuoteProtectionClaimsButton{
	font: 15px MazdaRegular,"arial";
    letter-spacing: 0.14em;
    color: #FFF;
    padding: 0 2em;
    height: 35px;
    border: 0 none;
    vertical-align: middle;
    margin: 10px 0;
    background-color: rgb(25,25,25);
	text-transform: uppercase;
}

.DealerLoginButton, .PostcodeLookupButton{
	font: 15px MazdaRegular,"arial";
    letter-spacing: 0.14em;
    color: #FFF;
    padding: 0.6em 2em;
    border: 0 none;
    vertical-align: middle;
    margin: 10px 0;
    background-color: rgb(25,25,25);
	text-transform: uppercase;
}

.PostcodeLookupButton {
	margin: 0.75em 0 0 0;
}

.RegistrationFindButton{
	font: 15px MazdaRegular,"arial";
    letter-spacing: 0.14em;
    color: #FFF;
    padding: 0 2em;
    height: 35px;
    border: 0 none;
    vertical-align: middle;
    margin: 10px 0;
    background-color: rgb(25,25,25);
	text-transform: uppercase;
}

.RetrieveQuoteError {
    background: transparent url("../../../images/MZ/OC_Mazda_alert-red_std.png") no-repeat 2%;
    width: 89%;
    margin: 0.5em;
    border: 1px solid rgb(227,5,18);
}

.RetrieveQuoteErrorText {
   font: 16px/25px MazdaRegular,"arial";
   color: #000;
   padding: 5px 0px 5px 40px;
   letter-spacing: 0.01em;
}

.ExcessProtectPrintLink {
	font: 18px/25px MazdaRegular,"arial";
    letter-spacing: 0.07em;
    text-transform: uppercase;
    width:100%;
}

/* NCD Protection Price Style */
.NCDCostText {
  font: 18px/25px MazdaBold,"arial";
  color: black;
  padding: 10px 0;
  text-align: left;
  margin-left: 0.5em;
}

/* Header image replacement styles */
.HomePageBanner {
	left: 0%;
	top: 0;
	width: 100%;
	color: #fff;
	text-align: center;
	text-shadow: none;
	padding: 0;
	bottom: auto;
	position: absolute;
}

.BannerButtons {
	margin-top: 19%;
	padding-left: 35%;
}

.stickyButtonsSection {
	display: none;
}

.LandingPageDealerLoginDiv {
	width: 60%;
}

/* 5 star cover section - home page */
.Fivestarcoversection {
	background: rgba(110,110,110,1);
	padding: 1% 0;
}

.Fivestarcoverheading {
	font: 28px MazdaRegular,"arial";
	color: #FFF;
	text-transform: uppercase;
	text-align: center;
	letter-spacing: 0.14em;
}

.Fivestarcoversubheading {
	font: 18px/25px MazdaRegular,"arial";
	color: #FFF;
	text-transform: uppercase;
	text-align: center;
	letter-spacing: 0.14em;
}

.Fivestarcovernewquotebutton {
    background: rgba(25,25,25,1);
    color: #FFF;
    font: 13px MazdaRegular,"arial";
    padding: 14px 44px;
    border: 0 none;
    text-transform: uppercase;
	letter-spacing: 0.14em;
}

.Fivestarcovercol1 {
	display: none;
}

.Fivestarcovercol2 {
    width: 100%;
    padding: 0 37%;
}

.Fivestarcovercol3 {
	width: 100%;
	padding: 0 33%;
    margin-top: 1%;
}

/*Renewal Date*/
.RenewalDateHeading {
  Font: 28px MazdaRegular,"arial";
  padding: 1em 0;
  text-transform: uppercase;
  letter-spacing: 0.14em;
}

.RenewalDateFormText {
  font: 18px/25px MazdaLight,"arial";
  padding-bottom: 1em;
  color: #191919;
}

.RenewalDateFormText a {
  text-decoration: underline;
}

.RenewalDatePostcodeFieldSection {
  padding: 15px 0;
}

.RenewalDateSubmitButton {
	font: 15px MazdaRegular,"arial";
	letter-spacing: 0.14em;
	color: #FFF;
	padding: 1em 2em;
	border: 0 none;
	vertical-align: middle;
	margin: 10px 0;
	background-color: rgb(25,25,25);
	text-transform: uppercase;
}

/*Renewal Date*/

/* MultiCar Page */
.MultiCarCallBackText {
  font: 18px/25px MazdaLight,"arial";
  padding: 0.75em;
  color: #FFF;
}

.MultiCarCallBackText sup {
  font-size: 16px;
}

.MultiCarOfferText {
  font: 18px/25px MazdaRegular,"arial";
  margin: 1em 0;
}

.MultiCarDescription{
	font: 20px/25px MazdaRegular,"arial";
	padding-bottom: 1em;
}

.MultiCarText {
	font: 18px/25px MazdaRegular,"arial";
	color: rgb(110,110,110);
}

.ProgressBarSection {
	padding: 25px 0 50px 0;
	border-bottom: 1px solid rgba(229,229,231,1);
}

.SubText {
	font: 18px/25px MazdaLight,"arial";
	padding: 4px;
}

.QuoteProtectionCheckbox {
  width: 18px;
  position: relative;
}

.QuoteProtectionCheckbox input[type=checkbox]:not(old) {
  width: 18px;
  height: 18px;
  cursor: pointer;
  position: relative;
  top: 0;
  left: 0;
  background: -webkit-linear-gradient(top, #222222 0%, #45484d 100%);
  background: linear-gradient(to bottom, #222222 0%, #45484d 100%);
  border-radius: 4px;
  display:inline-block;
}

.QuoteProtectionCheckbox input[type=checkbox]:checked {
  opacity: 1;
  background:url(../../../images/MZ/OC_Mazda_tickbox-tick_std.png) -19px top no-repeat;
}

.PaymentComodoSecureHelpColumn {
	width: 7%;
	margin-top: 0.5em;
}

/* payment page voucher code question */

.VoucherCodeQuestionColumn {
	width: 80%;
}

.VoucherCodeQuestion {
	font: 25px MazdaBold,"arial";
    width: 49%;
	text-transform: uppercase;
}

.VoucherCodeApplyButtonColumn {
	width: 20%;
}

.PaymentFindPostCodeButton {
	font: 15px MazdaRegular,"arial";
    letter-spacing: 0.14em;
	background-color: rgb(25,25,25);
    padding: 0.75em 2em;
    border: 0 none;
    vertical-align: middle;
	margin-top: 1.2em;
	text-transform: uppercase;
	color: #FFF;
}

.PrivacyOptinText {
	font: 18px/25px MazdaLight, "arial";
	color: rgb(110,110,110);
}

.PrivacyOptinText a {
	text-decoration: underline;
}

.VehicleNotFoundError {
	background: rgb(234,33,45) url(../../../images/MZ/OC_Mazda_alert-white_ret.png) 1% center no-repeat;
    padding: 1em 4em;
    color: #FFF !important;
    
}
.errorMessageRed {
	padding: 4px 0 0 0;
	font: 18px/25px MazdaLight,"arial";
}

/* Heading as link */
.HeadingAsLink {
	font: 18px/25px MazdaRegular,"arial";
	padding: 5px 4px;
}

.HeadingAsLink b {
	text-decoration: underline;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
	font-family: MazdaLight, "arial";
	color: #000;
}

.ui-datepicker-calendar, .ui-widget select {
	font-family: MazdaLight, "arial" !important;
	color: #000;
}

.FiveStarSectionHelpNo {
	font: 11pt MazdaBold,"arial";
    text-align: center;
	padding-top: 1em;
	margin-left: -2%;
	text-decoration: underline;
	color: #FFF;
	text-transform: uppercase;
	letter-spacing: 0.14em;
}

.MazdaZoomLogo {
	position: absolute;
	top: 90%;
	left: 10%;
	display: none;
}

#p1_GRP_53F64027EB129A93108931 {
	position: static !important;
}

.BannerImageScrollDownButton {
	position: absolute;
	top: 84%;
	left: 87%;
}

.QuoteHelpToolTipButton {
	background: transparent url(../../../images/MZ/OC_Mazda_tooltip-white_std.png) left no-repeat;
	width: 21px;
	height: 21px;
	border: 0 none;
}

.FloatPopupSection {
	top: 100%;
}

.HelpColumnOne {
	width: 75%;
}

.HelpColumnTwo {
	width: 25%;
}

.HelpColumnThree {
	display: none;
}

.GetMeHomeCover {
	width: 50%;
}

.NCDHeadingColumn {
	width: 60.5%;
}
.NCDDescColumn {
	width: 68%;
}

.ncd-info-box .QuotePriceHeader2, .legal-info-box .QuotePriceHeader2,  .lkey-info-box .QuotePriceHeader2, .courtesycar-info-box .QuotePriceHeader2, .optional-covers-cost-box .QuotePriceHeader2 {
	color: #000;
}

.shaded-box .QuotePriceHeader1, .shaded-box .bodytext  {
	color: #000;
}

.PaymentSwitchActive {
	background: #191919;
}

@media only screen and (min-device-width: 1366px) and (max-device-width: 1366px), only screen and (max-width: 1366px) and  (min-width: 1366px) {	
	.BannerButtons {
		padding-left: 35.5%;
		margin-top: 20%;
	}
	
	.CarouselCallText {
	}
	
	.LandingPageDealerLoginDiv {
		width: 45%;
		margin-top: -2%;
	}
	
	.Fivestarcovercol2, .Fivestarcovercol3 {
		padding: 0 34%;
	}
	
	.CompareTableRow1Col2HeaderText, .CompareTableRow1Col3HeaderText {
		font-size: 11px;
	}
	.QuoteProtectionSelectionR1C2, .QuoteProtectionSelectionR2C2, .QuoteProtectionSelectionR3C2 {
		padding: 50% 0;
	}
	.QuoteProtectionSelectionR2C2 {
		padding: 37% 0;
	}
	.QuoteProtectionSelectionR3C2 {
		padding: 41% 0;
	}
	.QuoteProtectionSelectedPackageR1C2, .QuoteProtectionSelectedPackageR2C2, .QuoteProtectionSelectedPackageR3C2 {
		padding: 50% 0;
	}
	.QuoteProtectionSelectedPackageR2C2 {
		padding: 37% 0;
	}
	.QuoteProtectionSelectedPackageR3C2 {
		padding: 41% 0;
	}
	.QuoteProtectionEmptySectionWhite{
		height: 141px;
	}
	.QuoteProtectionEmptySectionBlue{
		height: 141px;
	}
	.NCDHeadingColumn {
		width: 61.5%;
	}
}

@media only screen and (max-width: 1600px) and (min-width: 1367px) {
	.PhaseTitleStyle{
		padding-left: 0;
		display: block;
	}
	
	.BannerButtons {
		margin-left: 0;
		padding-left: 36.5%;
		margin-top: 20%;
	}
	
	.CarouselCallText {
		margin-left: 1%;
	}
	
	.LandingPageDealerLoginDiv {
		width: 45%;
		margin-top: -2%;
	}
	
	.Fivestarcovercol2, .Fivestarcovercol3 {
		padding: 0 35%;
	}
	
	.CompareTableRow1Col2HeaderText, .CompareTableRow1Col3HeaderText {
		font-size: 11px;
	}
	.QuoteProtectionSelectionR1C2, .QuoteProtectionSelectionR2C2, .QuoteProtectionSelectionR3C2 {
		padding: 46% 0;
	}
	.QuoteProtectionSelectionR2C2 {
		padding: 34% 0;
	}
	.QuoteProtectionSelectionR3C2 {
		padding: 35% 0;
	}
	.QuoteProtectionSelectedPackageR1C2, .QuoteProtectionSelectedPackageR2C2, .QuoteProtectionSelectedPackageR3C2 {
		padding: 46% 0;
	}
	.QuoteProtectionSelectedPackageR2C2 {
		padding: 34% 0;
	}
	.QuoteProtectionSelectedPackageR3C2 {
		padding: 35% 0;
	}
	.QuoteProtectionEmptySectionWhite{
		height: 128px;
	}
	.QuoteProtectionEmptySectionBlue{
		height: 128px;
	}
	.NCDHeadingColumn {
		width: 61.5%;
	}
}

@media only screen and (max-width:1690px) and  (min-width:1600px) {
	.carousel-Header1 {
		padding-left: 0;
	}
	.BannerButtons {
		padding-left: 38%;
		margin-top: 21%;
	}
	
	.Fivestarcovercol2, .Fivestarcovercol3 {
		padding: 0 36%;
	}
	.CarouselCallText {
		margin-left: 0;
	}
	.QuoteProtectionSelectionR1C2, .QuoteProtectionSelectionR2C2, .QuoteProtectionSelectionR3C2 {
		padding: 42% 0;
	}
	.QuoteProtectionSelectionR2C2 {
		padding: 28% 0;
	}
	.QuoteProtectionSelectionR3C2 {
		padding: 30.5% 0;
	}
	.QuoteProtectionSelectedPackageR1C2, .QuoteProtectionSelectedPackageR2C2, .QuoteProtectionSelectedPackageR3C2 {
		padding: 42% 0;
	}
	.QuoteProtectionSelectedPackageR2C2 {
		padding: 28% 0;
	}
	.QuoteProtectionSelectedPackageR3C2 {
		padding: 30.5% 0;
	}
	.QuoteProtectionEmptySectionWhite{
		height: 125px;
	}
	.QuoteProtectionEmptySectionBlue{
		height: 125px;
	}
}

@media only screen and (max-width: 1920px) and  (min-width: 1700px)  {
	
	.carousel-caption{
		margin-top: 3%;
	}
	
	.BannerButtons {
		padding-left: 39.5%;
		margin-left: 0;
		margin-top: 22%;
	}
	
	.CarouselCallText {
		margin: 0;
	}
	
	.LandingPageDealerLoginDiv {
		width: 45%;
	}
	
	.Fivestarcovercol2, .Fivestarcovercol3 {
		padding: 0 38.5%;
	}
	
	.FiveStarSectionHelpNo {
		margin-left: -5%;
	}
	
	.QuoteProtectionTableWrapper {
		width: 72%;
	}
	
	.PostcodeLookupButton {
	}
	
	.menufixedlinks {
		padding: 2.5em 3em 0 0;
	}
	.QuoteProtectionSelectionR1C2, .QuoteProtectionSelectionR2C2, .QuoteProtectionSelectionR3C2 {
		padding: 45% 0;
	}
	.QuoteProtectionSelectionR2C2 {
		padding: 35% 0;
	}
	.QuoteProtectionSelectionR3C2 {
		padding: 33.5% 0;
	}
	.QuoteProtectionSelectedPackageR1C2, .QuoteProtectionSelectedPackageR2C2, .QuoteProtectionSelectedPackageR3C2 {
		padding: 45% 0;
	}
	.QuoteProtectionSelectedPackageR2C2 {
		padding: 35% 0;
	}
	.QuoteProtectionSelectedPackageR3C2 {
		padding: 33.5% 0;
	}
	.QuoteProtectionEmptySectionWhite{
		height: 125px;
	}
	.QuoteProtectionEmptySectionBlue{
		height: 125px;
	}
	
	.NCDHeadingColumn {
		width: 46.25%;
	}
	.NCDDescColumn {
		width: 52%;
	}
}

/* Tablet CSS modifications */
@media only screen and (max-width: 1025px) and  (min-width: 641px) {
	
	/*Help section*/
	.NeedHelpColumn{
		display:none;	
	}
	/* Tablet screen set-up */
  *[class="CompareCoverContent"] {
    width: 98%;
    max-width: 768px;
  }
.Footer_Text {
  padding: 0 0 37px 0;
  width: 95%;
  margin:auto;
}
  *[id="COL_B04C9004F228F46D91900"] {
    width: 1% !important;
  }
  
  .QuoteFormSection{
	width: 95% !important;
	margin: 0 auto;	
  }
  .MainContentSection{
	width: 95%;
	margin: 0 auto;
	float: none !important;
  }
  .ProgressBarSection {
		padding: 20px 0;
	}
	
  *[class="statusValid"] {
    background: transparent !important;
  }

  *[class="statusInValid"] {
    background: transparent !important;
  }
	/* Tablet screen set-up */
		
  *[class="FMT_CB2A7EA525071E3854607"] {
    display: block !important;
  }
  
  .HomeImageSection {
	  display:block;
  }

  *[class="WebOnly"] {
    display: none !important;
  }
	*[class="TabletAndMobileOnly"]{
		display: block;
	}
  *[class="SlideoutColumn"] {
    display: block !important;
	width: 6%;
    float: right  !important;
  }

	/* cookie formatting start */
  *[id="FMT_7514CAD9B0FB2A0363688"] {
    display: block !important;
  }

  *[id="FMT_7514CAD9B0FB2A0363707"] {
    display: none !important;
  }
	/* cookie formatting ends */
	/* Reasons to choose section formatting start */
    .repeatBg{
   	 background-image: url(../../../images/bg-low-opacity-seperator.png), url(../../../images/bg-low-opacity-seperator2.png) !important;
     background-repeat: repeat-y, repeat-x !important;
     background-position: 50% top, 40% !important;
	 background-attachment: scroll;
   }	
  *[class="compareDescription"] {
    width: 49% !important;
    padding: 20px 20px 20px 20px !important;
  }

  .ReasonsToChooseForColumn1{
  	width: 49% !important;
    padding: 20px 20px 20px 20px !important;
  }
  .ReasonsToChooseForColumn2{
  	width: 49% !important;
    padding: 20px 20px 20px 20px !important;
  }
  .ReasonsToChooseForColumn3{
  	width: 49% !important;
    padding: 20px 20px 20px 20px !important;
  }
  .ReasonsToChooseForColumn4{
  	width: 49% !important;
    padding: 20px 20px 20px 20px !important;
  } 		
  .tabletMargin {
    margin-top: 3%;
    margin-left: 12%;
    margin-right: 12% ;
    margin-bottom: 1%;
  }

  #FMT_24E831715D1830B758258 {
    margin: 20px 0px 20px 0px !important;
  }
	/* Reasons to choose section formatting start */	

  *[class="TabletHeading"] {
    display: block !important;
    width: 80% !important;
    font-size: 30px !important;
    color: #B0B7BB !important;
    text-align: center !important;
    padding-top: 20px !important;
    padding-left: 1.75% !important;
    font-family: LandRoverWeb-Light !important;
  }

  *[class="setConditionStyle"] {
    left: 220px !important;
    bottom: 129px !important;
  }
	/*
  *[id="COL_B04C9004F228F46D91607"] {
    width: 74% !important;
    text-align: center !important;
  }
  */

  *[id="row_HEAD_CB6ED4BC492BAA55160498"] {
    display: none !important;
  }

  *[id="p1_HEAD_B04C9004F228F46D73799"] {
    text-align: center !important;
    padding: 15px 0 0 1.75% !important;
  }

  *[id="HEAD_7514CAD9B0FB2A0354417"] {
    display: block !important;
  }

  *[id="COL_B04C9004F228F46D91900"] {
    display: none !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;
  }
	/* carousal text changes for tablet */
  *[class="FontMazdaLight LRVSmall12"] {
    left: 145px !important;
    bottom: 110px !important;
    position: absolute !important;
    width: 30% !important;
    color: #FFFFFF !important;
  }

  *[class="FontMazdaLight LRVSmall12 SlateBlue setConditionStyle"] {
    left: 145px !important;
    bottom: 110px !important;
  }
		/* Floating Right sidemenu display removal */
  *[id="FMT_7D4F2E8D5B199E9D983182"] {
    display: none !important;
  }

/* header and footer changes with edge ids start */
	/* LandRover Logo Column size decrement 
  *[id="COL_B04C9004F228F46D91583"] {
    width: 20% !important;
  }

  *[id="FMT_7514CAD9B0FB2A0363289"] {
    padding: 5px 0 10px 2.5% !important;
  }
  */
  
	/* Removal of Links in header for Tablet */
  *[id="FMT_7FF7D21FD09131E554189"] {
    display: none !important;
  }

  .TopLinkMenus{
    display: none;
  }
/*
  *[id="COL_E73DF60776EFFF5F54442"] {
    display: block !important;
  }
  */
	/* LandRover Logo size change */
  *[id="TXT_B04C9004F228F46D91564"] {
    height: 35px !important;
    padding: 5px 0 15px 2.5% !important;
    margin: 0 !important;
  }
	/* Tablet help section display */
  *[id="FMT_7514CAD9B0FB2A0365538"] {
    display: block !important;
  }
	
  .FloatPopupSection{
	left: 5% !important;
    width: 90% !important;
    height: inherit;
  }
  /*Phase header text style to overlay on image*/
  .PhaseHeaderStyle{
  }
  
  .MazdaZoomLogo, .BannerImageScrollDownButton {
	  zoom: 0.8;
  }
}

@media only screen and (max-width: 1025px) and  (min-width: 768px) and (orientation: landscape) {
	
	.HomePageBanner {
	}

	.BannerButtons {
		padding-left: 30%;
		margin-top: 27%;
	}
	
	.CarouselCallText {
	}
	
	.Fivestarcovercol1 {
		display: none;
	}

	.Fivestarcovercol2 {
		padding: 0;
	}
	
	.Fivestarcovercol3 {
		padding: 0 29%;
	}
	
	.footerDefaqtoText {
		padding-left: 2%;
	}
	.QuoteProtectionSelectionR1C2, .QuoteProtectionSelectionR2C2, .QuoteProtectionSelectionR3C2 {
		padding: 38% 0;
	}
	.QuoteProtectionSelectionR2C2 {
		padding: 27% 0;
	}
	.QuoteProtectionSelectionR3C2 {
		padding: 30% 0;
	}
	.QuoteProtectionSelectedPackageR1C2, .QuoteProtectionSelectedPackageR2C2, .QuoteProtectionSelectedPackageR3C2 {
		padding: 38% 0;
	}
	.QuoteProtectionSelectedPackageR2C2 {
		padding: 27% 0;
	}
	.QuoteProtectionSelectedPackageR3C2 {
		padding: 30% 0;
	}
	.QuoteProtectionEmptySectionWhite{
		height: 125px;
	}
	.QuoteProtectionEmptySectionBlue{
		height: 125px;
	}
}

@media only screen and (min-width: 740px) and (max-width: 768px) and  (orientation: portrait) {
		
	.HomePageBanner {
	}
	
	.BannerButtons {
		padding-left: 24%;
		margin-top: 23%;
	}
	
	.CarouselCallText {
	}
	
	.LandingPageDealerLoginDiv {
		padding: 0 12% !important;
	}
	
	.Fivestarcovercol1 {
		display: none;
	}

	.Fivestarcovercol2 {
		padding: 0;
	}
	
	.Fivestarcoverheading {
		font-size: 22px;
	}
	
	.Fivestarcovercol3 {
		padding: 0 21%;
	}
	
	.footerDefaqtoText {
		padding-left: 2%;
	}
	.QuoteProtectionSelectedPackageR3C2 {
		padding: 46% 0;
	}
	
	.MazdaZoomLogo {
		left: 5%;
	}
}