/*
  $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: #f2fff7; }
.orderEdit { font-family : Verdana, Arial, sans-serif; font-size : 10px; color: #70d250; text-decoration: underline; }

FORM {
	display: inline;
}

.infoBox {
border:1px solid #b6b7cb;
}

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



TR.headerNavigation {
  background: #bbc3d3;
}

TD.headerNavigation {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  background: #bbc3d3;
  color: #ffffff;
  font-weight : bold;
}

A.headerNavigation { 
  color: #FFFFFF; 
}

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

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





.infoBoxNotice {
  background: #FF8E90;
}

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

TD.infoBoxHeading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  font-weight: bold;
  background: #bbc3d3;
  color: #ffffff;
}

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

a.column_left {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color: #82AA00;
}

A.column_left:hover {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color: #82AA00;
}

A.column_left:visited {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color: #82AA00;
}

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

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

TABLE.productListing {
  border: 1px;
  border-style: solid;
  border-color: #b6b7cb;
  border-spacing: 1px;
}

.productListing-heading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  background: #b6b7cb;
  color: #FFFFFF;
  font-weight: bold;
}

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

A.pageResults {
  color: #0000FF;
}

A.pageResults:hover {
  color: #0000FF;
  background: #FFFF33;
}

TD.pageHeading, DIV.pageHeading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 20px;
  font-weight: bold;
  color: #9a9a9a;
}

TR.subBar {
  background: #f4f7fd;
}

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

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

TD.accountCategory {
  font-family: Verdana, Arial, sans-serif;
  font-size: 13px;
  color: #aabbdd;
}

TD.fieldKey {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
}

TD.fieldValue {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
}

TD.tableHeading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
}

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

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

SPAN.greetUser {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  color: #f0a480;
  font-weight: bold;
}

TABLE.formArea {
  background: #f1f9fe;
  border-color: #7b9ebd;
  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.productSpecialPrice {
  font-family: Verdana, Arial, sans-serif;
  color: #ff0000;
}

SPAN.errorText {
  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: #fff; }

/* 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;color:#000; }
.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; }

body	{
						margin:0px;
						padding:0px;
						background-color:#424242;
						font-family:Tahoma;
						}
																					
/*--------------------------------------------------   ul, em, i, form	 ---------------------*/						
ul {
						list-style-type:none;
						margin:0px; 
						padding:0px; 
						}	
em, i {
						font-style:normal;
						}						
form {
						padding:0px;
						margin:0px;
						}						
/*----------------------------------------------------   	 ---------------------*/	
td {
						vertical-align:top;
						font-size:11px;
						line-height:12px;
						font-family:Tahoma;
						color:#A7A7A7;
						}	
img {
						border:0;
						}
h1, h2 	{
						color:#ffffff;
						font-size:13px;
						text-transform:uppercase;
						}	
h1	{
						line-height:21px;
						padding:0px 0px 0px 0px;
						margin:15px 0px 0px 0px;
						}					
a	{
						color:#7B7B7B;
						font-size:11px;
						text-decoration:underline;
						}
a:hover	{
						color:#7B7B7B;
						font-size:11px;
						text-decoration:none;
						}


em 	{
						color:#82AA00;
						font-size:10px;
						}	
em a	{
						color:#82AA00;
						text-decoration:underline;
						}
em a:hover	{
						color:#82AA00;
						text-decoration:none;
						}
em span	{
						color:#ffffff;
						}
i	{
						color:#E1E1E1;
						font-size:12px;
						}				
b {
						color:#82AA00;
						}	
strong b {
						color:#82AA00;
						font-size:13px;
						color:#ffffff;
						}																			                                              
strong {
						color:#82AA00;
						}
/*----------------------------------------------------   input, textarea	 ---------------------*/						
input[type="text"], textarea {
						width:96px;
						height:17px;
						background-color:#000000;
						border:1px solid #999999;
						font-family:Tahoma;
						font-size:11px;
						color:#777E85;
						line-height:13px;
						padding-left:4px;
						padding-right:4px;
						}
.input_1	{
						height:17px;
						width:129px;
						margin:0px 0px 0px 0px;
						}												

.textarea_1	{
						height:90px;
						margin:0px 0px 0px 0px;
						overflow:hidden;
						}	
/*-----------------------------------------------------  	li	 	---------------------*/
li	{
						background-image: url(images/list_0_1.gif);
						background-position: 0% 4px;
						background-repeat: no-repeat;
						font-size:11px;
						margin:0px 0px 3px 0px; 
						padding:0px 0px 0px 8px;
						height:13px;
						line-height:12px;
						color:#A7A7A7;
						}
li a	{
						color:#A7A7A7;
						font-size:11px;
						text-decoration:none;
						}
li a:hover	{
						color:#A7A7A7;
						font-size:11px;
						text-decoration:underline;
						}						
/*------------------------------------------------------- footer	 ---------------------*/
.footer td	{
						color:#ffffff;
						font-size:11px;
						line-height:17px;
						}	
.footer a	{
						color:#ffffff;
						font-size:11px;
						text-decoration:none;
						}
.footer a:hover	{
						color:#ffffff;
						font-size:11px;
						text-decoration:underline;
						}
.footer span {
						color:#B1B1B1;
						font-size:11px;
						}	
.footer span a	{
						color:#B1B1B1;
						font-size:11px;
						text-decoration:none;
						}
.footer span a:hover	{
						color:#B1B1B1;
						font-size:11px;
						text-decoration:underline;
						}	
.footer strong a	{
						color:#A3D500;
						font-size:11px;
						text-decoration:underline;
						}
.footer strong a:hover	{
						color:#A3D500;
						font-size:11px;
						text-decoration:none;
						}												
/*-----------------------------------------------------    border   ---------------------*/						
.border  {
						border:9px solid #ffffff;
						border-bottom:0px;
						border-top:0px;
						}
/*-----------------------------------------------------    head   ---------------------*/							
.head li	{
						background-image: url(images/list_0_1.gif);
						background-position: 0% 3px;
						background-repeat: no-repeat;
						font-size:11px;
						margin:0px 0px 2px 0px; 
						padding:0px 0px 0px 9px;
						height:13px;
						line-height:12px;
						color:#7C7C7C;
						}
.head li a	{
						color:#ffffff;
						font-size:11px;
						text-decoration:none;
						}
.head li a:hover	{
						color:#ffffff;
						font-size:11px;
						text-decoration:underline;
						}
.head input	{
						height:17px;
						width:92px;
						margin:0px 0px 0px 21px;
						}
.head select	{
						height:17px;
						width:116px;
						margin:4px 0px 9px 3px;
						font-size:10px;
						}
.head b  {
						color:#ffffff;
						}						
.head b a {
						color:#ffffff;
						text-decoration:none;
						}	
.head b a:hover {
						color:#ffffff;
						text-decoration:underline;
						}						
.head i {
						color:#B9F200;
						font-size:11px;
						}
.head i a {
						color:#82AA00;
						font-size:11px;
						text-decoration:none;
						}	
.head i a:hover {
						color:#82AA00;
						font-size:11px;
						text-decoration:underline;
						}													
.head i b {
						color:#B9F200;
						font-size:11px;
						font-weight:bold;
						}	
.head td  {
						color:#B7B7B7;
						font-size:11px;
						}	
.head strong  {
						color:#B7B7B7;
						}	
.head span {
						color:#ffffff;
						}		
.head em strong {
						color:#202020;
						font-size:12px;
						}
.head a {
						color:#A7A7A7;
						text-decoration:none;
						}	
.head a:hover {
						color:#A7A7A7;
						text-decoration:underline;
						}
/*------------------------------------------------------  table_3_1	 ---------------------*/						
.table_3_1 td	{
						background-color:#1E1E1E;
						}
.table_3_1 .input_3 {
						width:20px;
						height:14px;
						background-color:#ffffff;
						border:1px solid #818181;
						font-family:Tahoma;
						font-size:11px;
						color:#4C4C4C;
						line-height:12px;
						padding:0px 0px 0px 0px;
						padding-left:4px;
						padding-right:4px;
						margin:9px 0px 0px 0px;
						}
.table_3_1 .input_2 {
						width:14px;
						height:14px;
						background-color:#ffffff;
						border:1px solid #818181;
						font-family:Tahoma;
						font-size:11px;
						color:#4C4C4C;
						line-height:12px;
						padding:0px 0px 0px 0px;

						margin:9px 0px 0px 0px;
						}
/*------------------------------------------------------  popup	 ---------------------*/	
.popup td	{
						line-height:14px;
						}																																																																																						
						
#zxc2 table {
	background-color:#000;
	width:125px;
}

.zxc3 a {
	color:#82AA00;
	text-decoration:none;
}

.zxc3 a:hover {
	text-decoration:underline;
}

h1 a {
	color:#fff;
	text-decoration:none;
}

h1 a:hover {
	color:#fff;
	text-decoration:none;
}



.zxc4, .zxc4 * {
	padding:0;
	margin:0 auto;
	text-align:center;
}

#zxc5 * {
	padding:0;
	margin:0;
	width:auto;
	height:auto;
	border:none;
}
#zxc2 .infoBox  {
	border:none;
}

.zxc6 {
	position:relative;
	top:-4px;
}

.zxc {
	border:0;
	background:none;
	width:auto;
}