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


BODY {
  background: #fff;
  color: #000000;
  margin: 0px;
  margin-top:20px;
  padding:0; border:0; /* Re-sets IE to "zero" for these values */
}

FORM {
	display: inline;
}

TABLE.container {
  border: 1px;
  border-color:#59737F;
  border-style:solid;
  border-spacing: 0px;
  border-collapse:collapse;
  width: 823px;
  padding:0;
}

TR.container {
  padding:0;
}

TD.container {
  padding:0;
}

TABLE.header {
  border: 0px;
  border-style: none;
  width: 100%;
  padding:0px;
}

TR.header {
  background: #fff;
}

TD.header {
  text-align:center;
}

TD.leftHeader {
  text-align:center;
}

TD.rightHeader {
  text-align:right;
  padding-right: 50px;
}

TABLE.headerNavigation {
  border: 0px;
  border-style: none;
  width: 100%;
}

TR.headerNavigation {
  background: #fff;
}

TD.leftHeaderNavigation {
  text-align:  left;
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
}

TD.rightHeaderNavigation {
  text-align: right;
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
}

A.headerNavigation { 
  color: #333;
  text-decoration:none;
}

A.headerNavigation:hover {
  color: #333;
  text-decoration:underline;
}

TD.headerSpacer {
background: url(line_top.jpg) #fff top left repeat-x;
}


TABLE.main {
  border: 0px;
  border-style: none;
  width: 100%;
  padding-right:20px;
}

TD.nav-menu {
width: 200px;
vertical-align:top;
}

H1 {
color:#FAFAFA;
font-size:2px;
}

#nav-menu ul
{
list-style: none;
padding: 0;
margin: 0;
} /*removes the bullets from the UL. Padding & margin add control.*/

#nav-menu li
{
/*float: left;*/
margin: 0 0;
}
/*The float CSS command is the really important one here as that aligns the menu items up against each other. The margin CSS command gives each menu item no margin to the top or bottom and a 0.15em margin to the left and right.

By using float: left, whatever you place below your CSS navigation menu will display alongside the menu and not below it. To get round this, be sure to assign clear: both to whatever's next in the HTML document.*/


#nav-menu li a
{
background: url(css-nav.gif) #fff bottom left repeat-x;
height: 2em;
line-height: 2em;
float: left;
width: 9em;
display: block;
border: 0.1em solid #dcdce9;
color: #0d2474;
text-decoration: none;
text-align: left;
padding-left:20px;
}
/* The background CSS command is perhaps the most important. In it, we specify the URL of the background image, for there to be a white background behind this image, for the image to be in the bottom-left of the box and for it to be repeated along the x-axis (i.e. horizontally). If we didn't specify the background image to be in the bottom of the box it would be placed in the top left corner. This would cause the white background colour to be visible below the background image, and not above like it is now.

We've specified the height to be double the size of the text at 2em. By specifying the height in terms of em, the height of the box will resize accordingly should a user resize the text11 on their browser. A line height equal to the height of the box must be specified too, as this is what positions the text in the middle of the box and not at the top.*/

/* Hide from IE5-Mac \*/
#nav-menu li a
{
float: none
}
/* End hide */
/*The CSS command here, float: none, will cancel out the float: left CSS command because when two CSS commands are specified for the same selector, the second one always takes precedence. This will work for all browsers except IE 5 on Mac, which will be unable to read the second command because of the slashes and stars. */

#nav-menu
{
width:100%;
} /*sets the width for no wrapping*/

#nav-menu li a:hover
{
text-decoration:underline;
}

TABLE.footer {
  border: 0px;
  border-style: none;
  width: 100%;
}

TR.footer1 {
}

TD.footer1left {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  text-align:left;
  font-weight:bold;
  color:#666;
  padding-left:10px;
  }

TD.footer1right {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  text-align:right;
  color:#666;
  padding-right:10px;
  }

.footer2 {
  background: #91AACB;
  text-align:left;
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color:#222;
}

.pageHeading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 20px;
  font-weight: bold;
  color:#003399;
  line-height:25px;
}

a.pageHeading {
	text-decoration:none;
}

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

.subHeading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 16px;
  font-weight: bold;
  color: #333;
  line-height:20px;
}

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


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

.text
{
	font-size: 12px;
	font-family: Verdana, Helvetica, sans-serif;
	color:#000;
	line-height: 14px;
	vertical-align:top;
}

a.text, a.text:visited
{
color:#003399;
	text-decoration:underline;

}

a:hover.text
{
	color: #FF3300;
	text-decoration:none;
}

.text_bold
{
	font-weight: bold;
}

a.text_bold
{
	color: #000066;
	text-decoration:underline;
}

a:hover.text_bold
{
	color: #FF3300;
	text-decoration:none;
}

a.navLink, a.navLink:visited {
text-decoration:none;
color:#333;
}

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

ul.faq {
  margin           : 2px;
  padding-left     : 10px;
  list-style       : none;
}
li.faq {
  line-height      : 15px;
  padding-left     : 15px;
  padding-top      : 0px;
  padding-bottom   :10px;
  background-image : url(bullet.gif) ;
  background-repeat: no-repeat;
  background-position: 0px 3px;
	font-size: 12px;
	font-family: Verdana, Helvetica, sans-serif;
	color:#000;
}

a.faq {
	text-decoration:none;
	color:#333333;
}

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