/*
  $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
*/
		.trigger{
			border:1px solid #ccc;

			width:145px;
			padding-right:1em;
			padding-top: 2px;
			padding-bottom: 2px;
			padding-left: 2px;
			background:url(arrow.gif) top right no-repeat #fff;
			display:block;
		}
		.activetrigger{
			border:1px solid #ccc;

			width:145px;
			padding-right:1em;
			padding-top: 2px;
			padding-bottom: 2px;
			padding-left: 2px;
			display:block;
			background:#ccc;
		}
		/* style of the UL */
		.dropcontainer ul{
			background:#fff;
			border:1px solid #999;
			border-bottom:none;
			list-style-type:none;
			padding:0;
			margin:0;
/*			width:16em;*/
			width: 400px;
			position:absolute;
		}
		.dropdownhidden{
			top:0;
			left:-999em;
		}
		.dropdownvisible{
			top:0;
			left:0;
		}
		.dropcontainer ul a{
			padding:0 .5em;
			display:block;
		/*	width:25em;*/
			width: 400px;
			text-decoration:none;
			color:#666;
			border-bottom:1px solid #999;
		}
		.dropcontainer ul a:hover{
			background:#ccc;

		}
		.dropcontainer{
			position:relative;
		}

.catbox{
	vertical-align: bottom;
}

a.applic {
text-decoration: none; /* definition for the link that will display the layer */
}
a.applic:hover {
background: none; /* correction for an IE bug*/
text-decoration: none;
}
a.applic span { /* definition of <span> tag included in <a> */
display: none;
text-decoration: none;
}
a.applic:hover span { /* definition of <span> tag when hovering */
display: block;
z-index: 10;
position: absolute;
/*top: 50px; 
left: 200px;
*/
top: 0;
bottom: 0;
left: 0;
right: 0;
margin-left: auto;
margin-right: auto;
margin-top: auto;
margin-bottom: auto;

width: 300px;
height: 200px;
background: #2b71a5;
text-align: left;
color: white;
text-decoration: none;
padding: 5px;
}

a.applic2 {
text-decoration: none; /* definition for the link that will display the layer */
}
a.applic2:hover {
background: none; /* correction for an IE bug*/
text-decoration: none;
}
a.applic2 span { /* definition of <span> tag included in <a> */
display: none;
text-decoration: none;
}
a.applic2:hover span { /* definition of <span> tag when hovering */
display: block;
z-index: 10;
position: absolute;
/*top: 50px; 
left: 200px;
*/
top: 1600px;
bottom: 0;
left: 0;
right: 0;
margin-left: auto;
margin-right: auto;



width: 300px;
height: 200px;
background: #2b71a5;
text-align: left;
color: white;
text-decoration: none;
padding: 5px;
}

a.applic2:active span { /* definition of <span> tag when hovering */
display: block;
z-index: 10;
position: absolute;
/*top: 50px; 
left: 200px;
*/
top: 0;
bottom: 0;
left: 0;
right: 0;
margin-left: auto;
margin-right: auto;
margin-top: auto;
margin-bottom: auto;

width: 300px;
height: 200px;
background: #2b71a5;
text-align: left;
color: white;
text-decoration: none;
padding: 5px;
}

body{
 	font-family: tahoma;
 	font-size: 12px;
 	background: #ccccff url('images/vertstrip.jpg') top left repeat-x;
 }

a:link{
	text-decoration:underline;	
	color: #3173a8;
}
a:visited{
	text-decoration:underline;	
	color: #3173a8;
}
a:hover{
	text-decoration:none;	
	color: #ef0000;
}
a:active{
	text-decoration:none;	
	color: #ef0000;
}

table, tr, td{
	border-collapse: collapse;
	border: 0px solid gray;
	cell-spacing: 0;
	cell-padding: 0;
	margin: 0;
	font-size: 11px;
}

td.theheader{
	font-size: 13px;
	font-weight: bold;
	background: #b4cfe5;
	color: #2b6ba2;
	padding-left: 5px;
	
}
.hidden{
	border:0;
}
table.maintable{
background: white url('images/header.jpg') top left no-repeat;
}



div.menubutton{

	width: 180px;
	height: 39px;
	background: url('images/menubutton.gif') top left no-repeat;
	font-weight: bold;
/*	color: #3173a8;*/
	font-size: 13px;
	line-height:0.9em;
	vertical-align: middle;
	text-decoration: none;
}

div.menubutton:hover{
	cursor: pointer;
/*	color: red;*/
	text-decoration: none;
}

div.menubutton:visited{
	text-decoration: none;
/*	color: #3173a8*/
}

div.padder{
	width: 10px;
	height: 100%;
	float: left;
}

br.padder{
	line-height: 5px;
}

div.menubutton a:link{
	text-decoration:none;	
	color: #3173a8;
}
div.menubutton a:visited{
	text-decoration:none;	
	color: #3173a8;
}
div.menubutton a:hover{
	text-decoration:none;	
	color: #ef0000;
}


div.buttoncontainer a{
	text-decoration:none;	
	color: #3173a8;
}
div.buttoncontainer a:hover{
	text-decoration:none;	
	color: #ef0000;
}
div.buttoncontainer a:visited{
	text-decoration:none;	
	color: #3173a8;
}

a.abutton:link{
	text-decoration: none;
	color: #3173a8;
}

a.abutton:visited{
	cursor: pointer;
	color: #3173a8;
	text-decoration: none;
}

a.abutton:hover{
	cursor: pointer;
	color: red;
	text-decoration: none;
}




.horstrip{
	background: url('images/horstrip.jpg') top left repeat-x;
	color: white;
	font-size: 11px;
	font-weight: bold;
}
.horstrip a{ color: white; }
.horstrip a:visited{ color: white; }
.leftcol{
	background: url('images/leftstrip.jpg') top right repeat-y;	
}

td.navbutton{
	width: 98px;
	height: 28px;
	background: url('images/navbutton.jpg') top left no-repeat;
	text-align: center;
	color: white;
	font-weight: bold;
	font-size: 11px;

	padding-top: 7px;
}
td.navbutton a:link{
	color: #3173a8;
	text-decoration: underline;
}
td.navbutton a:visited{
	color: #3173a8;
	text-decoration: underline;
}


td.navbutton a:hover{
	color: #ef0000;
	text-decoration: none;
}


TABLE.popup {
  border-width: 1px;
  border-style: dotted;
  border-color
}

.boxText {  font-size: 10px; color: #000; }
.errorBox {  font-size : 10px; background: #ffb3b5; font-weight: bold; }
.stockWarning {  font-size : 10px; color: #cc0033; }
.productsNotifications { background: #f2fff7; color: #000; }
.orderEdit { font-size : 10px; color: #70d250; text-decoration: underline; }

BODY {
  margin: 0px;
}


FORM {
	display: inline;
}

TR.header {
  background: #ffffff;
}

TR.headerNavigation {
  background: #bbc3d3;
  
}

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

A.headerNavigation { 
  color: gray; 
}

A.headerNavigation:hover {
  color: gray;
}

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

TR.footer {
  background: #bbc3d3;
}

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

.infoBox {
  background: #b6b7cb;
}

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

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

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: #e8e8f8;
}

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: #e8e8f8;
}

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

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

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

A.pageResults {
  color: #0000FF;
}

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

TD.pageHeading, DIV.pageHeading {
  font-size: 16px;
  font-weight: bold;
  color: #2b71a5;
}

h1.pageHeading{
	  font-size: 16px;
  font-weight: bold;
  color: #2b71a5;
}

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;
}
.subcattext{
	font-size: 11px;
}
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: #c3c3c3; }
.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; }