/* CSS Document */
/* TUNDRA INTERACTIVE */
	
	
	html {
		height: 100%;
		/*overflow-y: scroll;*/
	}
	
	/*
	 *	THE FOLLOWING BLOCK OF TAGS NEED TO BE
	 *	CUSTOMISED FOR EACH PROJECT
	 *
	 *	BACKGROUND-COLOR IS NEEDED FOR VALID CSS
	 */
	p { 	
		font-family: Helvetica, verdana, sans-serif;
		color:#6f7881;
		
		font-size: 0.9em;
		text-align: left;
		background-color: #FFF;
	}
	
	h1 {
		font-family: Helvetica, verdana, sans-serif;
		color: #ee3424;
		font-weight: 200;
		font-size: 1.8em;
		text-align: left;
		padding-left: 5px;
		background-color: White;
	}
	
	h2{
		font-family: Helvetica, verdana, sans-serif;
		color: #6f7881;
		font-weight:900;
		font-size: 1.0em;
		text-align: left;
		padding-left: 5px;
		background-color: White;
		border-top: solid 1px #cedee7;
		padding: 10px 0px 0px 0px;
		margin: 0px;
	}
	
	h3{
		font-family: Helvetica, verdana, sans-serif;
		color: #6C5448;
		font-weight:100;
		font-size: 1.2em;
		text-align: left;
	}
	
	a:link {
		color: #5a4f4a;
	}
	
	a:visited {
		color: #5a4f4a;
	}
	
	
	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 {
	}
	
	/***************************************
	 *
	 *	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 {
		width:100%;
		height: 100%;
		margin: 0;
		padding: 0;
		background-color: #FFFFFF;
		color:#000000;
		overflow-y: scroll;
	}	


	/***************************************
	 *
	 * Additional Tags
	 *
	 ***************************************/
	#installFlash {
		color: #FFF;
		font-weight: 900;
		position: absolute;
		font-size: 0.8em;
		top: 0px;
		left: 0px;
		margin: 5px;
		padding: 5px;
		border: 2px solid #ee3424;
		background-color: #ee3424;
		width: 200px;
	}
	#installFlash IMG {
		margin-top: 5px;
	}
	div 
	{
		font-family: Helvetica, verdana, sans-serif;
	}
	#header 
	{
		width: 100%;
		height: 88px;
		background: url(../images/HeaderBG.png) repeat-x top;
	}
	#header > #logo
	{
		margin-left:230px;
		width: 850px;
		height: 88px;
		background: url(../images/HeaderLogo.png) no-repeat top center;
	}
	#mainMenuMinHeight
	{
		float:left;
		width: 1px;
		height: 500px;
	}
	.mainMenu
	{
		position: absolute;
		top: 100px;
		left:0px;
		width: 270px;
		background-repeat: no-repeat;
		background-position: bottom left;
		font-family: Helvetica;
		padding-left: 5px;
		padding-bottom: 20px;
	}
	
	.mainMenu > UL
	{
		width: 200px;
	}
	.mainMenu UL
	{
		margin-left: 7px;
		padding-left: 0px;
	}
	DIV.mainMenu > UL > LI > UL
	{
		padding-left: 0px;
		padding-bottom: 5px;
		margin-bottom: 5px;
	}
	DIV.mainMenu > UL > LI
	{
		border-top: solid 1px #cedee7;
	}
	.mainMenu LI
	{
		list-style-type: none;
	}
	.mainMenu > UL > LI > A
	{
		padding: 2px 5px 2px 5px;
	}
	.mainMenu A
	{
		display:block;
		color: #8b919a;
		font-weight: 200;
		text-decoration: none;
		padding: 2px 5px 2px 13px;
	}
	DIV.mainMenu > UL > LI > UL > LI  A
	{
		font-size: 0.9em;
		font-weight: 600;
		background: url(../images/ListDot.png) no-repeat top left;
	}
	.mainMenu LI.active > A
	{
		color: #ee3424;
	}
	DIV.mainMenu > UL > LI > UL LI.active > A
	{
		background: url(../images/ListDotSelected.png) no-repeat top left;
		color: #ee3424;
	}
	DIV.mainMenu > UL > LI > UL A:Hover
	{
		background-color: #FFFFFF;
		color:#505050;
	}
	.mainMenu > UL > LI > A:Hover
	{
		background-color: #ee3424;
		color: #FFFFFF;
	}
	.mainContent
	{
		margin: 0px 10px 5px 230px;
		padding: 0px 0px 0px 10px;
		float: left;
		border-left: solid 1px #cedee7;
	}
	.mainContent LI 
	{
		margin-left: 20px;
	}
	.contentItem 
	{
		clear:both;
		padding: 5px;
		background-color: #FFF;
	}
	.contentItem > IMG
	{
		float: left;
	}
	.bottomMenu
	{
		clear: both;
		font-family: Helvetica, verdana, sans-serif;
		font-size: 0.7em;
		text-align: right;
		padding: 12px;
		color: #5a4f4a;
	}
	.bottomMenu UL
	{
		margin-left: 0;
		padding-left: 0;
		white-space: nowrap;
	}
	.bottomMenu LI
	{
		border-left: solid 1px #cedee7;
		display: inline;
		list-style-type: none;
		padding: 5px 10px 5px 10px ;
	}
	.bottomMenu A
	{
		color: #8b919a;
		font-weight: 200;
		text-decoration: none;
	}
	.bottomMenu A:Hover
	{
		color: #555555;
	}
	.bottomMenu LI.active > A
	{
		color: #ee3424;
	}
	.footer
	{
		clear: both;
		font-family: Helvetica, verdana, sans-serif;
		font-size: 0.7em;
		text-align: right;
		padding: 0px 10px 5px 10px;
	}
	.footer A 
	{
		color: #BBBBBB;
	}
	.footer A:Hover
	{
		color: #ee3424;
	}

	.multiTypeImageType1
	{
		float: right;
		width: 300px;
		padding: 9px;
	}

	.multiTypeImageType5
	{
		float: left;
		width: 210px;
		height: 280px;
		padding: 9px;
		background-color: #FFF;
	}

	.multiTypeImageType6
	{
		float: right;
		width: 110px;
		height: 145px;
		padding: 9px;
	}
	.productPage .contentItem
	{
		background-color: Transparent;
		display:inline;
	}
	.productPreview .multiTypeImageType6 
	{
		float:none;
		border: 1px solid #FFF;
	}
	.productPreview 
	{
		width: 210px;
		float:left;
		border: 1px solid #FFF;
	}
	TABLE.ingredients 
	{
		margin-top: 10px;
		border-top: solid 2px #cedee7;
		font-family: Helvetica, verdana, sans-serif;
		color: #6f7881;
	}
	TABLE.ingredients TD 
	{
		border-bottom: solid 1px #cedee7;
		padding: 4px 4px 4px 0px;
	}
	TD.ingredientQuantity 
	{
		text-align:right;
	}
	
	.clinicalTrial 
	{
		margin-top: 10px;
		border: solid 1px #cedee7;
	}
	
	.clinicalTrial .description 
	{
		font-weight: 600;
		width: 70px;
		display:inline-block;
	}
	.clinicalTrial P 
	{
		margin: 4px 0px 4px 0px;
	}
	
	.clinicalTrial > DIV 
	{
		margin-top: 10px;
	}

	A.boxed 
	{
		background-color: #ee3424;
		padding: 4px;
		color: #FFF;
		font-size: 0.8em;
		font-weight: 800;
		margin-right: 10px;
		text-decoration: none;
	}
	A.boxed:hover
	{
		background-color: #BBB;
		color: #000;
	}
