/*

MODWENA ORTHODONTICS by TODA LTD VERSION 1.0	
	
*/

li {
list-style-type:none;
}



#log {
position:fixed;
bottom:0;
right:1em;
text-align:right;
}

#switch {
position:fixed;
bottom:0;
right:15em;
}

.basic {
	width:900px;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFF;
	text-align:left;
	text-transform: capitalize;	
}

.basic div {
	background-color:#FFF;
	height:100%;
	overflow:visible;
	background-image:url(../images/services_back.png);
	background-repeat:repeat-x;
	padding-bottom: 25px;	text-transform: capitalize;	
}

.basic p {
	text-align:left;
	padding:10px 10px 0 30px;
	text-transform: none;
}

.basic a {
	cursor:pointer;
	display:block;
	margin-top:0;
	text-decoration:none;
	color:#FFF;
	background-color:#009999;
	border-top:1px solid #FFF;
	padding:10px;	text-transform: capitalize;	
}

.basic a:hover {
background-color:#000;
color:#FFF;	text-transform: capitalize;	
}

.basic a.selected {
	color:#4B9796;
	background-color:#D3EAE9;	text-transform: capitalize;	
}

.floatright {float: left;
padding-right:30px;}

.treatmentPic {width: 300px;
height: 190px; float: left;
padding-right:30px;}
.treatmentText {width: 500px;
height: 190px; float: left;
}


/* 1.BODY ---------------------------------------------------------------------- */

body { margin: 0; padding: 0; font-size: 100%; background-color: #FFFFFF;  /* WHITE background */ list-style: 20px 0px 20px 0px; }


/* 2.GLOBAL STYLING ---------------------------------------------------------------------- */

p, ul, ol {
	margin: px 30px 0px 0px;
	font-size: 0.8em;
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
}

p.bodytext{ font-size: 0.8em; color:#333333; padding-top: 15px; text-align: left; }

p.blinktext{ font-size: 0.8em; color:#333333; text-align: left; }

p.largebold{ font-size: 1.1em; color:#009999; padding-top: 15px; text-align: left; font-weight: bold; }

p.credit{ font-size: 0.7em; color:#999999; padding-top: 15px; text-align: center; }

p.teamtext{ font-size: 0.8em; color:#333333; padding-top: -10px; text-align: left;  }

p.accordion { line-height: 1.6em; padding: 10px 10px 0px 10px; font-family: Arial, Helvetica, sans-serif; font-size: 0.8em; color:#333333; text-align: left; }

p.bolditalic {font-family: Georgia, serif;  font-size: 1.1em; line-height: 1.2em; color: #666666; margin-top: 10px; font-style: italic;}

blockquote{
	color: #8ab810;
	padding-bottom: 10px;
}

p.blockquote{
	font: 1.2em Georgia, serif;
	line-height: 1.2em;
}

p.blockquote_credit { text-align: center; }

b { font-weight: bold; }

ul {}
ul li {}
dl {  } 
dt {  }
dd {  }
ol {  }
ol li {  }

strong { font-weight:bold; }

img.teams {
	float: right;
	padding-left: 15px;
}
* {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: lighter;
}  /* These global values affect everything */


/* 3.HEADINGS ---------------------------------------------------------------------- */

h1 {font-family: Georgia, serif; }
h2,h3,h4,h5,h6 {font-family: Georgia, serif; }

h1 { }
h2 { font-size: 1.1em; line-height: 1.2em; color: #666666; margin-top: 10px; font-style: italic; }
h3 {
	font-size: 1.6em;
	line-height: 1.2em;
	color: #666666;
}
h4 { font-size: 0.9em; line-height: 1em; color: #000000; font-family: Arial, Helvetica, sans-serif; font-weight: normal; }
h5 { };
h6 { }

.boldhdr {   /* Bold address title for Modwena style */
	font-family: "Georgia", Times New Roman, Times, serif;
	font-size: 10px;
	letter-spacing: 0.2px;
	font-weight: bold;	
}





/* 4.LINKS ---------------------------------------------------------------------- */

a:link,
a:visited { color:#666;text-decoration: none; }
a:hover,
a:focus { color:#333;text-decoration: none; }

a:link.external,
a:visited.external { }

h3 a:link,
h3 a:visited {
	color:#009999;
	text-decoration:none;
}
h3 a:hover,
h3 a:focus {
	color:#009999;
	text-decoration: none;
}


a.bottomlinks { color: #009999; font-family: Arial, Helvetica, sans-serif; font-style: normal; font-weight: normal; font-variant: normal; text-decoration: none; text-align: center; } 
a:visited.bottomlinks { color: #006666; 
}

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

a:active.bottomlinks {
text-decoration: underline;

}

a:link.external,
a:visited.external { padding-left: 0px; font-family: Arial, Helvetica, sans-serif; }


/* 5.IMAGES ---------------------------------------------------------------------- */

img {
	margin: 0px;
	bottom: 0px;
	padding: 0px;
}



/* 6.LAYOUT
---------------------------------------------------------------------- */

div#backgroundwrapper { width: 930px; margin-left: auto; margin-right: auto; overflow: hidden; background-color: #FFFFFF; background-repeat: repeat-x; background-image: url(../images/back_line_wht.jpg); padding: 0 15px 0 15px; }

div#hdr { width: 930px; height: 140px; padding-top: 30px; background-image: url(../images/slogan.png); background-repeat: no-repeat; float: left; padding-bottom: 25px; }

div#intro { float: left;}

div#hdrsquare { float: left;}

div#onecolumntop { float: left; width: 930px; height: 23px; }
/* Main styles for One Column top of box - background images add specific to each page */
div#onecolumnmid { float: left;  padding-top: 0px; padding-left: 15px; padding-right: 15px; } 
/* Main styles for One Column Middle of box - background images add specific to each page */
div#onecolumnbtm { float: left;width: 930px;height: 18px;padding: 0;margin: 0;} 
/* Main styles for One Column Middle of box - background images add specific to each page */

div#twocolumntop { float: left; width: 930px; height: 23px; } 
/* Main styles for Two Column top of box - background images add specific to each page */
div#twocolumnmid {float: left;width: 900px;padding-top: 0px;padding-left: 30px;}  
/* Main styles for Two Column Middle of box - background images add specific to each page */
div#twocolumnbtm {float: left;width: 930px;height: 18px;padding: 0;margin: 0;}  
/* Main styles for Two Column Middle of box - background images add specific to each page */

div#threecolumntop { float: left; width: 930px; height: 137px; } 
/* Main styles for Two Column top of box - background images add specific to each page */
div#threecolumnmid {float: left;width: 900px;padding-top: 0px;padding-left: 30px;}  
/* Main styles for Two Column Middle of box - background images add specific to each page */
div#threecolumnbtm {float: left;width: 930px;height: 18px;padding: 0;margin: 0;}  
/* Main styles for Two Column Middle of box - background images add specific to each page */

div#fourcolumntop {
	float: left;
	width: 930px;
	height: 35px;
}
/* Main styles for One Column top of box - background images add specific to each page */
div#fourcolumnmid { float: left;width: 900px;padding-top: 0px;padding-left: 30px;} 
/* Main styles for One Column Middle of box - background images add specific to each page */
div#fourcolumninfo {
	float: left;
	width: 905px;
	padding-top: 0px;
	padding-left: 25px;
	padding-bottom: 10px;
} 
/* Main styles for One Column Middle of box - background images add specific to each page */
div#fourcolumnbtm {
	float: left;
	width: 930px;
	height: 18px;
	padding: 0;
	margin: 0;
	padding-bottom: 20px;
} 
/* Main styles for One Column Middle of box - background images add specific to each page */


div#leftcol {  /* left column */
float: left; }

div#rightcol {  /* right column */
float: left; }

div#leftcol_bottom {  /* left column */
float: left; }

div#rightcol_bottom {  /* right column */
float: left; }

div#fullcol {  /* left column */
float: left; }

.innercol {  /* summary of areas of expertise which always sits on left with main box */float: left;margin-right: 40px;}

.clear {clear: both;}

div#getflash { font-family: Arial, Helvetica, sans-serif; font-weight: bold; }

.address {   /* Contains address */ width: 250px; float: left; font-family: Arial, Helvetica, sans-serif; font-size: 11px; letter-spacing: 0.2px; padding-left: 30px; padding-top: 40px; }


.contactdetails {   /* Contains email and tel links */ width: 280px; float: left; font-family: Arial, Helvetica, sans-serif; font-size: 10px; letter-spacing: 0.2px; text-align: right; padding-top: 65px; }

.logo {   /* Header area which contains h1 the main site title */ width: 350px; text-align: center; float: left; }

div#toppic {  /* right column */ float: left; padding-top: 20px; }

/* 7.NAVIGATION
---------------------------------------------------------------------- */


/*CSS menu */

.underlinemenu ul li a:hover{ color: #009999; padding-bottom: 7px; }

.underlinemenu{ font-weight: bold; width: 915px; float: left; border-top: solid #009999 1px; margin-left: 7px; background-color: #FFFFFF; border-bottom: solid #009999 1px; }

.underlinemenu ul{ padding: 6px 0 7px 0; /*6px should equal top padding of "ul li a" below, 7px should equal bottom padding + bottom border of "ul li a" below*/ margin: 0; text-align: center; }

.underlinemenu ul li{ display: inline; font-family: Georgia, "Times New Roman", Times, serif; font-size: 0.9em; }

.underlinemenu ul li a{ color: #666666; padding: 6px 5px 4px 5px; /*top padding is 6px, bottom padding is 4px*/ margin-right: 20px; /*spacing between each menu link*/ text-decoration: none; }

.underlinemenu ul li a:hover, .underlinemenu ul li a.selected{ background-color: #ECF8F8; }

/* 8.SITEINFO/FOOTER
---------------------------------------------------------------------- */

div#bttmbar { float: left; width: 100%; height: 500px; background-repeat: repeat-x; }/* Bottom bar, contains copyright info */

#footermenu1 li, #footermenu2 li, #footermenu3 li, #footermenu4 li {list-style-type:none; margin-bottom: 4px;text-align: left;text-indent: 0pt; }

#footermenu1 li a:link {color: #FFFFFF;text-decoration: none;font-weight: bold;padding-left: 5px;}
#footermenu1 li a:visited {color: #FFFFFF; text-decoration: none; font-weight: bold;padding-left: 5px;}
#footermenu1 li a:hover {color: #000000; text-decoration: none; font-weight: bold;padding-left: 5px;}
#footermenu1 li a:active {color: #000000; text-decoration: none; font-weight: bold;padding-left: 5px;}

#footermenu2 li a:link {color: #FFFFFF; text-decoration: none; font-weight: bold;padding-left: 5px;}
#footermenu2 li a:visited {color: #FFFFFF; text-decoration: none; font-weight: bold;padding-left: 5px;} 
#footermenu2 li a:hover {color: #000000; text-decoration: none; font-weight: bold;padding-left: 5px;}
#footermenu2 li a:active {color: #000000; text-decoration: none; font-weight: bold;padding-left: 5px;}

#footermenu3 li a:link {color: #FFFFFF; text-decoration: none; font-weight: bold;padding-left: 5px;} 
#footermenu3 li a:visited, a:link { color: #009999; text-decoration: none; padding-left: 5px; font-weight: normal; } 
#footermenu3 li a:hover {color: #000000; text-decoration: none; font-weight: bold;padding-left: 5px;}
#footermenu3 li a:active {color: #000000; text-decoration: none; font-weight: bold;padding-left: 5px;}

div#footer { width: 960px; margin-right: auto; margin-left: auto; padding-top: 5px; padding-bottom: 30px; background-image: url(../images/footer_swan.jpg); background-repeat: repeat-x; height: 100%; }

div#footer1 {float: left;width: 200px;padding: 19px 0px 10px 0px;}

div#footer2 {float: left;width: 170px;padding: 19px 0px 10px 0px;}

div#footer3 {float: left;width: 300px; padding: 19px 0px 10px 0px;}

div#footer4 {float: left;width: 235px;padding: 19px 0px 10px 0px;}
div#footer4 li a:visited {color: #000000; text-decoration: none; font-weight: bold;}
div#footer4 a:hover, #footer4 a:active {color: #000000;font-weight: bold;}
div#footer4 a:link, #footer4 a:visited {color: #FFFFFF;font-weight: bold;}
p.footer4{ font-family: Arial, Helvetica, "lucida sans"; font-size: 0.7em; text-align: left; line-height: 1.3em; color: #333333; }

.footeraddress {  line-height: 1.8em;font-family: Verdana, Arial, sans-serif;font-size: 0.6em;font-weight: bold;}

.other {background-image: url(../images/toda_logo.png);background-repeat: no-repeat;}




/* 9.HOME PAGE
---------------------------------------------------------------------- */

.home { background-image: url(../images/back_line.jpg); background-repeat: repeat-x; background-color: #333333; }

.home div#twocolumntop{ background-image: url(../images/boxes/two_column_top.jpg); background-repeat: no-repeat; } 
/* Adds approoriate background image */
.home div#twocolumnmid { background-image: url(../images/boxes/two_column_mid.jpg); background-repeat: repeat-y; padding-top: 15px; padding-bottom: 10px; } 
/* Adds approoriate background image */
.home div#twocolumnbtm { background-image: url(../images/boxes/two_column_btm.jpg); background-repeat: no-repeat; }  
/* Adds approoriate background image */

.home   div#onecolumntop { background-image: url(../images/boxes/one_col_mint_top.jpg); background-repeat: no-repeat; margin-top: 20px; } 
/* Adds approoriate background image */
.home   div#onecolumnmid { width: 875px; background-image: url(../images/boxes/one_col_mint_mid.jpg); background-repeat: repeat-y; padding-bottom: 20px; padding-left: 40px; padding-top: 20px; } 
/* Adds approoriate background image */
.home   div#onecolumnbtm { background-image: url(../images/boxes/one_col_mint_btm.jpg); background-repeat: no-repeat; padding-bottom: 30px; }  
/* Adds approoriate background image */

.home div#leftcol { width: 250px; padding-left: 70px; }  /* home page left column width */

.home div#rightcol { float: left; width: 550px; padding-bottom: 35px; } /* home page right column width */

div#slideshowHolder { width: 900px; height: 290px; float: left; padding-left: 15px; padding-right: 15px; padding-top: 20px; background-image: url(../images/boxes/slideshow_back.jpg); background-repeat: no-repeat; margin-top: 20px; padding-bottom: 10px; } /* contains flash animation */


/* 10.TREATMENTS PAGE
---------------------------------------------------------------------- */

.treatments { background-image: url(../images/back_line.jpg); background-repeat: repeat-x; background-color: #333333; }

.treatments  div#onecolumntop { background-image: url(../images/boxes/one_col_white_top.jpg); background-repeat: no-repeat; margin-top: 20px; } 
/* Adds approoriate background image */
.treatments  div#onecolumnmid { width: 900px; background-image: url(../images/boxes/one_col_white_mid.jpg); background-repeat: repeat-y; } 
/* Adds approoriate background image */
.treatments  div#onecolumnbtm { background-image: url(../images/boxes/one_col_white_btm.jpg); background-repeat: no-repeat; padding-bottom: 30px; }  
/* Adds approoriate background image */

.treatments  div#leftcol { width: 900px; padding-left: 25px; padding-top: 20px; }  /* home page left column width */

.treatments  div#rightcol { float: left; width: 550px; padding-bottom: 35px; } /* home page right column width */

h2.onecolumnmid { padding-left: 10px; }


/* 11.ABOUT PAGE
---------------------------------------------------------------------- */

.about{ background-image: url(../images/back_line.jpg); background-repeat: repeat-x; background-color: #333333; }

.about  div#leftcol { width: 550px; padding-left: 25px; padding-top: 20px; background-color: #FFFFFF; float: left; }  /* home page left column width */

.about  div#rightcol { float: left; width: 350px; padding-bottom: 35px; } /* home page right column width */

.about   div#onecolumntop { background-image: url(../images/boxes/one_col_mint_top.jpg); background-repeat: no-repeat; margin-top: 20px; } 
/* Adds approoriate background image */
.about   div#onecolumnmid { width: 875px; background-image: url(../images/boxes/one_col_mint_mid.jpg); background-repeat: repeat-y; padding-bottom: 20px; padding-left: 40px; padding-top: 20px; } 
/* Adds approoriate background image */
.about   div#onecolumnbtm { background-image: url(../images/boxes/one_col_mint_btm.jpg); background-repeat: no-repeat; padding-bottom: 30px; }  
/* Adds approoriate background image */

/* 12.MEET THE TEAM PAGE
---------------------------------------------------------------------- */

.meettheteam{ background-image: url(../images/back_line.jpg); background-repeat: repeat-x; background-color: #333333; }

.meettheteam  div#leftcol { width: 905px; padding-left: 25px; padding-top: 20px; background-color: #FFFFFF; float: left; }  /* home page left column width */

.meettheteam  div#rightcol { float: left; width: 550px; padding-bottom: 35px; } /* home page right column width */

.meettheteam   div#onecolumntop { background-image: url(../images/boxes/one_col_mint_top.jpg); background-repeat: no-repeat; margin-top: 20px; } 
/* Adds approoriate background image */
.meettheteam   div#onecolumnmid { width: 875px; background-image: url(../images/boxes/one_col_mint_mid.jpg); background-repeat: repeat-y; padding-bottom: 20px; padding-left: 40px; padding-top: 20px; } 
/* Adds approoriate background image */
.meettheteam   div#onecolumnbtm { background-image: url(../images/boxes/one_col_mint_btm.jpg); background-repeat: no-repeat; padding-bottom: 30px; }  
/* Adds approoriate background image */


/* 13.REFERRALS PAGE
---------------------------------------------------------------------- */

.referral{ background-image: url(../images/back_line.jpg); background-repeat: repeat-x; background-color: #333333; }

.referral  div#leftcol { width: 905px; padding-left: 25px; padding-top: 20px; background-color: #FFFFFF; float: left; padding-bottom: 100px; }  /* home page left column width */

.referral  div#rightcol { float: left; width: 550px; padding-bottom: 35px; } /* home page right column width */

.referral   div#onecolumntop { background-image: url(../images/boxes/one_col_mint_top.jpg); background-repeat: no-repeat; margin-top: 20px; } 
/* Adds approoriate background image */
.referral   div#onecolumnmid { width: 875px; background-image: url(../images/boxes/one_col_mint_mid.jpg); background-repeat: repeat-y; padding-bottom: 20px; padding-left: 40px; padding-top: 20px; } 
/* Adds approoriate background image */
.referral   div#onecolumnbtm { background-image: url(../images/boxes/one_col_mint_btm.jpg); background-repeat: no-repeat; padding-bottom: 30px; }  
/* Adds approoriate background image */




/* 14.WHAT IS ORTHODONTICS PAGE
---------------------------------------------------------------------- */

.what { background-image: url(../images/back_line.jpg); background-repeat: repeat-x; background-color: #333333; }

.what  div#leftcol { float: left; width: 875px; padding-left: 25px; padding-top: 20px; background-color: #FFFFFF; padding-right: 25px; }  /* home page left column width */

.what  div#rightcol { float: left; width: 875px; padding-left: 25px; background-color: #FFFFFF; padding-right: 25px; padding-bottom: 35px; } /* home page right column width */

.what   div#threecolumntop { background-image: url(../images/boxes/three_column_mint_top_pics.jpg); background-repeat: no-repeat; margin-top: 20px; } 
/* Adds approoriate background image */
.what   div#threecolumnmid { width: 900px; background-image: url(../images/boxes/three_column_mint_mid.jpg); background-repeat: repeat-y; padding-bottom: 20px; padding-left: 30px; padding-top: 20px; } 
/* Adds approoriate background image */
.what   div#threecolumnbtm { background-image: url(../images/boxes/three_column_mint_btm.jpg); background-repeat: no-repeat; padding-bottom: 30px; }  
/* Adds approoriate background image */


.what div#leftcol_bottom { width: 260px; } /* WHAT IS page bottom left column width */

.what div#rightcol_bottom { float: left; width: 250px; padding-left: 50px; } /* WHAT IS page bottom right column width */

.what div#leftcol_mid_bottom { float: left; width: 260px; padding-left: 50px; } /* WHAT IS page bottom right column width */


/* 15.CONTACT
---------------------------------------------------------------------- */

.contact { background-image: url(../images/back_line.jpg); background-repeat: repeat-x; background-color: #333333; }

.contact   div#onecolumntop { background-image: url(../images/boxes/one_col_mint_top.jpg); background-repeat: no-repeat; margin-top: 20px; } 
/* Adds approoriate background image */
.contact   div#onecolumnmid { width: 875px; background-image: url(../images/boxes/one_col_mint_mid.jpg); background-repeat: repeat-y; padding-bottom: 20px; padding-left: 40px; padding-top: 20px; } 
/* Adds approoriate background image */
.contact   div#onecolumnbtm { background-image: url(../images/boxes/one_col_mint_btm.jpg); background-repeat: no-repeat; padding-bottom: 30px; }  
/* Adds approoriate background image */


.contact div#leftcol { width: 350px; padding-bottom: 20px; padding-right: 20px; margin-bottom: 15px; }  /* AREAS OF EXPERTISE page left column width */

.contact div#map { float: left; width: 470px; border: solid #CCCCCC 1px; } /* home page right column width */

.contact div#leftcol_bottom { width: 160px; } /* WHAT IS page bottom left column width */

.contact div#rightcol_bottom { float: left; width: 160px; padding-left: 20px; } /* WHAT IS page bottom right column width */



/* 16.LINKS PAGE
---------------------------------------------------------------------- */

.links { background-image: url(../images/back_line.jpg); background-repeat: repeat-x; background-color: #333333; }

.links  div#leftcol { width: 875px; padding-left: 25px; padding-top: 20px; background-color: #FFFFFF; padding-right: 25px; padding-bottom: 40px; }  /* home page left column width */
.links  div#rightcol { float: left; width: 550px; padding-bottom: 35px; } /* home page right column width */


.links   div#onecolumnmid { width: 845px; padding-top: 20px; background-image: url(../images/boxes/twocolback_noshadow.jpg); padding-bottom: 15px; } 
/* Adds approoriate background image */


.links div#leftcol_bottom { width: 380px; padding: 20px; } /* WHAT IS page bottom left column width */

.links div#rightcol_bottom { float: left; width: 380px; padding: 20px; } /* WHAT IS page bottom right column width */


/* 17.sIFR
---------------------------------------------------------------------- */			
			h1.title
			{ font-size:1.8em; font-family: Georgia, "Times New Roman", Times, serif; color: #009999; }
			
			.sIFR-active .title
			{
				visibility: hidden;
				font-family: Verdana;
				line-height: 1em;
			}
			
/* 18. testimonials
---------------------------------------------------------------------- */	

.quotes  {
	font-family: Georgia, serif;
	font-size: 1.1em;
	line-height: 1.6em;
	color: #009999;
	margin-top: 10px;
	font-style: italic;
}

.quoteCredit {
	font-size: 0.9em;
	line-height: 1em;
	color: #666;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
}





    #Treatment th
        {
	font-family:Arial;
	font-size:0.75em;
	color:#2D9999;
	text-align:center;
        }
        #Treatment
        {
            width:544px;
            height:100px;
            background: #ffffff url('images/treatment_bg.jpg') no-repeat left top;
        }        
        #Treatment td
        {
            font-family:Arial;
            font-size:.8em;
            color:#838385;
            text-align:center;}
			
			
			 ul.finance {
	color:#009999;
	padding-left:15px;
	margin-top:5px;
	margin-bottom:5px;
        }
        li.finance
        {
            color:#000000;
            font-family:Arial;
            font-size:.7em;
            color:#838385;