HTML	{
}

HTML, TEXTAREA	{
	font-family: "Trebuchet MS", Trebuchet, Arial, helvetica, sans-serif; 
/*	font-family: Arial, helvetica, sans-serif; */ 
	font-size: 9pt;
}

BODY	{
	
	background-image: url(/images/grid.gif);
	background-repeat: repeat;
	/* background-color: #CFCFCF; */
	color: #FFFFFF;
	margin: 0px;
	padding: 0px;
/*	width: 790px;	*/

}

A:link, A:visited, A:hover 	{
	text-decoration: none;
}

A IMG	{
	border: none;
}

IMG.block	{ display: block; border: none;	}

H1	{
	font-family: Arial, helvetica, sans-serif;
	text-transform: lowercase;
}


/* Layout debbugging */
.dbContainer	{	border: 1px solid blue	}
.dbPrimary		{	border: 1px solid red	}
.dbContent		{	border: 1px solid purple	}

/* Page Content Container */
#container	{
	background-color: #FFFFFF;
	color: #3b3b3b;
	border: 1px solid #BFBFBF;
	border-top: 0px;
	margin: 0px auto 0 auto;
	width: 789px;
	padding: 0px 0px 0px 0px;
	
}
	#container #navigation	{
		height: 165px;	/* Compliant browsers... */
		font-size: 10pt;
		background-repeat: no-repeat;
		border-top: 0px solid #BFBFBF;
	}
	#container #navigation #smartveglogo	{
		height: 100px;
		width: 220px;
		margin-top: 0px;
		display: block;
	}
	#container #navigation UL#navlinks	{
		background-color: inherit;
		color: #FFF;
		list-style: none;
		padding: 3px 0px 0px 0px;
		margin: 10px 0px 0px 84px;
		margin: 10px 0px 0px 39px;
		margin: 4px 0px 0px 22px;
		height: 22px;
		font-size: 8.5pt;
	}
	#container #navigation LI	{
		float: left; text-indent: 0em;
		margin: 0 0.3em 0 0;
	}
	#container #navigation LI A	{
		background-color: inherit;
		color: #FFF;
		padding: 1px;
		margin: 0 0.2em 0 0;
		text-align: center;
		float: left;
	}
	#container #navigation LI A:hover	{
		background-color: #646557;
		color: #F9C82B;
		border: 1px solid #646557;
		padding: 0;
	}
	#container #navigation LI A.selected	{
		font-weight: bold;
	}
/*
	#container #navigation LI A#group_nav				{	width: 69px;	}
	#container #navigation LI A#elite_nav				{	width: 69px;	}
	#container #navigation LI A#tech_nav					{	width: 69px;	}
	#container #navigation LI A#people_nav				{	width: 69px;	}
	#container #navigation LI#logo_nav	{	width: 150px; float: right;	}
*/
	#container #navigation LI A IMG	{
		border: none;
	}
	
	/* Sub navigation */
	#container #navigation UL#sub-navlinks	{
		background-color: inherit;
		color: #3B3B3B;
		padding: 3px 0 0 0;
		margin: 0 0 0 84px;	
		list-style: none;
		height: 25px;
		font-size: 9pt;
	}
	#container #navigation #sub-navlinks LI	{
		float: left; text-indent: 0em;
		margin: 0 0.3em 0 0;
	}
	#container #navigation #sub-navlinks LI A	{
		background-color: inherit;
		color: #3B3B3B;
		padding: 1px 1px 1px 1px;
		margin: 0 0.2em 0 0;
		float: left;
		text-align: center;
	}
	#container #navigation #sub-navlinks LI A:hover	{
		background-color: #FCFCFC;
		color: #009999;
		border: 1px solid #C0C0C0;
		padding: 0;
	}
	#container #navigation #sub-navlinks LI A.selected	{
		font-weight: bold;
	}
	#container #navigation #sub-navlinks LI A IMG	{
		border: none;
	}

	/* Main Content Container */
	#primary {
		<? if ($DEBUG) { ?>border: 1px solid red;<? } ?>
		background-color: inherit;
		color: inherit;
		/* width: 619px; */
		width: 745px;
		padding: 0 0px 20px 22px;
		float:left;
	}
	#primaryhp {
		<? if ($DEBUG) { ?>border: 1px solid red;<? } ?>
		background-color: inherit;
		color: inherit;
		/* width: 619px; */
		width: 765px;
		padding: 0 0px 20px 22px;
		float:left;
	}
	#primary H1 {
		margin: 0;
	}
		#primary #checkoutcontent	{
			width: 100%;
 			padding: 0px 0px 0px 0px;
			margin:  5px 0px 0px 0px;
			float: centre;
		}


		#video       {
			text-align: center;
                        width: 100%;
                        padding: 0px 0px 0px 0px;
                        margin:  5px 0px 0px 0px;
                        float: center;
                }


		/* Main Content Area */
		#primary #content	{
			<? if ($DEBUG) { ?>border: 1px solid green;<? } ?>
			width: 100%;
 			padding: 0px 0px 0px 0px;
			margin:  5px 0px 0px 0px;
			float: left;
		}
		.wide	{
			<? if ($DEBUG) { ?>border: 1px solid green;<? } ?>
			width: 540px !important;
		}

		#primary #content A	{
			color: #656556;
			text-decoration: underline;
		}
		#primary #content A:hover	{
			color: #AA7EEF;
			color: #F9C82B;
		}

		#primary #content #video H1	{
			color: #646557;
		}
		#primary #content #video H2,
		#primary #content #video H3
		{
			background-color: inherit;
<? switch($_REQUEST['theme']) {
} ?>
		color: #646557;
		}
		#primary #content H3
		{
			color: #666666;
		}


		#primary #content #video H1 {
			font-size: 20px;
			margin-bottom: 0em;
		}
		#primary #content #video H1 A	{
		}
		#primary #content #video H2 {
			font-size: 11pt;
			font-weight: bold;
			margin: 0;
			text-transform: lowercase;
		}
		#primary #content H3 {
			font-size: 10pt;
		/*	font-weight: bold; */
			margin-bottom: 8px;
		}
		
		#primary #content A {		}
		#primary #content A:link, #primary #content A:visited {		}
		#primary #content A:hover {		}
		#primary #content A:active {		}

		#primary #content P	{
			margin-top: 0;
		}
		
		#primary #content P.listheader	{
			font-weight: bold;
			margin-bottom: 0;
		}
		#primary #content UL	{
			list-style: none;
			padding-left: 0px;
			margin-left: 0px;
		}
		#primary #content UL LI	{
			padding-left: 0px;
			margin-bottom: 0.5em;
		}
		#primary #content .column	{
			float: left;
			padding-right: 1em;
		}
		#primary #content .inseticon	{
			float: left;
			padding: 0.25em 0.75em 0.25em 0;
		}

/*
		#primary #content TABLE	{
			margin-top: 0px; 	margin-left: 0px; 	margin-right: 0px; 	margin-bottom: 0px;
			padding-top: 0px; 	padding-left: 0px; 	padding-right: 0px; 	padding-bottom: 0px;
			border-top-width: 0px; 	border-left-width: 0px; 	border-right-width: 0px; 	border-bottom-width: 0px;
			border-color: #CCCCCC;
			border-style: solid;
			border-spacing: 0;
			border-collapse: collapse;
		}
*/
		#primary #content TH, #primary #content TD {
			margin: 5px;
			padding: 5px;
			vertical-align: top;
		}
		#primary #content TR.header	{
		}
		#primary #content TR.header	TH	{
			font-weight: bold;
			text-align: center;
		}
		
		#primary #content TR.odd	{
			background-color: #F4F7F2;
			color: inherit;
		}
		#primary #content TR.even	{
			background-color: #FAFBF9;
			color: inherit;
		}
		#primary #content TD	{
			text-align: left;
		}
		#primary #content TH.rank	{
			text-align: center;
		}

		#primary #content DL DT	{
			font-weight: bold;
			color: #666666;
		}
		#primary #content DL DD	{
			margin-bottom: 1.0em;
			margin-left: 3em;
		}

/*	Pseudo-table */
		#primary #content DL.grid			{	width: 609px;	} 
		#primary #content DL.grid DT	{	float: left; width: 120px;	margin-right: 5px; text-align: right;	font-size: 9pt;	}
		#primary #content DL.grid DD	{		}

		#primary #content FORM .textbox	{
			border-top:		0px solid #CFCFCF;
			border-right:	1px solid #EFEFEF;
			border-bottom:1px solid #EFEFEF;
			border-left:	0px solid #CFCFCF;
			background-image: url('http://clients.oneltd.co.uk/downloads/textbox_bg.png');
			#background-attachment: fixed;
			background-repeat: no-repeat;
			background-position: 0 0;
			padding-left: 0.25em;
			color: #3F3F3F;
		}


		#container #rhs-bar 	{
			/* background-image: url(/images/panel/thin/background.gif); */
			background-repeat: repeat-n;
			width:270px;
			padding: 0px 0px 0px 0px;
			margin: 0em 0em 1em 1em;
			float: right;
		}
		#rhs-bar P	{
			padding: 4px 5px 0 7px;
			margin-bottom: 0.75em;
			font-size: 8pt;
			background-repeat: no-repeat;
			background-image: url(/images/panel/thin/divider.gif);
			clear: both;
		}

		#rhs-bar .arrow {
			float: right; padding-right: 0px;
		}
		#rhs-bar #contents {
			font-size: 9pt;
		}
		#rhs-bar #contents #video H1	{
			font-family: Arial, sans-serif;
		}		
		
	#container #lhs-bar	{
		width:270px;
		margin:	0px 20px 0px 0px;
		float:left;
	}
	#container #lhs-bar #sub_navigation	{
		height: 90px;	/* Compliant browsers... */
		font-size: 10pt;
		background-repeat: no-repeat;
		border-top: 0px solid #BFBFBF;
		border-bottom: 1px solid #BFBFBF;
		margin-bottom: 10px;
	}
		#container #lhs-bar #sub_navigation	P {
		font-size: 11px;
		margin: 0px;
		font-weight: bold;
		padding-left: 149px;
		padding-top: 10px;
	}
		#container #lhs-bar #sub_navigation	A	{
			color: #FFF;
			text-decoration: none;

		}
		#container #lhs-bar #sub_navigation A:hover	{
			color: #AA7EEF;
			color: #686958;
		}
		
	#container #rhs-bar #sub_navigation	{
		height: 90px;	/* Compliant browsers... */
		font-size: 8pt;
		background-repeat: no-repeat;
		border-top: 0px solid #BFBFBF;
		border-bottom: 0px solid #BFBFBF;
		margin-bottom: 10px;
	}
		#container #rhs-bar #sub_navigation	P {
		font-size: 8px;
		margin: 0px;
		/* font-weight: bold; */
		padding-left: 149px;
		padding-top: 10px;
	}
		#container #rhs-bar #sub_navigation	A	{
			color: #686958;
			text-decoration: none;

		}
		#container #rhs-bar #sub_navigation A:hover	{
			color: #999999;
		}
		
	#container #rhs-bar #sub_navigation UL	{
			list-style: none;
			margin: 0;
			padding-left: 12px;
			padding-top: 24px;
		}
		#container #panel_hp 	{
			/* background-image: url(/images/panel/thin/background.gif); */
			background-repeat: no-repeat;
			width:250px;
			height: 160px;
			padding: 0px 0px 0px 0px;
			margin: 0em 3px 2px 0px;
			float: left; 
			}
		
                #container #svopanel_hp    {
                        /* background-image: url(/images/panel/thin/background.gif); */
                        background-repeat: no-repeat;
                        width:753px;
                        height: 201px;
			align: center;
                        padding: 0px 0px 0px 0px;
                        margin: 0px 3px 2px 0px;
                        float: left; 
                        }


	#container #lhs-bar	#navigation-title	{
		background-image: url(/images/navigation/so_you_want_to_know.jpg);
		background-repeat: no-repeat;
		height: 53px;
	}
	#container #lhs-bar	#navigation-title	H1	{
		font-size: 12px;
		letter-spacing: -0.1em;
		margin: 0;
		padding: 0;

	}

	#container #lhs-bar	UL	{
		list-style: none;
		margin: 0;
		padding: 0;
	}
	#container #lhs-bar	UL LI	{
		margin: 0;
		padding: 0 0 0px 0;
  }
	#container #lhs-bar	UL LI IMG	{
		width: 190px; height: 22px;
		display: block;
  	border: none;
	}
	#container #lhs-bar	UL LI A	{
		display: block;
		color: #FFFFFF;
		background-color: inherit;
		text-decoration: none;
		width: 100%;
  	vertical-align: bottom; /* This fixes the IE5 Win gap! */
	}


#footer	{
	background-color: #FFFFFF;
	color: #3b3b3b;
	width: 789px;
	border: 1px solid #BFBFBF;
	padding: 0px 0px 0px 0px;
	margin: 10px auto 2em auto;
	font-family: Arial, sans-serif;
	font-size: 7pt;
	clear: both;
}
#footer #copyright {
	margin: 5px auto 5px auto;
	width: 250px;
	text-align: center;
	color: #999999;
}
#footer #validators	{}

#footer A	{
	color: rgb(89,167,246);
	background: inherit;
}

.warning	{
	border: 3px solid red;
	padding: 5px;
}