@font-face { font-family: 'bentley-reg';  src: url('fonts/Bentley-Regular.eot');   src: url('fonts/Bentley-Regular.eot?#iefix') format('embedded-opentype'),  url('fonts/Bentley-Regular.woff') format('woff'), url('fonts/Bentley-Regular_web.ttf')  format('truetype'),  url('fonts/Bentley-Regular.svg#svgFontName') format('svg'); }
@font-face { font-family: 'bentley-light';  src: url('fonts/Bentley-Light.eot');   src: url('fonts/Bentley-Light.eot?#iefix') format('embedded-opentype'), url('fonts/Bentley-Light.woff') format('woff'),  url('fonts/Bentley-Light_web.ttf')  format('truetype'), url('fonts/Bentley-Light.svg#svgFontName') format('svg'); }

/* Brand colour 1 */

input[type="text"]:hover,input[type="text"]:active,input[type="text"]:focus,
input[type="password"]:hover,input[type="password"]:active,input[type="password"]:focus  {
    background-color: white;
}

#footer,
#product-tabs li.current a,
#product-tabs li.unvisited .product-tab-top  { background-color:rgb(51,51,51); }

legend, legend:link, legend:visited, legend:hover, legend:active, legend:focus,
#sidebar h2,#sidebar h2:link, #sidebar h2:visited, #sidebar h2:hover, #sidebar h2:active, #sidebar h2:focus,
#faqList h2,#faqList h2:link, #faqList h2:visited, #faqList h2:hover, #faqList h2:active, #faqList h2:focus,
#directDebitGuarantee h2,#directDebitGuarantee h2:link, #directDebitGuarantee h2:visited, #directDebitGuarantee h2:hover, #directDebitGuarantee h2:active, #directDebitGuarantee h2:focus,
.bookletNameHeader, .bookletNameHeader:link, .bookletNameHeader:visited, .bookletNameHeader:hover, .bookletNameHeader:active, .bookletNameHeader:focus
{ background-color:#efefef!important; }

.summaryBox { border:1px solid #000; }

#sidebar #contact h2,a:link,
#product-tabs li.unvisited .product-tab-btn a,
.progress-bar .unvisited .progress-step a {color: #333333;}
.progress-bar li.visited .progress-step a,.ccInfoCol p a {color: #FFF;}

#contact p{ font-family:Arial;}

/* Brand colour 2 */

/*.error-message,*/
.button,
.basket-wrapper .basket-items-count,
.close,
.button:hover,
.button:focus,
.button:active,
#sidebar .links-and-contact #links li a:hover,
#sidebar .links-and-contact #links li .sub-links a:hover,
#sidebar .links-and-contact #links li a.active:hover   { background-color: rgb(127, 152, 143); }
          
#sidebar a{position:relative}
#sidebar a span{ border-left: 1px solid #f0f0ef; position: absolute; top: 0;right: 15%; height: 62px;}

#sidebar .unstyledList li:hover a span, #sidebar .unstyledList a.active span {border-left: 1px solid #788f87 !important;}

#contact h2{position:relative; z-index:5; border-top:1px solid #ebebeb}


#product-tabs li.current .product-tab-top { background-color: rgb(148, 193, 29); }
#product-tabs li.visited .product-tab-top { background-color: rgb(51, 51, 51); }
#product-tabs li.visited a { /*background:rgb(51,51,51);color: #fff;8*/ border-left: 1px solid #ebebeb; border-right: 1px solid #ebebeb;}

#view-as, .view-popout > a,
.pdfLink a, #faqList a,a:active,
a:visited{ color: #333333; }

.progress-bar li.current .progress-step a,
#sidebar .links-and-contact #links li a:hover { color:#FFF; }

ccWrapper a { color:#FFF}

/* Brand color 3 - white */
#sidebar .links-and-contact #links li a,
body,
#formButtons,
#product-tabs li.unvisited .product-tab-btn,
#acceptanceSummary { background-color: #FFF;}
.progress-bar li.unvisited .progress-step  { background-color:rgb(224,224,224); }

#faqList .faq-question:hover a,
.additional-info,
#sidebar > h2,
.help-message,
legend,
#faqList h2,
#directDebitGuarantee > h2,
#logoutButton a ,
#header h1,
.more-options,
.unvisited a.product-tab-btn {color:rgb(51, 51, 51);}

.button, .ccFontColor, #footer,
li.current .product-tab-btn p,
.basket-items-count,
#fade-as .close, #fade-ddo .close ,#fade-dd .close{ color:#FFF; }

.help-message,
.error-message {border: 1px solid #fff;}
#payment_AbortedError.error-message{float:none!important}

@media only screen and (max-width:699px)
{
    #faqList,
    #acceptanceSummary,
    #directDebitOriginator,
    #directDebitGuarantee {background-color:#fff;}
}

/* Brand color red error  */

.error-message{color:rgb(255, 67, 54)}

/*
.groupedRequiredField,
.requiredField,
.inline-field-wrapper    { border-left:3px solid rgb(148,193,29) !important; }
 */
 
.requiredField label:after{content:"*"}
.groupedRequiredField .formGroupedTitle:after{content:"*"}
 
.progress-bar {border:0;}
.progress-bar li .progress-step {border-right:1px solid rgb(224, 224, 224);}



/* brand color 5 - hover shade */

.button:hover {box-shadow: 0 0 4px rgba(0, 0, 0, 0.7);}
#sidebar #links li:hover,
.faq-question:hover {  }

/* brand colour 6  */



/* brand colour 7 - borders */
.formRowInlineLeft.second   {border-left: 1px solid #ebebeb;}

#directDebitGuarantee,
.formRow,
#dealerDetails  {border-bottom: 1px solid #ebebeb;border-left: 1px solid #ebebeb; border-right: 1px solid #ebebeb;}
#contact{border-bottom: 1px solid #ebebeb;}
.formRow.booklet-description,
.booklet-description {border-top:1px solid #ebebeb;}

#product-tabs li.unvisited .product-tab-btn {border-left: 1px solid #ebebeb;border-right: 1px solid #ebebeb;}

#sidebar #links .sub-links {background-color: #ebebeb;}

#SummaryForm h2{font-family:bentley-reg}

@media only screen and (max-width:699px)
{
  
   #faqList > .formRow {border-bottom: 1px solid #ebebeb; }
}


/* brand color 8 - background */

#sidebar .unstyledList,
.formRow,
#sidebar #contact h2,
#contact, 
#dealerDetails {background-color: #FFF;}
.progress-bar .visited .progress-step {background-color:rgb(51,51,51);}
.progress-bar li.current .progress-step   {background-color:rgb(51,51,51);}

.formRow p, .formRow li{text-transform:inherit; font-size:13px; font-family:arial }
.formRow p a {text-decoration:underline !important; font-family:arial}

/* Logo and elements based on logo size*/

#logo  { position:absolute;left: 0px;top: 12px;width: 146px;}
#progress-bar {top: 20px;}

/* error style override*/
.error-message{padding:5px 0; margin:0}
.error{ border: red 1px solid;}

/* Cookies */
.ccBgColor{ background-color:#535353; }
#ccIntro{text-align:left; padding:0; font-size:inherit }
#ccReadMore{margin-left:0}

.by_cookie_note {padding: 20px 20px 30px;max-width: 1366px; margin: 0 auto; position: relative; width: 100%;}

.by_cookie_headline, .by_cookie_options_link {    color: #f2f1f1;}
.by_cookie_headline, .by_cookie_options_link, .by_form_label.by_footer_form_label, .by_kmi_find_address, .by_form_submit, .by_gallery_toggle_btn, .by_dealer_search_suggestion li strong, .by_dealer_view_button, .by_sitemap_group__headline {text-transform: uppercase;}
.by_cookie_headline, .by_cookie_options_link, .by_form_label.by_footer_form_label, .by_kmi_find_address, .by_form_submit, .by_gallery_toggle_btn, .by_dealer_search_suggestion li strong, .by_dealer_view_button, .by_sitemap_group__headline, .by_mm_sitearea_link, .by_dealer_info li, .by_dealer_info_phone, ul.by_dealer_details_info li {font-family: 'bentley-reg',arial,helvetica,sans-serif; font-weight: normal; text-transform: uppercase;}
.by_cookie_headline { font-size: 16px;    margin: 0;    max-width: 320px; padding: 0 30px 0 0;}

.by_cookie_policy { width: 100%; display:table;   background-color: #535353;    overflow: hidden;    height: auto; }

.by_cookie_copy { font-family:Arial; margin: 20px 0; color: #cbcaca; font-size: 14px; text-transform:capitalize}

.by_cookie_options_list { list-style-type: none;    margin: 0;   padding: 0;      width: auto;    white-space: nowrap;}
.by_cookie_options_listitem { padding: 0;    margin: 0;}

.by_cookie_options_listitem:first-child { padding: 10px 30px 30px 0}

.by_cookie_headline, .by_cookie_options_link { color: #f2f1f1; font-family:"bentley-reg"; font-weight:normal !important; text-transform: uppercase;}

.cookie_options_link:active {text-decoration: none; border: 0;  outline: 0;}
.by_cookie_options_link { font-size: 14px; text-decoration: none;    border: 0;    outline: 0; color: #f2f1f1 !important;}

.by_cookie_continue .by_icon { background-position: 0 -26px;}
.by_cookie_info .by_icon { background-position: 0 -1px;}
.by_cookie_info .by_icon, .by_cookie_continue .by_icon { width: 30px; background-image: url("../../images/bentley/cookies-icons.png"); background-size: 20px 40px;}

.by_icon {    display: inline-block;    padding: 0;    margin: 0;    width: 20px;    height: 20px;    background-repeat: no-repeat;    background-color: transparent;    vertical-align: middle;}
.by_cookie_options_link:visited, .by_cookie_options_link:hover, .by_cookie_options_link:active {    text-decoration: none;    border: 0;    outline: 0;}
a:link, a:active, a:visited { text-decoration: none !important;}


@media only screen and (min-width:1024px){  
    .by_cookie_headline,.by_cookie_options_list {display: table-cell; }
    #ccIntro{ max-height: 81px; }
    .by_cookie_note {display: table; padding:30px;}
    .by_cookie_copy {margin:0}
    .by_cookie_options_listitem { display: inline-block;}
    .by_cookie_options_listitem:first-child { padding: 0 30px ;}
}


@media only screen and (max-width:699px)
{  
    #logo {width: 140px;}
    #progress-bar {top: 20px;}
    #sidebar {margin-top:0;margin-bottom: 20px;}
    .basket-wrapper {position: absolute;right: 30px;float: none;top:0;}
    #sidebar a span {right: 53px;}
    #sidebar #links li a{background-position:96% !important}
}

/* images */

#guaranteeDetails li                {background-image:url("/images/bentley/bullet.gif");}
.visited .progressBarNumber         {background: url("/images/bentley/tick.png") 0 0 no-repeat; background-size: 35px;}

#sidebar #links li a                {background: url("/images/bentley/menu-arrow.png") 10px center no-repeat; background-position: 93%}
#sidebar #links li a:hover          {background: url("/images/bentley/menu-arrow-white.png") 10px center no-repeat; background-position:93%}
#sidebar #links li a.active         {background: url("/images/bentley/menu-arrow-down.png") 10px center no-repeat; background-position:93%; background-color: rgb(127, 152, 143); color:white}
#sidebar #links li a.active:hover   {background: url("/images/bentley/menu-arrow-down.png") 10px center no-repeat; background-position:93%}


@media only screen and (max-width:699px)
{ 
    .faq-question a {background: url("/images/bentley/menu-arrow.gif") 0 center no-repeat;}
    .faq-question a.active {background: url("/images/bentley/menu-arrow-down.gif") 0 center no-repeat; }
    .checkbox span.option { background-image: url("/images/bentley/checkbox.png");}
    #progress-bar {margin-bottom:20px;} 
}

/* other */

.progress-bar {height:52px;}
.progress-bar li.last .progress-step {border-right:none;}


@media only screen and (max-width:990px)
{ 
    #header{width:97%;}
    #sidebar #links li a{font-size:12px}
    .paymentOptionText{margin-right:0}
}

@media only screen and (max-width:900px)
{ 
    .unvisited .progressBarText span{font-size:0.9em}
}

@media only screen and (max-width:699px)
{ 
    #header{width:94%;}
}

@media only screen and (min-width:700px)
{ 
   .product-selection-page #sidebar {margin-top:80px;margin-right: -63px;}
}

@media only screen and (max-width:750px)
{
    #sidebar h2{line-height:16px}
}

@media only screen and (max-width:699px)
{
    #login-hero-wrapper { margin-top: 20px;}
}
@media only screen and (max-width:500px)
{
   
    #login-hero-wrapper { margin-top: 50px;}
}
#login-hero {width:100%;}

#header {/* opacity:0.8; */}

.policy-cost-duration, .booklet-copy {}
.booklet-description {padding:0 2.5%;}
.booklet-description h2 { display:block; padding:15px 15px 10px 0px;line-height: 20px;}
.booklet-description h2:hover {text-decoration:none;}

.basket-wrapper { top:10px; }
#basket { width:45px;  }
#basket, .basket-wrapper .basket-items-count{cursor:pointer;}

#header {background: url("/images/bentley/header.png") no-repeat scroll -55px 0 transparent; height:100px; position:absolute; top:0;width: 910px;border-bottom: 1px solid rgb(148,193,29);}