/* Total Relaunch  content container starts here */

.ctr_container {
	font-family:Arial, Helvetica, sans-serif;
	color:#5d5d5d;
	font-size:0.8em;
	width:945px; 	
	text-align: left; 	
	background: transparent url(../img/main_bg.jpg) left 0px repeat-x;
	margin: 0 auto;
}

.ctr_home {
	background: transparent url(../img/home_bg.jpg) left 0px no-repeat;
}

.ctr_container p {
	font-family:Arial, Helvetica, sans-serif;
	color:#5d5d5d;
	font-size:0.9em;
	margin-bottom:12px;
	line-height: 22px;
}

ul.healthList{
		font-family:Arial, Helvetica, sans-serif !important;
	color:#5d5d5d!important;
	font-size:0.9em!important;
	margin-bottom:12px!important;
	line-height: 17px!important;
	
}

sup {
	font-size: 8px;
}

p.redCalloutButton {
font-size: 12px !important;
padding: 6px 0px 6px 7px !important;
line-height: 15px !important;
text-align: center !important;
}

.ctr_intro {
	font-weight:bold;
}

.ctr_container a:link, .ctr_container a:active, .ctr_container a:hover, .ctr_container a:visited {
	color:#5d5d5d;
}

.ctr_container ul, .ctr_container ol {
	font-size:1em;
	color:#5d5d5d;
	font-weight:bold;
}

/* Total Relaunch  content container ends here */

/* Total Relaunch  leftnav starts here */
.ctr_leftnav {
	width:250px; 
	float:left;
	display:inline;
	overflow:hidden;
}

.ctr_leftnav img {
	border: none;
}

.ctr_home .ctr_leftnav {
	width: 205px;
}

.ctr_leftnav ul {
	width:100%;
	list-style-type:none;
	padding:0px;
	margin:70px 0px 0px 0px;
}

.ctr_leftnav ul li {
	width:100%;	
	margin-bottom:7px;
	padding:0;
	height:22px;
}

.ctr_leftnav ul li a {
	font-size:0.85em;
	color:#80859a;
	text-decoration:none;
	font-weight:bold;
	padding:4px 5px 4px 0px;
	margin:0;
	display:block;
	background:url(../img/nav_off.png) left 0px no-repeat;
}

.ctr_leftnav ul li.current a, .ctr_leftnav ul li a:hover {
	color: #ee0505;
	background:url(../img/nav_on.png) left 0px no-repeat;
}
/* Total Relaunch  leftnav ends here */

/* Total Relaunch  main content starts here */
.ctr_mainContent {
	width:695px; 
	float:right; 
	display:inline;
	overflow:hidden;
	margin-top:115px;
	min-height:350px; /* 425px - 30px margin at the top = 395px*/ 
	height:350px; 	
	position:relative;
}

.ctr_home .ctr_mainContent {
	margin-top:6px;
	min-height:465px; 	
	height:465px;
	width:714px;
}

.ctr_product .ctr_mainContent {
	width:690px;
}

.ctr_how {
	background:url(../img/how_bg.png) left 0px no-repeat;
	margin-top:40px;	
	min-height:425px; 	
	height:425px;
	width:620px; 
}

.ctr_video {
	margin-top:80px;	
	min-height:385px; 	
	height:385px;
	width:620px; 
}

object {
	outline:none;
}

.ctr_product .ctr_mainContent {
	margin-top:100px;
	min-height:365px; 	
	height:365px;
}

div[class] .ctr_mainContent {
   height:auto;
}

h1, h2 {
	color: #EE0505;
	font-size:1.2em;
	margin:0px;
	padding: 0px 0px 0px 0px;
}

h3 {
	color: #EE0505;
	font-size:1em;
	margin:0px;
	padding: 0px 0px 0px 0px;
}

.ctr_product h1 {
	padding:0px 0px 5px 0px;
}


.ctr_product h2 {
	font-size:1.5em;
	color:#ffffff;
	text-decoration:none;
	font-weight:normal;
	padding:5px 0px 10px 8px;
	margin:0px 0px 0px 0px ;
	display:inline;
	/* IE 8 */
	padding: 0 0 10px 8px\0/
}


.ctr_product h2 span{
padding:5px 22px 10px 0px;
margin:0px;
}



.ctr_info {
	float:left;
	display:inline;
}

.ctr_product p {
	color:#5d5d5d;
	margin:10px 0 0 0;
	font-weight:normal;
}

.ctr_product  p.ctr_intro {
	font-size:0.85em;	
}

.ctr_product ul.ctr_ul1 {
	list-style-type:none;
	margin:0px;
	padding: 0px;
}

.ctr_product ul.ctr_ul1 li {
	margin-top:2px;
	
}

.ctr_product ul.ctr_ul1 li span{
	font-size:0.85em;
	color:#5d5d5d;
	text-decoration:none;
	font-weight:bold;
	padding:4px 22px 4px 0px;
	margin:0;	
}

.ctr_product ul.ctr_ul2  {
	list-style-type: none;
	margin:0px;
	padding: 10px 0px 0px 0px;
}

/* ############################# product pages colours and backgrounds ############################*/


/* ################################################ 1 #############################################*/

.ctr_product ul.ctr_nav li.ctr_originalblue a {
	background:url(../img/p1_link_bg.png) right 0px no-repeat;
}

.ctr_product ul.ctr_nav li.ctr_originalblue a:hover, .ctr_product ul.ctr_nav li.ctr_originalblue a.active {
	background:url(../img/p1_link_bg.png) right -40px no-repeat;
}

.ctr_product.ctr_product1  ul.ctr_ul2, .ctr_product.ctr_product1  p.ctr_intro {
	color: #5098b4;
}

.ctr_product.ctr_product1 ul.ctr_ul1 li span{
	background:url(../img/p1_tick.png) right 1px no-repeat;
}
.ctr_product.ctr_product1 h2 {
	background: #fff url(../img/p1_title_bg.png) -4px 0px no-repeat;
}

.ctr_product.ctr_product1 h2 span {
	background: #fff url(../img/p1_title_bg.png) right 0px no-repeat;
}


.ctr_product ul.ctr_nav li.ctr_originalblue a span {
	background: #fff url(../img/p1_link_bg.png) left 0px no-repeat;
}

.ctr_product ul.ctr_nav li.ctr_originalblue a:hover span {
	background: #fff url(../img/p1_link_bg.png) left -40px no-repeat;
}
/* ################################################ 2 #############################################*/

.ctr_product ul.ctr_nav li.ctr_freshgreen a {
	background:url(../img/p2_link_bg.png) right 0px no-repeat;
}

.ctr_product ul.ctr_nav li.ctr_freshgreen a:hover, .ctr_product ul.ctr_nav li.ctr_freshgreen a.active {
	background:url(../img/p2_link_bg.png) right -40px no-repeat;
}


.ctr_product.ctr_product2  ul.ctr_ul2, .ctr_product.ctr_product2  p.ctr_intro {
	color: #2bc28e;
}

.ctr_product.ctr_product2 ul.ctr_ul1 li span{
	background:url(../img/p2_tick.png) right 1px no-repeat;
}
.ctr_product.ctr_product2 h2 {
	background: #fff url(../img/p2_title_bg.png) -4px 0px no-repeat;
}

.ctr_product.ctr_product2 h2 span {
	background: #fff url(../img/p2_title_bg.png) right 0px no-repeat;
}

.ctr_product ul.ctr_nav li.ctr_freshgreen a span {
	background: #fff url(../img/p2_link_bg.png) left 0px no-repeat;
}

.ctr_product ul.ctr_nav li.ctr_freshgreen a:hover span {
	background: #fff url(../img/p2_link_bg.png) left -40px no-repeat;
}

/* ################################################ 3 #############################################*/

.ctr_product ul.ctr_nav li.ctr_advancedblue a {
	background:url(../img/p3_link_bg.png) right 0px no-repeat;
}

.ctr_product ul.ctr_nav li.ctr_advancedblue a:hover, .ctr_product ul.ctr_nav li.ctr_advancedblue a.active {
	background:url(../img/p3_link_bg.png) right -40px no-repeat;
}

.ctr_product.ctr_product3  ul.ctr_ul2, .ctr_product.ctr_product3  p.ctr_intro {
	color: #3151c5;
}

.ctr_product.ctr_product3 ul.ctr_ul1 li span{
	background:url(../img/p3_tick.png) right 1px no-repeat;
}
.ctr_product.ctr_product3 h2 {
	background: #fff url(../img/p3_title_bg.png) -4px 0px no-repeat;
}

.ctr_product.ctr_product3 h2 span {
	background: #fff url(../img/p3_title_bg.png) right 0px no-repeat;
}

.ctr_product ul.ctr_nav li.ctr_advancedblue a span {
	background: #fff url(../img/p3_link_bg.png) left 0px no-repeat;
}

.ctr_product ul.ctr_nav li.ctr_advancedblue a:hover span {
	background: #fff url(../img/p3_link_bg.png) left -40px no-repeat;
}

/* ################################################ 4 #############################################*/

.ctr_product ul.ctr_nav li.ctr_cleangrey a {
	background:url(../img/p4_link_bg.png) right 0px no-repeat;
}

.ctr_product ul.ctr_nav li.ctr_cleangrey a:hover, .ctr_product ul.ctr_nav li.ctr_cleangrey a.active {
	background:url(../img/p4_link_bg.png) right -40px no-repeat;
}


.ctr_product.ctr_product4  ul.ctr_ul2, .ctr_product.ctr_product4  p.ctr_intro {
	color: #b3b4b7;
}

.ctr_product.ctr_product4 ul.ctr_ul1 li span{
	background:url(../img/p4_tick.png) right 1px no-repeat;
}
.ctr_product.ctr_product4 h2 {
	background: #fff url(../img/p4_title_bg.png) -4px 0px no-repeat;
}

.ctr_product.ctr_product4 h2 span {
	background: #fff url(../img/p4_title_bg.png) right 0px no-repeat;
}

.ctr_product ul.ctr_nav li.ctr_cleangrey a span {
	background: #fff url(../img/p4_link_bg.png) left 0px no-repeat;
}

.ctr_product ul.ctr_nav li.ctr_cleangrey a:hover span {
	background: #fff url(../img/p4_link_bg.png) left -40px no-repeat;
}

/* ################################################ 5 #############################################*/

.ctr_product ul.ctr_nav li.ctr_sensitivepink a {
	background:url(../img/p5_link_bg.png) right 0px no-repeat;
}

.ctr_product ul.ctr_nav li.ctr_sensitivepink a:hover, .ctr_product ul.ctr_nav li.ctr_sensitivepink a.active {
	background:url(../img/p5_link_bg.png) right -40px no-repeat;
}

.ctr_product.ctr_product5  ul.ctr_ul2, .ctr_product.ctr_product5  p.ctr_intro {
	color: #f17585;
}

.ctr_product.ctr_product5 ul.ctr_ul1 li span{
	background:url(../img/p5_tick.png) right 1px no-repeat;
}
.ctr_product.ctr_product5 h2 {
	background: #fff url(../img/p5_title_bg.png) -4px 0px no-repeat;
}

.ctr_product.ctr_product5 h2 span {
	background: #fff url(../img/p5_title_bg.png) right 0px no-repeat;
}

.ctr_product ul.ctr_nav li.ctr_sensitivepink a span {
	background: #fff url(../img/p5_link_bg.png) left 0px no-repeat;
}

.ctr_product ul.ctr_nav li.ctr_sensitivepink a:hover span {
	background: #fff url(../img/p5_link_bg.png) left -40px no-repeat;
}

/* ################################################ 6 #############################################*/

.ctr_product ul.ctr_nav li.ctr_freshgreen a {
	background:url(../img/p6_link_bg.png) right 0px no-repeat;
}

.ctr_product ul.ctr_nav li.ctr_freshgreen a:hover, .ctr_product ul.ctr_nav li.ctr_freshgreen a.active {
	background:url(../img/p6_link_bg.png) right -40px no-repeat;
}

.ctr_product.ctr_product6  ul.ctr_ul2, .ctr_product.ctr_product6  p.ctr_intro {
	color: #3b9996;
}

.ctr_product.ctr_product6 ul.ctr_ul1 li span{
	background:url(../img/p6_tick.png) right 1px no-repeat;
}
.ctr_product.ctr_product6 h2 {
	background: #fff url(../img/p6_title_bg.png) -4px 0px no-repeat;
}

.ctr_product.ctr_product6 h2 span {
	background: #fff url(../img/p6_title_bg.png) right 0px no-repeat;
}

.ctr_product ul.ctr_nav li.ctr_freshgreen a span {
	background: #fff url(../img/p6_link_bg.png) left 0px no-repeat;
}

.ctr_product ul.ctr_nav li.ctr_freshgreen a:hover span {
	background: #fff url(../img/p6_link_bg.png) left -40px no-repeat;
}

/* ################################################ 7 #############################################*/
.ctr_product ul.ctr_nav li.ctr_enamelorange a {
	background: #fff url(../img/p7_link_bg.png) right 0px no-repeat;
}

.ctr_product ul.ctr_nav li.ctr_enamelorange a:hover, .ctr_product ul.ctr_nav li.ctr_enamelorange a.active {
	background:url(../img/p7_link_bg.png) right -40px no-repeat;
}

.ctr_product.ctr_product7  ul.ctr_ul2, .ctr_product.ctr_product7  p.ctr_intro {
	color: #ffa900;
}

.ctr_product.ctr_product7 ul.ctr_ul1 li span{
	background:url(../img/p7_tick.png) right 1px no-repeat;
}
.ctr_product.ctr_product7 h2 {
	background: #fff url(../img/p7_title_bg.png) -4px 0px no-repeat;
}

.ctr_product.ctr_product7 h2 span {
	background: #fff url(../img/p7_title_bg.png) right 0px no-repeat;
}

.ctr_product ul.ctr_nav li.ctr_enamelorange a span {
	background: #fff url(../img/p7_link_bg.png) left 0px no-repeat;
}

.ctr_product ul.ctr_nav li.ctr_enamelorange a:hover span {
	background: #fff url(../img/p7_link_bg.png) left -40px no-repeat;
}





/* ################################################ 8 #############################################*/


.ctr_product ul.ctr_nav li.ctr_interdentalgreen a {
	background:url(../img/p8_link_bg.png) right 0px no-repeat;
}

.ctr_product ul.ctr_nav li.ctr_interdentalgreen a:hover, .ctr_product ul.ctr_nav li.ctr_interdentalgreen a.active {
	background:url(../img/p8_link_bg.png) right -40px no-repeat;
}

.ctr_product.ctr_product8  ul.ctr_ul2, .ctr_product.ctr_product8  p.ctr_intro {
	color: #004150;
}

.ctr_product.ctr_product8 ul.ctr_ul1 li span{
	background:url(../img/p8_tick.png) right 1px no-repeat;
}
.ctr_product.ctr_product8 h2 {
	background: #fff url(../img/p8_title_bg.png) -4px 0px no-repeat;
}

.ctr_product.ctr_product8 h2 span {
	background: #fff url(../img/p8_title_bg.png) right 0px no-repeat;
}


.ctr_product ul.ctr_nav li.ctr_interdentalgreen a span {
	background: #fff url(../img/p8_link_bg.png) left 0px no-repeat;
}

.ctr_product ul.ctr_nav li.ctr_interdentalgreen a:hover span {
	background: #fff url(../img/p8_link_bg.png) left -40px no-repeat;
}




/* ################################################ 9 #############################################*/


.ctr_product ul.ctr_nav li.ctr_zahnblue a {
	background:url(../img/p9_link_bg.png) right 0px no-repeat;
}

.ctr_product ul.ctr_nav li.ctr_zahnblue a:hover, .ctr_product ul.ctr_nav li.ctr_zahnblue a.active {
	background:url(../img/p9_link_bg.png) right -40px no-repeat;
}

.ctr_product.ctr_product9  ul.ctr_ul2, .ctr_product.ctr_product9  p.ctr_intro {
	color: #004150;
}

.ctr_product.ctr_product9 ul.ctr_ul1 li span{
	background:url(../img/p9_tick.png) right 1px no-repeat;
}
.ctr_product.ctr_product9 h2 {
	background: #fff url(../img/p9_title_bg.png) -4px 0px no-repeat;
}

.ctr_product.ctr_product9 h2 span {
	background: #fff url(../img/p9_title_bg.png) right 0px no-repeat;
}


.ctr_product ul.ctr_nav li.ctr_zahnblue a span {
	background: #fff url(../img/p9_link_bg.png) left 0px no-repeat;
}

.ctr_product ul.ctr_nav li.ctr_zahnblue a:hover span {
	background: #fff url(../img/p9_link_bg.png) left -40px no-repeat;
}










/* ############################# product pages colours and backgrounds ############################*/

.ctr_product ul.ctr_nav {
	list-style-type: none;
	margin:0px 0px 0px 0px;
	padding: 40px 0px 0px 0px;
	width: 260px;
}

.ctr_product ul.ctr_nav li {
	margin: 0px 0px 0px 0px;
	vertical-align: bottom;
	height: 30px;
}

.ctr_product ul.ctr_nav li a {
	color: #ffffff;
	text-decoration: none;
	vertical-align:middle;
	padding: 5px 22px 14px 0px;
	font-size:0.85em;
	display:inline-block;
}

.ctr_product ul.ctr_nav a span {
	padding: 5px 0px 14px 15px;
	color: #ffffff;
}

.ctr_product  p.ctr_caveat {
	font-size:0.8em;
	font-weight:normal;
	margin-top: 5px;
}

.ctr_product img.ctr_productshot {
	position:absolute;
	top:50px;
	right:30px;
}

.ctr_product img.ctr_productshot_all {
	position:absolute;
	top:30px;
	right:40px;
}


.ctr_product img.ctr_protection{
	position:absolute;
	top:250px;
	right:17px;
}

.ctr_product a.ctr_back {
		font-size:0.85em;
	color:#80859a;
	text-decoration:none;
	font-weight:bold;
	padding:4px 0px 4px 10px;
	margin:3px 0px 0px 0px ;	
	background:url(../img/b_arrow.jpg) left 6px no-repeat;
	display: block;
}

.ctr_product a.ctr_back:hover {
	color: #ee0505;
}

ul.faq {
	/*width:250px;*/
	list-style-type:none;
	padding:0px;
	margin:0px;
	display:inline;
	float:left;
	overflow:hidden;
}

ul.faq li {
	width:100%;	
	padding:0;
	margin:0px 0px 10px 0px;
}

ul.faq li a {
	font-size:0.85em;
	color:#80859a;
	text-decoration:none;
	font-weight:bold;
	padding:4px 10px 4px 0px;
	margin:0;	
	background:url(../img/arrow.gif) right 6px no-repeat;
}

ul.faq li a.active, ul.faq li a:hover {
	color: #ee0505;
}

.faq_answer {
	width:360px;
	display:inline;
	float:left;
	overflow:hidden;
}

.ctr_voucher_body {
	width:300px;
	display:inline;
	float:left;
	overflow:hidden;
}

.ctr_voucher_image {
	display:inline;
	float:left;
	overflow:hidden;
	margin: 30px 0 0 30px;
}

.ctr_voucher_terms {
	width:600px;
	clear:both;
	padding-top:15px;
	font-size:0.85em;
}


a.ctr_download:link, a.ctr_download:active, a.ctr_download:hover,  a.ctr_download:visited {
	color: #fff;
	text-decoration:none;
	display:inline;
	overflow:hidden;
	font-size:1.0em;
	position:relative;
	top:0px;
	background:url(../img/download.png) right 0px no-repeat;
	padding:6px 30px 0 10px;
	text-align:right;
	float:right;
	right:40px;	
	height: 27px;
	margin-bottom:10px;
	margin-top:-30px;
}

a.ctr_watch:link, a.ctr_watch:active, a.ctr_watch:hover,  a.ctr_watch:visited {
	color: #fff;
	text-decoration:none;
	font-size:1.0em;
	background:url(../img/download.png) right 0px no-repeat;
	padding:6px 30px 6px 10px;
	margin: 5px 0px 0px 0px;
	display:inline-block;
	font-weight: bold;	
}


.ctr_tl, .ctr_tr, .ctr_bl, .ctr_br {
	float: left;
	display:inline;
	overflow:hidden;
}

.ctr_tl {
	width: 350px;
	height:320px;	
	margin:40px 0px 0px 40px;
}

.ctr_tr {
	width: 125px;
	margin:35px 0 0 40px;
}

.ctr_tr img{
	margin:5px 0px;
}

.ctr_bl {
	width: 285px;
	height:170px;
	margin:0px 0px 0px 40px;
}

.ctr_br {
	width: 220px;
	height:170px;
	margin:0px 0px 0px 30px;
}

/* Total Relaunch  main content ends here */

#mwo_flashContent { display:none; }

/* Total Relaunch  promo container starts here */

.ctr_promocontainer {
	width:945px;
	clear:both;
	margin: 0 auto;
}

.ctr_promo_box_container {
	width:315px;
	overflow:hidden;
	display:inline;
	float:left;	
	min-height:177px; 
	height:177px; 
	position:relative;
	text-align: left;
}

div[class] .ctr_promo_box_container {
   height:auto;
}

.ctr_promobox {
	padding:0 35px;
	width: 245px; /* 315px - (padding 35px left + 35px right) = 235px*/
	vertical-align:top;	
	position: absolute;
	bottom:4px;
	left:0;
}


.ctr_promobox a:link, .ctr_promobox a:active, .ctr_promobox a:hover, .ctr_promobox a:visited {
	color: #fff;
	text-decoration:none;
	display:inline;
	/*float:left;*/
	overflow:hidden;
	font-size:0.85em;
	position:absolute;
	bottom:0px;
	background:url(../img/promo_lnk.png) right 0px no-repeat;
	padding:3px 22px 0 8px;
	margin-top:0px;
	left:9px;
	margin-bottom:10px;
	height: 20px;
	font-weight: bold;
	z-index:2000;
}

.ctr_promo_img {border:0;z-index:1000;position:absolute;}


/* Total Relaunch  promo container stops here */

/* css for scrollbar starts here*/
#scroll-pane { float:left;overflow: auto; width: 600px; height:250px;position:relative;border:0px solid gray;margin-right:15px;margin-bottom:25px;display:inline}
#scroll-content {position:absolute;top:0;left:0}
.scroll-content-item {background-color:#fcfcfc;color:#003366;width:100px;height:100px;float:left;margin:10px;font-size:3em;line-height:96px;text-align:center;border:1px solid gray;display:inline;}
#slider-vertical{float:left;background-color:lightgrey;height:250px;width:6px;padding:0px;border:0px solid gray;border-left:none;overflow:hidden}/*overflow:hidden for IE6*/
.ui-slider-handle{width:6px;height:10px;margin:0 auto;background-color:#EE0505;display:block}
/*.ui-slider-handle{width:6px;height:10px;margin:0 auto;background-image:url(/ColgateTotal/DE/v4/img/scroll.jpg);display:block}
* html .ui-slider-handle{margin-top:0px}
/* css for scrollbar ends here*/


.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}



/* dock - top */
.dock {
	position: relative; 
	height: 250px; 
	text-align: center;
}
.dock-container {
	position: absolute;
	height: 173px;
	background: url(images/dock-bg2.gif);
	padding-left: 20px;
}
.dock-container a.dock-item {
	display: block;
	width: 70px;
	color: #333;
	position: absolute;
	top: 0px;
	text-align: center;
	text-decoration: none;
	font: bold 0.8em Arial, Helvetica, sans-serif;
}
.dock-item img {
	border: none; 
	margin: 5px 10px 0px; 
	width: 100%; 
}
.dock-item span {
	display: none; 
	padding-left: 20px;
}