/**********************************

CSS Sections
-body
-tables
-links
-text
-input
-Leftnav
-Events

Colors: 8C0800   F78210
  
***********************************/

body {margin:0;}

/* Set the main font and size for all attributes */
body, table, td, div, span {
 font-family:verdana;
 font-size:x-small;
}

th.CartTableTH {
 font-family:verdana;
 background-color:silver;
 font-size:8pt;
}

td.CartTableTD {
 font-family:verdana;
 font-size:8pt;
}

/* tables & misc ***********************/

table.ProductTable {font-size:xx-small;}

td.topnav {
 color:white;
 font-weight:bold;
 font-size:x-small;
}

td.subnav {
 color:#8C0800;
 font-weight:bold;
 background-color:#FFFFFF;
 font-size:x-small;
}  

td.topNavTD { 
 font-size:xx-small;
 border-left:solid 1px #000000; 
 border-top:solid 1px #000000; 
}

td.topNavTDWhite { 
 font-size:xx-small;
 border-left:solid 1px #000000; 
 border-top:solid 1px #000000; 
 background-color:white;
}

/*
If you want to use TD mouseOver color changes 
 onMouseOver="this.className='topNavTDOver';"
 onMouseOut="this.className='topNavTD';"

.topNavTDOver {
 background-color: #ff0000;
 font-size:xx-small;
 border-left:solid 1px #000000; 
 border-top:solid 1px #000000; }
*/


/* links ***********************/
A.topNavLink:link{
 font-family:verdana;
 font-size:8pt;
 color:#FFFFFF;
 font-weight:bold;
 text-decoration:none;
}
A.topNavLink:visited{
 font-family:verdana;
 font-size:8pt;
 color:#FFFFFF;
 font-weight:bold;
 text-decoration:none;
}
A.topNavLink:hover{
 font-family:verdana;
 font-size:8pt;
 color:orange;
}
A.topNavLink:active{
 font-family:verdana;
 font-size:8pt;
 color:orange;
}

A.topNavLinkWhite:link{
 font-family:verdana;
 font-size:8pt;
 color:#000000;
 text-decoration:none;
}
A.topNavLinkWhite:visited{
 font-family:verdana;
 font-size:8pt;
 color:#000000;
 text-decoration:none;
}
A.topNavLinkWhite:hover{
 font-family:verdana;
 font-size:8pt;
 color:orange;
}
A.topNavLinkWhite:active{
 font-family:verdana;
 font-size:8pt;
 color:orange;
}

a.link{
	color:maroon; 
	font-weight:bold; 
	text-decoration:none; 
	font-size:small;
}
a.link:VISITED{
	color:maroon; 
	font-weight:bold; 
	text-decoration:none; 
	font-size:small;
}
a.link:HOVER {color:red;}

A.linkSmall:link{
 font-size:xx-small;
 color:maroon;
 font-weight:bold;
 text-decoration:none;
}
A.linkSmall:visited{
 font-size:xx-small;
 color:maroon;
 font-weight:bold;
 text-decoration:none;
}
a.linkSmall:HOVER {color:red;}

/* text ***********************/
.boldtext    {font-weight:bold;}
.pageHeader  {color:#F78210; font-weight:bold; font-size:medium; font-family:arial;}
.pageHeaderMaroon  {color:maroon; font-weight:bold; font-size:medium; font-family:arial;}
.breadcrumb  {font-size:xx-small;}
.phoneNumber {font-size:medium;}
.faxNumber   {font-size:x-small;}
.MainContent {font-size:x-small;}
.prodResults {font-size:xx-small;}
.textSmall   {font-size:xx-small;}

/* input ***********************/
input.searchBox {
 color:#085D94; 
 font-size:xx-small;
 border:solid 1px #000000; 
 margin:1px;
}
input.searchBtn {
 background-color:#085D94; 
 font-size:xx-small; 
 font-weight:bold; 
 border:solid 1px #000000; 
 color:#FFFFFF;
 padding:1px; 
 margin:0px;
}


/* Leftnav  *************************/
td.leftnav {
 font-size:xx-small;
 background-color:#CCCCCC;
 border-bottom:solid 1px white;
 padding:6px;
 font-weight:bold;
 color:#000000;
}
td.leftnav_over {
 font-size:xx-small;
 background-color:F98312;
 border-bottom:solid 1px white;
 padding:6px;
 font-weight:bold;
 color:#000000;
}
td.grayTD {
 font-size:xx-small;
 background-color: #EEEEEE;
 border-bottom:solid 1px #CCCCCC;
}


/* Events  *************************/
.eventTitle    {color:#022677;    font-weight:bold;   font-size:small; font-family:arial;}
.eventSubTitle {color:#333333; font-size:xx-small; font-style: italic;}



/*
Purpose:Page margins and colors
Application:Automatic
Note:Margin is set for IE Browser only. Set Margins for NS in the body tag if desired.

/*
Purpose: Mostly used as alternative background color in table cells
Application: <table>,<td>,<p>,<span>,<div>
*/
.bckgrndcolor{
	color: #000000;
	background-color: #FFFFFF;

}

/*
Purpose: Mostly used as alternative background color in table cells
Also since the background color is a yellowish, it is used to highlite information.
Application: <table>,<td>,<p>,<span>,<div>
*/
.rowcolor {
	background-color : #FFFFCC;
	color: #000000;

}

/*
Purpose:Style all <th> with the specified color text and background color
Application:Automatic
*/
th{
	color:#ffffff;
	font-size: 13px;
	font-family: Arial, Helvetica, sans-serif;
	background-color: maroon;
}

/*
Purpose:Default document link styles
Application:Automatic
Note: a:hover and a:active are not available in NS4x
*/
/*
Purpose:Navigation- Plain and Linked Text
Application:<table>,<td>,<p>
Note: How this class is applied may affect earlier browsers.
Be sure to check your application early in the design process, and often.
*/
.nav{
	color:#000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;

}
.nav a:link{
	font-weight:bold;
	color:#000000;
	font-size: 13px;
    text-decoration: underline;


}
.nav a:visited{
	font-weight:bold;
	color:#000000;
	font-size: 13px;
    text-decoration: underline;


}
.nav a:hover{
	font-weight:bold;
	color:#800080;
	font-size: 13px;
    text-decoration: underline;


}
.nav a:active{
	font-weight:bold;
	color:#FF0000;
	font-size: 13px;
    text-decoration: underline;


}


/*
Purpose:Used for copyright notice and other text needing "fine print"
Application:<table>,<td>,<p>
*/
.smallprint {
	font-size: 9px;
	color: #000000;
	font-weight: bold;
}

/*
Purpose: Set the font to mono-space for NS4x.
This helps to keep form elements a similar size cross-browser.
Application: Applied to the <td> tag only
Note: NS4x only. Other browsers use the textarea, select defined above
*/ 
.fieldcell{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	
}
.largeprint {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #000000;
	font-style: italic;
}
.yellowh {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #000000;
}
.largeprint1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000000;
	font-weight: bold;
	font-style: normal;
}
.NavThree {
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 12px;
	background-color: #FFFFE1;
}
.NavThree a:link {
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	text-decoration: underline;
}
.NavThree a:visited {
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
}
.NavThree a:hover {
	font-family: Arial, Helvetica, sans-serif;
	color: #800080;
}
.NavThree a:active {
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
}

.fieldcell2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	width: 120px;
	height: 17px;
	border-top-color: #000000;
	border-right-color: #000000;
	border-bottom-color: #000000;
	border-left-color: #000000;
	border-width: 1;
}
.White {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFFFFF;
	background-color: #000000;
	padding-top: 1px;
	padding-bottom: 1px;
}
.WhiteBold {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFFFFF;
	background-color: #000000;
	font-weight: bold;
	padding-top: 1px;
	padding-bottom: 1px;
}
.WhiteSmall {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 6px;
	color: #FFFFFF;
	background-color: #000000;
	padding-top: 1px;
	padding-bottom: 1px;
}
.White a:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
}
.White a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
}
.White a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
}
.White a:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
}
.fieldcell3 {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	width: 100px;
	height: 17px;
	border-top-color: #000000;
	border-right-color: #000000;
	border-bottom-color: #000000;
	border-left-color: #000000;
	border-width: 1;
}
.smallprint2 {

	font-size: 9px;
	color: #000000;
	font-weight: bold;
}
.nav2 {
	color:#000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
}
.nav2 a:link {
	font-weight:bold;
	color:#660000;
	font-size: 12px;
	text-decoration: none;
}
.nav2 a:visited {
	font-weight:bold;
	color:#660000;
	font-size: 12px;
	text-decoration: none;
}
.nav2 a:hover {
	font-weight:bold;
	color:red;
	font-size: 12px;
	text-decoration: none;
}
.nav2 a:active {
	font-weight:bold;
	color:red;
	font-size: 12px;
	text-decoration: none;
}
.info {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 9pt;
	color : blue;
}
.normal {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 9pt;
	color : #000000;
	font-weight: normal;

}

.normalBold {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 9pt;
	font-weight : bold;
	color : #000000;
}
.redBold {
	font-family : verdana,helvetica,sans-serif;
	font-size : 9pt;
	font-weight : bold;
	color : maroon;
}
input.formbutton{
   font-family:verdana,helvetica,sans-serif;
   font-size:86%;
   font-weight:bold;
   border:1px solid;
   border-top-color: #EEEEEE;
   border-left-color: #EEEEEE;
   border-right-color: gray;
   border-bottom-color: gray;
   background-color: silver;
   filter:progid:DXImageTransform.Microsoft.Gradient
      (GradientType=0,StartColorStr='#ffffffff',EndColorStr='gray');
}
input.formbuttonHover{
   font-family:verdana,helvetica,sans-serif;
   font-size:86%;
   font-weight:bold;
   color:white;
   border:1px solid;
   border-top-color: #660000;
   border-left-color: #660000;
   border-right-color: #660000;
   border-bottom-color: #660000;
   background-color: #660000;
   filter:progid:DXImageTransform.Microsoft.Gradient
      (GradientType=0,StartColorStr='#ffffffff',EndColorStr='#660000');
}

input.formbuttonGrayBG{
   font-family:verdana,helvetica,sans-serif;
   font-size:86%;
   font-weight:bold;
   border:1px solid;
   border-top-color: #CCCCCC;
   border-left-color: #CCCCCC;
   border-right-color: gray;
   border-bottom-color: gray;
   background-color: #EEEEEE;
}
input.formbuttonGrayBGHover{
   font-family:verdana,helvetica,sans-serif;
   font-size:86%;
   font-weight:bold;
   color:white;
   border:1px solid;
   border-top-color: #EEEEEE;
   border-left-color: #EEEEEE;
   border-right-color: #660000;
   border-bottom-color: #660000;
   background-color: #660000;
}