/*
SledDriver stylesheet.css
*/



/* This controls the style of the font in the side boxes. This does not affect any hyperlinks. That is controlled by the A element. Nor does it affect Box Headings - this is controlled by TD.infoBoxHeading */
.boxText { font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; font-size: 10px; color: #666666;}

/* This is the style for the current step in the checkout progress bar at the bottom of the checkout pages. This style controls the font family, size and color of the checkout bar current step. */
.checkoutBarCurrent { font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; font-size: 10px; color: #000000; }

/* This is the style for the steps prior to and after the current checkout step in the checkout progress bar at the bottom of the checkout pages. This style controls the font family, size and color of the checkout bar steps that are not currently active. */
.checkoutBarFrom, .checkoutBarTo { font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; font-size: 10px; color: #D2691E; }

/* This controls the style of the error box that displays when there is an error in the checkout process, such as an incorrect credit card number. The settings controlled by default are the background color, font family, size, and color. */
.errorBox { font-family : Arial, Helvetica, Geneva, Swiss, SunSans-Regular; font-size : 10px; background: #FFFFFF; }


/* SPECIAL SEARCH INFOBOX SETTINGS */
.SearchBox {
  background: #FFFFFF;
  border: 0 px;
  border-style: solid;
  border-color: #FFFFFF;
  border-spacing: 0 px;
}
TD.SearchBoxHeading {
  font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
  font-size: 1px;
  background: #FFFFFF;
  color: #FFFFFF;
}
.SearchBoxContents {
  background: #FFFFFF;
  font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
  font-size: 10px;
}

/* This specifies the background color of the infoboxes. These are all the side boxes and the new products box on the main page. */
.infoBox {
  background: #FFFFFF;
  border: 1 px;
  border-style: solid;
  border-color: #CCCCCC;
  border-spacing: 0 px;
  border-width: 1px;
}

/* This controls the borders used in the infobox tables. */
TABLE.infoBox {
  background: #FFFFFF;
  border: 1 px;
  border-color: #CCCCCC;
  border-style: solid;
  border-spacing: 0 px;
  border-width: 1px;
}


/* This specifies the styles for all the actual contents of the infoboxes. These are all the side boxes and the new products box. This is where you can change the background color and image of the side boxes. */
.infoBoxContents {
  background: #FFFFFF;
  font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
  font-size: 10px;
}

/* The style used for information boxes. */
.infoBoxNotice {
  background: # D2691E;
}

/* The style used for information boxes. */
.infoBoxNoticeContents {
  background: # D2691E;
  font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
  font-size: 10px;
}

/* The style used for form input requirement fields. */
.inputRequirement { font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; font-size: 10px; color: #D2691E; }


/* The style used for message boxes. */
.messageBox { font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; font-size: 10px; }

/* The style used for message boxes. */
.messageStackError { font-family: Arial; font-size: 10px; color: #FFFFFF; background-color: #D2691E; 
}

/* The style used for message boxes. */
.messageStackWarning {
  font-family: Arial; font-size: 10px; color: #FFFFFF; background-color: #D2691E; 
}

/* The style used for message boxes. */
.messageStackSuccess {
  font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; font-size: 10px; color: #FFFFFF; background-color: #8C8C8C; 
}

/* XXXXXXXXXXXXXXX */
.moduleRow { }

/* This controls the mouseover color of rows in modules during the checkout process. For example, when you mouseover a shipping option, the color changes. This controls the mouseover color. */
.moduleRowOver { cursor: pointer; cursor: hand; }

/* This controls the selection color of rows in the modules during the checkout process. For example, when you select a shipping option, the color changes. */
.moduleRowSelected { background-color: #F0E68C; }

/* This controls the style of the '(Edit)' text on the checkout confirmation page. */
.orderEdit { font-family : Arial, Helvetica, Geneva, Swiss, SunSans-Regular; font-size : 10px; color: #D2691E; text-decoration: underline; }

/* The style used for product listings. */
.productListing-heading {
  font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
  font-size: 11px;
  background: #696969;
  color: #FFFFFF;
}

/* This controls the table style for product notifications on the checkout success page. */
.productsNotifications { background: #FFFFFF; }

/* This controls the properties of the stock warning text that is displayed in the shopping cart when there is not enough product in stock. */
.stockWarning { font-family : Arial, Helvetica, Geneva, Swiss, SunSans-Regular; font-size : 10px; color: #D2691E; }

/* This element controls the style of all hyperlinks in osCommerce, color, style, borders, image, etc. */
A {
  color: #8B0000 ;
  text-decoration: underline;
}

/* This controls the color of the links in the header navigation bar. This includes the breadcrumb links and all the site navigation links. */
A.headerNavigation { 
  color: #FFFFFF; text-decoration: none;
}

/* This controls the hover color of the links in the header navigation bar. This includes the breadcrumb links and all the site navigation links. */
A.headerNavigation:hover {
  color: # EEE8AA;
}

/* The style used for the page set links of product listings. */
A.pageResults {
  color: #8B0000 ;
}

/* The style used for the page set links of product listings. */
A.pageResults:hover {
  color: #696969;
}

/* This element controls the hover style of all hyperlinks in osCommerce, color, style, borders, image, etc. */
A:hover {
  color: #EEE8AA;
  text-decoration: underline;
}

/* This element controls the styles of the body of osCommerce. Here you can change the background color and image, margins, width of the catalog, main font color (default text, product text, checkout text, prices, etc. */
BODY {
  background: #FFFFFF;
  color: #666666;
  font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
  margin: 20px;
  width: 770px;
}

/* This element controls the styles for all Checkbox, Input, Radio and Select controls in osCommerce. The background, color, size, font are all controlled here. */
CHECKBOX, INPUT, RADIO, SELECT {
  font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
  font-size: 10px;
  button: flat
}

/* The style used for forms. */
FORM {
	display: inline; 
}

/* The style used for the checkout process bar. */
SPAN.checkoutBarHighlighted { 
  font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; font-size: 10px; color: #000000; 
}

/* XXXXXXXXXXXXXXX */
SPAN.errorText {
  font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
  color: #D2691E;
}

/* This controls the style of the username in the greeting on the main page. */
SPAN.greetUser {
  font-family:  Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
  font-size: 10px;
  color: #D2691E;
}


/* The style used for information boxes. */
SPAN.infoBox {
  font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
  font-size: 10px;
}

/* This controls the style of the "out of stock" marker that shows up in the shopping cart display next to the out of stock product. */
SPAN.markProductOutOfStock {
  font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
  font-size: 10px;
  color: #D2691E;
}

/* This controls the style of the 'new item text' that is displayed for the any new item that is added to the cart. This highlights the newest item added to the cart. */
SPAN.newItemInCart {
  font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
  font-size: 10px;
  color: #D2691E;
}

/* This controls the style of the 'special price' text. */
SPAN.productSpecialPrice {
  font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
  color: #D2691E;
}

/* This controls the style of the tables in forms, such as the 'My Account' form. This specifies background color, border, images, etc. */
TABLE.formArea {
  background: #F0E68C;
  border-color: #ff0000;
  border-style: solid;
  border-width: 1px;
}

/* The style used for product listings. */
TABLE.productListing {
  border: 0 px;
  border-style: solid;
  border-color: #696969;
  border-spacing: 0 px;
}

/* The style used for the account categories. */
TD.accountCategory {
  font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
  font-size: 10px;
  color: #F0E68C;
}

/* The style used for the checkout process bar. */
TD.checkoutBar { 
  font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; font-size: 10px; color: #000000; 
}

/* The style used for the account parameter keys and values. */
TD.fieldKey {
  font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
  font-size: 10px;
}

/* The style used for the account parameter keys and values. */
TD.fieldValue {
  font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
  font-size: 10px;
}

/* This controls the styles of the footer bar at the bottom of the page. */
TD.footer {
  font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
  font-size: 1px;
  background: #696969;
  color: # FFFFFF;
}

/* The style used for form areas. */
TD.formArea {
  font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
  font-size: 10px;
}

/* This controls the styles of form title text in the user account pages. */
TD.formAreaTitle {
  font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
  font-size: 10px;
}

/* This controls the style of the header error messages (default is red at the top of the cart) */
TD.headerError {
  font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
  font-size: 10px;
  background: #D2691E;
  color: # FFFFFF;
  text-align : left;
}

/* This controls the style of the header info messages (default is green at the top of the cart) */
TD.headerInfo {
  font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
  font-size: 10px;
  background: #6495ED;
  color: #FFFFFF;
  text-align: left;
}

/* This controls the style of the header navigation text and background. This does not control the hyperlinks in the header navigation bar. To control link styles in this area, use A.headerNavigation and A.headerNavigation:hover */
TD.headerNavigation {
  font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
  font-size: 12px;
  background: #696969;
  color: # FFFFFF;
}

/* XXXXXXXXXXXXXXX */
TD.infoBox {
  font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
  font-size: 10px;
}

/* This controls the style of all the headings in the side boxes and new products box. Control color, background image, font, etc. */
TD.infoBoxHeading {
  font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
  font-size: 1px;
  background: #FFFFFF;
  color: # FFFFFF;
}

/* Controls the style of the main text areas in osCommerce, the default page, product text, and info pages text. */
TD.main, TR.main, P.main {
  font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
  font-size: 10px;
  line-height: 1.2;
}

/* Controls the style of every page heading. Color, font, size, etc. */
TD.pageHeading {
  font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
  font-size: 16px;
  color: #333399 ;
}

/* Controls the style of every page heading. Color, font, size, etc. */
TR.pageHeading {
  font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
  font-size: 16px;
  color: #333399 ;
}

/* Controls the style of every page heading. Color, font, size, etc. */
DIV.pageHeading {
  font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
  font-size: 16px;
  color: #333399 ;
}

/* Controls the special style in column headings. Color, font, size, etc. */
TD.columnHeading, TR.columnHeading, DIV.columnHeading {
  font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
  font-size: 16px;
  color: #333399;
}

/* Controls the styles of product listing data on the product listing pages. */
TD.productListing-data {
  font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
  font-size: 10px;
}

/* This controls the styles of small text. This is the text found in the copyright notice, category links in the main text area, product name and price in the new products box and several other places. */
TD.smallText, SPAN.smallText, P.smallText {
  font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
  font-size: 10px;
}

/* The style used for the sub navigation bar. */
TD.subBar {
  font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
  font-size: 10px;
  color: #000000;
}

/* Controls the style of the table headings in the shopping cart, Qty, Products, Total and the headings in the personal address book. */
TD.tableHeading {
  font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
  font-size: 12px;
}

/* This controls the style of the product text display area, but not the actual text of this area. The text is controlled by the BODY element. this also controls the background of the larger text input fields, such as the text input field in the 'contact us' */
TEXTAREA {
  width: 100%;
  font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
  font-size: 10px;
}

/* Controls the style in the even numbered entries in the address book, product listing, etc. */
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: #FFFFFF;
}

/* Controls the style in the odd numbered entries in the address book, product listing, etc. */
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: #FFFFFF;
}

/* The style used for the footer. */
TR.footer {
  background: #FFFFFF;
  font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
  font-size: 11px;
  color: #666666
  line-height: 1.2;
}

/* The style used for header rows. */
TR.header {
  background: #FFFFFF;
}

/* The style used for the error messages shown in the header. */
TR.headerError {
  background: #D2691E;
}

/* The style used for the information messages shown in the header. */
TR.headerInfo {
  background: #696969;
}

/* The style used for the breadcrumb navigation path. */
TR.headerNavigation {
  background: #696969;
  border: 1px;
}

/* The style used for the sub navigation bar. */
TR.subBar {
  background: #C0C0C0;
}

/* Controls the special style in index subtext. Color, font, size, etc. */
TD.subText, TR.subText, DIV.subText, P.subText {
  font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
  font-size: 11px;
  color: #666666;
  line-height: 1.2;
}

/* Controls the special style in index subheadings. Color, font, size, etc. */
TD.subHeading, TR.subHeading, DIV.subHeading, P.subHeading {
  font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
  font-size: 11px;
  color: #666666;
  line-height: 1.2;
}

/* Controls the special style in index subheadings. Color, font, size, etc. */
TD.subTitle, TR.subTitle, DIV.subTitle, P.subTitle {
  font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
  font-size: 12px;
  color: #666666;
  line-height: 1.2;
}

/* Controls the special style in index subheadings. Color, font, size, etc. */
TD.specialHeading, TR.specialHeading, DIV.specialHeading, P.specialHeading {
  font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
  font-size: 12px;
  color: #9F9779;
  line-height: 1.2;
}

/* Controls the special style in index subheadings. Color, font, size, etc. */
TD.noticeHeading, TR.noticeHeading, DIV.noticeHeading, P.noticeHeading {
  font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
  font-size: 12px;
  color: #D2691E;
  line-height: 1.2;
}

/* Controls the special style in index subheadings. Color, font, size, etc. */
TD.orderText, TR.orderText, DIV.orderText, P.orderText {
  font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
  font-size: 10px;
  color: #333399 ;
  line-height: 1.2;
}





/* END OF STANDARD FORMAT */