/***********************************************/
/* HTML tag styles                             */
/***********************************************/ 

		
body{
	font-family: Arial, Helvetica, sans-serif;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	background-color: #FFFFFF;
	font-size: 80%;
	line-height:150%;
    background-image: url(body_bg.jpg);
    background-repeat: repeat-x;
}



a:link{
	color: #03367e;
	text-decoration: underline;
	font-weight:normal;
}

a:visited{
	color: #03367e;
	text-decoration: underline;
	font-weight:normal;
}

a:hover{
	color: #999CCD;
	text-decoration: underline;
	font-weight:normal;
}


p
{

}


h1{
 font-size: 160%;
 font-weight:normal;
 color: #004990;
 margin-top:0px;
 margin-bottom:15px; 
 
}

h2{
 font-size: 130%;
 color: #6578AE;
 line-height:130%;
 font-weight:bold;
 margin-top:0px;
}

h3{
 font-size: 120%;
 font-weight:bold;
 color: #004990;
}



ul{
 list-style-type: disc;
 font-size: 100%;
}

ol{
 font-size: 100%;
}

ul ul{
 list-style-type: square;
}

ul ul ul{
 list-style-type: none;
}


li{
 padding: 1px 0px 1px 0px;
}


br{
clear:  both;
}

hr{
clear:  both;
height: 1px;
}


/***********************************************/
/* Layout Classes                                 */
/***********************************************/

	.frame {
		width:950px;
		margin-right:auto;
		margin-left:auto;
		margin-top:0px;
		padding:0px 10px 0px 10px;
		text-align:left;
		border-right: solid 1px #C0BED3;
		border-left: solid 1px #C0BED3;
		background-color: #FFFFFF;
		}
		

	.header {
    float: left;
    clear: both;
    padding: 10px 0 0 0;
    margin: 0px;
     font-weight:normal;
    }
    
    
    .content01 {
    float: left;
    clear: both;
    padding: 0px;
    margin: 12px 0 12px 0;
    }
		
		
	.contentplaceholder01{
	width:940px;
    float: left;
    clear: both;
    padding: 0px;
    margin: 0px;
    }
 
		
	.contentcolumn01{
		float:left;
		padding: 0px 0px 0px 0px;
		margin: 0px 40px 0px 0px;
		width: 688px;
		}
		
	.contentcolumn02{
		float:left;
		padding: 0px;
		margin: 0px;
		width:212px; 
		}
		
	.contentcolumn03{
		float:left;
		padding: 0px;
		margin: 0px;
		width:508px; 
		}	
		
	.homepanelcolumn01{
		float:left;
		padding: 0px;
		margin: 0 18px 0 0;
		width:335px; 
		}
		
	.homepanelcolumn02{
		float:left;
		padding: 0px;
		margin: 0px;
		width:335px; 
		}
		
	.submenucolumn01{
		float:left;
		padding: 0px;
		margin: 0px 40px 0px 0px;
		width:140px;
		text-align:right; 
		}
		

		
    
    .spacing01 {
    padding: 9px;
    margin: 0px;
    }
    
    .vspacing01 {
    height: 15px;
    clear: both;
    }
    
   .vspacing02 {
    height: 9px;
    clear: both;
    }
    


    .left01 {
    float:left;
    padding: 0px;
    margin: 0px;
    width:287px;
    }
    
    .right01 {
    float:right;
    padding: 0px;
    margin: 0px;
    width:653px;
    text-align:right;
    }
    
    .right02 {
    float:right;
    padding: 4px 0 0 0;
    margin: 0px;
    clear: both;    
    }
      

    .panel01 {
    float: left;
    clear: both;
    width: 202px;
    padding: 5px;
    margin: 0 0 20px 0;
  
    }
    
    .panel02 {
    float: left;
    clear: both;
    width: 212px;
    padding: 6px 0px 0 0px;
    }
    
   .panel03 {
    float: left;
    clear: both;
    width: 180px;
    padding: 6px 22px 0 10px;
    margin: 0;
    background-image: url(bg01.jpg);
    background-repeat:  repeat-x;
    background-position:  top;
    }
	
	
	.panel04 {
    float: left;
    clear: both;
    width: 206px;
    padding: 6px 3px 6px 3px;
    margin: 0px 0px 20px 0px;
	background-image: url(bg05.jpg);
    background-repeat:  repeat-x;
    background-position:  top;
  
    }
    
    
    .panel05a{
		float:left;
		padding: 0px;
		margin: 0px;
		width:335px;
		}
    
    
    
    .panel05b{
		float:left;
		padding: 6px;
		margin: 0px;
		width:321px; 
		border-left: 1px solid #C5C5C5;
		border-right: 1px solid #C5C5C5;
		background-image: url(bg06.jpg); 
		background-repeat:  repeat-x;
		background-position:top;
		}
    
    .panel06{
		float:left;
		padding: 0 0 0 10px;
		margin: 0px;
		width:217px; 
		}
    
    
    .indent01{
    padding: 0px 0 0 24px; 
    font-weight:normal;
    font-size:200%;
    }
    
    
  .membership{
	float:left;
	padding: 0px;
	margin: 20px;
	width:750px; 
	}
	
	
	.clearboth {
    clear: both;
    }
    
      .slideshowcontrols{
	    clear: both;
	    float: right;
		text-align:right;
		padding-right:6px;
		padding-top:4px;
		padding-bottom:0px;
		width:502px;
		height:24px;
		background-image: url(tour_bg.jpg);
        background-repeat:  repeat-x;
        background-position: center;
		}
	
	.textbox01 {
border: 1px solid #999CCD;
padding: 3px;
width:410px;
color: #000000;
font-weight:normal;
font-family: Arial, Helvetica, sans-serif;
font-size:100%;
background-color:#E7EAF1;
}

	.textbox02 {
border: 1px solid #999CCD;
padding: 3px;
width:340px;
color: #000000;
font-weight:normal;
font-family: Arial, Helvetica, sans-serif;
font-size:100%;
background-color:#E7EAF1;
}

        .photo01{
		float:left;
		padding: 0px;
		margin: 0px;
		width:94px; 
		}
		
		

    
/***********************************************/
/* Page titles                                */
/***********************************************/
    
   .abouttitle {
        background-image: url(about_t.jpg);
        background-repeat:  no-repeat;
        background-position: center;
        width: 688px;
        height: 87px;
    }
    
    .cdtitle {
        background-image: url(cd_t.jpg);
        background-repeat:  no-repeat;
        background-position: center;
        width: 688px;
        height: 87px;
    }
	
	 .hygtitle {
        background-image: url(title_hygiene.jpg);
        background-repeat:  no-repeat;
        background-position: center;
        width: 688px;
        height: 87px;
    }
	
	.imptitle {
        background-image: url(title_implant.jpg);
        background-repeat:  no-repeat;
        background-position: center;
        width: 688px;
        height: 87px;
    }
    
    
     .newstitle {
        background-image: url(title_news.jpg);
        background-repeat:  no-repeat;
        background-position: center;
        width: 688px;
        height: 87px;
    }


     .skintitle {
        background-image: url(title_facial.jpg);
        background-repeat:  no-repeat;
        background-position: center;
        width: 688px;
        height: 87px;
    }    

     .contacttitle {
        background-image: url(title_contact.jpg);
        background-repeat:  no-repeat;
        background-position: center;
        width: 688px;
        height: 87px;
    }        
    

/***********************************************/
/* Row layouts                                 */
/***********************************************/

div.row {clear: both;padding: 6px;}
div.row span.left {float: left; width:120px; text-align: right;}
div.row span.right {float: left;width:auto; text-align: left; margin-left:6px;} 

div.row02 {clear: both;padding: 6px;}
div.row02 span.left {float: left; width:130px; text-align: right;}
div.row02 span.right {float: left;width:auto; text-align: left; margin-left:6px;} 

div.row03 {clear: both;padding: 6px;}
div.row03 span.left {float: left; width:60px; text-align: right;}
div.row03 span.right {float: left;width:auto; text-align: left; margin-left:6px;} 

div.row04 {clear: both;padding: 6px;}
div.row04 span.left {float: left; width:auto; text-align: left;}
div.row04 span.right {float: left;width:auto; text-align: left; margin-left:6px;} 

div.row05 {clear: both;padding: 6px;}
div.row05 span.left {float: left; width:168px; text-align: left;}
div.row05 span.right {float: left;width:auto; text-align: left; margin-left:6px;} 


		
/***********************************************/
/* General text classes                                 */
/***********************************************/

.normal
{
 font-size: 100%;
}


.normal02
{
 font-size: 100%;
 font-weight:normal;
 color: #004990;
}

.small
{
 font-size: 84%;
}

.small02
{
 font-size: 84%;
  margin: 0;
 padding:0;
}

.medium01
{
 font-size: 100%;
 font-weight:normal;
 color: #646567;
}

.medium02
{
 font-size: 140%;
 font-weight:normal;
 color: #646567;
}

.large01
{
 font-size: 140%;
 font-weight:bold;
}


.large02
{
 font-size: 180%;
 font-weight:bold;
 color:#FFFFFF;
 margin: 0 0 3px 0;
}

.validatortext
{
    font-size: 100%;
    font-weight: bold;
    color:Red;
}


.header
{
    font-size: 120%;
    color:#004990;
    float:right;
    margin-bottom:5px;
}


.quote
{
    font-size: 100%;
    color:#004990;
    font-style:italic;
    font-weight:bold;
    padding:0;
    margin:3px 0 3px 0;
}


.righttext01
{
    font-size: 100%;
    color:#004990;
    float:right;
    font-weight:bold;
    margin:0 0 3px 0;
}

.footer
{
 font-size: 84%;
 color:#808080;
}


.footer02
{
 color:#999CCD;
}



/***********************************************/
/* Link classes                                 */
/***********************************************/
a.mainmenubutton01:link {  width: 61px; height: 18px;display: block;float:left; background-color:#9FA8CF;background-image: url(menuback.jpg);background-repeat: repeat-x;background-position:bottom;color: #FFFFFF; border-right: 1px solid #FFFFFF;text-decoration: none;float:left;padding: 3px 4px 5px 4px;text-align:center;margin: 0px;font-weight:bold;font-size:12px; }
a.mainmenubutton01:visited { width: 61px; height: 18px;display: block;float:left; background-color:#9FA8CF;background-image: url(menuback.jpg);background-repeat: repeat-x;background-position:bottom;color: #FFFFFF; border-right: 1px solid #FFFFFF;text-decoration: none;float:left;padding: 3px 4px 5px 4px;text-align:center;margin: 0px;font-weight:bold;font-size:12px; }
a.mainmenubutton01:hover {  background-image: url(menuback_selected.jpg); background-color:#5F72AA; }
a.mainmenubutton01:active { background-image: url(menuback_selected.jpg); background-color:#5F72AA; }

a.mainmenubutton01b:link {  width: 125px; height: 18px;display: block;float:left;background-color:#9FA8CF;background-image: url(menuback.jpg);background-repeat: repeat-x;background-position:bottom;color: #FFFFFF; border-right: 1px solid #FFFFFF;text-decoration: none;float:left;padding: 3px 4px 5px 4px;text-align:center;margin: 0px;font-weight:bold;font-size:12px; }
a.mainmenubutton01b:visited { width: 125px; height: 18px;display: block;float:left;background-color:#9FA8CF;background-image: url(menuback.jpg);background-repeat: repeat-x;background-position:bottom;color: #FFFFFF; border-right: 1px solid #FFFFFF;text-decoration: none;float:left;padding: 3px 4px 5px 4px;text-align:center;margin: 0px;font-weight:bold;font-size:12px; }
a.mainmenubutton01b:hover {  background-image: url(menuback_selected.jpg); background-color:#5F72AA; }
a.mainmenubutton01b:active { background-image: url(menuback_selected.jpg); background-color:#5F72AA;}

a.mainmenubutton01c:link {  width: 175px; height: 18px;display: block;float:left;background-color:#9FA8CF;background-image: url(menuback.jpg);background-repeat: repeat-x;background-position:bottom;color: #FFFFFF; border-right: 1px solid #FFFFFF;text-decoration: none;float:left;padding: 3px 4px 5px 4px;text-align:center;margin: 0px;font-weight:bold;font-size:12px; }
a.mainmenubutton01c:visited { width: 175px; height: 18px;display: block;float:left;background-color:#9FA8CF;background-image: url(menuback.jpg);background-repeat: repeat-x;background-position:bottom;color: #FFFFFF; border-right: 1px solid #FFFFFF;text-decoration: none;float:left;padding: 3px 4px 5px 4px;text-align:center;margin: 0px;font-weight:bold;font-size:12px; }
a.mainmenubutton01c:hover {  background-image: url(menuback_selected.jpg); background-color:#5F72AA; }
a.mainmenubutton01c:active { background-image: url(menuback_selected.jpg); background-color:#5F72AA;}

a.mainmenubutton02:link { width: 61px; height: 18px;display: block;  float:left;background-color:#5F72AA;background-image: url(menuback_selected.jpg);background-repeat: repeat-x;background-position:bottom;color: #FFFFFF; border-right: 1px solid #FFFFFF;text-decoration: none;float:left;padding: 3px 4px 5px 4px;text-align:center;margin: 0px;font-weight:bold;font-size:12px; }
a.mainmenubutton02:visited { width: 61px; height: 18px;display: block;float:left;background-color:#5F72AA;background-image: url(/menuback_selected.jpg);background-repeat: repeat-x;background-position:bottom;color: #FFFFFF; border-right: 1px solid #FFFFFF;text-decoration: none;float:left;padding: 3px 4px 5px 4px;text-align:center;margin: 0px;font-weight:bold;font-size:12px; }
a.mainmenubutton02:hover { }
a.mainmenubutton02:active { }

a.mainmenubutton02b:link { width: 125px; height: 18px;display: block;float:left;background-color:#5F72AA;background-image: url(menuback_selected.jpg);background-repeat: repeat-x;background-position:bottom;color: #FFFFFF; border-right: 1px solid #FFFFFF;text-decoration: none;float:left;padding: 3px 4px 5px 4px;text-align:center;margin: 0px;font-weight:bold;font-size:12px; }
a.mainmenubutton02b:visited { width: 125px; height: 18px;display: block;float:left;background-color:#5F72AA;background-image: url(menuback_selected.jpg);background-repeat: repeat-x;background-position:bottom;color: #FFFFFF; border-right: 1px solid #FFFFFF;text-decoration: none;float:left;padding: 3px 4px 5px 4px;text-align:center;margin: 0px;font-weight:bold;font-size:12px; }
a.mainmenubutton02b:hover { }
a.mainmenubutton02b:active { }

a.mainmenubutton02c:link { width: 175px; height: 18px;display: block;float:left;background-color:#5F72AA;background-image: url(menuback_selected.jpg);background-repeat: repeat-x;background-position:bottom;color: #FFFFFF; border-right: 1px solid #FFFFFF;text-decoration: none;float:left;padding: 3px 4px 5px 4px;text-align:center;margin: 0px;font-weight:bold;font-size:12px; }
a.mainmenubutton02c:visited { width: 175px; height: 18px;display: block;float:left;background-color:#5F72AA;background-image: url(menuback_selected.jpg);background-repeat: repeat-x;background-position:bottom;color: #FFFFFF; border-right: 1px solid #FFFFFF;text-decoration: none;float:left;padding: 3px 4px 5px 4px;text-align:center;margin: 0px;font-weight:bold;font-size:12px; }
a.mainmenubutton02c:hover { }
a.mainmenubutton02c:active { }

a.submenubutton01:link {  color: #000000; text-decoration: none; font-size: 105%; font-weight: bold;  }
a.submenubutton01:visited {  color: #000000; text-decoration: none; font-size: 105%; font-weight: bold; }
a.submenubutton01:hover {  color: #004990;  }
a.submenubutton01:active {  color: #004990;  }

a.submenubutton02:link {  color: #004990; text-decoration: none; font-size: 105%; font-weight: bold;  }
a.submenubutton02:visited {  color: #004990; text-decoration: none; font-size: 105%; font-weight: bold;  }
a.submenubutton02:hover { }
a.submenubutton02:active {  }

a.colour01:link {  color: #FFFFFF; text-decoration: none;   }
a.colour01:visited {  color: #FFFFFF; text-decoration: none;  }
a.colour01:hover {  color: #FFFFFF; text-decoration: underline; }
a.colour01:active {  color: #FFFFFF; text-decoration: underline; }

a.footerlink:link {  color: #999CCD; text-decoration: none;   }
a.footerlink:visited {  color: #999CCD; text-decoration: none;  }
a.footerlink:hover {  color: #999CCD; text-decoration: underline; }
a.footerlink:active {  color: #999CCD; text-decoration: underline; }


/***********************************************/
/* Horizontal rules                                 */
/***********************************************/
  
    .hr_footer {
     height: 2px;
    border-style: none;
    color: #999CCD;
    background-color: #999CCD;
    clear:  both;
    }



/***********************************************/
/* Images                                 */
/***********************************************/

/*this centres the image */
.center{
	display: block;
	margin: 0 auto;
	clear: both;
}

.float01{
float:left;
}



/***********************************************/
/* Main menu                                 */
/***********************************************/

#main_menu ul {
	float: left;
	width: 950px;
	padding: 0;
	margin: 15px 0 20px 0;
	list-style-type: none;
	background-image: url(menu_long_back.jpg);
	background-repeat: no-repeat;
	background-position:top;
	 background-color:#4A6C9C;

}

#main_menu li {
	display: inline;
	
}

.menutab {
	float: left;
	width: 133px;
	padding: 0;
	margin: 0;

}


/***********************************************/
/* submenu01 menu                                 */
/***********************************************/


#submenu01 ul {
    float: left;
    margin: 3px 40px 0px 0px;
	width:140px;
	text-align:right; 
	padding: 0px;
	list-style-type: none;
}

#submenu01 li {
	 padding-bottom:15px;	
}


/***********************************************/
/* Ajax tab control theme                                */
/***********************************************/ 

/* ajax__tab_technorati-theme theme */
.ajax__tab_technorati-theme .ajax__tab_header 
{
    background:url(tab-line.gif) repeat-x bottom;
    font-size:84%;
    font-weight:bold; 
    display:block;
}

.ajax__tab_technorati-theme .ajax__tab_header .ajax__tab_outer 
{
    background:url(bg03.jpg) repeat-x left top;
    border-left-color:#BBBCC1;
    border-right-color:#BBBCC1;
    border-top-color:#BBBCC1;
    border-bottom-color:#44618C;
    border-style:solid;
    border-width:1px 1px 1px 1px;
    color:#000000;
    padding-left:10px;
    margin-right:2px;
    height:31px;
}

.ajax__tab_technorati-theme .ajax__tab_header .ajax__tab_inner 
{
   background:url(bg03.jpg) repeat-x left top;
    padding:8px 8px 4px 0px;
    
}

.ajax__tab_technorati-theme .ajax__tab_hover .ajax__tab_inner 
{
    color:#FFFFFF;
}

.ajax__tab_technorati-theme .ajax__tab_active .ajax__tab_outer 
{
    background:url(bg02.jpg) repeat-x left top;
    border-bottom-color:#002D64;
    height:31px;
}

.ajax__tab_technorati-theme .ajax__tab_active .ajax__tab_inner 
{
 
    background:url(bg02.jpg) repeat-x left top;
    color:#FFFFFF;
}

.ajax__tab_technorati-theme .ajax__tab_body 
{
    background:url(bg04.jpg);
    background-position:top;
    background-repeat:repeat-x;
    padding:8px;
    color:#FFFFFF;
    background-color:#456899;
    border:solid 1px #BBBCC1;
    border-top-width:0;
}


.tabbedimagecolumn
{
    float: left;
    margin: 0 30px 0 0;
    width:167px;    
}

.tabbedtextcolumn
{
    float: left;
    width:440px;
}

/***********************************************/
/* Accordion */
/***********************************************/ 


.accordionHeader
{
    background:url(menuback.jpg);
    background-position:bottom;
    background-repeat:repeat-x;
    color: white;
    background-color:#bebddf;
	font-size: 100%;
	font-weight: bold;
    padding: 5px 5px 5px 8px;
    border-top: 4px solid #FFFFFF;
    
}

.accordionHeader a
{
	color: #FFFFFF;
	text-decoration: none;
}

.accordionHeader a:hover
{
	color: #FFFFFF;
	text-decoration: underline;
}


.accordionHeaderSelected
{
    background:url(menuback_selected.jpg);
    background-position:bottom;
    background-repeat:repeat-x;
    color: white;
    background-color: #8383c1;
	font-size: 100%;
	font-weight: bold;
    padding: 5px 5px 5px 8px;
    border-top: 4px solid #FFFFFF;
}

 .accordionHeaderSelected a
{
	color: #FFFFFF;
	background: none;
	text-decoration: none;
}

.accordionHeaderSelected a:hover
{
	color: #FFFFFF;
	background: none;
	text-decoration: underline;
}

.accordionContent
{
    background-color: #CDD4E9;
    padding: 8px;
}

.accordionimagecolumn
{
    float: left;
    margin: 0 10px 0 0;
    width:120px;
     background-color: #CDD4E9;
    
}

.accordiontextcolumn
{
    float: left;
    width:360px;
    background-color: #CDD4E9;
}