/*************************************************************************
                           GLOBAL STYLES AND CLASSES
*************************************************************************/
body
{
	margin:0px;
	padding:0px;
	font: 13px/17px Arial, Verdana;
}
#SiteContainer
{
    width:980px;
    height:677px;
    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;
	}
.subClass
{
    vertical-align:text-bottom;
    font-size:75%;
}
.supClass
{
    font-size:70%;
    line-height:70%;
    vertical-align:text-top;
}
.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;
}



/******* 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
{
    float:
}
.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 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;
}