#DLDocs, #DLDocsBottom, .DLCats { clear: both }
#pgTitle, #pgTitlePopOut, .DLContainer { overflow: hidden }
#topOilFinder a, .reveal span, #topProductFinder a, .reveal span { text-decoration: none }
#header{ border-bottom:1px #112a87 solid;}
.corpBtn .xl{ padding:10px; line-height:18px; font-size:14px; color:#555; background:#efefef; display:none;position: absolute;}
.corpBtn:hover .xl{ display:block;}

.accordion a, .tab_container a { color: #fff }
.ui-autocomplete { z-index: 5000 !important }
.ui-menu .ui-menu-item { padding: 5px }
.ui-button, .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, html .ui-button.ui-state-disabled:active, html .ui-button.ui-state-disabled:hover { border: 1px solid #122a88 !important; background: #122a88 !important; font-weight: 400 !important; color: #fff !important }
.ui-button:focus, .ui-button:hover, .ui-state-focus, .ui-state-hover, .ui-widget-content .ui-state-focus, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-focus, .ui-widget-header .ui-state-hover { border: 1px solid #ccc !important; background: #ccc !important; font-weight: 400 !important; color: #000 !important }
.owl-next, .owl-prev { background-color: #000 !important }
.DLCatTitle { color: #3a3c42; font-size: 20px; margin: 0; padding: 1.6% 0 }
#DLDocs { width: 100%; height: auto; margin-top: 10px }
.DLContainer { margin-right: 10px }
.DLContainer, .DLContainerLast { position: relative; float: left; width: 250px; height: 155px; margin-bottom: 10px; cursor: pointer; background-color: #122a88; transition: all .5s ease }
#hmBarrels, .DLTitleBlock, .abs { position: absolute }
#Top, #pgTitle, #pgTitlePopOut { max-width: 1300px; margin: 0 auto }
.ui-tabs-panel .DLContainer, .ui-tabs-panel .DLContainerLast { width: 240px; height: 149px }
.int_nav02 .DLContainer { width: 235px; height: 146px }
.DLContainer:hover, .DLContainerLast:hover { background-color: #ccc }
.DLTitleBlock { width: 100%; min-height: 70px; height: auto; padding: 1.5%; color: #fff; z-index: 130 }
.docTitle { background-repeat: no-repeat; padding: 10px 60px 10px 10px }
.docTitle, .docTitle a { color: #fff !important; font-size: 18px; font-weight: 400; line-height: 20px; text-decoration: none }
.docTitle a { padding-bottom: 100px }
.DLsize { font-size: 12px; color: #fff }
#Top #topPhone, #TopHm #topPhone { float: left; font-size: 25px; border-right: solid 1px #777 }
.DLIconBlock, .DLImageBlock { position: absolute; width: 100%; height: 155px; overflow: hidden; z-index: 5 }
#TopHm #topPhone { padding: 11px 10px 13px 50px; color: #333; }
#TopHm #nav-container { position: relative; display: block; clear: left; padding: 50px 10px 10px 50px;}
#Top { width: 100% }
#Top #topPhone { padding: 11px 10px 13px 0; color: #777 }
#topCustomerLogin, #topInternational, #topOilFinder, #topProductFinder { padding: 5px 10px 10px; font-size: 16px; position: relative; float: left; cursor: pointer }
#Top #nav-container { position: relative; display: block; clear: left; padding: 50px 10px 10px; z-index: 50 }
#topCustomerLogin { border-right: solid 1px #777; color: #777 }
#topCustomerLogin span.glyphicon.glyphicon-menu-down { display: block; text-align: right }
#topInternational { color: #f70000 }
#topInternational span.glyphicon.glyphicon-menu-down { display: block; text-align: right }
#pgTitlePopOut, #pgTitlePopOut h1, #testimonials, .mainImg, p.vrmCat { text-align: center }
#topOilFinder, #topProductFinder { border-left: solid 1px #777; color: #777 }
#brandContainer { position: relative; float: right; padding: 40px 0 0; z-index: 100 }
#headerbrand { float: left; z-index: 20 }
#animation_container { float: left }
#intContainer { display: none; padding: 30px 0 }
.intMap { padding: 10px 10px 10px 50px }
.padr10 { padding-right: 10px }
#hmBarrels { width: 100%; text-align: right; margin: -80px 0 0 }
#topBanner, .reveal, .reveal.tsite i, .testimonialTxt, p.corpBtn { position: relative }
#pgTitle h1, #pgTitlePopOut h1 { display: inline-block; clear: both; font-size: 53px; color: #122a88; font-weight: 700; letter-spacing: -3.5px; padding:20px 0 10px 0; border-bottom: solid 1px #122a88; text-transform: capitalize }
#pgTitlePopOut { width: 80% }
.breadCrumbs, .breadCrumbs a { padding: 10px 0 0; font-size: 12px; color: #474747 }
.breadCrumbs { padding: 10px 0 0 10px }
.breadCrumbs a { font-weight: 700 }
.languages { float: right; width: 100%; max-width: 440px; padding-right: 50px }
#google_translate_element select { display: block; width: 100%; height: 34px; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; color: #555; background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s }
#google_translate_element .goog-te-gadget { color: #686868 !important }
#topBanner {  height: 340px }
.reveal.tsite i, .revealopened.tsite i { background-repeat: no-repeat; background-position: center center; background-size: 70% }
#topBanner .span_2_2 { padding-top: 90px }
#testimonials { padding: 30px 0 }
.testimonialscontent { display: none; padding: 0 30px }
.testimonialTxt { font-size: 20px; line-height: 20px; font-weight: 500; letter-spacing: -1px }
.testimonialCo { font-size: 22px; line-height: 22px; font-weight: 700; letter-spacing: -1px; color: #620303 }
.reveal { display: table; font-size: 13px; color: #000 !important }
a, p { color: #424243 }
.reveal span { display: table-cell; padding: 0 10px 0 0; font-weight: 300; font-size: 16.67px; line-height: 16.67px }
.reveal.tsite i { display: table-cell; width: 30px; background-image: url(/assets/images/icon-cross.png) }
.revealopened.tsite i { background-image: url(/assets/images/icon-minus.png) }
.icoDOC, .icoPDF, .icoPPT, .icoUKNOWN, .icoXLS, .icoZIP { background-position: bottom right; background-repeat: no-repeat }
h1, h2, h3, h4, h5, h6 { text-rendering: optimizelegibility; font-kerning: normal; -webkit-font-feature-settings: kern }
h1 { font-size: 53px; line-height: 55px; font-weight: 700; letter-spacing: -4px }
h2, h3 { font-size: 25px; line-height: 30px }
.size5, h2, h3 { font-weight: 200 }
h2 { letter-spacing: -1.5px; color: #122a88 }
.size1, .size2 { letter-spacing: -.5px }
a { text-decoration: underline }
#ProdSearchhidden a, #pqty h2, .btnLogout a, .oilBtnBlu, .oilBtnWht, .pApplication, .pApps a, .pthumbs a, a p.pApplication, p.corpBtn a { text-decoration: none }
p { padding-top: 10px;margin: 0 !important }
.size1 { font-size: 13px }
.size2 { font-size: 15px }
.size3 { font-size: 20px !important; letter-spacing: -1.5px }
.size4 { font-size: 25px; letter-spacing: -1px }
.size5 { font-size: 31px; letter-spacing: -1.5px }
.size6 { font-size: 38px; letter-spacing: -2.5px }
.size7 { font-size: 40px; letter-spacing: -3.5px }
.size8 { font-size: 75px; letter-spacing: -4px }
.t100 { font-weight: 100 }
.t200 { font-weight: 200 }
.t300 { font-weight: 300 }
.t400 { font-weight: 400 }
.t500 { font-weight: 500 }
.t600 { font-weight: 600 }
.t700 { font-weight: 700 }
.t800 { font-weight: 800 }
.t900 { font-weight: 900 }
.tblu, .tblu a { color: #10266e !important }
.tred, .tred a { color: #f70000 !important }
.twht, .twht a { color: #fff !important }
.tblk, .tblk a { color: #000 !important }
.borl { border-left: solid 1px #adadad; padding: 0 20px }
p.corpBtn { display: inline-block; padding: 10px 10px 10px 0; cursor: pointer }
.oilBtnBlu[disabled], .oilBtnWht[disabled] { cursor: not-allowed;  }
.corpBtn:after { position: absolute; right: 10px; bottom: -5px; font-family: 'Glyphicons Halflings'; content: "\e259" }
.oilBtnBlu, .oilBtnWht { display: inline-block; width: 70px; height: 70px; line-height: 65px; border-radius: 40px; -moz-border-radius: 40px; -webkit-border-radius: 40px; vertical-align: middle; text-align: center }
.oilBtnWht { border: 1px solid #fff; color: #fff !important }
.oilBtnBlu { border: 1px solid #10266e; background-color: #10266e !important; color: #fff !important }
.oilBtnWht[disabled] { border: 1px solid #fff; color: #fff !important }
#footer .centre_content, .borderT { border-top: solid 1px #bbb }
.vrm-cat-selector { cursor: pointer }
p.vrmCat { color: #122a88; font-size: 19px; padding: 20px }
.mainImg { position: relative; max-width: 450px; max-height: 450px; margin: 0 auto }
.mainImg img { width: 100%; max-width: 450px; max-height: 450px }
.pApps, .pthumbs { vertical-align: top !important; width: 30%; margin: 0 3% 3% 0; float: left; position: relative }
.pApps { text-align: center }
#noPlate, #results_loading, .product_img, .product_name { text-align: center }
.pthumbs{ text-align: center;}
.pthumb1 { _clear: left; }
.pthumbs img { width: 100%; max-width: 220px;  padding: 2px }
.pthumbs p { font-weight: 700; padding: 10px !important }
.pApplication, a p.pApplication { font-size: 30px; font-weight: 200 ; color: #0f256e;text-align: center; }
#footer p, #pqty h2 { color: #333 }
.read-less { position: relative; display: block; padding: 0 0 20px }
.tnImg { position: relative; float: left; padding: 10px }
.tnImg img { max-width: 150px !important; max-height: 150px !important }
.tnImg:first-child { padding: 10px 10px 10px 0; cursor: pointer }
#pqty, #pqty ul { padding: 10px 0 }
#pqty li, #pqty ul, #social li, #social ul { padding: 0; margin: 0; list-style: none }
#pqty h2 { font-size: 30px; letter-spacing: -1px }
#pqty li { float: left }
.icoPDF { background-image: url(/assets/images/document-icons/pdf_icon.png) }
.icoDOC { background-image: url(/assets/images/document-icons/doc_icon.png) }
.icoPPT { background-image: url(/assets/images/document-icons/pdf_icon.png) }
.icoXLS { background-image: url(/assets/images/document-icons/xls_icon.png) }
.icoZIP { background-image: url(/assets/images/document-icons/zip_icon.png) }
.icoUKNOWN { background-image: url(/assets/images/document-icons/unknown_icon.png) }
#social { display: table; padding: 20px 0 0; margin: 0; vertical-align: text-bottom }
#social li, #social ul { display: inherit }
#social li { display: table-cell; padding: 0 15px; vertical-align: middle; border-left: solid 1px #bcbcbc }
#social li a span{ display: block; width: 41px; height:32px ; background: url(../images/fot_icon_email.png) no-repeat center center;}
#social li a:hover span{background: url(../images/fot_icon_email_sel.png) no-repeat center center;}
#social li:first-child { border-left: none; padding: 0 15px 0 0 }
#social li a { font-size: 50px; color: #bcbcbc }
.gdpr { font-size: 11px !important }
#footer { background-color: #fff; padding: 0 0 15px; margin: 20px 0 0 }
.footer01 { width: 80% }
.footer02 { width: 20% }
.omnisity { vertical-align: middle !important }
.callback { display: table; position: relative; float: right; font-size: 30px; color: #bcbcbc; padding: 75px 75px 0 0; margin: 20px 0 0; background-image: url(../images/call_back.png); background-repeat: no-repeat; background-position: right top }
.icoClosed, .icoOpen { background-position: right center }
.footerContactDetails { margin: 20px 0 !important }
.footerContactDetails, .footerContactDetails li, .footerContactDetails ul { list-style: none; margin: 0; padding: 0 }
.footerContactDetails li:first-child { border-right: solid 1px #333; padding: 5px 10px 5px 0 }
.footerContactDetails li { float: left; padding: 5px }
.footerContactDetails li, .footerContactDetails li a { color: #333; font-size: 30px; text-decoration: none; letter-spacing: -1px }
.tsml, .tsml a { font-size: 12px; font-family: Arial, Helvetica, sans-serif; color: #000 !important }
#blob .centre_content { }
.playLeft { float: left; margin: 0 5px 5px 0 }
.playRight { float: right; margin: 0 0 5px 5px }
.span_1_6_applications, .span_2_6_applications, .span_3_6_applications, .span_4_6_applications, .span_5_6_applications, .span_6_6_applications { width: 16%; margin: 0 .66666666666667% 0 0 }
#results, #vrmTypes, .recomendation_container { margin: 10px 0 }
.bluBorBottom { border-bottom: solid 1px #122a88 }
#noPlate { outline: 0; -webkit-box-shadow: none !important; border-radius: 0 !important; width: 100%; max-width: 341px; height: 70px; background-color: transparent; border: none; font-size: 50px; font-weight: bolder; text-transform: uppercase; font-family: Arial, Helvetica, sans-serif !important }
.noPlate_container:after, .noPlate_container:before { top: 0; height: 69px; content: '' }
.noPlate_container:before { position: absolute; left: 0; width: 55px; background-image: url(/assets/images/noplate_01.png); background-repeat: no-repeat; z-index: 50 }
.noPlate_container { position: relative; background-image: url(/assets/images/noplate_02.png); background-repeat: repeat-x; z-index: 0 }
.icoClosed, .icoOpen, .noPlate_container:after { background-repeat: no-repeat }
.noPlate_container:after { position: absolute; right: 0; width: 40px; background-image: url(/assets/images/noplate_03.png); z-index: 50 }
#vrmTypes { display: none; width: 100% }
#ProdSearch .oilBtnWht { background-color: #464953 }
#ManualSearch select { display: block; width: 100%; margin: 0 0 10px }
#make { padding: 10px 0 0 10px }
#model, #type { padding: 0 0 0 10px }
#year { padding: 0 0 10px 10px }
.vrm-disabled { opacity: .45 }
.icoClosed, .icoOpen { float: right; width: 50px; height: 40px }
.icoOpen { background-image: url(/assets/js/olyslager2018/images/close-rev.png) }
.icoClosed { background-image: url(/assets/js/olyslager2018/images/open-rev.png) }
.containerOpen { display: block }
#debug, #results, .containerClosed { display: none }
.recomendation { float: left; width: 25% }
.product_name { font-weight: 700; font-size: 12pt }
#results { background-color: #FFF }
#results a, #results div, #results h1, #results p, #results td, #results tr { color: #000 }
.containerClosed, .containerOpen { padding: 10px }
#make, #model, #type, #year { font-size: 20px }
#debug { width: 100%; height: 500px }
.component_title { cursor: pointer; font-size: 20px; min-height: 50px; padding: 10px 10px 0 80px; background-color: #030e2c; color: #fff !important }
.icoBlank, .icoBrakes, .icoCooling, .icoDifferential, .icoEngine, .icoGrease, .icoSteering { background-repeat: no-repeat; background-position: 10px 0 }
.icoEngine { background-image: url(/assets/js/olyslager2018/images/oil-rev.png) }
.icoGrease { background-image: url(/assets/js/olyslager2018/images/gease-rev.png) }
.icoDifferential { background-image: url(/assets/js/olyslager2018/images/differential-rev.png) }
.icoBrakes { background-image: url(/assets/js/olyslager2018/images/abs-rev.png) }
.icoSteering { background-image: url(/assets/js/olyslager2018/images/steering-rev.png) }
.icoCooling { background-image: url(/assets/js/olyslager2018/images/coolant-rev.png) }
#addressInput, #countryInput, #pSearchField { border: 1px solid #10266e; -webkit-border-radius: 35px; -moz-border-radius: 35px; border-radius: 35px; min-width: 540px; min-height: 70px }
#SearchField, #pSearchContainer { border: 1px solid #10266e; -webkit-border-radius: 35px; -moz-border-radius: 35px; border-radius: 35px; min-width: 415px; min-height: 70px; line-height: 70px; text-align: center }
#productSearch .oilBtnBlu { background-color: #10266e; color: #fff !important }
.btnDisabled { cursor: not-allowed !important;  }
.removeBG { border: none !important; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0 }
.jbTable { display: table }
.jbCell { display: table-cell; vertical-align: middle }
.pad5r { padding: 0 5px 0 0 }
.pad5l { padding: 0 0 0 5px }
.washout { opacity: .1; -webkit-transition: opacity .25s ease-in-out; -moz-transition: opacity .25s ease-in-out; transition: opacity .25s ease-in-out }
.btnLogout { float: right }
#pgTitle, #pgTitlePopOut { padding: 0 20px 30px }
 @media only screen and (max-width:1024px) {
#TopHm #nav-container { padding: 95px 10px 10px 20px }
#Top #topPhone { padding: 11px 10px 13px; border-right: none }
#topCustomerLogin { clear: left }
#blobvid { position: absolute; bottom: 0; left: 0 }
#addressInput, #pSearchContainer, #pSearchField { min-width: 280px }
#pSearchContainer:after { background-image: url(/assets/images/product-search-field.gif); background-position: right }
#SearchField { min-width: 341px }
#TopHm #topPhone { padding: 11px 10px 13px 20px }
#noPlate { font-size: 40px }
}
 @media only screen and (max-width:770px) {
.size1, .size2 { letter-spacing: -.5px }
.abs { bottom: 0 }
#topBanner .span_2_2 { padding-top: 0 }
#topBanner { height: 555px }
.span_1_6_applications { width: 32%; margin: 0 !important }
.span_2_6_applications { width: 32%; margin: 0 2% }
.span_3_6_applications { width: 32%; margin: 0 !important }
.span_4_6_applications { width: 32%; margin: 0 }
.span_5_6_applications { width: 32%; margin: 0 2% }
.span_6_6_applications { width: 32%; margin: 0 }
.recomendation { float: left; width: 50% }
.size1 { font-size: 9px }
.size2 { font-size: 12px }
.size3 { font-size: 15px !important; letter-spacing: -1.5px }
.size4 { font-size: 20px; letter-spacing: -1px }
.size5 { font-size: 25px; letter-spacing: -1.5px; font-weight: 200 }
.size6 { font-size: 31px; letter-spacing: -2.5px }
.size7 { font-size: 38px; letter-spacing: -3.5px }
.size8 { font-size: 46px; letter-spacing: -4px }
#brandContainer { padding: 20px 0 0 }
#Top #nav-container, #TopHm #nav-container { padding: 20px 10px 10px; clear: both }
#Top #topPhone, #TopHm #topPhone, #hmBarrelsSpacer { display: none }
#hmBarrels { position: relative; margin: 30px 0 0 }
#noPlate { max-width: 100%; font-size: 35px }
#SearchField { min-width: 280px }
#topOilFinder { clear: left; border-left: none; border-right: solid 1px #777 }
#topOilFinder, #topProductFinder { border-left: none }
#topCustomerLogin, #topInternational, #topOilFinder, #topProductFinder { width: 25% }
}
 @media only screen and (max-width:767px) {
.carousel-fade .carousel-inner { background-image: none }
#SearchField, #pSearchContainer { min-width: 100% }
.noPlate_container:before, .noPlate_container:after { background-image: none }
}
 @media only screen and (max-width:667px) {
.footer01, .footer02, .languages, .span_1_6_applications, .span_2_6_applications, .span_3_6_applications, .span_4_6_applications, .span_5_6_applications { width: 100% }
#blobvid { position: relative }
.recomendation { float: left; width: 100% }
.footerContactDetails li:first-child { border-right: none }
.callback { float: none }
#brandContainer { margin: 0 0 20px }
.languages { padding-right: 20px; padding-left: 20px }
.oilBtnBlu { width: 100%; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0 }
#topCustomerLogin, #topInternational, #topOilFinder, #topProductFinder { width: 21% }
}
 @media only screen and (max-width:568px) {
#brandContainer { text-align: center }
#topCustomerLogin, #topInternational, #topOilFinder, #topProductFinder { width: 50%; text-align: center }
.pApps, .pthumbs{width:47%;}
}
 @media only screen and (max-width:414px) {
#addressInput { min-width: 100% }
.pthumbs { width: 100% }
.abs { bottom: 65px }
.pApps, .pthumbs{width:47%;}
}
 @media only screen and (max-width:320px) {
.pApps, .pthumbs{width:47%;}
#animation_container { display: none }
#brandContainer, #headerbrand { float: none }
}

.in_tit{ padding-top: 0 !important;}
.contatxt{padding: 0 20px; height: auto; overflow: hidden; background: #efefef; font-size: 14px;}
.contatxt p{ padding: 10px 0;}
.contatxt ul{ padding: 0 ;margin: 0;}
.contatxt ul li{ width: 100%; border-bottom:1px #c3c3c3 dashed; font-size: 12px; color: #555; list-style:none; line-height: 18px;margin-bottom: 10px;}
.case_list{ padding: 20px;margin: 0;}
.case_list li{ line-height: 40px; font-size: 18px; background:url(../images/d.png) no-repeat left 14px; margin-bottom: 10px;list-style:none;}
.case_list li a{padding-left: 28px;} 
.case_list li a:hover{color: #122a88;}
.tit2{ font-size: 18px !important;font-weight: 500 !important;}