html, body {
	margin: 0px;
}

html {
	overflow: -moz-scrollbars-vertical;
}

body {
	text-align: center;
	font-size: 71%;
}

td {
	text-align: left;
}

h1 {
	font-size: 16px;
	font-weight: bold;
	color: #005C7A;
	font-family: verdana, sans-serif;
	margin-top: 0;
	line-height: 100%;
}
	h1 a, h2 a, h3 a, h4 a {
		text-decoration: none;
	}

h2 {
	font-size: 14px;
	font-weight: bold;
	color: #479FBC;
	font-family: verdana, sans-serif;
	margin-top: 0;
	line-height: 1.4em;
}

h3 {
	font-size: 12px;
	font-weight: bold;
	color: #005C7A;
	font-family: verdana, sans-serif;
	margin-top: 0;
	line-height: 1.4em;
}

h4 {
	font-size: 11px;
	font-weight: bold;
	color: #005C7A;
	font-family: verdana, sans-serif;
	margin-top: 0;
	line-height: 100%;
}

a {				
	text-decoration: underline;
	color: #479FBC; 
}
a:hover {	
	text-decoration: underline; 
	color: #777;
}
	h2 a {		color: #479FBC; }

p, form {
	margin: 0em;
}

ul, li {
	margin: 0em;
	padding: 0em;
}
li {
	margin-left: 1.0em;
}

div.clear {
	height: 0.01em;
	overflow: hidden;
	clear: both;
}
div.hr {
	border-top: 1px solid silver;
	margin: 25px 0px 7px 0px;
}

img {
	border-color: #862626;
}
img, div { behavior: url('iepngfix.htc') }

.noshow {
	display: none;
}
/*******************************************************************************
** ALL ELEMENTS THAT SHOULD HAVE THE BASIC FONT
*******************************************************************************/

body, table, td, input, select, textarea {
	font-family:  Tahoma, Arial,Verdana, Georgia, sans-serif;
}
table, td, input, select, textarea {
	font-size: 1.0em;
}
body, table, td {
	color: #434343;
	line-height: 1.4em;
}

/*******************************************************************************
** BASIC FORM ELEMENTS
*******************************************************************************/

input.txt, textarea, select, input.search {
	border: 0.1em solid #CCC;
	color: black;
	font-size: 1.0em;
	line-height: 1.2em;
	background-color: #FAFAFA;
}
input.txt {
	height: 1.2em;
}
input.btn, a.btn {
	font-size: 1.0em;
	font-weight: bold;
	color: #000;
	cursor: pointer;
	padding: 0 5px;
}
input.btn:hover, a.btn:hover {
	font-size: 1.0em;
	font-weight: bold;
	color: #005C7A;
	cursor: pointer;
	padding: 0 5px;
}
a.btn {
	font-style: normal;
	text-decoration: none;
	display: block;
	float: left;
}
input.btn {
	padding: 0 5px;
}
input.submit {
	padding: 0 5px;
}

input.cb {
	float: left;
	margin: 0.25em 0em 0em 0.3em;
	#margin-top: 2px;
	padding: 0px;
	height: 1.2em;
}
label.lbl {
	float: left;
	display: block;
	padding: 4px 0px 1px 5px;
	margin: 0px;
}
span.err, td.error, tr.error td {
	color: red;
}

div.dateinput {
	line-height: 100%;
	background-color: white;
	border: 1px solid #979797;
	float: left;
	height: 17px;
	#height: 19px;
}
	div.dateinput span.hyphen	{
		display: block;
		float: left;
		width: 0.95em;
		text-align: center;
		overflow: hidden;
		color: black;
		font-size: 1.0em;
	}
	div.dateinput input {
		display: block;
		float: left;
		background: none;
		padding: 1px 0px 1px 0px;
		margin: 0px;
		border: 0px;
		font-size: 11px;
		line-height: 17px;
		height: 17px;
	}
	div.dateinput span {
		padding: 2px 0px 2px 0px;
	}
	div.dateinput input.d	{ width: 16px; }
	div.dateinput input.m	{ width: 16px; }
	div.dateinput input.y	{ width: 30px; }
	
/*******************************************************************************
** ELEMENTS THAT MAKE OUT THE PAGE LAYOUT
*******************************************************************************/
h1.title {
	height: 1px;
	overflow: hidden;
	font-size: 0.01em;
	line-height: 0.01em;
	margin-top: -2px;
	color: #FFF;
	display: none;
}

div.shell {
	margin: 0 auto 10px auto;
	width: 950px;
	border: solid 1px #999;
	background-position: 100% 100%;
	background-repeat: no-repeat;
}
					
	div.shell div.main {
		text-align: left;
	}
		div.shell div.main div.lft {
			float: right;
			width: 340px;
			min-height: 450px;
			_height: 450px;
		}
			div.shell div.main div.lft a.logo {
				float: left;
				display: block;
				width: 276px;
				height: 135px;
				margin: 10px 0 0 0;
				text-decoration: none;
				background: url('/graphics/safe_and_white_logo.gif') 0 0 no-repeat;
			}
								
			div.shell div.main div.lft div.banners {
			}
			
			div.shell div.main div.lft div.banners div.block {
				width: 326px;
				background: url('/graphics/block_btm.gif') 0 100% no-repeat;
			}
				div.shell div.main div.lft div.banners div.block div.block_top {
					background: url('/graphics/block_top.gif') 0 0 no-repeat;
					height: 18px;
				}
				div.shell div.main div.lft div.banners div.block div.block_content {
					padding: 0 35px 30px 30px;
				}
					div.shell div.main div.lft div.banners div.block div.block_content h1 {
						color: #000;
						margin: 0;
						font-size: 22px;
						font-weight: normal;
						line-height: 125%;
					}
					div.shell div.main div.lft div.banners div.block div.block_content h1.blue {
						color: #005C7A;
						margin-bottom: 5px;
					}
					
					div.shell div.main div.lft div.banners div.block div.block_content ul.check {
						margin: 0 0 0 15px;
						padding: 0;
						list-style-image: url(/graphics/check.gif);
					}
						div.shell div.main div.lft div.banners div.block div.block_content ul li {
							text-align: justify;
						}
							div.shell div.main div.lft div.banners div.block div.block_content ul li a {
								color: #777;
								text-decoration: none;
							}
							div.shell div.main div.lft div.banners div.block div.block_content ul li a:hover {
								color: #479FBC;
								text-decoration: underline;
							}
						
					div.shell div.main div.lft div.banners div.block div.block_content a.more {
						display: block;
						text-align: right;
					}

				div.shell div.main div.lft div.banners div.banner {
					width: 333px;
					height: 148px;
				}
					div.shell div.main div.lft div.banners div.banner div.banner_content {
						padding: 30px 35px 30px 30px;
					}

				div.shell div.main div.lft div.banners div.personality {
					background: url('/graphics/personality_banner.jpg') 0 0 no-repeat;
				}
						
				div.shell div.main div.lft div.banners div.brighter_smile_banner {
					margin-top: 5px;
					background: url('/graphics/brighter-smile_banner.jpg') 0 0 no-repeat;
				}
						
				div.shell div.main div.lft div.banners div.peroxide_free {
					background: url('/graphics/peroxide-free.jpg') 0 0 no-repeat;
				}
				
				div.shell div.main div.lft div.banners div.where_to_buy_banner {
					margin-top: 5px;
					background: url('/graphics/where-to-buy_banner.jpg') 0 0 no-repeat;
				}
				
				div.shell div.main div.lft div.banners div.products_banner {
					background: url('/graphics/home-products.jpg') 0 0 no-repeat;
				}
					div.shell div.main div.lft div.banners div.products_banner div.banner_content {
						padding-top: 15px;
					}
				
				div.shell div.main div.lft div.banners div.ardox_x_banner {
					background: url('/graphics/ardox-x_banner.gif') 0 0 no-repeat;
				}
				
				div.shell div.main div.lft div.banners div.gel_banner {
					margin-top: 5px;
					background: url('/graphics/products-gel.jpg') 0 0 no-repeat;
				}
				
				div.shell div.main div.lft div.banners div.toothpaste_banner {
					background: url('/graphics/products-toothpaste.jpg') 0 0 no-repeat;
				}
				
				div.shell div.main div.lft div.banners div.brush_banner {
					background: url('/graphics/products-brush.jpg') 0 0 no-repeat;
				}
				
					div.shell div.main div.lft div.banners div.banner a {
						text-decoration: none;
					}
					
					div.shell div.main div.lft div.banners div.personality a,
					div.shell div.main div.lft div.banners div.brighter_smile_banner a,
					div.shell div.main div.lft div.banners div.peroxide_free a,
					div.shell div.main div.lft div.banners div.ardox_x_banner a,
					div.shell div.main div.lft div.banners div.where_to_buy_banner a {
							display: block;
							height: 148px;
							text-indent: -5555px;
							outline: none;
						}
					
		div.shell div.main div.rgt {
			float: right;
			width: 610px;
			padding-bottom: 10px;
		}
			div.shell div.main div.rgt div.menu {
				height: 60px;
				margin-right: 135px;
			}
				div.shell div.main div.rgt div.menu ul.product_menu,
				div.shell div.main div.rgt div.menu ul.menu {
					float: right;
					display: block;
					list-style: none;
					margin: 0;
				}
				div.shell div.main div.rgt div.menu ul.product_menu {
					height: 22px;
					margin: 4px 0 0 0;
				}
				div.shell div.main div.rgt div.menu ul.menu {
					height: 30px;
				}
				
					div.shell div.main div.rgt div.menu ul li {
						float: left;
						margin: 0;
						color: #999;
						font-family: Tahoma, Arial, Verdana, sans-serif;
						text-transform: uppercase;
					}
					
					div.shell div.main div.rgt div.menu ul.product_menu li {
						font-family: Arial, Verdana, sans-serif;
						text-transform: none;
					}
						
						div.shell div.main div.rgt div.menu ul.product_menu li a {
							text-decoration: none;
							color: #479FBC;
							font-weight: bold;
							height: 12px;
							padding: 8px 10px 2px 15px;
							border-left: solid 1px #999;
							background-position: 0 0;
							background-repeat: no-repeat;
						}
						div.shell div.main div.rgt div.menu ul.product_menu li a.whiteningkit {
							border-left: none;
						}
						div.shell div.main div.rgt div.menu ul.product_menu li a:hover {
							text-decoration: none;
							color: #005C7A;
							background-position: 0 -23px;
							background-repeat: no-repeat;
						}
						div.shell div.main div.rgt div.menu ul.product_menu li a.selectedlink {				
							text-decoration: none;
							color: #005C7A; 
							background-position: 0 -23px;
							background-repeat: no-repeat;
						}

						/* div.shell div.main div.rgt div.menu ul.product_menu li a.kit { background-image: url('/graphics/menu/kit.gif'); width: 101px; } /* NL */
						/* div.shell div.main div.rgt div.menu ul.product_menu li a.gel { background-image: url('/graphics/menu/producten.gif'); width: 105px; } /* ENG */
						/* div.shell div.main div.rgt div.menu ul.product_menu li a.brush { background-image: url('/graphics/menu/brush.gif'); width: 117px; } /*  NL + ENG */
						/* div.shell div.main div.rgt div.menu ul.product_menu li a.tandpasta { background-image: url('/graphics/menu/tandpasta.gif'); width: 84px; } /* NL */
						/* div.shell div.main div.rgt div.menu ul.product_menu li a.toothpaste { background-image: url('/graphics/menu/toothpaste.gif'); width: 86px; } /* ENG */
						/* div.shell div.main div.rgt div.menu ul.product_menu li a.mondwater { background-image: url('/graphics/menu/mondwater.gif'); width: 124px; } /* NL */
						/* div.shell div.main div.rgt div.menu ul.product_menu li a.mouthwash { background-image: url('/graphics/menu/mouthwash.gif'); width: 93px; } /* ENG */
						
						div.shell div.main div.rgt div.menu ul.menu li a {
							text-decoration: none;
							color: #999;
							font-weight: bold;
							height: 30px;
							padding: 4px 10px 0 7px;
							background-position: 0 0;
							background-repeat: no-repeat;
						}
						div.shell div.main div.rgt div.menu ul.menu li a:hover {
							text-decoration: none;
							color: #333;
							background-position: 0 -30px;
							background-repeat: no-repeat;
						}
						div.shell div.main div.rgt div.menu ul.menu li a.selectedlink {				
							text-decoration: none;
							color: #333; 
							background-position: 0 -30px;
							background-repeat: no-repeat;
						}

						div.shell div.main div.rgt div.menu ul.menu li a.home { background-image: url('/graphics/menu/home.gif'); width: 55px; } /* NL + ENG */
						div.shell div.main div.rgt div.menu ul.menu li a.producten { background-image: url('/graphics/menu/producten.gif'); width: 86px; } /* NL */
						div.shell div.main div.rgt div.menu ul.menu li a.products { background-image: url('/graphics/menu/products.gif'); width: 76px; } /* ENG */
						div.shell div.main div.rgt div.menu ul.menu li a.whitening { background-image: url('/graphics/menu/whitening.gif'); width: 81px; } /* NL + ENG */
						div.shell div.main div.rgt div.menu ul.menu li a.vergeleijk { background-image: url('/graphics/menu/vergelijk.gif'); width: 70px; } /* NL */
						div.shell div.main div.rgt div.menu ul.menu li a.compare { background-image: url('/graphics/menu/compare.gif'); width: 111px; } /* ENG */
						div.shell div.main div.rgt div.menu ul.menu li a.faq { background-image: url('/graphics/menu/faq.gif'); width: 48px; } /* NL + ENG */
						div.shell div.main div.rgt div.menu ul.menu li a.koop { background-image: url('/graphics/menu/koop.gif'); width: 99px; } /* NL */
						div.shell div.main div.rgt div.menu ul.menu li a.buy { background-image: url('/graphics/menu/buy.gif'); width: 103px; } /* ENG */
						div.shell div.main div.rgt div.menu ul.menu li a.media { background-image: url('/graphics/menu/media.gif'); width: 39px; } /* NL + ENG */
						div.shell div.main div.rgt div.menu ul.menu li a.shop { background-image: url('/graphics/menu/shop.gif'); width: 35px; } /* NL + ENG */
						
						div.shell div.main div.rgt div.menu ul li a span {
							Xdisplay: none;
						}
						
				div.shell div.main div.rgt h1.mainh1 {
					height: 65px;
					text-indent: -5000px;
					background-position: 0 100%;
					background-repeat: no-repeat;
					padding: 0;
					margin: 0 0 7px 0;
					line-height: 100%;
				} 		
				div.shell div.main div.rgt h1.homepageh1 {
					height: 98px;
				} 
						
			div.shell div.main div.rgt div.content {
				margin: 0 170px 50px 0;
				position: relative;
			}
				div.shell div.main div.rgt div.content div.img {
					float: left;
					margin: 0 10px 2px 0;
				}
					div.shell div.main div.rgt div.content div.img img {
						display: block;
						border: 0;
					}
				
				div.shell div.main div.rgt div.content div.news {
				}
					div.shell div.main div.rgt div.content div.news ul,
					div.shell div.main div.rgt div.content div.news ul li,
					div.shell div.main div.rgt div.content div.morenews ul,
					div.shell div.main div.rgt div.content div.morenews ul li  {
						list-style: none;
						margin: 0;
						padding: 0;
					}
					
					div.shell div.main div.rgt div.content div.news ul li em {
						font-weight: bold;
					}
					
					div.shell div.main div.rgt div.content div.news ul li h2 a {
						font-size: 12px;
						color: #005C7A;
						text-decoration: none;
					}
					div.shell div.main div.rgt div.content div.news ul li h2 a:hover {
						color: #479FBC;
						text-decoration: none;
					}
					
				div.shell div.main div.rgt div.content div.morenews {
				}
					div.shell div.main div.rgt div.content div.morenews ul li h4 {
						float: left;
						width: 320px;
					}
					
						div.shell div.main div.rgt div.content div.morenews ul li h4 a {
							color: #005C7A;
							text-decoration: none;
						}
						div.shell div.main div.rgt div.content div.morenews ul li h4 a:hover {
							color: #479FBC;
							text-decoration: none;
						}
					
					div.shell div.main div.rgt div.content div.morenews em {
						font-weight: 100;
						color: #000;
						display: block;
						float: left;
						width: 80px;
					}
				
				div.shell div.main div.rgt div.content div.faqovv {
					
				}
					div.shell div.main div.rgt div.content div.faqovv h2 {
					}
						div.shell div.main div.rgt div.content div.faqovv ol {
							padding: 0;
							margin: 0 0 0 10px;
						}
							div.shell div.main div.rgt div.content div.faqovv ol li {
							}
								div.shell div.main div.rgt div.content div.faqovv ol li h3 {
									color: #000;
									font-size: 11px;
									text-decoration: underline;
									cursor: pointer;
									line-height: 120%;
									margin-bottom: 3px;
								}
						
				div.shell div.main div.rgt div.content div.morenews {
					padding: 30px 0 0 0;
				}
		
		div.shell div.footer {
			text-align: left;
			padding: 5px;
			color: #CCC;
		}
			div.shell div.footer a {
				color: #333;
				text-decoration: underline;
			}
			div.shell div.footer a:hover {
				color: #000;
				text-decoration: underline;
			}
			
			div.shell div.footer a.copyright {
				color: #CCC;
				text-decoration: none;
			}
			div.shell div.footer a.copyright:hover {
				color: #333;
				text-decoration: underline;
			}
			
/*******************************************************************************
** SPECIFIC CLASSES FOR THE MAIN FORM
*******************************************************************************/
form {
	border-top: solid #EEE 1px;
	padding: 0;
	margin: 0;
}
	form fieldset {
		border: none;
		margin: 10px 0;
		background-color: #FFFFFF;
		padding: 0;
	}
		form fieldset legend {
			color: #0373A6;
		}
	form span.err {
		color: red;
	}

	form table td {
		vertical-align: top;
	}
	form table td.col1		{	width: 100px; font-weight: bold; }
	form table td.col2		{	width: 290px; }
		form table tdcol1 em {
			font-size: 0.9em;
			font-weight: normal;
		}
	
	form select 					{ color: black; }
	form select.fixed			{ width: 275px; }

	form input.txt				{ padding: 2px 1px; color: black; width: 275px;}
	form input.junction		{ width: 70px; }
	form input.firstname	{ width: 70px; }
	form input.lastname 	{ width: 275px; }

	form input.phone			{ width: 100px; }
	form input.email			{ width: 275px; }
	form input.details		{ width: 275px; }
	form input.captcha		{ width: 70px; }

	form input.cb 				{ display: block; float: left; }
	form label.lbl 				{ display: block; float: left; margin-right: 3px; }
	
	form textarea					{ padding: 0 1px; color: black; width: 275px; height: 90px; overflow: auto; }