/* CSS Document */
/* TUNDRA INTERACTIVE */
	
	
	html {
		height: 100%;
	}
	
	/*
	 *	THE FOLLOWING BLOCK OF TAGS NEED TO BE
	 *	CUSTOMISED FOR EACH PROJECT
	 *
	 *	BACKGROUND-COLOR IS NEEDED FOR VALID CSS
	 */
	p { 	
		font-family: verdana, sans-serif;
		color: #000000;
		
		text-align: left;
		background-color: #FFF;
	}
	
	h1 {
		font-family: Verdana, Arial, sans-serif;
		color: #000000;
		
		font-size: 2em;
		text-align: left;
		background-color: #FFF;
	}
	
	h2{
		font-family: Verdana, Arial, sans-serif;
		color: #000000;
		font-weight:100;
		font-size: 1.4em;
		text-align: left;
		background-color: #FFF;
	}
	
	h3{
		font-family: Verdana, Arial, sans-serif;
		color: #000000;
		font-weight:100;
		font-size: 1.2em;
		text-align: left;
		background-color: #FFF;
	}
	
	a:link {
		color: #e21010;
		background-color: #FFF;
		text-decoration: underscore;
	}
	a:Hover {
		text-decoration: none;
	}
	
	a:visited {
		color: #710808;
		background-color: #FFF;
	}
	
	
	img.displayed {
		display: block;
		padding: 10px;
		margin-left: auto;
		margin-right: auto;
		border:none;
	}	
	
	/**
	 *	THIS DIV GETS REPLACE WITH FLASH
	 *
	 ***********************************
	 *	DO NOT CHANGE ANYTHING HERE	   *
	 ***********************************
	 *
	 */
	#flashcontent {
		position: absolute;
		top: 0px;
		left: 0px;	
		height: 100%;
		width: 100%;
	}
	
	/***************************************
	 *
	 *	IN ORDER FOR SWFFORCESIZE TO WORK
	 *	THE BODY TAG _MUST_ BE STYLED
	 *	
	 *	DO NOT CHANGE EXCEPT FOR BACKGROUND COLOR
	 *
	 *	SERIOUSLY DO NOT CHANGE ANYTHING EXCEPT FOR BACKGROUND COLOR
	 *
	 *	SERIOUSLY DON'T
	 *
	 ***************************************/
	body {
		height: 100%;
		margin: 0;
		padding: 0;
		background-color: #FFF;
		overflow: auto;
		font-size: 0.9em;
		font-family: Verdana, Arial, sans-serif;
		
	}	


	/***************************************
	 *
	 * Additional Tags
	 *
	 ***************************************/
	#header 
	{
		background-color: #FFF;
		position: absolute;
		vertical-align: top;
		height: 100px;
		width: 230px;
		z-index: 10;
		left: 0px;
	}
	DIV.logo
	{
		margin: 5px 20px 20px 140px;
	}
	DIV.installFlash
	{
		position: absolute;
		color: #FFF;
		font-weight: 900;
		font-size: 0.70em;
		margin: 5px;
		padding: 5px;
		border: 2px solid #e21010;
		background-color: #e21010;
		width: 110px;
		left: 0px;
	}
	DIV.installFlash .message 
	{
		width: 80px;
	}
	
	
	/****************************/
	/*      Top Navigation      */
	/****************************/
	
	.RootComponent > DIV.Navigation
	{
		text-align: right;
	}
	.RootComponent > DIV.Navigation .HorizontalSubMenu 
	{
		text-align: right;
	}
	.RootComponent > DIV.Navigation .menuItem
	{
		background-color: Black;
		padding: 2px 20px 2px 20px;
	}
	.RootComponent > DIV.Navigation .menuItem > A
	{
		background-color: Transparent;
		color: #FFF;
	}
	.RootComponent > DIV.Navigation .active
	{
		background-color: #e21010;
	}
	DIV.SiteComponent > DIV.Navigation 
	{
		width: auto;
		margin-top: 10px;
		min-height: 70px;
		padding-left: 230px;
		padding-bottom: 18px;
		clear: both;
		background: url(../Templates/images/TopGradient.png) repeat-x bottom;
	}
	.HorizontalSubMenu
	{
		text-align: center;
	}
	.SiteComponent > .Navigation .menuItem
	{
		line-height: 1.6em;
	}
	.SiteComponent > .Navigation .menuItem A
	{
		border-bottom: 1px solid #BBB;
		padding: 1px 7px;
		font-weight: 800;
		text-decoration: none;
		color: #000;
	}
	.SiteComponent > .Navigation .active A
	{
		border-bottom: 3px solid #e21010;
		color: #e21010;
	}
	.SiteComponent > .Navigation .menuItem A:Hover
	{
		color: #AAA;
	}
	.SiteComponent > .Navigation .active A:Hover
	{
		color: #e21010;
	}
	
	/****************************/
	/*     Main Navigation      */
	/****************************/
	.ScreenComponent > .Navigation 
	{
		float: left;
		padding: 10px 10px 10px 0px;
		background-color: #222;
		display: inline-block;
		max-width: 25%;
		min-width: 8%;
	}
	.ScreenComponent > .Navigation UL 
	{
		margin: 0px;
		padding: 0px 0px 0px 10px;
		list-style-type: none;
	}
	.ScreenComponent > .Navigation A
	{
		background-color: transparent;
		text-decoration: none;
		color: #000;
		font-weight: 800;
		color: #FFF;
	}
	.ScreenComponent > .Navigation .active > A
	{
		color: #e21010;
	}

	/****************************/
	/*         Content          */
	/****************************/
	
	.ScreenComponent > .Display 
	{
		width: 500px;
		float: left;
		display: inline;
		padding-left: 10px;
	}
	.mainContent
	{
		display: block;
	}
	
	/****************************/
	/*         Video            */
	/****************************/
	.Video 
	{
		display: inline-block;
		padding: 5px;
		background-color: #222;
	}
	.Video A
	{
		background-color: Transparent;
		color: #e21010;
	}
	.Video A:Hover
	{
		text-decoration: none;
	}
	
	/****************************/
	/*        ColourWay         */
	/****************************/
	.colourWay > .images 
	{
		display: inline-block;
		float: right;
	}
	.colourWay > .colourWaycode 
	{
		color: Gray;
		padding-right: 10px;
		float: right;
		text-align: right;
		font-weight: 800;
	}
	.colourWay > .rrp
	{
		font-weight: 800;
		text-decoration: line-through;
		color: #e21010;
	}
	.colourWay > .price 
	{
		font-size: 1.4em;
		font-weight: 800;
	}
	.colourWay > .finish
	{
		color: Gray;
		font-weight: 800;
		font-style: italic;
	}
	.colourWay > .description
	{
		border-top: 1px solid #BBB;
		margin-top: 5px;
		padding-top: 5px;
	}
	
	/****************************/
	/*       Misc Content       */
	/****************************/
	.swf 
	{
		font-weight: 800;
		color: #FFF;
		background-color: #e21010;
		padding: 5px;
	}
	.contentItem 
	{
		clear:both;
	}
	.contentItem > IMG
	{
		float: left;
	}
	.releaseDate 
	{
		color: #AAA;
		font-size: 0.8em;
	}
	.footer
	{
		clear: both;
		font-family: Helvetica, verdana, sans-serif;
		font-size: 0.7em;
		text-align: right;
		padding: 0px 10px 5px 10px;
		position: absolute;
		top: 0px;
		width: 200px;
		z-index: 0;
	}
	.footer A 
	{
		color: #BBBBBB;
	}
	.footer A:Hover
	{
		color: #e21010;
	}