/*==========================================================================
// Copyright 2003 - Gateway Systems Ltd.
// -------------------------------------
// $ProjectName$
// $Source$ - $Revision$
//
//==========================================================================
// Description:
// ------------
// CSS Stylesheet for WebWizard Website.
//
//==========================================================================
// Source Control Information:
// ---------------------------
// $Header$
//
// $Log$
//
//==========================================================================
*/

BODY
{
	font-weight: normal;
	font-size: 0.8em;
	word-spacing: normal;
	text-transform: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	letter-spacing: normal;
	background-color: #ffffec;
}

/* Setup the colour of the textual classes. */
H1, H2, H3, H4, H5, TH, H6, THEAD, TFOOT, 
div.powered, div.productSpec {
    color: #0A2972;
    }

H1	{	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 2em;
	font-style:	normal;
	font-weight: 700;
	letter-spacing: normal;
	line-height: 3.5em;
	text-align: center;
	text-decoration: none;
	text-transform:	none;
	word-spacing: normal;
	}	
		
H2	{	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.75em;
	font-style:	normal;
	font-weight: 700;
	letter-spacing:	normal;
	line-height: 3em;
	text-align: center;
	text-decoration: none;
	text-transform:	none;
	word-spacing: normal;
	}	
		
H3	{	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.58em;
	font-style:	normal;
	font-weight: 500;
	letter-spacing:	normal;
	line-height: 2.75em;
	text-align: center;
	text-decoration: none;
	text-transform:	none;
	word-spacing: normal;
	}	
		
H4	{	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.33em;
	font-weight: 500;
	letter-spacing:	normal;
	line-height: 2em;
	text-align: center;
	text-decoration: none;
	text-transform:	none;
	word-spacing: normal;
	}	
		
H5, DT {	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-style:	normal;
	font-weight: 700;
	letter-spacing:	normal;
	text-decoration: none;
	text-transform:	none;
	word-spacing: normal;
	}	
		
H6, div.powered, div.productSpec	{	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .8em;
	font-style:	normal;
	font-weight: 700;
	letter-spacing:	normal;
	text-decoration: none;
	text-transform:	none;
	word-spacing: normal;
	}	
		
TFOOT, THEAD {	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	letter-spacing:	normal;
	text-transform:	none;
	word-spacing: normal;
	}	
		
TH	{	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:	1em;
	font-weight:	bold;
	letter-spacing:	normal;
	text-transform:	none;
	vertical-align:	baseline;
	word-spacing:	normal;
	}	


A:link {	
	color: #3333cc;
	text-decoration: none;
	}	
		
A:visited {	
	color: #333399;
	text-decoration: none;
	}	
		
A:active {	
	color: #333399;
	text-decoration: none;
	}	
		
A:hover	{	
	color: #3333cc;
	text-decoration: underline;
	}
	
A.SOHOMenu:link {	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:	7.5pt;
	color: #3333cc;
	text-decoration: none;
	}	
		
A.SOHOMenu:visited {	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:	7.5pt;
	color: #333399;
	text-decoration: none;
	}	
		
A.SOHOMenu:active {	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:	7.5pt;
	color: #333399;
	text-decoration: none;
	}	
		
A.SOHOMenu:hover	{	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:	7.5pt;
	color: #3333cc;
	text-decoration: underline;
	}
	
A.moreInfoMailTo:link {	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:	10pt;
	color: #3333cc;
	text-decoration: none;
	}	
		
A.moreInfoMailTo:visited {	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:	10pt;
	color: #333399;
	text-decoration: none;
	}	
		
A.moreInfoMailTo:active {	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:	10pt;
	color: #333399;
	text-decoration: none;
	}	
		
A.moreInfoMailTo:hover	{	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:	10pt;
	color: #3333cc;
	text-decoration: underline;
	}
	
SMALL {	
	font-size: .7em;
	}	

BIG	{	
	font-size: 1.17em;
	}	

BLOCKQUOTE, PRE	{	
	font-family: Courier New, monospace;
	}	
	

UL LI {	
	list-style-type: square ;
	}	

UL LI LI {	
	list-style-type: disc;
	}	

UL LI LI LI	{	
	list-style-type: circle;
	}	
	
OL LI {	
	list-style-type: decimal;
	}	

OL OL LI {	
	list-style-type: lower-alpha;
	}	

OL OL OL LI	{	
	list-style-type: lower-roman;
	}	


	
div.powered {
	margin-top: 25px;
    }

td.prodSpecList {
	font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10pt;
    font-style: normal;
    font-weight: normal;	
	}

table.WizGrid1 {
	border: solid 1px #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10pt;
    font-style: normal;
    font-weight: bold;
    width: 100%;
    }
    
tr.WizGridBody1 {
	background-color: White;
	border: solid 1px #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10pt;
    font-style: normal;
    font-weight: normal;
    }
    
tr.WizGridBodyAlt1 {
	background-color: #DCDCDC;
	border: solid 1px #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10pt;
    font-style: normal;
    font-weight: normal;
    }
    
tr.WizGridHeader1 {
	background-color: #0A2972;
	border: solid 1px #000000;
	color: #ffffff;
	font-family: Arial, Helvetica, sans-serif;
    font-size: 12pt;
    font-style: normal;
	font-weight: bold;
    }

div.footerCopyright {
    color: #d0d0d0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 8pt;
    font-style: italic;
    font-weight: bold;
    text-align: center;
    }
  
span.pageTitle {
	color: #A0A0A0;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 26pt;
	font-style:	normal;
	font-weight: 700;
	letter-spacing:	normal;
	text-align: center;
	text-decoration: none;
	text-transform:	none;
	width: 100%;
	word-spacing: normal;
    }
    
h1.mainTitle
{
	font-weight: bold;
	font-size: 36pt;
	word-spacing: normal;
	text-transform: none;
	line-height: 44px;
	font-style: normal;
	font-family: 'Comic Sans MS', Verdana, Arial, Helvetica, sans-serif;
	letter-spacing: normal;
	text-align: left;
	text-decoration: none;
}	
		
H6.bodyText {
    color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 1em;
    font-style:	normal;
    font-weight: normal;
    letter-spacing:	normal;
    text-decoration: none;
    text-transform:	none;  
    word-spacing: normal;
    }

p.moreInfo {
    color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10pt;
    font-weight: normal;
    }

p.sideBarCompanyName {
    color: #ffffff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 8pt;
    font-weight: bold;
    }

p.sideBarCompanyAddr {
    color: #ffffff;
    display: block;
	font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 8pt;
    font-weight: normal;
    width: 150px;
    }

div.horizontalLine {    
    background-color: #005626;
    border: 0px;
    clear: none;
 	font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 1pt;
    width: 100%;
    padding: 0px;
    }


/* ShowPage Styles */
/* =============== */
td.headerLeft
{
	width: 15%;
	background-color: #FFFFEC;
	text-align: center;
}

td.headerCentre
{
	width: 70%;
	background-color: transparent;
}

td.headerRight
{
	width: 15%;
	background-color: #FFFFEC;
	text-align: center;
}

td.sideBarLeft
{
	width: 15%;
	background-color: #FFFFEC;
	text-align: center;
}
	
td.sideBarRight
{
	width: 15%;
	background-color: #FFFFEC;
	text-align: center;
}

td.bodyCentre
{
	border-right: #ae9560 1px solid;
	border-top: #ae9560 1px solid;
	border-left: #ae9560 1px solid;
	width: 70%;
	border-bottom: #ae9560 5px solid;
	height: 100px;
	background-color: white;
}
	
td.footerLeft
{
	width: 15%;
	background-color: #FFFFEC;
	text-align: center;
}

td.footerCentre
{
	width: 70%;
	height: 100px;
	background-color: #FFFFEC;
	text-align: center;
	
}

td.footerRight
{
	width: 15%;
	background-color: #FFFFEC;
	
}


/* WebWizard WebSite Menus */
/* ======================= */

/* Background Colour */
div.headerMenu, 
div.floatingMenu {
	background-color: #F3F3F3;
    }

/* Hidden Text Colour */
div.headerMenu a.headerMenuPadding,
div.headerMenu a.headerMenuPaddingVert {
	color: #FFFFFF;
    }
     
/* Text Colour */
div.headerMenu,
div.headerMenu a.headerMenuItem,
div.headerMenu a.headerMenuItem:hover,
div.headerMenu a.headerMenuItemVert,
div.headerMenu a.headerMenuItemVert:hover,
div.floatingMenu,
div.floatingMenu a.floatingMenuItem ,
div.floatingMenu a.floatingMenuItem:hover,
tr.floatingMenuItem,
tr.floatingSubMenuNoArrow, 
a.floatingMenuItem,
a.floatingSubMenuNoArrow,
span.floatingSubMenuArrow, 
div.floatingMenuItem {
	color: #005626;
    }

/* Selection Colour */     
div.headerMenu a.headerMenuItem:hover,
div.headerMenu a.headerMenuItemVert:hover,
div.floatingMenu a.floatingMenuItem:hover,
div.floatingMenuItem_Hover,
tr.floatingMenuItem_Hover,
tr.floatingSubMenuNoArrow_Hover,
a.floatingMenuItem_Hover,
a.floatingSubMenuNoArrow_Hover,
span.floatingSubMenuArrow_Hover
{
color: #ae9560;
/*background-color: lime;*/
    }   
    
/* Menu Font */
div.headerMenu,
div.headerMenu a.headerMenuItem,
div.headerMenu a.headerMenuItemVert,
div.headerMenu a.headerMenuPadding,
div.headerMenu a.headerMenuPaddingVert,
div.floatingMenu,
div.floatingMenu a.floatingMenuItem,
div.floatingMenuItem,
div.floatingMenuItem_Hover,
tr.floatingMenuItem,
tr.floatingMenuItem_Hover, 
a.floatingMenuItem,
a.floatingMenuItem_Hover {
	font-family: Arial, Helvetica, sans-serif, Verdana;
	font-size: 8pt;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
    }
    
/* Header Menu */
div.headerMenu {
	border: 0px;
	display: block;
	padding: 2px 2px;
    width: 100%;
    }

/* Header Menu Item */
div.headerMenu a.headerMenuItem,
div.headerMenu a.headerMenuPadding {
	background-color: transparent;
	border: 0px;
	cursor: default;
	margin: 1px;
	padding: 3px 8px;
	position: relative;
	z-index: 750;
    }
    
/* Vertical Header Menu Item */
div.headerMenu a.headerMenuItemVert,
div.headerMenu a.headerMenuPaddingVert {
	background-color: transparent;
	border-bottom: solid 1px #005626;
	cursor: default;
	display: block;
	height: 30px;
	margin: 0px;
	padding: 10px 3px 0px 3px;
	position: relative;
	text-align: left;
	width: 100%;
	z-index: 750;
    }
    
/* Floating Menu*/
div.floatingMenu {
	border-right: #ae9560 1px solid;
	border-top: #ae9560 1px solid;
	z-index: 800;
	visibility: hidden;
	border-left: #ae9560 1px solid;
	border-bottom: #ae9560 1px solid;
	position: absolute;
	white-space: nowrap;
    } 

/* Floating Menu Item */
div.floatingMenu a.floatingMenuItem,
div.floatingMenuItem_Hover, 
div.floatingMenuItem,
tr.floatingMenuItem,
tr.floatingMenuItem_Hover, 
a.floatingMenuItem,
a.floatingMenuItem_Hover  {
	cursor: default;
	z-index: 885;
    }

tr.floatingMenuItem_Hover div,
tr.floatingMenuItem div,
a.floatingMenuItem_Hover,
a.floatingMenuItem {
	display: block;
	padding: 3px 18px 0px 8px;
	width: 100%;
    }

/* Floating SubMenu Arrow 
div.floatingMenu a.floatingMenuItem span.floatingSubMenuArrow {
	font-size: 10pt;
	margin-right: -.75em;
	text-align: right;
    z-index: 85;
    }*/

/* Floating Menu Divider */
div.floatingMenu div.floatingMenuDivider {
	border: 1px solid #ffffff;
	margin: 3px 0px;
	z-index: 885;
    }