﻿
/*=======================================================*/
/* Home Content - signed in */
/*=======================================================*/

.homePanels{
	width: 905px;
	overflow: hidden;
	margin: 15px auto 0 auto;
	padding: 0; 	
}

.homePanels .panelHolder{
	width: 215px;
	height: 355px;
	float: left;
	padding: 0 15px 0 0;
	padding-right: 0;
	margin-right: 15px;
	position: relative;
	background: url(../../Images/bg_home_panel_base.gif) no-repeat bottom left #0e4d60;
}



.homePanels div.lastPanel{
	padding-right: 0;
	margin-right: 0;	
}

.homePanels .imgComplementary{
	background: url(../../Images/panel_complementary_on.jpg) no-repeat top left;
	width: 215px;
	height: 213px;
}

.homePanels .imgConcerns{
	background: url(../../Images/panel_therapeutic_on.jpg) no-repeat top left;
	width: 215px;
	height: 213px;
}

.homePanels .imgInteractions{
	background: url(../../Images/panel_interactions_on.jpg) no-repeat top left;
	width: 215px;
	height: 213px;
}

.homePanels .imgProduct{
	background: url(../../Images/panel_product_on.jpg) no-repeat top left;
	width: 215px;
	height: 213px;
}

.homePanels a.btnLink{
	position: absolute;
	bottom: 13px;
	left: 15px;
}

.homePanels .textBox{
	padding: 15px 15px 0 15px;
	font-size: 11px;
	color: #fff;
	line-height: 13px;	
}

.homePanels .promoHolder{
	width: 185px;
	height: 214px;
	float: left;
	padding: 12px 15px;
	margin: 15px 15px 0 0;
	position: relative;
	background: url(../../Images/bg_home_panel_lower.gif) repeat-x bottom left;
	color: #0d1315;
	font-size: 11px;
	line-height: 13px;
}

.homePanels .promoHolder a.Bold{
	font-weight: bold;
}

.homePanels div.lastPromo{
	margin-right: 0;	
}

.homePanels .promoHolder h2{
	color: #012630;
	font-weight: normal;
	font-size: 16px;
	line-height: 18px;
	padding: 0 0 15px 0;
}

.homePanels .promoHolder .promoPic{
	margin: 0 0 10px -1px;	
}

.homePanels .promoHolder span.HLtext{
	color: #367d93;
}

.homePanels .promoHolder p a{
	color: #367d93;
	text-decoration: none;
}

.homePanels .promoHolder p a:hover{
	color: #367d93;
	text-decoration: underline;
}

.homePanels .promoHolder .moreInfoBtn{
	position: absolute;
	left: 15px;
	bottom: 4px;
}

.homePanels .promoHolder .breakline{
	margin: 10px 0;
	border-top: 1px solid #b4ddea;
	height: 0px;
	overflow: hidden;
}

.homePanels .promoHolder h2.winIPhone{
	color:#0e4d5f;
	font-weight:bold;
	padding:0 0 3px 0;
}

.homePanels .promoHolder h2.winIPhone span{
	color:#000;
}

/*=======================================================*/
/* Home Content - not signed in */
/*=======================================================*/
.homeNonMemb{
	padding: 12px 0;
	font-size: 12px;
	line-height: 14px;
	color: #1d5f73;
}

.homeNonMemb .headTitle{
	margin: 0 0 10px 0;	
}

.homeNonMemb .panelHolder{
	font-size: 11px;
	line-height: 13px;
	width: 215px;
	height: 330px;
	float: left;
	margin: 22px 15px 40px 0;
	padding: 0;
	position: relative;
	background: url(../../Images/bg_panel_non_memb.gif) repeat-x bottom left;
}

.homeNonMemb .forgottenPasswordHolder
{
	width: 675px;
	height: 330px;
	float: left;
	padding: 100px 15px 0 0;
	position: relative;
	overflow:hidden;
}

.homeNonMemb div.lastPanel{
	margin-right: 0;
	background: none;	
}

.homeNonMemb .textBox{
	padding: 15px 15px 5px 15px;
	font-size: 11px;
	color: #fff;
	line-height: 13px;	
}

.homeNonMemb .imgInteractions{
	background: url(../../Images/panel_interactions_guide_on.jpg) no-repeat top left;
	width: 215px;
	height: 213px;
}

.homeNonMemb .imgResource{
	background: url(../../Images/panel_resource_on.jpg) no-repeat top left;
	width: 215px;
	height: 213px;
}

.homeNonMemb .imgSamples{
	background: url(../../Images/panel_samples_on.jpg) no-repeat top left;
	width: 215px;
	height: 213px;	
}

.homeNonMemb .opt1{
	height: 150px;
	background: url(../../Images/bg_home_right_opt1.jpg) repeat-x top;
	margin-bottom: 15px;
	color: #0d1315;
	padding: 15px 15px 0 15px;
	position: relative;	
}

.homeNonMemb .opt2{
	height: 135px;
	background: url(../../Images/bg_home_right_opt2.jpg) repeat-x top;
	color: #0d1315;
	padding: 15px 15px 0 15px;
	position: relative;		
}

.homeNonMemb .opt3{
	height: 315px;
	background:#ecf6f9 url(../../Images/bg_home_right_opt2.jpg) repeat-x top;
	color: #0d1315;
	padding: 15px 15px 0 15px;
	position: relative;		
}

.homeNonMemb .opt1 h2, .homeNonMemb .opt2 h2, .homeNonMemb .opt3 h2 {
	color: #012630;
	font-weight: normal;
	font-size: 16px;
	line-height: 18px;
	padding: 0 0 10px 0;
}

.homeNonMemb .opt3 h2{
	color:#1d5f73;
	font-weight:bold;
	padding:0 0 1px 0; 
}

.homeNonMemb .opt3 h2 span{
	color:#000;
}

.homeNonMemb .opt3 p{
	padding:4px 0 8px 0;
}

.homeNonMemb .opt1 a, .homeNonMemb .opt2 a{
	position: absolute;
	bottom: 0;
	left: 15px;
}