html{font-size:100.01%;height:100%;}
body 
{
    text-align:center;
    font-family:Arial, Helvetica Neue, Helvetica, sans-serif;
    height:100%;
    position:relative;
    font-size:62.5%;
    color:#555;
}

/* Font Size */
.print
{
	font-size:0.7em;
}


/* Reset */
li a, li p, li span, li label, li li, li input, li select, li h3, li strong
{
	font-size:1em;
}

p a, p span, p label, p input, p select,
span a, span p, span span,
td li, td label, td a, td p, td input, td label,
dd p, dd a, dd span, dd label,
dt p, dt a, dt span,
label p, label a, label input,
h2 a, h2 span,
h3 a,
#mainContent p a, #mainContent p span, #mainContent p strong,
#mainContent td a, #mainContent td p, #mainContent td span, #mainContent td strong,
#mainContent th a, #mainContent th p, #mainContent th span, #mainContent th strong,
#mainContent li a, #mainContent li p, #mainContent li span, #mainContent li strong, #mainContent li li,
#mainContent td p, #mainContent td span, #mainContent td a, #mainContent td strong
{  font-size:1em; }
/* 12px */
a, strong, p, li, span, .helplineNumber, label, input, select, textarea, #mainContent .threePanel h2, 
#mainContent .mapList h3
{font-size:1.2em;} /*.helplineNumber won't be 12px because the h3 has a font-size aswell*/

/* 13px */
#careServices ul li,
#relatedPanel ul li { font-size:1.35em; }

/* 14px */
#mainContent p,
#mainContent li,
#mainContent li h2,
#mainContent td, #mainContent th,
#mainContent input, #mainContent textarea, #mainContent select,
#mainContent #careServicesDirectoryForm label{ font-size:1.4em; }

#mainContent #careServicesDirectoryForm label .instruction {
    font-size: 0.8em;
    font-weight:normal;
}

.furtherInfoLinks ul li {
    font-size: 1em !important;
}

/* 16px */
#header li h4, #header li h3, #mainContent #fullRecord h2{ font-size:1.6em; }

/* 18px */
#mainContent h3, #header h4,#header h3,#content h2{ font-size:1.8em; }

/* 20px */
#content .panel h2, #mainContent .faqs h2 { font-size:2em; }

/* 25px */
#mainContent h2 { font-size:2.5em; }

/* 30px */
#content h1 { font-size:3em; }

/* Headings */
h1,h2,h3,h4,h5, .customFont { font-family:Goudy Old Style,Times,sans-serif; }

/* General */
a:link,a:visited {color:#9D0020;font-weight:bold;} 
a:hover {text-decoration:underline;}   
a:active {text-decoration:underline;}
a:focus {text-decoration:underline;}

/* Utilities */
.emphasise {font-weight:bold;}

ul.inline li { display:inline; }

.black_wave_btm,
.black_wave_top
{
    background:#AC2641 url(/images/black_wave_btm.png) repeat-x 0 100%;
}

.black_wave_top {background-position:0 0;background-image:url(/images/black_wave_top.png);}

.marginLeft15 { margin-left:15px; }

.nolist, #mainContent ul.nolist, #mainContent ol.nolist
{
	margin-left:0;
	list-style:none;
}

/* Forms */ 
input, textarea, select
{
	font-family:Arial, Helvetica Neue, Helvetica, sans-serif;
}

.inline fieldset { display:inline-block; }

fieldset legend { display:none; }

input { padding:2px;color:#666;border:1px solid #727272; }

input.error, textarea.error
{
	/*border:1px solid #900;
	background: #FFB9B9;*/
	color:#000;
	border: 1px solid #87aec1;
	background: #f2fbff;
}

.errorMsg {
    clear: both;
    color: #005e8e;
    float: right;
    font-weight: bold;
    width: 385px /*32em*/;
    font-size: 1.2em !important;
}

input:focus,
input:active {border-color:#6F83AB;border-width:2px;}

input.button 
{
    padding:1px 4px;
    margin:0;
    border:1px solid #6F83AB; 
    background:#C3E8FB url(/images/button_bg.png) repeat-x 0 50%;
    font-weight:bold;
    color:#222;
}

input.button:focus,
input.button:active { position:relative;right:-1px;bottom:-1px;}

/*  Postcode Form  */
#postcode input
{
	width:90%;
}

#postcode input.button
{
	display:block;
	padding:2px 16px;
	margin:5px 0 0 0;
	width:auto;
}

/*  Location Message  */
#locationMessage
{
	background:#EDEDED;
	padding:8px 10px;
}

#locationMessage.yellow
{
	background:#FEF4D2;
}

#locationMessage p
{
	text-align:right;
}

/* Site search - fixes IE6 requiring width on floated element */
#header form { width:300px;text-align:right; }

/* General Form */
#mainContent form 
{
    background:#F5EDEF url(/images/form_bg.png) repeat-y 0 0;
    padding:0;
    border:1px solid #ccc;
}

#mainContent form div
{
    border-bottom:1px solid #fff;
}

#mainContent label
{
	width: 154px; /*width:12em; I've made fixed width. tet resizing was messing it up*/
	float:left;
	padding:12px 10px 8px 10px;
	text-align:right;
}


#mainContent input, #mainContent textarea, #mainContent select 
{
	float:right; 
	width: 350px /*25em*/; 
	color:#8f8f8f; 
	margin:7px 30px 5px 0;
	display:inline; 
}

#mainContent .buttonHolder { padding: 0 0 5px 19em}
#mainContent input.button { width:auto;padding:3px 10px;color:#222;margin-top:0.5em; }
#mainContent .buttonHolder input.button { float:left; }

/* Grey Box */
#mainContent .greyBox
{
	border:1px solid #ddd;
	background:#F2F2F2;
	margin:12px 0;
	padding: 8px;
}
 
#mainContent .greyBox form
{
	border:0;
	background:transparent url(none);
}

#mainContent .greyBox label
{
	font-weight:bold;
	float:none;
	display:block;
	width:auto;
	padding:0 0 5px 0;
	text-align:left;
	margin-bottom:12px;
}

#mainContent .greyBox input
{
	width:14em;
	float:left;
	margin:0 6px 0 0;
}

#mainContent .greyBox input.button
{
	width:auto;
	padding: 1px 10px;
	float:right;
	overflow:visible;
}

#mainContent #careServicesDirectoryForm label,
#mainContent .careServiceAtoz p{
    font-size: 1.6em;
}

#mainContent #careServicesDirectoryForm input.text {
    width: /*30em*/ 420px;
    padding: 3px;
}

#mainContent #careServicesDirectoryForm input.button {
    float: left;
    padding: 2px;
    width: 90px;
}

/* Page */
#page { width:1000px;margin:0 auto;text-align:left;height:100%; position: relative; }

.homePage {
    position: relative;
    margin-top: 0px !important;
}

/* Header */

.standardPage #header {
    margin-top: 41px;
}

#header 
{
    
    background: url("/images/bold_grey_wave.png") repeat-x scroll 0 100% transparent;
    margin-bottom:-1px;
    z-index:90;
    position:relative;
    padding-bottom:3px;
}

#header .fc {padding-bottom:23px;}

#header h4  
{
    font-weight:normal; 
    font-style:italic;
    font-weight:bold; 
    padding-right:10px;
    display:inline;
}

#header .black_wave_btm a,
#header .black_wave_btm h4,
#header .black_wave_btm { color:#fff; }

#header .black_wave_btm { padding:9px 15px;margin-bottom:37px;}

#header .black_wave_btm a { padding-right:15px;font-weight:normal; }

#header #textResize { overflow: hidden; }

#header #textResize a { padding:0 0 5px 0; overflow: hidden; margin-right: 3px;}

#textResize a:hover,
#textResize a:focus,
#textResize a:active
{
    background:transparent url(/images/grey_arrow_up.gif) no-repeat 50% 100%;
    /*position:relative;
    top:-2px;*/
    text-decoration: none; 
}

#header #textResize .current {background:transparent url(/images/grey_arrow_up.gif) no-repeat 50% 100%;}

#header #textResize img { margin-left:0; }

#header img {margin-left:15px;display:inline;}

#information {color:#333;padding-right:15px;}

#information .customFont { text-align: left; }

#information .customFont strong { text-align: left; font-size: 1.5em; color: #696969; font-style:italic; font-weight:normal;}

#information .no1 {border:5px solid #fff; margin-right:-5px;}/* Fix for IE 7*/

#information h3 { display:inline; }

.helplineNumber { color:#AA223E; }

.rate  
{
    color: #AA223E;
    font-size: 0.6em;
    font-family: Arial, Verdana, Serif;
}

#postcode-panel {
    position: fixed; 
    z-index: 999; 
    top: 0; 
    font-size: 0.9em;
    background: #E3F5FF url(/images/saltire.png) no-repeat 15px 13px;
    padding-left:35px;
    width: 965px;
}

.postcode-known {
    padding: 3px 0;
}

.postcode-known strong {
    font-size: 1em;
}  

.postcode-lookup p {
    margin-top: 4px;
    font-weight: bold;
}

#postcode-panel form,
.postcode-known p {
    padding: 10px 0 10px 15px;
}

#postcode-panel fieldset {
    display: inline;
}

#postcode-panel form input.text {

}

#postcode-panel form p,
#postcode-panel form input.text,
#postcode-panel form input.button{
    margin-right: 5px;
}

#postcode-panel form input.button {
    width: 106px;
}

#postcode-panel .postcode-lookup-link {
    color: #9D0020;
    padding: 10px 15px 10px 0px;
}

#postcode-panel .postcode-lookup-link,
#postcode-panel .postcode-lookup-link a {
    font-weight: normal;
}

.newWindow {
    background: url(/images/openNewWindow.png) right center no-repeat;
    padding-right: 15px;
}

/* Breadcrumb */
#breadcrumb  
{
    background:#F5EDEF url(/images/pink_wave_btm.png) repeat-x 0 100%;
    padding:8px 0;
    /*z-index:40;
    position:relative;*/
}
#breadcrumb li  
{
    display: inline;
    background:transparent url(/images/grey_arrow_right_pink.png) no-repeat 0 4px; 
    padding-left:10px;
    margin-left:5px;
}

#breadcrumb li.noArrow {
    padding-left: 0;
    background: none;
}

#breadcrumb li.first { background:none;padding-left:0; }
/* Columns */
.col_197fl { width:197px;float:left; }

.col_575fl { width:575px;float:left; }

.col_182fr { width:182px;float:right;}

.col_770fr
{
	float:right;
	width:770px;
}


/* Main Navigation */
#content #primaryNav { list-style:none;padding:0 0 30px 0; }

#content #primaryNav ul { padding:0; list-style:none; }

#primaryNav a  
{
    font-weight:bold; 
    display: block;
    padding:4px 8px 4px 16px;
    border-bottom:1px solid #ddd;
}

#primaryNav li, #primaryNav li.current li
{
	background-color:#EDEDED;
}

#primaryNav li .level2 li
{
	background-color: #555/*#888*/;
}

#primaryNav li .level2 li a
{
	color:#fff;
	border-bottom:1px solid #222;
}

#primaryNav li .level3 li
{
	background-color: #333 /*#666*/;
}

#primaryNav li.current, #primaryNav li .level2 li.current, #primaryNav  li .level3 li.current
{
	background-color:#9D0020;	
}

#primaryNav li.current a, #primaryNav li .level2 li.current a, #primaryNav li .level3 li.current a
{
	color:#fff;
	border-bottom:1px solid #000;
}

#primaryNav li.current li a
{
	color:#fff;
	border-bottom:1px solid #222;
}

#primaryNav li li a { padding-left:24px; }

#primaryNav li ul.l2 li a { padding-left:16px; }

#primaryNav li li li a {padding-left:32px;}

/*  Tier Navigation  */
.tierNav{padding:0 0 30px 0; }
.tierNav li {border-bottom:1px dotted #9D0020; background: url(/images/arrowGrey.png) no-repeat 6px 8px; padding:4px 16px}



/*  Right Hand Column  */



/* Global Panels */
.panel{margin-bottom:18px; background:#EDEDED;}

.locationLinks ul {
    background-color: #E3F5FF/*#FEF8E8*/;
}

.locationLinks ul a {
    font-size: 1.1em;
}

#postcode
{
	padding:4px 0 4px 10px
}

.panel h2  
{
background:#AC2641 url(/images/redH2.jpg) repeat-x 0 100%;
    color:#fff;
    text-decoration:none;
    padding:5px 10px 10px 10px;
    line-height:1;
    border:1px solid #681728
}

.locationLinks ul,
.panelWrapper
{
	border:1px solid #ccc;
	border-top:0;
}

.panel h2 a { color:#fff;border-bottom:0; }
.panel h2 a:hover, .panel h2 a:visited { color:#fff;}

.panel  p,
.panel ul{padding:4px 10px;}


.panel li 
{
    background:transparent url(/images/grey_arrow_right_white.png) no-repeat 0 5px;
    padding:0 0 8px 15px;
}

/*  Search Results */
.wsResults li
{
	margin:12px 0;
	border-bottom:1px solid #ccc;
	padding:0 0 6px 0;
}

/* Map Listing */
#mainContent .mapList li
{
	padding:0 12px 8px 10px;
	background: url(none) no-repeat 10px 0;
	border-bottom:1px solid #ccc;
	margin: 0 0 18px 0;
	/*height: auto!important;
	height:150px;
	min-height:150px;*/
	zoom: 1;
}

#mainContent .mapList h3
{
	font-family:Arial, Helvetica Neue, Helvetica, sans-serif;
	padding-bottom:8px;
	background: url(none);
}
#mainContent .mapList h3 a
{
	border-bottom:1px solid #ccc;
}

#mainContent .mapList h3 a:hover
{
	border-bottom:1px solid #aaa;
	text-decoration:none;
}

/*  Dividers  */
.divider
{
	padding:12px 12px 10px 8px !important;
	background: url(/images/tab_rhs_current.png) no-repeat 100% 0 !important;
	margin: 0 !important;
}

.divider.orange
{
	background-image: url(/images/divider_orange.jpg) !important;
}

.divider.yellow
{
	background-image: url(/images/divider_yellow.jpg) !important;
}

#mainContent .divider h3
{
	padding-bottom:0;
	color:#fff;
	margin:0;
	background: url(none);
}

#mainContent p.greyBg
{
	background:#EDEDED;
	padding:6px 12px;
}



/* A-Z Listing */

#mainContent .careServiceAtoz {
    margin-bottom: 30px;
}

#mainContent .careServiceAtoz ul.atoz
{
	margin-left:0;
}

#mainContent .careServiceAtoz p
{
	font-weight:bold;
}

#mainContent p.locationInfo {
    background-color: #F6EDF0;
    padding: 5px 6px;
    font-size: 1.3em;
    margin-bottom: 0;
}

#mainContent p.webDirSwitch {
    background-color: #EDEDED;
    padding: 5px 6px;
    font-size: 1.3em;
    margin-top: 1px;
}

#mainContent .resultsHeader { padding-bottom: 20px; }

#mainContent .tabContent .resultsHeader { padding-bottom: 10px; }

#mainContent .resultsHeader h2 {
    background: none;
    border-bottom: 1px solid #ccc;
    font-family: Arial, Verdana, Sans-Serif;
    font-size: 2em;
    font-weight: normal;
    margin-bottom: 0;
}

#mainContent .pagingInfo {
    float: right;
    font-size: 1.2em;
    margin-bottom: 0;
    /*margin-top: 8px;*/
}
   
#mainContent ul.atoz li
{
	background: #fff;
	display:inline;
	border:1px solid #ddd;
	padding: 2px;
	margin:2px;
	float:left;
	font-size: 2em;
	width:1.6em;
	text-align:center;
}

#mainContent ul.atoz.large li
{
	background: #fff;
	display:inline;
	border:1px solid #ddd;
	height:1.4em;
	margin:3px;
	padding-top:4px;
	float:left;
	width:2em;
	text-align:center;
}



#mainContent ul.atoz li:hover
{
	border:1px solid #222;
}

table.atozListing
{
	border-bottom:1px solid #ccc;
	width:99%;
}

table.atozListing tr.even
{
	background: #F2F2F2;
}

table.atozListing td
{
	padding:6px 4px 6px 0;
	vertical-align:top;
}

table.atozListing th
{
	padding:6px 14px 6px 4px;
	text-align:left;
	vertical-align:top;
}

table.atozListing thead th
{
	padding:2px 0 2px 4px;
	font-weight:bold;
}

#mainContent ul.glossary
{
	margin-top:12px;
}

#mainContent ul.glossary h2
{
	font-family:Arial, Helvetica Neue, Helvetica, sans-serif;
	padding-bottom:8px;
	background: url(none);
}

#mainContent .resultsFooter {
    position: relative;
    font-size: 0.9em;
}  

#mainContent .resultsFooter ul {
    margin-bottom:30px;
    float: left;
    font-size: 0.95em;
}

#mainContent .resultsFooter ul li.previous
{
    padding-left: 0;
}

#mainContent .resultsFooter ul li.next
{
    border-right: none;
}

#mainContent .resultsFooter li {
    border-right: 1px solid #ccc;
    padding: 3px 4px 3px 4px;
    margin: 0;
}

#mainContent .resultsFooter form.resultsPerPage {
    /*position: absolute;
    right: 135px;
    top: 0;*/
    float: right;
    padding-bottom: 0;
}

#mainContent .resultsFooter li.current {
    text-decoration: none;
}

#mainContent form.resultsPerPage {
    background: none;
    border: none;
    padding-bottom: 30px;
    zoom: 1;
}

#mainContent form.resultsPerPage label {
    width: auto;
    padding: 0;
}

#mainContent form.resultsPerPage select {
    width: auto;
    float: left;
    margin: 0 5px;
}

#mainContent form.resultsPerPage input.button {
    background: url(/images/btnRefresh.png) no-repeat;
    height: 20px;
    width: 20px;
    text-indent: -11000em;
    font-size: 0;
    display:block;
    line-height: 0;
    float: left;
    margin: 0; 
    padding: 0;
    cursor: pointer;
    overflow: hidden;
    border: none;
}  

#mainContent form.resultsPerPage p {
    font-size: 1.2em;
    margin-right: 5px;
    float: left;
}

#mainContent .resultsFooter .pagingInfo, #mainContent .resultsFooter  .searchPagingInfo {
    float: right;
    margin-left: 30px;
    margin-bottom: 10px;
}

#mainContent .resultsFooter  .searchPagingInfo {float: left; margin-right: 10px;}

#mainContent .pagingExtendedControls {
    float: right;
}

/*  Full Record Styling  */
#fullRecord
{
	border:1px solid #ccc;
	width:99%;
}

#mainContent #fullRecord h2
{
	padding:0;
	background: url(none);
	margin-bottom:0;
}

#fullRecord th, #fullRecord td
{
	padding:5px 16px 5px 5px;
	text-align:left;
	vertical-align:top;
}

#fullRecord thead th
{
	border:1px solid #ccc;
	color:#222;
	width: auto !important;
}

#fullRecord tbody th
{
	background:#EDEDED;
	border-right:1px solid #fff;
	border-top:1px solid #fff;
	color:#222;
	width: 150px;
	/*min-width:10em;*/
}

#fullRecord tbody td
{
	background:#F6EDF0;
	border-top:1px solid #fff;
}

#fullRecord tbody th.top, #fullRecord tbody td.top
{
	border-top:0;
}

/*  Google Maps  */
#map
{
	width:570px;
	height:350px;
	margin:20px 0;
}

/* Dynamic Links */
#mainContent ul.dynamicLinks
{
	border-bottom:1px solid #ccc;
	margin-bottom:16px;
	padding-bottom:6px;
}

#mainContent ul.dynamicLinks li
{
	margin:6px 0;
}


/*  Paging  */
#paging li, .paging li
{
	display:inline;
	padding-right:3px;
}

.paging li.current
{
	font-weight:bold;
	margin-right:2px;
	text-decoration:underline;
}



/*  TABS */
#tabs
{
	border-bottom:1px solid #ccc;
}

#tabs li
{
	float:left;
	display:inline;
}

#tabs li a
{
	float:left;
	padding:9px 30px 11px 30px;
	background: url(/images/tab_rhs.png) no-repeat 100% 0;
	border-left:1px solid #CCCACD;
}

#tabs li a.current
{
	background-image: url(/images/tab_rhs_current.png);
	border-left:1px solid #6D2030;
	color:#fff;
}


/*  Deep Links  */
.deepLinks
{
	padding:6px 10px;
	background:#F5EDEF;
	border:1px solid #ccc;
	margin:0 0 18px 0;
}

.deepLinks li
{
	margin:3px 0 8px 0;
	background: url(/images/arrowGrey.png) no-repeat 4px 6px;
	padding-left:12px;
}

.deepLinks h3
{
	font-family:Arial, Helvetica Neue, Helvetica, sans-serif;
}

/*  Content  */
h1,
#mainContent h2 {
    background:transparent url(/images/grey_wave.png) repeat-x 0 100%;
    color:#222;
    padding-bottom:5px;
    margin-top:-5px;
    line-height:1;
    margin-bottom:32px;
    position:relative;
}

h1
{
	padding-right:4.5em;
}

#mainContent h2 {margin-top:0;position:static;}

#mainContent h3
{
	color:#222;
	margin:16px 0 4px 0;
	padding-bottom:3px;
	background:transparent url(/images/grey_wave.png) repeat-x 0 100%;
}

#content { padding:35px 6px 0 6px; }
#mainContent p {margin-bottom:1em;}
#mainContent ul {list-style:disc; margin-left:1.5em;}
#mainContent .furtherInfoLinks ul { list-style-type: none; margin-left:0; }
#mainContent ol {margin:0.5em 2.4em;}
#mainContent li {}

.print
{
	position:absolute;
	top:0;
	right:0;
	background: url(/images/print.png) no-repeat 100% 12px;
	padding:7px 24px 2px 0;
	color:#9D0020;
	cursor:pointer;
}

/* Changed to reflect the client needs for last updated date at the base of pages
    a search was carried out for lastUpdated and nothing appeared to use it. */
#mainContent p.lastUpdated
{
	color:#666;
	/*font-weight:bold;*/
	/*text-decoration:underline;*/
	font-style:italic;
	margin:1em 0 0.2em;
}

a.greyArrow, li.greyArrow
{
	padding-left:10px;
	background: url(/images/arrowGrey.png) no-repeat 0 5px;
}

.deepLinks .newWindow,
#mainContent .newWindow,
.locationLinks ul .newWindow
{
	padding-right:18px;
	margin-right:3px;
	background: url(/images/openNewWindow.png) no-repeat 100% 2px;
}

/* FAQs */
#mainContent .faqs h2, #mainContent .expandable h2 {margin-bottom:0;}


.faqs li ol
{
	padding:8px 0 24px 0;
}

#mainContent .faqs p
{
	padding:4px 0 0 32px;
	margin:0;
}

.expandable li
{
	padding:7px;
}

.faqs span
{
	background: #9D0020;
	color:#fff;
	padding:0 4px;
	margin-right:12px;
}

/* Listing */

#mainContent .listing li
{
	border:1px solid #ccc;
	margin-bottom:12px;
	padding:7px;
}
#mainContent .listing h2
{
	margin-bottom:12px;
	background: url(none) no-repeat 0 100%;
}


#mainContent .listing li li
{
	border:0;
	margin-bottom:6px;
	padding:0;
}

#mainContent .listing p
{
	margin-bottom:6px;
	padding:0;
}


/* Three Panel List */
.threePanel li
{
	float:left;
	width:13.2em;
	margin-right:10px;
	background:#F2F2F2 url(/images/grey_wave.png) repeat-x 0 100%;
}

.threePanel li.end
{

	margin-right:0;
}

.threePanel li.start
{

	clear:left;
}

#mainContent .threePanel h2
{
	padding:12px 10px 3px 8px;
	background: url(none);
	font-family:Arial, Helvetica Neue, Helvetica, sans-serif;
	margin-bottom:3px;
}

.threePanel h2 a
{

	color:#9D0020;
}

#mainContent .threePanel p
{
	padding:12px 10px 8px 8px;
	margin:0;
}

.careTypeImage
{
	display:block;
	text-align:center;
}





/* Footer */
#footer a,
#footer {color:#fff;font-weight:normal;}

#footer  {padding:27px 15px 27px 0;margin-top:30px;}

#footer ul
{
	width:30em;
}

#footer ul li
{
	float:right;
	width:9em;
	display:inline;
	margin:2px 0 2px 15px;
}

#footer ul li.odd
{
	float:left;
	clear:left;
}
.topicslist {margin:10px 0px 0px 0px;}