﻿/* Schemes Menu */

ul.schememenu 
{
	list-style-type: none;
	display: block;
	margin: 20px auto 0 auto;
	text-align: center;
	width: 850px;
}	
		
	ul.schememenu li
	{
		display: block;
		height: 200px;
		width: 200px;
		margin: 0 10px 10px 0;
		padding: 0;
		border: 0;
		clear: none;
		float: left;
		list-style-type: none;
	}
	
		ul.schememenu li a
		{
			position: relative;
			display: block;
			height: 200px;
			width: 200px;	
			font-size: 0.7em;
			line-height: 1.4em;
			text-align: center;
			font-weight: normal;
			background-color: #00A5D9;
			border: solid 1px #00A5D9;
			color: Black;
			text-decoration: none;
			background-repeat: no-repeat;
			background-position: left bottom;		
		}	

			ul.schememenu li div
			{
				display: block;
				position: relative;
				clear: left;
				padding: 5px;
				height: 40px;
				font-weight: bold;
				cursor: pointer;
				background-color: #00A5D9;
				color: White;
				font-size: 1.3em;
				line-height: 1.6em;
				font-weight: bolder;
			}
											
				ul.schememenu li a div.description
				{
					display: none;
					background-color: White;
					color: Black;
					text-align: left;
					font-weight: normal;
					background-image: none;
				}
				
					ul.schememenu li a:hover div.title
					{
						background-color: #EBFCFF;
						color: #00A5D9;
						height: 50px;
						margin-bottom: -10px;
						text-decoration: underline;
					}
				
					ul.schememenu li a:hover div.ukaslogo
					{
						display: none;
					}
																	
						ul.schememenu li a:hover div.description
						{
							position: relative;
							top: -1px;
							left: -1px;
							display: block;
							height: 140px;
							width: 400px;
							border: solid 1px #00A5D9;
							z-index: 100;
						}
															
							ul.schememenu li.rowend a:hover
							{	
								position:relative; 						
								width: 200px; 
								height: 200px; 
								left: 0; 
								top: 0; 
								z-index: 5;
							}					
																																																								
							ul.schememenu li.rowend a:hover div.description
							{
								position: absolute;
								top: 49px;
								left: -211px;
								z-index: 6;
								display: block;
								height: 140px;
								width: 400px;
								border: solid 1px #00A5D9;
							}
							

/* Trial Schemes Menu */				
ul.trialmenu 
{
	list-style-type: none;
	display: block;
	margin: 20px auto 0 auto;
	text-align: center;
	width: 850px;
}	
		
	ul.trialmenu li
	{
		display: block;
		height: 200px;
		width: 200px;
		margin: 0 10px 10px 0;
		padding: 0;
		border: 0;
		clear: none;
		float: left;
		list-style-type: none;
	}
	
		ul.trialmenu li a
		{
			position: relative;
			display: block;
			height: 200px;
			width: 200px;	
			font-size: 0.7em;
			line-height: 1.4em;
			text-align: center;
			font-weight: normal;
			background-color: #00A5D9;
			border: solid 1px #00A5D9;
			color: Black;
			text-decoration: none;
			background-repeat: no-repeat;
			background-position: left bottom;		
		}	

			ul.trialmenu li div
			{
				display: block;
				position: relative;
				clear: left;
				padding: 5px;
				height: 40px;
				font-weight: bold;
				cursor: pointer;
				background-color: #00A5D9;
				color: White;
				font-size: 1.3em;
				line-height: 1.6em;
				font-weight: bolder;
			}
			
				ul.trialmenu li a div.description
				{
					background-color: White;
					color: Black;
					text-align: left;
					font-weight: normal;
					background-image: none;
					height: 140px;
				}
				
					ul.trialmenu li a:hover div.title
					{
					    background-color: #EBFCFF;
					    border-bottom: solid 1px #00A5D9;
					    height: 39px;
					    color: #00A5D9;
					}