/* landing page styles */

/* HERO BANNER */

#heroContainer-landing {
position: relative;
float:left;
margin:13px 0 16px 0;
width:498px;
height:198px;
border:1px solid #ACACAC;
z-index:2 !important;
background:#F4F4F4 url("../img/savings/heroContainer-landing-bg.jpg") repeat-x left top;
}

#heroImg {
position: relative;
float:left;
margin:4px 0 0 0;
padding:0;
width: 498px;
height: 194px;
background:#FAFAFA;
z-index:2 !important;
}

#heroImgSplit-left {
position: relative;
float:left;
margin:4px 0 0 0;
padding:0;
width: 249px;
height: 194px;
background:#FAFAFA;
z-index:2 !important;
}

#heroImgSplit-right {
position: relative;
float:left;
margin:4px 0 0 0;
padding:0;
width: 249px;
height: 194px;
background:#FAFAFA;
z-index:2 !important;
}



/* PROMOTIONAL CONTAINERS */

#centerColumn .promoContainerLeft-landing-save {
position:relative;
float:left;
width: 245px;
margin:0 10px 0 0;
padding:0;
}

#centerColumn .promoContainerRight-landing-save {
position:relative;
float:left;
width: 245px;
margin:0;
padding:0;
}

#centerColumn .promoContainerLeft-landing-mort {
position:relative;
float:left;
width: 245px;
margin:0 10px 10px 0;
padding:0;
}

#centerColumn .promoContainerRight-landing-mort {
position:relative;
float:left;
width: 245px;
margin:0;
padding:0;
}

#centerColumn .promoContainerLeft-landing-ins {
position:relative;
float:left;
width: 245px;
margin:0 10px 10px 0;
padding:0;
}

#centerColumn .promoContainerRight-landing-ins {
position:relative;
float:left;
width: 245px;
margin:0;
padding:0;
}

#centerColumn .promoTitle {
width: 243px; 
border: 1px solid #DBDBDB;
float: left;
margin: 0; 
position: relative;
}

#centerColumn .promoTitle .cta {
border: 1px solid #fff;
font-size: 16px;
font-weight: normal;
color: #292929;
margin: 0;
padding: 9px 0 9px 8px;
background:#F4F4F4;
}


#centerColumn .promoContent {
float: left;
position: relative;
margin:0 0 2px 0 !important;
border-color:#ffffff #DBDBDB #DBDBDB #DBDBDB;
border-style:solid;
border-width:0 1px 0 1px;
padding:5px 0 0 0;
position:relative;
width:243px;
z-index:3;
min-height:87px;
height:auto !important;
height:87px;
background:#f5f5f5 url("../img/savings/heroContainer-landing-sub-bg.jpg") repeat-x top left;
}

#centerColumn .promoContent.mortgageLP {
min-height:130px;
height:auto !important;
height:130px;
}

#centerColumn .promoContent.insuranceLP {
min-height:185px;
height:auto !important;
height:185px;
border-color:#FFFFFF #DBDBDB #DBDBDB #DBDBDB;
border-style:solid;
border-width:0 1px 1px;
}

#centerColumn .promoContent.insuranceLP-protection {
min-height:135px;
height:auto !important;
height:135px;
}

#centerColumn .promoContent h2 {
margin-top:7px;
}

#centerColumn .promoContent p {
margin:7px 5px 0 10px;
padding:0 0 8px;
}

#centerColumn .promoContent ul {
margin-top:7px;
}

#centerColumn .promoContent ul li {
margin:0 0 1px -31px;
}



/* STANDARD CTA BUTTON */

.ctaContainer {
position:absolute;
margin:0;
padding:0;
}

.ctaContainer.hero {
width:210px;
height:40px;
right:8px;
bottom:0px;
}

.ctaContainer.promo {
width:237px;
height:40px;
left:8px;
bottom:0px;
}

.ctaSubContainer {
border: 1px solid #fff;
font-size: 16px;
font-weight: normal;
color: #292929;
margin: 0;
padding: 6px 6px 6px 10px;
background:#F4F4F4;
}

.ctaSubContainer.promo {
width:225px;
height:29px;
}

.ctaContainer.hero .cta-bg {
float:right;
margin:0 2px;
padding:0 0 0 10px;
text-decoration:none;
}

.ctaSubContainer.promo .cta-bg {
float:right;
margin:0 2px;
padding:0 0 0 10px;
text-decoration:none;
}





/* CAN WE HELP YOU... */

#rightColumn .rightContent.helpContent a:link, #rightColumn .rightContent.helpContent a:visited, #rightColumn .rightContent.helpContent a:hover, #rightColumn .rightContent.helpContent a:active {
text-decoration:underline;
}

#rightColumn .rightContent.helpContent table {
border-collapse: collapse;
width:100%;
}

#rightColumn .rightContent.helpContent table td {
background: none;
border: 0; 
color: #333333;
padding:2px 0 3px 0;
margin:0;
}

#rightColumn .rightContent.helpContent table td select {
padding:0;	
width:130px;
}



/* CONTACT CONTAINER */

#contactContainer {
position:relative;
float:left;
width: 698px;
height:39px;
border:1px solid #DBDBDB;
margin:0 0 16px 0;
padding:0;
background:#fff url("../img/home-contact-bg-middle.jpg") repeat-x 0 0;
}

#contactContainer span.rightImg-bg {
float: right;
position:relative;
width: 5px;
height: 39px;
background:#fff url("../img/home-contact-bg-right.jpg") no-repeat bottom right;
}

#contactContainer .contactTitle {
width: 180px; 
border: 0;
float: left;
margin: 0; 
position: relative;
}

#contactContainer .contactContent {
width: 505px; 
float: right;
position: relative;
margin:0;
padding:11px 0px 7px 0px;
border:0;
background:none;
}

#contactContainer .contactTitle h2 {
border: 0;
font-size: 16px;
font-weight: normal;
color: #292929;
margin: 0;
padding: 9px 0 9px 8px;
text-align:right;
background:transparent url("../img/home-contact-bg-left.jpg") no-repeat top left;
}

#contactContainer .contactContent ul {
position:relative;
}

#contactContainer .contactContent ul li {
float:left;
margin:0 5px 0 -18px;
padding-right:28px;
position:relative;
}

#contactContainer .contactContent ul li.last {
padding-right:0;
}

#contactContainer .contactContent a:link, #contactContainer .contactContent a:visited, #contactContainer .contactContent a:active {
text-decoration:none;
color:#292929;
}

#contactContainer .contactContent a:hover {
text-decoration:underline;
}



/* QUICKLINKS BAR */

#quickLinksContainer {
margin:40px 0 0 0;
}







/* THESE STYLES ARE A DUPLICATION OF THE ONES USED IN product.css and are used for the product overviews on LPs */


.productOverviewContainerLP {
float:left;
position:relative;
background:#FEFEFE url("../img/product_overview_top.jpg") repeat-x top left;
padding: 0;
width:500px;
/*clear:both;*/
margin:13px 0 10px 0;
}

.productOverviewContainerLP .productFeaturesOneCol {
float:left;
position:relative;
width:387px;
margin-top:4px;
}

.productOverviewContainerLP .productFeatures {
float:left;
position:relative;
width:255px;
margin-top:4px;
}

.productOverviewContainerLP .productFeatures ul {
position:relative;
}

.productOverviewContainerLP .productFeatures ul li,
.productOverviewContainerLP .productFeaturesOneCol ul li{
position:relative;
margin:0 0 1px -32px !important;
}

.productOverviewContainerLP .productPrimaryCta {
float:right;
position:relative;
width:101px;
border-color:#ffffff #A7A7A7 #A7A7A7 #A7A7A7;
border-style:solid;
border-width:0 1px 1px 1px;
min-height:135px;
height:auto !important;
height:135px;
background:#ffffff url("../img/product_overview_bg.jpg") repeat-x scroll left top;
padding:16px 4px 9px 6px;
margin-bottom:10px;
}

.productOverviewContainerLP .productPrimaryCtaOneCol {
float:right;
position:relative;
width:101px;
border-color:#ffffff #A7A7A7 #A7A7A7 #A7A7A7;
border-style:solid;
border-width:0 1px 1px 1px;
min-height:40px;
height:auto !important;
height:40px;
background:#ffffff url("../img/product_overview_bg.jpg") repeat-x scroll left top;
padding:16px 4px 9px 6px;
margin-bottom:10px;
}

.productOverviewContainerLP .productPrimaryCta .cta-bg {
margin:0 0 5px 0;
}

.productOverviewContainerLP .productPrimaryCtaOneCol .cta-bg {
margin:0 0 5px 0;
}

.productOverviewContainerLP .productPrimaryCta .cta-bg.greyButton a:link, 
.productOverviewContainerLP .productPrimaryCta .cta-bg.greyButton a:visited, 
.productOverviewContainerLP .productPrimaryCta .cta-bg.greyButton a:active, 
.productOverviewContainerLP .productPrimaryCta .cta-bg.greyButton a:hover,
.productOverviewContainerLP .productPrimaryCta .cta-bg.darkgreyButton a:link, 
.productOverviewContainerLP .productPrimaryCta .cta-bg.darkgreyButton a:visited, 
.productOverviewContainerLP .productPrimaryCta .cta-bg.darkgreyButton a:active, 
.productOverviewContainerLP .productPrimaryCta .cta-bg.darkgreyButton a:hover,
.productOverviewContainerLP .productPrimaryCta .cta-bg.redButton a:link, 
.productOverviewContainerLP .productPrimaryCta .cta-bg.redButton a:visited, 
.productOverviewContainerLP .productPrimaryCta .cta-bg.redButton a:active, 
.productOverviewContainerLP .productPrimaryCta .cta-bg.redButton a:hover, 
.productOverviewContainerLP .productPrimaryCtaOneCol .cta-bg.greyButton a:link, 
.productOverviewContainerLP .productPrimaryCtaOneCol .cta-bg.greyButton a:visited, 
.productOverviewContainerLP .productPrimaryCtaOneCol .cta-bg.greyButton a:active, 
.productOverviewContainerLP .productPrimaryCtaOneCol .cta-bg.greyButton a:hover,
.productOverviewContainerLP .productPrimaryCtaOneCol .cta-bg.darkgreyButton a:link, 
.productOverviewContainerLP .productPrimaryCtaOneCol .cta-bg.darkgreyButton a:visited, 
.productOverviewContainerLP .productPrimaryCtaOneCol .cta-bg.darkgreyButton a:active, 
.productOverviewContainerLP .productPrimaryCtaOneCol .cta-bg.darkgreyButton a:hover,
.productOverviewContainerLP .productPrimaryCtaOneCol .cta-bg.redButton a:link, 
.productOverviewContainerLP .productPrimaryCtaOneCol .cta-bg.redButton a:visited, 
.productOverviewContainerLP .productPrimaryCtaOneCol .cta-bg.redButton a:active, 
.productOverviewContainerLP .productPrimaryCtaOneCol .cta-bg.redButton a:hover {
width:65px;
}