@charset "utf-8";

@import url(no-script.css);

*
	{margin: 0;
	padding: 0;
	font-size: 100%;}

html
	{min-height: 100%;
	margin-bottom: 1px;
	position: relative;}

body
	{background: white url(http://www.drfosterhealth.co.uk/images/layout/body-bg.png) 0 48px repeat-x;
	color: #444;
	line-height: 1.2em;
	text-align: center;
	font-family: tahoma, "trebuchet ms", arial, sans-serif;}

a:link, a:visited, a:hover, a:visited:hover
	{color: #369;
	text-decoration: underline;}
*:focus 
	{outline: none;}
	
a:hover
	{}

#content a:visited
	{}

a img, abbr, acronym
	{border: 0;}

button, input, textarea, select
	{font-family: tahoma, "trebuchet ms", arial, sans-serif;
	color: #444;}

p, ul, dl, ol
	{padding: 0.5em 0;}

ul, ol
	{padding-left: 30px;}

.lower-roman li
	{list-style-type: lower-roman;}
	
	ol ol li
		{list-style-type: lower-alpha;}

dt
	{font-weight: bold;}

dd
	{margin-bottom: 0.5em;}

q:before, q:after
	{content: "";}

.vcard .type
	{display: none;}

table
	{width: 100%;
	border-collapse: collapse;
	font-size: 100%;
	line-height: 1.2em;
	margin: 0.5em 0 0.7em;}

table.auto
	{width: auto;}

caption
	{text-align: left;
	font-weight: bold;}
	
th, td
	{border: 1px solid #ddd;
	padding: 3px 5px;
	vertical-align: middle;}

th.numeric, td.numeric
	{text-align: right;}

tr.total td
	{font-weight: bold;
	/* border-top: 3px double #ccc; */}

input.button	
	{cursor: pointer;
	font-weight: bold;
	color: #555;}

input.text, select, textarea
	{border: 1px solid #e3e8e8;
	background: white url(http://www.drfosterhealth.co.uk/images/layout/text-input.gif) 0 0 no-repeat;
	padding: 1px 0 0 1px;}

select
	{}

label
	{font-weight: bold;}

option
	{padding: 0 2px;}
	
fieldset
	{}
	
legend
	{}

address	
	{font-style: normal;}

sup
	{}

address strong
	{display: block;}

blockquote.interview
	{line-height: 1.3em;
	margin: 0 40px;}

#content h1
	{color: #777;
	font: 220% "trebuchet ms", arial, helvetica, sans-serif;
	padding: 3px 0 5px 0;
	border-bottom: 1px dotted #ccc;
	margin-bottom: 3px;
	letter-spacing: -1px;}

#content h1 em
	{display: block;
	font-size: 12px;
	font-style: normal;
	letter-spacing: 0;
	margin-bottom: -5px;}

#content h2
	{font: 160% "trebuchet ms", tahoma, arial, helvetica, sans-serif;
	font-weight: normal;
	color: #369;
	line-height: 1.2em;
	border-bottom: 1px dotted #ccc;
	padding: 5px 0 0 0;}
	
	#content h2.static
		{border: 0;
		background: 0;}

#content h3
	{font: bold 130% "trebuchet ms", tahoma, helvetica, sans-serif;
	color: #666;}

#content h3, #content h4
	{padding: 0.5em 0 0 0;}

#content h4
	{color: #444;
	font-size: 100%;
	margin-bottom: -0.3em;}

h1 a:link, h1 a:visited, h1 a:hover, h1 a:visited:hover
	{font: 100% arial, helvetica, sans-serif;
	text-decoration: none;}

.note
	{display: block;
	margin-top: 3px;
	padding-top: 3px;
	font-style: italic;
	border-top: 1px dotted #ccc;
	color: #777;}

.highlight
	{background: #f5f5f5;
	border: 1px solid #ccc;
	padding: 5px;
	height: 1%;
	line-height: 1.2em;
	font-weight: bold;
	clear: both;
	margin: 10px 0;}

.standard /* for highlight not clearing image */
	{clear: none;}

#content .highlight h2, #content .highlight h3
	{margin: 0;
	padding: 0;
	border: 0;
	color: #666;
	background: 0;
	font: bold 130% "trebuchet ms", tahoma, helvetica, sans-serif;}

#container
	{margin: 0 auto;
	width: 960px;
	/* hide from ie mac \*/
	height: 1%;
	/* end hide */
	text-align: left;}

#header
	{float: left;
	display: inline;
	width: 100%;
	margin-bottom: 2px;
	background: transparent url(http://www.drfosterhealth.co.uk/images/layout/dfr-logo.gif) 100% 2px no-repeat;
	position: relative;}

#header #home-link img
	{display: block;
	margin-top: 4px;}

#home-link
	{display: block;
	width: 280px;
	height: 100%;}

#primary-navigation
	{float: left;
	display: inline;
	margin: 4px 0 0 0;
	width: 960px;
	height: 50px;
	overflow: auto;
	background: #8aabcd url(http://www.drfosterhealth.co.uk/images/layout/body-bg.png) 0 0 repeat-x;
	font: 110%/1em "trebuchet ms", tahoma, helvetica, sans-serif;
	letter-spacing: -1px;}

#primary-navigation ul
	{float: left;
	width: 100%;
	padding: 0;}

#primary-navigation li
	{float: left;
	text-align: center;
	color: white;
	list-style-type: none;
	/* add 2.1em to padding-left to centre links */
	padding: 14px 7em 14px 0;}

#primary-navigation li.current
	{}

#primary-navigation li img
	{position: absolute;
	margin: 5px 0 0 -15px;}

#primary-navigation ul ul
	{}

#primary-navigation ul ul li
	{}

#primary-navigation a
	{color: white;
	text-decoration: none;}

#primary-navigation li.current a
	{color: #369;}

#primary-navigation li li a
	{display: inline;
	padding: 0;
	margin: 0;
	min-height: 0;}

#primary-navigation li a:hover, #primary-navigation li.current a
	{}

#breadcrumb
	{background: #f5f5f5 url(http://www.drfosterhealth.co.uk/images/layout/breadcrumb-bg.gif) 0 100% repeat-x;
	padding: 5px 10px;
	border: solid #ddd;
	border-width: 1px 1px 0 1px;
	color: #999;}

#breadcrumb p
	{margin: 0;}

#breadcrumb a.current
	{text-decoration: none;
	font-weight: bold;}

#content
	{clear: both;
	font-size: 70%;
	float: left;
	display: inline;
	padding: 0 0 5px 0;
	width: 960px;}

span.error
	{display: block;
	color: #c00;
	font-weight: bold;
	line-height: 1.1em;
	padding: 2px 0;}

.error-message
	{width: 430px;
	background: #ffffce;
	border: 1px solid #f0c000;
	margin: 5px 0 10px 240px;
	color: #333;
	line-height: 1.2em;}

#client-validation
	{display: none;
	position: absolute;
	left: 0;
	z-index: 101;
	margin: 0;}

#content .error-message h2
	{color: #333 !important;
	font: 150% "trebuchet ms", tahoma, arial, helvetica, sans-serif; 
	padding: 5px 5px 5px 25px;
	background: transparent url(http://www.drfosterhealth.co.uk/images/layout/warning-icon.gif) 5px 50% no-repeat;}

.error-message ul strong
	{color: #c00;}

.error-message p
	{padding: 5px;}

.error-message .close
	{text-align: right;}

.error-message .close input
	{font-weight: bold;
	cursor: pointer;}

#overlay
	{display: none;
	background: transparent url(http://www.drfosterhealth.co.uk/images/layout/overlay.png);
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 20;}

a.external
	{display: inline-block;
	padding-right: 16px;
	background: transparent url(http://www.drfosterhealth.co.uk/images/layout/external-link.gif) 100% 50% no-repeat;}

.popup
	{display: none;
	position: fixed;
	z-index: 101;
	width: 40%;
	left: 30%;
	bottom: 35%;
	border: 1px solid #7f9db9;
	background: #f5f5f5;}

.more-information
	{display: none;
	position: absolute;
	left: 0;
	z-index: 101;
	width: 400px;
	padding: 5px;
	margin: -3em 0 0 0;
	background: #f5f5f5 /*url(http://www.drfosterhealth.co.uk/images/layout/loading.gif) 50% 50% no-repeat*/;
	border: 1px solid #7f9db9;
	text-align: left;
	font-weight: normal;
	font-style: normal;
	line-height: 1em;
	font: 11px tahoma, arial, helvetica, sans-serif;}

#content .more-information h1, #content .more-information h2, #content .more-information h3
	{font: bold 100% tahoma, "trebuchet ms", arial, helvetica, sans-serif;
	color: #444;
	border-bottom: 1px dotted #ccc;
	padding: 0 0 3px 0;
	margin: 0;
	letter-spacing: 0;
	background-image: none;}

#content p.loading
	{background: transparent url(http://www.drfosterhealth.co.uk/images/layout/loading.gif) 50% 50% no-repeat;
	height: 40px;
	text-indent: -100000px;}

img.notes-icon, img.info-icon
	{cursor: pointer;}

.more-information div
	{height: 100%;
	background: #f5f5f5;}

#content .more-information p
	{padding: 6px 0 !important;
	background-color: #f5f5f5;}

#content .more-information *
	{}

#content .more-information p.info-links
	{text-align: right;
	margin: 0;
	padding: 0 !important;}

#content h2.minimise, #content h2.maximise, #content h3.minimise, #content h3.maximise,  #content p.maximise, #content p.minimise
	{padding: 0 0 3px 14px;
	background: white url(http://www.drfosterhealth.co.uk/images/layout/minus-icon.gif) 0 2px no-repeat;
	clear: left;
	cursor: pointer;
	border: 0;
	font: bold 100% tahoma, arial, helvetica, sans-serif;
	color: #369;
	margin-top: 5px;}

#content h2.maximise, #content h3.maximise, #content p.maximise
	{background: white url(http://www.drfosterhealth.co.uk/images/layout/plus-icon.gif) 0 2px no-repeat;}

h2.minimise em, h2.maximise em
	{font-style: normal;
	/* border-bottom: 1px dotted #ccc; */}

/* table filter */

table.filter
	{width: 960px;}
	
table.filter th
	{background: #7ea2c7 url(../images/layout/unsorted.gif) 100% 50% no-repeat;
	cursor: pointer;
	padding: 5px 5px 7px 5px;
	text-decoration: underline;
	font-weight: normal;
	white-space: nowrap;
	color: white;}

table.filter th.sort-asc
	{font-weight: bold;
	background: #369 url(../images/layout/sort-ascending.gif) 100% 50% no-repeat;}

table.filter th.sort-desc
	{font-weight: bold;
	background: #369 url(../images/layout/sort-descending.gif) 100% 50% no-repeat;}

table.filter th, table.filter td
	{text-align: center;}

.pager
	{display: none;}

.pager img
	{cursor: pointer;}

.pager img.last
	{margin-right: 5px;}

.pager input.pagedisplay
	{border: 0;
	text-align: center;
	font-weight: bold;
	background: white;
	width: 4em;
	margin-left: -2px;
	height: 1.3em;
	color: #a0a0a0;}

/* end new stuff */

.guide-search
	{position: relative;
	clear: both;
	color: #444;
	height: 1%;
	margin: 0 0 10px 0;} 

.guide-search .button
	{position: absolute;
	right: 10px;
	bottom: 10px;
	cursor: pointer;
	color: white;
	border: 0;
	width: 120px;
	height: 40px;
	font: 150% "trebuchet ms", tahoma, arial, helvetica, sans-serif;
	font-weight: normal;}

.guide-search p
	{padding: 10px;}

.guide-search fieldset
	{clear: left;
	border: 0;
	position: relative;
	display: none;}

.guide-search fieldset.current
	{display: block;}
	
.guide-intro img
	{float: right;
	margin: 0 0 2px 5px;}

.guide-search p label, .guide-search p.radio strong
	{float: left;
	display: inline;
	text-align: right;
	margin-right: 7px;
	width: 360px;}

.guide-search p.radio strong
	{}
	
.guide-search legend
	{display: none;}

.guide-search p.radio label
	{float: none;
	width: auto;
	text-align: left;
	font-weight: normal;
	margin-left: 2px;}

.search-navigation
	{float: left;
	display: inline;
	width: 100%;
	padding: 0;
	margin: 5px 0 0 0;
	background: white;
	font: 160% "trebuchet ms", tahoma, helvetica, arial, sans-serif;
	letter-spacing: -1px;}

.search-navigation li
	{float: left;
	display: inline;
	width: 220px;
	list-style-type: none;
	position: relative;
	top: 1px;
	text-align: center;}

.search-navigation li a
	{display: block;
	padding: 7px 0;
	text-decoration: none;}

.search-navigation li.current a, .search-navigation li a:hover
	{color: white;}

.search-results td
	{min-width: 90px;
	padding: 5px;}

.search-results tbody tr:hover td, .search-results tbody tr.hover td
	{background: #eee url(http://www.drfosterhealth.co.uk/images/layout/search-results-bg.jpg) 0 100% repeat-x;
	cursor: pointer;
	border-bottom-color: #ccc;}

.search-results a
	{font-weight: bold;}

#cam-results tr.hover td
	{}

.guide-search select
	{width: 322px;}

.disclaimer
	{font-style: italic;
	border-top: 1px dotted #ccc;}

.live-search
	{display: block;}

img.content
	{float: right;
	display: inline;
	margin: 0 0 5px 10px;}

img.screen
	{border: 1px solid #7f9db9;}

img.standalone
	{display: block;
	margin: 7px 0;}
	
#disclaimer
	{clear: both;
	border-top: 1px dotted #ccc;
	color: #999;}

#disclaimer *
	{color: #999;}

#disclaimer h2
	{border: 0;
	font: bold 100% tahoma, "trebuchet ms", arial, helvetica, sans-serif;
	color: #999;}

.methodology h2
	{margin-bottom: 5px;}

.methodology dl
	{padding: 5px 10px;
	margin: 3px 0 5px;
	border: 1px solid #7f9db9;
	background: #f5f5f5;}

.methodology dl p, .methodology dl ul
	{padding-top: 0;
	margin-top: 0;}

.methodology th, .methodology td
	{background: white;}

#content .methodology dl strong
	{color: #777;}

#content .methodology caption
	{padding: 0 0 5px 0;
	font-weight: normal;}

.contact-form
	{margin: 0 0 0 180px;}

.contact-form address
	{text-align: right;}

.contact-form .submit
	{margin-left :200px;}

ul#sitemap 
	{padding: 0 0 10px 0;}

#sitemap li
	{font: bold 140% "trebuchet ms", tahoma, arial, helvetica, sans-serif;
	list-style-type: none;
	padding-left: 15px;}

#sitemap li.parent
	{padding-left: 0;}

#sitemap li li
	{font: 70%/1.2em tahoma, "trebuchet ms", arial, helvetica, sans-serif;
	padding-left: 0;}

#sitemap li img
	{cursor: pointer;}

#references .active
	{font-weight: bold;}

.contact-form label
	{float: left;
	display: inline;
	width: 200px;
	text-align: right;
	margin-right: 3px;}

ul.multiple-menu
	{float: left;
	padding-left: 0;
	line-height: 1.2em;}

.multiple-menu li
	{float: left;
	display: inline;
	width: 108px;
	padding: 3px 5px;
	margin-right: 1px;
	background: #999;
	color: white;}

.multiple-menu li.m1
	{background: #018de2;}

.multiple-menu li.m2
	{background: #c00;}

.multiple-menu li.m3
	{background: #df35c9;}

.multiple-menu li.m4
	{background: #72b320;}

.multiple-menu li.m5
	{background: #f58229;}

#content .multiple-menu li em
	{display: block;
	font-style: normal;
	font-weight: bold;
	text-decoration: underline;}

#content .multiple-menu li a
	{display: block;
	width: 100%;
	height: 60px;
	color: white;
	text-decoration: none;}
	
.media
	{font-style: italic;}

#footer
	{position: relative;
	height: 1%;
	clear: both;
	text-align: left;
	margin: 0 auto;
	width: 960px;
	color: #999;
	font-size: 70%;
	padding: 4px 0;
	border-top: 1px dotted #ccc;}

#footer a
	{color: #369;}

#footer ul
	{height: 20px;
	margin: 0;
	padding: 0;
	line-height: 12px;}

#footer ul#global-links
	{float: right;
	margin-top: -20px;
	text-align: right;}

#footer li
	{display: inline;
	list-style-type: none;
	margin-right: 5px;}

#footer ul#global-links li
	{margin-right: 0;
	margin-left: 5px;}

#footer ul#global-links li#company-number
	{display: block;
	margin-top: 5px;}

li#credits
	{padding: 5px 0;}

li#credits a
	{color: #999;}