@font-face { font-family: 'Arial'; src: url('fonts/ekmukta-regular-webfont.eot'); src: url('fonts/ekmukta-regular-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/ekmukta-regular-webfont.woff2') format('woff2'), url('fonts/ekmukta-regular-webfont.woff') format('woff'), url('fonts/ekmukta-regular-webfont.ttf') format('truetype'), url('fonts/ekmukta-regular-webfont.svg#Arial') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'ek_muktabold'; src: url('fonts/ekmukta-bold-webfont.eot'); src: url('fonts/ekmukta-bold-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/ekmukta-bold-webfont.woff2') format('woff2'), url('fonts/ekmukta-bold-webfont.woff') format('woff'), url('fonts/ekmukta-bold-webfont.ttf') format('truetype'), url('fonts/ekmukta-bold-webfont.svg#ek_muktabold') format('svg'); font-weight: normal; font-style: normal; }

/* http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 License: none (public domain)*/ html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center, fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }
/* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
body                { line-height: 1; }
body * {letter-spacing: 0.025em;} 
/*ol, ul              { list-style: none; }*/
blockquote, q       { quotes: none; }
blockquote:before, 
blockquote:after,
q:before, q:after   { content: ''; content: none; }
table               { border-collapse: collapse; border-spacing: 0; }
*, *:after, *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
*:focus {outline: 0;}
/*reset end*/
	
a:link,
a:active,
a:visited                   { text-decoration:underline; }
a:hover                    { text-decoration:none; }

body                        { font-size: 75%; }
html>body                   { font-size: 12px; }

h1,
h2,
h3,
h4,
p,
li,
a,
.formGroupedTitle, 
label,
legend,
.error-message,
input[type="submit"],
input[type="text"],
.formRadioTitle,
textarea,
.textBox,
.paymentOptionText,
.direct-debit-logo,
#olCustomerDeclaration          { font-family:Arial; font-style:normal; font-weight:normal; }

.progressBarText            { line-height:1em; }
.progressBarText p          { margin-bottom:0;}

/*11px*/ 
p,
.formGroupedTitle,
.error-message,
.direct-debit-logo          { font-size:1em; line-height:1.4em; }

/*16px*/
h1,
#directDebitGuarantee h2    { font-size:1.3333em; line-height:1.1em; } 

/*20px*/
h2                          { font-family:Arial; font-size:1.5em; font-weight:normal; line-height: 0.875em; margin-bottom: 0.875em; }
h5                          { font-family:Arial; font-size:1.2em; }
#totalCost, .totalCost      { font-family:Arial; font-size:1.8em; line-height:1.6em; font-weight:bold;  text-transform:uppercase; } 

#personalDetailsSummary h2,
#vehicleDetailsSummary h2,
#productDetailsSummary h2,
#paymentDetailsSummary h2,
#quoteResults h2,
#SummaryForm h2,
.bottomBookletFeatures h2   { font-family:Arial; font-size:1.3em;  font-weight:bold; text-transform:uppercase; }

/*set element specifics*/
p                           { line-height: 1.6em;}
li                          { font-size:1em;  margin-bottom: 0.55em; line-height: 1.6em;}

.formGroupedTitle, 
label, 
.error-message,
.formRadioTitle             { line-height:1.75em; font-family: Arial; font-weight:bold; } 

.formInputsInline label,
.checkLabel, 
input[type="submit"]        { font-weight:bold; }                     
strong			            { font-family: Arial;font-weight:bold; }	
.paymentPackage             { font-family: Arial; font-weight:bold;}
.productShortDescription    { margin-bottom: 2em !important; }

.progressBarNumber          { font-family:Arial; font-size:4em; font-weight:bold; line-height:30px; }
.progressBarText p          { line-height:1em; }
#manualSelectLink           { font-family: Arial; font-weight:bold;}
#manualSelectLink a         {  }

#renewWarranty h1           { font-size:30px;  font-weight:bold; }

#customerAcceptanceList     { margin:0; padding:0;}
#guaranteeDetails li        { list-style:square; line-height:1.4em; }
#customerAcceptanceList li  { list-style:decimal; line-height:1.4em; }

#totalSummaryCost           { float:right; font-size:1.1667em; line-height: 0.875em; font-weight:bold; width:200px; text-align:right;}

#nextProduct                       { margin-right:15px; }
#DealerLoginForm .inline-field-wrapper,
#KnownProspectLoginForm .inline-field-wrapper { padding:15px 15px 10px 10px; }

#DealerLoginForm .formRowInline,
#KnownProspectLoginForm .formRowInline {padding:0; border:none;}

.policy-duration-cost {float:right; width:55%;}
.add-to-basket {float:left;}

.fade > .close , .view-popout,#view-as   { display: none;}
.fade > .close {    line-height: 24px;}

.noVerticalPadding {padding-top:0 !important; padding-bottom:0 !important;}  
 
.dd-slider { display:none;} 
 
.no-matching-products {margin-bottom:15px;}
 
.more-options {position: absolute;top: 19px;right: 11px;font-family: Arial; display:none;}

.booklet-description > h2 {margin-bottom:0;}

  .quote-results-product-type {display:none;}
  
  
/* -------------------------------------------------- *\
	Design and Layout	
\* -------------------------------------------------- */
body                        { }
.clear                      { clear:both; }
.blockClear                 { display:block; clear:both; font-size:1px; height:1px; line-height:1px; margin:0; padding:0; border:0; }
.hidden                     { position:absolute; left:-9999px;}
.hide                       { display:none; }
a img                       { border:none; }
.left                       { float:left; }
.right                      { float:right; }
.wrapper                    { margin: 0 auto 15px auto; overflow:hidden; width:940px; position:relative; padding: 0 15px 0px; }
#footer                     { margin:0 auto; padding:20px 0 1px; width:100%; clear:both; }
#content                    { float:left; width:675px;}
#contentInner               { padding:10px; }
#renewWarranty              { position:absolute; left:15px; top:147px; }



/* -------------------------------------------------- *\
	Form Layout
\* -------------------------------------------------- */
.unstyledList                   { margin:0; padding:10px; }
.unstyledList li                { margin:0; padding:0; list-style:none; clear:both; }
fieldset                        { width:100%; margin-bottom:20px; float:left}
legend                          { font-family:Arial; font-weight:bold; font-size:1.5em; float:left; width:100%; padding:15px 10px; }
label                           { padding-bottom:3px; }
.formRow                        { position:relative; float:left; clear:left; }
.formRowMultipleFields          { width:100%; padding-left:3px; }          /*required should overwrite this */
.formRowMultipleFieldsNotRequired{ width:100%; padding-left:5px; }
.formRowBlockContainer          { width:100%; padding-left:0; }            /*generic, used to hold data, no required fields or padding */
.formRowBlock                   { width:100%; padding:15px 10px 10px 13px; }
.formRowInline                  { float:left; padding:15px 10px 10px 10px; display:inline; width:324px; }
.formRowInlineLeft              { margin-left:1px; } 
.formGroupedTitle               { width:100%; margin:15px 0 0 10px; }
.formRadioTitle                 { width:100%; }
.formInputsInline               { float:left; margin-left:10px; }
.requiredField                  { width:100%;  padding-left:10px;}
.groupedRequiredField, .groupedField  { width:100%;  }
#outerLightbox                  {width: 672px;max-height: 95%; overflow-y: auto;}

.formInfo, .formFields          { }
#formButtons                    { float:left; width:100%; margin: 10px 0; border:none; }
#postcodeLookup,
#vehicleRegistrationLookup      { margin-left:10px; position:relative; top:0; padding:3px 20px; }

#nonJavascriptFallbackForm      { float:left; clear:left;}
#SummaryForm .formRow strong,
#vehicleDetailsSummary strong,
#warrentyDetailsSummary strong  { display:block; width:50%; float:left; }

#SummaryForm .formRow .value    { display:block; width:450px; float:left; }

#personalDetailsSummary strong,
#paymentDetailsSummary strong   { display:block; width:150px; float:left; }
.direct-debit-logo              { float:right; font-size:0.9em; margin:0 0 20px 30px; }
#paymentDetailsSummary span 	{  font-weight:normal; }

#recieptPriceText               { line-height: 0.875em; margin-bottom: 3px;  }
#recieptPriceText  span 	    { font-weight:600;  }
#packageSummaryColor            {  font-family: Arial; margin-bottom:7px; font-weight:bold; }
#transactionIdSummary           { font-family: Arial; font-size:1.8em; line-height:1em; font-weight:bold; text-align:right; }

#vehicleDetailsSummary p,
#personalDetailsSummary p,
#paymentDetailsSummary p        {  width: 100%; display: inline-block;overflow-wrap: break-word;word-wrap: break-word;word-break: break-word;line-break: strict;}


#warrentyDetailsSummary         { margin-top:5px; }

#thankYou 				            { margin-top:10px; }

#declarationSubtitle { font-family:Arial; }

.bookletNameHeader {}

.form-radio-wrapper { float: left;margin-right: 15px;}

#dealerAdminCancel {text-align:center;}

#personalDetailsSummary .formRowInlineLeft.second { padding-top: 38px;}

#innerLightbox {overflow:auto;}

.product-tab .purchaseQuoteButton,
#innerLightbox .purchaseQuoteButton {margin:20px 0 0; }

#innerLightbox #checkoutFormButton .purchaseQuoteButton,
#innerLightbox #continueForButton .purchaseQuoteButton {margin-top:0;}

form.close {}

#faqList {display: inline-block; margin-bottom: 15px; width:100%; }
.faq-question p {display:none;}

.formInputsInline {margin-bottom:10px;}
.formInputsInline > label {display:block;}

/*reformat summary page */
#editCustomer,
#editVehicle,
#editProduct                    { position: absolute; bottom: 10px; right: 10px; }

/*stupid DD database workaround.*/
#directDebitGuarantee           { position:relative; float:left; clear:left; width:100%; padding:15px 0 10px 0;   }
#directDebitGuarantee h2        { font-family: Arial; font-weight:bold; font-size:1.5em; text-transform:uppercase; float:left; width:676px; padding:15px 10px;  }
#directDebitGuarantee p         { padding:10px; }
#directDebitGuarantee img       { margin-right:10px; }
#directDebitOriginator p        { margin-bottom:0.75em; }

/* -------------------------------------------------- *\
	Input Widths
\* -------------------------------------------------- */


#issueNumber,
#sortCode1,
#sortCode2,
#sortCode3,
#securityNumber { height: 30px; text-indent: 5px; width: 30px; }

#policyStartDateDay,
#policyStartDateMonth,
#vehicleRegistrationDateDay,
#vehicleRegistrationDateMonth,
#vehiclePurchaseDateDay,
#vehiclePurchaseDateMonth,
#introductionDateDay,
#introductionDateMonth,
#startDateMonth,
#expiryDateMonth { height: 30px; text-indent: 5px; width: 45px; }

#policyStartDateYear,
#vehicleRegistrationDateYear,
#vehiclePurchaseDateYear,
#introductionDateYear,
#startDateYear,
#expiryDateYear                     { height: 30px; text-indent: 5px; width: 60px; }

#title                              { width:55px; height: 30px; }
#telephone,
#postcode                          { width:175px; }

#vehiclePurchasePrice,
#VehicleCurrentMileage              { width:135px; }

#firstname,
#surname,
#cardNumber                         { width:165px; }

#dealerUsername,
#dealerPassword,
#username,
#password,
#addressLine1,
#addressLine2,
#addressCity,
#addressCounty,
#email,
#vehicleRegistration,
#vehicleMake,
#vehicleModel,
#vehicleFuelType,
#vehicleEnbgineSize,
#cardHolder,
#accountHolder,
#bankName,
#accountNumber,
#telephone                      { width:260px; height: 30px; text-indent: 5px; }

#vehicleEngineSize,
#dealerAdminCurrentPassword,
#dealerAdminNewPassword,
#dealerAdminConfirmNewPassword      { height: 30px; text-indent: 5px; }

#vehicleEngineSize {width:65px;}

#addressSelector,
#vehicleType                        { width:600px; height: 30px; text-indent: 5px; }
.summaryBox                         { width:617px; height:150px; padding:10px 25px; overflow:auto; margin-top:10px; }

.paymentOptionText                  { margin:13px 10px 0 0; font-size:1.4em; text-align:right; width:300px; }

#directDebitOriginator2 ul          { margin-left:13px; }
#directDebitOriginator2 ul li,
#guaranteeDetails li                {  background-position:0 6px; background-repeat:no-repeat; list-style:none outside none; margin-bottom:15px; padding-left:15px; }
#directDebitOriginator2 .first      { width:470px; }

#customerAcceptance                 { padding-left:0!important; }
.customerAcceptanceCheckbox         { margin-top: 10px; }

#guaranteeDetails                   { width:500px; margin:0; padding-left:10px; clear:left; }

.totalCost                          {  float:right; font-size:1.8em; font-weight:bold; text-transform:uppercase; }
.basketNote                         {float: left; font-size: 1.7em; font-weight: bold;}   

.formRow.product-price-group-link {padding: 0 2.5%; border-top:1px solid #ebebeb; display:none; margin-bottom:10px;}
.formRow.product-price-group-link h2 { margin-bottom:0;background: url(/images/ford-asset-protection/menu-arrow.gif) 0 center no-repeat; display:block; padding:15px 15px 10px; cursor: pointer;text-decoration: underline;line-height: 20px;}
.formRow.product-price-group-link.active {margin-bottom:0; border-bottom:none;}
.formRow.product-price-group-link.active h2 {background: url(/images/ford-asset-protection/menu-arrow-down.gif) 0 center no-repeat; }
.formRow.product-price-group-link h2:hover {text-decoration:none;}
.formRow.product-price-group-no-products {display:none; margin-bottom: 10px; padding-top:0;}
.formRow.product-price-group-display.booklet-description {display:none;}
.formRow.product-price-group-display.booklet-copy {border-top:1px solid #ebebeb;}
.product-tab.product-price-group-display {display:none;}
    
/* -------------------------------------------------- *\
    Form Helpers
\* -------------------------------------------------- */
input[type="checkbox"]              { margin-left:0; float:left; }

.helpButton                         { position:absolute; width:19px; height:19px; right:5px; top:5px; }
.helperIcon                         { float:left; margin-right:10px; }
.help-message                       { float:left; clear:left; width:650px; padding:10px; font-family:helvetica; margin:10px 10px 10px 13px; font-weight:bold; }
.error-message                      { float:left; clear:left; width:650px; padding:10px; margin:10px 10px 10px 13px; font-weight:normal;   line-height:1; }

.formRowMultipleFields .help-message{ margin:10px 12px 10px 10px; }
.groupedRequiredField .help-message, .groupedField .help-message { margin:10px 12px 10px 10px; }
.formRowMultipleFields .error-message{ margin:10px 12px 10px 10px; }
.groupedRequiredField .error-message, .groupedField .error-message { margin:10px 12px 10px 10px; }

.formRowBlock .error-message,
.formRowBlock .help-message        { margin-left:0; }
#btnPrint                           { float: right;margin-right: 15px; }
.getQuoteButtons #back              { margin-bottom:20px; }
.helpIcon                           { position:absolute; top:4px; right:8px; }
.purchaseQuoteButton                { float:right; margin:0; }
#getQuoteButtons                    { bottom:50px; position:relative; }

.pdfLink a,
#faqList a                          { font-size:12px; }

/* -------------------------------------------------- *\
	FAQ
\* -------------------------------------------------- */
#faqList h2 {font-size:1.5em; font-family:Arial; font-weight:bold; float:left; width:100%; padding:15px 10px; margin-bottom:0px; }
#faqList h2.faq-question-title { font-size:1.3em; margin-top:15px;}
/* -------------------------------------------------- *\
	Progress Bar
\* -------------------------------------------------- */
#progress-bar                       { height:50px; left:0; position:relative; margin-bottom:25px;}
.progress-bar                       { margin:0; padding:0; }
.progress-bar li                    { display:inline; float:left; width:20%; }
.progress-bar .progress-step        {padding:10px; height: 50px; width:100%;  margin:0; }
#product-progress .progress-bar li  { width: 116px;}
.progress-bar li:last-child  .progress-step         { margin-right:0px; }
.progressBarText                    { padding:0; }
.progress-bar li .greyLine  .progress-step         { padding-bottom: 5px; width: 160px; }
.progress-bar li a                  { display:block; text-decoration:none; font-family:Arial; font-style:normal; font-weight:normal; }
.progressBarNumber                  { display:inline; float:left; padding:0 10px 0 0; font-family:Arial; font-style:normal; font-weight:normal; font-size:3em; }
.unvisited .progressBarText span    { font-family:Arial; font-style:normal; font-weight:normal; font-size:1.1em; }
.visited .progressBarText span      { font-family:Arial; font-style:normal; font-weight:bold; font-size:1.1em; }
.unvisited .progressBarText strong  { font-size:1.1em; font-family:Arial; font-weight:normal; text-transform:uppercase; }
.visited .progressBarText strong    { font-size:1.1em; font-family:Arial; font-weight:normal; text-transform:uppercase; }
.current .progressBarText span      { font-family:Arial; font-style:normal; font-weight:bold; font-size:1.1em; }
.current .progressBarText strong    { font-size:1.1em; font-family:Arial; font-weight:normal; text-transform:uppercase; }
.visited .progressBarNumber span    { position: absolute; left: -9999px;}
.visited .progressBarNumber         { height: 46px; margin: -4px -2px 0; width: 45px;}

/* PRODUCT PROGRESS TABS */

#product-tabs { width: 100%;margin: 0; height: 50px; padding:0 3.5%;list-style-type: none;}
#product-tabs li { float: left; margin: 0 1%;text-align: center;}
#product-tabs.tabs-count-1 > li,
#product-tabs.tabs-count-2 > li,
#product-tabs.tabs-count-3 > li { width: 31.33%; }
#product-tabs.tabs-count-4 > li { width: 23%; }
#product-tabs.tabs-count-5 > li { width: 18%; }
#product-tabs li .product-tab-top { height: 5px; border-top: 0px solid;border-top-left-radius: 5px;border-top-right-radius: 5px; }
#product-tabs li a {text-decoration:none; height:45px;}
#product-tabs li a p {  padding: 0 5%; line-height: 1.2em; font-size: 1.4em;height: 45px;line-height: 45px;}
#product-tabs .product-tab-btn {display:block;}



/* -------------------------------------------------- *\
	Basket
\* -------------------------------------------------- */

.basket-wrapper { position: absolute;right: 30px;}
#basket-button {position:relative;}
.basket-wrapper .basket-items-count {border-radius: 50%;width: 30px;height: 30px;position: absolute;top: 0;line-height: 30px;left: -35px;text-align: center;font-weight: bold;font-family: Arial;}


.basket-item { text-align:right;}
.basket-item-pricing {width:65%;float:right; }
.basket-item-remove { float:left; }
#continueForButton > .purchaseQuoteButton {margin-right:15px;}

/* -------------------------------------------------- *\
	Sidebar
\* -------------------------------------------------- */
#sidebar                            { float:right;margin: 0 0 15px 25px; width:210px; }
#sidebar li a                       {  font-size:12px; }
#sidebar h2                         { font-family:Arial; margin-bottom:0; padding:15px 0 15px 10px; font-size:1.3em; font-weight:bold;}
#sidebar p                          { padding:0 10px; margin-bottom:0.75em; }

#sidebar #contact h2                { margin-bottom:5px;}

#dealerDetails                      { margin-bottom:20px; position:relative; padding-top:5px; }
#dealerHeader                       { position:absolute; top:-26px; right:10px; }
#logoutButton                       { float:right; width:45px; text-align:right; padding-top:2px; }
#logoutButton a                     { font-size:1em;  }
#dealerDetails p                    { word-wrap:break-word; }
#dealerDetails p a                  {  }

.button {  padding:5px 20px; font-family: Arial !important; font-weight:bold; font-size: 16px; border:none; text-transform: uppercase; cursor:pointer; -webkit-appearance: none; border-radius:0; line-height: 27px;}

#sidebar #links {padding: 0px;}
#sidebar #links li a {font-size:14px;display: block;padding: 10px 22.5px;}
#sidebar #links .sub-links {display:none;}
#sidebar #links .sub-links a {margin-left:10px;}


/* -------------------------------------------------- *\
	Cookies
\* -------------------------------------------------- */

    /* CC-SPECIFIC RESETS */
    #ccWrapper           { line-height:1.5em; font-size:0.9em; }
    #ccExpandable        { line-height:1.5em; }
    #ccExpandable p      { font-size:1.2em; line-height:1.5em; margin-bottom:1.5em; }
    
    /* IDs */
    #ccWrapper           { display:block; width:100%; }
    #ccIntro             { display:block; text-align:center; padding:3px; font-size:1.3em;font-weight: bold; font-family:Arial;}
    #ccReadMore          {font-weight: 800; margin-left:5%; cursor:pointer;}
    #ccExpandable        { width:100%; padding-top:1.5%; padding-bottom:1%; overflow-y:hidden; }
    #ccLinks             { display: block; margin-top:-10px; margin-bottom:10px; }
    #ccLinks a           { display: block; font-size:1.3em; padding-bottom:2px; width:280px; }
    #ccLinks a:hover     { font-size:1.5em; font-weight:800; }
    #ccReadLess          { display: block; cursor:pointer; font-size:1.4em; font-weight:800; float:right; margin-right:1.5%; text-decoration:underline; }
    /* CLASSES */
    .ccStartHidden       { display: none; }
    .ccFontColor         {  }
    .ccInfoCol           { display:inline-block; width:90%; padding-left:5%; padding-right:5%; vertical-align:top; }
    .ccInfoCol a         { display:inline-block; }
    .ccInfoCol a:hover   { text-decoration:underline; }
    .ccInfoCol h2        { font-size:1.3em; font-weight:800; }



/* -------------------------------------------------- *\
	DEBUG ONLY
\* -------------------------------------------------- */
#debugOutput                        {  font-family:Andale Mono, Courier New, Courier, Lucidatypewriter, Fixed, monospace; font-size:12px; padding:20px; border-top:1px solid #ccc;border-bottom:1px solid #ccc; line-height:20px; width:auto; margin:auto; margin-top:120px; overflow: auto; }