
.boxText { font-family: Verdana, Arial, sans-serif; font-size: 10px; }
.errorBox { font-family : Verdana, Arial, sans-serif; font-size : 10px; background: #ffb3b5; font-weight: bold; }
.stockWarning { font-family : Verdana, Arial, sans-serif; font-size : 10px; color: #cc0033; }

BODY {
  /*background: #FFFFFF;*/
  color: #000000;
  margin: 0px;
}

/*The color style for ALL link colors throughout the entire store*/
A {
  color: #660000;
  text-decoration: none;
}

/*The color style used for mouse over links throughout the entire store*/
A:hover {
  color: #ffcc66;
  text-decoration: underline;
}


ul{
   list-style-position: outside;
   list-style-type: square;
}


/*The style used for forms. Changes the color of this text, "Use keywords to find the product 
you are looking for" in the "Quick Find" box on the left.*/
FORM {
        display: inline;
}

/*(means table row.header and is a general setting for the whole table)
The style used for the background color of the header.*/
TR.header {
  background: #FFFFFF;
  
}

/*The styles used for the breadcrumb navigation path (background color only of the top navigation as "Top >> Catalog >> etc)*/
TR.headerNavigation {
  background: #660000;
}

/*Arrow colors that point forward and the vertical link separators | in the breadcrumb navigation path.
If you set a background color here it will override the TR.headerNavigation color set.
A colored border on the bottom can be set for a separation between the header and the categories.
A padding value can be set which will only pad the Navigation Bar. 
A background image for the navigation table can be set also.*/
TD.headerNavigation {
  font-family:  Trebuchet MS, Verdana, Arial, sans-serif;
  font-size: 12px;
  background: #660000;
  color: #FFCC33;
  font-weight : bold;
}

/*Sets the text link colors for the breadcrumb navigation path links (Top Catalog etc.)*/
A.headerNavigation {
  color: #FFCC33;
}

/*The mouse over effects of the breadcrumb navigation path links ( top, catalog, my account, cart contents, etc.)*/
A.headerNavigation:hover {
  color: #ffffff;
}

/*The styles used for the error messages shown in the header. The default is a red background with white text.*/
TR.headerError {
  background: #ff0000;
}

/*The styles used for the error messages shown in the header. The default is a red background with white text.*/
TD.headerError {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  background: #ff0000;
  color: #ffffff;
  font-weight : bold;
  text-align : center;
}

/*The styles used for the information messages shown in the header ... 
changes the bg color of the top box that appears when a new password is sent ...
ex: A New Password Has Been Sent To Your Email Address*/
TR.headerInfo {
  background: #660000;/*grenat*/
}

/*The styles used for the information messages shown in the header ... 
changes the bg color of the top box that appears when a new password is sent ...
ex: A New Password Has Been Sent To Your Email Address*/
TD.headerInfo {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  background: #660000;
  color: #ffffff;
  font-weight: bold;
  text-align: center;
}

/*This sets the color of the footer row where the date and counter are.*/
TR.footer {
  background: #660000;
}

/*This is the size & color of the text in the footer row where the date and counter are.
 If you set a background color on this TD.footer tag it will override the TR.footer tag.*/
TD.footer {
  font-family:  Trebuchet MS, Verdana, Arial, sans-serif;
  font-size: 12px;
  background: #660000;
  color: #FFCC33;
  font-weight: bold;
}

/*Sets the background border color around all the boxes and not the box headings except
 the "my account", "edit account", and "add a new address" boxes.*/
.infoBox {
  background: #660000;/*grenat couleur fond bandeau infobox*/
}

/*Sets the color of ALL the inside of the boxes and puts a colored border around the comments boxes.
Setting a text color here will color the numbers text in the boxes like the catalog listings and 
the "Best Sellers" box numbers and the "My Account", "Edit Account", & "Add Address" headings.*/
.infoBoxContents {
  background: #FFFFEB;
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}


/*Sets the left and right column boxes and the new products box heading color and text color.
The text size of the heading boxes can be changed ... anything above 10 you will need to enlarge
the box graphics also (images/infobox)
Padding can be added to these heading boxes.*/
TD.infoBoxHeading {
  font-family:  Trebuchet MS, Verdana, Arial, sans-serif; 
  font-size: 12px;
  font-weight: bold;
  background: #660000;
  color: #FFCC33;
}

TD.infoBox, SPAN.infoBox {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

/*Sets the odd and even row colors on all box listings.*/
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: #FFFFEB;
}

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;
}

/*TABLE.productListing
Sets a border around the products listing table that shows the listing of the products.

.productListing-heading
The color of the background of the product listing heading that has "product name", "price", etc. The text style and color can also be set.

TD.productListing-data
Set a different background color for the product listing table and also set box padding, size, borders ... experiment!*/

TR.productListing-heading {
  background: #d2e9fb;
}
	
A.productListing-heading {
  color: #FFCC33;/*jaune couleur repos inscription liste produit*/
}

A.productListing-heading:hover {
  /*JMR070424 color: #FFCC33;*/
  color: #FF0000;/*rouge couleur avec action souris*/
	text-decoration: underline;
}

TD.productListing-heading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  background: #660000;/*grenat couleur fond bandeau liste produit*/
  /*JMR070424color: #000000;*/
	color: #FF0000;/*rouge couleur repos inscription détails produit*/
  font-weight: bold;
  font-variant: small-caps;
}

TD.productListing-data {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

/*Sets the link on catalog/includes/split_page_results.php and page results numbered
link colors at the bottom of the product pages.*/
A.pageResults {
  color: #0000FF;
}

/*Mouse over link colors on catalog/includes/split_page_results.php
and page results numbered links mouse over color at the bottom of the product pages.*/
A.pageResults:hover {
  color: #0000FF;
  background: #FFFF33;
}

/*The style used for page headings. Color on the checkout_success.php page that says
"Your Order Has Been Processed!" and also on all the product heading pages as What's New Here?
Enjoy Your Shopping! Text on all the product pages.
Change the size of the text here.*/
TD.pageHeading, DIV.pageHeading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 20px;
  font-weight: bold;
  color: #9a9a9a;
}

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

/*The style used for the sub navigation bar.*/
TD.subBar {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color: #000000;
}

/*The size of the text can be set for all the main text area, the "My Account Info", "Edit Account",
"Add Address", "Order History", & "Notifications" page boxes. If you set the text color it is the text color on all these ...
not the column boxes.
A padding can be also be set for all the body text in the store.*/
TD.main {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  line-height: 1.5;
}

/*Copyright text color & size at the bottom of the page.
"Include Subcategories" Text on the advanced_search.php page
Page results text at the bottom of the product pages such as
"Displaying 11 to 20 (of 32 products) Result Pages:"*/
TD.smallText, SPAN.smallText, P.smallText {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

/*The style used for the account categories.*/
TD.accountCategory {
  font-family: Verdana, Arial, sans-serif;
  font-size: 13px;
  color: #aabbdd;
}

/*Text Sizes for the account parameter keys and values on the advanced_search.php page
such as "Categories: Manufacturers: Price From: Price To: 
Date From: Date To:*/
TD.fieldKey {
  font-family: Verdana, Arial, sans-serif;
  color: #660000;
  font-size: 11px;
  font-weight: bold;
}

/*Text Sizes for the account parameter keys and values on the advanced_search.php page
such as "Categories: Manufacturers: Price From: Price To: 
Date From: Date To:*/
TD.fieldValue {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
}

/*Text styles/sizes on the table headings of address_book.php and product_reviews.php page such as "No. Name Location"*/
TD.tableHeading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
}

/*The style used for marking new products added to the shopping cart so these products show what's in the shopping cart.*/
SPAN.newItemInCart {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color: #ff0000;
}

/*The style used for certain HTML form elements like the size of the text inside the drop down boxes like manufacturers.*/
CHECKBOX, INPUT, RADIO, SELECT {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
}

TEXTAREA {
  width: 100%;
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
}

SPAN.greetUser {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  color: #f0a480;
  font-weight: bold;
}

TABLE.formArea {
  background: #f1f9fe;
  border-color: #660000;
  border-style: solid;
  border-width: 1px;
}

TD.formAreaTitle {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
}

SPAN.markProductOutOfStock {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  color: #c76170;
  font-weight: bold;
}

SPAN.productSpecialPrice {
  font-family: Verdana, Arial, sans-serif;
  color: #ff0000;
}

TD.checkoutBar {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color: #aabbdd;
}

SPAN.checkoutBarHighlighted {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color: #000000;
}

TD.ontab {
	background-color: #660000;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: bold;
	font-size: smaller;
	border-width: 1px 1px 0px 1px;
	padding: 5px 5px 5px 5px;
	border-style: solid solid solid solid;
	border-color: gray gray gray gray;
	}

A.ontab {
 font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
 font-style: normal;
 font-weight: bold;
 font-size: smaller;
 color: black;
 text-decoration : none;
}

A.ontab:hover {
 font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
 font-style: normal;
 font-weight: bold;
 font-size: smaller;
 color: black;
 text-decoration : underline;
}

TD.tab {
	background-color: white ;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: bold;
	font-size: smaller;
	border-width: 1px 1px 0px 1px;
	padding: 5px 5px 5px 5px;
	border-style: solid solid solid solid;
	border-color: gray gray gray gray;
	}

A.tab {
 font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
 font-style: normal;
 font-weight: bold;
 font-size: smaller;
 color: black;
 text-decoration : none;
}

A.tab:hover {
 font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
 font-style: normal;
 font-weight: bold;
 font-size: smaller;
 color: black;
 text-decoration : underline;
}



