/*
$Id: stylesheet.css,v 1.56 2003/06/30 20:04:02 hpdl Exp $
osCommerce, Open Source E-Commerce Solutions
http://www.oscommerce.com
Copyright (c) 2003 osCommerce
Released under the GNU General Public License
*/
/*This is the Infobox text style*/
.boxText { font-family: Verdana, Arial, sans-serif; font-size: 10px;}
/*This is the Error Messages style with pink background*/
.errorBox { font-family : Verdana, Arial, sans-serif; font-size : 10px; background: #ffb3b5; font-weight: bold; }
/*This is the Warning Messages red font style*/
.stockWarning { font-family : Verdana, Arial, sans-serif; font-size : 10px; color: #cc0033; }
/*This is the Product Notifications green background stylet*/
.productsNotifications { background: #f2fff7; }
/*This is the Order Edit style with green underline*/
.orderEdit { font-family : Verdana, Arial, sans-serif; font-size : 10px; color: #70d250; text-decoration: underline; }
/*This is the General Page Body Style with white background, black text, flush left margins*/
BODY,#container,#msBorder {margin:0 auto;padding:0;}
BODY {
background-image: url("images/path-to-stripe-black.png");
color: #000000;
margin: 0px;
}
#container {width:100%;height:100%;vertical-align:middle;text-align:center;background-color: black;background-image: url('images/path-to-stripe-black.png')}
#mainsite  {width:1000px;margin:0 auto;padding-bottom:15px;background-color:#fff;border:1px solid #000;text-align:left;}
#msborder  {width:998px;background-color:#fff;border:1px solid #efefef;}
/*This is the Default Hyperlink Style with black text and no underlines*/
A {
color: #000;
text-decoration: none;
}
/*This is the Default ACTIVE Hyperlink Style when a mouse is hovering over it, with dusty blue text and an underline*/
A:hover {
color: #900;
text-decoration: none;
}
/*Forms display within the page rather than opening a new window*/
FORM {
display: inline;
}
TR.header {
/*background: #990000;*/
}
/*This is the TOP GRAY BAR BACKGROUND STYLE with Top > Catalog on the left*/
TR.headerNavigation {
background: #660000;
}
/*This is the TOP GRAY BAR FONT STYLE with Top > Catalog on the left*/
TD.headerNavigation {
font-family: Verdana, Arial, sans-serif;
font-size: 10px;
background: #660000;
background-image: url('images/header2.gif');
color: #fff;
font-weight : bold;
height: 25px;
}
/*This is the TOP GRAY BAR HYPERLINK STYLE SETTING LINKS TO WHITE */
A.headerNavigation {
color: #ffffff;
}
/*This is the TOP GRAY BAR HYPERLINK STYLE SETTING LINKS TO WHITE when the cursor is over them*/
A.headerNavigation:hover {
color: #ffffff;
}
/*This is the ERROR Background style for a row with a red background*/
TR.headerError {
background: #ff0000;
}
/*This is the ERROR Background style for a cell with a red background*/
TD.headerError {
font-family: Tahoma, Verdana, Arial, sans-serif;
font-size: 12px;
background: #ff0000;
color: #ffffff;
font-weight : bold;
text-align : center;
}
/*This is a ROW Background style with a neon green background*/
TR.headerInfo {
background: #00ff00;
}
/*This is a CELL Background style with a neon green background*/
TD.headerInfo {
font-family: Tahoma, Verdana, Arial, sans-serif;
font-size: 12px;
background: #00ff00;
color: #ffffff;
font-weight: bold;
text-align: center;
}
/*This is the GRAY BOTTOM BAR Row background*/
TR.footer {
background: #600;
}
/*This is the GRAY BOTTOM BAR Cell background*/
TD.footer {
font-family: Verdana, Arial, sans-serif;
font-size: 10px;
background-image: #600;
color: #ffffff;
font-weight: bold;
height: 24px;
border-top:4px double #000; 
border-bottom:4px double #000; 
}
/*This is the styling for product listing table*/
TABLE.productListing {
border:1px solid #ff0;
}
TR.productListing-even, TR.productListing-odd TD {
background: #dad7c6;
}
A.productListing-heading:hover {
color:#9CD;
}
.productListing-heading {
height:26px
}
TD.productListing-data {
line-height:20px;
}
.productImage {
vertical-align:middle;
text-align:center;
width:125px;
height:125px;
padding-top:5px;
padding-bottom:5px;
margin-left: 5px;
background-color: white;
}
.productImage img {
margin:0 auto;
padding:0;
height:125px;
}
/*This is the INFOBOX Background Style, one shade darker than the Infobox Header color (border of infoboxes)*/
.infoBox {
background: #ddd;
}
/*This is the INFOBOX Contents Style, one shade lighter than the Infobox contents color*/
.infoBoxContents {
background: #dad7c6;
font-family: Verdana, Arial, sans-serif;
font-size: 10px;
line-height: 1.88889;
}
/*This is the INFOBOX Notice Style, a pale salmon color*/
.infoBoxNotice {
background: #FF8E90;
}
/*This is the INFOBOX Notice Contents Style, a very pale salmon color*/
.infoBoxNoticeContents {
background: #FFE6E6;
font-family: Verdana, Arial, sans-serif;
font-size: 10px;
}
/*This is the INFOBOX Heading Style, SAME AS HEADER AND FOOTER GRAY BARS*/
TD.infoBoxHeading {
font-family: Verdana, Arial, sans-serif;
font-size: 10px;
font-weight: bold;
background: #990000;
background-image: url('images/header2.gif');
color: #fff;
height: 25px;
padding-left: 7px;
}
TD.infoBox, SPAN.infoBox {
font-family: Verdana, Arial, sans-serif;
font-size: 10px;
}
/*This is a GENERAL ROW Style for every other line of noted pages, a palest gray color*/
TR.accountHistory-odd, TR.addressBook-odd, TR.alsoPurchased-odd, TR.payment-odd, TR.productListing-odd, TR.productReviews-odd, TR.upcomingProducts-odd, TR.shippingOptions-odd {
background: #eee;
}
/*This is a GENERAL ROW Style for every other line of noted pages, the same palest gray color but allows you to alternate 2 colors if you wish*/
TR.accountHistory-even, TR.addressBook-even, TR.alsoPurchased-even, TR.payment-even, TR.productListing-even, TR.productReviews-even, TR.upcomingProducts-even, TR.shippingOptions-even {
background: #fff;
}
/*This is a GENERAL TABLE Style for product listing pages, a deeper gray color*/
TABLE.productListing {
border: 1px;
border-style: solid;
border-color: #900;
border-spacing: 0px;
}
/*This is the GRAY BAR Style for product listing pages, same deeper gray color as previous item*/
.productListing-heading {
font-family: Verdana, Arial, sans-serif;
font-size: 10px;
background: #600;
color: #fff;
font-weight: bold;
}
/*This is the FONT Style for product listing pages*/
TD.productListing-data {
font-family: Verdana, Arial, sans-serif;
font-size: 10px;
}
/*This is the HYPERLINK Style for Results pages*/
A.pageResults {
color: #08d;
}
/*This is the HYPERLINK Style for Results pages when the mouse is hovering over it*/
A.pageResults:hover {
color: #900;
background: #fff;
}
/*This is the MAIN TEXT Style, a deeper gray*/
TD.pageHeading, DIV.pageHeading {
font-family: Verdana, Arial, sans-serif;
font-size: 20px;
font-weight: bold;
color: #000000;
}
/*This is a Row Sub-bar Style, a very pale gray*/
TR.subBar {
background: #900;
}
/*This is a Cell Sub-bar Style, black default text*/
TD.subBar {
font-family: Verdana, Arial, sans-serif;
font-size: 10px;
color: #000000;
}
/*This is a Cell and Paragraph Main Style*/
TD.main, P.main {
font-family: Verdana, Arial, sans-serif;
font-size: 11px;
line-height: 1.5;
}
/*This is a Cell, Span, and Paragraph Font Style*/
TD.smallText, SPAN.smallText, P.smallText {
font-family: Verdana, Arial, sans-serif;
font-size: 10px;
}
/*This is a font style for the Categories headings*/
.categoryText {
font-family: Verdana, Arial, Sans-serif;
font-size: 14px;
color: #000;
background-color: #dad7c6;
padding-bottom: 15px;
}
A.categoryText_nav {
color: #600;
}
A.categoryText_nav:hover {
color: #08d;
text-decoration: none;
}
/*This is a font style for the link of products name in the product listing*/
A.productListingText_nav {
color: #600;
}
A.productListingText_nav:hover {
color: #08d;
text-decoration: none;
}
/*This is a Cell Font Style in larger size with medium dusty blue font*/
TD.accountCategory {
font-family: Verdana, Arial, sans-serif;
font-size: 13px;
color: #aabbdd;
}
/*This is a Cell Font Style in a bold larger size*/
TD.fieldKey {
font-family: Verdana, Arial, sans-serif;
font-size: 12px;
font-weight: bold;
}
/*This is a Cell Font Style in a bold larger size*/
TD.fieldValue {
font-family: Verdana, Arial, sans-serif;
font-size: 12px;
}
/*This is a Table Heading Style in a bold larger size*/
TD.tableHeading {
font-family: Verdana, Arial, sans-serif;
font-size: 12px;
font-weight: bold;
}
/*This is a Span Font Style used for New Items in Cart in a BRIGHT RED FONT*/
SPAN.newItemInCart {
font-family: Verdana, Arial, sans-serif;
font-size: 10px;
color: #c00;
}
/*This is a FORM STYLE used for checkboxes, input text, radio buttons, and drop-down boxes*/
CHECKBOX, INPUT, RADIO, SELECT {
font-family: Verdana, Arial, sans-serif;
font-size: 11px;
}
/*This is a FORM STYLE used for text boxes where visitor enters free-form text*/
TEXTAREA {
width: 100%;
font-family: Verdana, Arial, sans-serif;
font-size: 11px;
}
/*This is a TEXT STYLE used for the "Greetings, Username! in a funny orange-salmon color*/
SPAN.greetUser {
font-family: Verdana, Arial, sans-serif;
font-size: 12px;
color: #cc0000;
font-weight: bold;
}
/*This is a TEXT STYLE used for the information on the homepage*/
SPAN.homePage {
font-family: Verdana, Arial, sans-serif;
font-size: 11px;
color: #000000;
}
/*This is the div container on the homepage*/
#homepage {
width:515px;
background-color: black;
}
/*This is a TEXT STYLE used for the text under the home page image*/
p.homepagead {
color: #900; 
text-align: center; 
font-size: 19px; 
font-family: courier; 
font-weight: bold;
margin-top: -.5px;
}
/*This is a TEXT STYLE used for the About Us page*/
SPAN.aboutUs {
font-family: Arial, sans-serif;
font-size: 11px;
font-weight: bold;
text-transform: uppercase;
}
/*This is a LIST STYLE used for the lists in About Us page*/
dl.circle {list-style-type:circle;}
li.force, li.topps, li.tact, li.red, li.premier, li.bates {
margin-left: 0em;
}
li.danner, li.thorogood, li.tactsquad, li.tru, li.dickies, li.flex {
margin-left: 15em;
}
li.gerber, li.neese, li.bodek, li.black, li.point, li.and {
margin-left: 33em;
}
li {
line-height: 1.2em;
}
li.danner,
li.gerber
{
margin-top: -7.2em;
}
/*This is the div container on the Customization page*/
#customization {
width:489px;
background-color: #dad7c6;
border: double 3px #3090C7;
padding-left: 10px;
padding-right: 10px;
}
/*This is the div container for the three steps inside the customization page*/
#steps {
width: 474px;
background-color: #fff;
padding-left: 10px;
padding-right: 5px;
padding-top: 5px;
padding-bottom: 5px;
}
/*This is a TEXT STYLE used for the Customization page*/
SPAN.customheadline {
font-family: Arial, sans-serif;
font-size: 16px;
font-weight: bold;
color: #660000;
text-align: center; 
text-transform: uppercase;
}
/*This is a TEXT STYLE used for the Customization page*/
SPAN.customwhy {
font-family: Arial, sans-serif;
font-size: 14px;
font-weight: bold;
color: #660000;
}
/*This is a TEXT STYLE used for the Customization page*/
SPAN.customclick {
font-family: Arial, sans-serif;
font-size: 14px;
font-weight: bold;
color: #3090C7;
text-align: center;
}
/* TEXT STYLE for the Customization page*/
SPAN.customcall {
font-family: Arial, sans-serif;
font-size: 12px;
text-align: center;
}
/*This is a TEXT STYLE used for the "You wanted a better choice on the homepage*/
SPAN.tagLine {
font-family: Tahoma, Verdana, Arial,sans-serif;
font-size: 16px;
color: #39e;
font-weight: bold;
}
/*This is a FORM BACKGROUND AND BORDER STYLE with a very pale dusty blue background and deep dusty blue border*/
TABLE.formArea {
background: #f1f9fe;
border-color: #7b9ebd;
border-style: solid;
border-width: 1px;
}
/*This is a FORM TEXT STYLE with slightly larger bold text*/
TD.formAreaTitle {
font-family: Tahoma, Verdana, Arial, sans-serif;
font-size: 12px;
font-weight: bold;
}
/*This is a SPAN PRODUCTS PAGE STYLE with a pale burgundy color font*/
SPAN.markProductOutOfStock {
font-family: Tahoma, Verdana, Arial, sans-serif;
font-size: 12px;
color: #c76170;
font-weight: bold;
}
/*This is a SPAN PRODUCT SPECIAL FONT STYLE in a bright red color*/
SPAN.productSpecialPrice {
font-family: Verdana, Arial, sans-serif;
color: #c00;
}
/*This is a SPAN ERROR TEXT STYLE in a bright red color*/
SPAN.errorText {
font-family: Verdana, Arial, sans-serif;
color: #c00;
}
/*This is a SPAN style for the Find a store page*/
SPAN.directions  a {
color: #39e;
font-weight: bold;
}

/* css for the categories info box */
#thecategories a:hover {
	background-color: #eeeeee;
	color: #000000;
}

.catwithsubs, .catwithnosubs {
	padding-right: 5px;
}

#thecategories {
	position: relative;
	top: -9px;
	margin-bottom: -16px;
	width: 140px;
}

.activelink {
	display: block;
	font-weight: bold;
}

#thecategories a {
	display: block;
	padding-bottom: 3px;
	padding-top: 3px;
	width: 100%;
}

/*mozilla fix*/
html>body #thecategories a {
	width: auto;
}
/*end of mozilla fix*/

#topcat a {
padding-left: 5px;
}

#secondcat a {
	padding-left: 20px;
}

#thirdcat a {
	padding-left: 35px;
}

#fourthcat a {
	padding-left: 50px;
}

#fifthcat a {
	padding-left: 65px;
}


.moduleRow { }
.moduleRowOver { background-color: #D7E9F7; cursor: pointer; cursor: hand; }
.moduleRowSelected { background-color: #E9F4FC; }
.checkoutBarFrom, .checkoutBarTo { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #8c8c8c; }
.checkoutBarCurrent { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #000000; }
/* message box */
.messageBox { font-family: Verdana, Arial, sans-serif; font-size: 10px; }
.messageStackError, .messageStackWarning { font-family: Verdana, Arial, sans-serif; font-size: 10px; background-color: #ffb3b5; }
.messageStackSuccess { font-family: Verdana, Arial, sans-serif; font-size: 10px; background-color: #99ff00; }
/* input requirement */
.inputRequirement { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #ff0000; }