@import url('screen.css'); /* Stylesheet to disabled print only elements */

html, body {
	margin: 0;
	padding: 0;
}

body {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 100%;
	text-align: center;
}

a {
	color: #333399;
	text-decoration: none;
}

img {
	border: 0;
}

ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

form {
	margin: 0;
}

label, input, select, textarea {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

br.cl { clear: left; }
br.cr { clear: right; }
br.clear { clear: both; }

#content p {
	line-height: 1.5em;
	margin-bottom: 1.5em;
	margin-top: 0;
}

#content ul {
	margin: auto;
	padding: normal;
	padding-left: 10px;
	list-style-type: disc;
	list-style-position: outside;
}

#content li {
	margin-bottom: 0.5em;
}

h1 {
	font-family: Arial, Helvetica, sans-serif;
	color: #333399;
	font-size: 1.5em;
	font-weight: normal;
	margin-top: 0;
}

h2 {
	font-size: 0.7em;
	color: black;
	margin-top: 3em;
	margin-bottom: 1.2em;
}

h2.first {
	margin-top: 1em;
}

#page-container {
/*	position: absolute;
	left: 50%;
	margin-left: -400px;*/
	width: 800px;
	margin-left: auto;
	margin-right: auto;
}

#page-wrapper {
	position: relative;
	text-align: left;
	margin: 20px 30px 30px 30px;
}

#left-panel {
	position: absolute;
	float: left;
	width: 155px;
	margin-top: 11px;
}

#right-panel {
	position: relative;
	left: 156px;
/*	float: right;	*/
	width: 584px;
}

#top-banner {
	position: relative;
	height: 116px;
}

#wtw-logo {
	z-index: 10;
	display: block;
	position: absolute;
	left: 0px;
	height: 115px;
	margin: 1px 0;
}

#wtw-logo-wide {
	z-index: 10;
	display: block;
	position: absolute;
	left: 0px;
	height: 115px;
	width:740px;
	background:#333399;
	margin: 1px 0;
}

#wtw-logo-wide img {
	float:left;
}

#decoration img {
	display: block;
}

#content {
	float: none;
	padding: 1px; /* Fixes problem in Moz and Op */
	padding-top: 16px;
	margin-left: 34px;
}

input.submit-btn {
	width: auto;
	border: none;
}

/* Product offer on top of the page */
#product-offer {
	position: absolute;
	padding-left: 319px;
}
#badge {
	position: relative;
	z-index: 30;
	margin-top: 1px;
	padding: 0;
}
#product-offer p.text {
	z-index: 10;
	position: absolute;
	top: 11px;
	left: 584px;
	width: 150px;
	height: 115px;
	margin: 0 0 0 -140px;
	padding: 10px;
	font-size: 0.7em;
	line-height: 1.5em;
	text-align: left;
	color: #fff;
	background: transparent url(../images/bannercurve.png) top right no-repeat;
}
#product-img {
	z-index: 0;
	position: absolute;
	top: 11px;
	right: -300px;
}

/* Shopping basket START */

#basket {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #999999;
	margin-bottom: 1px;
	margin-top: 106px;
}

#basket #shopping-basket {
	display: block;
	width: 155px;
	height: 19px;
	margin-bottom: 1px;
	background-image: url(../images/general/shopping_basket.gif);
	text-indent: -9000px;
}

#basket #shopping-basket.selected, #basket #shopping-basket:hover {
	background-position: bottom left;
}

#basket img {
	display: block;
	margin-bottom: 1px;
}

#basket ul {
	border: solid #999999 1px;
	padding-top: 4px;
	padding-bottom: 5px;
}

#basket li {
	color: #666666;
	padding-left: 5px;
	padding-right: 5px;
	line-height: 12px;
	margin-bottom: 6px;
}

#basket li.odd {
	color: black;
}

#basket li.empty {
	line-height: 12px;
	margin-bottom: 0;
}

#basket li.total {
	font-weight: bold;
	margin-bottom: 0;
}

/* Shopping basket END */

/* LH Nav START */

#nav #checkout a {background-image: url(../images/lh_nav/checkout.gif); }
#nav #home a { background-image: url(../images/lh_nav/home.gif); }
#nav #products a { background-image: url(../images/lh_nav/products.gif); }
#nav #about-whiter-than-white a { background-image: url(../images/lh_nav/about_whiter_than_white.gif); }
#nav #customer-service a { background-image:url(../images/lh_nav/customer_service.gif); }
#nav #contact-us a { background-image: url(../images/lh_nav/contact_us.gif);}
#nav #customer-feedback a { background-image: url(../images/lh_nav/customer_feedback.gif);}
#nav #dentalglossary a { background-image: url(../images/lh_nav/dental_glossary.gif);}
#nav #dentalarticles a { background-image: url(../images/lh_nav/dental_articles.gif);}

#nav #checkout.selected a, #nav #checkout a:hover,
#nav #home.selected a, #nav #home a:hover,
#nav #about-whiter-than-white.selected a, #nav #about-whiter-than-white a:hover,
#nav #products.selected a, #nav #products a:hover,
#nav #customer-service.selected a, #nav #customer-service a:hover,
#nav #contact-us.selected a, #nav #contact-us a:hover,
#nav #dentalglossary.selected a, #nav #dentalglossary a:hover,
#nav #dentalarticles.selected a, #nav #dentalarticles a:hover,
#nav #customer-feedback.selected a, #nav #customer-feedback a:hover {
     background-position: bottom left;
}

#nav, #basket-links {
	padding: 0;
	margin: 0;
	list-style-type: none;
	width: 155px;
	font-size: 0.55em;
}

#nav li, #basket-links li {
	padding: 0;
	margin: 0;
	background-repeat: no-repeat;
	margin-bottom: 1px;
	line-height: 20px;
	text-indent: -9000px;
}

#nav>li>a {
	min-height: 20px;
	max-height: 20px;
}

#nav>li.selected, #basket-links>li.selected {
	height: auto;
}

#nav>li.selected>span, #basket-links>li.selected>span {
	display: block;
	min-height: 20px;
	max-height: 20px;
}

#nav li.selected, #basket-links li.selected {
	margin-bottom: 1px;
}

#nav li a, #basket-links li a {
	background-repeat: no-repeat;
	display: block;
	height: 100%;

	/* IE 5.5 hack */
	margin-left: -16px;
	voice-family:"\"}\"";
	voice-family:inherit;
	margin-left: 0;
}

/* Sub levels */

#nav ul {
	padding: 1px 0 0 0 !important;
	margin: 0;
	list-style-type: none;
	background-color: white;
	text-indent: 0; /* Needed IE6 */
}

#nav ul li, #basket-links li {
	/*font-size: 0.8em;*/
	line-height: normal;
	width: 145px;
	text-indent: 0;
}

#nav ul li a, #basket-links li a {
	background-color: #ccccff;
	background-image: none !important;
}

#nav ul li.selected {
	margin-bottom: 0;
}

#basket-links li a {
	color: #666 !important;
	background-color: #fff;
	border: 1px solid #DADADA !important;
}
#basket-links li a:hover {
	color: #fff !important;
	background-color: #333399;
	border-color: #333399 !important;
}

/* Sub levels END */

/* Lev 2 */

#nav ul.lev2 li.selected span, #nav ul.lev2 li.current span, #nav ul.lev2 li a,
#basket-links li.selected span, #basket-links li.current span, #basket-links li a {
	color: #333399;
	padding-left: 9px;
	padding-right: 5px;
	padding-bottom: 1px;
	border: solid #ccccff 1px;
	margin-left: 0;
	/* IE 5.5 hack */
	width: 155px;
	voice-family:"\"}\"";
	voice-family:inherit;
	width: 139px;
}

#nav ul.lev2 li span, #basket-links li span {
	display: block;
}

/* Lev 2 END */

/* Level 3 START */

#nav ul.lev3 li.current span, #nav ul.lev3 li a {
	padding-left: 23px;

	/* IE 5.5 hack */
	width: 155px
	voice-family:"\"}\"";
	voice-family:inherit;
	width: 125px;
}

/* Level 3 END */

#footerlinks {
clear: left;
color: #ccc;
text-align:center;
padding-left:20px;
margin-top: 50px;
}
#contactfooter {font-size: 10px;padding-left:20px;
 }
#footerlinks a {font-size: 10px;
padding: 5px;}

/* LH Nav END */

#left-panel img {
	display: block;
	margin: 0 0 1px 0;
}

/* Buttons */

a.button {
	display: block;
	font-size: 0;
	line-height: 0;
	height: 15px;
	text-indent: -9000px;
}

a.button.print { float: right; margin-top: 6px;	width: 80px; background-image: url(../images/buttons/print_combined.gif); }
a.button.back { width: 80px; background-image: url(../images/buttons/back_combined.gif); }
a.button.change {	width: 80px; margin-left: 80px; background-image: url(../images/buttons/change_combined.gif); }
a.button.continue-shopping { width: 133px; background-image: url(../images/buttons/continue_shopping_combined.gif); }

a.button:hover { background-position: bottom left; }

#glossary{padding:10px; font-weight: bold; font-size:12px; text-transform:uppercase; color:#333399;}
.title1 {margin-bottom: 20px;}
h5 { margin-bottom: 0px; }

/* Not used ? */

a.button.add-review-of-wtw { width: 193px; background-image: url(../images/buttons/add_review_of_whiter_than_white.gif); }
a.button.add-review-of-wtw:hover { background-image: url(../images/buttons/add_review_of_whiter_than_white_rollover.gif); }

/* End not used */
