'*******************************************************************************
'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. */

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

 hr {
  border: 0;
  width: 100%;
  color: #fff;
  background-color: #fff;
  height: 3px;
}


/* Table (and other) Headings (Pages 10Search, 20, 30, 40, 50) */
.styHeading        {font-weight: bold}
.styHeadingComment {font-weight: normal}

/* General (Table) Field and Value Tags (All Pages) */
.styGenFieldTag       {font-weight: normal}
.styGenFieldVal       {font-weight: normal}
.styGenFieldUserInput {}
.styGenFieldCheckBox  {}

/* Form Error Messages (All Pages) */
.styFormErrMsg {color: #F99338; font-weight: bold}

/* Maintance Warning Message (Pages 10, 20) */
.styMaintWarnMsg {color: #F99338; font-weight: bold}

/* Running Total Display (Pages 10, 20)*/
.styRunningTotal {font-weight: normal}

/* "Demonstration Only" Message (All Pages) */
.styDemoMsg {color: #F99338; font-weight: bold}

/* "Displaying product <x> to <x>..." Message (All Pages) */
.styNumDisplayed {font-weight: bold}

/* Category Select Box (Pages 10, 20)*/
.styCategorySelect {}

/* Browse Page Select Box and tag (Page 10Browse) */
.styProductPageSelectTag {}
.styProductPageSelect    {}

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

/* Product Name (Pages 10, 20, 40, 50)*/
.styProductName {font-weight: bold}

/* Manufacturer Name (Page 10)*/
.styManufacturerName {font-weight: normal}

/* Supplier Name (Page 10)*/
.stySupplierName {font-weight: normal}

/* Product Name Large (Page 10Expand)*/
.styProductNameLarge {font-weight: bold}

/* Product Description Short and Long (Pages 10, 20, 40, 50) */
.styProductDescShort {font-weight: normal} 
.styProductDescLong  {font-weight: normal} 

/* Minimum order quantity tag and value (Page 10)*/
.styMinOrderTag {font-weight: normal} 
.styMinOrderVal {font-weight: normal}

/* Product code tag and value (Pages 10, 20, 40, 50)*/
.styProductCodeTag {FONT-SIZE: 8pt; font-weight: normal} 
.styProductCodeVal {FONT-SIZE: 8pt; font-weight: normal}

/* List, sale and price tags and values (Page 10) */
.styListPriceTag    {font-weight: normal}
.styOurPriceTag     {font-weight: normal}
.stySalePriceTag    {font-weight: normal} 
.styPriceVal        {font-weight: bold}
.styPriceReducedVal {color: Red; font-weight: bold}

/* "You Save" tag and value (Page 10) */
.styYouSaveTag    {font-weight: normal}
.styYouSaveVal    {color: Red; font-weight: bold}

/* Stock status tag and value (Page 10) */
.styStockStatusTag {font-weight: normal}
.styStockStatusVal {color: #FF0000; font-weight: normal}

/* Inventory message (Page 10) */
.styInventoryMsg {font-weight: normal}

/* "Powered By..." Message (Pages 10, 20) */
.styPoweredBy           {color: Gray; FONT-SIZE: 8pt; font-weight: normal}
.styPoweredBy A:link    {color: #F99338; TEXT-DECORATION: none; FONT-SIZE: 8pt; font-weight: normal}
.styPoweredBy A:visited {color: #F99338; TEXT-DECORATION: none; FONT-SIZE: 8pt; font-weight: normal}
.styPoweredBy A:hover   {color: #F99338; TEXT-DECORATION: underline; FONT-SIZE: 8pt; font-weight: normal}

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

/* Option select tag and selection drop-down and radio boxes (Page 10) */
.styOptionSelectTag  {font-weight: bold} 
.styOptionSelectVal  {}
.styOptionWriteInVal {WIDTH: 100px;}
.styOptionRadioVal   {font-weight: normal}

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

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

/* "Tell a Friend" Link (Page 10Expand.asp) */
.styTellAFriend {font-weight: normal}

/* "Ask A Question" Link (Page 10Expand.asp) */
.styAskAQuestion {font-weight: normal}

/* Option Review (Pages 20, 40, 50) */
.styOptionReview {FONT-SIZE: 8pt; font-weight: normal}

/* Quantity Display (Pages 20, 40, 50) */
.styQtyVal {font-weight: normal}

/* Quantity Edit Box (Page 20) */
.styQtyEdit {WIDTH: 40px;}

/* Unit Price (Pages 20, 40, 50) */
.styUnitPriceVal {font-weight: normal}

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

/* Total Price (Pages 20, 40, 50) */
.styTotalPriceVal {font-weight: normal}

/* Subtotal Tag and Value (Pages 20, 40, 50) */
.stySubTotalTag {font-weight: normal}
.stySubTotalVal {font-weight: normal}

/* Coupon redemption user input box (Page 20) */
.styCouponRedeemInput {}

/* Tax Tag and Value (Pages 40, 50) */
.styTaxTag {font-weight: normal}
.styTaxVal {font-weight: normal}

/* Shipping and Handling Tag and Value (Pages 40, 50) */
.styShipHandTag {font-weight: normal}
.styShipHandVal {font-weight: normal}

/* Grand Total (Pages 40, 50) */
.styGrandTotTag {font-weight: normal}
.styGrandTotVal {font-weight: bold}

/* "Please use two letter state/province code." Message (Pages 30, 40)*/
.styPleaseUseStateCodeMsg {color: #F99338; FONT-SIZE: 8pt; font-weight: normal}

/* Opt-In Message (Page 30)*/
.styOptInMsg {font-weight: normal}

/* Shipping Warning Message (Page 40) */
.styShipWarnMsg {color: #FF0000; font-weight: normal}

/* Shipping Fail Warning Message (Page 40) */
.styShipFailWarnMsg {color: #FF0000; font-weight: normal}

/* Submit Note (Page 40) */
.stySubmitNote {color: #F99338; font-weight: normal}

/* "Changing the information on this page..." Message (Page 40) */
.styRecalcWarn {color: #F99338; FONT-SIZE: 8pt; font-weight: normal}

/* CSC Help link (Page 40) */
.styCSCHelp {FONT-SIZE: 8pt; font-weight: normal}

/* "Thank you for shopping..." Message (Page 50) */
.styThankShop {color: #000000; font-weight: normal}

/* Download Notice Message (Page 50) */
.styDLMsg {color: #000000; font-weight: bold}

/* Footer Message (Page 50) */
.styFooterMsg50 {color: #000000; font-weight: bold}

/* Instructional Comment (Various Pages) */
.styInstruct {color: #000000; font-weight: normal}

/* Shipping Preview Only (pShipPrv.asp) */
.styShipPrevCarrier  {color: #000000; font-weight: normal}
.styShipPrevDelivery {color: #000000; font-weight: normal}
.styShipPrevAmount   {color: #000000; font-weight: normal}

/* Cross Selling (Page 20) */
.styCrossSellInviteText       {color: #000000; font-weight: bold}
.styCrossSellRecommendProduct {color: #000000; font-weight: normal}
.styCrossSellRecommendPrice   {color: #000000; font-weight: normal}

/* Catalog Name (tCatalog.asp, Download Template) */
.styCatalogName {color: #000000; font-weight: normal}


form, div {
	margin: 0;
}

.browse-row {
	width: 680px;
	clear: both;
}

.col-browse {
	float: left;
	width: 165px;
	margin: 5px 5px 0 0;
}

.col-browse A {
	text-decoration: none;
}

.page-controls-prev {
	display: block;
	float: left;
	width: 100px;
	text-align: left;
}

.page-controls-next {
	display: block;
	text-align: right;
	float: right;
	width: 100px;
}


#detail-image {
	float: left;
	padding-right: 6px;
}

#detail-image a {
	text-decoration: none;
	color: #F99338;
}

.detail-row {
	clear: both;
	width: 680px;
	padding-top: 5px;
}

#detail-info {
	float: left;
	width: 468px;
}

#detail-info h1, #detail-info-free h1 {
	font-size: 16px;
	padding-top: 15px;
	margin: 0;
}

#detail-info h4, #detail-info-free h4 {
	font-size: 100%;
	font-weight: normal;
	margin: 0 0 4px 0;
}


#detail-info h4 a, #detail-info-free h4 a {
	color: #F99338;
	padding-left: 20px;
	font-size: 90%;
}

/* Mokume popup chooser styles */

#mokumePopupTop, #helpPopupTop {
	position: absolute;
	left: 100px;
	top: 100px;
	z-index: 10;
	width: 220px;
	border: 1px solid #656564;
	background-color: #2f2e2e;
	font-size: 10px;
	color: #B3B3B3;
	line-height: 13px;
	float: left;
	padding-bottom: 16px;
	display: none;
}
#mokumePopupBottom, #helpPopupBottom {
	position: absolute;
	left: 106px;
	top: 106px;
	z-index: 8;
	width: 220px;
	height: 300px;
	background-color: #1d1d1d;
	display: none;
}
#mokumePopupClose, #helpPopupClose  {
	margin: 0px;
	padding: 0px;
	text-align: right;
}
.mokumeRow, .helpPopupRow {
	float: left;
	width: 188px;
	margin: 16px 16px 0px 16px;
	padding: 0px;
	display: inline;
}
.mokumeImage {
	float: left;
	padding: 0px 10px 0px 0px;
	display: inline;
}
.mokumeCloseButton {
	float: right;
	padding: 0px 0px 0px 10px;
	display: inline;
}
.mokumeDescription, .helpPopupDescription {
	float: left;
	width: 148px;
	display: inline;
}
#mokumePopupTop img, #helpPopupTop img {
	border: none;
}
#mokumePopupTop strong, #mokumePopupTop a, #helpPopupTop strong, #helpPopupTop a  {
	color: #FFFFFF;
	text-decoration: none;
}

#helpPopupTop, #helpPopupBottom {
	width: 450px;
}

.helpPopupRow {
	width: 418px;
}

.helpPopupDescription {
	width: 378px;
}
/* Mokume popup styles */
/*#ChooserPopup {
	position: absolute;
	z-index: 10;
	display: none;
	width: 297px;
	margin: 10px;
	padding: 6px;
	background-color: #ffffff;
	border: 1px solid #666;
	color: #444c57;
	font-family: Arial, Helvetica, sans-serif;
}
#ChooserPopupShadow {
	position: absolute;
	z-index: 8;
	display: none;
	width: 297px;
	margin: 10px;
	padding: 6px;
	background-color: #000;
	border: 1px solid #000;
	color: #444c57;
	font-family: Arial, Helvetica, sans-serif;
}
#Chooserie6Fix {
	position: absolute;
	z-index: 5;
	display: none;
	border: none;
	margin: 0px;
	padding: 0px;
	width: 297px;
}
#ChooserPopup p {
	float: left;
	width: 235px;
	margin: 4px 4px 7px 4px;
	padding: 0px;
	font-size: 14px;
	display: inline;
}
#ChooserPopup p.CloseButton {
	float: right;
	width: 20px;
	display: inline;
}
#ChooserPopup .Choice {
	float: left;
	width: 285px;
	height: 48px;
	margin: 0px 0px 1px 0px;
	background: url(/images/popup-choice-bg.gif) no-repeat 0px 0px;
	color: #444c57;
	text-decoration: none;
	display: inline;
}
#ChooserPopup a.Choice:hover {
	background-position: 0px -48px;
}
#ChooserPopup .ChoiceImage {
	float: left;
	width: 155px;
	margin: 3px 0px 0px 9px;
	display: inline;
}
#ChooserPopup .ChoiceImage img {
	border: none;
}
#ChooserPopup .ChoiceText {
	float: left;
	width: 102px;
	margin: 3px 2px 0px 4px;
	font-size: 11px;
	line-height: 13px;
	color: #444c57;
	text-decoration: none;
	display: inline;
}*/
#ChooserPopup {
	position: absolute;
	z-index: 10;
	display: none;
	width: 327px;
	height: 400px;
	margin: 10px;
	padding: 0px;
	background-color: #ffffff;
	border: 1px solid #666;
	color: #444c57;
	font-family: Arial, Helvetica, sans-serif;
}
#ChooserPopup .title-controls {
	width: 327px;
	height: 30px;
}
#ChooserPopup .column-titles {
	float: left;
	width: 327px;
	height: 30px;
	display: inline;
}
#ChooserPopup .column-titles .title {
	float: left;
	width: 60px;
	height: 30px;
	display: inline;
}
#ChooserPopup .options-list {
	width: 327px;
	overflow: auto;
	height: 370px;
}
#ChooserPopup .options-list .content {
	float: left;
	width: 300px;
	display: inline;
}
#ChooserPopup img {
	border: none;
}
#ChooserPopup .option-row {
	float: left;
	width: 300px;
	margin: 2px 0px;
	padding: 0px;
	display: inline;
}
#ChooserPopup .option-row-title {
	float: left;
	width: 40px;
	height: 125px;
	line-height: 125px;
	text-align: center;
	font-weight: bold;
	margin: 2px 0px;
	padding: 0px;
	display: inline;
}
#ChooserPopup .option-item {
	float: left;
	width: 67px;
	margin: 2px 6px;
	padding: 0px;
	display: inline;
}
#ChooserPopupShadow {
	position: absolute;
	z-index: 8;
	display: none;
	width: 327px;
	margin: 10px;
	padding: 0px;
	background-color: #000;
	border: 1px solid #000;
	color: #444c57;
	font-family: Arial, Helvetica, sans-serif;
}
#Chooserie6Fix {
	position: absolute;
	z-index: 5;
	display: none;
	border: none;
	margin: 0px;
	padding: 0px;
	width: 297px;
}
#ChooserPopup p {
	float: left;
	width: 235px;
	margin: 4px 4px 7px 4px;
	padding: 0px;
	font-size: 14px;
	display: inline;
}
#ChooserPopup p.CloseButton {
	float: right;
	width: 20px;
	display: inline;
}
#ChooserPopup .Choice {
	float: left;
	width: 285px;
	height: 48px;
	margin: 0px 0px 1px 0px;
	background: url(/images/popup-choice-bg.gif) no-repeat 0px 0px;
	color: #444c57;
	text-decoration: none;
	display: inline;
}
#ChooserPopup a.Choice:hover {
	background-position: 0px -48px;
}
#ChooserPopup .ChoiceImage {
	float: left;
	width: 155px;
	margin: 3px 0px 0px 9px;
	display: inline;
}
#ChooserPopup .ChoiceImage img {
	border: none;
}
#ChooserPopup .ChoiceText {
	float: left;
	width: 102px;
	margin: 3px 2px 0px 4px;
	font-size: 11px;
	line-height: 13px;
	color: #444c57;
	text-decoration: none;
	display: inline;
}

.offer-terms {
	margin-top: 10px;
	font-size: 9px;
	color: #c0c0c0;
	padding: 5px;
	border: #656564 solid 1px;
}

.siteseal {
	margin-top: 10px;
	width: 105px;
	height: 60px;
	background: #666;
	border: 1px solid #999;
	padding: 5px 2px 2px 2px;
	text-align: center;
}