body {
	margin-left:0in;
	margin-right:0in;
	margin-top:0in;
	margin-bottom:0in;
	font: 16px/165% "Trebuchet MS", Arial, Helvetica, sans-serif;
	background: #dcdcdc url(../web-images/background_background.jpg) repeat-y center top;
	color: #4d4d4d;
	text-align: center;
} 

a:link, 
a:active,
a:visited{
	color:#00529c;
	text-decoration: underline;
}

a:hover{
	color:#00529c;
}

/* *********************** main nav styles *********************** */	
#navcontainer{	
	margin: 0px;
	padding: 10px;
	width: 660px;
	float: left;
	text-align: center;	
}

#navcontainer ul{
	  border: 0;
	  margin: 0;
	  padding: 0;
	  list-style-type: none;
	  text-align: center;
}

#navcontainer ul li{
	display: block;
	float: left;
	text-align: center;
	padding: 0;
	margin: 0;
}

#navcontainer ul li a:link,
#navcontainer ul li a:active,
#navcontainer ul li a:visited{
	padding: 12px 5px;
	text-transform: uppercase;
	color: #fff;
	text-decoration: none;
	display: block;
	text-align: center;
	font: 14px  "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Lucida, Verdana, Arial;
}

#navcontainer ul li a:hover{
	text-decoration: underline;
}

#navcontainer li.icons{
	padding: 10px 0px 0px;
	width:5px;
}

	
/* *********************** end main nav styles *********************** */	

/* *********************** layout elements and styles *********************** */	
#bodyWrap{
	margin: 10px auto;
	width: 980px;
	text-align: left;
}

#brandLinks{
	height: 60px;	
	background: #00529c;
	margin-bottom: 10px;
}

#mastHeadImage{
	height: 145px;	
	margin-bottom: 10px;
}

#bodyContents{
	margin-bottom: 10px;
	overflow: auto;
	background: url(../web-images/panel-background.gif) repeat-y left top;
}

#footer {
	height: 25px;
	padding: 2px 0px;
	clear: both;
	background: #00529c url(../web-images/webstercare-logo-small.jpg) no-repeat right center;
	text-align: center;
	color: #fff;
}

/* *********************** end layout elements and styles *********************** */	


/* *********************** all page styles *********************** */	
#logoSpot{
	float: left;
	width: 265px;
	padding-left: 30px;
}

#leftPanel{
	width: 150px;
	float: left;
	padding : 15px;
	color: #fff;
	background: #484c4d;
	overflow: auto;
}

#contentPanel{
	width: 790px;
	float: left;
	margin-left: 10px;
}

#pagestitle {
	font: 14px "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Lucida, Verdana, Arial;
	color:#fff;
	padding: 5px 15px;
	margin-bottom: 10px;
	text-transform: uppercase;
}

#pagestitle2 {
	font: 14px "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Lucida, Verdana, Arial;
	color:#fff;
	padding: 5px 15px;
	margin: 0px 0px 10px 0px;
	width: 535px;
	text-transform: uppercase;
}

.blue-bk{
	background: #00529c;
}

.orange-bk{
	background: #f9a63c;
}

.green-bk{
	background: #b6ce5e;
}

.violet-bk{
	background: #9788bf;
}

#infoTitle {
	font: 14px "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Lucida, Verdana, Arial;
	color:#fff;
	padding: 5px 15px;
	text-transform: uppercase;
}

/* #allContent{
	margin: 0px;
	padding: 0px;
} */

#leftPanel .titles{
	font-size: 18px;
	text-transform: uppercase;
	margin-bottom: 10px;
	display: block;
}

#leftPanel ul{
	  border: 0;
	  margin: 0;
	  padding: 0;
	  list-style-type: none;
	  line-height: 140%;
}

#leftPanel ul li{
	display: block;
	width: 150px;
	padding: 0px 0px 10px 0px;
	margin: 0px 0px 10px 0px;
	border-bottom: 1px solid #474747;
	background: url(../web-images/left-panel-arrow.gif) no-repeat right bottom;
}

#leftPanel ul li a:link,
#leftPanel ul li a:active,
#leftPanel ul li a:visited{
	color: #fff;
	text-decoration: none;
}

#leftPanel ul li a:hover{
	text-decoration: underline;
}

/* home pages */

#bodyContentshome{
	margin-bottom: 10px;
	height: 525px;
	background: url(../web-images/panel-background.gif) repeat-y left top;
}

#allContenthome{
	margin: 0px;
}

/* all pages */

#allContent{
	margin: 0px;
	padding: 0px 20px;
}
 
#allContent img{
	margin-left:15px;
	margin-right:15px;
	margin-top:15px;
	margin-bottom:15px;
}
 
 
img{
	margin: 0px;
	padding: 0px;
	border: 0px;
}

/* 3 column pages */
#contentPanel2{
	width: 540px;
	float: left;
	margin-left: 10px;
}

#infoPanel2{
	width: 240px;
	float: left;
	margin-left: 10px;
	background: url(../web-images/background_info.jpg) repeat-y right top;	
}

#infoPanel{
	width: 230px;
	float: right;
	margin-left: 10px;
	background: url(../web-images/background_info.jpg) repeat-y right top;	
}

#infoContents{
	border-top: 1px none #000;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	border-left: 1px solid #000;
	padding: 15px;
}

#infoPanel ul{
	  border: 0;
	  margin: 0;
	  padding: 0;
	  list-style-type: none;
	  line-height: 140%;
}

#infoPanel ul li{
	display: block;
	width: 180px;
	padding: 0px 0px 10px 0px;
	margin: 0px 0px 10px 0px;
	border-bottom: 1px solid #474747;
	background: url(../web-images/arrow.png) no-repeat right center;
}

#infoPanel ul li.bluelink a:link,
#infoPanel ul li.bluelink a:active,
#infoPanel ul li.bluelink a:visited{
	color: #00529c;
	text-decoration: none;
}

#infoPanel ul li.bluelink a:hover{
	text-decoration: underline;
}

#infoPanel ul li.orangelink a:link,
#infoPanel ul li.orangelink a:active,
#infoPanel ul li.orangelink a:visited{
	color: #f9a63c;
	text-decoration: none;
}

#infoPanel ul li.orangelink a:hover{
	text-decoration: underline;
}

#infoPanel ul li.greenlink a:link,
#infoPanel ul li.greenlink a:active,
#infoPanel ul li.greenlink a:visited{
	color: #7B932D;
	text-decoration: none;
}

#infoPanel ul li.greenlink a:hover{
	text-decoration: underline;
}

#infoPanel ul li.violetlink a:link,
#infoPanel ul li.violetlink a:active,
#infoPanel ul li.violetlink a:visited{
	color: #9788bf;
	text-decoration: none;
}

#infoPanel ul li.violetlink a:hover{
	text-decoration: underline;
}

.infolinks,
a.infolinks:link, 
a.infolinks:active,
a.infolinks:visited{
	color:#00529c;
	text-decoration: none;
	font-size: 11px;
	background: url(../web-images/arrow.png) no-repeat right center;
	padding-right: 12px;
}

a.infolinks:hover{
	text-decoration: underline;
}


#leftPanel ul.pharmacists, #leftPanel ul.doctors, #leftPanel ul.agedCare, #leftPanel ul.carer{
	line-height: 100%;	
}

#leftPanel ul.pharmacists li, #leftPanel ul.doctors li, #leftPanel ul.agedCare li, #leftPanel ul.carer li{
	display: block;
	width: 150px;
	padding: 4px 0px 8px 0px;
	margin: 5px 0px 5px 0px;
	border-bottom: 1px solid #474747;
	background: url(../web-images/arrow.png) no-repeat right center;
}

#leftPanel ul.pharmacists li.sublinks, #leftPanel ul.agedCare li.sublinks{
	background: none;
}

#leftPanel ul.pharmacists li a.sublevel1, #leftPanel ul.agedCare li a.sublevel1{
	font-size: 13px;
	margin-left: 15px;
	display: block;	
}

#leftPanel ul.pharmacists li a.sublevel2, #leftPanel ul.agedCare li a.sublevel2{
	font-size: 11px;
	margin-left: 30px;
	display: block;
}


/* pharmacists */
.pharmacistsTitle{
	color: #85b5dd;	
}

#leftPanel ul.pharmacists li a:hover{
	color: #85b5dd;
	text-decoration: underline;	
}


/* doctors */
.doctorsTitle{
	color: #f9a63c;	
}

#leftPanel ul.doctors li a:hover{
	color: #f9a63c;
	text-decoration: underline;	
}

/* aged care */
.agedcareTitle{
	color: #b6ce5e;	
}

#leftPanel ul.agedCare li a:hover{
	color: #b6ce5e;
	text-decoration: underline;	
}

/* carers */
.carersTitle{
	color: #9788bf;	
}

#leftPanel ul.carer li a:hover{
	color: #9788bf;
	text-decoration: underline;	
}

/* *********************** end all page styles *********************** */	

/* *********************** begin generic styles *********************** */	
form{
	margin: 0px; padding: 0pc; border: 0px;	
}

.forms{
	background: #fff;
	color: #4d4d4d;	
	margin: 0px;
	padding: 0px;
	border: 1px solid #000;
	font: 11px "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Lucida, Verdana, Arial;
}

.forms400{
	width: 400px;
}

.forms430{
	width: 465px;
}

.forms160{
	width: 160px;
}

.forms200{
	width: 200px;
}

.formtab{
	padding-left: 60px;	
}

.buttons {
	background: #000;
	color: #fff;
	font: 11px  "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Lucida, Verdana, Arial;
	border: 0px;
}

.formblock{
	background: #fff;
	margin: 0px;
	padding: 0px;
	height: 20px;
	width: 180px;
	font: 11px "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Lucida, Verdana, Arial;
}

.formlogblock{
	background: #fff;
	margin: 0px;
	padding: 0px;
	height: 20px;
	width: 140px;
	font: 11px "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Lucida, Verdana, Arial;
}

.formlogblock2{
	background: #fff;
	margin: 0px;
	padding: 0px;
	height: 20px;
	width: 105px;
	font: 11px "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Lucida, Verdana, Arial;
}

.forminblock {
	background: #fff;
	color: #4d4d4d;
	font: 11px "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Lucida, Verdana, Arial;
	margin: 0px;
	border: 0px;	
	width: 142px;
}

.formfield {
	background: #fff;
	color: #4d4d4d;
	font: 11px "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Lucida, Verdana, Arial;
	margin: 0px;
	border: 0px;	
	width: 137px;
}

.forminblock2 {
	background: #fff;
	color: #4d4d4d;
	font: 11px "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Lucida, Verdana, Arial;
	margin: 0px;
	border: 0px;	
	width: 102px;
}

.forminblock3 {
	background: #fff;
	color: #4d4d4d;
	font: 11px "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Lucida, Verdana, Arial;
	margin: 0px;
	border: 0px;	
	width: 62px;
}

.buttoninblock {
	background: #000;
	color: #fff;
	font: 11px  "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Lucida, Verdana, Arial;
	border: 0px;
	height: 20px;
	width: 33px
}

.productfloat{
	display: block; 
	padding: 0px 10px 0px 10px; 
	margin: 0px;
	float: left;
}

.imgleft{
	display: block; 
	padding: 0px 20px 0px 2px; 
	margin: 0px;
	float: left;
}

.imgcenter{
	display: block; 
	padding: 0px; 
	margin: 0px;
	border: 0px;
	text-align: center;
}

.imgright{
	display: block; 
	padding: 0px 2px 0px 20px; 
	margin: 0px;
	float: right;
}

.imglinks{
	padding: 0px;
	margin: 0px;
	border: 0px none #000000;
	vertical-align: middle;
}

.bighilites{
	font-size: 18px;
	font-weight: bold;
	color: #000000;
} 

.bighilitesOrange{
	font-size: 16px;
	font-weight: bold;
	color: #f9a63c;
}

.bighilitesGreen{
	font-size: 17px;
	font-weight: bold;
	color: #4d4d4d;
}

.bighilitesViolet{
	font-size: 16px;
	font-weight: bold;
	color: #4d4d4d;
}

.hilites{
	font-size: 14px;
	font-weight: bold;
	color: #00529c;
}

.hilitesOrange{
	font-size: 14px;
	font-weight: bold;
	color: #f9a63c;
}

.hilitesGreen{
	font-size: 14px;
	font-weight: bold;
	color: #b6ce5e;
}

.hilitesViolet{
	font-size: 14px;
	font-weight: bold;
	color: #9788bf;
}


.hilitesm{
	font-size: 15px;
	font-weight: bold;
	color: #4d4d4d;
}

.hilitesRegular{
	font-size: 17px;
	font-weight: bold;
	color:#000000;
}

.hilitesBk{
	font-size: 15px;
	font-weight: bold;
	color: #4d4d4d;
}

.hilitesWh{
	font-size: 14px;
	font-weight: bold;
	color: #fff;
}

.hilitesBlack{
	font-size: 13px;
	font-weight: bold;
	color: #000;
}

.hilitesWhite{
	font-size: 13px;
	font-weight: bold;
	color: #fff;
}

.smfonts{
	font-size: 15px;
	line-height: 20px;
	color: #3C3C3C;
}

.tinyfonts{
	font-size: 8px;
}

.messageNotes{
	color: #f00;	
}

.hiliteItalic{
	font-size: 14px;
	font-style: italic;
	color: #000;
}

.hrBlack{
	height: 1px;
	background: #000;
	padding: 0px;
	margin: 10px 0px;
	border: 0px;
}

.hrGrey{
	height: 1px;
	background: #9d9d9c;
	padding: 0px;
	margin: 10px 0px;
	border: 0px;
}

.hrBlue{
	height: 1px;
	background: #00529c;
	padding: 0px;
	margin: 10px 0px;
	border: 0px;
}

.hrinfo{
	height: 1px;
	background: #474747;
	padding: 0px;
	margin: 5px 0px;
	border: 0px;	
}

.clear{
	clear:both;
}

ul{
	border: 0;
	margin: 0;
	padding: 0px 0px 0px 15px;
	line-height: 140%;
	list-style: disc;
}

li{
 	line-height: 165%;  
 	margin-left:20px;
}   

.tdcols{
	text-align: center;	
}

.tdcolsep{
	border-right: 1px solid #9d9d9c;
	width: 48%;
}
/* ------------ rounded box ------------  */
.box{
	float: right;
	margin-left: 20px;
}

.box-log-in{
	float: left;
	margin-right: 7px;
}

.box-log-in .block1{
	height: 120px;
}

.box-log-in .block2{
	height: 25px;
	text-align : center;
}

.box-log-in a{
	color: #fff;
	line-height: 11px;
}

.box150{
	width: 150px;
	overflow: auto;
}

.box250{
	width: 250px;
}

.box230{
	width: 230px;
}

.box180{
	width: 210px;
}

.blueboxtop, orangeboxtop, greenboxtop, violetboxtop{
	height: 15px;
}

.blueboxfoot, orangeboxfoot, greenboxfoot, violetboxfoot{
	height: 19px;
}


.boxTitle, .boxTitle2{
	font-size: 16px;
	text-transform: uppercase;
	text-align: center;
	font-weight: bold;
	margin-bottom: 10px;
}

.boxTitle2{
	text-align: left;
}

.titleinBlue{
	color: #00529e;	
}

.titleinWhite{
	color: #fff;	
}

.titleinGrey{
	color: #404040;	
}

/* blue */
.bluetopleft{
	height: 15px;
	background: url(../web-images/blue/top-left.png) no-repeat left top;	
}

.bluetopright{
	height: 15px;
	background: url(../web-images/blue/top-right.png) no-repeat right top;		
	padding: 0px 15px;
}

.blueboxtopbody{
	background: #82b5db;
	height: 15px;
}

.bluefootleft{
	height: 19px;
	background: url(../web-images/blue/bottom-left.png) no-repeat left top;
}

.bluefootright{
	height: 19px;
	background: url(../web-images/blue/bottom-right.png) no-repeat right top;
	padding: 0px 15px;
}

.blueboxfootbody{
	height: 19px;
	background: url(../web-images/blue/foot-shadow.png) repeat-x center top;
}

.blueboxbodybk{
	background: url(../web-images/blue/right-shadow.png) repeat-y right top;
	padding-right: 11px;
}

.blueboxbody{
	background: #82b5db;
	padding: 0px 10px 6px 10px;
	color: #515456;
}

/* orange */
.orangetopleft{
	height: 15px;
	background: url(../web-images/orange/top-left.png) no-repeat left top;	
}

.orangetopright{
	height: 15px;
	background: url(../web-images/orange/top-right.png) no-repeat right top;		
	padding: 0px 15px;
}

.orangeboxtopbody{
	background: #f8a73b;
	height: 15px;
}

.orangefootleft{
	height: 19px;
	background: url(../web-images/orange/bottom-left.png) no-repeat left top;
}

.orangefootright{
	height: 19px;
	background: url(../web-images/orange/bottom-right.png) no-repeat right top;
	padding: 0px 15px;
}

.orangeboxfootbody{
	height: 19px;
	background: url(../web-images/orange/foot-shadow.png) repeat-x center top;
}

.orangeboxbodybk{
	background: url(../web-images/orange/right-shadow.png) repeat-y right top;
	padding-right: 11px;
}

.orangeboxbody{
	background: #f8a73b;
	padding: 0px 10px 6px 10px;
	color: #515456;
} 

/* green */
.greentopleft{
	height: 15px;
	background: url(../web-images/green/top-left.png) no-repeat left top;	
}

.greentopright{
	height: 15px;
	background: url(../web-images/green/top-right.png) no-repeat right top;		
	padding: 0px 15px;
}

.greenboxtopbody{
	background: #b2cc5c;
	height: 15px;
}

.greenfootleft{
	height: 19px;
	background: url(../web-images/green/bottom-left.png) no-repeat left top;
}

.greenfootright{
	height: 19px;
	background: url(../web-images/green/bottom-right.png) no-repeat right top;
	padding: 0px 15px;
}

.greenboxfootbody{
	height: 19px;
	background: url(../web-images/green/foot-shadow.png) repeat-x center top;
}

.greenboxbodybk{
	background: url(../web-images/green/right-shadow.png) repeat-y right top;
	padding-right: 11px;
}

.greenboxbody{
	background: #b2cc5c;
	padding: 0px 10px 6px 10px;
	color: #515456;
}

/* violet */
.violettopleft{
	height: 15px;
	background: url(../web-images/violet/top-left.png) no-repeat left top;	
}

.violettopright{
	height: 15px;
	background: url(../web-images/violet/top-right.png) no-repeat right top;		
	padding: 0px 15px;
}

.violetboxtopbody{
	background: #a48cf3;
	height: 15px;
}

.violetfootleft{
	height: 19px;
	background: url(../web-images/violet/bottom-left.png) no-repeat left top;
}

.violetfootright{
	height: 19px;
	background: url(../web-images/violet/bottom-right.png) no-repeat right top;
	padding: 0px 15px;
}

.violetboxfootbody{
	height: 19px;
	background: url(../web-images/violet/foot-shadow.png) repeat-x center top;
}

.violetboxbodybk{
	background: url(../web-images/violet/right-shadow.png) repeat-y right top;
	padding-right: 11px;
}

.violetboxbody{
	background: #a48cf3;
	padding: 0px 10px 6px 10px;
	color: #515456;
}

.boxlinks, a.boxlinks{
	color: #fff;	
}

.greenlinks, a.greenlinks{
	color: #859c32;	
}

.violetlinks, a.violetlinks{
	color: #9788bf;
}