/*
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.
*/
body{
margin:0px;
padding:0px;
color:#333333;
}

/*
Purpose:Default font and text size for listed tags
Application:Automatic
*/
body,table,td,th,p,ol,ul,li {
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 11px;
}

/*
Purpose:The page background color & a custom class (.bodycolor)
to use when you need the same background color as the body.
Application:Automatic to <body>.
.bodycolor Application: <table>,<td>,<p>,<span>,<div>
*/
body, .bodycolor{
background-color:#ffffff; 
}

/*
Purpose: Mostly used as alternative background color in table cells
Application: <table>,<td>,<p>,<span>,<div> changed from C8D3E1
*/
.bckgrndcolor{
background-color:#CCCCCC;
}

/*
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; 
}

/*
Purpose:Style all <th> with the specified color text and background color
Application:Automatic (changes the results table around the product)
*/
th{
color:#FFFFFF; /*changed from c8d3e1*/
background-color:#666666;
font-size: 10px;
}

/*
Purpose:Default document link styles (affects results page)
Application:Automatic
Note: a:hover and a:active are not available in NS4x
*/
a:link{
color:#000000;
}
a:visited{
color:#000000;
}
a:hover{
color:#FF0000;/*Colour red - changed by CJ from 30435A*/
text-decoration:none;
}
a:active{
color:#000000;
text-decoration:none;
}

/*
Purpose:Navigation- Plain and Linked Text (affects the main header)
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:#999999; /*changed by CJ from FFFFFF*/
background-color:#446666;/*changed by CJ from 2580a2 then from 228877 then 446666 */
}
.nav a:link{
font-weight:bold;
color:#CCCCCC;/*Changed from 6197D1 by CJ then 000000 */
text-decoration:none;
}
.nav a:visited{
font-weight:bold;
color:#CCCCCC; /*Changed from 6197D1 by CJ */
text-decoration:none;
}
.nav a:hover{
font-weight:bold;
color:#ff0000; /*red*/
text-decoration:none;
}
.nav a:active{
font-weight:bold;
color:#CCCCCC;
text-decoration:none;
}

/*
Purpose:Secondary Navigation- Plain and Linked Text
Application:<table>,<td>,<p>
*/
.navTwo{
color:#333333;
background-color:#C8D3E1;
}
.navTwo a:link{
font-weight:bold;
color:#333333;
text-decoration:none;
}
.navTwo a:visited{
font-weight:bold;
color:#333333;
text-decoration:none;
}
.navTwo a:hover{
font-weight:bold;
color:#ff0000; /*red*/
text-decoration:none;
}
.navTwo a:active{
font-weight:bold;
color:#333333;
text-decoration:none;
}



/*
Purpose:Used for copyright notice and other text needing "fine print"
Application:<table>,<td>,<p>
*/
.smallprint {
font-size: 10px;
}

/*
Purpose: Used for the page header include, but can serve other purposes
Application:<span>,<table>,<td>,<p>
*/
.header {
font-size: 13px;
font-weight: bold;
color: #00ff99;/*changed from ffffff*/
background-color: #ffffff;
}

/*
Purpose:Used for the page footer include
Application:<span>,<table>,<td>,<p>
*/
.footer {
font-size: 9px;
color: #666666;
}


/*
Purpose:Used for the page text include
Application:<span>,<table>,<td>,<p>
*/
.smallprint2 {
font-size: 16px;
color: #FF0000;
}






/*
Purpose: Set the font to sans-serif for IE
Application: Automatic
Note: NS4x uses mono-space font in the .fieldcell class
*/
textarea, select{
font-family:Verdana,Arial,Helvetica,sans-serif;
}

/*
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:"Courier New", Courier, mono;
}


/*
Purpose: Make an obvious area to display important message.
Application:<div>,<span>,<table>,<td>,<p>
*/ 
.txtalert {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #990099;
}

/*
Purpose: Display header groups in same style (excludes H1).
*/ 
.header2 {
font-family:Verdana,Arial,Helvetica,sans-serif; 
color: black;
font-weight: bold;
font-size:11px;
}


/*
****************************
Header V2 Drop down menu
****************************
*/

.menu{
	border:none;
	border:0px;
	margin:0px;
	padding:0px;
	font: 67.5% "Verdana","Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande",  Helvetica, sans-serif;
	font-size:10px; /*changed from 14px*/
	font-weight:bold;
	}
.menu ul{
	background:#333333;
	height:35px;
	list-style:none;
	margin:0;
	padding:0;
	}
	.menu li{
		float:left;
		padding:0px;
		}
	.menu li a{
		background:#333333 url("images/seperator.gif") bottom right no-repeat;
		color:#cccccc;
		display:block;
		font-weight:normal;
		/*font-size:xx-small; added*/
		line-height:35px;
		margin:0px;
		padding:0px 25px;
		text-align:center;
		text-decoration:none;
		}
		.menu li a:hover, .menu ul li:hover a{
			background: #446666 url("images/hover.gif") bottom center no-repeat;/*changed from 2580a2 then 228877*/
			color:#FFFFFF;
			text-decoration:none;
			}
	.menu li ul{
		background:#333333;
		display:none;
		height:auto;
		padding:0px;
		margin:0px;
		border:0px;
		position:absolute;
		width:225px;
		z-index:200;
		/*top:1em;
		/*left:0;*/
		}
	.menu li:hover ul{
		display:block;
		
		}
	.menu li li {
		background:url('images/sub_sep.gif') bottom left no-repeat;
		display:block;
		float:none;
		margin:0px;
		padding:0px;
		width:225px;
		}
	.menu li:hover li a{
		background:none;
		
		}
	.menu li ul a{
		display:block;
		height:35px;
		font-size:10px; /*changed from 12px*/
		font-style:normal;
		margin:0px;
		padding:0px 10px 0px 15px;
		text-align:left;
		}
		.menu li ul a:hover, .menu li ul li:hover a{
			background:#446666 url('images/hover_sub.gif') center left no-repeat;/*changed from 2580a2 then 228877*/
			border:0px;
			color:#ffffff;
			text-decoration:none;
			}
	.menu p{
		clear:left;
		}	



