/*contains all the styles for the overlay panels*/


a {outline:none;}

#bd
{
    height: 100%;
    clear: both;
    margin: 200px 0;
}

#CompanyInfo, #ContactUs, #Sustainability, #where_to_buy
{
    display: block;
    width: 900px;
    height: 450px;
    background: url(../images/bg/bg_keyword_white.png) no-repeat left top;
}

/* user detail panel */
#UserProfilePanel{width:600px;height:200px;background:#fff;display:block;}
#UserProfilePanel .float-left-block{float:left;}
#UserProfilePanel .ProfileDetails{margin:0 0 0 10px;}
#UserProfilePanel .clear{clear:both;}
#UserProfilePanel h1{font-weight:bold;}
/* user detail panel */

/* User Registration */
#RegistrationFormContainer{margin:0px auto 0px auto; }
#RegistrationFormContainer .RegFormStep{background:green;float:left; width:auto;padding:2px;}
#RegistrationFormContainer .RegFormStep span{background:green;color:#fff;}
/* End User Registration */

/* static panel css */
/* margins and padding */
#CompanyInfo .body
{
    padding:70px 75px 68px 75px;
    text-align:left;}
#CompanyInfo .body .title{ height:20px;} 
#CompanyInfo .body .title p
{
    font-weight:bold;
    font-size:189%;
    color:#9ed32d;}/*padding:0 0 0 22px;*/
#CompanyInfo .body .title p img 
{
    vertical-align:middle;
    margin-right:8px;}
#CompanyInfo .body .body-left
{
    float:left;
    width:542px;
    margin:30px 0 0 0;
    height:270px;
    overflow:auto;}
#CompanyInfo .body .body-left h2
{
    font-size:116%;
    font-weight:bold;
    padding:0 0 11px 0;
    color:#666666;}
#CompanyInfo .body .body-left p
{
    line-height:161.8%;
    color:#999;
    padding:0 35px 0 0;}

#CompanyInfo .body .body-right {
    float:right;
    margin:25px 0 0 0;
    height:270px;
    width: 200px;
}
#CompanyInfo .ci-menu a.off-item
{
    text-decoration:none;
    color:#999;
    font-weight:bold;
    font-size:108%;}
#CompanyInfo .ci-menu a.off-item:hover
{
    color:#9ed32d;
    font-weight:bold;
    font-size:108%;
    }
#CompanyInfo .ci-menu a.active-item
{
    color:#9ed32d;
    text-decoration:none;
    font-size:108%;
    }
#CompanyInfo ul.ci-menu 
{
    list-style: none;
    padding: 0 0 0 40px;
    margin: 11px 0 11px 0;
}
#CompanyInfo .ci-label
{
    font-weight:bold;
    margin:0 0 10px 0;
    font-size:116%;}
#CompanyInfo .ci-item
{
    margin:7px 0;
    font-weight:bold;
    font-size:85%;}
#CompanyInfo .ci-space
{
    padding:5px 0 0 0;}

#ourstoryContent {
    padding: 0 30px 0 0;
    position: relative;
    display: block;
}
#ourstoryContent h2 {font-size:14px; color:#666;margin:0; padding:0 0 11px 0;}
#ourstoryContent p {margin:0; padding:0 0 22px 0; font-size:12px; line-height:21px; color:#999999;}

/*founders: eric ryan, adam lowry*/
#ericContent, #adamContent {
    padding:0 30px 0 0;
    position: relative;
    display: none;
}
#ericContent .leftCol, #adamContent .leftCol {
    float:left;
    width:132px;
    height:250px;
    padding:0 30px 0 0;
}
#ericContent .rightCol, #adamContent .rightCol {
    float:right;
    width:292px;
    height:250px;
    padding:0 30px 0 0;
}
#ericContent h2, #adamContent h2 {font-size:14px; color:#666; margin:0; padding:7px 0 13px 0;} 
#ericContent h2 .position, #adamContent h2 .position {color:#999999; padding:2px 0 0 0;}
#ericContent p, #adamContent p {margin:0; padding:0 0 0px 0; font-size:12px; line-height:21px; color:#999999;}

#efficacyContent {
   padding:0 30px 0 0;
   position: relative;
   display: none;
}
#efficacyContent h2 {font-size:14px; color:#666;margin:0; padding:0 0 11px 0;}
/*#efficacy p {margin:0; padding:0 0 22px 0; font-size:12px; line-height:21px; color:#999999;}*/

#safetyContent {
   padding:0 30px 0 0;
   position: relative;
   display: none;
}

#environmentContent {
   padding:0 30px 0 0; 
   display: none;
}

#designContent {
   padding:0 30px 0 0;
   display: none;
}

#fragranceContent {
   padding:0 30px 0 0;
   display: none;
}

.companyInfoContent {
    margin: 0;
}

/*what we're for*/
#whatweareforContent {
    padding: 0 30px 0 0;
    overflow: hidden;
    display: none;
}
#whatweareforContent h2 {font-size:14px; color:#666;margin:0; padding:0 0 11px 0;}
#whatweareforContent p {margin:0 0 22px 0; font-size:12px; line-height:21px; color:#999999;}
#whatweareforContent p#last {margin:0 0 16px 0; font-size:12px; line-height:21px; color:#999999;}
#whatweareforContent ul { list-style:none; margin:0 0 0 0; padding:0; color:#999999;}
#whatweareforContent ul li {padding-top:8px;}
#whatweareforContent h3 {color:#666; font-size:93%; margin:0; padding:0; font-weight:bold;}
#whatweareforContent .leftCol { float:left; width:226px; height:165px; padding:0 27px 0 0;}
#whatweareforContent .rightCol { float:left; height:165px; }/*width:300px;*/
#whatweareforContent .leftCol li { text-align:right;}
#whatweareforContent .leftCol h3 { text-align:right;}



/*Sustainability page*/
#Sustainability{display:block;width:900px; height:450px;}
/* margins and padding */
#Sustainability .body{padding:50px 75px 68px 75px; text-align:left;}
#Sustainability .body .title {
    margin-right:30px;
    float:left;
    height:25px;
    background:url(../images/overlay/icon_sustain.png) no-repeat left top;
    font-weight:bold;
    font-size:189%;
    width:160px;
    padding:0;
    color:#9ed32d;
    text-align: right;
    }
#Sustainability .body .title p{font-weight:bold; font-size:189%; width:130px; padding:0 0 0 28px;color:#9ed32d;  }
#Sustainability .body h2{clear:both; display:block; font-size:138.5%; font-weight:bold;color:#999;padding:24px  0 9px 0;}
/*#Sustainability #InnerPanelText{height:211px;width:608px; overflow:auto;}*/
/* content block*/
#Sustainability .body .body-left{float:left;width:608px;height:211px; overflow:auto;}
#Sustainability .body .body-left h2{clear:both; display:block;font-weight:bold; font-size:189%;color:#999;}
#Sustainability .body .body-left h3{clear:both; display:block;font-weight:bold; font-size:108%;color:#999;padding:9px  0 22px 0;}
#Sustainability .body .body-left p{line-height:1.5em;color:#999; padding:0 35px 18px 0;}
#Sustainability .body .s-menu{font-weight:bold;font-size:108%;float:left;margin:7px 15px 0 0;padding-right:15px;background:url(../images/breadcrumb_divider.png) center right no-repeat;}
#Sustainability .body .s-menu-last{font-weight:bold;font-size:108%;float:left; margin:7px 0 0 0px;padding-right:10px;}
#Sustainability .body a{text-decoration:none;}

#Sustainability .body .s-menu a.off-item, 
#Sustainability .body .s-menu-last a.off-item{font-family:199%; font-weight:bold; }
#Sustainability .body .s-menu a.off-item:link, 
#Sustainability .body .s-menu-last a.off-item:link {color:#999; text-decoration:none;}
#Sustainability .body .s-menu a.off-item:visited, 
#Sustainability .body .s-menu-last a.off-item:visited {color:#999; text-decoration:none;}
#Sustainability .body .s-menu a.off-item:hover, 
#Sustainability .body .s-menu-last a.off-item:hover {color:#9ed32d; text-decoration:none;}
#Sustainability .body .s-menu a.off-item:active, 
#Sustainability .body .s-menu-last a.off-item:active {color:#999; text-decoration:none;}

#Sustainability .body .s-menu a.active-item:link {color:#9ed32d;background-color:#fff;}
#Sustainability .body .s-menu a.active-item:visited {color:#9ed32d;background-color:#fff;}
#Sustainability .body .s-menu a.active-item:hover {color:#9ed32d;background-color:#fff;}
#Sustainability .body .s-menu a.active-item:active {color:#9ed32d;background-color:#fff;}
#Sustainability .body .s-menu-last a.active-item:link {color:#9ed32d;background-color:#fff;}
#Sustainability .body .s-menu-last a.active-item:visited {color:#9ed32d;background-color:#fff;}
#Sustainability .body .s-menu-last a.active-item:hover {color:#9ed32d;background-color:#fff;}
#Sustainability .body .s-menu-last a.active-item:active {color:#9ed32d;background-color:#fff;}

#Sustainability ol, #Sustainability  ul {color:#999999;background: #fff;}
#Sustainability p.listTitle {padding:0 0 0 0;}
#Sustainability ol.philosophy-list {margin:0 0 0 0; padding:0px 0 20px 18px;width: 580px;line-height:1.5em;}
#Sustainability ol.philosophy-list li {margin-top:10px;list-style-type:decimal;}
#Sustainability ol.formulation-list li {margin-top:0px;list-style-type:decimal;line-height:1.5em;}
#Sustainability ul { list-style:none; margin:0; padding:0px 0 20px 0px; }
#Sustainability ul li {margin-top:4px;}

#Sustainability .sustain-copy {background: #fff;}
#Sustainability .sustain-copy a {padding:0 1px;}
#Sustainability .sustain-copy a:link { color:#9ed324;background-color:#fff;}
#Sustainability .sustain-copy a:visited { color:#9ed324;background-color:#fff;}
#Sustainability .sustain-copy a:hover { color:#fff;background-color:#9ed324;}
#Sustainability .sustain-copy a:active { color:#9ed324;background-color:#fff;}

/*Contact Us*/

#ContactUs p,h2{color:#999;}
/*#ContactUs a{color:#9ed32d;text-decoration:none;}*/
#ContactUs .body{padding:54px 47px 41px 50px; text-align:left;}
#ContactUs .body .title{height:20px;background:url(../images/ContactUs/icon_mail.png) center left no-repeat;}

#ContactUs .body .body-left{margin-right:40px;float:left;width:462px;height:312px;}

#ContactUs .body .body-left .cu-lg-photo{}
#ContactUs .body .body-left .cu-thumbnail-block{margin:6px 10px 0;width:57px;height:37px;float:left;background:url(../images/ContactUs/thumb_frame.png) top left no-repeat;}
#ContactUs .body .body-left .cu-thumbnail-block-active{margin:6px 10px 0;width:57px;height:37px;float:left;background:url(../images/ContactUs/thumb_frame_select.png) top left no-repeat;}

#ContactUs .body .cu-right {width:300px; height:312px; float:left;margin:0; overflow:auto;}
#ContactUs .body .title p{font-size:167%;color:#9ed32d;margin:0 0 0 30px;}
#ContactUs .body .cu-right .block{margin:18px 0;padding:0 50px 0 0;}
#ContactUs .body .cu-right .block h2{ font-weight:bold;font-size:100%;}

#ContactUs a:link { text-decoration:none; color:#9ed324; background-color: transparent;}
#ContactUs a:visited {text-decoration:none; color:#9ed324; background-color: transparent;}
#ContactUs a:hover {text-decoration:none; color:#fff; background-color:#9ed324;}
#ContactUs a:active {text-decoration:none; color:#9ed324;background-color: transparent;}

/*where to buy*/
#where_to_buy {display:block; height:450px; color:#999999; overflow: auto; padding: 70px 75px 68px 75px; text-align: left;}

#where_to_buy .body{padding:70px 75px 68px 75px; text-align:left; overflow: auto;}
#where_to_buy .body .title{margin:0 0 1px 0; } 
#where_to_buy .body .title p{font-weight:bold; font-size:189%; color:#9ed32d;}/*padding:0 0 0 22px;*/
#where_to_buy .body .title p img { vertical-align:middle; margin-right:8px;}

#where_to_buy .title{margin:0 0 1px 0; } 
#where_to_buy .title p{font-weight:bold; font-size:189%; color:#9ed32d;}/*padding:0 0 0 22px;*/
#where_to_buy .title p img { vertical-align:middle; margin-right:8px;}

#where_to_buy form {margin:0; padding:0;}
#where_to_buy h2 {font-size:116%; color:#999; margin:0; padding:0 0 11px 16px; font-weight:bold;}
#where_to_buy p {margin:0; padding:0 0 22px 0; font-size:12px; line-height:21px; }
#where_to_buy .leftCol { float:left; margin:0px 0 0 0px; width:192px;}
#where_to_buy .centerCol {float:left; margin:0px 60px 0 0; width:234px; overflow: auto;}
#where_to_buy .rightCol {float:left; margin:0px 0 0 0; overflow: auto;}
#where_to_buy ul { list-style:none; margin:0; padding:0; width:234px; height:230px; overflow:auto;font-size:12px; color:#999999;}
#where_to_buy ul img { vertical-align:middle; }/*position:relative; top:4px; margin-right:2px;*/
#where_to_buy ul li {line-height:18px;}
#where_to_buy .nolink {padding:0 2px;}
#where_to_buy a {padding:0 2px;}
#where_to_buy a:link { text-decoration:none; color:#9ed324; background-color: transparent;}
#where_to_buy a:visited {text-decoration:none; color:#9ed324; background-color: transparent;}
#where_to_buy a:hover {text-decoration:none; color:#fff; background-color:#9ed324;}
#where_to_buy a:active {text-decoration:none; color:#9ed324;background-color: transparent;}

#where_to_buy label { font-weight:bold; font-size:93%;}
#where_to_buy select { display:block; width:auto; height:17px; font-size:93%; color:#999;} /**/
* html body #where_to_buy select {height:25px;}
*+html #where_to_buy select {height:17px;}/*IE7*/
#CountryList {margin:0 0 19px 0;}
#RegionList {margin:0 0 150px 0;}
.logo_stockup {float:left; width:14px; height:20px;}
.txt_stockup {float:left;font-size:9px; font-style:italic;padding:0 0 0 5px;}

/*privacy policy width:566px; height:262px; overflow:auto;*/
#privacypolicy {
    margin:25px 0 0 0;
    padding:0px 30px 0 0;
    width:586px;
    height:262px;
    overflow: hidden;
  }
#privacypolicy h2 {
    font-size:108%;
    color:#666;
    /*margin:0 20px 0 0;*/
    padding:0 0 0 0;
    font-weight:bold;
}
#privacypolicy p {
    /*margin:0 20px 0 0;*/
    padding:0 0 22px 0;
    font-size:108%;
    color:#999999;
}

#privacypolicy ol {
    color:#999999;
    font-size:108%;
    line-height:1.3em;
    /*margin:0 20px 0 0;*/
    padding:20px 0 20px 25px;
    /*~padding:20px 0 20px 30px;*/
    /*overflow: auto;
    position: relative;*/
    width: 536px;
}
#privacypolicy ol li {
    margin:5px 0 0 0;
    list-style-type:decimal;
    }
#privacypolicy ol li ol {
    color:#999999;
    font-size:12px;
    /*margin:0 20px 0 0;*/
    padding:0 0 0 25px;
    /*~padding:0 0 0 25px;*/
    }
#privacypolicy ol li ol li {
    margin:5 20px 0 0;
    list-style-type:lower-alpha;
    line-height:1.3em;
}

#privacypolicy a {
    padding:0 1px;
    color:#9ed324;
    /*margin:0 20px 0 0;*/
    text-decoration:none;
}
#privacypolicy a:hover {
    text-decoration:none;
    color:#fff;
    background-color:#9ed324;
    /*margin:0 20px 0 0;*/
}





.testScroll1 p {
    /*margin:0 20px 0 0;*/
    padding:0 0 22px 0;
    font-size:108%;
    color:#999999;
}

.testScroll1 ol {
    color:#999999;
    font-size:108%;
    line-height:1.3em;
    /*margin:0 20px 0 0;*/
    padding:20px 0 20px 25px;
    /*~padding:20px 0 20px 30px;*/
    /*overflow: auto;
    position: relative;*/
    width: 536px;
}
.testScroll1 ol li {
    margin:5px 0 0 0;
    list-style-type:decimal;
    }
.testScroll1 ol li ol {
    color:#999999;
    font-size:12px;
    /*margin:0 20px 0 0;*/
    padding:0 0 0 25px;
    /*~padding:0 0 0 25px;*/
    }
.testScroll1 ol li ol li {
    margin:5 20px 0 0;
    list-style-type:lower-alpha;
    line-height:1.3em;
}

.testScroll1 a {
    padding:0 1px;
    color:#9ed324;
    /*margin:0 20px 0 0;*/
    text-decoration:none;
}
.testScroll1 a:hover {
    text-decoration:none;
    color:#fff;
    background-color:#9ed324;
    /*margin:0 20px 0 0;*/
}

.testScroll1 {
    margin:25px 0 0 0;
    padding:0px 30px 0 0;
    width:586px;
    height:262px;
    overflow: auto;
    position: relative;
    /*
    width: 536px;
    height: 100px;
    background: #0ff;
    overflow: hidden;
    */
}



.testScroll1 h2 {
    font-size:108%;
    color:#666;
    /*margin:0 20px 0 0;*/
    padding:0 0 0 0;
    font-weight:bold;
}

.GetFlashLink{color:#9ed32d; text-decoration:none; font-size:18px;}
#CompanyInfoItem {
    overflow: hidden;
}

#InnerPanelText {
    clear: both !important;
    position: relative !important;
}
/* turning off elements in the blog */
#gravatarmsg 
{
    display: none !important;
}

#ctl00_cphBody_CommentView1_txtWebsite 
{
    display:none !important;
}
#websiteLabel 
{
    display:none !important;
}
#kickIt, #dzone, #delicious, #permalink 
{
    display:none !important;
}

/*start: email signup thank-you overlay*/
.overlay_email_thankyou {
    background:url(../images/overlay/bg_email_thankyou_white.png) top left no-repeat;
    width:507px;
    height:268px;
    color:#999999;
    position: relative;
    top: 100px;
    left: 195px;
}
.overlay_email_thankyou .title {
    padding:50px 60px 0 52px;
    width: 250px;
    height: 24px;
    background:url(../images/overlay/title_email_thankyou.png) top left no-repeat;
    position:relative;
    left:52px;
    top:25px;
}
.overlay_email_thankyou p {
    margin:0;
    padding:35px 60px 0 52px;
    font-size:12px;
    line-height:16px;
}
.jqmCloseEmailThankYou {
    background:transparent url(../images/overlay/close.png) no-repeat scroll left top;
    cursor:pointer;
    height:13px;
    position:absolute;
    right:210px;
    top:110px;
    width:13px;
    z-index: 9000;
}
/*end: email signup thank-you overlay*/

/* all overlay styles */
.overlay_popup_bg_white { background:url(/Content/images/overlay/bg_popup_white.png) top left no-repeat; width:900px; height:450px; color:#999;}
.overlay_popup_bg_white h2.text_title {background:url(/Content/images/overlay/icon_paper_white.png) 0 3px no-repeat; height:30px; font-size:200%; padding:0 0 0 27px; color:#cacaca; }
.overlay_popup_bg_white h2.photo_title {background:url(/Content/images/overlay/icon_camera_white.png) 0 3px no-repeat; height:30px; font-size:200%; padding:0 0 0 33px;color:#cacaca;}
.overlay_popup_bg_white h2.ingred_title {background:url(/Content/images/overlay/icon_beaker_white.png) 0 3px no-repeat; height:30px; font-size:200%; padding:0 0 0 27px;color:#cacaca; margin:0 0 20px 0;}

.overlay_popup_bg_gray { background:url(/Content/images/overlay/bg_popup_gray.png) top left no-repeat; width:900px; height:450px; color:#FFFFFF;}
.overlay_popup_bg_gray h2.text_title {background:url(/Content/images/overlay/icon_paper_gray.png) 0 3px no-repeat; height:30px; font-size:200%; padding:0 0 0 27px; color:#d6e0e1; }
.overlay_popup_bg_gray h2.photo_title {background:url(/Content/images/overlay/icon_camera_gray.png) 0 3px no-repeat; height:30px; font-size:200%; padding:0 0 0 33px;color:#d6e0e1;}
.overlay_popup_bg_gray h2.ingred_title {background:url(/Content/images/overlay/icon_beaker_gray.png) 0 3px no-repeat; height:30px; font-size:200%; padding:0 0 0 27px;color:#d6e0e1; margin:0 0 20px 0;}

.overlay_popup_bg_grey { background:url(/Content/images/overlay/bg_popup_gray.png) top left no-repeat; width:900px; height:450px; color:#FFFFFF;}
.overlay_popup_bg_grey h2.text_title {background:url(/Content/images/overlay/icon_paper_gray.png) 0 3px no-repeat; height:30px; font-size:200%; padding:0 0 0 27px; color:#d6e0e1; }
.overlay_popup_bg_grey h2.photo_title {background:url(/Content/images/overlay/icon_camera_gray.png) 0 3px no-repeat; height:30px; font-size:200%; padding:0 0 0 33px;color:#d6e0e1;}
.overlay_popup_bg_grey h2.ingred_title {background:url(/Content/images/overlay/icon_beaker_gray.png) 0 3px no-repeat; height:30px; font-size:200%; padding:0 0 0 27px;color:#d6e0e1; margin:0 0 20px 0;}

.overlay_popup_bg_black { background:url(/Content/images/overlay/bg_popup_black.png) top left no-repeat; width:900px; height:450px; color:#FFFFFF;}
.overlay_popup_bg_black h2.text_title {background:url(/Content/images/overlay/icon_paper_black.png) 0 3px no-repeat; height:30px; font-size:200%; padding:0 0 0 27px; color:#cecece; }
.overlay_popup_bg_black h2.photo_title {background:url(/Content/images/overlay/icon_camera_black.png) 0 3px no-repeat; height:30px; font-size:200%; padding:0 0 0 33px;color:#cecece;}
.overlay_popup_bg_black h2.ingred_title {background:url(/Content/images/overlay/icon_beaker_black.png) 0 3px no-repeat; height:30px; font-size:200%; padding:0 0 0 27px;color:#cecece; margin:0 0 20px 0;}

.overlay_popup_bg_brown { background:url(/Content/images/overlay/bg_popup_brown.png) top left no-repeat; width:900px; height:450px; color:#FFFFFF;}
.overlay_popup_bg_brown h2.text_title {background:url(/Content/images/overlay/icon_paper_brown.png) 0 3px no-repeat; height:30px; font-size:200%; padding:0 0 0 27px; color:#f8e0c7; }
.overlay_popup_bg_brown h2.photo_title {background:url(/Content/images/overlay/icon_camera_brown.png) 0 3px no-repeat; height:30px; font-size:200%; padding:0 0 0 33px;color:#f8e0c7;}
.overlay_popup_bg_brown h2.ingred_title {background:url(/Content/images/overlay/icon_beaker_brown.png) 0 3px no-repeat; height:30px; font-size:200%; padding:0 0 0 27px;color:#f8e0c7; margin:0 0 20px 0;}

.overlay_popup_bg_orange { background:url(/Content/images/overlay/bg_popup_orange.png) top left no-repeat; width:900px; height:450px; color:#FFFFFF;}
.overlay_popup_bg_orange h2.text_title {background:url(/Content/images/overlay/icon_paper_orange.png) 0 3px no-repeat; height:30px; font-size:200%; padding:0 0 0 27px; color:#ffe9b4; }
.overlay_popup_bg_orange h2.photo_title {background:url(/Content/images/overlay/icon_camera_orange.png) 0 3px no-repeat; height:30px; font-size:200%; padding:0 0 0 33px;color:#ffe9b4;}
.overlay_popup_bg_orange h2.ingred_title {background:url(/Content/images/overlay/icon_beaker_orange.png) 0 3px no-repeat; height:30px; font-size:200%; padding:0 0 0 27px;color:#ffe9b4; margin:0 0 20px 0;}

.overlay_popup_bg_yellow { background:url(/Content/images/overlay/bg_popup_yellow.png) top left no-repeat; width:900px; height:450px; color:#FFFFFF;}
.overlay_popup_bg_yellow h2.text_title {background:url(/Content/images/overlay/icon_paper_yellow.png) 0 3px no-repeat; height:30px; font-size:200%; padding:0 0 0 27px; color:#fff9d0; }
.overlay_popup_bg_yellow h2.photo_title {background:url(/Content/images/overlay/icon_camera_yellow.png) 0 3px no-repeat; height:30px; font-size:200%; padding:0 0 0 33px;color:#fff9d0;}
.overlay_popup_bg_yellow h2.ingred_title {background:url(/Content/images/overlay/icon_beaker_yellow.png) 0 3px no-repeat; height:30px; font-size:200%; padding:0 0 0 27px;color:#fff9d0; margin:0 0 20px 0;}

.overlay_popup_bg_pink { background: url(/Content/images/overlay/bg_popup_pink.png) top left no-repeat; width:900px; height:450px; color:#FFFFFF;}
.overlay_popup_bg_pink h2.text_title {background:url(/Content/images/overlay/icon_paper_pink.png) 0 3px no-repeat; height:30px; font-size:200%; padding:0 0 0 27px; color:#ffddd8; }
.overlay_popup_bg_pink h2.photo_title {background:url(/Content/images/overlay/icon_camera_pink.png) 0 3px no-repeat; height:30px; font-size:200%; padding:0 0 0 33px;color:#ffddd8;}
.overlay_popup_bg_pink h2.ingred_title {background:url(/Content/images/overlay/icon_beaker_pink.png) 0 3px no-repeat; height:30px; font-size:200%; padding:0 0 0 27px;color:#ffddd8; margin:0 0 20px 0;}

.overlay_popup_bg_pink2 { background: url(/Content/images/overlay/bg_popup_pink2.png) top left no-repeat; width:900px; height:450px; color:#FFFFFF;}
.overlay_popup_bg_pink2 h2.text_title {background:url(/Content/images/overlay/icon_paper_pink.png) 0 3px no-repeat; height:30px; font-size:200%; padding:0 0 0 27px; color:#ffddd8; }
.overlay_popup_bg_pink2 h2.photo_title {background:url(/Content/images/overlay/icon_camera_pink.png) 0 3px no-repeat; height:30px; font-size:200%; padding:0 0 0 33px;color:#ffddd8;}
.overlay_popup_bg_pink2 h2.ingred_title {background:url(/Content/images/overlay/icon_beaker_pink.png) 0 3px no-repeat; height:30px; font-size:200%; padding:0 0 0 27px;color:#ffddd8; margin:0 0 20px 0;}

.overlay_popup_bg_purple { background:url(/Content/images/overlay/bg_popup_purple.png) top left no-repeat; width:900px; height:450px;color:#FFFFFF; }
.overlay_popup_bg_purple h2.text_title {background:url(/Content/images/overlay/icon_paper_purple.png) 0 3px no-repeat; height:30px; font-size:200%; padding:0 0 0 27px; color:#e6d4ff; }
.overlay_popup_bg_purple h2.photo_title {background:url(/Content/images/overlay/icon_camera_purple.png) 0 3px no-repeat; height:30px; font-size:200%; padding:0 0 0 33px;color:#e6d4ff;}
.overlay_popup_bg_purple h2.ingred_title {background:url(/Content/images/overlay/icon_beaker_purple.png) 0 3px no-repeat; height:30px; font-size:200%; padding:0 0 0 27px;color:#e6d4ff; margin:0 0 20px 0;}

.overlay_popup_bg_blue { background:url(/Content/images/overlay/bg_popup_blue.png) top left no-repeat; width:900px; height:450px; color:#FFFFFF;}
.overlay_popup_bg_blue h2.text_title {background:url(/Content/images/overlay/icon_paper_blue.png) 0 3px no-repeat; height:30px; font-size:200%; padding:0 0 0 27px; color:#bfe1f2; }
.overlay_popup_bg_blue h2.photo_title {background:url(/Content/images/overlay/icon_camera_blue.png) 0 3px no-repeat; height:30px; font-size:200%; padding:0 0 0 33px;color:#bfe1f2;}
.overlay_popup_bg_blue h2.ingred_title {background:url(/Content/images/overlay/icon_beaker_blue.png) 0 3px no-repeat; height:30px; font-size:200%; padding:0 0 0 27px;color:#bfe1f2; margin:0 0 20px 0;}

.overlay_popup_bg_green { background:url(/Content/images/overlay/bg_popup_green.png) top left no-repeat; width:900px; height:450px; color:#FFFFFF;}
.overlay_popup_bg_green h2.text_title {background:url(/Content/images/overlay/icon_paper_green.png) 0 1px no-repeat; height:30px; font-size:200%; padding:0 0 0 27px; color:#e3ff99; }
.overlay_popup_bg_green h2.photo_title {background:url(/Content/images/overlay/icon_camera_green.png) 0 3px no-repeat; height:30px; font-size:200%; padding:0 0 0 33px;color:#e3ff99;}
.overlay_popup_bg_green h2.ingred_title {background:url(/Content/images/overlay/icon_beaker_green.png) 0 3px no-repeat; height:30px; font-size:200%; padding:0 0 0 27px;color:#e3ff99; margin:0 0 20px 0;}
.overlay_popup_bg_green .overlay_content {color:#FFFFFF;}

/*ingredients*/
.overlay_ingr_content {padding:60px 20px 0 75px; width:auto; }
.ingred_txt_content {width:750px; height:220px; overflow:auto;}
.ingred_txt_content p {margin:0; padding:0 15px 15px 0;}
.overlay_ingr_content #imgCol { float:left; width:400px; height:350px; overflow:hidden;}
.overlay_ingr_content #textCol { float:left; width:310px; height:350px; margin-left:40px; }
.ingred_photo_content {width:300px; height:200px; overflow:auto; }
.ingred_photo_content p {margin:0; padding:0 10px 15px 0;}
.overlay_ingrList_content {padding:70px 100px 0 75px; width:auto; }
.overlay_ingrList_content h3 { font-weight:bold; font-size:118.2%; line-height: 1.5;}
.overlay_ingrList_content #leftCol { float:left;width:250px; height:270px;}
.overlay_ingrList_content #midCol { float:left;width:270px; height:270px; }
.overlay_ingrList_content #rightCol { float:left;height:270px; }
.overlay_ingrList_content ul {margin:0; padding:30px 0 0 0; list-style:none;}
.overlay_ingrList_content ul li {margin-bottom:10px;}
.overlay_ingrList_content ul a { text-decoration:none;}
.overlay_ingrList_content ul a:link {padding:0 0 0 0px;}
.overlay_ingrList_content ul a:visited { padding:0 0 0 0px;}
.overlay_ingrList_content ul a:hover {/*background:url(../images/arrow_r_white.gif) 0 4px no-repeat;*/ padding:0;color:#fff;}
.overlay_ingrList_content ul a:active {padding:0 0 0 0px;color:#fff;}
.overlay_popup_bg_white .overlay_ingrList_content ul a:link {padding:0 0 0 0px; color:#999;}
.overlay_popup_bg_white .overlay_ingrList_content ul a:visited { padding:0 0 0 0px;color:#999;}
.overlay_popup_bg_white .overlay_ingrList_content ul a:hover {background:url(../images/arrow_r_dark.gif) 0 4px no-repeat; padding:0 0 0 10px;color:#999;}
.overlay_popup_bg_white .overlay_ingrList_content ul a:active {padding:0 0 0 0px;color:#999;}

.back_to_ingredients { position:relative; top:-30px; left:-50px;}

a#link_back_ingredlist {width:120px; height:18px; display:block; text-decoration:none; background:url(../images/arrow_l_white.gif) 0 3px no-repeat; padding:0 0 0 14px;}

a#link_back_ingredlist:link {color:#fff; opacity: .7; filter: alpha(opacity=70);}
a#link_back_ingredlist:visited {color:#fff; opacity: .7; filter: alpha(opacity=70);}
a#link_back_ingredlist:hover {color:#fff; opacity: 1.0; filter: alpha(opacity=100);}
a#link_back_ingredlist:active {color:#fff; opacity: .7; filter: alpha(opacity=70);}
.overlay_popup_bg_white a#link_back_ingredlist 
{width:120px; height:18px; display:block; text-decoration:none; background:url(../images/arrow_l_dark.gif) 0 3px no-repeat; padding:0 0 0 14px;}
.overlay_popup_bg_white a#link_back_ingredlist:link {color:#999; opacity: .6; filter: alpha(opacity=70);}
.overlay_popup_bg_white a#link_back_ingredlist:visited {color:#999; opacity: .6; filter: alpha(opacity=70);}
.overlay_popup_bg_white a#link_back_ingredlist:hover {color:#666; opacity: .9; filter: alpha(opacity=90);}
.overlay_popup_bg_white a#link_back_ingredlist:active {color:#999; opacity: .6; filter: alpha(opacity=70);}
/* video tidbits
**************************************/
.video_overlay_content {
	padding: 0;width: 360px;height: 450px;float: right;}
.video_player_content {
	padding: 0;width: 535px;height: 450px;float: left;
}
.video_player_placer {
	margin: 35px 0 0 50px;width: 462px;height: 382px;}
.video_content_placer {
	margin: 50px 0 0 20px;height: 360px;width: 303px;	}
	
*html body .video_overlay_content {}
.video_txt_content {
	width:303px;height:220px;overflow:auto;}
.video_txt_content p {
	margin:0;padding:0 15px 15px 0;}
	
ul.video_txt_list {margin:0; padding:40px 0 0 0; list-style:none; float:left;}
ul.video_txt_list li { display:inline; float:left; padding-right:5px;}
ul.video_txt_list li a { display:block;text-decoration:none;}
/*tidbits - text version*/
.tidbits_overlay_content {padding:60px 20px 0 75px; width:auto;}
*html body .tidbits_overlay_content {}
.tidbits_txt_content {width:550px; height:220px; overflow:auto;}
.tidbits_txt_content p {margin:0; padding:0 15px 15px 0;}
/*tidbits - photo gallery version*/
#tidbits_gallery{}
#tidbits_gallery h2{margin:0; } /*color:#999;*/
#tidbits_gallery .body{padding:54px 47px 41px 50px; text-align:left;}
#tidbits_gallery .body .body-left{margin-right:40px;float:left;width:462px;height:312px;}
#tidbits_gallery .body .body-left .tidbitsImage_LFrame {background:url(../images/overlay/frame_lg.png) top left no-repeat; width:462px; height:312px; }
#tidbits_gallery .body .body-left .tidbitsImage_Large {padding:6px 0 0 6px;}
#tidbits_gallery .body .body-left .tidbits-thumbnail-block 
{margin:10px 15px 0 0;width:57px;height:37px;float:left;background:url(../images/overlay/thumb_frame.png) top left no-repeat; }
#tidbits_gallery .body .body-left .tidbits-thumbnail-block-active
{margin:10px 15px 0 0;width:57px;height:37px;float:left;background:url(../images/overlay/thumb_frame_select.png) top left no-repeat;cursor: pointer;}
.tidbits_thumbs {width:46px; height:31px;margin:3px 0 0 3px; overflow:hidden;}/*width:52px; height:37px;*/
.tidbits_thumbs img {width:53px;}
#tidbits_gallery .tidbits-right {width:300px; float:left;margin:0;}
#tidbits_gallery  p{font-size:109.1%; margin:0 5px 25px 0px;}
#tidbits_gallery .tidbits-right .block{margin:18px 0;padding:0 50px 0 0;font-size:93%;}
#tidbits_gallery .tidbits-right .tidbits_gallery_txt {width:300px; height:200px; margin:15px 0 5px 0; overflow:auto; }
/* needs to be removed to fix tidbit overlay *
#tidbits_gallery p a:link { text-decoration:none; color:#FFFFFF;opacity: .7; filter: alpha(opacity=70);}
#tidbits_gallery p a:visited {text-decoration:none; color:#FFFFFF; opacity: .7; filter: alpha(opacity=70);}
#tidbits_gallery p a:hover {text-decoration:none;  color:#FFFFFF;opacity: 1.0; filter: alpha(opacity=100);}
#tidbits_gallery p a:active {text-decoration:none;  color:#FFFFFF;opacity: .7; filter: alpha(opacity=70);}
*/

.overlay_popup_bg_white #tidbits_gallery a:link { text-decoration:none; color:#999;opacity: .6; filter: alpha(opacity=70);}
.overlay_popup_bg_white #tidbits_gallery a:visited {text-decoration:none; color:#999; opacity: .6; filter: alpha(opacity=70);}
.overlay_popup_bg_white #tidbits_gallery a:hover {text-decoration:none;  color:#666;opacity: .9; filter: alpha(opacity=90);}
.overlay_popup_bg_white #tidbits_gallery a:active {text-decoration:none;  color:#999;opacity: .6; filter: alpha(opacity=70);}

ul.ingred_txt_list {margin:0; padding:40px 0 0 0; list-style:none; float:left;}
ul.ingred_txt_list li { display:inline; float:left; padding-right:5px;}
ul.ingred_txt_list li a { display:block;text-decoration:none;}
ul.tidbits_txt_list {margin:0; padding:40px 0 0 0; list-style:none; float:left;}
ul.tidbits_txt_list li { display:inline; float:left; padding-right:5px;}
ul.tidbits_txt_list li a { display:block;text-decoration:none;}
ul.ingred_photo_list {margin:0; padding:30px 0 0 0; list-style:none;}
ul.ingred_photo_list li {margin-bottom:10px;}
ul.ingred_photo_list li a { display:block;text-decoration:none;}

a.link_overlay_wp {width:90px; height:20px; text-decoration:none; background:url(../images/icon_download_white.png) 0 2px no-repeat; padding:0 0 1px 19px;}
a.link_overlay_share {width:50px; height:20px; text-decoration:none; background:url(../images/icon_share_white.png) 0 2px no-repeat; padding:0 0 1px 20px;}
a.link_overlay_wp:link { color:#fff; opacity: .7; filter: alpha(opacity=70);} 
a.link_overlay_wp:visited {color:#fff; opacity: .7; filter: alpha(opacity=70);} 
a.link_overlay_wp:hover {color:#fff; opacity: .9; filter: alpha(opacity=90);} 
a.link_overlay_wp:active {color:#fff; opacity: .7; filter: alpha(opacity=70);} 
a.link_overlay_share:link { color:#fff; opacity: .6; filter: alpha(opacity=50); } 
a.link_overlay_share:visited { color:#fff; opacity: .6; filter: alpha(opacity=50);}
a.link_overlay_share:hover { color:#fff; opacity: 1.0; filter: alpha(opacity=100);}
a.link_overlay_share:active { color:#fff; opacity: .6; filter: alpha(opacity=50);}

.overlay_popup_bg_white a.link_overlay_wp {background:url(../images/icon_download_dark.gif) 0 2px no-repeat; padding:0 0 0 19px; }
.overlay_popup_bg_white a.link_overlay_share {background:url(../images/icon_share_dark.gif) 0 2px no-repeat; padding:0 0 0 20px; }
.overlay_popup_bg_white a.link_overlay_wp:link 
{color:#666; opacity: .7; filter: alpha(opacity=70);} 
.overlay_popup_bg_white a.link_overlay_wp:visited 
{color:#666; opacity: .7; filter: alpha(opacity=70);} 
.overlay_popup_bg_white a.link_overlay_wp:hover 
{color:#666; opacity: .9; filter: alpha(opacity=90);} 
.overlay_popup_bg_white a.link_overlay_wp:active 
{color:#666; opacity: .7; filter: alpha(opacity=70);} 
.overlay_popup_bg_white a.link_overlay_share:link 
{color:#666; opacity: .7; filter: alpha(opacity=70); } 
.overlay_popup_bg_white a.link_overlay_share:visited 
{ color:#666; opacity: .7; filter: alpha(opacity=70);}
.overlay_popup_bg_white a.link_overlay_share:hover 
{ color:#666; opacity: .9; filter: alpha(opacity=90);}
.overlay_popup_bg_white a.link_overlay_share:active 
{color:#666; opacity: .7; filter: alpha(opacity=70);}

/* ADVOCATES PROFILE */
#advocate_recapcha_incorrect{
    height: 24px;
    left:52px;
    top:25px;
    color:#f00;
    margin:0 0 0 8px;
}
#advocate_privacy_notchecked{
    clear:both;
    color:#f00;
    margin:10px 0 0 0;
}
#advocate_emaildup_error p {
	color:#f00;
	font-size:12px;
	margin:20px 0 0;
}
.advocate_thanks{
    padding:50px 60px 0 52px;
    width: 650px;
    height: 24px;
    position:relative;
    left:52px;
    top:25px;
}
.advocate_thanks h2 { 
	color:#fff;
}
.advocate_thanks p { 
	margin-top:15px !important;
}

.advocate_thanks a { 
	color:#fff;
}

.UserProfile
{
    margin: 0px auto;
    background: url(../images/bg/bg_keyword_turquoise.png) no-repeat;
    height: 450px;
    padding: 0px;
    width: 900px;
}
.profileCloseBtn
{
    clear: both;
    float: left;
    height: 13px;
    margin: 20px 0px 0px 0px;
    padding: 0px;
    width: 881px;
}
.profileCloseBtn img
{
    display: block;
    margin: 0px 0px 0px 868px;
    padding: 0px;
}
.imageAndNavigationWrapper
{
    float: left;
    margin: 33px 0px 0px 0px;
    padding: 0px;
    width: 220px;
}
.image-container
{
    background: transparent url(../images/advocates/advocates_profileImage.png) no-repeat;
    clear: both;
    height: 154px;
    margin: 24px 0px 0px 58px;
    padding: 6px;
    width: 150px;
}
.image-container img
{
    display: block;
    margin: 0px;
    padding: 0px;
}
.profileNavigation
{
    clear: both;
    margin: 10px 0px 0px 58px;
    padding: 0px;
}
.profileNavigation img
{
    display: block;
    margin: 0px;
    padding: 0px;
}
.profileNavigationPrevious
{
    float: left;
    margin: 0px;
    padding: 0px 0px 0px 5px;
}
.profileNavigationNext
{
    float: left;
    margin: 0px;
    padding: 0px 0px 0px 50px;
}
.profile-container
{
    float: left;
    margin: 33px 0px 0px 0px;
    width: 622px;
}
.profile-username
{
    color: #CCFFFF;
    font-size: 21px;
    font-weight: bold;
    margin: 27px 0px 0px 52px;
    line-height: 21px;
    padding: 0px;
    width: 518px;
}
.profile-location
{
    color: #ffffff;
    font-size: 21px;
    font-weight: normal;
    margin: 0px 0px 24px 52px;
    line-height: 21px;
    padding: 0px;
    width: 518px;
}
.profileBlocksWrapper
{
    height: 258px;
    margin: 0px;
    overflow: auto;
    padding: 0px;
    width: 620px;
}
.profile-block
{
    margin: 0px 0px 0px 0px;
    padding: 0px;
    width: 570px;
}
.profile-label
{
    color: #ccffff;
    font-size: 12px;
    font-weight: bold;
    margin: 0px 0px 0px 52px;
    line-height: 16px;
    padding: 0px;
    width: 518px;
}
.profile-copy
{
    color: #ffffff;
    font-size: 12px;
    font-weight: normal;
    margin: 0px 0px 16px 52px;
    line-height: 16px;
    padding: 0px;
    width: 518px;
}


.PadPanel
{
    background: url(../images/100x100_transparent_v2.png);
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    z-index: 9999;
}
/* not sure about this code; there was a conflict that was never properly cleaned up
{color:#666; opacity: .7; filter: alpha(opacity=70);}
*/
/*start - PAD invite friends*/
.overlay_pad_invite_narrow {
    background: url(../images/overlay/bg_advocates_invite2.png) 0 0px no-repeat;
    width:507px;
    height:538px; 
    color:#fff;
    font-size:109.1%;
    font-weight:bold;
}
#overlay_pad_invite
{
    margin: 0px auto;
    position: relative;
    top: -65px
}
.form_pad_invite
{
    padding:100px 0 0 0;
}
.form_pad_invite form
{
    margin: 0 auto;
    width: 403px;
}
.overlay_pad_invite_wide .form_pad_invite form 
{
    margin: 0 auto;
    width:440px;
}
.overlay_pad_invite_wide {
    background: url(../images/overlay/bg_overlay_turquoise.png) 0 0px no-repeat;
    width:900px;
    height:448px;
    color:#fff;
    font-size:109.1%;
    font-weight:bold;
    
}
.overlay_pad_invite_wide .form_pad_invite
{
    padding:0px 0 0 55px;
}
.header_pad_invite_wide
{
    width:440px;
    margin:0 auto;
    padding:35px 0 10px 40px;
}
.form_pad_invite input, .form_pad_invite textarea
{
    font-size : 100%;
    color:#666;
}
.label_pad_invite_required
{
    margin:0 0 4px 0px;
}
.asterisk_form_pad_invite
{
    margin:0px;
    padding: 0px;
}
.label_pad_invite
{
    margin:0 0 4px 0px;
}
.label_pad_invite_textarea
{
    margin:7px 0 4px 0px;
}
.field_pad_invite
{
    
}
.inputText_pad_invite_long
{
    width:400px;
    height:13px;
    margin:0 0 10px 0;
}
.textarea_pad_invite
{
    width:400px;
    height:55px;
    margin:0 0 20px 0;
    overflow: auto;
}
.inviteAsteriskNote {
    clear: both;
    float: left;
    margin: 0px;
    padding: 0px;
    width: 400px;
}

.inviteAsteriskNote p {
    clear: both;
    color: #ffffff;
    font-size: 11px;
    font-weight: bold;
    line-height: 11px;
    margin: 20px 0px 0px 0px;
    padding: 0px;
    width: 365px;
}
.inputText_pad_invite_short
{
    width:285px;
    height:13px;
    margin:0 0 12px 0;
}
.overlay_pad_invite_wide .inputText_pad_invite_long
{
    width:400px;
    height:13px;
    margin:0 0 7px 0;
}
.overlay_pad_invite_wide .textarea_pad_invite
{
    width:400px;
    height:35px;
    margin:0 0 15px 0;
}
.overlay_pad_invite_wide .inputText_pad_invite_short
{
    width:285px;
    height:13px;
    margin:0 0 7px 0;
}
.anti_spam_letters
{
    margin:0 0px 32px 0;
}
* html body .anti_spam_letters
{
    margin:0 0px 23px 0;
}
*+html .anti_spam_letters
{
    margin:0 0px 23px 0;
}
.overlay_pad_invite_wide .anti_spam_letters
{
    margin:0 0px 18px 0;
}
* html body .overlay_pad_invite_wide .anti_spam_letters
{
    margin:0 0px 10px 0;
}
*+html .overlay_pad_invite_wide .anti_spam_letters
{
    margin:0 0px 10px 0;
}
.buttons_pad_invite
{
    clear: both;
    float: left;
    text-align:right;
    margin: 0px 0px 0 0;
    /*padding: 0px 0px 0px 205px;*/
    width: 405px;
    height: 30px;
}
.overlay_pad_invite_wide .buttons_pad_invite
{
    text-align:right;
    padding-right:35px;
}
#btn_send_invite {
    background: url(../images/overlay/btn_send_invite.gif) 0 0px no-repeat;
    width:110px;
    height:25px;
    margin-right:5px;
}
#btn_cancel_invite {
    background: url(../images/overlay/btn_invite_cancel.gif) 0 0px no-repeat;
    width:79px;
    height:25px;
    margin-right:0;
    padding-right:0;
}
#recaptcha_image
{
    float: left;
}
/*
.recaptcha_buttons
{
    float: left;
    margin: 4px 0px 0px 0px;
    padding: 0px 0px 0px 15px;
}

.recaptcha_btn_refresh img
{
    display: block;
    margin: 0px;
    padding: 0px;
}

.recaptcha_only_if_image img
{
    display: block;
    margin: 0px;
    padding: 0px;
}

.recaptcha_only_if_audio img
{
    display: block;
    margin: 0px;
    padding: 0px;
}

.recaptcha_btn_help img
{
    display: block;
    margin: 0px;
    padding: 0px;
}

.recaptcha_incorrect_propmt_placer
{
    clear: both;
    float: left;
    height: 1px;
    margin: 0px;
    padding: 0px;
    position: relative;
    overflow: visible;
    width: 297px;
}
.recaptcha_only_if_incorrect_sol2
{
    font-weight: normal;
    margin: 0px;
    padding: 0px;
    position: absolute;
    width: 297px;
    top: 4px;
}
.recaptcha_enter_prompt
{
    color: #ffffff;
    font-weight: bold;
    margin: 0px;
    padding: 0px;
    position: absolute;
    width: 297px;
    top: 4px;
}

.recaptcha_only_if_audio
{
    width: 25px;
    height: 16px;
}

#recaptcha_response_field
{
    clear: both;
    float: left;
    margin: 20px 0px 0px 0px;
    padding: 0px;
    width: 297px;
}
*/
#InviteRecaptcha
{
    margin: 0 0 0 -7px;
}
/*end - PAD invite friends*/


/*begin PAD signup/enlist overlay styles */
#advocacySignUpContent {
    margin: 0px auto;
    background: url(../images/bg/bg_keyword_turquoise.png) no-repeat;
    height: 450px;
    padding: 0px;
    width: 900px;
}

#RegistrationFormContainer {
}
.advocacySignUpHeader {
    float: left;
    margin: 33px 0px 0px 0px;
    padding: 0px;
    width: 900px;
}

.advocacySignUpHeader img {
    display: block;
    margin: 0px;
    padding: 0px;
}

.advocacySignUp {
    float: left;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 55px;
}
#advocacySignUpHeaderStepOne {
    display: block;
    margin: 0px;
    padding: 0px;
}
#advocacySignUpHeaderStepTwo {
    display: none;
    margin: 0px;
    padding: 0px;
}

.YourProfile {
    float: left;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 29px;
}
.ContactInfo {
    float: left;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 11px;
}

#StepOne {
    display: block;
    width: 900px;
}
.stepOneLeftCol {
    float: left;
    margin: 0px;
    padding: 0px;
    width: 449px;
}
.firstNameContainer {
    float: left;
    margin: 0px;
    padding: 0px;
    width: 230px;
}
.firstNameContainer p {
    color: #ffffff;
    font-size:12px;
    font-weight: bold;
    line-height: 12px;
    margin: 33px 0px 0px 55px;
    padding: 0px;
    width: 175px;
}

#advocacySignUpFirstName {
    border-top: 1px #B2B2B2 solid;
    border-right: 1px #ffffff solid;
    border-bottom: 1px #ffffff solid;
    border-left: 1px #B2B2B2 solid;
    color: #999999;
    font-size: 11px;
    height: 16px;
    margin: 3px 0px 0px 55px;
    padding: 0px;
    width: 170px;
}
#requiredFieldValidator1 {
    color: Red;
/*    visibility: hidden;*/
    font-size: 12px;
    font-weight: normal;
    margin: 0px 0px 0px 5px;
}
.GenderContainer {
    color: #ffffff;
    margin: 8px 0px 0px 50px;
    padding: 0px;
    width: 175px;
}
.GenderContainer label {
    margin:0 10px 0 6px;
}
.lastNameContainer {
    float: left;
    margin: 0px;
    padding: 0px;
    width: 190px;
}
.lastNameContainer p {
    color: #ffffff;
    font-size:12px;
    font-weight: bold;
    line-height: 12px;
    margin: 33px 0px 0px 15px;
    padding: 0px;
    width: 182px;
}
#advocacySignUpLastName {
    border-top: 1px #B2B2B2 solid;
    border-right: 1px #ffffff solid;
    border-bottom: 1px #ffffff solid;
    border-left: 1px #B2B2B2 solid;
    color: #999999;
    font-size: 11px;
    margin: 3px 0px 0px 15px;
    height: 16px;
    padding: 0px;
    width: 170px;
}

.whyFightDirty {
    clear: both;
    float: left;
    margin: 0px;
    padding: 0px;
    width: 420px;
}
.whyFightDirty p {
    clear: both;
    color: #ffffff;
    font-size: 12px;
    font-weight: bold;
    line-height: 12px;
    margin: 23px 0px 0px 55px;
    padding: 0px;
    width: 365px;
}
#advocacySignUpWhyFightDirty {
    border-top: 1px #B2B2B2 solid;
    border-right: 1px #ffffff solid;
    border-bottom: 1px #ffffff solid;
    border-left: 1px #B2B2B2 solid;
    clear: both;
    color: #999999;
    font-size: 11px;
    height: 45px;
    margin: 3px 0px 0px 55px;
    overflow: auto;
    padding: 0px;
    width: 360px;
}
.stepTwoLeftCol {
    float: left;
    margin: 0px;
    padding: 0px;
    width: 449px;
    height: 280px;
}

.anyLittleOnes {
    clear: both;
    float: left;
    margin: 0px;
    padding: 0px;
    width: 420px;
}
.anyLittleOnes p {
    clear: both;
    color: #ffffff;
    font-size: 12px;
    font-weight: bold;
    line-height: 12px;
    margin: 20px 0px 0px 55px;
    padding: 0px;
    width: 365px;
}
#advocacySignUpAnyLittleOnes {
    border-top: 1px #B2B2B2 solid;
    border-right: 1px #ffffff solid;
    border-bottom: 1px #ffffff solid;
    border-left: 1px #B2B2B2 solid;
    clear: both;
    color: #999999;
    font-size: 11px;
    height: 45px;
    margin: 3px 0px 0px 55px;
    overflow: auto;
    padding: 0px;
    width: 360px;
}

.songOrAlbum {
    clear: both;
    float: left;
    margin: 0px;
    padding: 0px;
    width: 420px;
}
.songOrAlbum p {
    clear: both;
    color: #ffffff;
    font-size: 12px;
    font-weight: bold;
    line-height: 12px;
    margin: 20px 0px 0px 55px;
    padding: 0px;
    width: 365px;
}
.signUpAsteriskNote {
    clear: both;
    float: left;
    margin: 0px;
    padding: 0px;
    width: 420px;
}

.signUpAsteriskNote p {
    clear: both;
    color: #ffffff;
    font-size: 12px;
    font-weight: bold;
    line-height: 12px;
    margin: 20px 0px 0px 55px;
    padding: 0px;
    width: 365px;
}
#advocacySignUpSongInfo {
    border-top: 1px #B2B2B2 solid;
    border-right: 1px #ffffff solid;
    border-bottom: 1px #ffffff solid;
    border-left: 1px #B2B2B2 solid;
    clear: both;
    color: #999999;
    font-size: 11px;
    height: 16px;
    margin: 3px 0px 0px 55px;
    overflow: hidden;

    padding: 0px;
    width: 360px;
}

.stepOneRightLeftSeparator {
    border-left: 1px #639695 solid;
    float: left;
    height: 286px;
    margin: 35px 0px 0px 0px;
    padding: 0px;
    width: 0px;
}

.stepOneRightCol {
    float: left;
    margin: 0px;
    padding: 0px;
    width: 450px;
}
.productInfo {
    clear: both;
    float: left;
    margin: 0px;
    padding: 0px;
    width: 420px;
}
.productInfo p {
    clear: both;
    color: #ffffff;
    font-size: 12px;
    font-weight: bold;
    margin: 37px 0px 0px 34px;
    line-height: 12px;
    padding: 0px;
    width: 365px;
}
#advocacySignUpProductInfo {
    border-top: 1px #B2B2B2 solid;
    border-right: 1px #ffffff solid;
    border-bottom: 1px #ffffff solid;
    border-left: 1px #B2B2B2 solid;
    clear: both;
    color: #999999;
    font-size: 11px;
    height: 45px;
    margin: 3px 0px 0px 34px;
    overflow: auto;
    padding: 0px;
    width: 360px;
}
.productStores {
    clear: both;
    float: left;
    margin: 0px;
    padding: 0px;
    width: 420px;
}
.productStores p {
    clear: both;
    color: #ffffff;
    font-size: 12px;
    font-weight: bold;
    line-height: 12px;
    margin: 20px 0px 0px 34px;
    padding: 0px;
    width: 365px;
}
#advocacySignUpProductStores {
    border-top: 1px #B2B2B2 solid;
    border-right: 1px #ffffff solid;
    border-bottom: 1px #ffffff solid;
    border-left: 1px #B2B2B2 solid;
    clear: both;
    color: #999999;
    font-size: 11px;
    height: 45px;
    margin: 3px 0px 0px 34px;
    overflow: auto;
    padding: 0px;
    width: 360px;
}

.productTattoo {
    clear: both;
    float: left;
    margin: 0px;
    padding: 0px;
    width: 420px;
}
.productTattoo p {
    clear: both;
    color: #ffffff;
    font-size: 12px;
    font-weight: bold;
    line-height: 12px;
    margin: 20px 0px 0px 34px;
    padding: 0px;
    width: 385px;
}
#advocacySignUpProductTattoo {
    border-top: 1px #B2B2B2 solid;
    border-right: 1px #ffffff solid;
    border-bottom: 1px #ffffff solid;
    border-left: 1px #B2B2B2 solid;
    clear: both;
    color: #999999;
    font-size: 11px;
    height: 45px;
    margin: 3px 0px 0px 34px;
    overflow: auto;
    padding: 0px;
    width: 360px;
}

.avatarFile {
    clear: both;
    float: left;
    margin: 0px;
    padding: 0px;
    width: 420px;
    
}
.avatarFile p {
    clear: both;
    color: #ffffff;
    font-size: 12px;
    font-weight: bold;
    line-height: 12px;
    margin: 20px 0px 0px 34px;
    padding: 0px;
    width: 365px;
}
#advocacySignUpAvatarFile {
/*    border-top: 1px #B2B2B2 solid;
    border-right: 1px #ffffff solid;
    border-bottom: 1px #ffffff solid;
    border-left: 1px #B2B2B2 solid;*/
    clear: both;
    color: #999999;
    font-size: 11px;
    height: 18px;
    width: 363px;
    margin: 0;
    /*opacity: 0;
    -moz-opacity: 0;
    filter:alpha(opacity=0);*/
    overflow: hidden;
    padding: 0px;
}
#stepOneFooter 
{
    float: left;
    margin: 0px;
    padding: 0px;
    width: 450px;
}
.BtnNextStep1Placer
{
    float: left;
    margin: 0px;
    padding: 0px;
}
#BtnNextStep1 
{
    cursor: pointer;
    margin: 20px 0px 0px 230px;
    padding: 0px;
}
.BtnCancelStep1Placer
{
    float: left;
    margin: 0px;
    padding: 0px;
}
#BtnCancelStep1 
{
    cursor: pointer;
    margin: 20px 0px 0px 8px;
    padding: 0px;
}


#StepTwo 
{
    display: none;
    width: 900px;
}

.stepTwoLeftCol {
    float: left;
    margin: 0px;
    padding: 0px;
    width: 449px;
}
.advocacyPrivacyDisclamer {
    clear: both;
    color: #ccffff;
    float: left;
    font-size: 10px;
    font-style: italic;
    font-weight: bold;
    line-height: 12px;
    margin: 33px 0px 0px 0px;
    padding: 0px 0px 0px 55px;
    width: 394px;
}
.advocacyMailingAddress {
    float: left;
    margin: 0px;
    padding: 0px;
    width: 275px;
}
.advocacyMailingAddress p {
    clear: both;
    color: #ffffff;
    font-size: 12px;
    font-weight: bold;
    line-height: 12px;
    margin: 10px 0px 0px 55px;
    padding: 0px;
    width: 220px;
}
#advocacySignUpAddress {
    border-top: 1px #B2B2B2 solid;
    border-right: 1px #ffffff solid;
    border-bottom: 1px #ffffff solid;
    border-left: 1px #B2B2B2 solid;
    clear: both;
    color: #999999;
    font-size: 11px;
    height: 16px;
    margin: 3px 0px 0px 55px;
    padding: 0px;
    width: 218px;
}
.advocacyCity {
    float: left;
    margin: 0px;
    padding: 0px;
    width: 174px;
}
.advocacyCity p {
    clear: both;
    color: #ffffff;
    font-size: 12px;
    font-weight: bold;
    line-height: 12px;
    margin: 10px 0px 0px 19px;
    padding: 0px;
    width: 155px;
}
#advocacySignUpCity {
    border-top: 1px #B2B2B2 solid;
    border-right: 1px #ffffff solid;
    border-bottom: 1px #ffffff solid;
    border-left: 1px #B2B2B2 solid;
    clear: both;
    color: #999999;
    font-size: 11px;
    height: 16px;
    margin: 3px 0px 0px 19px;
    padding: 0px;
    width: 124px;
}
.advocacyState {
   float: left;
    margin: 0px;
    padding: 0px;
    width: 250px;
}
.advocacyState p {
    clear: both;
    color: #ffffff;
    font-size: 12px;
    font-weight: bold;
    line-height: 12px;
    margin: 10px 0px 0px 55px;
    padding: 0px;
    width: 200px;
}
#advocacySignUpState {
    border-top: 1px #B2B2B2 solid;
    border-right: 1px #ffffff solid;
    border-bottom: 1px #ffffff solid;
    border-left: 1px #B2B2B2 solid;
    clear: both;
    color: #999999;
    font-size: 11px;
    margin: 3px 0px 0px 55px;
    padding: 0px;
    width: 200px;
}
.advocacyStateOther {
    float: left;
    margin: 0px;
    padding: 0px;
    width: 160px;
}
.advocacyStateOther p {
    clear: both;
    color: #ffffff;
    font-size: 12px;
    font-weight: bold;
    line-height: 12px;
    margin: 10px 0px 0px 19px;
    padding: 0px;
    width: 150px;
}
#advocacySignUpStateOther {
    border-top: 1px #B2B2B2 solid;
    border-right: 1px #ffffff solid;
    border-bottom: 1px #ffffff solid;
    border-left: 1px #B2B2B2 solid;
    clear: both;
    color: #999999;
    font-size: 11px;
    margin: 3px 0px 0px 19px;
    padding: 0px;
    width: 150px;
}
.advocacyZip {
    float: left;
    margin: 0px;
    padding: 0px;
    width: 450px;
}
.advocacyZip p {
    clear: both;
    color: #ffffff;
    font-size: 12px;
    font-weight: bold;
    line-height: 12px;
    margin: 10px 0px 0px 55px;
    padding: 0px;
    width: 109px;
}
#advocacySignUpZip {
    border-top: 1px #B2B2B2 solid;
    border-right: 1px #ffffff solid;
    border-bottom: 1px #ffffff solid;
    border-left: 1px #B2B2B2 solid;
    clear: both;
    color: #999999;
    font-size: 11px;
    height: 16px;
    margin: 3px 0px 0px 55px;
    padding: 0px;
    width: 107px;
}
.advocacyCountry {
    float: left;
    margin: 0px;
    padding: 0px;
    width: 250px;
}
.advocacyCountry p {
    clear: both;
    color: #ffffff;
    font-size: 12px;
    font-weight: bold;
    line-height: 12px;
    margin: 10px 0px 0px 55px;
    padding: 0px;
    width: 200px;
}
#advocacySignUpCountry {
    border-top: 1px #B2B2B2 solid;
    border-right: 1px #ffffff solid;
    border-bottom: 1px #ffffff solid;
    border-left: 1px #B2B2B2 solid;
    clear: both;
    color: #999999;
    font-size: 11px;
    margin: 3px 0px 0px 55px;
    padding: 0px;
    width: 200px;
}
.advocacyCountryOther {
    float: left;
    margin: 0px;
    padding: 0px;
    width: 160px;
}
.advocacyCountryOther p {
    clear: both;
    color: #ffffff;
    font-size: 12px;
    font-weight: bold;
    line-height: 12px;
    margin: 10px 0px 0px 19px;
    padding: 0px;
    width: 150px;
}
#advocacySignUpCountryOther {
    border-top: 1px #B2B2B2 solid;
    border-right: 1px #ffffff solid;
    border-bottom: 1px #ffffff solid;
    border-left: 1px #B2B2B2 solid;
    clear: both;
    color: #999999;
    font-size: 11px;
    height: 16px;
    margin: 3px 0px 0px 19px;
    padding: 0px;
    width: 150px;
}
.advocacyEmail {
    float: left;
    margin: 0px;
    padding: 0px;
    width: 229px;
}
.advocacyEmail p {
    clear: both;
    color: #ffffff;
    font-size: 12px;
    font-weight: bold;
    line-height: 12px;
    margin: 10px 0px 0px 55px;
    padding: 0px;
    width: 172px;
}
#requiredFieldValidator3 {
    color: Red;
/*    visibility: hidden;*/
    font-size: 12px;
    font-weight: normal;
    margin: 0px 0px 0px 5px;
}
#advocacySignUpEmail {
    border-top: 1px #B2B2B2 solid;
    border-right: 1px #ffffff solid;
    border-bottom: 1px #ffffff solid;
    border-left: 1px #B2B2B2 solid;
    clear: both;
    color: #999999;
    font-size: 11px;
    height: 16px;
    margin: 3px 0px 0px 55px;
    padding: 0px;
    width: 172px;
}
.advocacyPhone {
    float: left;
    margin: 0px;
    padding: 0px;
    width: 220px;
}
.advocacyPhone p {
    clear: both;
    color: #ffffff;
    font-size: 12px;
    font-weight: bold;
    line-height: 12px;
    margin: 10px 0px 0px 18px;
    padding: 0px;
    width: 202px;
}
.advocacyPhoneDisclaimer {
    color: #ccffff;
    font-size: 10px;
    font-weight: bold;
    margin: 0px 0px 0px 5px;
}


#advocacySignUpPhone {
    border-top: 1px #B2B2B2 solid;
    border-right: 1px #ffffff solid;
    border-bottom: 1px #ffffff solid;
    border-left: 1px #B2B2B2 solid;
    clear: both;
    color: #999999;
    font-size: 11px;
    height: 16px;
    margin: 3px 0px 0px 18px;
    padding: 0px;
    width: 172px;
}

.advocacyHearAbout {
    clear: both;
    float: left;
    margin: 0px;
    padding: 0px;
    width: 449px;
}
.advocacyHearAbout p {
    clear: both;
    color: #ffffff;
    font-size: 12px;
    font-weight: bold;
    line-height: 12px;
    margin: 10px 0px 0px 55px;
    padding: 0px;
    width: 394px;
}
#advocacySignUpHearAboutList {
    border-top: 1px #B2B2B2 solid;
    border-right: 1px #ffffff solid;
    border-bottom: 1px #ffffff solid;
    border-left: 1px #B2B2B2 solid;
    clear: both;
    color: #999999;
    font-size: 11px;
    margin: 3px 0px 0px 55px;
    padding: 0px;
    width: 210px;
}
.advocacyHearAboutOther {
    clear: both;
    float: left;
    margin: 0px;
    padding: 0px;

}
.advocacyHearAboutOther p {
    clear: both;
    color: #ffffff;
    font-size: 12px;
    font-weight: bold;
    line-height: 12px;
    margin: 10px 0px 0px 55px;
    padding: 0px;
    width: 394px;
}
#advocacySignUpHearAboutOther {
    border-top: 1px #B2B2B2 solid;
    border-right: 1px #ffffff solid;
    border-bottom: 1px #ffffff solid;
    border-left: 1px #B2B2B2 solid;
    clear: both;
    color: #999999;
    font-size: 11px;
    height: 16px;
    margin: 3px 0px 0px 55px;
    padding: 0px;
    width: 364px;
}

.stepTwoRightLeftSeparator {
    border-left: 1px #639695 solid;
    float: left;
    height: 286px;
    margin: 35px 0px 0px 0px;
    padding: 0px;
    overflow: hidden;
    width: 1px;
}

.stepTwoRightCol {
    float: left;
    margin: 40px 0 0 0;
    padding: 0px;
    width: 449px;
    height: 240px;
}
.advocacyCaptcha {
    clear: both;
    float: left;
    margin: 0px;
    padding: 0px;
    width: 450px;
}
.advocacyCaptcha p {
    clear: both;
    color: #ffffff;
    font-size: 12px;
    font-weight: bold;
    line-height: 12px;
    margin: 76px 0px 0px 34px;
    padding: 0px;
    width: 416px;
}
#SignUpRecaptcha
{
    clear: both;
    float: left;
    margin: 0px;
    padding: 52px 0px 0px 60px;
    width: 390px;
}
#advocacySignUpCaptchText {
    border-top: 1px #B2B2B2 solid;
    border-right: 1px #ffffff solid;
    border-bottom: 1px #ffffff solid;
    border-left: 1px #B2B2B2 solid;
    clear: both;
    color: #999999;
    font-size: 11px;
    height: 16px;
    margin: 3px 0px 0px 34px;
    padding: 0px;
    width: 286px;
}
.advocacyCaptcha img {
    display: block;
    height: 46px;
    margin: 11px 0px 0px 34px;
    padding: 0px;
    width: 288px;
}
.advocacyTermsCheckbox {
    float: left;
    margin: 0 0 0 -25px;
    padding: 0px;
    width: 60px;
    height: 60px;
}
#advocacyTerms {
    margin: 4px 0px 0px 34px;
    padding: 0px;
}
.advocacyTermsText {
    float: left;
    margin: 0px;
    padding: 0px;
    width: 330px;
    height: 80px;
}
.advocacyTermsText p {
    color: #ffffff;
    font-size: 10px;
    font-style: italic;
    font-weight: normal;
    line-height: 12px;
    /*margin: 40px 0px 0px 0px;*/
    padding: 0px;
    width: 330px;
}
.advocacyTermsText p a 
{
    color: #ffffff;
}
#stepTwoFooter 
{
    clear: both;
    margin: 0px;
    padding: 0px;
    width: 900px;
    height: 35px;
}
.advocacySignUpStep2PrevBtnPlacer
{
    float: left;
    margin: 0px;
    padding: 0px;
}
#advocacySignUpStep2PrevBtn {
    margin: 5px 0px 0px 55px;
    padding: 0px;
}
.advocacySignUpStep2SubmitBtnPlacer
{
    float: left;
    margin: 0px;
    padding: 0px;
}
#advocacySignUpStep2SubmitBtn {
    margin: 5px 0px 0px 546px;
    padding: 0px;
}
.advocacySignUpStep2CancelBtnPlacer
{
    float: left;
    margin: 0px;
    padding: 0px;
}
#advocacySignUpStep2CancelBtn {
    margin: 5px 0px 0px 8px;
    padding: 0px;
}
.lastNameDisclaimer {
    color: #ccffff;
    font-size:10px;
    font-weight: bold;
    font-style: italic;
    line-height: 12px;
    margin: 6px 0px 0px 17px;
    padding: 0px;
    width: 173px;
}
.realAvatarFileBrowse {
    height: 18px;
    width: 363px;
    margin: 3px 0px 0px 0px;
    position: relative;
    left: 35px;
    top: 0px;
    z-index:2;
}

#recaptcha_image
{
    float: left;
}
.recaptcha_buttons
{
    float: left;
    margin: 4px 0px 0px 15px;
    width: 40px;
    height: 60px;
    /*background: #9f9;*/
}
.recaptcha_btn_refresh img
{
    display: block;
    margin: 0px;
    padding: 0px;
}
.recaptcha_only_if_image img
{
    display: block;
    margin: 0px;
    padding: 0px;
}
.recaptcha_only_if_audio img
{
    display: block;
    margin: 0px;
    padding: 0px;
}
.recaptcha_btn_help img
{
    display: block;
    margin: 0px;
    padding: 0px;
}
.recaptcha_incorrect_prompt_placer
{
    clear: both;
    margin: 0px;
    padding: 0px;
    height: 30px;
    width: 297px;
}
.recaptcha_only_if_incorrect_sol2
{
    font-weight: normal;
    margin: 0px;
    padding: 0px;
    position: absolute;
    width: 297px;
    top: 4px;
}
.recaptcha_enter_prompt
{
    color: #ffffff;
    font-weight: normal;
    margin: 0px;
    padding: 0px;
    clear:both;
}
.recaptchaNote
{
    float:left;
    color: #ffffff;
    font-weight: normal;
    margin: 0 0 0 10px;
    padding: 0px;
    width: 420px;
    height: 20px;
}
.recaptchaNoteInvite
{
    float:left;
    color: #ffffff;
    font-weight: normal;
    margin: 0;
    padding: 0px;
    width: 320px;
    height: 20px;
}
. recaptcha_btn_refresh, .recaptcha_only_if_image, .recaptcha_only_if_audio, .recaptcha_btn_help
{
    width: 25px;
    height: 16px;
    clear: both;
}
#recaptcha_response_field
{
    clear: both;
    float: left;
    margin: 20px 0px 0px 0px;
    padding: 0px;
    width: 297px;
}


/* for validation */
.missed_alert{
	color:Red;
}
.missed_field{
 background-color:Red;
}

#recaptcha_widget {
    margin: 0 0 0 34px;
}

/* end PAD signup/enlist styles */
/* invite/email a friend recaptcha overrides */
table.recaptchatable {
    border: none !important;
}

#recaptcha_logo, #recaptcha_tagline {
    display: none!important;
}
.recaptcha_image_cell {
    background: transparent!important;
}
/*start: invite thank-you overlay*/
.overlay_invite_thankyou {
    background:url(../images/overlay/bg_advocates_invite2.png) top left no-repeat;
    width:507px;
    height:538px;
    color:#FFFFFF;
    font-size:109.1%;
    font-weight:bold;
    position: relative;
    top: -66px;
    left: 195px;

}
.overlay_invite_thankyou .title {
    padding:120px 60px 0 52px;
    color: #fff;
    font-size: 250%;
}
.overlay_invite_thankyou p {margin:0; padding:35px 60px 0 52px;  font-size:12px; line-height:16px;}
.overlay_invite_thankyou p a {
    color: #CCFFFF;
    text-decoration: none;
}
/*end: invite thank-you overlay*/