html {
	font-size: 100%;
}

.bricks {
	background: url(/images/layout/bricks.jpg) left top repeat;
}

body, div, h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
}

body {
	font-size: 62.5%;
	font-family: Arial, Helvetica;
}

h1 {
	font-size: 1.6em;
	color: #000000;
}

h2 {
	font-size: 1.4em;
	color: #000000;
}

h3 {
	font-size: 1.4em;
	color: #871c5e;
}

p {
	font-size: 1.2em;
	margin-top: 0;
	color: #000000;
}

ul {
	font-size: 1.2em;
	color: #000000;
}

img {
	border: 0;
}

.clr {
	clear: both;
	line-height: 0;
	font-size: 0;
	height: 0;
}

.clr3 {
	clear: both;
	line-height: 3px;
	font-size: 0;
	height: 3px;
}

.clr10 {
	clear: both;
	line-height: 10px;
	font-size: 0;
	height: 10px;
}

.left {
	float: left;
}

.right {
	float: right;
}

.padBottom10px {
	padding-bottom: 10px;
}

.noRightMargin {
	margin-right: 0;
}

.noBottomMargin {
	margin-bottom: 0;
}

.noTopMargin {
	margin-top: 0;
}

.topMargin10px {
	margin-top: 10px;
}

.width180px {
	width: 180px;
}

.width210px {
	width: 210px;
}

.width240px {
	width: 240px;
}


.width400px {
	width: 400px;
}

.width50px {
	width: 50px;
}

.narrow {
	padding: 20px 60px;
}

#dev_banner {
	width: 1024px;
	margin: 0 auto;
	position: relative;
	background-color: #ff0000;
	color: #ffffff;
	font-size: 1.4em;
	font-weight: bold;
	text-align: center;
	padding: 3px;
}

#header {
	height: 244px;
	width: 1024px;
	margin: 0 auto;
	position: relative;
}

#mainLogo					{position: absolute; top: 0;			left: 80px;		}
#whitewashTop				{position: absolute; top: 0;			left: 0;			}
#whitewashBottom			{position: absolute; top: 0;			left: 0;			}
#checkUrself				{position: absolute; top: 122px;		left: 829px;	}
#thePoint					{position: absolute; top: 75px;			left: 787px;	}
#nhsLogo					{position: absolute; top: 18px;			left: 853px;	}
#homeButton					{position: absolute; top: 0;			left: 103px;	}
#hideButton					{position: absolute; top: 0;			left: 165px;	}

/* --- ROAD SIGN SERVICES LINKS: TOP */
#topSignCroydon			{position: absolute; top: 97px;		left: 320px;	}
#topSignKingston			{position: absolute; top: 97px;		left: 481px;	}
#topSignMerton				{position: absolute; top: 97px;		left: 638px;	}
#topSignRichmond			{position: absolute; top: 144px;		left: 320px;	}
#topSignSutton				{position: absolute; top: 143px;		left: 490px;	}
#topSignWandsworth		{position: absolute; top: 144px;		left: 625px;	}

/* --- ROAD SIGN SERVICES LINKS: BOTTOM */
#bottomSignRichmond		{position: absolute; top: 134px;		left: 143px;	width: 79px;	height: 23px;	background: url(/images/layout/bottomSignRichmond.gif) left top no-repeat;		}
#bottomSignKingston		{position: absolute; top: 115px;		left: 290px;	width: 75px;	height: 23px;	background: url(/images/layout/bottomSignKingston.gif) left top no-repeat;		}
#bottomSignWandsworth	{position: absolute; top: 124px;		left: 408px;	width: 101px;	height: 24px;	background: url(/images/layout/bottomSignWandsworth.gif) left top no-repeat;	}
#bottomSignMerton			{position: absolute; top: 94px;		left: 530px;	width: 63px;	height: 24px;	background: url(/images/layout/bottomSignMerton.gif) left top no-repeat;		}
#bottomSignSutton			{position: absolute; top: 139px;		left: 690px;	width: 61px;	height: 22px;	background: url(/images/layout/bottomSignSutton.gif) left top no-repeat;		}
#bottomSignCroydon		{position: absolute; top: 143px;		left: 825px;	width: 74px;	height: 23px;	background: url(/images/layout/bottomSignCroydon.gif) left top no-repeat;		}

#topText						{position: absolute; top: 18px;		left: 322px;	}

#homepageSideFadeLeft {
	position: absolute;
	left: 5px;
	top: 0;
	z-index: 50;
}

#homepageSideFadeRight {
	position: absolute;
	left: 729px;
	top: 0;
	z-index: 50;
}

.panelImage {
	float: left;
	display: block;
}

#scroller {
	position: absolute;
	top: 0;
	left: 5px;
	width: 798px;
	height: 265px;
	background-color: #000000;
	overflow: hidden;
	padding: 7px 6px 0 5px;
}

#panels {
	position: relative;
	padding: 0;
	margin: 0;
	width: 798px;
	height: 265px;
	overflow: hidden;
}

#panels ul {
	position: relative;
	left: -268px;
	margin: 0;
	padding: 0;
	list-style-type: none;
	width: 9999px;
}

#panels ul li {
	margin: 0;
	padding: 0;
	float: left;
	width: 268px;
	height: 265px;
}

#scrollButtonLeft {
	position: absolute;
	top: 120px;
	left: -18px;
	z-index: 75;
	cursor: hand;
}

#scrollButtonRight {
	position: absolute;
	top: 120px;
	left: 798px;
	z-index: 75;
	cursor: hand;
}

#searchServices, #agencyInfoPanel {
	position: relative;
	width: 240px;
	min-height: 242px;
	height: auto !important;
	height: 242px;
	padding: 15px 15px 38px 15px;
	float: left;
}

#agencyInfo {
	display: none;
	width: 220px;
	padding: 10px;
	background-color: #f1e3fb;
}

#goButton {
	position: absolute;
	top: 270px;
	left: 192px;
}

#searchMainPanel {
	position: relative;
	width: 534px;
	min-height: 242px;
	height: auto !important;
	height: 242px;
	padding: 15px 0 0 0;
	float: left;
}

.searchResult, #fullAgencyInfo {
	position: relative;
	width: 514px;
	padding: 10px;
	background-color: #f1e3fb;
	margin-bottom: 4px;
}

#whitePanel {
	background-color: #ffffff;
	border: 1px solid #871c5e;
	padding: 10px;
}

.hoursLabel {
	width: 150px;
	font-size: 1.2em;
	font-weight: bold;
	float: left;
}

.hours {
	width: 300px;
	font-size: 1.2em;
	float: left;
}

#pagination {
	width: 534px;
}

#prevpage {
	float: left;
	width: 178px;
	text-align: left;
}

#pagecount {
	float: left;
	width: 178px;
	text-align: center;
}

#nextpage {
	float: right;
	width: 178px;
	text-align: right;
}

.faqsPanel {
	position: relative;
	background-color: #f1e3fb;
	padding: 10px;
	margin-bottom: 4px;
}

.answerPanel {
	position: relative;
	background-color: #ffffff;
	border: 1px solid #871c5e;
	padding: 10px;
	display: none;
}

#letters {
	width: 598px;
	margin: 5px 0 15px 0;
	padding: 0 45px 0 46px;
}

.letter {
	width: 15px;
	margin: 2px 2px 2px 0;
	padding: 2px;
	background-color: #f1e3fb;
	text-align: center;
	border: 1px solid #871c5e;
	float: left;
	font-size: 1.3em;
}

.word {
	padding: 5px;
	margin-bottom: 4px;
	background-color: #f1e3fb;
	clear: both;
}

.meaning {
	margin-top: 4px;
	padding: 4px;
	border: 1px solid #871c5e;
	background-color: #ffffff;
	clear: both;
}

form#frmAsk label {
	width: 150px;
	float: left;
	font-size: 1.2em;
	font-weight: bold;
}

form#frmAsk select {
	width: 200px;
	float: left;
	font-size: 1.2em;
}

form#frmAsk textarea {
	float: left;
	font-size: 1.2em;
}

form#frmFeedback label {
	width: 325px;
	float: left;
}

form#frmTell label {
	width: 150px;
	float: left;
	font-size: 1.2em;
	font-weight: bold;
}

#footer {
	height: 277px;
	width: 1024px;
	margin: 0 auto;
	position: relative;
	clear: both;
	display:block;
}

#utilNav {
	position: absolute;
	width: 809px;
	top: 60px;
	left: 104px;
	font-size: 1.2em;
	font-weight: bold;
}

#utilNav a {
	color: #ce247b;
	text-decoration: none;
}

#utilNav a:hover {
	text-decoration: underline;
}

.clear {
	height:0px;
	clear:both;
	line-height:0px;
	font-size:0px;
	overflow:hidden;
}

#content {
	position: relative;
	width: 1024px;
	margin: 0 auto;
/*	min-height: 272px;
	height: auto !important;
	height: 272px;*/
	clear: both;
	display:block;
}

#contentLeft {
	width: 99px;
	min-height: 272px;
	height: auto !important;
	height: 272px;
	float: left;
}

#contentMiddle {
	width: 809px;
	padding: 0 5px;
	min-height: 272px;
	height: auto !important;
	height: 272px;
	background-color: #ffffff;
	float: left;
	position: relative;
}

#contentMiddle a {
	color: #ce247b;
	font-weight: bold;
	text-decoration: none;
}

#contentMiddle a:hover {
	color: #871c5e;
	text-decoration: underline;
}

#contentRight {
	width: 106px;
	min-height: 272px;
	height: auto !important;
	height: 272px;
	float: left;
}

.titleText {
	font-size: 1.7em;
	font-weight: bold;
	color: #ec3367;
}

.subTitleText {
	color: #6a0054;
	font-weight: bold;
	font-size: 1.2em;
}

#chooseAreaText {
	position: absolute;
	top: 71px;
	left: 322px;
	color: #fefb03;
	font-size: 1.2em;
	font-weight: bold;
}

#topNav {
	position: absolute;
	top: 197px;
	left: 0;
	width: 930px;
	height: 47px;
	padding-left: 94px;

}

#topNavButton1 {
	float: left;
	padding: 2px 3px 0 0;
	width: 271px;
	height: 45px;
}

#topNavButton2 {
	float: left;
	padding: 1px 3px 0 0;
	width: 279px;
	height: 46px;
}

#topNavButton3 {
	float: left;
	margin-top: 3px;
	height: 44px;
}

#bottomNav {
	width: 799px;
	height: 43px;
	padding: 6px 5px;
	position: absolute;
	top: 1px;
	left: 104px;
	background-color: #000000;
}

#bottomNavButton1 {display: inline-block; padding: 0; margin: 0;				}
#bottomNavButton2 {display: inline-block; padding: 0; margin: 0 3px 0 0;	}
#bottomNavButton3 {display: inline-block; padding: 0; margin: 0;				}
#bottomNavButton4 {display: inline-block; padding: 0; margin: 0 3px 0 0;	}
#bottomNavButton5 {display: inline-block; padding: 0; margin: 0;				}
#bottomNavButton6 {display: inline-block; padding: 0; margin: 0;				}

/* ------- DROP DOWN MENUS ------- */

#learnDD {
	position: absolute;
	top: 0;
	left: 15px;
	display: none;
	z-index: 100;
}

#learnDD ul {
	list-style: none;
	padding: 0;
	margin: 0;
	width: 235px;
}

#learnDD ul li {
	margin: 0;
	padding: 0;
	height: 30px;
	width: 235px;
}

#learnDD ul li a {
	padding: 0;
	margin: 0;
	line-height: 30px;
	display: inline;
}

#areasDD {
	position: absolute;
	top: 0;
	left: 290px;
	display: none;
	z-index: 100;
}

#areasDD ul {
	list-style: none;
	padding: 0;
	margin: 0;
	width: 235px;
}

#areasDD ul li {
	margin: 0;
	padding: 0;
	height: 30px;
	width: 235px;
}

.ddButton {
	display: block;
	clear: both;
}

#text_header, #text_footer {
	display: none;
}

#home_text {
	display: none;
}

#addThisButtonDiv {
	position: absolute;
	top: 165px;
	left: 230px;
}

#aids-warning {
	border: 1px solid #000;
	padding: 5px;
	background-color: #F1E3FB;
	margin: 15px 0;
}

#aids-warning p {
	color: #00f !important;
}

.no-bottom-margin {
	margin-bottom: 0;
}

.sti-types {
	list-style: none;
	margin: 0;
	padding: 0;
}

.sti-types h2 {
	font-size: 1.2em;
}

.sti-types ul {
	list-style: disc;
	padding: 5px 5px 25px 35px;
	font-size: 1.0em;
}

.sti-types p {
	font-size: 1.0em;
}