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

.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; }
.productsNotifications 	{ background: #D3D3D4; }
.orderEdit 				{ font-family : Verdana, Arial, sans-serif; font-size : 10px; color: #0098c3; text-decoration: underline; }

BODY 					{background: #8F8D8D url(images/opmaak/bg.gif) top repeat-x; color: #000000; margin: 0px;font-family: Verdana, Arial, sans-serif; font-size: 10px;}

.container			{min-height: 1200px;}
/* Header */

TR.header 				{color: #FFF;}
TR.headerNavigation 	{color: #FFF;}
TD.headerNavigation 	{font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #fff; font-weight : bold;}
A.headerNavigation		{color: #FFF; }
A.headerNavigation:hover{ color: #FFF;}

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

.topHead			{width: 100%; padding: 0; background: #FFF;}
.topHead .main		{background: #FFF; font-family: Tahoma, Verdana, Arial, sans-serif; color: #ff0000; font-size: 28px; height: 125px; text-align: center;}
.topHead .menu		{background: #FFF; font-family: Tahoma, Verdana, Arial, sans-serif; color: #ff0000; font-size: 14px; height: 125px; width: 250px;}
.topHead a			{color: #FF5200; text-decoration: none; line-height: 1.5em;}
.topHead a:hover	{text-decoration: none;}

.subHeader .main	{background: #fff url(images/opmaak/sub_header_bg.jpg) bottom no-repeat; height: 150px; font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #fff; font-weight : bold; padding-left: 10px; padding-bottom: 3px; border-left: 1px solid #726A66; border-right: 2px solid #726A66;}

.topMenu			{background: #fff url(images/opmaak/topmenu_bg.gif) bottom repeat-x; border-left: 1px solid #726A66;  border-top: 1px solid #726A66; border-right: 2px solid #726A66;}
.topMenu .main		{height: 20px; padding-left: 15px;}
.topMenu a			{color: #FFF; text-decoration: none; font-weight: bold; font-size: 11px;}
.topMenu a:hover	{text-decoration: none;}

.logo_lb			{height: 130px; background: #c0b59b url(images/opmaak/logo_lb.gif) right bottom no-repeat;}
.logo_rb			{height: 130px; background: #c0b59b url(images/opmaak/logo_rb.gif) left bottom no-repeat;}
.logo_lo			{font-family: Verdana, Arial, sans-serif; font-size: 10px; height: 96px; background: #c0b59b url(images/opmaak/logo_lo.gif) right no-repeat;}
.logo_ro 			{font-family: Verdana, Arial, sans-serif; font-size: 10px; height: 96px; background: #c0b59b url(images/opmaak/logo_ro.gif) left no-repeat;}

/* Left Column */
.column_left						{background: #F8CAA3 url(images/opmaak/column_left_bg.jpg) top no-repeat; border-left: 1px solid #726A66;}
.column_left a						{color: #000; text-decoration: none; font-weight: bold;}
.column_left a:hover 				{color: #000; text-decoration: underline;}

.column_left .infoBox 				{font-family: Verdana, Arial, sans-serif; font-size: 10px;}
.column_left .infoBoxLeft			{background: url(images/opmaak/left/left.gif) left repeat-y; width: 12px;}
.column_left .infoBoxRight			{background: url(images/opmaak/left/right.gif) right repeat-y; width: 12px;}

.column_left .infoBoxHeading		{background: url(images/opmaak/left/corner_right_left.gif) top repeat-x; color: #000; font-family: Tahoma, Verdana, Arial, sans-serif; font-size: 13px; font-weight: bold;}
.column_left .infoBoxHeadingLeft	{background: url(images/opmaak/left/corner_left.gif) top left no-repeat; width: 30px; height: 30px;}
.column_left .infoBoxHeadingRight	{background: url(images/opmaak/left/corner_right.gif) top right no-repeat; width: 30px; height: 30px;}

.column_left .infoBoxFooter			{background: url(images/opmaak/left/corner_footer_right_left.gif) top repeat-x; height: 30px;}
.column_left .infoBoxFooterLeft		{background: url(images/opmaak/left/corner_footer_left.gif) top left no-repeat; height: 30px; width: 30px;}
.column_left .infoBoxFooterRight	{background: url(images/opmaak/left/corner_footer_right.gif) top right no-repeat; height: 30px; width: 30px;}

.column_left .infoBoxContents 		{color: #000; font-family: Verdana, Arial, sans-serif; font-size: 10px;}
.column_left .boxText				{font-family: Verdana, Arial, sans-serif; font-size: 10px;}


/* Center Column */
.column_center							{background: #F8CAA3 url(images/opmaak/column_center_bg.jpg) top no-repeat; color: #000; padding-left: 10px; padding-right: 10px; border-right: 2px solid #726A66;}
.column_center P.main, .column_center TD.main{color: #000;}

.column_center a						{color: #000; text-decoration: none; font-weight: bold;}
.column_center a:hover					{color: #000; text-decoration: underline; font-weight: bold;}

.column_center .infoBox 				{font-family: Verdana, Arial, sans-serif; font-size: 10px;}
.column_center .infoBoxLeft				{}
.column_center .infoBoxRight			{}

.column_center .infoBoxHeading			{font-family: Tahoma, Verdana, Arial, sans-serif; font-size: 13px; font-weight: bold;}
.column_center .infoBoxHeadingLeft		{width: 5px;}
.column_center .infoBoxHeadingRight		{}

.column_center .infoBoxFooter			{}
.column_center .infoBoxFooterLeft		{}
.column_center .infoBoxFooterRight		{}

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

.column_center .contentBox				{}
.column_center .contentBoxContents 		{font-family: Verdana, Arial, sans-serif; font-size: 10px;}
.column_center .contentBoxHeading		{font-family: Verdana, Arial, sans-serif; color: #000; font-size: 13px; font-weight: bold;}

.column_center .boxText					{font-family: Verdana, Arial, sans-serif; font-size: 11px;}
.column_center .fieldKey				{font-family: Verdana, Arial, sans-serif; font-size: 11px;}
.column_center .fieldValue				{font-family: Verdana, Arial, sans-serif; font-size: 11px;}

.orangebox							{color: #fff;}
.orangebox a						{color: #fff; text-decoration: none;}
.orangebox a:hover 				{color: #fff; text-decoration: underline;}

.orangebox .infoBox 				{font-family: Verdana, Arial, sans-serif; font-size: 10px;}
.orangebox .infoBoxLeft			{background: url(images/opmaak/orangebox/left.gif) left repeat-y; width: 12px;}
.orangebox .infoBoxRight			{background: url(images/opmaak/orangebox/right.gif) right repeat-y; width: 12px;}

.orangebox .infoBoxHeading		{background: url(images/opmaak/orangebox/corner_left_right.gif) top repeat-x; color: #fff; font-family: Tahoma, Verdana, Arial, sans-serif; font-size: 13px; font-weight: bold;}
.orangebox .infoBoxHeadingLeft	{background: url(images/opmaak/orangebox/corner_left.gif) top left no-repeat; width: 30px; height: 30px;}
.orangebox .infoBoxHeadingRight	{background: url(images/opmaak/orangebox/corner_right.gif) top right no-repeat; width: 30px; height: 30px;}

.orangebox .infoBoxFooter			{background: url(images/opmaak/orangebox/footer_left_right.gif) top repeat-x; height: 30px;}
.orangebox .infoBoxFooterLeft		{background: url(images/opmaak/orangebox/footer_left.gif) top left no-repeat; height: 30px; width: 30px;}
.orangebox .infoBoxFooterRight	{background: url(images/opmaak/orangebox/footer_right.gif) top right no-repeat; height: 30px; width: 30px;}

.orangebox .infoBoxContents 		{color: #fff; font-family: Verdana, Arial, sans-serif; font-size: 10px;}
.orangebox .boxText				{background: #FF5200; font-family: Verdana, Arial, sans-serif; font-size: 11px;}

.rosebox							{color: #000;}
.rosebox a						{color: #000; text-decoration: none;}
.rosebox a:hover 				{color: #000; text-decoration: underline;}

.rosebox .infoBox 				{font-family: Verdana, Arial, sans-serif; font-size: 10px;}
.rosebox .infoBoxLeft			{background: url(images/opmaak/rosebox/left.gif) left repeat-y; width: 12px;}
.rosebox .infoBoxRight			{background: url(images/opmaak/rosebox/right.gif) right repeat-y; width: 12px;}

.rosebox .infoBoxHeading		{background: url(images/opmaak/rosebox/corner_left_right.gif) top repeat-x; color: #000; font-family: Tahoma, Verdana, Arial, sans-serif; font-size: 13px; font-weight: bold;}
.rosebox .infoBoxHeadingLeft	{background: url(images/opmaak/rosebox/corner_left.gif) top left no-repeat; width: 30px; height: 30px;}
.rosebox .infoBoxHeadingRight	{background: url(images/opmaak/rosebox/corner_right.gif) top right no-repeat; width: 30px; height: 30px;}

.rosebox .infoBoxFooter			{background: url(images/opmaak/rosebox/footer_left_right.gif) top repeat-x; height: 30px;}
.rosebox .infoBoxFooterLeft		{background: url(images/opmaak/rosebox/footer_left.gif) top left no-repeat; height: 30px; width: 30px;}
.rosebox .infoBoxFooterRight	{background: url(images/opmaak/rosebox/footer_right.gif) top right no-repeat; height: 30px; width: 30px;}

.rosebox .infoBoxContents 		{color: #000; font-family: Verdana, Arial, sans-serif; font-size: 10px;}
.rosebox .boxText				{background: #F8C398; font-family: Verdana, Arial, sans-serif; font-size: 11px;}

.bluebox						{background: transparent; color: #000;}
.bluebox a						{color: #000; text-decoration: none;}
.bluebox a:hover 				{color: #000; text-decoration: underline;}

.bluebox .infoBox 				{font-family: Verdana, Arial, sans-serif; font-size: 10px;}
.bluebox .infoBoxLeft			{background: url(images/opmaak/bluebox/left.gif) left repeat-y; width: 12px;}
.bluebox .infoBoxRight			{background: url(images/opmaak/bluebox/right.gif) right repeat-y; width: 12px;}

.bluebox .infoBoxHeading		{background: url(images/opmaak/bluebox/corner_left_right.gif) top repeat-x; color: #000; font-family: Tahoma, Verdana, Arial, sans-serif; font-size: 13px; font-weight: bold;}
.bluebox .infoBoxHeadingLeft	{background: transparent url(images/opmaak/bluebox/corner_left.gif) top left no-repeat; width: 30px; height: 30px;}
.bluebox .infoBoxHeadingRight	{background: url(images/opmaak/bluebox/corner_right.gif) top right no-repeat; width: 30px; height: 30px;}

.bluebox .infoBoxFooter			{background: url(images/opmaak/bluebox/footer_left_right.gif) top repeat-x; height: 30px;}
.bluebox .infoBoxFooterLeft		{background: url(images/opmaak/bluebox/footer_left.gif) top left no-repeat; height: 30px; width: 30px;}
.bluebox .infoBoxFooterRight	{background: url(images/opmaak/bluebox/footer_right.gif) top right no-repeat; height: 30px; width: 30px;}

.bluebox .infoBoxContents 		{color: #000; font-family: Verdana, Arial, sans-serif; font-size: 10px;}
.bluebox .boxText				{background: #9ED3EB; font-family: Verdana, Arial, sans-serif; font-size: 11px;}

.whitebox						{color: #000;}
.whitebox a						{color: #000; text-decoration: none;}
.whitebox a:hover 				{color: #000; text-decoration: underline;}

.whitebox .infoBox 				{font-family: Verdana, Arial, sans-serif; font-size: 10px;}
.whitebox .infoBoxLeft			{background: url(images/opmaak/whitebox/left.gif) left repeat-y; width: 12px;}
.whitebox .infoBoxRight			{background: url(images/opmaak/whitebox/right.gif) right repeat-y; width: 12px;}

.whitebox .infoBoxHeading		{background: url(images/opmaak/whitebox/corner_left_right.gif) top repeat-x; color: #000; font-family: Tahoma, Verdana, Arial, sans-serif; font-size: 13px; font-weight: bold;}
.whitebox .infoBoxHeadingLeft	{background: url(images/opmaak/whitebox/corner_left.gif) top left no-repeat; width: 30px; height: 30px;}
.whitebox .infoBoxHeadingRight	{background: url(images/opmaak/whitebox/corner_right.gif) top right no-repeat; width: 30px; height: 30px;}

.whitebox .infoBoxFooter			{background: url(images/opmaak/whitebox/footer_left_right.gif) top repeat-x; height: 30px;}
.whitebox .infoBoxFooterLeft		{background: url(images/opmaak/whitebox/footer_left.gif) top left no-repeat; height: 30px; width: 30px;}
.whitebox .infoBoxFooterRight	{background: url(images/opmaak/whitebox/footer_right.gif) top right no-repeat; height: 30px; width: 30px;}

.whitebox .infoBoxContents 		{color: #000; font-family: Verdana, Arial, sans-serif; font-size: 10px;}
.whitebox .boxText				{font-family: Verdana, Arial, sans-serif; font-size: 11px; background: #fff; }

.greybox						{color: #fff;}
.greybox a						{color: #fff; text-decoration: none;}
.greybox a:hover 				{color: #fff; text-decoration: underline;}

.greybox .infoBox 				{font-family: Verdana, Arial, sans-serif; font-size: 10px;}
.greybox .infoBoxLeft			{background: url(images/opmaak/greybox/left.gif) left repeat-y; width: 12px;}
.greybox .infoBoxRight			{background: url(images/opmaak/greybox/right.gif) right repeat-y; width: 12px;}

.greybox .infoBoxHeading		{background: url(images/opmaak/greybox/corner_right_left.gif) top repeat-x; color: #fff; font-family: Tahoma, Verdana, Arial, sans-serif; font-size: 13px; font-weight: bold;}
.greybox .infoBoxHeadingLeft	{background: url(images/opmaak/greybox/corner_left.gif) top left no-repeat; width: 30px; height: 30px;}
.greybox .infoBoxHeadingRight	{background: url(images/opmaak/greybox/corner_right.gif) top right no-repeat; width: 30px; height: 30px;}

.greybox .infoBoxFooter			{background: url(images/opmaak/greybox/corner_footer_right_left.gif) top repeat-x; height: 30px;}
.greybox .infoBoxFooterLeft		{background: url(images/opmaak/greybox/corner_footer_left.gif) top left no-repeat; height: 30px; width: 30px;}
.greybox .infoBoxFooterRight	{background: url(images/opmaak/greybox/corner_footer_right.gif) top right no-repeat; height: 30px; width: 30px;}

.greybox .infoBoxContents 		{color: #fff; font-family: Verdana, Arial, sans-serif; font-size: 10px;}
.greybox .boxText				{background: #8F8D8D; font-family: Verdana, Arial, sans-serif; font-size: 11px;}

/* Footer */
.footer 				{width: 100%; font-family: Verdana, Arial, sans-serif; font-size: 9px; color: #fff;}
.footer .main			{background: #8F8D8D url(images/opmaak/footer_bg.gif) top repeat-x; height: 10px;}
.footer .left			{background: #8F8D8D url(images/opmaak/footer_bg.gif) top repeat-x; width: 220px; height: 10px;}
.footer .bottom			{background: #8F8D8D; height: 30px; font-weight: bold;}
.footer a 				{color: #fff; text-decoration: none;}
.footer a:hover 		{color: #fff;}

FORM 					{display: inline;}

.infoBoxNotice 				{background: #FF8E90;}
.infoBoxNoticeContents 		{background: #FFE6E6;font-family: Verdana, Arial, sans-serif; font-size: 10px;}

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

.productListing 			{border: 1px dotted #000;}
.productListing-heading 	{font-family: Verdana, Arial, sans-serif;font-size: 10px;color: #000;font-weight: bold;}
.productListing-data		{color: #000; font-family: Verdana, Arial, sans-serif;font-size: 10px;}
.productListing-data a		{color: #000; text-decoration: underline; font-weight: bold;}
.productListing-data a:hover{color: #000; text-decoration: underline; font-weight: bold;}

.pageHeading, DIV.pageHeading {font-family: Verdana, Arial, sans-serif; font-size: 20px; font-weight: bold; color: #FF5200;}
.subBar 						{font-family: Verdana, Arial, sans-serif;font-size: 10px;color: #000000;}

TD.main, P.main 							{font-family: Verdana, Arial, sans-serif;font-size: 11px;line-height: 1.5;}
.smallText 	{font-family: Verdana, Arial, sans-serif;font-size: 10px;}
TD.accountCategory 							{font-family: Verdana, Arial, sans-serif;font-size: 13px;color: #aabbdd;}
TD.tableHeading 							{font-family: Verdana, Arial, sans-serif;font-size: 12px;font-weight: bold;}
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;}
TABLE.formArea 								{border-color: #6BBDE1;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.errorText 								{font-family: Verdana, Arial, sans-serif;color: #ff0000;}

.progress							{width: 1px; height: 14px; color: white; font-size: 12px; overflow: hidden; background-color: navy; padding-left: 5px;}

.moduleRow { }
.moduleRowOver { background-color: #D7E9F7; cursor: pointer;}
.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; }

/* message box */

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

/* input requirement */

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

#button {
	width: 170px;
	padding: 0;
	margin: 2px 2px 0 5px;
	}

	#button ul {
		list-style: none;
		margin: 0;
		padding: 0;
			}
		
	#button li {
		margin: 0;
		}

	#button li a {
		display: block;
		font-size: 10px;
		padding: 2px 0px 2px 2px;
		line-height: 2;
		text-decoration: none;
		font-weight: bold;
		width: 100%;
		}

	html>body #button li a {
		width: auto;
	}

	#button li a:hover {
		text-decoration: none;
	}
    #button li.selected  a {
		text-decoration: none;
    }