@import url(/styles/matrix.css);

*
{
	padding: 0;
	margin: 0;
}

body
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 75%;
	color: #4C4C4C;
}


a:link,
a:visited
{
	text-decoration: none;
	color: #044D80;
}

a:hover
{
	text-decoration: underline;
	color: #013153;
}

a img
{
	border: none;
}


h1
{
	font-size: 1.75em;
	line-height: 1.25em;
	margin: 0em 0em 1em 0em;
}

h2
{
	font-size: 1.25em;
	line-height: 1.25em;
	margin: 0em 0em 1em 0em;
}

p
{
	font-size: 1em;
	font-weight: normal;
	margin: 1em 0em;
	line-height: 1.5em;
}

ul.Bullets
{
	margin-left: 30px;
	list-style: disc;
}

ol
{
	margin-left: 30px;
}

span.smaller
{
	font-size: 0.75em;
}

fieldset
{
	border: none;
}

#LatestNewsWrapper
{
	border-bottom: 1px solid #B6B6B6;
	background: #F2EBFB;
	line-height: 1.5em;
	padding: 0.5em 0em;
}

#LatestNews
{
	width: 976px;
	margin: auto;
	color: #000000;
	overflow: hidden;
}

	#LatestNews strong
	{
		float: left;
		margin-right: 0.5em;
	}
	
	#LatestNews ul
	{
		height: 1.5em;
		overflow: hidden;
	}
	
		#LatestNews li
		{
			display: inline;
		}
		
		#LatestNews a:hover
		{
			text-decoration: none;
		}


#Page
{
	width: 976px;
	margin: auto;
	padding: 10px 0px;
}

	#Header
	{
		position: relative;
		height: 10em;
		overflow: hidden;
	}
	
		#HeaderName
		{
			position: absolute;
			top: 9px;
			left: 8px;
		}
		
			#HeaderName a
			{
				color: #6A0972;
				font-size: 2em;
				font-weight: bold;
				display: block;
				line-height: 1em;
				text-decoration: none;
			}
			
			#HeaderName a span.Sub1
			{
				color: #4F5D68;
				font-size: 0.75em;
				font-weight: normal;
				line-height: 1.25em;
				display: block;
			}
			
			#HeaderName a span.Sub2
			{
				color: #4F5D68;
				font-size: 0.625em;
				font-weight: normal;
				line-height: 1.25em;
				display: block;
			}
		
		#HeaderLinks
		{
			position: absolute;
			bottom: 18px;
			left: 8px;
			height: 1em;
			line-height: 1em;
			overflow: hidden;
			list-style: none;
			margin-left: -6px;
		}
		
			#HeaderLinks li
			{
				border-left: 1px solid #B7B7B7;
				float: left;
				vertical-align: middle;
				padding: 0px 6px;
			}
			
			#HeaderLinks li.First
			{
				border-left: none;			
			}
			
		#KingstonLogo
		{
			position: absolute;
			top: 12px;
			right: 8px;
			padding: 0;
			width: 226px;
			height: 37px;
			overflow: hidden;
			text-align: right;
		}
		
			#KingstonLogo img
			{
				display: block;
				margin: 0;
			}
		
		#SearchForm
		{
			position: absolute;
			right: 8px;
			bottom: 18px;
		}
		
			#SearchForm *
			{
				/*vertical-align: middle;*/
			}
		
			#SearchForm.jqtransformdone fieldset
			{
				border: 1px solid #999999;
				display: inline;
				padding: 0;
				height: 23px;
				overflow: hidden;
			}
			
			#SearchText
			{
				width: 50px;
			}
			

	#NavigationBar
	{
		padding: 0px 8px;
	}
				
	#Navigation
	{
		list-style: none;
		line-height: 12px;
		height: 36px;
		font-size: 12px;
	}
	
		#Navigation li
		{
			float: left;
			width: 120px;
			height: 36px;
		}
		
			#Navigation li a
			{
				text-decoration: none;
				color: #FFFFFF;
				height: 24px;
				padding: 6px 8px;
				display: block;
			}
			
			#Navigation li.Rust
			{
				background: url(/images/c8_r_01.jpg) top left no-repeat #692645;
			}
			
				#Navigation li.Rust a
				{
					background: url(/images/c8_r_02.jpg) top right no-repeat;
				}
				
				#Navigation li.Rust ul.SubNavigation
				{
					background: url(/images/mbg_r.png);
				}
				
	
			#Navigation li.BlueGrey
			{
				background: url(/images/c8_gb_01.jpg) top left no-repeat #62728C;
			}
			
				#Navigation li.BlueGrey a
				{
					background: url(/images/c8_gb_02.jpg) top right no-repeat;
				}
				
				#Navigation li.BlueGrey ul.SubNavigation
				{
					background: url(/images/mbg_gb.png);
				}

			
			#Navigation li.Blue
			{
				background: url(/images/c8_bl_01.jpg) top left no-repeat #284F8A;
			}
			
				#Navigation li.Blue a
				{
					background: url(/images/c8_bl_02.jpg) top right no-repeat;
				}
				
				#Navigation li.Blue ul.SubNavigation
				{
					background: url(/images/mbg_bl.png);
				}
				
			#Navigation li.Brown
			{
				background: url(/images/c8_br_01.jpg) top left no-repeat #7B4948;
			}
			
				#Navigation li.Brown a
				{
					background: url(/images/c8_br_02.jpg) top right no-repeat;
				}
				
				#Navigation li.Brown ul.SubNavigation
				{
					background: url(/images/mbg_br.png);
				}
			
			#Navigation li.SeaGreen
			{
				background: url(/images/c8_sg_01.jpg) top left no-repeat #1D6E5F;
			}
			
				#Navigation li.SeaGreen a
				{
					background: url(/images/c8_sg_02.jpg) top right no-repeat;
				}
				
				#Navigation li.SeaGreen ul.SubNavigation
				{
					background: url(/images/mbg_sg.png);
				}
			
			#Navigation li.Green
			{
				background: url(/images/c8_g_01.jpg) top left no-repeat #2D6001;
			}
			
				#Navigation li.Green a
				{
					background: url(/images/c8_g_02.jpg) top right no-repeat;
				}
				
				#Navigation li.Green ul.SubNavigation
				{
					background: url(/images/mbg_gr.png);
				}
			
			#Navigation li.Grey
			{
				background: url(/images/c8_gy_01.jpg) top left no-repeat #4C4C4C;
			}
			
				#Navigation li.Grey a
				{
					background: url(/images/c8_gy_02.jpg) top right no-repeat;
				}
				
				#Navigation li.Grey ul.SubNavigation
				{
					background: url(/images/mbg_gy.png);
				}
			
			#Navigation li.Purple
			{
				background: url(/images/c8_p_01.jpg) top left no-repeat #281952;
			}
				
				#Navigation li.Purple a
				{
					background: url(/images/c8_p_02.jpg) top right no-repeat;
				}
				
				#Navigation li.Purple ul.SubNavigation
				{
					background: url(/images/mbg_p.png);
				}
				
			#Navigation li ul.SubNavigation
			{
				display: none;
				position: absolute;
				list-style: none;
				border-top: 5px solid #C32A7C;
				padding: 6px 4px 12px 4px;
				width: 112px;
			}
			
				#Navigation li ul.SubNavigation li
				{
					float: none;
					height: auto;
					width: auto;
				}
				
				#Navigation li ul.SubNavigation li a:link,
				#Navigation li ul.SubNavigation li a:visited
				{
					background-image: none;
					height: auto;
					width: auto;
					padding: 6px 0px;
					line-height: 1.25em;
					text-decoration: none;
				}
				
				#Navigation li ul.SubNavigation li a:hover
				{
					text-decoration: underline;
				}
			
			
				
	#BannerImage
	{
		height: 145px;
		border-top: 5px solid #C32A7C;
		border-bottom: 5px solid #C32A7C;
		width: 960px;
		margin: auto;
	}
	
	#Body
	{
		padding: 0px 8px;
	
	}
	
		#Content.Home
		{
			float: left;
			width: 220px;
			padding-top: 20px;
			padding-right: 22px;
		}
		
		#Content.Internal
		{
			padding-left: 242px;
			padding-right: 8px;
			padding-top: 20px;
		}
		
			#Content a:link,
			#Content a:visited
			{
				text-decoration: underline;
				color: #044D80;
			}
			
			#Content a:hover
			{
				text-decoration: none;
				color: #013153;
			}

		
			#Content h1
			{
				font-weight: bold;
				color: #6A0972;
			}
			
			#Content h2
			{
				font-weight: bold;
				/*color: #4C4C4C;*/
				color: #6A0972;
			}
			
			#Content h3
			{
				font-weight: normal;
				/*color: #4C4C4C;*/
				color: #6A0972;
			}
		
			#Content p
			{
				text-align: justify;
			}
			
			#Content ul
			{
				margin-left:20px;
				margin-bottom:10px;
				margin-top:10px;
			}	
			
			#Content li
			{
				line-height:150%;
			}
			
			
			#Content table
			{
				border-collapse: separate;
				border-spacing: 0;			
			}
			
			#Content table td
			{
				vertical-align:top;
				padding:6px 8px 6px 8px;
				border-bottom:1px dotted #999999;
				background-color:#F2EBFB;
				border-collapse:collapse;
			}		
			
			#Content hr
			{
				margin-top:8px;
				margin-bottom:8px;
			}
			
		#SideBar
		{
			float: left;
			width: 200px;
			padding-right: 42px;
			padding-bottom: 500px;
			background: url(/images/sidebarbg.jpg) no-repeat bottom left;
			margin-bottom: 10px;
		}
		
			#SideBarNavigation
			{
				padding: 20px;
				background: url(/images/sidebarlinksbg.jpg) repeat-y top left;
			}
		
			#SideBar ul
			{
				list-style: none;
			}
			
				#SideBar #SBN_Main a:link,
				#SideBar #SBN_Main a:visited
				{
					color: #333333;
				}
				
				#SideBar #SBN_Main a:hover
				{
					color: #0D77C5;
					text-decoration: none;
				}
			
				#SideBar #SBN_Main ul.Level1 li
				{
					color: #000000;
					line-height: 1.5em;
				}
				
				#SideBar #SBN_Main ul.Level1 a
				{
					padding: 0.5em 1.7em 0.5em 0em;
					display: block;
					background-image: url(/images/sidebarlink.png);
					background-repeat:no-repeat;
					background-position:right 0.3em;
				}
				
				#SideBar #SBN_Main ul.Level1 a:link,
				#SideBar #SBN_Main ul.Level1 a:visited
				{
					border-bottom: 1px dotted #FFFFFF;
				}
				
				#SideBar #SBN_Main ul.Level1 a:hover
				{
					border-bottom: 1px dotted #0D77C5;
				}
				
				#SideBar #SBN_Main ul.Level1 ul
				{
					padding: 2px 0px 2px 5px;
				}
				
				#SideBar #SBN_Main ul.Level2 ul{
					padding: 2px 0px 2px 8px;
					font-size:11px;
				}
				
				#SideBar #SBN_Main ul.Level2 a:link,
				#SideBar #SBN_Main ul.Level2 a:visited
				{
					border-bottom: none;
					background: url(/images/hyphen.gif);
					background-repeat:no-repeat;
					background-position:left 0.3em;
					padding-left: 10px;
				}
				
				#SideBar #SBN_Main ul.Level2 a:hover
				{
					border-bottom: none;
				}
				
				
				#SideBar #FeatureNavigation
				{
					margin-top: 20px;
				}
				
					#SideBar #FeatureNavigation li
					{
						color: #FFFFFF;
						line-height: 28px;
						font-size: 14px;
						font-weight: normal;
						margin: 0px 0px 5px 0px;
					}
				
					#SideBar #FeatureNavigation li a
					{
						color: #FFFFFF;
						line-height: 28px;
						font-size: 14px;
						font-weight: normal;
						margin: 0;
					}
				
						#SideBar #FeatureNavigation li span
						{
							display: block;
							padding: 0px 10px;
						}
						
					#SideBar #FeatureNavigation li.Young
					{
						background: url(/images/c10_purple_fn_01.gif) top left no-repeat #6A0972;
					}
					
						#SideBar #FeatureNavigation li.Young span
						{
							background: url(/images/c10_purple_fn_02.gif) top right no-repeat;
						}
					
					#SideBar #FeatureNavigation li.Women
					{
						background: url(/images/c10_pink_fn_01.gif) top left no-repeat #C32A7C;
					}
					
						#SideBar #FeatureNavigation li.Women span
						{
							background: url(/images/c10_pink_fn_02.gif) top right no-repeat;
						}
					
					#SideBar #FeatureNavigation li.Men
					{
						background: url(/images/c10_blue_fn_01.gif) top left no-repeat #0851AD;
					}
					
						#SideBar #FeatureNavigation li.Men span
						{
							background: url(/images/c10_blue_fn_02.gif) top right no-repeat;
						}
					
					#SideBar #FeatureNavigation li.Gay
					{
						background: url(/images/c10_green_fn_01.gif) top left no-repeat #01855E;
					}
					
						#SideBar #FeatureNavigation li.Gay span
						{
							background: url(/images/c10_green_fn_02.gif) top right no-repeat;
						}
				
				/*
				#SideBar ul li
				{
					
				}
				
				
				
				*/
			
		#Features
		{
			padding: 10px 0px;
		}
		
			
			div.FeatureBox
			{
				width: 172px;
			}
			
				div.FeatureBox h2
				{
					color: #FFFFFF;
					line-height: 28px;
					font-size: 14px;
					font-weight: normal;
					margin: 0;
				}
				
					div.FeatureBox h2 a:link,
					div.FeatureBox h2 a:visited
					{
						color: #FFFFFF;
						line-height: 28px;
						font-size: 14px;
						font-weight: normal;
						margin: 0;
					}
					
					div.FeatureBox h2 a:hover
					{
						color: #FFFFFF;
						line-height: 28px;
						font-size: 14px;
						font-weight: normal;
						margin: 0;
						text-decoration: underline;
					}
				
					div.FeatureBox h2 span
					{
						display: block;
						padding: 0px 10px;
					}
			
				div.FeatureBox ul
				{
					list-style: none;
					padding: 130px 10px 10px 10px;
					line-height: 1.25em;
					font-size: 12px;
				}
				
					div.FeatureBox ul li
					{
						padding: 0.25em 0em;
					}
			
			#Feature1
			{
				background: #EBC9EE;
				color: #6A0972;
				float: left;
				margin-right: 10px;
			}
			
				#Feature1 h2
				{
					background: url(/images/c10_purple_01.gif) top left no-repeat #6A0972;
				}
				
					#Feature1 h2 span
					{
						background: url(/images/c10_purple_02.gif) top right no-repeat;
					}
					
				#Feature1 ul a
				{
					color: #6A0972;
				}
				
				#Feature1 ul
				{

					background: url(/images/feature1.jpg) top no-repeat;
				}
			
			#Feature2
			{
				background: #FCE9F2;
				color: #C32A7C;
				float: left;
			}
			
				#Feature2 h2
				{
					background: url(/images/c10_pink_01.gif) top left no-repeat #C32A7C;
				}
				
					#Feature2 h2 span
					{
						background: url(/images/c10_pink_02.gif) top right no-repeat;
					}
					
				#Feature2 ul a
				{
					color: #C32A7C;
				}
				
				#Feature2 ul
				{
					background: url(/images/feature2.jpg) top no-repeat;
				}
			
			#Feature3
			{
				background: #CEDFF5;
				color: #0851AD;
				float: right;
				margin-right: 10px;
			}
				
				#Feature3 h2
				{
					background: url(/images/c10_blue_01.gif) top left no-repeat #0851AD;
				}
				
					#Feature3 h2 span
					{
						background: url(/images/c10_blue_02.gif) top right no-repeat;
					}
					
				#Feature3 ul a
				{
					color: #0851AD;
				}
				
				#Feature3 ul
				{
					background: url(/images/feature3.jpg) top no-repeat;
				}
			
			#Feature4
			{
				background: #EFFCF8;
				color: #01855E;
				float: right;
				
			}
			
				#Feature4 h2
				{
					background: url(/images/c10_green_01.gif) top left no-repeat #01855E;
				}
				
					#Feature4 h2 span
					{
						background: url(/images/c10_green_02.gif) top right no-repeat;
					}
					
				#Feature4 ul a
				{
					color: #01855E;
				}
				
				#Feature4 ul
				{
					background: url(/images/feature4.jpg) top no-repeat;
				}
				
		#NewsAndFAQs
		{
			clear: right;
			padding: 20px 0px;
		}
		
		* html #NewsAndFAQs
		{
			padding: 10px 0px;
		}
		
		*+ html #NewsAndFAQs
		{
			padding: 10px 0px;
		}
		

			div.FeatureBox2
			{
				width: 354px;
				background: #F1F4F8;
				min-height: 220px;
			}
			
				div.FeatureBox2 h2
				{
					color: #000000;
					line-height: 28px;
					font-size: 14px;
					font-weight: normal;
					margin: 0;
					background: url(/images/c10_grey_01.gif) top left no-repeat #C3CBD6;
				}
				
					div.FeatureBox2 h2 span
					{
						display: block;
						padding: 0px 10px;
						background: url(/images/c10_grey_02.gif) top right no-repeat;
					}
					
					div.FeatureBox2 h2 a
					{
						float: right;
						font-size: 12px;
					}
					
			#NewsAndFAQs p,
			#NewsAndFAQs h3
			{
				padding: 0px 10px;
			}
			
			#LatestNewsFeature
			{
				float: left;
				margin-bottom: 10px;
			}
			
				p.LatestNewsDate
				{
					font-size: 14px;
					color: #333333;			
				}
			
			#FAQs
			{
				float: right;
				margin-bottom: 10px;
			}
			
				#FAQs ul
				{
					padding: 20px 10px;
					list-style: none;
					font-size: 12px;
					line-height: 1.25em;
				}
				
					#FAQs li
					{
						padding: 0.25em 0em 0.25em 0.75em;
						background: url(/images/hyphen.jpg) top left no-repeat;
					}
					
	#FooterWrapper
	{
		position: relative;
		clear: both;
		border-top: 1px solid #B7B7B7;
		margin-top: 10px;
		padding-bottom: 10px;
		background: #F2EBFB;
	}
	
	#Footer
	{
		width: 972px;
		margin: auto;
		position: relative;
		height: 9.2em;
		color: #333333;
	}
	
		#NHSDirect
		{
			position: absolute;
			top: 12px;
			right: 8px;
		}
	
		#TelephoneNumber
		{
			position: absolute;
			top: 12px;
			left: 8px;
			font-size: 1.75em;
			font-weight: bold;
		}
		
		#OpeningTimes
		{
			position: absolute;
			bottom: 0px;
			left: 8px;
			width: 50%;
		}
			
			#OpeningTimes table td.padding
			{
				padding-left:10px;
			}
		
		#Footer #OpeningTimes p
		{
			line-height: 1.25em;
			margin: 4px 0px 0px 0px;
		}
		
		#FooterLinks
		{
			position: absolute;
			bottom: 0px;
			right: 8px;
		}
		
		#Footer p
		{
			margin: 0;
			line-height: 1em;
		}
		

#breadcrumbs
{
	margin-bottom:0.5em;
}
		
/* Form Styles */

form .Invalid
{
	background: #F2EBFB !important;
	border: 1px solid #999999;
}

form *
{
	font-size: 12px;
}

form input.TextBox,
form textarea
{
	border: 1px solid #999999;
	background: #FDFDFD;
	padding: 3px 5px;
	width: 240px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

form textarea.TextBoxFull
{
	width: 560px !important;
}

form select
{
	border: 1px solid #999999;
	background: #FDFDFD;
	text-align: center;
}
		
iframe
{
	border: none;
}

table.FormLayout
{
	border-collapse: collapse;
	border: none;
	margin: 10px 0px;
}

	table.FormLayout th.FormLabel
	{
		padding: 3px 10px 10px 0px;
		width: 170px;
		text-align: left;
		vertical-align: top;
	}
	
	table.FormLayout th.FormLabelBlock
	{
		padding-top: 3px;
		width: 180px;
		text-align: left;
		vertical-align: top;
	}
	
	table.FormLayout td.FormField
	{
		text-align: left;
		vertical-align: middle;
		padding-bottom: 10px;
	}
	
	table.FormLayout td.FormField *
	{
		vertical-align: text-top;
	}
	
	table.FormLayout td.FormButtons
	{
		text-align: right;
		vertical-align: top;
		padding: 10px 0px;
	}

	table.FormLayout button
	{
		border: 1px solid #999999;
		background: #F2EBFB;
		padding: 3px 5px;
		font-size: 11px;
		color: #6666666;
	}
	
	table.FormLayout label
	{
		line-height: 16px;
	}
	
	table.FormLayout input.PatientNumber
	{
		width: 112px;
		background-image: url(/Images/KF.png);
		background-repeat: no-repeat;
		background-position: 0px 0px;
		background-color: #FDFDFD;
		padding: 3px 5px 3px 23px;
		border: 1px solid #999999;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		letter-spacing: 2px;
	}
	
	table.FormLayout input.ClinicNumber
	{
		width: 121px;
		background-image: url(/Images/K.png);
		background-repeat: no-repeat;
		background-position: 0px 0px;
		background-color: #FDFDFD;
		padding: 3px 5px 3px 14px;
		border: 1px solid #999999;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		letter-spacing: 2px;
	}
	
	table.FormLayout input.Number
	{
		letter-spacing: 1px;
	}
	
	table.FormLayout div.ValErrors
	{
		border: 1px solid #999999;
		margin: 10px 0px;
		padding: 5px;
		background: #F2EBFB;
	}
	
		table.FormLayout div.ValErrors p
		{
			margin: 0px 0px 5px 0px;
			font-weight: bold;
		}
		
#FormHolder
{
	padding: 0px 0px 40px 0px;
	display:none;
}


.red{
color:#FF0000;}

.redsmall{
color:#FF0000;
font-size:10px;
display:block;
margin-top:5px;
}