/* Define the layout - Header, two column, footer */
/*
        table #layoutTable
                tr #layoutTablefirstRow
                        td #layoutTableRowFirstCell
                                table #headerTable
                                        tr #headerTableFirstRow
                                                td #headerTableFirstRowCell
                                        tr #headerTableSecondRow
                                                td #headerTableSecondRowCell
                                        tr #headerTableThirdRow
                                                td #headerTableThirdRowCell
                tr #layoutTableSecondRow
                        td #layoutTableSecondRowCell
                                table #navAndContentTable
                                        tr #navAndContentTableRow
                                                td #navAndContentTableRowNavCell
                                                        table #navTable
                                                                tr #navTableFirstRow
                                                                        td #navTableFirstRowCell
                                                                tr #navTableSecondRow
                                                                        td #navTableSecondRowCell
                                                                tr #navTableThirdRow
                                                                        td #navTableThirdRowCell
                                                td #navAndContentTableRowContentCell
                                                        table #contentTable
                                                                tr #contentTableFirstRow
                                                                        td #contentTableFirstRowCell
                tr #layoutTableThirdRow
                        td #layoutTableThirdRowCell
                                table #footerTable
                                        tr #footerTableFirstRow
                                                td #footerTableFirstRowCell
                                        tr #footerTableSecondRow
                                                td #footerTableSecondRowCell
                                        tr #footerTableThirdRow
                                                td #footerTableThirdRowCell
*/
#layoutTable,
#headerTable,
#navAndContentTable,
#navTable,
#contentTable,
#footerTable {
  border-width: 0;
  border-collapse: collapse;
  margin: 0;
}
#layoutTableFirstRow,
#headerTableFirstRow,
#headerTableSecondRow,
#headerTableThirdRow,
#layoutTableSecondRow,
#navAndContentTableRow,
#navTableFirstRow,
#navTableSecondRow,
#navTableThirdRow,
#contentFirstTableRow,
#layoutTableThirdRow,
#footerTableFirstRow,
#footerTableSecondRow,
#footerTableThirdRow {
  border-width: 0;
  padding: 0;
  vertical-align: top;
  margin: 0;
}
#layoutTableRowFirstCell,
#headerTableFirstRowCell,
#headerTableSecondRowCell,
#headerTableThirdRowCell,
#layoutTableSecondRowCell,
#navAndContentTableRowNavCell,
#navTableFirstRowCell,
#navTableSecondRowCell,
#navTableThirdRowCell,
#navAndContentTableRowContentCell,
#contentTableFirstRowCell #layoutTableThirdRowCell,
#footerTableFirstRowCell,
#footerTableSecondRowCell,
#footerTableThirdRowCell {
  border-width: 0;
  padding: 0;
  margin: 0;
}
#headerTableThirdRowCell {
  text-align: right;
  font-size: 12px;
}
#navAndContentTableRowContentCell {
  padding-left: 10px;
  padding-top: 10px;
  border-left: 1px solid #D9D9D9;
  height: 300px;
  font-size: 12px;
}
#navTable {
  width: 180px;
}
#navTable td {
  padding-top: 10px;
  padding-right: 10px;
}
#layoutTable {
  margin-left: auto;
  margin-right: auto;
  min-width: 800px;
}
/*************** END OF LAYOUT *******************/
/**********************************************************************
        *************************************************************
                        Standard CSS tags for Customer Order Entry
        *************************************************************
 **********************************************************************/
body {
  font-family: tahoma, verdana, helvetica, sans-serif;
  font-size: 8px;
  font-weight: normal;
}
img {
  border: 0px;
}
/*  all tags will be the same font unless otherwise */
.coeHeader,
.coeSubHeader,
.coeTableHeader,
.coeTableColumn,
.coeCellLink,
.coeCellLink:hover,
.coeCellText,
.coeDataText,
.coeContentText,
.coeInputText,
.coeSelectOneMenu,
.coeLabel,
.coeLink,
.coeLinkNoUnderline,
.coeCheckbox,
.coeLinkNoUnderline,
.coeLinkNoUnderline:hover,
.coeRootCategoriesHeaderSection,
.coeRootCategoriesBodySection,
.coeBreadcrumbTrail,
.coeBreadcrumbLink,
.coeBreadcrumbLastEntry,
.coeDivSection,
.coeDivHeaderSection,
.coeDivSubHeaderSection,
.coeDivBodySection,
.coeDivFooterSection,
.coeDivHeaderSection,
.coeDyeLotWarning,
.finalizeQuoteError {
  font-family: tahoma, verdana, helvetica, sans-serif;
  font-size: 11px;
  font-weight: normal;
}
.coeBreadcrumbTrail {
  width: 500px;
  padding-bottom: 10px;
}
.coeBreadcrumbLastEntry {
  font-size: 14px;
  font-weight: bold;
}
.coeHeader,
.coeSubHeader,
.finalizeQuoteError,
.coeAnnouncementHeader,
.coeAnnouncementMessage {
  font-family: trebuchet ms, tahoma, helvetica, sans-serif;
  font-size: 14px;
  color: #37568c;
  font-weight: bold;
  line-height: 105%;
}
.coeAnnouncementHeader {
  font-size: 16px;
}
.coeAnnouncementMessage {
  font-size: 13px;
}
.finalizeQuoteError {
  color: #FF0000;
}
.coeTableHeader {
  padding-right: 20px;
  border: 0px solid black;
  border-bottom-width: 1px;
  text-align: left;
  font-weight: bold;
}
.coeTableHeaderNoUnderline {
  padding-right: 20px;
  border: 0px none black;
}
.coeBreadcrumbLink {
  color: #4860b0;
  text-decoration: none;
}
.coeBreadcrumbLink:hover {
  background-color: #e8f0f8;
}
.coeCellLink {
  color: #4860b0;
  text-decoration: none;
  text-transform: capitalize;
}
.coeCellLink:hover {
  background-color: #e8f0f8;
}
.coeLabel {
  color: #000000;
}
.coeLabel2 {
  font-family: trebuchet ms, tahoma, helvetica, sans-serif;
  font-size: 11px;
  color: #37568c;
  font-weight: bold;
  line-height: 105%;
}
.coeLink,
.coeLinkNoUnderline {
  font-family: trebuchet ms, tahoma, helvetica, sans-serif;
  font-size: 12px;
  color: #37568c;
  font-weight: bold;
  line-height: 105%;
}
.coeDyeLotWarning {
  color: #FF0000;
  font-weight: bold;
}
.coeLink {
  text-decoration: none;
}
.coeLink:hover {
  text-decoration: underline;
}
.coeLinkNoUnderline {
  text-decoration: none;
}
.coeLinkNoUnderline:hover {
  text-decoration: underline;
}
/* Defines each section of a Content */
.coeDivSection,
.coeDivHeaderSection,
.coeDivSubHeaderSection,
.coeDivBodySection,
.coeDivFooterSection {
  padding-top: 5px;
  padding-bottom: 5px;
}
.coeDivHeaderSection {
  padding-top: 0px;
}
/**********************************************************************
        *************************************************************

        *************************************************************
 **********************************************************************/
.form {
  margin: 0px;
  padding: 0px;
}
/* define attributes for objects */
.errorMessage {
  font-family: trebuchet ms, tahoma, helvetica, sans-serif;
  font-size: 12px;
  color: #FF0000;
  font-weight: bold;
}
/************************************
 * Special headings                 *
 ************************************/
.errorMessages {
  font-family: trebuchet ms, tahoma, helvetica, sans-serif;
  font-size: 12px;
  color: #FF0000;
  font-weight: bold;
}
/*************************************************
        Footer
**************************************************/
#footerTable {
  font-family: trebuchet ms, tahoma, helvetica, sans-serif;
  font-size: 12px;
  font-weight: normal;
  line-height: 135%;
  color: #818181;
  width: 740px;
  border-top: 1px solid #D9D9D9;
}
#footerTable tr {
  text-align: center;
}
#footerTable td {
  padding-top: 10px;
}
.footerContact {
  text-transform: capitalize;
}
/**************************************
 * Settings for search box            *
 **************************************/
.searchBox {
  text-align: center;
}
.searchForm {
  margin: 0px;
  padding: 0px;
}
.searchBoxTable {
  text-align: left;
  background-color: #F2F2F2;
  border: 1px ridge #D9D9D9;
  padding: 0px;
}
.searchBoxContent {
  font-family: trebuchet ms, tahoma, helvetica, sans-serif;
  font-size: 10px;
  font-weight: normal;
  line-height: 135%;
  padding: 0px 5px 5px;
}
.searchHeader {
  font-family: trebuchet ms, tahoma, helvetica, sans-serif;
  font-size: 12px;
  color: #ffa72d;
  font-weight: bold;
  line-height: 105%;
  text-transform: lowercase;
}
.searchTextInput {
  font-family: tahoma, verdana, helvetica, sans-serif;
  font-size: 11px;
  font-weight: normal;
  color: #37568c;
  border: 1px solid #c0c0c0;
  margin: 2px !important;
  padding: 1px !important;
  height: 13px !important;
  width: 118px !important;
}
/**********************************************
        InputTextAreas 
***********************************************/
.inputTextAreaReadOnly {
  color: #808080;
  padding: 0px;
  margin: 0px;
}
/**********************************************
        Shortcuts 
***********************************************/
#shortcutsBox {
  padding-top: 5px;
}
.formShortcuts {
  margin: 0px;
}
.shortcutsTable {
  padding: 0px;
  border-collapse: collapse;
  width: 100%;
}
.shortcutsHeaderDetail {
  font-family: trebuchet ms, tahoma, helvetica, sans-serif;
  font-size: 14px;
  color: #61bb4d;
  font-weight: bold;
  line-height: 105%;
  text-transform: lowercase;
}
.shortcutsItemsRecordDetail {
  font-family: trebuchet ms, tahoma, helvetica, sans-serif;
  font-size: 10px;
  font-weight: normal;
  line-height: 135%;
  padding: 0px 0px 3px 0px;
}
#shortcutsItemsDetailList {
  padding-left: 25px;
  margin-left: 0px;
  list-style-image: url("/custOrderEntry/javax.faces.resource/images/bullet.gif.xhtml?ln=netxpress");
  margin-top: 3px;
  margin-bottom: 0px;
  line-height: 170%;
}
#shortcutsItemsDetailList a:hover {
  color: #71b8ff;
  text-decoration: none;
}
#shortcutsItemsDetailList a {
  color: #37568c;
  text-decoration: none;
}
#shortcutsFavoriteItemsListItem {
  list-style-image: url("/custOrderEntry/javax.faces.resource/images/icon_star_full.gif.xhtml?ln=netxpress");
}
#shortcutsShoppingListsListItem {
  list-style-image: url("/custOrderEntry/javax.faces.resource/images/BulletedList.gif.xhtml?ln=netxpress");
}
/**********************************************
        Account Menu 
***********************************************/
#accountMenuBox {
  padding-top: 10px;
}
.formAccountMenu {
  margin: 0px;
}
.accountMenuTable {
  padding: 0px;
  border-collapse: collapse;
  width: 100%;
}
.accountMenuHeaderDetail {
  font-family: trebuchet ms, tahoma, helvetica, sans-serif;
  font-size: 14px;
  color: #61bb4d;
  font-weight: bold;
  line-height: 105%;
  text-transform: lowercase;
}
.accountMenuItemsRecordDetail {
  font-family: trebuchet ms, tahoma, helvetica, sans-serif;
  font-size: 10px;
  font-weight: normal;
  line-height: 135%;
  padding: 0px 0px 3px 0px;
}
#accountMenuItemsDetailList {
  padding-left: 17px;
  margin-left: 0px;
  list-style-image: url("/custOrderEntry/javax.faces.resource/images/bullet.gif.xhtml?ln=netxpress");
  margin-top: 3px;
  margin-bottom: 0px;
  line-height: 170%;
}
#accountMenuItemsDetailList a:hover {
  color: #71b8ff;
  text-decoration: none;
}
#accountMenuItemsDetailList a {
  color: #37568c;
  text-decoration: none;
}
.coeInvoiceShipInfoTable {
  border-collapse: collapse;
  border-width: 0;
  cellpadding: 0;
  padding: 0;
  margin: 0;
  width: 100%;
}
.coeDeliveryInfo {
  text-align: right;
}
/******* mainMenu ******/
mainMenu {
  margin: 0px;
  padding: 0px;
}
.mainMenuTable {
  border-collapse: collapse;
  border-width: 0;
  cellpadding: 0;
  background: #59656C;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  padding: 0;
  margin: 0;
}
.mainMenuLink {
  font-family: trebuchet ms, tahoma, helvetica, sans-serif;
  font-size: 11px;
  font-weight: bold;
  color: #FFFFFF;
  text-decoration: none;
  display: block;
  padding: 0 2em;
  line-height: 3.1em;
}
.mainMenuLink:hover {
  background-color: #72818a;
}
/******************** Division List *********************/
#divisionListTableDiv {
  padding-top: 10px;
  padding-bottom: 10px;
}
/*********  SearchParmItemList Page  *************/
#searchParmItemListParameterListDiv {
  padding-top: 10px;
}
#searchParmListParmTableDiv {
  padding-top: 10px;
}
#searchParmListNavigationDiv {
  padding-top: 20px;
}
/***** the new SearchWithin DIV version  **********/
#searchWithinFormDiv {
  clear: both;
  padding-top: 10px;
}
#searchWithinSearchTextDiv {
  float: left;
}
#searchWithinSearchWithinLinkDiv {
  float: left;
  padding-left: .5em;
}
#searchWithinSearchSiteLinkDiv {
  float: left;
  padding-left: .5em;
}
#searchWithinSearchResetLinkDiv {
  float: left;
  padding-left: .5em;
}
#searchWithinCurrentSearchTextDiv {
  clear: both;
}
/***********   Comp Items Page  *************/
#itemListSkipCompDiv {
  float: left;
  padding-left: 20px;
  padding-top: 10px;
}
/***************** item Detail Page *******************/
#itemDetailOrderRollButtonDiv,
#itemDetailItemNumberHeaderDiv {
  float: left;
}
#itemDetailItemNumberDiv,
#itemDetailOrderQuantityTextDiv,
#itemDetailOrderUOMMenuDiv,
#itemDetailOrderAddCartLink,
#itemDetailGoBackLinkDiv {
  float: left;
  padding-left: .5em;
}
#itemDetailItemDescriptionDiv {
  clear: both;
}
.itemDetailItemColorTable {
  border-width: 0px;
  border-collapse: collapse;
  margin: 0px;
}
#itemInfoTabContainer {
  width: 550px;
}
#itemInfoTabContainer > .dijitTabPaneWrapper {
  border: 0px;
}
#adminUserDetailTabContainer {
  width: 550px;
}
#adminUserDetailTabContainer > .dijitTabPaneWrapper {
  border: 0px;
}
/*****************  Logged In User ******************/
#loggedInUserAndCustomerBox {
  margin-top: 5px;
}
/***************** Row selected in Change Customer table ********************/
.rowHighlighted {
  background-color: #e8f0f8;
}
/***************** Order Number Highlight ********************/
.orderNumberHighlight {
  color: #ff8000;
  font-weight: bold;
}
/******************* Item Detail Image ************************/
#itemDetailOrderHeaderDiv {
  clear: both;
}
.itemDetailImageMainSection {
  afloat: left;
  awidth: 200px;
}
.itemDetailNonImageMainSection {
  afloat: left;
  awidth: 300px;
}
.itemDetailTabbedSection {
  clear: both;
}
/*********** To be used for things to only show on print ***************/
.printOnly {
  display: none;
}
/************ Row contains table for logo used only when printing ******************/
#contentAndPrintLogoTablePrintLogoRow {
  display: none;
}
/**************** Select One Menu for changing number of rows displayed in a table **************/
.rowsDisplayedSelectOneMenu {
  width: 50px;
  font-family: tahoma, verdana, helvetica, sans-serif;
  font-size: 11px;
  font-weight: normal;
}
.recordsFound {
  font-family: tahoma, verdana, helvetica, sans-serif;
  font-size: 11px;
  font-weight: normal;
  padding-top: 10px;
}
#headerImageCompanyLogo {
  float: left;
  margin: 0;
  vertical-align: bottom;
}
/* Width for PrimeFaces */
.uomSelectOneMenu {
  width: 70px !important;
}
.pfPanelGridNoBorders tr {
  border: none !important;
}
.pfPanelGridNoBorders td {
  border: none !important;
}
.pfPanelGridNoBorders {
  border: none !important;
}
.clickToEnlarge {
  font-family: trebuchet ms, tahoma, helvetica, sans-serif !important;
  font-size: 11px !important;
  color: #37568c !important;
  font-weight: bold !important;
  line-height: 105% !important;
  text-decoration: none;
}
.centerImage {
  display: block;
  margin-left: auto;
  margin-right: auto;
}