@import url(nav.css);
@import url(products.css);


/*cloaking the clearing element */

hr {
display:none;
}
* html div.clearer {
display:none;
}
div.clearer {
clear: both; line-height: 0; height: 0;
}
* html  hr {background:blue;
display: block; 
clear: all; 
margin: -0.66em 0;
visibility: hidden;
}


  
/* div.clearer {clear: left; line-height: 0; height: 0;} */
form { 
margin:0;
}
body {
margin:0;
font: 12px/16px frutiger,gill sans, arial, verdana, sans-serif;
color:#003876;
background:url(../img/bg_boilerplate.gif) repeat-x 0 0;
}
a {
outline:none;
}
.hide {
display:none;
}
table,img,fieldset{
border:0;
}
form,fieldset{
margin:0;padding:0;
}
a:link, a:visited, a:active {
color:#003876;
}
#container { 
width:800px;
margin:0px auto;
position:relative;
}
#containerShadow { 
width:856px;
background:url(../img/bg_containerShadow.gif) no-repeat 0px 84px;
margin:0px auto;

}
#containerShadowTop { 
width:856px;
background: url(../img/bg_containerShadowTop.gif) no-repeat 0px 84px;
margin:0px auto;

}
#containerShadowMid { 
width:856px;
background:url(../img/bg_containerShadowMid.gif) no-repeat 0px 104px;
margin:0px auto;

}
#containerShadowBot { 
width:856px;
background:url(../img/bg_containerShadowBot.gif) no-repeat bottom;
margin:0px auto;

}
#containerShadowXLong { 
width:856px;
background:url(../img/bg_containerShadowXLong.gif) no-repeat 0 84px;
margin:0px auto;

}
#containerShadowLong { 
width:856px;
background:url(../img/bg_containerShadowLong.gif) no-repeat 0 84px;
margin:0px auto;

}
#containerShadowShort { 
width:856px;
background:url(../img/bg_containerShadowShort.gif) no-repeat 0 84px;
margin:0px auto;

}

h4 { 
font:bold 16px/20px frutiger,gill sans, arial, verdana, sans-serif;
}
/* Content Styles */
#hcontent {
margin:0 0 px;
padding:0;
background:url(../img/home_bkgd.jpg) no-repeat 0 0;
}
* html #hcontent {
margin:0 0 -3px;
padding:0;
background:url(../img/home_bkgd.jpg) no-repeat 0 0;
}
#contenthometable {
width:800px;
margin:0 0 -1px;
padding:0;
background:url(../img/home_bkgd.jpg) no-repeat 0 0;
}
#textcontainer {
margin:150px 0 0 0;
}
#hcontentleft {
float:left;
}
#hcontentright {
float:right;padding:0;
margin:170px 0 0 0;
background:;
width:500px;
background:;
}
h4.home {
background: url(../img/hdr_home_whatsnew.gif) no-repeat;
margin:0;
height:15px;
width:225px;
}
#whatsnew {
margin:15px 0 0 0;
padding:0;
width:472px;
height:142px;
background: url(../img/btn_whatsnew.jpg) no-repeat;
position: relative;
}
#whatsnew li{
height:10px
display:inline;
float:left;
list-style:none;
}

#whatsnew #calming a {
margin:0  25px 0 0;
width: 140px;
height: 142px;
text-decoration:none;
display: block;

}
#whatsnew #err a {
margin:0  25px 0 0;
width: 140px;
height: 128px;
text-decoration:none;
display: block;

}
#whatsnew #aquaphor a {
margin:0;
width: 140px;
height: 128px;
text-decoration:none;
display: block;

}
#content_where {
width:800px;
background:url(../img/wheretobuy_bkgd.jpg) no-repeat 0 0;
border:0px red solid;
margin:-5px 0px 0px 0px;
}
#content_where #contenttext {
margin:0 0 0 123px;

}
#content_club {
width:800px;
background:url(../img/myeucerin_bkgd.jpg) no-repeat 0 0;
border:0px red solid;
margin:0 0 10px 0;
}
#content_club #contenttext {
width:463px;
margin:0 0 25px;
float:right;
}
#content_advice {
vertical-align:bottom;
width:800px;
background:url(../img/advice_main_bkgd.jpg) no-repeat 0 0;
border:0px red solid;
margin:0 0 10px 0;
}
#content_advice #contenttext {
width:470px;
margin:0 0 25px;
float:right;
}
#content_advice_baby {
vertical-align:bottom;
width:800px;
background:url(../img/advice_babies_bkgd.jpg) no-repeat 0 0;
border:0px red solid;
margin:0 0 10px 0;
}
#content_advice_baby #contenttext {
width:470px;
margin:0 0 25px;
float:right;
}
#content_advice_aging {
vertical-align:bottom;
width:800px;
background:url(../img/advice_diabetes_bkgd.jpg) no-repeat 0 0;
border:0px red solid;
margin:0 0 10px 0;
}
#content_advice_aging #contenttext {
width:470px;
margin:0 0 25px;
float:right;
}
#content_advice_winter {
vertical-align:bottom;
width:800px;
background:url(../img/advice_winters_bkgd.jpg) no-repeat 0 0;
border:0px red solid;
margin:0 0 10px 0;
}
#content_advice_winter #contenttext {
width:470px;
margin:0 0 25px;
float:right;
}
#content_advice_atopic {
vertical-align:bottom;
width:800px;
background:url(../img/advice_eczema_bkgd.jpg) no-repeat 0 0;
border:0px red solid;
margin:0 0 10px 0;
}
#content_advice_atopic #contenttext {
width:470px;
margin:0 0 25px;
float:right;
}
#content_advice_subpage {
vertical-align:bottom;
width:800px;
background:url(../img/advice_sun_bkgd.jpg) no-repeat 0 0;
border:0px red solid;
margin:0 0 10px 0;
}
#content_advice_subpage #contenttext {
width:470px;
margin:0 0 25px;
float:right;
}
#content_advice_keratosis {
vertical-align:bottom;
width:800px;
background:url(../img/advice_keratosis_bkgd.jpg) no-repeat 0 0;
border:0px red solid;
margin:0 0 10px 0;
}
#content_advice_keratosis #contenttext {
width:470px;
margin:0 0 25px;
float:right;
}
#content_advice_itchy {
vertical-align:bottom;
width:800px;
background:url(../img/advice_itchy_bkgd.jpg) no-repeat 0 0;
border:0px red solid;
margin:0 0 10px 0;
}
#content_advice_itchy #contenttext {
width:470px;
margin:0 0 25px;
float:right;
}
#content_advice_sensitive {
vertical-align:bottom;
width:800px;
background:url(../img/advice_sensitive_bkgd.jpg) no-repeat 0 0;
border:0px red solid;
margin:0 0 10px 0;
}
#content_advice_sensitive #contenttext {
width:470px;
margin:0 0 25px;
float:right;
}
#content_contactus {
width:800px;
background:url(../img/contactus_bkgd.jpg) no-repeat 0 0;
border:0px red solid;
margin:0 0 0px 0;
}
#content_contactus #contenttext {
width:470px;
margin:0 0 120px;
float:right;
}
#content_faqs {
width:800px;
background:url(../img/faq_bkgd.jpg) no-repeat 0 0;
border:0px red solid;
margin:0;
}
#content_faqs #contenttext {
width:462px;
margin:10px 0 25px;
float:right;
}
#content_thankyou {
width:800px;
background:url(../img/thankyou_bkgd.jpg) no-repeat 0 0;
border:0px red solid;
margin:0;
}
#content_thankyou #contenttext {
width:460px;
margin:10px 0 100px;
float:right;
}
#content_terms {
width:800px;
background:url(../img/terms_bkgd.jpg) no-repeat 0 0;
border:0px red solid;
margin:0;
}
#content_terms #contenttext {
width:470px;
margin:0 0 25px;
float:right;
}
#content_sitemap {
width:800px;
background:url(../img/sitemap_bkgd.jpg) no-repeat 0 0;
border:0px red solid;
margin:0;
}
#content_sitemap #contenttext {
width:470px;
margin:0 0 25px;
float:right;
}

#content_unsub {
width:800px;
background:url(../img/unsubscribe_bkgd.jpg) no-repeat 0 0;
border:0px red solid;
margin:0 0 10px 0;
}
#content_unsub #contenttext {
width:600px;
margin:0 0 25px;
float:right;
}
#content_unsub #contentarea {
padding:150px 105px 60px ;
}


#content_events {
width:800px;
background:url(../img/events_bkgd.jpg) no-repeat 0 0;
border:0px red solid;
margin:0 0 10px 0;
}
#content_events #contenttext {
width:600px;
margin:0 0 25px;
background:;
}
#content_events #contentarea {
padding:150px 105px 60px ;
}


#content_doctors {
width:800px;
background:url(../img/doctors_bkgd.jpg) no-repeat 0 0;
border:0px red solid;
margin:0 0 10px 0;
}

#content_doctorsArticle1 {
vertical-align:bottom;
width:800px;
background:url(../img/doctors_article1bg.jpg) no-repeat 0 0;
border:0px red solid;
margin:0 0 10px 0;
}

#content_doctorsArticle2 {
vertical-align:bottom;
width:800px;
background:url(../img/doctors_article2bg.jpg) no-repeat 0 0;
border:0px red solid;
margin:0 0 10px 0;
}

#content_doctorsArticle1 #contenttext, #content_doctorsArticle2 #contenttext {
width:470px;
margin:0 0 25px;
float:right;
}


#content_events #contenttext {
width:600px;
margin:0 0 25px;
background:;
}
#content_events #contentarea {
padding:150px 105px 60px ;
}



#content_widget {
width:800px;
background:url(../img/widget_bkgd.jpg) no-repeat 0 0;
border:0px red solid;
margin:0 0 10px 0;
}
#content_widget #contenttext {
width:600px;
margin:0 0 25px;
background:;
}
#content_widget #contentarea {
padding:230px 22px 0;
}

#content_widget div  h4 { 
margin:0;
font:bold 12px frutiger,gill sans, arial, verdana, sans-serif;
line-height:16px;
}


#content_clubthanks {
width:800px;
background:url(../img/clubthanks_bkgd.jpg) no-repeat 0 0;
border:0px red solid;
margin:0 0 0px 0;
}

#content_runner {
width:800px;
background:url(../img/runner_bkgd.jpg) no-repeat 0 0;
border:0px red solid;
margin:0 0 10px 0;
}
#content_runner #contenttext {
width:385px;
margin:0 0 25px;
float:right;
}
#content_runner #contentarea {
padding:55px 22px 20px 180px;
}


#content_sample {
width:800px;
height:789px;
background:url(../img/sample_bkgd.jpg) no-repeat 0 0;
border:0px red solid;
margin:0 0 10px 0;
}
#content_sample #contenttext {
width:385px;
margin:0 0 25px;
float:right;
}
#content_sample #contentarea {
padding:455px 22px 20px 180px;
font: 14px arial, verdana, sans-serif;
}

#content_thrive {
width:800px;
height:789px;
background:url(../img/thrive_bkgd.jpg) no-repeat 0 0;
border:0px red solid;
margin:0 0 10px 0;
}
#content_thrive #contenttext {
width:385px;
margin:0 0 25px;
float:right;
}
#content_thrive #contentarea {
padding:355px 22px 20px 180px;
font: 14px arial, verdana, sans-serif;
}

#contentarea {
padding:129px 22px 60px 180px;
}

#contentarea_buzz {
padding:25px 60px 60px 180px;
}



#contenttext li {
margin:0 0 0 -20px;
}

p.skincancer {
background:url(../img/products/logo_skincancer.gif) no-repeat;
padding:0 0 30px 45px;
font-size:11px;
}

/* club form table */

#clubform td {
padding:2px 5px;
text-align:right;
}

/* buzz form table */

#buzzform td {
padding:2px 5px;
vertical-align:top;
}

/* where to buy table */

#linkstable {
margin: 0 0 25px 0;
}

/* events */

#eventContainer {
position:relative;
padding-bottom:20px;
}

.eventPost {
position:relative;
margin-top:22px;
}

.eventPost .eventText {
float:left; width:540px; 
}

.eventPost h4 {
margin:0;
font:bold 12px frutiger,gill sans, arial, verdana, sans-serif;
line-height:16px;
}


/* 2008 survey */

#questiondiv {
text-align: center;
padding:0 0 25px 0;

}

#userFields {
margin: 25px 0;
}
#userFields td { 
font-weight:normal;
color:#003e7e;
padding-right:10px;
text-align: left;
}
#userFields option { 
font-weight:normal;
color:#003e7e;
}
#userFields .inputWidth { 
width:100px;
}

ul#questionList  {
list-style:none;
margin:0;
padding:0;
}

li.question  { 
margin:0px 0 0px 0px;
font-weight:normal;
color:#003e7e;
text-align: left;
padding:0 0 0 20px;
}
option { 
font-weight:normal;
color:#003e7e;
}
.question select { 
margin-top:10px;

}