/**********************************************************************************************************
                                                 GLOBAL
**********************************************************************************************************/
body 
{
    margin:0px;
    padding:0px;
    color:#222222;
    font:13px Arial;
}
a img { border:none; }
sup {
    font-size:65%;
    line-height:70%;
    vertical-align:text-top;
    font-weight:normal;
}
.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 { padding:3px 0px 3px 0px; font-style:italic; font-size:9px; line-height:10px; }
.PinkText { color:#bb3c97; }
.BlueText { color:#0096be; }
.RedText { color:#FF0000; }
#HeaderBar
{
    height:29px;
    width:100%;
    background:url(../Images/header_bar_bg.jpg) repeat-x 0px 0px;
}

#SiteContainer
{
    width:980px;
    margin:0px auto;
    padding:0px 11px 0px 11px;
    background:url(../Images/body_bg.jpg) no-repeat top center;
    border:0px solid #000;
    position: relative;
    z-index: 0;
}
#SiteContainer_Savings
{
    width:980px;
    margin:0px auto;
    padding:0px 11px 0px 11px;
    background:url(../Images/body_bg.jpg) no-repeat top center;
    border:0px solid #000;
    position: relative;
    z-index: 0;
}

/**********************************************************************************************************
                                                 HEADER
**********************************************************************************************************/
#HeaderContainer
{
	height:123px; z-index: 1;
}

#HeaderContainer td
{
    vertical-align: middle; z-index: 2;
}

.hcp
{
	color: #009fc3;
	text-decoration: none;
	padding: 10px 0 0;
}
.header-logo
{
    float:left;
    margin:20px 0px 0px 15px;
}
.header-isi
{
    float:right;
    margin:15px 4px 0px 0px;
}
.header-hcp
{
    float:right;
    margin:20px 14px 0px 0px;
}


#HeaderContainer ul li
{ position: relative;
}

/**********************************************************************************************************
                                                INTERNAL
**********************************************************************************************************/
#InternalContainer
{
    height:378px;
    padding:0px 12px 0px 12px;
    color:#666666;
    font-size:12px;
}
#InternalContainer a
{
    color:#009fc3;
    font-weight:bold;
    text-decoration:underline;
}
#InternalContainer a:hover
{
    text-decoration:none;
}
#InternalContainer h1
{
    margin:0px;
    padding:5px 0px 10px 0px;
    color: #009fc3;
    font-size: 24px;
    line-height: 30px;
}
#InternalContainer h2
{
    margin:0px;
    padding:5px 0px 10px 0px;
    color: #222222;
    font-size: 15px;
}
#InternalContainer h3
{
    margin:0px;
    padding: 5px 0px 5px 0px;
    font-size:13px;
    font-weight:bold;
}
ul li
{
    list-style: url(../Images/bullet.png);
}
#LeftContainer
{
    width:570px;
    float:left;
    padding:0px 10px 0px 30px;
    line-height:18px;
}
#LeftContainer p
{
    padding: 5px 0;
}
#RightContainer
{
    width:330px;
    height:345px;
    float:left;
    padding:0px;
    margin: -30px 0 0 0;
}
#RightContainerWithScroll
{
    width:516px;
    height:365px;
    float:left;
    padding:0px 0px 0px 0px;
    background:url(../Images/right_container_bg.jpg) no-repeat 0px 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;
}
/********* Check Test ********/
.CheckTestDropdown
{
    width:155px;
    font-size:11px;
    color:#666666;
    margin:0px 0px 0px 0px;
}

/******** How To Use ********/
#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
{
    vertical-align:top;
    padding:0px 0px 8px 0px;
}


/****************************************
            iFrame Styles 
****************************************/
#iFrameContent
{
    width:640px;
    font-size:11px;
    padding:0px 10px 0px 20px;
}
#iFrameContent h1
{
    margin:0px;
    padding:0px 0px 10px 0px;
    font-size:24px;
    font-weight:normal;
}

#ConfirmInfo
{
    padding:0px 0px 20px 0px;
}

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


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

#FooterSafetyInfo
{

    float:left;
    clear:both;
    font-size:11px;
    height:240px;
    line-height:135%;
    padding: 20px 45px 10px 40px;
}
#FooterSafetyInfo_Savings
{

    float:left;
    clear:both;
    font-size:11px;
    height:340px;
    line-height:135%;
    padding: 20px 45px 10px 40px;
}
#FooterSafetyInfo p, #FooterSafetyInfo_Savings p 
{
 padding: 5px 0;   
}    
#FooterSafetyInfo h3, #FooterSafetyInfo_Savings h3
{
    margin:0px;
    padding:0px;
    font-size:12px;
    padding:0px 0px 2px 0px;
}
#FooterSafetyInfo a, #FooterSafetyInfo_Savings a
{
    color:#00aeff;
    text-decoration:underline;
}
#FooterSafetyInfo a:hover, #FooterSafetyInfo_Savings a:hover
{
    text-decoration:none;
}
#FooterCallout
{
    float:right;
}
#FooterLegal
{
    clear:both;
    padding:0 10px 0 40px;
}
#FooterGaldermaLogo
{
    float:left;
    padding:10px 0px 0px 0px;
}
#FooterLinks
{
    float:left;
    padding:7px 0px 0px 5px;
    font-size:10px;
    width: 780px;
}
#FooterLinks a
{
    color:#222222;
}
#FooterLinks a:hover
{
    text-decoration:none;
}
#FooterNav
{
    list-style:none;
    display:block;
    margin:0px;
    padding:0 0 0 5px;
}
#FooterNav li
{
    float:left;
    padding:0px 5px 0px 5px;
    list-style: none;
}

#FooterCopywrite
{
    clear:both;
    padding:5px 0px 10px 5px;
}
#FooterSitemap
{
    clear:both;
    font-size:10px;
    padding:0 0 0 77px;
}
#FooterSitemap p
{
    padding: 0 0 10px 0;
}
#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:17px 0px 0px 423px; 
    background:url(../Images/ISI-Rollover.gif) no-repeat 0px 0px;
    padding: 0px 10px 0px 20px;
    font-size: 10px;
    display: none;
}
.ISI_close
{
    position:absolute;
    margin:8px 0px 0px 469px;
    cursor: pointer;
}

#ISIPopup p
{ 
    padding:36px 0px 0px 0px;
}

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

.ISI
{
}   







div.popup_ClobexSprayCommercial {
    /* background-image:url(../Images/safety_popup_bg2.png); */
    background-image:url(../Images/safety_popup_bg.png);
    display:none;
    padding:0px;
    position:absolute;
    width:835px;
    height:528px;
}

div.popup_ClobexSprayCommercial div.close {
    background-image:url(../Images/safety_popup_close.jpg);
    cursor:pointer;
    height:11px;
    position:absolute;
    right:25px;
    top:25px;
    width:43px;
    z-index: 333333;
    display:none;
}




/****************************************
       Registration Popup Styles 
****************************************/
div.RegistrationPopup
{ 
    background-image:url(../Images/popup_register_bg.png); 
    width:690px; 
    height:565px; 
    display:none; 
    position: absolute; 
    padding:25px 8px 0px 2px;
    font-size:11px;
} 
div.RegistrationPopup h3
{ 
    margin:0px;
    padding:0px 0px 5px 0px;
    font-size:12px;
}
div.RegistrationPopup div.close 
{ 
    background-image:url(../Images/popup_register_close.jpg); 
    position:absolute; 
    right:5px; 
    top:4px; 
    cursor:pointer; 
    height:17px; 
    width:52px; 
}




/****************************************
       Benefits Popup Styles 
****************************************/
#TotalSupport
{
    width:640px;
    font-size:11px;
    padding:0px 10px 0px 20px;
}
#TotalSupport h1
{
    margin:0px;
    padding:0px 0px 10px 0px;
    font-size:24px;
    font-weight:normal;
}
#TotalSupport a {
	cursor:default;
	text-decoration:none;
}
div.BenefitsPopup
{ 
    background-image:url(../Images/popup_register_bg.png); 
    width:690px; 
    height:565px; 
    display:none; 
    position: absolute; 
    padding:25px 8px 0px 2px;
    font-size:11px;
} 
div.BenefitsPopup h3
{ 
    margin:0px;
    padding:0px 0px 5px 0px;
    font-size:12px;
}
div.BenefitsPopup div.close 
{ 
    background-image:url(../Images/popup_register_close.jpg); 
    position:absolute; 
    right:5px; 
    top:4px; 
    cursor:pointer; 
    height:17px; 
    width:52px; 
}


/****************************************
            Pharmacist Info Styles 
****************************************/
#PharmacistInfo
{
	width:600px;
    height:325px;
    padding:0px 0px 0px 0px;
    overflow-y:auto;
}


#ConfirmRebate
{
    float:left;
	text-align: center;
}