﻿/* ------ HOME PAGE only pages --------*/
	
#home-main {
	float: left;
	width: 720px;
    padding-right: 20px;
	border-right: 1px solid #8d9ca6;
	}
	
/* ------ Home Hero wrapper -----------*/
	
.home-hero-wrapper {
	width: 720px;
	border-bottom: 1px solid #8d9ca6;
	margin: 0 0 20px 0;
	}
	
/* ------ Home Hero 2up ---------------*/
	
#home-main .home-hero-2up .landing-item-2up {
	border-bottom: none;
	width: 352px;
	}

#home-main .home-hero-2up .landing-item-2up .item-keyimage,	
#home-main .home-hero-2up .landing-item-2up img {
	width: 352px;
	height: 198px;
	}

.home-hero-2up {
	display: block; 
	width: 352px; 
	float: left;
    margin-right: 16px;
	}
	
.home-hero-2up-last {
	margin-right: 0;
    padding-right: 0;
	}
	
.home-hero-2up img,
.home-hero-2up .item-video {
	margin-bottom: 12px;
	}

/* ------ Home Hero 1up -------*/
	
#home-main .home-hero-1up .landing-item-1up {
	border-bottom: none;
	width: 720px;
	}

#home-main .home-hero-1up .landing-item-1up .item-keyimage,	
#home-main .home-hero-1up .landing-item-1up img {
	width: 720px;
	height: 405px;
	}
	
.home-hero-1up {
	display: block; 
	width: 720px; 
	float: left;
	margin-right: 24px;
	}
	
.home-hero-1up img,
.home-hero-1up .item-video {
	margin-bottom: 24px;
	}
	
.home-hero-1up h2 {
	color: #333;
	border-top: 0;
	padding: 0 0 12px 0;
	font-size: 36px;
	line-height: 100%; 
	}
	
/* ------ Home Hero 3up -------*/
	
#home-main .home-hero-3up-center .landing-item-3up-center {
	border-bottom: none;
	width: 448px;
	}

#home-main .home-hero-3up-center .landing-item-3up-center .item-keyimage,	
#home-main .home-hero-3up-center .landing-item-3up-center img {
	width: 448px;
	height: 252px;
	}
	
.home-hero-3up-center {
	display: block; 
	width: 448px; 
	float: right;
	margin-right: 0;
	}
	
.home-hero-3up-center img,
.home-hero-3up-center .item-video {
	margin-bottom: 12px;
	}
	

#home-main .home-hero-3up-left .landing-item-3up-left {
	border-bottom: none;
	width: 224px;
	margin-bottom: 0;
	}
	
#home-main .home-hero-3up-left .landing-item-3up-left .item-keyimage,	
#home-main .home-hero-3up-left .landing-item-3up-left img {
	width: 80px;
	height: 45px;
	float: left;
	padding: 6px 16px 0 0;
	}
	
.home-hero-3up-left {
	display: block; 
	width: 224px; 
	float: left;
	border-bottom: 1px solid #8d9ca6;
	margin-bottom: 16px;
	padding-top: 3px;
	}
	
.home-hero-3up-left-last {
	border-bottom: none;
	}
	
.home-hero-3up-left img,
.home-hero-3up-left .item-video {
	margin-bottom: 12px;
	}
	
.home-hero-3up-left h2 {
	color: #333;
	border-top: 0;
	padding: 4px 0 12px 0;
	font-size: 18px;
	line-height: 100%; 
	}
	
/* ------ Home Hero 2up Alt ---------------*/

#home-main .home-hero-2up-b .landing-item-2up-b {
	border-bottom: none;
	width: 224px;
	margin-bottom: 0px;
	}
	
#home-main .home-hero-2up-b .landing-item-2up-b .item-keyimage,	
#home-main .home-hero-2up-b .landing-item-2up-b img {
	width: 224px;
	height: 126px;
	padding: 9px 0 0 12px;
	}
	
.home-hero-2up-b {
	display: block; 
	width: 224px; 
	float: left;
	border-bottom: none;
	padding-top: 3px;
	}
	
.home-hero-2up-b img,
.home-hero-2up-b .item-video {
	margin-bottom: 12px;
	}
	
.home-hero-2up-b h2 {
	color: #333;
	border-top: 0;
	padding: 4px 0 12px 0;
	font-size: 18px;
	line-height: 100%; 
	}
	
/* ------ Home Hero 3up ALT -------*/
	
#home-main .home-hero-3up-b-center .landing-item-3up-b-center {
	border-bottom: none;
	width: 352px;
	}

#home-main .home-hero-3up-b-center .landing-item-3up-b-center .item-keyimage,	
#home-main .home-hero-3up-b-center .landing-item-3up-b-center img {
	width: 352px;
	height: 205px;
	}
	
.home-hero-3up-b-center {
	display: block; 
	width: 352px; 
	float: left;
	margin-right: 32px;
	}
	
.home-hero-3up-b-center img,
.home-hero-3up-b-center .item-video {
	margin-bottom: 12px;
	}
	

#home-main .home-hero-3up-b-left .landing-item-3up-b-left {
	border-bottom: none;
	width: 336px;
	margin-bottom: 0px;
	}
	
#home-main .home-hero-3up-b-left .landing-item-3up-b-left .item-keyimage,	
#home-main .home-hero-3up-b-left .landing-item-3up-b-left img {
	width: 75px;
	height: 42px;
	float: left;
	padding: 6px 18px 0 0;
	}
	
.home-hero-3up-b-left {
	display: block; 
	width: 336px; 
	float: right;
	border-bottom: 1px solid #8d9ca6;
	margin-bottom: 16px;
	padding-top: 3px;
	}
	
.home-hero-3up-b-left-last {
	border-bottom: none;
	}
	
.home-hero-3up-b-left img,
.home-hero-3up-b-left .item-video {
	margin-bottom: 12px;
	}
	
.home-hero-3up-b-left h2 {
	color: #333;
	border-top: 0;
	padding: 4px 0 12px 0;
	font-size: 18px;
	line-height: 100%; 
	}
	
	
/* ------ Home Hero 4up -------*/
	
#home-main .home-hero-4up-center .landing-item-4up-center {
	border-bottom: none;
	width: 352px;
	}

#home-main .home-hero-4up-center .landing-item-4up-center .item-keyimage,	
#home-main .home-hero-4up-center .landing-item-4up-center img {
	width: 352px;
	height: 205px;
	}
	
.home-hero-4up-center {
	display: block; 
	width: 352px; 
	float: left;
	margin-right: 32px;
	}
	
.home-hero-4up-center img,
.home-hero-4up-center .item-video {
	margin-bottom: 12px;
	}

#home-main .home-hero-4up-left .landing-item-4up-left {
	border-bottom: none;
	width: 336px;
	margin-bottom: 0px;
	}
	
#home-main .home-hero-4up-left .landing-item-4up-left .item-keyimage,	
#home-main .home-hero-4up-left .landing-item-4up-left img {
	width: 106px;
	height: 59px;
	float: right;
	padding: 6px 18px 0 0;
	}
	
.home-hero-4up-left {
	display: block; 
	width: 336px; 
	float: left;
	border-bottom: 1px solid #8d9ca6;
	margin-bottom: 16px;
	padding-top: 3px;
	}
	
.home-hero-4up-left-last {
	border-bottom: none;
	}
	
.home-hero-4up-left img,
.home-hero-4up-left .item-video {
	margin-bottom: 12px;
	}
	
.home-hero-4up-left h2 {
	color: #333;
	border-top: 0;
	padding: 4px 0 12px 0;
	font-size: 18px;
	line-height: 100%; 
	}
	
/* END  home features */
	
#home-main .landing-item {
	width: 448px;
	}
	
#home-main .landing-item .item-content {
	width: 327px; /* 448 - keyimage(112+9px padding) = 327 */
	}

#home-main section.landing-content {
    border-left: 1px solid #8d9ca6;
    padding-left: 24px;
	width: 448px;
    }
	
.home-asides {
	width: 200px;
	float: left;
    padding: 0 0 0 19px;
    margin: 0;
	}
	
.home-asides .aside-inner {
	padding: 0 0 12px 0;
	}
	
.home-asides aside p,
.home-asides aside ul {
	color: #2b3033;
	font-size: 85%;
	line-height: 1.4;
	}
	
.home-asides aside h3 {
	font-size: 105%;
	line-height: 120%;
	padding-bottom: 8px;
	} 
	
.home-asides aside { 
	margin-bottom: 20px;
	}
	
	
	/* JB note --- I am replacing these two with a more descrptive special features class names below --- we can discuss
	
#home-main .home-asides { 
	width: 200px;
	float: left;
    padding: 0 24px 0 0;
    border-left: none;
    margin: 0;
	}

#home-main .home-asides aside { 
	border-bottom: none;
	padding-right: 16px;
	}
	
	end JB note */
	
	
.home-asides aside a {
	font-weight: bold;
	}
	
#home-aside-connect {
	border-bottom: none;
	}
	
#cpi-form {
	margin-bottom: 18px;
	}
	
#cpi-form input[type="tel"], #cpi-form input[type="text"]{
	width: 64px;
	padding: 2px 3px;
	}
	
#cpi-form select {
	width: 70px;
	padding: 2px 3px;
	}
	
#cpi-form p.cpi-button {
	text-align: center;
	}
/* ------ Home Special Feature -------*/

#home-main .home-asides {
	width: 224px;
	float: left;
    padding: 0 23px 0 0;
    border: none;
    margin: 0;
	}

#home-main .home-asides .aside-inner .feature {
	border-top: 1px solid #8d9ca6;
	}
	
#home-main .home-asides .aside-inner .feature .featuretype,
#home-main .home-asides .aside-inner .cicd .featuretype {
	font-size: 11px;
	line-height: 11px;
	color: #737373;
	font-weight: bold;
	margin: 18px 0 3px 0;
	font-size: 10px;
	text-transform: uppercase;
	}
	
#home-main .home-asides .aside-inner .cicd .featuretype {
	margin-bottom: -6px;
	}
	
#home-main .home-asides .aside-inner .feature .group,
#home-main .home-asides .aside-inner .cicd {
	width: 200px;
	min-height: 26px;
	margin: 18px 0 0 0;
	}
	
#home-main .home-asides .aside-inner .cicd {
	margin-bottom: 18px;
    padding-bottom: 10px;
	border-bottom: 1px solid #8d9ca6;
	}
	
#home-main .home-asides .aside-inner .feature .group p,
#home-main .home-asides .aside-inner .cicd p {
	min-height: 26px;
	max-width: 200px;
	margin-bottom: 3px;
	}

#home-main .home-asides .aside-inner .feature .group img {
	float: left;
	padding: 0 18px 0 0;
	}

#home-main .home-asides .aside-inner .cicd img {
	margin-top: -18px;
	}

#home-main .home-asides .aside-inner .feature .group a,
#home-main .home-asides .aside-inner .cicd a {
	text-decoration: none;
	}
	
#home-main .home-asides .aside-inner .cicd a {
	color: #333;
	}
	
#home-main .home-asides .aside-inner .feature .group a:hover,
#home-main .home-asides .aside-inner .cicd a:hover {
	font-weight: bold;
	color: #004d80;
	text-decoration: underline;
	}

/*Homepage Get ... Features (CICD, Pres, OIGI) - AAB 20180222*/
.home-features {
    margin-bottom: 18px;
    padding-bottom: 10px;
    border-bottom: 1px solid #8d9ca6;
}
.home-features img {
    float:right;
    width: 60px;
    padding-left: 10px;
    padding-bottom: 10px;
}
.home-features:after {
    content:'';
    display:block;
    clear:both;
}
.home-features h3 a {
    text-decoration:none;
}
.home-features li:before {
    content:'›';
    font-size: 16px;
    font-weight: 700;
    margin-right: 4px;
    color: #4eb8ed;
	line-height: 12px;
}
.home-features li:first-of-type {
    padding: 0px;
}
.home-features li a{
    text-decoration:none;
    font-weight: 400;
}
/*DollarWorth*/
.dollarworth {
	background-color: #ebebeb;
    padding: 16px 12px 10px 12px;
    margin-bottom: 16px;
}
.dollarworth #cpi-form {
	text-align:center;
	font-size:16px;
}
.dollarworth #cpi-form input[type="tel"], .dollarworth #cpi-form input[type="text"],.dollarworth #cpi-form select {
	font-size: 13px;
}
.dollarworth .cpi-result {
	font-size: 20px;
}
.dollarworth .cpi-button button{
	background-color: #3a9ad6;
    padding: 8px 12px;
    border: none;
    color: #fff;
    cursor: pointer;
	letter-spacing: .5px;
}
.dollarworth .dollarworth-links {
	font-size: 10px;
	text-align:center;
}
.dollarworth #cpi-form input[type="text"].result {
	background-color: #ededed;
    border: none;
    border-bottom: 1px solid;
    font-weight: bold;
	width: calc(100% - 30px);
	font-size: 26px;
	color: #4c5459;
	text-align:center;
}
.dollarworth .cpi-share {
	text-align:center;
    text-transform: uppercase;
    font-size: 9px;
    line-height: 9px;
    margin-bottom:4px;
}
.dollarworth .cpi-share a {
    text-decoration:none;
}