@charset "utf-8"; 


*, html {margin:0; padding:0;}

html {
overflow-x: hidden;
}

* html .threepxfix{
margin-left: 3px;
}

/* CSS PNG Transparency fix by Rogie King, Komodo Media  
   Patched by Herryanto Siatono, Pluit Solutions to solve background 'none' call to the server */
/*
* html img,
* html .png {
  azimuth: expression(
    this.pngSet?
      this.pngSet=true : 
        (this.nodeName == "IMG" ? 
          (this.src.toLowerCase().indexOf('.png')>-1 ? 
            (this.runtimeStyle.backgroundImage = "none", this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",
                this.src = "../img/s.gif") :
            '') :          
          (this.currentStyle.backgroundImage.toLowerCase().indexOf('.png')>-1) ?
            (this.origBg = (this.origBg) ? 
              this.origBg :             
              this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),
              this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')",
              this.runtimeStyle.backgroundImage = "none") :
            ''
        ), this.pngSet=true
  );
}
*/



.cleardiv {clear:both; padding-top:0;} /* Clear both sides of div */

img {border: 0;}
a {text-decoration:none; color:#F0CA97}
a:hover {text-decoration:underline; color:#F0CA97}
 
fieldset ul { padding: 0em; margin: 0em; }

fieldset ul li { display: block;
list-style-type: none;
clear: both;
float: none;
height: auto;
overflow: auto;
margin-bottom:10px;
}


fieldset ul li input[type="checkbox"]
{
display: block;
float: left;
margin-right: 10px;
margin-top: 4px;
}

fieldset ul li input[type="radio"]
{
display: block;
float: left;
margin-right: 10px;
}

fieldset ul li input
{
display: block;
float: left;
margin-right: 10px;
}

fieldset ul li label
{
display: block;
margin-left: 0.2em;
margin-top: 0.1em;
float: left;
clear: right; 
width:520px;
}


body {font-family:Helvetica, Arial, sans-serif; font-size:0.75em; height:100%; color:#F0CA97; background-color:#000000; }

h1 {font-size:1.50em; font-weight:normal; padding-left:10px; margin-bottom:0;}
.h1_bottom_line {margin-left:10px;}
form select, form input, form textarea {border:1px solid #A98446; font-size:1em; font-family:Helvetica, Arial, sans-serif;}
form input {width:155px;}
form input[type="radio"] {width:12px; border:none; margin-right:10px;}
form input[type="checkbox"] {width:12px; border:none; margin-right:10px;}
/*This classes are needed because IE6 does not recognize input[type=""]*/	

.chksize {width:12px; border:none;  margin-right:10px; position:relative; top:-2px;}
.radiosize {width:12px; border:none;  margin-right:10px; position:relative;}
.optlabel {margin-left:0; margin-right:10px;}
label.others {padding:0 10px}
label a {text-decoration:underline;}

fieldset {font-family:Helvetica, Arial, sans-serif; font-size:1em; border: none;}
fieldset label {margin:0 10px;}
fieldset legend {color:#F0CA97; font-weight:bold; border: none;}
.legend_title {color:#F0CA97; font-weight:bold;  margin-bottom:15px;}
.nondisplay {display:none;}
.bullet {margin-bottom:0px; vertical-align:text-top; display: inline-block; margin-left: 5px; margin-top:3px;}

.hidden {
position:relative;
left:0px;
top:-500px;
width:1px;
height:1px;
overflow:hidden;}

fieldset.list {margin-top:15px;}
fieldset.list ul {margin-left: 90px;}
fieldset.list ul li label {width:430px;}

fieldset.fdisp_block input[type="checkbox"] {float:left;}
fieldset.fdisp_block .radiosize {float:left;}
fieldset.fdisp_block input[type="radio"] {float:left;}
fieldset.fdisp_block .chksize {float:left;}
fieldset.fdisp_block label {margin:0px 5px; float:left;}

#optbox_middle fieldset {margin:0 30px;}
#optbox_middle fieldset legend {margin-bottom: 15px; }
#optbox_middle p {margin:0 30px;}
#optbox_middle ol {margin:0 40px; padding:0em;}
#optbox_middle ol li {margin:0 40px; padding-bottom:10px;}



/* ENTIRE WRAPPER */
/*Putting an overflow: hidden will fix the background missing issue iin Firefox which happens when floats are not cleared in your layout.*/

#container {width:960px; margin:0 auto; background-image:url(../img/left_bg.jpg); background-position:left top; background-repeat:no-repeat; overflow: hidden;} 
#homepage_container {width:960px; margin:0 auto;} 
#homepage_container #homepage {width:960px; background-image:url(../img/home_left_bg.jpg); background-position:left top; background-repeat:no-repeat; overflow: hidden;} 
#homepage_container #top_nav {background-image:url(../img/home_right_content01.jpg); height:220px;} 
#homepage_container #left_content_products {background-image:url(../img/home_products_bg_left.jpg);}

#left {width:304px; float:left;}
#logo img {width:304px;}
#left_content img {width:304px;}
#left_content_products {background-image:url(../img/products_bg_left.jpg); background-position:top left; background-repeat:no-repeat; width:264px; height:55px; padding-top:125px; padding-left:40px;} 
#flash {padding-left:25px; padding-top:30px;}
#left_content_products img {margin-right:10px;}
#left_content_ask_expert {margin-left:50px; color:#FFFFFF;}
#left_content_ask_expert .bullet {margin-top:2px; margin-bottom:0px;}
#left_content_ask_expert img {margin-bottom:10px;}
#left_content_ask_expert p {margin-bottom:10px !important;}

#right {width:656px; float:left;}


#wrapper-code {padding-bottom: 35px;}

#top_nav {background-image:url(../img/header_bg_nav.jpg); background-position:top; width:646px; height:130px; padding-top:60px; padding-left:10px;} 

#content {background-image:url(../img/content_bg.jpg); background-position:top; background-repeat:no-repeat; }
.content_container {margin-bottom:15px;}
.thankyou_heading {padding-top: 60px;}
.thankyou_heading img {width:656px; height:32px;}
.heading {width:656px; height:32px;}
.heading img {width:656px; height:32px;}
.form_component {width:636px; padding:10px;}
#form_intro {padding-right:10px;}
#form_mandatory_text {font-size: 1em; padding-top:10px;}
#content p {padding:10px 120px 10px 10px;}
#content p a {text-decoration: underline;}
#content p a:hover {text-decoration: underline;}
#content p.nodecoration a {text-decoration: none;}
#content p.nodecoration a:hover {text-decoration: underline;}
.form_component table {width:600px; border:0; margin-top:15px;}
.form_component table tr td {padding-bottom:15px;}

.form_component table th {padding-bottom:15px; text-align:left;  vertical-align:top}

.form_component table.withbtmmargin {margin-bottom:15px;}

.form_component table.four_col_tbl th{text-align:left; width:100px;}
.form_component table.four_col_tbl th.one_col{width:100%;}
.form_component table.four_col_tbl td{text-align:left; width:200px;}

.form_component fieldset table {width:550px; border:0; margin-left:50px;}
.form_component fieldset table tr td {padding-bottom:0;}
.form_component fieldset table tr td label {padding-bottom:15px;}

.form_component fieldset table.ftbl_noleftmargin {width:550px; border:0; margin-top:10px;  margin-left:0;}
.form_component fieldset table.ftbl_noleftmargin td {padding-bottom:15px;}


#optbox_top {background-image:url(../img/info_box_top.png); background-position:top left; width:616px; height:30px; background-repeat:no-repeat;}
#optbox_middle {width:616px; background-image:url(../img/info_box_middle_stretched.png); background-position:top left; background-repeat:no-repeat;}
#optbox_bottom {background-image:url(../img/info_box_bottom.png); background-position:top left; width:616px; height:30px; background-repeat:no-repeat; vertical-align:top;}

.form_controls {text-align:center; margin-top:10px; margin-bottom:50px;}
.form_controls img {margin-right:10px;}

#thankyou_controls {text-align:center; margin:30px 100px 15px 10px;}
#thankyou_controls img {margin-right:10px;}

.errmsg {color:#FF0000; margin-top:5px;}

/*Start: For doing image morphing shown in About the Pantene Miracle Page*/
#dock { list-style:none; margin:20px;}
#dock li { float:left; text-align:center; width:80px; height:76px; position:relative; z-index:0; }
#dock li img { border:0px; width:80px; height:76px; position:absolute; left:0px; top:0; display:block; }
#dock a img { border:0px; width:80px; height:76px; position:absolute; left:0px; top:0; display:block; }
/*End: For doing image morphing shown in About the Pantene Miracle Page*/

.qns {background-image:url(../img/bullet_star.png); background-position:top left; background-repeat:no-repeat;  padding:6px 10px 0px 30px; font-size:1.08em;}
.ans {width:640px;}
.left_content {float:left; width:460px}
.left_content p {padding:10px 55px 10px 10px !important;}
.celeb_name {color:#FFFFFF; font-weight:bold;}
.ans_top_line {margin-top:10px; margin-left:10px;}
.ans_top_line img {width:427px; height:1px;}
.right_content {float:left; width:140px}
.collapse {text-align:right;}
.collapse a {text-decoration:none !important;}

ol.tnc {margin:30px 90px 10px 30px;}
ol.tnc li {margin-bottom:10px;}
ol.tnc li ul {list-style-type:none; margin:0px;}
ol.tnc li ul li {margin-top:5px; margin-bottom:0px;}
.collapse a:hover {text-decoration:underline !important;}

#expert_bio_left {float:left; width:103px; margin:10px 11px;}
#expert_bio_right {float:left; width:480px;}
#expert_bio_right p.nodecoration a {color:#FFFFFF;}
#expert_bio_right .name {color:#FFFFFF; font-weight:bold;}


#footer {font-size:11px; color:#999999; text-align:right; padding-right:0.83em; padding-bottom:30px; padding-top:30px; font-family: Arial, Helvetica, sans-serif;position:relative;}
#homepage_container #footer {padding-top:10px;width:950px;}
#footer ul {list-style:none; padding-right:5px;}
#footer ul li {display:inline; padding-left:3px; line-height:20px;}
#footer a {color:#999999; }

#go-home{width:960px;margin:0 auto;padding:15px 0}
#go-home2{position:absolute;top:12px;left:0;}

/*start static page*/
#homepage_container {position: relative;}
#homepage_container #statichtml {position:absolute;top:0;left:0;width:960px;height:350px;z-index:1000;}


.footerinks { clear: both; padding: 15px 0 5px 80px; background: url(../images/arrow.jpg) 60px 19px no-repeat; font: bold 10px Verdana, Arial, Helvetica, sans-serif;  }

#hide-footer {
		display: none;
	}

.column1, .column2, .column3 {
	float: left;
	width: 300px;
	padding: 5px 0;
	list-style: none;
	}
	
.column1 {padding-left: 80px; width: 225px;}
	
.headingb {font: bold 12px Verdana, Arial, Helvetica, sans-serif;} 

.padleft {padding-left: 130px; margin-top: -38px!important;}

.padleft .column1, .padleft .column2, .padleft .column3 {
	width: 250px!important;
	}