/*
OUR STORY PAGES
*/
/* GENERAL */

h4 { 
	color:#666666;
	font-size:12px;
	line-height: 16px;
}

.clip_index {
	padding-top:10px;
}

.clip_scroll {
	height:447px;
	width:254px;
	overflow: auto;
	background-color: #ffffff;
	padding: 0px;
}

.clip_new {
	height:79px;
	background-image:url(http://www.clorox.com/img/dottedline_horiz.gif);
	background-repeat:repeat-x;
	background-position:left top;
	padding-top:10px;
}

.clip_new .left {
	float:left;
	
}

.clip_new .left
{
min-height:0; /* IE 7 */
}

.clip_new .left:after
{
content:".";
clear:both !important;
display:block;
height:0;
visibility:hidden;
}

* html .clip_new .left { height:1%; } /* IE 6 */

.clip_new .right_image {
	float:left;
	width:134px;
	padding-left:1px;
}

.clip_new .right_image
{
min-height:0; /* IE 7 */
}

.clip_new .right_image:after
{
content:".";
clear:both !important;
display:block;
height:0;
visibility:hidden;
}

* html .clip_new .right_image { height:1%; } /* IE 6 */


.clip_new .right_text {
	float:left;
	width:130px;
	padding-left:8px;
}

.clip_new .right_text
{
min-height:0; /* IE 7 */
}

.clip_new .right_text:after
{
content:".";
clear:both !important;
display:block;
height:0;
visibility:hidden;
}

* html .clip_new .right_text { height:1%; } /* IE 6 */


.margin img {
	margin-bottom:5px;
}


h1 {
	margin:0px 0px 0px 0px;	
}

h2 {
	margin:0px;
}

A:link { color:#666666; font-weight:bold; text-decoration:underline; }
A:active { color:#666666; font-weight:bold; text-decoration:underline; }
A:visited { color:#666666; font-weight:bold; text-decoration:underline; }
A:hover { color:#0090CD; font-weight:bold; text-decoration:underline; }

/* PAGEBAR STYLES */
.pagebar
{
	margin-top:9px;
	margin-bottom:9px;
}


/* OUR STORY HOME PAGE */

.ourstory.overview {
	margin:21px 0px 0px 0px;
}

.ourstory.overview .intro {
	font-size:14px;
	color:#666666;
	width:507px;
	height:100px;
	line-height:20px;
	padding:10px;
	margin-top:-6px;
	background-color:#d5edf9;	
}

.ourstory.overview .subhead {
	padding-left:10px;
}

.ourstory.overview .header {
	padding-left:10px;
	padding-top:10px;
	
}

.ourstory.overview .links {
	padding-left:10px;
}

.ourstory.overview .container
{
min-height:0; /* IE 7 */
}

.ourstory.overview .container:after
{
content:".";
clear:both !important;
display:block;
height:0;
visibility:hidden;
}

* html .ourstory.overview .container { height:1%; } /* IE 6 */


.ourstory.overview .left_column {
	float:left;
	width:254px;
	height:370px;
	background-color:#f5fafe;
	margin-top:20px;
}

.ourstory.overview .right_column {
	float:right;
	width:254px;
	height:370px;
	background-color:#f5fafe;
	margin-top:20px;
}

/* HACK TO ALLOW 6 links to fit "nicely" in the blue box */
.ourstory.overview .right_column div.links
{
	line-height:18px;
}

.ourstory.overview .left_column div.links
{
	line-height:18px;
}


.ourstory.overview .side_burst {
	height:125px;
}

.ourstory.overview .side_burst h2 {
	padding-top:10px;
	margin-bottom:-5px;
}

.ourstory.overview .side_burst p {
	font-size:12px; padding-right:70px;
	line-height:18px;
}

.ourstory.overview h1 {
	margin:0px 0px 0px 0px;
	height:210px;
}

.ourstory.overview img {
	margin:0px 0px 0px 0px;
}


/* UNDERSTANDING BLEACH */

/* archive 11/16/09 */
/*
.bleach.overview {
	margin:21px 0px 0px 0px;
}
.bleach.overview .main_subhead_sec {
	font-size:14px;	
	width:475px;
	height:75px;
	line-height:20px;
	padding-top:10px;
	padding-left:10px;
	
}



.bleach.overview .intro {
	font-size:14px;
	color:#666666;
	width:507px;
	height:45px;
	line-height:20px;
	padding:10px;
	margin-top:-6px;
	background-color:#d5edf9;
}

.bleach.overview h1 {
	padding:0px 0px 0px 0px;
	height:120px;
}

.bleach.overview .margin {
	margin-bottom:5px;
	padding-bottom:5px;
}
*/

/* !understanding bleach landing */

.understandingBleachHero {
	width: 800px;
	height: 270px;
	margin: 0 0 10px 0;
	background: url(http://www.cloroxenespanol.com/img/clorox/ES_3447.jpg) no-repeat;
	}

.understandingBleachHero h1 { 
	text-indent: -9000px;
	height: 0;
	}

.understandingBleachHero p {
	margin: 210px 20px 10px 20px;
	_margin: 93px 20px 10px 20px;
	font: normal 18px Arial, Helvetica, sans-serif;
	color: #0090CD;
	}
	
.understandingBleachIntro { margin: 0 0 8px 0; }	
	
.understandingBleachIntro img {	
	float: left;
	margin: 0 20px 0 0;

	}
	
.understandingBleachExcerpts h2 {
	margin: 0 0 10px 0;
	padding: 0;
	font: bold 16px Arial, Helvetica, sans-serif;
	color: #898989;
	}
	
	
.understandingBleachIntro h2,
.understandingBleachLinks h2,
.understandingBleachExcerptRight h2,
.understandingBleachArticle h2 {
	margin: 0 0 5px 0;
	padding: 0;
	font: bold 16px Arial, Helvetica, sans-serif;
	color: #898989;
	}	
	
.understandingBleachIntro h2 a:link,	
.understandingBleachIntro h2 a:visited,
.understandingBleachExcerpts h2 a:link,
.understandingBleachExcerpts h2 a:visited,
.understandingBleachLinks h2 a:link,
.understandingBleachLinks h2 a:visited,
.understandingBleachExcerptRight h2 a:link,
.understandingBleachExcerptRight h2 a:visited,
.understandingBleachWinRight h2 a:link,
.understandingBleachWinRight h2 a:visited,
.understandingBleachArticle h2 a:link,
.understandingBleachArticle h2 a:visited { 
	color: #0090CD; 
	text-decoration: none;
	}
	
.understandingBleachIntro h2 a:hover,	
.understandingBleachIntro h2 a:active,
.understandingBleachExcerpts h2 a:hover,
.understandingBleachExcerpts h2 a:active,
.understandingBleachLinks h2 a:hover,
.understandingBleachLinks h2 a:active,
.understandingBleachExcerptRight h2 a:hover,
.understandingBleachExcerptRight h2 a:active,
.understandingBleachWinRight h2 a:hover,
.understandingBleachWinRight h2 a:active,
.understandingBleachArticle h2 a:hover,
.understandingBleachArticle h2 a:active { color: #898989; }	

.understandingBleachLinks dl {
	padding-bottom: 5px;
	}



.understandingBleachIntro p {
	margin: 0 0 5px 0;
	font: normal 12px/16px Arial, Helvetica, sans-serif;
	color: #898989;
	}
	
.understandingBleachWinRight {	
	float: left;
	width: 240px;
	padding: 0 0 10px 0;
	}

.understandingBleachWinRight h2 {
	margin: 0 0 10px 0;
	width: 120px;
	font: bold 16px Arial, Helvetica, sans-serif;
	color: #0090cd;
	}
	
.understandingBleachWinRight p {	
	width: 230px;
	font: normal 11px/15px Arial, Helvetica, sans-serif;
	color: #898989;
	}
	
.arc {
    display: block;
    font-size: 10px !important; 
    line-height: .75em;
    margin-left:  10px;
    width: 340px;
	background: url(http://www.cloroxenespanol.com/img/clorox/ES_3875.jpg) no-repeat top left;
	padding-left: 185px;
	}

.understandingBleachWin {	
	float: left;
	width: 250px;
	padding: 0 0 10px 0;
	}
	
.understandingBleachWin h2 {
	margin: 0 0 10px 10px;
	padding: 0 0 0 0;
	width: 120px;
	font: bold 16px Arial, Helvetica, sans-serif;
	color: #0090cd;
	}

.understandingBleachWin p {	
	width: 230px;
	margin: 0 0 0px 10px;
	font: normal 11px/15px Arial, Helvetica, sans-serif;
	color: #898989;
	}

.tweetTop {
	background: url(http://www.clorox.com/img/our_story/understanding_bleach/tweetbox_top.jpg) no-repeat top center;
	width: 250px;
	}
.tweetBot {
	background: url(http://www.clorox.com/img/our_story/understanding_bleach/tweetbox_bot.jpg) no-repeat bottom center;
	width: 250px;
	padding: 40px 0 20px 0;
	}
	
.dottedLine {
	background-image:url(http://www.clorox.com/img/dottedline_horiz.gif);
	background-repeat:repeat-x;
	background-position:left bottom;
}

.understandingBleachExcerpts {	
 	padding: 10px 0 10px 8px;
	background: #F5FAFE;
}
	
.understandingBleachExcerpts .excerpt {	
	float: left;
	width: 160px;
	margin: 0 8px 0 0;
	padding: 0 8px 0 0;
	border-right: 1px solid #D4EDF8;
	}	
	
.understandingBleachExcerpts .excerpt .thumb {		
	margin: 0 0 10px 0;
	border: 1px solid #D4EDF8;
	}
	
.understandingBleachExcerpts .excerptMiddle { width: 150px;	}		
	
.understandingBleachExcerpts .excerptEnd {		
	margin: 0;
	padding: 0;
	border: none;
	}
		
.understandingBleachLinks {
	clear: both;
	margin: 0 0 15px 0;
	padding: 0 0 20px 0;
	background: #F4FAFD url(http://www.clorox.com/img/our_story/understanding_bleach/links_box_bottom.gif) no-repeat left bottom;
	}
	
.understandingBleachLinks h2 {	
	margin: 0 0 10px 0;
	padding: 5px 0 5px 10px;
	background: url(http://www.clorox.com/img/our_story/understanding_bleach/links_box_header.gif) no-repeat;
	}	
	
.understandingBleachLinks p { margin: 0 0 5px 10px; }		
	
.understandingBleachLinks dl {
	margin: 0 0 5px 15px;
	list-style: none;
	}
	
.understandingBleachLinks dl dt {
	margin: 0 0 3px 0;
	font: bold 11px Arial, Helvetica, sans-serif;
	color: #898989;
	}	
	
.understandingBleachLinks dl dd {
	margin: 0 0 3px 0;
	padding: 0 0 0 10px;
	font: normal 10px/11px Verdana, Arial, Helvetica, sans-serif;
	color: #898989;
	background: url(http://www.clorox.com/img/our_story/understanding_bleach/graphic_star.gif) no-repeat left 3px;
	}		
	
.understandingBleachLinks dl dd a { font-weight: normal; }	
	
	
.understandingBleachExcerptRight {		
	margin: 0 0 10px 0;
	padding: 0 0 5px 0;
	background: url(http://www.clorox.com/img/our_story/understanding_bleach/graphic_horz_dots.gif) repeat-x left bottom;
}
	
.understandingBleachExcerptRight .excerpt {		
	padding: 10px 0 0 0;
	/*background: url(http://www.clorox.com/img/our_story/understanding_bleach/graphic_horz_dots.gif) repeat-x left top;*/
	}	
	
.understandingBleachExcerptRight .padBtm { margin: 0 0 10px 0; }


/* !simple & surprising */

.simpleSurprisingHero {
	width: 800px;
	height: 270px;
	margin: 0 0 10px 0;
	background: url(http://www.cloroxenespanol.com/img/clorox/ES_3453.jpg) no-repeat;
	}

.simpleSurprisingHero h1 { 
	text-indent: -9000px;
	height: 0;
	}

.simpleSurprisingHero p {
	margin: 210px 20px 10px 20px;
	_margin: 92px 20px 10px 20px;
	font: normal 18px Arial, Helvetica, sans-serif;
	color: #0090CD;
	}


.blockquoteAdventure {
 	float: right;
	width: 173px;
	height: 136px;
	margin: 0 10px 15px 20px;
	text-indent: -9000px;
	background: url(http://www.cloroxenespanol.com/img/clorox/ES_3454.gif) no-repeat;
	}
		
.understandingBleachArticle p {
	font: normal 12px/16px Arial, Helvetica, sans-serif;
	color: #898989;
	}
	
.understandingBleachArticle #small {
	float: right;
	margin: 0 0 10px 20px;
	}			
	
.understandingBleachArticle .captionSmall {
	float: right;
	display: block;
	clear: both;
	width: 200px;
	margin: 0 0 0 10px;
	padding: 0 0 10px 0;
	font: italic 10px Arial, Helvetica, sans-serif;
	text-align: right;
	}
	
.understandingBleachArticle .caption {
	margin: 10px 0 10px 0;
	padding: 0 0 10px 0;
	font: italic 11px Arial, Helvetica, sans-serif;
	background: url(http://www.clorox.com/img/our_story/understanding_bleach/graphic_horz_dots.gif) repeat-x left bottom;
	}			
		
.understandingBleachArticle h4 {
	margin: 0 0 5px 0;
	padding: 0;
	}					

.understandingBleachArticle ul {
	margin: 0 20px 20px 0;
	font: normal 12px/16px Arial, Helvetica, sans-serif;
	list-style: none;
	}
	
.understandingBleachArticle ol {
	margin: 0 20px 20px 0;
	font: normal 12px/16px Arial, Helvetica, sans-serif;

	}
	
	
.understandingBleachArticle ul li {
	margin: 0 0 3px 0;
	padding: 0 0 0 10px;
	font: normal 12px/16px Arial, Helvetica, sans-serif;
	color: #898989;
	background: url(http://www.clorox.com/img/our_story/understanding_bleach/simple_surprising/bullet_grey.gif) no-repeat left 3px;
	}					
	
	
.understandingBleachComingUp h3 { 
	margin: 0 0 5px 0; 
	padding: 10px 0 0 0; 
	background: url(http://www.clorox.com/img/our_story/understanding_bleach/graphic_horz_dots.gif) repeat-x left top;
	}

.understandingBleachComingUp p { padding-right: 1px; padding-left: 1px; margin-bottom: 20px; line-height: 14px;}	
	
.understandingBleachComingUp {
	padding: 0 0 60px 0;
	background: url(http://www.clorox.com/img/our_story/understanding_bleach/simple_surprising/graphic_ducky_right.jpg) no-repeat right bottom;
	}
	
.fix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}
  
.fix { display: inline-block; } 
* html .fix { height: 1%; }
.fix { display: block; }
	


/* bleach overview  poll */
.bleach.overview .poll input {
	margin-left:10px;
	margin-top:10px;
	
}
.bleach.overview .poll .white {
	height:35px;
	color:#666666;
}
.bleach.overview .poll .grey {
	height:35px;
	background-color:#ebebeb;
	color:#666666;	
}
/* bleach overview poll results */
.bleach.overview #poll_results_side {
	width:100%;
}
.bleach.overview #poll_results_side .item {
	line-height:12px;
	padding-bottom:8px;
	padding-left:0px;
	color:#545454;
}
.bleach.overview #poll_results_side .item .number {
	color:#adafb2;
}
.bleach.overview #poll_results_side .total {
	padding-left:0px;
	padding-top:8px;
	color:#f7941d;
}
.bleach.overview #poll_results_side .item .pollbar {
	margin-left:2px;
	padding-bottom:5px;
}

/*
HOW-TO VIDEO BURST
*/

h2.howto_clean_videos { 
	background: url(http://www.cloroxenespanol.com/img/clorox/ES_3554.gif) no-repeat 0 0;
	text-indent: -9999px;
	height: 38px;

}

/* OUR COMMITMENT PAGES*/

.commitment.overview {
	margin:21px 0px 0px 0px;
}

.commitment.overview .intro {
	font-size:14px;
	color:#666666;
	width:507px;
	height:60px;
	line-height:20px;
	padding:10px;
	margin-top:-6px;
	background-color:#d5edf9;
	
}

.commitment.overview .gradient {
	background-image:url(http://www.clorox.com/img/promos/side/gradient.gif);
	background-repeat:repeat-x;
	margin-top:10px;
	height:78px;
	padding:10px;
}

.commitment.overview h1 {
	padding:0px 0px 0px 0px;
	height:120px;
}

.commitment.overview .margin {
	margin-bottom:5px;
	padding-bottom:5px;
}

/*commitment poll */
.commitment.overview .poll input {
	margin-left:10px;
	margin-top:10px;
}
.commitment.overview .poll .white {
	height:35px;
	color:#666666;
}
.commitment.overview .poll .grey {
	height:35px;
	background-color:#ebebeb;
	color:#666666;
	vertical-align:bottom;
}
/* commitment overview poll results */
.commitment.overview #poll_results_side {
	width:100%;
}
.commitment.overview #poll_results_side .item {
	line-height:12px;
	padding-bottom:8px;
	padding-left:0px;
	color:#545454;
}
.commitment.overview #poll_results_side .item .number {
	color:#adafb2;
}
.commitment.overview #poll_results_side .total {
	padding-left:0px;
	padding-top:8px;
	color:#f7941d;
}
.commitment.overview #poll_results_side .item .pollbar {
	margin-left:2px;
	padding-bottom:5px;
}

/* MEDIA CENTER PAGE */
.media.overview {
	margin:21px 0px 0px 0px;
}

/* poll */
.media.overview #polls {
	background-color:#f5fafe;
	padding-bottom:1em;
	width:527px;
	color:#666666;
	background-image:url(http://www.clorox.com/img/our_story/separator_v.gif);
	background-repeat:no-repeat;
	background-position:center;
}

.media.overview #polls:after {
	content:".";
	clear:both !important;
	display:block;
	height:0;
	visibility:hidden;
}

.media.overview #polls img {
	padding-left:10px;
	padding-top:10px;
	
}

.media.overview #polls p {
	margin-top:8px;
	padding-left:10px;
}

.media.overview #polls input {
	margin-left:10px;
	margin-top:10px;
}

.media.overview #polls .left {
	margin-top:4px;
	float:left;
}

.media.overview #polls .right {
	margin-top:4px;
	float:right;	
}

.media.overview #polls .left .white {
	height:35px;
	width:230px;
	background-color:#ffffff;
	margin-left:10px;
}

.media.overview #polls .left .blue {
	height:35px;
	width:230px;
	margin-left:10px;
}

.media.overview #polls .right .white {
	height:35px;
	width:230px;
	background-color:#ffffff;
	margin-right:10px;	
}

.media.overview #polls .right .blue {
	height:35px;
	width:230px;
	padding-right:10px;
}

/* poll results */
.media.overview #poll_results {
	background-color:#f5fafe;
	height:500px;
	width:527px;
	color:#666666;
	background-image:url(http://www.clorox.com/img/our_story/separator_v.gif);
	background-repeat:no-repeat;
	background-position:center;
}

.media.overview #poll_results img {
	padding-left:10px;
	padding-top:10px;
}

.media.overview #poll_results p {
	padding-left:10px;
	padding-right:10px;
	padding-top:10px;
	padding-bottom:10px;
	margin:0px;
}

.media.overview #poll_results .left {
	margin:0px;
	float:left;
}

.media.overview #poll_results .right {
	margin:0px;
	float:right;	
}

.media.overview #poll_results .item {
	width:230px;
	margin:0px;
	padding-bottom:0px;
	padding-left:10px;
	padding-right:10px;
	color:#545454;
}

.media.overview #poll_results .number {
	width:230px;
	margin-top:-4px;
	padding-bottom:8px;
	padding-left:10px;
	padding-right:10px;
	color:#adafb2;
}

.media.overview #poll_results .total {
	width:507px;
	margin:0px;
	padding-left:10px;
	padding-right:10px;
	padding-top:5px;
	color:#f7941d;
	float:left;
}

.media.overview #poll_results .number .pollbar {
	margin-left:-5px;
	margin-bottom:5px;
}

p.listen {
	line-height:16px;
	margin-top:30px;
	margin-bottom:3px;
}

p.listen img.hdr {
	padding-bottom:8px;
	padding-top:2px;
	margin:0px 0px;
}

p.listen img.thumb {
	padding-right:10px;
}

p.madmen {
	line-height:16px;
	margin-top:20px;
	margin-bottom:3px;
}

p.madmen img.hdr {
	padding-bottom:8px;
	padding-top:2px;
	margin:0px 0px;
}

p.madmen img.thumb {
	padding-right:10px;
}

.amclogo {
	padding: 5px 5px 5px 5px;
	float: right;
	font-size: 9px;
}

.amclogo img.thumb {
	padding: 0 5px 0 0;
}

/* article styles */
.ourstory.main {
	margin:21px 0px 0px 0px;
}
.ourstory.article H1
{
	height:160px;
	border-bottom:9px solid #D9EDF4;
}

.ourstory.article P
{
	line-height:16px;
}

.ourstory.article #article_content
{
	margin: 0 0 0 5px;
	color:#898989;
}




.ourstory.article #side_column .related_products .related_product
{
	padding-bottom:10px;
	margin-bottom:10px;
	background-image:url(http://www.clorox.com/img/dottedline_horiz.gif);
	background-repeat:repeat-x;
	background-position:left bottom;
	min-height:0; /* IE 7 */
}
/*.ourstory.article*/ #side_column .related_products .related_product:after  /* STUPID SAFARI */
{
	content:".";
	clear:both !important;
	display:block;
	height:0;
	visibility:hidden;
}
* html .ourstory.article #side_column .related_products .related_product { height:1%; } /* IE 6 */

.ourstory.article #side_column .related_products .related_product.last
{
	padding-bottom:0px;
	margin-bottom:0px;
	background-image:none;
}

.ourstory.article #side_column .related_products .related_product .image
{
	float:left;
	width:100px;
	padding-right:10px;
	text-align:center;
}
.ourstory.article #side_column .related_products .related_product .description
{
	float:left;
	width:140px;
}

#side_column .related_products .related_product .description H2
{
	font-size:12px; 
	line-height:12px;
	color:#626262;
	font-weight:normal;
	margin-top:0px;
	margin-bottom:8px;
}

#side_column .related_products .related_product .description H3
{
	color:#0090CD;
	margin-top:0px;
	margin-bottom:8px;
	font-weight:normal;
	font-size:14px;
	line-height:21px;
}
#side_column .related_products .related_product .description P
{
	margin-top:0px;
}
#side_column .related_products .related_product .description P A { text-decoration:none;	font-weight:normal; }
#side_column .related_products .related_product .description P A:link { color:#999999; }
#side_column .related_products .related_product .description P A:visited { color:#999999; }
#side_column .related_products .related_product .description P A:hover { color:#96C0E6; }
#side_column .related_products .related_product .description P A:active { color:#0090CD; }





.pull_quote {
	padding:10px 10px 10px 0px;
	
}

.pull_quote_right {
	padding:0px 10px 10px 10px;
}

.listHeight {
	line-height:16px;
}

/* red cross article page */


.redblue {
	background-color:#d5edf9;
	/* height:10px; */
	float: left;
	padding: 0;
	margin: 10px 0;
	width: 523px;
	}

.redblue img {
	margin: 0 10px 0 0;
	float: left;
}

.redblue p {
	padding: 10px;
	font-size:13px;
	color:#666666;
	line-height:18px;
}

.redcontainer { min-height:0; /* IE 7 */ }

.redcontainer:after
{
content:".";
clear:both !important;
display:block;
height:0;
visibility:hidden;
}

* html .redcontainer { height:1%; } /* IE 6 */

.leftfloat {
	float:left;
	width:254px;
	height:420px;
	background:#f5fafe;
	
}

.rightfloat {
	float:right;
	width:254px;
	height:420px;
	background-color:#f5fafe;
	
}

.redcontainer h2 {
	padding-left:10px;
	padding-top:10px;
}

.redp{
	padding-left:10px;
	padding-right:5px;
}

/* wipe out page */
.wipeout .blue {
	background-color:#f5fafe;
	height:100px;
	margin-top:5px;
	margin-bottom:10px;
	
}

.wipeout .intro {
	padding:10px;
	color:#666666;
	line-height:18px;
	font-size:13px;
}

.wipeout .quote { padding: 10px 10px 10px 0px; }

/* MuST page */
.must #exitclorox3 { margin-left:130px; }

/* MuST page */
.frog #exitclorox4 { margin-left:210px; }

/* Red Cross testimonial */

.testimonialContainer { height: 140px; }

div#article_content div.testimonialContainer p {
	line-height: 1.4;
	font-size: 135%;
	padding-top: 7px;
}



.testimonialContainer img {
	float: left;
	margin-right: 10px;
}