/* 
Title:     Pine-Sol
Author:    © Clorox
Updated:   July 6th, 2009
*/




/* defaults */

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

/* Graphic Fix for Floodlight Tags */
SCRIPT, NOSCRIPT, IFRAME {
	display:none;
}

html, body
{
	height: 100%;
	width: 100%;
	background-color: #00542D;
}

body 
{
	font: normal 62.5%/1.25em Arial, Helvetica, sans-serif;
  	color: #808080;	
	text-align: center; 
			
	min-width: 960px;
}	


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

hr { 
	background: #D7D7D7; 
	color: #D7D7D7; /* IE fix */
	clear: both;
	float: left; 
	width: 100%; 
	height: 1px; 
	margin: 0 0 10px 0; 
	padding: 0; 
	border: none; 
	}	

	
h1 {
	margin: 0 0 5px 0;
	padding: 0; 
	font: normal 2em Arial, Helvetica, sans-serif;
	color: #000000;
	}	
	
h2 {
	margin: 0 0 5px 0;
	padding: 0; 
	font: normal 1.6em Arial, Helvetica, sans-serif;
	color: #000000;
	}
	
h3 {
	margin: 0 0 5px 0;
	padding: 0; 
	font: bold 1.2em Arial, Helvetica, sans-serif;
	color: #000000;
	}	
	
h4 {
	margin: 0 0 5px 0;
	padding: 0; 
	font: normal 1.2em Arial, Helvetica, sans-serif;
	color: #000000;
	}		
	
p {	
	margin: 0 0 10px 0;
	font: normal 1.4em/1.3em Arial, Helvetica, sans-serif;	
	color: #808080;
	}

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

/* structure */

#wrapper
{
	background-color: #00542D;
}

#container
{
	background-color: #FFFFFF;
	background-image: url(/images/bg_header.jpg);
	background-repeat: repeat-x; 
	text-align: left;
}


#header, #content, #footer, #footerHome
{
	width: 960px;
	margin: auto auto;
}		
	
#header h2 {
	float: left;
	position: relative;
	width: 256px;
	height: 73px;
	margin: 19px 17px 0 0;
	padding: 0;
	font: bold 1.8em/1em Ariel, Helvetica, sans-serif;
	color: #FFE200;
	}
#header h2 span {
	position: absolute;
	width: 100%;
	height: 100%;
	background: url(/images/logo_pinesol.jpg) no-repeat;	
	}	
#header h2 a { 
	color: #FFE200;
	background: none;
	cursor: pointer; 
	}		
	
#content
{
	padding-top:  105px;
	/*margin-right: auto;
	margin-left: auto;*/		
}

/* twocol */


#twocol {
	width: 990px;
	padding: 30px 0 10px 0;
	
	margin-left: -30px;

	}
	
#twocol .leftcol {
	float: left;
	width: 500px;
	margin: 0 0 0 0;

		}	
	
#twocol .rightcol {
	display: inline;
	float: left;
	width: 438px;

	}	
	
	
#twocol .leftcol h1, #twocol .leftcol h3, #twocol .leftcol p {
	padding-left: 38px;
	padding-right: 30px;
	}



	
/* !mainnav */

#navHome, #nav {
	position: relative;
	float: left;		
	width: 657px;	
	height: 39px;
	margin: 43px 0 0 0;
	list-style: none;
	overflow: hidden; 
	}

#navHome li a, #nav li a {
	position: absolute;
	top: 0;
	text-indent: -9000px;
	text-decoration: none;
	padding: 39px 0 0 0;
	overflow: hidden; 
		background: transparent url(/images/btn_nav_home.png) no-repeat; 
	}
	
#nav li a { background: transparent url(/images/btn_nav.png) no-repeat; }	

#navHome li#navProductos a,
#nav li#navProductos a { 
	background-position: 0 0; 
	width: 94px; 
	left: 79px; 
	}
	
#navHome li#navProductos a:hover,
#navHome li#navProductos a.active,	
#nav li#navProductos a:hover,
#nav li#navProductos a.active { background-position: 0 -39px; }

#navHome li#navCasa a,
#nav li#navCasa a { 
	background-position: -94px 0; 
	width: 92px; 
	left: 173px; 
	}
	
#navHome li#navCasa a:hover,
#navHome li#navCasa a.active,	
#nav li#navCasa a:hover,
#nav li#navCasa a.active { background-position: -94px -39px; }

#navHome li#navHistoria a,
#nav li#navHistoria a { 
	background-position: -186px 0; 
	width: 79px; 
	left: 265px; 
	}
	
#navHome li#navHistoria a:hover,
#navHome li#navHistoria a.active,	
#nav li#navHistoria a:hover,
#nav li#navHistoria a.active { background-position: -186px -39px; }

#navHome li#navComerciales a,
#nav li#navComerciales a { 
	background-position: -265px 0; 
	width: 108px; 
	left: 344px; 
	}
	
#navHome li#navComerciales a:hover,
#navHome li#navComerciales a.active,	
#nav li#navComerciales a:hover,
#nav li#navComerciales a.active { background-position: -265px -39px; }


#navHome li#navPreguntas a,
#nav li#navPreguntas a { 
	background-position: -373px 0; 
	width: 96px; 
	left: 452px; 
	}
	
#navHome li#navPreguntas a:hover,
#navHome li#navPreguntas a.active,	
#nav li#navPreguntas a:hover,
#nav li#navPreguntas a.active { background-position: -373px -39px; }


#navHome li#navContacto a,
#nav li#navContacto a { 
	background-position: -469px 0; 
	width: 109px; 
	left: 548px; 
	}
	
#navHome li#navContacto a:hover,
#navHome li#navContacto a.active,	
#nav li#navContacto a:hover,
#nav li#navContacto a.active { background-position: -469px -39px; }



#navHome li#navInicio a,
#nav li#navInicio a { 
	background-position: -578px 0; 
	width: 79px; 
	left: 0px; 
	}
	
#navHome li#navInicio a:hover,
#navHome li#navInicio a.active,	
#nav li#navInicio a:hover,
#nav li#navInicio a.active { background-position: -578px -39px; }




/* !tools */
#headerRoll {
position:relative;

}

.tools {
	position:absolute;
	float: right;
	width: 135px;
	top:0px;
	/*left:800;*/
	margin-top: 20px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 790px;
	#margin-left: -130px;
	text-align: right;
	}
	
.tools li {
	float: right;
	margin: 0 5px 0 0;
	padding: 0 5px 0 0;
	font: normal 1.2em "Lucida Grande", Ariel, Helvetia, san-serif;
	/*border-right: 0px solid #DDECE5;*/
	}	
	
.tools li:last-child { border: none; }	

.tools li a:link, .tools li a:visited { 
	color: #CBE464;
	text-decoration: none;
	}
	
.tools li a:hover, .tools li a:active { color: #ffe501; }	

	
/* !headers */

h1.scent {
	width: 375px;
	height: 58px;
	margin: 0 0 20px 75px;
	text-indent: -9000px;
	background: url(/images/header_scent.gif) no-repeat;
}	
	
h1.love {
	width: 409px;
	height: 23px;
	margin: 5px 0 10px 38px;
	text-indent: -9000px;
	background: url(/images/header_i_love_pinesol.gif) no-repeat;
}	
	
h2.readlove {
	text-indent: -9000px;
	/*overflow: hidden;*/
	background: transparent url(/images/header_read_the_love.gif) no-repeat;
	background-position: 16px 0px;
	padding-bottom: 32px;
	margin-top: 35px;
}

h1.tradition {
	width: 408px;
	height: 23px;
	margin: 5px 0 10px 38px;
	text-indent: -9000px;
	background: url(/images/headerUnatradiciondelimpio.gif) no-repeat;
}	
		
h1.contact {
	width: 408px;
	height: 23px;
	margin: 5px 0 10px 38px;
	text-indent: -9000px;
	background: url(/images/header_contacto.gif) no-repeat;
}
		
h1.meet {
	width: 408px;
	height: 23px;
	margin: 5px 0 10px 38px;
	text-indent: -9000px;
	background: url(/images/header_meet_diane.gif) no-repeat;
	}	
	
h1.faqOrig
{
	width: 408px;
	height: 50px;
	margin: 5px 0 10px 38px;
	text-indent: -9000px;
	background: url(/images/header_faqs_original.gif) no-repeat;
}
	
	
h1.faqScented
{
	width: 408px;
	height: 50px;
	margin: 5px 0 10px 38px;
	text-indent: -9000px;
	background: url(/images/header_faqs_scented.gif) no-repeat;
}
		
h1.ourProducts
{
	width: 408px;
	height: 60px;
	margin: 5px 0 10px 38px;
	text-indent: -9000px;
	background: url(/images/header_products_original.gif) no-repeat;
}
		
h2.tipH2
{
	text-indent: -9000px;
	overflow: hidden;
	
}

h1.ourProductsScented
{
	width: 408px;
	height: 60px;
	margin: 5px 0 10px 38px;
	text-indent: -9000px;
	background: url(/images/header_products_scented.gif) no-repeat;
}	
	

	
	
/* !home */

#home {
	top: -10px;
	height: 450px;
	padding: 50px 0 0 0;
	background: url(/images/bg_hero_diane.png) no-repeat 3px top;
	
	margin-left: -30px;
/*	background-color: #fa0;  */

	margin-bottom:-15px;
	}
	
#home p { margin: 0 400px 10px 70px; }	
#home img { margin: 10px 0 0 70px; }
#home b { color: #000000; }

/* !Our products scented */


#locator
{
	clear: both;
	position: relative;
	top:-30px;	
}


.locator
{
	padding-bottom: 10px;
}

/* !I love pinesol */

.mom {	
	padding: 320px 0 0 0;
	background: url(/images/photo_mom_daughter.jpg) no-repeat;
	margin-top: -15px;
	margin-left: -10px;
	}
	
.burst { 
	margin: 0 0 20px 40px;
	
	}	


.burst p, .burst h3 
{ 	
	text-indent: -9000px;
	overflow: hidden;
}	

	
.burst a
{ 	
	display: block;
	padding: 10px 10px 90px 10px;
	text-indent: -9000px;
	overflow: hidden;
	
	
}	

.hear {
	width: 314px;
	height: 151px;
	background: url(/images/burst_hear_the_love.jpg) no-repeat;
	}
	
.share {
	width: 277px;
	height: 135px;
	background: url(/images/burst_share_the_love.jpg) no-repeat;
	}	
	
.cites {
/*	background-color: #fa0; */

	background: url(/images/bg_close_quote.gif) no-repeat;
	background-position: bottom right;
	
	margin-top: -25px;
	}
	
.cite, .citer {
font-size:10px;
	/*font-size: 1.2em;*/
}	

.citer {

	color: #54b948;
	text-align: right;
	margin-bottom: 30px;
	}	


.intro {
	color:#000;
	
	}
	
.introLarge
{
	font-size: 1.9em;
	color:#000;
}	

p.question {
	color:#000;
	margin-bottom: 2px;
	font-weight: bold;
	
	}

.pinecone
{
	margin-left: 46px;
}

#scentedBottles
{	
	clear: both;
	width: 938px;
	height: 351px;
	float: left;
	padding-left: 2px;
	margin-left: 10px;
	padding-bottom: 65px;
}


#scentedBottles p
{
	margin-left: 10px;
	
	margin-right: 5px;
}

.scentedBottlesImg
{
	width:156px;
	height: 351px;
	
	float: left;
}

.usageTipLinks
{
	width:546px;
	height: 190px;
	background-image: url(/images/bg_usage_tips.jpg);
	background-repeat: no-repeat;	
	margin-left: 20px;
	padding-left: 23px;
	padding-right:  23px;
	padding-top: 49px;
}


.usageTipLinks li
{
	width: 116px;
	height: 94px;
	float: left;
	margin-left: -2px;
}


div#scoochLeft
{
	width: 480px;
	margin-left:0;
	padding-right: 0;
}

#twocol .shrinkLeft
{
	width: 450px;
}


/*
	around-the-house
*/

#carousel
{
	width: 960px;
}


.aroundH1
{
	margin-top:30px;
	margin-bottom:20px;
	margin-left:70px;
}

.aroundCell
{
	position: relative;
	width:896px;
	height: 184px;
	padding-bottom: 45px;
	margin-left: 10px;
	padding-left: -50px;
	padding-top: 380px;
	font-size: 9px;
}
.aroundCellSala
{
	position: relative;
	width:896px;
	height: 184px;
	padding-bottom: 45px;
	margin-left: 10px;
	padding-left: -50px;
	padding-top: 350px;
	font-size: 8.5px;
}
.aroundCellKitchen
{
	position: relative;
	width:896px;
	height: 214px;
	padding-bottom: 45px;
	margin-left: 10px;
	padding-left: 50px;
	padding-top: 350px;
	font-size: 9px;
}
.aroundCellBano
{
	position: relative;
	width:896px;
	height: 184px;
	padding-bottom: 45px;
	margin-left: 10px;
	padding-left: 50px;
	padding-top: 380px;
	font-size: 9px;
}


.aroundCell h2
{
	text-indent: -9000px;
	overflow: hidden;
	height: 0;
}
.aroundCellSala h2 
{
	text-indent: -9000px;
	overflow: hidden;
	height: 0;
}
.aroundCellKitchen h2
{
	text-indent: -9000px;
	overflow: hidden;
	height: 0;
}
.aroundCellBano h2
{
	text-indent: -9000px;
	overflow: hidden;
	height: 0;
}

.aroundCell ul, .aroundCell p
{
	margin: 0;
	padding: 0;	
	color: #050505;
	width: 500px;
	margin-left: 305px;
}
.aroundCellSala ul, .aroundCellSala p, .aroundCellKitchen ul, .aroundCellKitchen p, .aroundCellBano ul, .aroundCellBano p
{
	margin: 0;
	padding: 0;	
	color: #050505;
	width: 550px;
	margin-left: 255px;
}


.aroundCell p
{
	margin-top: 35px;
	font-size: 1.4em;
}
.aroundCellSala p
{
	margin-top: 35px;
	font-size: 1.4em;
}
.aroundCellKitchen p
{
	margin-top: 25px;
	font-size: 1.4em;
}
.aroundCellBano p
{
	margin-top: 25px;
	font-size: 1.4em;
}

.aroundCell ul
{
	margin-top:0;
	font-size: 1.17em;
	padding-left: 20px;
}
.aroundCellSala ul, .aroundCellKitchen ul, .aroundCellBano ul
{
	margin-top:0;
	font-size: 1.17em;
	padding-left: 20px;
}



.aroundCell li
{
	margin-top: 4px;
	line-height:1.2;
	list-style: disc;
}
.aroundCellSala li, .aroundCellKitchen li, .aroundCellBano li
{
	margin-top: 4px;
	line-height:1.2;
	list-style: disc;
}


#bathroomCell
{
	background-image: url(/images/bg_bathroom.jpg);
	background-repeat: no-repeat;
}

#kitchenCell
{
	background-image: url(/images/bg_kitchen.jpg);
	background-repeat: no-repeat;
}

#garageCell
{
	background-image: url(/images/bg_garage.jpg);
	background-repeat: no-repeat;	
	padding-top: 305px;
	padding-bottom: 90px;
}

#livingCell
{
	background-image: url(/images/bg_living_room.jpg);
	background-repeat: no-repeat;
}


.houseAnchor
{
	position: absolute;
	top:-20px;
/*	background-color: aqua;
	display:block;
	width: 10px;
	height: 10px; */
}


#controls
{
	position: absolute;
	width:896px;
	height: 184px;
	top:168px;
	margin-left: 9px;
	padding-top: 380px;
	
	z-index: 9;
	
}

.arrowClickLeft, .arrowClickRight, .arrowClickLeft2, .arrowClickRight2
{
	width: 111px;
	height: 150px;
/*	border: green solid 1px; */
	text-indent: -9000px; 
	overflow:hidden;	
	position: absolute;

}

.arrowClickLeft
{
	background : transparent url(/images/bg_arrow_click_left.png) no-repeat;
	background-position: 30px 50px;
	left:36px;
}


.arrowClickRight
{
	background : transparent url(/images/bg_arrow_click_right.png) no-repeat;
	background-position: 30px 50px;
	left:766px;
}

.arrowClickLeft a, .arrowClickRight a
{
  	voice-family: "\"}\""; 
  	voice-family: inherit;
	display: block;
	padding: 10px 10px 90px 10px;
}
	

#garageCell p
{
	margin-left:295px;
}

.narrowList1 
{
	float:left;
	margin-left:305px;
	margin-right:13px;
}

.narrowList2 
{
	float:left;
	
	width: 230px;
}

.narrowList1 h3, .narrowList2 h3
{
	margin-top:7px;
	margin-left: -10px;
}

.narrowList1 ul
{
	margin: 0;
	padding: 0;	
	color: #050505;
	width: 200px;
}
.narrowList2 ul
{
	margin: 0;
	padding: 0;	
	color: #050505;
	width: 250px;
}


	
/* !promos */

#promosWrap {	
	position: relative;
	width: 100%;
	height: 182px;
	background: #26A000 url(/images/bg_promos.jpg) repeat-x;
}

#promos {
	width: 900px;
	height: 182px;
	margin: 0 auto;
	text-align: left;
}
	
#promos .bottom_promo {
	float: left;
	width: 295px;
	height: 162px;	
	margin: 0;
	cursor: pointer;	
}	
	
#promos .lavender { background: url(/images/BackPromoLavanda.jpg) no-repeat; }
/*#promos .lavender h4 {
	width: 129px;
	height: 13px;
	margin: 40px 0 10px 20px;
	text-indent: -9000px;
	background: url(/images/header_promo_lavender.gif) no-repeat;
}*/
#promos .lavender p {
	margin: 0 180px 0 20px;
	font: normal 1.2em Ariel, Helvetica, sans-serif;
	color: #FFFFFF;
}		

#promos .casa { 
/*background: url(/images/_casa.jpg) no-repeat; }*/	
/*#promos .powerful h4 {
	width: 142px;
	height: 15px;
	margin: 40px 0 5px 20px;
	text-indent: -9000px;
	background: url(/images/header_promo_pd.gif) no-repeat;*/
}
#promos .powerful p {
	margin: 0 100px 0 20px;
	font: normal 1.2em Ariel, Helvetica, sans-serif;
	color: #FFFFFF;
}	
	
#promos .house { background: url(/images/promo_around_house.jpg) no-repeat; }	
#promos .house h4 {
	width: 150px;
	height: 13px;
	margin: 40px 0 5px 20px;
	text-indent: -9000px;
	background: url(/images/header_promo_house.gif) no-repeat;
}
#promos .house p {
	margin: 0 140px 0 20px;
	font: normal 1.2em Ariel, Helvetica, sans-serif;
	color: #034EA2;
}


/* !poll */

#pinesolPollDiv, #pinesolResultsDiv
{
	width:377px;
	height: 277px;
}

#pinesolPollDiv
{
	background: transparent url(/images/bg_pinesolResultsDiv.png) no-repeat;
}

#pinesolPollDiv h3
{
	text-indent: -9000px;
	overflow: hidden;
}

#pinesolPollDiv #pollTitleWrapper {
	height: 98px;
}

#pinesolResultsDiv h3
{
	padding-top: 15px;
}

#poll-container, #poll-results
{ 
	margin:0 0 0 10px;
}
	
#poll-container p {	margin-bottom: 10px; }

#poll li {
	margin: 0 0 3px 0;
	font: bold 1.2em Arial, Helvetica, sans-serif;
	color: #292322;
}
	
#bar1-title { color:#ff7901; }
#bar2-title { color:#ffa500; }
#bar3-title { color:#ffcd1c; }
#bar4-title { color:#00ae00; }
#bar5-title { color:#008bc7; }
#bar6-title { color:#9242b5; }
#bar7-title { color:#d82991; }	

#bar1 { background-color:#ff7901; }
#bar2 { background-color:#ffa500; }
#bar3 { background-color:#ffcd1c; }
#bar4 { background-color:#00ae00; }
#bar5 { background-color:#008bc7; }
#bar6 { background-color:#9242b5; }
#bar7 { background-color:#d82991; }	

#poll li span {
	font-weight: bold;
	color: #2F7D45;
}

#voteBtn {

	margin-top: 5px;
	width:65px;
	height: 32px;
	
	background: white url(/images/voteBtn.jpg) no-repeat;
	}
	
#poll .btn:hover { cursor: pointer; }	

#poll-container ul {
	margin: 0 0 15px 0;
	list-style: none;
	}
	
#poll-container ul li {	margin: 0 0 8px 20px; }


/* !poll - bar graphs */

.graph {
	width: 360px;
	position: relative;
	}
	
.bar-title {
	position: relative;
	float: left;
	width: 154px;
	line-height: 20px;
	margin-right: 17px;
	text-align: left;
	font: bold 1.2em Arial, Helvetica, sans-serif;
	}
	
.bar-container {
	position: relative;
	float: left;
	width: 100px;
	height: 10px;
	margin-bottom:  10px;
	font: normal 1.1em Arial, Helvetica, sans-serif;
	}

.bar-container div { height: 20px; }

.bar-container strong {
	position: absolute;
	right: -44px;
	top: 0px;
	overflow: hidden;
	}
	
#poll-results p { text-align: center; }


/* !footer */		

.homePg #footerWrap
{	
	background: #00542D url(/images/bg_footer_home.jpg) repeat-x;
	height: 100px;
}

#footerWrap
{	
	clear: both;
	background: #00542D url(/images/bg_footer.jpg) repeat-x;
	height: 100px;
}

.homePg #footer {
	height: 25px;
}
	
#footer
{
	height: 44px;
	padding-top: 20px;
	margin-top: -20px;
}
		
#footerHome p, #footer p 
{	
	width: 880px;
	margin: 0 auto;
	padding: 7px 0 0 0;
	font: normal 1em Arial, Helvetica, sans-serif;	
	color: #CBE464;
	text-align: left;
}		 
	
#footer a, #footerHome a { color: #CBE464; }

/* !misc */	

.clear { clear: both; }

.paddBottom
{
	padding-bottom: 15px;
	margin-right: -15px;
}	
	
#contactIFrame
{
/*	background-color: #fa0; */
	margin-left: 35px;
	margin-bottom: 30px;
}	

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

*/



/*
	products-subnav
*/

#subnavProductos
{
	position: absolute;
	width:190px;
	height: 71px;
	
	top:82px;
	margin-left:335px; 
	
	background-image: url(/images/bg_products_subnav.png);
	background-repeat: no-repeat;

}

#subnavProductos li
{
	width: 190px;
	height: 30px;
	
	margin-left: 15px;
	
/*	background-color: #f0a; */
}

#subnavProductos li a
{
	width:158px;
	position: absolute;
	text-indent: -9000px;
	text-decoration: none;
	overflow: hidden;

}

#subnavOriginal a
{
	top: 0;
	padding-top: 29px;
	width:158px;
	background: transparent url(/images/bg_original_pinesol.jpg) no-repeat; 
	z-index: 8000;
}

#subnavScented a
{
	top: 30px;
	padding-top: 29px;
	background: transparent url(/images/bg_pinesol_scented.jpg) no-repeat; 
	z-index: 8001;
}

#subnavOriginal a:hover, #subnavOriginal a.subactive, #subnavScented a:hover, #subnavScented a.subactive
{ 
	background-position: -158px 0; 
}

/* !popups 
MODIFIED BY CLM/EH TO ADD YOUTUBE OVERLAY 11/11/09
*/

/*#popupVideo, #popupPoll, #popupYoutube {
	cursor: pointer;
}

div.overlay,
div.overlayPoll,
div.overlayYoutube
{
    background-image:url(/images/bg_overlay.png); 
    display:none; 
}

div.overlayPoll {      
    width:377px; 
    height:277px;             
    padding:14px;
} 

div.overlay {      
    width:600px; 
    height:470px;             
    padding:35px; 
} 
div.overlayYoutube {      
    width:640px; 
    height:505px;             
    padding:35px; 
}
div.overlay div.close,
div.overlayPoll div.close,
div.overlayYoutube div.close
{ 
    background-image:url(/images/btn_close.png); 
    position:absolute; 
    right:5px; 
    top:5px; 
    cursor:pointer; 
    height:35px; 
    width:35px; 
    z-index: 10002;
}*/

/* 
ADDED STYLES FOR INTENSITY CALLOUT 
MODIFIED BY CLM/EH TO ADD NEW CALLOUT 11/11/09
*/


.promo_cupon{
	background: url(/images/promo_cupon.jpg) no-repeat;
	width: 295px;
	height: 162px;
	/*margin-top:4px;*/
}
/*.diane-intensity{
	background: url('../images/diane_intensity_video_callout.png') no-repeat scroll top left;
	width: 295px;
	height: 162px;
	margin-top:4px;
}
.interior-intensity{
	margin:0 0 0 30px;
}*/
.Comerciales{
	width:890px;
	height:450px;
	padding-left: 0px;
	margin: auto;
}
.ImagenComercial {
	height: 80px;
	width: 193px;
}
.MenuComerciales {
	width:193px;
	height:340px;
	float: left;
	margin-top: auto;
	margin-left: auto;
	font-size: 10px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
}
.BackVideo {
	height: 440px;
	width: 670px;
	margin-left: 13px;
	float: left;
}
#Comerciales {
	top: -10px;
	height: 450px;
	/*	background-color: #fa0;  */

	margin-bottom:-15px;
	padding-top: 50px;
	margin-right: auto;
	margin-left: auto;
}
#HomeEsp {
	top: -10px;
	height: 450px;
	/*	background-color: #fa0;  */

	margin-bottom:-15px;
	padding-top: 50px;
	margin-right: auto;
	margin-left: auto;
}
#BannerHome {
	height: 350px;
	width: 350px;
	float: left;
}
#AromasHome {
	height: 430px;
	width: 870px;
	float: left;
	margin: auto;
}
.Video {
	height: 428px;
	width: 640px;
	padding-top: 12px;
	padding-right: 16px;
	padding-left: 14px;
	background: url(/images/BackVideo4.jpg);
}
.txtEnLacasa
{
	font-size: 8px;
	font-family: Arial, Helvetica, sans-serif;
}
.txtSaladeEstar
{
	font-size: 9px;
	font-family: Arial, Helvetica, sans-serif;
	color: #999999;	
}
.txtSalita
{
display:block
	font-size: 9px;
	font-family: Arial, Helvetica, sans-serif;
	width: 800px;
	margin-top: 10px;
}
.txtSalita2
{
	font-size: 9px;
	font-family: Arial, Helvetica, sans-serif;
	margin-left: 250px;
	margin-top: 10px;
}

.txtSalitadeEstar
{
	width: 500px;
	margin-left: 300px;
}

/* !commercial videos */

#videoPlayer {
	width: 640px;
	height: 385px;
	margin: 0 auto;
}