/**********************************************************************************************************
                                                 GLOBAL
**********************************************************************************************************/
body 
{
    margin:0px;
    padding:0px;
    color:#747474;
    font:12px Arial;
}
a img
{
    border:none;
}
sup
{
    font-size:65%;
    line-height:70%;
    vertical-align:text-top;
}
.error
{
    color:#ff0000;
}
hr
{
    color:#747474;
    margin:20px 0px 20px 0px;
}
h2
{
    font-size:16px;
    margin:0px;
    padding:0px 0px 5px 0px;
}
p
{
    margin:0px;
    padding:0px;
}
#disclaimer
{
    font-size:10px;
    line-height:11px;
}
#disclaimer sup
{
    font-size:6px;
    line-height:5px;
    vertical-align:text-top;
}
.PinkText
{
    color:#bb3c97;
}
.BlueText
{
    color:#0096be;
}
#HeaderBar
{
    height:29px;
    width:100%;
    background:url(../Images/header_bar_bg.jpg) repeat-x 0px 0px;
}

#SiteContainer
{
    width:910px;
    margin:0px auto;
    padding:0px 11px 0px 11px;
    background:url(../Images/body_bg.jpg) no-repeat 0px 80px;
    border:0px solid #000;
}

/**********************************************************************************************************
                                                 HEADER
**********************************************************************************************************/
#HeaderContainer
{
    height:123px;
}

/**********************************************************************************************************
                                                INTERNAL
**********************************************************************************************************/
#InternalContainer
{
    height:378px;
    padding:12px 12px 0px 12px;
    color:#666666;
    font-size:12px;
}
#InternalContainer a
{
    color:#c456a5;
    font-weight:bold;
    text-decoration:underline;
}
#InternalContainer a:hover
{
    text-decoration:none;
}
#InternalContainer h1
{
    margin:0px;
    padding:5px 0px 10px 0px;
}
#InternalContainer h3
{
    margin:0px;
    padding:15px 0px 5px 0px;
    font-size:13px;
    font-weight:bold;
}
#ApplyingTriluma ul li, #HowdoesTri-LumaCreamwork ul li, #Whenshouldtreatmentbestopped ul li, #WhatshouldIavoid ul li
{
    list-style: url(../Images/bullet.gif);
}
#LeftContainer
{
    width:345px;
    float:left;
    padding:0px 10px 10px 15px;
}
#RightContainer
{
    width:496px;
    height:345px;
    float:left;
    padding:10px 10px 10px 10px;
    background:url(../Images/right_container_bg.jpg) no-repeat 0px 0px;
}
#RightContainerWithScroll
{
    width:516px;
    height:365px;
    float:left;
    padding:0px 0px 0px 0px;
    background:url(../Images/right_container_bg.jpg) no-repeat 0px 0px;
}
#RightContainerWithScroll li
{
    padding:0px 0px 10px 0px;
}

#InternalSideNav
{
    list-style:none;
    padding:10px 0px 0px 0px;
    margin:0px;
}
#InternalSideNav li
{
    padding:0px 0px 12px 0px;
}
#InternalSideNav a
{
    color:#a9a8a8;
    font-size:16px;
    font-weight:normal;
    text-decoration:none;
    cursor:pointer;
}
#InternalSideNav a:hover
{
    color:#00a4ca;
}
#InternalSideNav a:active, .current-item
{
    color:#00a4ca; font-size: 16px;
}
/********* Melasma Check Test ********/
.CheckTestDropdown
{
    width:155px;
    font-size:11px;
    color:#666666;
    margin:0px 0px 0px 0px;
}

/******** How To Use Triluma ********/
#RightContainerScroller
{
    height:345px;
    padding:10px 10px 10px 10px;
}
#ApplyingTriluma
{
    display: block;
}
#WhoShouldUse
{
    display: block;
}
#WhatToExpect
{
    display: block;
}


/******** Find A Derm Results ********/
#DermResults
{
    height:330px;
    overflow-y:auto;
}
.tdDermFind
{
    width:190px;
    height:100px;
    vertical-align:top;
    padding:0px 40px 0px 0px;
}

/******* Refer A Friend *******/
.RAF_Row
{
    padding:0px 0px 10px 0px;
}
.RAF_LabelColumn
{
    vertical-align:top;
    padding:0px 10px 0px 0px;
    width:165px;
}
.RAF_TextColumn
{
    padding:0 10px 0 0;
    width:265px;
}
.RAF_TextBox
{
    width:300px;
    font-size:11px;
    color:#666666;
}

/******* Rebate *******/
.rebate_phone
{
    float:right;
    padding:30px 60px 0px 0px;
}
#tblRebateOptin
{
    width:480px;
    margin:5px 0px 0px 0px;
}
#tblRebateOptin td.PinkText
{
    vertical-align:top;
    padding:0px 0px 8px 0px;
}
#tblRebateSubmit td
{
    padding:3px 20px 6px 0px;
}

/********  Terms And Conditions ********/
#TermsContainer
{
    height:330px;
    overflow-y:auto;
    padding:0px 20px 0px 0px;
}
#MobileTermsContainer
{
    height:295px;
    overflow-y:auto;
    padding:0px 20px 0px 0px;
}
#OnlineTermsContainer
{
    height:295px;
    overflow-y:auto;
    padding:0px 20px 0px 0px;
}
#TermsButtons
{
    text-align:right;
    padding:10px 0px 0px 0px;
}


/**********************************************************************************************************
                                                 FOOTER
**********************************************************************************************************/
#FooterContainer
{
    padding:5px 0px 0px 0px;
}

#FooterSafetyInfo
{
    width:626px;
    height:195px;
    float:left;
    font-size:11px;
    padding:10px 12px 0px 12px;
    background:url(../Images/footer_isi_bg.jpg) no-repeat 0px 0px;
    line-height:1.2em;
}
#FooterSafetyInfo h3
{
    margin:0px;
    padding:0px;
    font-size:12px;
    padding:0px 0px 2px 0px;
}
#FooterSafetyInfo a
{
    color:#00aeff;
    text-decoration:underline;
}
#FooterSafetyInfo a:hover
{
    text-decoration:none;
}
#FooterCallout
{
    float:right;
}
#FooterLegal
{
    clear:both;
}
#FooterGaldermaLogo
{
    float:left;
    padding:10px 0px 0px 0px;
}
#FooterLinks
{
    float:left;
    padding:0px 0px 0px 5px;
    font-size:10px;
}
#FooterLinks a
{
    color:#d13d96;
}
#FooterLinks a:hover
{
    text-decoration:none;
}
#FooterNav
{
    list-style:none;
    display:block;
    margin:0px;
    padding:0px;
}
#FooterNav li
{
    float:left;
    padding:0px 5px 0px 5px;
}

#FooterCopywrite
{
    clear:both;
    padding:5px 0px 10px 5px;
}
#FooterSitemap
{
    clear:both;
    font-size:10px;
}
#FooterSitemap ul
{
    list-style:none;
    display:block;
    margin:0px;
    padding:0px;
}
#FooterSitemap li
{
    float:left;
    padding:0px 4px 0px 4px;
}
#FooterSitemap a
{
    color:#747474;
}
#FooterSitemap a:hover
{
    text-decoration:none;
}


/**********************************************************************************************************
                                                 POPUPS
**********************************************************************************************************/
#DermPopup
{ 
    z-index:100; 
    position:absolute; 
    width:200px; 
    height:200px; 
    margin:45px 0px 0px 635px; 
    display: none;
    background:url(../Images/DermFinder-Rollover.gif) no-repeat 0px 0px;
    font-size: 10px;
    padding: 45px 20px 0px 20px;
    cursor: pointer;
}

#DermPopup input {
margin-top: 5px;
}

#PrescribingPopup
{ 
    z-index:100; 
    position:absolute; 
    width:165px;  
    margin:45px 0px 0px 702px;
    background:url(../Images/Prescribing-Rollover.gif) no-repeat 0px 0px;
    padding: 42px 10px 20px 55px;
    font-size: 10px;
    display: none;
    cursor: pointer;
}

#ISIPopup
{ 
    z-index:100; 
    position:absolute; 
    width:481px; 
    height:240px;  
    margin: 7px 0px 0px 423px; 
    background:url(../Images/ISI-Rollover.gif) no-repeat 0px 0px;
    padding: 37px 10px 0px 20px;
    font-size: 10px;
    display: none;
    cursor: pointer;
    line-height: 110%;
}
.ISI_close
{
    position:absolute;
    margin:8px 0px 0px 469px;
    cursor: pointer;
}

#ISIPopup p
{ 
    padding:36px 0px 0px 0px; line-height:16px;
}

#PopupContainer a:link { color: #00aeff; }


div.ConfirmTermsPopup
{ 
    background-image:url(../Images/popup_terms_bg.jpg); 
    width:412px; 
    height:207px; 
    display:none; 
    position: absolute; 
    padding:0px 0px 0px 0px;
    font-size:11px;
} 
div.ConfirmTermsPopup div.close 
{ 
    display:none;
}
#ConfirmTermsText
{
    color:#050505;
    padding:20px 30px 0px 110px;
}
#ConfirmTermsButtons
{
    text-align:right;
    padding:15px 30px 0px 0px;
}