﻿
.js div#preloader {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 999;
    width: 100%;
    height: 100%;
    overflow: visible;
    background: #fff url('/images/Preloader_2.gif') no-repeat center center;
    opacity: 0.5;
}

#sortable {
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 100%;
}

    #sortable li {
        margin: 0 3px 3px 3px;
        padding: 15px;
        padding-left: 35px;
        font-size: 13px;
        height: 40px;
    }

        #sortable li span {
            position: absolute;
            margin-left: -25px;
        }

.no-js #loader {
    display: none;
}

.js #loader {
    display: block;
    position: absolute;
    left: 100px;
    top: 0;
}


.MountCell {
    margin-top: 20px;
}


/*Quick Result*/

.reveal-modal.xtrasml {
    padding: 1.2rem;
    top: 6.25rem;
    margin-left: -5%;
    width: 10%;
    text-align: center;
}


.goback {
    margin-top: -10px
}


.entry {
    margin-top: 15px !important;
}

.entryback {
    background-color: inherit !important;
    border: none !important;
}

.entrydl {
    background-color: inherit !important;
}

.AddDeleteButton {
    vertical-align: middle;
    padding-left: 10px;
    padding-bottom: 5px;
    /*width: 25px;*/
}

.AddDeleteLink {
    text-decoration: none;
    color: #333;
    font-size: 1.1em;
}




/*forms update progress*/
.modalBackground {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 999;
    width: 100%;
    height: 100%;
    overflow: visible;
    background-color: #fff;
    filter: alpha(opacity=40);
    opacity: 0.40;
}


.fullWidth {
	width: 80%;
	margin-left: auto;
	margin-right: auto;
	max-width: initial;
}


.updateProgress {
    /*border-width: 1px;*/
    /*border-style: solid;*/
    /*background-color: #FFFFFF;*/
}

.no-js #loader {
    display: none;
}

.js #loader {
    display: block;
    position: absolute;
    left: 100px;
    top: 0;
}

.se-pre-con {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: url('images/preloader_2.gif') center no-repeat #fff;
}

/*TABS===============================================*/

.content.panel {
    background-color: #fff;
}




/*.fancy-green .ajax__tab_header
{
    cursor:pointer;
    position:relative;
    top:2px;
   color:#333;
}*/
/*.fancy-red .ajax__tab_header
{
    cursor:pointer;
    position:relative;
    top:2px;
   color:#333;
}*/
.fancy .ajax__tab_header {
    font-size: 13px;
    font-weight: bold;
    background-color: #ffffff;
    outline: 1px solid #cccccc;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
    padding-bottom: .6rem;
    padding-top: 0;
    /*color: yellow;*/
}

.fancy-green .ajax__tab_header a {
    color: #333;
}

.fancy-red .ajax__tab_header a {
    color: red;
}

.fancy .ajax__tab_active .ajax__tab_outer, .fancy .ajax__tab_header .ajax__tab_outer, .fancy .ajax__tab_hover .ajax__tab_outer {
    height: 26px;
}

.fancy .ajax__tab_active .ajax__tab_inner, .fancy .ajax__tab_header .ajax__tab_inner, .fancy .ajax__tab_hover .ajax__tab_inner {
    height: 26px;
    margin-left: 16px; /*offset the width of the left image */
}

.fancy .ajax__tab_active .ajax__tab_tab, .fancy .ajax__tab_hover .ajax__tab_tab, .fancy .ajax__tab_header .ajax__tab_tab {
    margin: 16px 16px 0 0;
}

.fancy .ajax__tab_hover .ajax__tab_tab, .fancy .ajax__tab_active .ajax__tab_tab {
    color: #008cba;
}

.fancy .ajax__tab_body {
    font-size: 12px;
    border-top: 0;
    padding: 8px;
    min-height: 100px;
}


/*Admin Tabs*/
/*.ModGrey .ajax__tab_header:after {
    clear: both;
}

.ModGrey .ajax__tab_header:before, .ModGrey .ajax__tab_header:after {
    content: "";
    display: table;
}*/



.ModGrey .ajax__tab_header {
    font-size: 14px;
    font-weight: 400;
    background-color: #ffffff;
    outline: 1px solid #cccccc;
    height: 50px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
    /*padding-bottom: .2rem;*/
    padding-top: 0;
}


    .ModGrey .ajax__tab_active .ajax__tab_outer, .ModGrey .ajax__tab_header .ajax__tab_outer, .ModGrey .ajax__tab_hover .ajax__tab_outer {
        height: 26px;
    }

    .ModGrey .ajax__tab_active .ajax__tab_inner, .ModGrey .ajax__tab_header .ajax__tab_inner, .ModGrey .ajax__tab_hover .ajax__tab_inner {
        height: 26px;
        margin-left: 16px; /*offset the width of the left image */
    }

    .ModGrey .ajax__tab_active .ajax__tab_tab, .ModGrey .ajax__tab_hover .ajax__tab_tab, .ModGrey .ajax__tab_header .ajax__tab_tab {
        margin: 16px 16px 0 0;
    }

.ModGrey .ajax__tab_hover .ajax__tab_tab, .ModGrey .ajax__tab_active .ajax__tab_tab {
    color: #008cba;
}

.ModGrey .ajax__tab_body {
    font-size: 14px;
    border-top: 0;
    padding: 8px;
    min-height: 100px;
    border-color: #ffffff;
}

/*GENERAL =======================================================*/

html,
body {
    margin: 0;
    padding: 0;
    height: 100%;
}

#container {
    min-height: 100%;
    position: relative;
}

#header {
    padding: 10px;
}

#body {
    /*padding: 10px;*/
    /*padding-bottom: 60px; /* Height of the footer */*/
}

#footer {
    /*position: fixed;
    bottom: 0;*/
    width: 100%;
    min-height: 60px; /* Height of the footer */
    background: linear-gradient(#000, #555);
}

.InlineImage {
    width: 100%;
    margin-bottom: 15px
}

.btnArc {
    width: 100%
}

.buttonHoverPointer {
    cursor:pointer;
}
.buttonHoverNoPointer {
    cursor:default !important;
}
/*HOMEPAGE ======================================================*/

.BlueBox {
    font-family: 'Roboto', sans-serif;
    font-size: 25px;
    background: #003399;
    color: #fff;
    text-align: center;
    padding: 20px;
    line-height: 120%;
    font-weight: 600;
}

.myBack {
    background: #003399;
}

.MyHeader3 {
    font-size: 1.125rem;
    font-family: 'Roboto', sans-serif;
}



/*Login Control======================================================*/


.LoginButton {
    background: #003399;
    padding: 0.6rem 1rem 0.6rem 1rem ;
    border: 1px solid #000000;
    color: #fff;
    font-size: 12px;
    /*margin-top:4px;*/
}

@media (max-width: 680px) {
	#login {
		display:none;
	}
}

	/*Categories=======================================================*/
	.CartBtn {
		margin-left: 5px
	}

	.MiniCartImage {
		margin-right: 5px
	}

	.CategorySection {
		width: 100%;
		height: auto;
		margin: 0 auto;
		text-align: center;
	}

	.CatIm {
		margin: 30px 50px 0 50px
	}

	.Catlbl {
		overflow-wrap: break-word;
		word-wrap: break-word
	}

	.SearchBox {
		height: 15px
	}

	.SubCatLink {
		font-size: 12px;
		margin: 0 20px 0 20px;
		color: #000000;
		font-weight: bold
	}


.repeater-paging {
	display: inline;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	margin: 5px 5px 5px 5px;
	padding: 3px 7px;
	background-color: #004C66;
	color: #FFFFFF;
}

	.repeater-paging.selected {
		background-color: #A1DCF2;
		color: #000;
		border: 1px solid #3AC0F2;
	}


	/*Admin==============================================================*/
	.MainGrid {
		padding: 5px;
	}

	.margin-top-neg-5 {
		margin-top: -5px !important;
	}

	.margin-top-0 {
		margin-top: 0px !important;
	}

	.margin-top-2 {
		margin-top: 2px !important;
	}
	.margin-top-5 {
		margin-top: 5px !important;
	}

	.margin-top-10 {
		margin-top: 10px !important;
	}

	.margin-left-0 {
		margin-left: 0px !important;
	}

	.margin-left-5 {
		margin-left: 5px !important;
	}

	.margin-left-6 {
		margin-left: 6px !important;
	}

	.margin-left-10 {
		margin-left: 10px !important;
	}

	.margin-right-0 {
		margin-right: 0px !important;
	}

	.margin-right-5 {
		margin-right: 5px !important;
	}

	.margin-right-6 {
		margin-right: 6px !important;
	}

	.margin-right-10 {
		margin-right: 10px !important;
	}

	.margin-bottom-0 {
		margin-bottom: 0px !important;
	}

	.margin-bottom-5 {
		margin-bottom: 5px !important;
	}

	.margin-bottom-10 {
		margin-bottom: 10px !important;
	}


	.pdl0 {
		padding-left: 0px;
	}

	.pdl5 {
		padding-left: 5px;
	}

	.pdl10 {
		padding-left: 10px;
	}

	.pdl30 {
		padding-left: 30px;
	}

	.pdt5 {
		padding-top: 5px;
	}

	.pdt10 {
		padding-top: 10px
	}

	.pdt15 {
		padding-top: 15px;
	}

	.pdt20 {
		padding-top: 20px
	}

	.pdb5 {
		padding-bottom: 5px
	}

	.pdb10 {
		padding-bottom: 10px
	}

	.pdb20 {
		padding-bottom: 20px
	}

	.pdr0 {
		padding-right: 0px;
	}

	.pdr5 {
		padding-right: 5px
	}

	.pdr10 {
		padding-right: 10px
	}

	.pdc {
		padding-top: 15px
	}

	.pdlr5 {
		padding-left: 5px;
		padding-right: 5px;
	}

	.ReorderList1 li {
		list-style: none;
	}

	.DragHandleClass {
		width: 12px;
		height: 12px;
		background-image: url('images/bullet.png');
		cursor: hand;
	}

	.DragHandleFont {
		font-family: arial;
		font-size: 14px;
		padding-left: 5px;
	}

	/*Product Mager ===================================================*/
	.FilterAreaBackground {
		background-color: gainsboro;
		border-color: none
	}

	.PIM-Nav-Bar-Title {
		font-size: larger;
		color: darkslategray;
		padding-right: 10px;
		margin-right: 10px;
	}

	.PIM-Nav-Bar-Item {
		font-size: larger;
	}

		.PIM-Nav-Bar-Item.Active {
			color: white;
			background-color: #008cba;
			height: 25px;
			padding: 5px 10px 5px 10px;
			margin: 5px 10px 5px 0px;
			border-radius: 3px;
		}

		.PIM-Nav-Bar-Item.Inactive {
			color: darkslategray;
			height: 25px;
			padding: 5px 10px 5px 10px;
			margin: 5px 10px 5px 0px;
		}



	/*.PIM-Nav-Bar-Item-Active {
    color: white;
    background-color: #008cba;
    height: 25px;
    padding: 5px 10px 5px 10px;
    margin: 5px 10px 5px 0px;
    border-radius: 3px;
}

.PIM-Nav-Bar-Item-Inactive {
    color: darkslategray;
    height: 25px;
    padding: 5px 10px 5px 10px;
    margin: 5px 10px 5px 0px;
}*/


	/*Parts============================================================*/
	.RowMarginBottom10 {
		margin-bottom: 30px;
		padding-bottom: 30px
	}

	.RowItem10 {
		margin-top: 10px
	}

	.gridview th {
		margin-bottom: 20px
	}

	.gridview td {
		padding: 20px 0 5px 0
	}

	.TableInput {
		height: 20px
	}



	/*Categories========================================================*/
	.CategoryHeader {
		font-size: 1rem;
		font-weight: 200;
		font-family: 'Roboto', sans-serif;
		margin-left: 40px;
	}




	.SearchButton {
		cursor: pointer;
		font-family: 'Roboto', sans-serif;
		font-weight: normal;
		line-height: normal;
		margin: 0 0 1.25rem;
		position: relative;
		text-decoration: none;
		text-align: center;
		display: inline-block;
		/*padding-top: 1rem;
  padding-right: 2rem;
  padding-bottom: 1.0625rem;
  padding-left: 2rem;*/
		font-size: 1rem;
		/*     @else                            { font-size: $padding - rem-calc(2); } */
		background-color: #008cba;
		border-color: #0079a1;
		color: white;
		-webkit-transition: background-color 300ms ease-out;
		-moz-transition: background-color 300ms ease-out;
		transition: background-color 300ms ease-out;
		/*padding-top: 1.0625rem;
  padding-bottom: 1rem;*/
		-webkit-appearance: none;
		border: none;
		font-weight: normal !important;
		height: 30px;
	}

	.cbRem {
		font-size: 10px;
	}


	/*ProductEdit*/
	.TabWindow {
		padding-bottom: 20px;
	}

	/*Distribution Groups*/




	/*Check Out Page*/
	.cb {
		/*margin-top: 10px;
    margin-bottom: 10px*/
	}

		.cb input {
			top: 0 !important;
		}

		.cb label {
			color: #ffffff !important;
		}


	/*Legend for Product Manager*/
	.label.saved {
		background-color: #BFFFFF;
		color: #333333;
		width: 200px;
		text-align: center;
		padding: 3px 0 3px 0;
	}

	.label.updated {
		background-color: #FF9999;
		color: #333333;
		width: 200px;
		text-align: center;
		padding: 3px 0 3px 0;
	}

	.cText {
		padding-top: 10px;
	}

	.imgInline {
		margin: 0 10px 5px 0;
	}

	.imgInline2 {
		margin: 5px 5px 5px 0;
	}

	.optionstabs .redtab-title {
		float: left;
		list-style: none;
		margin-bottom: 0 !important;
		position: relative;
	}

		.optionstabs .redtab-title > a {
			display: block;
			background-color: #ffffff;
			color: #ea2f10;
			font-family: 'Roboto', sans-serif;
			font-size: 0.7rem;
			padding: 0.5rem 1rem;
		}

	.dlQty {
		border-color: #ea2f10 !important;
		right: 0 !important;
		left: auto !important;
		direction: rtl;
		padding-right: 1rem;
		font-size: 11px;
	}


	.reveal-location-modal {
		visibility: hidden;
		display: none;
		position: absolute;
		left: 50%;
		z-index: 99;
		height: auto;
		margin-left: -25%;
		width: 50%;
		background-color: white;
		/*padding: 1.25rem;*/
		border: solid 1px #666666;
		-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
		box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
		top: 50px;
	}

		.reveal-location-modal .column,
		.reveal-location-modal .columns {
			min-width: 0;
		}

		.reveal-location-modal > :first-child {
			margin-top: 0;
		}

		.reveal-location-modal > :last-child {
			margin-bottom: 0;
		}

		.reveal-location-modal .close-reveal-modal {
			font-size: 1.375rem;
			line-height: 1;
			position: absolute;
			top: 0.5rem;
			right: 0.6875rem;
			color: #aaaaaa;
			font-weight: bold;
			cursor: pointer;
		}

		.reveal-location-modal.small {
			margin-left: -20%;
			width: 40%;
		}

		.reveal-location-modal.medium {
			margin-left: -30%;
			width: 60%;
		}

		.reveal-location-modal.large {
			margin-left: -35%;
			width: 70%;
		}

		.reveal-location-modal.xlarge {
			margin-left: -47.5%;
			width: 95%;
		}

		.reveal-location-modal.full {
			left: 0;
			margin: 0 auto;
			max-width: 62.5rem;
			right: 0;
			width: 100%;
		}

	@media (min-width: 680px) {
		.masonry { /* Masonry container */
			-webkit-column-count: 3; /* Chrome, Safari, Opera */
			-moz-column-count: 3;
			column-count: 3;
			column-gap: 1em;
		}

		.masonry-item { /* Masonry bricks or child elements */
			background-color: #fff;
			/*display: inline-block;*/
			margin: 0 0 1em;
			width: 100%;
		}
	}


	@media (max-width: 680px) {
		masonry {
			-webkit-column-count: 1; /* Chrome, Safari, Opera */
			-moz-column-count: 1;
			column-count: 1;
			/*column-gap: 1em;*/
		}

		.masonry-item { /* Masonry bricks or child elements */
			background-color: #fff;
			/*display: inline-block;*/
			margin: 0 0 1em;
			width: 100%;
		}
	}

	.mydefaultBack {
		background-color: inherit;
	}

	.catalogIm {
		height: 150px;
		width: auto;
	}

	.catalogContainer {
		/*padding: 1.25rem;*/
		/*margin-bottom: 1.25rem;*/
	}

	.catalogPanel {
		/*border-style: solid;
    border-width: 1px;
    border-color: #d9d9d9;*/
		/**/
		/*margin: 1rem;*/
		/*padding: 1.25rem;*/
		background: #fff;
		/*height: 400px;*/
	}

	@media only screen and (max-width: 600px) {
		.catalogPanel {
			height: auto;
		}
		
	}

@media only screen and (max-width: 1028px) {
.catalogHorizontalRules {
			display:none;
		}
}




	button.mysmall, .button.mysmall {
		padding-top: 0.4rem;
		padding-right: 0.7rem;
		padding-bottom: 0.6rem;
		padding-left: 0.7rem;
		font-size: 0.8125rem;
	}

	button.myalert, .button.myalert {
		background-color: #D90000;
		border-color: #ea2f10;
		color: white;
	}

	button.alert:hover, button.alert:focus, .button.alert:hover, .button.alert:focus {
		background-color: #ea2f10;
	}

	button.alert:hover, button.alert:focus, .button.alert:hover, .button.alert:focus {
		color: white;
	}

	.mycolumn {
		float: left;
		/*padding: 15px;*/
	}

	.myclearfix::after {
		content: "";
		clear: both;
		display: table;
	}

	.mymenu {
		width: 25%;
		/*padding: 15px;*/
	}

	@media only screen and (max-width: 600px) {
		.mymenu {
			width: 100%;
			padding: 15px;
		}
	}

	.mycontent {
		width: 75%;
	}

	@media only screen and (max-width: 1024px) {
		.mycontent {
			width: 100%;
		}
	}

	@media only screen and (max-width: 1024px) {
		.mymenu {
			width: 100%;
		}
	}

	@media only screen and (max-width: 600px) {
		.mycontent {
			width: 100%;
		}
	}

	.clear {
		background-color: inherit !important;
		color: #ffffff !important;
		border: none !important;
	}

	.White {
		color: rgba(255, 255, 255, 1) !important;
	}

	/* ============ New Ajax Accordion Styling ============= */

	#SideNavAccordion {
		background-color: #29333B;
		font-size: 12px;
		font-family: Arial, Sans-Serif;
	}

		#SideNavAccordion .accordion {
			width: 100%;
		}

		#SideNavAccordion .acordionHeader {
			width: 100%;
			border-bottom: solid 1px #cccccc !important;
			color: #ffffff;
			background-color: #29333B;
			padding: 10px;
			/*margin-top: 15px;*/
			cursor: pointer;
			/*height: 40px;*/
		}

		#SideNavAccordion .acordionHeaderSelected {
			width: 100%;
			border-bottom: solid 1px #cccccc;
			color: #ffffff;
			font-weight: 700;
			/*background-color: #f0f0e1;*/
			padding: 10px;
			padding-left: 15px;
			cursor: pointer;
		}

		#SideNavAccordion .acordionContent {
			width: 100%;
			background-color: #29333B;
			border-bottom: solid 1px #cccccc;
			color: #ffffff;
			border: none;
		}

			#SideNavAccordion .acordionContent .acordionContent {
				width: 100%;
				background-color: #29333B;
				border-bottom: solid 1px #cccccc;
				padding: 10px;
				color: #ffffff;
				/*padding-left: 35px;*/
			}

				#SideNavAccordion .acordionContent .acordionContent a {
					color: #ffffff;
				}

			#SideNavAccordion .acordionContent .acordionHeader {
				background-color: #29333B;
				border-bottom: solid 1px #cccccc;
				padding: 10px;
				padding-left: 30px;
			}

				#SideNavAccordion .acordionContent .acordionHeader a {
					color: #ffffff;
				}

			#SideNavAccordion .acordionContent .acordionHeaderSelected {
				background-color: #29333B;
				border-bottom: solid 1px #cccccc;
				color: #ffffff;
				padding: 10px;
				padding-left: 30px;
			}

				#SideNavAccordion .acordionContent .acordionHeaderSelected a {
					color: #ffffff;
				}




	/*
Custom checkbox slider option
*/
	.switcher {
		position: relative;
		display: inline-block;
		width: 48px;
		height: 27px;
	}

		/* Hide default HTML checkbox */
		.switcher input {
			display: none;
		}

	/* The slider */
	.slider {
		position: absolute;
		cursor: pointer;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		background-color: #ccc;
		-webkit-transition: .4s;
		transition: .4s;
	}

		.slider:before {
			position: absolute;
			content: "";
			height: 20px;
			width: 20px;
			left: 4px;
			bottom: 4px;
			background-color: white;
			-webkit-transition: .4s;
			transition: .4s;
		}

	input:checked + .slider {
		background-color: #2196F3;
	}

	input:focus + .slider {
		box-shadow: 0 0 1px #2196F3;
	}

	input:checked + .slider:before {
		-webkit-transform: translateX(20px);
		-ms-transform: translateX(20px);
		transform: translateX(20px);
	}

	.NoColor {
		background-color: inherit;
	}

	/*Dealer Order History*/
	.mainbar {
		background-color: #29333B;
		padding: 20px;
	}

		.mainbar label {
			color: #eeeeee !important;
		}

		.mainbar a {
			color: #FFD24D;
		}


	.cbQuote {
	}

		.cbQuote input {
			height: 10px;
		}

		.cbQuote label {
			font-size: 11px;
			margin-left: 0.15rem !important;
			font-weight: 700;
		}

	.quotePanel {
		border-style: solid;
		border-width: 1px;
		border-color: #d9d9d9;
		margin-bottom: 1.25rem;
		padding: 0.25rem;
		margin-left: 0.5rem;
		/*background: #555;*/
		/*color:#fff;*/
	}

	select .option {
		color: red;
	}

	.sidegrid {
		background-color: inherit;
	}

	/* === REVOLVING BANNERS =======================================*/
	.orbit-container {
		min-height: unset;
	}

	.clean-hero-slider .orbit-caption {
		height: auto;
		/*background: #0a0a0a;*/
		position: absolute;
		text-align: center;
		padding: 0.2rem 2rem;
	}

	.SlideTextLeft {
		right: 0;
		left: 50px;
		width: 600px !important;
	}

	.SlideTextRight {
		right: 0;
		left: 60%;
		width: 600px !important;
	}

	.SlideTextCenter {
		right: 0;
		left: 45%;
		width: 600px !important;
	}

	@media print, screen and (min-width: 40em) {
		.clean-hero-slider .orbit-caption {
			position: absolute;
			top: 50%;
			-webkit-transform: translateY(-50%);
			-ms-transform: translateY(-50%);
			transform: translateY(-50%);
			/*background: rgba(0, 0, 0, 0.6);*/
			text-align: left;
			width: 70%;
			right: 0;
			padding: 1rem 2rem;
			margin-left: 10px;
		}
	}

	@media screen and (min-width: 75em) {
		.clean-hero-slider .orbit-caption {
			padding-left: 3%;
			padding-right: 10%;
		}
	}

	@media screen and (min-width: 90em) {
		.clean-hero-slider .orbit-caption {
			padding-right: 20%;
		}
	}

	.clean-hero-slider .orbit-caption p {
		font-size: 0.9rem;
		line-height: 1.25;
	}

	@media print, screen and (min-width: 40em) {
		.clean-hero-slider .orbit-caption p {
			font-size: 1.1rem;
		}
	}

	.clean-hero-slider .orbit-caption h3 {
		font-family: 'Anton', sans-serif !important;
		font-size: 2rem;
		font-weight: normal;
		margin-bottom: 0;
	}

	.white {
		color: #ffffff;
		margin-bottom: 0.6rem !important;
	}

	.black {
		color: #29333B;
		margin-bottom: 0.6rem !important;
	}

	@media print, screen and (min-width: 40em) {
		.clean-hero-slider .orbit-caption h3 {
			font-size: 2.5rem !important;
			font-weight: normal !important;
			font-family: 'Anton', sans-serif !important;
		}
	}

	.clean-hero-slider .orbit-slide {
		padding-bottom: 30%;
		/* THIS MOVES TEXT UP & DOWN ON THE SLIDER */
		background: #aaaaaa;
		/* THIS SET BACKGROUN UNDER THE MOBILE SLIDER */
	}

	@media print, screen and (min-width: 40em) {
		.clean-hero-slider .orbit-slide {
			padding-bottom: 0;
		}
	}

	/*.clean-hero-slider .orbit-controls button {
    background: #ff8000 !important;
    padding: 1rem 0.5rem;
}

    .clean-hero-slider .orbit-controls button:hover {
        background: #fefefe !important;
        color: #0a0a0a;
    }

@media print, screen and (min-width: 40em) {
    .clean-hero-slider .orbit-controls .orbit-previous {
        left: auto;
        left: 0.5rem;
    }
}*/




	/*Manufacturers*/

	.mfgLogo {
		height: 75px;
	}


	.noclear {
		opacity: 1;
	}



	.rbSearch {
		margin-top: -7px;
	}


	.full-width {
		max-width: none !important;
	}

	.row-override {
		width: auto !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
		max-width: none !important;
		*zoom: normal !important;
	}

	.rbSearch label {
		font-size: 10px !important;
		color: #ffffff !important;
		display: inline;
	}

	.rbSearch input[type="radio"] {
		/*border: 0px;*/
		/*width:100%;*/
		height: 0.7em;
	}



	/*Category Cards*/
	#categoryCards li {
		font-size: 1em;
		padding: 2px;
	}

		#categoryCards li h4:hover {
			color: steelblue;
			text-decoration: underline;
		}

		#categoryCards li a:hover {
			color: black;
			text-decoration: underline;
		}

	#categoryCards:hover {
		cursor: pointer;
	}

	#categoryCards ul {
	}

	/*Category Card Pricing Table (equalizing card heights)*/

	.ulCategoryPricingTable {
		/*height: 218px !important;*/
		/*margin-bottom: 10px;*/
	}


	/* BreadCrumbs */
	.SiteBreadcrumb {
		color: #2b91d4;
		font-size: 12px;
	}


	.SiteBreadcrumbDisabled {
		color: #707070;
		font-size: 12px;
	}



	.SiteBreadcrumbLast {
		color: #0a0a0a;
		font-size: 12px;
	}

		.SiteBreadcrumbLast:hover {
			color: #0a0a0a;
		}



	.SiteBreadcrumbSeparator {
		color: #707070;
		font-size: 16px;
		padding-left: 10px;
		padding-right: 8px;
	}

	/*SideNav Styles*/

	#gvSideNav a {
		color: white;
	}

	/* Category Cards */

	.pricing-table .title {
	}

		.pricing-table .title li {
			overflow: hidden;
			text-overflow: ellipsis;
			display: -webkit-box;
			-webkit-box-orient: vertical;
			-webkit-line-clamp: 2; /* number of lines to show */
			line-height: 16px; /* fallback */
			min-height: 36px; /* fallback */
			padding-top: 2px;
			padding-bottom: 2px;
			margin-top: auto;
			margin-bottom: auto;
		}

	/*Cookie Consent Message Begin*/
	#cookieConsent {
		background-color: lightgrey;
		padding-top: 20px;
		padding-bottom: 10px;
		min-height: 80px;
		color: black;
		position: fixed;
		bottom: 0;
		left: 0;
		right: 0;
		display: none;
		z-index: 9999;
	}

		#cookieConsent a:hover {
			color: orange;
			text-decoration: none;
		}
	/*Cookie Consent Message End*/


	/*Color Palette*/
	.square {
		width: 50px;
		height: 50px;
		padding: 1px;
		display: inline-block;
		margin: 5px;
	}

		.square .imgmargin {
			/*margin:4px;*/
			width: 46px !important;
			height: 46px !important;
			margin-top: 1px;
		}

		/*.square.selected {
			border: 1px solid #aaaaaa !important;
		}*/

		.square.selected {
			outline: 3px solid #808080 !important;
		}

		.square:hover {
			cursor: pointer;
		}

	.prodImage {
		border: 1px solid #E7DFC6 !important;
        cursor:pointer;
	}

	.txtSquare {
		width: 50px !important;
	}


	.browseBySelected {
		box-shadow: inset 0px 0px 15px #c1c1c1;
	}

	.browseByButtons {
		background-color: #43525E;
	}

		.browseByButtons:hover {
			/*background-color: #b9b9b9;*/
			background-color: #43525E;
			box-shadow: inset 0px 0px 15px #c1c1c1;
		}

		.browseByButtons:focus {
			/*background-color: #b9b9b9;*/
			background-color: #43525E;
			box-shadow: inset 0px 0px 15px #c1c1c1;
		}



	/*REWORK VERTICAL SPACE - trimming extra space in masterpage to have more vertical real-estate*/

	@media print, screen and (min-width: 40em) {

		.top-bar {
			padding: 0;
			height: 40px;
		}

		.top-bar-section {
			height: 40px;
		}

			.top-bar-section ul {
				height: 40px !important;
			}

			.top-bar-section li a {
				line-height: 40px !important;
			}

			.top-bar-section .dropdown li a {
				padding: 0 15px !important;
			}
	}

	@media only screen and (min-width: 64.063em) {
		.mobileRow {
			display: none !important;
		}
	}

	.adjacent {
		white-space: nowrap;
		display: inline !important;
	}

	.pim-edit-textbox {
		padding-bottom: 0px !important;
		padding-top: 0px !important;
		margin-bottom: 5px !important;
		height: 1.95rem !important;
	}

		.pim-edit-textbox.short {
			width: 150px !important;
		}

		.pim-edit-textbox.medium {
			width: 350px !important;
		}

		.pim-edit-textbox.long {
			width: 600px !important;
		}


	.pim-edit-textbox-multiline {
		padding-bottom: 0px !important;
		padding-top: 0px !important;
		margin-bottom: 5px !important;
		white-space: pre-wrap;
	}

	.prefix, .postfix {
		cursor: inherit;
	}





/*Willy Cloud PIM*/
.FilterArea label {
	color: ghostwhite;
}
.FilterArea a {
	color: ghostwhite;
}
.filterButton {
	margin:5px;
}