/*******************************************************************************
 Copyright (C) 1998-2008 CyberStrong Internet Services, Inc. All Rights Reserved

 This file has been seeded with unique information at point of sale and
 is traceable to its purchaser.
 
 Your license agreement forbids the removal of this notice.
********************************************************************************/

/* Shopping cart style definitions. */

/* Defaults for Common Tags (All Pages)*/
BODY  {} /* Null tag for cross-browser compatibility */
TD, P {COLOR: Black; FONT-FAMILY: Arial, Helvetica; FONT-SIZE: 10pt}
BODY  {BACKGROUND: White}

/* General purpose links (All Pages) */
A         {TEXT-DECORATION: underline}
A:link    {COLOR: Blue}
A:visited {COLOR: Blue}
A:hover   {COLOR: Gray}
A:active  {COLOR: Blue}

/* Table Background and Accent Colors (Pages 10Search, 20, 30, 40, 50) */
.styTabBackColor   {BACKGROUND: #F7F7F7}
.styTabAccentColor {BACKGROUND: #004101}

/* Table (and other) Headings (Pages 10Search, 20, 30, 40, 50) */
.styHeading        {COLOR: Black; FONT-FAMILY: Arial, Helvetica; FONT-SIZE: 10pt; FONT-WEIGHT: bold}
.styHeadingComment {COLOR: Black; FONT-FAMILY: Arial, Helvetica; FONT-SIZE: 10pt; FONT-WEIGHT: normal}

/* General (Table) Field and Value Tags (All Pages) */
.styGenFieldTag       {COLOR: Black; FONT-FAMILY: Arial, Helvetica; FONT-SIZE: 10pt; FONT-WEIGHT: normal}
.styGenFieldVal       {COLOR: Black; FONT-FAMILY: Arial, Helvetica; FONT-SIZE: 10pt; FONT-WEIGHT: normal}
.styGenFieldUserInput {FONT-FAMILY: Arial, Helvetica; FONT-SIZE: 10pt}
.styGenFieldCheckBox  {FONT-FAMILY: Arial, Helvetica; FONT-SIZE: 10pt}

/* Form Error Messages (All Pages) */
.styFormErrMsg {COLOR: #FF0000; FONT-FAMILY: Arial, Helvetica; FONT-SIZE: 10pt; FONT-WEIGHT: bold}

/* Maintance Warning Message (Pages 10, 20) */
.styMaintWarnMsg {COLOR: Black; FONT-FAMILY: Arial, Helvetica; FONT-SIZE: 10pt; FONT-WEIGHT: bold}

/* Running Total Display (Pages 10, 20)*/
.styRunningTotal {COLOR: Gray; FONT-FAMILY: Arial, Helvetica; FONT-SIZE: 10pt; FONT-WEIGHT: normal}

/* "Demonstration Only" Message (All Pages) */
.styDemoMsg {COLOR: Blue; FONT-FAMILY: Arial, Helvetica; FONT-SIZE: 8pt; FONT-WEIGHT: bold}

/* "Displaying product <x> to <x>..." Message (All Pages) */
.styNumDisplayed {COLOR: Black; FONT-FAMILY: Arial, Helvetica; FONT-SIZE: 10pt; FONT-WEIGHT: bold}

/* Category Select Box (Pages 10, 20)*/
.styCategorySelect {FONT-FAMILY: Arial, Helvetica; FONT-SIZE: 10pt}

/* Browse Page Select Box and tag (Page 10Browse) */
.styProductPageSelectTag {COLOR: Black; FONT-FAMILY: Arial, Helvetica; FONT-SIZE: 8pt; FONT-WEIGHT: normal}
.styProductPageSelect    {COLOR: Black; FONT-FAMILY: Arial, Helvetica; FONT-SIZE: 8pt}

/* Product Search Text Box (Pages 10, 20)*/
.styProductSearch {FONT-FAMILY: Arial, Helvetica; FONT-SIZE: 10pt}

/* Product Name (Pages 10, 20, 40, 50)*/
.styProductName {COLOR: Black; FONT-FAMILY: Arial, Helvetica; FONT-SIZE: 10pt; FONT-WEIGHT: bold}

/* Manufacturer Name (Page 10)*/
.styManufacturerName {COLOR: Black; FONT-FAMILY: Arial, Helvetica; FONT-SIZE: 10pt; FONT-WEIGHT: normal}

/* Supplier Name (Page 10)*/
.stySupplierName {COLOR: Black; FONT-FAMILY: Arial, Helvetica; FONT-SIZE: 10pt; FONT-WEIGHT: normal}

/* Product Name Large (Page 10Expand)*/
.styProductNameLarge {COLOR: Black; FONT-FAMILY: Arial, Helvetica; FONT-SIZE: 12pt; FONT-WEIGHT: bold}

/* Product Description Short and Long (Pages 10, 20, 40, 50) */
.styProductDescShort {COLOR: Black; FONT-FAMILY: Arial, Helvetica; FONT-SIZE: 10pt; FONT-WEIGHT: normal} 
.styProductDescLong  {COLOR: Black; FONT-FAMILY: Arial, Helvetica; FONT-SIZE: 10pt; FONT-WEIGHT: normal} 

/* Minimum order quantity tag and value (Page 10)*/
.styMinOrderTag {COLOR: Black; FONT-FAMILY: Arial, Helvetica; FONT-SIZE: 8pt; FONT-WEIGHT: normal} 
.styMinOrderVal {COLOR: Black; FONT-FAMILY: Arial, Helvetica; FONT-SIZE: 8pt; FONT-WEIGHT: normal}

/* Product code tag and value (Pages 10, 20, 40, 50)*/
.styProductCodeTag {COLOR: Black; FONT-FAMILY: Arial, Helvetica; FONT-SIZE: 8pt; FONT-WEIGHT: normal} 
.styProductCodeVal {COLOR: Black; FONT-FAMILY: Arial, Helvetica; FONT-SIZE: 8pt; FONT-WEIGHT: normal}

/* List, sale and price tags and values (Page 10) */
.styListPriceTag    {COLOR: Black;  FONT-FAMILY: Arial, Helvetica; FONT-SIZE: 10pt; FONT-WEIGHT: normal}
.styOurPriceTag     {COLOR: Black;  FONT-FAMILY: Arial, Helvetica; FONT-SIZE: 10pt; FONT-WEIGHT: normal}
.stySalePriceTag    {COLOR: Black;  FONT-FAMILY: Arial, Helvetica; FONT-SIZE: 10pt; FONT-WEIGHT: normal} 
.styPriceVal        {COLOR: Black;  FONT-FAMILY: Arial, Helvetica; FONT-SIZE: 10pt; FONT-WEIGHT: bold}
.styPriceReducedVal {COLOR: Red;    FONT-FAMILY: Arial, Helvetica; FONT-SIZE: 10pt; FONT-WEIGHT: bold}

/* "You Save" tag and value (Page 10) */
.styYouSaveTag    {COLOR: Black;  FONT-FAMILY: Arial, Helvetica; FONT-SIZE: 10pt; FONT-WEIGHT: normal}
.styYouSaveVal    {COLOR: Red; FONT-FAMILY: Arial, Helvetica; FONT-SIZE: 10pt; FONT-WEIGHT: bold}

/* Stock status tag and value (Page 10) */
.styStockStatusTag {COLOR: Black; FONT-FAMILY: Arial, Helvetica; FONT-SIZE: 8pt; FONT-WEIGHT: normal}
.styStockStatusVal {COLOR: #FF0000; FONT-FAMILY: Arial, Helvetica; FONT-SIZE: 8pt; FONT-WEIGHT: normal}

/* Inventory message (Page 10) */
.styInventoryMsg {COLOR: Black; FONT-FAMILY: Arial, Helvetica; FONT-SIZE: 8pt; FONT-WEIGHT: normal}

/* "Powered By..." Message (Pages 10, 20) */
.styPoweredBy           {COLOR: Gray; FONT-FAMILY: Arial, Helvetica; FONT-SIZE: 8pt; FONT-WEIGHT: normal}
.styPoweredBy A:link    {COLOR: Blue; FONT-FAMILY: Arial, Helvetica; TEXT-DECORATION: none; FONT-SIZE: 8pt; FONT-WEIGHT: normal}
.styPoweredBy A:visited {COLOR: Blue; FONT-FAMILY: Arial, Helvetica; TEXT-DECORATION: none; FONT-SIZE: 8pt; FONT-WEIGHT: normal}
.styPoweredBy A:hover   {COLOR: Blue; FONT-FAMILY: Arial, Helvetica; TEXT-DECORATION: underline; FONT-SIZE: 8pt; FONT-WEIGHT: normal}

/* Optional product separator  (Page 10Browse) */
.styProductSeparator {COLOR: #E1E1E1; BACKGROUND: #E1E1E1; HEIGHT: 1px}

/* Option select tag and selection drop-down and radio boxes (Page 10) */
.styOptionSelectTag  {COLOR: Black; FONT-FAMILY: Arial, Helvetica; FONT-SIZE: 10pt; FONT-WEIGHT: bold} 
.styOptionSelectVal  {WIDTH: 210px; FONT-FAMILY: Arial, Helvetica; FONT-SIZE: 10pt}
.styOptionWriteInVal {WIDTH: 210px; FONT-FAMILY: Arial, Helvetica; FONT-SIZE: 10pt}
.styOptionRadioVal   {COLOR: Black; FONT-FAMILY: Arial, Helvetica; FONT-SIZE: 10pt; FONT-WEIGHT: normal}

/* "View Discount Schedule" Link (Pages 10, 20)*/
.styViewDiscSchedule {FONT-FAMILY: Arial, Helvetica; FONT-SIZE: 8pt; FONT-WEIGHT: normal}

/* "Advanced Search" Link (Pages 10, 20) */
.styAdvancedSearch {FONT-FAMILY: Arial, Helvetica; FONT-SIZE: 8pt; FONT-WEIGHT: normal}

/* "Tell a Friend" Link (Page 10Expand.asp) */
.styTellAFriend {FONT-FAMILY: Arial, Helvetica; FONT-SIZE: 10pt; FONT-WEIGHT: normal}

/* "Ask A Question" Link (Page 10Expand.asp) */
.styAskAQuestion {FONT-FAMILY: Arial, Helvetica; FONT-SIZE: 10pt; FONT-WEIGHT: normal}

/* Option Review (Pages 20, 40, 50) */
.styOptionReview {COLOR: Black; FONT-FAMILY: Arial, Helvetica; FONT-SIZE: 8pt; FONT-WEIGHT: normal}

/* Quantity Display (Pages 20, 40, 50) */
.styQtyVal {COLOR: Black; FONT-FAMILY: Arial, Helvetica; FONT-SIZE: 10pt; FONT-WEIGHT: normal}

/* Quantity Edit Box (Page 20) */
.styQtyEdit {WIDTH: 40px; FONT-FAMILY: Arial, Helvetica; FONT-SIZE: 10pt}

/* Unit Price (Pages 20, 40, 50) */
.styUnitPriceVal {COLOR: Black; FONT-FAMILY: Arial, Helvetica; FONT-SIZE: 10pt; FONT-WEIGHT: normal}

/* Unit Price Edit (Page 20) */
.styUnitPriceEdit {WIDTH: 60px; FONT-FAMILY: Arial, Helvetica; FONT-SIZE: 10pt}

/* Total Price (Pages 20, 40, 50) */
.styTotalPriceVal {COLOR: Black; FONT-FAMILY: Arial, Helvetica; FONT-SIZE: 10pt; FONT-WEIGHT: normal}

/* Subtotal Tag and Value (Pages 20, 40, 50) */
.stySubTotalTag {COLOR: Black; FONT-FAMILY: Arial, Helvetica; FONT-SIZE: 10pt; FONT-WEIGHT: normal}
.stySubTotalVal {COLOR: Black; FONT-FAMILY: Arial, Helvetica; FONT-SIZE: 10pt; FONT-WEIGHT: normal}

/* Coupon redemption user input box (Page 20) */
.styCouponRedeemInput {FONT-FAMILY: Arial, Helvetica; FONT-SIZE: 10pt}

/* Tax Tag and Value (Pages 40, 50) */
.styTaxTag {COLOR: Black; FONT-FAMILY: Arial, Helvetica; FONT-SIZE: 10pt; FONT-WEIGHT: normal}
.styTaxVal {COLOR: Black; FONT-FAMILY: Arial, Helvetica; FONT-SIZE: 10pt; FONT-WEIGHT: normal}

/* Shipping and Handling Tag and Value (Pages 40, 50) */
.styShipHandTag {COLOR: Black; FONT-FAMILY: Arial, Helvetica; FONT-SIZE: 10pt; FONT-WEIGHT: normal}
.styShipHandVal {COLOR: Black; FONT-FAMILY: Arial, Helvetica; FONT-SIZE: 10pt; FONT-WEIGHT: normal}

/* Grand Total (Pages 40, 50) */
.styGrandTotTag {COLOR: Black; FONT-FAMILY: Arial, Helvetica; FONT-SIZE: 10pt; FONT-WEIGHT: normal}
.styGrandTotVal {COLOR: Black; FONT-FAMILY: Arial, Helvetica; FONT-SIZE: 10pt; FONT-WEIGHT: bold}

/* "Please use two letter state/province code." Message (Pages 30, 40)*/
.styPleaseUseStateCodeMsg {COLOR: Blue; FONT-FAMILY: Arial, Helvetica; FONT-SIZE: 8pt; FONT-WEIGHT: normal}

/* Opt-In Message (Page 30)*/
.styOptInMsg {COLOR: Black; FONT-FAMILY: Arial, Helvetica; FONT-SIZE: 10pt; FONT-WEIGHT: normal}

/* Shipping Warning Message (Page 40) */
.styShipWarnMsg {COLOR: #FF0000; FONT-FAMILY: Arial, Helvetica; FONT-SIZE: 10pt; FONT-WEIGHT: normal}

/* Shipping Fail Warning Message (Page 40) */
.styShipFailWarnMsg {COLOR: #FF0000; FONT-FAMILY: Arial, Helvetica; FONT-SIZE: 10pt; FONT-WEIGHT: normal}

/* Submit Note (Page 40) */
.stySubmitNote {COLOR: Blue; FONT-FAMILY: Arial, Helvetica; FONT-SIZE: 10pt; FONT-WEIGHT: normal}

/* "Changing the information on this page..." Message (Page 40) */
.styRecalcWarn {COLOR: Blue; FONT-FAMILY: Arial, Helvetica; FONT-SIZE: 8pt; FONT-WEIGHT: normal}

/* CSC Help link (Page 40) */
.styCSCHelp {FONT-FAMILY: Arial, Helvetica; FONT-SIZE: 8pt; FONT-WEIGHT: normal}

/* "Thank you for shopping..." Message (Page 50) */
.styThankShop {COLOR: Black; FONT-FAMILY: Arial, Helvetica; FONT-SIZE: 10pt; FONT-WEIGHT: normal}

/* Download Notice Message (Page 50) */
.styDLMsg {COLOR: Black; FONT-FAMILY: Arial, Helvetica; FONT-SIZE: 10pt; FONT-WEIGHT: bold}

/* Footer Message (Page 50) */
.styFooterMsg50 {COLOR: Black; FONT-FAMILY: Arial, Helvetica; FONT-SIZE: 10pt; FONT-WEIGHT: bold}

/* Instructional Comment (Various Pages) */
.styInstruct {COLOR: Black; FONT-FAMILY: Arial, Helvetica; FONT-SIZE: 10pt; FONT-WEIGHT: normal}

/* Shipping Preview Only (pShipPrv.asp) */
.styShipPrevCarrier  {COLOR: Black; FONT-FAMILY: Arial, Helvetica; FONT-SIZE: 10pt; FONT-WEIGHT: normal}
.styShipPrevDelivery {COLOR: Black; FONT-FAMILY: Arial, Helvetica; FONT-SIZE: 10pt; FONT-WEIGHT: normal}
.styShipPrevAmount   {COLOR: Black; FONT-FAMILY: Arial, Helvetica; FONT-SIZE: 10pt; FONT-WEIGHT: normal}

/* Cross Selling (Page 20) */
.styCrossSellInviteText       {COLOR: Black; FONT-FAMILY: Arial, Helvetica; FONT-SIZE: 10pt; FONT-WEIGHT: bold}
.styCrossSellRecommendProduct {COLOR: Black; FONT-FAMILY: Arial, Helvetica; FONT-SIZE: 10pt; FONT-WEIGHT: normal}
.styCrossSellRecommendPrice   {COLOR: Black; FONT-FAMILY: Arial, Helvetica; FONT-SIZE: 10pt; FONT-WEIGHT: normal}

/* Catalog Name (Catalog.asp, Download Template) */
.styCatalogName {COLOR: Black; FONT-FAMILY: Arial, Helvetica; FONT-SIZE: 10pt; FONT-WEIGHT: normal}

/* Customer Order History (OrdHist.asp) */
.styCellBrowseDark  {FONT-FAMILY: Arial, Helvetica; FONT-SIZE: 10pt; BACKGROUND: #F7F7F7}
.styCellBrowseLight {FONT-FAMILY: Arial, Helvetica; FONT-SIZE: 10pt; BACKGROUND: #FFFFFF}
.styCellBrowseNav   {FONT-FAMILY: Arial, Helvetica; FONT-SIZE:  8pt; BACKGROUND: #6699CC; COLOR: #FFFFFF}

/* Page Title (Login.asp, OrdHist.asp) */
.styPageTitle {FONT-FAMILY: Arial, Helvetica; FONT-SIZE: 12pt; FONT-WEIGHT: bold}