
/*-Begin Section -_theme.css-*/
html
{
	/*overflow-y: scroll;*/
	height: 100%;
	padding-bottom: 1px;
}
body 
{
	font-family:arial, helvetica, sans-serif;
	font-size:0.67em;	
	margin:0;
	padding:0;
	background-color:#0e0e0e;
	background-image: url(../_images/freederm/site_bg.jpg);
	background-repeat:no-repeat;
	background-position:top center;
}


#base 
{
	width: 900px;
	margin: 37px auto 0 auto;	
	background-color:#ffffff;
}

#base_inner
{
	width: 839px;
	margin-left:35px;
}

/* ZONES */
#ZoneHeaderRow
{

}
#LeftRightContainer 
{
	overflow: hidden;
	margin-top:14px;
}

#ZoneLeftColumn 
{
	float: left;
	display: inline;
	min-height:10px;
	width:208px;
}
#ZoneMiddleColumn 
{
	float: left;
	display: inline;
	min-height:10px;
}
#ZoneRightColumn
{
    float: left;
	width:631px;
	display: inline;	
	min-height:10px;
}

#ZoneCentreRow 
{
}


#ZoneFooterRow 
{
	clear:both;
	border-top:solid 1px #ededed;
	padding-top:22px;
}

#FooterSpacer
{
	clear:both;
	height:80px;
	overflow:hidden;
}

a.linkskip {
	position: absolute;
	top: -200px;
}


#ZoneHeaderRow h1.ident
{
	font-size: 1em;
}

div.elLogo {
	margin-top:22px;
	margin-left:9px;
	float:left;
	width: 226px;
	height: 86px;
}
div.elLogo h1.ident {
	background-image: url(../_images/freederm/freederm_logo.gif);
	background-repeat: no-repeat;
	background-position: left;
	width: 226px;
	height: 50px;	
	margin:0;
	padding:0;
}
div.elLogo h1.ident a {
	width: 226px;
	height: 50px;
	display: block;
}
div.elLogo h1.ident span {
	display: none;
}


/* Element Horizontal Nav */
ul.elMainMenu 
{
	clear:both;
    height: 49px;
	background-image: url(../_images/freederm/menu_bg.gif);
    /*line-height: 49px;*/
	list-style: none;
	padding: 0 0 0 21px;
	margin: 0 0 0 0;    
	z-index:99;
	overflow: hidden;
	font-family:Courier New, Courier, monospace;
}

form.elPageHome ul.elMainMenu
{
	background-image: url(../_images/freederm/home_menu_bg.gif)!important;
}

ul.elMainMenu ul 
{
	line-height: 1;
	list-style: none;
	padding: 0;
	margin: 0;  	
	z-index:99;

}
ul.elMainMenu a
, ul.elMainMenu a:link
, ul.elMainMenu a:visited
{
	display: block;
	padding: 4px 7px 7px 7px;
	margin:0 6px 0 6px;
	color: #ffffff;
	text-decoration: none;	
	text-transform: none;
	font-size: 13px;	
	/*font-weight: bold;*/
}

ul.elMainMenu a span,
ul.elMainMenu a:hover span,
ul.elMainMenu a.current span
{
	color:#ffffff;
}
ul.elMainMenu li 
{
	float: left;
	padding: 0 0 0 0;
	margin:9px 0 0 0;
	border-right:solid 1px #787878;
	width: auto;
	overflow: hidden;
	white-space: nowrap;
}

ul.elMainMenu li.last
{
	border-right:none;
}

ul.elMainMenu li ul 
{
	position: absolute;
	left: -999em;
	height: auto;
	width: 200px;
	margin: 0 0 0 -1px;
	border-style: solid;
	border-width: 1px 1px 0 1px;
	border-color: #FFF;
}
ul.elMainMenu li li
, ul.elMainMenu li li.first  
{
    width: 200px;
    background-image: none;
    line-height: 20px;
    border-bottom: solid 1px #FFF;
    background-color: #ddd;	 
}
ul.elMainMenu ul a
, ul.elMainMenu ul a:link
, ul.elMainMenu ul a:visited 
{
	width: 180px;
    border-width: 0;
    font-size: .9em;
    padding: 0 10px;
    color: #ffffff;
    text-transform: none;    
}
ul.elMainMenu a:hover,
ul.elMainMenu a:active,
ul.elMainMenu a.current,
ul.elMainMenu a.parent_current
{
	background-color: #eb008b;
}
ul.elMainMenu ul a.ChildItems
{
    background-image: url(../_images/default/more_nibble.gif) !important;
    background-repeat: no-repeat;
    background-position: top right;	
}
ul.elMainMenu ul a.ChildItems:hover 
{
    background-image: url(../_images/default/more_nibble_on.gif) !important;	
}
ul.elMainMenu li ul ul 
{
	margin: -21px 0 0 200px;
	border-style: solid;
	border-width: 1px 1px 0 1px;
	border-color: #fff;	
}
ul.elMainMenu li li li
, ul.elMainMenu li li li.first  
{
    border-color: #fff;	
}
ul.elMainMenu li li a
, ul.elMainMenu li li a:link
, ul.elMainMenu li li a:visited
{
    color: #444;
    background-image: none;
}
ul.elMainMenu  li a:hover
, ul.elMainMenu  li a:active 
{
	 color: #FFF;
}
ul.elMainMenu ul li a:hover
, ul.elMainMenu ul li a:active 
{
	background-color: #efefef;
	color: #000;
}
ul.elMainMenu li:hover ul ul
, ul.elMainMenu li:hover ul ul ul
, ul.elMainMenu li:hover ul ul ul ul
, ul.elMainMenu li.MenuItemHover ul ul
, ul.elMainMenu li.MenuItemHover ul ul ul
, ul.elMainMenu li.MenuItemHover ul ul ul ul 
{     
    left: -999em; 
    display: none;
} 
ul.elMainMenu li:hover ul
, ul.elMainMenu li li:hover ul
, ul.elMainMenu li li li:hover ul
, ul.elMainMenu li li li li:hover ul
, ul.elMainMenu li.MenuItemHover ul
, ul.elMainMenu li li.MenuItemHover ul
, ul.elMainMenu li li li.MenuItemHover ul
, ul.elMainMenu li li li li.MenuItemHover ul 
{
    left: auto; 
	display: block;
} 

/*ADMIN MENU */

ul.elAdminMenu 
{
	list-style: none;
	padding: 0;
	margin: 30px 0 10px 0;   
	font-size:12px;
	float:left;
	font-weight:bold;
}

ul.elAdminMenu ul 
{
	line-height: 1;
	list-style: none;
	padding: 0;
	margin: 0;  	
	z-index:99;
}
ul.elAdminMenu a
, ul.elAdminMenu a:link
, ul.elAdminMenu a:visited
{
	display: block;
	padding: 0 0 0 15px;
	color: #ff0000;
	text-decoration: none;	
	text-transform: none;
	font-size: 1em;	

}
ul.elAdminMenu li a.current
, ul.elAdminMenu li a:hover
, ul.elAdminMenu li a.current:link
, ul.elAdminMenu li a.current:visited
, ul.elAdminMenu li a.parent_current
, ul.elAdminMenu li a.parent_current:link
, ul.elAdminMenu li a.parent_current:visited
{
	color: #ff0000;
}
ul.elAdminMenu li 
{
	float: left;
	padding: 0;
	width: auto;
	overflow: hidden;
	white-space: nowrap;
}
ul.elAdminMenu li ul 
{
	position: absolute;
	left: -999em;
	height: auto;
	width: 200px;
	margin: 0 0 0 1px;
	border-style: solid;
	border-width: 1px 1px 0 1px;
	border-color: #FFF;
}
ul.elAdminMenu li li
, ul.elAdminMenu li li.first  
{
    width: 200px;
	height:30px;
    background-image: none;
    line-height: 30px;
    border-bottom: solid 1px #FFF;
    background-color: #0a224a;	 
}
ul.elAdminMenu ul a
, ul.elAdminMenu ul a:link
, ul.elAdminMenu ul a:visited 
{
	width: 180px;
    border-width: 0;
    font-size: 1em;
    padding: 0 10px;
    color: #444;
    text-transform: none;
	color:#fff;
}
ul.elAdminMenu ul a:hover
, ul.elAdminMenu ul a:active
{
	background-color: #669bd6;
	color: #fff;
}
ul.elAdminMenu ul a.ChildItems
{
    background-image: url(../_images/default/more_nibble.gif) !important;
    background-repeat: no-repeat;
    background-position: top right;	
}
ul.elAdminMenu ul a.ChildItems:hover 
{
    background-image: url(../_images/default/more_nibble_on.gif) !important;	
}
ul.elAdminMenu li ul ul 
{
	margin: -31px 0 0 200px;
	border-style: solid;
	border-width: 1px 1px 0 1px;
	border-color: #fff;	
}
ul.elAdminMenu li li li
, ul.elAdminMenu li li li.first  
{
    border-color: #fff;	
}
ul.elAdminMenu li li a
, ul.elAdminMenu li li a:link
, ul.elAdminMenu li li a:visited
{
    color: #fff;
    background-image: none;
}
ul.elAdminMenu  li a:hover
, ul.elAdminMenu  li a:active 
{
	 color: #FFF;
}
ul.elAdminMenu ul li a:hover
, ul.elAdminMenu ul li a:active 
{
	background-color: #669bd6;
	color: #fff;
}
ul.elAdminMenu li:hover ul ul
, ul.elAdminMenu li:hover ul ul ul
, ul.elAdminMenu li:hover ul ul ul ul
, ul.elAdminMenu li.MenuItemHover ul ul
, ul.elAdminMenu li.MenuItemHover ul ul ul
, ul.elAdminMenu li.MenuItemHover ul ul ul ul 
{     
    left: -999em; 
    display: none;
} 
ul.elAdminMenu li:hover ul
, ul.elAdminMenu li li:hover ul
, ul.elAdminMenu li li li:hover ul
, ul.elAdminMenu li li li li:hover ul
, ul.elAdminMenu li.MenuItemHover ul
, ul.elAdminMenu li li.MenuItemHover ul
, ul.elAdminMenu li li li.MenuItemHover ul
, ul.elAdminMenu li li li li.MenuItemHover ul 
{
    left: auto; 
	display: block;
} 

/*END OF ADMIN MENU */


ul.elLeftMenu
{
	margin:24px 0 0 12px;
	padding:0;
	list-style-type:none;
	font-family:Courier New, Courier, monospace;
	font-size:12px;
	
}

ul.elLeftMenu li
{
	margin-bottom:7px;
}

ul.elLeftMenu li a,
ul.elLeftMenu li a span
{
	color:#ffffff;
}

ul.elLeftMenu li a
{
	padding:8px 14px 8px 14px;
	background-color:#4d4d4d;
	text-decoration:none;
	line-height:27px;
}

ul.elLeftMenu li a:hover,
ul.elLeftMenu li a.current,
ul.elLeftMenu li a.parent_current
{
	background-color:#eb008b;
}

ul.elLeftMenu li ul
{
	margin:7px 0 0 0;
	padding:0;
	list-style-type:none;
}

ul.elLeftMenu li ul li a
{
	background-color:#999999;
}

/* Element Footer Menu */
ul.elFooterMenu {
	bottom: 0;
	margin: 0;
	height: 1.5em;
	line-height: 1.2em;
	padding: 0;
	float: right;
}
ul.elFooterMenu li {
	display: block;
	float: left;
}
ul.elFooterMenu li {
	float: left;
	border-right: solid 1px #808080; 
}
ul.elFooterMenu li.last {
	border-right: none;
}
ul.elFooterMenu li a, ul.elFooterMenu li a:link, ul.elFooterMenu li a:visited 
{
    font-size: 1em;
	color: #808080;
	display: block;
	padding: 0 10px;
	text-decoration: none;
}
ul.elFooterMenu li a:hover, ul.elFooterMenu li a:active,
ul.elFooterMenu li a.current {
	color: #333;
	text-decoration: underline;
}

p#FooterText
{
	margin:0;
	padding:0 0 22px 0;
	color:#808080;
}

ul.elSitemap li,
ul.elSitemap li ul li,
ul.elSitemap li ul li ul li
{
	font-size:12px;
}

ul.elSitemap li a
{
	/*font-size:1.1em;*/
}

ul.elBreadCrumb
{
	margin:0;
	padding:0;
	list-style-type:none;
	font-family:Courier New, Courier, monospace;
	height:30px;
	line-height:24px;
	overflow:hidden;
	background-image: url(../_images/freederm/breadcrumb_bg.gif);
}

ul.elBreadCrumb li
{
	display:inline;
}

ul.elBreadCrumb li.First
{
	margin-left:36px;
}

ul.elBreadCrumb li a
{
	font-size:11px;
	background-image: url(../_images/freederm/breadcrumb_arrow.gif);
	background-repeat:no-repeat;
	background-position:center right;
	color:#4d4d4d;
	text-decoration:none;
	padding-right:14px;
}

ul.elBreadCrumb li a:hover
{
	text-decoration:underline;
}

ul.elBreadCrumb span
{
	color:#ffffff;
	font-size:11px;
}


/* TEXT FOOTER MENU */
ul.elTextMenu 
{
    padding: 5px 0 10px 0;
    margin: 0;
    clear: both;
    background-color: #FFF;
    text-align: center;
	z-index:90 !important;
}
ul.elTextMenu li 
{
    display: inline;
    margin: 0 5px;
    padding: 0 5px 1px 0;
    line-height: 1.5em;
    border-right: solid 1px #3e3e3e;
}
ul.elTextMenu li.last 
{
    border: 0;
}
ul.elTextMenu li a
, ul.elTextMenu li a:link
, ul.elTextMenu li a:visited 
{
    color: #3e3e3e;
    font-size: .9em;
    text-decoration: none;
}
ul.elTextMenu li a:hover
, ul.elTextMenu li a:active 
{
    text-decoration: underline;
    color: #333;
}




/* TOOLS */
div.Tools 
{
    float: right;
	margin-top:12px;
}
div.Tools a, div.Tools a:link, div.Tools a:visited 
{
    padding: 0 0 0 10px;
    margin: 0 0 0 10px;
    background-image: url(../_images/default/arrow.gif);   
    background-repeat: no-repeat;
    background-position: 1px 3px;   
    color: #ff0000; 
    font-weight: bold;
}
div.Tools a:hover, div.Tools a:active 
{
    color: #333;
}


/* SEARCH RESULTS */
.TagHighLight 
{
    background-color: #FFFF00;
}

.Branding
{
	display:none;
}

.clear
{
	clear:both;
}

#elContentTop
{
	background-image: url(../_images/freederm/content_top.gif);
    background-repeat: no-repeat;
	height:41px;
	overflow:hidden;
}

#elContentMiddle
{
	background-image: url(../_images/freederm/content_bg.gif);
    background-repeat: repeat-y;
	padding:0 60px 15px 47px;
}

#elContentBottom
{
	background-image: url(../_images/freederm/content_bottom.gif);
    background-repeat: no-repeat;
	height:305px;
	overflow:hidden;
}

form.pageContentNoImage #elContentBottom
{
	background-image: url(../_images/freederm/content_bottom_noimage.gif);
    background-repeat: no-repeat;
	height:235px;
	overflow:hidden;
}

.elContent
{
	margin:0;
	padding:0 0 0 0;	
	line-height:1.6em;
}

.elContent h1
{
	padding:0;
	margin:0 0 0.9em 0;
	color:#eb008b;
	font-size:2.2em;
	line-height:1.3em;
	font-weight:bold;
}

.elContent h2
{
	padding:0;
	margin:1em 0 0.7em 0;
	color:#eb008b;
	font-size:1.1em;
	font-weight:bold;
}
 .competitioncontent h2
{
	color: #00a8e1 !important;
}

div.elContent p
{
	padding:0;
	margin:0 0 1.2em 0;
	font-size:1.1em;
	color:#666666;
}

div.elContent p span
{
	color:#00adee;
	font-weight:bold;
}

div.elContent a
{
	color:#00adee;
}

div.elContent a:hover
{
	text-decoration:none;
}

div.elContent ul
{
	margin:0 0 1.2em 0;
	padding:0 0 0 15px;
	list-style-image: url(../_images/freederm/content_bullet.jpg);
	color:#666666;
	/*line-height:1.3em;*/
}

div.elContent ul.termbullet
{
	font-size:1.1em;
}

div.elContent ul li
{
	/*font-size:1.1em;*/
	margin-bottom:0.5em;
}

div.elContent ul ul
{
	margin: 0.5em 0 0.5em 0;
}

div.elContent ol
{
	margin:0 0 1.2em 0;
	padding:0 0 0 15px;
	color:#666666;
	line-height:1.3em;
}

div#WhereToBuyImage
{
	margin-bottom:20px;
}

ul#WhereToBuyLogos
{
	margin:0;
	padding:0;
	list-style-type:none;
}

ul#WhereToBuyLogos li
{
	float:left;
	height:77px;
	overflow:hidden;
}

ul#WhereToBuyLogos li a img
{
	border:none;
}

div.elItWorkedForMeContainer
{
	margin:0;
	padding:0 0 0 0;	
	line-height:1.6em;
	background-image: url(../_images/freederm/itworkedforme_bg.jpg);
    background-repeat: no-repeat;
	height:1033px;
	overflow:hidden;
}

div.elItWorkedForMeContainer h1
{
	font-family:Courier New, Courier, monospace;
	color:#eb008b;
	font-size:30px;
	margin:41px 0 1.3em 130px;
}

div.elItWorkedForMeContainer ul
{
	margin:0 41px 0 70px;
	padding:0;
	list-style-type:none;
}

div.elItWorkedForMeContainer ul li
{
	background-image: url(../_images/freederm/itworkedforme_rightquote.png);
    background-repeat: no-repeat;
	background-position:right;
}

div.elItWorkedForMeContainer ul li div.ItWorkedForMeItem
{
	background-image: url(../_images/freederm/itworkedforme_leftquote.png);
    background-repeat: no-repeat;
	background-position:left top;
	padding:12px 55px 12px 59px;
}

div.ItWorkedForMeItem p
{
	margin:0;
	padding:0;
	font-family:Courier New, Courier, monospace;
	font-size:12px;
	line-height:22px;
	color:#4d4d4d;
}

div.ItWorkedForMeItem p.ItWorkedForMePerson
{
	color:#eb008b;
}

div#ProductItemContainer
{
	border:solid 1px #d9d7d7;
}

div#ProductItemImageContainer
{
	float:left;
	width:165px;
	padding-top:33px;
}

div#ProductItemTextContainer
{
	float:left;
	width:356px;
	border-left:solid 1px #d9d7d7;
}

div#ProductItemTextContainer ul#ProductItemTextLinks
{
	margin:0;
	padding:0;
	list-style-type:none;
	background-color:#d9d7d7;
	line-height:31px;
	overflow:hidden;
	list-style-image:none!important;
}

div#ProductItemTextContainer ul#ProductItemTextLinks li
{
	float:left;
	margin:0!important;
	background-color:#d9d7d7;
}

div#ProductItemTextContainer ul#ProductItemTextLinks li a
{
	text-align:center;
	display:block;
	color:#666666;
	padding:0;
	text-decoration:none;
	font-size:1.1em;
	font-weight:bold;
	width:118px;
	background-color:#d9d7d7;
}

div#ProductItemTextContainer ul#ProductItemTextLinks li.first a
{
	width:120px;
	
}

div#ProductItemTextContainer ul#ProductItemTextLinks li a:hover,
div#ProductItemTextContainer ul#ProductItemTextLinks li a.Current
{
	color:#ffffff;
	background-color:#144a9f;
}

div#ProductItemAboutText,
div#ProductItemHowItWorksText,
div#ProductItemHowToUseText
{
	background-color:#01aeed;
	padding:26px 30px 48px 30px;
	min-height:300px;
}

div#ProductItemContainer h2
{
	padding:0;
	margin:0 0 0.9em 0;
	color:#ffffff;
	font-size:2em;
	font-weight:lighter;
}

div#ProductItemContainer p
{
	color:#ffffff;
}

div#ProductItemContainer p a
{
	color:#ffffff!important;
}


div#ProductItemAboutText ul,
div#ProductItemHowItWorksText ul,
div#ProductItemHowToUseText ul
{
	margin:0 0 1.2em 0;
	padding:0 0 0 15px;
	list-style-type:disc;
	line-height:1.3em;
	font-size:1.1em;
	overflow:auto;
	background-color:#01AEED;
	color:#ffffff;
	list-style-image:none!important;
}

div#ProductItemAboutText ul li,
div#ProductItemHowItWorksText ul li,
div#ProductItemHowToUseText ul li
{
	margin-bottom:0.4em;
}

#ProductFlashContainer object
{
	margin:0 0 0 19px;
}

div#ProductBaseText
{
	background-image: url(../_images/freederm/products_message_bg.gif);
	background-repeat:no-repeat;
	margin-top:45px;
	height:70px;
	overflow:hidden;
}

div#ProductBaseText p
{
	color:#ffffff;
	padding:20px 0 0 30px;
}

.elSkincarePromoListing
{
	margin: 0;
	padding:0;
	list-style-type:none;
}

.elSkincarePromoListing li
{
	float:left;
	width:207px;
	height:337px;
}

.elSkincarePromoListing li div.SkincarePromoContainer
{
	background-image: url(../_images/freederm/skincare_promo_bg.jpg);
	background-repeat:no-repeat;
	height:210px;
	overflow:hidden;
}

.SkincarePromo
{
	width:178px;
	height:182px;
	margin:14px 0 0 14px;
	padding:14px 0 0 16px;
	background-repeat:no-repeat;
}

.SkincarePromo h2
{
	margin:0 0 0 0;
	padding:0 16px 0 0;
	font-size:1.6em;
	line-height:1.1em;
	height:140px;
}

.SkincarePromo h2 a
{
	text-decoration:none;
}

.SkincarePromo h2 a:hover
{
	/*text-decoration:underline;*/
}

.SkincareLink
{
	margin-top:4px;
	
}

.SkincareLink p
{
	margin:0;
	padding:0;
}

.SkincareLink a
{
	font-size:1.1em;
}

.SkincareLink a:hover
{
	text-decoration:none;
}

.elHotTopicPromoListing
{
	margin:0;
	padding:0;
	list-style-type:none;
}

.elHotTopicPromoListing li
{
	width:621px;
	height:266px;
}

div.HotTopicPromoContainer
{
	background-image: url(../_images/freederm/hottopic_promo_bg.jpg);
	background-repeat:no-repeat;
	height:266px;
	overflow:hidden;
}

.HotTopicPromo
{
	width:591px;
	height:238px;
	margin:15px 0 0 15px;
	padding:30px 0 0 0;
	background-repeat:no-repeat;
}

.HotTopicPromo h2
{
	margin:0 0 0 0;
	padding:0 16px 0 30px;
	font-size:3em;
	line-height:1.1em;
}

.HotTopicPromo h2 a
{
	text-decoration:none;
}

.HotTopicPromo h2 a:hover
{
	/*text-decoration:underline;*/
}

.HotTopicPromo p
{
	font-size:1.1em;
	line-height:1.4em;
	padding-left:30px;
}

.HotTopicPromoButton
{
	margin-top:15px;
	padding-left:30px;
}

form.pageHotTopic .elContent
{
	margin:11px 0 0 0!important;
}

form.pageHotTopic #elContentTop
{
	background-image: url(../_images/freederm/content_hottopic_top_bg.jpg);
    background-repeat: no-repeat;
	height:56px;
	overflow:hidden;
}

form.pageHotTopic #elContentMiddle
{
	padding:0 60px 15px 32px;
}

#HotTopicImageArea
{
	float:left;
	width:183px;
}

#HotTopicTextArea
{
	float:left;
	width:335px;
	padding:14px 0 0 20px;
}

#HotTopicImage
{
	background-image: url(../_images/freederm/hottopic_image_bg.jpg);
    background-repeat: no-repeat;
	/*width:164px;*/
	padding:19px 0 0 23px;
	height:189px;
	overflow:hidden;
}

/* GLEE COMP */

#glee_comp_head
{
	background-image:url(../_images/freederm/glee_questionnaire_banner_bg.jpg);
	background-repeat:no-repeat;
	width: 396px;
	height: 68px;
	padding: 147px 22px 58px 204px;
	/*margin-bottom: 33px;*/
	font-size: 1.1em;
	color: #FFF;
	overflow:hidden;
}

form.pageQuiz .elContent h1
{
	margin-left:10px;
}

form.pageQuiz .competitioncontent
{
	margin-left:10px;
	margin-bottom:135px;
}

.gleecomppack
{
	margin-right: 6px;
	float: right;
}
.rblextraspace td label
{
	padding-bottom: 5px;
}
.competitioncontent table.rblHorizontal td
{
	width: 100px;
	
}
.competitioncontent table.Q17table td{
	line-height: 1.5em;
}
.pagethankyou .HotTopicPromoContainer .HotTopicPromo{
	background-image:url(/_assets/images/competiton/competition_bg.gif) !important;
}
.pagethankyou .HotTopicPromoContainer .HotTopicPromo h1
{
	padding-right: 150px;
	line-height: 1.2em;
	padding-left:30px;
}
.pagethankyou .HotTopicPromoContainer .HotTopicPromo h2{
	color: #FFFFFF;
	font-size: 1.6em;
	padding-right: 300px;
}
.pagethankyou .HotTopicPromoContainer .HotTopicPromo p{
	color: #FFFFFF;
	padding-right: 340px;
	padding-left:30px;
	margin-top: 20px;
}
.pagethankyou .SkincarePromo{
	position: relative;
}
.pagethankyou .SkincarePromo h2
{
	font-size: 1.4em;
}
.pagethankyou .SkincarePromo h2.TitleWithHeader{
	padding-top: 21px;
	padding-right: 50px;
	height: 63px;
	width: 84px;
}
.pagethankyou .SkincarePromo img{
	position: absolute;
	top: -12px;
	left: -8px;
}
.pagethankyou .SkincarePromo .SkincareLink{
	width: 80px;
}
/* GLEE COMP */


/* Homepage */
.elHomeListing
{
	margin: 0;
	padding:0;
	list-style-type:none;
	float: left;
	width:207px;
}
.elHomeListing li
{
	float:left;
	width:207px;
	height:352px;
}

form.pageQuiz .elHomeListing li
{
	height:207px!important;
}


.elHomeListing li div.HomeListingContainer
{
	background-image: url(../_images/freederm/elhomelisting_bg.jpg);
	background-repeat:no-repeat;
	height:210px;
	overflow:hidden;
	position: relative;
}
.HomeListing
{
	width:178px;
	height:182px;
	margin:13px 0 0 14px;
	padding:14px 0 0 16px;
	background-repeat:no-repeat;
}
.HomeListing h2
{
	margin:0 0 0 0;
	padding:0 13px 0 0;
	font-size:1.6em;
	line-height:1.1em;
}
.HomeListing h2 a
{
	text-decoration:none;
	display:block;
}
.HomeListing h2 a:hover
{
	/*text-decoration:underline;*/
}

/* Feature 1 */
.elFeature1 img{
	position: absolute;
	top: 0px;
	left: 20px;
}
.elFeature1 .HomeListing 
{
	width:186px;
	padding:14px 0 0 8px;
}
.elFeature1 .HomeListing h2
{
	margin-top: 24px;
	*margin-top:40px;
	_margin-top:40px;
	padding-right: 80px;
}

form.pageQuiz .elFeature1
{
	margin-top:2px!important;
}

/* Feature 1 */

/* Feature 2 */
.elFeature2 .HomeListing h2
{
	padding-right: 30px;
}
.elFeature2 .HomeListing h2 span{
	color: #666766;
	text-decoration:none;
	font-size: 0.7em;
	font-weight:lighter;
}
/* Feature 2 */

/* Feature 3 */
.elFeature3 img{
	position: absolute;
	top: 0px;
	left: 20px;
}
.elFeature3 .HomeListing h2
{
	margin-top: 24px;
	*margin-top:40px;
	_margin-top:40px;
	padding-right: 80px;
}

.elFeature3 .HomeListing p{
	padding-right: 102px;
	margin-top:20px;
}

.elFeature3 .HomeListing p a
{
	font-size:1.3em;
}

.elFeature3 .HomeListing p a:hover
{
	text-decoration:none;
}

/* Feature 3 */

/* Feature 4 */
.elFeature4 img{
	position: absolute;
	top: 0px;
	left: 20px;
}

.elFeature4 .HomeListing h2
{
	margin-top: 51px;
	*margin-top:66px;
	_margin-top:66px;
	font-size: 1.3em;
	height: 77px;
	font-weight: normal;
}
.elFeature4 .HomeListing p
{
	padding-left: 93px;
	font-size: 1.3em;
}

.elFeature4 .HomeListing p a:hover
{
	text-decoration:none;
}

.elFeature4  li.winviptickerstothelasteverbigbrotherwithfreederm div.HomeListing
{
	padding-left:13px!important;
}

.elFeature4 li.winviptickerstothelasteverbigbrotherwithfreederm h2
{
	display:none;
}

.elFeature4 li.winviptickerstothelasteverbigbrotherwithfreederm p
{
	width:155px;
	height:137px;
	padding:0;
	margin:19px 0 0 0;
	_margin:34px 0 0 0;
	*margin:34px 0 0 0;
}

.elFeature4 li.winviptickerstothelasteverbigbrotherwithfreederm p a
{
	background-image: url(../_images/freederm/homepage_bigbrother_link_bg_V2.jpg);
	background-repeat:no-repeat;
	width:155px;
	height:137px;
	display:block;
	padding:114px 0 0 0;
	text-align:center;
	color:#ffffff;
	text-decoration:none;
}


/* Feature 4 */

/* Content Area */

.elPageHome .Tools
{
	display:none;
}

.elPageHome  .elContent{
	float: left;
	width: 156px;
	background-image: url(/_assets/images/homepage/elContent.jpg);
	padding: 58px 35px 0 28px;
	height: 212px;
	margin-top: 2px;
}
.elPageHome  .elContent h2
{
	color: #169cd8;
	margin-top: 0px;
	margin-bottom: 7px;
	font-size: 1.5em;
}
.elPageHome  .elContent p{
	line-height: 1.3em;
}
/* Content Area */

img.toplink
{
	border:none;
} 

/* thumbnil pop-up */
div#tipDiv {
  position:absolute;
  visibility: hidden;
  left: 0;
  top: 0;
  z-index: 10000;
  background-color: #fff;
  border:1px solid #000; 
  padding: 6px;
  color:#000;
  font-size: 100%;
  line-height: 1.3;
}

/* These are used in the wrapTipContent function */
div#tipDiv div.img { 
	text-align: center;
}

span.HotTopicItemBreadCrumbTitle
{
	padding-left:8px;
}
/*-End Section -_theme.css-*/


/*-Begin Section -formdisable.css-*/
div.divProtect
{
	position: absolute;
	top: 0;
	left: 0;
	min-height: 100%;
	width: 100% !important;
	margin: 0;
	padding: 0;
	background-color: #b0b0b0;
	z-index: 99;
	cursor: wait;
	opacity: 0.6;
	-moz-opacity: 0.6;
	filter: alpha(opacity=60);

/*
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
	-moz-opacity: 60;
	opacity: 60;
*/	
}
/*-End Section -formdisable.css-*/


/*-Begin Section -messagearea.css-*/
.MessageArea
{
	z-index: 100;
padding: 18px 5px 30px 5px;
	width: 400px;
	margin: 0;
	position: absolute;
    left: 50%;
    top: 25%;
	border: solid 1px #999900;
	background: #FFF;
	background-image: url(../_images/messagearea/bg_slice.gif);
	background-repeat: repeat-x;
	background-position: bottom;
}
.MessageArea a.Close
, .MessageArea a.Close:link
, .MessageArea a.Close:visited
{
	position: absolute;
	top: 2px;
	right: 2px;
	background-image: url(../_images/admin/icons/button_close/button_close.gif);
	background-repeat: no-repeat;
	width: 14px;
	height: 14px;
}
.MessageArea a.Close:hover
, .MessageArea a.Close:active
{
	background-image: url(../_images/admin/icons/button_close/button_close_on.gif);
}
.MessageArea a.Close span
{
	display: none;
}
.MessageAreaText a.formDesc
{
	display: none;
}
.MessageAreaText
{
	font-weight: bold;
	padding: 3px;
}
.MessageAreaWarning
{
	border: solid 2px #FF0000;	
}
.MessageAreaValidation
{
	border: solid 2px #FF9900;	
}
.MessageAreaInfo
{
	border: solid 2px #00FF00;	
}
.MessageAreaStopError
{
    border: solid 2px #FF0000;	
}
.MessageAreaQuestion
{
	border: solid 2px #eeee11;	
}
.messagearea_list
{
    position: absolute;
    right: 2px;
    bottom: 0;
	margin: 0;
	padding: 0;
	list-style: none;
	height: 22px;
	width: 250px;
}
ul.messagearea_list li 
{
    display: inline;
}

/***********************************************************************************************************************/
/*                                                                                                       Hover Buttons */
/***********************************************************************************************************************/

a.hoverbutton_messagearea
{
    margin: 0 0 0 -1px;
    padding: 0 15px;
    display: block;
    float: right;
 	height: 18px;    
	color: #FFF !important;
	text-decoration: none;
	text-align: center;
    border: solid 1px #9F9F9F;
    cursor: pointer;
    line-height: 1.4em;
}   
a.hoverbutton_messagearea
, a.hoverbutton_messagearea:link
, a.hoverbutton_messagearea:visited
{
	background: url(../_images/hoverbutton/button_bkgd.gif) center repeat-x;
}
a.hoverbutton_messagearea:hover
, a.hoverbutton_messagearea:active
{
    color: #FFF !important;
	background: url(../_images/hoverbutton/button_bkgd_on.gif) center repeat-x;
	text-decoration: none;
}
span.hoverbutton_messagearea_buttonLeft
, span.hoverbutton_messagearea_buttonRight
{
    display: none;
}
a.hoverbutton_messagearea_disabled
, a.hoverbutton_messagearea_disabled:link
, a.hoverbutton_messagearea_disabled:visited
{
    margin: 0 0 0 -1px;
	background-image:url(../_images/hoverbutton/button_bkgd_on.gif);
    display: block;
	float: right;
	color: #333 !important;
	padding: 0 15px;	
	text-decoration: none;
	text-align: center;
	cursor: default;
	height: 18px;    	
    border: solid 1px #9F9F9F;
    cursor: pointer;
    line-height: 1.4em;	
}
a.hoverbutton_messagearea_disabled:hover
, a.hoverbutton_messagearea_disabled:active
{
    background: url(../_images/hoverbutton/button_bkgd_on.gif) center repeat-x !important;
    color: #333 !important;
    text-decoration: none;
}
span.hoverbutton_messagearea_disabled_buttonLeft
, span.hoverbutton_messagearea_disabled_buttonRight
{
    display: none;

}
/*-End Section -messagearea.css-*/

/*-End File-*/
