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

body,td,th {
	/*font-family: Arial, Helvetica, sans-serif;*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
}

body {
	background-color: #FFFFFF;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

p {
	padding:0 0 10px 0;
	margin:0 0 0 0;
	text-align: left;
}

ul {
	padding-top:0px;
	margin-top:0px;
}

h1 {
	font-size:15px;	
	line-height:20px;
	color:#333;
	padding:0px 0px 10px 0px;
	margin:0;
}



a {
	color:#7FBC7E;
	text-decoration: underline;
}

a:hover {
	text-decoration: none;
}

#overall {
	float:left;
	width:100%;
}

.fullWidth {
	float:left;
	width:100%;
}

.centralise {
	margin:0 auto;
	width:930px;
}

.headerbg {
	background-image:url(../images/headerBg.jpg);
	background-position:bottom;
	background-repeat:repeat-x;
}

#header {
	float:left;
	width:930px;
	background-image:url(../images/headerBg.gif);
	background-position:bottom left;
	background-repeat:no-repeat;
}

#header .logo {
	float:left;
	width:280px;
	padding:40px 0px 40px 0px;
}

#header .right {
	float:right;
	width:230px;
	padding:40px 0px 0px 0px;
	text-align:center;
}

#header .right .links {
	float:left;
	width:230px;
	padding:0px 0px 5px 0px;
	color:#7FBC7E;
	font-weight:bold;
	font-size:12px;
}

#header .right .links a{
	color:#7FBC7E;
	text-decoration:none;
}

#header .right .links a:hover{
	color:#241356;
}

#header .right .phoneNumber {
	float:left;
	width:230px;
	padding:0px 0px 2px 0px;
	color:#241356;
	font-size:18px;
	font-weight:bold;
}

#header .right .callText {
	float:left;
	width:230px;
	padding:0px 0px 0px 0px;
	color:#7FBC7E;
	font-weight:bold;
	line-height:14px;
	font-size:10px;
}

.navigationBg {
	background-color:#7FBC7E;
}

#navigationArea {
	float:left;
	width:930px;
	height:33px;
}

#navigation {
	float:left;
	width:650px;
	height:33px;
	padding:0px 0px 0px 40px;
}

#navigation ul{
	float:left;
	width:650px;
	height:33px;
	list-style:none;
	margin:0 0 0 0;
	padding:0 0 0 0;
}

#navigation li{
	float:left;
	height:33px;
}

#navigation .gap{
	float:left;
	height:33px;
	background-image:url(../images/navDevide.gif);
	background-position:right;
	background-repeat:no-repeat;
	width:1px;
}

#navigation .nogap{
	float:left;
	height:33px;
	width:1px;
}

#navigation .end {
	background-image:none;
}

#navigation li a {
	float:left;
	height:24px;
	padding:9px 15px 0px 15px;
	font-size:12px;
	color:#FFFFFF;
	text-decoration:none;
}

#navigation li a:hover {
	background-color:#241356;
}

#navigation .onIt a {
	font-weight:bold;
	background-color:#241356;
}

#navigationArea .right{
	float:right;
	width:230px;
	padding:10px 0px 0px 0px;
	font-size:11px;
	color:#FFFFFF;
	text-align:center;
}

#navigationArea .right a{
	color:#FFFFFF;
	text-decoration:underline;
}

#navigationArea .right a:hover{
	text-decoration:none;
}

#pathway {
	float:left;
	width:875px;
	color:#666666;
	font-size:9px;
	padding:8px 0px 6px 55px;
}

#pathway a{
	color:#241356;
	text-decoration:none;
}

#pathway a:hover{
	color:#7FBC7E;
	text-decoration:none;
}

#pathway .currently {
	font-size:8px;
}

#pathway .here{
	color:#7FBC7E;
	font-weight:bold;
}

#pathway h3{
	font-weight:normal;
	font-size:9px;
	padding:0;
	margin:0;
	display:inline;
}

.locationTitleBg {
	background-color:#7FBC7E;
}

#locationTitle {
	float:left;
	width:875px;
	height:115px;
	padding:0px 0px 0px 55px;
	background-position:right;
	background-repeat:no-repeat;
	font-size:23px;
	line-height:30px;
}

#locationTitle .title1{
	float:left;
	width:160px;
	color:#FFFFFF;
	padding:40px 0px 0px 0px;
	color:#FFFFFF;
	font-weight:bold;
	display:block;
}

#locationTitle .title2{
	float:left;
	width:160px;
	color:#FFFFFF;
	padding:75px 0px 0px 0px;
	color:#FFFFFF;
	font-weight:bold;
	display:block;
}

#locationTitle .title3{
	float:left;
	width:760px;
	color:#FFFFFF;
	padding:75px 0px 0px 0px;
	color:#FFFFFF;
	font-weight:bold;
	display:block;
}

#locationTitle h1 {
	font-size:23px;
	line-height:30px;
	color:#FFF;
}

#locationTitle .title4{
	float:left;
	width:160px;
	color:#FFFFFF;
	padding:10px 0px 0px 0px;
	color:#FFFFFF;
	font-weight:bold;
	display:block;
}

.locationTitleBg-clinics { background-image:url(../images/headers/specialistClinics.jpg); }
.locationTitleBg-back { background-image:url(../images/headers/backNeck.jpg); }
.locationTitleBg-foot { background-image:url(../images/headers/footAnkle.jpg); }
.locationTitleBg-hip { background-image:url(../images/headers/hip.jpg); }
.locationTitleBg-knee { background-image:url(../images/headers/knee.jpg); }
.locationTitleBg-rhematology { background-image:url(../images/headers/rhematology.jpg); }
.locationTitleBg-shoulderElbow { background-image:url(../images/headers/shoulderElbow.jpg); }
.locationTitleBg-ski { background-image:url(../images/headers/ski.jpg); }
.locationTitleBg-sports { background-image:url(../images/headers/sports.jpg); }
.locationTitleBg-groin { background-image:url(../images/headers/groin.jpg); }

.contentbg {
	background-image:url(../images/contentBg.jpg);
	background-position:top;
	background-repeat:repeat-x;
}

#contentArea {
	float:left;
	width:930px;
	padding:10px 0px 0px 0px;
}

.footer-top {
	float:left;
	width:100%;
	height:18px;
	padding:5px 0px 0px 0px;
	background:#7FBC7E;
	text-align:center;
	color:#C8E2C7;
}

.footer-top h3, .footer-top h2 {
	padding:0;
	margin:0;
	font-size:10px;
	font-weight:normal;
}

.footerbg {
	float:left;
	width:100%;
	height:15px;
	background-image:url(../images/footerBg.jpg);
	background-position:top;
	background-repeat:repeat-x;
}


#footer {
	float:left;
	width:930px;
	height:23px;
	text-align:center;
	color:#7FBC7E;
	font-size:10px;
	padding:0px 0px 30px 0px;
}

#footer a{
	color:#7FBC7E;
	text-decoration:none;
}

#footer a:hover{
	color:#241356;
	text-decoration:none;
}

#preload {
	display:none;	
}




.navigationBox {
	float:left;
	width:190px;
	border-bottom:1px solid #7FBC7E;
	border-right:1px solid #7FBC7E;
	border-left:1px solid #7FBC7E;
	background-color:#ffffff;
	margin-bottom:20px;
}

.navigationBox h2 {
	font-size:11px;
	font-weight:normal;
	padding:0;
	margin:0;	
}

.navigationBox .nav1 {
	float:left;
	width:190px;
	border-top:1px solid #7FBC7E;
}

.navigationBox .nav1 a{
	float:left;
	width:160px;
	padding:3px 10px 3px 20px;
	text-decoration:none;
	color:#241356;
	background-image:url(../images/navBox1.gif);
	background-position:top left;
	background-repeat:no-repeat;
}

.navigationBox .nav1 a:hover{
	background-color:#E5F2E5;
	background-image:url(../images/navBox2.gif);
	background-position:top left;
	background-repeat:no-repeat;
}

.navigationBox .nav2 {
	float:left;
	width:190px;
	padding-bottom:1px;
}

.navigationBox .nav2 a {
	float:left;
	width:150px;
	padding:3px 10px 3px 30px;
	text-decoration:none;
	color:#241356;
	background-image:url(../images/navBox1b.gif);
	background-position:top left;
	background-repeat:no-repeat;
}


.navigationBox .nav2 a:hover{
	background-color:#E5F2E5;
	background-image:url(../images/navBox2b.gif);
	background-position:top left;
	background-repeat:no-repeat;
}



.navigationBox .onIt {
	background-color:#E5F2E5;
	background-image:url(../images/navBox2.gif);
	background-position:top left;
	background-repeat:no-repeat;
}


#changeClinic {
	float:right;
	width:140px;
	text-align:left;
}

#changeClinic ul {
	float:left;
	list-style:none;
	margin:0 0 0 0;
	padding:0 0 0 0;
	width:140px;
}

#changeClinic li {
	float:left;
	list-style:none;
	margin:0 0 0 0;
	padding:0 0 0 0;
	display:block;
	width:140px;
	text-align:left;
}

#changeClinic li a{
	float:left;
	width:130px;
	color:#7FBC7E;
	padding:3px 5px 3px 5px;
	text-decoration:none;
	text-align:left;
	border:1px solid #7FBC7E;
	background-image:url(../images/changeClinicBg.gif);
	background-position:right;
	background-repeat:no-repeat;
}

#changeClinic .middle1{
	float:left;
	width:130px;
	text-align:left;
	
}

	#changeClinic .middle1 a:hover {
		background:none;
		background-color:#7FBC7E;
		color:#FFF;
	}
	
	


#changeClinic .dropDown1{
	float:left;
	z-index:900;
	font-weight:normal;
	padding:5px 0px 0px 0px;
	border:1px solid #7FBC7E;
}




#changeClinic .dropDown1 li {
	float:left;
	width:140px;	
	background-color:#ffffff;
	padding:0px 0px 0px 0px;
	font-weight:normal;
	border:none;
}

#changeClinic .dropDown1 li a{
	float:left;
	width:130px;
	color:#7FBC7E;
	padding:2px 5px 2px 5px;
	text-decoration:none;
	text-align:left;
	font-weight:normal;
	border:none;
	background:none;
	
}

#changeClinic .dropDown1 li a:hover{
	background-color:#99ACBC;
	background-image:none;
}

#menu {list-style-type:none; padding:0; margin:0;}
#menu ul {list-style-type:none; padding:0; margin:0;}
#menu li {float:left; position:relative;}
#menu li.sub {}

/* for IE5.5 and IE6 only */
#menu table {border-collapse:collapse;position:absolute;top:0;left:0;z-index:80;}

#menu li a {display:block;  text-decoration:none; text-align:left;}
#menu :hover {}
#menu :hover > a {
		background:none; background-color:#7FBC7E;
		color:#FFF;}

#menu ul, 
#menu :hover ul ul,
#menu :hover ul :hover ul ul,
#menu :hover ul :hover ul ul.left {position:absolute; left:-9999px; z-index:800 }

#menu :hover ul{left:0;top:20px;} /* the background image is for IE7 */

#menu :hover ul :hover ul,
#menu :hover ul :hover ul :hover ul {padding:0 3px; left:152px; top:-3px; z-index:700}

#menu :hover ul :hover ul.left,
#menu :hover ul :hover ul :hover ul.left {padding:10px 0px 0px 20px; left:125px; top:-3px; z-index:600; font-weight:normal}