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

p {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:12px;
	text-align:left;
	color:#434343;
	padding:0;
	margin:0;
}

h2 { font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#0060b1; }
h2 .h2Black { color: #434343; }
h3 { font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#434343; }

sup {
	font-size:70%;
	line-height:90%;
	margin-bottom:-5px;
}


ul, ol { 
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:left;
	color:#434343;	 
}	
	
a { font-size:12px; font-weight:bold; }
a:link, a:visited { color:#0060b1; }
a:hover, a:active { color:#ff0000; }

/* VVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVV */

.Container { width:955px; }


/* =======================================
   == Upper
      -- contains page header, left nav 
         and content sections
   ======================================= */
.Upper { float:left; }

#BG_Home {
	background-image:url(http://www.colgate.com/ColgateOralCare/Toothpaste/Colgate-Sensitive-ProRelief/cssimages/Colgate-SensPro-BG-Upper-Home.jpg); 
	background-repeat:no-repeat;
	background-color:#ffffff;
}

#BG_Narrow {
	background-image:url(http://www.colgate.com/ColgateOralCare/Toothpaste/Colgate-Sensitive-ProRelief/cssimages/Colgate-SensPro-BG-Upper-Narrow.jpg); 
	background-repeat:no-repeat;
	background-color:#ffffff;
}

#BG_Wide {
	background-image:url(http://www.colgate.com/ColgateOralCare/Toothpaste/Colgate-Sensitive-ProRelief/cssimages/Colgate-SensPro-BG-Upper-Wide.jpg); 
	background-repeat:no-repeat;
	background-color:#ffffff;
}


/* ---------------------------------------
   -- Header   
   --------------------------------------- */
.Upper .Header {
	width:955px; 
	height:60px; 
	padding-top:5px; 
	text-align:center;
}

/* ---------------------------------------
   -- LeftNav   
   --------------------------------------- */
/*---- START -- Version 1 ----*/
.Upper .LeftNav { 
	width:185px; 
	height:300px; 
	margin:15px 20px 0 0; 
	padding: 0 0 0 15px; 
	float:left; 
 }

.Upper .LeftNav .LeftNav_Button {
	width:188px;
	height:20px;
	margin:0 0 5px 0;
	padding:5px 0 0 30px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:14px;
	font-style:italic;
	text-align:left;
}

.Upper .LeftNav .LeftNav_Button a {
	font-size:14px;
	text-decoration:none;
}

.Upper .LeftNav #On {
	background-image:url(http://www.colgate.com/ColgateOralCare/Toothpaste/Colgate-Sensitive-ProRelief/cssimages/Colgate-SensPro-LeftNav-On.gif); 
	background-repeat:no-repeat;
	color:#ffffff;
	padding-left:15px;
}

.Upper .LeftNav #Off {
	background-image:url(http://www.colgate.com/ColgateOralCare/Toothpaste/Colgate-Sensitive-ProRelief/cssimages/Colgate-SensPro-LeftNav-Off.gif); 
	background-repeat:no-repeat;
}
/*---- END -- Version 1 ----*/

/*---- START -- Version 2 ----*/
.navigation_container {
	width: 185px;
	_width: 144px;
	margin: 15px 20px 0 0;
	_margin-right: -26px;
	padding: 0 0 0 15px;
	float: left;
}

	.navigation_container ul {
		margin: 0;
		padding: 0;
		list-style: none;
	}
	
		.navigation_container ul li {
			margin: 0 0 5px 0;
			padding: 4px 0 0 0;
			background-image: url(/ColgateOralCare/Toothpaste/Colgate-Sensitive-ProRelief/cssimages/Colgate-SensPro_LeftNav-Topper-Off.gif);
			background-repeat: no-repeat;
			background-position: 0 0;
			width: 188px;
		}
		
			.navigation_container ul li a {
				margin: 0;
				padding: 1px 15px 5px 30px;
				font-family:Arial, Helvetica, sans-serif;
				font-weight:bold;
				font-size:14px;
				font-style:italic;
				text-align:left;
				display: block;
				background-image: url(/ColgateOralCare/Toothpaste/Colgate-Sensitive-ProRelief/cssimages/Colgate-SensPro_LeftNav-Repeater-Off.gif);
				background-repeat: repeat-y;
				background-position: bottom left;
				width: 143px;
				text-decoration: none;
			}
			
		/*-- ON STATE --*/
		.navigation_container ul li.On { background-image: url(/ColgateOralCare/Toothpaste/Colgate-Sensitive-ProRelief/cssimages/Colgate-SensPro_LeftNav-Topper-On.gif); }
		
			.navigation_container ul li.On a {
				padding-left: 15px;
				padding-right: 30px;
				width: 143px;
				color: #FFF;
				background-image: url(/ColgateOralCare/Toothpaste/Colgate-Sensitive-ProRelief/cssimages/Colgate-SensPro_LeftNav-Repeater-On.gif);
			}
/*---- END -- Version 2 ----*/
/* ---------------------------------------
   -- Content   
   --------------------------------------- */
.Upper .Content { width:720px; float:left; }

.Upper .Content h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:20px;
	color:#0060b1;	
	text-align:left;
	margin:15px 0 5px 9px;
	padding:0;
}

.Upper .Content h1.AddThis { float: left; } 
  
.Upper .Content #AddThisContainer { 
   margin: 0 10px 0 0; 
   padding: 0; 
   float: right; 
   position: relative; 
   top: 20px; 
}

.Upper .Content h2 {
	width:580px; /* this is the width of the home page flash element */
	font-size:20px;
	text-align:center;
	margin:10px 0 5px 0;
	padding:0;
	float:left;
}

.Upper .Content .smallText { font-size:75%; }

.Upper .Content .MainImage {
	border:none;
	margin:10px 0 10px 13px;
	position:relative;
	z-index:20;
	float:left;
}


/* ---------------------------------------
   -- Flash    
   --------------------------------------- */
.Upper .Content .FlashDiv { margin:0 0 10px 13px; float:left; }

/* ---------------------------------------
   -- Image    
   --------------------------------------- */
.Upper .Content .ImageDiv {
	width:520px;
	margin-left:13px;
	float:left;
}

.Upper .Content .ImageDiv h2 {
	padding:0;
	margin:0 0 7px 0;
	text-align:left;
}

.Upper .Content .ImageDiv .LeftCopy {
	width:200px;
	margin-left:20px;
	float:left;
}

.Upper .Content .ImageDiv .LeftCopy h2 { width:200px; }
.Upper .Content .ImageDiv .LeftCopy img { float:left; }

.Upper .Content .ImageDiv .LeftCopy p {
	font-weight:bold;
	font-size:14px;
	font-weight:bold;
	margin-bottom:15px;
}

.Upper .Content .ImageDiv .RightCopy {
	width:280px;
	margin-left:13px;
	float:left;
}

.Upper .Content .ImageDiv .RightCopy h2 {
	width:280px;
	font-size:13px;	
}

.Upper .Content .ImageDiv .RightCopy ul {
	margin:0 0 5px 30px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:11px;
}

/* ---------------------------------------
   -- Product    
   --------------------------------------- */
.Upper .Content .ProductDiv {
	width:520px;
	margin-left:13px;
	float:left;
}

.Upper .Content .ProductDiv ul { padding:0; margin:10px 15px 10px 25px; }
.Upper .Content .ProductDiv h2 {
	width:520px;
	margin:0 0 7px 0;
	font-size:17px;
	padding:0;
	text-align:center;
	float:left;
}

.Upper .Content .ProductDiv h2.toothbrush { margin-bottom:4px; }
.Upper .Content .ProductDiv h2 .small { font-size:85%; }

.Upper .Content .ProductDiv .Btn { margin:0 0 8px 200px; float:left; }

.Upper .Content .ProductDiv .ProductSynopsis {
	margin:0 0 10px 140px;
	padding:0;
	border:1px solid #e3e4e5;
	background-color:#f4f5f6;
	float:left;
}

	.Upper .Content .ProductDiv .ProductSynopsis.whitening {
		margin:0 0 10px 48px;
		padding:0;
		border:1px solid #e3e4e5;
		background-color:#f4f5f6;
		float:left;
	}

.Upper .Content .ProductDiv .ProductNotes {
	margin:0 0 10px 28px;
	padding:0;
	font-weight: 900;
	clear: both;
}

.Upper .Content .ProductDiv .ProductSynopsis_sidebyside {
	width:520px;
	margin:-24px 0 3px 0;
	padding:0;
	position:relative;
	z-index:1;
	border:1px solid #e3e4e5;
	background-color:#f4f5f6;
	float:left;
}

.Upper .Content .ProductDiv .ProductSynopsis_sidebyside ul {
	width:145px;
	margin-right:0;
	font-weight:bold;
	float:left;
}

.Upper .Content .ProductDiv .footnote ol {
	margin:0;
	padding-bottom:5px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:9px;
	text-align:left;
}
	
/* ---------------------------------------
   -- Article    
   --------------------------------------- */

.Upper .Content .ArticleDiv {
	width:525px;
	height:535px;
	margin-left:6px;
	background-image:url(http://www.colgate.com/ColgateOralCare/Toothpaste/Colgate-Sensitive-ProRelief/cssimages/Colgate-SensPro-BG-Upper-Article.jpg);
	background-repeat:repeat-x;
	float:left;
}

.Upper .Content .ArticleDiv .ArticleHeaderFooter { float:left; }

.Upper .Content .ArticleDiv .ArticleContent {
	width:523px;
	border-left:1px solid #e3e4e5;
	border-right:1px solid #e3e4e5;
	float:left;
	padding-bottom:20px;
}

.Upper .Content .ArticleDiv .ArticleContent h2 {
	width:400px;
	margin-left:13px;
	font-size:13px;
	text-align:left;	
}

.Upper .Content .ArticleDiv .ArticleContent a {
	margin:3px 25px 0 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#ff0000;
	float:right;	
}

.Upper .Content .ArticleDiv .ArticleContent a:link, .Upper .Content .ArticleDiv .ArticleContent a:visited { text-decoration:none; }
.Upper .Content .ArticleDiv .ArticleContent a:hover, .Upper .Content .ArticleDiv .ArticleContent a:active { text-decoration:underline; }

.Upper .Content .ArticleDiv .ArticleContent .Article {
	background-color:#ffffff;
	width:490px;
	height:470px;
	margin-left:13px;
	border:1px solid #e3e4e5;
	overflow:auto;
	float:left;
}

.Upper .Content .ArticleDiv .ArticleContent .Article a { font-size:12px; color:#0060b1; float: none; margin: auto; }
.Upper .Content .ArticleDiv .ArticleContent .Article a:link, .Upper .Content .ArticleDiv .ArticleContent .Article a:visited { color:#0060b1; }
.Upper .Content .ArticleDiv .ArticleContent .Article a:hover, .Upper .Content .ArticleDiv .ArticleContent .Article a:active { color:#ff0000; }

.Upper .Content .ArticleDiv .ArticleContent .Article h2  { width:460px; margin:5px 0 6px 8px; padding:0; font-size:13px; text-align:left; }
.Upper .Content .ArticleDiv .ArticleContent .Article h3  { width:440px; margin:5px 0 6px 15px; padding:0; font-size:12px; text-align:left; }
.Upper .Content .ArticleDiv .ArticleContent .Article p   { width:440px; margin:0 0 15px 15px; text-align:left; }
.Upper .Content .ArticleDiv .ArticleContent .Article img { margin:0 15px 10px 15px; float:left; clear: both; }

.Upper .Content .ArticleDiv .ArticleContent .Article ul, .Upper .Content .ArticleDiv .ArticleContent .Article ol {
	width:330px;
	margin:0 0 0 10px;
	padding-bottom:10px;
}

.Upper .Content .ArticleDiv .ArticleContent .Article ul li, .Upper .Content .ArticleDiv .ArticleContent .Article ol li {
	padding:0 0 3px 0;
}	

/* ---------------------------------------
   -- Placeholder    
   --------------------------------------- */
.Upper .Content .PodPlaceHolder { float:left; width:520px; height:0; }

/* ---------------------------------------
   -- Product Pods   
   --------------------------------------- */
.Upper .Content .ProductPodContainer { margin-left:14px; }

.Upper .Content .ProductPodContainer .ProductPod {
	width:164px;
	height:185px;
	border:1px solid #e3e4e5;
	margin-left:-1px;
	padding:5px;
	float:left;
}

.Upper .Content .ProductPodContainer #On {
	background-image:url(http://www.colgate.com/ColgateOralCare/Toothpaste/Colgate-Sensitive-ProRelief/cssimages/Colgate-SensPro-BG-Product-Pod-On.jpg);
	background-repeat:no-repeat;
}

.Upper .Content .ProductPodContainer #Off {
	background-image:url(http://www.colgate.com/ColgateOralCare/Toothpaste/Colgate-Sensitive-ProRelief/cssimages/Colgate-SensPro-BG-Product-Pod-Off.jpg);
	background-repeat:no-repeat;
}

.Upper .Content .ProductPodContainer #Other_1 {
	background-image:url(http://www.colgate.com/ColgateOralCare/Toothpaste/Colgate-Sensitive-ProRelief/cssimages/Colgate-SensPro-BG-Product-Pod-Other.jpg);
	background-repeat:repeat-x;
	width:492px;
	height:165px;	
	padding:10px;
	margin-left:0;
}

.Upper .Content .ProductPodContainer #Other_3 {
	background-image:url(http://www.colgate.com/ColgateOralCare/Toothpaste/Colgate-Sensitive-ProRelief/cssimages/Colgate-SensPro-BG-Product-Pod-Other.jpg);
	background-repeat:no-repeat;
}

.Upper .Content .ProductPodContainer .ProductPod h2 {
	width:155px;
	text-align:left;
	font-size:12px;
	margin:0 0 7px 0;
    padding:5px 0 0 0;
}

.Upper .Content .ProductPodContainer .ProductPod p {
	width:155px;
	margin:0;
	padding:0;
	text-align:left;
	font-size:11px;
}

.Upper .Content .ProductPodContainer .ProductPod ul {
	margin:0 0 0 15px;
	padding:0;
	font-size:10px;
}

.Upper .Content .ProductPodContainer #Other_1 h2 { width:400px; margin-bottom:20px; }
.Upper .Content .ProductPodContainer #Other_1 ul { width:143px; margin-left:20px; float:left; }

.Upper .Content .ProductPodContainer .ProductPod a { font-size:11px; }
.Upper .Content .ProductPodContainer .ProductPod img { padding-top:16px; margin-bottom:20px; }

.Upper .Content .ProductPodContainer #Other h2 { width:400px; font-size:13px; }

/* ---------------------------------------
   -- Content Pods   
   --------------------------------------- */
.Upper .Content .PodHeaderFooter {
	width:525px;
	margin-left:13px;	
	float:left;
}

.Upper .Content .PodContainer {
	width:523px;
	margin-left:13px;
	border-left:solid 1px #e5e5e5;
	border-right:solid 1px #e5e5e5;
	background-image:url(http://www.colgate.com/ColgateOralCare/Toothpaste/Colgate-Sensitive-ProRelief/cssimages/Colgate-SensPro-BG-Upper-Content-Pod.jpg);
	background-repeat:repeat;
	float:left;
}

.Upper .Content .PodContainer h2 {
	font-size:13px;
	text-align:left;
	margin:10px 0 10px 0;	
	padding:0;
}

.Upper .Content .PodContainer p { margin:10px 0 5px 0; }

.Upper .Content .PodContainer ul {
	font-weight:normal;
	padding:0;
	margin:0 0 0 15px;
}

.Upper .Content .PodContainer ul li { padding-bottom:3px; }

/* ---------------------------------------
   -- Content Pods - Single   
   --------------------------------------- */
.Upper .Content .PodContainer .PodSingle { width:513px; height:190px; }
.Upper .Content .PodContainer .PodSingle h2 { width:513px; }
.Upper .Content .PodContainer .PodSingle img { float:left; margin-right:20px; }
.Upper .Content .PodContainer .PodSingle ul { float:left; }
.Upper .Content .PodContainer .PodSingle .Pod { padding:10px; }
.Upper .Content .PodContainer .PodSingle #Pod_right { /* empty */ }


/* ---------------------------------------
   -- Content Pods - Double   
   --------------------------------------- */
.Upper .Content .PodContainer .PodDouble { width:260px; float:left; }
.Upper .Content .PodContainer .PodDouble h2 { width:240px; }
.Upper .Content .PodContainer .PodDouble .Pod { width:241px; height:200px; border-right:1px solid #e5e5e5; padding:0 0 0 20px; }
.Upper .Content .PodContainer .PodDouble #Pod_right { border:none; }

/* ---------------------------------------
   -- Content Pods - Triple   
   --------------------------------------- */
.Upper .Content .PodContainer .PodTriple { width:174px; float:left; }
.Upper .Content .PodContainer .PodTriple h2 { width:155px; }
.Upper .Content .PodContainer .PodTriple .Pod { width:155px; height:200px; border-right:1px solid #e5e5e5; padding:0 10px 0 10px; }
.Upper .Content .PodContainer .PodTriple #Pod_right { border:none; }
.Upper .ContentBorderLower { float:left; }


/* =======================================
   == Middle
      --   contains curved border between
	       upper and lower sections
   ======================================= */
.Middle { float:left; }

/* ---------------------------------------
   -- SubContent   
   --------------------------------------- */
.Middle .SubContent { width:940px; margin:0 0 15px 15px; }

.Middle .SubContent .Pod {
	width:305px;
	margin-right:5px;
	text-align:center;
	float:left;
}

.Middle .SubContent .Pod .Header {
	width:305px;
	height:35px;
	padding-top:8px;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:14px;
	font-style:italic;
	color:#0060b1;	
	margin:0;
}

.Middle .SubContent .Pod #Img {
	background-image:url(http://www.colgate.com/ColgateOralCare/Toothpaste/Colgate-Sensitive-ProRelief/cssimages/Colgate-SensPro-BG-SubContent_Img.jpg);
	background-repeat:no-repeat;
	background-position:top center;
}

.Middle .SubContent .Pod #Line {
	background-image:url(http://www.colgate.com/ColgateOralCare/Toothpaste/Colgate-Sensitive-ProRelief/cssimages/Colgate-SensPro-BG-SubContent_Line.jpg);
	background-repeat:no-repeat;
	background-position:top center;
}

/* ---------------------------------------
   -- Pod contents   
   --------------------------------------- */
.Middle .SubContent .Pod .Content {
	width:305px;
	margin:0 10px 10px 10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	text-align:left;
	color:#434343;	
}

.Middle .SubContent .Pod .Content h2 {
	width:250px;
	font-size:24px;
	padding:0;
}

.Middle .SubContent .Pod .Content h3 {
	width:250px;
	font-size:14px;
	padding:0;
}

.Middle .SubContent .Pod .Content p { width:250px; font-weight:bold; }

.Middle .SubContent .Pod .Content .leftPod h2 { margin:0 0 3px 0; float:right; }
.Middle .SubContent .Pod .Content .leftPod h3 { margin:0 0 20px 0; float:right; }
.Middle .SubContent .Pod .Content .leftPod p { margin:0 0 5px 0; float:right; }
.Middle .SubContent .Pod .Content .rightPod h2 { width:300px; font-size:14px; margin:0 0 7px 0; float:left; }
.Middle .SubContent .Pod .Content .rightPod p { width:300px; margin:0 0 5px 0; float:left; }
.Middle .SubContent .Pod .Content .rightPod ul { margin:0 0 5px 30px; font-family:Arial, Helvetica, sans-serif; font-weight:normal; }

.Middle .SubContent .Pod .Content .ThreePods img { margin:5px 15px 30px 20px; float:left; }
.Middle .SubContent .Pod .Content .ThreePods .Copy { width:170px; float:left; }
.Middle .SubContent .Pod .Content .ThreePods .Copy p { width:170px; margin:5px 0 10px 0; font-weight:bold; }

/* =======================================
   == Lower
      --   contains subcontent and footer
           sections
   ======================================= */
.Lower { float:left; }
.Lower .Footer { margin-bottom:20px; }

/* =======================================
   == UTILITY STYLES
   ======================================= */
.clear {
	margin:-1px;
	padding:0;
	height:1px;
	clear:both;
}