/* CSS Document - Colgate Professional White Papers - Screen Styles */

/* Begin Document Styles
--------------------------------------------------------------------*/
html, body {
	padding: 0;
	margin: 0 }


/* Begin Splash Styles
--------------------------------------------------------------------*/
.splash {
	width: 760px;
	margin: 0 auto }
.splash #splashLogoNoFlash, .splash #splashNoFlash {
	float: left;
	width: 760px }
.splash #splashNoFlash {
	margin-bottom: 10px }
#splashFooterNoFlash p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #999;
	text-align: right;
	margin: 0 20px 10px 0 }


/* Begin Header Styles
--------------------------------------------------------------------*/
#headerContainer {
	background: url('../assets/image/header_bkg.gif') repeat-x 0 bottom;
	height: 113px }
#header {
	width: 760px;
	margin: 0 auto }
#wpLogo {
	float: left;
	padding: 8px 0 0 5px;
	margin: 0 }
#cpLogo {
	float: right;
	padding: 9px 8px 0 0;
	margin: 0 }


/* Begin Primary Navigation Styles
--------------------------------------------------------------------*/
#nav {
	float: right;
	margin-top: 20px }
#nav ul {
	list-style-type: none;
	padding: 0;
	margin: 0 }
#nav li {
	list-style-type: none;
	display: inline;
	overflow: hidden;
	margin: 0 2px 0 0 }


/* Begin Secondary Navigation Styles
--------------------------------------------------------------------*/
#subNav {
	padding-bottom: 22px }
#subNav h2 {
	padding: 0;
	margin: 0 0 17px 10px }
#subNav .firstLevelUL {
	padding: 0;
	margin: 0 }
#subNav .firstLevel {
	border-top: 1px solid #ccc;
	list-style-type: none;
	list-style-image: none;
	padding: 1px 0;
	margin: 0 }
#subNav .firstLevel a {
	display: block;
	color: #666;
	line-height: 15px;
	text-decoration: none;
	padding: 5px 10px;
	margin: 0 }
#subNav .firstLevel a:hover {
	background-color: #f6f2e9;
	text-decoration: none }


/* Begin Wrapper Styles
--------------------------------------------------------------------*/
#wrapper {
	width: 760px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding-bottom: 20px;
	margin: 0 auto }


/* Begin Body ID Styles
--------------------------------------------------------------------*/
#body { }


/* Begin Homepage Content Styles
--------------------------------------------------------------------*/
#homeContainer {
	font-size: 11px;
	color: #999;
	padding-top: 10px }
#homeContainer h2, #homeContainer h2 {
	background: url('../assets/image/main_headerBkg.gif') repeat-x 0 top;
	text-align: left;
	padding: 8px 0 5px 10px;
	margin: 0 0 20px 0 }

/* Begin Homepage Left Column Styles
--------------------------------------------------------------------*/
#homeContainer .leftColumn {
	float: left;
	width: 446px;
	padding: 0 9px 0 5px;
	margin-bottom: 10px }
#homeContainer .firstLevelUL, #content .firstLevelUL {
	padding: 0;
	margin: 0 }
#homeContainer .firstLevel, #homeContainer .firstLevelFinal, #content .firstLevel, #content .firstLevelFinal {
	clear: left;
	background: url('../assets/image/main_hr.gif') repeat-x 0 bottom;
	list-style-type: none;
	list-style-image: none;
	font-weight: bold;
	padding: 0 0 5px 12px;
	margin: 0 0 8px 0 }
#homeContainer .firstLevelFinal, #content .firstLevelFinal {
	background-image: none }
#homeContainer .firstLevel a, #homeContainer .firstLevelFinal a, #content .firstLevel span.advisorTitle, #content .firstLevelFinal span.advisorTitle {
	display: block;
	font-size: 14px;
	color: #c10435;
	line-height: 15px;
	text-decoration: none;
	padding-left: 12px;
	margin: 0 0 5px 0 }
#content .firstLevel span.advisorTitle, #content .firstLevelFinal span.advisorTitle {
	padding-left: 0px }
#homeContainer .firstLevel a:hover, #homeContainer .firstLevelFinal a:hover {
	text-decoration: underline }
#homeContainer .secondLevelUL, #content .secondLevelUL {
	list-style-type: none;
	list-style-image: none;
	padding-left: 0;
	margin: 5px 0 0 0 }
#homeContainer .secondLevel, #homeContainer .secondLevelImg, #content .secondLevel, #content .secondLevelImg {
	list-style-type: none;
	list-style-image: none;
	padding: 0 0 2px 0;
	margin: 0 }
#homeContainer .secondLevel span, #homeContainer .secondLevelImg span, #content .secondLevel span, #content .secondLevelImg span {
	display: block;
	font-size: 11px;
	color: #999;
	font-weight: normal;
	line-height: 15px }
#homeContainer .secondLevelImg, #content .secondLevelImg {
	float: left;
	margin-bottom: 5px }
#homeContainer .secondLevelImg span {
	padding: 0 10px 0 23px }
#content .secondLevelImg span {
	padding: 0 10px 0 0 }
#homeContainer .firstLevelIco {
	margin: 0 3px -4px -12px }


/* Begin Homepage Right Column Styles
--------------------------------------------------------------------*/
#homeContainer .rightColumn {
	float: right;
	width: 284px;
	border-left: 1px solid #ccc;
	text-align: center;
	padding: 0 5px 18px 9px;
	margin-bottom: 10px;
	_margin-bottom: 5px } /* <-- _ hack // needed for IE to display same bottom margin as FF */
#homeContainer .rightColumn p {
	text-align: left;
	padding: 0 8px;
	margin: 10px 0 0 0 }
#homeContainer .rightColumn p.moreBut {
	text-align: right }


/* Begin Subpage Content Styles
--------------------------------------------------------------------*/
#subpageContainer {
	font-size: 11px;
	color: #666;
	padding: 10px 0 50px 0 }
#calloutPanel {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	padding: 0;
	margin: 0 }

/* Begin Subpage Left Column Styles
--------------------------------------------------------------------*/
#subpageContainer .leftColumn {
	float: left;
	width: 199px }
#subpageContainer .leftColumn p {
	padding: 0;
	margin: 0 0 10px 0 }

/* Begin Subpage Right Column Styles
--------------------------------------------------------------------*/
#subpageContainer .rightColumn {
	float: right;
	width: 542px;
	font-size: 12px;
	line-height: 18px;
	padding: 0 }
.controls {
	padding: 10px 0 }
.controls p {
	padding: 0 10px;
	margin: 0 }
.controls p.prevBut {
	float: left }
.controls p.nextBut, .controls p.downloadBut {
	float: right }
#abstract {
	background: #f6f2e9 url('../assets/image/abstract_bottomBkg.gif') no-repeat left bottom;
	padding-bottom: 10px }
#abstract h1 {
	background: url('../assets/image/abstract_topBkg.gif') no-repeat left top;
	padding: 20px 0 0 20px;
	margin: 0 }
#abstract p {
	padding: 0 20px }
#abstract p .subtitle {
	font-style: italic;
	font-weight: bold }
.footnote {
	font-size: 11px;
	color: #999;
	text-align: center }
#content {
	padding: 0;
	margin-bottom: 10px }
#content h1, #content h2, #content h3, #content p, #content .updateAd {
	padding: 0 10px }
#content h2 {
	font-size: 14px;
	color: #c10435;
	margin-bottom: 5px }
#content h3 {
	font-size: 12px;
	color: #c10435;
	font-weight: normal }
#content a:link, #content a:visited, #content a:active, p.byline a:link, p.byline a:visited, p.byline a:active, .flashLink a:link, .flashLink a:visited, .flashLink a:active {
	color: #007dcc;
	text-decoration: none }
#content a:hover, p.byline a:hover, .flashLink a:hover {
	color: #40a1df;
	text-decoration: underline }
#content ul {
	list-style-type: none;
	list-style-image: none;
	padding: 0 0 5px 30px;
	margin: 0 0 8px 0 }
#content li {
	padding-bottom: 10px }


/* Begin Footer Styles
--------------------------------------------------------------------*/
#footer {
	border-bottom: 1px solid #ccc;
	background: url('../assets/image/footer_bkg.gif') no-repeat 0 top }
#footer p {
	font-size: 10px;
	color: #999;
	text-align: right;
	padding: 10px 22px;
	margin: 0 }
p.byline {
	font-size: 10px;
	color: #999;
	padding: 10px;
	margin: 0 }