@charset "utf-8";
/* CSS Document */

* { margin: 0px; padding: 0px; }

/* commented backslash hack \*/ 
html, body { height: 100%; } 
/* end hack */
html,body { margin: 0; padding: 0; }

body {
	font: 12px verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	/* text-align: center; this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000;
	line-height: 20px;
	text-align: center;
}

/* -----------------------
=Regulars
------------------------*/
img { border: 0; }
img.productimage{ border: 1px solid #75c7a0;}
img.pageheader {padding: 0 0 10px 4px; }

p {margin-bottom: 20px;}
.body {font: 11px verdana, Helvetica, sans-serif;color: #198360;}
.bold { font-weight: bold; }
.clear { clear: both; }
.center {text-align:center;}
.disclaimer { font-size:11px; padding-top: 25px;}
.displaynone { display:none;}
.italic {font-style:italic;}
.required {color: #009a08;}
.photoaboutl { float:left; margin: 0 20px 10px 0; border: #e3801c solid 1px;padding: 3px;}
.photoaboutr { float:right; margin: 0 0 10px 20px; border: #e3801c solid 1px;padding: 3px;}
.sidebarquote {}
#flashcontent {}

.pdflink {background-image:url(/images/PerioBalance/bullet_icon_pdf.gif); 
	background-repeat:no-repeat;
	padding: 0px 0 0 18px;
	line-height: 25px;}

a {color: #489fd4;text-decoration:none; font-weight:bold;outline: none;}
a:hover  {text-decoration:underline;}



h1 {font-size: 20px; color: #00417a;padding: 0 0 15px 0; margin: 0px; font-family: Arial;}
h1.white, h1.whitetm,h1.whitetm-about  {color: #ffffff; font-size: 26px; padding: 4px 0 0 0; font-weight:normal; }
h1.whitetm, h1.whitetm-about {background: url(/images/PerioBalance/tm_white.gif) no-repeat; background-position: 300px 7px; }
h1.title22, h1.title22-display, h1.tmabout, h1.tmfaqs, h1.tmtestimonials, h1.tmdentalpros, h1.tmwheretobuy, h1.tmcontact, h1.tmvideo {
text-align: left;
  font-size: 22px;
  padding: 0 0 15px 0;
  margin: 0;
  color: #034a7d;
  font-weight: normal;
}
.title22-print {display: none;}

h1.tmabout, h1.tmfaqs, h1.tmtestimonials, h1.tmdentalpros, h1.tmwheretobuy, h1.tmcontact,h1.tmvideo, h1.title22-display {
text-align: left;
  font-size: 22px;
  padding: 0 0 15px 0;
  margin: 0;
  color: #034a7d;
  font-weight: normal;
  background: url(/images/PerioBalance/tm_blue.gif) no-repeat; 
}

h1.tmtestimonials { background: url(/images/PerioBalance/tm_blue_qmark.gif) no-repeat; }
h1.tmvideo { background: url(/images/PerioBalance/tm_video.gif) no-repeat; }

/* used to add the TM to the SiFR */
h1.tmabout {background-position: 1885px 2px;}
h1.tmfaqs {background-position: 185px 2px;}
h1.tmtestimonials {background-position: 305px 25px;}
h1.tmdentalpros {background-position: 362px 2px;}
h1.tmwheretobuy {background-position: 225px 2px;}
h1.tmcontact {background-position: 266px 2px;}
h1.tmvideo {background-position: 282px 1px;}
h1.title22-display {background-position: 225px 2px;}

h2 {font-size: 18px; color: #034a7d;padding: 0 0 15px 0; margin: 0px; font-family: Arial;}
h2.title18 {
text-align: center;
  font-size: 18px;
  padding: 0 0 10px 0;
  margin: 0;
  color: #034a7d;
  font-weight: normal;
}
h2.white {color: #ffffff; font-size: 32px; padding: 12px 0 0 0; }
h2.blue, h2.blueitalic {color: #034a7d; font-size: 16px; padding: 0; font-weight:bold;}
h2.blueitalic {font-style: italic;}
h2.blueitalic-print {display: none;}
h3 {color: #034a7d; font-size: 14px; padding-bottom: 5px;}

/* ul {margin: 10px  0;}
ul li{
	margin:0 0 0 15px;
	list-style: none;
 }

*/
 
ol {margin: 10px  30px;} 
ol li{
	padding:0 0 15px 0;
	}
ol.data { margin-bottom: 25px;}
ol.data li{
	padding:0 0 5px 0;
	font-size: 10px;
	line-height: 14px;}
	
/* -----------------------
=Topnav
------------------------*/
#greenbar {	height: 23px;	
	background-color: #6CAA88;		
}
#topnav {
	margin: 0 auto; 
	width: 731px;
	/* width: 822px; */
	}
#topnav ul {
	margin: 0;
	padding: 0px;
	list-style-type: none;
	}

#topnav ul li { 
	margin: 0px;
	padding: 0px;
	display: inline;
	float: left;
	position: relative;
	}

#topnav ul li a {
	color: #000;
	font-family: verdana;
	font-size: 12px;
	text-decoration: none;
	font-weight: normal;
	margin: 0px 0px;
	display: block;
	height: 23px;
	}
 
#topnav ul li a span {display: none;}	

#topnav ul li a#home {background: url('/images/PerioBalance/nav/nav_home.gif') no-repeat; width: 46px;}
#topnav ul li a#about {background: url('/images/PerioBalance/nav/nav_about.gif') no-repeat; width: 190px;}
#topnav ul li a#faq {background: url('/images/PerioBalance/nav/nav_faq.gif') no-repeat; width: 48px;}
#topnav ul li a#testimonials {background: url('/images/PerioBalance/nav/nav_testimonials.gif') no-repeat; width: 99px;}
#topnav ul li a#forpros {background: url('/images/PerioBalance/nav/nav_forpros.gif') no-repeat; width: 168px;}
#topnav ul li a#wheretobuy {background: url('/images/PerioBalance/nav/nav_wheretobuy.gif') no-repeat; width: 106px;}
#topnav ul li a#buyonline {background: url('/images/PerioBalance/nav/nav_buyonline.gif') no-repeat; width: 92px;}
#topnav ul li a#contactus {background: url('/images/PerioBalance/nav/nav_contactus.gif') no-repeat; width: 73px;}


/* -----------------------
=Footer
------------------------*/
#footer {
	font-size: 10px;
	text-align:center;
	height: 100px;
	padding: 20px 0;
}

#footer ul {
	margin: 10px 0 0 0;
	display: block;
	list-style-type: none;
}
#footer ul li{
	margin:0 0 15px 0 0;
	list-style: none;
	display: inline;
	font-size: 10px;
	color: #b7bfc4;
	padding: 0 10px;
 }
#footer a { font-weight: normal;}
#footerbox { margin: 50px auto 0 ; width: 980px; height:344px;
	background-image:url("/images/PerioBalance/inner_boxbottom.jpg"); 
	background-repeat: no-repeat;
	display:block;
	}
#footerboxprint {display: none;}

img.footerbox { margin-top: 20px;}

/* -----------------------
=Homepage
------------------------*/

#hometop {background-image:url(/images/PerioBalance/bkg_tophome.jpg); 
	background-repeat:repeat-x; 
	text-align:center; 
	margin-bottom: 25px; }
#hometopcontent {width: 827px;height:525px; margin:0 auto;}
#home-logo-area { position: relative; height: 196px;}
#home-logo { width: 355px; margin: 0 auto;}
.home-survey {float: right; margin-top: 82px;}
#homebluebar {width:827px; position: relative; z-index: 50;}
#homecircle {position: absolute; z-index: 100; top: -45px;}

#homecontentwrapper { margin: 0 auto; width:1000px;}
#homephotobox { 
	position:absolute; 
	background-image:url(/images/PerioBalance/home_fpo_flash.jpg); 
	background-repeat: no-repeat; 
	height: 287px; 
	width: 706px;
	margin: 0 auto; 
	text-align: left;
	left: 65px;
	top: 35px;}
	
#homephotoboxcontent { 
	position:relative;
	left: 350px; 
	width: 295px; 
	text-align:left; 
	color:#FFFFFF; 
	font-size:12px;
	margin: 0;
	padding: 0;}

#homephotoboxcontent p {margin-bottom: 10px; line-height: 18px;}
	
#homephotoboxcontent a {color: #d3efff; font-size:13px;}

#homeconentleft { background-image: url(/images/PerioBalance/home_leaf.jpg); 
	background-repeat:no-repeat;
	padding: 0 20px 40px 200px;
	margin: 0 20px 40px 0;
	float: left;
	width: 440px;
	border-right: solid 1px #85c5ec;
	text-align: left;
	}

* html #homeconentleft {
	width: 660px;}
	
#homeconentright { float:left; width: 180px; text-align:left; font-size:11px;}


/* -----------------------
=Innerpage
------------------------*/

#innertopwrapper {	background-image:url(/images/PerioBalance/bkg_inner_header.jpg); 
	background-repeat:repeat-x;
	height: 147px;
	text-align: center;
}
#innertopwrapper_print { display: none;}
#logoarea {width: 810px; 
	margin:0 auto;
}
#logoarea .clinicallytested { margin: 20px 0px 0 0;}
#innertopbluebar { height: 37px; background-color: #034a7d; margin-bottom: 50px;}
#innerbluebarcontent {width: 810px; 
	margin:0 auto; 
	background-image:url(/images/PerioBalance/bkg_inner_blue_fade.jpg); 
	background-repeat:no-repeat; 
	height: 37px;}
#innerbluebarcontent #bluebartitle { float:left; width:600px; text-align: left;}
#innerbluebarcontent #forward {float: right; width:  166px; padding-top: 4px;}

#innerbluebarcontent h1.bluebartitle-print { display: none;}

#pagewrapper {
	margin: 0 auto;
	width: 980px;
	}
#contentwrapper {
	padding: 0 0 30px 0;
	/* border: 1px black solid; */}

#leftcolumn {
	margin: 0 0;
	padding: 0 0px 0 0;
	width: 260px;
	text-align: right;
	float:left;
	}
#contentcolumn {
	margin: 0;
	padding: 0;
	width: 440px;
	text-align: left;
	float:left;
	}
#rightcolumn {
	padding:0;
	margin: 0 30px 0 0;
	width: 220px;
	text-align: left;
	float:right;
	}


#sidebarbox {background-image:url(/images/PerioBalance/sidebarbox_top.jpg); 
	background-repeat:no-repeat;
	margin: 40px 30px 0 0;
	padding: 10px;
	width: 147px;
	float: right;
	text-align:left;
	}
* html #sidebarbox {width: 167px;}	
#sidebarboxbottom { 
	background-image:url(/images/PerioBalance/sidebarbox_bottom.jpg); 
	background-repeat:no-repeat; 
	height: 7px; 
	width: 167px;
	float:right;
	margin-right: 30px;
	}
#sidebarboxtextarea { padding:10px;	}
.sidebarboxsmallblue { color: #034a7d;  font-size:10px; font-weight:bold; line-height:14px;}

#hr_lifestyle_1, #hr_lifestyle_2, #hr_lifestyle_3, #hr_lifestyle_4, #hr_lifestyle_5, #hr_lifestyle_6, #hr_lifestyle_7, #hr_lifestyle_8, #hr_lifestyle_9, #hr_lifestyle_10, #hr_lifestyle_11, #hr_lifestyle_12, #hr_lifestyle_13  {height:91px;margin: 20px 0;}

#hr_lifestyle_1 { background-image:url("/images/PerioBalance/hr_lifestyle_1.jpg");}
#hr_lifestyle_2 { background-image:url("/images/PerioBalance/hr_lifestyle_2.jpg");}
#hr_lifestyle_3 { background-image:url("/images/PerioBalance/hr_lifestyle_3.jpg");}
#hr_lifestyle_4 { background-image:url("/images/PerioBalance/hr_lifestyle_4.jpg");}
#hr_lifestyle_5 { background-image:url("/images/PerioBalance/hr_lifestyle_5.jpg");}
#hr_lifestyle_6 { background-image:url("/images/PerioBalance/hr_lifestyle_6.jpg");}
#hr_lifestyle_7 { background-image:url("/images/PerioBalance/hr_lifestyle_7.jpg");}
#hr_lifestyle_8 { background-image:url("/images/PerioBalance/hr_lifestyle_8.jpg");}
#hr_lifestyle_9 { background-image:url("/images/PerioBalance/hr_lifestyle_9.jpg");}
#hr_lifestyle_10 { background-image:url("/images/PerioBalance/hr_lifestyle_10.jpg");}
#hr_lifestyle_11 { background-image:url("/images/PerioBalance/hr_lifestyle_11.jpg");}
#hr_lifestyle_12 { background-image:url("/images/PerioBalance/hr_lifestyle_12.jpg");}
#hr_lifestyle_13 { background-image:url("/images/PerioBalance/hr_lifestyle_13.jpg");}


/* -----------------------
=ContactForm
------------------------*/

/* #contactform input {width: 300px; margin: 0 0 10px 0; } */
input.forminput { width: 200px; margin: 2px 5px; }
select { width: 200px; margin: 2px 5px; }

fieldset {
  padding: 10px;
  font:80%/1 sans-serif;
  border:1px solid #a0c7b7;
  }
label {
  float:left;
  width:25%;
  margin-right:0.5em;
  padding-top:0.2em;
  text-align:right;
  font-weight:bold;
  margin: 2px 0px;
  }
  
table.testimonialform {margin: 25px 0 0 0;}  
table.testimonialform label { width: 360px; text-align: left; font-weight: normal; padding: 5px 0 10px 0px; font-size: 12px;font-family:verdana,Helvetica,sans-serif; float: right;}
.testimonials input {float: left; width: 20px; padding: 5px 0 0 0; } 

label.required { color: #009a08;}  
label.yourmessage {margin-right: 5px;} 
  
legend {
  padding: 0.2em 0.5em;
  color: #0b82c6;
  font-size:120%;
  text-align:right;
  }
  
.frmButton {
	border:1px solid #0b82c6;
	margin: 5px 0px;
	margin-left: 110px;
	background-color: #8ec4e3;
	color: #135585;
	}

.errorOutput {
	border: 1px solid #009a08;
	background-color: #dff3ea;
	color: #009a08;
	padding: 10px;
	}
	
.errorOutput li {
	margin-left: 25px;
	}