/*
  $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
  Modified by: Edze de Boer - www.totalwebshops.nl 2007-06-25
  Released under the GNU General Public License
*/

/*
http://www.oscommerce.info/docs/english/e_catalog_stylesheet_definitions.html
*/

/*Changes the font size of the text in all the boxes
*/
.boxText  {
  font-size: 12px; /* 10px TWS */
  font-family: Verdana, Arial, sans-serif;
}

/*
Color and text size of error boxes with the red triangle
*/
.errorBox {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  background: #ffb3b5;
  font-weight: bold;
}

/*
The style used for the stock level warning text shown on the shopping cart page when purchasing items
*/
.stockWarning {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color: #cc0033;
}

/*
The style used for the product notifications checkbox bar on the checkout success page
*/
.productsNotifications {
  background: #f2fff7;
}

/*
The color style of the "edit" links shown on the checkout confirmation page
*/
.orderEdit {
  color: #70d250;
  font-size: 10px;
  font-family: Verdana, Arial, sans-serif;
  text-decoration: underline;
}

/*
Type color is text color in the left & right column boxes and the "text body" that is NOT linked
*/
BODY {
/*  background: #ffffff; */
  background: #FEFAFB;
/*  color: #000000; */
  color: #2e5a60;
  margin: 0 10% 0 10%;
  width: 80%;
}

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

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

/* 
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
*/
FORM {
	display: inline;
}

/*
The style used for the background color of the header (TR = table row)
*/
TR.header {
/*  background: #ffffff; */
  background: #FEFAFB;
}

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

/*
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 {
  color: #2e5a60;
  font-size: 12px; /* 10px TWS */
  font-family: Verdana, Arial, sans-serif;
  font-weight: bold;
  background: #bbc3d3;
}

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

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

/*
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 background color of the top box that appears when a new password is sent ...
ex: A new password has been sent to your e-mail address
*/
TR.headerInfo {
  background: #00ff00;
}

/*
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 e-mail address
*/
TD.headerInfo {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  background: #00ff00;
  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: #bbc3d3;
}
/*
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  {
  color: #2e5a60;
  font-size: 10px;
  font-family: Verdana, Arial, sans-serif;
  font-weight: bold;
  background: #bbc3d3;
}

/*
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: #bfced2;
}

/* 
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: #e8f2f4;
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

/* 
The style used for the outline of the box created at the top of the checkout_payment.php page
when a customer inputs the wrong credit card number or expiration date
*/
.infoBoxNotice {
  background: #FF8E90;
}

/* 
The style used for the body of the box created at the top of the checkout_payment.php page
when a customer inputs the wrong credit card number or expiration date
*/
.infoBoxNoticeContents {
  background: #FFE6E6;
  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 {
  color: #fdd00;
  font-size: 12px; /* 10px TWS */
  font-family: Verdana, Arial, sans-serif;
  font-weight: bold;
  text-align: center;
  background: #bfced2;
}

/*

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

/*
Sets the odd 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: #f8f8f9;
}

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

/*
Sets a border around the products listing table that shows the listing of the products
*/
TABLE.productListing {
  border: 1px;
  border-style: solid;
  border-color: #b6b7cb;
  border-spacing: 1px;
}

/*
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
*/
.productListing-heading {
  color: #2e5a60;
  font-size: 12px; /* 10px TWS */
  font-family: Verdana, Arial, sans-serif;
  font-weight: bold;
  background: #e8f2f4;
}

/*
Set a different background color for the product listing table and also set box padding, size, borders ... experiment!
*/
TD.productListing-data {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px; /* 10px TWS */
}

/*
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
*/
TD.pageHeading, DIV.pageHeading {
  color: #2e5a60;
  font-size: 14px;
  font-family: Verdana, Arial, sans-serif;
  font-weight: bold;
}

/*
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: 12px; /* 10px TWS */
  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, P.main {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px; /* 11px TWS */
  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: 12px; /* 10px TWS */
}

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

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

/*
Text sizes for the account parameter values on the advanced_search.php page
such as "Categories: Manufacturers: Price From: Price To: and 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: 12px; /* 10px TWS */
  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: 18px;
}

/*
The style used for the user greeting "Welcome Guest!" on the first page
*/
SPAN.greetUser {
  color: blue;
  font-size: 12px;
  font-family: Verdana, Arial, sans-serif;
  font-weight: bold;
}

/*
In "My Account Information", "Edit Account", and "Add Address" this is the inside box color
Set the border around the boxes in the border section
*/
TABLE.formArea {
  background: #f1f9fe;
  border-color: #7b9ebd;
  border-style: solid;
  border-width: 1px;
}

/*
In "My Account Information", "Edit Account", and "Add Address" this is the size of the text headings
Changes the text color on top of the boxes on the "My Account Info" page
Leave the text color box blank and the color is black
A padding can also be set for space on the right and left sides
*/
TD.formAreaTitle {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
}

/*
The text color used for marking products out of stock
*/
SPAN.markProductOutOfStock {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  color: #c76170;
  font-weight: bold;
}

/*
The style used on special product prices
*/
SPAN.productSpecialPrice {
  font-family: Verdana, Arial, sans-serif;
  color: #ff0000;
}

/*
The style used for error text messages
*/
SPAN.errorText {
  font-family: Verdana, Arial, sans-serif;
  color: #ff0000;
}

/*
The style used for the shipping and payment modules
*/
.moduleRow { }
.moduleRowOver {
  background-color: #D7E9F7;
  cursor: pointer;
  cursor: hand;
}

/*
The color of the bar on the checkout_shipping.php showing the shipping charge & the selected payment method
on th checkout_payment.php page
*/
.moduleRowSelected {
  background-color: #8C8C8C;
}

/*
The color & size of the text at the bottom of the checkout pages that shows what page you are NOT on
such as "Delivery Information Payment Information Confirmation Finished!"
*/
.checkoutBarFrom, .checkoutBarTo {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color: #8c8c8c;
}

/*
The color & size of the text at the bottom of the checkout pages that shows what page you are on
such as "Delivery Information Payment Information Confirmation Finished!"
*/
.checkoutBarCurrent {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color: #000000;
}

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

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

.messageStackError, .messageStackWarning {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  background-color: #2e5a60;
  color: red;
}

.messageStackSuccess {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  background-color: #99ff00;
}

/*
The style used for form input requirement fields
The color of the asterisk * and the words "Required Information" on the account.php pages
*/
.inputRequirement {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  color: #ff0000;
}

input {
	color: red;
	background: #e9faff;
	border: 2px solid #bfced2;
}

select {
	color: #2e5a60;
	background: #E9FAFF;
	border: 1px solid #FEFAFB;
}

/*
More_pics**************************************************************
*/

div.homepage-pics {
	/* background: #e8e8e8; */
	float: left;
	margin: 0 12px 0 12px;
	padding: 0 0 0 0;
/*	width: 20em; */
	text-align: center;
	min-height: 225px;
}