﻿
h1#homeLogo								{margin:0px 0 18px 0px; height:60px; padding:0;} 

div#onlineServices						{background:url(/images/homepageImages/onlineServices/onlineServicesBg.jpg) top left no-repeat; padding:10px; margin-bottom:-7px}
div#onlineServices h2					{font-size:1.3em; margin-top:-3px; margin-bottom:2px;}
div#onlineServices h3					{font-size:1.1em;}
div#onlineServices h3#existing			{margin:16px 0 3px 0}
div#onlineServices h3#existing img		{margin-top:6px;}
div#onlineServices h3#new				{margin:16px 0 8px 0}
div#onlineServices h3#new img			{margin-top:-1px;}
div#onlineServices img					{margin-right:8px;}
div#onlineServices input				{margin:-10px 0; border-color:#ADC5E7; width:110px;}

#topCentralMenu							{margin-top:49px;}

#homepageContent						{width:750px; padding:5px; background:url(/images/homepageImages/HOMEBG.JPG) top left repeat-x; color:#fff; float:right; margin-top:0px;} 

#homepageContent div					{width:750px; height:320px; padding:0px 0 0 0px; position:relative; font-weight:bold;}
#homepageContent div#ctl00_ContentPlaceHolder1_defaultHomepage	{width:100%; padding:0; margin:0;}

#homepageContent div h2.productTitle	{margin:0; padding:0; font-size:1.7em; color:#fff;}

#homepageContent div p.headline			{margin:25px 0 0 0; padding:0; width:355px; color:#fff; font-size:1.4em;}			
#homepageContent div p.headline span	{font-size:1.5em;}

#homepageContent div p.tagLine			{font-size:1.8em; margin:10px 0 0 0;}

#homepageContent div p.plum				{color:#542989;}
#homepageContent div p.mortgages		{color:#80C4D8;}
#homepageContent div p.savings			{color:#C1CD23;}
#homepageContent div p.insurance		{color:#EF5091;}
#homepageContent div p.yellow, .yellow	{color:#FFD400;}

#homepageContent div p.furtherDetails	{font-size:1.2em; width:350px;}

#homepageContent div div.findOutMore	{margin:0; padding:0; width:325px; height:150px; position:absolute; top:230px;}

#homepageContent strong,
#homepageContent a						{color:#fff;}

#homepageContent .plum,
#homepageContent .plum a,
#homepageContent .plum strong			{color:#542989;}

#homepageContent h2						{color:#fff;}
																													  
#homeAds								{width:754px; float:right; margin:15px 6px 15px 0; padding:0; text-align:left;}
#homeAds p								{width:223px; float:left; margin:0 39px 0 0;}
#homeAds p.noPad						{margin:0 0 0 5px;}
#homeAds p img							{margin-bottom:-3px;}

#leftContainer img.leftTopCurve			{margin-bottom:-30px;}

/* CURRENT MAIN PROMO CAMPAIGN */


#homepageContent div#homePromo1			{background:url(/images/homepageImages/largePromo/promotion1.jpg) top left no-repeat; height:320px; position:absolute; top:0;}
#homepageContent div#homePromo2			{background:url(/images/homepageImages/largePromo/promotion2.jpg) top left no-repeat; height:320px; position:absolute; top:0;}
#homepageContent div#homePromo3			{background:url(/images/homepageImages/largePromo/promotion3.jpg) top left no-repeat; height:320px; position:absolute; top:0;}
#homepageContent div#homePromoMySavings {height:320px; position:absolute; top:0; padding:0;}

#homepageContent a.bg					{display:block; position:absolute; width:750px; height:285px; margin:-35px 0 0 -40px; }

#homepageContent div#links				{position:absolute; top:280px; height:15px;}
#homepageContent div#links img			{margin-left:8px;}	

nobr									{font-size:1.2em; margin-top:20px;}

span img								{vertical-align:middle;}
span.noImg								{margin:0 20px 0 0;}
span.underline							{text-decoration:underline; font-weight:bold;}

.enewsletterContainer					{width:202px; margin:0px 5px 5px -5px; padding:7px 10px; background:url(/images/leftMenuImages/enewsBgHome.gif) top left no-repeat;}
input.enewsletterTextBox				{margin:5px 0 9px 0;} 

a#awardSW								{display:none;}

/* JS SLIDES STYLING */

#slides {margin: 0;	padding: 0px!important;}
.slidesContainer {width:750px!important;display:none;margin: 0;padding: 0px!important; -moz-border-radius: 10px; border-radius: 10px;}
.slidesContainer div {	width:750px;height:320px;display:block;margin: 0;padding: 0px!important;-moz-border-radius: 10px; border-radius: 10px;	}
ul.pagination {position: absolute; z-index:100; top: 325px; right: 5px; margin: 0px;}
.pagination li a {background-image:url(/images/homepageImages/bannerAssets/pagination.png);background-position:0 0;display:block;float:left;height:0;overflow-x:hidden;overflow-y:hidden;padding-top:12px;width:12px;}
.pagination li {float:left;margin:0 1px;list-style:none;}
.pagination li.current a {background-position:0 -12px;}

/*
a.bannerBtn {background: url(/images/homepageImages/largePromo/largeBtnArrow.png) no-repeat top right; display: block; float: left; height: 49px; margin-right: 6px; padding-right: 47px; text-decoration: none; color: #000000; font-size:17px; text-transform:uppercase;}
a.bannerBtn:hover {background: url(/images/homepageImages/largePromo/largeBtnArrow.png) no-repeat right -50px;}
a.bannerBtn span {background: url(/images/homepageImages/largePromo/largeBtn.png) no-repeat; display: block; line-height: 39px;padding: 6px 0 4px 18px;}
a.bannerBtn:hover span {background: url(/images/homepageImages/largePromo/largeBtn.png) no-repeat  left -50px;}

#banner1 {background:url(/images/homepageImages/largePromo/bannerSprite.jpg) right 0 #81c3d9 no-repeat; position:relative;}
#banner1 h2 {font-size: 3.3em; display:block; width: 450px; position:absolute; top: 35px; left: 30px; margin: 0px;}
#banner1 p {font-size: 14px; font-weight:normal; text-transform:uppercase; position: absolute; bottom: 10px; left: 20px; width: 430px; margin:0;}
#banner1 .bannerBtn {position: absolute; bottom:70px; left: 30px;}

#banner2 {background:url(/images/homepageImages/largePromo/bannerSprite.jpg) right -320px #EF5092 no-repeat; position:relative;}
#banner2 h2 {font-size: 4.8em; display:block; width: 450px; position:absolute; top: 70px; left: 30px; margin: 0px; font-weight:400; text-align:left; letter-spacing:-2px;}
#banner2 h3 {font-size: 1.8em; color: #fff; position:absolute; left:30px; top: 30px; margin:0; padding: 0;}
#banner2 p {font-size: 14px; font-weight:normal; text-transform:uppercase; position: absolute; bottom: 10px; left: 20px; width: 430px; margin:0;}
#banner2 .bannerBtn {position: absolute; bottom:30px; right: 300px;} */

/* NEW SMALL HOMEPAGE BANNERS - NOV 11 

ul.smallPromoBanners {width:760px; height:230px; display:block; padding:0; margin:20px 0px; list-style-type:none;}
li#promoBox1, li#promoBox2, li#promoBox3 {position:relative; width:240px; height:230px; float:left; padding:0; margin: 0px 20px 0px 0px;} 
li#promoBox3 {margin-right: 0px!important;}
ul.smallPromoBanners li a {width:240px; height:230px; display:block; position:relative;text-decoration:none;}
ul.smallPromoBanners li a:hover {width:240px; height:230px; display:block; position:relative; text-decoration:none;}
ul.smallPromoBanners li a .smallPromoCta {position: absolute; right: 15px; bottom: 35px; display:none; color:#ffffff; font-weight:700; font-size: 1.4em; background:url(/images/homepageImages/smallPromo/smallArrow.png) right 4px no-repeat; padding: 2px 25px 2px 0px;}
ul.smallPromoBanners li a:hover .smallPromoCta {display:block;}
ul.smallPromoBanners li .newRibbon {position:absolute; right:-4px; top:-4px; display:block; width:80px; height:80px; z-index:100; background:url(/images/homepageImages/smallPromo/newRibbon.png) 0 0 no-repeat; text-indent:-999em; overflow:hidden;}
ul.smallPromoBanners li a .smallPromoHead {display: block; font-size:22px; font-weight:bold; line-height:1.1em; font-family:sans-serif; letter-spacing:0; visibility:hidden;}
ul.smallPromoBanners li a:hover span{color:#fff!important;}

li#promoBox1 a {background:url(/images/homepageImages/smallPromo/smallPromoSprite.jpg) 0 0 no-repeat #fff;}
li#promoBox1 a:hover {background:url(/images/homepageImages/smallPromo/smallPromoSprite.jpg) 0 -230px no-repeat #fff;}
li#promoBox1 a .smallPromoHead {position: absolute; top: 15px; left:15px;}
li#promoBox1 a .copy {position:absolute; top: 90px; left:15px; font-size:1.25em; line-height:1.4em; width: 210px; display:none;color: #ffffff;}
li#promoBox1 a:hover .copy {display:block; }
li#promoBox1 a:hover .copy strong {color: #ffffff;}

li#promoBox2 a {background:url(/images/homepageImages/smallPromo/smallPromoSprite.jpg) -240px 0 no-repeat #fff;}
li#promoBox2 a:hover {background:url(/images/homepageImages/smallPromo/smallPromoSprite.jpg) -240px -230px no-repeat #fff;}
li#promoBox2 a .smallPromoHead {position: absolute; top: 15px; left:15px;}
li#promoBox2 a .copy {position:absolute; top: 105px; left:15px; font-size:1.25em; line-height:20px; width: 210px; display:none;color: #ffffff;}
li#promoBox2 a:hover .copy {display:block; color: #ffffff;}
li#promoBox2 a:hover .copy strong {color: #ffffff;}

li#promoBox3 a {background:url(/images/homepageImages/smallPromo/smallPromoSprite.jpg) -480px 0 no-repeat #fff;}
li#promoBox3 a:hover {background:url(/images/homepageImages/smallPromo/smallPromoSprite.jpg) -480px -230px no-repeat #fff;}
li#promoBox3 a .smallPromoHead {position: absolute; top: 15px; left:15px;}
li#promoBox3 a .smallPromoHead span {font-size:2em;color:#B5D334; letter-spacing:-1px; display:block; font-weight:bold; padding: 10px 0px;}
li#promoBox3 a .sub {display: block; font-size:0.8em; line-height:10px; position: absolute; top: 45px; left:135px; font-weight: 400; visibility:hidden;}
li#promoBox3 a:hover .sub{color:white;}
li#promoBox3 a .copy {position:absolute; top: 90px; left:15px; font-size:0.9em; line-height:14px;  color: #444444;display:block; width: 125px;}
li#promoBox3 a:hover .copy {font-size:1.2em; width: 210px; color: #ffffff;} */

