/* 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 5em; /* bottom padding for footer */
	}
.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: -40px 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;
	}