/*
  $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
*/
/*==========================================================================================*/
/* CSS customised by Images (http://www.theimagesgroup.com)									*/
/*==========================================================================================*/
/* Modified 20/01/2005																		*/
/*==========================================================================================*/
/* 4 tone colour scheme */
/* <- Darker - FF3366 * FF668C * FFB2C6 * FFE5EC - Lighter -> */
body {
	font-family: Arial, Helvetica, sans-serif;
	background: #fff;
	color: #333;
	margin: 0;
	padding: 0;
}
h1, h2, h3, h4, h5, h6 {
	color: #c00;
}
bold, strong {
	font-weight: bold;
}
i, em {
	font-style: italic;
}
a {
	color: #900;
	text-decoration: underline;
}
a:visited {
	color: #900;
}
a:hover, a:active, a:focus {
	color: #f00;
}
form {
	display: inline;
}
address {
	font-style: normal;
}
hr {
	background-color: #c00;
	border-color: #c00;
	color: #c00;
	height: 1px;
}
.uppercase {
	text-transform: uppercase;
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/* Header logo row start																	*/
table.header {
	background: #000;
	background-image: url(images/header_bg.gif);
	background-repeat: repeat-x;
	background-position: 0 0;
	border-top: 2px solid #c00;
	height: 60px;
}
td.headerLeft {
	text-align: left;
	vertical-align: middle;
	width: 144px;
}
td.headerLeft img {
	border: 0;
}
td.headerLeft h1 {
	margin: 0;
	padding: 0;
}
td.headerRight {
	padding-top: 32px;
	text-align: right;
}
td.headerRight .headerButtons {
	margin-right: 6px;
}
.headerButtons td {
	height: 48px;
	text-align: center;
	padding-left: 3px;
	padding-right: 3px;
}
td.headerButtons img {
	border: 0;
}
/* Header logo row end																		*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/* Header menu row start																	*/
tr.headerNavigation {
	background-color: #c00;
	vertical-align: top;
	background-image: url(images/headerNavigation_bg.gif);
	background-repeat: repeat-x;
	background-position: 0 0;
	height: 24px;
}
td.headerNavigationLeft, td.headerNavigationRight {
	font-size: .7em;
	font-weight: bold;
	color: #fff;
	height: 24px;
	padding-top: 2px;
}
td.headerNavigationLeft {
	margin-left: 6px;
	text-align: left;
}
td.headerNavigationRight {
	text-align: right;
}
td.headerNavigationRight a { margin-right: 6px; }
a.headerNavigation:link, a.headerNavigation:visited {
	color: #fff;
	text-decoration: none;
}
a.headerNavigation:hover {
	color: #fff;
	text-decoration: underline;
}
/* Header menu row end																		*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/* Header error row start																	*/
tr.headerError {
	background: #f00;
}
td.headerError {
	font-family: "Courier New", Courier, mono;
	font-size: .9em;
	background: #f00;
	color: #fff;
	font-weight : bold;
	text-align : center;
}
/* Header error row end																		*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/* Header info row start																	*/
tr.headerInfo {
	background: #0f0;
}
td.headerInfo {
	font-size: 1.1em;
	background: #0f0;
	color: #fff;
	font-weight: bold;
	text-align: center;
}
/* Header info row end																		*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/* Footer row start																			*/
tr.footer {
	background-color: #c00;
}
td.footer {
	font-size: .75em;
	color: #fff;
	font-weight: bold;
}
.footerCopyright {
	margin: 0;
	font-size: .8em;
	color: #666;
}
#footerPayPal {
	background-color: #eee;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	margin: 0;
	padding-top: .25em;
	text-align: center;
	vertical-align: middle;
}
#footerPayPal a {
	text-decoration: none;
}
#footerPayPal a img {
	border: 0;
}
/* Footer row end																			*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/* Info boxes start																			*/
.infoBox {
 	border: 1px solid #c00;
}
td.infoBox, span.infoBox {
	font-size: .8em;
}
.infoBoxContents {
	font-size: .8em;
}
.infoBoxNotice {
	background-color: #f99;
}
.infoBoxNoticeContents {
	background-color: #fdd;
	font-size: .9em;
}
td.infoBoxHeading {
	font-size: .7em;
	font-weight: bold;
	background-color: #c00;
	background-image: url(images/infoBoxHeading_bg.gif);
	background-position: top;
	vertical-align: top;
	margin: 0;
	padding: 0;
	height: 16px;
	color: #fff;
}
/* Info boxes end																			*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/* Alternating table rows start (search results,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-color: #FFFAFA;
}
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-color: #fff;
}
tr.productListing-odd:hover, tr.productListing-even:hover { background-color: #fee; }
table.productListing {
  border: 1px;
  border-style: solid;
  border-color: #c00;
}
.productListing-heading {
  font-size: .9em;
  background-color: #c00;
  color: #fff;
  font-weight: bold;
}
.productListing-heading a:link, .productListing-heading a:visited {
	color: #fff;
	border: 1px solid #c00;
	padding: 1px;
}
.productListing-heading a:active, .productListing-heading a:hover {
	color: #c00;
	background-color: #fff;
	border: 1px solid #c00;
	padding: 1px;
}
td.productListing-data {
  font-size: .8em;
}
a.pageResults {
  color: #c00;
}
a.pageResults:hover {
  color: #c00;
  background-color: #eee;
}
/* Alternating table rows end (search results,etc)											*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/* Page Heading start																		*/
td.pageHeading, div.pageHeading {
  font-size: 1.5em;
  font-weight: bold;
  color: #c00;
}
/* Page Heading end																			*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/* Sub bar start ?																			*/
tr.subBar {
  background: #f4f7fd;
}
td.subBar {
  font-size: .8em;
  color: #000;
}
/* Sub bar end ?																			*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/* Form objects start																		*/
checkbox, input, radio, select {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1em;
}
textarea {
  width: 100%;
  font-family: Arial, Helvetica, sans-serif;
  font-size: .9em;
}
checkbox:focus, input:focus, radio:focus, select:focus, textarea:focus {
	background-color: #fffbfb;
	border-color: #f00;
	color: #f00;
}
.fieldKey {
	font-size: .9em;
	color: #f00;
}
table.formArea {
  background-color: #eee;
  border-color: #f00;
  border-style: solid;
  border-width: 1px;
}
td.formAreaTitle {
  font-size: .9em;
  font-weight: bold;
}
/* Form objects end																			*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/* Main store styles start																	*/
.boxText {
	font-size: .9em;
}
/* Added code to add a border to product images (info page and info boxes) */
.boxText a:link img, .boxText a:visited img, td.main td.smallText a:link img, td.main td.smallText a:visited img {
	border: 1px solid #eee;
}
.boxText a:active img, .boxText a:hover img, td.main td.smallText a:active img, td.main td.smallText a:hover img {
	border: 1px solid #c00;
	background-color: #fee;
}
.errorBox {
	font-size: .84em;
	background: #ffc;
	color: #f30;
	font-weight: bold;
}
.stockWarning {
	font-size: .84em;
	color: #c03;
}
.productsNotifications {
	background-color: #eee;
}
.orderEdit {
	font-size: .84em;
	color: #0c0;
	text-decoration: underline;
}
.greetingBox {
	background-color: #fee;
	color: #000;
	border-bottom: 1px solid #c00;
	font-size: .8em;
	line-height: 1.5em;
	padding: 1px;
}
.chequeNote {
	background-color: #eef;
	border: 1px solid #009;
	margin: 4px;
	padding: 4px;
}
td.main, p.main {
	font-size: .8em;
	line-height: 1.5em;
}
td.smallText, span.smallText, p.smallText {
  font-size: .9em;
}
/* Added code to reduce size of product model number */
.pageHeading .smallText {
  font-size: .6em;
}
td.accountCategory {
  font-size: 1em;
  color: #aabbdd;
}
td.fieldKey {
  font-size: .9em;
  font-weight: bold;
}
td.fieldValue {
  font-size: .9em;
}
td.tableHeading {
  font-size: .9em;
  font-weight: bold;
}
span.newItemInCart {
  font-size: .8em;
  color: #f00;
}
span.greetUser {
  color: #f33;
  font-weight: bold;
  text-decoration: underline;
}
span.markProductOutOfStock {
  font-size: .9em;
  color: #c36;
  font-weight: bold;
}
span.productSpecialPrice {
  color: #f00;
}
span.errorText {
  color: #f00;
}
/* Main store styles end ?																	*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.moduleRow { }
.moduleRowOver { background-color: #D7E9F7; cursor: pointer; cursor: hand; }
.moduleRowSelected { background-color: #E9F4FC; }

.checkoutBarFrom, .checkoutBarTo { font-size: 10px; color: #8c8c8c; }
.checkoutBarCurrent { font-size: 10px; color: #000; }

/* message box */

.messageBox { font-size: 10px; }
.messageStackError, .messageStackWarning { font-size: 10px; background-color: #ffb3b5; }
.messageStackSuccess { font-size: 10px; background-color: #9f0; }

/* input requirement */

.inputRequirement { /*font-size: 10px*/; color: #009; }

/* Custom Styles																			*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/* <- Darker - FF3366 * FF668C * FFB2C6 * FFE5EC - Lighter -> */
.data {
	background-color: #fff;
	border-top: 1px solid #c00;
	border-left: 1px solid #c00;
	border-bottom: 1px solid #c00;
	margin: 0.2em;
	font-size: .9em;
}
.data caption {
	margin-top: 0.6em;
	margin-bottom: 0.4em;
	font-size: larger;
	font-weight: bold;
}
.data th {
	background-color: #eee;
	text-align: left;
	border-right: 1px solid #c00;
	margin-top: 0.2em;
	padding: 0.2em;
	color: #c00;
	font-weight: normal;
}
.data td {
	background-color: #fff;
	border-right: 1px solid #c00;
	margin-top: 0.2em;
	padding: 0.2em;
	text-align: center;
}
.data img {
	background-color: #eee;
	text-align: right;
	margin-left: auto;
	margin-right: 0;
	border: 0;
}