/*
 *	  Boxes:
 *			- All:
 *			- Left and right columns:
 *				- .templateinfobox
 *				- .infoBoxContents
 *      - Middle:
 *				- .templatecontentbox
 */

CHECKBOX, INPUT, RADIO, SELECT {
  font-family: Arial, Verdana, sans-serif;
  font-size: 11px;
}

TEXTAREA {
  width: 100%;
  font-family: Arial, Verdana, sans-serif;
  font-size: 11px;
}

BODY {
  background: #ffffff;
  color: #000000;
  margin: 0px;
}

A {
  color: #000000;
  text-decoration: none;
}

A:hover {
  color: #AABBDD;
  text-decoration: underline;
}

FORM {
	display: inline;
}

.cat_description {  font-family : Arial, Verdana, sans-serif; font-size : 8px; color: #800000; font-weight: bold }

/* Does not seem to effect anything. */
/* Effects all the boxes, except category overrides */
.boxText { font-family: Arial, Verdana, sans-serif; font-size: 2px; line-height: 1.25}
/* this is red, not blue! */
.navBlue     { color: #FF0000; font-size: 8pt; font-family: Verdana }
.errorBox { font-family : Arial, Verdana, sans-serif; font-size : 10px; background: #ffb3b5; font-weight: bold; }
.stockWarning { font-family : Arial, Verdana, sans-serif; font-size : 10px; color: #cc0033; }
.productsNotifications { background: #f2fff7; }
.orderEdit { font-family : Arial, Verdana, sans-serif; font-size : 10px; color: #70d250; text-decoration: underline; }

/* Why doesn't this work? */
.smallText {
	font-family: Arial, Verdana, sans-serif;
	font-size: 1px;
}

TD.leftColumn {
	background-repeat:repeat-y;
	background-image:url(images/infobox/background_box.gif);
}


/*--------------------------------------*/
/* Errors and warnings */

TR.headerError {
  background: #ff0000;
}

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

/* Background colour for "info" warnings. */
TR.headerInfo {
  background: #00ff00;
}

/* Used in warnings. */
TD.headerInfo {
  font-family: Tahoma, Arial, Verdana, sans-serif;
  font-size: 12px;
  color: #ffffff;
  font-weight: bold;
  text-align: center;
}

/*--------------------------------------*/
/* Catagory Box Text Format */

/* The currently selected top category */
.navCurrentTop { 
	color: #FF0000; 
	font-weight: normal; 
	font-size: 11px; 
	line-height: 1.2; /* does not work in IE */
} 

/* The currently selected subcategory */
.navCurrentSub { 
	color: #FF0000; 
	font-weight: bold; 
	font-size: 11px; 
	line-height: 1.2; /* does not work in IE */	
}

.navOther { 
	color: #000000; 
	font-weight: normal; 	
	font-size: 11px; 
	line-height: 1.2; /* does not work in IE */		
}

/*===================================================================================*/
/* Left Column */
/* The cell and table that contains the left column.
/*===================================================================================*/

TABLE.leftColumn, TD.leftColumn {
	/*background: #FF0000;*/
}

/*===================================================================================*/
/* Content Box */
/*===================================================================================*/

/* The boxes in the middle. 
 * - padding-left will shift everything over, including header and contents
 */
TABLE.contentBox
{ 
	/*background:#FFFFFF; /* url('images/infobox/contentBox_background.gif') repeat-y left top; */
	padding-left: 0; 
	/*padding-bottom: 5; 
	FONT-FAMILY: Arial, Verdana, sans-serif; 
	FONT-SIZE: 8px; */
	width: 100%;
}

TD.contentBox_header_leftCorner {
	padding-bottom: 0;
	/*background: #FFFFFF url('images/infobox/contentBox_header_topLeft_background.gif') repeat-y; */
	height: 37;
}

TD.contentBox_header_rightCorner {
	padding-bottom: 8;
	height: 37;	
	background: #FFFFFF url('images/infobox/contentBox_headerBackground.gif') repeat-x; 
	width: 0;
}

TD.contentBoxHeader { 
	font-family: Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
	text-align: center;
	padding-bottom: 9;
  color: #000000;
	background: #FFFFFF url('images/infobox/contentBox_headerBackground.gif') repeat-x; 
	height: 37;
}

TD.contentBox_contents {
  font-family: Arial, Verdana, sans-serif;
  font-size: 10px;
	background: #FFFFFF url('images/infobox/contentBox_background.jpg') repeat-x;
	padding-left: 5;		
}

/*===================================================================================*/
/* Infobox */
/*===================================================================================*/

TD.infoBox_header_leftCorner {
	padding-bottom: 0;
	/*background: #FFFFFF url('images/infobox/contentBox_header_topLeft_background.gif') repeat-y; */
	height: 37;
}

/* The background image is needed because the corner doesn't include the shadow */
TD.infoBox_header_rightCorner {
	padding-bottom: 8;
	height: 37;	
	background: url('images/infobox/contentBox_headerBackground.gif') repeat-x;
	width: 0;
}

/* Text color for box headers is set in the Admin page (stored in database) */
TD.infoBoxHeader { 
	font-family: Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
	text-align: left;
	padding-bottom: 9;
	background: url('images/infobox/contentBox_headerBackground.gif') repeat-x;
	height: 37;
}

/* All boxes in the left and right columns. 
 * - padding-left will shift everything over, including header and contents
 * - padding-bottom effects the content of the box but not header for some reason
	#FBFCFD */
.templateinfobox{ 
	background: #F6F6F6 url('images/infobox/infobox_background.gif') repeat-y left top; 
	padding-left: 32; 
	padding-bottom: 5; 
	FONT-FAMILY: Arial, Verdana, sans-serif; 
	FONT-SIZE: 12px;
}

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

/*   background: #FF8E90; */
.infoBoxNotice {
  background: #FFFFFF;
}

/*
 * Not sure what this changes.
 *   background: #FFE6E6;
  font-family: Arial, Verdana, sans-serif;
  font-size: 10px;                            
 */
.infoBoxNoticeContents {
}

/*   font-family: Arial, Verdana, sans-serif;
  font-size: 10px;
  font-weight: bold;
  color: #000000;*/
TD.infoBoxHeading 
{
	background: #FFFFFF  url('images/infobox/background-plain.gif') repeat-x;
	padding-bottom: 4px;	
	/*height: 37px;*/
	border-width: 3; /* DEBUG: */		
}

/* What does this do? */
TD.infoBox, SPAN.infoBox {
/*  font-family: Arial, Verdana, sans-serif;
  font-size: 12px;
	*/
}

/*===================================================================================*/
/* Site Header */
/*===================================================================================*/

TR.siteHeader_linkBar, TD.siteHeader_linkBar
{
	font-family: Arial, Verdana, sans-serif;
	font-size: 12;
	color: #FFFFFF;
}

TD.siteHeader_main
{
	height: 140;
	background: url('images/SafetyLinxLogo-LeftBorder.jpg') repeat-y;
}

/*===================================================================================*/

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

/*===================================================================================*/
/* Category Overview Page */
/* Multiple products in a table. */
/*===================================================================================*/

/* Border around product list. */
TABLE.productListing {
	border: 1px;
	border-style: solid;
	border-color: #b6b7cb;
	padding: 2;
}
.productListing-heading {
  font-family: Arial, Verdana, sans-serif;
  font-size: 12px;
  background: #b6b7cb url('images/infobox/contentBox_background.gif');
  color: #000000;
  font-weight: bold;
}
.productlisting-headingPrice { 
  font-family: Arial, Verdana, sans-serif;
  font-size: 20px;
  font-weight: bold;
  color: #9a9a9a;
}

TD.productListing-data-even {
	font-family: Arial, Verdana, sans-serif;
	font-size: 14px;
	padding: 2;
}

TD.productListing-data-odd {
	font-family: Arial, Verdana, sans-serif;
	font-size: 14px;
	padding: 2;
	background-color: #EAEAEA;
}

TD.productListing-descr-even {
  font-family: Arial, Verdana, sans-serif;
  font-size: 12px;
	padding: 2;
}

TD.productListing-descr-odd {
  font-family: Arial, Verdana, sans-serif;
  font-size: 12px;
	padding: 2;
  background-color: #EAEAEA;
}

/*===================================================================================*/

A.pageResults {
  color: #0000FF;
}

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

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

/*
 * Not sure what this changes.
 *   background: #f4f7fd;
 */
TR.subBar {
  background: #f4f7fd;
}

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

/* unknown
   line-height: 1.5; */
TD.main, P.main {
  font-family: Arial, Verdana, sans-serif;
  font-size: 11px;
  line-height: 1;
}

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

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

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

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

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

/* Unknown
  line-height: 1.5; */
TD.category_desc {
  font-family: Arial, Verdana, sans-serif;
  font-size: 11px;
  line-height: 1;
}

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

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

/* Unknown */
TABLE.formArea {
  background: #f1f9fe;
  border-color: #7b9ebd;
  border-style: solid;
  border-width: 1px;
}

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

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

SPAN.productSpecialPrice {
  font-family: Arial, Verdana, sans-serif;
  color: #ff0000;
}

SPAN.errorText {
  font-family: Arial, Verdana, sans-serif;
  color: #ff0000;
}

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

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

/* message box */

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

/* input requirement */

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

/* VJ Links Manager v1.00 begin */
TABLE.linkListing {
  border: 1px;
  border-style: solid;
  border-color: #b6b7cb;
  border-spacing: 1px;
}

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

TD.linkListing-data {
  border-right: 1px solid #b6b7cb;
  border-bottom: 1px solid #b6b7cb;
  padding: 4px;
  font-family: Arial, Verdana, sans-serif;
  font-size: 10px;
}

TR.linkListing-odd {
  background: #f8f8f9;
}

TR.linkListing-even {
  background: #F5F5F5;
}
/* VJ Links Manager v1.00 end */

.content 	{BACKGROUND: none; COLOR: #000000; FONT-SIZE: 10px; FONT-FAMILY: Verdana, Helvetica}

/*
 * Didn't see any tables effected.
 * background:#000000 url('images/bg_cat4.gif') repeat-y fixed left top;
 */
.centerTable {  background:#000000 url('images/pixel_trans.gif') repeat-y fixed left top;}

/* Show Cart Details */
TR.ShowCartDetails, TD.ShowCartDetails, P.ShowCartDetails {
/* <FONT COLOR="bbc3d3" FACE="Arial" SIZE="1"> */
  font-family: Arial, Verdana, sans-serif;
  font-size: 11px;
  line-height: 1.5;
}

 /* Show Header Page Links */
TR.HeaderPageLinksLeft, TD.HeaderPageLinksLeft, P.HeaderPageLinksLeft {
  background-image: url(images/button_blank_left.gif);
}
TR.HeaderPageLinksRight, TD.HeaderPageLinksRight, P.HeaderPageLinksRight {
  background-image: url(images/button_blank_right.gif);
}
TR.HeaderPageLinks, TD.HeaderPageLinks, P.HeaderPageLinks {
  background-image: url(images/button_blank_middle.gif);
  font-family: Arial, Verdana, sans-serif;
  font-size: 10px;
  font-weight: bold;
  color: #000000;
}
A.HeaderPageLinks {
  font-family: Arial, Verdana, sans-serif;
  font-size: 10px;
  font-weight: bold;
  color: #000000;
}
A.HeaderPageLinks:hover {
  font-family: Arial, Verdana, sans-serif;
  font-size: 10px;
  font-weight: bold;
/*  background: #00FF00; */
  color: #00FF00;
}

TD.cookieUsage {
  font-family: Arial, Verdana, sans-serif;
  font-size: 10px;
  font-weight: bold;
  background: #000000;
  color: #FFFFFF;
}

/*==============================MOSTLY UNUSED==========================================*/

/*------------------------------------*/
/* Used for footer in some themes and for separators in some boxes. */

TR.footer {
  background: #bbc3d3;
}

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

/*------------------------------------*/

TR.header {
  background: #ffffff;
}

/*   background: #bbc3d3; */
TR.headerNavigation {
  background: #ffffff;
}

/*
 * Not sure what this changes.
 *   font-family: Arial, Verdana, sans-serif;
  font-size: 10px;
  background: #bbc3d3;
  color: #ffffff;
  font-weight : bold;
 */
TD.headerNavigation {
  font-family: Arial, Verdana, sans-serif;
  font-size: 10px;
  background: #ffffff;
  color: #000000;
  font-weight : bold;
}

A.headerNavigation { 
  color: #FFFFFF; 
}

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