div, p, th, td, li, dd, dl, dt    {
             /* redundant selectors to help NS4 not forget */
    font-family: verdana, arial, sans-serif;
    }

	voice-family: "\"}\"";
	voice-family:inherit;
	height:55px; /* the correct height */
	}



/* I've heard this called the "be nice to Opera 5" rule. */
body>#Header {height:50px;}

BODY	{
	margin: 0px;
	margin-top: 0px;	
    background-color: #A9ACB1;
	}
	
td.action1 {
	border-bottom: 1px solid #223451;
	border-left: 1px solid #223451;
	border-right: 1px solid #223451;
	border-top: 1px solid #223451;
	}
	
td.action2 {
	border-bottom: 1px solid #223451;
	border-left: 1px solid #223451;
	border-right: 1px solid #223451;
	}
	

td.smallgray	{
		border-left: 1px solid #223451;
		border-right: 1px solid #223451;
		border-bottom: 1px solid #223451;
		border-top: 1px solid #223451;
		background-color: #A9ACB1;
		}

tr.new	{
	font: 12px arial, helvetica, sans-serif;
	color: #333333;
	text-align: left;
	border-left-width: 1; 
	border-right-width: 1; 
	border-top-style: solid; 
	border-top-width: 1; 
	border-bottom-style: solid; 
	border-bottom-width: 1;
	}

	
td.left	{
		border-left-width: 1px;
		background-color: #223451;	
		border-right: 1px solid #223451; 
		border-top-width: 1px; 
		border-bottom-width: 1px;
		text-align: center;		
		}
		
td.left-slide	{
	background-color: #223452;
	text-align: left;
}
		
.border {
border: 1px solid #223451;
}
		
.content {
background-color: #FFFFFF;
}
		
.inner {
		font-size: 12px;
		font-family: arial, helvetica, sans-serif; 
		}
	
.id	{
	border-top: 1px solid #000000; 
	border-bottom: 1px solid #000000; 
	color: #333333;
	text-align: left;
	border-left-width: 1px; 
	border-right-width: 1px; 
	font-style:normal; 
	font-variant:normal; 
	font-weight:normal; 
	font-size: 12px;
	font-family: arial, helvetica, sans-serif; 
	border-left-color:#000000; 
	border-right-color:#000000;
	margin-left: 10px;
	}	
	
	
.catalogue {
	font: 12px arial, helvetica, sans-serif;
	color: #333333;
	text-align: center;
	border-top: 1px solid #000000;
	border-bottom: 1px solid #000000;
	}
	
.catalogue2 {
	font: 12px arial, helvetica, sans-serif;
	color: #333333;
	text-align: center;
	border-right: 1px solid #000000;
	border-top: 1px solid #000000;
	border-bottom: 1px solid #000000;
	}
	
.hover	{
	font: 12px arial, helvetica, sans-serif;
	color: #333333;
	text-align: left;
	border-left-width: 1; 
	border-right-width: 1; 
	border-top-style: solid; 
	border-top-width: 1; 
	border-bottom-style: solid; 
	border-bottom-width: 1;
	background: #DDDDDD;
	}


.qqsfooter	{
			font: 9px verdana, helvetica, sans-serif;
			color: #999999;
			margin-right: 5;
			text-align: right;
			}
				

	
/* ----- BACKGROUND STYLES ----- */

.bkg-banner	{
   			background-image: url('../images/top-banner.jpg');
   			background-color: #5B8CE3;
   			background-position: left top;
			}

.bkg-navbar	{
   			background-image: url('../images/nav-bar.jpg');
   			background-color: #DDDDD;
			}

.bkg-logo	{
  			background-color: #223451;
   			background-position: left top;
			}
	
.bkg-main-left	{
   				
				}



.bkg-foot-line	{
   background-image: url('../images/footer-line.jpg');
   background-color: #FFFFFF;
   background-position: left top
	}


.bkg-sec-subnav	{
   background-image: url('../images/bkg-sec-subnav.gif');
   background-color: #FFFFFF;
   background-position:  
               left top;
	}

/* ----- FONT STYLES ----- */


H1 {
	font: 15px verdana;
	font-weight: bolder;
	color: #6699CC;
	letter-spacing: 6pt;
	margin-top: 13pt;
	margin-bottom: -5px;
	margin-left: 15pt;
	text-align: left;
	}


H2 {
	font: 11px arial, helvetica, sans-serif;
	font-weight: bold;
	color: #223451;
	letter-spacing: 3pt;
	margin-top: 6
	margin-bottom: -50;
	margin-left: 15pt;

	}
H6 {
	font: 11px arial, helvetica, sans-serif;
	font-weight: bold;
	color: #223451;
	margin-top: 6
	margin-bottom: -50;
	margin-left: 15pt;

	}
	
p {
	font: 12px arial, helvetica, sans-serif;
	color: #333333;
	margin-left: 10pt;
	margin-right: 5pt;
	text-align: left;
	}
	
.action {
	font: 12px arial, helvetica, sans-serif;
	color: #333333;
	margin-left: 5pt;
	margin-right: 2pt;
	text-align: left;
	}
	
.bottom {
	font: 12px arial, helvetica, sans-serif;
	color: #333333;
	margin-left: 20;
	margin-right: 15;
	text-align: center;
	}
	
.form {
	font: 12px arial, helvetica, sans-serif;
	font-weight: bold;
	color: #333333;
	margin-left: 2pt;
	margin-right: 2pt;
	text-align: right;
	}
	
	
.nav {
		font: 9px verdana;
		color: #333333;
		font-weight: bold;
		margin-left: 0;
		text-align: right;
		}
	
.main-left {
			font: 12px verdana, helvetica, sans-serif;
			font-weight: bold;
			color: #FFFFFF;
			margin-left: 0;	
			text-align: center;		
			}

ul {
	font: 12px arial, helvetica, sans-serif;
	color: #333333;
	margin-top: 0px;
	margin-right: 5px;
	list-style-image: url('../images/bullet.gif');
	list-style-size: 9px;
	list-style-color: #5B8CE3; 
	}
	
ol {
    font: 12px arial, helvetica, sans-serif;
	color: #333333;
	margin-top: 0px;
	margin-right: 5px;
	list-style-size: 9px;
	list-style-color: #5B8CE3; 
	}
	
li {
	font: 12px arial, helvetica, sans-serif;
	color: #333333;
	margin-top: 0px;
	margin-right: 5px;
	list-style-size: 9px;
	list-style-color: #5B8CE3; 
	}
	
dd {
	font: 12px arial, helvetica, sans-serif;
	color: #6699CC;
	
	}
	
.keyword {
	font: 11px arial, helvetica, sans-serif;
	color: #666666;
	}
	
.footer	{
	font: 12px verdana, helvetica, sans-serif;
	color: #585858;
	text-align: center;
	}
	
.product {
	margin-top: 1px;
	text-align: right;
	}
	
.qqsfoot {
	font: 12px arial, helvetica, sans-serif;
	color: #333333;
	margin-right: 5px;	
	text-align: right;
	}
	

/* ----- LINK STYLES ----- */

a:link	{		
		font: 12px arial, helvetica, sans-serif;
		color: #6699CC;
		text-decoration: underline;
		}

a:active	{
		font: 12px arial, helvetica, sans-serif;
		color: #6699CC;
		text-align: right;
		text-decoration: none;
		}

a:hover	{
		font: 12px arial, helvetica, sans-serif;
		color: #6699CC;
		text-decoration: none;
		}

a:visited	{
		font: 12px arial, helvetica, sans-serif;
		color: #6699CC;
		text-decoration: none;
		}

/* ----- PRODUCT LINK STYLES ----- */

a.product:link	{		
		font: 11px arial, helvetica, sans-serif;
		font-weight: bold;
		color: #6699CC;
		text-decoration: underline;
		}

a.product:active	{
		font: 11px arial, helvetica, sans-serif;
		font-weight: bold;
		color: #6699CC;
		text-align: right;
		text-decoration: none;
		}

a.product:hover	{
		font: 11px arial, helvetica, sans-serif;
		font-weight: bold;
		color: #6699CC;
		text-decoration: none;
		}

a.product:visited	{
		font: 11px arial, helvetica, sans-serif;
		font-weight: bold;
		color: #6699CC;
		text-decoration: none;
		}


/* ----- ACTION LINK STYLES ----- */


a.action:link	{		
		font: 12px arial, helvetica, sans-serif;
		color: #6699CC;
		text-decoration: underline;
		font-weight: bold;
		}

a.action:active	{
		font: 12px arial, helvetica, sans-serif;
		color: #6699CC;
		text-align: right;
		text-decoration: none;
		font-weight: bold;
		}

a.action:hover	{
		font: 12px arial, helvetica, sans-serif;
		color: #6699CC;
		text-decoration: none;
		font-weight: bold;
		}

a.action:visited	{
		font: 12px arial, helvetica, sans-serif;
		color: #6699CC;
		text-decoration: none;
		font-weight: bold;
		}


/* ----- MAIN NAV ----- */


a.mainnav:link	{
		font: 9px verdana;
		color: #333333;
		font-weight: bold;
		text-decoration: none;
		}

a.mainnav:active	{
		font: 9px verdana;
		color:	#5B8CE3;
		font-weight: bold;
		text-decoration: underline;
		}

a.mainnav:hover	{
		font: 9px verdana;
		color:	#5B8CE3;
		font-weight: bold;
		text-decoration: underline;
		}

a.mainnav:visited	{
		font: 9px verdana;
		color:	#5B8CE3;
		font-weight: bold;
		text-decoration: none;
		}
		
/* ----- FOOT NAV ----- */

a.foot:link	{
	font: 13px  arial, helvetica, sans-serif;
	color:	#223451;
	font-weight: bold;
	text-decoration: underline;	
	}

a.foot:active	{
	font: 13px  arial, helvetica, sans-serif;
	color:	#6699CC;
	font-weight: bold;
	text-decoration: none;	
	}

a.foot:hover	{
	font: 13px  arial, helvetica, sans-serif;
	color:	#6699CC;
	font-weight: bold;
	text-decoration: none;	
	}

a.foot:visited	{
	font: 13px  arial, helvetica, sans-serif;
	color:	#333333;
	font-weight: bold;
	text-decoration: none;	
	}
	
	/* ---------- */
	
a.keyword {
	font: 11px arial, helvetica, sans-serif;
	color: #666666;
	text-decoration: none;
	}
	
a.kwbold {
	font: 11px arial, helvetica, sans-serif;
	color:	#666666;
	text-decoration: none;
	font-weight: bold;
	}


/* ----- LEFT NAVIGATION ----- */


a.leftnav:link	{
	font: 12px  verdana, arial, helvetica, sans-serif;
	color:	#333333;
	text-decoration: none;
	font-weight: bold;
	text-align: left;
	}

a.leftnav:active	{
	font: 12px  verdana, arial, helvetica, sans-serif;
	color:	#DDDDDD;
	text-decoration: none;
	font-weight: bold;
	text-align: left;
	}

a.leftnav:hover	{
	font: 12px  verdana, arial, helvetica, sans-serif;
	color:	#DDDDDD;
	text-decoration: underline;
	font-weight: bold;
	text-align: left;
	}

a.leftnav:visited	{
	font: 12px  verdana, arial, helvetica, sans-serif;
	color:	#FFFFFF;
	text-decoration: none;
	font-weight: bold;
	text-align: left;
	}


/* ----- FOOT LINKS ----- */


a.footernav:link	{
	font: 12px  verdana, helvetica, sans-serif;
	color:	#5B8CE3;
	text-decoration: none;
	}

a.footernav:active	{
	font: 12px  verdana, helvetica, sans-serif;
	color:	#5B8CE3;
	text-decoration: none;
	}

a.footernav:hover	{
	font: 12px  verdana, helvetica, sans-serif;
	color:	#5B8CE3;
	text-decoration: underline;
	}

a.footernav:visited	{
	font: 12px  arial, helvetica, sans-serif;
	color:	#5B8CE3;
	text-decoration: none;
	}



/* ----- QQS FOOT LINK ----- */

a.qqsfooternav:link	{
	font: 12px arial, helvetica, sans-serif;
	color:	#333333;
	text-decoration: none;	
	}

a.qqsfooternav:active	{
	font: 12px arial, helvetica, sans-serif;
	color:	#333333;
	text-decoration: none;	
	}

a.qqsfooternav:hover	{
	font: 12px arial, helvetica, sans-serif;
	color:	#333333;
	text-decoration: underline;	
	}

a.qqsfooternav:visited	{
	font: 12px arial, helvetica, sans-serif;
	color:	#333333;
	text-decoration: none;	
	}
	
	
/* ----- WELCOME LINK ----- */

a.welcome:link	{
	font: 11px arial, helvetica, sans-serif;
	color:	#333333;
	text-decoration: none;	
	}

a.welcome:active	{
	font: 11px arial, helvetica, sans-serif;
	color:	#333333;
	text-decoration: none;	
	}

a.welcome:hover	{
	font: 11px arial, helvetica, sans-serif;
	color:	#333333;
	text-decoration: underline;	
	}

a.welcome:visited	{
	font: 11px arial, helvetica, sans-serif;
	color:	#333333;
	text-decoration: none;	
	}
	
	


/* ----- JOEY'S ADDITIONS ----- */


H3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	color: #FFFFFF;
	margin-top: 5px;
	margin-left: 8px;
	margin-bottom: -8px;
}

H4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFFFFF;
	margin-top: 5px;
	margin-left: 8px;
	margin-bottom: -8px;
}


.bkg-welcome {
	background-image: url(../images/welcome-area.jpg);
	background-repeat: no-repeat;
	height: 196px;
	width: 439px;
	display: block;
}

.welcome-area-text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin-left: 8px;
	margin-right: 10px;
	margin-bottom: 3px;
	margin-top: 15px;
	color: #333333;
}
