/*************************************************************************
                           GLOBAL STYLES AND CLASSES
*************************************************************************/
body { margin:0px; padding:0px; font: 13px/17px Arial, Verdana; }
.hide-text { text-indent: -9999px; overflow: hidden; position: relative; text-align: left; white-space: nowrap; }
#SiteContainer {
    width:980px;
    height:677px;
    margin:0 auto;
    padding:0px;
    background:url(../Images/site_bg_pattern.jpg) no-repeat 0px 0px;
}
#SiteContainerSavings {
    width:980px;
    height:797px;
    margin:0 auto;
    padding:0px;
    background:url(../Images/site_bg_pattern.jpg) no-repeat 0px 0px;
}
a img { border:0px; }
.bold { font-weight:bold; }
.blue { color:#1c3f95; }
.BlueText { color:#1c3f95; }
.RedText { color:#FF0000; }
.disclaimer { font-style:italic; font-size:10px; line-height:11px; }
.subClass { vertical-align:text-bottom; font-size:75%; }
.supClass { font-size:70%;  line-height:70%; vertical-align:text-top; font-weight:normal; }
.normalBold { font-weight:bold; }
.mainList { margin:0px; padding:10px 0px 0px 25px; list-style-image:url(../Images/bullet_lg.gif) }
.mainList li { padding:0px 0px 10px 0px; }
.subList { margin:0px; padding:6px 0px 0px 30px; list-style-image:url(../Images/bullet_sm.gif) }
.subList li { padding:0px 0px 6px 0px; }
.sitemapList { margin:0px;  padding:5px 0px 15px 35px;  list-style-image:url(../Images/bullet_lg.gif) }
.sitemapList li {  padding:0px 0px 10px 0px; }

/*************************************************************************
                           HEADER STYLES
*************************************************************************/
#HeaderContainer { width:980px; height:35px; color:#1c3f95; }
#HeaderContainer ul { list-style:none; margin:0px; padding:5px 0px 0px 218px; }
#HeaderContainer ul li { float:left; margin:0px;  padding:0px 5px 0px 5px; }
#HeaderContainer a { color:#1c3f95; text-decoration:none; }
#HeaderContainer a:Hover { color:#1c3f95; text-decoration:underline; }


/*************************************************************************
                           CONTENT STYLES
*************************************************************************/
#ContentContainer { clear:both;  width:980px; height:500px; }

/****** CALLOUTS ******/
#CalloutsContainer {
    width:210px;
    height:465px;
    position:absolute;
    margin:30px 0px 0px 15px;
}
.new_treatment_tracker_wrapper { position: relative; }
.new_treatment_backer {
	position: absolute;
	top: 0px;
	right: 16px;
	padding: 10px 0px 0px 20px; 
	width: 143px;
	height: 106px;
	background: url(../Images/TreatmentTracker/tracker_backer.png) no-repeat right top;
	display: block;
}
#new_treatment_tracker { margin:0px 0px 0px 30px; width: 100px; height: 59px; background: url(/Includes/Images/TreatmentTracker/text/new_treatment_tracker.png) no-repeat; display: block; }

/******* LEFT COLUMN *******/
#LeftCol {  float:left;  width:335px; height:495px; }
#LeftCol ul { margin:0px; padding:40px 0px 0px 0px; list-style-type:none; }
#LeftCol ul li { padding: 0px 0px 0px 15px; }
#LeftCol ul li.logo { padding:18px 0px 8px 50px; }
#LeftCol ul li.tube { padding:0px 0px 20px 15px; }
#LeftCol ul li.savings { padding:24px 0px 10px 29px; }
#LeftCol ul li.getVit { padding:15px 0px 0px 30px; }
.imgLogo { margin:0px 0px 0px 0px; }

/******* RIGHT COLUMN *******/
#RightCol { float:left; width:600px; padding:70px 0px 0px 0px; }
#RightCol a { color:#1c3f95; }
#RightCol a:hover { text-decoration:none; }

/*************************************************************************
                           INTERNAL STYLES
*************************************************************************/
#InternalContainer
{
    height:415px;
    padding:0px 20px 0px 0px;
    color:#000000;
    overflow-y:auto;
}
#InternalContainer h1
{
	color:#1c3f95;
	margin:0px;
	padding:5px 0px 10px 0px;
	font-size:26px;
	font-weight:bold;
	line-height: 30px;
}
#InternalContainer h2
{
    margin:0px;
    padding:0px 0px 10px 0px;
    font-size:15px;
    font-weight:bold;
}
#InternalContainer h3
{
    margin:0px;
    padding:0px 0px 10px 0px;
    font-size:13px;
    font-weight:bold;
}
#InternalContainer h4
{
    margin:0px;
    padding:0px 0px 0px 0px;
    font-size:13px;
    font-weight:bold;
}

/******* FIND A DERM *******/
#dermZip { float:left; }
#dermSubmit { float:left; padding:0px 0px 0px 20px; }
.dermfinder_textbox { width:30px; padding:0px 0px 0px 5px; }
.derm_btn {}
.tdDermFind { height:100px; vertical-align:top; }

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

/*************************************************************************
                           SAFETY INFO STYLES
*************************************************************************/
#SafetyContainer
{
    clear:both;
    height:120px;
    color:#3e3e3e;
    font-size:11px;
    line-height:12px;
    padding:10px 30px 0px 30px;
}
#SafetyContainer_Savings
{
    clear:both;
    height:240px;
    color:#3e3e3e;
    font-size:11px;
    line-height:12px;
    padding:10px 30px 0px 30px;
}
#SafetyContainer a, #SafetyContainer_Savings a { color:#3e3e3e; }
div.SafetyPopup 
{ 
    background-image:url(../Images/safety_popup_bg.png); 
    width:402px; 
    height:352px; 
    display:none; 
    position: absolute; 
    padding:40px 30px 0px 30px; 
}  
div.SafetyPopup div.close 
{ 
    background-image:url(../Images/safety_popup_close.jpg); 
    position:absolute; 
    right:25px; 
    top:25px; 
    cursor:pointer; 
    height:11px; 
    width:43px; 
}

/*************************************************************************
                           FOOTER STYLES
*************************************************************************/
#FooterContainer { color:#3d3d3d; font-size:10px; padding:10px 0px 0px 20px; }
#FooterContainer a { color:#3d3d3d; text-decoration:underline; }
#FooterContainer a:hover { color:#3d3d3d; text-decoration:none; }
.footer_galdermalogo { float:left; }
#FooterNav { width:580px; margin:0px; padding:0px 0px 0px 0px; list-style:none; }
#FooterNav li { float:left;  margin:0px; padding:0px 5px 0px 5px; }
#FooterLegal { float:left; line-height:11px; padding:5px 0px 0px 5px; }

/****************************************
       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; 
}
#ConfirmRebate { float:left; text-align: center; }

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

.savings_ie1 {
        font-size:12px;
}
.savings_ie2 {
        margin:2px 0px 0px 0px;
        padding-bottom:4px;
}