/* system Styles */

/*do not touch body tag*/
body            {font-size:72%;	margin:0px; background-color:#eaf4fb; background-image:url(../../../../images/home/wrapper_bg.gif); background-repeat:repeat-x }
		
DIV,SPAN,LI     {font-family: arial,verdana, helvetica,"sans serif"; margin:0.001pt; color: #666666; }
P               {font-family: arial,verdana, helvetica, "sans serif"; margin:0.001pt; line-height: 1.8em;}
TD              {font-family: arial,verdana, helvetica,"sans serif";}

UL              {margin-left:-15px;	margin-top:0.5em;list-style-position: outside; list-style-image: url(../../../../images/rtArwPink.gif); list-style-type: square;}

OL              {margin-left:-15px; margin-top:0.5em; margin-bottom:0.001pt; }
form			{MARGIN-TOP: 0.001pt; MARGIN-BOTTOM: 0.001pt; padding-top: 0.001pt; padding-bottom: 0.001pt;}
a				{color:#26264E; text-decoration:none;}
a:hover			{color:#000000;}
img				{border: none;}
TEXTAREA		{FONT: 100% Arial, Verdana, Helvetica, sans-serif;}
INPUT			{FONT: 100% Arial, Verdana, Helvetica, sans-serif;}

/*Site Wide Styles*/

#wrapper		{height:auto; width: 860px;	border: 1px solid #ffffff; margin-right: auto; margin-left: auto; margin-top: 4px; background-color:#FFFFFF; background-image: url(../../../../images/home/main_bg.gif); background-repeat:repeat-x; background-position: center;}
	
/*header*/
	
#headerarea		{height: 63px; width: 830px; padding: 6px 15px 5px 15px; background-image:url(../../../../images/home/header_bg.jpg);}
	
/*header left area*/

#headerleft		{float: left; width: 298px; height: auto; padding-top:6px}

/*header right area*/

#headerright	{float: right; width: 460px; height: auto; text-align:right;}
 
#utilitylinks	{float: right; height: 10px; width: 460px;} 

/*search box styles */
#searchright	{padding-top:30px; color:#808080; font-size:95%;}
.immSearchTerms {font-family: Tahoma, arial, helvetica; font-size:105%;}
#searcharea		{padding:25px 0 4px 0; width: 240px; float:right; color:#ffffff;}
#searcharea label	{color:#ffffff; font-weight:bold; font-size:small;}

/*top menu bar*/
#dropnav		{width: 842px; padding: 9px 5px 2px 13px; background-color: #0078c9; height: 20px; color:#FFFFFF; background-image:url(../../../../images/home/menu_bg.gif); background-repeat:repeat-x; border-top: 1px solid #74aed6; border-bottom: 1px solid #74aed6;}

#wrapper #welcomegraphic {width: 820px; height: 215px; background-image: url(../../../../images/home/welcome_graphic.jpg); background-repeat: no-repeat; padding:20px; padding-bottom:0; float:left; border-bottom: 1px solid #74aed6;}

#titletext				{width:400px; height:200px; float:right;}

/*Homepage styles*/
#maincontentarea	{height:auto; width: 860px; float:left; padding: 14px 0 0 0;} 
#contentarea		{float:right; padding-right:14px; width:630px}
#servicearea		{width:auto; height:auto; float:left;}
	
/*toplevelcontent*/

/*cosmeticsurgery*/
#cosmeticsurgerycontainer	{width:196px; float:left; margin-right:19px; padding-top:1px;}
#cosmeticcontent 			{height:145px; width:196px; background-image: url(../../../../images/home/cosmetic_surgery.jpg)}
#cosmetictitle				{width: 180px ; height:auto; background-color: #ca0083; float:right; margin-top:11px;}
#cosmeticsurgery			{width:auto; padding:10px; background-color:#FFFFFF; height:auto; border-left: 1px solid #daeaf5;border-right: 1px solid #daeaf5; border-bottom: 1px solid #daeaf5; }

	
/*Womens Health*/
#womenshealthcontainer		{width:196px; float:left; margin-right:19px; padding-top:1px;}
#womenscontent	 			{height:145px; width:196px; background-image:url(../../../../images/home/womens_health.jpg)}
#womenstitle				{width: 180px; height:auto; background-color: #ca0083; float:right; margin-top:11px;}
#womenshealth				{width:auto; padding:10px;	background-color: #ffffff; height:auto; border-left: 1px solid #daeaf5;border-right: 1px solid #daeaf5; border-bottom: 1px solid #daeaf5;}

/*Mens Health*/
#menshealthcontainer		{width:196px; float:left; padding-top:1px;}
#menscontent	 			{height:145px; width:196px; background-image:url(../../../../images/home/mens_health.jpg)}
#menstitle					{width: 180px; height:auto; background-color: #0078c9; float:right; margin-top:11px;}
#menshealth					{width:auto; padding:10px;	background-color: #ffffff; height:auto; border-left: 1px solid #daeaf5;border-right: 1px solid #daeaf5; border-bottom: 1px solid #daeaf5;}

/*sidemenu*/
#sidecontent				{width:191px; float:left; padding-left:16px;}

/*moreinfo*/
#moreinfocontainer			{border:1px solid #ffffff; float:left; margin-bottom:15px; background-image:url(../../../../images/home/treatment_water.jpg); background-repeat: repeat-y; padding:10px 0 0 0; width:180px; height:auto;}
#moreinfo					{width:160px; height:auto; padding:10px; padding-top:0px;}
#moreinfo label				{color:#0078c9; font-weight:bold; font-size:x-small; visibility: hidden;}
#moreinfotitle				{width: 160px; height:auto; background-color: #0078c9; float:right;}
select				 		{width: 160px; background-color: #FFFFFF;}
label						{color:#ca0083; font-weight:bold; font-size:small;}

/*hospital*/
#hospitalcontainer			{border:1px solid #ffffff; float:left; margin-bottom:15px; background-image:url(../../../../images/home/find_a_hospital.jpg); background-repeat:no-repeat; padding:10px 0 0 0; width:180px; height:133px}
#findhospital				{width:160px; height:auto; float:left; margin-bottom:15px; padding:0 10px 5px 10px;}
#findhospital label			{color:#0078c9; font-weight:bold; font-size:x-small; visibility: hidden;}
#hospitaltitle				{width: 160px; height:auto; background-color: #0078c9; float:right;}

#contactus					{width:160px; height:94px; background-color:#FFFFFF; float:left; border:1px solid #ffffff;
margin:0 0 15px 0;}

/*non surgical*/
#News						{width:180px; border: 1px solid #daeaf5; padding-top:10px; background-color: #FFFFFF; float:left;}
#newstitle					{width: 160px; height:auto; background-color: #0078c9; float:right;}
#newscontent				{padding:10px; float:left;}

/*middlelevelcontent*/
#middlecontent 				{width: auto; height: auto; margin-top:15px; float:left; padding-bottom:20px;}
#textcontent				{width:596px; height:auto; padding: 0px 15px 15px 14px; background-color:#FFFFFF; border:1px solid #daeaf5;}

/*middlelevelcontent*/
#miscservices				{width:626px; height:auto; float:left; margin-top:15px;}

/*non surgical*/
#nonsurgical				{width:194px; height:auto; margin-right:16px; float:left; background-color:#FFFFFF; border: 1px solid #daeaf5;}
#nonsurgicalimage			{height:90px; width:196px; background-image:url(../../../../images/home/non_surgical_cosmetic_treatments.jpg); padding-top:10px;}
#nonsurgicaltitle			{width: 180px; height:auto; background-color: #ca0083; float:right;}
#nonsurgicaltext			{padding:10px;}

/*teeth whitening*/
#teethwhitening				{width:194px; height:auto; margin-right:16px; float:left; background-color:#FFFFFF;}
#teethwhiteningimage		{height:90px; padding-top:10px; width:196px; background-image:url(../../../../images/home/teeth_whitening.jpg);}
#teethwhiteningtitle		{width: 180px; height:auto; background-color: #ca0083; float:right;}
#teethwhiteningtext			{padding:10px; border: 1px solid #daeaf5; border-top:none;}

/*weight management*/
#weightmanagement			{width:194px; height:auto; float:left; background-color:#FFFFFF; border: 1px solid #daeaf5;}
#weightmanagementimage		{height:100px; padding-top:10px; height:90px; width:196px; background-image:url(../../../../images/home/weight_management.jpg);}
#weightmanagementtitle		{width: 180px; height:auto; background-color: #ca0083; float:right;}
#weightmanagementtext		{padding:10px;}

/*treatments*/
#treatments					{width:830px; height:auto; padding: 5px 15px 0 15px;}
#treatmentsbox				{width:828px; height:auto; border-top:1px dotted #daeaf5; padding:10px 0 0 0; float:left;}

#breastsurgery				{width:120px; float:left;  margin-right:21px;}
#facialsurgery				{width:120px; float:left; margin-right:21px;}
#bodysurgery				{width:120px; float:left; margin-right:21px;}
#nsurgical					{width:120px; float:left; margin-right:21px;}
#whealth					{width:120px; float:left; margin-right:21px;}
#mhealth					{width:120px; float:left;}

/*footer*/
#copyright			{float: right; width: 200px; text-align:right;}
#modeswitch			{float: left; width: 450px;}
#footercontent		{height:100px; padding:15px 0 20px 0; width: auto; clear:both; border-top:1px dotted #daeaf5;}

/*page template*/

#menutop		{width:173px; height:20px; float:left; margin:0 0 0 0;background-image: url(../../../../images/menu_bg.gif); background-repeat: repeat-x; border: solid 1px #bfbfbf; height: 20px;}
#menuarea		{width:173px; float:left; margin-top:0px; padding-bottom:15px;}
#colarea		{width: 173px; float: left;	padding:0; }

#maincontentpage	{height:auto; width: 860px; float:left; padding: 15px 0 0 0; }
#contentareapage	{float:right; padding: 0 18px 0 0; width:625px;}
#serviceareapage	{width:auto; height:auto; padding: 0 0 0 0;}
#sidecontentpage	{width:191px; float:left; padding-left:16px;}
#hospitalcontainerpage			{float:left; margin-bottom:15px; padding:0; width:180px;}

/*breadcrumb */
#breadleft		{text-decoration:none; color:#5CBF21; width: 625px; height: auto; margin: 0 0 0 0; padding: 0 0 5px 0; border-bottom:1px dotted #C1D3FB;}

#breadwide		{width:auto; text-decoration:none; color:#5CBF21; height: auto; margin: 0 5px 15px 10px; padding: 0 0 5px 0; border-bottom:1px dotted #C1D3FB}


/*standard styles*/
#rightcontentpage	{float:right; width:170px; margin:0px;}		
#maincontentpagewide{float:left; width:625px; margin:0 0 0 6px;}
#middlecontentwide 	{width: 625px; height: auto; padding:7px 0 0 0 ; border-left: 1px dotted #C1D3FB; float:left}

/*Materials page*/
#contentareamaterials	{float:left; padding: 15px; width:auto;}
	
/*Misc style*/

/*Non Selectable Font Styles*/
.menublue			{color:#66B53E; font-size:x-small; font-weight:bold;  margin:0px;}
#imagehome	    	{border:0px;}
#logo  		 		{font-size:170%; padding-top:4px; padding-bottom:4px;}
#stylechange		{position:absolute;top:140px; left:100px}
.Path 				{color:#5CBF21; text-decoration:none;}
.Path:visit 		{color:#000000; text-decoration:none;}
.Path:hover 		{color:#000000; text-decoration:none;}

/*Whats New*/
.newstitle			{background-color:#F6F8F3; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:100%; border-top:1px solid #D3DDDC; color:#990066; text-decoration:none; padding:0px 0px 4px 8px;}
.newsbullet			{background-image:url(../../../../images/red-bullet1.gif); background-repeat:no-repeat;}
.newsbody			{background-color:#F6F8F3; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:90%; color:#000000; padding:0px 0px 2px 24px; text-decoration:none;}
a.titlenews			{color:#990066; text-decoration:none;}
a.newslinks			{color:#666666; text-decoration:none;}
a.newslinks:hover,a.titlenews:hover		{color:#000000;}
div.nItem			{padding-bottom:10px;}

/*News Items*/
.newsitem ul		{list-style:none; margin-left:-37px;}
.newsitem li		{margin-left:0px; margin-bottom:10px;}

/*site map styles */
.sitmpA0			{font-size:x-large; font-family:Arial,Verdana,Helvetica; color:#005173; text-decoration:none;}
.sitmpA1			{
	font-size:small;
	font-family:Arial, Verdana, Helvetica;
	color:#1a76ce;
	text-decoration:none;
	font-weight: bold;
}

/* Quick Menu Styles*/
.linkhead       	{color:#ffffff; font-size:1.1em; font-family:Arial,Verdana,Helvetica,sans-serif; text-decoration:none;background-image: url(../../../../images/rtArwLtBlue.gif); background-repeat: no-repeat; background-position: left; padding: 0 0 0 15px;}

.linkhead:hover       	{color:#1a76ce; font-size:1.1em; font-family:Arial,Verdana,Helvetica,sans-serif; text-decoration:none;background-image: url(../../../../images/rtArwLtBlue.gif); background-repeat: no-repeat; background-position: left; padding: 0 0 0 15px;}

.linkhead2:hover    {color:#000000;}

.linkhead2       	{color:#1a76ce; font-size:1.1em; font-family:Arial,Verdana,Helvetica,sans-serif; text-decoration:none;background-image: url(../../../../images/rtArwPink.gif); background-repeat: no-repeat; background-position: left; padding: 0 0 0 15px;}

.linkhead2:active   {color:#000000;}

.linkhead3       	{color:#034d94; font-family:Verdana,Arial,Helvetica,sans-serif; text-decoration:none; font-size:x-small;}

.large			{font-family:arial,verdana,helvetica,sans serif; color:#000000; margin:0.001pt; font-size:20px;}
.immpalette			{white:#ffffff; pink:#ca0083; blue:#0078c9;}

/* Page Counter Styles */
#PageCounter		{text-align:right; clear:both; width:11em;}
.PageCounter		{text-align:left; font-size:xx-small; color:#000070;}
HR.PageCounter		{color:#000070; height:1px;}
.PageCounterTxtBox	{width:2em; font-size:1em;}

/*Events Calendar */
.eventsborder 		{background-color:#005173; color:#ffffff; line-height:20px;}
.eventsboxbg 		{background-color:#00CC66; font-size:100%; color:#000000;}
.eventsbullet 		{background-image:url(file:///H|/images/documenticon.gif);}
 /* Main Events Calendar Style */
 .eventCalendar  {font-family:tahoma,arial,helvetica; font-size:70%; padding:3px; width:600px;}

/* eWorld UI Calendar Control */
.calCtrl 			{font-size:80%; font-weight:normal;}
.calCtrlDayHeader 	{background-color: #DCDCDC;}
.calCtrlMonthHeader {background-color: #666666; color:white;}
.calCtrlWeekDay 	{background-color: #FFFFFF;}
.calCtrlOffMonth 	{background-color: #778898; }
.calCtrlGoToToday 	{background-color: #FFFFFF;}
.calCtrlTodayDay 	{background-color: #0f9fef;}
.calCtrlWeekend 	{background-color: #D3D3D3; }
.calCtrlSelectedDate {background-color: #FFFF00;}
.calCtrlClearDate 	{background-color: #FFFFFF;}
.calCtrlHoliday 	{background-color: #FFFFFF;}
	
/* AtoZBrowser */
.AtoZIndex	 		{font-size:1.5em; font-family:Arial,Verdana,Helvetica; text-decoration:none;}
.AtoZIndex:hover 	{color:#9999ff;}
.AtoZBG		 		{background-color:#F0F9F8;}
.AtoZLink	 		{color:#000099;}
.AtoZLink:hover	 	{color:#000000;}
.AtoZTitle1	 		{color:#66B53E; background-color:#005173; font-size:small; font-family:Arial,Verdana,Helvetica; border:1px solid #E5E5E5;}

/* NewsLetterAdmin styles */
.NewsLetterDarkBg	{background-color:#007000;}
.NewsLetterLightBg	{background-color:#effff3;}

/* Top Drop Down Menu Styles */
/* These styles are used globally by the top drop down menu. Colour specifc styles are defined else where.

/* style for the containing div for the menu */
/* note, the font size of 83% gives a very similar font-size in IE and Mozilla. feel free to change it, but appreciate the impact cross-browser */
div#topdropmenu 	{font-family:Arial, Verdana, Helvetica, sans-serif;	font-size:1em; z-index:199; float:left; position:relative;}
		
/* default ul tag style for this menu - you probably won't need to change this */
div#topdropmenu ul 	{line-height:1.2em;	list-style:none; margin:0; padding:0;}
		
/* style for the actual menu links. display and height are important to the operation of the menu. change the others if you like (note:colour changes should probably go in the colour style sheets */
div#topdropmenu a {margin:0px; height:100%; text-decoration:none;}

/* default li tag style for this menu - you probably won't need to change this */
/* the postion:relative and float:left are critical to the correct operation of the menu */
div#topdropmenu ul li	{position:relative; float:left; margin:0px;}
		
/* this style is essential to the correct operation of the menu. it ensures correct positioning of the "leaves". */
div#topdropmenu ul ul {	position:absolute;}

		/* The following 2 groups of styles handle making the menu leaves appear and disappear on mouseover*/
		/* if want extra levels of drop downs, you need to add extra styles here for each level*/
		/* There are sufficient styles here for a 3 level menu. for a 4th level add a new css selector with an additional*/
		/* ul tag before the li:hover. eg div#topdropmenu ul ul ul ul li:hover ul ul/*
		/* please read the ImmSample documentation for more details */
		div#topdropmenu ul ul, 
		div#topdropmenu ul li:hover ul ul,
		div#topdropmenu ul ul li:hover ul ul,			
		div#topdropmenu ul ul ul li:hover ul ul
		{
			display:none;
		}
		
		div#topdropmenu ul li:hover ul,
		div#topdropmenu ul ul li:hover ul,
		div#topdropmenu ul ul ul li:hover ul,
		div#topdropmenu ul ul ul ul li:hover ul
		{
			display:block;
		}
	
	/* This next block of styles controls the appearance of the top menu bar and also contains styles to override the level 0 styles for lowers levels where necessary */
	/* it is this section which really differentiates the top drop down menu from a side flyout menu */

	/* We have found that using px units (rather than say em units) is more reliable across different browsers implementations of the CSS2 box model.*/
	/* CSS2 is seriouly flawed in how it handles dimensions of content elements, but we're stuck with it until CSS3 is widely adopted */
		
	/* This section defines the width of the menu items at different levels */
	div#topdropmenu ul.L0		{width:800px; } /* defines the total width of the top menu */
	div#topdropmenu ul.L1		{width:170px;} /* width of level 1 leaves */
	div#topdropmenu ul.L2		{width:170px;} /* width of level 2 leaves */

	
	/* defines position of drop down leaves */
	div#topdropmenu ul.L0 ul	{top:19px; left:0;} /* position of first leaf */
	div#topdropmenu ul.L1 ul	{top:-1px; left:100%;} /* position of second leaf */
	div#topdropmenu ul.L2 ul	{top:-1px; left:100%;} /* position of third leaf - if there is one*/

	/* defines width of menu items */
	div#topdropmenu ul.L0 li	{height:19px;} /* level 0 items */
	div#topdropmenu ul.L1 li	{width:170px; height:auto;} /* level 1 items */
	div#topdropmenu ul.L2 li	{width:170px; height:auto;} /* level 2 items */
	
	/* defines height and width of a tags within the above li tags*/
	/* note that padding-left, padding-right and width must add up to the values above. mozilla seems to have a bit of problem in the sample site here in the for the top level only, we had to add 4 more pixels in order to get the borders to show properly on the menu */
	/* padding-top and padding bottom styles are useful for netscape which doesn't seem to handle "filling" the LI tag to 100% height */
	/* change the padding styles, but exercise some caution with different browsers*/
	div#topdropmenu ul.L0 li a	{height:20px; font-size:110%; padding-top:5px; padding-left:3px; padding-right:7px; }
	div#topdropmenu ul.L1 li a	{width:150px; height:auto; font-size:110%; font-weight:normal; padding-left:5px; padding-right:15px; padding-top:.20em; padding-bottom:.25em;display:block; border-bottom: 1px solid #74aed6;}
	div#topdropmenu ul.L2 li a	{width:150px; height:auto; font-size:110%; font-weight:normal; padding-left:5px; padding-right:15px; padding-top:.23em; padding-bottom:.33em;}
	
	/* Global Sidemenu Styles  - see color style sheets for further styles */
	/* These are styles used globally by the expanding sidemenu. Further styles for this plugin are defined the in the "color" style sheets. */
		
		/* style for the containing div for the menu */	
		/* note, the font size of 83% gives a very similar font-size in IE and Mozilla. feel free to change it, but appreciate the impact cross-browser */
div#sidemenu {width:180px; font-family:tahoma, Verdana, Arial, Helvetica, sans-serif; font-size:100%;}

/* style of the "header" for the menu if there is one */
div#sidemenu .head	{font-size:100%; padding:8px 5px 8px 8px; background-image: url(../../../../images/menu_bg.gif); background-repeat: repeat-x; border-bottom: solid 1px #bfbfbf; }

/* default ul tag style for this menu - you probably won't need to change this */
div#sidemenu ul 	{list-style:none; margin:0px; padding:0px;}
		
/* default li tag style for this menu - you probably won't need to change this */
div#sidemenu ul li	{float:left; width:100%; margin:0px;}
		
/* style for the actual menu links. padding-top and padding bottom styles are useful for netscape which doesn't seem to handle "filling" the LI tag to 100% height */
/* change the padding styles, but exercise some caution with different browsers*/					
div#sidemenu a {display:block; text-decoration:none; padding-top:0.23em; padding-bottom:0.33em; }
		
/* style for the menu bullets */
div#sidemenu a SPAN	 {float:left; width:10px; background-repeat:no-repeat;}

/* Class for invisible items for accessibility (DO NOT REMOVE) */
.invisible { visibility: hidden; margin-top:-10px;}

/* Custom Plugin table style */
table.ConsultantSearch        { width: 70%; border: 1px solid #999999; margin-bottom:10px; background-color: #e6eff8;}

table.ConsultantSearchResults       { width:100%;}
table.ConsultantSearchResults tr th { text-align:left; background-color:#e6eff8;}
table.ConsultantSearchResults tr td { background-color:#f5f9fc;}

table.ConsultantDetails       { width:100%; margin-bottom:10px;}
table.ConsultantDetails tr th { text-align:left; background-color:#e6eff8; width:27%; padding:3px;}
table.ConsultantDetails tr td { background-color:#f5f9fc; width:73%; padding:3px;}

table.HospitalFinder			{width:100%; background-color:#e6eff8; padding:2px; color:#005173; border:1px solid #999999;}
	table.HospitalFinder    td		{padding: 4px;}
	table.HospitalFinder	td.line	{border-bottom:1px dotted #005173;}