/* 
Title:     Clorox CSR
Author:    (c) Clorox
Updated:   01-08-10
*/


/* !defaults */

* {
	margin: 0;
	padding: 0;
	border: none;
	list-style: none;
}	

body {
    font: normal 62.5%/1.6em Helvetica, Arial, sans-serif;
  	color: #333;	
	text-align: left; 
	background: #d4e2ea url("/images/background.jpg") scroll repeat top left;
}	

#GWslide, #RCslide, #Britaslide, #Gladslide { cursor: pointer; }

strong, b { font-weight: bold; }
em { font-style: italic; }
small { font-size: 0.9em; line-height: 1.25em; }	
sup { 
	vertical-align: super; 
	font-size: 0.6em;
}

h1 {
	margin: 0 0 5px 0; 
	font: bold 3.9em Helvetica, Arial, sans-serif;
	color: #808080;
	font-weight: bold;
	position: relative;
}
	
h2 {
	margin: 0 0 5px 0; 
	font: bold 2em Helvetica, Arial, sans-serif;
	color: #808080;
}
	
h3 {
	margin: 20px 0 5px 0; 
	font: bold 1.6em Helvetica, Arial, sans-serif;
	color: #555555;
}		
	
h4 {
	margin: 20px 0 5px 0;
	font: bold 1.4em Helvetica, Arial, sans-serif;
}
	
h5 {
	margin: 20px 0 5px 0; 
	font: bold 1.2em Helvetica, Arial, sans-serif;
}		
	
p {	
	margin: 0 0 10px 0;
	font: normal 1.2em/1.6em Helvetica, Arial, sans-serif;
}

li p {
	
	font: normal 1.0em/1.6em Helvetica, Arial, sans-serif;
}

ul, ol {
	margin: 0 0 10px 10px;
	font: normal 1.2em/1.6em Helvetica, Arial, sans-serif;
}

li {
	margin-bottom: 10px;
}

ul li {
	margin-left: 20px;
	list-style: disc outside;
}

li ul li {
	list-style: circle outside;
	font-size: .8em;
/*	font-size: 1.0em;
	line-height: 1.2em; */
	margin: 5px 0;
}

ol li {
	margin-left: 20px;
	list-style: decimal outside;
}

li ol li {
	list-style: lower-alpha outside;
	font-size: .8em;
/*
	font-size: 1.0em;
	line-height: 1.2em;
*/
	margin: 5px 0;
}

address {
	margin: 0 0 10px 0;
	font: normal 1.2em/1.6em Helvetica, Arial, sans-serif;
}

a:focus { outline: none; }
a:link, a:visited { 
	color: #4891dc; 
	text-decoration: none; 
}	
a:hover, a:active { 
	color: #4891dc; 
	text-decoration: underline;
}
	
	
/* !structure */	
		
#wrap {

	width: 958px;
	margin: 0 auto 30px;
	text-align: left;
	border-left: 1px solid #a9acaf;
	border-right: 1px solid #a9acaf;
	border-bottom: 1px solid #a9acaf;
	background-color: #ffffff;
}

.splitcol {
	border: 1px solid red;
	width: 124px;
	float: left;
	margin: 0 0 0px 0;
	display: inline;
	overflow:visible;
}

.onecol {
	width: 310px;
	float: left;
	margin: 0px 0 30px 0;
	display: inline;
	overflow:visible;
}

.onecol p, .onecol address, .onecol h1, .onecol h2, .onecol h3, .onecol h4, .onecol h5, .onecol h6, .onecol ul, .onecol ol, .onecol table, .twocol p, .twocol address, .twocol h1, .twocol h2, .twocol h3, .twocol h4, .twocol h5, .twocol h6, .twocol ul, .twocol ol, .twocol table, .threecol p, .threecol h2, .threecol h3, .threecol h4, .threecol h5, .threecol h6, .threecol ul, .threecol ol, .threecol form, .threecol table, .splitcol p, .splitcol address, .splitcol h1, .splitcol h2, .splitcol h3, .splitcol h4, .splitcol h5, .splitcol h6, .splitcol ul, .splitcol ol, .splitcol table {
	margin-left:30px;
}

.twocol {
	width: 620px;
	float: left;
	margin: 0px 0 30px 0;
	display: inline;
	z-index: 2;
}

.threecol {
	clear: both;
	margin: 0 30px 30px 0;
}

.prefix_1 {
	margin-left: 310px;
}

.twocol .onecol {
	margin-bottom: 0;
}

table {
	margin-bottom: 20px;
	margin-top: 10px;
}

th {
	background:#d4e2ea;
	border-color:#fff;
	border-style:solid solid solid none;
	border-width:1px;
	font-size:1.1em;
	font-weight:bold;
	padding: 8px;
}

td {
	background:#fff;
	border-bottom:1px solid #d4e2ea;
	border-right:1px solid #d4e2ea;
	padding: 8px;
	text-align:center;
}

td.odd {
	background:#edf4f8;
}

/* !header */

#header {
    background: #0058a9 url("/images/head-bg.jpg") scroll no-repeat center right;
    color:#ffffff;
    height: 115px;
    z-index: 9999;
}

#header .share {
	float: right;
	margin: 8px 30px 0 0;
	padding:0;
	display: inline;
	height:16px;
	width: 83px;
}

h2.logo {
	margin:30px 0 0 30px;
	display:inline-block;
	cursor: pointer;
}

/* !Navigation */

#navigation {
	border-bottom: 5px solid #8dc63f;
	background: #297dc0 url("/images/nav-bg.jpg") scroll repeat-y top right;
	height: 30px;
	line-height: 2.3em;
	font-size: 1.6em;
	display: block;
	width: 100%;
	position: relative;
    z-index: 9999;
}

#navigation a:link, #navigation a:visited { 
	text-decoration: none; 
}
	
#navigation a:hover, #navigation a:active, #navigation a.active { 
	color: #8dc63f; 
	text-decoration: none;
}

#companyNav {
	float:right;
	margin-right: 30px;
	display: inline;
	position: relative;
}
#companyNav li {
	list-style: none;
}
#companyNav li a {
	color: #fff;
}
#companyNav #drop {
	display: block;
	height: 22px;
	width: 130px;
	padding-right: 30px;
	padding-left: 10px;
	margin-bottom: 4px;
	margin-top: 4px;
	background: #2281c4 url("/images/drop-bg.jpg") scroll no-repeat right center;
	font-size: 0.7em;
	line-height: 22px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

#companyNav a:hover {
	color:#fff;
}

#companyNav ul {
	background:#2281c4 url("/images/drop_down-bg.jpg") scroll no-repeat right top;
	top:23px;
	left:20px;
	position:absolute;
	z-index: 9999;
	width: 170px;
	display: none;
	margin:0;
	padding:4px 0 0;
	-webkit-border-bottom-left-radius: 4px;
	-webkit-border-bottom-right-radius: 4px;
	-moz-border-radius-bottomleft: 4px;
	-moz-border-radius-bottomright: 4px;
}

#companyNav ul li {
	list-style: none;
	margin: 0;
	font-size: .8em;
	line-height: 1em;
}

#companyNav ul li a {
	display: block;
	padding: 6px 8px;
}

#companyNav ul li a:hover {
	background:#1e4d99;
}

#companyNav #drop:hover + ul, #companyNav ul:hover {
	display: block;
}

ul#nav {
	margin: 0;
	padding:0;
}

ul#nav li {
	list-style: none;
	margin-left:0;
	display:inline;
}

ul#nav li a {
	margin-left: 30px;
	display:inline;
	float:left;
	height: 30px;
	text-indent: -999em;
	background-color: transparent;
	background-image: url("/images/nav_items.gif");
	background-repeat: no-repeat;
	background-attachment: scroll;
}

ul#nav li#nav_people a:link, ul#nav li#nav_people a:visited {
	width:52px;
	background-position: 0 0;
}

ul#nav li#nav_people a, ul#nav li#nav_people a:hover, ul#nav li#nav_people a:active, ul#nav li#nav_people a.active, ul#nav li#nav_people.sublist a, #people ul#nav li#nav_people a {
	background-position: 0 -30px;
}

ul#nav li#nav_products a:link, ul#nav li#nav_products a:visited {
	width:66px;
	background-position: -72px 0;
}



ul#nav li#nav_products a, ul#nav li#nav_products a:hover, ul#nav li#nav_products a:active, ul#nav li#nav_products a.active, ul#nav li#nav_products.sublist a, #products ul#nav li#nav_products a {
	background-position: -72px -30px;
}

ul#nav li#nav_performance a:link, ul#nav li#nav_performance a:visited {
	width:90px;
	background-position: -158px 0;
}

ul#nav li#nav_performance a, ul#nav li#nav_performance a:hover, ul#nav li#nav_performance a:active, ul#nav li#nav_performance a.active, ul#nav li#nav_performance.sublist a, #performance ul#nav li#nav_performance a {
	background-position: -158px -30px;
}

ul#nav li#nav_planet a:link, ul#nav li#nav_planet a:visited {
	width:50px;
	background-position: -269px 0;
}

#planet li#nav_planet a, ul#nav li#nav_planet a:hover, ul#nav li#nav_planet a:active, ul#nav li#nav_planet a.active, #planet ul#nav li#nav_planet a  {
	width:50px;
	background-position: -269px -30px;
}

ul#nav li#nav_purpose a:link, ul#nav li#nav_purpose a:visited {
	width:61px;
	background-position: -339px 0;
}

ul#nav li#nav_purpose a, ul#nav li#nav_purpose a:hover, ul#nav li#nav_purpose a:active, ul#nav li#nav_purpose a.active, ul#nav li#nav_purpose.sublist a, #purpose ul#nav li#nav_purpose a {
	background-position: -339px -30px;
}

ul#nav li ul.dropDown {
	background:#aed88a;
	border: 1px solid #8DC63F;
	top:30px;
	position:absolute;
	z-index:999999;
	display: none;
}

ul#nav li:hover > ul {
	display: block;
}

ul#nav li ul.dropDown li a {
	text-indent: 0;
	background: none;
	display:block;
	float:none;
	margin-left:0;
	color: #000;
	width: 160px !important;
	font-size: .7em;
	line-height: 2.5em;
	padding:0 8px;
}
ul#nav li ul.dropDown li a:hover {
	background-color: #8DC63F;
	color: black;
}

ul#nav li#nav_people ul.dropDown {
	left:21px;
}

ul#nav li#nav_products ul.dropDown {
	left:104px;
}

ul#nav li#nav_performance ul.dropDown {
	left:199px;
}

ul#nav li#nav_planet ul.dropDown {
	left:320px;
}

ul#nav li#nav_purpose ul.dropDown {
	left:399px;
}

ul#nav li#nav_performance ul.dropDown li a, ul#nav li#nav_purpose ul.dropDown li a {
	width: 200px !important;
}
ul#nav li#nav_planet ul.dropDown li a {
	width: 260px !important;
}

/* !heros */

#hero, #sHero {
	margin-bottom:30px;
	border-bottom: 1px solid #a9acaf;
}

#hero p {
	font-size: 1.4em;
	line-height: 1.6em;
}

#hero .onecol, #hero .twocol {
	margin-bottom: 0;
}

/* !Titles */

#home #hero h1 {
	margin: 0 0 25px 259px;
	text-indent: -999em;
	background: transparent url("/images/titles.gif") scroll no-repeat 0 0;
	width:666px;
	height:36px;
}

h1.peeps {
	margin: 0 0 7px 0;
	text-indent: -999em;
	background: transparent url("/images/titles.gif") scroll no-repeat 0 -47px;
	width:182px;
	height:36px;
}

h1.diversity {
	margin: 0;
	text-indent: -999em;
	background: transparent url("/images/titles.gif") scroll no-repeat 0 -94px;
	width:146px;
	height:36px;
}

h1.investment {
	margin: 0;
	text-indent: -999em;
	background: transparent url("/images/titles.gif") scroll no-repeat 0 -140px;
	width:383px;
	height:36px;
}

h1.workplace {
	margin: 0;
	text-indent: -999em;
	background: transparent url("/images/titles.gif") scroll no-repeat 0 -187px;
	width:292px;
	height:36px;
}

h1.bizPartners {
	margin: 0 0 7px 0;
	text-indent: -999em;
	background: transparent url("/images/titles.gif") scroll no-repeat 0 -235px;
	width:366px;
	height:29px;
}

h1.products {
	margin: 0 0 14px 30px;
	text-indent: -999em;
	background: transparent url("/images/titles.gif") scroll no-repeat 0 -281px;
	width:218px;
	height:29px;
}

h1.prod-safety {
	margin: 0;
	text-indent: -999em;
	background: transparent url("/images/titles.gif") scroll no-repeat 0 -327px;
	width:241px;
	height:36px;
}

h1.prod-sustain {
	margin: 0;
	text-indent: -999em;
	background: transparent url("/images/titles.gif") scroll no-repeat 0 -374px;
	width:362px;
	height:36px;
}

h1.ingredients {
	margin: 0;
	text-indent: -999em;
	background: transparent url("/images/titles.gif") scroll no-repeat 0 -421px;
	width:295px;
	height:36px;
}

h1.ingredients-fr {
	margin: 0;
	text-indent: -999em;
	background: transparent url("/images/ingredients-french.gif") scroll no-repeat 0 0;
	width:490px;
	height:36px;
}

h1.perform {
	margin: 0 0 14px 0;
	text-indent: -999em;
	background: transparent url("/images/titles.gif") scroll no-repeat 0 -468px;
	width:283px;
	height:29px;
}

h1.execCsr {
	margin: 0 0 7px 0;
	text-indent: -999em;
	background: transparent url("/images/titles.gif") scroll no-repeat 0 -515px;
	width:505px;
	height:29px;
}

h1.value {
	margin: 0 0 7px 0;
	text-indent: -999em;
	background: transparent url("/images/titles.gif") scroll no-repeat 0 -561px;
	width:289px;
	height:30px;
}

h1.conduct {
	margin: 0 0 7px 0;
	text-indent: -999em;
	background: transparent url("/images/titles.gif") scroll no-repeat 0 -608px;
	width:393px;
	height:29px;
}

h1.govern {
	margin: 0 0 7px 0;
	text-indent: -999em;
	background: transparent url("/images/titles.gif") scroll no-repeat 0 -655px;
	width:375px;
	height:36px;
}

h1.planet {
	margin: 0 0 14px 0;
	text-indent: -999em;
	background: transparent url("/images/titles.gif") scroll no-repeat 0 -702px;
	width:175px;
	height:29px;
}

h1.footprint {
	margin: 0 0 7px 0;
	text-indent: -999em;
	background: transparent url("/images/titles.gif") scroll no-repeat 0 -748px;
	width:357px;
	height:36px;
}

h1.prodfootprint {
	margin: 0 0 7px 0;
	text-indent: -999em;
	background: transparent url("/images/titles.gif") scroll no-repeat 0 -1217px;
	width:289px;
	height:36px;
}

h1.more-sust-packaging {
	margin: 0;
	text-indent: -999em;
	background: transparent url("/images/titles.gif") scroll no-repeat 0 -1495px;
	width:500px;
	height:40px;
}

h1.donations {
	margin: 0 0 7px 0;
	text-indent: -999em;
	background: transparent url("/images/titles.gif") scroll no-repeat 0 -1450px;
	width:600px;
	height:40px;
}

h1.enviro {
	margin: 0 0 7px 0;
	text-indent: -999em;
	background: transparent url("/images/titles.gif") scroll no-repeat 0 -1357px;
	width:600px;
	height:36px;
}

h1.enviromgmt {
	margin: 0 0 7px 0;
	text-indent: -999em;
	background: transparent url("/images/titles.gif") scroll no-repeat 0 -1263px;
	width:471px;
	height:83px;
}

h1.recognize {
	margin: 0 0 7px 0;
	text-indent: -999em;
	background: transparent url("/images/titles.gif") scroll no-repeat 0 -842px;
	width:418px;
	height:36px;
}

h1.partners {
	margin: 0 0 7px 0;
	text-indent: -999em;
	background: transparent url("/images/titles.gif") scroll no-repeat 0 -889px;
	width:471px;
	height:36px;
}

h1.prod-footprint {
	margin: 0 0 7px 0;
	text-indent: -999em;
	background: transparent url("/images/titles.gif") scroll no-repeat 0 -1400px;
	width:590px;
	height:40px;
}

h1.purpose {
	margin: 0 0 7px 0;
	text-indent: -999em;
	background: transparent url("/images/titles.gif") scroll no-repeat 0 -936px;
	width:206px;
	height:35px;
}

h1.foundation {
	margin: 0 0 14px 30px;
	text-indent: -999em;
	background: transparent url("/images/titles.gif") scroll no-repeat 0 -983px;
	width:541px;
	height:36px;
}

h1.involved {
	margin: 0 0 20px 30px;
	text-indent: -999em;
	background: transparent url("/images/titles.gif") scroll no-repeat 0 -1029px;
	width:357px;
	height:30px;
}

h1.bod {
	margin: 0 0 20px 0;
	text-indent: -999em;
	background: transparent url("/images/titles.gif") scroll no-repeat 0 -1076px;
	width:310px;
	height:29px;
}

h1.guidelines {
	margin: 0 0 20px 0;
	text-indent: -999em;
	background: transparent url("/images/titles.gif") scroll no-repeat 0 -1123px;
	width:383px;
	height:29px;
}

h1.charters {
	margin: 0 0 7px 0;
	text-indent: -999em;
	background: transparent url("/images/titles.gif") scroll no-repeat 0 -1170px;
	width:310px;
	height:36px;
}

.caption {
	font-size: 10px;
	font-weight: bold;
	text-align: center;
}

/* !Performance Titles */
#performance #one h1, #performance #oneOne h1, #performance #oneOneOne h1, #planet #oneOneTwo h1, #planet #oneOneThree h1, #planet #oneOneFour h1, #planet #oneOneFive h1, #planet #oneOneSix h1, #planet #oneTwo h1 {
	margin: 0 0 20px 0;
	text-indent: -999em;
	background: transparent url("/images/planet-titles.gif") scroll no-repeat 0 0;
	width:410px;
	height:29px;
}

#performance #two h1, #performance #twoOne h1, #performance #twoTwo h1, #performance #twoThree h1 {
	margin: 0 0 20px 0;
	text-indent: -999em;
	background: transparent url("/images/planet-titles.gif") scroll no-repeat 0 -47px;
	width:196px;
	height:29px;
}

#performance #three h1, #performance #threeOne h1, #performance #threeOneOne h1, #performance #threeOneTwo h1, #performance #threeOneThree h1, #performance #threeOneFour h1, #performance #threeOneFive h1, #performance #threeOneSix h1, #performance #threeTwo h1, #performance #threeThree h1, #performance #threeFour h1, #performance #threeFourThree h1, #performance #threeFive h1 {
	margin: 0 0 20px 0;
	text-indent: -999em;
	background: transparent url("/images/planet-titles.gif") scroll no-repeat 0 -94px;
	width:279px;
	height:36px;
}

#performance #four h1 {
	margin: 0 0 20px 0;
	text-indent: -999em;
	background: transparent url("/images/planet-titles.gif") scroll no-repeat 0 -140px;
	width:202px;
	height:29px;
}

/* !Planet Titles */
#one h1, #oneOne h1, #oneOneOne h1, #oneOneTwo h1, #oneOneThree h1, #oneOneFour h1, #oneOneFive h1, #oneOneSix h1, #oneTwo h1 {
	margin: 0 0 20px 0;
	text-indent: -999em;
	background: transparent url("/images/planet-titles.gif") scroll no-repeat 0 0;
	width:410px;
	height:29px;
}

#two h1, #twoOne h1, #twoTwo h1, #twoThree h1 {
	margin: 0 0 20px 0;
	text-indent: -999em;
	background: transparent url("/images/planet-titles.gif") scroll no-repeat 0 -47px;
	width:196px;
	height:29px;
}

#three h1, #threeOne h1, #threeOneOne h1, #threeOneTwo h1, #threeOneThree h1, #threeOneFour h1, #threeOneFive h1, #threeOneSix h1, #threeTwo h1, #threeThree h1, #threeFour h1, #threeFourThree h1, #threeFive h1 {
	margin: 0 0 20px 0;
	text-indent: -999em;
	background: transparent url("/images/planet-titles.gif") scroll no-repeat 0 -94px;
	width:279px;
	height:36px;
}

#four h1 {
	margin: 0 0 20px 0;
	text-indent: -999em;
	background: transparent url("/images/planet-titles.gif") scroll no-repeat 0 -140px;
	width:202px;
	height:29px;
}

/* !Home Page */

#home #hero {
	padding-bottom: 110px;
	padding-top: 45px;
	background:#ffffff url("/images/home-hero.jpg") scroll no-repeat bottom left;
}

#home #hero .onecol {
	width: 360px;
	float:left;
	display: inline;
}

#home #hero .vidPromo {
	width: 230px;
	margin-left: 30px;
	margin-top:5px;
	float: left;
	display: inline;
}
#home #hero .vidPromo:hover {
	cursor:pointer;
}

#home #hero .prefix_1 {
	margin-left:305px;
}

#home ul.ceo {
	margin:0;
	width:230px;
}

#home ul.ceo li {
	list-style: none;
	margin: 0;
	display: inline;
}

#home ul.ceo li.name {
	width: 190px;
	height: 36px;
	text-indent: -999em;
	background: transparent url("/images/ceo-name.gif") scroll no-repeat top left;
	float:left;
}

#home ul.ceo li.ceoVideo {
	width: 40px;
	height: 36px;
	text-indent: -999em;
	background: transparent url("/images/ceo-video.gif") scroll no-repeat top left;
	float:left;
}

#home #promos {
	height:325px;
	width: 602px;
	display: inline;
	margin-top:-140px;
	margin-left:20px;
	background: transparent url("/images/promos-bg.png") scroll no-repeat center center;
	float:left;
}

#home .onecol p a img {
}

#home .onecol {
	margin-bottom: 15px;
	margin-top: -45px;
}

#home #hero .onecol {
	margin-top: 0;
}

#home h4.brands {
	text-indent: -999em;
	background: transparent url("/images/brands-title.gif") scroll no-repeat 0 0;
	width:362px;
	height:14px;
}

#home .threecol {
	margin-bottom: 0;
}

/* video popup */
div.overlay {
	z-index: 9999;
	margin-top: -2px;
    background-image:url(/images/bg_overlay.png); 
    width:600px; 
    height:470px;             
    display:none;   
    padding:28px;           
} 
 
div.overlay div.close { 
    background-image:url(/images/btn_close.png); 
    position:absolute; 
    right:5px; 
    top:5px; 
    cursor:pointer; 
    height:35px; 
    width:35px; 
}

div.overlay p {
	margin: 10px;
}

#chart5 {
	background-image:url(/images/bg_overlay-big.png);
	height: 710px;
}

#chart1 {
/*  ### Replace with appropriate sized PNG for chart1 
	background-image:url(/images/btn_overlay_chart.png); */
} 	


/* !People Section */

#people #hero {
	background:#fff url("/images/people-hero.jpg") scroll no-repeat left top;
	padding:30px 30px 80px 340px;
}

#people #subHero {
	background:#fff url("/images/people-hero.jpg") scroll no-repeat center top;
	padding:30px 30px 20px 340px;
	margin: 0 0 30px 0;
}

#people .onecol {
	padding: 0 0 0 0;
}

#people .twocol {
	padding: 0 0 0 0;
}

ul.ergs {
	display: block;
	margin: 10px 0 0 30px;
}

ul.ergs li {
	list-style: none;
	padding: 0;
	float: left;
	display: block;
	width: 250px;
	height: 100px;
	text-align: center;
	text-indent: -999em;
}

ul.ergs li.aa {
	background: transparent url("/images/aa_erg.gif") scroll no-repeat top center;
}

ul.ergs li.asian {
	background: transparent url("/images/asian_erg.gif") scroll no-repeat top center;
}

ul.ergs li.show {
	background: transparent url("/images/show_erg.gif") scroll no-repeat top center;
}

ul.ergs li.lead {
	background: transparent url("/images/lead_erg.gif") scroll no-repeat top center;
}

ul.ergs li.pride {
	background: transparent url("/images/clx_pride.gif") scroll no-repeat top center;
}


/* !Products Section */

#products #hero {
	padding-bottom: 40px;
	padding-top: 30px;
	background:#ffffff url("/images/prod-hero.jpg") scroll no-repeat bottom center;
}

#products #subHero {
	background:#fff url("/images/prod-hero.jpg") scroll no-repeat center center;
	padding:30px 30px 20px 340px;
	margin: 0 0 30px 0;
}

#products .onecol {
	padding: 0 0 0 0;
}

#products .twocol {
	padding: 0 0 0 0;
}

div.motto {
	background: transparent url("/images/frog-bottle.png") scroll no-repeat top left;
	margin-top: -240px;
	padding-top: 240px;
	float: left;
	width: 310px;
	display: inline;
}

div.motto p {
	width:280px;
	height:33px;
	text-indent: -999em;
	background: transparent url("/images/motto.gif") scroll no-repeat top left;
	margin:0 0 30px 30px;
}

ul.prodList li {
	list-style: none;
	margin: 0 10px 10px 0;
	padding: 0;
	float: left;
	display: block;
	width: 185px;
	height: 100px;
	border-bottom: 1px solid #d0d0d0;
	background: #fff url("/images/prod-box.jpg") scroll no-repeat top center;
}

ul.prodList li.wide {
	width: 575px;
	background: #fff url("/images/prod-box-wide.jpg") scroll no-repeat top center;
}

ul.products li {
	list-style: none;
	margin: 10px 20px 20px 0;
	padding: 0;
	float: left;
	display: block;
	width: 125px;
	height: 200px;
	text-align: center;
}

#productShot {
	text-align: center;
}

div.prodTable {
	margin-left: 20px;
	margin-bottom:20px;
	background: transparent url("/images/ingedient-table_mid.jpg") scroll repeat-y top left;
}
div.prodTable div.top {
	background: transparent url("/images/ingedient-table_top.jpg") scroll no-repeat top left;
	height: 48px;
}
div.prodTable .fix {
	background: transparent url("/images/ingedient-table_bottom.jpg") scroll no-repeat bottom left;
	padding-bottom: 30px;
}


div.prodTable-fr {
	margin-left: 20px;
	margin-bottom:20px;
	background: transparent url("/images/ingedient-table_mid-fr.jpg") scroll repeat-y top left;
}
div.prodTable-fr div.top {
	background: transparent url("/images/ingedient-table_top-fr.jpg") scroll no-repeat top left;
	height: 48px;
}
div.prodTable-fr .fix {
	background: transparent url("/images/ingedient-table_bottom-fr.jpg") scroll no-repeat bottom left;
	padding-bottom: 30px;
}

div.prodTable ul li, 
div.prodTable-fr ul li {
	list-style: none;
	margin-left: 0;
}
div.prodTable ul.left li, 
div.prodTable-fr ul.left li {
	width: 340px;
}
div.prodTable ul.right, 
div.prodTable-fr ul.right {
	margin: 0 20px 0 0;
}
div.prodTable ul.right li, 
div.prodTable-fr ul.right li {
	width: 160px;
}
div.prodTable li.title, 
div.prodTable-fr li.title {
	display: none;
}

div#productShot img {
	padding: 0 0 0 30px;
}

div#productShot p {
	text-align: center;
}

#products h2 sub {
	font-size: 0.6em;
}

/* !Ingredient PopUps */

.trigger { 
	position: relative; 	
	padding: 2px 0 2px 25px;
	line-height: 1.25em;
	background: transparent url(/images/info.png) no-repeat left center;
	}	

li.trigger a {
	color:#333;	
	text-decoration: none;
	}

.tooltip {
	position: absolute;
    display: none;
	width: 490px;
	min-height: 40px;
	margin: 0;
	padding: 0 0 35px 0;
	background: transparent url("/images/tooltip-bottom.png") scroll no-repeat left bottom;
	color: #fff;
}
	
.tooltipInner { 

	padding: 20px 20px 0;
	background: transparent url("/images/tooltip-top.png") scroll no-repeat left top;
	font-size: 1.0em;
}	

.tooltip h4 {
	font-size:1.2em;
	margin: 0;
}

.tooltip p {
	font-size:1.0em;
	padding: 5px 0 0 0;
	margin: 0;
}			

/* !Board Page */
ul.boardDir { 
	display: inline;
	float: left; 
	width: 620px; 
	padding: 0; 
	margin: 0 0 0 25px; 
	}
	
.boardDir li { 
	margin: 0 0 10px 0; 
	display: inline; 
	padding: 0; 
	float: left; 
	width: 120px; 
	list-style-type: none;
}

.boardDir li p { 
	text-align: center;
	width: 100px;
	margin: 0 auto;
	padding: 0;
	font-size: .8em;
	}



p.board {	
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 10px;
	font: normal 1.0em/1.4em Helvetica, Arial, sans-serif;
	text-align: center;
}

div.board p img {
	display: inline;
	float:right;
	padding:5px;
	background-color: #fff;
	border: 1px solid #ccc;
}


/* !Performance Page */

#performance #hero {
	background:#fff url("/images/perform-hero.jpg") scroll no-repeat bottom center;
	padding:30px 30px 60px 340px;
}

#performance #subHero {
	background:#a8e0fd url("/images/perform-subhero.jpg") scroll no-repeat center center;
	padding:30px 30px 20px 340px;
	margin: 0 0 30px 0;
}

#performance .onecol {
	padding: 0 0 0 0;
}

#performance .twocol {
	padding: 0 0 0 0;
}

div.exec {
	margin-bottom:20px;
}

div.exec h4 {
	margin-bottom:0;
}

div.exec h5 {
	color: #666;
	font-weight:normal;
	margin-bottom:5px;
}

div.exec p img {
	float:right;
	margin: 3px 0 0 5px;
	padding:5px;
	background-color: #fff;
	border: 1px solid #ccc;
}

div.exec div.right {
	text-align: center;
	margin: 3px 0 0 5px;
}

div.exec div.right img {
	float:none;
	margin: 0 0 5px;
	padding:5px;
	background-color: #fff;
	border: 1px solid #ccc;
}

/* !Planet Page */

#planet #hero {
	background:#fff url("/images/planet-hero.jpg") scroll no-repeat left -40px;
	padding:30px 30px 125px 340px;
}

#planet #subHero {
	background:#fff url("/images/planet-subhero.jpg") scroll no-repeat left -20px;
	padding:30px 30px 20px 340px;
	margin: 0 0 30px 0;
}

#planet .onecol {
	padding: 0 0 0 0;
}

#planet .twocol {
	padding: 0 0 0 0;
}

p.sigDon, p.sigBill {
	padding-top:75px;
}

p.sigDon {
	background: transparent url("/images/don-sig.gif") scroll no-repeat left 20px;
}

p.sigBill {
	background: transparent url("/images/bill-sig.gif") scroll no-repeat 20px top;
}

ul.goals {
	border:2px solid #85acb8;
	background: #c5e8fa url("/images/planet/goals-bg.jpg") scroll repeat-x left top;
	margin:10px 20px 10px 40px;
}
ul.goals li {
	border-top:1px solid #eff9fe;
	border-bottom:1px solid #caddec;
	margin: 0 20px;
	padding: 10px 10px 10px 95px;
	list-style: none;
}
ul.goals li.ghg {
	background: transparent url("/images/planet/ghg-icon.png") scroll no-repeat left center;
}
ul.goals li.energy {
	background: transparent url("/images/planet/energy-icon.png") scroll no-repeat right center;
	padding: 10px 95px 10px 10px;
}
ul.goals li.water {
	background: transparent url("/images/planet/water-icon.png") scroll no-repeat left center;
}
ul.goals li.waste {
	background: transparent url("/images/planet/waste-icon.png") scroll no-repeat right center;
	padding: 10px 95px 10px 10px;
}
ul.goals li.package {
	background: transparent url("/images/planet/package-icon.png") scroll no-repeat left center;
}
ul.goals li h5, ul.goals li p {
	margin-left: 0;
}

/* !Purpose Page */

#purpose #hero {
	background:#fff url("/images/purpose-hero.jpg") scroll no-repeat left top;
	padding:30px 30px 110px 340px;
}

#purpose #subHero {
	background:#fff url("/images/purpose-subhero.jpg") scroll no-repeat left top;
	padding:30px 30px 20px 340px;
	margin: 0 0 30px 0;
}

#purpose .onecol {
	padding: 0 0 0 0;
}

#purpose .twocol {
	padding: 0 0 0 0;
}

/* !Extras */

ul.awards li {
	background: transparent url("/images/grad-border-bottom.jpg") scroll repeat-x left bottom;
	list-style: none;
	margin: 0;
	padding: 20px 0 10px;
	font-size: .8em;
}
ul.awards li p {
	font-size: 1.3em;
	margin-left:0;
}

ul.awards li ul li {
/* 	background: transparent; */
/*
	list-style-image:none;
	list-style-position:outside;
	list-style-type:disc;
*/
/* 	vertical-align:text-top; */
/*
	margin-left:20px;
	padding: 5px 0;
*/
	font-size: 1.1em;
	margin:0 0 5px;
	padding:0 0 0 14px;
	background:url("/images/bullet_dot.gif") no-repeat scroll 0 7px transparent;
}

ul.awards h4, div.exec h4 {
	margin-bottom:0;
	font: bold 1.4em/1.6em Helvetica, Arial, sans-serif;
	color: #333;
}

ul.awards h5, div.exec h5 {
	margin-bottom:5px;
	margin-top:0;
	font: bold 1.2em/1.4em Helvetica, Arial, sans-serif;
	font-style: italic;
	color: #666;
}

ul.awards h4, ul.awards h5 {
	margin-left: 0;
}

div.pagination {
	background:transparent url("/images/grad-border-bottom.jpg") scroll repeat-x left top;
	padding:15px 0 0 0;
}
.twocol div.pagination {
	margin-left:30px;
	clear:both;
}

div.pagination ul {
	margin: 0;
	padding: 0;
}
div.pagination li {
	list-style: none;
	margin-left: 0;
	font-weight: bold;
	font-size: 1.1em;
}
div.pagination li.next {
	display: block;
	width:45%;
	float:right;
	text-align: right;
}
div.pagination li.prev {
	display: block;
	width:45%;
	float:left;
	text-align:left;
}

/* !Side Navigation */

.sideNav {
	margin: 0 0 30px 30px;
/*
	margin-left: 30px;
	margin-bottom: 30px;
*/
}
.sideNav ul {
	margin-left: 0px;
}
.sideNav ul li {
	color:#4891dc;
	list-style: none;
	margin:0 0 7px 7px;
	padding:0 0 0 10px;
/* 	margin-bottom: 5px; */
	background:url("/images/bullet_blue.gif") no-repeat scroll 0px 6px transparent;

}
.sideNav ul li ul {
	margin: 5px 0 7px 0;
	padding: 0 0 0 10px;
/* 	margin: 0 0 0 15px; */
}
.sideNav li ul li {
	margin: 5px 0 7px 0;
	padding: 0 0 0 10px;
	font-size: 1.0em;
	background:url("/images/bullet_circle.gif") no-repeat scroll 0px 6px transparent;
}
.sideNav ul li.section {
	list-style: none;
	font: bold 1.8em Helvetica, Arial, sans-serif;
	background: transparent url("/images/grad-border-bottom.jpg") scroll repeat-x left bottom;
	margin: 0 0 5px 0;
	padding: 0 0 5px 5px;
}
.sideNav ul li.section a, .sideNav ul li.section {
	color: #666;
}
.sideNav ul li.section a:hover {
	text-decoration: none;
}

ul.sublist, ul.csrlist {
	font-size: 1.0em;
	display:none;
}
.sustain ul.sublist, .enviro ul.sublist {
	display:block;
}

.csr ul.csrlist {
	display:block;
}

.main ul.sublist, ul.csrlist {
	display: none;
}


.main ul.sublist li, ul.csrlist li {
	display: none;
}

/* Performance YOU ARE HERE*/

#performance ul.sublist {
	display: block;
}

.value ul.sublist li {
	display: none;
}


.execcsr li#nav_execcsr,
.value li#nav_value,
.govern li#nav_corpgov
{ 
	font-weight: bold; 
}

.execcsr ul.csrlist, .execcsr ul.csrlist li { 
	display: block;
}

.execcsr.knauss ul.csrlist li#nav_knauss,
.execcsr.delker ul.csrlist li#nav_delker,
.execcsr.dorer ul.csrlist li#nav_dorer,
.execcsr.kane ul.csrlist li#nav_kane,
.execcsr.stein ul.csrlist li#nav_stein { font-weight: bold; }

.execcsr.knauss li#nav_execcsr,
.execcsr.delker li#nav_execcsr,
.execcsr.dorer li#nav_execcsr,
.execcsr.kane li#nav_execcsr,
.execcsr.stein li#nav_execcsr { font-weight: normal; }




.execcsr ul.sublist li { 
	display: none;
}

.govern ul.sublist { 
	display: block;
}

.conduct ul.sublist li#nav_conduct,
.bod ul.sublist li#nav_bod,
.guidelines ul.sublist li#nav_guidelines,
.charters ul.sublist li#nav_charters
{ 
	font-weight: bold; 
}

/* Purpose YOU ARE HERE*/

#purpose ul.sublist {
	display: block;
}

.involved ul.sublist li {
	display: none;
}

.foundation ul.sublist li {
	display: block;
}

.foundation li#nav_foundation,
.involved li#nav_involved
{ 
	font-weight: bold; 
}

.annreport ul.sublist li#nav_annreport,
.history ul.sublist li#nav_history,
.grant ul.sublist li#nav_grant,
.apply ul.sublist li#nav_apply
{	
	font-weight: bold;
}

/* People YOU ARE HERE*/
.diversity li#nav_diversity,
.investment li#nav_investment,
.workplace li#nav_workplace,
.bizpartners li#nav_bizpartners
{ 
	font-weight: bold; 
}

/* Products YOU ARE HERE */

#products ul.sublist {
	display: block;
}

.ingredients ul.sublist li, .prod-safety ul.sublist li {
	display: none;
}

.sustain ul.sublist li {
	display: block;
}

.ingredients li#nav_ingredients,
.prod-safety li#nav_prod-safety,
.foundation li#nav_foundation,
.sustain li#nav_sustainability
{ 
	font-weight: bold; 
}

.brita ul.sublist li#nav_brita,
.burts ul.sublist li#nav_burts,
.bleach ul.sublist li#nav_bleach,
.glad ul.sublist li#nav_glad,
.greenworks ul.sublist li#nav_greenworks,
.kingsford ul.sublist li#nav_kingsford,
.natural ul.sublist li#nav_natural,
.improve ul.sublist li#nav_improve,
.packaging ul.sublist li#nav_packaging
{ 
	font-weight: bold; 
}

.sideNav ul li#nav_409,
.sideNav ul li#nav_armorall,
.sideNav ul li#nav_cloroxcat,
.ingredients li#nav_commercial,
.ingredients li#nav_canada,
.ingredients li#nav_greenworks,
.ingredients li#nav_lestoil,
.ingredients li#nav_liquidplumr,
.ingredients li#nav_oomph,
.ingredients li#nav_pinesol,
.ingredients li#nav_proresults,
.ingredients li#nav_readymop,
.ingredients li#nav_sos,
.ingredients li#nav_stp,
.ingredients li#nav_tilex,
.ingredients li#nav_tuffstuff
{ 
	font-weight: bold; 
}

/*
#performance ul.sublist .conduct, ul.sublist .bod {
	display:block;
	border: 1px solid blue;
}
*/

/*
#performance ul.sublist li#nav_bod {
	font-weight: bold;
}
*/

/*
.bod li#nav_bod {
	font-weight: normal;
}
*/
/*
.brita ul.sublist li#nav_brita,
.burts ul.sublist li#nav_burts,
.bleach ul.sublist li#nav_bleach,
.glad ul.sublist li#nav_glad,
.greenworks ul.sublist li#nav_greenworks,
.kingsford ul.sublist li#nav_kingsford,
.natural ul.sublist li#nav_natural,
.improve ul.sublist li#nav_improve,
.packaging ul.sublist li#nav_packaging,
.annreport ul.sublist li#nav_annreport,
.history ul.sublist li#nav_history,
.grant ul.sublist li#nav_grant,
.apply ul.sublist li#nav_apply
{	
	font-weight: bold;
}
*/


/* !Planet Section Navigation */
ul ul ul {
	font-size: 100%;
}
.subOne, .subOneOne, .subTwo, .subThree, .subThreeOne, .subThreeThree, .subThreeFour {
	display: none;
	font-size: 100%;
}

#one .one {font-weight:bold;font-size: 100%;}
#one .subOne {display:block;font-weight:normal;font-size: 100%;}

#oneOne .oneOne {font-weight:bold;}
#oneOne .subOne, #oneOne .subOneOne  {display:block;font-weight:normal;font-size: 100%;}

#oneTwo .oneTwo {font-weight:bold;}
#oneTwo .subOne, #oneOne .subOneOne  {display:block;font-weight:normal;font-size: 100%;}

#oneOneOne .oneOneOne {font-weight:bold;}
#oneOneOne .subOne, #oneOneOne .subOneOne {display:block;font-weight:normal;font-size: 100%;}

#oneOneTwo .oneOneTwo {font-weight:bold;}
#oneOneTwo .subOne, #oneOneTwo .subOneOne {display:block;font-weight:normal;font-size: 100%;}

#oneOneThree .oneOneThree {font-weight:bold;}
#oneOneThree .subOne, #oneOneThree .subOneOne {display:block;font-weight:normal;font-size: 100%;}

#oneOneFour .oneOneFour {font-weight:bold;}
#oneOneFour .subOne, #oneOneFour .subOneOne {display:block;font-weight:normal;font-size: 100%;}

#oneOneFive .oneOneFive {font-weight:bold;}
#oneOneFive .subOne, #oneOneFive .subOneOne {display:block;font-weight:normal;font-size: 100%;}

#oneOneSix .oneOneSix {font-weight:bold;}
#oneOneSix .subOne, #oneOneSix .subOneOne {display:block;font-weight:normal;font-size: 100%;}


/*
#oneTwo .oneTwo {font-weight:bold;}
#oneTwo .subTwo {display:block;font-weight:normal;font-size: 100%;}
*/

#two .two {font-weight:bold;}
#two .subTwo {display:block;font-weight:normal;font-size: 100%;}

#twoOne .twoOne {font-weight:bold;}
#twoOne .subTwo {display:block;font-weight:normal;font-size: 100%;}

#twoTwo .twoTwo {font-weight:bold;}
#twoTwo .subTwo {display:block;font-weight:normal;font-size: 100%;}

#twoThree .twoThree {font-weight:bold;}
#twoThree .subTwo {display:block;font-weight:normal;font-size: 100%;}


#three .three {font-weight:bold;font-size: 100%;}
#three .subThree {display:block;font-weight:normal;font-size: 100%;}
 
#threeOne .threeOne, {font-weight:bold;}
#threeOne .subThree {display:block;font-weight:normal;font-size: 100%;}
 
#threeOne .threeOne, {font-weight:bold;}
#threeOne .subThree #threeOne .subThreeOne {display:block;font-weight:normal;font-size: 100%;}

#threeOneOne .threeOneOne {font-weight:bold;}
#threeOneOne .subThree, #threeOneOne .threeOneOne {display:block;font-weight:normal;font-size: 100%;} 

#threeOneTwo .threeOneTwo {font-weight:bold;} 
#threeOneTwo .subThree, #threeOneTwo .threeOneTwo {display:block;font-weight:normal;font-size: 100%;} 

#threeOneThree .threeOneThree {font-weight:bold;} 
#threeOneThree .subThree, #threeOneThree .threeOneThree {display:block;font-weight:normal;font-size: 100%;} 

#threeOneFour .threeOneFour {font-weight:bold;} 
#threeOneFour .subThree, #threeOneFour .threeOneFour {display:block;font-weight:normal;font-size: 100%;} 

#threeOneFive .threeOneFive {font-weight:bold;} 
#threeOneFive .subThree, #threeOneFive .threeOneFive {display:block;font-weight:normal;font-size: 100%;} 

#threeOneSix .threeOneSix {font-weight:bold;}
#threeOneSix .subThree, #threeOneSix .threeOneSix {display:block;font-weight:normal;font-size: 100%;} 

#threeFour .threeFour {font-weight:bold;}
#threeFour .subThree, #threeFour .subThreeFour  {display:block;font-weight:normal;font-size: 100%;}

#threeFourOne .threeFourOne {font-weight:bold;}
#threeFourOne .subThree, #threeFourOne .threeFourOne {display:block;font-weight:normal;font-size: 100%;} 

#threeFourTwo .threeFourTwo {font-weight:bold;}
#threeFourTwo .subThree, #threeFourTwo .threeFourTwo {display:block;font-weight:normal;font-size: 100%;} 

#threeFourOne .threeFourOne {font-weight:bold;} 
#threeFourOne .subThreeFour {display:block;font-weight:normal;font-size: 100%;} 

#threeFourTwo .threeFourTwo {font-weight:bold;} 
#threeFourTwo .subThreeFour {display:block;font-weight:normal;font-size: 100%;} 

/*
#threeOne .threeOne {font-weight:bold;} 
#threeOne .subThreeOne {display:block;font-weight:normal;font-size: 100%;} 

#threeOneOne .threeOneOne {font-weight:bold;} 
#threeOneOne .subThreeOne {display:block;font-weight:normal;font-size: 100%;} 

#threeOneTwo .threeOneTwo {font-weight:bold;} 
#threeOneTwo .subThreeOne {display:block;font-weight:normal;font-size: 100%;} 

#threeOneThree .threeOneThree {font-weight:bold;} 
#threeOneThree .subThreeOne {display:block;font-weight:normal;font-size: 100%;} 

#threeOneFour .threeOneFour {font-weight:bold;}
#threeOneFour .subThreeOne {display:block;font-weight:normal;font-size: 100%;} 

#threeOneFive .threeOneFive {font-weight:bold;} 
#threeOneFive .subThreeOne {display:block;font-weight:normal;font-size: 100%;} 

#threeOneSix .threeOneSix {font-weight:bold;} 
#threeOneSix .subThreeOne {display:block;font-weight:normal;font-size: 100%;} 

#threeTwo .threeTwo {font-weight:bold;font-size: 100%;}
#threeTwo .subThree {display:block;font-weight:normal;font-size: 100%;}

#threeTwo .threeTwo {font-weight:bold;font-size: 100%;}
#threeTwo .subThree {display:block;font-weight:normal;font-size: 100%;}

#threeThree .threeThree {font-weight:bold;font-size: 100%;}
#threeThree .subThree {display:block;font-weight:normal;font-size: 100%;}

#threeThreeOne .threeThreeOne {font-weight:bold;} 
#threeThreeOne .subThreeOne {display:block;font-weight:normal;font-size: 100%;} 

#threeThreeTwo .threeThreeTwo {font-weight:bold;} 
#threeThreeTwo .subThreeOne {display:block;font-weight:normal;font-size: 100%;} 

#threeThreeThree .threeThreeThree {font-weight:bold;} 
#threeThreeThree .subThreeOne {display:block;font-weight:normal;font-size: 100%;} 

#threeThreeFour .threeThreeFour {font-weight:bold;}
#threeOneFour .subThreeOne {display:block;font-weight:normal;font-size: 100%;} 

#threeThreeFive .threeThreeFive {font-weight:bold;} 
#threeThreeFive .subThreeOne {display:block;font-weight:normal;font-size: 100%;} 

#threeThreeSix .threeThreeSix {font-weight:bold;} 
#threeThreeSix .subThreeOne {display:block;font-weight:normal;font-size: 100%;} 

#threeThree .threeThree {font-weight:bold;font-size: 100%;}
#threeThree .subThree {display:block;font-weight:normal;font-size: 100%;}

#threeThreeOne .threeThreeOne {font-weight:bold;} 
#threeThreeOne .subThreeOne {display:block;font-weight:normal;font-size: 100%;} 
*/


/*
#threeFour .threeFour {font-weight:bold;font-size: 100%;}
#threeFour .subThree {display:block;font-weight:normal;font-size: 100%;}

#threeFour .threeFour, {font-weight:bold;}
#threeFour .subThree #threeFour .subFourOne {display:block;font-weight:normal;font-size: 100%;}

#threeFourOne .threeFourOne {font-weight:bold;} 
#threeFourOne .subFourOne {display:block;font-weight:normal;font-size: 100%;} 
*/

#threeFive .threeFive {font-weight:bold;font-size: 100%;}
#threeFive .subThree {display:block;font-weight:normal;font-size: 100%;}

#three .three {font-weight:bold;font-size: 100%;}
#three .subThree, #threeOne .subThree, #threeOneOne .subThree, #threeOneTwo .subThree, #threeOneThree .subThree, #threeOneFour .subThree, #threeOneFive .subThree, #threeOneSix .subThree, #threeTwo .subThree, #threeThree .subThree, #threeFour .subThree, #threeFour .subThree, #threeFive .subThree, #threeThreeOne .subThree, #threeThreeThree .subThree {display:block;font-weight:normal;font-size: 100%;}

#threeOne .threeOne, #threeOneOne .threeOneOne, #threeOneTwo .threeOneTwo, #threeOneThree .threeOneThree, #threeOneFour .threeOneFour, #threeOneFive .threeOneFive, #threeOneSix .threeOneSix, #threeTwo .threeTwo, 
#threeThree .threeThree, #threeThreeOne .threeThreeOne, #threeThreeTwo .threeThreeTwo, #threeThreeThree .threeThreeThree, #threeThreeFour .threeThreeFour, #threeThreeFive .threeThreeFive, #threeThreeSix .threeThreeSix, #threeFour .threeFour, #threeFive .threeFive, #threeFourThree .threeFourThree, #four .four {font-weight:bold;font-size: 100%;}

#threeOne .subThreeOne, #threeOneOne .subThreeOne, #threeOneTwo .subThreeOne, #threeOneThree .subThreeOne, #threeOneFour .subThreeOne, #threeOneFive .subThreeOne, #threeOneSix .subThreeOne, #threeFourThree .subThree {display:block;font-weight:normal;font-size: 100%;}

#threeThree .subThreeThree, #threeThreeOne .subThreeThree, #threeThreeTwo .subThreeThree, #threeThreeThree .subThreeThree, #threeThreeFour .subThreeThree, #threeThreeFive .subThreeThree, #threeThreeSix .subThreeThree, #threeFourThree .subThree {display:block;font-weight:normal;font-size: 100%;}

#threeFour .subThreeFour, #threeFourThree .subThreeFour {display:block;font-weight:normal;font-size: 100%;}


/* !modules */

.sideMod {
	display: inline-block;
	margin-left: 30px;
	margin-bottom: 25px;
	border: 1px solid #a9acaf;
	background:#fff url("/images/side-mod-bg.jpg") scroll repeat-x bottom center;
	padding:15px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	position: relative;
	
}
.onecol .sideMod p, .onecol .sideMod h2, .onecol .sideMod h3, .onecol .sideMod h4, .onecol .sideMod h5, .onecol .sideMod h6, .onecol .sideMod ul, .onecol .sideMod ol {
	margin-left:0;
}
.sideMod h4 {
	color:#808080;
	font-size: 1.6em;
	font-variant: small-caps;
	margin-bottom: 10px;
	margin-top:0;
}

.sideMod p {
	line-height: 1.4em;
}

.sideMod p.more {
	margin-top: 20px;
}

.sideMod p.more a {
	position: absolute;
	bottom: 0;
	right: 0;
	background: transparent url("/images/corner-arrow.png") scroll no-repeat bottom right;
	padding: 5px 30px 0 0;
	line-height:1.7em;
	font-variant:small-caps;
	font-weight:bold;
	font-size:1.2em;
	letter-spacing:1px;
	-moz-border-radius-bottomright:8px;
	-webkit-border-bottom-right-radius:8px;
}

.sideMod p.more a:hover {
}

.readMore {
	margin-left: 15px;
}

.readMore h4 {
	font-size: 1.6em;
	color: #808080;
	font-variant: small-caps;
	margin-bottom: 0;
}

.readMore ul {
	font-size: 1.2em;
	line-height: 1.6em;
	margin-bottom:10px;
}

.readMore li {
	list-style: disc inside url("/images/blue-bullet.png");
	margin-bottom:0;
	margin-left:5px;
}

/* Language Stuff */
h1 span#flag-canada {
	background:transparent url("/images/canada-badge.gif") scroll no-repeat center center;
	display:block;
	height:50px;
	left:-55px;
	position:absolute;
	top:-10px;
	width:50px;
}

div.language {
	display:block;
	height:36px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border:1px solid #A9ACAF;
	margin-bottom:25px;
	margin-left:30px;
	text-align: left;
}

div.canada {
	background:#ddd url("/images/canada-banner.jpg") scroll no-repeat left center;
}
div.usa {
	background:#ddd url("/images/usa-banner.jpg") scroll no-repeat left center;
}

div.language ul {
	margin:0;
	padding:0 0 0 45px;
	font-size:1.4em;
	line-height:2.9em;
	color:#666;
	font-weight: bold;
}
div.language ul li {
	display:inline;
	list-style:none;
	margin:0 5px;
}
/* End Language Stuff */

/* !Quotes */
.leftQuote, .rightQuote {
	font-size: 1.2em;
	width: 250px;
	font-style: italic;
	padding:5px 10px;
	font-family:georgia,times New Roman,serif;
	color:#999;
	
}
.leftQuote {
	float:left;
	border-right: 2px solid #ccc;
	margin: 5px 10px 5px 0;
}

.rightQuote {
	float:right;
	border-left: 2px solid #ccc;
	margin: 5px 0 5px 10px;
}

/* !Accordian Styles */

#faqBox h3 {
	cursor: pointer;
	margin-left: 22px;
	padding-left: 30px;
	color:#4891DC;
	outline: none;
	font-size:1.4em;
	line-height:1.4em;
	background: transparent url("/images/flip-arrow.gif") scroll no-repeat 9px -2px;
}

#faqBox h3.selected {
	background-position: 7px -23px;
}

.hideBox {
	position: relative;
	padding-bottom: 20px;
	margin-bottom: 30px;
}

.hideBox.selected {
}

.hideBox h3.mass {
	position: absolute;
	bottom: 0;
	width:73px;
	height: 16px !important;
	text-indent: -999em;
	background: transparent url("/images/read-more.jpg") scroll no-repeat top left !important;
	margin-left: 30px !important;
	padding-left: 0 !important;
}

.hideBox h3.selected {
	background: transparent url("/images/read_more_close.gif") no-repeat top left !important;
}

/* !Buttons */
a:link.downloadButton, a:visited.downloadButton, a:active.downloadButton {
	height:75px;
	background: #4096ee url("/images/download-button.png") scroll no-repeat top left;
	padding: 0 20px 0 60px;
	text-shadow: 1px 1px 0 #A0CCF8;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border: 1px solid #2d83da;
	font-size: 1.0em;
	color: #00487e;
	display: inline-block;
}
a:hover.downloadButton {
	background-position: bottom left;
	text-decoration: none;
}

a.downloadButton strong {
	margin-top: 20px;
	display: block;
	font-size: 1.1em;
	font-weight: bold;
}

/* !footer */		

#footer {
/* 	width: 960px;	 */
	clear: both;
	margin: 30px 0 0 0;
	padding: 8px 0;
	border-top: 1px solid #a9acaf;
	font-size:0.9em;
}

#footer ul {
	margin: 0;
	padding: 0;
}

#footer ul li {
	display: inline;
	margin-left: 30px;
	margin-bottom: 0;
}

#footer ul li.share {
	float: right;
	margin: 0 30px 0 0;
	padding: 0;
	display:inline;
	height:16px;
	width: 83px;
}

#footer a:link, #footer a:visited { 
	color: #999999; 
	text-decoration: none; 
}
	
#footer a:hover, #footer a:active { 
	color: #999999; 
	text-decoration: underline;
}


/* !misc */

a sub, a:hover sub {
	text-decoration: none;
}

.footnote {
/*	font-style: italic;
	color:#666;
	font-size: 1.1em; */
}

img.framed {
	background-color:#fff;
	border:1px solid #ccc;
	padding:4px;
}

.fix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
  
.fix { display: inline-block; } 
* html .fix { height: 1%; }
.fix { display: block; }

.hide { text-indent: -9000px; }

.left { float: left; }
img.left {margin:5px 10px 5px 0;}
.right { float: right; }
img.right {margin:5px 0 5px 10px;}
.clear { clear: left; }
.clearBoth { clear: both; }
.center { float: left; }
img.center {margin: 5px 10px 5px 50px;}

.noMargTop {
	margin-top: 0;
}

.margTop {
	margin-top: 20px;
}

/* !Add This Button */	
#atffc {
	width: 0;
	height: 0;
}


/* CSS for Auto Slider on Main Page with Next/Prev */
/*
    thingSlider v1.0
    
    By Chris Coyier: http://css-tricks.com
    with major improvements by Doug Neiner: http://pixelgraphics.us/
    based on work by Remy Sharp: http://jqueryfordesigners.com/
*/

/*SLIDER NAV*/
#start-stop { display: none; } 
.arrow { display: none; }

#thumbNav { padding: 10px 0 0 20px; }

#thumbNav a { 
	width: 9px;
	height: 11px;
	text-indent: -999em;
	background: #f0ecb8 url("/images/slider_dot_inactive.gif") scroll no-repeat top left;
	display: block;
	float: left;
}

#thumbNav .cur { background: #f0ecb8 url("/images/slider_dot_active.gif") scroll no-repeat top left;}

#home #thumbNav {
	float:right;
	padding:20px 20px 0 20px;
}

#home #thumbNav a {
	margin-left: 5px;
}

.anythingSlider1 { 
	margin: 5px 0 0 0;
	width: 560px; 
	height: 255px; 
	position: relative; 
	background: transparent; }

.anythingSlider1 .wrapper { 
	width: 560px; 
	overflow: auto; 
	height: 255px; 
	position: absolute; 
	top: 45px; 
	left: 20px;
}

.anythingSlider1 .wrapper ul { 
	width: 9999px; 
	list-style: none; 
	position: absolute; 
	top: 0; 
	left: 0; 
	margin: 0; }

.anythingSlider1 ul li { 
	display: block; 
	float: left; 
	padding: 0; 
	height: 255px; 
	width: 560px;
	margin: 0;
	position: relative; 
}

#products .anythingSlider1 {
	width:900px;
	height:715px;
}

#products .anythingSlider1 .wrapper {
	left:30px;
	width:900px;
	height:715px;
}

#products .anythingSlider1 ul li {
	width:900px;
	height:715px;
}

.anythingSlider2 { 
	margin: 5px 0 0 0;
	width: 560px; 
	height: 255px; 
	position: relative; 
	background: transparent; }

.anythingSlider2 .wrapper { 
	width: 560px; 
	overflow: auto; 
	height: 255px; 
	position: absolute; 
	top: 45px; 
	left: 20px;
}

.anythingSlider2 .wrapper ul { 
	width: 9999px; 
	list-style: none; 
	position: absolute; 
	top: 0; 
	left: 0; 
	margin: 0; 
}

.anythingSlider2 ul li { 
	display: block; 
	float: left; 
	padding: 0; 
	height: 255px; 
	width: 560px;
	margin: 0;
	position: relative; 
}

#products .anythingSlider2 #thumbNav {
	padding: 0;
	margin: 0;
	left: 30px;
	position:relative;
}

#products .anythingSlider2 #thumbNav a {
	background: transparent url("/images/step-button.jpg") scroll no-repeat left -12px;
	height:50px;
	text-indent: 0;
	padding-left: 190px;
	width: 110px;
	line-height: 55px;
	font-size: 36px;
	font-weight: bold;
	text-shadow: 1px 1px 0 #f7f7f7;
	color: #808080;
}

#products .anythingSlider2 #thumbNav a:hover, #products .anythingSlider2 #thumbNav a.cur {
	background-position: left -87px;
	text-decoration: none;
}

#products .anythingSlider2 {
	width:900px;
	height:715px;
}

#products .anythingSlider2 .wrapper {
	left:30px;
	width:900px;
	height:715px;
	top: 50px;
}

#products .anythingSlider2 ul li {
	width:900px;
	height:715px;
}

/* Prevents */
.anythingSlider1 .wrapper ul ul { 
	position: static; 
	margin: 0; 
	background: none; 
	overflow: visible; 
	width: auto; 
	border: 0;
}

.anythingSlider1 .wrapper ul ul li { 
	float: none; 
	height: auto; 
	width: auto; 
	background: none; 
}

.anythingSlider2 .wrapper ul ul { 
	position: static; 
	margin: 0; 
	background: none; 
	overflow: visible; 
	width: auto; 
	border: 0; 
}

.anythingSlider2 .wrapper ul ul li { 
	float: none; 
	height: auto; 
	width: auto; 
	background: none; 
}


/*SLIDE IMAGES*/
.slide1 {
	width: 560px;
	height: 255px;
	background: transparent url("/images/slide-1.png") scroll no-repeat center center;	
}

.slide1 h3 {
	margin: 25px 20px 9px;
	display: inline-block;
	font-size: 18px;
	width:266px;
	height:17px;
	text-indent:-999em;
	background:transparent url('/images/gw-sc_title.gif') scroll no-repeat top left;
}

.slide1 p {
	width:300px;
	margin:0 20px 10px;
	padding-bottom:55px; 
	background:transparent url('/images/gw-sierra.gif') scroll no-repeat bottom right;
	font-size:1em;
	line-height:1.6em;	
}

.slide2 {
	width: 560px;
	height: 255px;
	background: transparent url("/images/slide-2.png") scroll no-repeat center center;	
}

.slide2 h3 {
	margin: 25px 20px 8px;
	display: inline-block;
	font-size: 18px;
	width:234px;
	height:44px;	
	text-indent:-999em;
	background:transparent url('/images/red-cross-haiti.gif') scroll no-repeat top left;
}

.slide2 p {
	width:250px;
	margin:0 20px 10px;
	font-size:1em;
	line-height:1.5em;
}

.slide3 {
	width: 560px;
	height: 255px;
	background: transparent url("/images/slide-3.png") scroll no-repeat center center;	
}

.slide3 h3 {
	margin: 25px 20px 10px;
	display: inline-block;
	font-size: 18px;
	width:179px;
	height:16px;	
	text-indent:-999em;
	background:transparent url('/images/filter-4-good.gif') scroll no-repeat top left;
}

.slide3 p {
	width:300px;
	margin:0 20px 10px;
	font-size:1em;
	line-height:1.5em;
}

	
.slide4 {
	width: 560px;
	height: 255px;
	background: transparent url("/images/slide-4.png") scroll no-repeat center center;	
}

.slide4 h3 {
	margin: 25px 20px 10px;
	display: inline-block;
	font-size: 18px;
	width:113px;
	height:16px;
	text-indent:-999em;
	background:transparent url('/images/glad-2-give.gif') scroll no-repeat top left;
}

.slide4 p {
	width:225px;
	margin:0 20px 10px;
	font-size:1em;
	line-height:1.6em;
}

#home #promos li p.cta {
	
	margin: 0;
	padding: 0;
	background: none;
	position: absolute;
	bottom: 2px;
	right: 1px;
	width: 106px;
	height: 25px;
}
#home #promos li p.cta a {
	background: transparent url("/images/slider-cta.png") scroll no-repeat top left;
	text-indent:-999em;
	display: block;
	width: 106px;
	height: 25px;
}

/* Tabbed Navigation */

div#navContainer { 
	margin-top: 20px;
}


ul.tabNav { 
	float: left; 
	list-style: none; 
	width: 100%;
	margin-bottom:0;
	display:inline;
}

ul.tabNav li {
	display: inline; 
	float: left; 
	margin: 0 1px 0 0; 
	padding: 6px 0 0; 
}

ul.tabNav li.current { 
	padding-top: 0; 
}

ul.tabNav a { 
	background: transparent url(/images/grad-border-bottom.jpg) repeat-x scroll left bottom; 
	border: 1px solid #dedede; 
	border-width: 1px 1px 0; 
	color: #4891DC; 
	display: block; 
	padding: 4px 12px 5px; 
	text-decoration: none;
	font-weight:bold;
}

ul.tabNav a:hover { 
	background:#f7f7f7;
	border-bottom: 1px solid #dedede;
}

ul.tabNav li.current a { 
	background: #fff;
	padding:8px 12px;
	color: #4891DC;
	color: #333;
}

ul.tabNav li.current a:hover { 
	border-bottom: none;
}

div.tabContainer { 
	clear: both; 
	float: left; 
	width: 100%; 
}

div.tabContainer div.tab {
	display: none;
}

div.tabContainer div.current { 
	display: block; 
}

div.tab p:last-child { 
	margin-bottom: 0; 
} 



/* Brands Carousel */
#brands {
	padding: 10px 40px;
	margin: 5px 0 0 30px;
	width:820px; 
	height: 80px;
	background:#fff url("/images/hp-carousel_bg.gif") scroll no-repeat 0 0;
}
 
.jcarousel-container {
    position: relative;
}

.jcarousel-clip {
    z-index: 2;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
}

.jcarousel-list {
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}

.jcarousel-list li,
.jcarousel-item {
    float: left;
    list-style: none;
    width: 150px;
    height: 75px;
}

.jcarousel-next {
    z-index: 3;
    display: none;
}

.jcarousel-prev {
    z-index: 3;
    display: none;
}

.jcarousel-skin .jcarousel-container-horizontal {
    width: 820px;
    padding: 0 0 0 0;
}

.jcarousel-skin .jcarousel-clip-horizontal {
    width:  820px;
    height: 100px;
}

.jcarousel-skin .jcarousel-clip-horizontal ul{
	margin: 0 0 0 0;
}

.jcarousel-skin .jcarousel-item {
    width: 150px;
    height: 75px;
}

.jcarousel-skin .jcarousel-item-horizontal {
    margin-right: 15px;
}

.jcarousel-skin ul li{
	margin: 0 0 0 0;
}


.jcarousel-skin .jcarousel-next-horizontal {
    position: absolute;
    top: 30px;
    right: -30px;
    width: 21px;
    height: 36px;
    cursor: pointer;
	background:transparent url("/images/carousel-arrows.gif") scroll no-repeat right bottom;
}

.jcarousel-skin .jcarousel-next-horizontal:hover {
	background-position: right top;
	cursor: pointer;
}

.jcarousel-skin .jcarousel-next-disabled-horizontal,
.jcarousel-skin .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin .jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}

.jcarousel-skin .jcarousel-prev-horizontal {    
    
    position: absolute;
    top: 30px;
    left: -30px;
    width: 21px;
    height: 36px;
    cursor: pointer;
    background:transparent url("/images/carousel-arrows.gif") scroll no-repeat left bottom;  
}

.jcarousel-skin .jcarousel-prev-horizontal:hover {
	background-position: left top;
	cursor: pointer;
}

.jcarousel-skin .jcarousel-prev-disabled-horizontal,
.jcarousel-skin .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}