
* {
	font-family: Arial, Helvetica, sans-serif;
}

html {
	font-size: 62.5%;
}

body {
	width: 100%;
	height: 100%;
	font-size: 13px;
	font-size: 1.3rem;
	padding: 0;
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
}

a {
	color: black;
	text-decoration: underline;
	cursor: pointer;
}

a:hover {
	color: #BA2125;
}

pre, xmp, plaintext, listing {
	font-family: 'Consolas', monospace;
}

h2 {
	font-size: 20px;
	font-size: 2.0rem;
	display: inline-block;
}

textarea {
	font-size: 13px;
	font-size: 1.3rem;
}

.floatRight {
	float: right;
}

.floatRight form {
	padding-left: 12px;
}

#mainBodyHead .floatRight {
	margin-right: 5px;
	text-align: right;
}

.floatLeft {
	float: left;
}

.clear {
	clear: both;
}

@keyframes spin {
	100% {
		transform: rotate(360deg);
	}
}

/* this is to add self clearing of children divs aka. Clearfix, but named group for semantic reasons */
.group:after {
	visibility: hidden;
	display: block;
	content: "";
	clear: both;
	height: 0;
}

* html .group {
	zoom: 1;
} /* IE6 */

*:first-child+html .group {
	zoom: 1;
} /* IE7 */
/* end clearfix */

.right {
	text-align: right;
	margin-left: auto;
	margin-right: 0;
}

.left {
	text-align: left;
	margin-left: 0;
	margin-right: auto;
}

.center {
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}

.blank {
	height: 12px;
}

#mainBody {
	min-width: 750px;
}

div#mainBodyHead {
	z-index: 1 !important;
	overflow: visible;
	position: static;
	margin-left: 0;
	margin-right: 0;
	left: 0;
	margin-bottom: 6px;
	border-bottom: 1px solid #ccc;
	overflow: visible;
}

div#mainBodyHead #userName, div#mainBodyHead .custName, div#mainBodyHead .cartTopLink {
	white-space: nowrap;
}

div#mainBodyHead .faveListHeader {
	float: right;
	clear: right;
	position: relative;
	margin: 5px 0;
}

div#mainBodyContent {
	padding-top: 6px;
	position: relative;
}

.dividers span:after {
	display: inline-block;
	content: '|';
	margin: 0 3px;
}

.dividers span:last-child:after {
	content: '';
}

input, select {
	margin-right: 5px;
}

.round {
	border-radius: 5px;
}

.contentPage {
	float: left;
	width: 100%;
}

table td {
	vertical-align: top;
}

label {
	text-align: right;
	margin-left: auto;
	font-weight: bold;
	float: right;
	padding-right: 6px;
}

label.info {
	text-align: left;
	font-weight: normal;
	float: none;
}

label.vertical {
	display: block;
	text-align: left;
	font-weight: bold;
	float: none;
	margin-top: 6px;
}

legend {
	font-size: 18px;
	font-size: 1.8rem;
	background-color: #fff;
}

fieldset {
	background: #fff;
	padding: 6px;
	border: none;
}

fieldset.box {
	border: solid 1px #ccc;
	margin: 10px 0;
	box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.25);
	padding: 5px;
	width: auto;
	display: inline-block;
	vertical-align: top;
	margin: 0 10px 10px 0;
}

img {
	border: none;
}

.error {
	color: #f00;
	font-style: italic;
}

.errorInput {
	background: #ff9f9f;
	color: #fff;
}

input[type=checkbox].errorInput, input[type=radio].errorInput {
	outline: solid 1px #ff9f9f;
}

input.errorInput:-webkit-autofill {
	-webkit-box-shadow: 0 0 0 1000px #ff9f9f inset;
	-webkit-text-fill-color: white;
}

div.waiting {
	background: url(/base/style/images/material-design-icons/sprites.png) no-repeat -250px -100px;
	width: 48px;
	height: 48px;
	margin: 20% auto 0 auto;
	animation: spin 2s ease infinite;
}

.treemenu .sel {
	color: #f00;
	font-weight: bold;
}

.treeview, .treeview ul {
	list-style-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);
}

.year {
	border-radius: 2px;
	font-size: 26px;
	font-size: 2.6rem;
	color: #fff;
	background: #c22326;
	box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.25);
}

#userName {
	font-weight: bold;
}

/* Product Listing Header */
.prodList {
	clear: both;
}

.listImage {
	max-width: 100px;
	max-height: 100px;
}

.prodListHeader {
	background: transparent;
	margin: 12px 0 0 0;
	padding: 0;
	width: 100%;
}

.prodListHeader p {
	margin: 5px;
}

.prodListHeader a.prevBtn, .prodListFooter a.prevBtn {
	display: inline-block;
	text-indent: -9999px;
	overflow: hidden;
	background: url(/base/style/images/material-design-icons/sprites.png) no-repeat -25px -100px;
	background-size: 500px 500px;
	width: 24px;
	height: 24px;
	vertical-align: middle;
}

.prodListHeader a.nextBtn, .prodListFooter a.nextBtn {
	display: inline-block;
	text-indent: -9999px;
	overflow: hidden;
	background: url(/base/style/images/material-design-icons/sprites.png) no-repeat -50px -75px;
	background-size: 500px 500px;
	width: 24px;
	height: 24px;
	vertical-align: middle;
}

.prodListHeaderLeft {
	width: 33%;
	float: left;
	vertical-align: bottom;
	min-height: 1px;
	margin: 0px;
}

.prodListHeaderCenter {
	width: 34%;
	float: left;
	text-align: center;
	min-height: 1px;
}

.prodListHeaderRight {
	width: 33%;
	float: left;
	text-align: right;
}

.prodSearchTabs {
	float: left;
	width: 100%;
}

.prodSearchTabs .prodListHeader, .prodSearchTabs .prodListContent {
	width: 97%;
}

/* --------- */
/* Product List Common */

.prodListContent > .prodListProd {
	border: solid 1px #ccc;
	margin: 10px 0;
	box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.25);
	padding: 5px;
}

.prodListContent > .prodListProd.inCart {
	box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.25);
}

/* End Product List Common */
/* ------------- */

/* --------- */
/* List View */

div[data-orient=L] .prodListContent > .prodListProd {
	line-height: 15px;
	line-height: 1.5rem;
}

div[data-orient=L] .prodListContent > .prodListProd .imageCol {
	float: left;
	padding: 0 10px 10px 0;
}

div[data-orient=L] .prodListContent > .prodListProd .descCol {
	float: left;
	width: 400px;
	padding: 0 10px 10px 0;
}

div[data-orient=L] .prodListContent > .prodListProd .prodDesc, div[data-orient=L] .prodListContent > .prodListProd .listDesc {
	display: block;
	padding: 0 0 12px 0;
}

div[data-orient=L] .prodListContent > .prodListProd .prodNum {
	display: block;
	font-weight: bold;
	color: #002261;
}

div[data-orient=L] .prodListContent > .prodListProd .priceCol {
	display: inline-block;
	width: 200px;
	min-width: initial;
	text-align: left;
	float: right;
}

div[data-orient=L] .prodListContent > .prodListProd .buttonRow:after {
	content: '';
	display: block;
	clear: both;
}

div[data-orient=L] .prodListContent > .prodListProd input.qty {
	width: 80px;
	width: 8rem;
}

div[data-orient=L] .prodListContent > .prodListProd .priceDiv {
	font-weight: bold;
	font-size: 15px;
	font-size: 1.5rem;
}

div[data-orient=L] .prodListContent > .prodListProd .whseDiv {
	clear: both;
}

div[data-orient=L] .prodListContent > .prodListProd .buttonRow {
	clear: both;
}

div[data-orient=L] .prodListContent > .prodListProd .compareSpan {
	background: #eee;
	padding: 2px 5px;
	color: #000;
	margin: 0 5px 0 2px;
	border-radius: 1px;
	box-shadow: 0 0 0 1px #999;
}

div[data-orient=L] .prodListContent > .prodListProd .compareSpan:hover {
	box-shadow: 0 0 0 1px #666;
}

div[data-orient=L] .prodListContent > .prodListProd .compareCheck {
	vertical-align: middle;
}

div[data-orient=L] .prodListContent > .prodListProd .compareBtn {
	cursor: default;
}

div[data-orient=L] .prodListContent > .prodListProd .moreDiv .tabs {
	margin: 10px 0 0 0;
}

/* End List View */
/* ------------- */

/* --------- */
/* Grid View */

div[data-orient=G] .prodListContent > .prodListProd {
	border: 1px solid #ccc;
	margin-bottom: 10px;
	margin-right: 10px;
	padding: 5px;
	width: 300px;
	float: left;
	font-size: 13px;
	font-size: 1.3rem;
	line-height: 15px;
	line-height: 1.5rem;
	position: relative;
}

div[data-orient=G] .prodListContent > .prodListProd .imageCol {
	text-align: center;
	margin: 0 auto;
	height: 100px;
}

div[data-orient=G] .prodListContent > .prodListProd .prodDesc, div[data-orient=G] .prodListContent > .prodListProd .listDesc {
	display: block;
	padding: 0 0 12px 0;
	overflow: hidden;
}

div[data-orient=G] .prodListContent > .prodListProd .prodNum {
	display: block;
	font-weight: bold;
	color: #002261;
}

div[data-orient=G] .prodListContent > .prodListProd .availCodeDiv, div[data-orient=G] .prodListContent > .prodListProd .availDiv, div[data-orient=G] .prodListContent > .prodListProd .cpnDiv, div[data-orient=G] .prodListContent > .prodListProd .suggRet, div[data-orient=G] .prodListContent > .prodListProd .umDiv {
	overflow: hidden;
}

div[data-orient=G] .prodListContent > .prodListProd .whseDiv, div[data-orient=G] .prodListContent > .prodListProd .umDiv, div[data-orient=G] .prodListContent > .prodListProd .qtyDiv {
	line-height: 20px;
	line-height: 2rem;
	overflow: hidden;
}

div[data-orient=G] .prodListContent > .prodListProd input.qty {
	width: 80px;
	width: 8rem;
}

div[data-orient=G] .prodListContent > .prodListProd .priceDiv {
	font-weight: bold;
	font-size: 15px;
	font-size: 1.5rem;
	line-height: 18px;
	line-height: 1.8rem;
	overflow: hidden;
}

div[data-orient=G] .prodListContent > .prodListProd .whseDiv {
	clear: both;
}

div[data-orient=G] .prodListContent > .prodListProd .buttonRow {
	clear: both;
	margin: 5px 0 0 0;
}

div[data-orient=G] .prodListContent > .prodListProd .buttonRow input {
	margin-bottom: 4px;
}

div[data-orient=G] .prodListContent > .prodListProd .compareSpan {
	background: #eee;
	padding: 2px 5px;
	color: #000;
	margin: 0 5px 0 2px;
	border-radius: 1px;
	box-shadow: 0 0 0 1px #999;
}

div[data-orient=G] .prodListContent > .prodListProd .compareSpan:hover {
	box-shadow: 0 0 0 1px #666;
}

div[data-orient=G] .prodListContent > .prodListProd .compareCheck {
	vertical-align: middle;
}

div[data-orient=G] .prodListContent > .prodListProd .compareBtn {
	cursor: default;
}

div[data-orient=G] .prodListContent > .prodListProd .moreBtn, div[data-orient=G] .prodListContent > .prodListProd .moreDiv {
	display: none;
}

/* End Grid View */
/* ------------- */

/* --------- */
/* Micro View */

div[data-orient=M] .prodListContent > .prodListProd {
	width: 160px;
	margin-right: 10px;
	float: left;
	font-size: 13px;
	font-size: 1.3rem;
	line-height: 15px;
	line-height: 1.5rem;
	position: relative;
	text-align: center;
}

div[data-orient=M] .prodListContent > .prodListProd .imageCol {
	margin: 0 auto 3px;
	height: 100px;
}

div[data-orient=M] .prodListContent > .prodListProd .prodNum {
	display: block;
	color: #002261;
}

div[data-orient=M] .prodListContent > .prodListProd .priceDiv {
	font-weight: bold;
	font-size: 10px;
	font-size: 1.0rem;
	line-height: 13px;
	line-height: 1.3rem;
	font-weight: normal;
}

div[data-orient=M] .prodListContent > .prodListProd .buttonRow {
	clear: both;
	margin: 5px 0 0 0;
}

div[data-orient=M] .prodListContent > .prodListProd .buttonRow input {
	margin-bottom: 4px;
}

div[data-orient=M] .prodListContent > .prodListProd .buttonRow input[type=button].moreBtn,
div[data-orient=M] .prodListContent > .prodListProd .moreDiv,
div[data-orient=M] .prodListContent > .prodListProd .prodDescDiv,
div[data-orient=M] .prodListContent > .prodListProd .listDescDiv,
div[data-orient=M] .prodListContent > .prodListProd .cpnDiv,
div[data-orient=M] .prodListContent > .prodListProd .availCodeDiv,
div[data-orient=M] .prodListContent > .prodListProd .availDiv,
div[data-orient=M] .prodListContent > .prodListProd .whseDiv,
div[data-orient=M] .prodListContent > .prodListProd .suggRet,
div[data-orient=M] .prodListContent > .prodListProd .umDiv,
div[data-orient=M] .prodListContent > .prodListProd .qtyDiv,
div[data-orient=M] .prodListContent > .prodListProd .compareText {
	display: none;
}

div[data-orient=M] .prodListContent > .prodListProd .buttonRow input[type=button] {
	display: inline-block;
	margin: 0 .3rem;
	text-indent: -9999px;
	overflow: hidden;
	cursor: pointer;
	border: none;
}

div[data-orient=M] .prodListContent > .prodListProd .buttonRow .compareSpan {
	position: relative;
	width: 24px;
	height: 24px;
	display: inline-block;
	vertical-align: top;
}

div[data-orient=M] .prodListContent > .prodListProd input.compareCheck {
	width: 24px;
	visibility: hidden;
}

div[data-orient=M] .prodListContent > .prodListProd input.compareCheck + label {
	content: '';
	display: inline-block;
	background: url(/base/style/images/material-design-icons/sprites.png) no-repeat -75px -150px;
	background-size: 500px 500px;
	width: 24px;
	height: 24px;
	cursor: pointer;
	visibility: visible;
	position: absolute;
	left: 0;
	top: 0;
	padding: 0;
}

div[data-orient=M] .prodListContent > .prodListProd input.compareCheck:checked + label {
	background: url(/base/style/images/material-design-icons/sprites.png) no-repeat -50px -125px;
	background-size: 500px 500px;
	box-shadow: 0 0 1px 1px #a00;
	border-radius: 12px;
}

div[data-orient=M] .prodListContent > .prodListProd input.cartBtn {
	background: url(/base/style/images/material-design-icons/sprites.png) no-repeat -400px -125px;
	background-size: 500px 500px;
	width: 24px;
	height: 24px;
}

div[data-orient=M] .prodListContent > .prodListProd input.faveBtn {
	background: url(/base/style/images/material-design-icons/sprites.png) no-repeat -250px -0px;
	background-size: 500px 500px;
	width: 24px;
	height: 24px;
}

div[data-orient=M] .prodListContent > .prodListProd input.reqBtn {
	background: url(/base/style/images/material-design-icons/sprites.png) no-repeat -175px -225px;
	background-size: 500px 500px;
	width: 24px;
	height: 24px;
}

div[data-orient=M] .prodListContent > .prodListProd input.hideBtn {
	background: url(/base/style/images/material-design-icons/sprites.png) no-repeat -325px -375px;
	background-size: 500px 500px;
	width: 24px;
	height: 24px;
}

/* End Micro View */
/* ------------- */

/* ------------- */
/* Carousel View */

.prodList.rlCarousel {
	width: 680px;
	margin: 20px;
}

.rlCarousel {
	position: relative;
}

.rlCarouselNext, .rlCarouselPrev {
	cursor: pointer;
}

.rlCarouselContainer .prodGridProd {
	width: 116px;
	margin: 0 5px 5px 5px;
	padding: 5px;
	border: none;
	vertical-align: top;
}

.rlCarouselContainer .prodGridProd .prodNum, .rlCarouselContainer .prodGridProd .prodDesc, .rlCarouselContainer .prodGridProd .priceDiv {
	font-size: 11px;
	font-size: 1.1rem;
}

.rlCarouselContainer .prodGridProd .prodDescDiv {
	height: 34px;
	height: 3.4rem;
	overflow: hidden;
}

.rlCarouselContainer .prodGridProd .priceDiv.hasCost {
	height: 30px;
	height 3rem;
}

.rlCarouselContainer .prodGridProd .listDescDiv, .rlCarouselContainer .prodGridProd .cpnGridDiv,
.rlCarouselContainer .prodGridProd .availCodeDiv, .rlCarouselContainer .prodGridProd .faveBtn,
.rlCarouselContainer .prodGridProd .reqBtn, .rlCarouselContainer .prodGridProd .hideBtn,
.rlCarouselContainer .prodGridProd .qtyDiv .prompt, .rlCarouselContainer .prodGridProd .compareBox,
.rlCarouselContainer .whseDiv {
	display: none;
}

.rlCarouselContainer .prodGridProd .qtyDiv input {
	width: 60px;
}

.rlCarouselContainer .prodGridProd .qtyDiv, .rlCarouselContainer .prodGridProd .prodGridProdBtns {
	display: inline;
}

.rlCarouselNav.top {
	display: none;
}

.rlCarouselNav.bottom .rlCarouselPrev {
	position: absolute;
	left: -20px;
	top: 50%;
	background: url(/base/style/images/material-design-icons/sprites.png) no-repeat -25px -100px;
	background-size: 500px 500px;
	overflow: hidden;
	display: block;
	width: 24px;
	height: 24px;
	text-indent: -9999px;
}

.rlCarouselNav.bottom .rlCarouselNext {
	position: absolute;
	right: -20px;
	top: 50%;
	background: url(/base/style/images/material-design-icons/sprites.png) no-repeat -50px -75px;
	background-size: 500px 500px;
	overflow: hidden;
	display: block;
	width: 24px;
	height: 24px;
	text-indent: -9999px;
}

/* ----------------- */
/* End Carousel View */

div.inCart {
	background-color: #eee;
	background-image: none;
}

/* Product Listing Footer */
.prodListFooter .prodListFooterLeft {
	width: 33%;
	float: left;
	clear: both;
	vertical-align: bottom;
	min-height: 1px;
	margin: 0;
}

.prodListFooter .prodListFooterCenter {
	width: 34%;
	float: left;
	text-align: center;
	min-height: 1px;
}

.prodListFooter .prodListFooterRight {
	width: 33%;
	float: left;
	text-align: right;
}

.fullProduct {
	position: relative;
	font-size: 13px;
	font-size: 1.3rem;
}

.fullProduct .prodImg {
	float: none;
	margin: 12px 0 0 0;
}

.fullProduct .prodImg img {
	max-width: 33%;
	max-height: 450px;
	overflow: hidden;
	float: left;
	margin: 0 2% 18px 0;
}

.fullProduct .prodInfo .prodDesc {
	font-size: 20px;
	font-size: 2.0rem;
	font-weight: bold;
	color: #033E7D;
}

.fullProduct .prodNum {
	color: #8e8e8e;
	font-weight: normal;
}

.fullProduct .suggRetail {
	color: #8e8e8e;
}

.fullProduct .netPrice {
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: bold;
	color: #033E7D;
}

.fullProduct .tabs {
	clear: both;
	position: static;
	margin: 20px;
}

.fullProduct .btns .cartBtn {
	display: inline-block;
	padding: 18px;
	margin: 0 30px;
	height: auto;
	width: auto;
	border-radius: 2px;
	border: 2px solid #8b0000;
	color: #fff;
	text-decoration: none;
	font-size: 140%;
	font-weight: normal;
	text-align: center;
	background: #a90329;
	text-indent: 0;
	box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.25);
}

select.defaultFaveList {
	max-width: 240px;
}

.fullProduct .faveBtn, .fullProduct .reqBtn {
	background-image: none;
	text-indent: 0;
	width: auto;
	height: auto;
}

.fullProduct .prodInfo {
	position: relative;
	float: left;
	width: 64%;
	max-width: 700px;
	margin: 0 0 18px 0;
}

.fullProduct .prodInfo .prodDesc, .fullProduct .prodInfo .prodNum, .fullProduct .prodInfo .netPrice, .fullProduct .prodInfo .suggRetail, .fullProduct .prodInfo .qty {
	position: relative;
	top: 0;
	left: 0;
	margin: 0 0 .5px 0;
}

.fullProduct .prodInfo .btns {
	float: right;
	margin: 0 0 12px 12px;
	max-width: 275px;
	text-align: center;
}

.fullProduct .prodInfo .btns a {
	white-space: nowrap;
}

.fullProduct .prodInfo .prodData {
	max-width: 400px;
}

.fullProduct .prodInfo .listDesc {
	clear: both;
	position: relative;
	top: 0;
	left: 0;
	width: auto;
	height: auto;
	padding: 18px 0;
}

.fullProduct .relProds {
	clear: both;
}

.relProd .prodDesc {
	position: relative;
	top: 0;
	left: 0;
}

.relProd .prodNum {
	position: relative;
	top: 0;
	left: 0;
}

.accProd .prodDesc, .accProd .prodNum, .accProd .netPrice, .accProd .suggRetail, .accProd .qty {
	position: relative;
	top: 0;
	left: 0;
	margin: 0 0 .5px 0;
}

.subProd .prodDesc, .subProd .prodNum, .subProd .netPrice, .subProd .suggRetail, .subProd .qty {
	position: relative;
	top: 0;
	left: 0;
	margin: 0 0 .5px 0;
}

/* Product Options */
.prodOptions {
	clear: both;
	background: #f9f9f9;
	display: block;
	position: static;
	margin-bottom: 12px;
	border: solid 1px #ccc;
	border-radius: 2px;
	padding: 0 5px;
	box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.25);
}

.prodOptions .prodOptionsToggle {
	padding: 12px 0 12px 12px;
	margin: 0 -12px;
	color: black;
	cursor: pointer;
	font-weight: bold;
}

.prodOptions div.option {
	display: inline-block;
	box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.50);
	margin-right: 12px;
	margin: 0 12px 12px 0;
	min-width: 130px;
	background: #fff;
}

.prodOptions div.optionTitle {
	text-align: center;
	margin-bottom: 6px;
	font-weight: bold;
}

.prodOptions div.optionValues {
	height: 140px;
	overflow-y: auto;
}

.prodOptions div.optionValues label {
	text-align: left;
	margin-left: 0;
	margin-right: auto;
	float: none;
	display: inline;
	font-weight: normal;
}

/* Orientation */
.orient .sel {
	background-color: #eee;
	border: 1px solid #ccc;
	border-radius: 2px;
	box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.25);
}

a.listBtn, a.gridBtn, a.microBtn {
	display: inline-block;
	height: 24px;
	padding: 0px 5px;
	margin-left: 3px;
}

a.listBtn:before {
	content: '';
	display: inline-block;
	width: 24px;
	height: 24px;
	vertical-align: middle;
	background: url(/base/style/images/material-design-icons/sprites.png) no-repeat -275px -375px;
	background-size: 500px 500px;
}

a.gridBtn:before {
	content: '';
	display: inline-block;
	width: 24px;
	height: 24px;
	vertical-align: middle;
	background: url(/base/style/images/material-design-icons/sprites.png) no-repeat -375px -275px;
	background-size: 500px 500px;
}

a.microBtn:before {
	content: '';
	display: inline-block;
	width: 24px;
	height: 24px;
	vertical-align: middle;
	background: url(/base/style/images/material-design-icons/sprites.png) no-repeat -375px -300px;
	background-size: 500px 500px;
}

/* Data Tables */
table.dataTable {
	border-collapse: collapse;
}

table.dataTable th, table.printTable th {
	vertical-align: bottom;
	padding: 5px;
	border-bottom: 2px solid #ccc;
	background-color: #fff;
}

table.dataTable tr.odd {
	background-color: #f9f9f9;
}

table.dataTable tr.even {
	background-color: #fff;
}

table.dataTable tr.odd td.sorting_1 {
	background-color: #eee
}

table.dataTable tr.even td.sorting_1 {
	background-color: #ddd;
}
table.dataTable td,table.printTable td {
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}

table.dataTable tr.hover td {
	cursor: pointer;
	background: #eee;
}

table.dataTable tbody th, table.dataTable tbody td, table.dataTable tfoot th, table.dataTable tfoot td {
	padding: 8px 18px 8px 5px;
}

table.dataTable thead .sorting, table.dataTable thead .sorting_desc, table.dataTable thead .sorting_asc {
	position: relative;
	background: none;
}

table.dataTable thead .sorting:after, table.dataTable thead .sorting_desc:after, table.dataTable thead .sorting_asc:after {
	content: '';
	display: inline-block;
	background: url(/base/style/images/material-design-icons/sprites.png) no-repeat;
	background-size: 410px 410px;
	height: 20px;
	width: 20px;
	position: absolute;
	right: 0;
}

table.dataTable thead .sorting:after {
	background-position: -225px -287px;
}

table.dataTable thead .sorting_desc:after {
	background-position: -287px -102px;
}

table.dataTable thead .sorting_asc:after {
	background-position: -266px -123px;
}

/* Compare Table */
table.compareTable th {
	vertical-align: bottom;
	padding: 5px;
	border: 1px solid #ccc;
	background: #eee;
}

table.compareTable td {
	border: 1px solid #ccc;
	background: #fff;
}

/* Specifications Table */
table.specTable {
	border-collapse: collapse;
}

table.specTable td {
	border: 1px solid #ccc;
	padding-right: 12px;
	padding-left: 5px;
}

table.specTable td.code {
	color: black;
	font-weight: bold;
}

.prodNum, .prodDesc, .compareTable .prodNum {
	font-size: 14px;
	font-size: 1.4rem;
}

.compareTable .prodDesc {
	font-size: 11px;
	font-size: 1.1rem;
	max-width: 240px;
}

.compareTable td img {
	margin-right: 6px;
}

table.compareTable th,table.compareTable td {
	width: 200px;
}

table.compareTable td img {
	float: left;
}

/* ui-layout */
.ui-layout-toggler-west-open {
	background: transparent url(/base/style/images/close.png) no-repeat;
	border: none;
}

.ui-layout-toggler-west-closed {
	background: transparent url(/base/style/images/menu.png) no-repeat;
	border: none;
}

.ui-layout-resizer-closed-hover, .ui-layout-resizer-open-hover {
	background: #ccc;
}

/* Budget */
td.atBudget {
	background: yellow none no-repeat !important;
	color: black !important;
}

td.overBudget {
	background: #f00 none no-repeat !important;
	color: #fff !important;
}

.ui-autocomplete {
	max-height: 500px;
	overflow-y: auto;
	overflow-x: hidden;
	padding-right: 20px;
	max-width: 200px;
}

.ui-autocomplete-loading {
	background: url(/base/style/images/ajax-loader-tiny.gif) right center no-repeat;
}

.relPages {
	width: 100%;
	float: left;
}

.relPage {
	background: #fff;
	border: 1px solid #ccc;
	width: 130px;
	height: 150px;
	float: left;
	text-align: center;
	padding: 6px;
}

.relPage .desc {
	font-size: 13px;
	font-size: 1.3rem;
}

.cartTable {
	width: 100%;
}

.cartTable th {
	border: 1px solid #ccc;
	background: #eee;
	padding: 3px 6px;
}

.cartTable td {
	padding: 0 5px;
}

.cartTable tr.restricted {
	background-color: #ccc;
}

.cartTable tr.prodLine td {
	border-bottom: 1px solid #ccc;
}

.cartTable .cartPoLine, .cartTable .qty, .cartTable .discPct {
	width: 100px;
	width: 10rem;
}

.cartTable .cartComment {
	width: 540px;
	width: 54rem;
	max-width: 50%;
}

.totalField {
	font-weight: bold;
}

.prodPage {
	background-color: #fff;
}

.prodPage .longDesc {
	margin: 6px 0;
}

.compareBox {
	height: 24px;
	text-align: left;
}

.compareBox label {
	float: none;
	font-weight: normal;
}

.info {
	font-style: italic;
}

.avail {
	font-style: italic;
}

.compareTable .imageDiv .listImage {
	float: none;
	margin-left: auto;
	margin-right: auto;
}

.compareTable td {
	text-align: center;
}

div#google_translate_element {
	border-bottom: 1px solid #ccc;
	padding-bottom: 6px;
	margin-bottom: 12px;
}

/* printable */

.printable h1 {
	text-align: right;
}

.printable .summary {
	margin-bottom: 40px;
}

.printable .summary table {
	margin-left: auto;
	margin-right: 0;
}

.printable .header {
	margin-bottom: 40px;
}

.printable .header table {
	width: 100%;
}

.printable .products {
	margin-bottom: 40px;
}

.printable .products table {
	width: 100%;
}

.printable .product {
	width: 105px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

.printable .num {
	width: 105px;
	text-align: right;
}

.filtOut {
	display: none;
}

.icon.clearText {
	display: none;
	float: right;
	margin-top: 3px;
	margin-right: 3px;
}

input.prodFilter::-ms-clear {
	display: none;
}

input.prodFilter {
	vertical-align: top;
	display: inline-block;
	background: none;
	padding: 5px;
	border: none;
	width: 90%;
}

input.prodFilter:focus {
	outline: none !important;
}

div.filterDiv {
	margin-bottom: 1px;
	background: #fff;
	border: 1px solid #ccc;
	border-radius: 2px;
	clear: both;
	height: auto;
}

.filter {
	margin-top: 5px;
	margin-left: 2px;
	display: inline-block;
	opacity: .4;
}

.noFilter {
	clear: both;
}

.compareTable .cartBtn {
	vertical-align: bottom;
}

a.cartBtn {
	display: inline-block;
	background: url(/base/style/images/material-design-icons/sprites.png) no-repeat -400px -125px;
	background-size: 500px 500px;
	height: 24px;
	width: 24px;
	margin: 0 5px;
	text-indent: -9999px;
	overflow: hidden;
}

a.faveBtn {
	display: inline-block;
	background: url(/base/style/images/material-design-icons/sprites.png) no-repeat -250px -0px;
	background-size: 500px 500px;
	height: 24px;
	width: 24px;
	margin: 0 5px;
	text-indent: -9999px;
	overflow: hidden;
}

a.reqBtn {
	display: inline-block;
	background: url(/base/style/images/material-design-icons/sprites.png) no-repeat -175px -225px;
	background-size: 500px 500px;
	height: 24px;
	width: 24px;
	margin: 0 5px;
	text-indent: -9999px;
	overflow: hidden;
}

a.hideBtn {
	display: inline-block;
	background: url(/base/style/images/material-design-icons/sprites.png) no-repeat -325px -375px;
	background-size: 500px 500px;
	height: 24px;
	width: 24px;
	margin: 5px;
	text-indent: -9999px;
	overflow: hidden;
}

img.captcha {
	vertical-align: middle;
}

a.captchaRefresh {
	display: inline-block;
	width: 48px;
	height: 48px;
	background: url(/base/style/images/material-design-icons/sprites.png) no-repeat -250px -100px;
	margin-left: auto;
	vertical-align: middle;
	text-indent: -9999px;
	overflow: hidden;
}

tr.pohHead td {
	background: none;
	border: none;
}

tr.pohHead .year {
	text-align: center;
}

a.excelLink {
	float: right;
	content: '';
	display: inline-block;
	background: url(/base/style/images/material-design-icons/sprites.png) no-repeat -225px -225px;
	background-size: 750px 750px;
	width: 36px;
	height: 36px;
	vertical-align: middle;
	text-indent: -9999px;
	overflow: hidden;
	opacity: 0.3;
}

a.printLink{
	float: right;
	content: '';
	display: inline-block;
	background: url(/base/style/images/material-design-icons/sprites.png) no-repeat -450px -337px;
	background-size: 750px 750px;
	width: 36px;
	height: 36px;
	vertical-align: middle;
	text-indent: -9999px;
	overflow: hidden;
	opacity: 0.3;
}

ul.adBox {
	width: 200px;
	height: 200px;
}

a.adBoxButton {
	display: inline-block;
	width: 10px;
	height: 10px;
	background-color: #C0C0C0;
	border-radius: 10px;
	margin: 0;
	overflow: hidden;
	text-indent: -9999px;
}

a.adBoxButton.current {
	background-color: #8B0000;
}

/* to standardize the size of the warehouse in the cart */
td.center select {
	width: 100%;
}

#cartTabs input[type=submit], #cartTabs input#checkout, #cartTabs input#cartprint, #cartTabs input#discardCart {
	width: 160px;
	height: 40px;
}

#cartTabs form table {
	width: 100%;
}

#btForm input#btState,
#stForm input#stState,
.prodListHeader input.pg, .prodListFooter input.pg {
	width: 40px;
	width: 4rem;
}

#btForm input#btZip,
#stForm input#stZip,
#extraForm input#reqDate,
#ccForm input#ccExp,
.compareTable input.numeric,
form#addProductList input.qty {
	width: 80px;
	width: 8rem;
}

input.captchaInput,
#editBlogForm input#effDate, #editBlogForm input#endDate, 
#btForm input#btPhone, #btForm input#btFax,
#stForm input#stPhone, #stForm input#stFax,
#extraForm input#poNum, #extraForm input#custRel, #extraForm input#custJob,
#ccForm input#ccNum,
#poForm input#poNum,
#loginForm input#password, #loginForm input.captchInput,
#newPasswordUpd input#password, #newPasswordUpd input#pw2,
.quoteSearch input#startDate, .quoteSearch input#endDate, .quoteSearch input#invStartDate, .quoteSearch input#invEndDate, .quoteSearch input#amtMin, .quoteSearch input#amtMax, .quoteSearch input#balMin, .quoteSearch input#balMax,
#signupForm input#custNum, #signupForm input#phone, #signupForm input#password, #signupForm input#pw2,
#userEditForm input#custNum, #userEditForm input#phone, #userEditForm input#password, #userEditForm input#pw2 {
	width: 120px;
	width: 12rem;
}

#blogSearch input#search,
#topSearch input#search,
#searchBody input.searchProdList,
#loginForm input#userId,
#addProductList input.rlProdNum, #addProductList input#newList,
#newFaveForm input[type=text],
#renameFaveForm input[type=text],
.quoteSearch input#quoteId, .quoteSearch input#orderId, .quoteSearch input#custPO, .quoteSearch input#prodNum, .quoteSearch input#invoiceId, .quoteSearch input#order, .quoteSearch input#poNum {
	width: 240px;
	width: 24rem;
}

#editBlogForm input#title, #editBlogForm input#keywords, 
#btForm input#btName, #btForm input#btAddr1, #btForm input#btAddr2, #btForm input#btAddr3, #btForm input#btCity, #btForm input#btEmail,
#stForm input#stName, #stForm input#stAttn, #stForm input#stAddr1, #stForm input#stAddr2, #stForm input#stAddr3, #stForm input#stCity, #stForm input#stEmail,
#extraForm input#extraCustDesc,
#ccForm input#ccName,
#userReqForm input#name, #userReqForm input#email, #userReqForm input#phone, #userReqForm input#prodDesc, #userReqForm input#prodNum,
#pwChange input#userId, #sendReminder input#userId,
#signupForm input#email, #signupForm input#name, #signupForm input#custName,
#userEditForm input#email, #userEditForm input#name, #userEditForm input#custName {
	width: 420px;
	width: 42rem;
}

#editBlogForm textarea#desc,
#extraForm textarea#extraComments,
#userReqForm textarea#msg {
	width: 580px;
	height: 160px;
	width: 58rem;
	height: 16rem;
}

#editBlogForm textarea#text {
	width: 580px;
	height: 350px;
	width: 58rem;
	height: 35rem;
}

/*Cart Popup*/
.cartTopLink {
	position: relative;
}

#cartAmt:before {
	content: '';
	display: inline-block;
	background: url(/base/style/images/material-design-icons/sprites.png) no-repeat -400px -125px;
	background-size: 500px 500px;
	width: 24px;
	height: 24px;
	vertical-align: middle;
}

.cartPopup {
	display: none;
	position: absolute;
	top: 13px;
	top: 1.3rem;
	right: 0px;
	max-width: 350px;
	border: 1px solid #ccc;
	background: #fff;
	padding: 12px;
	z-index: 500;
	max-height: 350px;
	overflow-y: auto;
	box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.25);
}

.cartPopup.hover {
	display: block;
}

.cartPopup #cartMenuProds .listImage {
	padding-right: 10px;
	height: 50px;
	width: 50px;
}

.cartPopup #cartMenuProds .menuInfo > div {
	font-size: 11px;
}

.cartPopup #cartMenuProds {
	list-style: none;
	padding: 0 0 0 5px;
	margin: 0 10px 0 0;
}

.cartPopup #cartMenuProds li {
	padding: .6px 0;
	min-height: 60px;
	border-bottom: 1px solid #ccc;
	width: 310px;
	overflow: hidden;
}

.cartPopup #cartMenuProds div.popupImg {
	min-height: 70px;
}

.cartPopup #cartMenuProds li#merchTotal {
	height: auto;
	min-height: 25px;
	border-bottom: none !important;
	width: 250px;
}

.cartPopup #cartMenuProds li div.menuInfo {
	padding-left: 10px;
}

.cartPopup input#viewCartBtn {
	cursor: pointer;
	float: right;
	margin: 5px 0;
}

.rlCartWrap {
	position: relative;
	float: left;
	width: 100%;
	opacity: 1;
}

.rlCartWrap.busy {
	opacity: .5;
}

.rlCartWrap.busy:after {
	content: '';
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	background: url(/base/style/images/material-design-icons/sprites.png) no-repeat -250px -100px;
	width: 48px;
	height: 48px;
	animation: spin 2s ease infinite;
	z-index: 9999;
}

.rlCart {
	clear: both;
	position: relative;
	z-index: 20;
	line-height: 26px;
}

.rlCartStatusCenter{
	float: right;
	right: 50%;
	position: relative;
	margin: 0px 0px 10px 0px;
	z-index: 30;
}

.rlCartStatus {
	width: auto;
	float: right;
	right: -50%;
	position: relative;
	clear: both;
	border-bottom: 1px solid #ccc;
}

.rlCart table label {
	min-width: 200px;
}

.rlCart .doubleFset, .rlCart .doubleFset label {
	line-height:20px;
}

.rlCartHead {
	height: 40px;
	position: relative;
}

.rlCartTitle {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	padding: 1px;
	margin: 7px 0px 8px 0px;
	text-align: left;
}

.rlCartToolBox {
	position: absolute;
	height: 40px;
	width: 100%;
	right: 0;
	top: 0;
}

.rlCart fieldset {
	border: none !important;
	background: #f9f9f9;
	margin-bottom: 15px;
}

.cartWidget {
	margin-top: 0px;
}

.cartWidget + .cartWidget {
	margin-top: 5px;
}

.cartPage {
	display: none;
	position: absolute;
}

.cartPage.active {
	display: block;
	position: relative;
}

.cartStatusDiv {
	height: 40px;
	margin: 0;
	padding: 0px 5px 0px 5px;
	float: left;
	text-align: center;
	line-height: 40px;
	cursor: pointer;
}

.cartStatusDiv.active {
	font-weight: bold;
}

.cartStatusDiv.disabled {
	opacity: .25;
	cursor: default;
}

.rlCart .order {
	padding-bottom: 40px;
}

.rlCart .order .totalField {
	font-size: 18px;
}

.cartActions {
	clear: both;
}

.cartActions:after {
	content: '';
	display: table;
	clear: both;
}

.cartAction {
	display: inline-block;
	height: 40px;
	line-height: 40px;
	font-size: 16px;
	text-decoration: none;
	padding: 0 10px;
	border-radius: 2px;
	border: 1px solid #ccc;
	background: #eee;
	box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.25);
}

.cartAction.cartCheckout {
	display: none;
}

.cartAction.cartPrev {
	margin-right: 8px;
}

.cartWhere {
	background: #fdfdfd;
}

.rlCart .cartRow .tile.cartDate{
	display:block;
	float: right;
	width: 220px !important;
	min-width: 220px !important;
}

/*
 *Cart Review/Confirmation
 */
 
.rlCartConfirmation {
	max-width: 800px;
	margin: 0 auto;
}

.cart-print {
	border: 1px solid #eee;
	max-width: 700px;
	margin: 0 auto;
	padding: 10px;
	margin-top: 10px;
	box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.25);
}

.cart-print ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
	line-height: initial;
}

.cart-print .cartRow .tile {
	width: 47.5%;
	min-width: 330px;
}

.cart-print .cartRow .tile+.tile {
	width: 47.5%;
}

.cart-print .totalField {
	font-size: larger;
	font-weight: bold;
}

.cart-print .cartActionRow {
	margin-top: 30px;
	border: 1px solid #eee;
}

.cart-print table {
	border-collapse: collapse !important;
	border-spacing: 0 !important;
}

.cart-print table.printTable tr th {
	border-bottom: 2px solid black !important;
	border-collapse:collapse;
}

.cart-print table.printTable tr td {
	margin: 0 !important;
	border-spacing: 0px !important;
	padding: 0 5px;
}

.cart-print .listImage {
	display: none;
}

.tile {
	position: relative;
	display: inline-block;
	vertical-align: top;
	margin-top:10px;
}

.cartRow {
	position: relative;
	width: 100%;
	display: block;
	clear: both;
}

.cart-final-actions {
	margin-top: 10px;
}

/*
 *End Cart Review/Confirmation
 */

iframe.viewIframe {
	width: 100%;
	height: 100%;
	border: 0;
}

div.topSearch {
	position: relative;
	margin-left: 12px;
}

input.topSearchBtn {
	background: url(/base/style/images/material-design-icons/sprites.png) no-repeat -200px -250px;
	background-size: 500px 500px;
	width: 24px;
	height: 24px;
	border: none;
	text-indent: -9999px;
	overflow: hidden;
	margin-left: -28px;
}

.categoryPage .pgm h2 {
	display: none;
}

.crumbChild {
	display: inline-block;
	vertical-align: top;
	height: 180px;
	width: 150px;
	margin-right: 12px;
	margin-top: 12px;
	text-align: center;
}

.crumbChild img {
	width: 150px;
	height: 150px;
}

.crumbTrail, .productCategories {
	background: #eee;
	margin: 0 2px 5px 0;
	padding: 2px 5px;
	box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.25);
}

.crumbTrail .crumb:after {
	content: ' \00BB  '; /* \00BB is &raquo or >> */
}

.fullProduct .crumbTrail .crumb:last-child:after {
	content: '';
}

.pageLinks {
	clear: both;
}

.doubleFset{
	display: inline-block;
	width: 46%;
	box-shadow: none;
	border-radius: 0px;
}

.hidden.doubleFset{
	display: none;
	border: none;
	float: left;
	width: 47%;
}

.doubleFset td,.doubleFset th{
	width: 47%;
}

.cartPrintWidth{
	width: 100%;
}

.cartPrintWidth td,.cartPrintWidth th{
	font-size: 85%;
	border: none !important;
}

.ajy-script{
	display: none;
}

/* Blog */
.blogPost {
	margin-bottom: 12px;
}

.blogPost .prompt {
	font-weight: bold;
}

.blogPostTitle {
	font-size: 18px;
	font-size: 1.8rem;
	padding: 5px 0;
}

.blogPostTitle a {
	font-size: 18px;
	font-size: 1.8rem;
}

.blogPostText {
	padding: 6px;
	margin: 18px 0;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.50);
}

#emailProductLinkForm input {
	width: 300px;
}

#emailProductLinkForm textarea {
	width: 300px;
	height: 100px;
}

form#addProductList input.rlProdNum {
	width: 220px;
	width: 22rem;
}

form#addProductList input.qty {
	width: 90px;
	width: 9rem;
}

form#addProductCopy textarea {
	width: 450px;
	height: 200px;
	width: 45rem;
	height: 20rem;
}

#cartProducts {
	overflow-x: scroll;
}

/* jQuery UI overrides */

.ui-state-focus {
	outline: none;
}

.ui-tabs .ui-tabs-panel {
	padding: 12px;
}

a.ui-tabs-anchor:focus {
	outline: none;
}

.ui-datepicker {
	display: none;
}

.ui-dialog .ui-dialog-titlebar-close {
	background: url(/base/style/images/material-design-icons/sprites.png) no-repeat -133px -66px;
	background-size: 333px 333px;
	border: none;
	width: 16px;
	height: 16px;
}

.ui-dialog .ui-dialog-titlebar-close .ui-icon-closethick {
	display: none;
}

.accordion .ui-state-hover a {
	background: #900 none no-repeat !important;
	color: #fff !important;
}

.ui-icon.ui-icon-circle-close {
	background-image: url(/base/style/images/material-design-icons/sprites.png);
	background-position: -200px -100px;
	background-size: 500px 500px;
	width: 24px;
	height: 24px;
}

.icon {
	display: inline-block;
	background: url(/base/style/images/material-design-icons/sprites.png) no-repeat;
	background-size: 500px 500px;
	width: 24px;
	height: 24px;
	text-indent: -9999px;
	overflow: hidden;
	vertical-align: middle;
}

.icon-user {
	background-position: -0px -0px;
}

.icon-menu {
	background-position: -75px -200px;
}

.icon-filter {
	background-position: -200px -250px;
}

.icon-cancel {
	background-position: -200px -100px;
}

.icon-backorder {
	background-position: -100px -75px;
}

.icon-hold {
	background-position: -25px -300px;
}

.icon-complete {
	background-position: -50px -125px;
}

.icon-new {
	background-position: -300px -0px;
}

.icon-picked {
	background-position: -300px -275px;
}