'*******************************************************************************
'Copyright (C) 1998-2006 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}

h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 24px;
	color: #CCCC99;
}
h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #660000;
	font-weight: bold;
}

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

/* 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 (tCatalog.asp, Download Template) */
.styCatalogName {COLOR: Black; FONT-FAMILY: Arial, Helvetica; FONT-SIZE: 10pt; FONT-WEIGHT: normal}

/* For Forum
.spnMessageText a:link    {color: darkblue; text-decoration:underline}
.spnMessageText a:visited {color: blue  "; text-decoration: underline}
.spnMessageText a:hover   {color: red; text-decoration: underline}
.spnMessageText a:active  {color: red; text-decoration: underline}
.spnSearchHighlight {background-color: yellow}
input.radio {background: lightsteelblue; color:#000000}