@import url("eqtr_nav.css");
/*

Pre-2010 comments have been removed - earlier version will have these comments if they are required.
Please add notes for updates and changes that are considerable rather than small bug fixes.   

Update :    02.11.2010
Author :    Suzanne McCulley @ Equator
Notes  :    Solar PV Updates

Update :    07.01.2011
Author :    Graham Like
Notes  :    Infoman 04207096 fix half button visible .submitButton

Update :    25.10.2011
Author :    Raj Choudhury / Kevin Fernandez @ SSE Build Team
Notes  :    Broadband online signup css. Some additional cleanup, tidy up of code, and minification 
            of css- Ektron Page builder/Eqautor page specific(solar pv, home services) classes, 
            removal of redundant comments

Contents:
	1. Site Controls
	2. Brand
	3. Search Bar
	4. Homepage Component Styles
	5. Page Content - page components, main content and sub content
	6. Show/Hide styles - contact component and FAQ
	7. Footer
	8. Tariff page 

    Note to css editors - This content structure requires updating 

*/

/*--------------------------*/
/*---[ 1. Site Controls ]---*/
/*--------------------------*/

/* Breadcrumbs, low graphics mode and sitemap link */

a:focus { 
    outline: none; 
}


#siteControls {
	color: #002E6E;
	background:transparent url(/cssimages/preLogin/home_con_top.gif) bottom left no-repeat;
	padding:8px 0 12px 0;
	width:100%;
	float:left;
	}
.homePage #siteControls {
	 /*background:transparent url(/cssimages/preLogin/home_con_top.gif) bottom left no-repeat;*/
	}
#siteControls p.breadcrumbs {
	float:left;
	width:600px; 
	font-size:68.75%;
	line-height:1.6em;
	margin:0;
	}
.breadcrumbs a, ul.controls a {
	color: #002E6E;
	text-decoration:none;
	padding:0px;
	
	}
.breadcrumbs a {
	background:transparent url(/cssimages/preLogin/breadcrumb_bullet.gif) right 7px no-repeat;
	padding-right:7px;
	margin-right:5px;
	display:block;
	float:left;
	}
.breadcrumbs .currentPage {
	padding:0px;
	}
.breadcrumbs a:hover, ul.controls a:hover {
	color: #002E6E;
	text-decoration:underline;
	}
#siteControls ul.controls {
	list-style:none;
	float:right;
	width:auto;
	text-align:right;
	margin:0 0 0 0;
	padding:0;
	line-height:normal;
	}
#siteControls ul.controls li {
	display:inline;
	font-size:68.75%;
	margin:0;
	padding:0;
	list-style:none;
	}
#siteControls ul.controls a {
	padding:0px 7px;
	margin:0;
	display:block;
	float:left;
	border-right:1px solid #002E6E;
	}
#siteControls ul.controls li.last a {
	border-right:none;
	padding-right:0;
	}
/*-------------------*/
/*---[ 2. Brand  ]---*/
/*-------------------*/
#brand {
	width:981px;
	padding-right:15px;
	float:left;
	background:#fff;
	position: relative;
	}
#brand .logo {
	float:left;
	width:300px;
	padding:5px 0 15px 15px;
	background:#FFF;
	}
.logo h2 {
	margin:0;
	}
.logo h2 a img {
	border:none;
	}
/*------------------------*/
/*---[ 3. Search Bar  ]---*/
/*------------------------*/
.siteSearch {
   float:right;
   padding-right:8px;
   padding-top:10px;
   position:relative;
   text-align:right;
}
fieldset.search {
	border:none;
	width:294px;
	}
fieldset.search .searchField {
	background:url(/cssimages/preLogin/searchBarCurve.gif) left center no-repeat;
	padding-left:3px;
	float:left;
	}
fieldset.search .searchField input {
	height:24px;
	padding-top:5px;
	padding-left:5px;
	width:250px;
	border:none;
	margin-right:1px;
	border-right:1px solid #e5eae2;
	color:#0f317f;
	font-weight:normal;
	font-size:100%;
	background:#e2edf5 url(/cssimages/preLogin/search_bar_back.gif) top left repeat-x;
	}
.searchButton {
	float:right;
	}
.searchLabel {
	display:none;
	}
.searchButton input {
	width:34px;
	height:29px;
	background:url(/cssimages/preLogin/searchButton.gif) top left no-repeat;
	padding-top:29px;
	overflow:hidden;
	border:none;
	cursor:pointer;
	}
.searchButton input:hover {
	background:url(/cssimages/preLogin/searchButton.gif) left -29px no-repeat;
	}
		
		
.submitButton {
	padding:0 8px 0 0;
	margin: 0 0 0 0;
	background:url(/cssimages/preLogin/buttonRight.png) right no-repeat;
	float:right;
    }

.submitButton input, .submitButton button {
	background:url(/cssimages/preLogin/buttonLeft.png) left no-repeat;
	cursor:pointer;
	border:none;
	padding:0 0 4px 19px;
	margin: 0 0 0 -10px;
	font-weight:bold;
	color:#FFF;
	height:22px;
	overflow:visible;
	font-size:72%;
	}
.submitButton input:hover, .submitButton button:hover {
	color:#052653;
    }
/*---------------------------------------*/
/*---[ 4. Homepage Component Styles ]----*/
/*---------------------------------------*/


/*---[ Banners ]---*/

.homePage .banners {
	float:left;
	width:100%;
	margin-bottom:13px;
	}
.banners .wideBannerHolder .bannerOuter {
	float:left;
	width:450px;
	background:#FFF url(/cssimages/preLogin/ItemContainer/container_back_450.gif) top left repeat-y;
	}
	
.banners .home_flip_right .wideBannerHolder  {
	float:right;
	width:450px;
	}
	
.banners .bannerOuter .banner {
	padding-bottom:11px;
	background:url(/cssimages/preLogin/ItemContainer/container_bottom_450.gif) bottom left no-repeat;
	float:left;
	
}	
.banners .bannerOuter .inner {
	padding:11px 11px 0;
	background:url(/cssimages/preLogin/ItemContainer/container_top_450.gif) top left no-repeat;
}

.banners .homeTopNarrow {
	float:right;
	width:281px;
}

.banners .homeTopNarrow .homepageSignpostOuter {
	float:right;
	width:281px;
	background:#FFF url(/cssimages/preLogin/ItemContainer/container_back_281.gif) top left repeat-y;
	}
.banners .homeTopNarrow .homepageSignpostInner {
	padding-bottom:11px;
	float:left;
	width:100%;
	background:url(/cssimages/preLogin/ItemContainer/container_bottom_281.gif) bottom left no-repeat;
}	
.banners .homeTopNarrow .homepageSignpostInner .inner {
	padding:11px 11px 0;
	background:url(/cssimages/preLogin/ItemContainer/container_top_281.gif) top left no-repeat;
}

.banners .inner {
	min-height:133px;	
}

.banners .homeTopNarrow .homepageSignpostInner img.main {
	float:left;
	width:114px!important;
}

.banners .homeTopNarrow .homepageSignpostInner .details, #content .banners .homeTopNarrow .homepageSignpostInner  .inner .innerContent {
	width:135px;
	float:right;
}

.banners .homeTopNarrow .homepageSignpostInner .details h2,.banners .homeTopNarrow .homepageSignpostInner .innerContent h2  {
	text-transform:uppercase;
	font-size:100%;
	color:#669F46;
	line-height:1.2em;
	margin:0;
	padding:0;
}

.banners .homeTopNarrow .homepageSignpostInner .details h3 , .banners .homeTopNarrow .homepageSignpostInner .innerContent h3{
	font-size:68.75%;
	margin:0;
	padding:10px 0 0;
}

.banners .homeTopNarrow .homepageSignpostInner .details h3 strong ,.banners .homeTopNarrow .homepageSignpostInner .innerContent h3  strong{
	font-size:150%;
	display:block;
}

.banners .subBanner .details h3 em, #content .banners .subBanner .innerContent h3 em  {
	font-style:normal;
	color:#e4483c;
}
.homeTopNarrow .homepageSignpostInner .innerContent p
{
	font-family: Arial;
	font-size: 100% !important;
	font-weight:bold !important;
	line-height: 1.2em; 
}
.homeTopNarrow .homepageSignpostInner p em
{
	font-style:normal !important;
	color:#e4483c !important;
}

.banners .subBanner .details p.action a, #content .banners .subBanner .innerContent p.action a {
	background:url(/cssimages/preLogin/icon-dark-green-arrow.gif) left 4px no-repeat;
	padding-left:12px;
}

.banners .subBanner .details p.action a:hover , #content .banners .subBanner .innerContent p.action a:hover {
	color:#44820e;	
}

.banners a img {
	border:none;
}

/*---[ End of Banners ]---*/


/*---[ Service Components ]---*/
	
.homePage .featuresContainer, .homePage .featuresContent {
	width:746px;
	clear:both;
	}
.homePage .features {
	padding-bottom:5px;
	width:746px;
	clear:both;
	float:left;
	}
.homePage .mainContent .features p.extraInfo {
	color:#1B3C78;
	font-size:70%;
	line-height:1.2em;
	margin-bottom:10px;
	}

.homePage .featuresContainer h2 {
	margin:6px 0 12px 0;
	}
.homePage .featuresContainer {
	background:url(/cssimages/preLogin/homePageComponents/featuresTop.gif) top center no-repeat;
	padding-top:5px;
	}
.homePage .featuresContent {
	border:1px solid #DFE5DB;
	border-bottom:none;
	border-top:none;
	width:731px;
	padding-top:0;
	padding-left:13px;
	padding-bottom:0;
	display:block;
	overflow:hidden;
	height:100%;
	}
.features .services {
	float:left;
	margin:0;
	}
.features .firstGroup {
	width:264px;
	margin:0 14px 0 0;
}

.features .secondGroup {
	width:172px
}
.features .homepageSignpostOuter h3 span {
	font-size:70%;
	display:block;
	font-weight:normal;
	line-height:0.95em;
}



.mainContent .features ul ul {
	margin:0 3px 0 8px;
}
		
.mainContent .features ul ul li  ,.productAtaGlance ul li  {
	background:url(/cssimages/preLogin/icon-blue-arrow.gif) left 6px no-repeat;
	padding-left:16px;
	list-style:none;
	margin-bottom:4px;
}

.productAtaGlance ul li {
	font-size:70%;
}

.service .serviceContainer,  .services .homepageSignpostInner {
	float:left;
	width:100%;
}

.services .homepageSignpostInner  .inner {
	padding:12px;
	float:left;
}

.firstGroup .homepageSignpostInner {
	background:url(/cssimages/preLogin/ItemContainer/container_top_264.gif) top left no-repeat;
	width:264px;

}

.firstGroup .homepageSignpostInner .inner {
	background:url(/cssimages/preLogin/ItemContainer/container_bottom_264.gif) bottom left no-repeat;
	width:240px;
	min-height:110px;
	
}

.features .firstGroup .homepageSignpostOuter {
	background:url(/cssimages/preLogin/ItemContainer/container_back_264.gif) top left repeat-y;
	margin-bottom:13px;
	width:264px;
	display:inline-block;
	
}
	

.secondGroup .homepageSignpostInner {
	background:url(/cssimages/preLogin/ItemContainer/container_top_172.gif) top left no-repeat;
}

.secondGroup .homepageSignpostInner .inner {
	background:url(/cssimages/preLogin/ItemContainer/container_bottom_172.gif) bottom left no-repeat;
	width:148px;
	min-height:258px;
	height:auto !important;
	height:258px;

}

.features .secondGroup .homepageSignpostOuter {
	background:url(/cssimages/preLogin/ItemContainer/container_back_172.gif) top left repeat-y;
	margin-bottom:13px;
	width:100%;
	float:left;
	}
	
	

.firstGroup .homepageSignpostInner .inner img.main {
	float:left;
	width:100px!important;
}
.secondGroup .homepageSignpostInner .inner img.main {
	
	width:148px!important;
}
.services .innerContent {
	padding:0;
}

 .firstGroup .innerContent  {
	width:131px;
	float:right;
}

 .secondGroup .innerContent {
	padding:12px 5px 0;
	clear:both;
	display:block;
	margin-top:-20px;  /* Added to the template pages as rendered 
page had some deep inherentence causing a difference in line hieght- RC */ 
} 

.firstGroup .innerContent h2, .secondGroup .innerContent h2, .latestNews .innerContent h2  {
	color:#669F46;
	font-size:100%;
	line-height:1.2em;
	margin:0px;
	padding:0px;
	text-transform:uppercase;	
	
}

.features .firstGroup .innerContent h3 
{
	margin:6px 0px 0px 0px;
}


 .secondGroup  .innerContent h3, .latestNews  .innerContent h3 
 {
 	line-height:1.2em !important;
 	margin:8px 0px 0px 0px;
 	font-size: 150% !important;
	display: block;
 }
/*.secondGroup .serviceContent h3, #Content .secondGroup .innerContent h3,
.latestNews h3  {
	font-size:140%!important;
	color:#1B3C78!important;
	font-weight:normal;
}*/



.latestNews  .innerContent h2 {
	padding-top:12px;
	/*padding-bottom*/
}


.latestNews  .innerContent h3 {
	font-size:150%;
	display:block;
}
.latestNews .homepageSignpostInner .inner img.main {
	
	width:257px!important;
}
.secondGroup .homepageSignpostInner .inner img.main {
	
	width:148px!important;
}

.firstGroup .innerContent h3  .secondGroup .innerContent h3 {
	line-height:1.4em;
	color:#1B3C78;
	margin-bottom:7px !important;
	font-weight:bold;
}

.services .innerContent p 
{
	line-height:1.4em;
	color:#1B3C78;
	margin:7px 0px!important;
	font-weight:bold;
}
 .firstGroup .innerContent p.action, .secondGroup .innerContent p.action {
	margin-bottom:0 !important;
} 

.firstGroup .innerContent p.action a, .secondGroup .innerContent p.action a, .latestNews .innerContent p.action a,
.homeTopNarrow .innerContent p.action a {
	background:url(/cssimages/preLogin/icon-dark-green-arrow.gif) left 4px no-repeat;
	padding-left:12px;
	font-weight:normal;
}

 .secondGroup .innerContent p.action   {
	font-weight:normal;
	font-size:75%;
}

.secondGroup .innerContent p {
	font-size:93.75%;
}
.secondGroup .innerContent h3 
{
	font-family: Tahoma;
	font-size:135% !important;
}
.secondGroup .innerContent h3
{
	line-height: 1.4em !important;	
}
li.PBItem .innerContent h2, li.PBItem .innerContent h4
{
	line-height: 1.25em !important;	
}

.homeTopNarrow .innerContent p 
{
	color:#1B3C78;
	margin:0px 0px!important;
}

.latestNews .innerContent p.action 
{
	line-height:1.4em;
	color:#1B3C78;
	margin:4px 0px 0px 0px!important;
	font-weight:bold;
}
.latestNews .innerContent p.first 
{	
	margin:9px 0px 0px 0px!important;	
}
/*---------------------------------------------------------------*/
/*--USE THIS COMMENTED-OUT CSS ON ACTUAL SITE IF USING ROSETTES--*/
/*---------------------------------------------------------------*/

/*

.firstGroup .serviceContent {
	position:relative;
}

.firstGroup .serviceContent h3 {
	margin-right:46px !important;
}

.firstGroup .serviceContent p {
	margin-right:30px !important;
}


.firstGroup .serviceContent p.brandLabel {
	position:absolute;
	top:-20px;
	right:-23px;
	width:69px;
	margin:0 !important;
}

.secondGroup .serviceContent {
	position:relative;
}

.secondGroup .serviceContent p {
	margin-right:44px !important;
	font-size:70%;
}

.secondGroup .serviceContent p.brandLabel {
	position:relative;
	margin:0 !important;
}

.secondGroup .serviceContent p.brandLabel img {
	position:absolute;
	top:-7px;
	right:-28px;
	margin:0;
}

.firstGroup .inner {
	min-height:120px !important;
}

.secondGroup .inner, .latestNews .inner {
	min-height:277px !important;
}

*/

/*---[ End of Alternative Version CSS - Rosettes ]---*/

/*---[ End of Service Components ]---*/

/*---[ Latest News Components ]---*/


	
	
.latestNews 
{
	float:right;
	width:281px;
}
.latestNews .homepageSignpostOuter {
	float:left;
	width:281px;
	background:#FFF url(/cssimages/preLogin/ItemContainer/container_back_281.gif) top left repeat-y;
	}
.latestNews .homepageSignpostInner {
	
	float:left;
	width:281px;
	background:url(/cssimages/preLogin/ItemContainer/container_bottom_281.gif) bottom left no-repeat;
}	
.latestNews .homepageSignpostInner .inner {
	
	background:url(/cssimages/preLogin/ItemContainer/container_top_281.gif) top left no-repeat;
		float:left;
	width:257px;
	padding:12px;
	min-height:258px;
	height:auto !important;
	height:258px;
}



.features .latestNews .inner div {
	padding:0 5px;
}
	
.features .latestNews ul {
	margin:0;
	padding:0;
}

.features .latestNews ul li {
	background:none;
	margin:0;
	padding:0;
}

/*---[ End of Latest News Components ]---*/

/*---[ Featured Links Component ]---*/


.featuresHolder 
{
	width:746px;
	clear:both;
	
}
.featureLinks {
	display:block;
	clear:both;
	overflow:hidden;
	position:relative;
	float:left;
	width:746px;
	
}

.featureLinks .featureLink a, .featureLinks .featureChatLink a { /* make the anchor span the entire width and height of the parent div */
	width:100%;
	height:100%;
	display:block;
	float:left;
	
	}
	
.buttonMarginFix {	/*---This has been added for template only as live sites have 
incorrectly nested <p> inside <a href> tags casuing invalid markup---*/
    font-size:80% !important;
    font-weight:bold;
    padding:0px 5px 5px 5px;
    margin:0px 5px 5px -5px;
    height: 50px;
    background-color: Aqua;
    }
    
#content .featureLinks a:link, #content .featureLinks a:visited {
	text-decoration:none;
	}
	
#content .featureLinks a:hover {
	text-decoration:underline;
	}
	
.featureLinks .featureLink, .featureLinks .featureChatLink {
	width:368px;
	height:64px;
	float:left;
	cursor:pointer;
	position:relative;
	
	}
.featureLinks .last {
	margin-left:10px;
	}

.featureLinks .featureLink img, .featureLinks .featureChatLink img {
	position:absolute;
	left:0px;
	border:none;
	}

.featureLinks .featureChatLink a {
	background-image:url(/cssimages/preLogin/lozenge_blue.png);
	background-position:top left;
	background-repeat:no-repeat;
	}
.featureLinks .featureLink a {
	background-image:url(/cssimages/preLogin/lozenge_green.png);
	background-position:top left;
	background-repeat:no-repeat;
	}
.featureLinks .featureLink a:hover, .featureLinks .featureChatLink a:hover {
	background-position:0 -83px;
	background-repeat:no-repeat;
	}
#content .featureLinks .featureLink p, .featureLinks .featureChatLink p {
	margin:18px 5px 5px 65px!important;
	font-size:100%!important; 
	font-weight:bold;
	}
#content .featureLinks .featureLink a:hover p, .featureLinks .featureChatLink a:hover p {
	text-decoration:underline;
	font-size:100%!important;
	}

/*---[ End of Featured Links Component ]---*/

.smallPrint {
	width:100%;
	display:block;
	clear:both;
	text-align:right;
	}
.smallPrint p {
	font-size:80%; /*---Text size increased for Design Template pages - Raj---*/
	line-height:1.3em;
	padding-top:20px;
	margin-right:25px;
	}
.smallPrint p a {
	color:#1B3C78;
	text-decoration:underline;
	}

.smallPrint p a:hover {
	color:#8BB573;
	}

.smallPrint span {
	display:block;
	}
.mainContent .smallPrint a:link, .mainContent .smallPrint a:visited {
	color:#666;
	text-decoration:none;
	}
.mainContent .smallPrint a:hover {
	color:#666;
	text-decoration:underline;
	}
	
/*--------------------------------------------------------------------------*/
/*---[ 5. Page Content - page components, main content and sub content  ]---*/
/*--------------------------------------------------------------------------*/
#content .sectionHeader {
	margin-left:0px;
	margin-right:0px;
	background:url(/cssimages/preLogin/headerGradient.jpg) 0 65px no-repeat;
	margin-bottom:-3px;
	}


#content .mainContent h1 {
	margin:0 0 18px 0;
	}
#content .sectionHeader h1 {
	font-weight:bold;
	color:#44840E;
	padding:0;
	margin:0;
	display:block;
	padding:38px 0 60px 0;
	}	

#content h1 {
	font-size:150%;
	font-weight:bold;
	margin:40px 0 23px 0px;
	padding:0px;
	text-transform: uppercase;
	}
#content #contentContainer h1.pad {
	margin:30px 0 23px 0;
	
}
	
#content #contentContainer h1.subtitle {
	margin-bottom:6px!important;
}
#content #contentContainer h2.subtitle {
	margin: 15px 0px 22px 0px;
	color: #1b3c78;
	font-size: 110%;
}

		
#content #contentContainer .fullWidthContainer  h1 ,#content #contentContainer .fullWidthContainer  h1.pad {
	margin:40px 0 23px -1px;
	color: #809fbc;
}
	

.termsAndConditions {
	border-top:1px solid #E3E3E3;
	margin-top:20px;
	padding-top:20px;
	clear:both;
	width:100%;
	display:block;
	float:left;
	}
	
.mainContent .termsAndConditions h3, .mainContent .termsAndConditions h4, .mainContent .termsAndConditions h5 {
	margin-top:0;
}

/*---[ Product at a glance component ]---*/					
.productAtaGlance {
	border-bottom:1px solid #A5B2CA;
	margin:-15px 30px 30px 15px;
	background:#fff;
	overflow:hidden;
	height:100%;
	}
.productAtaGlance img {
	float:left;
	margin:10px 15px 20px 0;
	}
.productAtaGlance .linkButton {
	left:0;
	float:left;
	margin-top:15px;
	}
.productAtaGlance h2 {
	margin:6px 0 22px -1px;
	color:#1B3C78;
	font-size:110%;
	}
.productSummary {
	float:left;
	padding-bottom:20px;
	}
.productAtaGlance .productSummary {
	width:300px;
	}
.productAtaGlance dl {
	}
.productAtaGlance dt {
	color:#1B3C78;
	font-weight:bold;
	font-size:105%;
	}
.productAtaGlance dd {
	}
.productAtaGlance dd ul {
	list-style:none;
	margin:0;
	font-size:70%;
	}
.productAtaGlance dd ul li {
	margin-left:0;
	background:url(/cssimages/preLogin/bulletPoint_dash.gif) left 11px no-repeat;
	padding-left:10px;
	}
	
/* Meters */

.productAtaGlance .meter {
	padding:20px 0 40px;
	width:100%;
	float:left;
	}
.productAtaGlance .meter img {
	margin-top:0;
	}
.productAtaGlance .meter .productSummary {
	width:50%;
	padding-top:20px;
	}
		
	
/*---[ product component ]---*/
.mainContent .productWrapper {
	clear:both;
	height:100%;
	overflow:hidden;
	padding:0 0 27px;
	}
.mainContent .product {
	float:left;
	background:#F2F8EA url(/cssimages/preLogin/productComponents/productComponentBody.gif) top center repeat-y;
	}
.mainContent .left {
	margin-right:28px;
	}

/*---[ Product Landing Page ]---*/

/* Intro flash - flash sits below html text */
.flashWrapper {
	float:right;
	width:566px;
}

/* Product intro header */
#content .productIntro h2,#content .productIntro h2,#content .productIntro h3 {
	margin:0;
	text-transform:none;
}
#content .productIntro h1 {
	color:#7BC043;
	font-size:96%;
	line-height:1.6em;
	margin:0 0 20px;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	text-transform:none;
}
.productIntro h1 strong {
	font-size:180%;
	text-transform:uppercase;
	display:block;
}

/* Product intro text block */
.productIntro {
	padding:30px 0 0 10px;
	overflow:hidden;
	background:url(/cssImages/preLogin/productTemplate/productIntroGradient.gif) left 32px repeat-x;
	height:100%;
	margin:0 16px;
	position:relative;
}

.productIntroText {
	width:343px;
	float:left;
}
.productIntroText p,.productIntroText ul,.productIntroText ol {
	font-size:80%;
	color:#231F20;
}
.productIntroText p {
	margin-bottom:10px;
}
.productIntroText ul,.productIntroText ol {
	margin-left:0;
	margin-bottom:12px;
}
.productIntroText ul li {
	background:url(/cssImages/preLogin/productTemplate/listIcon_tick.gif) left 4px no-repeat;
	list-style:none;
	padding-left:22px;
	margin-bottom:4px;
}

.productIntroText .hightlightText {
	font-weight:bold;
	color:#7BC043;
	font-size:110%;
	margin-top:14px;
}
.productIntro .lrgButton {
	margin:0 0 28px;
}

/* Product intro link style */
.productIntroText a:link,.productIntroText a:visited {

}
.productIntroText a:hover,.productIntroText a:active,
.productIntroText a:focus {
}

.alignImageRight .mediaContainer { /* Float image right */
	float:right;
}
.alignImageLeft .mediaContainer { /* Float image left */
	float:left;
}

/* Tabbed Navigation */
.tabNav {
	position:relative;
	z-index:4;
	height:100%;
	overflow:hidden;
	margin:0 0 -14px 0;
	padding:0 0 0 4px;
}
.productInformationContainer .tabNav ul {
	margin-bottom:0;
}
.tabNav li,
.productInformationContainer .tabNav ul li {
	background-image:none;
	padding:0;
	margin:0 2px 0 0;
	float:left;
	display:block;
	background:#FFFFFF url(/cssImages/preLogin/productTemplate/tabNav_middle.gif) top left repeat-x;
}
.tabNav a {
	display:block;
	background:url(/cssImages/preLogin/productTemplate/tabNav_left.gif) top left no-repeat;
}
.tabNav span {
	padding:6px 18px;
	display:block;
	background:url(/cssImages/preLogin/productTemplate/tabNav_right.gif) top right no-repeat;
}
#content .tabNav li a:link,#content .tabNav li a:visited,
.tabNav li a:link,.tabNav li a:visited {
	text-decoration:none;
	color:#3F3F3F;
}
#content .tabNav li a:hover,#content .tabNav li a:active,
#content .tabNav li a:focus,
.tabNav li a:hover,.tabNav li a:active,
.tabNav li a:focus {
	text-decoration:underline;
	color:#44840E;
}

.productInformationContainer .tabNav ul .selected {
	background:#F4F5F5 url(/cssImages/preLogin/productTemplate/tabNav_middle_selected.gif) top left repeat-x;
}
.tabNav .selected a {
	background:url(/cssImages/preLogin/productTemplate/tabNav_left_selected.gif) top left no-repeat;
	font-weight:bold;
}
.tabNav .firstTabSelected a {
	background:url(/cssImages/preLogin/productTemplate/tabNav_left_firstTabSelected.gif) top left no-repeat;
	font-weight:bold;
}
#content .tabNav .selected a:link,#content .tabNav .selected a:visited {
	text-decoration:none;
	color:#44840E;
}
#content .tabNav .selected a:hover,#content .tabNav .selected a:active,
#content .tabNav .selected a:focus {
	text-decoration:none;
	color:#44840E;
}
.tabNav .selected a span {
	background:url(/cssImages/preLogin/productTemplate/tabNav_right_selected.gif) top right no-repeat;
	padding-bottom:20px;
}




/* Product Information & Tabbed content */
.tabbedContentContainer {
	padding-bottom:11px;
	background:url(/cssImages/preLogin/productTemplate/tabbedContentBottomGradient.gif) bottom center no-repeat;
}
.tabbedContentContainer_inner {
	background:url(/cssImages/preLogin/productTemplate/tabbedContentTileGradient.gif) top center repeat-y;
	overflow:hidden;
	width:100%;
}
.tabbedContent {
	background:url(/cssImages/preLogin/productTemplate/tabbedContentTopGradient.gif) top center no-repeat;
	margin-bottom:-1px;
	overflow:hidden;
	width:100%;
}
.tab {
	margin:0 32px;
}

.productInformationContainer {
	padding-top:50px;
	background:url(/cssImages/preLogin/productTemplate/productInformationContainerBKG.gif) top left repeat-x;
	margin:0 16px;
}
.productInformationContainer .contentBlockContainer { /* content block wrapper */
	padding:16px 0 40px;
	background:url(/cssImages/preLogin/productTemplate/contentDivider.gif) bottom center no-repeat;
	width:100%;
}
.productInformationContainer .postCodeLookupContainer { /* content block wrapper */
	padding:16px 0 40px;
	background:url(/cssImages/preLogin/productTemplate/contentDivider.gif) top center no-repeat;
	width:100%;
}
.productInformationContainer .contentBlockContainer:after
{
    clear: both;
    content: ".";
    display: block;
    font-size: 0;
    height: 0;
    visibility: hidden;
}

/* full width text container */
.productInformationContainer .contentBlockContainer .textContainer { 
	margin:0;
}

/* if image is right aligned, float text to left */
.productInformationContainer .alignImageRight .textContainer { 
	width:480px;
	float:left;
	padding:0;
	margin:0;
}
.productInformationContainer .alignImageRight .mediaContainer {
	float:left;
	padding-left:30px;
	width:351px;
}

/* if image is left aligned, float text to right */
.productInformationContainer .alignImageLeft .textContainer { 
	width:488px;
	float:right;
	padding:0;
	margin:0;
}
.productInformationContainer .alignImageLeft .mediaContainer {
	float:right;
	width:360px;
}
.productInformationContainer .contentBlockContainer .contentBlockContainer {
	padding:0;
	background-image:none;
	clear:both;
}
.productInformationContainer .contentBlockContainer .alignImageLeft .textContainer { 
	width:720px;
	float:right;
	padding:0;
	margin:0;
}
.productInformationContainer .contentBlockContainer .alignImageLeft .mediaContainer {
	float:left;
	padding-left:0;
	width:110px;
}
*html .productInformationContainer .contentBlockContainer .alignImageLeft .mediaContainer {
	padding-right:15px;
}
.productInformationContainer .contentBlockContainer .contentBlockContainer img {
	padding:0;
}

.productInformationContainer .mediaContainer {
	padding-bottom:0;
}
.productInformationContainer .mediaContainer img {
	padding-top:20px;
}
*html .productInformationContainer .mediaContainer img {
	padding-top:30px;
}

/* Text Block with Thubnail */
.contentBlockWithThumbnail {
	padding-top:20px;
	width:100%;
	overflow:hidden;
}
.contentBlockWithThumbnail .textContainer,
.productInformationContainer .contentBlockWithThumbnail .textContainer {
	width:345px;
	margin:0;
	float:left;
}
.contentBlockWithThumbnail img {
	float:left;
	margin-right:20px;
}

.productInformationContainer .contentBlockWithThumbnail h4 {
	margin-bottom:0;
}

/* Text Block with Thumbnail Full width */
.contentBlockWithThumbnail_fullWidthContainer {
	padding-top:20px;
}
.contentBlockWithThumbnail_fullWidth {
	padding:20px 0 0;
	width:100%;
	overflow:hidden;
}
.contentBlockWithThumbnail_fullWidth .textContainer,
.productInformationContainer .contentBlockWithThumbnail_fullWidth .textContainer,
.productInformationContainer .contentBlockWithThumbnail_fullWidth .alignImageLeft .textContainer {
	width:544px;
	margin:0;
	float:left;
	padding-top:30px;
}

.productInformationContainer .contentBlockWithThumbnail_fullWidth .alignImageLeft .textContainer {
	float:right;
}

.contentBlockWithThumbnail_fullWidth img,
.contentBlockWithThumbnail_fullWidth .alignImageLeft img {
	float:left;
	margin-right:20px;
}

.contentBlockWithThumbnail_fullWidth .alignImageRight img {
	float:right;
}


.productInformationContainer .contentBlockWithThumbnail_fullWidth h2 {
	margin-top:-30px;
}
.productInformationContainer .contentBlockWithThumbnail_fullWidth h5 {
	margin-bottom:0;
}

/* Text Block with tariff table */

/* Tabbed Navigation between tariff tables */
.tariffTabs,
.productInformationContainer .tariffTabs {
	width:100%;
	overflow:hidden;
	margin:0;
	position:relative;
	margin-bottom:-6px;
}
.tariffTabs li,
.productInformationContainer .tariffTabs li {
	background:#F2F3F3 url(/cssImages/preLogin/productTemplate/tariffTab_middle.gif) top left repeat-x;
	float:left;
	display:block;
	padding:0;
	margin:0;
}
.tariffTabs li a,
#content .tariffTabs li a{
	display:block;
	background:url(/cssImages/preLogin/productTemplate/tariffTab_right.gif) top right no-repeat;
	text-decoration:underline;
}
.tariffTabs li a span {
	display:block;
	background:url(/cssImages/preLogin/productTemplate/tariffTab_left.gif) top left no-repeat;
	padding:6px 20px;
}

.tariffTabs .selected,
.productInformationContainer .tariffTabs .selected {
	background:#F2F3F3 url(/cssImages/preLogin/productTemplate/tariffTab_middle_selected.gif) top left repeat-x;
}
.tariffTabs .selected a,
#content .tariffTabs .selected a {
	display:block;
	background:url(/cssImages/preLogin/productTemplate/tariffTab_right_selected.gif) top right no-repeat;
	font-weight:bold;
	color:#44840E;
	text-decoration:underline;
}

.tariffTabs .selected a:link,.tariffTabs .selected a:visited,
#content .tariffTabs .selected a:link,#content .tariffTabs .selected a:visited {
	text-decoration:underline;
	color:#44840E;
}
.tariffTabs .selected a:hover,.tariffTabs .selected a:active,
#content .tariffTabs .selected a:hover,#content .tariffTabs .selected a:active {
	color:#44840E;
	text-decoration:underline;
}

.tariffTabs .selected a span {
	display:block;
	background:url(/cssImages/preLogin/productTemplate/tariffTab_left_selected.gif) top left no-repeat;
	padding:6px 20px 12px;
}


.productInformationContainer .tariffTableWithTabs .textContainer {
	width:518px;
	float:left;
	padding:0;
	margin:0;
}
.tariffTableWithTabs .tariffTableContainer {
	float:right;
	width:362px;
	margin:18px 0;
}
.tariffListsWrapper {
	background:url(/cssImages/preLogin/productTemplate/tariffTable_middle.gif) top left repeat-y;
}
.tariffLists {
	background:url(/cssImages/preLogin/productTemplate/tariffTable_bottom.gif) bottom left no-repeat;
	padding-bottom:10px;
}
.tariffLists_inner {
	background:url(/cssImages/preLogin/productTemplate/tariffTable_top.gif) top left no-repeat;
}

.productInformationContainer .tariffLists h4 {
	margin:0 10px;
	padding:10px 0;
}

.tariffTableContainer dl {
	margin:0 0 14px;
}
.javascript .tariffTableContainer dl {
	padding-top:20px;
}

.tariffTableContainer dt {
	font-weight:bold;
	color:#444445;
	border-bottom:1px solid #E8E9EA;
	padding-bottom:5px;
	margin:0 10px 6px;
	font-size:80%;
}

.tariffTableContainer dd {
	width:100%;
	overflow:hidden;
}

.tariffTable ul li,
.productInformationContainer .tariffTable ul li{
	float:left;
	width:120px;
	display:block;
	padding:0;
	background-image:none;
	text-align:center;
	color:#444445;
}
.tariffTable a:link,.tariffTable a:visited {
	color:#7CC143;
}
.tariffTable a:hover,.tariffTable a:active,
.tariffTable a:focus {
	color:#7CC143;
}

/* Product Steps */
.stepContainer {
	background:#fff url(/cssImages/preLogin/productTemplate/productStepsBKG.gif) top left repeat-x;
	border:1px solid #EFEFEF;
	width:898px;
	position:relative;
	float:left;
	clear:both;
	margin-top:20px;
}
.stepItem {
	float:left;
	width:298px;
}
.stepImage {
	padding:0 0 10px;
	text-align:center;
}
.stepText {
	float:left;
	width:260px;
	padding:0 10px 0;
}
.productInformationContainer .stepContainer h4 {
	font-size:90%;
	margin-bottom:0;
}

/* Step icon 1,2,3 */
#stepOneIcon,#stepTwoIcon,#stepThreeIcon {
	position:absolute;
	z-index:2;
}
#stepOneIcon {
	top:-20px;
	left:-15px;
}
#stepTwoIcon {
	top:-20px;
	left:280px;
}
#stepThreeIcon {
	top:-20px;
	left:580px;
}

/* List item with icon */
.listWithIcon,
.productInformationContainer .listWithIcon {
	background:url(/cssImages/preLogin/productTemplate/productIntroGradient.gif) center left repeat-x;
}
.productInformationContainer .listWithIcon .textContainer {
	width:611px;
	float:right;
	padding:30px 0 0;
	margin:0;
}
.productInformationContainer .listWithIcon .mediaContainer {
	float:left;
	padding-right:30px;
}
.listIntro {
	font-weight:bold;
}
.productInformationContainer .listWithIcon ul {
	float:left;
	padding-right:5px;
}
.productInformationContainer .listWithIcon ul.extendedWidth {
	width:344px;
}

/* Product info text styles */

/* sIFR text replacement */
.sIFR-hasFlash #content .productIntro h1 {
	margin-bottom:0;
}
.sIFR-hasFlash #content .productIntro h1 span {
	font-size:125%;
	line-height:1em;
}
.sIFR-hasFlash #content .productIntro h1 strong {
	font-size:225%;
	height:40px;
}
.sIFR-hasFlash #content .productInformationContainer h2 {
	font-size:220%!important;
	line-height:1em!important;
	padding:0;
	margin:18px 0 30px;
}
.sIFR-hasFlash #content .productInformationContainer 
.contentBlockContainer .contentBlockWithThumbnail_fullWidth h2 {
	font-size:205%!important;
	line-height:1em!important;
	padding:0;
	margin:18px 0 30px;
}

.productInformationContainer h1,
#content .productInformationContainer h1{
	padding:18px 0 30px;
	color:#231F20;
	text-transform:none;
	margin:0;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
}
.productInformationContainer h2 {
	padding:18px 0 30px;
	margin:0;
	color:#231F20;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
}
.productInformationContainer h3 {
	padding-bottom:14px;
	color:#231F20;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
}
.productInformationContainer h4 {
	padding-bottom:10px;
	color:#231F20;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
}
.productInformationContainer h5 {
	padding-bottom:8px;
	color:#231F20;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
}
.textUpperCase {
	text-transform:uppercase;
}
.productInformationContainer h6 {
	padding-bottom:4px;
	color:#231F20;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
}
.productInformationContainer p,.productInformationContainer ul,.productInformationContainer ol {
	color:#231F20;
	font-size:80%;
}
.productInformationContainer ul,.productInformationContainer ol {
	margin-left:0;
	margin-bottom:14px;
}
.productInformationContainer ul li {
	background:url(/cssImages/preLogin/productTemplate/listIcon_tick.gif) left 4px no-repeat;
	list-style:none;
	padding-left:22px;
	margin-bottom:4px;
}
.productInformationContainer p {
	margin-bottom:16px;
}

.productInformationContainer .cta,.javascript .showHideContainer .show {
	background:url(/cssImages/preLogin/productTemplate/icon-dark-green-arrow.gif) center left no-repeat;
	padding-left:12px;
	font-weight:bold;
	clear:both;
	display:block;
}
.showHideContainer .show {
	display:none;
}
.javascript .showHideContainer .open {
	background:url(/cssImages/preLogin/productTemplate/icon-dark-green-arrow_open.gif) center left no-repeat;
}

/* Enlarged Link Button Styles */

.lrgButton {
	font-size:110%!important;
	margin:25px 0;
}
.lrgButton a:link,.lrgButton a:visited,.lrgButton a:hover,.lrgButton a:active {
	height:36px!important;
	background:url(/cssImages/preLogin/productTemplate/lrgBluButton_left.gif) top left no-repeat!important;
	padding-left:37px!important;
	font-weight:normal!important;
}
.lrgButton a:link span,.lrgButton a:visited span,.lrgButton a:hover span,.lrgButton a:active span {
	background:url(/cssImages/preLogin/productTemplate/lrgBluButton_right.gif) top right no-repeat!important;
	padding:10px 14px 12px 4px!important;
}

/* product terms and conditions */
.tandcContainer {
	margin:20px 16px -30px;
}
.tandcContainer .showHideContent {
	width:932px;
}

/*---[ Product Landing Page END ]---*/


/*---[ Generic Item Styles ]---*/

.mainContent .itemFeature , .mainContent .productExtended{
	width:418px;
	clear:both;
	float:left;
	position:relative;
	margin-bottom:28px;
	height:100%;
	background:#F2F8EA url(/cssimages/preLogin/ItemContainer/container_back_418.gif) top center repeat-y;
	}

.mainContent .itemFeature .inner, .mainContent .productExtended .inner {
	background:url(/cssimages/preLogin/ItemContainer/container_top_418.gif) top center no-repeat;
	padding:12px 0 0;
}

.mainContent .itemFeature .details , .mainContent .productExtended .productHeader {
	background:url(/cssimages/preLogin/ItemContainer/container_bottom_418.gif) bottom left no-repeat;
	min-height:100%;
	float:left;
	height:100%;
	width:398px;
	padding:0 10px 12px;
}

.mainContent .inPageHighlight .itemFeature .details img {
    margin: 5px 10px 5px 0px;
}

.mainContent .itemFeature .inner h2,  .mainContent .productExtended .inner h2 {
	color:#44840E;
	background:url(/cssimages/preLogin/item_header_back_gtw_grad.gif) bottom left repeat-x;
	font-size:92.5%;
	padding:4px 8px 8px;
	margin-bottom:6px;
}

.mainContent .itemFeature .inner .icon ,  .mainContent .productExtended .inner  .icon {
	float:right;
	margin:0 2px 0 0;
	text-align:center;
	padding-top:2px;
	position:relative;
	}

.mainContent .productExtended .inner ul {
	width:300px;
}

.mainContent .itemFeature .details ul {
    width:398px;
}

/* 17/01/2010 - Dru NV - Added to allow lists to span within extendable content */
.mainContent .itemFeature .fullContent ul {
	width: auto !important;
}

.mainContent .itemFeature .details ul li {
	background:url(/cssimages/preLogin/icon-blue-arrow.gif) left 7px no-repeat;
	list-style:none;
	padding-left:15px !important; /* 12/01/2010 - Dru @ Nvisage - Added Important flag for edit mode */
}

.mainContent .itemFeature .details  p {
	clear:both;
}

.mainContent .itemGroup {
	clear:both;
	height:100%;
	overflow:hidden;
	padding:0 0 27px;
}

.mainContent .itemGroup .item {
	width:195px;
	float:left;
	background:url(/cssimages/preLogin/ItemContainer/container_back_195.gif) top left repeat-y;
}

.mainContent .itemGroup .first {
	margin:0 27px 0 0;
}

.mainContent .itemGroup .item .inner {
	width:195px;
	background:url(/cssimages/preLogin/ItemContainer/container_top_195.gif) top left no-repeat;
}

.mainContent .itemGroup .item .inner .details {
	width:175px;
	background:url(/cssimages/preLogin/ItemContainer/container_bottom_195.gif) bottom left no-repeat;
	padding:10px;
}

.mainContent .itemGroup .item .inner .details h2 {
	background:url(/cssimages/preLogin/item_header_back_btw_grad.gif) bottom left repeat-x;
	padding:3px 5px 6px;
	font-size:92.5%;
	color:#0F317F;
}

.mainContent .itemGroup .item .inner .details p {
	line-height:1.3em;
}

.mainContent .itemGroup .item .inner .details p.linkButton {
	margin-bottom:0;
}

.mainContent .itemGroup .item .inner .details .icon {
	float:right;
	margin:0;
	text-align:center;
	padding-top:2px;
	position:relative;
	}


/*---[ End of Generic Item Styles ]---*/


/*---[ Generic Page Feature Component ]---*/

.pageFeature {
	width:418px;
	background:url(/cssimages/preLogin/ItemContainer/container_back_418.gif) top left repeat-y;
	margin-bottom:50px;
}

.pageFeature .featureImage {

}

.pageFeature .pageFeatureContent {
	width:418px;
	background:url(/cssimages/preLogin/ItemContainer/container_top_418_alt.gif) top left no-repeat;
}

.pageFeature .pageFeatureContent .inner {
	width:398px;
	background:url(/cssimages/preLogin/ItemContainer/container_bottom_418.gif) bottom left no-repeat;
	padding:10px;
}

.pageFeature .pageFeatureContent .inner h2 {
	font-size:100%;
	background:url(/cssimages/preLogin/item_header_back_btw_grad.gif) bottom left repeat-x;
	padding:3px 7px 10px;
	margin:0 0 10px;
}

.pageFeature .pageFeatureContent .inner .details .icon {
	float:right;
	margin:0 0 5px 15px;
}

.pageFeature .pageFeatureContent .inner .details {
	padding:0 7px;
}

/*---[ End of Generic Page Feature Component ]---*/

/*---[ Generic Content Section ]---*/

.contentSection {
	width:418px;
}

.contentSection h2 {
	border-bottom:1px solid #dfe5db;
	padding-bottom:20px;
}

.contentSection .group h3 {
	font-size:100%;
}

.contentSection .group h3 em {
	font-style:normal;
	color:#44840E;
}


/*---[ End of Generic Content Section ]---*/


/*---[ Generic Sub Content Item ]---*/

.subContent .subContentItem {
	width:193px;
	padding:0;
	margin:0 30px 16px 0;
	background:url(/cssimages/preLogin/ItemContainer/subcontent_back_193.gif) top left repeat-y;
}

.subContentItem .itemContent {
	width:193px;
	background:url(/cssimages/preLogin/ItemContainer/subcontent_top_193.gif) top left no-repeat;
}

.subContentItem .itemContent .inner {
	width:173px;
	background:url(/cssimages/preLogin/ItemContainer/subcontent_bottom_193.gif) bottom left no-repeat;
	padding:10px;
}

.subContentItem .itemContent .inner h3 {
	font-size:109%;
	color:#0F317F;
	margin-bottom:4px;
}

.subContentItem .itemContent .inner .details {
	color:#666;
	line-height:1.1em;
}

.subContentItem .itemContent .inner .details p
{
    margin-bottom: 5px;
}

.subContentItem .itemContent .inner .details .icon {
	float:right;
	margin:0 5px 10px 30px;
}

.subContentItem .itemContent .inner .details .icon.liveChat {
	margin-top:-15px;
	margin-right:10px;
}

.subContentItem .itemContent .inner .details .linkButton {
	margin-top:12px;
	font-size:62.5% !important;
}

.subContentItem .itemContent .inner .details .linkButton a {
	background:url(/cssimages/preLogin/subcontent_button_bob.png) top left no-repeat;
	width:144px;
	padding:0 5px 0 24px;
}

.subContentItem .itemContent .inner .details .linkButton a:hover {
	color:#d1edff !important;
}

#left-panel-dropzone .subContentItem {
    margin-right:0px;
	margin-left:50px;
	background:url(/cssimages/preLogin/ItemContainer/subcontent_back_193.gif) top left repeat-y;
}

/* Sub Content Feature Item styles */

.subContentFeatureItem .itemContent .inner .details .icon {
	display:block !important;
	float:none !important;
	margin:15px 0 10px !important;
	text-align:center;
}


.subContentFeatureItem .itemContent .inner .details ul {
	margin-left:0px;
	padding:4px 0 3px 0;
	}
.subContentFeatureItem .itemContent .inner .details ul li {
	font-size:70%;
	margin:0 0 3px 0;
	padding-left:14px;
	list-style:none;
	background:url(/cssimages/preLogin/rhtHandComponents/linkArrow.gif) left 7px no-repeat;
	}	
	
/* Contact Us Variant */

.subContent .subContentContact,
.subContent .brandGoals {
	background-image:url(/cssimages/preLogin/ItemContainer/container_back_193.gif) !important;
	
	
}

.subContent .subContentContact .itemContent,
.subContent .brandGoals .itemContent {
	background-image:url(/cssimages/preLogin/ItemContainer/container_top_193.gif) !important;
	
}

.subContent .subContentContact .itemContent .inner,
.subContent .brandGoals .itemContent .inner {
	background-image:url(/cssimages/preLogin/ItemContainer/container_bottom_193.gif) !important;
}

.subContent .subContentContact .itemContent .inner .details {
	color:#44840E;
}

.subContent .subContentContact .itemContent .inner .contactNumber {
	font-size:150%;
	font-weight:bold;
	display:block;
}

.subContent .subContentContact .inner dl {
	padding-top:10px;
}

.subContent .subContentContact .inner dt {
	background:url(/cssimages/preLogin/blue_wedge.gif) 2px 6px no-repeat;
	padding:0 0 0 13px;
}

.subContent .subContentContact .inner dt.open {
	background:url(/cssimages/preLogin/blue_wedge_down.gif) 0px 9px no-repeat;
	padding:0 0 0 13px;
}

.subContent .subContentContact .inner dt a {
	font-size:68.75%;
	font-weight:bold;
	color:#0F317F !important;
}

.subContent .subContentContact .inner dd {
	padding-left:13px;
}

.subContent .subContentContact .inner dd p {
	background:url(/cssimages/preLogin/blue_wedge.gif) 2px 6px no-repeat;
	padding:0 0 0 13px;
	margin:3px 0;
}

.subContent .subContentContact .inner dd p.open {
	background:url(/cssimages/preLogin/blue_wedge_down.gif) 0px 9px no-repeat;
	padding:0 0 0 13px;
}

.subContent .subContentContact .inner dd p a {
	color:#0F317F !important;
}

.subContent .subContentContact .inner dd ul {
	list-style:none;
	padding:0;
	margin:0;
	font-size:75%;
	width:147px;
}

.subContent .subContentContact .inner dd ul li {
	padding:0 0 8px 13px;
}

.subContent .subContentContact .inner dd ul li .contactNumber {
	color:#0F317F !important;
	font-size:112.5% !important;
}

/* End of Contact Us Variant */

/*---[ End of Generic Sub Content Item ]---*/


.productFullWidth .productHeader { 
	background:#7DB94D url(/cssimages/preLogin/formHeader_658.gif) top center no-repeat;
	min-height:51px;
	width:658px;
	}
	
.mainContent .product .productHeader {
	background:#7DB94D url(/cssimages/preLogin/productComponents/productComponentTop.jpg) top center no-repeat;
	min-height:35px;
	width:195px;
	}
.mainContent .itemFeature .productHeader, .mainContent .productHeader {
	background:#7DB94D url(/cssimages/preLogin/productComponents/productComponentTop_extended.jpg) top left no-repeat;
	min-height:33px;
	position:relative;
	}
.mainContent .offerComponent .productHeader {
	width:418px;
	background:transparent url(/cssimages/preLogin/productComponents/productComponentTop_extended.gif) top left no-repeat;
	}
.mainContent .offerComponent .productHeader h2, 
.mainContent .offerComponent .productHeader h3 {
	background:#7DB94D url(/cssimages/preLogin/productComponents/productComponentTop_extended.jpg) -2px top no-repeat;
	display:inline-block;
	margin-left:2px;
	margin-right:20px;
	padding-left:8px;
	}
.mainContent .productHeader h2, .mainContent .productHeader h3, 

.productFullWidth h2 { 
	color:#44840E;
	background:url(/cssimages/preLogin/item_header_back_gtw_grad.gif) bottom left repeat-x;
	font-size:92.5%;
	padding:12px 0 6px 8px;
	margin: 0 7px 0 7px;
}
	
		
.mainContent .productHeader h3 {
	margin:0;
	}
.mainContent .product .details {
	background:url(/cssimages/preLogin/productComponents/productComponentBottom.jpg) bottom center no-repeat;
	padding-top:5px;
	min-height:93px;
	float:left;
	padding-bottom:4px;
	}
.mainContent .product .details {
	width:195px;
	}

	
/* product show/hide component */
.fullContent {
	border-top:1px dashed #D6E5CD;
	margin:10px 0 0 0px;
	width:400px;
	padding-top:0px;
	}
.mainContent .fullContent h3, .mainContent .fullContent h4, 
.mainContent .fullContent h5, .fullContent h3 {
	color:#669F46;
	margin-top:10px;
	font-size:98%;
	}
.mainContent .fullContent h4 {
	font-size:90%;
	}
.mainContent .fullContent h5 {
	font-size:84%;
	}
.mainContent .productExtended .details h4 {
	margin:0 10px;
	padding:5px 0 0;
	font-size:75%;
	color:#669F46;
	}
.mainContent .productExtended .details .fullContent h4 {
	/*margin:0 10px;*/
	margin:0;
	}	
.mainContent .product .details p, 
.mainContent .productExtended .details p, .productFullWidth .details p {
	margin:0 10px;
	padding:5px 0;
	line-height:1.6em;
	}
.mainContent .productExtended .details .fullContent p {
	margin:8px 0;
	}
/*-----[ BUTTONS ]-----*/	

/*--[ hyperlink styled like a button... ]--*/
.linkButton {
	width:auto;
	clear:both;
	overflow:hidden;
}
#content .linkButton a:link,#content .linkButton a:visited {
	color:#fff;
	text-decoration:none;
	}
.linkButton a:link,.linkButton a:visited {
	background:transparent url(/cssimages/preLogin/buttonLeft.png) no-repeat scroll left -28px;
	display:block;
	font-weight:bold;
	float:left;
	height:20px;
	padding-left:19px; /* sliding doors padding */
	text-decoration:none;
	}	
.linkButton a:link span,.linkButton a:visited span {
	background:transparent url(/cssimages/preLogin/buttonRight.png) no-repeat right -28px;
	display:block;
	line-height:14px;
	padding:2px 10px 5px 4px;
	}	

.altButtonLink a:link {
	background-image: url(/cssimages/preLogin/broadband/alternateButtonRight.png)!important;
    background-position: bottom right;
    height: 21px;
    padding-right: 8px;
}
.altButtonLink	a:link span, .altButtonLink	a:visited span {
    
    background-image: url(/cssimages/preLogin/broadband/alternateButtonLeft.png)!important;
    background-position: bottom left; 
    padding-left: 21px;
    font-size: 90%;    
}

#content .broadband-content-area .altButtonLink	a:hover {background-position: bottom right!important;}
#content .broadband-content-area .altButtonLink	a:hover span {background-position: bottom left!important;} 
	
/* on hover... */
#content .linkButton a:hover {
	color:#dbeed0;
	text-decoration:none;
	}
.linkButton a:hover {
	background-position:left -28px;
	}	
.linkButton a:hover span {
	background-position:right -28px;
	}	
/* on click... */	
#content .linkButton a:active {
	color:#fff;
	text-decoration:none;
	}
.linkButton a:active {
	background-position:left -55px;
	outline:none; /* hide dotted outline in firefox */
	}	
.linkButton a:active span {
	background-position:right -55px;
	}	

/*--[ form submit button... ]--*/
.formButton, .largeGreenButton {
	background:url(/cssimages/preLogin/buttonLeft.png) bottom left no-repeat;
	display:block;
	height:22px;
	width:20px;
	overflow:visible;
	padding:0;
	cursor:pointer;
	clear:both;
	float:left;
	}
	
.largeGreenButton
{
    background-image: url("/cssimages/preLogin/button_green_on_green_left.gif")!important;
    height:30px;
    width:29px;
    padding-top: 10px;
}
	
.formButton input, .largeGreenButton input {
	background:transparent url(/cssimages/preLogin/buttonRight.png) bottom right no-repeat;
	height:22px;
	width:auto!important;
	overflow:visible;
	color:#fff;
	font-weight:bold;
	margin:0 auto 0 19px!important;
	display:inline;
	border:none 0px!important;
	padding:0px 12px 4px 2px!important;
	cursor:pointer;
	font-size:70%;
	float:left;
	font-family:Tahoma,Arial, Helvetica, sans-serif;
	}	
	
.largeGreenButton input
{
    background-image: url("/cssimages/preLogin/button_green_on_green_right.gif")!important;
    height:30px;
    margin:0 0 0 29px!important;
    font-size:90% !important;
    font-weight: bold;
}
	
/* on hover... */	
.formButton:hover {
	background-position:left -28px;
	}	
.formButton input:hover,.formButton:hover input {
	background-position:right -28px;
	color:#052653;
	}		
/* on click... */	
.formButton:active {
	background-position:left -55px;
	}		
.formButton input:active,.formButton:active input {
	background-position:right -55px;
	}	
		
.mainContent .product p.moreLink {
	padding-top:0;
	margin-top:-2px;
	}
.mainContent .product .moreLink a, .mainContent .productExtended .moreLink a {
	background:transparent url(/cssimages/preLogin/rhtHandComponents/linkArrow.gif) no-repeat center left;
	padding:0 0 0 14px;
	text-decoration:underline;
	}
.product .moreLink a:hover, .productExtended .moreLink a:hover {
	text-decoration:underline;
	}
.landingPage .mainContent p.loginButton {
	margin-bottom:20px;
	float:left;
	width:100%;
	}

.subContent p.loginButton {
	float:left;
	padding-left:6px;
	}
	
.largelinkButton {
	font-size:130%;
}
.largelinkButton a {
	height:33px!important;
	background:url(/cssImages/preLogin/productTemplate/lrgGreenButton_left.gif) top left no-repeat!important;
	padding-left:30px!important;
	font-weight:normal!important;
	
}

.largelinkButton a:link span, .largelinkButton a:visited span {
	background:url(/cssImages/preLogin/productTemplate/lrgGreenButton_right.gif) top right no-repeat!important;
	padding:8px 14px 12px 4px;
	line-height: 15px;
}

/*-----[ BUTTONS END ]-----*/	
	
	
/*---[ Main offer component ]---*/	
.offerImage {
	margin-bottom:-10px;
	}
	
.Inline
{
    display:inline;
}

/* frequently asked questions component - customer service page */
.frequentlyAskedQuestions {
	float:left;
	}
.mainContent .details ul {
	float:left;
	list-style:none;
	margin:8px 0 0;
	padding-bottom:8px;
	display:block;
	}
.landingPage .mainContent .details ul {
	width:390px;
	}
.mainContent .details .showHideContent ul {
	padding-left:0;
	}
.mainContent .details ul li, .mainContent .question ul li {
	background:url(/cssimages/preLogin/rhtHandComponents/linkArrow.gif) left 6px no-repeat;
	list-style:none;
	padding-left:15px !important; /* 12/01/2010 - Dru @ Nvisage - Added Important flag for edit mode */
	}
.mainContent .question ul {
	padding-bottom:8px;
	}

/*---[ Question and Answers component - FAQ page ]---*/	
.freqAskedQ {
	clear:both;
	margin-bottom:10px;
	margin-top:0px;
	background:url(/cssimages/preLogin/ItemContainer/container_back_418.gif) top left repeat-y;
	width:418px;
	}
.freqAskedQ div.topBorder {
	background:url(/cssimages/preLogin/ItemContainer/container_top_418.gif) top left no-repeat;
	width:418px;
	}
.freqAskedQ .topBorder div.FAQcontent {
	background:url(/cssimages/preLogin/ItemContainer/container_bottom_418.gif) bottom left no-repeat;
	width:398px;
	padding:10px;
	}
.freqAskedQ h3 {
	margin:0;
	padding:5px 0 7px 0;
	color:#669f46;
	font-size:90%;
	background:url(/cssimages/preLogin/item_header_back_gtw_grad.gif) bottom left repeat-x;
	}
.freqAskedQ h3.show a {
	background:url(/cssimages/preLogin/closedArrow.gif) 4px 3px no-repeat;
	padding-left:18px;
	color: #44840e !important;
	}
.freqAskedQ h3.open a {
	background:url(/cssimages/preLogin/blue_wedge_down.gif) 4px 6px no-repeat;
	padding-left:18px;
	color: #1b3c78 !important;
	}

.freqAskedQ h3 a {
	text-decoration:none !important;
}
	
.freqAskedQ .sectionQuestions {
	padding:10px 0 0;
	width:398px;
	}

.FAQcontent .question {
	width:auto;
}

.sectionQuestions .questionList {
	width:398px;
	margin:-3px 0 0 0px;
	padding-bottom:6px;
}
.sectionQuestions .questionList .question {
	margin-top:6px;
	padding-bottom:2px;
	display:block;
	height:1%;
	padding-top:5px;
	}
.mainContent .sectionQuestions .questionList .question h4 {
	background:url(/cssimages/preLogin/FAQComponentDetailsTop.gif) top left no-repeat;
	margin:-6px 0 0 0;
	padding:0px 8px 0px 8px;
	font-size:80%;
	font-weight:normal;
	}
.mainContent .sectionQuestions .questionList .question h4 a {
	background:url(/cssimages/preLogin/icon-dark-green-arrow.gif) left 15px no-repeat;
	padding:8px 10px 12px 15px;
	display:block;
	border-bottom:1px dashed #d0e0c2;
	color: #44840e !important;
}
.mainContent .sectionQuestions .questionList .question h4 a:hover, 
.mainContent .sectionQuestions .questionList .question h4.open a {
	text-decoration:underline;
	}
.mainContent .sectionQuestions .questionList .question h4.open a {
	background:url(/cssimages/preLogin/icon-blue-arrow-down.gif) left 14px no-repeat;
	border-bottom:1px dashed #b7c7df;
	color: #1b3c78 !important;
	}
.freqAskedQ h4.showQuestion a {
	background: transparent url(/cssimages/preLogin/rhtHandComponents/closedArrow.gif) no-repeat scroll 0px 5px;
	}
.mainContent .question p {
	margin-left:10px;
	padding-top:8px;
	}
.sectionQuestions .questionList .question .answer {
	margin:0;
	padding:6px 16px 6px 23px;
	/*width:359px;/* /* Dru Nvisage - 12/01/2010 - Removed to render the answer correctly in highlighted mode - was breaking out of the box */
	background:#f0f9fb url(/cssimages/preLogin/faq_inner_bottom.gif) bottom left no-repeat !important;
	}
.mainContent .sectionQuestions .questionList .question .answer p {
	margin:0 auto;
	padding:0 0 6px 0;
	}
	
.mainContent .sectionQuestions .questionList .question h4.open {
	background:#f0f9fb url(/cssimages/preLogin/faq_inner_top.gif) top left no-repeat !important;
}	
	
	
/*---[ Section intro ]---*/	
.sectionIntro {
	width:100%;
	}
#content #contentContainer .mainContent .sectionIntro h2 {
	font-size:110%;
	}
#content #contentContainer .mainContent .sectionIntro {
	border-top:1px solid #dfe5db;
	clear:both;
	padding-top:22px;
	margin-top:12px;
	overflow:hidden;
	height:100%;
	}
	
	
/*---[ subContent component ]---*/
.subContentContainer {
	width:193px;
	padding-bottom:4px;
	background:url(/cssimages/preLogin/rhtHandComponents/rhtHandComponentBottom.gif) bottom center no-repeat;
	margin-bottom:17px;
	margin-right:30px;
	}
.homePage #content .subContent .subContentContainer {
	margin-right:0;
	}
.subContent .subContentContainer .content {
	background:#F2F8EA url(/cssimages/preLogin/rhtHandComponents/rhtHandComponentContent.gif) top center repeat-y;
	padding-top:0px;
	}
.subContentContainer .content .subContentHeader {
	background:url(/cssimages/preLogin/rhtHandComponents/rhtHandComponentTop.gif) top center no-repeat;
	}
.subContentContainer .content .subContentHeader h2 {
	font-size:87.5%;
	line-height:1em;
	color:#669F46;
	margin:0 5px 6px 7px;
	padding-top:6px;
	font-weight:normal;
	}
.subContentContainer h3 {
	color:#1B3C78;
	font-size:80.5%;
	margin:0 6px;
	padding-top:12px;
	padding-bottom:4px;
	}



/*---[ Subcontent Item ]---*/

.subContentItem {
	width:193px;
	background:url(/cssimages/preLogin/ItemContainer/container_back_193.gif) top left repeat-y;
}

.subContentItem .content {
	width:193px;
	background:url(/cssimages/preLogin/ItemContainer/container_top_193.gif) top left no-repeat;
}

.subContentItem .content .inner {
	width:169px;
	padding:12px;
	background:url(/cssimages/preLogin/ItemContainer/container_bottom_193.gif) bottom left no-repeat;
}			

.subContentItem .content .inner h4 {
	color:#669F46;
	font-size:105%;	
}

.subContentItem .content .inner ul {
	list-style:none;
	margin:0;
	padding:5px 0;
	font-size:68.75%;
}

.subContentItem .content .inner ul li {
	padding:3px 0 3px 22px !important;
	background:url(/cssimages/preLogin/green_arrow_twotone_ow.gif) center left no-repeat;
}

.subContentItem .content .inner ul li a strong {
	color:#669F46 !important;
}

.subContentItem .content h5.brandMessage {
	color:#669F46;
	font-size:105%;
	padding:10px 63px 30px 0;
	margin:-5px 0 -25px;
	width:115px;
	position:relative;
}

.subContentItem .content h5.wide 
{
	width:105px;
	
}

/* 16/01/2010 - Dru NV - Adjusted right give image some clearance from the text. */
.subContentItem .content h5.brandMessage img {
	position:absolute;
	right:-10px;
	top:-0px;
}	


/*---[ End of Subcontent Item ]---*/

	
/* show hide content for right hand components */
.subContentContainer .content .details .detailsContent dl dt {
	font-weight:bold;
	font-size:80%;
	margin-left:4px;
	padding-top:4px;
	padding-bottom:2px;
	}
.subContentContainer .content .details .detailsContent dl dd {
	margin:0;
	}
.subContentContainer .content .details .detailsContent dl dd ul {
	list-style:none;
	margin-left:0;
	padding:0;
	}
.subContentContainer .content .details .detailsContent dl dd li {
	padding-bottom:8px;
	margin-bottom:0;
	background-image:none;
	padding-left:12px;
	}
.subContentContainer .content .details .detailsContent dl dd li li {
	font-size:100%;
	}
.subContentContainer .detailsContent .contactNumber {
	display:block;
	font-size:130%;
	font-weight:bold;
	}
	
.detailsContent dt a:link, .detailsContent dt a:visited, .detailsContent dt a:hover {
	text-decoration:none;
	}
	

	
/*---------------------------------------------------------*/
/*---[ 6. Show/Hide styles - contact component and FAQ ]---*/
/*---------------------------------------------------------*/

.subContentContainer .content .details .detailsContent p.subCategoryName {
	padding:0;
	margin:0;
	cursor:pointer;
	padding-left:30px;
	background: transparent url(/cssimages/preLogin/rhtHandComponents/closedArrow.gif) no-repeat scroll 18px 5px;
	}
	
.subContentContainer .content .details .detailsContent p.open {
	background:
 transparent url(/cssimages/preLogin/rhtHandComponents/openArrow.gif) no-repeat scroll 18px 8px!important;
	}
.show, .showQuestion, .subCategoryName {
	cursor:pointer;
	color:#669F46;
	}
.show:hover, .mainContent .showQuestion a:hover {
	color:#1B3C78;
	text-decoration:none;
	}
.subContentContainer .content .details .detailsContent dl dd ul.subCategoryContent {
	}
.subContentContainer .content .details .detailsContent dl dd ul.subCategoryContent li {
	margin:0 0 0 18px;
	}
.mainContent .product .details p.show, .mainContent .productExtended .details p.show, .productFullWidth .details p.show , .mainContent .itemFeature .details p.show {
	float:right;
	background:url(/cssimages/preLogin/closedArrow.gif) center left no-repeat;
	padding-left:14px;
	clear:both;
	}

.itemFeature .details p {
	margin-left: 8px;
	}	
	
.mainContent .product .details p.open, .mainContent .productExtended .details p.open, .productFullWidth .details p.open , .mainContent .itemFeature .details p.open {
	float:right;
	background:url(/cssimages/preLogin/openArrow.gif) center left no-repeat;
	padding-left:14px;
	}
.mainContent .showHideContent, .productFullWidth .showHideContent {
	clear:both;
	}
.subContent .show, .categoryName {
	background:url(/cssimages/preLogin/rhtHandComponents/closedArrow.gif) left 10px no-repeat;
	padding-left:15px;
	cursor:pointer;
	}
.categoryName {
	margin-left:0;
	}
.subContent .open {
	background:url(/cssimages/preLogin/rhtHandComponents/openArrow.gif) left 13px no-repeat;
	}
.subContent p.open {
	background-image:none;
	}
.subContent .showHideContent {
	}
.mainContent .show a:hover {
	text-decoration:none;
	}
.mainContent .details .show a {
	}
	
.open a, .open {
	color:#1B3C78!important;
	text-decoration:none!important;
	}

/*--------------------*/
/*---[ 7. Footer  ]---*/
/*--------------------*/

/* New Footer Styles - UPDATED 21/06/2010 - JB@eqtr */

#footer {
	position:relative;
	float:left;
	width:100%;
	padding:19px 0 0;
	background:url(/cssimages/preLogin/new_footer_brand_bar.gif) top left no-repeat;
	}
 
#footer .footerLinks {
	float:left;
	width:966px;
	padding:20px 15px 0;
	background:#F7F7F7 url(/cssimages/preLogin/new_footer_top_grad.png) top left repeat-x;
 }

 #footer .footerLinks h3 {
	font-size:0.925em;
	font-weight:bold;
	text-transform:uppercase;
	color:#1D579A;
	padding-bottom:15px;
 }
 
#footer .footerLinks .linkRow {
	float:left;
	width:966px;
	margin-bottom:20px;
	background:url(/cssimages/preLogin/new_footer_links_divider.gif) top left repeat-y;
}

#footer .altLinks .oneCol .linkRow {
	background-image:none;
}

#footer .footerLinks .twoCol .linkRow {
	background-position:-644px 0px;
}

#footer .footerLinks .threeCol .linkRow {
	background-position:-483px 0px;
}

#footer .footerLinks .fourCol .linkRow {
	background-position:-322px 0px;
}

#footer .footerLinks .fiveCol .linkRow {
	background-position:-161px 0px;
}

#footer .footerLinks .linkList {
	float:left;
	width:130px;
	padding-right:31px;
}

#footer .footerLinks .linkList h4 {
	font-size:0.75em;
	color:#1D579A;
	line-height:1em;
	padding-bottom:5px;
}

#footer .footerLinks .linkList h4 a {
	color:#1D579A;
	text-decoration:none;
}

#footer .footerLinks .linkList h4 a:hover {
	color:#1D579A;
	text-decoration:none;
}

#footer .footerLinks .linkList ul {
	list-style:none;
	margin:0;
	padding:0;
}

#footer .footerLinks .linkList ul li {
	font-size:0.66em;
	line-height:1.3em;
	padding:0 0 8px 15px;
	background: url("/cssimages/green_footer_link_arrow.gif") no-repeat scroll left 4px transparent;
}

#footer .footerLinks .linkList ul li a {
	color:#4A79AE;
	text-decoration:none;
}

#footer .v3 .linkList ul li a {
	color:#4a79ae;
}

#footer .footerLinks .linkList h4 a:hover,
#footer .footerLinks .linkList ul li a:hover,
#footer .footerLinks .linkList .actionList ul li a:hover,
#footer .footerLinks .linkList .userInfoList ul li a:hover{
	color:#669F46;
	text-decoration:underline;
}

#footer .footerLinks .linkList .actionList,
#footer .footerLinks .linkList .userInfoList {
	margin-top:15px;
}

#footer .footerLinks .linkList .userInfoList ul li {
	font-size:0.6875em;
	padding:0;
	background:none;
	line-height:2em;
}

#footer .footerLinks .linkList .userInfoList ul li a {
	color:#1D579A;
	font-weight:bold;
}

#footer .footerInfo {
	padding:35px 0;
	float:left;
	width:996px;
	background:url(/cssimages/green_footer_bottom.gif) top left no-repeat;
}

#footer h3.logo {
	margin:0;
	padding:0 0 10px;
	float:left;
	}
#footer h3.logo img {
	border:none;
	}

#footer .legalInfo {
	width:75%;
	float:right;
	text-align:right;
	display:inline;
}

#footer .legalInfo p {
	color:#FFF;
	font-size:0.625em;
	line-height:1.5em;
	margin-bottom:0;
}

#footer .legalInfo p a {
	color: #ffffff;
}

#footer .altInfo {
	padding:35px 0;
	float:left;
	width:996px;
	background:url(/cssimages/preLogin/new_footer_box_bottom_v2.gif) top left no-repeat;
}

#footer .altInfo {
	padding:35px 0;
	float:left;
	width:996px;
	background:url(/cssimages/preLogin/new_footer_box_bottom_v2.gif) top left no-repeat;
}

#footer .infoV3 {
	padding:35px 0;
	float:left;
	width:996px;
	background:url(/cssimages/preLogin/new_footer_box_bottom_v3.gif) top left no-repeat;
}


/* End of New Footer Styles - UPDATED 21/06/2010 - JB@eqtr */
	
/*--------------------------------------*/
/*---[ 8. Tariff page (12/05/2009)  ]---*/
/*--------------------------------------*/

#content .gradientOnly { /* new section header style */
	background:url(/cssimages/preLogin/headerGradient_noIcon.jpg) 0 46px no-repeat;
	}
	
.fullWidthContainer p {
	margin:0 0 10px;
	}
.fullWidthContainer .sectionIntro {
	padding-bottom:17px;
	}
	
.tariffContainer {
	margin-top:30px;
	}
	
.fullWidthContainer .formContainer {
	padding-top:4px;
	}
.fullWidthContainer .formContainer .form {
	padding-bottom:4px;
	background:url(/cssimages/preLogin/ItemContainer/container_bottom_658.gif) bottom left no-repeat;
	}
		
.productFullWidth {
	padding-bottom:4px;
	background:url(/cssimages/preLogin/ItemContainer/container_bottom_658.gif) bottom left no-repeat;    }

.productFullWidth .details{
	overflow:hidden;
    }
.productFullWidth { 
	margin: 25px 0 10px 0;
    }
		
.fullWidthContainer .form fieldset {
	padding:11px 15px;
	}
	
.form label {
	font-size:70%;
	}
.form fieldset {
	border:none;
	}
.form .error {
	font-size:70%;
	display:block;
	clear:both;
	color:red;
}
.form .longError 
{
	font-size:70%;
	display:block;
	clear:both;
	color:red;
	width: 100%;
	margin-left: 10px;
}
.form .longError a
{
	color:red !important;
	font-weight:bold;
}
.form .formElements {
	margin: 0 0 10px 0;
	overflow:hidden;
	height:100%;
}
.form .formElements input, .form .formElements select {
	border:1px solid #ababab;
	margin: 0 0 10px 0;
	color:#666666;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

.form .formElements input {
	padding:2px;
	}
	
.form .formElements input:focus {
	border:1px solid #70C41D;
	}	
	
.form .formElements select {
	width:90px;
	}

.formElements .postCode {
	width:60px;
	margin-right:10px;
	}
.registrationPersonal .formElements label {
    min-width: 225px;
}
.formElements span {
	width: 200px;
	
}
.form .formElements .noBorder input {
  border: none;
}
/** fix radio button text in Check Suitability and Electric Vehicle Enquiry **/
#checkSuitability .formElements #productLabel, #electricVehicleEnquiry .formElements #productLabel
{
  float:left;
  margin-right:20px;
}
#checkSuitability .formElements span label, #electricVehicleEnquiry .formElements span label { 
	font-size: 1.1em;
	padding-right: 10px;
	position: relative;
	top: -2px;
	width: 350px;
}
#signupCheckbox span { /** WM.30.11.09 To fix font size issue within span tag **/
	font-size: 1em;
	margin: 0 0 0 18px;
}

.ourPricesContent .formElements label {
	display:block;
	color:#669F46;
	font-weight:bold;
	font-size:80%;
	padding-bottom:10px;
	width: 260px;
	float:left;
	}
.ourPricesContent .instruction {
	float:left;
	margin:-10px 30px 0 0;
	}
		
.ourPricesContent .smallPrint {
	float:none;
	text-align:left;
	display:block;
	margin:6px 0 0 3px;
	}
	
.productPrices .showHideContent {
	width:634px;
	}
.productPrices .details .fullContent {
	overflow:hidden;
	height:100%;
	width:634px;
	margin:0;
	}
.productPrices .details .fullContent p {
	margin:0;
	}
.formSubmit {
	overflow:hidden;
	height:100%;
	margin-bottom:8px;
	}
	.formSubmit .submitButton {
		margin-top:0;
		}
	.formSubmit .submitButton input {
		border:none;
		}
		
/*---[ Results/Summary Box ]---*/

.resultsSummary {
	width:658px;
	background:url(/cssimages/preLogin/results_summary_back.gif) top left repeat-y;
}

.resultsSummary .resultsContent {
	width:658px;
	background:url(/cssimages/preLogin/results_summary_top.gif) top left no-repeat;
}

.resultsSummary .resultsContent .results {
	width:628px;
	background:url(/cssimages/preLogin/results_summary_bottom.gif) bottom left no-repeat;
	padding:18px 16px;
}

.resultsSummary p {
	margin:0;
	color:#0f317f;
	font-weight:bold;
	font-size:80%;
	}
.resultsSummary p span {
	color:#0f317f;
	margin-left:10px;
	font-size:120%;
}
		
/* tariff table style */

.tariffContainer {
	width:658px;
	background:url(/cssimages/preLogin/ItemContainer/container_back_658.gif) top left repeat-y;
	float:left;
}

.tariffContainer .productPrices {
	width:658px;
	background:url(/cssimages/preLogin/ItemContainer/container_top_658.gif) top left no-repeat;
	float:left;
}

.tariffContainer .productPrices .inner {
	width:634px;
	background:url(/cssimages/preLogin/ItemContainer/container_bottom_658.gif) bottom left no-repeat;
	float:left;
	padding:12px;
}

.tariffContainer .productPrices .inner h2 {
	color:#44840E;
	background:url(/cssimages/preLogin/item_header_back_gtw_grad.gif) bottom left repeat-x;
	font-size:92.5%;
	padding:4px 6px 8px;
	margin-bottom:6px;
}

.tariffContainer .productPrices .inner .intro {
	padding:0 6px;
}

.tariffContainer .productPrices .inner .show {
	text-align:right;
	padding:0 6px;
	float:right;
	width:auto;
}

.tariffContainer .productPrices .inner .show {
	background:url(/cssimages/preLogin/show_open.gif) left 8px no-repeat;
	padding:0 6px 0 12px;
	color:#44840E !important;
}

.tariffContainer .productPrices .inner .show.open {
	background:url(/cssimages/preLogin/show_close.gif) left 7px no-repeat;
	padding:0 6px 0 12px;
	color:#44840E !important;
}

.tariffContainer .productPrices .inner a
{    
    height: 27px;    
}

.tariffContainer .productPrices .inner .show:hover,
.tariffContainer .productPrices .inner .show.open:hover {
	color:#1B3C78 !important;
}

.tariffContainer .productPrices .fullContent {
	clear:both;
}



.tariffContainer .linkButton {
	float:right;
	}
	
.tariffContainer table {
	text-align:left;
	font-size:70%;
	width:634px;
	margin-top:20px;
	margin-bottom:-8px;
	}
.tariffContainer table th {
	vertical-align:top;
	border-left:1px solid #44840e;
	border-top:1px solid #44840e;
	}
.tariffContainer table td {
	background:#fff;
	padding:2px 0;
	}
	
.tariffContainer table h3 {
	margin-top:0;
	padding:2px 0;
	color:#1B3C78;
	font-size:110%;
	}
.tariffContainer table h4 {
	padding:2px 0;
	font-size:110%;
	}
.tariffContainer table .first {
	padding:3px 3px 3px 8px;
	color:#1B3C78;
	}
.tariffContainer .fullLengthHeader_standard {
	}
.tariffContainer .sectionHeader td {
	background:#44840e url(/cssimages/preLogin/tariffTable/section_top_right.gif) top right no-repeat;
	padding:0;
	border-right:none;
	}
.tariffContainer .sectionHeader h4 {
	color:#fff;
	padding-left:5px;
	background:url(/cssimages/preLogin/tariffTable/section_top_left.gif) top left no-repeat;
	}
	
.tariffContainer .sectionHeader td {
	background:#44840e url(/cssimages/preLogin/tariffTable/section_top_right.gif) top right no-repeat;
	padding:0;
	border-right:none;
	}
.tariffContainer .sectionHeader h4 {
	color:#fff;
	padding-left:5px;
	background:url(/cssimages/preLogin/tariffTable/section_top_left.gif) top left no-repeat;
	}
		
.tariffContainer .firstHeader td {
	background:#44840e url(/cssimages/preLogin/tariffTable/section_top_right_first.gif) top right no-repeat;
	}
.tariffContainer .firstHeader h4 {
	background:url(/cssimages/preLogin/tariffTable/section_top_left_first.gif) top left no-repeat;
	}

.tariffContainer tr td {
		border-bottom:1px solid #44840e;
		border-right:1px solid #44840e;
}

.tariffContainer tr.units td {
	border-bottom:none;
}
	
.tariffContainer tr td.first {
	background:url(/cssimages/preLogin/tariffTable/first_cell_back.gif) top left repeat-y;
}

.tariffContainer tr td.last {
	background:url(/cssimages/preLogin/tariffTable/last_cell_back.gif) top right repeat-y;
}	
		
.tariffContainer .firstRow {
}
.tariffContainer .firstRow td {
	border-bottom:1px solid #44840e;
	border-right:1px solid #44840e;
	}
.tariffContainer .firstRow .first {
	background:#fff url(/cssimages/preLogin/tariffTable/top_left_cell_back.gif) top left no-repeat;
	}
.tariffContainer .firstRow .last {
	background:#fff url(/cssimages/preLogin/tariffTable/top_right_cell_back.gif) top right no-repeat;
	border-right:none;
	}
		
.tariffContainer .lastRow {
	}
.tariffContainer .lastRow td {
	border-right:1px solid #44840e;
	}
.tariffContainer .lastRow .first {
	background:#fff url(/cssimages/preLogin/tariffTable/bottom_left_cell_back.gif) bottom left no-repeat;
	}
.tariffContainer .lastRow .last {
	background:#fff url(/cssimages/preLogin/tariffTable/bottom_right_cell_back.gif) bottom right no-repeat;
	border-right:none;
	}
.tariffContainer table .empty td {
	padding:0 0 0px 3px;
	height:20px;
	background:transparent url(/cssimages/preLogin/tariffTable/table_bottom_back.gif) top center no-repeat;
	border:none;
	}
.tariffContainer .units td {
	border-left:1px solid #44840e;
	}
.tariffContainer .units td.noBorder {
	border:none;
	}
.tariffContainer .units td.last {
	background:none;
}

.tariffContainer .units td.span {
	border-right:none;
}

.tariffContainer table tr.tableHeadings th.first {
	background:url(/cssimages/preLogin/tariffTable/table_header_left.gif) top left no-repeat;
	border:none;
}

.tariffContainer table tr.tableHeadings th.last{
	background:url(/cssimages/preLogin/tariffTable/table_header_right.gif) top right no-repeat;
	border-top:none;
	border-right:none;
}

.tariffContainer table th.last, .tariffContainer .units td.last {
	border-right:1px solid #44840e;
	}
.tariffContainer table th, .tariffContainer table td {
	padding-left:5px;
	}
.ecoProductImage {
	margin: 10px;
	}
.detailsImage {
	margin: 10px;
	}


.energyImage {margin-bottom: 10px; margin-left: 15px;}


/*---[ Sitemap layout ]---*/
.siteMap .last {
	}
.col {
	float:left;
	margin-right:20px;
	}
.siteMap .last { /* last column */
	margin-right:0;
	}		
.siteMap {
	padding:0 31px 0 14px;
	margin-left: 20px;
	}
.fullWidthContainer .siteMap {
	padding:0;
	margin-top:3px;
	}		
.siteMap ul {
	border-top:1px solid #8899B9;
	font-size:85%;
	list-style:none;
	padding-top:3px;
	margin-bottom:12px;
	}
.fullWidthContainer .siteMap ul {
	width:202px;
	}	
.fullWidthContainer .siteMap ul ul {
	width:auto;
	}				
.siteMap li {
    
	}	
.siteMap ul li {
	font-weight:bold;
	margin:0 0 0 0;
	padding-top:0px;
	padding-bottom: 5px;
	}	
.siteMap ul li ul li a {
    
	padding-left:0px;
	}	
.siteMap ul li ul {
	border:none;
	font-size:98%;
    list-style:square outside none;
    list-style-image:url(/cssimages/preLogin/siteMapListBkg.gif);
    padding-left: 10px;
	}			
.siteMap ul li ul li {
	font-weight:400!important;
	}
.siteMap ul li ul li,.siteMap ul li ul li ul li {
	font-weight:normal;
	border:none;
	padding:0 0 0 0;
	margin-bottom:0;
	}			
.siteMap ul li ul li ul {
	border:none;
	margin-left:-5px;
	margin-bottom:6px;
	font-size:85%;
	}	
.siteMap ul li ul li ul li {
	font-weight:normal!important;
	}	
.siteMap a:link,.siteMap a:visited {
	text-decoration:none!important;
	color:#1B3C78;
	}
.siteMap a:hover,.siteMap a:active {
    text-decoration:underline;
	color:#669F46;
	}		
	
/*---[ Search results layout ]---*/				
.searchResults {
	overflow:hidden;
	}
.searchPaging {
	background-color:#F2F8EA;
	padding:2px;
	}	
.mainContent .searchPaging p,.searchPaging p {
	font-size:75%;
	margin-bottom:0;
	}		
.searchResults dl {
	margin:0;
	}	
.mainContent .searchResults dt,.searchResults dt {
	margin-top:22px;
	}	
.mainContent .searchResults dt a,.searchResults dt a {
	text-decoration:underline;
	}	
.mainContent .searchResults dd,.searchResults dd {
	margin:4px 0 32px 0;
	}	
.mainContent .searchResults dd p,.searchResults dd p {
	margin:0;
	}
span.pdf {
	text-indent:-5000px;
	overflow:hidden;
	display:block;
	float:left;
	background:url(/cssimages/preLogin/PDF.png) left 3px no-repeat;
	padding:4px 0 0 25px;
	}	
.searchLinks span {
	margin:0 10px;
	color:#1B3C78;
	}		
.searchResults a:link,.searchResults a:visited {
	color:#669F46;
	text-decoration:none;
	}
.searchResults a:hover,.searchResults a.selected {
	color:#1B3C78;
	text-decoration:underline;
	}  
	
/*---[ Emergency Numbers layout ]---*/	
.emergencyNumbers {
	padding-top:10px;
	}	
	
	
.emergencyNumbers ol {
	margin:18px 0 0 0;
	list-style:none;
	padding-bottom:20px;
	color:#1B3C78;
	padding:0 20px;
	font-size:70%;
	float:left;
	width:auto;
	display:block;
	height:100%;
	}
.emergencyNumbers li {
	padding-bottom:7px;
	}	
.emergencyNumbers li img {
	margin-top:3px;
	position:relative;
	width:auto;
	float:left;
	display:block;
	margin-right:4px;
	}	
	
.emergencyNumbers .imgMap {
	float:right;
	margin:0 30px 10px 0;
	}	
	
.gasHelpline .contactNumber {
	padding-top:8px;
	}	
	
	/* nvisage mods */
	
	.banners .homeTopNarrow  
{
	float:right;
	width:281px;
	
}	

/** SSE_Components Incorporated 23-11-09 - Wolfie McMullan **/
/** sse_components.css **/

/* Quick Links Styling */

.linkPanelBigLink ul li {
  color : #1C5899;
  font-family : Arial, Helvetica, Sans-Serif;
  font-size: 80%;
  line-height: 15px;
  list-style-image: url(/uploadedImages/CoreMarketingSites/Assets/Icons/BulletArrow.png);
  /* list-style-image: url(/Images/BulletArrow.png); */
  margin: 0 0 0 30px;
  padding: 4px 0 0;
  width: 143px;
 }

#MainPanelCentreTop {
  -moz-background-clip: border;
  -moz-background-inline-policy: continuous;
  -moz-background-origin: padding;
  background: transparent url(/uploadedImages/CoreMarketingSites/Assets/Images/LinkPanelBig.jpg) no-repeat scroll left top;
  /* background: transparent url(/Images/LinkPanelBig.jpg) no-repeat; */
  height: 114px;
  padding: 65px 0 0;
  width: 183px;
  }
 
.linkPanelBigLink ul li a {
  color: #1C5899;
  text-decoration: underline;
  }
  
div.formBox label, #productChooser label, .productChooser label, #whoSupplies label, #pricePlan label {
  color:#333333;
  display:block;
  font-size:80%;
  margin-bottom:10px;
  }

.form a {
	font-size:70%;
}

.form .formElements a {
	font-size: 100%;
}

/* form normal text */
.form span {
	font-size:70%;
}

/* This fixes the issue with a label inside a span on a form
doubling up the 70% text size */
.form .formElements table span label{
    font-size: 100%;
}

/* mandatory field marker */
.mandatory, .mandatoryCheckBox {
	clear:both;
	color:red;
}

.mandatory span, .mandatoryCheckBox span {
	font-size:1em;
}

.form .mandatory {
	position:absolute;
	}

/* form checkboxes */
.form .formCheckbox {
	font-size:100%;
	}

/* Remove border from radio buttons */
.form .formElements td input {
	border: 0px;
	margin-right: 5px;
	margin-left: 7px;
	}

.form .formElements input {
	margin-right: 5px;
	}

.form .formElements td label {
	margin-right:10px;
	}

/* override Equator's form select width setting */
.form .formElements select {
	width:auto;
	
	}

.form .formElements .signupSelect {
	width:69px;
	}

.form ul{
	list-style-type: none;
	}

.form h2
{
	color: #809fbc;
	font-size: 100%;
}

.form h3
{
	font-size: 85%;
}

.form h4
{
	color: #809fbc;
	font-size: 125%;
	font-weight:bold;
}

.question, .formElements .question 
{
	margin-left: 10px;
	margin-right:15px;
	min-width: 200px!important;
	width: 200px;
	color:#669F46;
	font-weight:bold;
	font-size:80%;
	padding-bottom:1px;
	display:inline-block;
	}	
	
.talksignup
{
	display:inline !important;
	border:0 !important;
	margin:0 !important;
	border-spacing:0 !important;
}

.formElements textarea {
	margin-left: 10px;
}

.greenText {
	font-weight:bold;
	font-size:120%;
	padding-bottom:1px;
    }	

/* formcontent is a copy of ourPricesContent, renamed - updated WM.23.11.09 */

.formContent .instruction {
	float:left;
	margin:-10px 30px 0 0;
	font-size:70%;
	}

.formContent .smallPrint {
	float:none;
	text-align:left;
	display:block;
	margin:6px 0 0 3px;
	}
	
.formTermsAndConditions	{
	padding: 5px 5px 10px 5px; 
	margin: 0 0 5px 0;
    overflow: auto;  
    height: 218px; 
    line-height: normal;
    border: 1px solid #73ae31;
	}

/**
.blockFullWidth {
	width: 634px;
	background-color: transparent;
	background-image: url(/cssimages/preLogin/ItemContainer/container_bottom_658.gif);
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: left bottom;
	float: left;
	padding: 12px;
	
} **/

.blockFullWidth {
	width:658px;
	background:url(/cssimages/preLogin/ItemContainer/container_back_658.gif) top left repeat-y;
	float:left;
	margin: 10px 0 10px 0;
	
}

.blockFullWidth .details {
	background-color: transparent;
	/** background-image: url(/cssimages/preLogin/productComponentBottom_fullWidth.jpg); **/
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: left bottom;
	height: 100%;
	padding-top: 11px;
	padding-right: 15px;
	padding-bottom: 11px;
	padding-left: 15px;
	overflow-x: hidden;
	overflow-y: hidden;
	}

.blockFullWidth .details span {
	margin-top: 0pt;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 11px;
	padding-left: 0pt;
	line-height: 1.6em;
	font-size: 70%;
	}

/* Header block for information and form content - updated WM.23.11.09 */ 
.blockHeader {
	min-height:51px;
	width:658px;
	}

.blockHeader h2 {
	color:#44840E;
	background:url(/cssimages/preLogin/item_header_back_gtw_grad.gif) bottom left repeat-x;
	font-size:92.5%;
	padding:12px 0 6px 8px;
	margin: 0 7px 0 7px;
}

/* set gap between a form and following content */
.fullWidthContainer .formContainer .form {
	border-bottom:40px;
	}

/* used only on OurPrices.aspx instead of .fullContent as show/hide isn't working */
.ourPricesFullContentElectric, .ourPricesFullContentGas, .ourPricesFullContentEcomonySeven {

	margin:10px 0 0 10px;
	width:640px;
	padding-top:0px;
	}

/* Our Prices results header column wdith settings */
.ourPricesFullContentGas #ctl00_ContentPlaceholder_ourPrice_resultsStandardGas_pricePackageHeader 
{
	width: 191px;
}

.ourPricesFullContentGas #ctl00_ContentPlaceholder_ourPrice_resultsStandardGas_rateAHeader 
{
	width: 126px;
}

.ourPricesFullContentGas #ctl00_ContentPlaceholder_ourPrice_resultsStandardGas_ceilingHeader 
{
	width: 48px;
}

.ourPricesFullContentGas #ctl00_ContentPlaceholder_ourPrice_resultsStandardGas_rateBHeader 
{
	width: 126px;
}

.ourPricesFullContentElectric #ctl00_ContentPlaceholder_ourPrice_resultsStandardElectricity_pricePackageHeader 
{
	width: 182px;
}

.ourPricesFullContentElectric #ctl00_ContentPlaceholder_ourPrice_resultsStandardElectricity_rateAHeader 
{
	width: 146px;
}

.ourPricesFullContentElectric #ctl00_ContentPlaceholder_ourPrice_resultsStandardElectricity_ceilingHeader 
{
	width: 30px;
}

.ourPricesFullContentElectric #ctl00_ContentPlaceholder_ourPrice_resultsStandardElectricity_rateBHeader 
{
	width: 149px;
}

.ourPricesFullContentEcomonySeven #ctl00_ContentPlaceholder_ourPrice_resultsEconomy7_pricePackageHeader 
{
	width: 153px;
}

.ourPricesFullContentEcomonySeven #ctl00_ContentPlaceholder_ourPrice_resultsEconomy7_rateAHeader 
{
	width: 144px;
}

.ourPricesFullContentEcomonySeven #ctl00_ContentPlaceholder_ourPrice_resultsEconomy7_ceilingHeader 
{
	width: 30px;
}

.ourPricesFullContentEcomonySeven #ctl00_ContentPlaceholder_ourPrice_resultsEconomy7_rateBHeader 
{
	width: 146px;
}

.ourPricesFullContentEcomonySeven #ctl00_ContentPlaceholder_ourPrice_resultsEconomy7_nightRateHeader 
{
	width: 124px;
}
/* End of Our Prices header column settings */

/* Submit Button to appear on right-hand side of form */
.buttonRight {
	float:right;
	}

/*-- Form Back Button --*/		
.backButton, .backButton input {
}
.backButton {
	padding:0 8px 0 0;
	margin: 0 0 0 20px;
	background:url(/cssimages/preLogin/buttonRight.png) right no-repeat;
	height:22px;
	float:left;
}

.backButton input, .backButton button {
	background:url(/cssimages/preLogin/buttonRightArrow.png) left no-repeat;
	cursor:pointer;
	border:none;
	padding:1px 0 4px 19px;
	margin: 0 0 0 -10px;
	font-weight:bold;
	color:#FFF;
	height:22px;
	overflow:visible;
	font-size:72%;
	}
.backButton input:hover, .backButton button:hover {
	color:#052653;
}

.helpImage {
	background:url(/cssimages/preLogin/buttonLeft_back.png) top left no-repeat;
	}

/* Energy Efficiency Survey */
.energyEfficiencySection
{
    margin-bottom: 20px;
    clear: both;
}

.energyEfficiencySection h3, .energyEfficiencySection h4
{
	color:#809FBC;
	margin:0;
	display:block;
	margin: 10px 0px 10px 0px;
}

.energyEfficiencySection ol
{
    margin: 5px 0 5px 19px;
}

.energyEfficiencySection li
{
    font-size: 80%;
    margin-bottom: 5px;
}

.energyEfficiencySection a
{
    font-size: 100%;
}

.insulationSection
{
    background: #e5efd7;
    border: 1px solid #d7e7c0;
    padding: 5px 10px 5px 10px;
    margin: 15px 0 10px 0;
}

.recommendationSection
{
    margin: 10px 0 20px 0;
}

.ratingSection
{
    border: 2px solid #b0d235; 
    background: #fff;
    padding: 5px 10px 5px 10px;
    margin: 10px 0 10px 0;
}

.ratingWrapper
{
    clear: both;
    float: left;
    display: block;
}

.rating
{
    margin: 8px 20px 10px 0;
    float: left;
    font-size: 90%;
}

.ratingG 
{
    background-color: #ed1b24;
    font-size: 150% !important;
    color: White !important;
    font-weight: bold !important;
    padding: 2px 3px 2px 10px !important;
    float: left;
    width: 25px;
}

.ratingF 
{
    background-color: #f48222;
    font-size: 150% !important;
    color: White !important;
    font-weight: bold !important;
    padding: 2px 3px 2px 10px !important;
    float: left;
    width: 25px;
}

.ratingE 
{
    background-color: #faad65;
    font-size: 150% !important;
    color: White !important;
    font-weight: bold !important;
    padding: 2px 3px 2px 10px !important;
    float: left;
    width: 25px;
}

.ratingD 
{
    background-color: #fdcb08;
    font-size: 150% !important;
    color: White !important;
    font-weight: bold !important;
    padding: 2px 3px 2px 10px !important;
    float: left;
    width: 25px;
}

.ratingC 
{
    background-color: #91c53f;
    font-size: 150% !important;
    color: White !important;
    font-weight: bold !important;
    padding: 2px 3px 2px 10px !important;
    float: left;
    width: 25px;
}

.ratingB 
{
    background-color: #18b358;
    font-size: 150% !important;
    color: White !important;
    font-weight: bold !important;
    padding: 2px 3px 2px 10px !important;
    float: left;
    width: 25px;
}

.ratingA 
{
    background-color: #009243;
    font-size: 150% !important;
    color: White !important;
    font-weight: bold !important;
    padding: 2px 3px 2px 10px !important;
    float: left;
    width: 25px;
}

.ratingDescription
{
    clear: both;
    display: block;
    font-size: 100%;
}

/* Smart form suvery styling */

.surveyLabel {
color:#669F46;
display:inline-block;
font-size:120%;
font-weight:bold;
margin-left:10px;
margin-right:15px;
padding-bottom:1px;
padding-bottom:8px;
}

/* Apply online form grid view - step 2 */
.gridViewContainer {
	margin-top:30px;
	}

.gridViewContainer .applyButton {	
	float:right;
	}

.gridViewContainer table {
	text-align:left;
	font-size:70%;
	width:100%;
	margin-top:20px;
	margin-bottom:-8px;
	background:#fff;
	border:1px solid #A2D413;
	}

.gridViewContainer a {
	font-size:100%;
	}

.gridViewContainer table th {
	vertical-align:top;
	margin-top:0;
	padding:2px 0;
	color:#1B3C78;
	font-size:110%;
	padding:2px 0 0px 5px;
	}

.gridViewContainer table td {
	padding:2px 0 0px 5px;
	}
	
/* Web Chat */
#contentMain {
background:transparent url(/images/webChat/containerbg.gif) repeat-y scroll 0 0;
padding: 10px;
}
#contenttop {
background:transparent url(/images/webChat/containertop.gif) no-repeat scroll 0 0;
height:12px;
margin-left:-1px;
width:420px;
}
#contentbottom {
background:transparent url(/images/webChat/containerbottom.gif) no-repeat scroll 0 0;
height:12px;
margin-left:-1px;
width:420px;
}
#chatHeader {
background:transparent url(/images/webChat/HeaderBg.png) no-repeat scroll 0 10px;
color:#7FC539 !important;
padding-top:15px !important;
padding-left:15px !important;
width:250px;
}
#startChat {
background:transparent url(/images/webChat/dropbg.png) no-repeat scroll 0 0;
height:51px;
margin-left:-2px !important;
margin-top:30px !important;
width:410px;
}

.ChatSubjectDropDown {
margin-left:10px !important;
margin-top:15px !important;
}

.StartChatButton {
padding-bottom:3px !important;
padding-left: 0 !important;
display: inline; 
}

#WebChatIntroPanel {
background:transparent url(/images/webChat/splashbody.png) no-repeat scroll 0 0;
height:365px;
margin-left:-2px;
margin-top:5px;
padding-top:75px;
width:411px;
}
#IntroLabelTop {
background:transparent url(/images/webChat/introlabeltop.png) no-repeat scroll 0 0;
display:block;
height:15px;
margin-bottom:-5px;
margin-left:60px;
width:324px;
}
#MrSwoosh {
background:transparent url(/images/webChat/introlabelimage.png) no-repeat scroll 0 0;
display:block;
height:52px;
margin-left:11px;
position:absolute;
width:52px;
}
#WebChatIntroLabel {
background:transparent url(/images/webChat/introlabelbg.png) repeat-y scroll 0 0;
color:#0C176B;
display:block;
font-size:medium;
font-weight:bold;
margin-left:60px;
min-height:35px;
padding-left:10px;
width:315px;
}
#WebChatIntroLabel p {
color:#0C176B;
font-size:medium;
font-weight:bold;
margin:0;
padding:5px;
}
#IntroLabelBottom {
background:transparent url(/images/webChat/introlabelbottom.png) no-repeat scroll 0 0;
display:block;
height:20px;
margin-left:60px;
width:324px;
}
#TranscriptPanel {
background:transparent url(/images/webChat/chatpanel.png) no-repeat scroll 0 0;
height:240px;
margin-left:-3px;
margin-top:5px;
padding-top:5px;
width:411px;
}
#chatMessageLabels {
display:block;
height:32px;
margin-left:12px;
padding-bottom:3px;
}
.chatMessageLabel {
color:#0C176B;
font-size:smaller;
}

/* added 19.08.09 for margin to align label*/
.typeChatMessageLabel {
color:#0C176B;
font-size:smaller;
padding: 10px 0 0 10px;

}

#ctl00_MainContent_WebChat_TranscriptPanel {
background-color:#FFFFFF;
border-color:#428DF0 #C0D9FC #C0D9FC #428DF0;
border-style:groove solid solid groove;
border-width:2px;
height:180px;
margin-left:10px;
width:385px;
}

#agent {
min-height:30px;
width:100%;
}

.agentAvatar {
float:left;
height:23px;
margin-left:7px;
margin-top:2px;
width:20px;
background:transparent url(/Images/webChat/agentavatar.png) no-repeat scroll 0 0;
}

.agentText {
color:#345077;
float:left;
font-size:small;
margin-bottom:5px;
margin-left:13px;
margin-top:3px;
padding-bottom:5px;
padding-left:10px;
width:314px;
}

#customer {
min-height:30px;
width:100%;
}

.customerAvatar {
float:left;
height:24px;
margin-left:7px;
margin-top:2px;
width:19px;
background:transparent url(/Images/webChat/customeravatar.png) no-repeat scroll 0 0;
}

.customerText {
background-color:#D7EA8F;
color:#428DF0;
float:left;
font-size:small;
margin-bottom:5px;
margin-left:13px;
margin-top:3px;
padding-bottom:5px;
padding-left:10px;
width:314px;
}

.infoText {
display:block;
font-size:small;
font-style:italic;
color:#000000;
margin-left:10px;
}

#customerMessageInputBox {
background:transparent url(/images/webChat/inputpanel.png) no-repeat scroll 0 0;
height:180px;
margin-left:-3px;
margin-top:5px;
width:411px;
}

#ctl00_MainContent_WebChat_TypeHere {
color:#0C176B;
display:block;
font-size:smaller;
margin-left:12px;
padding-top:10px;
}

.MessageToSend {
background-color:#FFFFFF;
border-color:#428DF0 #C0D9FC #C0D9FC #428DF0;
border-style:groove solid solid groove;
border-width:2px;
color:#428DF0;
height:90px;
margin-left:10px;
margin-top:5px;
width:385px;
}

.EndChatButton {
background:transparent url(/images/webChat/stopchat.png) no-repeat scroll 0 0 !important;
border:medium none;
color:#FFFFFF;
float:right;
font-weight:bold;
height:30px;
margin-right:14px;
margin-top:5px;
padding-bottom:3px;
padding-left:25px;
width:106px;
cursor: pointer;
}

.EndChatButton:hover {
background:transparent url(/images/webChat/stopchat_hover.png) no-repeat scroll 0 0 !important;
}

#SendMessageButton {
float:left;
margin-left:10px;
margin-top:5px;
padding-bottom:3px;
padding-left:25px;
}

.greenbutton {
background:transparent url(/images/webChat/startchat.png) no-repeat scroll 0 0 !important;
border:medium none;
color:#fff;
font-weight:bold;
padding: 0 0 2px 15px;
height:30px;
width:106px;
cursor: pointer;
}

.greenbutton:hover {
background:transparent url(/images/webChat/startchat_hover.png) no-repeat scroll 0 0 !important;
color:#FFFFFF;
}

/* End of Web Chat*/

.error {
	font-size:70%;
	display:block;
	clear:both;
	color:red;
}

.wraptext p
{ 
	word-wrap:break-word;	
}

/* form tab styling */

.tabTracker, .tabTrackerCurrent, .tabTrackerLong, .tabTrackerLongCurrent {
	font-size: 80%;
	font-weight: bold;
	border-style:None;
	height: 39px;
	float:left;
	margin: 0 0 10px 0;
	margin-left: 14px;
	padding-left: 18px;
}

.tabTracker {
	background:url(/images/TabTracker.gif) top left no-repeat;
	width: 157px;
}

.tabTrackerLong {
	background: url(/images/TabTrackerLong.gif) top left no-repeat;
	width: 179px;
}

.tabTrackerCurrent {
	background: url(/images/TabTrackerCurrent.gif) top left no-repeat;
	width: 157px;
}

.tabTrackerLongCurrent {
	background: url(/images/TabTrackerLongCurrent.gif) top left no-repeat;
	width: 179px;
}

/* End of form tab styling */



/** Form button updated - WM.23.11.09 **/	
		

.submissionButton {
	padding:0 8px 0 0;
	margin: 0 0 10px 0;
	background:url(/cssimages/preLogin/buttonRight.png) right no-repeat;
	height:22px;
	float:right;
}

.submissionButton input, .submissionButton button {
	background:url(/cssimages/preLogin/buttonLeft.png) left no-repeat;
	cursor:pointer;
	border:none;
	padding:2px 0 4px 19px;
	margin: 0 0 0 -10px;
	font-weight:bold;
	color:#FFF;
	height:22px;
	overflow:visible;
	font-size:72%;
	}
.submissionButton input:hover, .submissionButton button:hover {	
	color:#052653;
}

.submissionButton input:focus {
	border: none!important;
	padding-left:20px!important;
	outline: none!important;
}

.altButton {
    background-image: url(/cssimages/preLogin/broadband/alternateButtonRight.png)!important;
    background-position: bottom right;
}

.altButton input {
    background-image: url(/cssimages/preLogin/broadband/alternateButtonLeft.png)!important;
    background-position: bottom left;   
}

.ie9 .altButton input { padding-top: 4px;}

.stackRight {
    margin-right: 15px;
}

/* End of SubmissionButton */

/* Where to buy credit results */

.BuyCreditHeader {
	background:#7DB94D url(/cssimages/preLogin/formHeader_658.gif) top center no-repeat;
	min-height:51px;
	width:658px;	
}

.BuyCreditHeader h2 {
	color:#44840E;
	background:url(/cssimages/preLogin/item_header_back_gtw_grad.gif) bottom left repeat-x;
	font-size:92.5%;
	padding:12px 0 6px 8px;
	margin: 0 7px 0 7px;
}

.BuyCreditBody {
	width:658px;
	background:url(/cssimages/preLogin/ItemContainer/container_back_658.gif) top left repeat-y;
	padding: 0 0 0 25px;
	font-size: 0.9em;
	font-family:Arial, Helvetica, sans-serif;
	overflow: hidden;
}

.BuyCreditBody caption{
	text-align: left;
	color:#44840E;
	font-size:92.5%;
}

.BuyCreditFooter {
	height: 11px;
	background:url(/cssimages/preLogin/ItemContainer/container_bottom_658.gif) bottom left no-repeat;  /** WM.23.11.09 **/
}

.disabledAccessGuide {
	margin: 0 0 0 0;
	width: 300px;
	font-weight: bold;
	font-size: 0.8em;
	text-align: left;
}

.tokenResult {

	
}


.facia {
	border-bottom: 1px solid #7FC539;
	width: 620px;
	color:#44840E;
	font-size:92.5%;
	font-weight: bold;
}


/* End of Where to buy credit results */

/*-----------------------------------------------------------*/
/* Energy products Sign up form SD [SSE] 25.06.10 */
/*-----------------------------------------------------------*/


/*=====[ Sidebar Product Benefit panel ]=====*/
#sideNav .productBenefitTop {
	margin-left: 50px; height: 12px; width: 193px;
	background: url("/cssimages/preLogin/ItemContainer/container_top_193.gif") no-repeat bottom transparent;
	}

#sideNav .productBenefitBtm {
	margin-left: 50px; margin-bottom: 10px; height: 12px; width: 193px;
	background : url(/cssimages/preLogin/ItemContainer/container_bottom_193.gif) no-repeat top transparent;
	}
	 
#sideNav .productBenefitContent {
	margin-left: 50px; width: 193px; 
	padding: 20px 5px 20px 5px;
	background: #ccc url("/cssimages/preLogin/ItemContainer/container_back_193.gif"); 
    }
    
#sideNav .productBenefitContent p{
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 10px; 
	line-height: 1.3em;
    }    
    
#sideNav .productBenefitContent .promoText p{
	font-size: 100%;
	margin-left: -15px;
    }       

#sideNav .productBenefitContent p sub {
    display: none;
}

#productBenefitHeader { 
	margin-left: 14px; 
	font: bold 113%/1.2em Arial,Calibri,Helvetica,Verdana,sans-serif;	
	width: 160px; 
	}
	
#productBenefitNoBg{ 
	margin-left: 80px;
	margin-top: 15px; 
	line-height: 1.3em;	
	color: #669F46; 
	width: 160px; 
	font-size: 75%;
	}
	
#productTagline 	  { margin-left: 14px; width: 160px; min-height: 30px;
						font: bold 83%/1.2em Arial,Calibri,Helvetica,Verdana,sans-serif;  }

#productBullets ul li  {
	list-style: none; 
	width: 136px;  
	margin: 4px 0 0 15px; 
	padding: 6px 20px 6px 6px; 
	font: 85%/1.2em Arial,Calibri,Helvetica,Verdana,sans-serif;
}

#helpHeader 		  { font: 110%/1.2em Arial,Calibri,Helvetica,Verdana,sans-serif; color: black; margin: 8px 0 0 20px; }						
#customerServiceText  { font-size: 72%; color: black; margin: 8px 0 0 0px; width: 165px; }
#customerTelNo  	  { font: bold 120%/1.2em Arial,Calibri,Helvetica,Verdana,sans-serif; color: black; margin: 8px 0 0 0px; width: 165px; }

.promoText  { font-size: 70%; line-height: 1.2em; color: black; margin: 8px 0 0 15px; width: 165px; clear: both; }

.sideBarPromoHeader { 
	margin-left: 14px; 
	font: bold 105%/1em Arial,Calibri,Helvetica,Verdana,sans-serif;	
	width: 150px; 
	}
	
.formSidebarIcon	  { float: left; margin: 0 10px 5px 0; width:43px; }

/*====[Set up page - reminders panel]====*/
.remindersIcon1 {
	float: left; 
	width: 43px; 
	height: 43px; 
	margin: 0 10px 0 15px; 
}		      
.remindersIcon2 {
	float: left; 
	width: 43px; 
	height: 43px; 
	margin: 0 10px 0 15px; 
}
.remindersIcon3 {
	float: left; 
	width: 43px; 
	height: 43px; 
	margin: 0 10px 0 15px; 
}
.remindersIcon4 {
	float: left; 
	width: 43px; 
	height: 43px; 
	margin: 0 10px 0 15px; 
}
.remindersBottom {
	clear: both; 
	height: 10px; 
}
.signupSubHead h2 {
	margin: 5px 0px 10px 0; 
	padding: 2px 8px; 
	display: block;
	width: 97% !important;
	font-size: 100% !important; 
	float: left; 
	clear: both;
}
.signupSubHeadAlt h2 {
	margin: 15px 0px 10px 15px; 
	padding: 2px 8px; 
	display: block; 
	width: 91% !important;
	font-size: 100% !important; 
	float: left; 
	clear: both;
}
.signupSubHeadMarginLarge h2 {
	margin: 30px 0px 10px 0; 
	padding: 2px 8px; 
	display: block; 
	width: 98% !important;
	background-color: #c8eea1 !Important; 
	font-size: 100%; 
	color:#1B3C78; 
	float: left; 
	clear: both;
}
.signupSubHeadMargin h2 {
	margin: 30px 0px 10px 0; 
	padding: 2px 8px; 
	display: block; 
	width: 98% !important;
	font-size: 100%; 
	float: left; 
	clear: both;
}
#content #contentContainer .IntoText {
	margin:25px 0 15px 0; 
	width: 570px; 
	font: 110%/1.5em Arial,Calibri,Helvetica,Verdana,sans-serif;
}
.reminderInfoText {
	margin: 5px 0 0 0; 
	color: #000; 
	font-size: 80%; 
	width: 80%; 
	min-height: 40px; 
	padding: 0 0 0 20px;
}
.formBackToProducts  {
	margin: -25px 0 10px 50px; 
    padding-left: 28px; 
    height: 25px; 
    font-weight: bold; 
    font-size: 85%;
}
/* ---[ This space reserved for customer service promotion]--- */
#promoSection 		{ float: left; width: 650px; height: 80px; border: 1px solid #000; }
.divider 			{ border-top: 1px solid #e5e6e4; margin: 0 0 10px 20px; width: 620px; }

	
.signup input  				 { margin-right: 10px;}
.signup input:focus  		 { border: 1px solid #70C41D; padding: 1px 0 1px 1px; }
.signup select  			 { margin-right: 10px; }
.formContainer .radio 		 { margin-right : 5px !important; font-size: 80%;}
.formContainer .radio input	 { margin-left : 15px;}
.formContainer .labelPadding { margin-right : 20px !important; }
.signupLabel 				 { font-size: 80%; display: block; margin: 25px 40px 10px 0; line-height: 0.75em !important;  }           
.signupLabel2 				 { margin: 25px 80px 10px 10px; width: 100%; line-height: 1.5em !important; }
.signupInfoText 			 { font-size: 90%; font-weight: normal; margin-top: 10px; color: #000000!important;}

.signup {
	margin: 0 0 0 7px; width: 650px; color: black; font-weight: bold;
	font-family: Arial,Calibri,Helvetica,Verdana,sans-serif; border: none; 
}

.signup2 {
	margin: 0 0 0 5px; width: 85% !Important; color: black; font-size: 80%; font-weight: normal;
	font-family: Arial,Calibri,Helvetica,Verdana,sans-serif; float: left; border: none;	 
}

.signup2 .validator-invalid {
    font-weight:bold;
    font-size: 90%;
    float: right;
}

.signup2 input {
    margin-right: 10px;
}

.signup .inputFloat input { float: left; }


/* =======[ Progress Tracker ]===== */
#progressTracker { margin: 0 }

#progressTracker ul
{
    width: 658px; height: 37px;
	margin: 0; padding: 0;
}

#progressTracker ul li
{
	text-indent: -9999px; overflow: hidden;
}

#step-AboutYourHome { background-position: 0px -2px;   }
#step-PaymentOptions { background-position: 0px -39px;  }
#step-Summary { background-position: 0px -76px;  }
#step-YourConfirmation { background-position: 0px -114px; }

#buttonsContainer { clear: both; float: left; width: 650px; margin-top: 25px;}

/* Home type - Graphic symbols */
#homeTypeGraphicSymbols  { float: left; margin: 0 0 20px 0; height: 98px;}
.homeTypeContainer 		 { float: left; width: 120px; margin: 10px 10px 20px 0;  }
.homeTypeContainer:focus { outline: black dotted 1px;  }
.homeTypeGraphic 		 { float: left; width: 91px; padding-bottom:4px;}

.homeTypeContainer img  { opacity: 0.5; filter: alpha(opacity=50); } 
.homeTypeContainer.selected img { -moz-border-radius: 6px;
-webkit-border-radius: 6px; opacity: 1; filter: alpha(opacity=100);}
.homeTypeContainer.selected label { font-weight: bold !important;}
.homeTypeOption 		{ float: left; font-weight: normal !important; font-size: 90%; line-height: 1.2em; }
.checkboxContainer {clear: both; padding:10px 10px 10px 15px; border: solid 3px #DAEEA1; 
    font-weight: normal;}
.formInfoContainer  	{ background: #f5faf0; display: block; margin-bottom: 10px; padding: 3px 5px 10px 20px; clear: both; }
.javascript #homeTypeGraphicSymbols div input { display: none; }
#addressMunualEntry 	{ border-top : 4px solid #e5f3d9; background: #f5faf0; padding: 10px 10px 30px 10px; display: block; width: 98%; }
.informativeTextGrey  	{ margin: 0 0 10px 0; width: 93%; clear: both; }
.mandatoryIndication  	{ margin-bottom: 10px; padding: 0; clear: both; font-size: 80%; color: Red;}
.mandatoryIndicationInset    { color:aqua !important; font-size: 0.8em; margin-bottom: 10px !important; }
.informativeText  	    { font-size: 80%; color: #000; line-height: 1.5em; margin: -2px 0 10px 0; padding: 0; clear: both; }
.informativeTextLarge  	{ font-size: 85%; color: #000; line-height: 1.5em; margin: 0 0 10px 0; clear: both; }
.informativeTextFloat 	{ font-size: 80%; color: #000; line-height: 1.5em; margin: 0 0 10px 15px; clear: both; float: left; }
.informativeText2  	    { font-size: 80%; color: #000; line-height: 1.5em; margin: 0 0 10px 0; clear: both; }
.informativeTextTopPad  { font-size: 80%; font-weight: normal; color: #000; margin-top: 30px;  }
.informativeTextItalic  { font-size: 75%; color: #000; font-style: italic; line-height: 1.3em; margin-bottom: 20px; width: 93%; clear: both; }
.informativeTextBold    { font-size: 80%; color: #000; font-weight: bold; margin: 10px 0 0 0; width: 90%; clear: both; }
.informativeTextBold2   { font-size: 80%; font-weight: bold; margin: 10px 0 10px 0; width: 90%; clear: both; }

form .informativeText  	{ font-size: 80%; font-weight: normal; color: #000; line-height: 1.5em; margin: 10px 0 10px 0; width: 93%; clear: both; }
.SignupLinkSize  		{ font-size: 130% !important; padding-top: 20px; clear: both; display: block; }

/* ------[ Payment Options ]-------*/
.ConsumptionLargeText 	{ font-size: 150%; width: 90px; float: left; margin-top: 20px; }
.DDFuelTypeText 		{ font-size: 150%; width: 60px; float: left; margin-top: 20px; }
.PaymentLargeText 		{ font-size: 120%; width: 90px; margin: 20px 0 0 15px; }
.PaymentLargeTextRight 	{ font-size: 115%; margin: 20px 15px 10px 15px; text-align: right; }
.greenBold				{ font-weight: bold; color: green; }
.ConsumptionLargeLetter { font-size: 150%; width: 20px; float: left; margin: 20px 0 0 20px; }
.directBebitLargeLetter { font-size: 150%; width: 15px; float: left; margin: 20px 0 0 20px; }


.consumption 			{ margin-bottom: 15px; border: none;
/*for fieldset */		  width: 93%; color: black; font-size: 75%; font-weight: normal;}

.paymentTypeContainer	{ margin: 0; padding: 0 !Important; 
			   			  color: black; font-weight: normal; width: 655px !important; }

			   			  
.sliderContainer		{ margin: 10px 15px 10px 0px; padding: 10px !Important; background: #f5fAf0; border: 1px solid #E5F3D9;
			   			  color: black; font-weight: normal;
			   			}
			   			
.sliderContainer .informativeText, .sliderContainer .informativeTextItalic 		
                        { padding-right: 40px;}
			   						   			
			   			
.quarterlyBillContainer	{ margin: 10px 0 10px 10px; padding: 10px; 
			   			  color: black; font-weight: normal; width: 93% !important; min-height: 200px
			   			}

.fuelType 				{ float: left; width: 100%; }
.fuelType2 				{ min-height: 160px;
						  background: #f5faf0 url('../CssImages/preLogin/sliderBackground.png') no-repeat 30px 20px; }
.consumptionField   	{ float: left; margin-bottom: 15px; }
.fuelContainer 			{ width: 170px; float: left;  }
.fuelContainer2 		{ display: block; width: 100px; float : left;   }
.amendConsumptionButton { margin-top: 15px; clear: right; font-size: 140%;}
.paymentContainer 		{ float: left; display: block; width: 80%; }
.paymentContainer2		{ float: left; display: block; width: 1000%; }

.pageSectionHeader 		{ margin-top: 35px !important; clear: both; display: block; }

.directDebitContainer 	{  clear: both; display: block; margin: 15px 10px 10px 0; padding: 10px; background: #f5faf0; height: 150px; }
.DDLogo					{ float:left; width: 110px; margin: 20px 0 0 10px;}
.DDdetails				{ float: left; width: 72%;  }
.iconPdf				{ float: left; margin-right: 5px; }

/*Quarterly billing tab */

.infoIcon { float: left; height: 50px; width: 50px; }
.InfoBox1 { float: left; width: 200px; margin-left: 20px; }
.InfoBox2 { float: left; width: 200px; margin-left: 20px; }

.directDebitBenifits ul li {
							list-style: none outside none;
							margin-bottom: 3px;
							padding-left: 16px;
							font-size: 75%;
							}
							
.simpleBullets ul li, #switchingSteps ul li {
							list-style: none outside none;
							margin: 10px 120px 3px 0;
							padding-left: 18px;
							font-size: 80% !important;
							}
							
							
.simpleBullets p, #switchingSteps p {
    font-size: 80%; 
    padding: 5px 30px 10px 0;
    }

.boldBlue { font-weight: bold; font-size: 110%; color: #0f317f; margin-bottom: 3px; }

.manualEntry-Button {
display: inline-block;
text-align: left;
font-family: Arial,Calibri,Helvetica,Verdana,sans-serif;
font-size: 75%;
font-weight: bold;
cursor: pointer;
margin-top: 10px;
margin-bottom:20px;
min-width: 380px;
}

p .manualEntry-Button {
	margin-bottom: 0px;
}

/* ------[ Your Summary - Edit payment personal details ]-------*/

.summaryBoxHeight 	 { color : #000; float: left; width: 360px; margin: 5px 0 0 0;  min-height: 170px; }
.summaryBox 		 { color : #000; float: left; width: 68%; margin: 5px 0 0 0;  min-height: 120px; }
.criteria 			 { font-size: 73%; font-weight: bold;  float: left; margin: 0 20px 10px 0; width: 150px; }
.criteriaResult 	 { font-weight: normal; font-size: 95%; float: left; margin: 0 20px 10px 0 ; }
.borderBox {
	float: left; 
	clear: both; 
	display: block; 
	padding-top: 5px; 
	width: 85%; 
}

.personDetailsBox	 { color: #000; width: 220px; padding: 0px 11px; min-height: 0.75em;
					   background-color: #EFF8E8; margin-left: 25px; border-top: 2px solid #E5F3D9; float: right; word-wrap: break-word; }
.personalDetailsBold { font-weight: bold; font-size: 75%; height: 15px; }
.personalDetailsReg  { font-weight: normal; font-size: 85%;  }

.editSummaryDetails  { float: left; display: block; margin: 10px 0 0 20px; border: none; font-size: 80%; font-weight: bold; color: #000; width: 250px;}


#summaryManualEntry  { border-top: 4px solid #e5f3d9; background: #f5faf0; font-size: 110%;
					   margin: 10px 0 10px 0; padding: 0px 0 5px 20px; width: 97%; float: left; }

    
 #summaryManualEntry .submissionButton {
	font-size: 100%;
	margin-left: -80px;
	margin-right: 40px;

 }

#summaryManualEntry .validator-invalid {
    clear: both;
    width: 160px;
    margin-left: 0;
}

#summaryManualEntry .field-invalid {
	margin-bottom: 5px;
}

#summaryManualEntry legend  {
	color: #0f317f; 
	font-size: 140%; 
	font-weight: normal; 
	font-family: arial !important;
}
.toggelManualEdit { clear: both; font-size: 100%;}

/*------[ Thank you / confirmation ]---------------*/

#content #contentContainer h1.confirm { margin: 20px 0 10px 30px; font-size: 170%; }
.thankYouBlue 						  { font-size: 140%; font-weight: normal; margin-left: 30px; }

.containerCurveTop { height: 10px; }

.iconConfirmation 	  {  margin: -46px 33px 11px 0; float: right; }
.welcomeMessage   	  {  margin: 15px 0 20px 31px; font-size: 120%; float: left; }
.welcomeMessage ul li { list-style: none; margin: 6px 0 0 15px; padding: 0 20px 2px 10px; color: #000;
						font: 80%/1.2em Arial,Calibri,Helvetica,Verdana,sans-serif; }

.blueHighlightPanel { font-weight: bold; margin: 0 30px 15px 30px; padding: 2px 0 3px 10px; clear: both;  }


/*------[ Form Vaidation ]---------------*/

.field-invalid {
    border: 1px solid #DE0000;
    height: 18px;
    margin: 0;
    float: left;
}

select.field-invalid {
    height: auto;
}

.validator-invalid {
    background-color:#FFE8DD;
    border:1px solid #FF9793;
    border-radius: 3px;
    box-shadow: 2px 2px 4px #333;
    display:inline-block !important;
    font-size: 0.72em;
    line-height: 1.5em;
    margin-left: 24px;
    min-width: 0 !important;
    padding: 3px 6px;
    position: relative;
    width: 187px;
}

.no-js .validator {    
    padding: 3px 6px;
    border: 1px solid #DE0000;
    font-size: 0.75em;
    background: #FFE5E5;
    display: inline-block;
    width: 200px;
    vertical-align: text-top;
    margin-top: -2px;
}
 
.validator-invalid .invalid-image {
    display: block;
    position: absolute;
    left: -24px;
    top: 2px;
    height: 19px;
    min-width: 20px;
}
        
.validator-valid {
    display: -moz-inline-stack;
    display: inline-block !important;
    *display: inline;
    zoom: 1;
    padding: 0 2px 0 2px;
    min-width: 20px;
    height: 19px;
    text-indent: -9999px;
    width: 20px;
}     
        
.watermark label {
    color: #aaaaaa;
    font-size: 75%;
    font-weight: normal;
    }

.formElementsName .field-invalid {
    float: none;
    top: 0;
    }
    
.formElementsName {
    top: 0;
    }
    
.formElementsDateofBirth .validator-invalid {
    width:120;
    }
    
.formElementsDateOfBirth {
    top: 0;
    }

.formElementsDateOfBirth .field-invalid {
    float: none;
    border: 1px solid #B0B0B0; 
    }
       
.fuelContainer .consumptionField .validator { display: none !important;}
        
#address-lookup-results .validator-invalid {
    width: 160px;
    }
#address-lookup-results {
    margin-top: 5px;
    max-width: 650px;
    }
        
/*--  inline contextual help--*/
.infoHelpContainer { 
    position:relative; 
    display: block; 
    min-width: 0 !important; 
    width: 165px;
    font-size:0.72em;
    line-height: 1.5em;  
    left: 453px;
    position: absolute;
    top: 19px;
    }   

.infoHelpTriangle { 
    position: absolute; 
    margin-left: -18px; 
    height: 26px; 
    min-width: 20px; 
    height: 19px; 
	background: url('../CssImages/preLogin/formComponents/helpIcon.png') no-repeat 0 2px; 
	}
		
.infoHelpBox { 
    font-weight: normal; 
    background: #f2f7fd; 
    border: 1px solid #7dafff; 
    border-radius: 3px;
    padding: 3px 6px;  
    margin-left: 5px;
    box-shadow: 3px 2px 5px #222; }
        
.no-js .infoHelpContainer { 
    float: right;
    margin: -3px 32px 0 0;
    }             
        
.formInput {
    position: relative;
    }
   
form .tcContainer {
    background: none repeat scroll 0 0 #FFFFFF;
    border-color: #D7D5D6;
    border-style: solid;
    border-width: 1px;
    font-size: 95%;
    font-weight: normal;
    height: 170px;
    margin-bottom: 20px;
    overflow: auto;
    padding: 10px 10px 0;
    }
/*
.formInput .infoHelpContainer {
        position: absolute;
        left: 437px;
        top: 4px;
        } */

.helpPanel {
	overflow: visible!important;
}
.formElements .infoHelpContainer  {
        position:relative;
        left: -25px;
        float: right;
        top:0;
        }       
        
.no-js .infoHelpContainer {
    position: relative;
    left: 0;
    /*display: inline; */
}  

.no-js .infoHelpTriangle {
    /*display: none;*/
}

/*-- End of Energy products signup ---------------------------------*/




/*-----------------------------------------------------------*/
/* Broadband Online Sign up form  RC: 11/2011 */
/*-----------------------------------------------------------*/ 

#broadband-products .tab {display: none; margin-top: 20px;}

.no-js #broadband-products .tab {display:block;}

#broadband-products .tab.selected {display: block;}

.no-js #broadband-products .tabName {
    float: left;
    margin: 3px 0 0 25px;
    font-weight: bold;    
}

.javascript #broadband-products .tabName {display: none;}

#contentContainer .broadband-content-container {
    background: url('/CssImages/preLogin/Broadband/mainPanelBackground.gif') no-repeat bottom center;
    margin-bottom: 20px;
    padding-bottom: 10px;
    }
#contentContainer .broadband-content-area {
    background: url('/CssImages/preLogin/Broadband/mainPanelBackground.gif') no-repeat top center;
    padding: 10px 0 6px 0;
   /* width: 660px; */
    }

#broadband-products ul#broadband-product-tabs {
    font: bold 100%/16px arial,sans-serif;
    height: 72px; 
    list-style: none;
    margin:0 0 9px;
    padding: 0;
    text-align: left;
    }
    
.no-js #broadband-product-tabs {display: none;}

#contentContainer .broadband-content-area p.error {
    background-color: #86BD27;
    border-radius: 5px;
    color: #FFFFFF;
    font-size: 80%;
    font-weight: bold;
    margin: -10px;
    padding: 7px;
    position: absolute;
    width: 440px;}

#broadband-products #broadband-product-tabs li {
    background: url('/CssImages/preLogin/Broadband/tabUnselected.gif') no-repeat top left;
    float: left;
    height: 81px;
    padding: 0; margin: 0;
    width: 136px; 
}

#broadband-products ul#broadband-product-tabs li.selected {
    background: url('/CssImages/preLogin/Broadband/tabSelected.gif') no-repeat top left;
    height: 89px;
}

#broadband-products ul#broadband-product-tabs li a {
    display: inline-block;
    text-decoration: none;
    color: #bbb;
    padding: 10px 15px 0;
}

#broadband-products ul#broadband-product-tabs li + li {
    margin-left: 5px;
}

#broadband-products ul#broadband-product-tabs li.selected a {
    color: #fff;
}

#contentContainer .broadband-content-container h3,
#sideNav #leftPanel .productBenefit h3,
#contentContainer .broadband-content-container h4,
#contentContainer .broadband-content-container h4 a:link,
#contentContainer .broadband-content-container h5,
#contentContainer .broadband-content-container .ui-accordion a,
#contentContainer .signupBroadband h3,
#contentContainer .broadband-line-checker h3,
#contentContainer .signupBroadband h2 {
    color:#0F317F;
    font-family: Arial, Helvetica, Sans-Serif;
    }

/* Line checker related styles */

#contentContainer .broadband-line-checker {margin-bottom: 10px;}


#contentContainer .broadband-line-checker .lineCheckerLabel {
    color: #0F317F;
    display: inline-block;
    float: left;
    font-family: Arial,Helvetica,Sans-Serif;
    font-size: 110%;
    font-weight: bold;
    margin: 12px 11px 10px 0;
    }

#contentContainer .line-checker .line-checker-button {
    padding-bottom: 32px;
    }

#contentContainer .line-checker .line-checker-button .altButton input {padding-top: 3px;}

#contentContainer .line-checker input[type=text] {
    font-size: 110%;
    width: 117px;
    }

#contentContainer .broadband-line-checker ul {
    list-style: none; 
    margin-bottom: 10px;
    margin-top:10px;
    }

#contentContainer .broadband-line-checker ul li {
	background:url("/CssImages/preLogin/Broadband/broadbandBullet.png") no-repeat scroll 4px 4px transparent;
    font-size: 75%;
    font-weight: bold;
    line-height: 18px;
	padding-bottom:5px;
	padding-left:19px;
}

#contentContainer .broadband-line-checker a.new-line {
    display: inline-block;
    float:left;
    margin: 7px 0 0 0px;
    color: #44840E;
    font-size: 100%;
    font-weight: normal;
    margin-bottom: 21px;
    background: url("/CssImages/preLogin/icon-dark-green-arrow.gif") no-repeat scroll 0 7px transparent;
    padding-left: 15px;
}   

#contentContainer .line-checker .line-checker-content {
    margin: 4px 0 0 25px;
    padding: 0 36px 6px 26px;
}
    
#contentContainer .line-checker .line-checker-content h4 {
	background: url("/CssImages/preLogin/Broadband/tickIcon.gif") no-repeat 0 3px transparent;
    font-size: 120%;
    font-weight: normal;
    line-height: 1.3em;
    margin-left: -39px;
    padding: 6px 0 5px 37px;
}

#contentContainer .line-checker .line-checker-content .line-speed {
    font-size: 81%;
    font-weight: normal;
    margin: 12px 0 9px -30px;
}

#contentContainer .line-checker .line-checker-content sup {
    font-size: 120%;
    line-height: 1.1em; 
}


#contentContainer .line-checker .line-checker-content span {
    color: #000;
    font-size: 85%;
    line-height: 1.2em;
} 

#contentContainer .line-checker .broadband-content-container {
    margin-top:0;
}

#contentContainer .line-checker .broadband-content-container  h5 {
    font-size: 95%;
    line-height: 1.2em;
    margin: 11px 60px 5px 37px;
}
    
/* end of line-checker */

    
#contentContainer .broadband-content-container h4 a:hover {
    text-decoration: underline;
    } 

#contentContainer .broadband-content-container h4 span {
    color: #666;
    display: inline-block;
    font-size: 75%;
    font-weight: normal;
    line-height: 15px;
    margin-top: -5px;
    margin-bottom: 4px;
    }
    
#contentContainer .broadband-content-container .price {
    color: #666;
    font-family: Arial;
    font-size: 100%;
    font-weight: bold;
    margin: 7px 0 4px 0;
    }
    
#contentContainer .broadband-content-container .price strong {
    color: #86BD27;
    font-size: 140%;
    }

#contentContainer .broadband-content-container .description {
    font-size: 90%;
    line-height: 18px;
    width: 500px;
    }
    
#contentContainer .broadband-content-container .description p {
    font-size: 86%;
    padding-bottom: 4px;
    width: 280px;
    }    

#contentContainer .broadband-content-container .description p + p {width: 580px;}
    
#contentContainer .broadband-content-container p.contract-link {
    color: #86BD27;
    font-size: 80%;
    font-weight: bold;
    }

#contentContainer .broadband-content-container .marketing-message {
    background: url("/CssImages/preLogin/Broadband/infoValidationArrow.gif") no-repeat 1px 10px transparent;
    margin: -29px 20px 18px 400px;
    position: absolute;
    width: 200px;
}

#contentContainer .broadband-content-container .marketing-message span {
    background-color:#0F317F;
    -moz-border-radius: 4px;
    color: #FFFFFF;
    display: inline-block;
    font-size: 80%;
    margin-left: 16px;
    padding: 10px 15px;
    } 
#contentContainer .broadband-content-container .mac-code-submit:first-child {padding-top: 12px;}

#contentContainer .broadband-content-container .mac-code-submit p {font-weight: normal; font-size: 80%; margin: 10px 0;}
#contentContainer .broadband-content-container .mac-code-submit h4 { margin:9px 0;}

#contentContainer .broadband-content-container .mac-code-submit .marketing-message h4 {color: #fff; font-size: 110%; margin-top: 0;}   


#contentContainer .broadband-content-container .mac-code-submit .formElements{ margin-bottom: 15px;}
  
#contentContainer .broadband-content-container .marketing-message span strong {
    font-size: 120%;
}

#contentContainer .broadband-content-container .mac-code-submit .marketing-message {
    background: url("/CssImages/preLogin/Broadband/infoValidationArrow.gif") no-repeat scroll 1px 10px transparent;
    margin: -123px 0 18px 423px;
    position: relative;
    width: 186px;
    
}

#contentContainer .broadband-content-container .breakdown {
    border-bottom: 1px solid #c8d8e7;
    margin: 10px -4px 13px -6px;
    padding: 0 3px 10px 6px;
    
    }

#contentContainer .broadband-content-container .breakdown h5 {
    color:#666;
    font-size: 90%;
    border-bottom: solid 1px #c8d8e7;
    margin: 0 0 9px -10px;
    padding: 0 0 3px 9px;
    }  
    
/*CI Updated to get IE legal text larger without hack*/
.PBItem .widget .content sup, .PBItem .widget .content sub
{   
	font-size:100%;
	line-height: 1.1;
} 
/*CI Updated to get IE (all versions) legal text larger without broadband being affected- broadband size restored*/
.broadband-footer .PBItem .widget .content sup {
    font-size:73%;
}

/* list items with green ticks */
#contentContainer .broadband-content-container .breakdown ul {
    list-style: none;
    overflow: hidden;
    width: 645px;
    margin-top: 4px;
    }

#contentContainer .broadband-content-container .breakdown ul li {
	background: url("/CssImages/preLogin/Broadband/broadbandBullet.png") no-repeat scroll 4px 2px transparent;
    float: left;
    font-size: 70%;
    line-height: 14px;
    padding-bottom: 8px;
    padding-left: 16px;
    width: 28.7%;
    }

/* plain bulleted list ietms */

#contentContainer .broadband-content-container .antiVirusDetails ul {
    float:right;
    list-style: circle; 
    overflow: hidden;
    width: 445px;
    margin-right: 50px;
    }
        
#contentContainer .broadband-content-container .antiVirusDetails ul li {
    background: none;
    float:none;
    width: 100%;
    list-style-position: inside; 
    padding: 0 0 0 3px;
    margin-bottom: 5px;  
}

/* End of lists */ 
#contentContainer .broadband-content-container .antiVirusDetails img {
    float: left;
}

#contentContainer .broadband-content-container .antiVirusDetails p {
    color: #0F317F;
    font: bold 90%/16px arial,sans-serif;
    margin: 12px 0;
}
    
#contentContainer .broadband-content-container .linkButton {
    float: right;   
    }
    

#contentContainer .broadband-content-container .submissionButton input,
#contentContainer .ui-accordion-content .submissionButton input,
#contentContainer .broadband-buttons .submissionButton input,
#contentContainer .broadband-buttons .backButton input {
    background: url("/cssimages/buttonLeft.gif") no-repeat scroll left top transparent;
    float: left;
    font-size: 80%;
    height: 21px;
    }


#contentContainer .broadband-content-container .submissionButton,
#contentContainer .ui-accordion-content .submissionButton,
#contentContainer .broadband-buttons .submissionButton,
#contentContainer .broadband-buttons .backButton {
    background: url("/cssimages/buttonRight.gif") no-repeat scroll right top transparent;
   /* margin-left: 2px; */
    }

#sideNav #leftPanel .productBenefit {
    background: url("/cssimages/preLogin/broadband/sidePanelBackground.gif") no-repeat scroll left bottom transparent;
    margin: 10px 0 16px 16px;
    padding-bottom: 28px; 
    }
    
#sideNav .productBenefit .productBenefitContent {
    background: url("/cssimages/preLogin/broadband/sidePanelBackground.gif") no-repeat scroll left top transparent;
    margin-left: 0;
    padding: 10px 15px 10px 21px;
    width: 224px; 
    }  

#sideNav .productBenefit .productBenefitContent p {padding-left: 0;}
    
#sideNav .productBenefit .productBenefitContent img {
    margin-bottom: -14px;
    margin-left: -10px;
    padding-right: 4px;}
       
#sideNav .productBenefit .productBenefitContent h3 {margin: 8px 0 12px;}

#sideNav #leftPanel .orderSummary {background: url("/cssimages/preLogin/broadband/sideContainer.jpg") no-repeat scroll left bottom transparent;}

#sideNav  #leftPanel .orderSummary .productBenefitContent {background: url("/cssimages/preLogin/broadband/sideContainer.jpg") no-repeat scroll left top transparent;}

/* Left panel - Order Summary */
#sideNav #leftPanel .orderSummary h2 {
    color: #0F317F;
    font-size: 111%;
    margin-bottom: 2px;  
    }
 
#sideNav #leftPanel .orderSummary h3 {
    color: #fff;
    font-size: 80%;
    margin-bottom: 10px;
    margin-top: -6px;
} 
    
#sideNav #leftPanel .orderSummary p {
    font-size: 75%; 
    margin-bottom: 7px;
    }

#sideNav #leftPanel .orderSummary ul {margin-top: -40px;}
    
#sideNav #leftPanel .orderSummary ul,
#contentContainer .broadband-content-container .thank-you ul {list-style: none;}

#sideNav #leftPanel .orderSummary ul li, 
#contentContainer .broadband-content-container .thank-you ul li {
    background: url("/CssImages/preLogin/formComponents/GreeenTick.gif") no-repeat -2px 0 transparent;
    font-size: 75%;
    font-weight: bold;
    line-height: 18px;
    padding-bottom: 5px;
    padding-left: 17px;    
}

/* Selection Summary Page */

#contentContainer .broadband-content-container .broadband-summary {margin: 20px 10px 10px 29px;}

#contentContainer .broadband-content-area .costs-details table {border-collapse: collapse; width: 595px;font-size: 90%;}
#contentContainer .broadband-content-area .costs-details td {border-bottom: solid 1px #CFCFCF; height: 30px;}
#contentContainer .broadband-content-area .costs-details th {padding-top: 5px;text-align: left;}

#contentContainer .broadband-content-area .bank-details table {font-size: 120%;}
#contentContainer .broadband-content-area .bank-details td { }
#contentContainer .broadband-content-area .bank-details th {padding-right: 30px; text-align: left;}

#contentContainer .broadband-tcs .signupBroadband {width: 500px;}
#contentContainer .broadband-tcs {padding: 0 0 10px 15px;}
#contentContainer .broadband-tcs p {
    display: inline-block;
    margin: -20px 20px 9px;
    width: 500px;}

#contentContainer .broadband-tcs .pdf-link {font-size: 70%;margin-bottom: 10px;}

#contentContainer .broadband-tcs span label  {display: inline-block; margin: -20px 20px 9px;font-size: 70%}

/* Thank you page */

#contentContainer .topContainer .broadband-content-container {margin-top: 20px;}

#contentContainer .broadband-content-container .thank-you img {float: left;}
#contentContainer .broadband-content-container .thank-you .thank-you-header {
    clear: none;
    float: left;
    margin: 11px 0 24px 29px;
    width: 470px
    }

#contentContainer .broadband-content-container .thank-you p {
    font-size: 80%;
    line-height: 1.5em;
    margin-bottom: 9px;
    margin-top: 11px;
    padding-right: 30px;}


#contentContainer .broadband-content-container .thank-you .thank-you-header h1 {
    font-size: 170%;
    margin: 5px 0 10px 0;
    }
    
#contentContainer .broadband-content-container .thank-you .thank-you-header h2 {
    color: #44840E;
    font-size: 100%;
    line-height: 110%;
    margin-bottom: 3px;}
    
#contentContainer .broadband-content-container .thank-you .thank-you-header p {font-size: 90%;}
 
#contentContainer .broadband-content-container .thank-you h3 {margin-top: 5px; margin-bottom: 10px;}

.energySignupContainer {padding-top: 10px;}

.signupBroadband .redirectPanel {margin-top: 20px;}
.signupBroadband .redirectPanel p {padding-left: 0px; line-height: 20px; margin-bottom: 15px;}

/*------[ Broadband form related styling ]-----*/

#contentContainer .introTextBroadband p {
    color:#666666;
    font-size: 80%;
    line-height: 1.1em;
    margin-left: 10px;
    } 

#contentContainer .signupBroadband h3 {margin: 10px 5px 12px 10px;}

#contentContainer .signupBroadband .broadband-content-container p,
#contentContainer .signupBroadband .broadband-content-container label,
#contentContainer .signupBroadband .broadband-content-container span.signupLabel {
    color: #666!important;
}

#contentContainer .signupBroadband {
    margin:0;
    width: 660px;
    border: none;
    }

#contentContainer .energySignupContainer .signupBroadband div[disabled="disabled"],
#contentContainer .energySignupContainer .signupBroadband .broadband-content-container .broadband-content-area div[disabled="disabled"],
#contentContainer .energySignupContainer .signupBroadband div[disabled] {
    opacity: 0.6;
    filter: alpha(opacity=75);
    zoom: 1
}

#contentContainer .broadband-content-container .broadband-form-section {
    margin: 0 10px 0 10px;
    overflow: hidden;
    padding: 0 15px 6px 20px;
    }

#contentContainer .broadband-content-container .costs-details p {
    font-size: 90%;
}

#contentContainer .signupBroadband input {margin-right: 0;}

#contentContainer .broadband-content-container .antiVirusCheckBoxClass {
    display: block;
    margin: 32px 0 0 -12px;
    position: absolute;
    }

#contentContainer .broadband-content-container .antiVirusCheckBoxClass {
    display: block;
    margin: 9px 0 0 -22px;
    position: absolute;
    }

#contentContainer .broadband-content-container .antiVirusCheckBoxClass input {
    height: 19px; width: 19px; 
    }

#contentContainer .broadband-content-container .formInput {margin: 8px 0 ;}

#contentContainer .broadband-content-container .formInput input[type=text],
#contentContainer .broadband-content-container .formElementsName input[type=text],
#contentContainer .broadband-content-container .formElementsName select,
#contentContainer .broadband-content-container #manual-address-entry input[type=text],
#contentContainer .broadband-content-container .broadband-form-section input[type=text],
#contentContainer .broadband-line-checker .formInput input[type=text],
#contentContainer .broadband-content-container .formInput input[type=password],
#contentContainer .broadband-content-container .formInput select { 
    background-color: #D1DFFF; 
    -moz-border-radius: 5px;border-radius: 5px;
    border: none;
    border: 1px solid #C6C6C6;
    color: #666;
    font-family: Arial, Helvetica, Sans-Serif;
   /* font-weight: bold;*/
    margin: 0 4px 0 0;
    padding: 6px 7px;
    }

#contentContainer .broadband-content-container .formInput select {padding:5px 3px 5px 2px;} 

#contentContainer .broadband-content-container .formInput input:disabled[type=text],
#contentContainer .broadband-content-container .formElementsName input:disabled[type=text],
#contentContainer .broadband-content-container .formElementsName select:disabled,
#contentContainer .broadband-content-container .formInput select:disabled  {
    background-color: #E7E7E6;
    border: 1px solid #B7B7B6; 
    color: #B7B7B6;
    font-weight: normal;
    }

#contentContainer .broadband-content-container .formInput input:focus,
#contentContainer .broadband-content-container .formElementsName input:focus {
    border: 1px solid #537FB2;
}

#contentContainer .broadband-content-container .formElementsName input {
    text-transform: capitalize;
}
 
#contentContainer .broadband-content-container .formElementsName .validator-invalid {
    margin: 7px 0 0 66px;
}      
 
#contentContainer .formInput .field-invalid,
#contentContainer .formElementsName .field-invalid,
#contentContainer .broadband-content-container #address-lookup-results select.field-invalid
 {border-color: Red!important;border-width: 1px; } 
 
#contentContainer .broadband-content-container .formInput select.field-invalid {float:none;}
    
#contentContainer .broadband-content-container #address-lookup-results select  {
    border: 2px solid #C6C6C6;
    border-radius: 6px 6px 6px 6px;
    box-shadow: 3px 3px 5px #C6C6C6 inset;
    color: #666666;
    font-size: 90%;
    height: 130px;
    margin-right: 10px;
    padding: 3px 3px 0 6px;
}

#contentContainer .broadband-content-container #address-lookup-results select option {display: block;
    line-height: 14px;padding: 3px 4px;}

#contentContainer .broadband-content-container #address-lookup-results select option:nth-child(even) {
    background: #ddd;}
    
#contentContainer .broadband-content-container #address-lookup-results select option:nth-child(odd) {
    background: #efefef;}    

#contentContainer .broadband-content-container #manual-address-entry .signupLabel {margin: 15px 40px 9px 0;}



#contentContainer .broadband-content-container .nb-message {
    background: url("/CssImages/preLogin/Broadband/warningIcon.gif") no-repeat 0 0 transparent;
    color: #666;
    font-size: 80%;
    line-height: 18px;
    margin-top: 18px;
    padding-left: 34px;
    width: 360px;
}

#contentContainer .broadband-content-container .broadband-form-section ul {
    color: #666666;
    font-size: 80%;
    margin-left: 44px;
    list-style:circle;
}

#contentContainer .broadband-content-container .broadband-form-section .DDLogo {
    float:right;
    margin: -28px -34px 0 0;
} 
    
#energy-signup-disclaimers .broadband-disclaimers p {font-size: 90%;}
.ie8 #energy-signup-disclaimers .broadband-disclaimers p,
.ie9 #energy-signup-disclaimers .broadband-disclaimers p {font-size: 100%;}


#contentContainer .broadband-content-container .broadband-footer {padding: 20px 20px 0 20px; font-size: 90%;}
#contentContainer .broadband-content-container .broadband-footer img {vertical-align: bottom;}
/* Buttons for broadband overrides */

#contentContainer .broadband-content-container #buttonsContainer {margin-top: 45px;}
   
/* IE8 / IE 9 specific issue fixes */

.ie8 .broadband-form-section .watermark label,
.ie9 .broadband-form-section .watermark label { margin-top: -14px;}


    
/*------[ Broadband Accordian styles  - Jquery UI overrides ]-----*/

#contentContainer .broadband-content-container .ui-widget,
#contentContainer .broadband-content-container .ui-accordion {
    font-size: 100%;
    }

#contentContainer .broadband-content-container .ui-state-default,
#contentContainer .broadband-content-container .ui-state-active,
#contentContainer .broadband-content-container .ui-accordion .ui-accordion-content,
.fullWidthContainer .content .ui-accordion .ui-accordion-content,
.fullWidthContainer .content .ui-state-active, .fullWidthContainer .content .ui-accordion .ui-accordion-content {
    background: none;
    border: none;
    overflow: hidden;
    }

#contentContainer .broadband-content-container .ui-accordion .ui-accordion-header .ui-icon {
    left: 580px;
    height: 21px;
    width: 21px; 
    }
 
#contentContainer .broadband-content-container .ui-accordion-header a,
#contentContainer .broadband-content-container .ui-accordion .ui-accordion-content {
    padding-left: 0!important;
    padding-right: 0;
    text-decoration: none;    
 }

#contentContainer .broadband-content-container h3.ui-accordion-header  {font-size: 110%;}
 
#contentContainer .broadband-content-container .ui-accordion .ui-accordion-content {padding-top: 5px;} 
 
#contentContainer .broadband-content-container .ui-icon-triangle-1-e {
    background: url("/cssimages/preLogin/broadband/expanderClosed.gif") no-repeat scroll left top transparent;
    }

#contentContainer .broadband-content-container .ui-icon-triangle-1-s {
    background: url("/cssimages/preLogin/broadband/expanderOpen.gif") no-repeat scroll left top transparent;
    }

#contentContainer .broadband-content-container h3.rule-above {
    border-top: solid 1px #C8D8E7;
    -moz-border-radius: 0;
    margin-left: -5px;
    padding-left: 5px;
}
#contentContainer .broadband-content-container h3.rule-above span {margin-left: 5px;}
    
/*------[ Progress Tracker ]---------------*/ 

#step-AddressAndContactDetails {
   	background: url("../cssimages/preLogin/broadband/progressTracker.png") no-repeat scroll left top transparent!important;
	height:59px!important;
}
#step-PaymentDetails {
	background: url("../cssimages/preLogin/broadband/progressTracker.png") no-repeat scroll left -59px transparent !important;
	height:59px!important;
}
#step-SelectionSummary {
	background: url("../cssimages/preLogin/broadband/progressTracker.png") no-repeat scroll left -118px transparent!important;
	height:59px!important;
}
#step-Confirmation {
	background: url("../cssimages/preLogin/broadband/progressTracker.png") no-repeat scroll left -177px transparent!important;
	height:59px!important;
}
/*------[ Broadband Popups ]---------------*/  

.modalBackground {
	background-color:#000;
	filter:alpha(opacity=75);
	opacity: 0.75;
    z-index:1;
}
.popupContainerPrelogin {
	margin:5px auto;
	width:824px;
	position: absolute;
	overflow: auto;
	max-height: 500px;
}
.closeWindowPrelogin {
    float: right;
	margin: -56px 24px 0 0;
    text-indent: -56px;
}
.closeWindowPrelogin a {
    background: url("../cssimages/preLogin/broadband/closeWindow.gif") no-repeat scroll left top transparent;
    display: block;
    height: 25px;
    width: 25px;
    color:#fff!important;
    font-size:95%!important;
    padding-top: 2px;
    text-decoration:none!important;
}
.popTopPrelogin {
    background: url("../cssimages/preLogin/broadband/popupContainer.png") no-repeat scroll right top transparent;
}

.popTopPrelogin span {
    background: url("../cssimages/preLogin/broadband/popupContainer.png") no-repeat scroll left top transparent;
    display: block;
    padding-top:38px;
    padding-bottom:25px;
}
.popupContentPrelogin {
    background-color: #ffffff;
    overflow: hidden;
    padding: 0px 18px 0px;
    color:#0e317f;
    padding:0 72px;
}
.popupContentPrelogin .fullWidth {
	background: url("../cssimages/preLogin/broadband/contentContainer.gif") no-repeat scroll left top transparent;
    width: 100%;
    padding-top:10px;
    margin-bottom:46px;
}

#contentContainer .popupMainContentPrelogin h3 {
    font-size:91%;
    margin: 10px 5px 9px 0;
    color:#000000;
}
#contentContainer .popupMainContentPrelogin ul li {
	font-size:100%;
	font-weight:normal;
	line-height:18px;
	padding-left:20px;
}
#contentContainer .popupMainContentPrelogin ul 
{
	padding-top:0px;
}
.popupMainContentPrelogin h2 {
	font-size:130%;
}

.popupMainContentPrelogin h4 {
	font-size:65%;
	padding-top:5px;
}
.popupMainContentPrelogin p {
    color: #333;
	font-size:61%;
}

.popupMainContentPrelogin ul {
    color: #333;
    font-weight: bold;
    list-style-type: disc;
    padding: 10px 15px;
}

.popupMainContentPrelogin li {
	font-size:100%;
}
.popupMainContentPrelogin {
	background: url("../cssimages/preLogin/broadband/contentContainer.gif") no-repeat scroll left bottom transparent;
    display: block;
    padding:27px 40px 40px;
}

.popupMainContentContainerPrelogin .summary > span {
    color: #333333;
    display: inline-block;
    font-size: 70%;
    font-weight: bold;
    padding: 11px 0;
}
   
.popupContentPreloginTop {
}
.popBottomPrelogin {
    background: url("../cssimages/preLogin/broadband/popupContainer.png") no-repeat scroll right bottom transparent;
    padding: 0 5px 0 0;
}
.popBottomPrelogin span {
    background: url("../cssimages/preLogin/broadband/popupContainer.png") no-repeat scroll left bottom transparent;
    display: block;
    padding-top:13px;
}

    

.popupMainContentContainerPrelogin .promotional-text {
    background-color: red;
    color: #fff;
    float: right;
	width: 5em;
	height: 5em;
	-moz-border-radius: 3em;
	-webkit-border-radius: 3em;
	border-radius: 3em;
}

.popupMainContentContainerPrelogin .promotional-text span {
    display: inline-block;
    font-size: 110%;
    padding-top: 7px;
    text-align: center;
}

/*------[ Energy Product Landing ]---------------*/   
#energy-product  
{
    border-bottom: 1px solid #A5B2CA;
    margin-bottom: 5px;
}

#energy-product .description {
    overflow: hidden;
}

#energy-product .description .rightHandImage {
    float: right;
}

#energy-product .description .rightHandImage img, #energy-product .description .rightHandImage a img {
    padding: 0px;
    margin: 0px;
    border: none;
}
    
#energy-product .description ul {
    font-size: 80%;
    font-weight: bold;
    color: #999999;
    float: left;
}

#energy-product .description ul li {
    list-style: none;
    padding: 8px 5px 8px 25px;
    background: url('/CssImages/preLogin/formComponents/GreeenTick.gif') no-repeat 0 6px;
    line-height: 1.2em;
}

#energy-product .description ul li + li {
    list-style: none;
    padding: 8px 5px 8px 25px;
    background: url('/CssImages/preLogin/formComponents/GreeenTick.gif') no-repeat 0 6px;
    border-top: dotted 1px #C4C4C4;  
    line-height: 1.2em;
}      

#energy-product img {
    float: left;
    margin: 10px 15px 20px 0;
}

#tariff-options-description {
    font-weight: bold;
    color: #4A8615;
    clear: left;
    font-size: 85%;
    padding-bottom: 10px;
}

    
#tariff-options-headers {
        position: absolute;
        top: -27px;
        left: -1px;
    }

#tariff-options-headers li{
    display: -moz-inline-stack;
    display: inline-block !important;
    *display: inline;
    zoom: 1;
    
    background: url('/CssImages/preLogin/formComponents/right_tab.gif') no-repeat top right;
    list-style: none;
    font-size: 75%; 
    margin-left: 1px;
}
    
.no-js #tariff-options-headers{
    display: none;
}

#tariff-options-headers li.selected {
    background: url('/CssImages/preLogin/formComponents/right_selected.gif') no-repeat top right;
    
}


#tariff-options-headers li a
{
    display: block;
    background: url('/CssImages/preLogin/formComponents/left_tab.gif') no-repeat top left;
    padding: 3px 15px; 
    text-decoration: none !important;
    color: #3F73A3 !important;
    outline: none;
    margin-right: 5px;
    height: 29px;
}

#tariff-options-headers li + li
{
    margin-left: -2px;
}

#tariff-options-headers li + li a
{
    border-left: 0px;
}

#tariff-options-headers li.selected a
{
    
    background: url('/CssImages/preLogin/formComponents/left_selected.gif') no-repeat top left;
    font-weight: bold;
    color: #478115 !important;
    margin-right:5px;
}

#tariff-options
{
    position: relative;
    margin-top: 30px;
}

#tariff-options > div
{
    display: none;
    overflow: hidden;
    width: 644px;
    height: 59px;
    font-size: 80%;
    margin-bottom: 10px;
    vertical-align: middle;
    background: url('/CssImages/energy-product-apply-background.jpg') no-repeat;
}

.no-js #tariff-options > div {
    display:block;
    }

#tariff-options > div.selected
{
    display: block;
}

.no-js #tariff-options .type
{
    float: left;
    margin: 3px 0 0 25px;
    font-weight: bold;    
}

#tariff-options div .description 
{
    margin-left: 15px;
    margin-bottom: 5px;
    padding: 15px 5px 15px 10px;
    float: left;
    width: 400px;
}

.no-js #tariff-options div .description 
{
    float: left;
    clear: left;
    margin-top: -10px;
}

#tariff-options div .linkButton 
{
    clear: none;
    margin-top: 13px;
}

.no-js #tariff-options div .linkButton 
{
    float: right;
    margin-top: -10px;
}

#tariff-options a 
{
    display: block;
    font-weight: bold;
    float: right;
    margin-right: 25px;
  
}

#tariff-options .product-name {
    font-weight: bold;
    color: #4A8615;
}

.javascript #tariff-options .type
{
    display: none;
}

.energy-product-main-message {
margin-bottom: 20px;

}

/* #energy-product-journey-selector */

#energy-product-journey-selector h1 { margin: 30px 0 10px; }
#energy-product-journey-selector #instructions h1 { margin: 30px 0 10px; }

#energy-product-journey-selector .strapline {
    color: #0F317F;
    font-size: 18px;
    font-weight: bold;
}

#energy-product-journey-selector h2 {
    color: #0F317F;
    font-size: 18px;
    font-weight: bold;
}

#product-benefits ul {
    margin: 10px 0;
    overflow: hidden;
}

#product-benefits ul li {
    color: #999999;
    font-size: 80%;
    font-weight: bold;
    padding-left: 30px;
    padding-right: 15px;
    list-style: none;
    float: left;
    background: url('/CssImages/preLogin/formComponents/GreeenTick.gif') no-repeat;
    line-height: 1.8em;
    }   

#selector-box {
    width: 940px;
    background: url('/CssImages/preLogin/selector_gradient.jpg') no-repeat;
    overflow: hidden;
    padding: 10px;
    height: 310px;
}

#existing-customer, #new-customer {
    width: 435px;
    background: url('/CssImages/preLogin/selector_box.gif') no-repeat;
    padding: 15px;
    float: left;
    height: 250px;
}

#existing-customer { margin-right: 5px; }
#new-customer { margin-left: 5px; }

#existing-customer .largeBlueButton {
    margin: 0;
}

#selector-box h2 {
	color: #0F317F;
    font-size: 26px;
    margin-bottom: 20px;
}

#existing-customer hr {
    border:1px solid #CCC;
    height: 0;
    max-height: 0;
    margin-top: 25px;
    margin-bottom: 10px;
}

#new-customer h2 {
    color: #44840E;
}

#new-customer-fuel-types li {
    list-style: none;
    margin-bottom: 10px;
}

#new-customer-fuel-types input {
    margin-right: 5px;
}

#new-customer-fuel-types label .subtext {
    color: #AAA;
    font-size: 14px;
}

#selector-footer {
    clear: both;
    color: #FFF;
    font-size: 18px;
}

/*------[ Energy Signup Disclaimers ]---------------*/

#energy-signup-disclaimers {
    clear: both;
    margin: 20px 25px 0 0;
    padding: 10px 100px 0 0;
    border-top: 1px solid #888;
    }
    
#energy-signup-disclaimers hr {
    display: none;
    }

#energy-signup-disclaimers p {
    font-size: 100%;
    margin-bottom: 3px;
    margin-left: 10px;
    }

#energy-signup-disclaimers sup {
    font-size: 0.7em;
    line-height: 1.5em;
    }
       
        
/*------[ Error Handling ]---------------*/
.errorInformation     { margin-top: 30px; padding: 10px; border: 3px solid red; 
						background: #fff2f2; font-family: Arial, Helvetica, sans-serif; }
.errorHeadline        { font-size: 100%; color: #666666; font-weight: bold;  }

.errorInformation ul li  { color: red; font-size: 90%; font-weight: bold; margin-left: 15px;}


/*------[ Payment Details Tabbed area ]-------*/  
  
 #payment-choice 
       {
           position: relative;
           border: 1px solid #bdd1d7;
           margin-top: 30px;
           padding-top: 10px;
           padding-left: 15px;
           padding-bottom: 10px;
       }
      
#payment-choice > ul
       {
           position: absolute;
           top: -30px;
       }
        
#payment-choice > ul > li 
       {
           display: inline;
       }
       
#payment-choice li input
       {
	       font-size: 100%;
	       color: #ffffff;
	       background-color: #669f46;
	       padding: 3px 0;
	       border: 1px solid #bdd1d7;
           border-width: 1px 1px 0 1px; 
	       cursor: pointer;
	       width: 140px;
	       height: 30px;
       }
       
#payment-choice .mandatoryIndication
       {
           padding-left: 5px;
       }
       
#payment-choice li input:hover, #payment-choice li input.hover
       {
	       background-color:  #669F46;
       }
       
#payment-choice li input.selected
       {
	       background-color: #ffffff;
	       font-weight: bold;
	       font-size: 100%;
	       color: #000000;
	       border-bottom: 1px solid #ffffff;
	       margin-bottom: 1px;
       }   
       
#paymentSelectors .selector
    {
        width: 300px;
        font-size: 85%;
    }
    
.javascript .selector
    {
        height: 150px;
        padding-right: 30px;
    }
     
#paymentSelectors {
    border-collapse: collapse;
    font-size:90%;
    } 
     
#paymentSelectors th {
    font-size:80%;
    vertical-align:bottom;
    }     
        
#paymentSelectors td {
    padding-right:10px;
    text-align:center;
            }
            
#paymentSelectors .selector {
    padding-left:10px;
    height: 120px;
            } 
            
#paymentSelectors .monthlyPayment {
    padding-left:10px;
    text-align: center;
    vertical-align:middle;
    font-weight: bold;
    border-top: 1px dotted #bbbbbb;
    border-right: 1px dotted #bbbbbb;
            }     
            
#paymentSelectors .estimatedDifference {
    padding-left:10px;
    text-align: center;
    vertical-align: middle;
    font-weight: bold;
    border-top: 1px dotted #bbbbbb;
    
            } 
            
#paymentSelectors .totalText {
    font-weight: bold;
    text-align: right;
   }
   
#paymentSelectors .totalCell {
    font-size: 120%;
    font-weight: bold;
    text-align:center;
   }                          
                       
.redirectPanel {
    margin: 0 0 0 0; width: 500px; font-size: 110%;

	}
.redirectPanel span {
    font-size: 100%;
    font-weight:bold;
	}
	
.hidden
{
    visibility:hidden;
}

/* iplan container - interlink page to allow customer to select Dual fuel or Electricity */

#iplanEnergyTypeSelection {
	text-align: left;
	width: 658px;
	min-height: 250px;
	padding: 5px 0 0 0;
	margin: 0 auto;
}

#iplanEnergyTypeSelection h2{
	padding: 0;
	margin: 20px 0 10px 0;
	color: #7BBF43;
	font-size: 1.9em;
	font-family: Arial, Helvetica, sans-serif;
}

#iplanEnergyTypeSelection h3{
	padding: 0;
	margin: 0 0 10px 0;
	color: #666;
	font-size: 1em;
}

#iplanEnergyTypeChoice {
	text-align: left;
	width: 656px;
	min-height: 200px;
	padding: 0;
	margin: 0;
	border: 1px solid #CCC;
}

.iplanTypeSelectLink {
	width: 606px;
	height: 59px;
	background-image: url(../CssImages/preLogin/linkBannerBgIplan.jpg);
	padding: 0;
	margin: 20px auto 20px auto;
}

.iplanChoiceCaption {
	width: 435px;
	float: left;
	color: #333;
	margin: 15px 0 0 20px;
	padding: 0;
	font: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
}

.iplanChoiceLink {
	width: 140px;
	float: left;
	margin: 12px 0 0 0;
	padding: 0;
}

.iplanTypeSelectLink span p {
	margin: 0;
	padding: 0;
}

.lrgButtonIplan {
	font-size:110%!important;
	margin:0 0 0 0;
}
.lrgButtonIplan a:link,.lrgButton a:visited,.lrgButton a:hover,.lrgButton a:active {
	height:36px!important;
	background:url(/cssImages/preLogin/productTemplate/lrgBluButton_left.gif) top left no-repeat!important;
	padding-left:37px!important;
	font-weight:normal!important;
}
.lrgButtonIplan a:link span,.lrgButton a:visited span,.lrgButton a:hover span,.lrgButton a:active span {
	background:url(/cssImages/preLogin/productTemplate/lrgBluButton_right.gif) top right no-repeat!important;
	padding:10px 14px 12px 4px!important;
}

/* End iplan container */


/* Solar PV (page specific) - RC 17/11/2011: These classes have been min-filtered to single line classes to save space  ------*/
.productBanner{padding-bottom:20px;}
.mainContent .packagesAvailable .packagesContainer:after,.mainContent .packagesAvailable .packageInfoPanel:after{clear:both;content:".";display:block;font-size:0;height:0;visibility:hidden;}
.mainContent .packagesWrapper{width:418px;}
.mainContent .packagesWrapper h2{color:#4D4D4D;font-size:115%;}
.mainContent .packagesAvailable .details h2{background:url(/cssimages/preLogin/packages-header-bg.gif) bottom center no-repeat;color:#0A2F75;display:block;font-size:110%;margin-bottom:5px;padding-bottom:10px;padding-top:2px;}
.mainContent .packagesAvailable{background:url(/cssimages/preLogin/ItemContainer/container_back_418.gif) top left repeat-y !important;clear:both;margin:0 0 20px;position:relative;width:100%;}
.mainContent .packagesAvailable .inner{background:url(/cssimages/preLogin/ItemContainer/container_top_418.gif) top left no-repeat !important;width:100%;}
.mainContent .packagesAvailable .details{background:url(/cssimages/preLogin/ItemContainer/container_bottom_418.gif) bottom left no-repeat !important;padding:3px 0 10px;width:418px;}
.mainContent .packagesAvailable .packagesContainer{background:url(/cssimages/preLogin/packages-container-bg.gif) bottom center no-repeat;padding-bottom:1px;width:100%;}
.mainContent .packagesAvailable .packageItem{border-right:1px solid #E6E6E6;display:inline;float:left;margin-right:-1px;padding:0 3px 5px;width:203px;}
.mainContent .packagesAvailable .secondPackageItem{border-left:1px solid #E6E6E6;border-right:none;width:202px;z-index:1;}
.mainContent .packagesAvailable img{margin:0 0 10px;padding:0;}
.mainContent .packagesAvailable .secondPackageItem img{width:202px;}
.mainContent .packagesAvailable ul{margin:0 !important;padding-bottom:0 !important;}
.mainContent .packagesAvailable p,.packagesAvailable li{color:#0A2F75;margin:0 0 10px !important;}
.mainContent .packagesAvailable .details ul li{background:url("/cssimages/preLogin/green-tick-large.gif") left 5px no-repeat !important;margin:0 !important;padding:0 0 5px 20px !important;width:142px;}
.mainContent .packagesAvailable .packageDetails{padding:0 10px;}
.mainContent .packagesAvailable .packageInfoPanel{margin:0 auto;padding-top:13px;width:398px;}
.mainContent .packagesAvailable .packageInfoPanel h3{font-size:130%;margin:0 0 8px;}
.mainContent .packagesAvailable .packageInfoPanel .packageInfo{display:inline;float:left;padding-top:10px;width:200px;}
.mainContent .packagesAvailable .packageInfoPanel .packageInfo p{color:gray;font-size:109%;}
.mainContent .packagesAvailable .packageInfoPanel .packageEnquiry .copy{clear:left;}
.mainContent .packagesAvailable .packageInfoPanel .packageEnquiry .copy span{color:#73A028;font-weight:700;}
.mainContent .packagesAvailable .packageEnquiry .linkButton a:link,.mainContent .sponsorshipFeaturePanel .item .inner .details .linkButton a:visited{background:url("/cssimages/preLogin/largeFeatureButtonLeft.gif") no-repeat scroll left top transparent;height:31px;padding-left:30px;}
.mainContent .packagesAvailable .packageEnquiry .linkButton a:link span,.mainContent .sponsorshipFeaturePanel .item .inner .details .linkButton a:visited span{background:url("/cssimages/preLogin/largeFeatureButtonRight.gif") no-repeat scroll right top transparent;font-size:110% !important;padding:7px 20px 10px 14px;}
.mainContent .packagedFullWidth .details{padding:10px;width:398px;}
.mainContent .packagedFullWidth .packageItem{border:none;margin-right:0;padding:0 0 5px;width:100%;}
.mainContent .packagedFullWidth .packageDetails{padding:0;width:100%;}
.mainContent .packagedFullWidth .details img{width:399px;}
.mainContent .packagedFullWidth p,.mainContent .packagedFullWidth li{color:#5E5E5E;}
.mainContent .packagedFullWidth .details ul li{background:url("/cssimages/preLogin/green-tick-large.gif") left 5px no-repeat !important;margin:0 !important;padding:0 0 10px 20px !important;width:368px;}
.mainContent .packageBannerOnly .packagesContainer{background:none;}
.mainContent .packageBannerOnly .packageItem{border:none;}
.mainContent .packagesAvailable .firstPackageItem img,.mainContent .packageBannerOnly .secondPackageItem{width:203px;}
.mainContent .packagesAvailable .packageInfoPanel .packageEnquiry,.mainContent .packagesAvailable .packageInfoPanel .productSignup{display:inline;float:right;padding-top:10px;width:156px;}
.mainContent .packagesAvailable .packageInfoPanel .packageEnquiry p,.mainContent .packagesAvailable .packageInfoPanel .productSignup p{color:#5E5E5E;margin-bottom:0;}
.mainContent .packagesAvailable .packageEnquiry p.linkButton,.mainContent .packageBannerOnly img{margin-bottom:0;}
/* End of Solar PV */


/* SSE Home Services related styles - RC 17/11/2011: These classes have been min-filtered to single line classes to save space  ------*/
/* Begin SSE Home Services Product Boxes  */
.productPanel .item:after,.productPanel .inner .details:after,.productPanel ul:after{clear:both;content:".";display:block;font-size:0;height:0;visibility:hidden;}
.mainContent .productPanel{margin:0 0 12px !important;padding:0 !important;position:relative;width:418px !important;}
.mainContent .productPanel .first{margin:0 0 12px !important;}
.mainContent .productPanel .item{background:url(/cssimages/preLogin/ItemContainer/container_back_418.gif) top left repeat-y !important;clear:both;margin:0;position:relative;width:418px !important;}
.mainContent .productPanel .inner{background:url(/cssimages/preLogin/ItemContainer/container_top_418.gif) top left no-repeat !important;width:100% !important;}
.mainContent .productPanel .details{background:url(/cssimages/preLogin/ItemContainer/container_bottom_418.gif) bottom left no-repeat !important;padding:10px;width:398px !important;}
.mainContent .productPanel h3{border-bottom:2px solid #8497BA;color:#0A2F75;font-size:90%;margin:0 0 10px;padding:5px 0 7px;}
.mainContent .productPanel .inner .details .icon{float:left !important;margin-bottom:0 !important;margin-right:10px !important;}
.mainContent .productPanel .inner .details .textTop{margin:0 0 0.3em;padding:0;}
.mainContent .productPanel .inner .details .textBottom{margin:0 0 0.5em;padding:0;}
.mainContent .productPanel ul{display:inline-block !important;float:none !important;margin:0 !important;min-height:125px;padding-bottom:0;width:240px;}
.mainContent .productPanel .details ul li,.mainContent .tick li,.productInfoPanel li,.tabPanel li{background:url("/cssimages/green-tick-large.gif") left 1px no-repeat !important;font-size:80%;list-style:none;margin-bottom:4px;padding-left:20px !important;}
.mainContent .productPanel .linkButton{float:right !important;}
.mainContent .productPanel .details ul li{font-size:100%;}
/* Begin SSE Home Services Product Page  */
.productSummary{width:95%;}
.productSummary h2{color:#082C73;margin-bottom:1em;}
.productSummary h2.top{color:#666;margin-bottom:1em;}
.productSummary .productImage{float:left;}
.productSummary .productText{float:right;font-size:0.8em;}
.productSummary ul{margin-bottom:1em;}
.productText ul li,.productMainContent ul li{background:url("/cssimages/green-tick-large.gif") left 1px no-repeat !important;font-size:1em;list-style:none;margin-bottom:4px;padding-left:20px !important;}
.offerDetails{border-top:1px solid #ededed;clear:both;float:none;overflow:hidden;}
.offerDetails div{clear:none;float:left;width:300px;}
.offerDetails img{clear:none;float:left;height:100px;margin:15px 15px 15px 0;width:100px;}
.offerDetails h4{color:#44840E;}
.wideProductBanner{border-bottom:1px solid #ededed;margin-bottom:20px;overflow:auto;padding-bottom:20px;width:100%;}
.wideProductBanner h2{color:#666;font-size:125%;}
.wideProductBanner ul{margin:10px 20px;}
.wideProductBanner ul li{background-position:left 4px;color:#666 !important;font-size:80%;}
.wideProductBanner h3{margin:15px auto 10px 30px;padding:auto;}
.wideProductBanner .linkButton a:link,.wideProductBanner .linkButton a:visited{background:url("/cssimages/productListing/feature-button-left.gif") no-repeat scroll left top transparent !important;height:31px;margin-left:20px;padding-left:30px;}
.wideProductBanner .linkButton a:link span,.wideProductBanner .linkButton a:visited span{background:url("/cssimages/productListing/feature-button-right.gif") no-repeat scroll right top transparent !important;font-size:110% !important;padding:7px 10px 10px 4px;}
.halfWidth{clear:none;float:left;width:324px;}
.marginLeft30{margin-left:30px;}
.marginLeft20{margin-left:20px;}
.productInfoPanel{clear:none;color:#0A2F75;float:left;margin-left:20px;width:290px;}
.productInfoPanel ul{font-size:90%;margin:20px;padding:0;}
/* End SSE Home Services Product Page */



/*Homepage redesign Nov 2010*/
.javascript .contentFrame {
	display:none;
}

.javascript .contentFrame:first-child {
	display:block;
}

/*homepage resize class*/
.mainContentHomepage {
	width:718px;
	float:left;
	clear:none;
}

.subContentHomepage {
	width:228px;
	margin-left:14px;
	float:left;
	clear:none;
}

.contentFullWidthHomepage {
	width:100%;
	height:100%;
	overflow:hidden;
	padding-bottom:10px;
}

/*carousel component, homepage*/
.carouselImage {
	width:718px;
	height:255px;
	position:relative;
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	-moz-box-shadow: 3px 0px 5px #ededed;
	-webkit-box-shadow: 3px 0px 5px #ededed;
	box-shadow: 3px 0px 5px #ededed;
}

.carouselImage .carouselBannerLink {
	display:block;
	width:100%;
	height:100%;
}

.carouselImage img {
    display:block;
	width:100%;
	height:100%;
}

.carouselDotOuter {
	position:absolute;
	bottom:0;
	right:0;
	text-align:center;	
	-moz-border-radius-topleft:25px 35px;
	-webkit-border-top-left-radius:25px 35px;
	border-top-left-radius:25px 35px;
	background:#e3e3e3;
	height:25px;
}

.carouselDotHolder {
	float:none;
	clear:both;
	margin:4px auto;
	padding:0 10px 0 20px;
}

.carouselDotHolder .bullets {
	display:inline;
	float:left;
	clear:none;
	padding:0;
}

.carouselDotHolder .bullets a {
	float:left;
	clear:none;
	margin:0 6px;
	padding:0;
	height:15px;
	width:15px;
}

.carouselDot {
	background:url("/cssimages/preLogin/carousel_bullets.png") top left no-repeat;
}

.carouselDot:hover {
    background:url("/cssimages/preLogin/carousel_bullets_hover.gif") top left no-repeat;
}

.carouselDotActive {
	background-position:-15px 0px;
}

.carouselArrow {
	float:left;
	clear:none;
	display:block;
	text-decoration:none;
	height:15px;
	width:15px;
	margin:0 5px;
}

/*tabbed component, homepage*/
.homepageTabs {
	padding:20px 0 0 0;
}

.navBar {
	width:100%;
	height:33px;
	text-align:center;
}

.navBar ul {
	padding:0;
	margin:0;
}

.navBar li {
	display:block;
	float:left;
	clear:none;
	color:#fff;
	text-transform:uppercase;
	margin:0 2px 0 0;
	background:url(/cssimages/HomepageTabBackground.jpg) repeat-x #0a2f75;
	border-top:1px solid #3372a6;
	border-left:1px solid #3372a6;
	border-right:1px solid #3372a6;
	border-top-left-radius:5px;
	-moz-border-radius-topleft:5px;
	-webkit-border-top-left-radius:5px;
	border-top-right-radius:5px;
	-moz-border-radius-topright:5px;
	-webkit-border-top-right-radius:5px;
}

.homePage #content .navBar li a:link, .homePage #content .navBar li a:visited {
	padding:5px 15px 0;
	margin:0;
	color:#fff;
	text-decoration:none;
	font-weight:bold;
	font-size:15px;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.8);
	display:inline-block;
	height:27px;
	font-family: Arial, Sans-Serif;
}

.homePage #content .navBar li a:hover {
    color:#d1deff;
}

.navBar li.activeTab {
	background:#326da1 url(/CssImages/HomepageTabActiveBackground.jpg) top left repeat-x;
}

.contentFrame {
	background:url(/cssimages/HomepageTabAreaBackground.jpg) repeat-x #203469;
	border-bottom-left-radius:5px;
	border-bottom-right-radius:5px;
	border-top-right-radius:5px;
	-moz-border-radius-bottomleft:5px;
	-moz-border-radius-bottomright:5px;
	-moz-border-radius-topright:5px;
	-webkit-bottom-left-border-radius:5px;
	-webkit-bottom-right-border-radius:5px;
	-webkit-top-right-border-radius:5px;
	-moz-box-shadow: 4px 2px 6px rgba(0,0,0,0.2);
	-webkit-box-shadow: 4px 2px 6px rgba(0,0,0,0.2);
	box-shadow: 4px 2px 6px rgba(0,0,0,0.2);
	width:718px;
	float:none;
	clear:none;
	height: 415px;
}

.contentFrame h2{
    font-family: Arial, Sans-Serif;
}
    
.contentFrame h2 {
	float:none;
	clear:both;
	color:#fff;
	font-size:15px;
	padding:10px;
}

.contentFrameFooter {
	float:none;
	clear:both;
	width:100%;
	text-align:right;
}

.homePage #content .contentFrameFooter p {
    margin:0 15px;
    padding:4px 0 10px;
    background:url("/cssimages/preLogin/dashed_divider_horiz.gif") top left repeat-x;
    color:#FFF;
}
 
.homePage #content .contentFrameFooter p a:link,.homePage #content .contentFrameFooter p a:visited {
	color:#fff;
	font-size:15px;
}

.tabPanel {
	background-color:#fff;
	background:-webkit-gradient(linear, left top, left bottom, from(#fff), to(#ccc), color-stop(0.75, #fff));
	background:-moz-linear-gradient(top, #fff, #fff 200px, #e3e3e3 320px );
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
    -moz-box-shadow: 1px 0px 7px #003366;
	-webkit-box-shadow: 1px 0px 7px #003366;
	box-shadow: 1px 0px 7px #003366;
	float:left;
	clear:none;
	position:relative;
	padding:6px;
	margin:10px 0px 10px 10px;
	width:213px;
	height:auto;
	height:350px;
	display:inline;
}

.tabPanel.tabPanelTwo{
    width:331px;
}

.tabPanel p.cornerImage {
    width:80px;
    height:80px;
    margin:0;
    padding:0;
    position:absolute;
    top:0; 
    right:0;
    -moz-border-radius:3px;
    border-radius:3px;
}

.tabPanel p.cornerImage span {
    display:none;
}

.homepageCorner {
	position:absolute;
	top:81px;
	right:0;
	margin:0;
}

.tabPanel h3, .tabPanel h4 {
    font-family: Arial, Sans-Serif;
	color:#70BC1F;
	margin:10px;
	width:150px;
}

.tabPanel h3 {
	font-size:15px;
}

.tabPanel h4 {
	font-size:17px;
	padding-bottom:10px;
}

.tabPanel.tabPanelTwo h4{
    width:300px;
}

.tabPanel .learnMore {
	border-bottom:1px #ccc dashed;
	display:block;
	font-size:12px;
	margin:10px;
}
.tabPanel ul {
	height:auto;
	overflow:visible;
	border-top:1px #ccc dashed;
	padding-top:10px;
	margin:0 10px;
}
.tabPanel ul li {
    line-height:15px;
    min-height:20px;
    margin-bottom:12px;
}

.tabPanel .linkButton {
    margin-left: 50px;
	position: absolute;
	text-align: center;
	top: 85%;
}

.tabPanel .heading {
	height: auto;
}

/*.lrgButton updated for front page only... */
.subContentHomepage .lrgButton a:link, 
.subContentHomepage .lrgButton a:visited, 
.subContentHomepage .lrgButton a:hover, 
.subContentHomepage .lrgButton a:active,
.mainContentHomepage .lrgButton a:link, 
.mainContentHomepage .lrgButton a:visited, 
.mainContentHomepage .lrgButton a:hover, 
.mainContentHomepage .lrgButton a:active  {
	background: url(/cssImages/productListing/feature-button-left.gif) top left no-repeat !important;
	padding-left:30px !important;
	font-weight:normal;
	color:#fff;
	font-size:90% !important;
	display:inline-block;
	float:none;
}

.subContentHomepage .lrgButton a:link span, 
.subContentHomepage .lrgButton a:visited span, 
.subContentHomepage .lrgButton a:hover span, 
.subContentHomepage .lrgButton a:active span,
.mainContentHomepage .lrgButton a:link span, 
.mainContentHomepage .lrgButton a:visited span, 
.mainContentHomepage .lrgButton a:hover span, 
.mainContentHomepage .lrgButton a:active span {
	background: url(/cssImages/productListing/feature-button-right.gif) top right no-repeat !important;
	padding:8px 14px 14px 4px !important;
	font-weight:normal;
}

.subContentHomepage .lrgButton {
	margin:0;
	padding:0;
}

.subContentHomepage .lrgButton a:link {
	margin:0;
	padding:0;
}

.tabPanelGetItButton {
     height:30px;
     margin-bottom:4px;
     margin-top:4px;
}

#content .subContentHomepage .linkButton a:hover, #content .mainContentHomepage .linkButton a:hover {
	color:#D1DEFF;
}

/*Customer area - Green Right hand side navigation*/
.customerArea {
	background:url(/cssImages/HomepageSubMenuBackground.jpg) repeat-x #70bc1f;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}

.customerArea h3, .customerArea h4 {
    font-family: Arial, Sans-Serif;
	color:#336600;
	margin:10px;
}

.customerArea h3 {
	font-size:24px;
	font-weight: bold;
	width:100%;
	margin:0;
	padding:0;
	text-align:center;
	height:46px;
	line-height:46px;
	text-shadow: 0 1px 1px rgba(255, 255, 255, 0.6);
}

.customerArea h4{
    font-size:16px;
}

.login2 {
	overflow:hidden;
	float:none;
	clear:none;
	margin:10px 10px 5px;
}

.login2 h4 {
	display:block;
	float:left;
	clear:left;
	margin:6px 0 0 0;
}

.customerArea .subMenu .login2 .linkButton {
	float:right;
	clear:right;
}

#content .customerArea .subMenu .login2 .linkButton a:link {   
    background:url(../cssimages/preLogin/button_blue_on_green_left.gif) top left no-repeat !important;
}

#content .customerArea .subMenu .login2 .linkButton a:link span{
    background:url(../cssimages/preLogin/button_blue_on_green_right.gif) top right no-repeat !important;
}

.largeBlueButton {
	margin: 25px 0;
}

.largeBlueButton a {   
    background:url(../cssimages/preLogin/button_blue_on_green_left.gif) top left no-repeat !important;
    padding: 3px 0 12px 32px;
    color: #FFFFFF!important;
    font-weight: bold;
    text-decoration: none!important;
}
.largeBlueButton a span {
    background:url(../cssimages/preLogin/button_blue_on_green_right.gif) top right no-repeat !important;
    padding: 3px 12px 12px 5px;
}

.homePage .customerArea .subMenu, .newsElement {
	float:none;
	clear:both;
	overflow:hidden;
	-moz-box-shadow:inset 0px 7px 6px rgba(0, 0, 0, 0.08);
	-webkit-box-shadow:inset 0px 7px 6px rgba(0, 0, 0, 0.08);
	box-shadow:inset 0px 7px 6px rgba(0, 0, 0, 0.08);
	width:100%;
	background:none;
	border-top:1px solid #d4ebbc;
	margin-bottom:0;
}
.homePage .customerArea .subMenu ul {
	width:210px;
	background:none;
	padding:0;
	margin:auto;
}
.homePage .customerArea .subMenu li {
	background:url(/CssImages/preLogin/customer_area_divider_horiz.gif) top left repeat-x;
	float:left;
	width:100%;
}
.homePage .customerArea .subMenu ul li a {
	width:auto;
	height:auto;
	font-size:14px;
	font-weight:normal;
	padding:10px 0 8px 18px;
	background:url(/CssImages/list_arrow_right_white.gif) no-repeat 0 12px;
	display:block;
}

.homePage .customerArea .subMenu ul li a:hover{
	background:url(/CssImages/list_arrow_right_white.gif) no-repeat 0 12px;
}

/*News element*/
.newsElement {
	position:relative;
}
.homePage #content .newsElement a:link ,#contentContainer  .newsElement a:visited, #content  .newsElement a:link, #content  .newsElement a:visited{
    color:#fff;
    text-decoration:none;
}
.newsElement dl {
	list-style:none;
	color:#fff;
	font-size:13px;
	margin:10px;
	padding:10px 15px;
	background:#9bd062;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	overflow:hidden;
	height:114px;
}
.newsElement dt.title {
	font-size:1.1em;
	line-height:1.2em;
	font-weight:bold;
	padding:0 0 10px;
}
.newsElement dd.description {
	line-height:1.1em;
	/*width:85px;*/
	overflow:hidden;
	width:100%;
}
.newsElement dd a {
    padding-right:5px;
}
.newsElement dd img {
    float:left;
	height:80px;
	width:80px;
	margin:0 8px 0px 0;
}
.newsElement .arrowLeft {
	-moz-box-shadow: 0 0 7px rgba(100, 100, 100, 1);
	-webkit-box-shadow:  0 0 7px rgba(100, 100, 100, 1);
	box-shadow:  0 0 7px rgba(100, 100, 100, 1);
	-moz-border-radius:12px;
	-webkit-border-radius:12px;
	border-radius:12px;
	position:absolute;
	left:3px;
	top:100px;
}
.newsElement .arrowRight {
	-moz-box-shadow: 0 0 7px rgba(100, 100, 100, 1);
	-webkit-box-shadow: 0 0 7px rgba(100, 100, 100, 1);
	box-shadow: 0 0 7px rgba(100, 100, 100, 1);
	-moz-border-radius:12px;
	-webkit-border-radius:12px;
	border-radius:12px;
	position:absolute;
	right:3px;
	top:100px;
}
/*cell feature - bottom grey components homepage*/
/*rows for height fixing*/
.cellRow {
	width:100%;
	height:auto;
	float:none;
	clear:both;
	overflow:hidden;
}
/*common cell features*/
.cellImage {
	width:80px;
	height:100%;
	float:left;
	clear:none;
}
.cellImage img {
	margin:8px 5px;
}
.cellText {
	float:right;
	display:inline;
	height:100%;
	margin:5px 8px 5px 0px;
}
.cellText h4 {
	color:#70BC1F;
	margin-top:10px;
}
.cellText p {
	line-height:1.1em;
	font-size:12px;
	margin:5px 0;
}
.cellText h4, .cellText p {
	clear:none;
	line-height:1.3em;
}
/*different configs of cells*/
.cell {
	background:#f0f0f0;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	float:left;
	clear:none;
	overflow:visible;
	margin:15px 0 0;
}
.cellRow .last {
    margin-left:18px;
}
.mainContentHomepage .cell {
	width:349px;
}
.mainContentHomepage .cell .cellText {
	width:250px;
}

.subContentHomepage .cell {
	width:100%;
	margin:15px 0 0 0;
}
.subContentHomepage .cellText {
	width:130px;
	margin:5px 5px 5px 8px;
}
.cellShort {
	min-height:125px;
}
.cellTall {
	min-height:230px;
}
.mainContentHomepage .cell.cellDoubleWidth {
	width:704px;
	margin:10px 0 0 10px;
}
.mainContentHomepage .cell.cellDoubleWidth .cellText {
	width:245px;
}
/*high*/
.cellTall {
	min-height:230px;
}
/*cell link styles*/
#content .cellText h4 a:link, #content .cellText h4 a:visited, #content .cellText h4 a:hover
{
    color:#70BC1F;
    text-decoration:none;
}
#content .cellText h4+p a:link, #content .cellText h4+p a:visited
{
    color:#666;
    text-decoration:none;
}
/* Red arrow on blue button */
.lrgRedOnBlueButton {
	font-size:110%!important;
	margin:25px 0;
}
.lrgRedOnBlueButton a:link,.lrgRedOnBlueButton a:visited,.lrgRedOnBlueButton a:hover,.lrgRedOnBlueButton a:active {
	height:36px!important;
	background:url(/cssImages/productListing/feature-button-left.gif) top left no-repeat!important;
	padding-left:30px!important;
	font-weight:normal!important;
}
.lrgRedOnBlueButton a:link span,.lrgRedOnBlueButton a:visited span,.lrgRedOnBlueButton a:hover span,.lrgRedOnBlueButton a:active span {
	background:url(/cssImages/productListing/feature-button-right.gif) top right no-repeat!important;
	padding:8px 14px 12px 4px!important;
}

/*----- Ektron Page Builder styles - RC: These classes have been min-filtered to single line classes to save space  ------*/

/* PageHost SSE Theme from 7.6.6 work area */
div.EktronPersonalizationWrapper .MenuToggle{height:60px;width:auto;}
div.dropzone div.PBColumn ul.columnwidgetlist{border:1px dashed #c9d3db;}
div.dropzone div.PBColumn ul.columnwidgetlist li{margin:0;padding:0;}
.homePage #content .subContent div.dropzone div.PBColumn{margin:0;}
div.PBColumn ul.columnwidgetlist li.header{display:none;height:3px;}
div.PBColumn ul.columnwidgetlist li.header > span{background:#C9D3DB;display:none;height:3px;}
div.PBColumn div.widget div.header span{float:none;font-size:13px;margin:.0em .45em;padding-bottom:.25em;}
div.PBColumn img.PB-UI-icon{margin-bottom:.15em;margin-right:.2em;}
ul.columnwidgetlist > li,ul.columnwidgetlist{margin:0;padding-top:0;}
/* page builder fixes for equator's template  */.subContent .PBViewing,.subContent .PBColumn{float:right;margin-right:30px;}
.mainContent li.PBItem .productHeader h2,.mainContent li.PBItem .productFullWidth h2{font-size:125%;padding-left:8px;}
/* end of reskin 4/11/2009  */Content .mainContent li.PBItem .product .productHeader h2,.mainContent li.PBItem .productFullWidth h2{padding-left:12px;}
.mainContent li.PBItem h2{font-size:200%;}
.mainContent li.PBItem h4{font-size:150%;}
.mainContent li.PBItem .contentSection h2{font-size:170%;}
.mainContent li.PBItem .FAQcontent h3{font-size:125%;}
#content .mainContent .features li.PBItem .service h3 span{font-size:78%;}
#content .banners .dropzone{clear:none;float:left;margin:0;padding:0;}
#content .banners li.PBItem{clear:none;display:block;float:left;margin:0;padding:0 3px 0 0;}
#content li.PBItem .productAtaGlance{margin:-2px 15px 30px 0;position:relative;}
/*-------start clearFix ----- clearFix will expand parent containers to match height of inner floated divs */#content li.PBItem:after{clear:both;content:".";display:block;height:0;line-height:0;visibility:hidden;}
#content li.PBItem{display:inline-block;}
html[xmlns] #content li.PBItem{display:block;}
* html #content li.PBItem{height:1%;}
.clearFix_right:after{clear:right;content:".";display:block;height:0;visibility:hidden;}
/*-------end of clearFix -----  */#content ul.columnwidgetlist{margin:0 !important;padding:0 !important;}
.eBilling .dropzone{padding:0;width:170px;}
.subContent .dropzone .detailsContent .applyButton{padding-left:6px;}
div.EktronPersonalizationWrapper .topmenuitem ul,.ctl00_ContentPlaceholder_TopContentDropZone_updatepanel{border:solid 1px #000;}
div.PBViewing div.widget div.content,.PBClear,div.dropzone,#content li.PBItem,#content li.PBItem{border:none !important;margin:0 !important;padding:0 !important;}
.homePage .subContent .PBViewing,.homePage .subContent .PBColumn,.homePage .subContent .PBItem,.subContent .PBViewing .subContentContainer{margin-right:0;}
.mainContent li.PBItem .itemGroup .item .inner .details h2,.mainContent li.PBItem .itemFeature .inner h2,.mainContent li.PBItem h5,.mainContent li.PBItem .fullContent h4,.mainContent li.PBItem .fullContent h5,#content .mainContent .features li.PBItem .service h3{font-size:130%;}
.mainContent li.PBItem .pageFeature .pageFeatureContent .inner h2,li.PBItem .innerContent h2,.mainContent li.PBItem .contentSection h3,.mainContent li.PBItem .fullContent h3{font-size:140%;}
.banners .subBanner li.PBItem .details h3,#content .banners .subBanner li.PBItem div h3,.services li.PBItem div h3,.banners .homeTopNarrow li.PBItem .homepageSignpostInner .innerContent h3,.features .secondGroup li.PBItem .innerContent h3,.features .secondGroup li.PBItem .innerContent h3 strong,#content .mainContent .latestNews li.PBItem .newsItem dt,#content .mainContent .latestNews li.PBItem .newsItem dd p{font-size:100%;}
.secondGroup li.PBItem .innerContent p.action a,.mainContent li.PBItem h3{font-size:160%;}
.features .firstGroup li.PBItem .innerContent h3,.features .firstGroup li.PBItem .innerContent h3 strong,.mainContent li.PBItem .contentSection h5{font-size:110%;}
.mainContent li.PBItem .contentSection h4,.mainContent li.PBItem .fullContent h5,.mainContent .sectionQuestions .questionList .question h4{font-size:120%;}

/*-- end of Ektron Page Builder styles --*/

/* widget edit form */

table.edit_form , table.multiwidget_form {
	width:99%;
	white-space:nowrap;
}
table.edit_form td  {
	white-space:nowrap;
}
table.edit_form p   {
	white-space:nowrap;
	margin:7px 0px 0px 0px;
}
table.edit_form select  {
	width:95%;
}
table.edit_form .actions {
	padding:8px 0px 6px 6px;
} 
table.edit_form .actionswide 
{
	padding:8px 0px 6px 19px;
} 

table.edit_form td.multi-widget-cell {
	padding:5px 3px 0px 3px;
}

table.edit_form td.multi-widget-cell .prompt    {
	margin:3px 0px;
	display:block;
	font-size:120%;
	color:Black;
}

/* edit widget edit form */


/* 'multi-widget' styles */

.multiwidget_form td {
	padding:2px 4px; 
}
.multiwidget_form td.label  {
	width:35%;
}
.multiwidget_form td.select {
	width:64%;
}
table.multiwidget_form select  {
	width:98%;
}
#existing_questions { width: 97%; padding:10px 0; clear:both; }


/*--- 
RC 17/11/2011: Removed chunk of jQuery UI css which was repeated, the styles are located@ /Css/jQueryUI/jquery-ui-1.8.4.custom.css 
---*/

.show_design_border, table.show_design_border td, table.show_design_border th {
  border: 0;
}

#design_content, div.design_content {
    overflow: visible;
    padding: 0;
}

/* Equator versions of iplan product landing page for attempting to reduce bounce rates. RC: These classes have been min-filtered to single line classes to save space.  */
.flashWrapperLeft{float:left;}
.iplanIntro{clear:both;display:inline-block;float:none;height:336px;margin:20px auto;overflow:hidden;width:985px;zoom:1;}
.iplanIntro strong{color:#7AC143;}
#content .iplanIntro h1{color:#7AC143;font-family:Tahoma, Geneva, sans-serif;font-size:280%;margin-top:30px;text-transform:lowercase;}
.iplanIntro h2{color:#02528F;font-size:100%;margin-bottom:12px;text-transform:uppercase;}
.iplanIntro .iplanText{float:right;margin-right:20px;width:430px;}
.iplanIntro .iplanText p,.iplanIntro .iplanText li{color:#231F20;font-size:80%;}
.iplanIntro ul li{background-attachment:scroll;background-clip:border-box;background-color:transparent;background-image:url("/cssImages/preLogin/productTemplate/listIcon_tick.gif");background-origin:padding-box;background-position:left 4px;background-repeat:no-repeat;background-size:auto auto;list-style-image:none;list-style-position:outside;list-style-type:none;margin-bottom:4px;padding-left:22px;}
.iplanIntro .iplanText p{margin-bottom:12px;}
.singlePage .linkButton a:link,.singlePage .linkButton a:visited,.mainContent .packagesAvailable .productSignup .linkButton a:link{background-attachment:scroll!important;background-clip:border-box!important;background-color:transparent!important;background-image:url("/CssImages/productListing/feature-button-left.gif")!important;background-origin:padding-box!important;background-position:left top!important;background-repeat:no-repeat!important;background-size:auto auto!important;height:31px!important;margin-left:20px!important;padding-left:30px!important;}
.singlePage .linkButton a:link span,.singlePage .linkButton a:visited span,.mainContent .packagesAvailable .productSignup .linkButton a:link span{background-attachment:scroll!important;background-clip:border-box!important;background-color:transparent!important;background-image:url("/CssImages/productListing/feature-button-right.gif")!important;background-origin:padding-box!important;background-position:right top!important;background-repeat:no-repeat!important;background-size:auto auto!important;padding:7px 10px 10px 4px !important;}
.singlePage .iplanIntro .linkButton{float:right;margin-right:30px;text-align:center;}
.singlePage .buttonFloat .linkButton{float:right;margin-bottom:0;margin-top:24px;}
.singlePage .productInformationContainer{background:none;padding-top:0;}
.productInformationContainer .contentBlockContainer.halfContentBlock{background:none;float:left;margin-left:40px;width:400px;}
.productInformationContainer .contentBlockContainer.halfContentBlock .showHideContainer .textContainer{margin-right:5px;width:235px;}
.singlePage .tabbedContent #interactiveDemo.mediaContainer{clear:both;float:none;padding-left:0;}
.iplanVariation{font-weight:700;padding-top:10px;}
.iplanVariationFloat{float:none;overflow:hidden;width:450px;zoom:1;}
.iplanVariationFloat .cta.show{width:200px;}
#mainFlashMV a:hover{cursor:pointer;}
.contentBlockContainer p.linkButton{float:right;margin-right:20px;}
.setWidthButton p.linkButton{clear:both;display:block;}
.fl_right,.iplanVariationFloat .linkButton,.stepContainer .linkButton{float:right;}
/* End of Equator versions of iplan product landing page for attempting to reduce bounce rates */

.bulleted ul {
	list-style-type: disc;
	margin-left: 15px;
}

.bulleted ul li {
	font-size: 70%;
}

.bulleted ul li a{
	font-size: 100%;
}

