/* Common Styles */

#instantsearch_panel{background-color:white;display:none;margin:10px 0px;padding:0px 20px 20px;max-width:1024px;margin-left:auto; margin-right:auto;}

#instantsearch h1 {color:#b40020;}


.bodyshadow{background-color:#808080}
#search{visibility:hidden;}
#refinement-search-expander { display: none;}

#instantsearch-logo {display:none; }

.selector-panel {padding: 5px; margin: 5px;}

.clear {clear: both;}

.resultsItemLink:hover {text-decoration:none;}

.results-item { width:100%; padding:10px; text-align:left; /*height:425px;*/ margin-bottom:20px;}
.results-item:hover {box-shadow:1px 2px 11px rgba(0, 0, 0, .5); text-decoration:none;}

.results-item-image {float:left;width: 25%; height:auto; margin:5px; }
.results-item-image img {}

.results-item-sku {color: #b40020; font-weight: 700; font-size: 13px; line-height: 1.7;}

.results-item-short-desc {white-space: normal; overflow: hidden; text-overflow: ellipsis; /*height: 80px;*/ color:#333; display: block; font-size: 13px; margin: 0 0 10px 0; font-weight:bold;}

.results-prices {font-weight: 600; line-height: 20px; font-size:16px; color:#444; margin-top:10px; margin-bottom:0px;}
.results-prices span {font-weight: 400; line-height: 24px; font-size:1.1rem; color:#444; display:inline;}
.results-button {margin-top:10px;}

.results-item-links { margin-top: 10px;}

.results-item-long-desc {font-size: 13px; line-height: 16px; margin: 10px 0 25px 0; padding-right:20px;color:#666666}

.results-item-link a { text-transform: uppercase; color: #444; text-decoration: none; font-size: 12px; background-color:#F4F4F4;line-height: 34px; padding: 10px 12px;}
.results-item-link a:hover {color: #fff; text-decoration: none; background-color:#b40020; }

#instantsearch_panel ul {padding-left:0px;}
#instantsearch_panel ul#noresultsuggestions {padding-left:40px;}
a.clearfilter{margin-left:10px;border-radius:20px;padding:3px 10px 3px 10px;font-size:11px;color:#ffffff;background-color:#b40020; display:inline-block;}
.ais-InfiniteHits-item {padding-left:5px;}
   
/* pop-up close button */
.modal-custom .action-close:before, .modal-popup .action-close:before, .modal-slide .action-close:before {margin: 10px 0; padding:10px 10px; background-color:#f4f4f4;}   
.modal-custom .action-close:before, .modal-popup .action-close:before, .modal-slide .action-close:before {-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 18px; line-height: 18px; color: #b40020; content: '\f819'; font-family: 'porto-icons'; margin: 0; vertical-align: top; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center;margin-right: 1rem; }

.results-item-info {width: 70%; float:right;}

#results-count {font-weight: bold; text-align:center;}

.refinement-current-filter { border: 1px solid #ccc; display: inline-block; font-size: 12px; padding: 5px; border-radius: 14px;}

.results-list {display:block;}

.refinement-header {background-color:#eee; text-transform:none; font-size:14px; font-weight:bold; padding:3px; color:#000; padding-left:10px;}

.refinement-subheader { font-size:11px; color:#3c3c3b; text-align:center; line-height:1; /* border-bottom:1px solid #ccc; */}

.refinement-subpanel { border-bottom:1px dashed #ccc; margin-bottom:25px!important; }

.refinement-header-manual { margin-bottom:10px; }

.refinement-body { padding:10px 0 10px 0; margin:0 5px 0 5px;}

.refinement-collapse-button { margin:3px 5px 0 0; }
.refinement-search-submit { display:none; }

.icon-small { width:8px; height:8px }

.refinement-search-input { background-color: #fff; height: 48px; line-height: 46px; border-radius: 30px!important; font-family: inherit; font-style: italic; border: 1px solid #e7e7e7;}

.refinement-search-input-facets {border:0 0 1px 0!important; border-style:none!important; border-bottom-style:solid!important; border-radius:0!important;}

#refinement-prompt {color:#B40020;font-size:16px; margin-bottom:5px;display:none}
.refinement-search-reset { box-shadow:none!important; }

.refinement-list { margin-left:10px;}

.refinement-list-item { padding: 0; margin: 0; font-size: 12px; font-weight: normal;}

.refinement-count { color:#bbb; }

.refinement-no-results { font-size:12px; padding-left:10px; }

/* Show More Button */
#refinement-engine-matches .refinement-show-more, #refinement-model-matches .refinement-show-more, #results-items .refinement-show-more {border: 1px solid #ccc; color: #777; line-height: 43px; padding: 0 12px; height: 45px; background-color: #fff; font-size:12px; margin-left:auto; margin-right:auto; width:80%; margin-bottom:100px; display:table; cursor:pointer;}

#refinement-engine-matches .refinement-show-more:hover, #refinement-engine-matches .refinement-show-more:focus, #refinement-engine-matches .refinement-show-more:active, #refinement-engine-matches .refinement-body button:focus, #refinement-engine-matches .refinement-body button:active {border: 1px solid #ccc; color: #fff; line-height: 43px; padding: 0 12px; height: 45px; background-color: #b40020; font-size:12px; margin-left:auto; margin-right:auto; width:80%; margin-bottom:100px;}

#refinement-model-matches .refinement-show-more:hover,  #refinement-model-matches .refinement-show-more:focus, #refinement-model-matches .refinement-show-more:active, #refinement-model-matches .refinement-body button:focus, #refinement-model-matches .refinement-body button:active {border: 1px solid #ccc; color: #fff; line-height: 43px; padding: 0 12px; height: 45px; background-color: #b40020; font-size:12px; margin-left:auto; margin-right:auto; width:80%; margin-bottom:100px;}

#results-items .refinement-show-more:hover, #results-items .refinement-show-more:focus, #results-items .refinement-show-more:active, #results-items .refinement-body button:focus, #results-items .refinement-body button:active {border: 1px solid #ccc; color: #fff; line-height: 43px; padding: 0 12px; height: 45px; background-color: #b40020; font-size:12px; margin-left:auto; margin-right:auto; width:80%; margin-bottom:100px;}



.result-count-text-search-expander {font-size: 21px;}

.selector-link {border:none; border-bottom: 1px solid #b40020; text-transform: uppercase; color: #3c3c3b; text-decoration: none; font-size: 12px; background:none;  box-shadow:none; border-radius:0!important;}

.refinement-disabled-show-more { display:none!important; }

.current-refinements-item { padding:5px 5px 5px 5px; margin-bottom:0px; display:inline-block; margin-right:0px; }
.current-refinements-item span { font-size:16px; }
.current-refinements-label { font-weight: 600; padding-right:5px; color:#000000 }
.current-refinements-category { padding-right:5px; }
.current-refinements-category:last-child { padding-right:0; }
.current-refinements-delete, .current-refinements-delete:hover { font-weight:bold; color:red!important; padding: 0 8px 0 4px!important; line-height:normal!important;height:14px;background:none;border:none!important;box-shadow:none; font-size:12px;  }

.result-count-text { font-size:14px; font-weight:bold; }

.clear-refinements-button, .clear-refinements-button:hover, .clear-refinements-button:active, .clear-refinements-button:focus, .clear-refinements-button:hover { border:none; box-shadow:none; border-bottom: 1px solid #b40020; text-transform: uppercase; color: #3c3c3b; text-decoration: none; font-size: 12px; background-color:#fff; border-radius:0!important; }

.clear-refinements-button { margin-bottom:20px; }

.clear-refinements-button-disabled { display:none; }

button, button:focus, button:hover {box-shadow:none!important;}

.results-no-results { font-size:14px; text-align:left; padding-left:10px;}	

.clear-refinements-button { margin-left:10px; }






#refinement-dimensions{display:none}
#colcopy {margin-bottom:20px}

.bulleted-text {list-style: none; /* Remove default bullets */ margin-left:5px;}

.bulleted-text li {display:inline; margin: 0 5px 0 10px;}

.bulleted-text li::before { content: "\25A0";  /* Add content: \2022 is the CSS Code/unicode for a bullet */ color: #b40020; /* Change the color */ font-weight: bold; /* If you want it to be bold */   display: inline-block; /* Needed to add space between the bullet and the text */ width: 1em; /* Also needed for space (tweak if needed) */ margin-left: -1em; /* Also needed for space (tweak if needed) */}

::-webkit-input-placeholder { /* Edge */ color: #ccc!important; font-weight:normal!important; font-size:11px!important; }

:-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #ccc!important; font-weight:normal!important; font-size:11px!important;}

::placeholder { color: #ccc!important; font-weight:normal!important; font-size:14px!important;}

.getvehiclemake, .getenginemake {cursor:pointer; border: 1px solid #cccccc;border-radius:15px; padding: 4px 8px 4px 8px;list-style: none; display: inline-block; margin-right: 5px;}

.vehicle-results-item, .engine-results-item {cursor:pointer; padding-left:5px; font-weight:400; }

.recent {padding: 4px 8px 4px 8px;margin:2px;}



#refinement-model-matches,#refinement-engine-matches,#refinement-category-matches{padding-top:20px;border-top:1px solid #eeeeee; height:380px;overflow-y:scroll; }
li.myParentItem>:first-child {display:none}
ul.ais-HierarchicalMenu-list .ais-HierarchicalMenu-list{margin-left:0px}
#vehicle-models,#engine-models{display:none;}
#recent-vehicle-container,#recent-engine-container{display:none;}
.refineinstructions{display:none;}
.refinement-toplevel-cat{display:block;font-weight:bold;margin-top:3px;}
.refinement-toplevel-cat:empty{display:none}
.refinecat-item{padding-bottom:0;margin-bottom:0}
#refine-by-vehicle,#refine-by-engine{display:none;}

.modeldropdown{}
.dropdown-options{}
.dropdown-options{background-color:#ffffff;padding-left:0px;display:none;height:330px;position: relative;overflow-y:scroll;list-style-type:none;width: 100%;border: 1px solid #eeeeee;}
.dropdown-options li{padding-left:20px;line-height:40px;border-bottom:1px solid #efefef;cursor:pointer;margin:0px;}
.dropdown-options li:hover{background-color:#fafafa}
.modeldropdown.active ul{display:block}

.modeldropdown button.toggle-button.active:hover{border-color:#999999!important}
#toggle-button{color:#ffffff;background-color:#B40020;line-height:32px;height:40px;margin-bottom:0px;font-size:16px;}
#toggle-button::after{font-size:12px;color:#ee7d7d;font-weight:bold;padding-left:20px;content:"->"}
#toggle-button.active::after {content:"X";}
#toggle-button.active{}
.modeldropdown button.toggle-button.active{margin-bottom:0px;}
.dropdowncontainer{background-color:#eeeeee;padding-top:5px;display:none}
.modelsearchcontainer{padding:5px;}
.modelsearchcontainer::after{content: "\e884";font-size: 18px;font-family: 'porto-icons';padding-top:2px;font-weight:bold;margin-left: -35px;}
.modelsearchcontainer:focus{}
.modeldropdown.active div.dropdowncontainer{display:block;}
#searchmodels{width:250px;padding-left: 10px;padding-right:40px;border-radius:40px;}

.loadingmodel{display:none;font-size:15px;color:#333333;margin-bottom:40px;}
.nomodels{display:none;}

#searchfilters{display:none;clear:both;}

input[type="search"] { background: #ffffff; background-clip: padding-box; border: 1px solid #cccccc; border-radius: 6px; font-family: Poppins; font-size: 16px; height: 38px;  line-height: 1.4; padding: 10px; vertical-align: baseline; width: 100%; box-sizing: border-box; color:#000000; font-weight:600;}


.searchVehicleMakeTitle {font-size:18px; font-weight:600;}
.model-search-query {width:100%; appearance: none; border: 1px solid #cccccc; height: 32px; background: #ffffff; padding: 4.5px 9px 4px; text-indent: .01em;}



/* Mobile only styles. */



@media only screen and (max-width:1199px) {
    #refinement-panel {height: 135px; overflow: hidden; clear:both;}

    #refinement-current-filters { margin-top:10px; }

    #refinement-widgets-container { margin-top:10px; }

    #refinement-search-expander { display: block; background-color: #F18334; padding: 10px; text-align: center; background-repeat: no-repeat; background-image: url(../uiimages/filter.svg); background-position: right 8px top 6px; background-size: 32px 32px; cursor:pointer; min-height:46px;}

    .refinement-search-expander-expanded {background-image: url(../uiimages/check-mark.svg)!important;}

    #refinement-search-expander a {  line-height: 34px; font-size: 14px; text-decoration: none;}

    .refinement-panel-expanded {min-height:1000px; height:auto!important;}

    .results-item-link:first-child {margin-bottom: 10px;}

    .results-item-block {margin:0px;}

    .results-item-logo, .results-item-image {margin-bottom: 0;}

    .results-item-logo img {max-width: none;}

    .result-count-text { display:none; }

    #results-count-search-expander { text-align:left; }

    .result-count-text-search-expander { font-size:14px; }
    
    .refinement-list { display:block!important; }

    .no-results { min-height:0!important ; }

    #colcopy {display:none;}   
	
	
	
	.refine-by-label {font-weight:600; width:100px; display:inline-block; color:#000000;}
	.current-refinements-label {width:100px; display:none;}
}


@media only screen and (min-width:1024px) {
    #instantsearch_panel {width:1024px;}
}

@media only screen and (max-width:1023px) {
    #instantsearch_panel {width:100%;}
}

@media only screen and (max-width:768px) {
	
	#instantsearch_panel ul {padding-left:3px;}
	.current-refinements-label {display: none;}
	.current-refinements-category {display:block}
	.categoryrefinemore {display:block;}
	.refine-by-label, .showaslink, .showasbutton {display:block;}
	.showaslink {padding: 6px 0px 7px 0px;}
	.current-refinements-item span { font-size:12px;}
    button {font-size:12px;}
	
	input[type="search"] { background: #ffffff; background-clip: padding-box; border: 1px solid #cccccc; border-radius: 6px; font-family: Poppins; font-size: 14px; height: 38px;  line-height: 1.4; padding: 10px; vertical-align: baseline; width: 100%; box-sizing: border-box; color:#000000; font-weight:600;}
	
	#instantsearch-close span {display:none;}
	
}


@media only screen and (max-width:480px) {
	
	#instantsearch_panel{padding:0px 5px 5px 5px;}
    .results-button {display:none;}

}




/* Desktop only styles */
@media only screen and (min-width:1200px) {
    
    
	
	#refinement-panel {width: 300px; margin-right: 40px;}

    #results-panel {width: 860px;}

    .selector-panel-main {float: left;}

    /*.results-item-block {float: left;}*/

    /*.results-item-info {width: 80%; float:left; margin-left:20px;}*/

    .results-item-link {/*float: left; margin-right: 25px;*/}

    .results-item-logo img {max-width: 140px; height: 140px; margin-top:0px;}

    .results-item-logo {width: 140px;}        

}

@media only screen and (max-width: 1150px) {
    .results-item-image {width: 15%; }
    .results-item-info {width: 80%;}
}

@media only screen and (max-width: 690px) {
    .results-item-image {width: 25%;}
    .results-item-info {width: 70%;}
}
@media only screen and (max-width: 450px) {
    .results-item-image {width: 35%;}
    .results-item-info {width: 60%;}
}




/* MKL Search Panel Styling */

#results-items {width:100%;}

#results-count-search-expander {margin-left:10px;}


.headerContainer {display:flex; flex-flow:row; margin-top:0px; margin-bottom:20px; vertical-align:middle; border-bottom:1px solid #CCCCCC;}
#instantsearch_panel h1 {color:#b40020; margin-bottom:0px; flex:auto; font-size: 26px; line-height:2;}

/* InstantSearch Panel close button */
#instantsearch-close {margin-left:25px; float:right;}
#instantsearch-close span {font-size:12px; text-transform:uppercase; line-height:52px; cursor:pointer;} 
#instantsearch-close:after {padding:10px 10px; background-color:#f4f4f4;}   
#instantsearch-close:after {-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 18px; line-height: 18px; color: #b40020; content: '\f819'; font-family: 'porto-icons'; margin: 7px 0px 0px 5px; vertical-align: top; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; cursor:pointer; }
/*#instantsearch-close {margin:7px 10px 8px 10px; color:#b40020; font-size:20px; font-weight:600; text-align:right; cursor:pointer; padding:5px 10px; background-color:#f4f4f4;}*/


.flexContainerHeader {display:flex; flex-flow:row; margin-top:20px; margin-bottom:20px; vertical-align:middle;}
#instantsearch-logo {margin-right:30px; flex:auto; min-width:200px!important; margin-top:9px;width:200px;}
#refinement-partno {display:flex; flex:auto; /*width:90%;*/}
#refinement-partno .ais-SearchBox {width:100%; max-width:1024px;}









/* POPUP Box */
.modal-popup.modal-slide .modal-footer {border-top: 1px solid #c1c1c1;text-align: right; margin-left: 3rem; margin-right: 3rem; padding-right:0px;}
.modal-popup .modal-content {padding-top: 10px;}
#model-search, #engine-search {margin-bottom:15px;}
#refinement-model-make, #refinement-engine-make {margin-bottom:15px;}
#recent-vehicle-container, #recent-engine-container {margin-bottom:15px; font-size:15px; font-weight:600;}
#refinement-model-matches ul, #refinement-engine-matches ul {margin-top:15px;padding-left: 10px;}


/* Search Box Close Button*/
#model-search button:not(.primary) {border: 1px solid #fff; color: #777; line-height: 30px; padding: 0 8px; height: 32px; background-color: #fff; margin-right:20px; width:32px;}

#refinement-partno button:not(.primary) {border: 1px solid #fff; color: #777; line-height: 30px; padding: 0 8px; height: 32px; background-color: #fff; margin-right:20px; width:32px;}
.ais-SearchBox button:not(.primary) {border: 1px solid #fff; color: #777; line-height: 30px; padding: 0 8px; height: 32px; background-color: #fff; margin-right:20px; width:32px;}
#refinement-partno .ais-SearchBox-submit button:not(.primary) {border: 1px solid #B40020; color: #fff; line-height: 30px; padding: 0 8px; height: 50px; background-color: #b40020; margin-right:20px; width:32px;}


/* Header Colour Change */
.modal-popup .modal-title {border-bottom: 1px solid #c1c1c1; font-weight: 300; padding-bottom: 9px; font-size: 26px; margin-bottom: 0;min-height: 1em; word-wrap: break-word; color:#b40020;}


/* Filter Text */
.refine-by-label {font-weight:600; width:125px; display:inline-block; color:#000000;}
.current-refinements-label {width:125px; display:none;}

#instantsearch_panel .showasbutton { border: 1px solid #fff; color: #444; line-height: 30px; padding: 0 12px; height: 32px; background-color: #F4F4F4;}
#instantsearch_panel .showasbutton:hover { border: 1px solid #fff; color: #fff; line-height: 30px; padding: 0 12px; height: 32px; background-color: #b40020;}

.current-refinements-delete {font-weight: bold; color: #b40020!important; padding: 0 8px 0 4px!important; line-height: normal!important; height: 14px; background: none; border-bottom:none; box-shadow: none; font-size: 12px; height:32px; }
.current-refinements-delete:hover {font-weight: bold; color: #b40020!important; padding: 0 8px 0 4px!important; line-height: normal!important; height: 14px; background: none; box-shadow: none; font-size: 12px;height:32px; border-bottom: 1px solid #b40020; }
 
 
/* Clear Filters Button */ 
 #refinement-clear-filters .ais-ClearRefinements-button {border: 1px solid #fff; color: #444; line-height: 30px; padding: 0 12px; height: 32px; background-color: #F4F4F4;}
 #refinement-clear-filters .ais-ClearRefinements-button:hover { border: 1px solid #fff; color: #fff; line-height: 30px; padding: 0 12px; height: 32px; background-color: #b40020;}
 
 /* Placeholder colour change */
::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #666666!important; }
::-moz-placeholder { /* Firefox 19+ */ color: #666666!important; }
:-ms-input-placeholder { /* IE 10+ */ color: #666666!important; }
:-moz-placeholder { /* Firefox 18- */ color: #666666!important; }
 
/* Search Button */
.searchButton {background-color: #B40020!important; background-clip: padding-box; border: 1px solid #B40020!important; border-radius: 30px!important; font-size: 18px; line-height: 54px; padding: 0px 25px!important; vertical-align: baseline; box-sizing: border-box; color: #ffffff!important; font-weight: 400; min-height: 54px!important; margin-left:10px;}
.searchButton:hover {text-decoration: underline;}
/* End Search Button */


/* Results Color Change */
.results-item-oem {color:#777777; font-size:13px;overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display:block;}
.results-item-engine {color:#777777; font-size:13px;overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display:block;}
.results-item-model {color:#777777; font-size:13px;overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display:block;}
.results-item-oem em {color:#ffffff; background-color:#0B3D84;}
.results-item-engine em {color:#ffffff; background-color:#0B3D84;}
.results-item-model em {color:#ffffff; background-color:#0B3D84;}
.results-item-long-desc em {color:#ffffff; background-color:#0B3D84;}

/* End Results Color Change */

@media only screen and (max-width: 1050px) {
    .results-item-oem {font-size: 11px; }
    .results-item-engine {font-size: 11px;}
    .results-item-model {font-size: 11px;}
}

/* Instruction Boxes */
#searchinstructions {width: 100%; max-width: 1024px; display:table;}
.searchInstructionsBox {width:33%; display:table-cell;}
.blueBox {background-color: #0B3D84; color:#ffffff; padding:20px; }
.greyBox {background-color:#f4f4f4; color:#313131; padding:20px; border-left:2px solid #fff;}
.searchInstructionsTitle {font-size:17px;}
.searchInstructionsText {font-size:14px}
.searchInstructionsText a {font-size:14px; color:#B40020;}

.arrow_box {position: relative; background: #0B3D84;}
.arrow_box:after, .arrow_box:before {bottom: 100%; left: 40px; border: solid transparent; content: ""; height: 0; width: 0; position: absolute; pointer-events: none;}

.arrow_box:after { border-color: rgba(11, 61, 132, 0); border-bottom-color: #0B3D84; border-width: 10px; margin-left: -15px;}
.arrow_box:before { border-color: rgba(0, 0, 0, 0); border-bottom-color: none; border-width: 14px; margin-left: -14px;}

@media only screen and (max-width: 600px) {
    .searchInstructionsBox {width:100%; display:block;}
    .greyBox {border-top:2px solid #fff; border-left:none;}
}

/* End of Instruction Boxes */