/******************************************************************************* 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 compatiblity */ 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) *** The infamous red bar **** */ .styTabBackColor {BACKGROUND: #F7F7F7} .styTabAccentColor {BACKGROUND: #F7F7F7} /* Table (and other) Headings (Pages 10Search, 20, 30, 40, 50) */ .styHeading {color:#990000; font:bold 12px "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif} .styHeadingComment {color:#000000; font:11px "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif; font-weight:normal} /* General (Table) Field and Value Tags (All Pages) */ .styGenFieldTag {color:#000; FONT-FAMILY: Arial, Helvetica; FONT-SIZE: 10pt; FONT-WEIGHT: normal} .styGenFieldVal {COLOR: #000; 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: #2365A8; FONT-FAMILY: Arial, Helvetica; FONT-SIZE: 8pt; FONT-WEIGHT: bold} /* "Displaying product to ..." Message (All Pages) */ .styNumDisplayed {color: #333; 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: normal 10pt/120% Arial, Helvetica, sans-serif; } /* Product Name (Pages 10, 20, 40, 50)*/ .styProductName { font: bold 13px/100% "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif; color:#333; margin-top: 20px; } /* 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:#333333; font:bold 13px "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;} /* Product Description Short and Long (Pages 10, 20, 40, 50) */ .styProductDescShort {color:#666666; font:normal 12px/120% "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif} .styProductDescLong {color:#666666; font:normal 12px/120% "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif} /* Minimum order quantity tag and value (Page 10)*/ .styMinOrderTag {color:#333333; font: 11px "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif; font-weight:normal} .styMinOrderVal {color:#333333; font: 11px "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif; font-weight:normal} /* Product code tag and value (Pages 10, 20, 40, 50)*/ .styProductCodeTag {color:#333333; font:normal 10px "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif} .styProductCodeVal {color:#333333; font:normal 10px "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif} /* List, sale and price tags and values (Page 10) */ .styListPriceTag {color:#333333; font:normal 13px "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif} .styOurPriceTag {color:#333333; font:normal 13px "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif} .stySalePriceTag {color:#333333; font:normal 13px "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif} .styPriceVal {color:#333333; font:bold 13px "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif} .styPriceReducedVal {color:#CC0000; font:bold 13px "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif} /* "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:#000; 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 { border-top: 1px solid #FFF; border-right: 1px solid #FFF; border-left: 1px solid #FFF; border-bottom: 1px dotted #999999; }
/* 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:#333; 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: #2365A8; FONT-FAMILY: Arial, Helvetica; FONT-SIZE: 10pt; FONT-WEIGHT: normal} /* "Changing the information on this page..." Message (Page 40) */ .styRecalcWarn {color: #2365A8; 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: #333; 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}