﻿		a.FnlInputButtonLink:visited,
		a.FnlInputButtonLink:hover {
			color: Black;
			text-decoration: none;
		}



fieldset.FnlFieldSet ol.InputFields > li > label:first-child,
fieldset.FnlFieldSet ol.InputFields > li > span.Required:first-child + label,
fieldset.FnlFieldSet ol.InputFields > li > span.Label:first-child,
fieldset.FnlFieldSet ol.InputFields > li > span.Required:first-child + span.Label {
	width: 150px;
}

fieldset.FnlFieldSet ol.InputFields .InputNote {
	margin-left: 150px;
}

fieldset.FnlFieldSet ol.InputFields.Horizontal {
	margin-left: 150px;
}

fieldset.FnlFieldSet ol.InputFields li > textarea {
	width: 500px;
	height: 150px;
}

div.FnlViewSet ol.ViewFields li > label:first-child,
div.FnlViewSet ol.ViewFields li > span.Required:first-child + label,
div.FnlViewSet ol.ViewFields li > span.Label:first-child,
div.FnlViewSet ol.ViewFields li > span.Required:first-child + span.Label {
	width: 150px;
}


	div.FnlViewSet ol.ViewFields li > label:first-child + p,
	div.FnlViewSet ol.ViewFields li > span.Required:first-child + label + p,
	div.FnlViewSet ol.ViewFields li > span.Label:first-child + p,
	div.FnlViewSet ol.ViewFields li > span.Required:first-child + span.Label + p {
		margin: 0px 0px 0px 140px;
	}

ul.InlineInput {
	padding: 0px;
	margin: 0px;
	overflow: hidden;
	display: inline;
}

	ul.InlineInput li {
		display: inline;
		padding: 0px;
		margin: 0px;
		list-style-type: none;
	}

.ValidationError {
	color: red;
	font-size: 11px;
	text-wrap: normal;
}




/********** Tableless Input Styles ***********/
.InputSection {
	overflow: hidden; /* Forces the input section to contain the input items. */
	width: 700px;
}

	.InputSection .InputItem {
		margin: 6px 0px 3px 0px; /* Input item spacing. */
		float: left; /* Floating the "item" forces the floated label to use vertical space, ensuring that the label is completely contained. */
		width: 100%;
		overflow: hidden;
	}

	.InputSection .Label {
		float: left; /* Enables the label to appear at the top of the input (see the text area), otherwise it would appear at the bottom. */
		width: 150px; /* The width of the label.  Floating the label allows a width to be applied. */
		margin: 0px 0px 0px 30px; /* Separates the label from the input in case the label takes up all of the allotted width. */
		/*font-weight: bold; */
	}

	.InputSection .InputLabel {
		margin: 3px 0px 3px 0px;
		float: left;
	}

	.InputSection .InputTextArea {
		margin: 3px 0px 3px 0px;
		float: left;
		width: 450px;
		height: 150px;
	}

.textbox {
	width: 300px;
	margin-left: 0px;
	background-color: #ffffff;
	color: #000000;
}

.searchLabel {
	width: 240px;
}

.searchTextbox {
	width: 240px;
}

.dropDownList {
	font: Arial, Helvetica, sans-serif;
}

.FullImagePlaceholder {
	position: absolute;
	top: 0px;
	left: 0px;
	border: 1px solid Black;
	padding: 5px;
	background-color: White;
}

.Hidden {
	display: none;
}

.Caption {
	display: block;
	padding: 6px 0px 6px 0px;
	text-align: left;
}

.Thumbnail {
	display: block;
	margin-bottom: 6px;
	cursor: pointer;
}

a {
	cursor: pointer;
}

.CannotOrder {
	background-color: #c0c7cc;
}

	.CannotOrder td {
		border-right: 1px solid Silver;
		padding: 6px 3px 6px 3px;
		vertical-align: top;
	}


.grid-details {
	display: none;
}

.GridViewTextbox {
	width: 25px;
	margin-left: 0px;
	background-color: #ffffff;
	color: #000000;
}


.InputSection2 {
	overflow: hidden; /*Forces the input section to contain the input items. */
	width: 400px;
}

	.InputSection2 .InputItem2 {
		margin: 6px 0px 3px 0px; /* Input item spacing. */
		float: left; /* Floating the "item" forces the floated label to use vertical space, ensuring that the label is completely contained. */
		width: 100%;
		overflow: hidden;
	}

	.InputSection2 .Label2 {
		float: left; /* Enables the label to appear at the top of the input (see the text area), otherwise it would appear at the bottom. */
		width: 150px; /* The width of the label.  Floating the label allows a width to be applied. */
		margin: 0px 0px 0px 30px; /* Separates the label from the input in case the label takes up all of the allotted width. */
		/*font-weight: bold; */
	}

	.InputSection2 .InputLabel2 {
		margin: 3px 0px 3px 0px;
		float: left;
	}

.FnlGridView .AddSavePanel {
	white-space: nowrap;
}

	.FnlGridView .AddSavePanel input[type="image"] {
		vertical-align: bottom;
		position: relative;
		top: -2px;
	}

.FnlGridView .EditPanel input[type="image"] {
	vertical-align: middle;
}

.FnlGridView .AcitveRemovePanel {
	text-align: center;
}

.FnlGridView .InactiveRemovePanel {
	text-align: center;
	margin-top: 6px;
}

/* Information paragraph */
p.Information {
	padding: 6px 12px 6px 45px;
	margin: 0px 0px 12px 0px;
	border: 1px solid #cccccc;
	background-color: #efefef;
	background-image: url("../Media/Images/Icons/info-24.png");
	background-repeat: no-repeat;
	background-position: 6px 6px;
}

/* Filter Panel */
.FilterPanel {
	overflow: hidden;
}

	.FilterPanel > fieldset {
		float: left;
		margin-top: 0px;
	}

	.FilterPanel > p.Information {
		float: left;
		width: 353px;
		margin-left: 12px;
	}

/* TwoColumnLayout */
.TwoColumnLayout {
	overflow: hidden;
}

	.TwoColumnLayout h4 {
		margin-top: 0px;
	}

	.TwoColumnLayout div.FnlViewSet {
		margin-top: 0px;
	}

	.TwoColumnLayout .LeftColumn {
		float: left;
		width: 468px;
	}

	.TwoColumnLayout .RightColumn {
		margin-left: 468px;
	}

.PanelInfo {
	margin-top: 15px;
}

h2.CommentLabel {
	margin: 0px;
	float: left;
}

h3.CommentLabel {
	margin: 0px;
	float: left;
}

.Comment {
	margin-left: 210px;
}

.PageButtons {
	text-align: right;
	margin-bottom: 10px;
	margin-top: 10px;
}

.WelcomeBar {
	text-align: right;
	font-size: 0.8em;
}

.Print {
	float: right;
}

.LogonInstructions {
	padding: 20px 0px 30px 160px;
}

.TopCart {
	float: right;
	margin-top: -30px;
	font-size: 0.9em;
}

.Checkout {
	float: right;
}

.BottomCart {
	float: right;
	margin-top: 10px;
	font-size: 0.9em;
}

.EmptyCartMessage {
	margin-top: 30px;
}

.GridViewFooterMessage {
	overflow: hidden;
	border-left: 1px solid Silver;
	border-bottom: 1px solid Silver;
	border-right: 1px solid Silver;
}

.GridViewFooterTotalAmount {
	float: right;
	font-weight: bold;
	margin-right: 10px;
	margin-bottom: 10px;
}

.TextArea {
	margin: 3px 0px 3px 0px;
	width: 450px;
	height: 150px;
	overflow: hidden;
}

.FnlGridViewHeader a {
	text-decoration: underline;
}

.FnlGridViewRow td.Quantity {
	width: 80px;
}

.FnlGridViewEditRow td.Quantity {
	width: 80px;
}

.FnlGridViewRow td.Edit {
	width: 40px;
}

.FnlGridViewEditRow td.Edit {
	width: 40px;
}

img.ProductImage {
	max-height: 150px;
	max-width: 150px;
}



/* Fancy Cart Icon */
.MyCartTitle:before {
	display: inline-block;
	content: "";
	width: 24px;
	height: 24px;
	vertical-align: middle;
	margin: 0 8px 0 0;
	background: transparent url(../Media/Images/Icons/cart24.png) no-repeat 0 0;
}



/* Controlled Items */
.ControlledItemPurchaseUnauthorizedMessage {
	box-sizing: border-box;
	margin: 30px 0 0;
	padding: 54px 0 0 151px;
	min-height: 150px;
	border: 1px solid #eaeaea;
	border-radius: 5px;
	position: relative;
}

	.ControlledItemPurchaseUnauthorizedMessage:before {
		display: block;
		content: "";
		width: 125px;
		border-right: 1px solid #eaeaea;
		position: absolute;
		left: 0;
		top: 0;
		bottom: 0;
		z-index: 1;
		background: transparent url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMCIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeD0iMCIgeT0iMCIgdmlld0JveD0iMCAwIDgwIDk5LjMiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBmaWxsPSIjQUQyMDcxIiBkPSJNMzAuNCA5OS4zQzggOTkuMyAwIDc4LjYgMCA1OS4zdi0zMmMwLTQuNCAzLjYtOCA4LTggMS44IDAgMy41LjYgNC44IDEuNnYtNi40YzAtNC40IDMuNi04IDgtOCAxLjggMCAzLjUuNiA0LjggMS42IDAtNC40IDMuNi04IDgtOHM4IDMuNiA4IDhjMS4zLTEgMy0xLjYgNC44LTEuNiA0LjQgMCA4IDMuNiA4IDh2MzJjMCAxLjguMyAyLjUuNSAyLjguMS4yLjIuMy41LjMuOCAwIDMtLjggOC4yLTZsMi44LTIuOGMzLTMgOC4zLTMgMTEuMyAwIDEuNSAxLjUgMi4zIDMuNSAyLjMgNS43IDAgMi4xLS44IDQuMi0yLjMgNS43TDc1LjggNTRjLTUuMyA1LjQtOC41IDEyLjMtMTEuNSAxOS01LjkgMTIuOS0xMS45IDI2LjMtMzMuOSAyNi4zek04IDIyLjRjLTIuNiAwLTQuOCAyLjItNC44IDQuOHYzMmMwIDguNiAyIDM2LjggMjcuMiAzNi44IDE5LjkgMCAyNS0xMS4zIDMxLTI0LjQgMy4xLTcgNi40LTE0LjIgMTIuMi0xOS45bDEuOS0xLjljLjktLjkgMS40LTIuMSAxLjQtMy40IDAtMS4zLS41LTIuNS0xLjQtMy40LTEuOC0xLjgtNS0xLjgtNi44IDBsLTIuOCAyLjhjLTQuOCA0LjgtOCA2LjktMTAuNSA2LjktMS40IDAtMi41LS43LTMuMi0xLjgtLjYtMS0uOS0yLjUtLjktNC41di0zMmMwLTIuNi0yLjItNC44LTQuOC00LjgtMi42IDAtNC44IDIuMi00LjggNC44djMyLjdzLjIgMS42LTEuNiAxLjYtMS42LTEuNi0xLjYtMS42VjhjMC0yLjYtMi4yLTQuOC00LjgtNC44LTIuNiAwLTQuOCAyLjItNC44IDQuOHYzOS4xczAgMS42LTEuNiAxLjYtMS42LTEuNi0xLjYtMS42VjE0LjRjMC0yLjYtMi4yLTQuOC00LjgtNC44LTIuNiAwLTQuOCAyLjItNC44IDQuOHYzMi43czAgMS41LTEuNSAxLjVjLTEuNiAwLTEuNy0xLjUtMS43LTEuNVYyNy4yYy0uMS0yLjYtMi4zLTQuOC00LjktNC44eiIvPjwvc3ZnPg==') no-repeat center / 80px 99px;
	}

	.ControlledItemPurchaseUnauthorizedMessage h3 {
		font-size: 1.333em; /* 1.333em = 16/12 */
		margin-top: 0;
	}

	.ControlledItemPurchaseUnauthorizedMessage p {
		margin: 0;
		font-size: 1.167em; /* 1.167em = 14/12 */
	}

.ControlledItemsStep2 .ChunkTitle {
	margin-top: 30px
}

.ControlledItemsStep2 .CartEmptyMessage {
	padding: 6px 10px;
	margin: 0 0 12px 0;
	border: 1px solid #cccccc;
	background-color: #efefef;
}

.ControlledItemsStep2 .MyCartGridFooterWrapper + .CartEmptyMessage {
	display: none;
}

.CartReviewFooter {
	margin: 10px 0;
}

.ControlItemActions {
	margin-top: 25px;
}

.ControlItemProductInformation.Information {
	padding-top: 10px;
	padding-bottom: 10px;
}



/* Controlled Items Search */
.ControlledItemsSearch fieldset {
	margin: 12px 0;
	padding: 0;
	border: none;
}

	.ControlledItemsSearch fieldset > legend {
		position: absolute !important;
		clip: rect(1px 1px 1px 1px);
		clip: rect(1px, 1px, 1px, 1px);
		margin: -4000px 0px 0px -4000px;
	}

	.ControlledItemsSearch fieldset ol {
		display: flex;
		margin: 0;
		padding: 0;
		list-style-type: none;
	}

		.ControlledItemsSearch fieldset ol > li {
			flex: 0 1;
			margin: 0 15px 0 0;
		}

			.ControlledItemsSearch fieldset ol > li:last-child {
				align-self: flex-end;
			}

	.ControlledItemsSearch fieldset label {
		display: block;
		margin-bottom: 3px;
	}



/* Multi Step Form Header */
.MultiStepFormHeader .StepWrapper {
	display: inline-block;
}

.MultiStepFormHeader .CurrentStep {
	font-size: 12px;
	font-weight: normal;
	color: #000000;
}

.MultiStepFormHeader .TotalSteps {
	font-size: 10px;
	font-weight: normal;
	color: #737373;
}

.MultiStepFormHeader .MultiStepFormHeaderTitle:before {
	display: inline-block;
	content: "";
	margin: 0 15px;
	width: 1px;
	height: 22px;
	vertical-align: middle;
	background-color: #d7d7d7;
}



/* Order Index */
.OrderIndex h1 {
	margin-bottom: 20px;
}

.OrderIndex .Information {
	margin-bottom: 32px;
}

.OrderIndex .OrderOptions {
	margin-bottom: 25px;
}



/* Primary Button */
a.PrimaryButton {
	display: inline-block;
}

.PrimaryButton,
a.PrimaryButton,
.FlexBlock > .BlockBody a.PrimaryButton {
	padding: 9px 13px;
	background-color: #035b7f;
	border-radius: 3px;
	color: #ffffff;
	text-decoration: none;
}

	.PrimaryButton:hover,
	a.PrimaryButton:hover,
	.FlexBlock > .BlockBody a.PrimaryButton:hover {
		background-color: #2c89af;
		text-decoration: underline;
	}



/* Order Options */
.OrderOptions {
	display: flex;
}

	.OrderOptions .OrderNonControlled,
	.OrderOptions .OrderControlled {
		box-sizing: border-box;
		display: flex;
		align-items: center;
		flex: 0 1 auto;
		font-size: 14px;
	}

	.OrderOptions .OrderNonControlled {
		margin-right: 14px;
	}

		.OrderOptions .OrderNonControlled:before,
		.OrderOptions .OrderControlled:before {
			display: inline-block;
			content: "";
			margin: 0 15px 0 0;
			background-color: transparent;
			background-repeat: no-repeat;
			background-position: center center;
		}

		.OrderOptions .OrderNonControlled:before {
			width: 32px;
			height: 28px;
			background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgMzIgMjgiPjxwYXRoIGZpbGw9IiNmZmZmZmYiIGQ9Ik0zMC41IDIuMWMxLjEuMyAxLjcgMS40IDEuNCAyLjVsLTQgMTRjLS4yLjktMSAxLjUtMS45IDEuNUg5Yy0xIDAtMS45LS44LTItMS44TDUuMiA0SDJDLjkgNCAwIDMuMSAwIDJzLjktMiAyLTJoNWMxIDAgMS45LjggMiAxLjhMMTAuOCAxNmgxMy43bDMuNi0xMi41Yy4zLTEuMSAxLjQtMS43IDIuNC0xLjRNOCAyNWMwIDEuNyAxLjMgMyAzIDNzMy0xLjMgMy0zLTEuMy0zLTMtMy0zIDEuMy0zIDNtMTIgMGMwIDEuNyAxLjMgMyAzIDNzMy0xLjMgMy0zLTEuMy0zLTMtMy0zIDEuMy0zIDMiLz48L3N2Zz4=');
		}

	.OrderOptions .OrderControlled:before {
		width: 23px;
		height: 32px;
		background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgMjMuMyAzMS42Ij48ZyBmaWxsPSIjZmZmZmZmIj48cGF0aCBkPSJNMTMuMjMyIDExLjE1N2wtNS4xIDMuNmMtLjMuMi0uMy41LS4xLjhsNS4xIDcuNGMuMi4zLjUuMy44LjFsNC45LTMuNGMuMy0uMi4zLS41LjEtLjhsLS41LS44LTIgMS40Yy0uMy4yLS43LjEtLjktLjItLjItLjMtLjEtLjcuMi0uOWwyLTEuNC0uOC0xLjEtMiAxLjRjLS4zLjItLjcuMS0uOS0uMnMtLjEtLjcuMi0uOWwyLTEuNC0uOC0xLjEtMiAxLjRjLS4zLjItLjcuMS0uOS0uMnMtLjEtLjcuMi0uOWwyLTEuNC0xLTEuNGMtLjEuMS0uMi0uMi0uNSAwem0tMy04bC0zLjEgMi4xLTEuMy0xLjljLS4xLS4xLS4yLS4xLS4yIDBsLTIuNCAxLjdjLS4xLjEtLjEuMiAwIC4ybDEuMyAxLjktMy4xIDIuMWMtLjUuNC0uNyAxLjEtLjMgMS43bC4zLjVjLjQuNSAxLjEuNyAxLjcuMyAwIDAgMCAuMS4xLjFsOS43IDE0Yy42LjkgMS43IDEuMiAyLjcuN2wuNS0uNGMxIC42IDIuMi43IDMuMi4ybDMuNCA1Yy4yLjIuNS4zLjcuMS0uMy0uNS0uNS0xLjEtLjYtMS43bC0yLjctNGMuOC0uOCAxLjItMS45IDEtM2wuNS0uNGMuOC0uNy45LTEuOS4zLTIuN2wtOS43LTE0czAtLjEtLjEtLjFjLjUtLjQuNy0xLjEuMy0xLjdsLS4zLS41Yy0uNi0uNC0xLjMtLjYtMS45LS4yem05LjkgMTUuOWMuMi4zLjEuOC0uMiAxbC02LjIgNC4zYy0uMy4yLS44LjEtMS0uMmwtOC40LTEyLjJjLS4yLS4zLS4xLS44LjItMWw2LjItNC4zYy4zLS4yLjgtLjEgMSAuMmw4LjQgMTIuMnpNNS4xMzIuMjU3bC00LjcgMy4yYy0uNS4zLS42LjktLjQgMS40LjMuNS45LjYgMS40LjRsLjEtLjEgNC43LTMuMmMuNS0uMy42LS45LjQtMS40LS4zLS41LS45LS42LTEuNC0uNGwtLjEuMXoiLz48L2c+PC9zdmc+');
	}



/* Home Page */
.Home .FlexContain > .FlexBlock:last-child {
	flex: 0 1 300px;
}

.Home .FlexBlock:last-child > .BlockBody {
	min-height: unset;
}

.Home .OrderOptions {
	margin: 0 0 18px;
}

.Home .SearchLink {
	display: flex;
	align-items: center;
	width: 200px;
	margin: 0 0 15px;
	font-size: 14px;
}

	.Home .SearchLink:before {
		display: inline-block;
		content: "";
		width: 33px;
		height: 22px;
		margin: 0 15px 0 0;
		vertical-align: middle;
		background: transparent url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgMzIgMzIiPjxwYXRoIGZpbGw9IiNmZmZmZmYiIGQ9Ik0zMSAyNy4ybC03LjYtNi40Yy0uNi0uNi0xLjQtMS0yLjMtMSA0LjMtNSAzLjctMTIuNi0xLjQtMTYuOS01LTQuMy0xMi42LTMuNy0xNi45IDEuNC00LjMgNS0zLjcgMTIuNiAxLjQgMTYuOSA0LjUgMy44IDExLjEgMy44IDE1LjUgMCAwIC45LjQgMS43IDEgMi4zbDYuNCA3LjZjLjkgMS4yIDIuNiAxLjQgMy44LjQgMS4yLS45IDEuNC0yLjYuNC0zLjggMC0uMi0uMi0uNC0uMy0uNU0xMiAyMGMtNC40IDAtOC0zLjYtOC04czMuNi04IDgtOCA4IDMuNiA4IDgtMy42IDgtOCA4Ii8+PC9zdmc+') no-repeat center center;
	}



/* Login Page */
.LoginPage .Information {
	padding-top: 10px;
	padding-bottom: 10px;
}

.CADWarehouseLandingPage .FnlPageNotification {
	background-image: url(../Media/Images/Icons/Alert_Icon.svg);
	background-repeat: no-repeat;
	padding-left: 55px;
	background-size: 25px;
	background-position: 15px;
	background-color: #fff5ba;
}