/* NOTE: custom/css/vision.css should contain at least #layoutLeft { background-image:none; } to remove the default background image */ 
  
html, body  { margin:0px; padding:0px; height:100%; width:100%; background-color:white; }
html, body, a { color:black; }
html, body, p, td, input, select  { font-family:Verdana, Arial, Helvetica, Sans-Serif; font-size:11px; } 
a  { color:#663398; }
a:hover  { text-decoration:underline; }
a img { border-width:0px; }

 #body  { padding:5px; } 
 #layoutBody  { margin:0px; padding:0px; vertical-align:top; } 
  /* The ACTIVE (last) #layoutFooter rule MUST have a height attribute expressed in px or % for Layout.js to work properly */ 
 #layoutFooter  { height:46px;  margin:0px; padding:0px; vertical-align:bottom; } 
  /* The ACTIVE (last) #layoutHeader rule MUST have a height attribute expressed in px or % for Layout.js to work properly */ 
 #layoutHeader  { height:117px; margin:0px; padding:0px; vertical-align:top; } 
  /* The ACTIVE (last) #layoutLeft rule MUST have a width attribute expressed in px or % for Layout.js to work properly */
 #layoutLeft  { background-color:transparent; background-image:url(../images/menu/layoutLeft.jpg); margin:0px; padding:0px; vertical-align:top; width:172px; } 
  /* The ACTIVE (last) #layoutRight rule MUST have a width attribute expressed in px or % for Layout.js to work properly */ 
 #layoutRight  { margin:0px; padding:0px; vertical-align:top; width:150px; } 
 #layoutWebsite  { height:100%; margin:0px; padding:0px; vertical-align:top; width:100%; }
 #shoppingCartIcon  { display:inline; }

 .adminAltCell  { background-color:#f0f0f0; height:20px; vertical-align:middle; }
 .adminAltCellHighlighted  { background-color:#f0f0f0; font-weight:bold; height:20px; vertical-align:middle; }
 .adminBackground  { }
 .adminCell  { height:20px; vertical-align:middle; }
 .adminCellHighlighted  { font-weight:bold; height:20px; vertical-align:middle; }
 .adminHeading  { background-color:#d9d9d9; font-weight:bold; vertical-align:top; }
 .adminHeading #navigationContainer { text-align:right; }
 .adminInstructions { font-size:smaller; }
 .adminNavigation  { background-color:#d9d9d9; vertical-align:middle; }
 .adminNavigationHighlight  { background-color:#d9d9d9; vertical-align:middle; font-weight:bold; }
 .adminMessages  { background-color:#d9d9d9; color: darkblue; font-size: larger;  font-weight:bold; vertical-align:top; }
 .adminMessages #navigationContainer { text-align:right; }
 .adminPrompt  { font-weight:bold; }
 .adminRolePermissions { background-color:lightyellow; border-style:outset; display:none; padding:2px; position:absolute; text-align:left; width:300px; }
 .adminSeparator {position:relative; top:30px;}
 .adminTotalCell {font-weight:normal;}
 .adminRowHeading  { font-weight:bold;  }
 .attachHeading  { background-color:#9999cc; color:white; font-size:13px; font-weight:bold; }
 .attachListCell  { background-color:#d9d9d9; height:14px; font-weight:bold; } 
 .attachmentContainer  { width:200px; }
 .button { width:75px; }
 .catBackground  { }
 .catHeading  { font-size:13px; font-weight:bold; }
 #categoryHeadingContainer  { width:100%; }
 .catHierarchy  { margin:0; padding:0; }
 .catHierarchy li { display:inline; list-style-type: none; margin:0; padding:0px 3px; white-space: nowrap; }
a.catHierarchyLink  { font-weight:bold; text-decoration:underline; }
a:hover.catHierarchyLink  { color:red; } 
 .catListBackground  { background-color:#ccccff; }
 .catListCell  { white-space:nowrap; background-color:transparent; color:#663398; height:14px; font-weight:bold; }
 .catMajorListHeading  { background-color:transparent; color:#663398; height:14px; font-weight:bold; padding:10px; }
 .catMajorListCell  { white-space:nowrap; background-color:transparent; color:#663398; height:14px; font-weight:bold; }
a.catMajorListLink  { background-color:transparent; color:#663398; font-weight:bold; text-decoration:none; }
 .catMenuHeading  { background-color:#9999cc; color:white; font-size:13px; font-weight:bold; }
 .catText  { }
 .deliveryActive { color: black; }
 .deliveryInactive { color: graytext; }
 .deliveryAddressSelectionArea { border: solid thin #cccccc; text-align: left; background-color: #f0f0f0;}
 .deliveryHelp {visibility: hidden; display: none; }
 .deliveryMainTable {text-align: left; padding: 3px; width: 800px; text-align: center;}
 .disabled { color: graytext; }
 #downloadWizardPage2 { display: none; }
 #downloadWizardPage3 { display: none; }
 .downloadWizardPage { min-height: 200px; }
 #errorMessageContainer { color:red; font-weight:bold; }
 .faqCell  { }
 .faqPrompt  { font-weight:bold; }
 .faqRowHeading  { font-weight:bold;  }
 .feedbackButtonContainer { text-align:center; }
 .feedbackComment { font-weight:normal; }
 .feedbackFieldContainer { font-weight:normal; text-align:left; }
 .feedbackHeading  { font-size:larger; font-weight:bold; padding-bottom:10px; text-align:left; }
 .feedbackMandatoryPrompt  { font-weight:bold; text-align:left; }
 .feedbackPrompt  { font-weight:normal; text-align:left; }
 .hidden  { display:none; }
 .homePageText  { background-color:transparent; font-size:10px; text-align:left; }
 .homeProdContainer  { vertical-align:middle;} 
 .imageButton { padding:5px; }
 .inlineForm { display: inline; margin:0px; padding:0px; position:relative; }
 #login { padding-top:30px; width:100%; }
 .loginCell  { background-color:transparent; color:#663398; font-size:9px; font-weight:bold; border-color:#663398; border-style:solid; border-width:1px; border-collapse:collapse; }
 .loginErrorMessage { background-color:transparent; color:red; font-weight:bold; padding-top:15px; }
 .mandatoryField  { border-width:1px; }
 .mandatoryPrompt  { color:red; font-style:italic; font-weight:bold; }
 .menuBackground  { background-color:#00ca02; color:white; font-size:10px; }
 .menuBorder  { background-color:transparent; font-size:10px; }
a.menuLink  { background-color:transparent; color:white; font-weight:bold; font-size:12px; text-decoration:none; white-space: nowrap; }
 #messageContainer  { font-weight:normal; }
 .optionalField  { background-color:white; border-width:1px; }
 .orderAltCell  { background-color:#f0f0f0; }
 .orderBackground  { }
 .orderBorder  { }
 .orderBottom  { font-weight:bold; height:0px; }
 .orderCell  { }
 .orderCellHeading  { font-weight:bold; }
 .orderLeft  { font-weight:bold; height:14px; }
 .orderHeading  { background-color:#d9d9d9; font-weight:bold; }
 .orderNavigation  { background-color:#d9d9d9; vertical-align:middle; }
 .orderNavigationHighlight  { background-color:#d9d9d9; vertical-align:middle; font-weight:bold; }
 .orderPrompt  { font-weight:bold; }
 .orderQuickAddPrompt  { font-weight:bold; }
 .payCell  { text-align:left; } 
 .payError  { background-color:#cc6666; color:white; font-weight:bold; }
 .payHeading  { font-weight:bold; }
 .payPrompt  { font-weight:bold; text-align:left;}
 .paySeparator  { border-top:1px solid #cc6666; }
 .prodCell  { vertical-align:middle; }
 .prodContainer  { vertical-align:middle; border-right-width:1px; border-right-color:grey; border-right-style:solid; }
 .prodHeading  { background-color:#d9d9d9; font-weight:bold; }
 .prodHighlightCell  { vertical-align:middle; font-weight:bold; }
a.prodHighlightLink  { font-weight:bold; font-size:medium; } 
 .prodListAltCell  { background-color:#f0f0f0; vertical-align:middle; }
 .prodListAltCellOrdered  { background-color:#f0f0f0; vertical-align:middle; font-weight:bold; }
 .prodListBackground  { }
 .prodListCell  { vertical-align:middle; }
 .prodListCellOrdered  { vertical-align:middle; font-weight:bold; }
 .prodListHeading  { background-color:#d9d9d9; font-weight:bold; }
 .prodListNavigation  { background-color:#d9d9d9; vertical-align:middle; }
 .prodListNavigationHighlight  { background-color:#d9d9d9; vertical-align:middle; font-weight:bold; }
 .prodListPrompt  { background-color:#d9d9d9; font-weight:bold; }
 .prodListRow  { background-color:#d9d9d9; }
 .prodListSeparator  { }
 .prodOrderedCell  { vertical-align:middle; font-weight:bold; }
 .prodOrderedPrompt  { font-weight:bolder; }
 .prodPriceHightlight  { color:#cc6666; font-weight:bold; font-size:12pt; }
 .prodPriceHighlightCell { background-color:#ccccff; font-weight:bold; } 
 .prodPrompt  { font-weight:bold; }
 .readOnlyField  { background-color:lightgrey; border-width:1px; }
 .report-heading th { border-bottom-width: 1px; border-bottom-style: solid; }
 .resellerMenuHeading  { background-color:transparent; color:#663398; height:14px; font-weight:bold; padding:10px; }
 .resellerMenuCell  { white-space:nowrap; background-color:transparent; color:#663398; height:14px; font-weight:bold; }
a.resellerMenuLink  { background-color:transparent; color:#663398; font-weight:bold; text-decoration:none; }
 .searchButton { background-color:transparent; border-color:white; border-style:solid; border-width:2px; } 
 .searchField  { background-color:transparent; color:white; border-color:white; border-style:solid; border-width:2px; font-weight:bold; height:16px; width:72px; }
 .searchForm  {  }
a.searchText  { color:white; font-size:12px; font-weight:bold; text-decoration:none; }
 .serialNumbers { display: none; }
 #stockOutUntil { font-size: 11px; font-variant: small-caps; }
 .stockPosition { border-color:#a6a6a6; border-style:solid; border-width:1px; display:block; font-weight:bold; text-align:center; width:72px; height:16px; vertical-align:middle; }