/*
	HTML5 Reset :: style.css
	----------------------------------------------------------
	We have learned much from/been inspired by/taken code where offered from:

	Eric Meyer					:: http://meyerweb.com
	HTML5 Doctor				:: http://html5doctor.com
	and the HTML5 Boilerplate	:: http://html5boilerplate.com

-------------------------------------------------------------------------------*/

/* Let's default this puppy out
-------------------------------------------------------------------------------*/

/*html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, menu, nav, section, time, mark, audio, video, details, summary {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font-weight: normal;
    vertical-align: baseline;
    background: transparent;
}*/

article, aside, figure, footer, header, nav, section, details, summary {display: block;}

/* Handle box-sizing while better addressing child elements:
   http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
html {
    box-sizing: border-box;
}

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

/* consider resetting the default cursor: https://gist.github.com/murtaugh/5247154 */

/* Responsive images and other embedded objects
   Note: keeping IMG here will cause problems if you're using foreground images as sprites.
   If this default setting for images is causing issues, you might want to replace it with a .responsive class instead. */
img,
object,
embed {max-width: 100%;}

/* force a vertical scrollbar to prevent a jumpy page */
/*html {overflow-y: scroll;}*/

/* we use a lot of ULs that aren't bulleted.
	don't forget to restore the bullets within content. */
ul {list-style: none;}

blockquote, q {quotes: none;}

blockquote:before,
blockquote:after,
q:before,
q:after {content: ''; content: none;}

a {margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent;}

del {text-decoration: line-through;}

abbr[title], dfn[title] {border-bottom: 1px dotted #000; cursor: help;}

/* tables still need cellspacing="0" in the markup */
table {border-collapse: collapse; border-spacing: 0;}
th {font-weight: bold; vertical-align: bottom;}
td {font-weight: normal; vertical-align: top;}

hr {display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0;}

input, select {vertical-align: middle;}

pre {
    white-space: pre; /* CSS2 */
    white-space: pre-wrap; /* CSS 2.1 */
    white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
    word-wrap: break-word; /* IE */
}

input[type="radio"] {vertical-align: text-bottom;}
input[type="checkbox"] {vertical-align: bottom;}
.ie7 input[type="checkbox"] {vertical-align: baseline;}
.ie6 input {vertical-align: text-bottom;}

table {font-size: inherit; font: 100%;}

small {font-size: 85%;}

strong {font-weight: bold;}

td, td img {vertical-align: top;}

/* Make sure sup and sub don't mess with your line-heights http://gist.github.com/413930 */
sub, sup {font-size: 75%; line-height: 0; position: relative;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}

/* standardize any monospaced elements */
pre, code, kbd, samp {font-family: monospace, sans-serif;}

/* hand cursor on clickable elements */
.clickable,
label,
input[type=button],
input[type=submit],
input[type=file],
button {cursor: pointer;}

/* Webkit browsers add a 2px margin outside the chrome of form elements */
button, input, select, textarea {margin: 0;}

/* make buttons play nice in IE */
button,
input[type=button] {width: auto; overflow: visible;}

/* scale images in IE7 more attractively */
.ie7 img {-ms-interpolation-mode: bicubic;}

/* prevent BG image flicker upon hover
   (commented out as usage is rare, and the filter syntax messes with some pre-processors)
.ie6 html {filter: expression(document.execCommand("BackgroundImageCache", false, true));}
*/

/* let's clear some floats */
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }
.batteryfinder-widget {
    font-family: 'Arial', sans-serif;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}
.batteryfinder-widget a {
    text-decoration: none;
}
.batteryfinder-widget p {
    margin: 10px 0;
}

/* Logo */
.batteryfinder-widget .logo {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
}

/* Ajax loader */
.ajax-loader {
    width: 16px;
    height: 16px;
    position: absolute;
    left: 0;
    top: 3px;
    background: url(https://web.archive.org/web/20180304044031im_/https://batterylookupgb.yuasa.co.uk/skin/frontend/base/default/batteryfinder_widgets/images/ajax-loader.gif) top left no-repeat;
}

/* Forms */
.batteryfinder-widget label,
.batteryfinder-widget label span {
    font-weight: bold;
    font-size: 13px;
}
.batteryfinder-widget label {
    display: block;
}
.batteryfinder-widget .text-field,
.batteryfinder-widget .dropdown {
    border: 1px solid #919191;
    color: #322f31 ;
    font-size: 13px;
    padding: 9px;
    width: 100%;
}
.batteryfinder-widget .form-vertical label {
    display: block;
    margin-bottom: 16px;
}
.batteryfinder-widget .form-vertical input {
    margin-top: 5px;
}
.batteryfinder-widget .form-fields .error {
    color: red;
}
.batteryfinder-widget .form-fields .error input {
    border-color: red;
}
.batteryfinder-widget .form-fields button {
    border: none;
}

/* Panels */
.batteryfinder-widget .batteryfinder-widget-container {
    position: absolute;
    left: 0;
    right: 0;
    top: 56px;
    bottom: 15px;  
    overflow: hidden;
}
.batteryfinder-widget .widget-panel {
    padding: 12px;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    overflow: auto;
    transform: translateZ(0);
    overflow: auto;
    display: none;
}
.batteryfinder-widget .animate {
    -webkit-transition: left 250ms ease-out;
    -moz-transition: left 250ms ease-out;
    -ms-transition: left 250ms ease-out;
    -o-transition: left 250ms ease-out;
    transition: left 250ms ease-out;
}
.batteryfinder-widget .off-canvas-right {
    left: 100%;
}
.batteryfinder-widget .off-canvas-left {
    left: -100%;
}


/* Buttons */
.batteryfinder-widget .btn-primary,
.batteryfinder-widget .btn-secondary {
    font-weight: bold;
    font-size: 10px;
    padding: 5px 10px;
    text-transform: uppercase;
    display: inline-block;
    text-align: center;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
.batteryfinder-widget .btn:hover {
    opacity: 0.8;
}
.batteryfinder-widget .btn-large {
    font-size: 14px;
    padding: 11px 20px;
}
.batteryfinder-widget .btn-back {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAHCAYAAADam2dgAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo3OTlGN0JGRDU3OUIxMUU0OEEwQURBQkQ2ODI3REQwMCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo3OTlGN0JGRTU3OUIxMUU0OEEwQURBQkQ2ODI3REQwMCI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjc5OUY3QkZCNTc5QjExRTQ4QTBBREFCRDY4MjdERDAwIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjc5OUY3QkZDNTc5QjExRTQ4QTBBREFCRDY4MjdERDAwIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+0/gUzgAAAFpJREFUeNpi+v//PwMSNgDiIjQxBiYGBEgD4uNArMKABliAmAeIZwBxNFRMC6oBAYDGrf1PAIBMigfi70gmHQTiZegmwXAaEH8H4mn4HD4LiC2B+A66wwECDACmjWOfEIVPbgAAAABJRU5ErkJggg==);
    background-repeat: no-repeat;
    background-position: 5px center;
    padding-left: 20px;
}
.batteryfinder-widget .btn-hidden {
    display: none;
}
.batteryfinder-widget .btn-block {
    display: block;
    width: 100%;
}

/* Headings */
.batteryfinder-widget .widget-panel h1 {
    font-size: 22px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 10px;
}
.batteryfinder-widget .widget-panel h2 {
    font-weight: bold;
    font-size: 16px;
    margin-bottom: 10px;
}
.batteryfinder-widget .widget-panel h1 span {
    display: block;
}
.batteryfinder-widget .widget-panel h3 {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 10px;
}

/* Listings */
.batteryfinder-widget .notes {
    margin: 10px 0;
}
.batteryfinder-widget .notes dt {
    float: left;
    clear: both;
    width: 100px;
    padding-right: 15px;
}
.batteryfinder-widget .notes dd {
    margin-left: 100px;
}
.batteryfinder-widget .listing {
    font-size: 11px;
    overflow: hidden;
}
.batteryfinder-widget .listing dt {
    font-weight: bold;
}
.batteryfinder-widget .features dd {
    margin-bottom: 8px;
}


/* Header */
.batteryfinder-widget .header {
    position: relative;
    height: 56px;
}
.batteryfinder-widget .brand {
    width: 36px;
    height: 36px;
    overflow: hidden;
    text-indent: -9999px;
    position: absolute;
    left: 0;
    top: 0;
    width: 56px;
    height: 56px;
}
.batteryfinder-widget .tagline {
    left: 64px;
    line-height: 56px;
    position: absolute;
    top: 0;
    bottom: 0;
    font-size: 15px;
    font-weight: bold
}
.batteryfinder-widget .header .buttons {
    position: absolute;
    top: 18px;
    height: 23px;
    right: 12px;
    text-align: right;
    padding-left: 20px;
}

.batteryfinder-widget .footer {
	position: absolute;
	bottom: 0px;
	right: 0;
	font-size: 10px;
	left: 0;
	height: 15px;
	padding: 0 5px;
	text-align: center;
}
.batteryfinder-widget .footer a:hover {
	opacity: 0.8;
}

/* Panel: lookup panel */
.batteryfinder-widget .lookup-type-panel .btn-large {
    display: block;
    margin: 13px 0;
}
.batteryfinder-widget .lookup-panel .btn-large {
    display: block;
    margin: 13px 21px;
}

/* Panel: registration lookup */
.batteryfinder-widget .lookup-fields {
    text-align: center;
}
.batteryfinder-widget .lookup-fields .text-field  {
    text-transform: uppercase;
    text-align: center;
}
.batteryfinder-widget .lookup-fields .fields-container {
    overflow: hidden;
    display: inline-block
}
.batteryfinder-widget .lookup-fields .registration-field-container {
    text-align: center;
    display: block;
    float: left;
    position: relative;
    color: #fff;
    background: url(https://web.archive.org/web/20180304044031im_/https://batterylookupgb.yuasa.co.uk/skin/frontend/base/default/batteryfinder_widgets/images/licence-plate-backs.png) top left no-repeat;
}
.batteryfinder-widget .lookup-fields .buttons {
    text-align: center;
    clear: both;
}
.batteryfinder-widget .lookup-fields .btn {
    margin: 12px 0;
}
.batteryfinder-widget .registration-field {
    width: 250px;
    height: 54px;
    background: none;
    border: 0;

    font-size: 32px;
    font-weight: 700;
    padding: 0 10px 0 30px;
    outline: none;

}

.batteryfinder-widget .registration-field-container:before {
    position: absolute;
    content: '';
    left: 1px;
    bottom: 6px;
    z-index: 500;
    font-size: 12px;
    text-align: center;
    width: 25px;
}

/* Background shifts */
.batteryfinder-widget .fields-fr .registration-field-container,
.batteryfinder-widget .fields-ie .registration-field-container,
.batteryfinder-widget .fields-se .registration-field-container,
.batteryfinder-widget .fields-fi .registration-field-container,
.batteryfinder-widget .fields-pt .registration-field-container {
    background-position: 0 -58px;
}
.batteryfinder-widget .fields-at .registration-field-container {
    background-position: 0 -175px;
}
.batteryfinder-widget .fields-ch .registration-field-container {
    background-position: 0 -233px;
}
.batteryfinder-widget .fields-dk .registration-field-container {
    background-position: 0 -290px;
}

/* GB */
.batteryfinder-widget .fields-gb .registration-field-container:before {
    content: 'GB';
}
/* France */
.batteryfinder-widget .fields-fr .registration-field-container:before {
    content: 'F';
}
/* Ireland */
.batteryfinder-widget .fields-ie .registration-field-container:before {
    content: 'IRL';
}
/* Netherlands */
.batteryfinder-widget .fields-nl .registration-field-container:before {
    content: 'NL';
}
/* Portugal */
.batteryfinder-widget .fields-pt .registration-field-container:before {
    content: 'P';
}
/* Sweden */
.batteryfinder-widget .fields-se .registration-field-container:before {
    content: 'S';
}
/* Finland */
.batteryfinder-widget .fields-fi .registration-field-container:before {
    content: 'FIN';
}
/* Austria */
.batteryfinder-widget .fields-at .registration-field-container:before {
    content: 'A';
}
.batteryfinder-widget .fields-ch .registration-field {
    padding-left: 45px;
}
/* Denmark */
.batteryfinder-widget .fields-dk .registration-field:before {
    content: 'DK';
}

/* German KBA */
.batteryfinder-widget .lookup-fields .registration-kba1,
.batteryfinder-widget .lookup-fields .registration-kba2 {
    background-position: 0 -116px;
}
.batteryfinder-widget .lookup-fields .registration-kba1 {
    width: 142px;
}
.batteryfinder-widget .lookup-fields .registration-kba2 {
    width: 108px;
    background-position: -142px -116px;
}
.batteryfinder-widget .registration-kba1,
.batteryfinder-widget .registration-kba2 {
    background-position: 0 -200px;
}
.batteryfinder-widget .registration-kba1 {
    width: 245px;
}
.batteryfinder-widget .registration-kba2 {
    width: 185px;
    background-position: -245px -200px;
}
.batteryfinder-widget .registration-kba1 .registration-field,
.batteryfinder-widget .registration-kba2 .registration-field {
    display: block;
    font-size: 16px;
    color: #64826e;
}
.batteryfinder-widget .registration-kba1 .registration-field {
    width: 100px;
    margin-left: 40px;
    padding: 0 5px;
    font-size: 16px;
}
.batteryfinder-widget .registration-kba2 .registration-field {
    margin-left: 30px;
    width: 75px;
    padding: 0 5px;
}

/* Panel: manual lookup */
.batteryfinder-widget .manual-lookup-panel .criteria-label {
    margin-top: 15px;
    margin-bottom: 5px;
}

/* Panel: group selector */
.batteryfinder-widget .group {
    padding-bottom: 24px;
    margin-bottom: 24px;
    border-bottom: 1px solid #dbdbdb;
}
.batteryfinder-widget .multiple {
    font-size: 12px;
    font-style: italic;
}

/* Panel: product selector */
.batteryfinder-widget .vehicle-details {
    padding: 14px;
    margin-bottom: 20px;
}
.batteryfinder-widget .vehicle-details .hide-spec {
    display: none;
}
.batteryfinder-widget .product-selector-panel .notes {
    display: none;
}
.batteryfinder-widget .no-spec-buttons .spec-buttons {
    display: none;
}
.batteryfinder-widget .no-spec-buttons h2 {
    margin-bottom: 0;
}

/* Panel: product details */
.batteryfinder-widget .product-details {
    margin-bottom: 24px;
    cursor: pointer;
}
.batteryfinder-widget .product-details h3 {
    margin-right: 80px;
}
.batteryfinder-widget .product-details .product-image {
    clear: right;
    float: right;
    padding-left: 10px;
}
.batteryfinder-widget .product-details .price-primary {
    font-size: 17px;
}
.batteryfinder-widget .product-details .price-secondary {
    font-size: 12px;
}

.batteryfinder-widget {
    border: 1px solid #e2e2e2;
}

.batteryfinder-widget .widget-panel {
    background-color: white;
}

/* Headings */
.batteryfinder-widget .widget-panel h1,
.batteryfinder-widget .widget-panel h2,
.batteryfinder-widget .widget-panel h3 {
    color: #322f31;
}

/* Buttons */
.batteryfinder-widget .btn-primary,
.batteryfinder-widget .btn-secondary {
    color: #fff;
}
.batteryfinder-widget .btn-primary {
    background-color: #322f31;
}
.batteryfinder-widget .btn-secondary {
    background-color: #a7a6a7;
}

/* Header */
.batteryfinder-widget .brand {
    background: url(https://web.archive.org/web/20180304044031im_/https://batterylookupgb.yuasa.co.uk/skin/frontend/base/default/batteryfinder_widgets/images/yuasa-logo-light.png) center center no-repeat;
}
.batteryfinder-widget .header {
    background-color: #f5f5f5;
    border-bottom: 1px solid #e2e2e2;
}
.batteryfinder-widget .tagline {
    color: #322f31;
}

/* Footer */
.batteryfinder-widget .footer {
	color: #322f31;
}
.batteryfinder-widget .footer a,
.batteryfinder-widget .footer a:visited {
	color: #322f31;
}

/* Listings */
.batteryfinder-widget .listing {
    color: #555154;
}

/* Panel: product selector */
.batteryfinder-widget .vehicle-details {
    border-top: 1px solid #d8d8d8;
    border-bottom: 1px solid #d8d8d8;
    background-color: #f5f5f5;
}

/* Prices */
.batteryfinder-widget .product-details .price {
    color: #ed4152;
    font-weight: bold;
}


.yuasa-widget iframe:hover {
    
     height: 395px;
     transition: height 0.9s;
}

/*
     FILE ARCHIVED ON 04:40:31 Mar 04, 2018 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 17:16:37 May 13, 2020.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  exclusion.robots: 0.133
  load_resource: 317.238
  captures_list: 328.098
  PetaboxLoader3.resolve: 123.796
  esindex: 0.01
  RedisCDXSource: 110.924
  PetaboxLoader3.datanode: 279.562 (4)
  LoadShardBlock: 203.443 (3)
  exclusion.robots.policy: 0.123
  CDXLines.iter: 11.308 (3)
*/