﻿/* Common Styles */
#fadeDiv
{
    background:transparent url(../../images/global/lightbox-bg.png) repeat scroll 0 0;
    display:none;
    z-index:800;
    position:absolute;
    left:0;
}
.fade-container
{
    z-index:900;
    background-color:#FFFFFF;
    padding:0;
    position: absolute;
    border:solid 1px #9b9b9b;
    text-align:left;
}
.fade-content
{
    border:solid 1px #dddddd;
}
.fade-content img
{
    float:left;
    margin:0 38px 0 0;
}
.fade-content h2
{
    float:left;
    text-indent:-999999px;
}
.fade-content p
{
    color:#5D5D5D;
    float:left;
    font-family:Arial;
    font-size:15px;
    line-height:22px;
}
.fade-content a
{
    position:relative;
    background:url("../../images/buttons/x_btn.png") no-repeat top left;
    text-indent:-999999px;
    float:right;
    cursor:pointer;
    width:42px;
    height:43px;
    margin:-53px -50px 0 0;
}

/* Experts Corner Landing Page Styles */
#meet-dr
{
    display:none;
    width:798px;
    height:528px;
}
#meet-dr .fade-content
{
    height:488px;
    width:760px;
    margin:19px 0 0 19px;
    text-align:left;
}
#meet-dr h2
{
    background:url("../../images/experts-corner/articles/img_meet_dr_westley.jpg") no-repeat top left;
    width:363px;
    height:46px;
    margin:43px 0 0 0;
}
#meet-dr p
{
    margin:10px 0 0 0;
    width:444px;
}

/**
 * Dermatologist Landing Page Styles 
**/

/* Ingredients */
#ingredients-sensitive-skin-remedy, #ingredients-ultra-healing, #ingredients-itch-defense
{
    display:none;
    height:452px;
    width:631px;
}
#ingredients-sensitive-skin-remedy .fade-content, #ingredients-ultra-healing .fade-content, #ingredients-itch-defense .fade-content
{
    height:412px;
    margin:19px 0 0 18px;
    width:592px;
}
#ingredients-sensitive-skin-remedy .left-content, #ingredients-ultra-healing .left-content, #ingredients-itch-defense .left-content
{
    float:left;
    margin:0 15px 0 0;
    width:400px;
}
#ingredients-sensitive-skin-remedy h2, #ingredients-ultra-healing h2, #ingredients-itch-defense h2,
#skin-care-tips h2
{
    background:url("../../images/registration/lightboxes/curel-logo.gif") no-repeat top left;
    width:142px;
    height:48px;
    margin:21px 0 0 35px;
}
#ingredients-sensitive-skin-remedy h3, #ingredients-ultra-healing h3, #ingredients-itch-defense h3
{
    background:transparent url(../../images/registration/lightboxes/sensitive-skin-remedy-title.gif) no-repeat scroll left top;
    clear:both;
    float:left;
    font-size:0;
    height:31px;
    margin:19px 0 0 60px;
    text-indent:-9999px;
    width:204px;
}
#ingredients-sensitive-skin-remedy p, #ingredients-ultra-healing p, #ingredients-itch-defense p
{
    line-height:20px;
    margin:9px 15px 7px 60px;
    width:340px;
}
#ingredients-sensitive-skin-remedy p span, #ingredients-ultra-healing p span, #ingredients-itch-defense p span
{
    font-weight:bold;
}
#ingredients-sensitive-skin-remedy p a, #ingredients-ultra-healing p a, #ingredients-itch-defense p a,
#skin-care-tips a.download
{
    color:#5D5D5D;
    background:none;
    text-indent:0;
    float:none;
    display:inline;
    margin:0;
    font: bold 15px Arial;
    text-decoration:none;
}
#ingredients-sensitive-skin-remedy p a:hover, #ingredients-ultra-healing p a:hover, #ingredients-itch-defense a:hover,
#skin-care-tips a.download:hover
{
    text-decoration:underline;
}
#ingredients-sensitive-skin-remedy img, #ingredients-ultra-healing img, #ingredients-itch-defense img
{
    margin:61px 39px 0 0;
}
#ingredients-sensitive-skin-remedy a, #ingredients-ultra-healing a, #ingredients-itch-defense a
{
    margin:-54px -52px 0 0;
}

/* Ultra Healing - Ingredients */
#ingredients-ultra-healing h3
{
    background:transparent url(../../images/registration/lightboxes/ultra-healing-title.gif) no-repeat scroll left top;
}

/* Itch Defense - Ingredients */
#ingredients-itch-defense h3
{
    background:transparent url(../../images/registration/lightboxes/itch-defense-title.gif) no-repeat scroll left top;
}

/* Common Chart Styles */
#clinical-results-ultra-healing, #clinical-results-itch-defense, #clinical-results-diabetic
{
    display:none;
    height:561px;
    width:630px;
}
#clinical-results-ultra-healing .fade-content, #clinical-results-itch-defense .fade-content, 
#clinical-results-diabetic .fade-content
{
    height:499px;
    margin:19px 0 0 18px;
    padding:23px 0 0 38px;
    width:554px;
}
.fade-content div.charts div.chart a.next
{
    background:transparent url(../../images/buttons/next-btn-lightbox.gif) no-repeat scroll 0 0;
    float:left;
    height:24px;
    margin:0 !important;
    width:66px;
}
.fade-content div.charts div.chart a.next:hover
{
    background:transparent url(../../images/buttons/next-btn-lightbox.gif) no-repeat scroll 0 -24px;
}
.fade-content div.charts div.chart a.prev
{
    background:transparent url(../../images/buttons/prev-btn-lightbox.gif) no-repeat scroll 0 0;
    float:left;
    height:24px;
    margin:0 !important;
    width:66px;
}
.fade-content div.charts div.chart a.prev:hover
{
    background:transparent url(../../images/buttons/prev-btn-lightbox.gif) no-repeat scroll 0 -24px;
}
.fade-content div.charts div.source
{
    float:left;
    height:20px;
    margin:0 9px 0 0;
    width:470px;
}
.fade-content div.charts div.chart
{
    float:left;
    margin:8px 0 0;
    overflow:hidden;
}
.fade-content div.charts .chart p
{
    font:bold 11px Arial !important;
    margin:0 0 5px !important;
    width:66px !important;
    float:none;
}
.fade-content div.chart2, .fade-content div.chart3, .fade-content div.chart4, .fade-content div.chart5
{
    display:none;
}
.fade-content div.charts img
{
    float:left;
    margin:32px 0 10px 25px;
}
.fade-content div.charts p
{
    float:left;
    font-size:15px;
    line-height:19px;
    margin:0 0 22px 44px;
    width:418px;
}
.fade-content sup
{
    line-height:8px;
}
.fade-content div.charts p.title
{
    font-size:15px;
    font-weight:bold;
}
.fade-content div.charts p.list
{
    margin:0 0 0 38px;
}
#clinical-results-ultra-healing a, #clinical-results-itch-defense a, #clinical-results-diabetic a
{
    margin:-77px -51px 0 0;
}

/* Ultra Healing - Clinical Results */
#clinical-results-ultra-healing h2
{
    background:transparent url(../../images/registration/lightboxes/ultra-healing-chart-title.jpg) no-repeat scroll 0 0;
    height:42px;
    width:242px;
}
#clinical-results-ultra-healing div.chart1 img
{
    margin:32px 0 10px 22px;
}
#clinical-results-ultra-healing div.chart2 p
{
    margin:0 0 -12px 45px;
    line-height:16px;
    width:395px;
}
#clinical-results-ultra-healing div.chart2 p.list
{
    margin:0 0 16px 45px;
    line-height:19px;
}
#clinical-results-ultra-healing div.chart2 div.source
{
    margin:0 10px 0 0;
}
#clinical-results-ultra-healing div.chart2 div.chart
{
    margin:3px 0 0;
}

/* Itch Defense - Clinical Results */
#clinical-results-itch-defense h2
{
    background:transparent url(../../images/registration/lightboxes/itch-defense-chart-title.jpg) no-repeat scroll 0 0;
    height:42px;
    width:242px;
}
#clinical-results-itch-defense img
{
    margin:32px 0 28px 25px;
}
#clinical-results-itch-defense p
{
    margin:0 0 7px 5px;
    width:426px;
}
#clinical-results-itch-defense span
{
    clear:both;
    float:left;
    margin:1px 0 0 67px;
}
#clinical-results-itch-defense div.chart1 img
{
    margin:32px 0 8px 25px;
}
#clinical-results-itch-defense div.chart1 span
{
    margin:1px 0 0 37px;
}
#clinical-results-itch-defense div.chart1 p
{
    line-height:17px;
}
#clinical-results-itch-defense div.chart2 p
{
    line-height:19px;
}
#clinical-results-itch-defense div.chart2 div.source, #clinical-results-itch-defense div.chart3 div.source,
#clinical-results-itch-defense div.chart4 div.source
{
    width:401px;
}
#clinical-results-itch-defense div.chart2 div.chart, #clinical-results-itch-defense div.chart3 div.chart,
#clinical-results-itch-defense div.chart4 div.chart, #clinical-results-diabetic div.chart2 div.chart
{
    width:141px;
}
#clinical-results-itch-defense div.chart2 div.chart
{
    margin:14px 0 0;
}
#clinical-results-itch-defense div.chart2 div.chart p, #clinical-results-itch-defense div.chart3 div.chart p,
#clinical-results-itch-defense div.chart4 div.chart p, #clinical-results-diabetic div.chart2 div.chart p
{
    text-align:right;
    width:118px !important;
}
#clinical-results-itch-defense div.chart a.prev
{
    margin:0 2px 0 0 !important;
}
#clinical-results-itch-defense div.chart3 p
{
    width:410px;
    margin:0 0 13px 5px;
}
#clinical-results-itch-defense div.chart4 img, #clinical-results-itch-defense div.chart5 img
{
    margin:32px 0 22px 25px;
}
#clinical-results-itch-defense div.chart4 span, #clinical-results-itch-defense div.chart5 span
{
    margin:1px 0 0 73px;
}
#clinical-results-itch-defense div.chart4 p, #clinical-results-itch-defense div.chart5 p
{
    margin:0 0 9px 5px;
    width:390px;
}

/* Diabetic - Clinical Results */
#clinical-results-diabetic h2
{
    background:transparent url(../../images/registration/lightboxes/diabetic-chart-title.gif) no-repeat scroll 0 0;
    height:43px;
    width:317px;
}
#clinical-results-diabetic img
{
    margin:32px 0 12px 22px;
}
#clinical-results-diabetic div.chart2 div.source
{
    margin:41px 82px 0 0;
    text-align:center;
    width:322px;
}
#clinical-results-diabetic div.chart3 div.source
{
    margin:41px 155px 0 0;
    text-align:center;
    width:324px;
}
#clinical-results-diabetic div.chart2 div.chart p
{
    width:124px !important;
}
#clinical-results-diabetic div.chart2 div.chart a.prev
{
    margin:0 9px 0 0 !important;
}

/* Skin Care Tips */
#skin-care-tips
{
    display:none;
    height:492px;
    width:631px;
}
#skin-care-tips .fade-content
{
    height:452px;
    margin:19px 0 0 18px;
    width:592px;
}
#skin-care-tips h2
{
    margin:19px 0 23px 34px;
}
#skin-care-tips p.title
{
    font:bold 15px Arial;
    clear:both;
    margin:0 0 2px 38px;
}
#skin-care-tips div.scroll
{
    clear:both;
    height:275px;
    margin:0 0 0 38px;
    overflow-y:scroll;
    font:normal 14px Arial;
    padding:0 31px 0 0;
    width:472px;
}
#skin-care-tips div.scroll ul li
{
    background:transparent url(../../images/global/bullet.gif) no-repeat scroll 2px 7px;
    line-height:19px;
    list-style:none;
    padding:0 0 21px 11px;
}
#skin-care-tips a.download
{
    float:left;
    font: bold 14px Arial;
    margin:20px 0 0 38px;
    width:101px;
}
