/*
  $Id: stylesheet.css,v 1.1 2006/02/28 19:40:35 liesse Exp $

  osCommerce, Open Source E-Commerce Solutions
  http://www.oscommerce.com

  Copyright (c) 2003 osCommerce

  Released under the GNU General Public License
*/


/*
 * fonts:
 *		h1 - Tahoma, Arial, sans-serif; 2em/24px;
 *		h2 - Georgia, Palatino, serif; 1.10em;
 *		body text - Arial, Verdana, sans-serif; 1em/11px;
 * colors:
 *		yellow: #FFCE4C
 *			light yellow: #EEDCB3
 *		blue: #5F9BA3
 *			light blue: #B8E1E8
 *		green: #AFC13E
 *			light green: #DFE7B7
 *		red: #D9532E
 *			light red: #E7C0B4
 *		purple: #CD61CD
 *			light purple: #E7B8E7
 * accents:
 *		grey: #414141
 *			light grey: #BEBEC0
 * page background:
 *		black: #EEEEEE
 */

/* start basic page elements */

	html, body {
		margin: 0px;
		padding: 0px;
	}

	body {
		font-family: Arial, Verdana, sans-serif;
		font-size: 12px;
		text-align: center;
		background-color: #EEEEEE;
	}

	h1, h2 {
		margin: 0 10px 10px;
	}

	p, ul, ol {
		margin: 10px 24px 10px;
	}

	ul, ol {
		padding-left: 1.25em;
	}

	li {
		padding-bottom: 0.5em;
	}

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

	img {
		border-style: none;
	}

	a:hover {
		text-decoration: none;
		border-top: none;
		border-right: none;
		border-left: none;
		border-bottom: 1px dashed #FF6600;
		/* style that was used with navy color links - color: #D9532E; text-decoration: underline; */
	}

	a {
		color: #003399;
		/* navy color - color: #0000B3; */ /* original teal color - #5F9BA3; */
		text-decoration: none;
	}

	a.pageResults:hover {	/* used for product listing pagination */
		color: #000000;
		background: #B8E1E8;
	  	text-decoration: none;
	}

	a.pageResults {		/* used for product listing pagination */
		color: #5F9BA3;
		text-decoration: none;
	}

/* end basic page elements */

/* start basic page layout */

	table#container {
		text-align: left;
		background-color: #F7F9E9;
	}
	
	td#header {
		margin: 0px;
		/* padding-left: 10px; */
		padding-bottom: 0px;
		background-color: #414141;
		border-top: 1px solid #414141; /* set top border */
	}

	td#watermark {		/* used for left/right watermark images */
		width: 24px;
		background-color: #EEEEEE;
	}

	td#content {
		border-left: 1px solid #414141; /* set left border */
	}

	td#content p {
		line-height: 1.4em;
	}
	
	td#rightNav {
		border-right: 1px solid #414141; /* set right border */
	}

	td#footer {
		border-bottom: 1px solid #414141; /* set bottom border */
	}
	
	td#topNav {
		padding-left: 20px;
	}

	td#footer a, #linkHome a, #linkProducts a, #linkSuppliers a, #linkAbout a, #linkFeatures a,
	#subNavAbout a, #subNavFeatures a {
		padding-left: 10px;
		padding-right: 10px;
		padding-top: 0px;
		padding-bottom: 0px;
	}

	td#footer, td#footer a {
		background-color: #414141;
		color: #FFFFFF;
		text-align: center;
	}

	td#footer a, td#subNavAbout a, td#subNavFeatures a {
		font-size: 12px;
		line-height: 18px;
		font-weight: bold;
	}

	td#footer p, div#credit p {
		margin: 0px;
		padding: 5px 10px;
	}
	
	td#subNavAbout a, td#subNavAbout a:hover, td#subNavFeatures a, td#subNavFeatures a:hover {
		color: #FFFFFF;
		font-weight: bold;
		text-decoration: none;
	}
	
	td#subNavAbout {
		color: #FFFFFF;
		text-align: center;
		background-color: #5F9BA3;
	}
	
	td#subNavFeatures {
		color: #FFFFFF;
		text-align: center;
		background-color: #D9532E;
/*		red: #D9532E
 *			light red: #E7C0B4
 */
	}

	table#container {	/* this centers the table in the browser window & sets the table width */
		width: 924px;
		margin: 20px auto;
	}

	td#content {
		width: 700px; /* was 650px;, then 680px */
		padding: 10px;
	}

	td#rightNav {
		width: 176px; /* was 226px, then 150px */
	}

	td#footer, div#credit {
		clear: both;
		width: 100%;
	}

/* end basic page layout */

/* start special text effects */

	h1 {	/* sets headline font size, type and default color of green */
		font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; /* original: Tahoma, Arial, sans-serif; */
		font-size: 24px;
		font-weight: bold;
		color: #AFC13E;
	}

	h1#about {	/* sets headline color to blue for about pg */
		color: #5F9BA3;
	}

	h1#featured {	/* sets headline color to red for features pg */
		color: #D9532E;
	}

	h1#suppliers {	/* sets headline color to yellow for suppliers pg */
		color: #FFCE4C;
	}
	
	h1#whatsNew {	/* sets headline color to purple for whats new pg */
		color: #C23DC2;
	}

	h2 {	/* sets subhead font size and type */
		font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
		font-size: 14px;
		font-weight: bold;
		color: #AFC13E;
	}
	
	h2#about {		/* sets subhead color to blue for about pg */
		color: #5F9BA3;
	}
	
	h2#featured {	/* sets subhead color to red for features pg */
		color: #D9532E;
	}
	
	h2#suppliers {	/* sets subhead color to yellow */
		color: #FFCE4C;
	}

	.smallText {	/* sets size for pagination */
		font-size: 10px;
	}

	.inputRequirement { /* used to mark required form fields */
		font-size: 1em;
		font-weight: bold;
		color: #CC0000;
	}
	
	.inputRequirementText {
		font-size: 1em;
		color: #CC0000;
	}	

/* end special text effects */

/* start top navigation */

	#quickFind {	/* sets text label to white */
		color: #FFFFFF;
		font-weight: bold;
		font-size: 10px;
	}

	#linkHome a, #linkProducts a, #linkSuppliers a, #linkAbout a, #linkFeatures a {
		display: inline-table;
		padding: 0.5em 2em 0.1em 2em;
		font-weight: bold;
		text-align: center;
		text-decoration: none;
		color: #414141;
	}

	#linkHome a:hover {
		background-color: #FFFFFF;
	}

	#linkHome a {
		background-color: #EEEEEE;
	}

	#linkProducts a:hover {
		background-color: #DFE7B7;
	}

	#linkProducts a {
		background-color: #AFC13E;
	}

	#linkSuppliers a:hover {
		background-color: #EEDCB3;
	}

	#linkSuppliers a {
		background-color: #FFCE4C;
	}

	#linkAbout a:hover {
		background-color: #B8E1E8;
	}

	#linkAbout a {
		background-color: #5F9BA3;
	}

	#linkFeatures a:hover {
		background-color: #E7C0B4;
	}

	#linkFeatures a {
		background-color: #D9532E;
	}	

/* end top navigation */

/* start table formatting */

	table.generic_form, table.generic_table {
		margin: 0 10px 10px;
		padding: 0px;
		width: 96%;
	}

	table.generic_form h2, table.generic_table h2 {
		margin: 0px -6px 0px;
	}
	
	table.generic_table p {
		margin: 10px 10px 10px;
	}
	
	table.suppliers_to_add {
		border: 1px solid #FFCE4C;
	}
	
	/* These are on the product listing page */
	table.productDetail {
		border: 1px solid #AFC13E;
	}

	table.productDetailFeatured {
		border: 1px solid #D9532E;
	}
	
	table.productDetailWhatsNew {
		border: 1px solid #CD61CD;
	}

	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: #FFFFFF;
		/* background-color: #f8f8f9; */
	}

	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: #FAFBF0;
		/* background-color: #FBFCF5; light */
		/* background-color: #f8f8f9; */
	}
	
	td.productListing-heading a, td.productListing-headingFeatured a,
	td.productListing-headingWhatsNew a {
		color: #000000;
		font-weight: normal;
	}

	td.productListing-heading, td.productListing-headingFeatured, td.productListing-headingWhatsNew {
		font-family: Georgia, Palatino, serif;
		font-size: 12px;
		font-weight: 500;
		color: #414141;
	}

	td.productListing-heading {
		background-color: #DFE7B7;
		border-bottom: 1px solid #AFC13E;
	}

	td.productListing-headingFeatured {
		background-color: #E7C0B4;
		border-bottom: 1px solid #D9532E;
	}
	
	td.productListing-headingWhatsNew {
		background: #E7B8E7;
		border-bottom: 1px solid #CD61CD;
	}

	td.productListing-data, td.productListing-dataFeatured, td.productListing-dataWhatsNew {
		font-family: Verdana, Arial, sans-serif;
		font-size: 10px;
		vertical-align: top;
	}

	td.productListing-data {
		border-bottom: 1px dashed #AFC13E;
	}

	td.productListing-dataFeatured {
		border-bottom: 1px dashed #D9532E;
		background-color: #F9EFEC;
	}

	td.productListing-dataWhatsNew {
		background-color: #FCF3FC;
		border-bottom: 1px dashed #CD61CD;
	}	
	
	/* These are on the product page */
	#product_content {	/* containing box for product info on product_info.php */
		margin: 0 10px 10px;
		padding: 0px;
		/* margin: 25px; */
		width: 96%;
		position: relative;
	}

	#product_pager,#product_image,#product_attributes,#product_description,#product_name,#more_info,#product_manufacturer,#product_price,#add_to_basket_button
	  {
		position: relative;
		margin: 5px;
	}

	#product_name {
		position: relative;
		top: 0px;
		font-size: 18px;
		font-weight: bold;
		font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
		color: #AFC13E;
	}
	
	#product_manufacturer {
		font-style: italic;
	}

	table.prod_info_misc {
		/* padding: 10px 0px 2px 2px; */
		padding: 0px;
	}

	table.prod_info_misc td {
		line-height: 1.4em;
		vertical-align: top;
		border-top: 1px solid #AFC13E;
	}
	
	a#reviewLink:hover {
		border-bottom: 1px solid #AFC13E;
		border-top: 1px solid #AFC13E;
	}
	
	a#reviewLink {
		border-bottom: 1px solid #AFC13E;
	}

	td.main {
		line-height: 1.5em;
		vertical-align: top;
		padding-bottom: 6px;
	}

/* end table formatting */

/* start infoBox formatting */

	table.infoBoxHeading, table.infoBox {	/* outlines infoboxes */
		border: 1px solid #859CA3;
		width: 100%; /* was 226px; 174px works well */
	}

	td.infoBoxHeading {		/* sets look of infobox headings */
		font-family: Tahoma,Arial, sans-serif;
		font-size: 0.9em;
		font-weight: bold;
		color: #FFFFFF;
		background-color: #859CA3;
		padding-left: 8px;
		padding-right: 2px;
		padding-bottom: 2px;
		padding-top: 2px;
		width: 100%;
	}

	ul.plainTextBox {
		/* margin-top: 0px; */
	}

	table.familyProdTextBox, table.manuProdTextBox {
		border: 1px solid #DFE7B7;
		background-color: #FFFFFF;
		padding: 0px;
	}
	
	td.familyProdHeading {
		line-height: 1.4em;
		vertical-align: top;
	}
	
	td.familyProdListing-heading, td.manuProdListing-heading {
		font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
		font-size: 12px;
		font-weight: 500;
		color: #414141;
		background-color: #DFE7B7;
		border-bottom: 1px solid #AFC13E;
		padding-left: 8px;
		padding-right: 8px;
	}
	
	td.familyProdListing-even, td.familyProdListing-odd, td.manuProdListing {
		background-color: #FFFFFF;
	}

	td.familyProdListing-data, td.manuProdListing-data {
		border-bottom: 1px dashed #AFC13E;
		font-family: Verdana, Arial, sans-serif;
		font-size: 10px;
		vertical-align: top;
		line-height: 1.4em;
		padding-left: 8px;
		padding-right: 8px;
	}

	a.headerNavigation {	/* sets look of text links in infobox headings */
		font-weight: bold;
		color: #FFFFFF;
	}

	td.boxText {	/* aligns infobox info to top */
		padding: 0px;
		valign: top;
		width: 174px;
	}
	
	.boxText a:hover {
		color: #003399;
		border: none; /* removes bottom border of hover from master a:hover */
	}
	
	.boxText a {	/* sets link color for right navigation */
		color: #5F9BA3;
	}

	table.infoBoxContents {	/* sets font size/type and background color for infoboxes */
		font-family: Arial, sans-serif;
		font-size: 11px;
		vertical-align: top;
		background-color: #F0FAFB;
		padding-left: 8px;
		width: 174px;
	}

/* end infoBox formatting */

/* start miscellaneous table formatting */

	table.callOut {		/* used on cookie_usage.php */
		position: relative;
		margin: 0px 0px 0px 430px;
		padding: 0px;
		width: 30%;
		background-color: #EEEEEE;
		border: 1px solid #414141;
	}

	div#linkButton {
		text-align: left;
	}

	a.linkButton:hover {
		text-decoration: none;
		color: #414141;
		background-color: #B8E1E8;
		border: 1px dashed #5F9BA3;
	}

	a.linkButton {	/* used to create the Back and Tell A Friend buttons */
		display: table-cell;
		padding: 1px 8px 1px 8px;
		color: #414141;
		background-color: #B8E1E8;
		border: 1px solid #5F9BA3;
		/* color: #103466;
		background-color: #98CBCC;
		border: 2px solid #0F3566; */
		text-align: center;
		text-transform: uppercase;
		font-family: Arial, Verdana, sans-serif;
		font-size: 8px;
		font-weight: normal;
		vertical-align: middle;
	}

	form {
		display: inline;
	}
	
/* end miscellaneous table formatting */

/* unknown */

	.errorBox { /* used on boxes.php */
		font-family: Verdana, Arial, sans-serif;
		font-size: 10px;
		background: #ffb3b5;
		font-weight: bold;
	}
	
	.stockWarning { /* used on shopping_cart.php */
		font-family: Verdana, Arial, sans-serif;
		font-size: 10px;
		color: #cc0033;
	}
	
	.productsNotifications { /* used on checkout_success.php */
		background: #f2fff7;
	}

	.orderEdit { /* used on checkout_confirmation.php */
		font-family: Verdana, Arial, sans-serif;
		font-size: 10px;
		color: #70d250;
		text-decoration: underline;
	}

	tr.headerError { /* used on header.php */
		background: #ff0000;
	}

	td.headerError { /* used on header.php */
		font-family: Tahoma, Arial, sans-serif;
		font-size: 12px;
		background: #ff0000;
		color: #ffffff;
		font-weight : bold;
		text-align : center;
	}

	tr.headerInfo {	/* used on header.php */
		background: #00ff00;
	}

	td.headerInfo { /* used on header.php */
		font-family: Tahoma, Arial, sans-serif;
		font-size: 12px;
		background: #00ff00;
		color: #ffffff;
		font-weight: bold;
		text-align: center;
	}

	.infoBoxNotice { /* used on checkout_payment.php */
		background: #FF8E90;
	}

	.infoBoxNoticeContents { /* used on checkout_payment.php */
		background: #FFE6E6;
		font-family: Verdana, Arial, sans-serif;
		font-size: 10px;
	}

	td.fieldKey, td.fieldValue { /* used on advanced_search.php */
	  font-size: 11px;
	}
	
	td.fieldKey { /* used on advanced_search.php */
	  font-weight: bold;
	}

	td.tableHeading { /* used on includes/modules/upcoming_products.php */
		font-family: Verdana, Arial, sans-serif;
		font-size: 12px;
		font-weight: bold;
	}

	span.newItemInCart { /* used on shopping_cart.php */
		font-family: Verdana, Arial, sans-serif;
		font-size: 10px;
		color: #ff0000;
	}	

	span.greetUser { /* used on includes/languages/english.php & german.php */
		font-family: Verdana, Arial, sans-serif;
		font-size: 12px;
		color: #f0a480;
		font-weight: bold;
	}	

	span.markProductOutOfStock { /* used on includes/functions/general.php */
		font-family: Tahoma, Arial, sans-serif;
		font-size: 12px;
		color: #c76170;
		font-weight: bold;
	}

	span.productSpecialPrice { /* used on several pages around product reviews */
		font-family: Verdana, Arial, sans-serif;
		color: #ff0000;
	}

	span.errorText { /* used on includes/languages/english.php & german.php */
		font-family: Verdana, Arial, sans-serif;
		color: #ff0000;
	}

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

	.moduleRowSelected {
		background-color: #E9F4FC;
	}

	.checkoutBarFrom, .checkoutBarTo {
		font-family: Verdana, Arial, sans-serif;
		font-size: 10px;
		color: #8c8c8c;
	}

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

/* start error messages */

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

	.messageStackError, .messageStackWarning {
		font-family: Verdana, Arial, sans-serif;
		font-size: 10px;
		/* font-size: 0.75em; */
		background-color: #E7C0B4;
	}

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

/* end error messages */

	div#maincats ul, div#subcats ul {
		list-style: none;
		list-style-type: none;
		list-style-position: inside;
	}
	
	div#maincats ul li {
		padding: 0px;
		margin: 0px;
		margin-left: -40px;
	}
	
	div#subcats ul li {
		padding: 0px;
		margin: 0px;
		margin-left: -25px;
	}

	div#shoppingaids {
		background: grey;
	}

	#maincats {
		margin: 0px;
		padding: 0px;
	}
	
	#subcats {
		margin: 0px;
		padding: 0px;
	}

	#shoppingaids {
		background: #f2e9c7;
	}

/* product pages */

	.main #order_date,.main #order_id,.main #order_name,.main #order_status,.main
	#order_total,.main #order_view {
		padding: 2px 5px 1px 5px;
		vertical-align: bottom;
		height: 16px;
	}

	.main #order_total,.main #order_view {
		width: 60px;
		text-align: right;
	}

	.main #order_name {
		width: 100px;
		text-align: center;
	}

	#new_products {
		position: relative;
		top: 0px;
		left: 2px;
		margin-right: 4px;
		min-height: 200px;
	}

	#subcat_list {
		visibility: visible;
	}
	
	#subcat_heading {
		visibility: visible;
	}

	#cat_header {
		position: relative;
		left: 7px;
		top: 5px;
	}

	#feat_link {
		position: relative;
		left: 40%;
		top: 5px;
	}

	.messageStackError {
		padding: 4px;
		margin: 5px;
	}

	/* these are on the sub cat page */
	.prodModel,.prodName,.prodDesc,.prodShortDesc,.prodMan,.prodPrice,.prodQty,.prodWeight,.prodImage,.prodBuyNow, .prodMoreInfo {
		position: relative;
		font-size: 11px;
		margin-top: 2px;
		margin-bottom: 2px;
	}

	#clearance_link {
		position: relative;
		left: 50%;
		top: 5px;
	}

	div.prodDesc {
		margin-left: 0px;
		margin-right: 0px;
		padding-left: 1px;
		padding-right: 1px;
	}

	ul.prodShortDesc {
		margin-left: 2px;
		margin-right: 2px;
		padding-top: 0px;
		padding-bottom: 0px;
		margin-bottom: 0px;
		list-style-type: square;
	}

	table.cat_pager {
		display: table;
		width: 100%;
		height: 25px;
		clear: both;
	}

	#product_pager {
		margin-top: 5px;
	}

	#add_to_basket_button {
		margin-top: 20px;
	}

	#review_button { /* removes the review this product button */
		display: none;
		width: 200px;
	}

	#tell_a_friend {
		position: relative;
		margin-left: 300px;
		margin-top: -24px;
	}

	#date_added { /* removes the 'This product was added to our catalog on...' blurb */
		display: none;
		width: 200px;
	}

	#date_avail {
		display: none;
		width: 200px;
	}

#quick_find_button {
				position: relative;
				border: none;
				top: 4px;
				padding-right: 10px;
				/*	ljw : added space btwn search button and text links	*/
}

	#quick_find_box {
		height: auto;
		border: 1px inset Gray;
	}

	.product_pager_link {
		font-weight: bold;
	}

	.product_pager_not_link {
		color: #BEBEC0;
	}

	/* now these are the specific attributes for the content containers */
	.shopping_cart {
		position: relative;
		width: 100%;
	}

	.productListingCell {
		float: left;
		border-style: none;
		border-width: 1px;
		height: 200px;
		width: 100px;
		margin: 7px;
		font-size: 11px
	}

	.continueButton {
		position: relative;
		text-align: right;
		height: 22px;
		width: 75%;
		top: 10px;
		vertical-align: middle;
	}

	.Success {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 10px;
		font-style: italic;
		line-height: normal;
		font-weight: bold;
		font-variant: normal;
		text-transform: none;
		color: #333333;
		text-decoration: none;
		border: thin solid #000000;
		height: auto;
		width: auto;
		background-color: #CCCC99;
		padding: 3px;
	}

	.Hover {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		color: #336699;
	}