html {height: 100%;margin: 0px 0px 0px 0px;}

body{
	background-color: #508FB7;
	background-image: url(/wsimages/bodyBG.jpg);
	background-repeat: repeat-x;
	background-position: top left;
	margin:0px;
	height: 100%;
	font-family: Arial;
	font-weight: normal;
	font-size: 11px;
	color: #002036;
	
}

form, input, textarea, select {margin: 0; padding: 0;}
img {border: none;}

.noText {line-height:1px;font-size:1px;} /* tells IE to use 1px line height and font size */

div#main {
	margin: 0px auto 0px auto;
	width: 958px;
}
div#left {width: 166px; float: left;}
	div#menu {
		float: right;
		text-align: right;
		width: 166px;
		margin-top: 107px;
	}
div#right {width: 729px; float: left;}

div#header {
	width: 703px;
	height: 94px;
	background-color: #ffffff;
	margin: 0px 13px 13px 13px;
}
	div#headerTop {height: 91px;}
		img#headerLogo {float: left; margin-left: 18px; margin-top: 26px;}
		img#headerText {float: right; margin-right: 17px; margin-top: 57px;}
	div#headerBottom {
		height: 3px;
		background-image: url(/wsimages/homeHeaderBottom.gif);
	}

div#bodyWrapper {
	background: #ffffff url(/wsimages/bodyContentBG.jpg) repeat-x;
	padding-left: 13px;
	/* Min height hack for IE */
	min-height:320px;
	height:auto !important;
	height:320px;
	/* end hack */
}
	div#pageHeaderImage {
		float: left;
		display: inline;
		margin-bottom: 18px;
		background-color: #ffffff;
		padding: 4px 4px 4px 4px;
		height: 177px;
		width: 695px;
		}
		div#pageHeaderImage.internal {height: 129px;}
		div#flashHeader {float: left; display: inline; width: 496px;}
		div#randomImage {float: left; display: inline; width: 199px;}
		div#flashHeader.internal {float: left; display: inline; width: 199px;}
		div#randomImage.internal {float: left; display: inline; width: 199px; height: 129px;}

		div#pageBody {
			width: 485px;
			float: left;
			/*display: inline;*/ /* fix double floated margin nonsense in IE (http://www.positioniseverything.net/explorer/doubled-margin.html) */
		}
		div#pageBody.noRHS {width: 703px;}
	
			div#pageBodyTop {
				background-image: url(/wsimages/pageBodyTop.gif);
				background-repeat: repeat-x;
				height: 4px !important;
			}
			div#breadCrumbs {
				
				background-color: #EFEDDD;
				border-bottom: 1px solid #deddd4;
				padding-left: 12px;
				padding-top: 5px;
				padding-bottom: 5px;
			}
			div#pageTitleSep {
				clear: left;
				background: transparent url(/wsimages/pageTitleBottom.gif) repeat-x bottom left;
				height: 1px;
				margin-bottom: 12px;
			}
			
			div.pageTitleSep {
				clear: left;
				background: transparent url(/wsimages/pageTitleBottom.gif) repeat-x bottom left;
				height: 1px;
				margin-bottom: 12px;
			}
			
			div#searchNoRHS {width: 177px; float: right;}

			div#pageBodyContent {
				background: #ffffff url(/wsimages/pageBodyContentBG.jpg) repeat-x;
				padding-left: 12px;
				padding-right: 12px;
				/* Min height hack for IE */
				min-height: 150px;
				height:auto !important;
				height: 150px;
				/* end hack */
			}
			div#pageBodyContent div.newsDate {color: #09828E;font-size: 11px;}
			div#pageBodyContentHome {padding:0px;}
	
	div#rightCol {
		width: 203px;
		float: left;
		margin-left: 15px;
	}


/**********************/
/*    SEARCH BOX      */
/**********************/
#headerSearch {
	float: left;
	border: 1px solid #08293D;
	height: 21px;
	color : #001a2c;
	background-color: #F1F7FD;
	margin: 9px 5px 9px 0px;
	display: inline; /* IE double floated margin fix */
	width: 117px;
}
#headerSearch input {
	float: left;
	border: 0;
	width: 111px;
	padding: 3px 3px 3px 3px;
	height: 15px;
	font-size: 11px;
	color: #001a2c;
	background-color: #F1F7FD !important;
}
#headerSearchSubmit {float: left;margin-top: 9px;}

/**********************/
/*    CLIENT LOGIN    */
/**********************/
.clientLoginFieldWrapper {
	float: left;
	border: 1px solid #08293D;
	height: 21px;
	color : #001a2c;
	background-color: #F1F7FD;
	display: inline; /* IE double floated margin fix */
	width: 117px;
}
#clientUsernameWrapper {
	margin: 9px 5px 9px 0px;
}
#clientPasswordWrapper {
	margin: 0px 5px 0px 0px;
}
input#clientUsername, input#clientPassword {
	float: left;
	border: 0;
	width: 111px;
	padding: 3px 3px 3px 3px;
	height: 15px;
	font-size: 11px;
	color: #001a2c;
	background-color: #F1F7FD !important;
}
#headerLoginSubmit {float: left;margin-top: 1px;}
#headerLoginForgotText {color: #09828E;clear: both; position: relative; left: 0px; top: 7px; text-decoration: underline; clear: both;padding-bottom: 13px;}

/**********************/
/*     NEWS PAGE      */
/**********************/
div.newsPagination {color: #09828E;}
div.newsPaginationTop {margin-top: 15px;margin-bottom: 16px;}
div.newsPaginationBottom {margin-top: 30px;margin-bottom: 10px;}
.newsPaginationLinks {color: #09828E;font-size: 11px;}
.newsPaginationLinks a {color: #09828E;text-decoration:none;font-size: 11px;}
.newsPaginationLinks a:hover {color: #09828E;text-decoration:underline;}
.newsPaginationLinksActive  {color: #09828E;font-size: 11px;font-weight: bold;}


/**********************/
/*     SITE MAP       */
/**********************/
div#siteMap {
	margin-top: 16px;
	margin-bottom: 25px;
}

div#siteMap img {
	background-color: transparent !important;
	padding: 0px 4px 0px 0px !important;
	border: none  !important;
	margin: 0px !important;
	position: relative;
	top: -3px;
}

div.level1, div.level2 {
	background-color: #E1E9EF;
	margin-bottom: 4px;
	padding: 4px 7px 5px 7px;
	font-size: 12px;
}

div.level2 a, div.level1 a {color: #002036 !important;text-decoration: none !important;font-weight: bold;}
div.level2 a:hover, div.level1 a:hover {color: #002036;text-decoration: underline !important;}
div.level2 a:visited, div.level1 a:visited {color: #09828E;text-decoration: underline !important;}

div.level3 a, div.level4 a {color: #002036 !important;text-decoration: none !important;font-weight: normal;}
div.level3 a:hover, div.level4 a:hover {color: #002036;text-decoration: underline !important;}
div.level3 a:visited, div.level4 a:visited {color: #09828E;text-decoration: underline !important;}

div.level5 a {color: #002036 !important;text-decoration: none !important;font-weight: normal;}
div.level5 a:hover {color: #002036;text-decoration: underline !important;}
div.level5 a:visited {color: #09828E;text-decoration: underline !important;}

div.level3 {
	font-size: 11px;
	padding-bottom: 3px;
	padding-left: 16px;
	margin-bottom: 3px;
	border-bottom: 1px solid #D2D3D3;
}
img.level3 {
}

div.level4 {
	font-size: 11px;
	padding-left: 26px;
	padding-bottom: 5px;
	margin-top: -1px;
	border-bottom: 0px;
}
img.level4 {padding-right: 4px;}

div.level5 {
	font-size: 11px;
	padding-left: 36px;
	padding-bottom: 5px;
	margin-top: -1px;
	border-bottom: 0px;
}
img.level5 {}

/**********************/
/*     MAIN MENU      */
/**********************/
div#menu {border-top: 1px solid #BBD0DD;}
div.menuItem {
	padding: 4px 7px 5px 7px;
	font-size: 11px;
}
div.menuLevel1, div.menuLevel2 {
	background-color: #1C628E;
	border-bottom: 1px solid #BBD0DD;
}

div.menuLevel1_open, div.menuLevel2_open {background-color: #6191B0;border-bottom: 1px solid #BBD0DD;}
div.menuLevel1_open a, div.menuLevel2_open a {color: #ffffff;text-decoration: none;font-weight: bold;}

div.menuLevel1_active, div.menuLevel2_active {background-color: #EFEDDD;border-bottom: 1px solid #BBD0DD;}
div.menuLevel1 a, div.menuLevel2 a {color: #ffffff;text-decoration: none;font-weight: bold;}
div.menuLevel1_active a, div.menuLevel2_active a {color: #004A79;text-decoration: none;font-weight: bold;}

div.menuLevel3, div.menuLevel3_active {
	background: #8EB1C7 url(/wsimages/menuBullet.gif) no-repeat;
	background-position: 95% 50% ;
	padding-right: 18px;
	border-bottom: 1px solid #BBD0DD;
}
div.menuLevel3_active {background-color: #EFEDDD;}
div.menuLevel3 a {color: #000000;text-decoration: none;font-weight: normal;}
div.menuLevel3_active a {color: #000000;text-decoration: none;font-weight: normal;}


div.menuLevel4, div.menuLevel4_active {
	background-color: #BBD0DD;
	padding-right: 18px;
}
div.menuLevel4_active {background-color: #EFEDDD;}
div.menuLevel4 a {color: #000000;text-decoration: none;font-weight: normal;}
div.menuLevel4_active a {color: #000000;text-decoration: none;font-weight: normal;}

div.menuLevel5, div.menuLevel5_active {
	background-color: #EFEDDD;
	padding-right: 18px;
}
div.menuLevel5_active {background-color: #DCD9C1;}
div.menuLevel5 a {color: #000000;text-decoration: none;font-weight: normal;}
div.menuLevel5_active a {color: #000000;text-decoration: none;font-weight: normal;}

div.menuLevel6, div.menuLevel6_active {
	background-color: #F7F6EE;
	padding-right: 18px;
}
div.menuLevel6_active {background-color: #F7F6EE;}
div.menuLevel6 a {color: #2F2E2E;text-decoration: none;font-weight: normal;}
div.menuLevel6_active a {color: #2F2E2E;text-decoration: none;font-weight: normal;}

/**********************/
/*     FOOTER         */
/**********************/
div#footerSpacer {height: 13px; clear: both; font-size: 1px; line-height: 1px;}
div#footer {
	height: 27px;
	clear: both;
	background-color: #ffffff;
	width: 729px;
}
	div#footerTop {
		height: 12px;
		border-top: 1px solid #d3d5dd;
		margin: 0px 13px 0px 13px;
	}
	div#footerText {
		width: 200px;
		float: left;
		color: #125A87;
		margin-left: 13px;
	}
	div#footerLinks {
		width: 460px;
		text-align: right;
		float: right;
		margin-right: 17px;
		color: #519bc9;
	}
	div#footerLinks a:link {color: #125A87; text-decoration: underline;}
	div#footerLinks a:hover {color: #125A87; text-decoration: none;}
	
div#footerBottom {
	clear: both;
	height: 4px;
	width: 729px;
	padding-top: 13px;
	background: #ffffff url(/wsimages/footerBottom.gif) no-repeat bottom left;
}


/*********************************/
/* HOME PAGE - Our Services Tabs */
/*********************************/
#hosMain {
	border-collapse: collapse;
	border: 0;
	clear: left;
}

#hosTL {float:left;width: 274px; height: 5px; background: transparent url(/wsimages/hosTL.gif) no-repeat;}
#hosTR {float:left;width: 190px; height: 5px; background: transparent url(/wsimages/hosTR.gif) no-repeat;}

#hosLeft{width: 5px; background: transparent url(/wsimages/hosLeftBG.gif) repeat-y;}
#hosTeaser {width: 257px; background-color: #508FB7;padding-left: 10px;}

#hosBot {float:left;width: 464px; height: 4px; background: transparent url(/wsimages/hosBot.gif) no-repeat;}

#hosTabsWrapper {height: 100%;}
#hosTabsTable {height: 100%;width: 192px;}

.hosTabOff {border-left: 2px solid #B6E3FF;}

.hosTab {border-left: 2px solid #B6E3FF;}
.hosTabOn {border-left: 0px;}

.hosTabTop {width: 190px;height:5px;background: transparent url(/wsimages/hosTabOffTop.gif) no-repeat;}
.hosTabBot {width: 190px;height:5px;background: transparent url(/wsimages/hosTabOffBot.gif) no-repeat;}
.hosTabContent {
	width: 167px;
	color: #003759;
	cursor: pointer;
	background: #BFDAEB url(/wsimages/hosTabOffBG.jpg);
	padding: 3px 9px 2px 14px;
	font: bold 11px Arial;
}


.hosTabContentOn {
	width: 169px;
	color: #ffffff;
	cursor: pointer;
	background: #4F8EB6 url(/wsimages/hosTabOnBG.jpg);
	padding: 3px 9px 2px 14px;
	font: bold 11px Arial;
}
.hosTabTopOn {width: 192px;height:5px;background: transparent url(/wsimages/hosTabOnTop.gif) no-repeat;}
.hosTabBotOn {width: 192px;height:5px;background: transparent url(/wsimages/hosTabOnBot.gif) no-repeat;}

.hosTabSpacer {height: 8px;border-left: 2px solid #B6E3FF;line-height: 8px;font-size: 8px;}
.hosTabSpacerLast {}

#pageBodyContent  #map_canvas { width: 100%; height: 400px; }
#pageBodyContent  #map_canvas_right { width: 100%; height: 390px; }

.mapRight { float:right; clear:both; padding: 0 5px 5px 5px; margin: 0 5px 5px 0; width: 407px; }

.clinicDetails { position: relative; padding: 5px; margin: 5px 5px 5px 0; width:240px;  }

.clearBoth { clear:both; }

.clearRight{ clear:right; }

.blueContainer {  }

.bluebox { background: #c4d5df; }
.bluebox p  { padding: 0 5px 0 5px; }

#pageBodyContent  form#services fieldset, #pageBodyContent  form#occservices fieldset, form#postCodeFrm fieldset, form#stateList fieldset  { border: none; margin: 0; padding: 0; }

#pageBodyContent  #locationsLanding form fieldset { border: none; margin: 10px 0 0 0; padding: 0; }

#pageBodyContent  #locationsLanding form select { width: 130px; }

#pageBodyContent  #locationsRight { float:right; width: 310px; height: 246px; border: #bcc3e0 solid 2px; padding: 0 10px 5px 10px; background: url(/wsimages/doctor.jpg) top right no-repeat; }

#pageBodyContent  #locationsLeft { position: relative; width: 310px; border: #bcc3e0 solid 2px; padding: 0 10px 5px 10px; }

#pageBodyContent  #locationsRight #services  { margin-top: 35px; }

#pageBodyContent #tabs ul { margin-top: 0; margin-bottom: 0; border: 0; }

#pageBodyContent #tabs ul li { list-style: none; margin-bottom: 0; }


#pageBodyContent #tabs .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #aed0ea; background: #d7ebf9 url(images/ui-bg_glass_80_d7ebf9_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #2779aa; }
#pageBodyContent #tabs .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #2779aa; text-decoration: none; }
#pageBodyContent #tabs .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: 1px solid #74b2e2; background: #e4f1fb url(images/ui-bg_glass_100_e4f1fb_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #0070a3; }
#pageBodyContent #tabs .ui-state-hover a, .ui-state-hover a:hover { color: #0070a3; text-decoration: none; }
#pageBodyContent #tabs .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #2694e8; background: #3baae3 url(images/ui-bg_glass_50_3baae3_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #ffffff; }
#pageBodyContent #tabs .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #ffffff; text-decoration: none; }
#pageBodyContent #tabs .ui-widget :active { outline: none; }