@charset "utf-8";
/* CSS Document */

/* 
==============================================================================
	File name:  ENewsletter.css
	Created by:	Christian Hankel
	For:		VML
	Project:	Colgate Leadership US
	Date:		5/9/2008
==============================================================================
*/

/*==========================*/
/*--------------------------*/
/*	     BASIC STYLES       */
/*--------------------------*/
a {
	font-size:11px;
	color:#0187d0;
}

a.headlineLink {
	font-weight:bold;
	margin:5px 0 1px 0;
}

a.backLink {
	font-weight:bold;
	padding-left:10px;
	background:url(/LeadershipUS/ApplicationAssets/images/common/list_arrow_left_redOnWhite.gif) left top no-repeat;
}

a:hover {
	color:#fe0000;
}

p {
	color:#343434;
	font-size:11px;
}

ul {
	color:#343434;
	font-size:11px;
	list-style:disc;
}

ul.emphasisList {
	list-style:none;
	margin:0 0 10px 0;
	padding:0;
}

li.emphasisItem {
	background:url(/LeadershipUS/ApplicationAssets/images/common/list_arrow_right_redOnWhite.gif) left top no-repeat;
	padding:0 0 10px 10px;
}

/*==========================*/
/*--------------------------*/
/*	    HEADER STYLES       */
/*--------------------------*/
#EN_Header { 
	width: 933px;
	padding:0;
	margin-bottom:3px;
	border-bottom:solid 1px #cdcdcf;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#fe0000;
	background-color:#ffffff;
}

.headerRight {
	width:473px;
	text-align:left;
	padding:0;
	margin:0;
	font-size:24px;
	line-height:1.5em;
	float:left;
}


.headerLeft {
	width:460px;
	text-align:right;
	padding:0;
	margin:0;
	font-size:14px;
	text-transform:uppercase;
	line-height:2.5em;
	float:left;
}

/*==========================*/
/*--------------------------*/
/*	      NAV STYLES        */
/*--------------------------*/	
#EN_NavContainer {
	width:230px;
	margin:0;
	padding-right:3px;
	border-right:solid 1px #fe0000;
	font-family:Arial, Helvetica, sans-serif;
	text-align:left;
	font-size: 12px;
	background-color:#ffffff;	
	float:left;
}

.navBlockHeadSelected {
	width:205px;
	padding:10px 5px 10px 18px;
	border:solid 1px #0187d0;
	color:#ffffff;
	text-transform:uppercase;
	font-weight:bold;
	cursor:default;	
	background:url(/LeadershipUS/ApplicationAssets/images/common/nav_arrow_down_whiteOnBlue.gif) left center no-repeat #0187d0;
	
}

.navBlockHeadSelected_Past {
	width:205px;
	padding:10px 5px 10px 18px;
	border:solid 1px #0187d0;
	color:#ffffff;
	text-transform:uppercase;
	font-weight:bold;
	cursor:default;	
	background:url(/LeadershipUS/ApplicationAssets/images/common/nav_arrow_right_whiteOnBlue.gif) left center no-repeat #0187d0;
	
}

.navBlockHeadUnselected {
	width:205px;
	padding:10px 5px 10px 18px;
	border:solid 1px #cdcdcf;
	color:#0187d0;
	margin-top:-1px;
	text-transform:uppercase;
	font-weight:bold;
	cursor:default;	
	background:url(/LeadershipUS/ApplicationAssets/images/common/nav_arrow_right_redOnLiteBlue.gif) left center no-repeat #dfeef5;
}

.navBlockHeadUnselected_Current {
	width:205px;
	padding:10px 5px 10px 18px;
	border:solid 1px #cdcdcf;
	color:#0187d0;
	margin-top:-1px;
	text-transform:uppercase;
	font-weight:bold;
	cursor:default;	
	background:url(/LeadershipUS/ApplicationAssets/images/common/nav_arrow_down_redOnLiteBlue.gif) left center no-repeat #dfeef5;
}

.navBlockSubUnselectedMouseOver_Current {
	width:205px;
	padding:10px 5px 10px 18px;
	border:solid 1px #cdcdcf;
	color:#fe0000;
	margin-top:-1px;
	text-transform:uppercase;
	font-weight:bold;
	cursor:default;	
	background:url(/LeadershipUS/ApplicationAssets/images/common/nav_arrow_down_redOnLiteBlue.gif) left center no-repeat #dfeef5;
}

.navBlockHeadUnselectedMouseOver {
	width:205px;
	padding:10px 5px 10px 18px;
	border:solid 1px #cdcdcf;
	background-color:#dfeef5;
	color:#fe0000;
	margin-top:-1px;
	text-transform:uppercase;
	font-weight:bold;
	cursor:pointer;		
	background:url(/LeadershipUS/ApplicationAssets/images/common/nav_arrow_right_redOnLiteBlue.gif) left center no-repeat #dfeef5;
}

#EN_SubNavContainer_Current {
	
}

#EN_SubNavContainer_Past {
	
}

.subNavContainerHidden {
	display:none;
}

.subNavContainerVisible {
	display:block;
}

.navBlockSubSelected {
	width:213px;
	padding:10px 5px 10px 10px;
	border:solid 1px #0187d0;
	background-color:#0187d0;
	color:#ffffff;
	margin-top:-1px;
	cursor:default;
	font-weight:bold;
}

.navBlockSubUnselected {
	width:213px;
	padding:10px 5px 10px 10px;
	border:solid 1px #cdcdcf;
	background-color:#ffffff;
	color:#0187d0;
	margin-top:-1px;
	cursor:default;		
}

.navBlockSubUnselectedMouseOver {
	width:213px;
	padding:10px 5px 10px 10px;
	border:solid 1px #cdcdcf;
	background-color:#ffffff;
	color:#fe0000;
	margin-top:-1px;
	cursor:pointer;		
}

#EN_NC_SignUp {
	width:227px;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	background-color:#dfeef5;
	border:solid 1px #cdcdcf;
	margin-top:20px;
}

#EN_NC_SignUp h3 {
	width:217px;
	background-color:#fe0000;
	font-family:Arial, Helvetica, sans-serif;
	color:#ffffff;
	font-size:12px;
	font-weight:bold;
	padding:5px;
	margin:0;
}

.smaller {
	
	
}

#EN_NC_SignUp p {
	font-family:Arial, Helvetica, sans-serif;
	padding:10px;
	margin:0;
}

/*==========================*/
/*--------------------------*/
/*	   CONTENT STYLES       */
/*--------------------------*/	
#EN_ContentContainer {
	width:697px;
	margin-left:-1px; /*overlap border so longest div sets height of border*/
	padding-left:3px;
	border-left:solid 1px #fe0000;
	font-family:Arial, Helvetica, sans-serif;
	text-align:left;
	background-color:#ffffff;
	float:left;
}

#EN_ContentContainer h3 {
	color:#fe0000;
	font-size:11px;
	text-transform:uppercase;
	margin:10px 0 4px 0;
	padding:0;
}

#EN_ContentContainer p {
	margin:0;
	padding:0 0 15px 0;
}

#EN_ContentContainer img {
	padding:0;
	margin:0;
	border-width:0;
}

#EN_ContentContainer img.alignLeft {
	margin-right:10px;
}

#EN_ContentContainer img.alignRight {
	margin-left:10px;
}

#EN_ContentContainer img.rightColumn {
	height:99px;
	width:147px;
}

#EN_ContentContainer_HorizontalRule_Red {
	height:0;
	margin:2px 0 2px 0;
	padding:0;
	border-bottom:solid 10px #fe0000;
}

#EN_ContentContainer_HorizontalRule_GrayDash {
	height:0;
	margin:10px 0 10px 0;
	padding:0;
	border-bottom:dashed 1px #adadad;
}

/*--------------------------*/
/*	    Header Styles       */
/*--------------------------*/	
#EN_CC_HeaderText {
	width:430px;
	margin:10px;
	float:left;
}

#EN_CC_HeaderText h2 {
	margin-bottom:4px;
	padding:0;
	color:#fe0000;
	font-size:14px;
}

#EN_CC_HeaderImage {
	margin:0;
	padding:0;
	float:right;
	width:235px;
}

#EN_CC_HeaderImage img {
	margin:0;
	padding:0;
	border:1px solid #fe0000;
}

/*-------------------------*/
/*	  Middle Row Styles    */
/*-------------------------*/	
#EN_CC_RowLeft {
	width:489px;
	padding:0 10px 0 10px;
	border-right:1px solid #fe0000;
	float:left;
}

#EN_CC_RL_EmphasisPod {
	padding:5px;
	background-color:#dfeef5;
	margin-bottom:5px;
}

#EN_CC_RL_EmphasisPod h3{
	color:#343434;
	font-size:11px;
	margin:0 0 4px 0;
	padding:0;
}

#EN_CC_RL_Pod_Left {
	width:233px;
	padding:5px 5px 0 0;
	border-right:dashed 1px #adadad;
	float:left;
}

#EN_CC_RL_Pod_Right {
	width:228px;
	padding:5px 0 0 15px;
	border-left:dashed 1px #adadad;
	margin-left:-1px; /*overlap border so longest div sets height of border*/
	float:left;
}

#EN_CC_RowRight {
	width:167px;
	margin-left:-1px;  /*overlap border so longest div sets height of border*/
	padding:0 10px 0 10px;
	border-left:1px solid #fe0000;
	float:left;
}


/*==========================*/
/*--------------------------*/
/*       NEWS STYLES        */
/*--------------------------*/	

#EN_News_Main {
	width:694;
	padding:10px;
	border-bottom:solid 1px #cdcdcf;
	
}

#EN_News_Sub {
	width:694;
	padding:10px;
	font-size: 12px;
		
}

#EN_News_Sub h3 {
	color:#fe0000;
	font-size:11px;
	margin:0;
	padding:0;	
}


#freeFormPodContainer {
	font-family: Arial, Verdana, sans-serif;
	font-size: 11px;
	font-weight: normal;
	font-color: #666;
}

#freeFormPod1 {
	margin: 0;
	padding: 25px 20px 0 10px;
	width: 193px;
	height: 150px;
	*height: 170px;
	border-right: 1px solid dashed #CCC;
	background-color: #E7F4FA;
	float: left;
}

#freeFormPod1 h3 { margin: 0 0 13px 0; padding: 0; color: #F00; }

#freeFormPod1 p { margin: 0; padding: 0; }

#freeFormPod1 #fqForm { margin: 0; padding: 0; }

		#freeFormPod1 #fqForm #fqValidate {
			margin: 0;
			color: #F00;
			font-weight: 900;
			display: none;
		}
		
		#freeFormPod1 #fqForm .fqSubmit { margin: 11px 0 0 0; }

	#freeFormPod1 #fqAnswer {
		display: none;
	}

#freeFormPod2 {
	margin: 0 -1px;
	padding: 25px 0 0 0;
	width: 280px;
	height: 150px;
	border-left: 1px dashed #CCC;
	border-right: 1px dashed #CCC;
	float: left;
}

    #freeFormPod2 .prodShot {
		margin: 0 0 0 16px;
		padding: 0;
		width: 69px;
		float: left;
		display: block;
	}
	
    #freeFormPod2 .prodInfo {
		margin: 0 25px 0 5px;
		padding: 0;
		width: 165px;
		*width: 155px;
		float: left;
		display: block;
	}

#freeFormPod3 {
	margin: 0 0 0 -1px;
	padding: 0 0 0 14px;
	border-left: 1px solid dashed #CCC;
	float: left;
	width: 170px;
	height: 100px;
}

.clear {
	margin: 0;
	padding: 0;
	width: 0;
	height: 0;
	clear: both;
}
	



/*----------------------------
	   UTILITY STYLES
----------------------------*/	

.clear {
	border:0;
	height:0;
	margin:0;
	padding:0;
	clear:both;
}
