/*************************************************************************
                            GLOBAL STYLES
*************************************************************************/
body 
{
	padding:0px;
	margin:0px;
	font-family:Arial;
}
img, div, input 
{ 
	behavior: url("/Includes/JS/iepngfix.htc") 
}
.bold {
    font-weight:bold;
    }
.blue {
    color:#4481e3;
    }
#absoluteWrapper
{
	width:1116px;
	position:relative;
	margin:0 auto;
}
#myCetaphilCallout
{
	position:absolute;
	top:563px;
	left:45px;
}



#siteContainer
{
	width:1116px;
	height:805px;
	margin:0 auto;
	border:0px solid #000;
	background:url(../Images/cetaphil_bg.jpg) no-repeat top center;
}
.regMark
{
	font-size:55%;
	vertical-align:text-top;
}
.refNumber
{
	font-size:65%;
	vertical-align:text-top;
}
a img
{
	border:0px;
}
.formError
{
	color:#ff0000;
}



/*************************************************************************
                           NAVIGATION STYLES
*************************************************************************/
#navContainer
{
	width:1024px;
	height:88px;
	border:0px solid #000;
	margin:0 auto;
}
#navLeft
{
	float:left;
	width:740px;
	height:88px;
	border:0px solid #000;
}
#navRight
{
	float:right;
	width:255px;
	height:88px;
	padding:0px 10px 0px 0px;
	border:0px solid #000;
}
#navMain
{
	width:740px;
	color:#ffffff;
	font-size:11px;
	font-weight:bold;
	float:left;
	padding:12px 0px 7px 15px;
	border:0px solid #000;
}
#navMain a
{
	color:#ffffff;
	text-decoration:none;
}
.main_nav_list
{
	padding:0px;
	margin:0px;
}
.main_nav_list li
{
	float:left;
	margin:0px;
	padding:0px 10px 0px 0px;
	list-style-type:none;
}
#navSub
{
	width:690px;
	color:#3c3c3c;
	font-size:11px;
	float:left;
	clear:left;
	padding:13px 0px 5px 15px;
	border:0px solid #000;
}
#navSub a
{
	color:#3c3c3c;
	text-decoration:none;
}
.sub_nav_list
{
	padding:0px;
	margin:0px;
}
.sub_nav_list li
{
	float:left;
	margin:0px;
	padding:0px 10px 0px 0px;
	list-style-type:none;
}
#navSearch
{
	width:255px;
	color:#004071;
	font-size:10px;
	font-weight:bold;
	text-align:right;
	float:right;
	padding:10px 0px 5px 0px;
	border:0px solid #000;
}
.search_textbox
{
	height:12px;
	width:100px;
	font-size:11px;
}
#navDermfinder
{
	width:255px;
	color:#ffffff;
	font-size:10px;
	float:right;
	text-align:right;
	padding:10px 0px 0px 0px;
	border:0px solid #000;
}
.dermfinder_textbox
{
	height:12px;
	width:70px;
	font-size:11px;
}


/*************************************************************************
                             HEADER STYLES
*************************************************************************/
#headerContainer
{
	width:1024px;
	height:106px;
	border:0px solid #000;
	padding:0px 0px 0px 0px;
	margin:0 auto;
}
.header_logo
{
	float:left;
	padding:0px 0px 0px 60px;
	border:0px;
}
.header_lockup
{
	float:left;
	padding:0px 0px 0px 13px;
}
.header_kudos
{
	float:left;
	padding:20px 0px 0px 18px;
}


/*************************************************************************
                             INTERNAL STYLES
*************************************************************************/
#contentContainer
{
	width:1024px;
	height:552px;
	margin:0 auto;
	border:0px solid #000;
	position:relative;
}
#calloutsContainer
{
	position:absolute;
	margin:0px 0px 0px 0px;
	right:0;
	/*width:55px;*/
	width:243px;
	height:477px;
	border:0px solid #000;
}
#internalContainer
{
	width:1024px;
	height:550px;
	font-size:11px;
	padding:0px 0px 0px 0px;
	border:0px solid #000;
}
#internalContainer a
{
	color:#1a5698;
	font-weight:bold;
}
#internalContainer h2
{
	margin:0px;
	padding:0px 0px 14px 0px;
	font-size:12px;
	font-weight:bold;
}
#internalContainer h3
{
	margin:0px;
	padding:0px 0px 14px 0px;
	font-size:12px;
	font-weight:bold;
}
.GenericInternalBG_Fade
{
	background-image:url(../Images/internal_bg1.png) ;
	background-repeat:no-repeat ;
	background-color: transparent;
}

.GenericInternalBG_Fade_retailpromo
{
	background-image:url(../Images/internal_bg1_retailpromo.png) ;
	background-repeat:no-repeat ;
	background-color: transparent;
}

.GenericInternalBG_Edge
{
	background-image:url(../Images/internal_bg2.png) ;
	background-repeat:no-repeat ;
	background-color: transparent;
}
.GenericInternalBG_noTrans_Edge
{
	background-image:url(../Images/drDownie_bg.jpg) ;
	background-repeat:no-repeat ;
	background-color: transparent;
}
.pageHeadline
{
	margin:0px;
	padding:0px;
}
#rightImageContainer
{
	float:right;
}
#internalContent
{
	float:left;
	padding:105px 0px 0px 0px;
}
#internalCopy_NoNav
{
	padding:20px 0px 0px 225px;
}
#internalCopy_NotherNav
{
	padding:20px 0px 0px 125px;
}
#internalCopy_WithNav
{
	padding:20px 0px 0px 0px;
}
#internalSubnav
{
	float:left;
	width:195px;
	color:#698901;
	text-transform:uppercase;
	text-align:right;
	font-size:12px;
	font-weight:bold;
	padding:0px 25px 0px 0px;
}
#internalSubnav ul
{
	padding:0;
	margin:0;
	list-style-type:none;
}
#internalSubnav ul li
{
	padding:0px 0px 10px 0px;
}
#internalSubnav ul li a.subNavOn
{
	color:#1a5698;
	text-decoration:none;
}
#internalSubnav ul li a.subNavOff
{
	color:#698901;
	text-decoration:none;
}
#internalSubnav ul li a:hover
{
	color:#1a5698;
	text-decoration:none;
}
.ingredients
{
	font-size:10px;
}


/*************************************************************************
                             HOMEPAGE
*************************************************************************/
#homepageHTML
{
    font-size:12px;
    padding:80px 0px 0px 60px;
}
#homepageHTML h1
{
    font-size:20px;
    padding:0px 0px 10px 0px;
}
#homepageHTML h2
{
    font-size:14px;
}


/*************************************************************************
                             PRODUCTS
*************************************************************************/
#IngredientsContainer
{
	display:none; position:absolute; margin:120px 0px 0px 220px; padding:10px 15px 5px 15px; width:435px; background:#217db6; color:#ffffff;
}
#IngredientsContainer.AntibacterialCleansingBar
{
	margin-top:181px;
}
#IngredientsContainer.TherapeuticHandCream
{
	margin-top:228px;
}
#IngredientsContainer.MoisturizingLotion
{
	margin-top:200px;
}
#IngredientsContainer.MoisturizingCream
{
	margin-top:200px;
}
#IngredientsContainer.GentleSkinCleanser
{
	margin-top:242px;
}
#IngredientsContainer.GentleCleansingBar
{
	margin-top:200px;
}
#IngredientsContainer.DefenseSPF50
{
	margin-top:167px;
}
#IngredientsContainer.DailyFacialMoisturizer
{
	margin-top:195px;
}
#IngredientsContainer.DailyFacialCleanser
{
	margin-top:214px;
}
#IngredientsContainer.DailyAdvanceLotion
{
	margin-top:200px;
}

#IngredientsContainer p
{
	margin:0px; padding:0px 0px 5px 0px;
}
.ingredients_header
{
	padding:0px 0px 5px 0px; cursor:pointer;
}
.ingredients_close
{
	position:absolute; margin:-8px 0px 0px 434px; cursor:pointer;
}




/*************************************************************************
                             THE SCOOP
*************************************************************************/
.TheScoopBG
{
	background:url(../Images/TheScoop/TheScoop_bg.png) no-repeat;
}
.BeautyBuzzBG
{
	background:url(../Images/TheScoop/BeautyBuzz_bg.png) no-repeat;
}
#BeautyBuzzContainer { width:555px; height:210px; overflow:auto; position: relative; }
#BeautyBuzzContainer hr { margin:15px 0px 15px 0px; }
#BeautyBuzzContainer h3 { padding:0px;  margin:0px 0px 5px 0px; font-size:12px; font-weight:bold; }
#BeautyBuzzContainer p { padding:0px; margin:0px 0px 10px 0px; }

/*************************************************************************
                           TIPS AND TALK
*************************************************************************/
.TipsAndTalkBG
{
	background:url(../Images/TipsAndTalk/TipsAndTalk_bg.png) no-repeat;
}
.TestimonialsBG
{
	background:url(../Images/TipsAndTalk/Testimonials_bg.png) no-repeat;
}

div.DrDownieVideoPopup { 
	background-image:url(../Images/TipsAndTalk/DrDowniePopupBG.png); 
    width:900px; 
    height:450px;         
    display:none; 
    padding:0px;
    margin:0px;
    text-align:left;
}
div.DrDownieVideoPopup div.close { 
    background-image:url(../Images/TipsAndTalk/DrDowniePopupClose.png); 
    position:absolute; 
    right:35px; 
    top:30px; 
    cursor:pointer;
    width:48px;
    height:13px; 
    display:none;
}
/*************************************************************************
                           SKINCARE
*************************************************************************/
.SkinCareBG 
{ 
	background:url(../Images/SkinCare/SkinCare_bg.png) no-repeat;
}

/*************************************************************************
                           PROFESSIONALS
*************************************************************************/
.ProfessionalBG
{
	background:url(../Images/Professionals/professionals_bg.png) no-repeat;
}
.ReferColleagueArea 
{ 
	width:335px; 
	height:200px; 
	overflow-y:auto; 
}
.ReferAColleagueBG 
{ 
	background:url(../Images/Professionals/ReferAColleague_bg.png) no-repeat;
}

/*************************************************************************
                         REGISTRATION PAGE
*************************************************************************/
.RegistrationTable
{
	
}
.RegistrationLabelCell
{
	text-align:right;
}
.RegistrationInputCell
{
	
}


div.PrivacyActPopup { 
	background-image:url(../Images/PrivacyActPopupBG.png); 
    width:441px; 
    height:210px;         
    display:none; 
    padding:0px;
    margin:0px;
    text-align:left;
}
div.PrivacyActPopup div.close { 
    background-image:url(../Images/TipsAndTalk/DrDowniePopupClose.png); 
    position:absolute; 
    right:35px; 
    top:22px; 
    cursor:pointer;
    width:48px;
    height:13px; 
}
#PrivacyActContent
{
	padding:60px 50px 0px 50px;
}
/*************************************************************************
                           REFER A FRIEND
*************************************************************************/
.ReferAFriendBG{
	background:url(../Images/ReferAFriend/ReferAFriend_bg.png) no-repeat;
}

/*************************************************************************
                           Cetaphil Survey (Bechmark survey ++)
*************************************************************************/
.cetaphilSurveyBG {
    background:url(../Images/cetaphil_surveyBg.png) no-repeat;
}
.btn_startSurvey {
    padding: 40px 0px 0px 0px;
}
#internalContainer h3.save{
	margin:0px;
	padding:0px 0px 5px 0px;
	font-size:17px;
	font-weight:bold;
	color: #4886e7;
}
.btn_getSavings {
    padding: 20px 0px 0px 0px;
}

/******* REGISTRATION POP-UP *****/
div.RegistrationPopup 
{ 
    background-image:url(../Images/reg_popup_bg.png); 
    width:677px; 
    height:550px; 
    display:none; 
    position: absolute; 
    padding:35px 20px 0px 20px; 
}  
div.RegistrationPopup div.close 
{ 
    background-image:url(../Images/safety_popup_close.jpg); 
    position:absolute; 
    right:20px; 
    top:18px; 
    cursor:pointer; 
    height:11px; 
    width:43px;
}

/*************************************************************************
                           RETAIL LOCATIONS
*************************************************************************/
.retailCol
{
    width:100px;
    text-align:center;
    padding:0px 0px 8px 0px;
}

/*************************************************************************
                             FOOTER STYLES
*************************************************************************/
#footerContainer
{
	width:1024px;
	height:58px;
	border:0px solid #000;
	margin:0 auto;
}
.footer_galderma_logo
{
	float:right;
	padding:10px 10px 0px 0px;
}
#footerDisclaimer
{
	float:right;
	width:702px;
	font-size:10px;
	color:#ffffff;
	padding:10px 0px 0px 0px;
}
.footer_nav_list
{
	float:right;
	margin:0px;
	padding:0px;
}
.footer_nav_list li
{
	float:left;
	margin:0px;
	padding:0px 10px 0px 0px;
	list-style-type:none;
	
}
.footer_nav_list a
{
	color:#ffffff;
}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
*{padding: 0; margin: 0;}
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window {
  font: 12px Arial, Helvetica, sans-serif;
  color: #333333;
}
#TB_secondLine {
  font: 10px Arial, Helvetica, sans-serif;
  color:#666666;
}
#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
  position: fixed;
  z-index:100;
  top: 0px;
  left: 0px;
  height:100%;
  width:100%;
}
.TB_overlayMacFFBGHack {background: url(macFFBgHack.png) repeat;}
.TB_overlayBG {
  background-color:#000;
  filter:alpha(opacity=75);
  -moz-opacity: 0.75;
  opacity: 0.75;
}
* html #TB_overlay { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
#TB_window {
  position: fixed;
  background: none;
  z-index: 102;
  color:#000000;
  display:none;
  border: none;
  text-align:left;
  top:50%;
  left:50%;
}
* html #TB_window { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}
#TB_window img#TB_Image {
  display:block;
  margin: 15px 0 0 15px;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  border-top: 1px solid #666;
  border-left: 1px solid #666;
}
#TB_caption{
  height:25px;
  padding:7px 30px 10px 25px;
  float:left;
}
#TB_closeWindow{
  height:25px;
  padding:11px 25px 10px 0;
  float:right;
}
#TB_closeAjaxWindow{
  padding:7px 10px 5px 0;
  margin-bottom:1px;
  text-align:right;
  float:right;
}
#TB_ajaxWindowTitle{
  float:left;
  padding:7px 0 5px 10px;
  margin-bottom:1px;
}
#TB_title{
    background-color:#E8E8E8;
    height:27px;
    visibility:hidden;display:none;
}
#TB_ajaxContent{
  clear:both;
  padding:2px 15px 15px 15px;
  overflow:auto;
  text-align:left;
  line-height:1.4em;
}
#TB_ajaxContent.TB_modal{
  padding:15px;
}
#TB_ajaxContent p{
  padding:5px 0px 5px 0px;
}
#TB_load{
  position: fixed;
  display:none;
  height:13px;
  width:208px;
  z-index:103;
  top: 50%;
  left: 50%;
  margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}
* html #TB_load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}
#TB_HideSelect{
  z-index:99;
  position:fixed;
  top: 0;
  left: 0;
  background-color:#fff;
  border:none;
  filter:alpha(opacity=0);
  -moz-opacity: 0;
  opacity: 0;
  height:100%;
  width:100%;
}
* html #TB_HideSelect { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
#TB_iframeContent{
  clear:both;
  border:none;
  margin-bottom:-1px;
  margin-top:1px;
  _margin-bottom:1px;
}