/***********************************/
/**GENERAL STYLES**/
/*body {font-size:0.75em; margin:0px; padding:0px; font-family:Arial; text-align:center; color:#0c1799;}
body,h1,h2,h3,h4,h5,h6,p,ul,ol { font-family:Arial; text-align:left; color:#ffffff;}*/
img{ border:0px;}
#img_stage1, #img_stage2,#img_stage3,#img_stage4{ _behavior: url("js/iepngfix.htc") }
form {padding:0px; margin:0px;}
p {padding:0px; margin:0px;}
.float-left{float:left;}
.clear{ clear:both;}
.height-10px{ padding-top:10px;}
.height-20px{height:20px;}
div#wrapper{background:url(../images/Tcom_home_ft_final.jpg) no-repeat top left; height:972px; width:1376px;}
/***********************************/
/**HEADER STYLE**/
div#header{padding:20px 0 0 640px;}
div#header .div-select{float:left; padding: 0 0 0 23px;}
div#header .div-input{float:left; padding:2px 6px 0 4px;}

/***********************************/


/**TOP BUBBLES  MENU STYLE**/
.popup-clear{ clear:both; margin-top:12px;}  

#popup1 {display: none; position: absolute;	 left: 552px; width: 440px; height:206px;background: url(../images/box-1.png) no-repeat; z-index:50; padding:23px 25px 25px 28px; top:93px;}
.popup1-title{ font-family:Arial; font-weight:bold; font-size:18px; width:100px; color:#ffffff; line-height:19px; float:left;}
.popup1-content{font-family:Arial; font-size:13px; color:#ffffff; line-height:18px; padding:0 20px 0 0;}
.popup1-last-text{ clear:both; font-family:Arial; font-size:16px; color:#ffffff; line-height:18px; margin:13px 0 0 121px;}

#popup2 {display:  none; position: absolute;	left: 560px; width: 440px;height:92px;background: url(../images/box-2.png) no-repeat; z-index:51; padding:20px 25px 25px 27px; top:95px;}
.popup2-title{ font-family:Arial; font-weight:bold; font-size:18px; height:50px; width:120px; color:#ffffff; line-height:19px; float:left; padding:0 20px 0 0; }
.popup2-content{font-family:Arial; font-size:13px; color:#ffffff; line-height:18px; padding:2px 50px 0 0;}
.popup3-clear{ clear:both; margin-top:14px;} 
.popup3-clear{ clear:both; margin-top:5px;} 
.popup3-clear{ _clear:both; _margin-top:4px;} 
#popup3 {display: none; position: absolute;	left: 557px; width: 440px; height:208px;background: url(../images/box-3.png) no-repeat; z-index:52; padding:17px 25px 25px 28px; top:95px;}
.popup3-title{ font-family:Arial; font-weight:bold; font-size:18px; width:120px; color:#ffffff; line-height:18px; float:left; height:40px; padding:0 0 0 0;}
.popup3-title{ _font-family:Arial; _font-weight:bold; _font-size:18px; _width:120px; _color:#ffffff; _line-height:18px; _float:left; _height:40px; _padding:1px 0 0 0;}

.popup3-content{font-family:Arial; font-size:13px; color:#ffffff; line-height:12px; padding:0 33px 0 0;}

#popup4 {display: none; position: absolute;	 left: 752px; width: 440px; height:113px;background: url(../images/box-4.png) no-repeat; z-index:54; padding:25px 5px 25px 35px; top:93px;}
.popup4-title{ font-family:Arial; font-weight:bold; font-size:18px; width:80px; color:#ffffff; line-height:18px; float:left; height:40px;}
.popup4-content{font-family:Arial; font-size:13px; color:#ffffff; line-height:12px; padding:0 33px 0 0;}

#popup5 {display: none; position: absolute;	left: 755px; width: 440px; height:268px;background: url(../images/box-5.png) no-repeat; z-index:54; padding:22px 5px 25px 35px; top:93px;}
.popup5-title{ font-family:Arial; font-weight:bold; font-size:18px; color:#ffffff; line-height:18px;}
.popup5-content{font-family:Arial; font-size:13px; color:#ffffff; line-height:12px; padding:40px 33px 0 0;}
.popup5-content-last{font-family:Arial; font-size:13px; color:#ffffff; line-height:12px; padding:35px 0 0 175px;}

/***********************************/
/**MIDDLE MENU STYLE**/
/**LEFT MENU**/
#left-middle-menu { font:Arial; font-size:17px; color:#5254a3; line-height:18px;  width: 475px; float:left; height:280px;}

#left-middle-menu .st{ background: url( ../images/green-bar-1.png) no-repeat; width:404px; height:28px; margin: 21px 0pt 0pt; text-align:right; padding-top:4px;}
#left-middle-menu .nd{ background: url( ../images/green-bar-2.png) no-repeat; width:351px; height:28px; margin:2px 0 0 33px; text-align:right; padding-top:4px;}
#left-middle-menu .th{ background: url( ../images/green-bar-3.png) no-repeat; width:371px; height:28px; margin: 1px 0 0 64px; text-align:right; padding-top:4px;}
#left-middle-menu .fourth{ background: url( ../images/green-bar-4.png) no-repeat; width:393px; height:28px; margin: 1px 0pt 0pt 0px; text-align:right; padding-top:4px;}
#left-middle-menu .st span{ cursor:pointer; padding-right:35px;}
#left-middle-menu .nd span{ cursor:pointer; padding-right:35px;}
#left-middle-menu .th span{ cursor:pointer; padding-right:35px;}
#left-middle-menu .fourth span{ cursor:pointer; padding-right:35px;}

/**TAPON TALK SECTION MENU**/
#poll-section{font:Arial; color:#ffffff;  line-height:18px; height:280px; float:left; width:200px;}
#poll-section .title{ font-size:17px; font-weight:bold; padding:11px 0 0 0px;}
#poll-section .content-st{ font-size:14px;  padding:25px 0 0 0px;}	
#poll-section .content{ font-size:14px;}
#rating-1{height:20px;}
.rating-2{height:20px;}
#rating-3{height:20px;}
#rating-4{height:20px;}
.jquery-ratings-star { width: 16px; height: 11px; background-image: url('../images/star-off.png'); background-repeat: no-repeat;position: relative; float: left;}
.jquery-ratings-full {background-image: url('../images/star-on.png');}
.jquery-ratings-star { _width: 16px; _height: 11px; _background-image: url('../images/star-off.gif'); _background-repeat: no-repeat;_position: relative; _float: left;}
.jquery-ratings-full {_background-image: url('../images/star-on.gif');}

#right-doubts{font:Arial; color:#ffffff;  line-height:18px; float:right; width:470px; _margin-right:-75px; }
#right-doubts #text-style { float:left; }
#right-doubts #text-style p{ font-family:Arial;font-size:20px; padding:15px 0 0 30px; line-height:25px;}
#right-doubts #text-style p a{ font-family:Arial; font-size:14px; color:#ffffff;}
#right-doubts #img-question img{ padding-left:60px; float:left;}

#bottom-slide-container{width:556px; padding-top:10px; }		
#carousel {position: relative;overflow: hidden;	height: 120px; width:373px;padding-right:22px; float:left; }
#carousel .belt {position: relative;}
#carousel .panel {width:370px;overflow: hidden;}
#carousel .panel img{ padding:0 20px 0 20px; }
.panel-text {font:Arial; font-size:19px; line-height:25px;} 
.panel-text a{font:Arial; font-size:14px; color:#ffffff; text-decoration:underline; } 
.button-prev {float:left;padding:23px 0 0 13px;}
.button-prev {_padding: 23px 0 0 10px;}
.button-next {float:left; padding: 23px 0 0 0;  }
.button-next {}

/**BOTTOM SECTION**/
#bottom-text{float:left;font:Arial; width:1060px; font-size:100%;}
#bottom-text .h2mother-nature{float:left; font-size:22px; padding: 15px 238px 0pt 302px; margin:0;font-weight:normal;}
#bottom-text .h2tampax{font-size:23px; margin:0; padding: 15px 0 0 0;float:left;font-weight:normal;}
#bottom-text .h2period{margin:0; font-size:25pt; padding:0 185px 0 454px; float:left;font-weight:normal;}
#bottom-text .h2unique{font-size:22px; padding:0; margin:0;font-weight:normal;}
.tampax-logo{padding-top:20px;}

/**BOTTOM MENU**/
#bottom-menu {font:Arial; font-size:10px;}
#bottom-menu a{color:#ffffff; text-decoration:none;} 
#bottom-menu ul{ list-style:none; margin:0; padding-left:418px;}
#bottom-menu li{float:left; border-right: solid #FFFFFF 1px; padding:0 10px 0 10px;}
#bottom-menu .li-last{ border:0;}

/**GREEN BAR**/
.green-effects-xlarger { background:url(../images/green-bar-2.png) no-repeat; width:404px; text-align:left; font:Arial; font-size:17px; color:#5254a3; line-height:18px; padding:4px 0 0 130px; _background:url(../images/green-bar-2.gif) no-repeat;}  
.green-effects-xxlarger { background:url(../images/green-bar-2.png) no-repeat; width:404px; text-align:left; font:Arial; font-size:17px; color:#5254a3; line-height:18px; padding:4px 0 0 190px; _background:url(../images/green-bar-2.gif) no-repeat;}   
.green-effects-xxxxlarger { background:url(../images/green-bar-2.png) no-repeat; width:404px; text-align:left; font:Arial; font-size:17px; color:#5254a3; line-height:18px; padding:4px 0 0 225px; _background:url(../images/green-bar-2.gif) no-repeat;}   
.green-effects-xxxlarger { background:url(../images/green-bar-2.png) no-repeat; width:404px; text-align:left; font:Arial; font-size:17px; color:#5254a3; line-height:18px; padding:4px 0 0 215px; _background:url(../images/green-bar-2.gif) no-repeat;}

.move_green1{position:absolute; z-index:1000; margin:22px 0 0 54px; height:75px; margin: 22px 0px 0px -1176px;}
.move_green2{position:absolute; z-index:1000; margin:56px 0 0 35px; height:75px; margin:55px 0px 0px -1196px;}
.move_green3{position:absolute; z-index:1000; margin:89px 0 0 85px; height:75px; margin:89px 0px 0px -1143px;}
.move_green4{position:absolute; z-index:1000; margin:122px 0 0 45px; height:75px; margin:121px 0px 0px -1185px;}
.move_green5{position:absolute; z-index:1000; margin:7px 0 0 340px; height:75px; margin:7px 0 0 -890px;}

.clsBodyMdl2{margin-left:-180px;}








.clsHomedetailLeftNav{
	min-height:382px;
	_height:282px;
}
.clsHomeLeftNav1
{
	width:633px;
	float: right;
	margin-right:30px;
	margin-left: -200px;
	_margin-left: -135px;
	_position:absolute;
}
.clsHomeLeftNavTitle
{
	background-image: url(./Images/en-US/product/product-info.png);
	_background-image: none;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=image, src='/App_Themes/themeTampax/Images/en-US/product/product-info.png');
	background-repeat:no-repeat;
	background-position:right top;
	float: right;
	margin-left: -200px;
	min-height: 30px;
	width: 779px;
	float: right;
	_margin:0 0 0 -170px;
}
.clsHomeLeftNavTitleBg
{
	float: left;
	margin-top: 4px;
	padding-left: 530px;
	padding-right: 10px;
	position:relative;
}
.clsHomeLeftNav
{	
	_background-image: none;
	background-repeat:no-repeat;
	background-position:right top;
	float: right;
	margin-bottom:25px;
/*	position:absolute;
	margin:0 0 0 124px;*/
}
.clsHomeContents
{
	float: right;
	position: relative;
	z-index: 100;
	margin-top: 5px;
	margin-right: 48px;
	_margin-right:23px;
	width:200px;
}
.clsLeftNavHomeDetail
{
	float: right;
	margin: -333px 0 0 -60px;
	_margin: -333px 0 0 -75px;
	width:395px;
	z-index:200;
	position:absolute;
}
.content-box-top{
	background-image: url(./Images/en-US/home/tcom_home_rhs_top_crv.png);
	_background-image: none;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=image, src='/App_Themes/themeTampax/Images/en-US/home/tcom_home_rhs_top_crv.png');
	background-repeat:no-repeat;
	background-position:top left;
	width:472px;
	height:17px;
}
.content-box-stretch{
	background-image: url(./Images/en-US/home/tcom_home_rhs_mdl_crv.png);
	_background-image: none;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='/App_Themes/themeTampax/Images/en-US/home/tcom_home_rhs_mdl_crv.png');
	background-repeat:repeat-y;
	background-position:top left;
	width:472px;
}
.content-box-bottom{
	background-image: url(./Images/en-US/home/tcom_home_rhs_btm_crv.png);
	_background-image: none;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=image, src='/App_Themes/themeTampax/Images/en-US/home/tcom_home_rhs_btm_crv.png');
	background-repeat:no-repeat;
	background-position:top left;
	width:472px;
	height:15px;
}
.content-lhsbox-top{
	background-image: url(./Images/en-US/home/tcom_home_lhs_top_crv.png);
	_background-image: none;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=image, src='/App_Themes/themeTampax/Images/en-US/home/tcom_home_lhs_top_crv.png');
	background-repeat:no-repeat;
	background-position:top right;
	width:604px;
	height:11px;
}
.content-lhsbox-mdl{
	background-image: url(./Images/en-US/home/tcom_home_lhs_mdl_crv.png);
	_background-image: none;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='/App_Themes/themeTampax/Images/en-US/home/tcom_home_lhs_mdl_crv.png');
	background-repeat:repeat-y;
	background-position:top right;
	width:609px;
	min-height:228px;
	_height:228px;
}
.content-lhsbox-btm{
	background-image: url(./Images/en-US/home/tcom_home_lhs_btm_crv.png);
	_background-image: none;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=image, src='/App_Themes/themeTampax/Images/en-US/home/tcom_home_lhs_btm_crv.png');
	background-repeat:no-repeat;
	background-position:top right;
	width:602px;
	height:36px;
}
.content{
	font:bold 14px Arial, Helvetica, sans-serif;
	color:#FFFFFF;
}
.content-box-stretch a {
	font:normal 14px Arial, Helvetica, sans-serif;
	color:#FFFFFF;
}

.home_cntrstg_panel{
	position:relative; 
	top:-36px;
	_right:10px;
}
.home_cntrstg_packshot{
	position:absolute;
	z-index:200;
	margin:-188px 0 0 750px;
}


/* This section is for centerstage */
#centerstage {
	margin: 0 auto;
	width: 987px;
	height: 330px;
	position: relative;
	left: 6px !important;
	_left: -2px;
	overflow: hidden;
}

#centerstage * {
	margin: 0;
	padding: 0;
	border: none;
}
.panel {
	width: 987px;
	height: 305px;
	overflow: hidden;
}
#centerstage-bottom {
	width: 987px;
	height: 33px;
	background: url('./Images/en-US/home/centerstage-bar.gif') top left no-repeat;
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 10;
}
#centerstage-control {
	position: absolute;
	top: 3px;
	left: 415px;
}
#centerstage-control a {
	display: block;
	width: 20px;
	height: 20px;
	padding: 7px 5px 3px 11px;
	margin: 0 5px 0 0;
	float: left;
	font: 12px Arial, Helvetica, Sans-Serif;
	color: #fff;
	text-decoration: none;
	outline: none;
	background: none;
}


#centerstage-control a.activeSlide {
	background: url('./Images/en-US/home/control-active.gif') 0 0 no-repeat;
}
#centerstage-product {
	position: absolute;
	bottom: 0;
	right: 20px;
	z-index: 15;
}
#centerstage-product img {
	z-index: 15;
}






#bg-tennis {
	width: 987px;
	height: 305px;
	background: url('./Images/en-US/home/serena/bg-tennis.jpg') top left no-repeat;
}
#lady {
	position: absolute;
	top: 400px;
	left: -250px;
}
#serena-tennis {
	position: absolute;
	top: 1200px;
	left: 333px;
}
#tennis-ball {
	position: absolute;
	top: 60px;
	left: 330px;
	display: none;
}
#bg-bar {
	position: absolute;
	bottom: -150px;
	left: 0;
}
#hd {
	position: absolute;
	top: -100px;
	left: 483px;
	display: none;
}
#cta-watch {
	position: absolute;
	top: 150px;
	left: 555px;
	display: none;
}
#cta-tryit {
	position: absolute;
	top: 260px;
	left: 610px;
	display: none;
}
#serena-copy {
	font: 14px/18px Arial, Helvetica, sans-serif;
	color: #333;
	width: 420px;
	position: absolute;
	left: 130px;
	top: 245px;
	text-align: left;
	display: none;
}




#bg-pearl {
	width: 987px;
	height: 305px;
	background: url('./Images/en-US/home/pearl/bg-pearl.jpg') top left no-repeat;
}
#box {
	position: absolute;
	top: 5px;
	left: 30px;
	display: block;
}
#tryit {
	position: absolute;
	top: 250px;
	left: 530px;
	display: none;
}
#hd-one {
	position: absolute;
	top: 30px;
	left: 235px;
	display: none;
}
#hd-two {
	position: absolute;
	top: 30px;
	left: 575px;
	display: none;
}
#pearl-copy {
	font: 14px/18px Arial, Helvetica, sans-serif;
	color: #003366;
	width: 420px;
	position: absolute;
	left: 280px;
	top: 90px;
	text-align: left;
	display: none;
}
#pearl-disclaimer {
	font: 12px/14px Arial, Helvetica, sans-serif;
	color: #99ccff;
	width: 200px;
	position: absolute;
	right: 150px;
	bottom: 10px;
	text-align: left;
	display: none;
}
#pearls {
	position: absolute;
	top: 0;
	left: 0px;
	width: 987px;
	height: 305px;
	display: none;
	display: block;
}
.pearl {
	position: absolute;
	z-index: 20;
}
.pearl a.trigger {
	height: 46px;
	width: 46px;
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
}
.pearl span.expand {
	position: absolute;
	bottom: 60px;
	left: 30px;
	display: none;
	width: 400px;
	height: 111px;
	z-index: 20;

}
.pearl span.expand img {
	z-index: 20;
}



#downpour-rain {
	position: absolute;
	top: -1057px;
	left: 0px;
}

#downpour-mothernature1 {
	display: block;
	position: absolute;
	top: 30px;
	left: 10px;
}
#downpour-mothernature2 {
	display: none;
	position: absolute;
	top: 30px;
	left: 10px;
}
#downpour-ribbon1 {
	display: block;
	position: absolute;
	top: 180px;
	left: 0;
}
#downpour-ribbon2 {
	display: none;
	position: absolute;
	top: 180px;
	left: 0;
}
#downpour-final {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
}
#downpour-tryitfree {
	display: none;
	position: absolute;
	top: 170px;
	left: 265px;
}

/* Home page bot image */

.tampaxtalkBot
{
	margin: 0 0 0 -9px;
}
*+html .tampaxtalkBot
{
	margin: 0 0 0 0;
}