'*******************************************************************************
'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 {max-width: 980px;}
BODY  {} /* Null tag for cross-browser compatiblity */
BODY  {BACKGROUND-COLOR: white;background-position:top left;}
TD, P {COLOR: Black; FONT-FAMILY: Arial, Helvetica; FONT-SIZE: 10pt}
img {max-width:100%;}

/* General purpose links (All Pages) */
A {font-family: Arial;font-size: 12pt;font-weight: bold;}
A:link {text-decoration: none; color: #CC0000;}
A:visited {text-decoration: none; color: #CC0000;}
A:hover {text-decoration: underline; color: #000000;}


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

/* 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: 15pt; 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: #0000FE; FONT-FAMILY: Arial, Helvetica; FONT-SIZE: 9pt; FONT-WEIGHT: bold}

/* Product Name Large (Page 10Expand)*/
.styProductNameLarge {COLOR: #4A4848; 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: 9pt; FONT-WEIGHT: normal} 
.styProductDescLong  {COLOR: Black; FONT-FAMILY: Arial, Helvetica; FONT-SIZE: 9pt; 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: 9pt; FONT-WEIGHT: normal} 
.styProductCodeVal {COLOR: Black; FONT-FAMILY: Arial, Helvetica; FONT-SIZE: 9pt; FONT-WEIGHT: bold}

/* 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: #009900;  FONT-FAMILY: Arial, Helvetica; FONT-SIZE: 16pt; 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; FONT-SIZE: 9pt; FONT-WEIGHT: normal}
.styStockStatusVal {COLOR: #CC0000; FONT-FAMILY: Arial; FONT-SIZE: 11pt; FONT-WEIGHT: bold}

/* 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-COLOR: #E1E1E1; HEIGHT: 1px}

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

/* "View Discount Schedule" Link (Pages 10, 20)*/
.styViewDiscSchedule {COLOR: #FF0000; FONT-FAMILY: Arial, Helvetica; FONT-SIZE: 16pt; 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: 22px; 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: bold}

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

/* 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: #CC0000; 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.htm, 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: 13px; BACKGROUND: #F7F7F7}
.styCellBrowseLight {FONT-FAMILY: Arial, Helvetica; FONT-SIZE: 13px; BACKGROUND: #FFFFFF}
.styCellBrowseNav   {FONT-FAMILY: Arial, Helvetica; FONT-SIZE:  11px; BACKGROUND: #6699CC; COLOR: #FFFFFF}

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

/* "Quick View" Link (Page 10)*/
.styQuickView {FONT-FAMILY: Arial, Helvetica; FONT-SIZE: 11px; FONT-WEIGHT: normal}

/* "Additional Image Thumbnails (Page 10)*/
.styAddlImgs {BORDER: 1px solid #999999; PADDING: 4px; MARGIN: 2px 2px 2px 2px}

/* Buyer Survey Field Tags and Input Boxes (Page 40) */
.styBuyerSurveyFieldTag       {COLOR: Black; FONT-FAMILY: Arial, Helvetica; FONT-SIZE: 13px; FONT-WEIGHT: normal}
.styBuyerSurveyFieldUserInput {WIDTH: 300px; FONT-FAMILY: Arial, Helvetica; FONT-SIZE: 13px}

/* My Information */
.ifyouorder {COLOR: #CC0000; FONT-FAMILY: Arial; FONT-SIZE: 12px; FONT-WEIGHT: normal}


/* Caster City Header */
.topright:link {font-size: 11px; font-family: arial; text-decoration: none; color: #FFFFFF; font-weight: bold;}

.topright:visited {font-size: 11px; font-family: arial; text-decoration: none; color: #FFFFFF; font-weight: bold;}

.topright:hover {font-size: 11px; font-family: arial; text-decoration: underline; color: #000000; font-weight: bold;}

.eyes:link {font-size: 12px; font-family: arial; text-decoration: none; font-weight: bold; color: #FFFFFF;}

.eyes:visited {font-size: 12px; font-family: arial; text-decoration: none; font-weight: bold; color: #FFFFFF;}

.eyes:hover {font-size: 12px; font-family: arial; text-decoration: underline; font-weight: bold; color: #000000;}

.op:link {font-size: 11px; font-family: arial; text-decoration: none; font-weight: bold; color: #FFFFFF;}

.op:visited {font-size: 11px; font-family: arial; text-decoration: none; font-weight: bold; color: #FFFFFF;}

.op:hover {font-size: 11px; font-family: arial; text-decoration: underline; font-weight: bold; color: #000000;}

.sp:link {font-size: 11px; font-family: arial; text-decoration: none; font-weight: bold; color: #FFFFFF;}

.sp:visited {font-size: 11px; font-family: arial; text-decoration: none; font-weight: bold; color: #FFFFFF;}

.sp:hover {font-size: 11px; font-family: arial; text-decoration: underline; font-weight: bold; color: #000000;}

.footertitle {font-family: arial; font-size: 12px; color: #FFFFFF; line-height:18px; font-weight:bold; font-style:none; text-decoration:none; } 

.footer:link {font-family: arial; font-size: 11px; color: #FFFFFF; line-height:13px; font-weight:normal; font-style:none;}

.footer:visited {font-family: arial; font-size: 11px; color: #FFFFFF; line-height:13px; font-weight:bold; font-style:none; text-decoration:none; }

.footer:hover{font-family: arial; font-size: 11px; color: #FFF000; line-height:13px; font-weight:bold; font-style:none; text-decoration:underline; } 

.logoimg { 
max-width:100%;
 }