/* =Clearfix
------------------------------------------------------------------------------ */
.clearfix:after { 
	content: "";
	display: block; 
	clear: both;
	height: 0; 
	visibility: hidden; 
}
.clearfix { 
	min-height: 0;
	height: 0;
}
html>body .clearfix { 
	height: auto;
}
.clear {
	clear: both;
	display: block;
	width: 100%;
	height: 1px;
	font-size: 1px;
	margin: 0;
	padding: 0;
}
.elClear { clear: both; }

/* ###### Home Page ###### */

#footercontent {
	position:relative;
	z-index:1;
	color:#808284;
	float:left;
	width:875px;
	background:url(../../media/images/award2009_en.gif) no-repeat right 10px;
}

#homecontent {
	position:relative;
	top:0;
	left:0;
	margin:0;
	padding:0;
	width:954px;
}

#forum_text{
	color:white;
	cursor:pointer;
	width:356px;
	height:88px;
	background-image:url(../../media/images/home/box_forum.gif);
	background-repeat:no-repeat;
	padding-bottom:10px;
}
#forum_inner{
	padding:5px 0 0 24px;
	width:245px;
}
#signup_text{
	color:white;
	cursor:pointer;
	width:356px;
	height:88px;
	background-image:url(../../media/images/home/signup_back.gif);
	background-repeat:no-repeat;
	padding-bottom:10px;
}
#signup_inner{
	padding:5px 0 0 24px;
	width:245px;
}
#forum_text h2,#signup_text h2{
	margin-top:0px;
	margin-bottom:0px;
}



#topboxes {
	position:relative;
	top:0;
	left:0;
	width:954px;
	height:320px;			/* change this value to add space for the top row of three content boxes */
}

/* Text styles */

.homesubhead {
	color:#09263a;
	font-weight:bold;
	margin-bottom:5px;
}
.hometext {
	color:#09263a;
	margin-bottom:8px;
}

.hometextwhite {
	color:#ffffff;
	padding-top:0px;
	padding-right:10px;
}
.homeWhiteQuoteDkStart {
	color:#fff;
	margin-bottom:3px;
	padding-left:18px;
	background-image:url(../../media/images/home/quote_open_dk.gif);
	background-repeat:no-repeat;
}
.homeWhiteQuoteLtStart {
	color:#fff;
	margin-bottom:3px;
	padding-left:18px;
	background-image:url(../../media/images/home/quote_open_lt.gif);
	background-repeat:no-repeat;
}
.homeWhiteQuote {
	color:#fff;
	margin-bottom:3px;
	padding-left:18px;
}
.homeWhiteQuoteDkEnd {
	color:#fff;
	padding:0 18px 3px 18px;
	margin-bottom:10px;
	background-image:url(../../media/images/home/quote_close_dk.gif);
	background-repeat:no-repeat;
	background-position:top right;
}
.homeWhiteQuoteLtEnd {
	color:#fff;
	padding:0 18px 3px 18px;
	margin-bottom:10px;
	background-image:url(../../media/images/home/quote_close_lt.gif);
	background-repeat:no-repeat;
	background-position:top right;
}
.homeWhiteQuoteLink a:link,.homeWhiteQuoteLink a:hover,.homeWhiteQuoteLink a:active,.homeWhiteQuoteLink a:visited {
	text-decoration:none;
	display:block;
	font-weight:bold;
	color:#fff;
	padding:0 0 0 18px;
}
.homeWhiteQuoteLink .arrow {
	vertical-align:-5%;
}
.homewhitesignup {
	color:#fff;
	margin:0;
	padding:0;
}

/* Sign up box */

#signupbox {
	position:absolute;
	top:73px;
	left:625px;
}
#signupboxtext {
	width:331px;
	height:57px;
	padding:10px 0 0 24px;
	background-image:url(../../media/images/home/signup_back.gif);
}
#signupboxtext a {
	position:relative;
	z-index:1;
}

/* Learn box */

#learnbox {
	position:absolute;
	bottom:0px;
	left:0px;
	width:599px;
}
#learnboxtext {
	width:253px;
	padding:15px 25px 3px 20px;
	-filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='/en/media/images/home/box_back.png');
}
.learnboxtextback[class] {
	background-image:url(../../media/images/home/box_back.png);
}
#learnboxtext a {
	position:relative;
	z-index:1;
}
#learnperson {
	position:absolute;
	bottom:0px;
	left:298px;
	width:301px;
	height:269px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=clip, src='/en/media/images/home/person_top.png');
	background-repeat:no-repeat;
}
.learnpersonback[class] {
	background-image:url(../../media/images/home/person_top.png);
}
#learnpersontext {
	margin:10px 0 0 5px;
}

/* Live box */

#livebox {
	position:absolute;
	bottom:0px;
	left:599px;
	width:355px;
}
#liveboxtext {
	width:305px;
	padding:15px 30px 3px 20px;
	-filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='/en/media/images/home/box_back.png');
}
.liveboxtextback[class] {
	background-image:url(../../media/images/home/box_back.png);
}
#liveboxtext a {
	position:relative;
	z-index:1;
}

/* Treat box */

#treatperson {
	float:left;
	width:278px;
	height:236px;
	-filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=clip, src='/en/media/images/home/person_bottom.png');
	background-repeat:no-repeat;
}
.treatpersonback[class] {
	background-image:url(../../media/images/home/person_bottom.png);
}
#treatpersontext {
	margin:38px 0 0 135px;
}
#treatpersontext a {
	position:relative;
	z-index:1;
}
#treatbox {
	float:left;
	width:344px;
	height:236px;
	-filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=clip, src='/en/media/images/home/bottom_tile_ie.png');
	background-repeat:repeat-x;
}
.treatboxback[class] {
	background-image:url(../../media/images/home/bottom_tile.png);
}
#treatboxcontent {
	background-image:url(../../media/images/home/treat_back.gif);
	padding:15px 35px 0px 22px;
}
#treatboxcontent a {
	position:relative;
	z-index:1;
}

/* Resources box */

#resourcesbox {
	float:left;
	width:332px;
	height:236px;
	-filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=clip, src='/en/media/images/home/bottom_tile_ie_short.png');
	background-repeat:no-repeat;
	background-position:top left;
}
.resourcesboxback[class] {
	background-image:url(../../media/images/home/bottom_tile_right.png);
}
#resourcesbox a {
	position:relative;
	z-index:1;
	color:#fff;
	text-decoration:none;
}
#resourcesoptions {
	padding-left:6px;
}
#resAnnouncementsOff {
	background-image:url(../../media/images/home/resources_off.gif);
	background-repeat:repeat-y;
	width:326px;
	height:35px;
	display:none;
}
#resAnnouncementsOn {
	background-image:url(../../media/images/home/resources_find_on.gif);
	background-repeat:no-repeat;
	width:326px;
	height:169px;
	display:block;
}
#resEvaluateOff {
	background-image:url(../../media/images/home/resources_off.gif);
	background-repeat:repeat-y;
	width:326px;
	height:35px;
	display:block;
}
#resEvaluateOn {
	background-image:url(../../media/images/home/resources_on.gif);
	background-repeat:repeat-y;
	width:326px;
	height:133px;
	display:none;
}
#resFindDermOff {
	background-image:url(../../media/images/home/resources_find_off.gif);
	background-repeat:repeat-y;
	width:326px;
	height:36px;
	display:block;
}
#resFindDermOn {
	background-image:url(../../media/images/home/resources_find_on.gif);
	background-repeat:repeat-y;
	width:326px;
	height:133px;
	display:none;
}
.resHeaderOff {
	padding:9px 0 0 25px;
	background-image:url(../../media/images/home/res_arrow_right.gif);
	background-repeat:no-repeat;
	background-position:9px 8px;
	-background-position:9px 10px;
	color:#fff;
}
.resHeaderOn {
	padding:9px 0 0 25px;
	background-image:url(../../media/images/home/res_arrow_down.gif);
	background-repeat:no-repeat;
	background-position:9px 8px;
	color:#fff;
}
.resContent {
	padding:6px 0 0 25px;
	color:#fff;
}
.resourcetextlink {
	text-decoration:none;
	font-weight:bold;
	color:#fff;
}
.resveryshortfield {
	font-family:Helvetica,Arial,sans-serif;
	color:#333;
	width:80px;
	height:13px;
	border:2px;
	border-color:#ccc;
	border-style:solid;
	padding:2px 0 0 5px;
}
.resformredlegend {
	color:#a00000;
}


/* New Homepage */
.home-body {
	/* background: url(../../media/images/bg-body.jpg) no-repeat; */
	height:670px;
	width:950px;
	padding:0;
	font-family:"Arial", sans-serif;
}

.home-banner-wrapper {
	position:relative;
	padding-top:65px;
}
.home-banner-photo{
	position:absolute;
	background: url(../../media/images/couple.png) no-repeat;
	width:219px;
	height:221px;
	bottom:-3px;
	right:-7px;
}
.home-banner-top{
	background: url(../../media/images/home-banner-top.png) no-repeat;
	width:953px;
	height:21px;
}
.home-banner-body {
	background: url(../../media/images/home-banner-body.png) repeat-y;
	width:928px;
	padding-left: 25px;
}
.home-banner-bottom {
	background: url(../../media/images/home-banner-bottom.png) no-repeat;
	height:17px;
	width:953px;
	margin-bottom:10px;
}

.features {
	background: url(../../media/images/home-bgn.png) transparent no-repeat;
	background-position:left bottom;
	padding-bottom: 15px;
}
.quote {
	float:left;
	width:390px;
}

.quote-open {
	width:20px;
	height:20px;
	position:absolute;
	top:0;
	left:0;
}
.quote-wrapper {
	position:relative;
}
.quote-close {
	background: url(../../media/images/quote-close.png) no-repeat;
	width:20px;
	height:20px;
	position:absolute;
	right:0px;
	bottom:0;
}
.quote p {
	font-weight:bold;
	font-size:1.6em;
	color:#163a66;
	padding: 0 25px;
}
.quote p.quote-content{
	line-height:22px;
	background: url(../../media/images/quote-open.png) 0 0 no-repeat;
	padding: 0 0 0 25px;
}
.quote a {
	font-weight:bold;
	text-decoration:none;
	font-size:0.75em;
	color:#40658a;
}
.quote a:hover {
	text-decoration:underline;
}
.quote-closing {
	position:relative;
	top:4px;
	left:6px;
}
.feature-quote-closing {
	position:relative;
	top:4px;
	left:30px;
}
.features .header {
	color:#ffffff;
	font-size:1.3em;
	font-weight:bold;
}
.features .header a {
	text-decoration:none;
	color:#ffffff;
	display:block;
}
.features .header .large {
	font-weight:normal;
	font-size:3em;
	padding-right:5px;
}
.features .three-top {
	background: url(../../media/images/3top.png) no-repeat;
	height:62px;
}
.features .three-body {
	background: url(../../media/images/3body.gif) repeat-y;
}
.features .three-foot {
	background: url(../../media/images/3foot.png) no-repeat;
	height:23px;
}
.features .three-top .header {
	float:left;
	width:280px;
	padding:10px;
}
.features .three-body .body {
	float:left;
	width:280px;
	font-size:1.2em;
	color:#2f4969;
	padding:10px;
}
.features .three-body .body a {
	color:#2f4969;
	font-weight:bold;
	text-decoration:none;
}
.features .three-body .body a:hover {
	text-decoration:underline;
}

.learn-feature {
	margin-right:25px;
}

.treat-feature {
	margin-right:25px;
}

.features-footer-box {
	position:relative;
	margin-top:20px;
	float:left;
	width:307px;
	color:#ffffff;
}
.connect-box {
	background: url(../../media/images/connect.png) no-repeat;
	padding-left: 70px;
	width:230px;
	margin-right:25px;
}
.informed-box {
	margin-left:20px;
	background: url(../../media/images/informed.png) no-repeat;
	padding-left: 90px;
	width:190px;
	margin-right:25px;
}
.features-footer-box .title {
	font-size: 1.4em;
	font-weight:bold;
	color:#ffffff;
	text-decoration:none;
}

.features-footer-box .title a {
	text-decoration:none;
}

.features-footer-box a {
	font-weight:bold;
	color:#ffffff;
}

.features-footer-box p {
	margin:0 0 5px 0;
}
.features-footer-box .title {
	margin-top:12px;
	display:inline-block;
}
.resources-box{
	margin-left:20px;
	width:280px;
	margin-bottom:20px;
}
.feature-goto {
	background: url(../../media/images/raquo.png) no-repeat;
	width:20px;
	height:20px;
	display:inline-block;
	position:absolute;
	right:20px;
	top:15px;
}
