body {
	font-family:'Open Sans', Arial, Helvetica, sans-serif;
	font-size: 10.5pt;
	color: #555;
	margin: 0px;
	padding: 0px;
	background-color:#efefef;
}

.wpthemeBannerPrimaryNavigation .wpthemeBannerInner{
	border:none;
}
.logoNavContainer {
	padding-top: 10px;
    padding-bottom: 10px;
}
.logoNavContainerInner {
	display: flex;
    justify-content: space-between;
}
/*
.wpthemeBanner .wpthemePrimaryNav li a:focus, 
.wpthemeBanner .wpthemePrimaryNav li a:hover, 
.wpthemeBanner .wpthemePrimaryNav li a:active {
	background: rgba(76, 141, 191, 0.1);
	border-left-color: rgba(255, 255, 255, 0.2);
    border-right-color: rgba(255, 255, 255, 0.2);
}

.wpthemeBanner .wpthemePrimaryNav li.wpthemeSelected a, 
.wpthemeBanner .wpthemePrimaryNav li.wpthemeSelected a:focus, 
.wpthemeBanner .wpthemePrimaryNav li.wpthemeSelected a:hover,
.wpthemeBanner .wpthemePrimaryNav li.wpthemeSelected a:active {
	background: rgba(107, 190, 255, 0.1);
	border-left-color: rgba(255, 255, 255, 0.2);
    border-right-color: rgba(255, 255, 255, 0.2);
}
*/
.wpthemeBanner .wpthemeBranding img {
	background-position:0 -448px;
}

.wpthemeControlHeader{
	border-top: 3px solid #003366;
}

.wpthemeLogo {
	margin-right:20px; 
	display: flex;
	align-items: center;
}
.wpthemeLogo .wpthemeInner {
	overflow: hidden;
}
.outerContainer {
	min-height:100%;
	overflow:hidden;
}
.outerContainer::-webkit-scrollbar {
	height: 10px;
	width: 10px;
	background: #fff;
	border-left:1px solid #999;
}
.outerContainer::-webkit-scrollbar-thumb {
	background: #ccc;
	border-left:1px solid #999;
}
.outerContainer::-webkit-scrollbar-corner {
	background: #ccc;
}

.outerContainer::-webkit-scrollbar              { /* 1 */ }
.outerContainer::-webkit-scrollbar-button       { /* 2 */ }
.outerContainer::-webkit-scrollbar-track        { /* 3 */ }
.outerContainer::-webkit-scrollbar-track-piece  { /* 4 */ }
.outerContainer::-webkit-scrollbar-thumb        { /* 5 */ }
.outerContainer::-webkit-scrollbar-corner       { /* 6 */ }
.outerContainer::-webkit-resizer                { /* 7 */ }

p::selection {
	background-color:#555555;
	color:#fff;
}
.dj_ie .outerContainer {
	height:auto;
	overflow:hidden;
}
header.headerClass {
/*	position: relative !important; */
}
.headerBanner {
	position:relative;
	background-color:#fff;
/*	overflow:hidden; */
}
.headerBanner .wpthemeInner {
	position:relative;
}
.topBorder {
	border-top: 1px solid #999;
}
.overlayContainer {
	position:relative;
}
.mobileNavButton {
	display:none;
}


.shoppingCartBar {

}

#topLevelLinksButton {
	text-align: center;
	background: rgb(0,138,191);
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwOGFiZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDc1YTMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  rgba(0,138,191,1) 0%, rgba(0,117,163,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,138,191,1)), color-stop(100%,rgba(0,117,163,1)));
	background: -webkit-linear-gradient(top,  rgba(0,138,191,1) 0%,rgba(0,117,163,1) 100%);
	background: -o-linear-gradient(top,  rgba(0,138,191,1) 0%,rgba(0,117,163,1) 100%);
	background: -ms-linear-gradient(top,  rgba(0,138,191,1) 0%,rgba(0,117,163,1) 100%);
	background: linear-gradient(to bottom,  rgba(0,138,191,1) 0%,rgba(0,117,163,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#008abf', endColorstr='#0075a3',GradientType=0 );
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #666;
}
#topLevelLinksButton button {
	background:none;
	background-color: rgba(255,255,255,.4);
	margin: 0px;
	padding: 0px;
	background-repeat: no-repeat;
	background-position: center 0px;
	width: 100px;
	height: 5px;
	border-top-width: 0px;
	border-right-width: 1px;
	border-bottom-width: 0px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: solid;
	border-top-color: #FFF;
	border-right-color: #333;
	border-bottom-color: #FFF;
	border-left-color: #333;
	cursor: pointer;
}
#topLevelLinksButton.open button .arrow {
	width: 0; 
	height: 0; 
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-bottom: 5px solid #fff;
	display: block;
	margin: auto;
}
#topLevelLinksButton.closed button .arrow {
	width: 0; 
	height: 0; 
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: 5px solid #fff;
	display: block;
	margin: auto;
}
.wpthemeCommonActions .wpthemeBranding {
	display:none;
}
.portletHeading {
	display:none;
}
.outerContainer .innerContainer {
}
/*
.outerContainer .innerContainer .wpthemeInner .leftCol {
	float: left;
	overflow: hidden;
	margin-right: 5px;
	width:208px;
}
.outerContainer .innerContainer .wpthemeInner .rightCol {
	float: right;
	overflow: hidden;
	margin-left: 5px;
}
.outerContainer .innerContainer .wpthemeInner .mainCol {
	clear:right;
	overflow:hidden;
}
.outerContainer .innerContainer .wpthemeInner .wptheme2Col .wpthemeCol .mainCol {
	clear:none;	
}

.outerContainer .innerContainer .wpthemeInner .equal .topSection {
	overflow:hidden;
}
.outerContainer .innerContainer .wpthemeInner .equal .middleSection {
	overflow:hidden;
}
.outerContainer .innerContainer .wpthemeInner .equal .bottomSection {
	overflow:hidden;
}
.outerContainer .innerContainer .wpthemeInner .wptheme2Col .equal .layoutTemplateLeftCol {
	width:50%;
	margin:0px;
	float:left;
}
.outerContainer .innerContainer .wpthemeInner .wptheme2Col .equal .layoutTemplateRightCol {
	width:50%;
	margin:0px;
	float:left;
}
.outerContainer .innerContainer .wpthemeInner .wptheme3Col .equal .layoutTemplateLeftCol {
	width:33.33333%;
	margin:0px;
	float:left;
}
.outerContainer .innerContainer .wpthemeInner .wptheme3Col .equal .layoutTemplateMiddleCol {
	width:33.33333%;
	margin:0px;
	float:left;
}
.outerContainer .innerContainer .wpthemeInner .wptheme3Col .equal .layoutTemplateRightCol {
	width:33.33333%;
	margin:0px;
	float:left;
}
.outerContainer .innerContainer .wpthemeInner .wptheme3Col .equal .topSection .layoutTemplateLeftCol .component-container {
}
.outerContainer .innerContainer .wpthemeInner .wptheme3Col .equal .topSection .layoutTemplateMiddleCol .component-container {
	margin-left:5px;
}
.outerContainer .innerContainer .wpthemeInner .wptheme3Col .equal .topSection .layoutTemplateRightCol .component-container {
	margin-left:5px;
}
*/
.appContainer .innerAppContainer {
	margin:auto;
}
.topContent {
	position: relative;
}
.right {
	text-align:right;
}
.center {
	text-align:center;
}
.justify {
	text-align:justify;
}
.wpthemeCol-1 {
	width: 100%;
	margin: 0px;
}
button {
	color: inherit;
	border: 1px solid #999;
	padding: 2px 4px 4px 4px;
	background: rgb(255,255,255);
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjclIiBzdG9wLWNvbG9yPSIjZTVlNWU1IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(229,229,229,1) 7%, rgba(255,255,255,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(7%,rgba(229,229,229,1)), color-stop(100%,rgba(255,255,255,1)));
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 7%,rgba(255,255,255,1) 100%);
	background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 7%,rgba(255,255,255,1) 100%);
	background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 7%,rgba(255,255,255,1) 100%);
	background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 7%,rgba(255,255,255,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 );
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	cursor:pointer;
}
button:hover {
	color: #000;
}
footer {
	clear:both;
	overflow:hidden;
}
.shadow {
}
.insetShadow {
	-webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.5);
	box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.5);
}

.dijitTitlePaneTitle h2 {
	font-size:inherit;
	margin:0px;
	padding:0px;
}
.wpthemeMainContent {
/*	position:relative;
	padding-top:30px; */
}
.appContainer {
	padding-top:10px;
}
.appContainer.orderingPortletView,
.appContainer.categoryListing,
.appContainer.productItemListing,
.appContainer.itemDetail,
.appContainer.manufacturerItems,
.appContainer.searchResults,
.appContainer.orderFromHistory {
	padding-top:0;
}
.appContainer .portletHeading {
	display:none;
}
.wpthemeControl {
	margin:0px;
}

.wpthemeLogo .logo {
	display:inline-block;
	vertical-align:middle;
}
.wpthemeHeader .wpthemeInner {
	width: auto;
}
.ibmPortalCustomizeShelf .wpthemeInner {
	width: auto;
}
.ibmPortalCustomizeShelf .utb-btn-container {
	margin-right:10px;
}
.ibmPortalCustomizeShelf .utb-palette .lotusTabs {
	margin-left:10px;
}
.utb-container .lotusPaletteNav {
	margin-left:5px;
}
.utb-overview {
	padding-left: 5px;
}
.utb.wpthemeOpen {
	height:20em !important;
}
.wpthemeThin {
	margin-top:5px;
}
.wpthemeThin header {
	border:none;
	height:20px;
}
.wpthemeThin header .wpthemeInner {
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2JjY2VlZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiY2NlZWYiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  rgba(188,206,239,1) 0%, rgba(188,206,239,0) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(188,206,239,1)), color-stop(100%,rgba(188,206,239,0)));
	background: -webkit-linear-gradient(top,  rgba(188,206,239,1) 0%,rgba(188,206,239,0) 100%);
	background: -o-linear-gradient(top,  rgba(188,206,239,1) 0%,rgba(188,206,239,0) 100%);
	background: -ms-linear-gradient(top,  rgba(188,206,239,1) 0%,rgba(188,206,239,0) 100%);
	background: linear-gradient(to bottom,  rgba(188,206,239,1) 0%,rgba(188,206,239,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bcceef', endColorstr='#00bcceef',GradientType=0 );
	height:20px;
	display:none;
	margin:0px;
	width:auto;
}
.wpthemeThin:hover header .wpthemeInner {
	display:block;
}
.wpthemeThin header h2 {
	display: none !important;
}
.wpthemeThin .wpthemeIcon {
	float: right;
	padding:4px !important;
}
.wpthemeThin .appContainer {
	margin-top:0px;
}
.wpthemeThin .wpthemeControlBody {
	margin: 0px 5px;
}

.menuContentContainer {
	float:left;
}
.menuContentContainer .menuContent {
	width:175px;
}
.menuContentContainer .menuContent .menuImage {
	text-align:center;
	margin:5px;
}
.menuContentContainer .menuContent .menuCopy {
	margin:5px;
}
.modelHasChildrenIcon {
	display:none;
}
.loadingOverlay {
    background:  #fff url('../images/ajax-loader.gif') no-repeat 10px 14px;
    position: absolute;
    z-index: 1001;
    display: none;
}
.pageOverlay {
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
}
.loadingMessage {
    padding: 22px 50px;
    color: #999;
}

.topNavBar {
	background: none;
	border: none;
	height: 100%;
}
.topNavBar:after {
	content: "";
	display: block;
	clear: both;
}
.wpthemeBanner.wpthemeBannerPrimaryNavigation {
	-ms-transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -o-transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    background: transparent;
    margin: 0 0 0 10px;
}
.topNavBar .modelHasChildren .modelHasChildrenIcon,
.topNavBar .modelHasChildrenIcon {
    display: none;
}

.wpthemeHeaderNav ul li a,
.wpthemeHeaderNav ul li a:active {
	font-size: 8pt;
}

.topNavBar ul {
	font-weight: bold;
	color: #FFF;
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.topNavBar ul>li {
    float: left;
    position:relative;
    
}

.topNavBar ul>li:first-child {
    background-image: none;
    padding-left: 0;
}
.topNavBar #navTabs ul.wpthemeNavList {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	height: 100%;
}
.topNavBar ul>li li {
    float: none;
}
.topNavBar ul>li a,
.topNavBar ul>li a:hover {
	font-weight: 600;
    text-decoration: none;
    line-height: 36px;
    padding-right: 10px;
    padding-left: 10px;
    display: flex;
    align-items: center;
}
.topNavBar .wpthemePrimaryNav > ul > li > a {
    height: 100%;	
}
.topNavBar .wpthemePrimaryNav > ul > li > a,
.shoppingCartInfo .shoppingCart > a,
#searchToggle {
	position: relative;
}
#searchToggle {
    display: flex;
    align-items: center;
}
.topNavBar .wpthemePrimaryNav > ul > li > a:after,
.shoppingCartInfo .shoppingCart > a:after,
#searchToggle:after {
	position: absolute;
    top: calc(100% - 5px);
    left: 10px;
    width: calc(100% - 20px);
    height: 2px;
    content: '';
    opacity: 0;
    transition: opacity .3s, transform .3s;
    transform: translateY(10px);
    background: #2F6395;
}
.shoppingCartInfo .shoppingCart > a:after {
    width: calc(100% - 10px);	
}
#searchToggle:after {
	width: 20px;
	left: 0;
}
.topNavBar .wpthemePrimaryNav > ul > li > a:hover:after,
.shoppingCartInfo .shoppingCart > a:hover:after,
#searchToggle:hover:after {
	opacity: 1;
	transform: translateY(0);
}
.topNavBar ul>li.lotusSelected > a,
.wpthemeBanner .wpthemePrimaryNav li.wpthemeSelected > a, 
.wpthemeBanner .wpthemePrimaryNav li.wpthemeSelected > a:focus, 
.wpthemeBanner .wpthemePrimaryNav li.wpthemeSelected > a:hover,
.wpthemeBanner .wpthemePrimaryNav li.wpthemeSelected > a:active {
	font-weight: 700;
}

.topNavBar ul>li li:hover > a,
.topNavBar ul>li li.openMenu > a,
.topNavBar ul>li li.lotusSelected > a,
.topNavBar ul>li li.topNavHover > a,
.wpthemeBanner .wpthemePrimaryNav li li.wpthemeSelected > a, 
.wpthemeBanner .wpthemePrimaryNav li li.wpthemeSelected > a:focus, 
.wpthemeBanner .wpthemePrimaryNav li li.wpthemeSelected > a:hover,
.wpthemeBanner .wpthemePrimaryNav li li.wpthemeSelected > a:active {
	color: #2F6395;
}
.topNavBar [class^="subMenu"] {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 0;
    background: #fff;
	-ms-transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -o-transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
	-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
	border: 1px solid #efefef;
    border-top: none;
}

.topNavBar .alignMenu_right > [class^="subMenu"] {
	left:auto;
	right:0;
}

.topNavBar .alignMenu_full {
	position:static;
}
.topNavBar .alignMenu_full > [class^="subMenu"] {
	left:0;
	right:0;
}
.topNavBar .alignMenu_full > [class^="subMenu"] li {
	display:inline-block;
}

.topNavBar [class^="subMenu"] a,
.topNavBar [class^="subMenu"] a:hover {
    background-color: #0000;
    line-height: 16px;
    white-space: nowrap;
    padding: 13px 15px;
    display: block;
    border-top: 1px solid #f3f3f3;
    font-weight: normal;
    float: none;
}
.topNavBar [class^="subMenu"] a:hover{
	padding-left: 20px;
	padding-right:10px;
	color:#2F6395;
}
.topNavBar > ul:first-child > .toplevel > a {
	border-top:none;
}
.topNavBar [class^="subMenu"] li:hover > a {
	background:rgba(255,255,255,.2);
}

.topNavBar [class^="subMenu"] ul ul {
	position: absolute;
	top: 0px;
	left: 100%;
	background: #fff;
	white-space: nowrap;
	-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
	-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
}

.smartphone .buttonBar .dijitButton,
.tablet .buttonBar .dijitButton {
    /* display: block;
    margin-bottom: 10px; */
}
/* Standard Display - Start */
.defaultNav .topNavBar [class^="subMenu"] {
	display:none;
}
.defaultNav .topNavBar li:hover > span[class^="subMenu"],
.defaultNav .topNavBar li.openMenu > span[class^="subMenu"] {
	display:block;
	z-index:11;
}
.defaultNav .topNavBar [class^="subMenu"] ul ul {
	display:none;
}
.defaultNav .topNavBar [class^="subMenu"] ul li:hover > ul {
    display: block;
}
/* Standard Display - End */

/* Fade In - Start (fadeIn) */
.fadeInNav .topNavBar [class^="subMenu"] {
	visibility:hidden;
	opacity:0;
	filter:alpha(opacity=0);
}
.fadeInNav .topNavBar li:hover > span[class^="subMenu"] {
	visibility:visible;
	opacity:1;
	filter:alpha(opacity=100);
	z-index:10;
}
.fadeInNav .topNavBar [class^="subMenu"] ul ul {
	visibility:hidden;
	opacity:0;
	filter:alpha(opacity=0);
}
.fadeInNav .topNavBar [class^="subMenu"] ul li:hover ul {
	visibility:visible;
	opacity:1;
	filter:alpha(opacity=100);
	z-index:10;
}
/* Fade In - End */

/* Wipe In - Start (wipeIn) */
.wipeInNav .topNavBar [class^="subMenu"] {
	overflow:hidden;
	max-height:0;
}

.wipeInNav .topNavBar li:hover > span[class^="subMenu"] {
	max-height:1080px;
	z-index:10;
}
.wipeInNav .topNavBar [class^="subMenu"]:hover {
	overflow:visible;
}
.wipeInNav .topNavBar [class^="subMenu"] ul ul {
	overflow:hidden;
	max-height:0;
}
.wipeInNav .topNavBar [class^="subMenu"] ul li:hover ul {
	max-height:1080px;
}
.wipeInNav .topNavBar [class^="subMenu"] ul li:hover ul:hover {
	overflow:visible;
}
/* Wipe In - End */

/* Fold Out - Start (foldOut) */
.foldOutNav .topNavBar [class^="subMenu"] {
    max-height:0;
    overflow:hidden;
    -webkit-transform:perspective(400) rotate3d(1,0,0,-90deg);
    -webkit-transform-origin:50% 0;
}
.foldOutNav .topNavBar li:hover > span[class^="subMenu"] {
    max-height:1080px;
    -webkit-transform:perspective(400) rotate3d(0,0,0,0);
    z-index:10;
}
.foldOutNav .topNavBar [class^="subMenu"]:hover {
	overflow:visible;
}
.foldOutNav .topNavBar [class^="subMenu"] ul ul {
	max-height:0;
    overflow:hidden;
    -webkit-transform:perspective(400) rotate3d(1,0,0,-90deg);
    -webkit-transform-origin:50% 0;
}
.foldOutNav .topNavBar [class^="subMenu"] ul li:hover ul {
	 max-height:1080px;
    -webkit-transform:perspective(400) rotate3d(0,0,0,0);
}
.foldOutNav .topNavBar [class^="subMenu"] ul li:hover ul:hover {
	overflow:visible;
}
/* Fold Out - End */

/* Wipe In Over - Start (wipeIn2) */
.wipeInOverNav .topNavBar [class^="subMenu"] {
	overflow:hidden;
	max-height:0;
	max-width:0;
}
.wipeInOverNav .topNavBar li:hover > span[class^="subMenu"] {
	max-height:1080px;
	max-width:1080px;
	z-index:10;
}
.wipeInOverNav .topNavBar [class^="subMenu"]:hover {
	overflow:visible;
}
.wipeInOverNav .topNavBar [class^="subMenu"] ul ul {
	overflow:hidden;
	max-height:0;
	max-width:0;
}
.wipeInOverNav .topNavBar [class^="subMenu"] ul li:hover ul {
	max-height:1080px;
	max-width:1080px;
}
.wipeInOverNav .topNavBar [class^="subMenu"] ul li:hover ul:hover {
	overflow:visible;
}
/* Wipe In Over - End */

/* Fade Fly In - Start (fadeFlyIn) */
.fadeFlyInNav .topNavBar [class^="subMenu"] {
	border: 1px solid #999;
	border-top:none;
	visibility:hidden;
	opacity:0;
	filter:alpha(opacity=0);
	left:-10px;
}
.fadeFlyInNav .topNavBar li:hover > span[class^="subMenu"] {
	visibility:visible;
	opacity:1;
	filter:alpha(opacity=100);
	z-index:11;
	left:0
}
.fadeFlyInNav .topNavBar .alignMenu_right [class^="subMenu"] {
	left:auto;
	right:-10px;
}
.fadeFlyInNav .topNavBar li.alignMenu_right:hover > span[class^="subMenu"] {
	left:auto;
	right:0;
}
.fadeFlyInNav .topNavBar .alignMenu_full [class^="subMenu"] {
	left:-10px;
	right:-10px;
}
.fadeFlyInNav .topNavBar li.alignMenu_full:hover > span[class^="subMenu"] {
	left:0;
	right:0;
}
.fadeFlyInNav .topNavBar [class^="subMenu"] ul ul {
	visibility:hidden;
	opacity:0;
	filter:alpha(opacity=0);
	left:90%;
}
.fadeFlyInNav .topNavBar [class^="subMenu"] ul li:hover ul {
	visibility:visible;
	opacity:1;
	filter:alpha(opacity=100);
	z-index:11;
	left:100%;
}
/* Fade Fly In - End */

.headerBanner .wpthemeActions {
	border-bottom:1px solid #333;
}
.headerBanner .wpthemeActions .wpthemeCommonActions {
	margin:5px 0;
}

.wpthemeBanner ul.wpthemeCommonActions>li>span,
.wpthemeBanner ul.wpthemeCommonActions li a:link,
.wpthemeBanner ul.wpthemeCommonActions li a:visited,
.wpthemeBanner ul.wpthemeCommonActions li a:active {
    color:#fff;
    margin: 0;
}


#subMenuContainer .subMenu-1.menuAlignFull {
	border-top:1px solid #999;
}
#subMenuContainer .subMenu-1.menuAlignFull > ul > .wpthemeLeft {
    float: left;
}
#subMenuContainer .subMenu-1.menuAlignFull > ul > .wpthemeLeft > a {
	border-top:none;
}


.s2k-dojo .dijitTitlePane .dijitTitlePane {
    clear: both;
}
.s2k-dojo .dijitTitlePaneTitle {
	font-size: 1.5em;
	color: #000;
	background: transparent; 
	border: none;
	border-radius: 0px;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	padding: 5px 10px 5px 0px;
	margin: 0px 0px 6px 0px;
	overflow:hidden;
	border-bottom: 1px solid #0277bc;
}
.s2k-dojo .s2kAdminFormTemplateDisplay .dijitTitlePaneTitle {
	display: none;
}

.s2k-dojo .dijitTitlePane .dijitTitlePane .dijitTitlePaneTitle {
    border-right-style: none;
    border-left-style: none;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
}

.s2k-dojo .dijitTabPane .dijitTitlePane .dijitTitlePaneTitle,
.s2k-dojo .itemFooter .dijitTitlePane .dijitTitlePaneTitle,
.s2k-dojo .socialBox .dijitTitlePane .dijitTitlePaneTitle,
.s2k-dojo .floatBoxColumn .dijitTitlePane .dijitTitlePaneTitle {
    border-right-style: solid;
    border-left-style: solid;
}
/*
.s2k-dojo .dijitTitlePaneTitleFocus {
    margin-top: 0;
    padding-bottom: 0;
}
*/
.s2k-dojo .dijitTitlePane .dijitArrowNode {
    display: none;
}
.s2k-dojo .dijitTitlePane .dijitClosed .dijitArrowNodeInner {
    display: inline-block;
    float: right;
}


.s2k-dojo .dijitTitlePaneTextNode {
    margin: 0;
    vertical-align: text-top;
}
/*
.s2k-dojo .dijitTitlePane .dijitTitlePaneTextNode {
    color: #fff;
}

.s2k-dojo .dijitTitlePaneFocused .dijitTitlePaneTextNode {
    color: #fff;
}
*/
.s2k-dojo .dijitTitlePaneContentOuter {
	background:#fff;
	border:none;
}

.s2k-dojo .dijitTitlePane .dijitTitlePane .dijitTitlePaneContentOuter {
    border-right-style: none;
    border-left-style: none;
    border-bottom-style: none;
}

.s2k-dojo .dijitTabPane .dijitTitlePane .dijitTitlePaneContentOuter,
.s2k-dojo .itemFooter .dijitTitlePane .dijitTitlePaneContentOuter,
.s2k-dojo .socialBox .dijitTitlePane .dijitTitlePaneContentOuter,
.s2k-dojo .floatBoxColumn .dijitTitlePane .dijitTitlePaneContentOuter {
    border-right-style: solid;
    border-left-style: solid;
}

.s2k-dojo .dijitTitlePaneContentInner {
    padding: 0;
}

.s2k-dojo .dijitButton .dijitButtonNode,
.s2k-dojo .dijitDropDownButton .dijitButtonNode,
.s2k-dojo .dijitComboButton .dijitButtonNode,
.s2k-dojo .dijitToggleButton .dijitButtonNode {
	color:#fff;
	border: 1px solid #0277bc;
	padding: 4px 6px 4px 6px;
	background: #2F6395;
	-moz-border-radius: 1px;
	border-radius: 1px;
	-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
	-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
}
.s2k-dojo .dijitButton .dijitButtonNode:hover,
.s2k-dojo .dijitButtonHover .dijitButtonNode,
.s2k-dojo .dijitDropDownButtonHover .dijitButtonNode,
.s2k-dojo .dijitComboButtonHover .dijitButtonNode,
.s2k-dojo .dijitToggleButtonHover .dijitButtonNode {
	opacity: 0.9;
}


.s2k-dojo .expand .dijitButton .dijitButtonNode,
.s2k-dojo .expand .dijitDropDownButton .dijitButtonNode,
.s2k-dojo .expand .dijitComboButton .dijitButtonNode,
.s2k-dojo .expand .dijitToggleButton .dijitButtonNode {
	color:#555555;
}

.s2k-dojo .cellData .rightButton .dijitButton .dijitButtonNode,
.s2k-dojo .cellData .rightButton .dijitDropDownButton .dijitButtonNode,
.s2k-dojo .cellData .rightButton .dijitComboButton .dijitButtonNode,
.s2k-dojo .cellData .rightButton .dijitToggleButton .dijitButtonNode {
    padding: 1px 4px 1px 4px;
}

.s2k-dojo .action .dijitButtonText {
    padding: 0;
}

.s2k-dojo .action .dijitToggleButton,
.s2k-dojo .action .dijitButton,
.s2k-dojo .action .dijitDropDownButton,
.s2k-dojo .action .dijitComboButton {
    margin: 0;
}

.s2k-dojo .action .dijitButton .dijitButtonNode,
.s2k-dojo .action .dijitDropDownButton .dijitButtonNode,
.s2k-dojo .action .dijitComboButton .dijitButtonNode,
.s2k-dojo .action .dijitToggleButton .dijitButtonNode,
.s2k-dojo .moreLess .dijitButton .dijitButtonNode,
.s2k-dojo .moreLess .dijitDropDownButton .dijitButtonNode,
.s2k-dojo .moreLess .dijitComboButton .dijitButtonNode,
.s2k-dojo .moreLess .dijitToggleButton .dijitButtonNode {
    background: transparent;
    border: none;
    box-shadow: none;
    padding: 0;
    margin: 0;
}

.s2k-dojo .lists .dijitTabPane {
    padding: 0;
}

.s2k-dojo .gridContainer .qty .dijitTextBox,
.s2k-dojo .cartBox .addToCart .dijitTextBox,
.s2k-dojo .gridContainer .itemQuantity .dijitTextBox {
    width: 50px;
}

.s2k-dojo .expand .dijitButtonText {
    padding: 0;
    padding-left: 5px;
    padding-right: 5px;
}

.s2k-dojo .expand .dijitToggleButton,
.s2k-dojo .expand .dijitButton,
.s2k-dojo .expand .dijitDropDownButton,
.s2k-dojo .expand .dijitComboButton {
    margin: 0;
}

.s2k-dojo .expand .dijitButton .dijitButtonNode,
.s2k-dojo .expand .dijitDropDownButton .dijitButtonNode,
.s2k-dojo .expand .dijitComboButton .dijitButtonNode,
.s2k-dojo .expand .dijitToggleButton .dijitButtonNode {
    background: transparent;
    border: none;
    box-shadow: none;
    padding: 2px;
    margin: 0;
}

.s2k-dojo .field.multi .dijitTextBox {
    width: 7em;
}

.s2k-dojo .itemQuantity .dijitTextBox,
.s2k-dojo .cartBox .itemQuantity .dijitTextBox {
    width: 5em;
}

.s2k-dojo .quickOrderPortlet .quickOrderInput .itemNum .dijitTextBox {
    width: 8em;
}

.s2k-dojo .layoutButtons .dijitButton .dijitButtonNode,
.s2k-dojo .layoutButtons .dijitDropDownButton .dijitButtonNode,
.s2k-dojo .layoutButtons .dijitComboButton .dijitButtonNode,
.s2k-dojo .layoutButtons .dijitToggleButton .dijitButtonNode {
    background: none;
    border: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    padding: 0;
    padding-top: 0;
}

.s2k-dojo .layoutButtons .dijitToggleButton,
.s2k-dojo .layoutButtons .dijitButton,
.s2k-dojo .layoutButtons .dijitDropDownButton,
.dijitComboButton {
    margin: 0;
}

.s2k-dojo .layoutButtons .dijitButtonText {
    padding: 0;
}

.s2k-dojo .listSize .dijitComboBox {
    width: 50px;
}

.s2k-dojo .split2 .dijitComboBox {
    width: 7em;
}

.s2k-dojo .genList .competitorCol .dijitTextBox {
    width: 140px;
}

.s2k-dojo .genList .rankCol .dijitTextBox {
    width: 45px;
}

.s2k-dojo .genList .removeLink button {
    background: transparent;
    border: none;
    color: #c00;
    font-size: 13pt;
    font-weight: bold;
    padding: 3px;
    margin: 0;
}

.s2k-dojo .removeLink .dijitToggleButton,
.s2k-dojo .removeLink .dijitButton,
.s2k-dojo .removeLink .dijitDropDownButton,
.s2k-dojo .removeLink .dijitComboButton {
    margin: 0;
}

.s2k-dojo .removeLink .dijitButton .dijitButtonNode,
.s2k-dojo .removeLink .dijitDropDownButton .dijitButtonNode,
.s2k-dojo .removeLink .dijitComboButton .dijitButtonNode,
.s2k-dojo .removeLink .dijitToggleButton .dijitButtonNode {
    background: transparent;
    border: none;
    box-shadow: none;
    padding: 2px;
    margin: 0;
}

.s2k-dojo .gridContainer .dijitComboBox {
    width: 90%;
    max-width: 15em;
}


.s2k-dojo .dijitTextBoxDisabled input {
    color: #bbb;
}

.s2k-dojo .dijitTabContainerLeft-tabs {
    width: 150px;
    border: none;
}

.s2k-dojo .dijitTabContainerLeft-dijitContentPane {
    padding: 16px;
}

.s2k-dojo .dijitTab .tabLabel {
    min-height: 16px;
}

.updated>.tabLabel {
    color: #ca4444;
    width: 140px;
}

.updated>.tabLabel:before {
    content: ' ';
    background-image: url(../images/disk_icon.gif);
    background-repeat: no-repeat;
    background-position: 0 0;
    height: 16px;
    width: 16px;
    overflow: hidden;
    position: relative;
    display: block;
    float: right;
}

.s2k-dojo .dijitTabPane .emptyList .dijitTitlePane .dijitTitlePaneContentOuter {
    border-bottom-style: solid!important;
}

.s2k-dojo .itemMaintenance .delete .dijitTextBox,
.s2k-dojo .itemMaintenance .delete .dijitTextBox .dijitButtonNode {
    border-color: #ca4444;
    background-color: #fee!important;
}

.s2k-dojo .itemMaintenance .delete .dijitTextBox .dijitInputInner {
    background-color: transparent!important;
}

.s2k-dojo .dijitDialogTitleBar {
    background-color: rgba(171, 199, 237, 1);
}

.s2k-dojo .leftCol .dijitTextBox {
    width: 100%;
}
.s2k-dojo .leftCol .menu > .dijitButton {
    margin: 0.2em 0;
}
.appContainer.orderingPortletView .leftCol {
	display: none;
	float: none;
	width: 100%;
}
.appContainer.orderingPortletView .leftCol .menu {
	max-height: 300px;
	overflow-y: auto;
}
.appContainer.orderingPortletView .leftCol .dijitComboBox {
	max-width: 265px;
	margin-right: 5px;
}
.commerceCart .shoppingCartBar {
	display: none;
}
.orderFromHistory.landingPageContainer {
    display: flex;
    flex-direction: column;
}
.orderFromHistory.landingPageContainer .leftCol {
    margin-right: 100%;
    min-width: fit-content;
}
.orderFromHistory.landingPageContainer .leftCol .label {
    margin-left: 7px;
}
.orderFromHistory.landingPageContainer .mainCol {
    width: 100%;
}

@media screen and (max-width: 1100px) {
}
@media screen and (max-width: 980px) {
}
@media screen and (max-width: 768px) {
	.wpthemeLogo {
		max-width: 50%;
	}
}
@media screen and (max-width: 603px) {
}
@media screen and (max-width: 480px) {
	.wpthemeLogo,
	.navBarMenuButton {
		margin-right: 5px;
	}
	#cartContainer {
	    margin-left: 5px;
	}
}
@media (min-width: 1280px) {
    .compareProducts .rowGroup {
        table-layout: fixed;
    }
    .compareProducts .cellData {
        overflow: hidden;
    }
}
@media (max-width: 1279px) {
    .compareProducts.gridContainer {
        overflow-x: auto;
        width: auto;
        overflow-y: hidden;
    }
    .compareProducts.gridContainer .rowGroup {
        width: 100%;
        table-layout: fixed;
    }
    .compareProducts .cellData {
        overflow: hidden;
        width: 230px;
    }
    table tbody th.compareProducts.cellData {
        position: sticky;
        left: 0;
        z-index: 1;
    }
    table tbody th.compareProducts.cellData:first-child {
        position: sticky;
        left: 0;
        z-index: 2;
        background-color: white;
    }
}
.compareProducts.backLink {
    display: flex;
    flex-direction: row-reverse;
}
.compareProducts.removeProduct .dijitReset.dijitInline.dijitButtonNode {
    background: none;
    border: none;
    box-shadow: none;
}
.compareProducts.removeProduct .bIcon {
    display: inline-block;
    font-family: 'Font Awesome 6 Pro';
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: red;
}
.compareProducts.removeProduct .bIcon:before {
    content: "\f057";
    font-size: 1.5em;
}
.compareProducts.removeProduct .bText {
    display: none;
}
.compareProducts.detailField {
    display: flex;
    align-items: center;
}
.compareProducts.spec {
    margin: 5px;
}
.mainCol .detailField .compareProducts.label .field {
    margin: 5%;
}
.compareProducts.spec .detail {
    padding-left: 5px;
}
.compareProducts.spec.description {
    font-weight: bold;
    white-space: nowrap;
}
.compareProducts.spec.shortDescription {
    white-space: nowrap;
}
.compareProducts.spec.price {
    display: flex;
    font-weight: bold;
}
.compareProducts.unitMeasure {
    margin-left: 10px;
}
.compareProducts.priceAndUM{
    display: flex;
    flex-direction: row;
}
.compareProducts.yourPrice {
    font-weight: normal;
}
.compareProducts.spec.itemFlags .icon {
    background-position: 0 0;
    height: 15px;
    margin: 2px;
    float: left;
    width: 15px;
    background-repeat: no-repeat;
}
.compareProducts.spec.itemFlags .groundShipping:after {
    content: "\f0d1";
    color: #142B40;
}
.compareProducts.spec.itemFlags .overSized :after {
    content: "\f6da";
}
.compareProducts.spec.itemFlags .heavy:after {
    content: "\f496";
    color: #000;
}
.compareProducts.spec.itemFlags .refrigerated:after {
    content: "\f768";
    color: #99BBE8;
}
.compareProducts.spec.itemFlags .hazardSurcharge:after {
    content: "\f780";
    color: #ebc115;
}
.compareProducts.spec.itemFlags .historyIcon:after {
    content: "\f1da";
    color: #2F6395;
}
.compareProducts .output.icons {
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    font-family: 'Font Awesome 6 Pro';
    font-weight: 700;
    font-size: 20px;
    width: 25px;
    text-align: center;
    line-height: 25px;
}
.compareProducts.orderGuide {
    display: flex;
    justify-content: center;
}
.compareProducts.orderGuide .dijitReset.dijitInline.dijitButtonNode {
    background: 0 0;
    color: #888;
    border: none;
    box-shadow: none;
    padding: 2px;
    margin-top: 5px;
}
.compareProducts.orderGuide .dijitReset.dijitInline.dijitArrowButtonInner {
    display: none;
}
.compareProducts .ogButton a {
    font-weight: 600;
}
.gridContainer tr.detailRow.initialRow:hover {
    background-color: #FFF!important;
}
.compareProducts.gridContainer .detailRow:active {
    background-color: red;
}
.compareProducts.gridContainer .detailRow .cellData a {
    color: #555;
    text-decoration: none;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
}
.compareProducts.gridContainer .detailRow .cellData a:hover {
    color: black;
}
.compareProducts .loginText {
    font-weight: 700;    
}
td.headerCell.groupName {
    overflow: visible;
    position: sticky;
    left: 0;
    z-index: 2;
    white-space: nowrap;
    border-right: none;
    text-align: center;
    font-weight: 700;
}
td.headerCell.groupNameFiller {
    border-right: none;
}
table.compareProducts.rowGroup {
    border-left: none;
}
.compareProducts.gridContainer .detailRow.quantity {
    display: flex;
    justify-content: center;
}
.compareProducts.gridContainer .field.itemQuantity {
    font-weight: normal;
}
.compareProducts.gridContainer .detailRow.quantity:hover {
    background-color: white!important;
}
.compareProducts.gridContainer .compareProducts.detailField {
    display: flex;
    justify-content: center;
    width: 250px;
}
.mainCol .statusBox.info.reorder {
    display: flex;
}	
