/* CSS Document */
html,body {
	margin:0;
	padding:0;
	height:100%; /* needed for container min-height */
	background: url(/images/shared/page_bg_tophalf.gif) top left repeat-x;
	background-color: #000;
	font-family: Arial, Helvetica, sans-serif;
	color:#666;
	}
body {
	font-size: 62.5%;	
	}
span {
	color: #C33084;
	font-weight: bold;
	}
a {
	text-decoration: none;
	color: #C33084;
	}
a:hover {
	text-decoration: underline;
	}
acronym {
	cursor: help;
	color: #999;
	font-weight: bold;
	}
address {
	font-size: 1.1em;
	color: #fff;
	margin-bottom: 15px;
	}
.marginbot20 {
	margin-bottom: 20px;
	}
table {
	padding: 0;
	margin: 0;
	width: 95%;
	clear: both;
	}
table th, table td {
	text-align: left;
	color: #fff;
	font-size: 1.1em;
	border-bottom: 1px dotted #C33084;
	font-weight: normal;
	}
table th {
	border-top: 1px dotted #C33084;
	}
table tr td table tr td, table tr th table tr td {
	border: none;
	}
table.clinicstable  {
	margin: 20px 0;
	}
table.clinicstable strong {
	color: #858585;
	}
table.clinicstable th {
	padding: 2px 5px 10px 5px;
	border: none;
	color: #C33084;
	}
table.clinicstable td {
	padding: 5px 10px;
	border: none;
	border-top: 1px solid #858585;
	color: #fff;
	line-height: 1.6em;
	}
table.clinicstable th {
	font-size: 1.2em;
	font-weight: bold;
	}
hr {
	border-top: 1px dotted #C33084;
	border-bottom: none;
	border-left: none;
	border-right: none;
	height: 0px;
	margin: 20px 0;
	}
body#contactuspage hr {
	display: none;
	}
/* PAGE ASSETTS  --------------------------------------------------------------- */
div#container {
	position:relative; /* needed for footer positioning*/
	margin:10px auto 0 auto; /* center, not in IE5 */
	width:760px;
	background: #000;
	border-top: 2px solid #3C3C3C;
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/
	min-height: 100%; /* real browsers */
	}
#leftcurve {
	background: url(/images/shared/left_curve_fade.gif) no-repeat top left;
	position: absolute;
	left: 0;
	height: 742px;
	width: 15px;
	margin-top: -2px;
	}
#rightcurve {
	background: url(/images/shared/right_curve_fade.gif) no-repeat top right;
	position: absolute;
	right: 0;
	height: 742px;
	width: 15px;
	margin-top: -2px;
	}
.contentwrapper {
	padding: 1em 1em 20em; /* bottom padding for footer */
	}
.contentarea {
	overflow: hidden;
	}	
.contentarea h1, h2, p {
	line-height: 1.6em;
	}
.contentarea h1 {
	color: #C33084;
	font-size: 1.6em;
	margin: 0;
	}
.contentarea h2 {
	color: #fff;
	font-size: 1.4em;
	}
.contentarea h2.pink {
	color: #C33084;
	font-size: 1.4em;
	}
.contentarea h2.promopink {
	color: #C33084;
	font-size: 2em;
	}	
.contentarea .pink {
	color: #C33084;
	}	

.contentarea h3{
color: #C33084;
}	
		
.contentarea p {
	color: #fff;
	font-size: 1.2em;
	margin-right: 10px;
	}
.contentarea p.micro {
	font-size: 1.1em;
	}
.contentarea p a {
	font-weight: bold;
	}
.topimagepanel {
	clear: both;
	padding: 15px;
	}
.addressinfoleftcol {
	float: left;
	width: 200px;
	margin: 10px;
	padding: 0 10px;
	}
/* FOOTER  --------------------------------------------------------------- */
div#footer {
	position:absolute;
	bottom:0; /* stick to bottom */
	background:#000;
	padding: 0 15px;
	width: 730px;
	}
div#footer p {
	padding: 1em;
	margin:0;
	font-size: 1.1em;
	color: #fff;
	}
/* COLUMNS  --------------------------------------------------------------- */
.leftcol {
	width: 179px;
	float: left;
	margin: 0 0 0 5px;
	}
.leftcol ul {
	font-size: 1.2em;
	list-style-type:none;
	margin: 0 0 10px 0;
	padding: 0;
	width: 179px;
	}
.leftcol ul li {
	text-transform: lowercase;
	background: url(/images/nav/nav_bg.gif) no-repeat;
	}
.leftcol ul li a {
	height: 40px;
	display: block;
	color: #fff;
	background: url(/images/nav/nav_bg.gif) no-repeat;
	padding: 3px 15px 0 15px;
	font-weight: bold;
	}
.leftcol ul ul.subnav {
	margin: 15px 0;
	padding: 0;
	}
.leftcol ul ul.subnav li {
	padding: 0 5px 0 10px;
	margin: 0;
	font-size: 0.8em;
	background: none;
	line-height: 1.4em;
	text-transform: none;
	}
.leftcol ul ul.subnav li a {
	background: none !important;
	padding: 0 0 0 25px !important;
	margin: 15px 0 !important;
	height: auto;
	}
.leftcol ul ul.subnav li a:hover {
	background: url(/images/nav/sub_nav_arrow.gif) top left no-repeat !important;
	width: auto;
	}
/* TO SHOW/HIDE SUBNAV */
.leftcol ul ul#contraceptionsubnav,
.leftcol ul ul#emergencysubnav, .leftcol ul ul#pregnancysubnav, .leftcol ul ul#abortionsubnav, .leftcol ul ul#stisubnav {
	display: none;
	}
body#contraceptionpage	.leftcol ul ul#contraceptionsubnav,
body.contraceptionsection .leftcol ul ul#emergencysubnav, body.pregnancysection .leftcol ul ul#pregnancysubnav, body.abortionsection .leftcol ul ul#abortionsubnav, body.stisection .leftcol ul ul#stisubnav {
	visibility: visible;
	display: block;
	}
/* END SHOW/HIDE SUBNAV */
.leftcol ul li a:hover {
	text-decoration: none;
	background: url(/images/nav/nav_bg_on.gif) no-repeat;
	}
	
body#ishspage .leftcol ul li#ishslink a,
body#contraceptionpage .leftcol ul li#contraceptionlink a, body.contraceptionsection .leftcol ul li#emergencylink a, body.pregnancysection .leftcol ul li#pregnancylink a, body.abortionsection .leftcol ul li#abortionlink a, body.stisection .leftcol ul li#stilink a, body#hivpage .leftcol ul li#hivlink a, body#hpvpage .leftcol ul li#hpvlink a, body.dwwpsection .leftcol ul li#dwwplink a, body#infopage .leftcol ul li#infolink a, body#healthservicespage .leftcol ul li#healthserviceslink a, body#overrainbowpage .leftcol ul li#overrainbowlink a, body#linkspage .leftcol ul li#linkslink a, body#contactuspage .leftcol ul li#contactlink a, body#chlamydiascreeningpage .leftcol ul li#screeningprogramme a, body.hpvpage .leftcol ul li#hpvlink a {
	background: url(/images/nav/nav_bg_on.gif) no-repeat;
	}
	
	
body.female_condom .leftcol ul li#female_condom_option a,	
body.male_condom .leftcol ul li#male_condom_option a,	
body.combined_pill .leftcol ul li#combined_pill_option a,	
body.progestogen_only_pill .leftcol ul li#progestogen_only_pill_option a,	
body.contraceptive_injection .leftcol ul li#contraceptive_injection_option a,	
body.contraceptive_patch .leftcol ul li#contraceptive_patch_option a,	
body.implant .leftcol ul li#implant_option a,	
body.intrauterine_device .leftcol ul li#intrauterine_device_option a,	
body.intrauterine_system .leftcol ul li#intrauterine_system_option a,	
body.diaphragm_with_spermicide .leftcol ul li#diaphragm_with_spermicide_option a,	
body.female_sterilisation .leftcol ul li#female_sterilisation_option a,	
body.male_sterilisation .leftcol ul li#male_sterilisation_option a,	
body#openinghourspage .leftcol ul li#openinghoursoption a,
body#emergencypillpage li#emergencypilloption a, body#emergencyiudpage li#emergencyiudoption a, body#emergencypharmaciespage li#emergencypharmaciesoption a, body#pregnancytestpage .leftcol ul li#pregnancytestoption a, body#pregnancywhenpage .leftcol ul li#pregnancywhenoption a, body#pregnancyunplannedpage .leftcol ul li#pregnancyunplannedoption a, body#getanabortionpage .leftcol ul li#getabortionoption a, body#carryoutabortionpage .leftcol ul li#howabortionoption a, body#afterabortionpage .leftcol ul li#afterabortionoption a, body#stigumpage .leftcol ul li#gumclinicoption a, body#stiinfopage .leftcol ul li#stioption a, body#chlamydiapage .leftcol ul li#chlamydiaoption a, body#hivinfopage .leftcol ul li#hivaidsoption a, body#testspage .leftcol ul li#testsoption a, body#avoidingpage .leftcol ul li#avoidingoption a {
	background: url(/images/nav/sub_nav_arrow.gif) top left no-repeat !important;
	}
.rightcol {
	width:530px;
	float: right;
	padding-right: 5px;
	}
.rightcol ul {
	color: #C33084;
	font-size: 1.2em;
	list-style-type: square;
	}
.rightcol ul span {
	color: #fff;
	font-weight: normal;
	}
.rightcol img {
	margin-right: 5px;
	}
.rightcol a img {
	border: 0;
	}
.fix {
	padding-top: 10px !important;
	height: 32px !important;
	}
/* CLASSES  --------------------------------------------------------------- */
.floatleft {
	float: left;
	}
.floatright {
	float: right;
	}
.clearboth {
	clear: both;
	}
.sizefixer {
	font-size: 1.2em;
	}
/* FORM  --------------------------------------------------------------- */
#genericform {
	margin-left: 40px;
	}
#genericform span.error {
	float: left;
	font-size: 1.2em;
	font-weight: bold;
	}
#genericform label {
	clear: left;
	float: left;
	display: inline;
	width: 150px;
	line-height: 17px;
	margin-right: 10px;
	font-size: 1.1em;
	color: #fff;
	}
#genericform p {
	margin-top: 30px;
	}
#genericform .genericformsfields {
	padding: 2px 5px;
	float: left;
	margin: 0 0 5px 5px;
	font-size: 1.1em;
	background-color: #fff;
	border: 0;
	width: 200px;
	color: #000;
	border-right: 3px solid #c33084;
	}

#genericform input.dob {
	padding: 2px 5px;
	float: left;
	margin: 0 0 5px 5px;
	font-size: 1.1em;
	background-color: #fff;
	border: 0;
	color: #000;
	border-right: 3px solid #c33084;
	width: 55px;
	}
#genericform .generictextarea {
	padding: 2px 5px;
	background-color: #fff;
	color: #000;
	float: left;
	margin: 0 0 5px 5px;
	font-size: 1.1em;
	width: 200px;
	border: 0;
	}
#genericform select.selectformsfields { /* ie6 */
	padding: 2px 5px 2px 0;
	background-color: #fff;
	color: #000;
	float: left;
	margin: 0 0 5px 5px;
	font-size: 1.1em;
	width: 213px;
	border: 0;
	border-right: 3px solid #c33084;
	}
#genericform input.submitbutton {
	width: 213px;
	margin-left: 165px;
	background: #420025 url(/images/shared/button_bg.gif) repeat-x;
	color: #fff;
	text-align: right;
	text-transform: lowercase;
	padding: 2px 10px 2px 0;
	border: 1px solid #66003A;
	cursor: pointer;
	margin-top: 10px;
	}
/* required note */
#requiredfieldnote { /* ie6 */
	float: right;
	display: block;
	border-right: 3px solid #B0176E;
	height: 17px;
	margin: 0 112px 10px 0;
	clear: both;
	}
#requiredfieldnote p {
	line-height: 17px;
	margin: 0 10px 0 0;
	padding: 0;
	color: #B0176E;
	}
	
	h5 {
		font-size: 1.3em;
		color: #fff;
		}
	
	#screeningpage .rightcol img {
		float: right;
		padding: 0 0 0 20px;
		/*padding: 20px 0 20px 20px;*/
		}
	
	#screeningpage h1 {
		font-size: 3em; /*--- This will be reinstated when free condom offer goes live ---*/
		/*font-size: 1.6em;*/
		}
		
/* CONDOM OFFER | PANTS OFFER -------------------------------------------------------- */
.condomoffer {
	background-color: #a91669;
	color:#FFFFFF;
	padding-right: 0;
	margin: 0 0 20px 0;
	width: 530px;
	overflow: hidden;
	}

.condomoffer h1{ 
	padding: 20px 10px 0 10px;
	margin: 0 0 10px 0;
	font-size: 3.4em;
	line-height: normal;
	color:#FFFFFF;
	}

.condomoffer h2 {
	padding: 0 10px;
	margin: 0;
	font-weight: normal;
	font-size: 1.4em;
	}
	
/* Footer | NHS Logo */

#nhs-logo {
	width: 100%;
	text-align: right;
	}
	#nhs-logo img {
		padding: 20px 10px 20px 0;
		}
		
/* Sex Factor Panel Styling */

#sexfactor-panel h3,
#sexfactor-panel p {
	position: absolute;
	top: -1000000px;
	}
	
	#sexfactor-panel a {
		display: block;
		width: 178px;
		height: 157px;
		border: none;		
		}	
	
	#sexfactor-panel img {
		border: none;		
		}			

/* Student Lounge Styling */

#student-lounge #pagewrapper {
	background-color: #000;
	width: 960px;
	margin: auto;
	}
	
	#student-lounge #header,
	#student-lounge #content,
	#student-lounge #footer {
		overflow: hidden;
		}
	
	#student-lounge #header {
		background: url(/images/student-lounge/header.jpg) 0 0 no-repeat;
		height: 610px;
		position: relative;
		}
	
		#student-lounge #header h1,
		#student-lounge #header h2,
		#student-lounge #header p,
		#student-lounge #header a {
			position: absolute;
			text-indent: -10000px;
			}
		
		#student-lounge #header a {
			display: block;
			}
				
		#student-lounge .frisky-link {
			width: 200px;
			height: 220px;
			top: 20px;
			left: 40px;
			}
		#student-lounge .bu-link {
			width: 130px;
			height: 110px;
			top: 20px;
			left: 245px;
			}
		#student-lounge .thecollege-link {
			width: 130px;
			height: 50px;
			top: 135px;
			left: 245px;
			}
		#student-lounge .links-link {
			width: 130px;
			height: 50px;
			top: 190px;
			left: 245px;
			}	
		#student-lounge .test-link {
			width: 420px;
			height: 320px;
			top: 20px;
			right: 50px;
			}
		#student-lounge .services-link {
			top: 505px;
			right: 50px;
			width: 200px;
			height: 80px;
			}			
	
	#student-lounge #content {
		background: #8b1b6c url(/images/student-lounge/content-bg.gif) no-repeat 0 0;
		padding-bottom: 30px;
		}
		
		#student-lounge #page {
			width: 555px;
			float: left;
			padding: 30px 30px 0 60px;
			}
		
			#student-lounge #content h2 {
				font-size: 2.4em;
				font-family: Georgia, "Times New Roman", Times, serif;
				color: #e2007a;
				margin: 0;
				padding: 20px 0 0 0;
				}
			
			#student-lounge #content p {
				font-size: 1.2em;
				color: #212121;
				}
			
			#student-lounge .promo {
				width: 315px;
				float: right;
				clear: right;
				margin: 0 0 15px 0;
				}
			
			#student-lounge #content h2.facebook {
				background: url(/images/student-lounge/facebook-bg.gif) no-repeat;
				font-size: 1.8em;
				color: #fff;
				height: 37px;
				margin: 30px 0 0 0;
				padding: 25px 0 0 20px;
				}
			
			#student-lounge #panttastic h2 {
				background: url(/images/student-lounge/panel-panttastic.jpg) no-repeat;
				text-indent: -100000px;
				height: 113px;
				margin: 0;
				padding: 0;
				}	
			
			#student-lounge #nhs h2 {
				background: url(/images/student-lounge/panel-nhs.gif) no-repeat;
				text-indent: -100000px;
				height: 113px;
				margin: 0;
				padding: 0;
				}
			
				#student-lounge #panttastic a,
				#student-lounge #nhs a {
					display: block;
					height: 113px;
					width: 294px;
					}
		
		#student-lounge #clinics {
			padding-top: 20px;
			}
		
			#student-lounge #map {
				float: left;
				}
			
				#student-lounge #map p {
					margin: 30px 0 0 0;
					font-size: 1.4em;
					font-weight: bold;
					color: #e2007a;
					}
				
				#student-lounge #map p a {
					display: block;
					color: #e2007a;
					}	
				
			#student-lounge #tabs {
				float: right;
				width: 220px;
				}
			
			#student-lounge #tabs ul {
				list-style: none;
				margin: 0;
				padding: 0;
				}	
				
				#student-lounge ul#tabnav {
					width: 100%;
					margin: 0;
					padding: 0;
					}
				
				#student-lounge ul#tabnav li {
					float: left;
					font-size: 1.2em;
					height: 22px;
					}
				
				#student-lounge ul#tabnav li a,
				#student-lounge ul#tabnav li a:hover {
					display: block;
					text-align: center;
					text-decoration: none;
					cursor: pointer;
					font-weight: bold;
					width: 110px;
					height: 19px;
					padding: 3px 0 0 0;
					}
					
				#student-lounge ul#tabnav li.on a {
					background: #911b6c url(/images/student-lounge/tabnav-bg.gif) repeat-x 0 0;
					}
				
				#student-lounge ul#tabnav li.on a span {
					color: #fff;
					}	
			
			#student-lounge #tabs .tabcontent {
				background: url(/images/student-lounge/tabs-bg.gif) repeat-x 0 0;
				border-top: 3px solid #911b6c;
				clear: both;
				overflow: hidden;
				padding: 0 10px;
				}		
			
			#student-lounge #tabs .tabcontent p {
				font-size: 1.1em;
				line-height: 1.4em;
				}	
						
			#student-lounge #tabs address {
				color: #171717;
				font-style: normal;
				margin: 0 0 7px 0;
				}			
	
	#student-lounge #footer {
		background: url(/images/student-lounge/footer-bg.gif) no-repeat 0 0;
		position: relative;
		height: 60px;
		width: 960px;
		padding: 0;
		}
		
		#student-lounge #footer p {
			float: left;
			color: #3d3d3d;
			padding: 2em;
			}
		
		#student-lounge #footer p.links {
			float: right;
			}	
		
		#student-lounge #footer p.links a {
			color: #3d3d3d;
			}
			
#hero-image {
	overflow: hidden;
	margin: 0 0 20px 0;
}		

#hero-image img {
	margin: 0;
}