/*BODY
Type color is text color in the left & right column boxes and the "text body" that is NOT linked.
Background color is the page background color ... this acts as a base whereupon the header
 and columns are built.
Set the border color which sets the color around the inside browser window including the scrollbar.
Set the top border to 10 with the same color and it will drop down the table and the scrollbars of 
the browser.

Couleur de fond de page et du footer (pas le header)
Couleur du texte ds les boxes, des pages du site, et le copyright du footer (pas les liens)
Couleur du scrollbar */
 
BODY {
  text-align: center;
  color: #660000;
/* change background: #ffffff; to the color of your choice*/
  background: #61250B;
  margin: 0px;
  scrollbar-face-color:#822513;
  scrollbar-arrow-color:#FFFF00;
  scrollbar-track-color:#FFDF9E;
  scrollbar-shadow-color:#D5944A;
  scrollbar-highlight-color:#D5944A;
  scrollbar-3dlight-color:#822513;
  scrollbar-darkshadow-Color:#822513;  
} 

  #cwdusacontainer {
  width: 984px;/* width can be changed to what you want just stay under 790px*/
  border: 1px solid #000000;/*border can be removed for a borderless page*/ 
  background: #FFCC66;
  color: #000000;
  margin: 0px auto 10px auto;
  text-align: left;
 }
 
 
/*.boxText
Changes the font size of the text in all the boxes.

Change la police et la taille du texte dans tous les boxes du site.*/

.boxText { 
font-family: Times New Roman; 
font-size: 14px; 
}


/*A
The color style for ALL link colors throughout the entire store.

Couleur et style des liens dans tout le site*/

A {
  color: #006600;
  text-decoration: none;
  font-weight: bold;
}


/*A:hover
The color style used for mouse over links throughout the entire store.

Couleur des liens survolés dans tout le site
Style des liens survolés.*/

A:hover {
  color: #FFFF00;
  text-decoration: overline underline;
  font-weight: bold;
} 


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

Couleur du header

*/

TR.header {
  background: #FFCC66;
}


/*
TD.headerNavigation
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.

Police du texte du breadcrumb
Taille du texte du breadcrumb
Couleur du breadcrumb
Couleur des fleches entre les noms de pages du breadcrumb

*/

TD.headerNavigation {
  font-family: Times New Roman;
  font-size: 16px;
  background: #D5944A;
  color: #822513;
  font-weight : bold;
}


/*A.headerNavigation
Sets the text link colors for the breadcrumb navigation path links (Top Catalog etc.)

Couleur des liens du breadcrumb
*/

A.headerNavigation { 
  color: #006600; 
}


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

Couleur des liens survolés du breadcrumb
*/

A.headerNavigation:hover {
  color: #FFFF00;
}


/*TR.headerInfo
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

Couleur du message de succés ds le header
*/

TR.headerInfo {
  background: #00CC33;
}


/*TD.headerInfo
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

Style, taille du texte du message de succés ds le header
Couleur du message de succés ds le header
*/

TD.headerInfo {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  background: #00CC33;
  color: #ffffff;
  font-weight: bold;
  text-align: center;
}


/*TD.footer
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.

Police des liens du footer
Taille des liens du footer
Couleur du footer
Couleur des séparateurs de liens du footer
*/

TD.footer {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  background: #D5944A;
  color: #822513;
  font-weight: bold;
}


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

Couleur des contour des cadres des boxes et module des nouveaux produits en page d'accueil et cadres des boutons.
*/

.infoBox {
  background: #822513;
}


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

Couleur intérieur des cadres des boxes et module des nouveaux produits en page d'accueil et cadres des boutons.
Police du texte du boxe fabricant
Taille du texte du boxe fabricant
*/

.infoBoxContents {
  background: #D5944A;
  font-family: Times New Roman;
  font-size: 14px;
}


/*TD.infoBoxHeading
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.

TR.accountHistory-odd, TR.addressBook-odd, TR.alsoPurchased-odd, TR.payment-odd, 
TR.productListing-odd, TR.productReviews-odd, TR.upcomingProducts-odd, TR.shippingOptions-odd
TR.accountHistory-even, TR.addressBook-even, TR.alsoPurchased-even, TR.payment-even, 
TR.productListing-even, TR.productReviews-even, TR.upcomingProducts-even, TR.shippingOptions-even
Sets the odd and even row colors on all box listings.

Police du texte des boxes
Taille du texte des boxes (Attention si la taille est augmentée il faudra changer la taille des images/infobox)
Couleur de l'entète des boxes
Couleur des titre des boxes
*/

TD.infoBoxHeading {
  font-family: Times New Roman;
  font-size: 18px;
  font-weight: bold;
  background: #822513;
  color: #FFCC66;
}


/*TD.pageHeading, DIV.pageHeading
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.

Police des titres des pages, des rubriques, des noms des produits et prix.
Taille des titres des pages, des rubriques, des noms des produits et prix.
Couleur des titres des pages, des rubriques, des noms des produits et prix.
*/

TD.pageHeading, DIV.pageHeading {
  font-family: Times New Roman;
  font-size: 24px;
  font-weight: bold;
  color: #006600;
}


/*TD.main, P.main
The size of the text can be set for all the main text area
A padding can be also be set for all the body text in the store.

Police et Taille du texte des pages du site
Espace entre les lignes du texte des pages du site
*/

TD.main, P.main {
  font-family: Times New Roman;
  font-size: 14px;
  line-height: 1.3;
}


/*TD.smallText, SPAN.smallText, P.smallText
Copyright text color & size at the bottom of the page.

Police et taille des textes du copyright du footer
*/

TD.smallText, SPAN.smallText, P.smallText {
  font-family: Verdana, Arial, sans-serif;
  font-size: 9px;
}


/*CHECKBOX, INPUT, RADIO, SELECT
The style used for certain HTML form elements like the size of the text 
inside the drop down boxes like manufacturers.

Police des champs de renseignements
Couleur du texte des champs de renseignements
Couleur de fond des champs de renseignements
Taille des champs de renseignements
*/

CHECKBOX, INPUT, RADIO, SELECT {
  font-family: Times New Roman;
  color: #822513;
  background: #D5944A;
  font-size: 14px;
  font-weight: bold;
	border-width: 3px;
  border-color light: #FFDF9E;	
}


/* .messageStackError, .messageStackWarning

The style used for message boxes. 
The error background colors like trying to delete an address that is your primary address in the 
account section.

Police, taille, couleur du message d'erreur du header ou contact_us.php... */

.messageStackError, .messageStackWarning { 
  font-family: Verdana, Arial, sans-serif; 
  color: #ECECEC;  
  font-size: 11px; 
  font-weight: bold;
  background-color: #993300; 
}


/* .messageStackSuccess
The style used for success message boxes. 
 
Police, taille, couleur des messages de succés */

.messageStackSuccess { 
  font-family: Verdana, Arial, sans-serif; 
  font-size: 11px; 
  font-weight: bold; 
  background-color: #00CC33; 
}


/* .inputRequirement
The style used for form input requirement fields. 
The color of the asterisk * and the words "Required Information" 
Police taille et couleurs des informations requises */

.inputRequirement { 
  font-family: Times New Roman; 
  font-size: 12px;
  color: #660000; 
}