@charset "utf-8";
/* CSS Document */

/* --------- defaults  --------- */
/* Global reset */
/* Based upon 'reset.css' in the Yahoo! User Interface Library: http://developer.yahoo.com/yui */
*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }
table { border-collapse:collapse; border-spacing:0 }
fieldset, img { border:0 }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
ol, ul, li { list-style:none }
caption, th { text-align:left }
q:before, q:after { content:''}
.clear {clear:both;}

* {
	margin: 0;
	padding: 0;
}

html {
		font-size: 100%;
		}

body {	
	margin:20px 0 0 0;
	/*	font-family: "Trebuchet MS"; */
	font-family:"lucida grande", arial, sans-serif;
	background: #dddfe0 url(../images/back_grad4.png) repeat-x ;
		}

#wrapper{
	width:1032px;
	height:auto;
	margin:0 auto;
}
		
#headertop{		
	float:left;
	background:url(../images/headertop.png) no-repeat;
	width:1032px;
	height:18px;
}
#headermiddle{
	float:left;
	background:url(../images/headermiddle_tile.png) repeat-y;
	width:1032px;
	height:300px;

}
#headermiddleleft{
	height:280px;
	width:400px;
	float:left;
	margin: 5px 0 0 50px;
	padding:2px;
	border:solid 2px;
	border-color:#999999;
	
	}
#headermiddleright{
	float:right;
	height:215px;
	width:500px;
	margin: 40px 50px 0 0;
	}


#headerbottom{		
	float:left;
	background:url(../images/headerbottom.png) no-repeat;
	width:1032px;
	height:29px;
}

#maincontent{
	float:left;
	width:1032px;
	height:auto;
}

#leftsidebar{
	float:left;
	position:relative;
	width:258px;
	height:auto;
}
#rightsidebar{
	float:right;
	position:relative;
	width:258px;
	height:auto;
}
#contentcentre{
	float:right;
	position:relative;
	width:510px;
	height:auto;
	padding: 0 6px 0 0;
}
#contentcentre_map{
	float:right;
	position:relative;
	width:768px;
	height:auto;
	padding: 0 6px 0 0;
}
#spacertop{
	float:left;
	width:510px;
	height:36px;
	background:url(../images/spacertop.png) no-repeat;
}
#spacerbot{
	float:left;
	clear:both;
	width:1032px;
	height:38px;
	background:url(../images/spacerbot.png) no-repeat;
}
#footerwrap{
	width:500px;
	height:30px;
	margin:0 auto;
	padding:0;
}
ul#footer{
	height: 27px;
	float:left;
	width:auto;
	padding: 3px 0 0 0;
}
ul#footer li{
	text-decoration: none;
	float:left;
	display:block;
	list-style: none;
}
ul#footer li a{	
	color: #ffffff;
	font-size:14px;
	line-height:18px;
	text-decoration: none;
	padding:0 8px;
	font-weight:500;
}

ul#footer li a:hover{
	text-decoration: underline;
	color: #cccccc;
}

#content{
	width:490px;
	height:auto;
	float:left;
	padding: 10px 10px 10px 13px;
	z-index: 1;
}
#content_map{
	width:748px;
	height:auto;
	float:left;
	padding: 10px;
	z-index: 1;
}
/* white box */
.wtop{
	float:left;
	background:url(../images/r1top.png) no-repeat;
	width:258px;
	height:35px;
	}

.wmid{
	float:left;
	background:url(../images/r1mid_tile.png) repeat-y;
	width:258px;
	height:auto;
	z-index: 100;
	position: relative;
	overflow: visible;
	}

.wmid img{
	margin:10px 0 5px 0;
	border:0;
}
.wmid img.nhsdirect{
	margin:5px 0 0 10px;
	border:0;
}

.wbottom{
	float:left;
	background:url(../images/r1bot.png) no-repeat;
	width:258px;
	height:35px;
	margin: 0;
	}
/* blue box */
.btop{
	float:left;
	background:url(../images/r2top.png) no-repeat;
	width:258px;
	height:35px;
	}

.bmid{
	float:left;
	background:url(../images/r2mid_tile.png) repeat-y;
	width:258px;
	height:auto;
	}
.bmid img{
	margin:10px 0 0 10px;
	border:0;
}
.bmid .icon{
	margin:0 8px -8px 0;
	}
.bmid p{
	padding:5px 10px;
	color:#FFFFFF;
	line-height: 24px;
	font-size: 16px;
}
.bmid a{
	font-size:12px;
	text-decoration:none;
	color:#3300FF;
	padding: 0 0 0 3px;
}
.bmid a:hover{
	font-size:12px;
	text-decoration:underline;
	color:#0066FF;
	padding: 0 0 0 3px;
}

.bbottom{
	float:left;
	background:url(../images/r2bot.png) no-repeat;
	width:258px;
	height:35px;
	}
	
.test{
	width:auto;
	height:auto;
	z-index:500;
}
.center{
	margin:0 auto;
	width: 169px;
}
	

/* Text styling */
h1{
	font-size:20px;
	display:none;
}
h2{
	font-size:28px;
	line-height:32px;
	text-align:center;
	color: #CC0000;
	margin: 0 0 10px 0;
}
h3{
	font-size:20px;
	line-height:20px;
	padding:10px 0 10px 0;
	text-align:center;
	color: #CC0000;
}
h4{
	font-size:17px;
	line-height:20px;
	text-align:left;
	color:#CC0000;
}

p{
	color:#333333;
	font-size:16px;
	line-height:20px;
	font-weight: 500;
	margin: 5px 0 10px 0;
}

a{
	text-decoration:none;
	color:#3300FF;
}
a:hover{
	text-decoration:underline;
	color:#0066FF;
}
.breadcrumb{
	font-size:14px;
	color:#eeeeee;
	padding:20px 0 0 20px;
	font-weight: 500;
	line-height: 26px;
}
.breadcrumb a{
	color:#0066CC;
	text-decoration:none;
}
.breadcrumb a:hover{
	color:#0099CC;
	text-decoration:underline;
}

.home{
	color:#333333;
}

/* Copyright footer area */

#footer_copy {
	width:455px;
	margin:0 auto 20px auto;
	color:#333399;
	clear: both;
}

#footer_copy p{
	text-align:center;
	font-size: 12px;
	line-height: 12px;
}

#footer_copy a {
	color:#0000CC;
	text-decoration:none;	
}
#footer_copy a:hover {
	color:#0099FF;
	text-decoration:underline;
}

#footer_copy a:visited {
	color:#0099FF;
}

table {
	color:#333333;
	font-size:16px;
	line-height:20px;
	font-weight: 500;
	margin:10px 0 10px 40px;
}

#catchment{
	margin:0 auto 20px 0;
	height:400px;
	width:720px;
	padding:3px;
	border:solid #666666 2px;
}
#register{
	float:left;
	padding: 0px 10px 10px 13px;
}

ul.patientid{
	margin:5px 0 5px 0;
	}
ul.patientid li{
	list-style:disc;
	color:#333333;
	font-size:16px;
	line-height:20px;
	font-weight: 500;
	margin: 5px 0 5px 20px;
}

ul#healthlinks{
	margin:5px 0 5px 0;
	}
ul#healthlinks li{
	list-style:none;
	color:#333333;
	font-size:16px;
	line-height:20px;
	font-weight: 500;
	margin: 5px 0 5px 20px;
}
ul#healthlinks li a{
	text-decoration:none;
	color:#0033FF;
}
ul#healthlinks li a:hover{
	text-decoration:underline;
	color:#0099FF;
}

/* Menu styling only below */
.menu, .menu ul {padding:0; margin:0; list-style:none;}
.menu {
	width:180px;
	height:336px;
	background:#fcfcfc;
	border:1px solid #ddd;
	position:relative;
	z-index:100;
	margin: 15px 0 20px 30px;
	overflow: visible;
}
.menu table {border-collapse:collapse; padding:0; margin:0 0 -1px 0; width:0; height:0; font-size:1em;}
.menu ul {position:absolute; left:-9999px;}

.menu li {width:180px; height:42px; float:left; border-right:1px solid #ddd;}

.menu li a {display:block; width:100%; height:42px; line-height:42px; color:#777; text-decoration:none; font-size:12px; font-family:"lucida grande", arial, sans-serif; text-indent: 50px; float:left;}

.menu li.sub a {background:url(../images/grey.gif) no-repeat 150px center;}

.menu li a:hover {white-space:nowrap; position:relative; color:#06f;}

.menu li.sub a:hover {background:url(../images/blue.gif) no-repeat 150px center; color:#06f;}
.menu li.sub a b {display:block; color:#06f; font-weight:normal;}

.menu li:hover {position:relative;}
.menu li:hover.sub > a {background:url(../images/blue.gif ) no-repeat 150px center; color:#06f;}

.menu li.home {background:url(../images/home-32.png) no-repeat 10px center;}
.menu li.information {background:url(../images/Info-32.png) no-repeat 10px center;}
.menu li.clinicteam {background:url(../images/doctor.png) no-repeat 10px center;}
.menu li.newpatients {background:url(../images/group-32.png) no-repeat 10px center;}
.menu li.links {background:url(../images/mail-32.png) no-repeat 10px center;}
.menu li.numbers {background:url(../images/phone32.png) no-repeat 10px center;}
.menu li.contact {background:url(../images/contact-32.png) no-repeat 10px center;}
.menu li.news {background:url(../images/news32.png) no-repeat 10px center;}

.menu :hover ul
{width:150px; height:auto; left:165px; top:7px; background:#fcfcfc; border:1px solid #ddd; }
.menu :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul :hover ul :hover ul
{width:150px; height:auto; left:115px; top:-1px; background:#fcfcfc; border:1px solid #ddd; border-width:1px 0 1px 1px;}

.menu :hover ul ul,
.menu :hover ul :hover ul ul,
.menu :hover ul :hover ul :hover ul ul,
.menu :hover ul :hover ul :hover ul :hover ul ul
{left:-9999px; width:0; height:0;}

.menu :hover ul li,
.menu :hover ul li a
{width:150px; height:30px; line-height:30px; text-indent:40px; float:none;}


.menu :hover ul li.opening a{background:url(../images/clock24.png) no-repeat 8px center;}
.menu :hover ul li.opening a:hover{background:url(../images/clock24.png) no-repeat 8px center;}
.menu :hover ul li.appointments a{background:url(../images/appointments24.png) no-repeat 8px center;}
.menu :hover ul li.appointments a:hover{background:url(../images/appointments24.png) no-repeat 8px center;}
.menu :hover ul li.prescriptions a{background:url(../images/pills24.png) no-repeat 8px center;}
.menu :hover ul li.prescriptions a:hover{background:url(../images/pills24.png) no-repeat 8px center;}
.menu :hover ul li.clinics a{background:url(../images/case24.png) no-repeat 8px center;}
.menu :hover ul li.clinics a:hover{background:url(../images/case24.png) no-repeat 8px center;}
.menu :hover ul li.homevisits a{background:url(../images/homehouse24.png) no-repeat 8px center;}
.menu :hover ul li.homevisits a:hover{background:url(../images/homehouse24.png) no-repeat 8px center;}
.menu :hover ul li.outofhours a{background:url(../images/lock24.png) no-repeat 8px center;}
.menu :hover ul li.outofhours a:hover{background:url(../images/lock24.png) no-repeat 8px center;}
.menu :hover ul li.facilities a{background:url(../images/chair24.png) no-repeat 8px center;}
.menu :hover ul li.facilities a:hover{background:url(../images/chair24.png) no-repeat 8px center;}
.menu :hover ul li.numbers a{background:url(../images/phone24.png) no-repeat 8px center;}
.menu :hover ul li.numbers a:hover{background:url(../images/phone24.png) no-repeat 8px center;}
.menu :hover ul li.partners a{background:url(../images/doctor24.png) no-repeat 8px center;}
.menu :hover ul li.partners a:hover{background:url(../images/doctor24.png) no-repeat 8px center;}
.menu :hover ul li.staff a{background:url(../images/nurse24.png) no-repeat 8px center;}
.menu :hover ul li.staff a:hover{background:url(../images/nurse24.png) no-repeat 8px center;}
.menu :hover ul li.catchment a{background:url(../images/map24.png) no-repeat 8px center;}
.menu :hover ul li.catchment a:hover{background:url(../images/map24.png) no-repeat 8px center;}
.menu :hover ul li.register a{background:url(../images/Document24.png) no-repeat 8px center;}
.menu :hover ul li.register a:hover{background:url(../images/Document24.png) no-repeat 8px center;}

.menu :hover ul li.sub a,
.menu :hover ul :hover ul li.sub a,
.menu :hover ul :hover ul :hover ul li.sub a,
.menu :hover ul :hover ul :hover ul :hover li.sub a,
.menu :hover ul :hover ul :hover ul :hover ul :hover li.sub a
{background:url(../images/grey.gif) no-repeat 100px center; color:#777;}

.menu :hover ul li.sub a:hover,
.menu :hover ul :hover ul li.sub a:hover,
.menu :hover ul :hover ul :hover ul li.sub a:hover,
.menu :hover ul :hover ul :hover ul :hover ul li.sub a:hover
{background:url(../images/blue.gif) no-repeat 100px center; color:#06f;}
.menu :hover ul li.sub:hover > a,
.menu :hover ul :hover ul li.sub:hover > a,
.menu :hover ul :hover ul :hover ul li.sub:hover > a,
.menu :hover ul :hover ul :hover ul :hover ul li.sub:hover > a
{background:url(../images/blue.gif) no-repeat 100px center; color:#06f;}

.menu :hover ul li a,
.menu :hover ul :hover ul li a,
.menu :hover ul :hover ul :hover ul li a,
.menu :hover ul :hover ul :hover ul :hover ul li a,
.menu :hover ul :hover ul :hover ul :hover :hover ul li a
{background:#fcfcfc; color:#777;}

.menu :hover ul li a:hover,
.menu :hover ul :hover ul li a:hover,
.menu :hover ul :hover ul :hover ul li a:hover,
.menu :hover ul :hover ul :hover ul :hover ul li a:hover,
.menu :hover ul :hover ul :hover ul :hover ul :hover ul li a:hover
{background:#fcfcfc; color:#06f;}

.menu li.sub a b,
.menu :hover li.sub a b,
.menu :hover ul :hover li.sub a b,
.menu :hover ul :hover ul :hover li.sub a b,
.menu :hover ul :hover ul :hover ul :hover li.sub a b,
.menu :hover ul :hover ul :hover ul :hover ul :hover li.sub a b
{display:block; color:#06f; font-weight:normal;}

.menu li.sub a.selected b,
.menu :hover ul li.sub a.selected b,
.menu :hover ul :hover ul li.sub a.selected b,
.menu :hover ul :hover ul :hover ul li.sub a.selected b,
.menu :hover ul :hover ul :hover ul :hover ul li.sub a.selected b,
.menu :hover ul :hover ul :hover ul :hover ul :hover ul li.sub a.selected b
{display:block; background:#fcfcfc; color:#06f; font-weight:normal;}