/* =================================================================================== 
GENERAL HTML 
------------------------------------------------------------------------------------*/
a {
	color: #F09;
	}

.access {
	display: none;
	}

body {
	margin: 0;
	padding: 0;
	font-family: "Arial", "Helvetica", sans-serif;
	font-size: 80%;
	color: #333366;
	background: #ADDAC1;
	text-align: center;
	}

form {
	margin: 0;
	padding: 0;
	}

h1 {
	display: block;
	margin: 0;
	padding: 0;
	}

span.h1 {
	position: absolute;
	top: 0;
	left: -9999px;
	}

.content-1 h2, .content-2 h2{
	margin: 35px 223px 0 51px;
	padding: 0;
	font-size: 1.3em;
	color: #003E5C;
	}
	


.content-2 h3 {
	margin: 0;
	padding: .4em;
	font-size: 1.4em;
	color: #666;
	height: 33px;
	background: url("../images/general/content2-heading.gif") no-repeat 0 0;
	}

h3 {
	margin: 0;
	padding: 0;
	font-size: 1.2em;
	color: #003E5C;
	font-weight: bold;
	}

h4 {
	margin: 0 0 .4em 0;
	padding: 0;
	font-size: 1.1em;
	color: #666;
	line-height: 1;
	}

h5 {
	margin: 0;
	padding: 0;
	font-size: 1em;
	color: #003E5C;
	}

hr {  
	border: 0; 
	height: 1px;
	color: #A8A8A8; 
	background: #A8A8A8;
	clear: both;
	}

img {
	border: none;
	}

p {
	margin: 0;
	padding: .4em 0;
	line-height: 1.5em;
	}

table {
	font-size: 100%;
	border-collapse: collapse;
	border-spacing: 0;
	}

ul {
	margin-top: .3em;
	margin-bottom: 0;
	padding-bottom: .5em;
	}

ul li {
	padding-bottom: .2em;
	
	}

.small_text {
    padding-top:0px;
    margin-top:0px;
    font-size: .8em;
	color: #666666;
	}

.german_title	{
    margin: 0;
	padding: 0;
	font-size: 1.05em;
	color: #003E5C;
	font-weight: bold;
	}




/* =================================================================================== 
BANNER 
------------------------------------------------------------------------------------*/
.banner {
	margin: 0;
	padding: 18px;
	background-color: #FFF;
	}


/* =================================================================================== 
NAVIGATION 
------------------------------------------------------------------------------------*/
/* ORIGINAL NAVIGATION div.navigation {
	position: relative;
	float: left;
	width: 100%;
	margin: 0;
	padding: 0;
	background-color: #D5D5D5;
	border-bottom: 1px solid #FFF;
	}

div.navigation ul {
	margin: 0;
	padding: 4px 5px 5px 0;
	font-weight: bold;
	list-style-type: none;
	}

div.navigation ul li {
	display: inline;
	padding: 0;
	margin: 0 -4px 0px 0;
	padding: 11px 0px 0px 0px;
	font-size: .93em;
	
	}

div.navigation ul li a {
	font-size: .9em;
	color: #FFF;
	padding: 5px 5px;
	text-decoration: none;
	background-color: #ADADAD;
	border: 1px solid #FFF;
	
	}

div.navigation ul li a:hover {
	background-color: #FB8FCA;
	}

div.navigation ul li a.on:hover {
	background-color: #F09;
	}

div.navigation ul li a.on {
	background-color: #F09;
	}*/


div.navigation {
	background: #D5D5D5;
	margin: 0 auto;
	padding: 0;
	float: left;
	}


div.navigation ul {
	list-style: none;
	padding: 0;
	margin: 0;
	width: 100%;
	font-size: .9em;
	font-weight: bold;
	}

div.navigation ul li {
	display: block;
	float: left;
	width: 12%;
	margin: 0;
	padding: 0;
	}

div.navigation ul li.nav2 {
	width: 20%;
	}

div.navigation ul li a {
	display: block;
	width: 100%;
	padding: 0.5em;
	border-left: 1px solid #FFF;
	border-bottom: 1px solid #FFF;
	border-right: 1px solid #FFF;
	color: #FFF;
	text-decoration: none;
	background-color: #ADADAD;
	height: 5em; /* different width for IE 5.5 */
	height/**/:/**/ 4em;
	}

div.navigation ul li a:hover {
	background-color: #FB8FCA;
	}

div.navigation ul li a.on:hover {
	background-color: #F09;
	}

div.navigation ul li a.on {
	background-color: #F09;
	}


/* =================================================================================== 
HOME
------------------------------------------------------------------------------------*/
.content-home {
	position: relative;
	float: left;
	width: 716px;
	background: url("../images/general/bg-home2.jpg") no-repeat 0 0;	
	}

.sample {
	margin: 1.3em .6em;
	}

.pronamel-tube {
	position: absolute;
	top: 355px;
	left: 7px;
	}
	
.pronamel-dentist {
	position: absolute;
	top: 50px;
	left: 47px;
	}

.home-title{
	position: absolute;
	top: 29px;
	left: 253px;
	}

.primary-home h1 {
	display: block;
	margin: 0;
	padding: 0;
	}

.primary-home .intro {
	position: relative;
	margin: 133px 0 0 248px;
	width: 275px;	
	}
	
.secondary img {
	margin-top: 7px;	
	}

/* =================================================================================== 
MAIN CONTENT
------------------------------------------------------------------------------------*/
.container {
	position: relative;
	width: 736px;
	margin: 0 auto;
	margin-bottom: 2em;
	padding: 0;
	background: url("../images/general/bg-page.gif") repeat-y 50% 0;
	text-align: center;
	
	}

.page {
	position: relative;
	width: 716px;
	margin: 0 auto;
	padding: 0;
	text-align: left;
	
	}

p.caption {
	text-align: right;
	color: #858BA9;
	font-size: 85%;
	font-weight: bold;
	padding: 0 .2em 1em 0;
	}

.float-left {
	position: relative;
	float: left;
	}

.float-right2 {
	position: relative;
	float: right;
	margin-bottom: 5px;
	}
	
.float-right {
	position: relative;
	float: right;
	}
	
.right_images {
	margin-left: 7px;
	}

/* Lower template 1 -----------------------------------------------------------------*/

.content-1, .content-2 {
	position: relative;
	float: left;
	width: 716px;
	/*min-height: 512px;*/
	background: url("../images/general/bg-content-1.jpg") no-repeat 0 0;
	
	}

.content-movie {
	position: relative;
	float: left;
	width: 716px;
	/*min-height: 512px;*/
	background: url("") no-repeat 0 0;
	
	}
	
	
.movie2 {
	margin:22px 0 0 46px;
	}
	
.content-1 .primary-top {
	margin: 30px 0 0 51px;
	padding: 0;
	width: 442px;
	line-height: .5em; /* Firefox needs this to avoid whitespace under the DIV */
	border: 0px none;
	/*border: 1px solid;*/
	}

.content-1 .primary {
	position: relative;
	margin: 0 223px 0 51px;
	padding: 18px 18px 0 18px;
	background-color: #FFF;
	border-bottom: 0px none;
	border-left: 1px solid #99CCCC;
	border-right: 1px solid #99CCCC;
/*	border: 1px solid;*/
	
	}

.content-1 .primary-bot {
	margin: 0 0 0 51px;
	height: 20px;
	width: 442px;
	background: url("../images/general/content1-boxbot.gif") no-repeat 0 0;
/*	border: 1px solid;*/
line-height: 0px;
	}
	
a.footnote {
	line-height: 0;
	font-size: 85%;
	vertical-align: super;
	margin: 0;
	padding: 0 .4em;
	}

ol.footnote {
	margin: 2em 0 0 0;
	padding: 1.5em 2em;
	font-size: 85%;
	border-top: 1px solid #CCC;
	/*list-style-type: none;*/
	}

p.fnList {
	margin: 2em 0 0 0;
	padding: 1.5em 2em;
	font-size: 85%;
	border-top: 1px solid #CCC;
	line-height: 12px;
}

p.fnList span.fnNumber {
display: block;
	position: absolute;
/*	float: left;*/
	margin-left: -20px;
	font-size: 75%;
	vertical-align: 3px;
	/*line-height: 11px;*/

	}
		
	
/* FAQs------------------------------------------------------*/	

.content-1 .primary_faq {
	position: relative;
	margin: 5px 0px 22px 0px;
	padding: 0px 18px 4px 18px;
	background-color: #E5F1F1;
	border-top: 1px solid #ACD5E2;
	line-height: 1em;
	
	}
	
.content-1 .primary_faq li {

	line-height: 1.4em;
	
	}
.question {

	padding: 0em;
	margin: 7px 0em 0em;
	text-align: left;
	font-weight: bold;
	
	}
	

.faqtop{
    margin: 0px;
    padding: 0px;
	}

ul.faq_bullet {
        margin-bottom:22px;

	}

	
ul.faq_bullet li{
        margin-bottom:3px;
        list-style: disc url(../images/general/faq_arrow.gif);
        margin-left: 0px;
        text-decoration: none;
        

	}	
	
	


/* Lower template 2 (Acid Test) ------------------------------------------------------*/

.content-2 .primary-top {
	margin: 30px 0 0 51px;
	padding: 0;
	width: 442px;
	line-height: .5em; /* Firefox needs this to avoid whitespace under the DIV */
	}

.content-2 .primary {
	position: relative;
	margin: 0 223px 0 51px;
	padding: 11px 11px 0 11px;
	background-color: #FFF;
	border-left: 4px solid #999;
	border-right: 4px solid #999;
	}

.content-2 .primary-bot {
	margin: 0 0 0 51px;
	height: 20px;
	width: 442px;
	background: url("../images/general/content2-boxbot.gif") no-repeat 0 0;
	}

.content-2 td {
	color: #333366;
	font-size: 1.1em;
	line-height: 1.3em;
	padding: 1em 0;
	border-bottom: 1px solid #CCC;
	}
	
.content-2 h2 {
	margin: 7px 22px 12px 42px;
	}
	
.content-2 h4 {
	margin: 0 0 0px 42px;
	}
	
.content-2 p {
	margin: 0px 22px 0px 37px;
	}
	
.content-2 td.question {
	padding: 0 .5em 0 2em;
	background: url("../images/en/bg-q.gif") no-repeat .5em .6em;
	border-bottom: 1px solid #CCC;
	}

.content-2 table.answer td { 
	border-bottom: none;
	}

.content-2 table.answer td { 
	width: 71px;	
	padding: .2em;
	color: #F09;
	text-transform: uppercase;
	font-size: 100%;
	font-weight: bold;
	background: url("../images/en/bg-answer.gif") no-repeat 0 0;
	}
	
label {
	cursor:pointer;
	}

	
.risk{
	margin: 0 0 12px 26px;
	}
/* =================================================================================== 
SECONDARY CONTENT
------------------------------------------------------------------------------------*/
.secondary {
	position: relative;
	float: right;
	width: 169px;
	margin: 45px 0 0 0;
	padding: 0;
	}

.secondary h2 {
	margin: .2em .5em .3em .4em;
	padding-right: 23px;
	font-family: "Trebuchet MS", "Arial", "Helvetica", sans-serif;
	font-size: 1.2em;
	line-height: 1.2em;
	color: #F09;
	background: url("../images/general/bg-arrow.gif") no-repeat 100% .3em;
	}

.secondary h2 a {
	text-decoration: none;
	}

.secondary h2 a:hover {
	text-decoration: underline;
	}

.secondary p {
	margin: 0 .5em;
	padding: 0;
	line-height: 1.2em;
	font-size: 90%;
	}

.sidebox {
	position: relative;
	padding: 7px 5px;
	margin: 6px 4px;
	background-color: #FFFFFF;
	font-size: 95%;
	text-align: left;
	border: solid 1px #BCDCE0;
	}
	
.sidebox p {
	color: #333366;
	font-weight: bold;
	margin-bottom: 4px;
	}
	
.sensodyne_logo	 {
    margin-left: 16px;
    }
	
/* =================================================================================== 
ACID TEST VERTICAL BAR GRAPH
------------------------------------------------------------------------------------*/
img.acid-title {
	display: block;
	margin: 0 auto;
	}

/* Rounded box for results ---------------------------------------------------------*/
.acid-results {
	position: relative;
	width: 156px;
	padding: 0 0 14px 0;
	margin: 5px auto;
	background:url("../images/general/bg-acidtest.gif") bottom left no-repeat;
	}

.acid-results .top {
	margin: 0;
	padding: 7px 10px 3px 10px;
	font-weight: bold;
	background:url("../images/general/bg-acidtest.gif") top left no-repeat;
	}

.acid-results p {
	margin: 0;
	padding: 0 10px 3px;
	background: #FED1ED;
	}

p.results-bot {
	margin: 0;
	text-align: center;
	font-size: 85%;
	}

/* Graph of results ----------------------------------------------------------------*/
.graph-bg ul {
	position: relative;
	width: 156px;
	height: 82px;
	margin: 0;
	padding: 0;
	list-style-type: none;
	background: url("../images/general/graph-bg.gif") no-repeat 0 0;
	}

.graph-bg ul li {  
	position: absolute;
	width: 37px; 
	height: 57px; 
	bottom: 10px;
	padding: 0 !important; 
	margin: 0 !important; 
	background: url("../images/general/graph-bars.gif") no-repeat !important;
	text-align: center; 
	font-weight: bold; 
	color: white;
	}

.graph-bg li.high { 
	left: 12px; 
	background-position: 0px bottom !important; 
	}

.graph-bg li.medium { 
	left: 60px; 
	background-position: -37px bottom !important; 
	}

.graph-bg li.low { 
	left: 108px; 
	background-position: -74px bottom !important; 
	}


/* Print the results underneath -----------------------------------------------------*/
ul.print-result {
	position: relative;
	margin: 0;
	padding: 0;
	list-style-type: none;
	overflow: hidden;
	}

ul.print-result li {  
	position: relative;
	float: left;
	width: 37px;	
	text-align: center;
	font-size: 11px;
	}

ul.print-result li.high {
	left: 12px;
	}

ul.print-result li.medium {
	left: 24px;
	}

ul.print-result li.low {
	left: 34px;
	}


/* =================================================================================== 
FOOTER
------------------------------------------------------------------------------------*/
.footer {
	clear: both;
	text-align: left;
	padding: 32px 10px 15px 10px;
	margin: 0 9px 0 10px;
	color: #666;
	background-color: #FFF;
	font-size: 100%;
	border-bottom: 1px solid #494949;
	}
	
.footer ul {
	padding: 0 0 0 .5em;
	margin: 1em 0;
	color: #434343;
	list-style-type: none;
	display: inline;
	}

.footer li {
	display: inline;
	padding: 0em 1em 0em .6em;
	font-size: 80%;
	background:url("../images/general/bg-arrow2.gif");
	background-repeat: no-repeat;
	background-position: 0em 0em;
	}

.footer li a {
	text-decoration: underline;
	color: #000;
	background-color: #FFF;
	}
	
.logo {
	margin: 1em 0 1.2em;
	display: block;
	}
	


/* =================================================================================== 
FORMS
------------------------------------------------------------------------------------*/

form 
{
	
	padding: 0px;
	border: 0px;
}


form div label {
	margin: .5em 0;
}

form td textarea {
	vertical-align: middle;
	border: 1px  solid  #A9E1D5;
	width : 90%
	}
	
form div textarea{
	vertical-align: top;
}

tr.checkboxes{
	font-size : 80%;
}

tr.checkboxes td.label{
		width : 80%
}

th {
   font-weight: normal;   
}



form input.chk {
	width: auto;
	border: none;
	vertical-align : middle;
    margin: 0 12px 20px 0;
    position: relative;
	float: left;
	}



form input.button {
	background-color: #FFF;
	border: 1px solid #CCC;
	color: #999;
	font-weight: bold;
	margin-left: .1em;
	width: auto;
	cursor:pointer;
	cursor: hand;
	}

form div.noinput label, form div.noinput p{
	margin-left: 20%;
	vertical-align: middle;
	width: 70%;
	}

form.country_selector{
	display : inline;
}

form.country_selector select{
	font-size : 100%;
}

form.country_selector input.button {
	font-size : 90%;
	border: 1px solid #CCC;
}

div.form_error ul {
    font-size : 90%;
    line-height: 90%;
    list-style-type: none;
    margin-bottom: 12px;
}


	
	
/* =================================================================================== 
CONTENT:
	ACID EROSION:
		SYMPTOMS
------------------------------------------------------------------------------------*/
table.symptoms {
	margin: 1em 0 2em 0;
	border-collapse: separate;
	width: 98%; 

    }

.Symptoms_table{
	font-size: 1.1em;
	margin: 1.8em 0em 0em 0em;
	}


table.symptoms td, th {
    padding: 6px;
	border-bottom: 3px solid #FFF;
	}

.causes{
	margin: 1.8em 0em 0em 0em;
	}

.early {
	background-color: #CCECEF;
	}

td.arrow {
	vertical-align:middle;
	}


td.early2 {
	font-weight: bold;
	color: #FFF;
	background-color: #4CBCC7;
    vertical-align:middle;
    text-align: center;
	}

.current {
	background-color: #FCE5F1;
  
	}

td.current2 {
	font-weight: bold;
	color: #FFF;
	background-color: #EB4CA0;
    vertical-align:middle;
    text-align: center;
	}
	
table.exposed_causes  {
	margin: 1em 0 2em 0;
	border-collapse: separate;
	background-color: #E1EFF2;
	 }
	
table.exposed_causes  td, th {
    padding: 6px;
	border: 1px solid #149AA8;
	
	}
	
	

	
	h3.narrow {
	margin: 0;
	padding: .4em;
	font-size: 1.4em;
	color: #666;
	height: 33px;
	background: url("../images/general/content2-heading-sidebar.gif") no-repeat 0 0;
	}



.content-holding {
	position: relative;
	float: left;
	width: 716px;
	/*min-height: 512px;*/
	background: url("../images/en/holding-bg2.jpg") no-repeat 0 0;
	
	}


.content-holding h1 {
	display: block;
	margin: 0;
	padding: 0;
		position: relative;
top: 2px;
	}

.content-holding .pronamel-tube {

top: 19px;
	}




.content-holding .intro {
	position: relative;
	margin: 215px 0 100px 248px;
	width: 205px;	
	}