'*******************************************************************************
'Copyright (C) 1998-2005 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-COLOR: White;
	background-attachment: fixed;
	background-image: url();
	background-position : left;
	background-repeat : repeat-y;}
.menuover {
color: black;
background-color: #A2BDEC;
}

/* General purpose links (All Pages) */
A         {TEXT-DECORATION: None}
A:link    {COLOR: }
A:visited {COLOR: }
A:active  {COLOR: }
A:hover   {COLOR: }

/* Table Background and Accent Colors (Pages 10Search, 20, 30, 40, 50) */
.styTabBackColor   {BACKGROUND-COLOR: #F7F7F7}
.styTabAccentColor {BACKGROUND-COLOR: #A2BDEC}

/* 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}
.smallbox2 {FONT-FAMILY: Arial, Helvetica; FONT-SIZE: 10pt;
background-image: url(https://www.safeshowroom.com/images/req.jpg);
background-repeat: no-repeat}
.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}

/* 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: Black;    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-COLOR: #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: ; 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: 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}

/* 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.htm, Download Template) */
.styCatalogName {COLOR: Black; FONT-FAMILY: Arial, Helvetica; FONT-SIZE: 10pt; FONT-WEIGHT: normal}

/* Randomly called quotes */
.random_quote {color: #000000; font-family: Arial, Sans-Serif; font-size: 12px}

/* ================== Main Horizontal Menu =========================== */
.breadcrumb{position:relative; height:30px; width:100%;}
.breadcrumb ul{position:relative; margin:0 5px 0 5px; padding:0; height:30px; background:url('https://www.safeshowroom.com/breadcrumbImage.png') 0px -30px repeat-x; }
.breadcrumb ul li{padding:0; margin:0; list-style:none; float:left; height:30px display:inline;}
.breadcrumb ul li a{font:12px Arial, Helvetica, sans-serif; color:rgb(255,255,255); text-decoration:none; line-height:30px; display:block; background:url('https://www.safeshowroom.com/breadcrumbImage.png') 100% -60px no-repeat; padding:0 17px 0 15px; }
.breadcrumb ul li a:hover {text-decoration:underline; color:rbg(192,209,252);}
.breadcrumb ul li a.active{background:none; color:rgb(255,255,255);}
.breadcrumb ul li a.active:hover {text-decoration:none;}
.breadcrumb .left{position:absolute; top:0px; left:0px; width:10px; height:30px; display:block; z-index:1; background:url('https://www.safeshowroom.com/breadcrumbImage.png') 0% 0px no-repeat;}
.breadcrumb .right{position:absolute; top:0px; right:0px; width:10px; height:30px; display:block; z-index:1; background:url('https://www.safeshowroom.com/breadcrumbImage.png') 100% -90px no-repeat; }


/* Boldchat image link tag */
.chat_button {font-family: Arial, Sans-Serif; font-size: 10px}

/* Footer - include5-footer.asp ======================================================================= */
/* Bottom menu for all product category and site links in bottom footer  */
.footer_menu {background-color: 0066ff; font-family: Arial; font-size: small}

/* Bottom most company contact info */
.footer_contact {font-family: Arial, Sans-Serif; font-size: 13px}

/* ======================================================================= */

.style10 {font-size: 12px}

.style3 {font-family: Arial, Helvetica, Sans-Serif}
.style7 {font-size: x-small}
.style9 {color: #0066FF}
.style12 {font-size: 11px}
.style15 {color: #009900}
.style16 {color: #FFFFFF}
.style17 {font-size: large; font-style: italic}
.style18 {font-size: 14px}
.style19 {font-size: 18px; font-weight: bold}
.style21 {font-family: Arial, Helvetica, Sans-Serif; font-size: 24px}

