.action, .edit, .results, .delete, .copy, .promote, .activate, .history, .print, .summary, .versions, .insert, .sort-button, .download, .import, .report {
	background-image: url(/HTML/images/sprites/iconSet1.png);
	background-repeat: no-repeat;
	height: 28px;
	width: 28px;
	margin: 4px auto 0px auto;
}

.download {
	background-image: url(/HTML/images/sprites/download.png);
	background-repeat: no-repeat;
	background-position: 4px;
}

.print {
	background-image: url(/HTML/images/icons/smPrintIcon.png);
	background-repeat: no-repeat;
	background-position: 13px 8px;
}

.action-button-on .print {
	background-position: 4px 4px;
}

.edit {
	background-position: -163px 0px;
}

.action-button-off .edit {
	background-position: -191px 0px;
}

.results, .summary {
	background-position: 5px 0px;
}

.action-button-off .results, .action-button-off .summary {
	background-position: -22px 0px;
}

.delete {
	background-position: -219px 0px;
}

.action-button-off .delete {
	background-position: -247px 0px;
}

.copy, .versions, .report {
	background-position: -275px 0px;
}

.action-button-off .copy, .action-button-off .versions, .action-button-off .report {
	background-position: -303px 0px;
}

.action {
	background-position: -333px 0px;
}

.promote, .activate, .insert, .sort-button, .import {
	background-position: -53px 0px;
}

.action-button-off .action {
	background-position: -361px 0px;
}

.action-button-off .promote, .action-button-off .activate, .action-button-off .insert, .action-button-off .sort-button, .action-button-off .import {
	background-position: -81px 0px;
}

.history {
	background-position: -110px 0px;
}

.action-button-off .history {
	background-position: -138px 0px;
}

.collab.icon {
	background-image: url(/HTML/images/icons/myCustomersIcon.png);
	background-size: 30px;
	background-position: 0px;
	background-repeat: no-repeat;
	height: 30px;
	width: 30px;
	margin: 5px auto;
}

.configure-icon, .add-to-cart, .add-to-watch, .create-new-icon, .watch-icon, .arrow-left-icon, .search-results-icon, .cart-icon, .check-out-icon, .distributor-icon {
	cursor: pointer;
	float: left;
	background-repeat: no-repeat;
	margin: 4px 4px 0px 0px;
	height: 26px;
	width: 29px;
}

.help-mark {
	color: #254676;
	font-weight: bold;
	padding: 2px 4px;
	margin: 4px 8px;
	cursor: pointer;
	float: none;
	width: 8px;
	display: inline-block;
}

.help-mark span.tip {
	display: none;
}

.configure-icon {
	background-image: url(/HTML/images/icons/ConfigurePrdct.png);
}

.add-to-cart {
	background-image: url(/HTML/images/icons/addtoShoppingCart.png);
}

.create-new-icon, .watch-icon {
	background-image: url(/HTML/images/icons/createNew.png);
	background-position: 3px;
}

.cart-icon {
	background-image: url(/HTML/images/icons/CartIcon.png);
}
/* the checkout class is used on the body element when in the checkout ui */
.check-out-icon, .checkout.icon, .sold {
	background-image: url(/HTML/images/icons/checkOut.png);
	background-position: 5px;
}

.sold.icon {
	height: 21px;
	width: 27px;
}

.distributor-icon {
	background-image: url(/HTML/images/icons/locateDistrib.png);
	width: 28px;
	height: 28px;
}

.arrow-left-icon, .previous {
	background-image: url(/HTML/images/icons/arrowLeft.png);
	background-position: 1px 2px;
}

.arrow-right-icon, .next {
	background-image: url(/HTML/images/icons/arrowRight.png);
	background-position: 1px 2px;
}

.search-results-icon, #search-results-icon {
	background-image: url(/HTML/images/icons/searchResultsIcon.png);
}

#nav-icon.carts {
	background-image: url(/HTML/images/icons/CartIcon.png);
}

#nav-icon.quotes, #nav-icon.configurations {
	background-image: url(/HTML/images/icons/notebookNavIcon.png);
}

#nav-icon.orders, .order {
	background-image: url(/HTML/images/icons/OrderIcon.png);
}

#nav-icon.catalog {
	background-image: url(/HTML/images/icons/ECatalogIcon.png);
	background-position: -4px;
	background-size: 34px;
}

.print-icon {
	background-image: url(/HTML/images/icons/smPrintIcon.png);
	height: 20px;
	width: 21px;
	display: inline-block;
}

.icon {
	height: 46px;
	width: 46px;
	background-repeat: no-repeat;
}

.icon.print {
	background-image: url(/HTML/images/icons/printIcon.png);
	background-position: 0px 0px;
}

.icon.order {
	background-position: 2px 0px;
}

.icon.request-order, .icon.submit-order {
	background-image: url(/HTML/images/icons/requestOrder.png);
	background-position: 2px 0px;
	background-size: 25px;
}

.icon.create-order {
	background-image: url(/HTML/images/icons/newOrder.png);
	background-position: 5px 1px;
	background-size: 24px;
}

.icon.edit-order {
	background-image: url(/HTML/images/icons/requestOrder.png);
	background-position: 2px 0px;
	background-size: 25px;
}

.icon.request-quote, .icon.preview, .icon.quotes {
	background-image: url(/HTML/images/icons/notebookIcon.png);
	background-position: 0px 2px;
}

.icon.create-quote {
	background-image: url(/HTML/images/icons/createQuote.png);
	background-position: -2px 0px;
	background-size: 38px;
}

.icon.edit-quote {
	background-image: url(/HTML/images/icons/notebookIcon.png);
	background-position: 0px 2px;
}

.icon.view-quote {
	background-image: url(/HTML/images/icons/view.png);
	background-position: 2px 0px;
}

.icon.save {
	background-image: url(/HTML/images/icons/save.png);
	background-position: 2px;
}

.icon.return {
	background-image: url(/HTML/images/icons/arrowLeft.png);
	background-position: 1px 2px;
}

.icon.email {
	background-image: url(/HTML/images/icons/mail.png);
	background-position: 2px 8px;
}

.icon.checkout {
	background-position: 0px 1px;
}

.icon.add-to-cart {
	background-position: -1px 3px;
	background-size: 36px;
}

.icon.edit {
	background-image: url(/HTML/images/icons/smPencilIcon.png);
	background-position: 0px;
}

.icon.close {
	background-image: url(/HTML/images/icons/closeIcon.png);
	background-position: 0px;
}

.icon.shop, .icon.cart {
	background-image: url(/HTML/images/icons/CartIcon.png);
}

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

.icon.catalog {
	background-image: url(/HTML/images/icons/ECatalogIcon.png);
}

.icon.build, .icon.update {
	background-image: url(/HTML/images/icons/build.png);
	background-position: 1px;
}

.icon.continue {
	background-image: url(/HTML/images/icons/continue.png);
	background-position: -2px 0px;
}

.icon.add {
	background-image: url(/HTML/images/icons/createNew.png);
	background-position: 2px 0px;
}

.icon.cancel {
	background-image: url(/HTML/images/icons/closeIcon.png);
	background-position: 1px 1px;
}

.icon.upload {
	background-image: url(/HTML/images/icons/upload.png);
	background-position: 2px 4px;
}

.view, .secure, .lock, .unlock, .collaborate, .logic {
	background-repeat: no-repeat;
	height: 28px;
	width: 28px;
	margin: 4px auto 0px auto;
}

.action-button-off .view, .action-button-off .secure, .action-button-off .lock, .action-button-off .unlock, .action-button-off .collaborate, .action-button-off .logic {
	-webkit-filter: opacity(50%) grayscale(100%);
	filter: opacity(50%) grayscale(100%);
}

.view {
	background-image: url(/HTML/images/icons/search.png);
}

a.view {
	padding: 8px 14px;
}

.view img {
	display: none;
}

.secure {
	background-image: url(/HTML/images/icons/key.png);
	background-position: 0px 2px;
}

.lock {
	background-image: url(/HTML/images/icons/lock.png);
}

.unlock {
	background-image: url(/HTML/images/icons/unlock.png);
}

.logic {
	background-image: url(/HTML/images/icons/logic.png);
}

.collaborate {
	background-image: url(/HTML/images/icons/collaborate.png);
	background-position: 0px 2px;
}

.mini-button div {
	height: 16px;
	width: 16px;
	margin: 4px;
}

.mini-button .edit, .mini-button .copy, .mini-button .delete, .mini-button .report {
	background-size: 210px 16px;
	height: 16px;
	width: 16px;
	margin: 2px;
}

.mini-button .edit {
	background-position: -89px 0px;
}

.mini-button .copy, .mini-button .report {
	background-position: -149px 0px;
}

.mini-button .delete {
	background-position: -119px 0px;
}

.mini-button .down, .mini-button .up {
	width: 0;
	height: 0;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	margin-top: 5px;
}

.mini-button .down {
	border-top: 10px solid #000066;
}

.mini-button .up {
	border-bottom: 10px solid #000066;
}

.mini-button.off .down {
	border-top: 10px solid #666666;
}

.mini-button.off .up {
	border-bottom: 10px solid #666666;
}

.arrowbullet {
	float: left;
	width: 0;
	height: 0;
	border-top: 6px solid transparent;
	border-bottom: 6px solid transparent;
	border-left: 10px solid #000066;
	margin-right: 4px;
}

.icon.new {
	background-image: url(/HTML/images/icons/createNew.png);
	height: 24px;
	width: 24px;
	float: left;
}

.collapsible .indicator {
	position: absolute;
	top: 3px;
	right: 4px;
	width: 17px;
	height: 17px;
	background-size: 18px;
	background-position: 0px 0px;
	background-image: url(/HTML/images/icons/iconClose.png);
	background-color: black;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}

.collapsible .indicator.closed {
	background-image: url(/HTML/images/icons/iconOpen.png);
}

.IconAttn,.IconError {
	display: inline-block;
	height: 17px;
	width: 17px;
	background-repeat: no-repeat;
	top: 3px;
	margin-right: 10px;
	vertical-align: top;
}

.IconAttn {
	background-image: url(/HTML/images/icons/IconAttn.png);
}

.IconError {
	background-image: url(/HTML/images/icons/IconError.png);
}