@font-face {
  font-family: learningCurve;
  src: url(learning_curve_bold_ot_tt.ttf);
}


html, body {
	overflow: hidden;
	height: "100%";
	overscroll-behavior: none;
	position: fixed;  
} 

.scrollable-container {
	overscroll-behavior: contain;
	/* overflow-y: scroll;
	-webkit-overflow-scrolling: touch; */
}


html, body, p {
	
  font-family: Arial, Helvetica, sans-serif; /* RobotoLight, Arial, Verdana, sans-serif; */
  margin: 0;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}

/* Styling placeholder text is still vendor-specific in 2020 - what a crock... 
   Note, we explicitly specify opacity because Firefox will apply a default opacity of 0.4 if 
   we leave it to its own devices.  It's like we're back in 2007 again, with everyone merrily 
   doing their own thing, and to hell with the standard  */
::-webkit-input-placeholder {
    color: #182837;
    opacity: 1;
}
:-moz-placeholder {
    color: #182837;
    opacity: 1;
}
::-moz-placeholder {
    color: #182837;
    opacity: 1;
}
:-ms-input-placeholder {
    color: #182837;
    opacity: 1;
}

#portal-menu-spacer {
	width: 160px;
}

/* Switch off the standard Chrome focus outline */
input:focus, textarea:focus, select:focus, div:focus {
    outline: none;
}

/* Menu bar */
.menuLink {
	color: white;
	text-transform: uppercase;
	letter-spacing: 0.8px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 15px;
    font-weight: bold;
    white-space: nowrap;
}
.topBar, .topBarContainer {
	color: #333f48;
	background-color: white;
	text-transform: uppercase;
	letter-spacing: 0.8px;
    font-family: RobotoLight, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: lighter;
    white-space: nowrap;
}
.topBar {
    border-bottom: 2px solid #333f48;
}
.topBarLink,
.basketLink,
.logoutLink {
	color: #333f48;
	background-color: transparent;
	text-transform: uppercase;
	letter-spacing: 0.8px;
    font-family: RobotoLight, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    white-space: nowrap;
}
.basketLinkBadge {
	background-color: #10A5A1;
	border-radius: 50%;
	padding: 1px;
	color: white;
	font-size: 11px;
	text-align: center;
	width: 16px;
	height: 16px;
	line-height: 16px;
	vertical-align: middle;
}
.accountLink {
	color: white;
	text-transform: uppercase;
	letter-spacing: 0.8px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 15px;
    font-weight: bold;
    white-space: nowrap;
    border: 2px solid white;
    border-radius: 25px;
    padding: 10px;
}

.infoFooter {
	background-color: #333F48;
	color: white;
	text-align: center;
}

.abingdonAddress {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 18px;
    line-height: 30px;
    color: white;
}

.abingdonAddress a {
    color: white;
    text-decoration: none;
}
.abingdonAddress a:hover {
    color: #E63888;
    text-decoration: underline;
}

.abingdonAddressPhone {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    line-height: 20px;
    color: white;
}

.abingdonAddressPhone a {
    color: white;
    text-decoration: none;
}
.abingdonAddressPhone a:hover {
    color: #E63888;
    text-decoration: underline;
}

.copyrightMessage {
    font-family: RobotoLight, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: white;
}

.contactUsEmail a {
	font-size: 16px;
	font-weight: 400;
    color: white;
    text-decoration: none;
}
.contactUsEmail a:hover,
.contactUsEmail a:visited {
	font-size: 16px;
	font-weight: 400;
    color: white;
    text-decoration: underline;
}

.contactUsPhone {
	font-size: 16px;
	font-weight: 400;
    color: white;
}
	
/*
#portal-return-to-website-bar {
    width: 100%;
    height: 55px;
    background-color: #A1ABB2;
}

#portal-menu-bar {
    width: 100%;
    height: 135px;
    background-color: #8E99A1;
}

*/

/* This is a right palaver, just to override the font size... */
.largerButton,
.largerButtonOver,
.largerButtonFocused,
.largerButtonFocusedOver,
.largerButtonDown,
.largerButtonFocusedDown,
.largerButtonSelected,
.largerButtonSelectedFocused,
.largerButtonSelectedDown,
.largerButtonSelectedFocusedDown,
.largerButtonSelectedOver,
.largerButtonSelectedFocusedOver,
.largerButtonDisabled,
.largerButtonSelectedDisabled {
  background-color: #3030e0;
  border: 0px;
  color: white;
  font-size: 20px;
  padding-top: 10px;
  text-align: center;
  border-radius: 5px;
  cursor: pointer
}

.largerButtonDisabled,
.largerButtonSelectedDisabled {
  background-color: #e8e8e8;
  border: 0px;
  color: white;
  font-size: 20px;
  padding-top: 10px;
  text-align: center;
  border-radius: 5px;
}

.largerButtonFocused,
.largerButtonFocusedOver,
.largerButtonSelectedFocused,
.largerButtonSelectedFocusedOver,
.largerButtonSelectedFocusedDown {
  background-color: #5050ff;
  border: 0px;
  color: white;
  font-size: 20px;
  padding-top: 10px;
  text-align: center;
  border-radius: 5px;
}

.largerButtonOver,
.largerButtonFocusedOver,
.largerButtonSelectedFocused,
.largerButtonSelectedFocusedOver {
  background-color: #5050ff;
  border: 0px;
  color: white;
  font-size: 20px;
  padding-top: 10px;
  text-align: center;
  border-radius: 5px;
}

.largerButtonDown,
.largerButtonFocusedDown,
.largerButtonSelectedDown,
.largerButtonSelectedFocusedDown {
  background-color: #5050ff;
  border: 0px;
  color: white;
  font-size: 20px;
  padding-top: 10px;
  text-align: center;
  border-radius: 5px;
}

.largerButtonSelected,
.largerButtonSelectedFocused,
.largerButtonSelectedOver,
.largerButtonSelectedFocusedOver,
.largerButtonSelectedDisabled {
  background-color: #5050ff;
  border: 0px;
  color: white;
  font-size: 20px;
  padding-top: 10px;
  text-align: center;
  border-radius: 5px;
}

.marketingContentButton,
.marketingContentButtonOver,
.marketingContentButtonFocused,
.marketingContentButtonFocusedOver,
.marketingContentButtonDown,
.marketingContentButtonFocusedDown,
.marketingContentButtonSelected,
.marketingContentButtonSelectedFocused,
.marketingContentButtonSelectedDown,
.marketingContentButtonSelectedFocusedDown,
.marketingContentButtonSelectedOver,
.marketingContentButtonSelectedFocusedOver,
.marketingContentButtonDisabled,
.marketingContentButtonSelectedDisabled {
  border-radius: 25px;
  font-size: 12px;
  border: 0px;
  color: white;
  padding: 10px 0;
  text-align: center;
  text-transform: uppercase;
  cursor: pointer;
}

.marketingContentButton,
.marketingContentButtonFocused,
.marketingContentButtonSelected,
.marketingContentButtonSelectedFocusedDown {
  background-color: #10A5A1;
}

.marketingContentButtonDisabled,
.marketingContentButtonSelectedDisabled {
    color: #8E98A1;
	background-color: #eeeeee;
}

.marketingContentButtonOver,
.marketingContentButtonFocused,
.marketingContentButtonDown,
.marketingContentButtonSelected,
.marketingContentButtonFocusedOver,
.marketingContentButtonFocusedDown,
.marketingContentButtonSelectedFocused,
.marketingContentButtonSelectedOver,
.marketingContentButtonSelectedDown,
.marketingContentButtonSelectedFocusedOver,
.marketingContentButtonSelectedFocusedDown,
.marketingContentButtonSelectedFocusedDownOver {
	background-color: #006980;
}

.filterPopoutButton,
.filterPopoutButtonFocused,
.filterPopoutButtonSelected,
.filterPopoutButtonSelectedFocusedDown {
  background-color: #10A5A1;
}

.filterPopoutButtonDisabled,
.filterPopoutButtonSelectedDisabled {
    color: #8E98A1;
	background-color: #eeeeee;
}

.filterPopoutButtonOver,
.filterPopoutButtonFocused,
.filterPopoutButtonDown,
.filterPopoutButtonSelected,
.filterPopoutButtonFocusedOver,
.filterPopoutButtonFocusedDown,
.filterPopoutButtonSelectedFocused,
.filterPopoutButtonSelectedOver,
.filterPopoutButtonSelectedDown,
.filterPopoutButtonSelectedFocusedOver,
.filterPopoutButtonSelectedFocusedDown,
.filterPopoutButtonSelectedFocusedDownOver {
	background-color: #006980;
}

.largerPortalButton,
.largerPortalButtonOver,
.largerPortalButtonFocused,
.largerPortalButtonFocusedOver,
.largerPortalButtonDown,
.largerPortalButtonFocusedDown,
.largerPortalButtonSelected,
.largerPortalButtonSelectedFocused,
.largerPortalButtonSelectedDown,
.largerPortalButtonSelectedFocusedDown,
.largerPortalButtonSelectedOver,
.largerPortalButtonSelectedFocusedOver,
.largerPortalButtonDisabled,
.largerPortalButtonSelectedDisabled {
  border: 2px solid transparent;
  font-size: 15px;
  padding: 10px 0;
  text-align: center;
  text-transform: uppercase;
  cursor: pointer;
}

.largerPortalButton,
.largerPortalButtonFocused,
.largerPortalButtonSelected,
.largerPortalButtonSelectedFocusedDown {
    color: white;
	background-color: #333F48;
}

.largerSecondaryPortalButton,
.largerSecondaryPortalButtonOver,
.largerSecondaryPortalButtonFocused,
.largerSecondaryPortalButtonFocusedOver,
.largerSecondaryPortalButtonDown,
.largerSecondaryPortalButtonFocusedDown,
.largerSecondaryPortalButtonSelected,
.largerSecondaryPortalButtonSelectedFocused,
.largerSecondaryPortalButtonSelectedDown,
.largerSecondaryPortalButtonSelectedFocusedDown,
.largerSecondaryPortalButtonSelectedOver,
.largerSecondaryPortalButtonSelectedFocusedOver,
.largerSecondaryPortalButtonDisabled,
.largerSecondaryPortalButtonSelectedDisabled {
  border: 2px solid #8E98A1;
  color: #8E98A1;
  font-size: 15px;
  padding: 10px 0;
  text-align: center;
  text-transform: uppercase;
  cursor: pointer;
}
.largerSecondaryPortalButton,
.largerSecondaryPortalButtonFocused,
.largerSecondaryPortalButtonSelected,
.largerSecondaryPortalButtonSelectedFocusedDown {
  background-color: transparent;
}

.largerPortalButtonDisabled,
.largerPortalButtonSelectedDisabled {
    color: #8E98A1;
	background-color: #eeeeee;
}

.largerPortalButtonOver,
.largerPortalButtonFocused,
.largerPortalButtonDown,
.largerPortalButtonSelected,
.largerPortalButtonFocusedOver,
.largerPortalButtonFocusedDown,
.largerPortalButtonSelectedFocused,
.largerPortalButtonSelectedOver,
.largerPortalButtonSelectedDown,
.largerPortalButtonSelectedFocusedOver,
.largerPortalButtonSelectedFocusedDown,
.largerPortalButtonSelectedFocusedDownOver {
	color: white;
	background-color: #186067;
}

.largerSecondaryPortalButtonOver,
.largerSecondaryPortalButtonFocused,
.largerSecondaryPortalButtonDown,
.largerSecondaryPortalButtonSelected,
.largerSecondaryPortalButtonFocusedOver,
.largerSecondaryPortalButtonFocusedDown,
.largerSecondaryPortalButtonSelectedFocused,
.largerSecondaryPortalButtonSelectedOver,
.largerSecondaryPortalButtonSelectedDown,
.largerSecondaryPortalButtonSelectedFocusedOver,
.largerSecondaryPortalButtonSelectedFocusedDown,
.largerSecondaryPortalButtonSelectedFocusedDownOver {
	background-color: #eeeeee;
}

.normalPortalButton,
.normalPortalButtonOver,
.normalPortalButtonFocused,
.normalPortalButtonFocusedOver,
.normalPortalButtonDown,
.normalPortalButtonFocusedDown,
.normalPortalButtonSelected,
.normalPortalButtonSelectedFocused,
.normalPortalButtonSelectedDown,
.normalPortalButtonSelectedFocusedDown,
.normalPortalButtonSelectedOver,
.normalPortalButtonSelectedFocusedOver,
.normalPortalButtonDisabled,
.normalPortalButtonSelectedDisabled,
.secondaryPortalButton,
.secondaryPortalButtonOver,
.secondaryPortalButtonFocused,
.secondaryPortalButtonFocusedOver,
.secondaryPortalButtonDown,
.secondaryPortalButtonFocusedDown,
.secondaryPortalButtonSelected,
.secondaryPortalButtonSelectedFocused,
.secondaryPortalButtonSelectedDown,
.secondaryPortalButtonSelectedFocusedDown,
.secondaryPortalButtonSelectedOver,
.secondaryPortalButtonSelectedFocusedOver,
.secondaryPortalButtonDisabled,
.secondaryPortalButtonSelectedDisabled {
  border: 0px;
  border-radius: 15px;
  color: white;
  font-size: 12px;
  padding: 5px;
  text-align: center;
  text-transform: uppercase;
  white-space: nowrap;
}

.normalPortalButton {
  background-color: #333F48;
}


.normalPortalButtonDisabled,
.normalPortalButtonSelectedDisabled {
  background-color: #eeeeee;
}

.normalPortalButtonOver,
.normalPortalButtonFocused,
.normalPortalButtonDown,
.normalPortalButtonSelected,
.normalPortalButtonFocusedOver,
.normalPortalButtonFocusedDown,
.normalPortalButtonSelectedFocused,
.normalPortalButtonSelectedOver,
.normalPortalButtonSelectedDown,
.normalPortalButtonSelectedFocusedOver,
.normalPortalButtonSelectedFocusedDown,
.normalPortalButtonSelectedFocusedDownOver {
	background-color: #186067;
}

.secondaryPortalButton {
    color: #666666;
	background-color: #DDDDDD;
}

.secondaryPortalButtonOver,
.secondaryPortalButtonFocused,
.secondaryPortalButtonDown,
.secondaryPortalButtonSelected,
.secondaryPortalButtonFocusedOver,
.secondaryPortalButtonFocusedDown,
.secondaryPortalButtonSelectedFocused,
.secondaryPortalButtonSelectedOver,
.secondaryPortalButtonSelectedDown,
.secondaryPortalButtonSelectedFocusedOver,
.secondaryPortalButtonSelectedFocusedDown,
.secondaryPortalButtonSelectedFocusedDownOver {
    background-color: #aaaaaa;
	color: #DDDDDD;
}


.largerSecondaryBackButton,
.largerSecondaryBackButtonOver,
.largerSecondaryBackButtonFocused,
.largerSecondaryBackButtonFocusedOver,
.largerSecondaryBackButtonDown,
.largerSecondaryBackButtonFocusedDown,
.largerSecondaryBackButtonSelected,
.largerSecondaryBackButtonSelectedFocused,
.largerSecondaryBackButtonSelectedDown,
.largerSecondaryBackButtonSelectedFocusedDown,
.largerSecondaryBackButtonSelectedOver,
.largerSecondaryBackButtonSelectedFocusedOver,
.largerSecondaryBackButtonDisabled,
.largerSecondaryBackButtonSelectedDisabled {
  border: 2px solid #333F48;
  color: #333F48;
  font-size: 15px;
  padding: 10px 0;
  text-align: center;
  text-transform: uppercase;
  cursor: pointer;
}
.largerSecondaryBackButton,
.largerSecondaryBackButtonFocused,
.largerSecondaryBackButtonSelected,
.largerSecondaryBackButtonSelectedFocusedDown {
  background-color: transparent;
}

.largerSecondaryBackButtonOver,
.largerSecondaryBackButtonFocused,
.largerSecondaryBackButtonDown,
.largerSecondaryBackButtonSelected,
.largerSecondaryBackButtonFocusedOver,
.largerSecondaryBackButtonFocusedDown,
.largerSecondaryBackButtonSelectedFocused,
.largerSecondaryBackButtonSelectedOver,
.largerSecondaryBackButtonSelectedDown,
.largerSecondaryBackButtonSelectedFocusedOver,
.largerSecondaryBackButtonSelectedFocusedDown,
.largerSecondaryBackButtonSelectedFocusedDownOver {
	background-color: #eeeeee;
}

.orderEnquiryFilterButton,
.orderEnquiryFilterButtonOver,
.orderEnquiryFilterButtonFocused,
.orderEnquiryFilterButtonFocusedOver,
.orderEnquiryFilterButtonDown,
.orderEnquiryFilterButtonFocusedDown,
.orderEnquiryFilterButtonSelected,
.orderEnquiryFilterButtonSelectedFocused,
.orderEnquiryFilterButtonSelectedDown,
.orderEnquiryFilterButtonSelectedFocusedDown,
.orderEnquiryFilterButtonSelectedOver,
.orderEnquiryFilterButtonSelectedFocusedOver,
.orderEnquiryFilterButtonDisabled,
.orderEnquiryFilterButtonSelectedDisabled {
  border: 0px;
  border-radius: 15px;
  color: white;
  font-size: 12px;
  padding: 5px;
  text-align: center;
  text-transform: uppercase;
  white-space: nowrap;
}

.orderEnquiryFilterButton {
  background-color: #333F48;
}


.orderEnquiryFilterButtonDisabled,
.orderEnquiryFilterButtonSelectedDisabled {
  background-color: #eeeeee;
}

.orderEnquiryFilterButtonOver,
.orderEnquiryFilterButtonFocused,
.orderEnquiryFilterButtonDown,
.orderEnquiryFilterButtonSelected,
.orderEnquiryFilterButtonFocusedOver,
.orderEnquiryFilterButtonFocusedDown,
.orderEnquiryFilterButtonSelectedFocused,
.orderEnquiryFilterButtonSelectedOver,
.orderEnquiryFilterButtonSelectedDown,
.orderEnquiryFilterButtonSelectedFocusedOver,
.orderEnquiryFilterButtonSelectedFocusedDown,
.orderEnquiryFilterButtonSelectedFocusedDownOver {
	background-color: #186067;
}

.viewButton,
.viewButtonOver,
.viewButtonFocused,
.viewButtonFocusedOver,
.viewButtonDown,
.viewButtonFocusedDown,
.viewButtonSelected,
.viewButtonSelectedFocused,
.viewButtonSelectedDown,
.viewButtonSelectedFocusedDown,
.viewButtonSelectedOver,
.viewButtonSelectedFocusedOver,
.viewButtonDisabled,
.viewButtonSelectedDisabled {
  border: 2px solid #333F48;
  border-radius: 15px;
  color: #333F48;
  font-size: 12px;
  padding: 3px;
  text-align: center;
  text-transform: uppercase;
  white-space: nowrap;
}

.viewButtonOver,
.viewButtonFocused,
.viewButtonDown,
.viewButtonSelected,
.viewButtonFocusedOver,
.viewButtonFocusedDown,
.viewButtonSelectedFocused,
.viewButtonSelectedOver,
.viewButtonSelectedDown,
.viewButtonSelectedFocusedOver,
.viewButtonSelectedFocusedDown,
.viewButtonSelectedFocusedDownOver {
	background-color: #eeeeee;
}

.viewButton {
  background-color: transparent;
}

.alertPortalButton,
.alertPortalButtonOver,
.alertPortalButtonFocused,
.alertPortalButtonFocusedOver,
.alertPortalButtonDown,
.alertPortalButtonFocusedDown,
.alertPortalButtonSelected,
.alertPortalButtonSelectedFocused,
.alertPortalButtonSelectedDown,
.alertPortalButtonSelectedFocusedDown,
.alertPortalButtonSelectedOver,
.alertPortalButtonSelectedFocusedOver,
.alertPortalButtonDisabled,
.alertPortalButtonSelectedDisabled {
  border: 0px;
  border-radius: 15px;
  color: white;
  font-size: 12px;
  padding: 5px;
  text-align: center;
  text-transform: uppercase;
  white-space: nowrap;
}

.alertPortalButton {
  background-color: #bb5555;
}


.alertPortalButtonDisabled,
.alertPortalButtonSelectedDisabled {
  background-color: #eeeeee;
}

.alertPortalButtonOver,
.alertPortalButtonFocused,
.alertPortalButtonDown,
.alertPortalButtonSelected,
.alertPortalButtonFocusedOver,
.alertPortalButtonFocusedDown,
.alertPortalButtonSelectedFocused,
.alertPortalButtonSelectedOver,
.alertPortalButtonSelectedDown,
.alertPortalButtonSelectedFocusedOver,
.alertPortalButtonSelectedFocusedDown,
.alertPortalButtonSelectedFocusedDownOver {
	background-color: #993333;
}


.notificationMessage {
	padding: 5px;
	color: #dddddd;
	font-size: 13px;
	border-radius: 10px;
	background-color: #444444;
}

.notificationMessageText {
	color: #dddddd;
	font-size: 16px;
	background-color: transparent;
}

.okNotification {
	background-image: url(../img/confirm.png);
	background-size: 18px 18px;
	background-position: center;
	background-repeat: no-repeat;
}
.warnNotification {
	background-image: url(../img/warn.png);
	background-size: 18px 18px;
	background-position: center;
	background-repeat: no-repeat;
}
.infoNotification {
	background-image: url(../img/info.png);
	background-size: 18px 18px;
	background-position: center;
	background-repeat: no-repeat;
}
.notificationClose {
	background-image: url(../img/close.png);
	background-size: 100% 100%;
}


.panelHeaderText {
  font-size: 2px;
}


.credsTitle,
.credsTitleOver,
.credsTitleFocused,
.credsTitleFocusedOver {
    font-size: 16px;
}

.credsCell,
.credsCellOver,
.credsCellFocused,
.credsCellFocusedOver {
	height: 40px;
	padding: 0;
	border: 1px solid gray;
}

.credsTextBox,
.credsTextBoxOver,
.credsTextBoxFocused,
.credsTextBoxFocusedOver {
	height: 40px;
	font-size: 20px;
	padding: 15px 10px;
	border: none;
}
.credsTextBoxHint {
	font-size: 20px;
	padding: 15px 10px;
	border: 1px solid gray;
	color: #cccccc;
}

.loginBackdrop {
	background-image: url(../img/login-button-shadow.png), url(../img/abingdon-mug-lefthand-shadow.png);
	background-position: center bottom 20px, right bottom;
	background-repeat: no-repeat, no-repeat;
}

.loginImage {
	background-image: url(../img/abingdon-mug-main.png);
	background-position: left bottom;
	background-repeat: no-repeat;
}

.loginCell,
.loginCellOver,
.loginCellFocused,
.loginCellFocusedOver {
	height: 30px;
	align: center;
	border-bottom: 2px solid #186067;
	padding: 0;
	margin: 0;
}

.loginTextBox,
.loginTextBoxOver,
.loginTextBoxFocused,
.loginTextBoxFocusedOver {
	height: 30px;
	font-size: 18px;
	text-align: center;
	border: none;
	padding: 1px 0;
	margin: 0;
	color: #182837;
}
.loginTextBox:focus,
.loginTextBoxOver:focus,
.loginTextBoxFocused:focus,
.loginTextBoxFocusedOver:focus {
	outline-style: none;
}
.loginTextBoxHint {
	font-size: 20px;
	align: center;
	color: #dddddd;
}

.loginBlurb,
.loginBlurbOver {
	font-size: 16px;
	padding: 5px 10px;
    color: #929da3;
    text-align: center;
}

.errorBlurb,
.errorBlurbOver {
	font-size: 14px;
	padding: 5px 10px;
    color: red;
    text-align: center;
}

a.reminderLinks {
	font-size: 14px;
	padding: 5px 10px;
    color: #182837;
    text-align: center;
    text-decoration: none;
    text-align: "center";
	outline-style: none;
}
a.reminderLinks:hover { 
	font-size: 14px;
	padding: 5px 10px;
    color: #10A5A1;
    text-align: center;
    text-decoration: underline;
    cursor: pointer;
    text-align: "center";
	outline-style: none;
}

.loginMessage {
	font-size: 16px;
	margin-bottom: 30px;
	padding-left: 10px;
    color: #929da3;
    text-align: center;
    border-left: 4px solid yellow;
}

.resetMessage {
	font-size: 16px;
	margin-bottom: 30px;
	padding-left: 10px;
    color: #929da3;
    text-align: center;
}

.loginHeader,
.loginHeaderOver {
	background-image: url(../img/login-window-image.png);
	background-size: cover;
	border-radius: 0 0 200px 0;
}

.loginTitle,
.loginTitleOver {
	font-size: 20px;
	margin: 2px 0 20px 0;
	padding: 20px;
	text-align: center;
	border: none;
    background-color: #929da3;
	color: white;
}

.loginPaneTitle {
	font-size: 32px;
	line-height: 36px;
	text-align: center;
	border: none;
    color: #929da3;
    text-transform: uppercase;
}

.basketScreenTitle,
.adminScreenTitle {
	font-size: 32px;
	line-height: 36px;
	margin: 15px 0 15px 0;
	text-align: center;
	border: none;
    color: #929da3;
    text-transform: uppercase;
}

.profileTitle {
	font-size: 32px;
	line-height: 36px;
	margin: 2px 0 50px 0;
	padding: 30px;
	text-align: center;
	border: none;
    color: #182837;
}

#portal-div {
	margin-top: 100px;
	height:500px;
	margin-bottom: 200px;
}


.portalContainer {
	width: 100%;
	overflow-x: hidden;
}

.menubarSearchForm {
	margin-top: 38px;
}

.menubarSearchBox,
.menubarSearchBoxOver,
.menubarSearchBoxFocused, 
.menubarSearchBoxFocusedOver {
	background-color: transparent;
	border: 1px solid #c2c7cc;
	color: white;
	font-size: 14px;
	padding-left: 6px;
}

.portalPopupMenu,
.portalPopupMenuOver {
	background-color: #182837;
	color: #FFFFFF;
	text-transform: uppercase;
	letter-spacing: 0.8px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 15px;
    font-weight: bold;
    white-space: nowrap;
    border: 1px solid #ffffff;
}
.portalPopupMenuItem {
	padding: 10px;
	text-align: center;
}

.portalPopupMenuOver {
	background-color: #EEEEEE;
}

.subHeading {
	width: 100%;
	font-size: 10px;
	font-weight: 700;
	text-transform: uppercase;
    color: #182837;
    align-content: end;
}

.subHeadingPhone {
	width: 100%;
	font-weight: 700;
	text-transform: uppercase;
    color: #182837;
    align-content: center;
}

.subHeadingNoUnderline {
	width: 100%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: 700;
	text-transform: uppercase;
    color: #182837;
	
}
.subHeadingNoUnderlinePhone {
	width: 100%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 28px;
	font-weight: 700;
	text-transform: uppercase;
    color: #182837;
}

/* Portal homepage */

.homepagePane {
	padding-top: 20px;
	margin-bottom: 20px;
}

.newHomepagePane {
	border: none;
	background-color: transparent;
/*	background-image: url(../img/hexagonBg.jpg);
	background-position: left;
	background-repeat: repeat-y;
	background-size: 70%; */
}

.profilePictureFrame {
	overflow: hidden !important; 
	background-color: #bbbbbb;
	border-radius: 50%;
}
.profilePicture,
.profilePictureOver {
  object-fit: cover;
  width: 200px !important;
  height: 200px !important; 
}

.uploadPicture {
	background-color: white;
	background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
	border-radius: 50%;
}

.profileUser,
.profileEmail,
.profilePhone,
.profileMobile,
.profileManage,
.profileMaintainBaskets,
.profileAddUser {
	width: 100%;
	font-size: 13px;
	font-weight: 400;
    color: #182837;
    padding: 4px 0 0 40px;
    background-size: 32px 32px;
    background-position: left center;
    background-repeat: no-repeat;
}

.profileUser {
	margin-top: 15px;
    background-image: url(../img/person.png);
    background-size: 24px 24px;
}

.profileEmail {
	background-image: url(../img/mail.png);
    background-size: 24px 24px;
}

.profilePhone {
	background-image: url(../img/phone.png);
    background-size: 24px 24px;
}

.profileMobile {
	background-image: url(../img/mobile.png);
    background-size: 24px 24px;
}
.profileSwitchCustomer {
	width: 100%;
	font-size: 13px;
	font-weight: 600;
    color: #4444ff;
    padding: 4px 0 0 40px;
    text-transform: uppercase;
    white-space: nowrap;
    cursor: pointer;
}
.profileSwitchCustomer:hover {
	text-decoration: underline;
}
.profileManage {
    padding-top: 15px;
    border-top:	2px solid gray;
    margin-top: 10px;
	background-image: url(../img/manage.png);
	background-position: left bottom;
    background-size: 24px 24px;
}
.profileManage:hover {
	text-decoration: underline;
}

.profileAddUser {
	background-image: url(../img/add-user.png);
}
.profileAddUser:hover {
	text-decoration: underline;
}

.profileMaintainBaskets {
	margin-top: 10px;
	background-image: url(../img/manage.png);
	backrgound-position: left bottom;
	background-size: 24px 24px;
}

.profileMaintainBaskets:hover {
	text-decoration: underline;
}

.profileUpload {
	text-align: center;
	color: white;
	font-size: 14px;
}
.profileUpload:hover {
	text-decoration: underline;
}


.profileAddress {
	width: 100%;
	font-size: 13px;
	font-weight: 400;
    color: #182837;
    padding: 4px 0 0 40px;
    margin-top: 15px;
    background-size: 32px 32px;
    background-position: left top;
    background-repeat: no-repeat;
	background-image: url(../img/location.png);
    background-size: 24px 24px;
}

.stockSelector {
	background-color: #dddddd;
	border-radius: 30px;
}

.portalMarketingContent {
	background-image: url(../img/marketing-image-1.png);
	background-size: 100% 100%;
	background-repeat: no-repeat;
}

.portalMarketingContentPromo {
	background-image: url(../img/Portal-Promo.jpg);
	background-size: 100% 100%;
	background-repeat: no-repeat;
}

.stockSelectorRangeTitle,
.stockSelectorRangeTitleOver,
.stockSelectorRangeTitleFocused,
.stockSelectorRangeTitleFocusedOver {
	font-size: 13px;
    color: #828d93;
}
.stockSelectorRangeControlBox,
.stockSelectorRangeControlBoxOver,
.stockSelectorRangeControlBoxFocused,
.stockSelectorRangeControlBoxFocusedOver {
	height: 40px;
	background-color: #dddddd;
	border: 1px solid gray;
}
.stockSelectorRange,
.stockSelectorRangeOver,
.stockSelectorRangeFocused,
.stockSelectorRangeFocusedOver {
	height: 40px;
	background-color: #dddddd;
	font-size: 18px;
	padding: 10px 0 10px 10px;
}
.stockSelectorRangePickList,
.stockSelectorRangePickListOver,
.stockSelectorRangePickListSelected,
.stockSelectorRangePickListSelectedOver {
	font-size: 18px;
}

.stockSelectorSearch,
.stockSelectorSearchOver,
.stockSelectorSearchFocused,
.stockSelectorSearchFocusedOver {
	height: 36px;
	background-color: #dddddd;
	font-size: 18px;
	padding: 4px 0 3px 35px;
	border: none;
    background-size: 32px 32px;
    background-position: 3px center;
    background-repeat: no-repeat;
	background-image: url(../img/search-dark.png);
}
.stockSelectorSearchCell,
.stockSelectorSearchCellOver,
.stockSelectorSearchCellFocused,
.stockSelectorSearchCellFocusedOver {
	height: 40px;
	background-color: #dddddd;
	border: 1px solid gray;
	padding: 0;
}

/* Image upload */
.uploadItem,
.uploadItemOver,
.uploadItemFocused,
.uploadItemFocusedOver {
	font-size: 16px;
	width: 1px;
	height: 1px;
	opacity: 0;	
	overflow: hidden;
	z-index: -1;
}

.uploadButtonLabel {
  height: 40px;
  width: 200px;
  
  background-color: #10A5A1;
  background-image: url(../img/upload.png);
  background-position: 10px center;
  background-repeat: no-repeat;
  background-size: 20px 20px;
    
  border: 0px;
  color: white;
  font-size: 15px;
  padding: 10px 40px;
  text-align: center;
  text-transform: uppercase;
  white-space: nowrap;
  cursor: pointer;
}

.uploadPictureBlurb {
	font-size: 16px;	
	color: #888888;
}

/* Product search */

.filterBody,
.keywordsForm {
	background-color: transparent;
	border: 2px solid #182837;
}

.filterBodyPhone,
.keywordsFormPhone {
	background-color: white
}

.filterBodyPhone {
	border: 1px solid #182837;
}

.keywordsFormPhone {
	border: 2px solid #182837;
}

.productSearchPane,
.productSearchContainer {
	padding-top: 20px;
	background-color: transparent;
}

.productSearchPane {
/*	background-image: url(../img/hexagonBg.jpg);
	background-position: left;
	background-repeat: repeat-y;
	background-size: 70%; */
}

.searchBodyRow {
	margin-bottom: 20px;
}

.productTileGridEmptyMessage {
	font-size: 26px;
	color: #182837;
	line-height: 32px;
	padding-left: 15px;
}
.resultsHeaderCriteria {
	color: #182837;
	font-size: 16px;
	padding: 0 25px 0 15px;
}
.resultsHeaderCriteriaPhone {
	color: #182837;
	font-size: 16px;
	padding: 0;
}
.resultsHeaderCount {
	color: #182837;
	font-size: 18px;
}
.stockRefreshLabel {
	color: #183827;
	font-size: 12px;
	text-align: center;
}
.stockRefreshHighlight {
	color: #10A5A1;
	font-size: 12px;
	font-weight: 600;
}

.stockRefreshButton,
.stockRefreshButtonOver,
.stockRefreshButtonFocused,
.stockRefreshButtonFocusedOver,
.stockRefreshButtonDown,
.stockRefreshButtonFocusedDown,
.stockRefreshButtonSelected,
.stockRefreshButtonSelectedFocused,
.stockRefreshButtonSelectedDown,
.stockRefreshButtonSelectedFocusedDown,
.stockRefreshButtonSelectedOver,
.stockRefreshButtonSelectedFocusedOver,
.stockRefreshButtonDisabled,
.stockRefreshButtonSelectedDisabled {
  border: 0px;
  border-radius: 15px;
  color: white;
  font-size: 12px;
  padding: 5px;
  text-align: center;
  text-transform: uppercase;
  white-space: nowrap;
  background-image: url(../img/refresh.png);
  background-size: 20px 20px;
  background-repeat: no-repeat;
  background-position: 10px center;
}

.stockRefreshButton {
  background-color: #333F48;
}


.stockRefreshButtonDisabled,
.stockRefreshButtonSelectedDisabled {
  background-color: #eeeeee;
}

.stockRefreshButtonOver,
.stockRefreshButtonFocused,
.stockRefreshButtonDown,
.stockRefreshButtonSelected,
.stockRefreshButtonFocusedOver,
.stockRefreshButtonFocusedDown,
.stockRefreshButtonSelectedFocused,
.stockRefreshButtonSelectedOver,
.stockRefreshButtonSelectedDown,
.stockRefreshButtonSelectedFocusedOver,
.stockRefreshButtonSelectedFocusedDown,
.stockRefreshButtonSelectedFocusedDownOver {
	background-color: #186067;
}

.refreshingPleaseWait {
	background-color: #000000;
	opacity: 0.8;
    background-repeat: no-repeat;
	background-image: url(../img/please-wait.gif);
	background-position: center center;
}

.loadingPleaseWait {
	background-color: #000000;
	opacity: 0.33;
    background-repeat: no-repeat;
	background-image: url(../img/please-wait.gif);
	background-position: center center;
}

.searchRollsCutsUnselectedButton,
.searchRollsCutsUnselectedButtonLeftMost,
.searchRollsCutsUnselectedButtonRightMost,
.searchRollsCutsUnselectedButtonNextToSelected,
.searchRollsCutsUnselectedButtonNextToSelectedAndRightMost {
	padding-top: 15px;
	padding-bottom: 15px;
	text-align: center;
	background-color: #eeeeee;
	color: black;
	font-size: 14px;
	font-weight: 800;
	text-transform: uppercase;
	border-bottom: 2px solid #182837;
	opacity: .5;
}

.searchRollsCutsUnselectedButtonNextToSelected,
.searchRollsCutsUnselectedButtonNextToSelectedAndRightMost {
	border-left: 2px solid #182837;
}
.searchRollsCutsUnselectedButton,
.searchRollsCutsUnselectedButtonLeftMost,
.searchRollsCutsUnselectedButtonNextToSelected {
	border-right: 2px solid #182837;
}
	
.searchRollsCutsSelectedButton {
	background-color: #e63888;
	padding-top: 15px;
	padding-bottom: 15px;
	text-align: center;
	color: white;
	font-size: 14px;
	font-weight: 800;
	text-transform: uppercase;
	border-bottom: 2px solid #e63888;
}

.keywordsTextBox,
.keywordsTextBoxOver,
.keywordsTextBoxFocused,
.keywordsTextBoxFocusedOver {
	height: 30px;
	color: #186067;
	font-family: RobotoLight, Arial;
	font-size: 12px;
	font-weight: 800;
	text-transform: uppercase;
	padding: 5px 0 1px 0; 
	letter-spacing: 2px;
	padding-left: 10px;
	background-color: transparent;
	border: none;
}


.portalFilterSectionHeader,
.portalFilterSectionHeaderopened,
.portalFilterSectionHeaderclosed {
	background-color: transparent;
	color: #182837;
	font-size: 12px;
	font-weight: 800;
	text-transform: uppercase;
	padding: 5px 0 1px 20px;
	border-bottom: 2px solid #182837;
}

.portalFilterSectionHeaderWithSelections,
.portalFilterSectionHeaderWithSelectionsopened,
.portalFilterSectionHeaderWithSelectionsclosed {
	background-color: transparent;
	color: #186067;
	font-size: 12px;
	font-weight: 900;
	font-style: italic;
	text-transform: uppercase;
	padding: 5px 0 1px 20px;
	border-bottom: 2px solid #186067;
}

.portalFilterListGridCell,
.portalFilterListGridCellOver, 
.portalFilterListGridCellSelected, 
.portalFilterListGridCellSelectedOver {
	height: 24px;
	color: #182837;
	font-size: 12px;
	font-weight: 800;
	text-transform: uppercase;
	padding: 5px 0 1px 0; 
	letter-spacing: 2px;
}

.portalCompactFilterListGridCell,
.portalCompactFilterListGridCellOver, 
.portalCompactFilterListGridCellSelected, 
.portalCompactFilterListGridCellSelectedOver {
	height: 24px;
	color: #888888;
	font-size: 11px;
	font-weight: 800;
	text-transform: uppercase;
	padding: 5px 0 1px 0;
}

.portalFilterListGridCellOver,
.portalCompactFilterListGridCellOver {
	background-color: #f5f5f5;
}

.portalFilterListGridCellSelected,
.portalCompactFilterListGridCellSelected {
	background-color: #eeffee;
}

.portalFilterListGridCellSelectedOver, 
.portalCompactFilterListGridCellSelectedOver {
	background-color: #ddffdd;
}

.greenTick {
    background-size: 20px 20px;
    background-repeat: no-repeat;
	background-image: url(../img/greenTick.png);
}

.pageSelectorLabel {
	color: #888888;
	font-size: 18px;
	padding: 5px 20px 0 0;
}

.pageSelectorButton,
.pageSelectorButtonOver,
.pageSelectorButtonFocused,
.pageSelectorButtonDown,
.pageSelectorButtonSelected,
.pageSelectorButtonFocusedOver,
.pageSelectorButtonFocusedDown,
.pageSelectorButtonSelectedFocused,
.pageSelectorButtonSelectedOver,
.pageSelectorButtonSelectedDown,
.pageSelectorButtonSelectedFocusedOver,
.pageSelectorButtonSelectedFocusedDown,
.pageSelectorButtonSelectedFocusedDownOver {
	border-radius: 50%;
	cursor: pointer;
	text-align: center;
	padding-top: 5px;
	color: white;
	font-size: 14px;
	text-decoration: none;	
}
.pageSelectorButton {
	background-color: #182837;
}
.pageSelectorButtonOver,
.pageSelectorButtonFocused,
.pageSelectorButtonDown,
.pageSelectorButtonSelected,
.pageSelectorButtonFocusedOver,
.pageSelectorButtonFocusedDown,
.pageSelectorButtonSelectedFocused,
.pageSelectorButtonSelectedOver,
.pageSelectorButtonSelectedDown,
.pageSelectorButtonSelectedFocusedOver,
.pageSelectorButtonSelectedFocusedDown,
.pageSelectorButtonSelectedFocusedDownOver {
	background-color: #10A5A1;
}

.pageSelectorCurrentButton,
.pageSelectorCurrentButtonOver,
.pageSelectorCurrentButtonFocused,
.pageSelectorCurrentButtonDown,
.pageSelectorCurrentButtonSelected,
.pageSelectorCurrentButtonFocusedOver,
.pageSelectorCurrentButtonFocusedDown,
.pageSelectorCurrentButtonSelectedFocused,
.pageSelectorCurrentButtonSelectedOver,
.pageSelectorCurrentButtonSelectedDown,
.pageSelectorCurrentButtonSelectedFocusedOver,
.pageSelectorCurrentButtonSelectedFocusedDown,
.pageSelectorCurrentButtonSelectedFocusedDownOver {
	background-color: #186067;
	border-radius: 50%;
	padding-top: 5px;
	color: white;
	font-size: 14px;
	text-align: center;
}
.pageSelectorEllipsis {
	color: #666666;
	font-size: 20px;
	text-align: center;
}

/* Tiles */

.productTileGrid,
.productTileGridOver,
.productTileGrid:focus,
.productTileGridOver:focus {
	border: none;
	outline: none;
}

.productTile {
	padding-top: 10px;
	padding-left: 10px;
	padding-right: 10px;
	border: 2px solid #182837;
}
.tileDescription {
	padding-top: 1px;
	color: #888888;
	font-size: 11px;
	text-transform: uppercase;
}
.stainfreeWarranty {
	background-image: url(../img/stainfree-logo-smaller.png);
	background-repeat: no-repeat;
	background-position: left center;
}

.tileLogo,
.tileLogoOver, 
.tileLogoDown {
/*	padding-top: 3px;
	padding-bottom: 3px;*/
}

.tileProductColour,
.tileProductColourSmall,
.tileProductColourSmaller,
.tileProductColourSmallest,
.tileProductColourOver,
.tileProductColourSmallOver,
.tileProductColourSmallerOver,
.tileProductColourSmallestOver,
.tileProductColourDown,
.tileProductColourSmallDown,
.tileProductColourSmallerDown,
.tileProductColourSmallestDown,
.specTileName {
  font-family: "Arial";
  color: #130f8a;
  font-weight: bold;
  text-transform: uppercase;
  text-align: left;
  padding-bottom: 1px;
  white-space: nowrap;
  cursor: pointer;
}

.tileProductColourOver,
.tileProductColourSmallOver,
.tileProductColourSmallerOver,
.tileProductColourSmallestOver {
  text-decoration: underline;
}


.tileProductColour,
.tileProductColourDown,
.tileProductColourOver,
.specTileName,
.specTileNameDown,
.specTileNameOver {
  font-size: 14px;
  line-height:16px;
}

.tileProductColourSmall,
.tileProductColourSmallDown,
.tileProductColourSmallOver {
  font-size: 13px;
  line-height:15px;
}

.tileProductColourSmaller,
.tileProductColourSmallerDown,
.tileProductColourSmallerOver {
  font-size: 12px;
  line-height:14px;
}

.tileProductColourSmallest,
.tileProductColourSmallestDown,
.tileProductColourSmallestOver {
  font-size: 11px;
  line-height:13px;
}

.tileBlurb {
  font-size: 12px;
  font-family: "Arial";
  color: #A1ABB2;  /*rgb(124, 135, 142);*/
  font-weight: bold;
  line-height: 1.2;
  text-align: left;
  margin-right: 10px;
}

.infoWidgetTitle {
	font-size: 20px;
	font-family: "Arial";
	color: #182837;
	text-align: left;
	padding-top: 1px;
}

.infoWidgetTitleTile {
	font-size: 18px;
	font-family: "Arial";
	color: #182837;
	text-align: left;
	padding-top: 1px;
}

.infoWidgetPrice {
	font-size: 11px;
	font-family: "Arial";
	color: #182837;
	text-align: left;
	border-bottom: 1px solid #182837;
	margin-right: 10px;
}
.infoWidgetStockLevelButtonNotStocked {
	background-image: url(../img/not-stocked.png);
	background-repeat: no-repeat;
	background-position: center bottom;
    margin-right: 10px;
}

.infoWidgetStockLevelButton0,
.infoWidgetStockLevelButton1,
.infoWidgetStockLevelButton2,
.infoWidgetStockLevelButton0Disabled,
.infoWidgetStockLevelButton1Disabled,
.infoWidgetStockLevelButton2Disabled,
.infoWidgetStockLevelButton0Over,
.infoWidgetStockLevelButton1Over,
.infoWidgetStockLevelButton2Over,
.infoWidgetStockLevelButton0Focused,
.infoWidgetStockLevelButton1Focused,
.infoWidgetStockLevelButton2Focused,
.infoWidgetStockLevelButton0Down,
.infoWidgetStockLevelButton1Down,
.infoWidgetStockLevelButton2Down,
.infoWidgetStockLevelButton0Selected,
.infoWidgetStockLevelButton1Selected,
.infoWidgetStockLevelButton2Selected,
.infoWidgetStockLevelButton0FocusedOver,
.infoWidgetStockLevelButton1FocusedOver,
.infoWidgetStockLevelButton2FocusedOver,
.infoWidgetStockLevelButton0FocusedDown,
.infoWidgetStockLevelButton1FocusedDown,
.infoWidgetStockLevelButton2FocusedDown,
.infoWidgetStockLevelButton0SelectedFocused,
.infoWidgetStockLevelButton1SelectedFocused,
.infoWidgetStockLevelButton2SelectedFocused,
.infoWidgetStockLevelButton0SelectedOver,
.infoWidgetStockLevelButton1SelectedOver,
.infoWidgetStockLevelButton2SelectedOver,
.infoWidgetStockLevelButton0SelectedDown,
.infoWidgetStockLevelButton1SelectedDown,
.infoWidgetStockLevelButton2SelectedDown,
.infoWidgetStockLevelButton0SelectedFocusedOver,
.infoWidgetStockLevelButton1SelectedFocusedOver,
.infoWidgetStockLevelButton2SelectedFocusedOver,
.infoWidgetStockLevelButton0SelectedFocusedDown,
.infoWidgetStockLevelButton1SelectedFocusedDown,
.infoWidgetStockLevelButton2SelectedFocusedDown,
.infoWidgetStockLevelButton0SelectedFocusedDownOver,
.infoWidgetStockLevelButton1SelectedFocusedDownOver,
.infoWidgetStockLevelButton2SelectedFocusedDownOver {
  font-size: 10px;
  font-family: "Arial";
  font-weight: bold;
  color: white;
  margin-right: 10px;
  padding-bottom:5px;
  text-align: center;
  text-transform: uppercase;
}

.infoWidgetStockLevelButton0,
.infoWidgetStockLevelButton0Disabled {
/* Changed October 2024 so we always show "Limited" rather than "Call office" when we have short stock 
	background-color: #AD1A1A; */
	background-color: #FB980B;
}

.infoWidgetStockLevelButton0Focused,
.infoWidgetStockLevelButton0Down,
.infoWidgetStockLevelButton0Selected,
.infoWidgetStockLevelButton0FocusedDown,
.infoWidgetStockLevelButton0SelectedFocused,
.infoWidgetStockLevelButton0SelectedDown,
.infoWidgetStockLevelButton0SelectedFocusedDown {
/* Changed October 2024 so we always show "Limited" rather than "Call office" when we have short stock 
	background-color: #8D0000; */
	background-color: #E07800;
}

.infoWidgetStockLevelButton0Over,
.infoWidgetStockLevelButton0FocusedOver,
.infoWidgetStockLevelButton0SelectedOver,
.infoWidgetStockLevelButton0SelectedFocusedOver,
.infoWidgetStockLevelButton0SelectedFocusedDownOver {
/* Changed October 2024 so we always show "Limited" rather than "Call office" when we have short stock 
	background-color: #CD3A3A; */
	background-color: #FFB82B;
}


.infoWidgetStockLevelButton1,
.infoWidgetStockLevelButton1Disabled {
	background-color: #FB980B;
}

.infoWidgetStockLevelButton1Focused,
.infoWidgetStockLevelButton1Down,
.infoWidgetStockLevelButton1Selected,
.infoWidgetStockLevelButton1FocusedDown,
.infoWidgetStockLevelButton1SelectedFocused,
.infoWidgetStockLevelButton1SelectedDown,
.infoWidgetStockLevelButton1SelectedFocusedDown {
	background-color: #E07800;
}

.infoWidgetStockLevelButton1Over,
.infoWidgetStockLevelButton1FocusedOver,
.infoWidgetStockLevelButton1SelectedOver,
.infoWidgetStockLevelButton1SelectedFocusedOver,
.infoWidgetStockLevelButton1SelectedFocusedDownOver {
	background-color: #FFB82B;
}


.infoWidgetStockLevelButton2,
.infoWidgetStockLevelButton2Disabled {
	background-color: #139234;
}

.infoWidgetStockLevelButton2Focused,
.infoWidgetStockLevelButton2Down,
.infoWidgetStockLevelButton2Selected,
.infoWidgetStockLevelButton2FocusedDown,
.infoWidgetStockLevelButton2SelectedFocused,
.infoWidgetStockLevelButton2SelectedDown,
.infoWidgetStockLevelButton2SelectedFocusedDown {
	background-color: #007214;
}

.infoWidgetStockLevelButton2Over,
.infoWidgetStockLevelButton2FocusedOver,
.infoWidgetStockLevelButton2SelectedOver,
.infoWidgetStockLevelButton2SelectedFocusedOver,
.infoWidgetStockLevelButton2SelectedFocusedDownOver {
	background-color: #33B254;
}



/* user admin */

.maintainUserHeader,
.maintainUserReadOnlyForms,
.maintainUserForms,
.maintainUserButtons {
	margin-left: 10px;
}


.userFormCell,
.userFormCellOver,
.userFormCellFocused,
.userFormCellFocusedOver {
	height: 45px;
	align: left;
	border-bottom: 2px solid #10A5A1;
	padding: 0;
	margin: 0;
}

.userFormCellError,
.userFormCellErrorOver,
.userFormCellErrorFocused,
.userFormCellErrorFocusedOver {
	height: 45px;
	align: left;
	border-bottom: 2px solid #A51010;
	padding: 0;
	margin: 0;
}

.userFormTextBox,
.userFormTextBoxError,
.userFormTextBoxOver,
.userFormTextBoxErrorOver,
.userFormTextBoxFocused,
.userFormTextBoxErrorFocused,
.userFormTextBoxFocusedOver,
.userFormTextBoxErrorFocusedOver {
	height: 35px;
	font-size: 15px;
	text-align: left;
	border: none;
	padding: 12px 0 1px 0;
	margin: 0;
	color: #555555;
	letter-spacing: 1.1px;
	background-color: transparent;
}
.userFormTextBox:focus,
.userFormTextBoxError:focus,
.userFormTextBoxOver:focus,
.userFormTextBoxErrorOver:focus,
.userFormTextBoxFocused:focus,
.userFormTextBoxErrorFocused:focus,
.userFormTextBoxFocusedOver:focus,
.userFormTextBoxErrorFocusedOver:focus {
	outline-style: none;
}

.userFormReadOnlyTitle,
.userFormReadOnlyTitleOver,
.userFormReadOnlyTitleFocused,
.userFormReadOnlyTitleFocusedOver {
	color: #182837;
	font-size: 13px;
}

.userFormReadOnlyCell,
.userFormReadOnlyCellOver,
.userFormReadOnlyCellFocused,
.userFormReadOnlyCellFocusedOver {
	color: #182837;
	font-size: 16px;
	font-weight: bold;
}

.accountPanel {
	background-color: #e3e6e8;
	color: #72808a;
	border-radius: 25px;
	padding: 20px;
	margin: 8px 20px;
}

.accountPanelLabel {
	font-size: 18px;
	padding-top: 4px;
}

.panelErrorBlurb,
.panelErrorBlurbOver {
	font-size: 14px;
	padding-top: 5px;
    color: red;
    text-align: center;
}

.tandcBlurb,
.tandcBlurbOver {
	font-size: 9px;
}
.userFormRadioGroupCell,
.userFormRadioGroupCellOver {
	padding-top:10px;
}
.accountTypeCell,
.accountTypeCellError {
	height: 35px;
	padding-top: 10px;
}

/* Call Office Window */
.callOfficeWindow {
	border-radius: 40px;
}

.callOfficeLabel {
	font-size: 18px;
	font-weight: bold;
	color: #10A5A1;
}

.callOfficeNumber {
	font-size: 18px;
	color: #10A5A1;
}

.callOfficePhoneIcon {
	color: #10A5A1;
}

/* Enquiry Form Window */
.enquiryFormWindow {
	border-radius: 10px;
	padding-bottom: 10px;
}

.enquiryHeaderLabel {
	font-size: 20px;
	font-weight: bold;
	text-align: center;	
	color: #182837;
}

.enquiryMessageLabel {
	font-size: 14px;
	font-weight: bold;
	color: #939596;
}

.enquiryMessageTextBox,
.enquiryMessageTextBoxOver,
.enquiryMessageTextBoxFocused,
.enquiryMessageTextBoxFocusedOver {
	align: left;
	border: 2px solid #10A5A1;
	padding: 10px;
	margin: 0;
	/* Have to specify font-family explicitly for a textarea, otherwise you get a typewriter
	   font (Courier?  That or something that looks similar) */
    font-family: RobotoLight, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #888888;
}

.greyFormTitle,
.greyFormTitleOver,
.greyFormTitleFocused,
.greyFormTitleFocusedOver {
	background-color: #f2f2f2;
	white-space:nowrap;
}

.greyTextArea,
.greyTextAreaOver,
.greyTextAreaFocused,
.greyTextAreaFocusedOver {
	border: 2px solid #888888;
}

.stockLevelButtonsHover {
	font-family: Arial, Helvetica, sans-serif; 
    font-size:11px;	
    border:1px solid #808080; 
    padding:5px;
	background-color: gold;
	color: #5e5d5d;
}

/* Add to basket window */
.availableWidthsControlBox,
.availableWidthsControlBoxOver,
.availableWidthsControlBoxFocused,
.availableWidthsControlBoxFocusedOver {
	height: 40px;
	background-color: transparent;
	border: 1px solid #182837;
}
.availableWidths,
.availableWidthsOver,
.availableWidthsFocused,
.availableWidthsFocusedOver {
	height: 40px;
	background-color: transparent;
	font-size: 15px;
	color: #555555;
	padding: 10px 0 10px 10px;
}
.availableWidthsPickList,
.availableWidthsPickListOver,
.availableWidthsPickListSelected,
.availableWidthsPickListSelectedOver {
	font-size: 38px;
}


/* Basket */
.basketContainer {
	background-color: transparent;
}
.basketTableLayout {
	width: 100%;
	padding: 10px 0;
}

.basketHeading {
	width: 100%;
	font-size: 30px;
	font-weight: 700;
	text-transform: uppercase;
	border-bottom: 2px solid #182837;
	padding: 20px 50px;
    color: #182837;
}
.basketTableHeaderRow {
	width: 100%;
	border-bottom: 2px solid #182837;
/*	padding: 10px 0; */
}
.basketTableHeaderElement {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 16px;
	font-weight: 400;
	/*text-transform: uppercase;*/
	text-align: center;
    color: #182837;
}
.leftTableHeaderElement {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 16px;
	font-weight: 400;
	/*text-transform: uppercase;*/
    color: #182837;
    text-align: left;
}
.rightTableHeaderElement {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 16px;
	font-weight: 400;
	/*text-transform: uppercase;*/
    color: #182837;
    text-align: right;
}
.basketTableHeaderElementPhone {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px;
	font-weight: 400;
	text-align: center;
    color: #182837;
}
.leftTableHeaderElementPhone {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px;
	font-weight: 400;
    color: #182837;
    text-align: left;
}
.rightTableHeaderElementPhone {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 14px;
	font-weight: 400;
	text-transform: uppercase;
    color: #182837;
    text-align: right;
}
.basketTableRow {
	width: 100%;
	padding-top: 10px;
	background-color: transparent;
}
.basketTableRowAlt {
	width: 100%;
	padding-top: 10px;
	background-color: #eeeff1;
}
.basketTableElement {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 16px;
	font-weight: 400;
    color: #182837;
    text-align: center;
}
.basketStdRollSizeElement,
.basketStdRollSizeElementOver {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 16px;
	font-weight: 400;
    color: #182837;
    text-align: center;
    padding-top: 10px;
}

.productDescTableElement {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 16px;
	font-weight: 400;
    color: #182837;
    text-align: left;
}
.subtotalTableElement {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 16px;
	font-weight: 400;
    color: #182837;
    text-align: right;
}
.basketWidthEntryItem,
.basketWidthEntryItemOver,
.basketWidthEntryItemFocused,
.basketWidthEntryItemFocusedOver {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 16px;
	font-weight: 400;
    color: #182837;
    text-align: center;
}
.basketWidthEntryItemError,
.basketWidthEntryItemErrorOver,
.basketWidthEntryItemErrorFocused,
.basketWidthEntryItemErrorFocusedOver {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 16px;
	font-weight: 400;
    color: #182837;
    text-align: center;
    border: 2px solid red;
}
.userFormErrorCell {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 14px;
	font-weight: 400;
    color: red;
    text-align: left;
}

.basketLengthForm {
	padding-left: 0;
	padding-right: 10px;
}
.basketDeleteIcon {
	cursor: hand;
	margin-left: 30px;
}
.basketTotalsBox {
	background-color: white;
	padding: 0 50px;
}
.basketTotalsBoxPhone {
	background-color: white;
	padding: 0 10px;
}
.basketTotalsRow {
	background-color: white;
	padding: 10px 0;
}
.basketTotalsTitle,
.basketTotalsNumber {
	background-color: white;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 16px;
	text-transform: uppercase;
	font-weight: 400;
    color: #182837;
}
.basketTotalsTitle {
	text-align: center;
}
.basketTotalsNumber {
	text-align: right;
}

.basketInfoCardText {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 16px;
	font-weight: 400;
    color: #5E5F61;
    text-align: center;
}


.roundedButtonPrimary,
.roundedButtonPrimaryOver,
.roundedButtonPrimaryFocused,
.roundedButtonPrimaryFocusedOver,
.roundedButtonPrimaryDown,
.roundedButtonPrimaryFocusedDown,
.roundedButtonPrimarySelected,
.roundedButtonPrimarySelectedFocused,
.roundedButtonPrimarySelectedDown,
.roundedButtonPrimarySelectedFocusedDown,
.roundedButtonPrimarySelectedOver,
.roundedButtonPrimarySelectedFocusedOver,
.roundedButtonPrimaryDisabled,
.roundedButtonPrimarySelectedDisabled {
  border: 2px solid transparent;
  border-radius: 15px;
  color: white;
  font-size: 12px;
  padding: 5px;
  text-align: center;
  text-transform: uppercase;
  white-space: nowrap;
}

.roundedButtonPrimary {
	background-color: #333F48;
}


.roundedButtonPrimaryDisabled,
.roundedButtonPrimarySelectedDisabled {
  background-color: #eeeeee;
}

.roundedButtonPrimaryOver,
.roundedButtonPrimaryFocused,
.roundedButtonPrimaryDown,
.roundedButtonPrimarySelected,
.roundedButtonPrimaryFocusedOver,
.roundedButtonPrimaryFocusedDown,
.roundedButtonPrimarySelectedFocused,
.roundedButtonPrimarySelectedOver,
.roundedButtonPrimarySelectedDown,
.roundedButtonPrimarySelectedFocusedOver,
.roundedButtonPrimarySelectedFocusedDown,
.roundedButtonPrimarySelectedFocusedDownOver {
	background-color: #186067;
}


.roundedButtonSecondary,
.roundedButtonSecondaryOver,
.roundedButtonSecondaryFocused,
.roundedButtonSecondaryFocusedOver,
.roundedButtonSecondaryDown,
.roundedButtonSecondaryFocusedDown,
.roundedButtonSecondarySelected,
.roundedButtonSecondarySelectedFocused,
.roundedButtonSecondarySelectedDown,
.roundedButtonSecondarySelectedFocusedDown,
.roundedButtonSecondarySelectedOver,
.roundedButtonSecondarySelectedFocusedOver,
.roundedButtonSecondaryDisabled,
.roundedButtonSecondarySelectedDisabled {
  border: 2px solid #8E98A1;
  color: 8E98A1;
  font-size: 12px;
  padding: 5px;
  text-align: center;
  text-transform: uppercase;
  cursor: pointer;
  border-radius: 15px;
  white-space: nowrap;
}

.roundedButtonSecondary {
  background-color: transparent;
}


.roundedButtonSecondaryDisabled,
.roundedButtonSecondarySelectedDisabled {
  background-color: #eeeeee;
}

.roundedButtonSecondaryOver,
.roundedButtonSecondaryFocused,
.roundedButtonSecondaryDown,
.roundedButtonSecondarySelected,
.roundedButtonSecondaryFocusedOver,
.roundedButtonSecondaryFocusedDown,
.roundedButtonSecondarySelectedFocused,
.roundedButtonSecondarySelectedOver,
.roundedButtonSecondarySelectedDown,
.roundedButtonSecondarySelectedFocusedOver,
.roundedButtonSecondarySelectedFocusedDown,
.roundedButtonSecondarySelectedFocusedDownOver {
	background-color: #eeeeee;
}
.emptyBasketMessage {
	width: 100%;
	font-size: 30px;
	font-weight: 700;
	border-bottom: 2px solid #182837;
	text-transform: uppercase;
	padding: 50px 0;
    color: #182837;
    text-align: center;
    line-height: 1.4;
}

.basketBreadcrumbItem {
    border: 2px solid #333F48;
    border-radius: 20px;
    background-color: white;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 18px;
	font-weight: 400;
	text-transform: uppercase;
	letter-spacing: 1px;
	text-align: center;
    color: #333F48;
    padding: 7px;
    white-space: nowrap;
}
.basketBreadcrumbItemCurrent {
    border: 2px solid #333F48;
    border-radius: 20px;
    background-color: #333F48;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 18px;
	font-weight: 400;
	text-transform: uppercase;
	letter-spacing: 1px;
	text-align: center;
    color: white;
    padding: 7px;
    white-space: nowrap;
}
.orderRefForm {
	margin: 10px 0;
}
.orderRefTextBox,
.orderRefTextBoxFocused,
.orderRefTextBoxOver,
.orderRefTextBoxFocusedOver {
	height: 40px;
	border: 2px solid #182837;
	background-color: transparent;
	color: #182837;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 18px;
	font-weight: 400;
	padding: 5px 10px;
}
.orderRefTextBoxError,
.orderRefTextBoxErrorOver,
.orderRefTextBoxErrorFocused,
.orderRefTextBoxErrorFocusedOver {
	height: 40px;
	color: #182837;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 18px;
	font-weight: 400;
	padding: 5px 10px;
	border: 2px solid red;
}

.basketSubheading {
	height: 40px;
	font-size: 20px;
	font-weight: 400;
	text-transform: uppercase;
	padding: 20px 20px;
    color: #182837;
}
.basketForm {
	background-color: white;
	font-size: 16px;
	font-weight: 400;
    color: #182837;
    padding: 20px;
}
.basketFormTextBox,
.basketFormTextBoxOver {
	font-size: 18px;
	font-weight: 400;
    color: #182837;
}
.shipToFormItemControlBox,
.shipToFormItemControlBoxOver,
.shipToFormItemControlBoxFocused,
.shipToFormItemControlBoxFocusedOver {
	height: 40px;
	background-color: transparent;
	border: 2px solid #182837;
}
.shipToFormItem,
.shipToFormItemOver,
.shipToFormItemFocused,
.shipToFormItemFocusedOver {
	height: 30px;
	background-color: transparent;
	font-size: 15px;
	color: #182837;
	padding: 5px 0 5px 10px;
}
.shipToFormItemPickList,
.shipToFormItemPickListOver,
.shipToFormItemPickListSelected,
.shipToFormItemPickListSelectedOver {
	font-size: 22px;
}
.basketFormTextArea,
.basketFormTextAreaOver,
.basketFormTextAreaFocused,
.basketFormTextAreaFocusedOver {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 18px;
	font-weight: 400;
	color: #182837;
	border: 2px solid #182837;
	padding: 5px 5px 5px 10px;
}
.basketFormTextAreaError,
.basketFormTextAreaErrorOver,
.basketFormTextAreaErrorFocused,
.basketFormTextAreaErrorFocusedOver {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 18px;
	font-weight: 400;
    color: #182837;
	border: 2px solid red;
	padding: 5px 5px 5px 10px;
}

.basketDatePicker {
    background-color: #fbfbfb;
    border: 1px solid #ccc;
    /* Only overriding this to get rid of the ugly-looking drop shadow
    -moz-box-shadow: 5px 5px #a0a0a0;
    -webkit-box-shadow: 5px 5px #a0a0a0;
    box-shadow: 5px 5px #a0a0a0 */
}
.basketPickList,
.basketPickListOver,
.basketPickListSelected,
.basketPickListSelectedOver {
	font-size: 28px;
	box-shadow: none;
}

/* Copying/clobbering the SmartClient selectors because I can't work out how to style 
   picklists cleanly */
.pickListCell,
.pickListCellRTL,
.pickListCellOver,
.pickListCellOverRTL,
.pickListCellSelected,
.pickListCellSelectedRTL,
.pickListCellSelectedOver,
.pickListCellSelectedOverRTL,
.pickListCellDisabled,
.pickListCellDisabledRTL,
.pickListCellDark,
.pickListCellDarkRTL,
.pickListCellOverDark,
.pickListCellOverDarkRTL,
.pickListCellSelectedDark,
.pickListCellSelectedDarkRTL,
.pickListCellSelectedOverDark,
.pickListCellSelectedOverDarkRTL,
.pickListCellDisabledDark,
.pickListCellDisabledDarkRTL,
.pickListCellPending,
.pickListCellPendingRTL,
.pickListCellPendingOver,
.pickListCellPendingOverRTL,
.pickListCellPendingSelected,
.pickListCellPendingSelectedRTL,
.pickListCellPendingSelectedOver,
.pickListCellPendingSelectedOverRTL,
.pickListCellPendingDisabled,
.pickListCellPendingDisabledRTL,
.pickListCellPendingDark,
.pickListCellPendingDarkRTL,
.pickListCellPendingOverDark,
.pickListCellPendingOverDarkRTL,
.pickListCellPendingSelectedDark,
.pickListCellPendingSelectedDarkRTL,
.pickListCellPendingSelectedOverDark,
.pickListCellPendingSelectedOverDarkRTL,
.pickListCellPendingDisabledDark,
.pickListCellPendingDisabledDarkRTL,
.pickListCellDeselected,
.pickListCellDeselectedRTL,
.pickListCellDeselectedOver,
.pickListCellDeselectedOverRTL,
.pickListCellDeselectedSelected,
.pickListCellDeselectedSelectedRTL,
.pickListCellDeselectedSelectedOver,
.pickListCellDeselectedSelectedOverRTL,
.pickListCellDeselectedDisabled,
.pickListCellDeselectedDisabledRTL,
.pickListCellDeselectedDark,
.pickListCellDeselectedDarkRTL,
.pickListCellDeselectedOverDark,
.pickListCellDeselectedOverDarkRTL,
.pickListCellDeselectedSelectedDark,
.pickListCellDeselectedSelectedDarkRTL,
.pickListCellDeselectedSelectedOverDark,
.pickListCellDeselectedSelectedOverDarkRTL,
.pickListCellDeselectedDisabledDark,
.pickListCellDeselectedDisabledDarkRTL {
  background-color: #ffffff;
	color: #8F99A2;
  font-family: RobotoLight;
  font-size: 16px;
  /*padding: 7px 9px; this setting affects the checkbox in selects*/
  padding-bottom: 2px;
}
.pickListCellSelected,
.pickListCellSelectedRTL,
.pickListCellSelectedDark,
.pickListCellSelectedDarkRTL,
.pickListCellPendingSelected,
.pickListCellPendingSelectedRTL,
.pickListCellPendingSelectedDark,
.pickListCellPendingSelectedDarkRTL,
.pickListCellDeselectedSelected,
.pickListCellDeselectedSelectedRTL,
.pickListCellDeselectedSelectedDark,
.pickListCellDeselectedSelectedDarkRTL {
  background-color: #f0f0f0;
}

.pickListCellOver,
.pickListCellOverRTL,
.pickListCellOverDark,
.pickListCellOverDarkRTL,
.pickListCellPendingOver,
.pickListCellPendingOverRTL,
.pickListCellPendingOverDark,
.pickListCellPendingOverDarkRTL,
.pickListCellDeselectedOver,
.pickListCellDeselectedOverRTL,
.pickListCellDeselectedOverDark,
.pickListCellDeselectedOverDarkRTL {
  background-color: #e2e2e2;
  border: none;
}

.pickListCellSelectedOver,
.pickListCellSelectedOverRTL,
.pickListCellSelectedOverDark,
.pickListCellSelectedOverDarkRTL,
.pickListCellPendingSelectedOver,
.pickListCellPendingSelectedOverRTL,
.pickListCellPendingSelectedOverDark,
.pickListCellPendingSelectedOverDarkRTL,
.pickListCellDeselectedSelectedOver,
.pickListCellDeselectedSelectedOverRTL,
.pickListCellDeselectedSelectedOverDark,
.pickListCellDeselectedSelectedOverDarkRTL {
  background-color: #f0f0f0;
  border: none;
}

.pickListCellDisabled,
.pickListCellDisabledRTL,
.pickListCellDisabledDark,
.pickListCellDisabledDarkRTL,
.pickListCellPendingDisabled,
.pickListCellPendingDisabledRTL,
.pickListCellPendingDisabledDark,
.pickListCellPendingDisabledDarkRTL,
.pickListCellDeselectedDisabled,
.pickListCellDeselectedDisabledRTL,
.pickListCellDeselectedDisabledDark,
.pickListCellDeselectedDisabledDarkRTL {
  background-color: #ededed;
  color: #b8b8b8;
}

.pickListCellDeselected,
.pickListCellDeselectedRTL,
.pickListCellDeselectedOver,
.pickListCellDeselectedOverRTL,
.pickListCellDeselectedSelected,
.pickListCellDeselectedSelectedRTL,
.pickListCellDeselectedSelectedOver,
.pickListCellDeselectedSelectedOverRTL,
.pickListCellDeselectedDisabled,
.pickListCellDeselectedDisabledRTL,
.pickListCellDeselectedDark,
.pickListCellDeselectedDarkRTL,
.pickListCellDeselectedOverDark,
.pickListCellDeselectedOverDarkRTL,
.pickListCellDeselectedSelectedDark,
.pickListCellDeselectedSelectedDarkRTL,
.pickListCellDeselectedSelectedOverDark,
.pickListCellDeselectedSelectedOverDarkRTL,
.pickListCellDeselectedDisabledDark,
.pickListCellDeselectedDisabledDarkRTL {
  color: #a8a8a8;
  text-decoration: line-through;
}

.pickListMenuBody {
  background-color: #ffffff;
  border-right: 1px solid #8F99A2;
  border-left: 1px solid #8F99A2;
  border-bottom: 1px solid #8F99A2;
}
.leftAvailTableElement {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 16px;
	font-weight: 400;
	/*text-transform: uppercase;*/
    color: #182837;
    text-align: left;
}
.centerAvailTableElement {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 16px;
	font-weight: 400;
	text-transform: uppercase;
    color: #182837;
    text-align: center;
}
.allocationDescription {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 16px;
	font-weight: 400;
    color: #182837;
    text-align: center;
}

.leftAvailTableElementPhone {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px;
	font-weight: 400;
	/*text-transform: uppercase;*/
    color: #182837;
    text-align: left;
}
.centerAvailTableElementPhone {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px;
	font-weight: 400;
	text-transform: uppercase;
    color: #182837;
    text-align: center;
}
.allocationDescriptionPhone {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px;
	font-weight: 400;
    color: #182837;
    text-align: center;
}


.basketWidthEntryItemHint {
	font-size: 18px;
    color: #182837;
    padding-left: 5px;
    width: 28px;
    min-width: 28px !important;
    max-width: 28px;
    background-color: transparent;
}
.basketWidthCell,
.basketWidthCellFocused,
.basketWidthCellError
.basketWidthCellErrorFocused {
    background-color: transparent;
}

.checkingPleaseWait {
	background-color: transparent;
    background-repeat: no-repeat;
	background-image: url(../img/please-wait.gif);
	background-position: center center;
}

.basketAvailabilityCount {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 18px;
	font-weight: 400;
    color: #182837;
    text-align: right;
    padding-top: 10px;
    padding-right: 50px;
}
.basketAvailabilityDisclaimer {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 22px;
	font-weight: 600;
    color: #182837;
    text-align: center;
    padding-top: 10px;
}

.basketConfirmationBlurb {
	text-align: center;
	font-size: 24px;
	line-height: 32px;
    color: #182837;
    padding: 30px 50px;
}

.basketConfirmationBlurbPhone {
	text-align: center;
	font-size: 18px;
	line-height: 26px;
    color: #182837;
    padding: 20px 20px;
}

/* Order History */
.orderHistoryBox {
	border-top: 2px solid #182837;
	padding-top: 5px;
}

.dateFilter,
.dateFilterDown,
.dateFilterOver,
.dateFilterDownOver {
	font-size: 10px;
	padding: 0px 10px 5px 0px;
	text-align: center;
	border: none;
    color: blue;
}
.dateFilterDown,
.dateFilterOver,
.dateFilterDownOver {
	text-decoration: underline;
}

.dateFilterOver,
.dateFilterDownOver {
	cursor: pointer !important;
}

.selectedDateFilter,
.selectedDateFilterDown,
.selectedDateFilterOver,
.selectedDateFilterDownOver {
	/*font-size: 15px;
	padding: 5px 0 5px 0px;
	text-align: center;
	border: none;
    background-color: #4444aa;
    color: white;
	border-radius: 20px;*/
	font-size: 10px;
	padding: 0px 10px 5px 0px;
	text-align: center;
	border: none;
    color: blue;
    text-decoration: underline;
}
.selectedDateFilterDown,
.selectedDateFilterOver,
.selectedDateFilterDownOver {
	text-decoration: underline;
}

.orderHistoryTitle,
.orderHistoryTitleOver {
	font-size: 22px;
	padding: 10px 0 10px 10px;
	text-align: left;
	border: none;
    color: #182837;
    text-transform: uppercase;
    font-weight: 700;
}
.orderHistoryTitlePhone,
.orderHistoryTitlePhoneOver {
	font-size: 18px;
	padding: 10px 0 10px 0px;
	text-align: left;
	border: none;
    color: #182837;
    text-transform: uppercase;
    font-weight: 700;
}

.orderHistoryGridHeader {
	border-bottom: 2px solid #182837 !important; 
	border-top: none;
    color: #182837;
	background-color: transparent;
}
.orderHistoryGridHeaderButton,
.orderHistoryGridHeaderButtonSelected,
.orderHistoryGridHeaderButtonDisabled {
	text-align: center;
	background-color: white;
	font-size: 14px;
	border: none !important;
}
.orderHistoryGridHeaderButtonLeft,
.orderHistoryGridHeaderButtonLeftSelected,
.orderHistoryGridHeaderButtonLeftDisabled {
	text-align: left;
	background-color: white;
	font-size: 14px;
	border: none !important;
}

.orderHistoryGridRowStyle1 {
	background-color: white;
    color: #727272;
	text-align: center;
	font-size: 14px;
}

.viewAllOrders {
	background-color: white;
    color: #182837;
	text-align: right;
	font-size: 16px;
	padding-right: 20px;
}

.orderEnquiryPane,
.orderDetailPane {
	padding-top: 20px;
	margin-bottom: 20px;
/*	background-image: url(../img/hexagonBg.jpg);
	background-position: left;
	background-repeat: repeat-y;
	background-size: 70%; */
}

.orderEnquiryListEmptyMessage {
	font-size: 32px;
	line-height: 32px;
	color: #182837;
}
.orderDetailFieldTextBox,
.orderDetailFieldTextBoxOver {
    color: #182837;
	font-size: 18px;
}

.orderHistoryGridCell,
.orderHistoryGridCellDark,
.orderHistoryGridCellDisabled,
.orderHistoryGridCellOver,
.orderHistoryGridCellSelected,
.orderHistoryGridCellDisabledDark,
.orderHistoryGridCellSelectedOver,
.orderHistoryGridCellSelectedDark,
.orderHistoryGridCellOverDark,
.orderHistoryGridCellSelectedOverDark {
	color: #182837;
}

/* Price List */
.priceListTitle,
.priceListTitlePhone {    
    width: 100%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 30px;
	font-weight: 700;
	text-transform: uppercase;
    color: #182837;
    text-align: center;
}
.priceListTitle {
    padding-top: 20px
}

.priceListSubTitle {
	width: 100%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #182837;
    text-align: center;
}

.priceListShipToAddress {
	width: 100%;
	font-size: 13px;
	font-weight: 400;
    color: #182837;
    padding: 2px 0 0 40px;
    margin-top: 15px;
}

.priceListDisclaimerText {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 11px;
	font-weight: 400;
    color: #182837;
    text-align: left;
}

.priceListDisclaimerTextPhone {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 11px;
	font-weight: 400;
    color: #182837;
    text-align: center;
    padding: 0px 20px 0px;
}

.priceListLoadingText {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 18px;
	font-weight: 400;
    color: #182837;
    text-align: center;
}

.priceListBackButton {
	
}

.priceListGridStyle,
.priceListGridStyleDark,
.priceListGridStyleDisabled,
.priceListGridStyleOver, 
.priceListGridStyleSelected, 
.priceListGridStyleDisabledDark,
.priceListGridStyleSelectedOver,
.priceListGridStyleSelectedDark,
.priceListGridStyleOverDark,
.priceListGridStyleSelectedOverDark {
	color: #182837;
	font-size: 14px;
	padding: 10px;
}

.priceListGridStyleOver,
.priceListGridStyleOverDark {
	background-color: #F2F2F2;
}

.priceListGridPhoneStyle,
.priceListGridPhoneStyleDark,
.priceListGridPhoneStyleDisabled,
.priceListGridPhoneStyleOver, 
.priceListGridPhoneStyleSelected, 
.priceListGridPhoneStyleDisabledDark,
.priceListGridPhoneStyleSelectedOver,
.priceListGridPhoneStyleSelectedDark,
.priceListGridPhoneStyleOverDark,
.priceListGridPhoneStyleSelectedOverDark {
	color: #182837;
	font-size: 12px;
	padding: 10px;
}

.priceListGridPhoneStyleDark,
.priceListGridPhoneStyleDisabledDark,
.priceListGridPhoneStyleSelectedDark,
.priceListGridPhoneStyleOverDark,
.priceListGridPhoneStyleSelectedOverDark {
	background-color: #f8f8f8;
}

.tooManyOrdersWarning {
	color: #dd5555;
	font-size: 16px;
	text-align: center;
}
.orderDetailBlurb {
	color: #182837;
	font-size: 13px;
	text-align: center;
}
.pleaseWaitRefreshingProductsMessageLayout {
	background-color: white;
	border: 1px solid #878787;
	border-radius: 10px;
}
.pleaseWaitRefreshingProductsMessage {
	color: #a7a7a7;
	background-color: transparent;
	font-size: 18px;
	text-align: center;
	padding: 20px;
}


.rollOnlyIndicator,
.rollOnlyIndicatorOver,
.rollOnlyIndicatorFocused,
.rollOnlyIndicatorDown,
.rollOnlyIndicatorSelected,
.rollOnlyIndicatorFocusedOver,
.rollOnlyIndicatorFocusedDown,
.rollOnlyIndicatorSelectedFocused,
.rollOnlyIndicatorSelectedOver,
.rollOnlyIndicatorSelectedDown,
.rollOnlyIndicatorSelectedFocusedOver,
.rollOnlyIndicatorSelectedFocusedDown,
.rollOnlyIndicatorSelectedFocusedDownOver {
  font-size: 12px;
  font-family: "Arial";
  font-weight: bold;
  color: white;
  padding-top: 2px;
  padding-bottom:2px;
  text-align: center;
  text-transform: uppercase;
  background-color: #FB980B;
}

.orderHistoryGridPhoneCard {
	border-top: 1px solid #182837;
}

.orderHistoryGridPhoneCardCell {
	margin: 0;
	padding: 0;
}

.orderHistoryGridPhoneCardTitle {
	font-size: 10px;
	line-height: 10px;
	color: #182837;
}

.orderHistoryGridPhoneCardValue {
	font-size: 14px;
	line-height: 14px;
	color: #182837;
}

.orderHistoryGridPhoneCardStatusDefault,
.orderHistoryGridPhoneCardStatusDelivered,
.orderHistoryGridPhoneCardStatusDelivering,
.orderHistoryGridPhoneCardStatusScheduled,
.orderHistoryGridPhoneCardStatusAllocated,
.orderHistoryGridPhoneCardStatusBackordered {
	font-size: 14px;
	text-align: center;
	color:white;
	height:30px;
	line-height:30px;
}
.orderHistoryGridPhoneCardStatusDefault {
	background-color: #006B82;
}
.orderHistoryGridPhoneCardStatusDelivered {
	background-color: white;
	color: #00A499;
	border: 2px solid #00A499;
}
.orderHistoryGridPhoneCardStatusDelivering {
	background-color: #C4057E;
	font-size: 12px;
}
.orderHistoryGridPhoneCardStatusScheduled {
	background-color: #FFCD02;
	font-size: 12px;
}
.orderHistoryGridPhoneCardStatusAllocated {
	background-color: #006B82;
}
.orderHistoryGridPhoneCardStatusBackordered {
	background-color: #8E99A1;
}
.resultsHeaderLeftLayout {
	margin-left: 10;
}

.backgroundImage {
/*	background-image: url(../img/hexagonBg.png);
	background-position: left;
	background-repeat: no-repeat;
  	opacity: 30%;
	background-size: auto; */
}

.priceListProductLink,
.priceListProductLinkDark,
.priceListProductLinkDisabled,
.priceListProductLinkOver, 
.priceListProductLinkSelected, 
.priceListProductLinkDisabledDark,
.priceListProductLinkSelectedOver,
.priceListProductLinkSelectedDark,
.priceListProductLinkOverDark,
.priceListProductLinkSelectedOverDark {
	color: #182837;
	font-size: 14px;
	padding: 10px;
}

.priceListProductLinkOver,
.priceListProductLinkOverDark,
.priceListProductLinkSelectedOver,
.priceListProductLinkSelectedOverDark {
	text-decoration: underline;
	background-color: #F2F2F2;
	color: blue;
}

.priceListGrid .headerBar {
	border-bottom: 0px;
}

.priceListGridSorterButton {
	border-bottom-style: none !important;
}

.headerNameContainer:hover *,
.basketLink:hover,
.logoutLink:hover {
	text-decoration: underline;
	background-color: transparent;
	text-transform: uppercase;
	letter-spacing: 0.8px;
    font-family: RobotoLight, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    white-space: nowrap;
	color: blue;
}