/* 
	Clorox 2
	screen.css
	(c) Clorox
	Updated May 13, 2010
*/

#ugPopup1, #askLink, #seasonLink, #possibilityshopLink,
#carsonLink, #drlaundryLink, #possiblityshopWebsite,
#mahjonggLink, .playVideo,
#promoVideo, #promoTour, #promoStain, #promoPen, .coloredBoxPromo, #soccerBox, #possibilityBox, #carsonBox, #tourPromoBox, #promoBuy, #tourCta, .slideGrassStain, .slideInkStain, .slideSoccer, .slideDate, #promoMoney,
#promomyStain, #promoMeet, #promoSoccer, #promoPossibility, #promoCarson, #promoPacks { cursor: pointer; }

/*SUPERSCRIPT*/
sup, sub {
   vertical-align: baseline;
   position: relative;
   top: -0.4em;
}

sub { top: 0.4em; }

/* !defaults */

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

a:link { color: #eb9610; }
a:focus { outline: none; color: #eb9610; }
a:link, a:visited { text-decoration: none; color: #eb9610;}
a:hover, a:active { text-decoration: underline; color: #eb9610;}

body {
	font: normal 62.5%/1.25 Arial, Helvetica, sans-serif;
  	color: #999999;	
  	background: #fff url(/img/redesign/body_bg.jpg) repeat-x 0 0;
	text-align: center; }	

.hidden {
	position:absolute;
	left:-10000px;
	top:auto;
	width:1px;
	height:1px;
	overflow:hidden; }

/* !structure */
/*==================================*/	

#container {
	position: relative;
	width: 1025px;
	margin: 0 auto;
	text-align: left;
	background: url(/img/redesign/top_fade.png) no-repeat top left;
}

#mainContent { 
	margin: 20px 0 3px 59px; 
	width: 960px;  
}

/*BACK TO HOME LOGO LINK*/
#header a.homelink {
	z-index: 9999;
	cursor: pointer;
	position: relative;
	top: 0;
	left: 20px;
	display: block;
	height: 120px;
	width: 200px;
	text-indent: -9999px;
}

/* !top nav */
/*==================================*/	

#header ul {
	position: absolute;
	top: 85px;
	left: 240px;
	overflow: hidden;
	height: 38px;
	width: 763px;
	background: #0143b5 url(../img/redesign/nav/top_nav.png) no-repeat top left;
}

#header ul li a {
	position: absolute;
	top: 0;
	text-indent: -99999px;
	text-decoration: none;
	padding: 38px 0 0 0;
	overflow: hidden;
	height: 0px !important; 
	background: #0143b5 url(../img/redesign/nav/top_nav.png) no-repeat top left;
}

/* !GENERAL TEXT STYLES */
/*==================================*/

p { font-size: 1.4em; line-height: 1.6em; margin: 0 0 10px 0;  }
p.emphasis { font-size: 1.4em; margin: 0 30px 20px 0; }
p.footnote { font-style: italic; font-size: 1.2em; }
.textCol p { width: 485px; }
p.textMedium { width: 550px; }
p.textColMinor  { width: 350px; }
p.header { font-size: 1.8em; }

/* !RED HEADLINES */
/*==================================*/

h1 { text-indent: -9999px; line-height: 0; margin: 7px 0 15px 0;}

h1.c2family { 
	width: 347px;
	height: 18px;
	background: url(/img/redesign/headlines/c2_family.gif) top left no-repeat; 
}
	
h1.gotStain  { 
	width: 413px;
	height: 23px;
	background: url(/img/redesign/headlines/got_stain.gif) 0 0 no-repeat; 
}

h1.closerLook {
	width: 420px;
	height: 18px;
	background: url(/img/redesign/headlines/closer_look.gif) top left no-repeat; 
}

h1.moneyBack {
	width: 359px;
	height: 17px;
	background: url(/img/redesign/headlines/money_back.gif) top left no-repeat; 
}

h1.seeTour {
	width: 439px;
	height: 46px;
	background: url(/img/redesign/headlines/see_tour.gif) top left no-repeat; 
}

h1.closetCarson {
	width: 310px;
	height: 51px;
	background: url(/img/redesign/headlines/closet_carson.gif) top left no-repeat; 
}

h1.messFun {
	width: 341px;
	height: 49px;
	background: url(/img/redesign/headlines/mess_fun.gif) top left no-repeat; 
}

h1.faq {
	width: 56px;
	height: 23px;
	background: url(/img/redesign/headlines/faq.gif) top left no-repeat; 
}

h1.goAhead {
	padding: 0;
	width: 489px;
	height: 17px;
	background: url(/img/redesign/headlines/go_ahead.gif) top left no-repeat; 
}

h1.readyPrint {
	margin: 15px 0 15px 0;	
	width: 203px;
	height: 23px;
	background: url(/img/redesign/headlines/ready_to_print.gif) top left no-repeat; 
}

h1.thankYou {
	margin: 15px 0 15px 0;	
	width: 136px;
	height: 17px;
	background: url(/img/redesign/headlines/thank_you.gif) top left no-repeat; 
}

h1.stainsHappen { 
	width: 439px;
	height: 46px;
	background: url(/img/redesign/headlines/stains_happen.gif) top left no-repeat; 
}

/* !BLUE HEADLINE */
/*==================================*/

h2 {
	font-weight: normal;
	padding: 0 0 5px 0;
	color: #017ee2; 
	font-size: 2em;
}

/* !top nav */
/*==================================*/
body li#navHome a { width: 154px; left: 0px; background-position: 0px -207px; }
body li#navHome a:hover { background-position: -0px -330px; }
body li#navStainTips a { width: 154px; left: 154px; background-position: -154px -207px;  }
body li#navStainTips a:hover { background-position: -155px -330px; }
body li#navHome a:hover { background-position: -0px -330px; }
body li#navWhy a  { left: 305px; background-position: -305px -207px;  width: 154px;  }
body li#navWhy a:hover { background-position: -306px -330px; }
body li#navProducts a { left: 455px; background-position: -455px -207px; width: 154px;  }
body li#navProducts a:hover { background-position: -456px -330px; }
body li#navGames a { left: 607px; background-position: -607px -207px; width: 156px; }
body li#navGames a:hover { background-position: -608px -330px; width: 156px; }

/*HIGHTLIGHTED YOU ARE ON THIS PAGE*/
#home li#navHome a { width: 154px; left: 0px; background-position: 0px -84px;  }
#mystain li#navStainTips a { width: 154px; left: 154px; background-position: -154px -84px; }
#why-clorox2 li#navWhy a { width: 154px; left: 305px; background-position: -305px -84px; }

#our-products li#navProducts a,
#faq li#navProducts a,
#money-back-guarantee li#navProducts a { width: 154px; left: 455px; background-position: -455px -84px;  }

#fun-and-games li#navGames a,
#stain-app li#navGames a,
#possibility-shop li#navGames a,
#tour-photo li#navGames a { width: 159px; left: 607px; background-position: -607px -84px;   }



/* !columns */
/*==================================*/

.primaryCol { width: 640px; float: left; }
.secondaryCol { width: 320px; float: left;  }
.fullwidthCol { width: 940px; float: left; padding: 0 0 20px 0;  }

/* !sub nav */
/*==================================*/

#subnav {
	background: transparent url(/img/redesign/nav/sub_nav.png) 0 0 no-repeat; 
	position: relative;
	top: -17px;
	left: -20px;
	height: 33px;
	width: 980px;
	
}

/* !container subnav */
/*==================================*/
ul.productsPages { 
	background: transparent url(/img/redesign/nav/product_sub_nav.gif) 0 0 no-repeat; 
	position: relative;
	top: -17px;
	left: -20px;
	height: 33px;
	width: 980px;
	overflow: hidden;
}

ul.productsPages li a {
	position: absolute;
	top: 0;
	text-indent: -99999px;
	text-decoration: none;
	padding: 33px 0 0 0;
	overflow: hidden;
	height: 0px !important; 
	background: transparent url(/img/redesign/nav/product_sub_nav.gif) no-repeat top left;
}


#navOurproducts a { background-position: -19px 0px; width: 58px; left: 19px;  }
#navOurproducts a:hover,
#our-products #navOurproducts a { background-position: -19px -33px; left: 19px; }

#navFaq a { background-position: -101px 0px; width: 38px; left: 101px;}
#navFaq a:hover,
#faq #navFaq a { background-position: -101px -33px; left: 101px;}

#navWheretobuy a { background-position: -163px 0px; width: 88px; left: 163px;}
#navWheretobuy a:hover { background-position: -163px -33px; left: 163px;}

#navMoneyback a { background-position: -278px 0px; width: 152px; left: 278px;}
#navMoneyback a:hover,
#money-back-guarantee #navMoneyback a { background-position: -278px -33px; left: 278px;}

/*STANDARD CONTAINER FOR TAB CONTENT*/
.container620 { 
	width: 620px; 
	background: #bde0f8; 
	float: left;
	margin: 0 0 30px 0;
	-webkit-border-radius: 0 0 5px 5px;
	-moz-border-radius: 0 0 5px 5px;
	border-radius: 0 0 5px 5px;
}

#why-clorox2 .container620 {  
	-webkit-border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
}

.stroke {border:1px solid #98cbed; }

.container620 h2 { margin: 0px 0 0 12px; }

.container620 h3 { 
	font-size: 1.4em;
	color: #017ee2;
	margin: 0 0 0 12px; 
}

.container620 p { 
	margin: 0 20px 10px 12px;
	color: #017ee2;
}

ul.funPages { 
	background: transparent url(/img/redesign/nav/fun_sub_nav.gif) 0 0 no-repeat; 
	position: relative;
	top: -17px;
	left: -20px;
	height: 33px;
	width: 980px;
	overflow: hidden;
}

ul.funPages li a {
	position: absolute;
	top: 0;
	text-indent: -99999px;
	text-decoration: none;
	padding: 33px 0 0 0;
	overflow: hidden;
	height: 0px !important; 
	background: transparent url(/img/redesign/nav/fun_sub_nav.gif) no-repeat top left;
}

#navPossibility a { background-position: -19px 0px; width: 105px; left: 19px; }
#navPossibility a:hover,
#possibility-shop #navPossibility a  { background-position: -19px -33px;  }

#navStainApp a { background-position: -145px 0px; width: 70px; left: 145px; }
#navStainApp a:hover,
#stain-app #navStainApp a { background-position: -145px -33px;  }

#navTourPhoto a { background-position: -240px 0px; width: 130px; left: 240px;  }
#navTourPhoto a:hover,
#tour-photo #navTourPhoto a { background-position: -240px -33px;  }



/* !possibility shop list */
/*==================================*/
#possibilityActivities dl { margin: 0 0 0 10px; font-size: 1.3em; width: 380px; color: #017ee2; }
#possibilityActivities dl.full { width: 500px; }
#possibilityActivities dd { margin: 0 0 10px 0;}
#possibilityActivities dt { padding: 5px 0 0 0; font-weight: bold; }
#possibilityActivities p  { padding: 0 0 10px 0; font-size: 1.3em; }

/* !carson tips list */
/*==================================*/
#carsonTips dl {
	float: left;
	line-height: 1.5em;
	font-size: 1.2em; color: #017ee2;
	width: 270px;
	margin: 15px 10px 20px 12px;
}

#carsonTips dt {
	font-weight: bold;
	font-size: 1.2em;
}

#carsonTips dd { margin: 0 0 15px 0;}

/* !IMAGE IN TOP SECTION OF PAGE -- USUALLY A PRODUCT SHOT */
/*==================================*/
.productFamily { background: url(/img/redesign/products/family.jpg) top right no-repeat; }
.smartPhones { background: url(/img/redesign/promos/smartphones_lrg.jpg) top right no-repeat; width: 880px;}
.moneySeal { background: url(/img/redesign/money_back.jpg) 90% 30% no-repeat; }

/* !ACCORDION FAQ */
/*==================================*/
.faqBox { width: 620px; margin: 0 0 50px 0; }
.faqContent p { width: 550px; }
.faqBox h2 {
	color: #0138a4;
	font-size: 2.2em;
	margin: 0 0 15px 0;
}

.faqBox h3 { 
	font-weight: normal;
	border-top: 1px solid #bee0f8; 
	color: #017ee2;
	font-size: 1.6em;
	padding: 15px 120px 15px 0;
	background: url(/img/redesign/components/arrow_straight.gif) 98% 50% no-repeat;
}

.faqBox ul.dots li { color: #999;}
	
.faqBox h4 { 
	margin: 0 0 0 90px;
	color: #999999;
	font-size: 1.4em;
	padding: 5px 0 0 0;
	text-align: center;
	height: 22px;
	width: 363px;
	background: url(/img/redesign/components/checkmark_header.gif) 0 0 no-repeat; }

ul.checkmark {	
	width: 323px;
	margin: 0 0 20px 90px;
	padding: 15px 0 0 40px;
	height: 82px;
	background: url(/img/redesign/components/checkmark_bg.gif) 0 0 no-repeat; }

ul.checkmark li { 
	float: left;
	width: 130px;
	color: #999999;
	font-size: 1.4em; 
	padding: 0 0 5px 20px;
	background: url(/img/redesign/components/checkmark.gif) 0 0 no-repeat; 
}

ul.numList { width: 500px; }

ul.numList li { 
	padding: 0 0 15px 30px;
	margin: 0 30px 0 0;
	font-size: 1.4em; }

.num1 { background: url(/img/redesign/components/num_1.gif) 0 0 no-repeat; }
.num2 { background: url(/img/redesign/components/num_2.gif) 0 0 no-repeat; }
.num3 { background: url(/img/redesign/components/num_3.gif) 0 0 no-repeat; }
.num4 { background: url(/img/redesign/components/num_4.gif) 0 0 no-repeat; }


/* ! TOUR PAGE*/
/*==================================*/
#tourCta { 	
	text-indent: -9999px;
	position: absolute;
	right: 40px;
	top: 180px;
	width: 402px;
	height: 315px;
	background: url(/img/redesign/cta_tour.jpg) 0 0 no-repeat;
}

.tourDates h2 { border-bottom: 1px solid #bee0f8; }

.tourDates ul { float: left;}
	
.tourDates li { 
	padding: 5px 0;
	margin: 20px 0 0 0;
	width: 935px;
	float: left;
}

.tourDates h3 { 
	padding: 5px 0 0 0;
	font-weight: normal;
	text-align: center;
	margin: 0 17px 0 7px;
	float: left;
	width: 75px;
	height: 50px;
	background: #e4e4e4;
	color: #017ee2;
	font-size: 1.6em;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

.tourDates em { font-family: Georgia, Times, serif; }

p.event { 
	margin: 5px 0 0 0;
	padding: 0;
	font-weight: bold;
	display: block;
	text-transform: uppercase; 
}
	
p.date { 
	margin: 0;
	padding: 0;
	display: block;
	font-family: Times, Georgia, serif;
}	

.highlight { background: #f9f9f9; }

/* !slider */
/*==================================*/

/*
    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/
*/

.anythingSlider { 
	background: #fff url(/img/redesign/slideshow/hp_slideshow_bg.jpg) 0 0 no-repeat;
	width: 620px; 
	height: 340px; 
	position: relative;
	top: 2px;
}

.anythingSlider .wrapper { 
	width: 620px; 
	overflow: auto; 
	height: 340px; 
	position: absolute; 
	top: 0; 
	left: 0;
}

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

.anythingSlider ul li { 

	display: block; 
	float: left; 
	padding: 0; 
	height: 340px; 
	width: 620px; 
}

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

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

#thumbNav { 
	position: relative; 
	top: 295px; 
	left: 20px;
}
	
#thumbNav a { 
	text-shadow: 0px 1px 1px #000;
	color: #fff; 
	display: inline-block; 
	padding: 7px 0 0 0;
	height: 16px;
	width: 23px; 
	margin: 0 5px 0 0;
	background: #017ee2 url(/img/redesign/slideshow/thumb.gif) 0 0 no-repeat; 
	text-align: center; }
	
#thumbNav a:hover, 
#thumbNav a.cur { 
	color: #017ee2;
	background: #c58b04 url(/img/redesign/slideshow/thumb.gif) 0 -23px no-repeat; 
}

#start-stop { display: none; } 

.anythingSlider h2,
.anythingSlider a.cta { text-indent: -9999px; }

/* ! SLIDES */
/*==================================*/
.slideInkStain {
	text-indent: -9999px;
	background: transparent url(/img/redesign/slideshow/inkstain.jpg) no-repeat top left;
	width: 620px;
	height: 297px;
}

.slideGrassStain {
	text-indent: -9999px;
	background: transparent url(/img/redesign/slideshow/grass.jpg) no-repeat top left;
	width: 620px;
	height: 297px;
}

.slideSoccer {
	text-indent: -9999px;
	background: transparent url(/img/redesign/slideshow/soccer.jpg) no-repeat top left;
	width: 620px;
	height: 297px;
}

.slideDate {
	text-indent: -9999px;
	background: transparent url(/img/redesign/slideshow/date.jpg) no-repeat top left;
	width: 620px;
	height: 297px;
}

/* ! HOMEPAGE PROMO SECTION */
/*==================================*/
ul#hpPromo {
	float: left;
	margin: 10px 0 0 0; 
	background: #fff url(/img/redesign/components/hp_promo_bg.jpg) top left no-repeat;
	clear: both;
	width: 942px;
	height: 320px; 
 }

ul#pabf {
	float: left;
	margin: 10px 0 0 0; 
	background: #fff url(/img/redesign/components/pabf.jpg) top left no-repeat;
	clear: both;
	width: 942px;
	height: 320px; 
 }

#hpPromo li { 
	margin: 10px 0 0 0;
	float: left;
}

#hpPromo li img { margin: 0 0 0 10px; }

#hpPromo li h2 { 
	font-size: 1.6em;
	margin: 10px 0 0 20px; 
}
#hpPromo li p { margin: 0 15px 5px 20px; }

#promoPABF { width: 307px; }
#promoVideo { width: 310px; }
#promoPen { width: 320px; }
#promoStain { width: 310px; }
	
#hpPromo .cta { 
	font-weight: bold; 
	font-size: 1.3em;
}

/*SIMULATES A LINK WHEN USING JS*/
#hpPromo p.cta { color: #eb9610; font-weight: bold; }


/*BOX COMPONENTS
blue promo box
grey stacked promo box
*/

/* ! PROMO COMPONENTS */
/*==================================*/

/*BLUE BOX WITH EXPANDING BOTTOM*/
.coloredBoxPromo {
	margin: 0 0 20px 0;
	width: 304px;
	background: url(/img/redesign/components/blue_bottom.jpg) bottom left no-repeat;
}

.coloredBoxPromoStandard {
	margin: 0 0 20px 0;
	width: 304px;
	background: url(/img/redesign/promos/blue_bottom_standard.jpg) bottom left no-repeat;
}

/*BOTTLE PROMO TOP*/
.coloredBoxPromo h3 {
	text-indent: -9999px;
	height: 210px;
	background: url(/img/redesign/components/blue_top_bottles.jpg) top left no-repeat;
}

#promoTour h3 {
	text-indent: -9999px;
	width: 304px;
	height: 306px;
	background: url(/img/redesign/components/view_photos_top.jpg) top left no-repeat;
}



/*CATCH US TOUR TOP*/
h3.catchUs { 
	text-indent: -9999px;
	padding: 0 0 10px 0;
	width: 304px;
	height: 57px;
	background: url(/img/redesign/promos/header_catchus.jpg) top left no-repeat;
}	

.coloredBoxPromoStandard p,
.coloredBoxPromo p { 
	color: #47a2e9; 
	font-size: 1.4em;
	line-height: 1.4em;
	padding: 0 10px 5px 20px;
	margin: 0 10px 0 0;
	}

.coloredBoxPromoStandard p.cta,
.coloredBoxPromo p.cta { 
	font-weight: bold;
	padding: 5px 0 20px 20px;}

/*
.coloredBoxPromoTour {
	margin: 0 0 20px 0;
	width: 304px;
	height:353px;
	background: url(/img/redesign/promos/blue_burst_tour.jpg) top left no-repeat;
}

BLUE PROMO BOX GETS PUSHED DOWN
#my-stains .coloredBoxPromo,
#faq .coloredBoxPromo,
#why-clorox2 .coloredBoxPromo { margin: 5px 0 20px 0;}
*/

.textPromo h4 {
	font-weight: normal;
	color: #47a2e9; 
	font-size: 1.4em;
	padding: 0 20px 5px 20px;
	margin: 0 15px 0 0;
}

.coloredBoxPromo h4.lose { 
	height: 21px;
	margin: 0 0 4px 0;
	text-indent: -9999px;
	background: url(/img/redesign/headlines/lose_the_stains.gif) 20px 0 no-repeat; 
}

.textPromo dl  { 
	color: #47a2e9; 
	font-size: 1.3em;
	padding: 0 20px 5px 20px;
	margin: 20px 25px 0 0;
}

.textPromo dt { font-weight: bold; }
.textPromo dd { margin: 3px 0 20px 0; }

/*GREY PROMOS STACKED ON TOP OF ONE ANOTHER IN SIDEBAR*/
ul.stackBox {
	width: 301px;
	background: url(/img/redesign/components/stack_bottom.jpg) bottom left no-repeat; 
}

.stackBox li.first h3 { 
	font-weight: normal;
	background: transparent url(/img/redesign/components/stack_top.jpg) top left no-repeat;
	width: 265px; 
	padding: 20px 20px 0 19px;
}

.stackBox li.first p { 
	padding: 0px 0 0 19px;
}


.stackBox li { background: url(/img/redesign/components/stack_div.gif) 50% 0 no-repeat; }

.stackBox .graphic p { width: 155px; }

.stackBox h3 {
	font-weight: normal;
	width: 140px;
	padding: 20px 20px 5px 19px;
	color: #017ee2; 
	font-size: 1.5em;
}
	
.stackBox p {
	margin: 0 10px 0 0;
	padding: 0px 0 5px 19px;
}

.stackBox .cta,
.wideList .cta { font-weight: bold;}

.stackBox img.single { 
	float: right;
	margin: -20px 20px 0 0;
}

.stackBox img.pushy { 
	float: right;
	margin: -50px 20px 0 0;
	padding: 0 0 20px 0;
}

.stackBox img.left { 
	float: right;
	margin: 10px 20px 0 0;
}

.stackBox img.middle { 
	float: right;
	margin: 0 20px 0 0;
}


ul.dots { margin: 0 0 0 30px; }

.dots li {
	color: #017ee2;
	margin: 5px 0 5px 0;
	font-size: 1.2em;
	list-style: disc;
}

/* !FUN AND GAMES PAGES AND SUB PAGES*/
/*==================================*/
.wideList li h2 {
	padding: 18px 300px 10px 12px;
	margin: 0;
	font-size: 2.0em;
	background: url(/img/redesign/components/widebox_top.jpg) top left no-repeat; 
}

ul.wideList li { 
	float: left; 
	position: relative;
	margin: 0 0 20px 0;
	padding: 0 0 10px 0;
	width: 620px;
	background: url(/img/redesign/components/widebox_bottom.jpg) bottom left no-repeat; 
}

ul.wideList p { 
	width: 370px;
	padding: 0 0 10px 0;
	margin: 0 0 0 12px;
}

/*SMALLER FUN PROMOS*/
ul.smallerFun { float: left; }

ul.smallerFun li {
	position: relative;
	width: 317px;
	float: left; 
	height: 201px;
	background: url(/img/redesign/promos/possibility_wide.jpg) top left no-repeat; 
 }
 
ul.smallerFun li a { font-weight: bold;}
 
 #possibilityBox h2 { 
	margin: 20px 0 0 14px;
	height: 55px;
	width: 174px;
	text-indent: -9999px;
/*	background: url(/img/redesign/promos/ps_logo.gif) top left no-repeat; */
}

/*LARGER FUN PROMOS*/
ul.largerFun { float: left; }

ul.largerFun li {
	position: relative;
	width: 620px;
	float: left; 
	height: 201px;
	background: url(/img/redesign/promos/possibility_wide.jpg) top left no-repeat; 
 }
 
ul.largerFun li a { font-weight: bold;}
 
 #possibilityBox h2 { 
	margin: 20px 0 0 14px;
	height: 55px;
	width: 264px;
	text-indent: -9999px;
/*	background: url(/img/redesign/promos/ps_logo.gif) top left no-repeat; */
}

#possibilityBox p { 
	width: 170px;
	margin: 0 10px 5px 14px; 
}

#carsonBox h2 { 
	width: 190px;
	margin: 22px 10px 0 18px; 
}
	
#carsonBox p { 
	width: 150px;
	margin: 0 10px 10px 18px; 
}
	
/*GRAPHIC IN FUN AND GAMES BOXES*/
#soccerBoxGraphic { 
	height: 249px;
	width: 216px;
	bottom: 0px;
	right: 0px;
	position: absolute;
	background: url(/img/redesign/promos/soccer_ball.gif) 0 0 no-repeat; 
}

#carsonBoxGraphic {
	height: 167px;
	width: 94px;
	bottom: 2px;
	right: 24px;
	position: absolute;
	background: url(/img/redesign/promos/carson_box.png) 0 0 no-repeat;
}

#possibilityBoxGraphic {
	height: 147px;
	width: 620px;
	bottom: 2px;
	right: 5px;
	position: absolute;
/*	background: url(/img/redesign/promos/possibility_box.png) 0 0 no-repeat;*/
}

/*POSSIBLITY SHOP SIGN*/
#possiblityshopWebsite { 
	background: url(/img/redesign/promos/possibility_sign.jpg) 0 0 no-repeat;
	position: relative; 
	right: 10px; 
	top: 0px; 
	height: 80px;
	width: 301px;
	}

#possiblityshopWebsite p { 
	font-size: 1.3em; 
	padding: 10px 0 40px 0; 
	margin: 0 10px 0 10px; 
}

#possiblityshopWebsite .sign { 
	float: right;
	clear: left;
	margin: 1px 25px 0 0; 
}

.carsonFigure { background: url(/img/redesign/promos/carson_page.jpg) 420px 50px no-repeat;}
.possibilityFigure { background: url(/img/redesign/promos/possibility_page.jpg) 343px 6px no-repeat;}

/*appears on money-back-guarantee */
.imgBtn { margin: 10px 0 20px 0;}

/*CONTAINERS WITH TAB SUBNAV*/

.containerNav {
	height: 46px;
	background: url(/img/redesign/components/container_nav.gif) 0 0 no-repeat;
}

ul.containerNav li {
	margin: 15px 35px 0 30px;
	font-size: 1.4em;
	float: left;
}

ul.containerNav li a { color: #014dc6; text-decoration: none; }

ul.containerNav li .selected { 
	padding: 5px 15px;
	color: #fff;
	background: #017ee2; 
	height: 30px; 
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

/* !VIDEO PLAYER */
/*==================================*/

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

/*CARSON PAGE*/
 #videoPlayerCarson, #videoPlayerPS {
 	float: left;
 	display: inline;
	margin: 0 0 10px 10px;
	width: 440px;
	height: 250px;
}

/*WHY CLOROX2 &
OUR-PRODUCTS TABS*/
#videoPlayerStandardWashers,
#videoPlayerProducts,
#videoPlayerHEWashers {
	display: inline;
	float: left;
	width: 440px;
	height: 330px;
	margin: 10px 0 10px 10px;
}

/*HOLDS STILL IMAGE BEFORE VIDEO PLAYS*/
#videoPlayerStandardWashers img, #videoPlayerHEWashers img, #videoPlayerCarson img, #videoPlayerProducts img, #videoPlayerPS img { 
	margin: 0; 
	padding: 0; 
}

ul.videoClips { 
	height: 330px;
	background: #f7f7f7;
	margin: 10px 0 0 0;
	float: left;
}

.videoClips.shorterVids { 
	height: 250px !important; /*IE6*/
	margin: 0 !important; /*IE6*/
}

ul.videoClips li {
	font-size: 1.1em;
	background: #f7f7f7;
	width: 160px;
	border-bottom: 1px solid #e7e7e7;
}

ul.videoClips a { 
	font-size: 1.1em;
	color: #eb9610;
	margin: 0;
	padding: 8px 0 0 10px;
}
	
ul.videoClips p {
	line-height: 1.3em;
	font-size: 1.1em;
	color: #999999; 
	padding: 0 0 10px 0;
	margin: 0 10px 0 10px;
}

.videoClips a {
	margin: 0 0 0 10px;
	cursor: pointer;
	display: block;
}

/* !footer */
/*==================================*/

ul#footer, ul#footer li { float: left; }

ul#footer { padding: 50px 0 10px 50px; color: #3399ff; }

ul#footer li {
	font-size: 1.2em;
	padding: 0 10px 0 10px;
	border-right: 1px solid #999; }
	
#footer li.last { border: none; }
	
#footer a { color: #999; }

p#copyright { clear: both; margin: 0 0 0 60px; font-size: 1.2em; }
p#copyright a { color: #999999; }

/* !coupon */
/*==================================*/
.prePrint p { 
	width: 400px; 
	font-size: 1.8em;
}

.printInstructions { 
	width: 620px; 
	background: #bde0f8; 
	float: left;
	margin: 0 0 30px 0;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.printInstructions h2 {
	font-size: 2em;
	margin: 20px 0 10px 20px;}
	
.printInstructions dl { 
	color: #017ee2;
	font-size: 1.4em;
	margin: 0 50px 40px 20px;
}
	
.printInstructions dt {
	text-transform: uppercase;
	font-weight: bold; 
	margin: 0 0 3px 0;
}

.printInstructions dd {
	margin: 0 0 20px 0;
}
	
.printBtn {
	margin: 20px 0 20px 0;
	position: relative;
	width: 134px;
	height: 35px;
	}	
	
.printBtn span {
	position: absolute;
	width: 100%;
	height: 100%;
	background: url(/img/redesign/coupon/btn_print.gif) no-repeat 0 0;
}	
	
/* !MISC */
/*==================================*/
.fix:after { content: ".";  display: block; height: 0; clear: both;  visibility: hidden; }
.fix { display: inline-block; } 
* html .fix { height: 1%; }
.fix { display: block; }