form#Search_Form_Full{width:80%;margin:20px 10%;}
form#Search_Form_Full fieldset{padding:10px;}
form#Search_Form_Full fieldset legend{font-weight:bold;}

form#UserControls1{margin:20px 10px;}
form#UserControls1 #UserControlSorts{width:50%;float:right;text-align:right;font-size:120%;}
form#UserControls1 #UserControlFiltersToggle{width:50%;float:left;font-size:120%;}
form#UserControls1 #UserControlFiltersToggle{width:50%;float:left;font-size:120%;}
form#UserControls1 #UserControlFilters{padding:0;margin:0 0 20px 0;clear:both;}
form#UserControls1 #UserControlFiltersNoFilters{padding:0;margin:20px 0 0 0;clear:both;}
form#UserControls1 div.filterToggle{padding:10px;margin:20px 0 0 0;font-size:120%;cursor:pointer;background-color:#EEE;border:1px solid #DDD;border-radius:5px;}
form#UserControls1 div.filterToggle.filterActive{padding:10px;margin:20px 0 0 0;font-size:120%;cursor:pointer;background-color:#EFE;border:1px solid #090;border-radius:5px;}
form#UserControls1 div.filterToggleOpen{padding:10px;margin:20px 0 0 0;font-size:120%;cursor:pointer;background-color:#EEE;border:1px solid #DDD;border-top-right-radius:5px;border-top-left-radius:5px;}
form#UserControls1 div.filterToggleOpen.filterActive{padding:10px;margin:20px 0 0 0;font-size:120%;cursor:pointer;background-color:#EFE;border:1px solid #090;border-top-right-radius:5px;border-top-left-radius:5px;}
form#UserControls1 div.filterToggle i,
form#UserControls1 div.filterToggleOpen i{float:right;}
form#UserControls1 div.filterToggle i.filterInactive,
form#UserControls1 div.filterToggleOpen i.filterInactive{display:none;}
form#UserControls1 div.filterToggle i.fa-check,
form#UserControls1 div.filterToggleOpen i.fa-check{margin-right:20px;}
form#UserControls1 div.filterOptions{padding:10px;margin:0 0 20px 0;background-color:#FFF;border-top:0px solid #DDD;border-right:1px solid #DDD;border-bottom:1px solid #DDD;border-left:1px solid #DDD;border-bottom-right-radius:5px;border-bottom-left-radius:5px;}
form#UserControls1 .arrowUp,
form#UserControls1 .arrowDown{cursor:pointer;display:inline-block;padding:10px;margin:0 0 0 10px;background-color:#EEE;border:1px solid #CCC;border-radius:5px;}
form#UserControls1 .selected{background-color:#EFE;border-color:#090;}
form#UserControls1 .filtersLabel{cursor:pointer;display:inline-block;padding:10px;margin:0;background-color:#EEE;border:1px solid #DDD;border-radius:5px;}
form#UserControls1 .filtersLabel:hover{color:#FFF;background-color:#C00;border-color:#900;}
form#UserControls1 div.refreshButton span{cursor:pointer;display:inline-block;padding:10px;margin:20px 0 0 0;background-color:#EFE;border:1px solid #090;border-radius:5px;}
form#UserControls1 div.refreshButton span:hover{color:#FFF;background-color:#090;border-color:#090;}
form#UserControls1 a.filtersReset{display:inline-block;padding:10px;margin:20px 0 0 20px;background-color:#FEE;border:1px solid #900;border-radius:5px;font-weight:normal;text-decoration:none;}
form#UserControls1 a.filtersReset:hover{color:#FFF;background-color:#C00;border-color:#900;}
form#UserControls1 div#UserControlFiltersToggle a.filtersReset{margin:0 0 0 5px;background-color:#FEE;border-color:#900;display:none;}
form#UserControls1 div#UserControlFiltersToggle a.filtersReset:hover{background-color:#C00;border-color:#900;}
form#UserControls1 div#UserControlFiltersToggle.filterActive a.filtersReset{display:inline;}
form#UserControls1 div#UserControlFiltersToggle.filterActive .filtersLabel{background-color:#EFE;border:1px solid #090;}
form#UserControls1 div#UserControlFiltersToggle.filterActive .filtersLabel:hover{background-color:#090;border-color:#090;}

form#UserControls1 .priceFilterWrapper{ position: relative;padding: 20px 0;}
form#UserControls1 .priceFilterContainer{ position: relative;  width: 100%;  height: 2em;  margin0: 10px 0;}
form#UserControls1 .priceFilterContainer input[type='range']{ -webkit-appearance: none;  -moz-appearance: none;  appearance: none;  width: 100%;  outline: none;  position: absolute;  margin: auto;  top: 0;  bottom: 0;  background-color: transparent;  pointer-events: none;}
form#UserControls1 .rangeSlideTrack{ width: 100%;  height: 5px;  position: absolute;  margin: auto;  top: 0;  bottom: 0;  border-radius: 5px;}
form#UserControls1 .priceFilterContainer input[type='range']::-webkit-slider-runnable-track{ -webkit-appearance: none;  height: 5px;}
form#UserControls1 .priceFilterContainer input[type='range']::-moz-range-track{ -moz-appearance: none;  height: 5px;}
form#UserControls1 .priceFilterContainer input[type='range']::-ms-track{ appearance: none;  height: 5px;}
form#UserControls1 .priceFilterContainer input[type='range']::-webkit-slider-thumb{ -webkit-appearance: none;  height: 1.7em;  width: 1.7em;  background-color: #666;  cursor: pointer;  margin-top: -9px;  pointer-events: auto;  border-radius: 20%;}
form#UserControls1 .priceFilterContainer input[type='range']::-moz-range-thumb{ -webkit-appearance: none;  height: 1.7em;  width: 1.7em;  cursor: pointer;  border-radius: 20%;  background-color: #666;  pointer-events: auto;}
form#UserControls1 .priceFilterContainer input[type='range']::-ms-thumb{ appearance: none;  height: 1.7em;  width: 1.7em;  cursor: pointer;  border-radius: 20%;  background-color: #666;  pointer-events: auto;}
form#UserControls1 .priceFilterContainer input[type='range']#rangeSlide1::-webkit-slider-thumb{ border-top-left-radius: 50%;  border-bottom-left-radius: 50%;}
form#UserControls1 .priceFilterContainer input[type='range']#rangeSlide1::-moz-range-thumb{ border-top-left-radius: 50%;  border-bottom-left-radius: 50%;}
form#UserControls1 .priceFilterContainer input[type='range']#rangeSlide1::-ms-thumb{ border-top-left-radius: 50%;  border-bottom-left-radius: 50%;}
form#UserControls1 .priceFilterContainer input[type='range']#rangeSlide2::-webkit-slider-thumb{ border-top-right-radius: 50%;  border-bottom-right-radius: 50%;}
form#UserControls1 .priceFilterContainer input[type='range']#rangeSlide2::-moz-range-thumb{ border-top-right-radius: 50%;  border-bottom-right-radius: 50%;}
form#UserControls1 .priceFilterContainer input[type='range']#rangeSlide2::-ms-thumb{ border-top-right-radius: 50%;  border-bottom-right-radius: 50%;}
form#UserControls1 .priceFilterContainer input[type='range']:active::-webkit-slider-thumb{ background-color: #fff;  border: 1px solid #666;}


div.filtersNoMatch{margin:20px 10px;padding:20px;text-align:center;background-color:#FEE;color:#900;border:1px solid #900;border-radius:10px;}

div.relatedProduct{width:25%;text-align:center;float:left;margin:0;padding:0;}
div.relatedProductLiner{margin:0 10px 10px 10px;border:1px solid #EEE;}
div.relatedProduct img{width:100%;}
div#productUpgradesDetailPanel{background-color: #F9F9F9;border: 2px outset #EDEDEE;margin: 10px 0;padding: 10px;}
div.productUpgradeOption{background-color: #FFFFFF;border: 1px outset #EDEDEE;margin: 0 5px 5px 5px ;padding: 5px;}
div.productUpgradeOptionImage{background-color: #FFFFFF;border: 0;margin: 0;padding: 0;float: right;width:25%;}
div.productUpgradeOptionImage img{width:100%;}


nav#categoryMenuPanel{}
nav#categoryMenuPanel div.categoryGroupWrapper{}
nav#categoryMenuPanel h5.categoryHeader{background-color:#EEE;padding:0;margin:0;color:#000;font-weight:bold;font-size:100%;text-align:left;}
nav#categoryMenuPanel h5.categoryHeader a{background-color:#EEE;color:#000;text-decoration:none;display:block;padding:5px 10px;}
nav#categoryMenuPanel h5.categoryHeader a:hover{background-color:#CCC;color:#000;}
nav#categoryMenuPanel h5.categoryHeader a.categoryHeaderActive{background-color:#999;color:#000;}
nav#categoryMenuPanel div.categoryGroupLiner{}
nav#categoryMenuPanel div.categoryGroupContent{}
nav#categoryMenuPanel a.subcategoryHeader{font-size:100%;font-weight:normal;color:#000;background-color:#EFEFEF;margin:0;padding:5px 10px;display:block;text-decoration:none;}
nav#categoryMenuPanel a.subcategoryHeader:hover{background-color:#CCC;color:#000;}
div.productError{background-color:#C00;color:#FFF;font-weight:bold;text-align:center;margin:10px;padding:10px;border:5px outset #C00;}

div#puCont{position:fixed;width:100%;height:100%;top:0;left:0;z-index:9999;background-color:rgba(0,0,0,0.75);}
div#pu{width:100%;max-width: 600px;margin:10% auto 0 auto;z-index:99999;border:5px solid #090;border-radius:5px;padding:0;background-color:#FFF;}
div#puLiner{margin:20px;}
div#puClose{width:20px;height:20px;line-height:20px;font-weight:bold;float:right;margin:-15px -15px 0 0;border:5px solid #090;border-radius:20px;padding:0;background-color:#090;text-align:center;cursor:pointer;color:#FFF;}
div#pu input#slas{background-color:#090;border-radius:5px;color:#FFF;}

.stockLevelY,
.stockLevelO,
.stockLevelN{font-weight: bold;font-size: 100%;}
.stockLevelY.label,
.stockLevelO.label,
.stockLevelN.label{font-weight: normal;font-size: 80%;}
.stockLevelY.label{color:#090;}
.stockLevelO.label{color:#F60;}
.stockLevelN.label{color:#C00;}


div.inStockAlert{background-color:#090;color:#FFF;}
div.inStockAlertLiner{margin: 5px 10px;}
div.inWarehouseAlert{background-color:#F60;color:#FFF;}
div.inWarehouseAlertLiner{margin: 5px 10px;}

article#productPage{}
div.productHeader{}
div.productSplits{}
div.productSplitsWrapper{}
div.productRight{}
div.productRightWrapper{}
div.productLeft{}
div.productLeftWrapper{}
div.productRightR{}
div.productRightRWrapper{}
div.productLeftR{}
div.productLeftRWrapper{}
div.productWide{}
div.productWideWrapper{}
div.productPricingComments{}
div#productImages{}
div#productImages img{width:100%;display:block;}
div#productImages div#mainDisplayImage{}
div#productImages div#mainDisplayImageWrapper{}
div#productImages div.sImg{width:25%;float:left;}
div#productImages div.sImgWrapper{}

div#productListings article.productListingC1{}
div#productListings article.productListingC2{width: 50%;float: left;}
div#productListings article.productListingC3{width: 33.33%;float: left;}
div#productListings article.productListingC4{width: 25%;float: left;}
div#productListings article.productListingC4.noFix.noFloat{width: auto;float: none;}
div#productListings article.productListingC5{width: 20%;float: left;}
div#productListings article.productListingC2:nth-child(2n+3){clear:left;}
div#productListings article.productListingC3:nth-child(3n+4){clear:left;}
div#productListings article.productListingC4:nth-child(4n+5){clear:left;}
div#productListings article.productListingC5:nth-child(5n+6){clear:left;}

article.productListingC1{}
article.productListingC2{width: 50%;float: left;}
article.productListingC3{width: 33.33%;float: left;}
article.productListingC4{width: 25%;float: left;}
article.productListingC4.noFix.noFloat{width: auto;float: none;}
article.productListingC5{width: 20%;float: left;}

div#productUpgradesPanel{border:2px outset #EEE;background-color:#F9F9F9;margin:10px 0;padding:0 10px;}
div#productUpgradesPanel h2{}
div.productUpgradePanel{}
div.productUpgradePanel h3{}
div#productUpgradesPanel input[type="radio"]{background-color: transparent;}
div#productUpgradesPanel select{width: 90%;background: #FFFFFF none repeat scroll 0 0;}
div#productUpgradesPanel select option{background-color: transparent;}


div.brandA2Z{margin:20px 0;}
div.childBrandRecord{margin:20px 0;}
div.childBrandA2Z{margin:20px 0;}



@media only screen and (max-width :767px){

form#UserControls1{margin:10px 5px;}
form#UserControls1 .arrowUp,
form#UserControls1 .arrowDown{margin:0 0 0 5px;}
div.relatedProduct{width:50%;}
div.relatedProductLiner{margin:0 5px 10px 5px;}
article.crossSellProduct{width: 50%;}
article.crossSellProduct.pc3{clear:left;}
article.crossSellProduct div.crossSellProductWrapper{margin: 0 5px 10px 5px;}
div#productSelections th, 
div#productSelections td{padding:1px;}

form#Search_Form_Full{width: auto; margin: 20px 0;}

div#productListings article.productListingC3{width: 50%;}
div#productListings article.productListingC4{width: 50%;}
div#productListings article.productListingC5{width: 50%;}
div#productListings article.productListingC3:nth-child(3n+4){clear:none;}
div#productListings article.productListingC4:nth-child(4n+5){clear:none;}
div#productListings article.productListingC5:nth-child(5n+6){clear:none;}
div#productListings article.productListingC3:nth-child(2n+3){clear:left;}
div#productListings article.productListingC4:nth-child(2n+3){clear:left;}
div#productListings article.productListingC5:nth-child(2n+3){clear:left;}


article.productListingC2{width: 100%;float:none;}
article.productListingC3{width: 50%;float:left;}
article.productListingC4{width: 50%;float:left;}
article.productListingC5{width: 50%;float:left;}

section.productHighlights div.highlightContainer{width: 50%;}
section.productHighlights div.highlightContainer:nth-child(2n+1){clear:left;}

}