/***********************************/
/**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; background-color:transparent; line-height:19px; float:left;}
.popup1-content{font-family:Arial; font-size:13px; color:#ffffff; background-color:transparent; line-height:18px; padding:0 20px 0 0;}
.popup1-last-text{ clear:both; font-family:Arial; font-size:16px; color:#ffffff; background-color:transparent; 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; background-color:transparent; line-height:19px; float:left; padding:0 20px 0 0; }
.popup2-content{font-family:Arial; font-size:13px; color:#ffffff; background-color:transparent; 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; background-color:transparent; 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; background-color:transparent; 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; background-color:transparent; line-height:18px; float:left; height:40px;}
.popup4-content{font-family:Arial; font-size:13px; color:#ffffff; background-color:transparent; 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; background-color:transparent; line-height:18px;}
.popup5-content{font-family:Arial; font-size:13px; color:#ffffff; background-color:transparent; line-height:12px; padding:40px 33px 0 0;}
.popup5-content-last{font-family:Arial; font-size:13px; color:#ffffff; background-color:transparent; 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; background-color:transparent;  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;   background-color:transparent;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;background-color:transparent;}
#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:1.2em; line-height:25px;}
.panel-text2 {font:Arial; font-size:1.2em; line-height:16px; padding-bottom:8px;} 
.panel-text a{font:Arial; font-size:1em; color:#ffffff; background-color:transparent; 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:2em; padding: 15px 238px 0pt 302px; margin:0;font-weight:normal;}
#bottom-text .h2tampax{font-size:2em; margin:0; padding: 15px 0 0 0;float:left;font-weight:normal;}
#bottom-text .h2period{margin:0; font-size:2em; padding:0 185px 0 454px; float:left;font-weight:normal;}
#bottom-text .h2unique{font-size:2em; 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;background-color:transparent;}
#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;background-color:transparent;}
.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;background-color:transparent;}
.green-effects-xxxxlarger { background:url(../images/green-bar-2.png) no-repeat; width:404px; text-align:left; font:Arial; font-size:17px; color:#5254a3; background-color:transparent; 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; background-color:transparent; 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;
        color:inherit;
        background-color:transparent;
        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;
        color:transparent;
        background-color:transparent;
}
.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;
        background-color:transparent;
}
.content-box-stretch a {
        font:normal 14px Arial, Helvetica, sans-serif;
        color:#FFFFFF;
        background-color:transparent;
}

.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;
        background-color:transparent;
        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-product1 {
        position: absolute;
        bottom: 0;
        right: 20px;
        z-index: 15;
}
#centerstage-product img {
        z-index: 15;
}
#centerstage-product1 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;
        background-color:transparent;
        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;
        background-color:transparent;
        width: 420px;
        position: absolute;
        left: 280px;
        top: 90px;
        text-align: left;
        display: none;
}
#pearl-disclaimer {
        font: 12px/14px Arial, Helvetica, sans-serif;
        color: #99ccff;
        background-color:transparent;
        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;
}


.pearlposition6 {
    left: 127px;
    top: 280px;
}

.pearlposition5 {
    left: 230px;
    top: 181px;
}

.pearlposition4 {
    left: 262px;
    top: 255px;
}

.pearlposition3 {
    left: 311px;
    top: 268px;
}


.pearlposition2 {
    left: 353px;
    top: 271px;
}

.pearlposition1 {
    left: 389px;
    top: 250px;
}

.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;
}

/*
Homepage banner slider
*/
#downpour{background:transparent url(./Images/en-US/home/downpour/bg-help.jpg) no-repeat scroll left top;height:308px;width:987px;}
.help{position:relative; top:22px; left:35px;}
.help_txt{position:relative; top:49px; left:21px; border:1px solid red;font-family:Arial,Helvetica,sans-serif;
font-size:0.9em;font-style:normal;font-variant:normal;font-weight:normal; color:#212683; width:495px;}
.what_txt{left:550px;position:absolute;top:41px; width:260px;}
.click_txt{left:744px;position:absolute;top:120px; width:225px;}
#centerstage-product2{left:510px;position:absolute;top:-125px;width:350px;}
#centerstage-product2 .pearl{left:77px;position:relative;top:15px;width:100px;}
#centerstage-product2 .compak{left: 209px;position: relative;top: -110px;width: 100px;}
#centerstage-product2 .cardboard{left:347px;position:relative;top:-240px;width:100px;}
#pearl_txt{width:44px; position:relative; left:24px; top:-3px;}
#Compak_txt{left: 24px;position: relative;top: -2px;width: 65px;}[sasspwww@s233690dc2el64 themeTampax]$

