@import url("eqtr_nav.css");
/*

File    :   eqtr_components.css
Created :   19.12.2008
Author  :   Sean Jones @ Equator
		
Update :    5.10.2009
Author :    Jamie Boyd @ Equator	

Update :    30.11.2009
Author :    Wolfie McMullan @ SSE Design Team
Notes  :    SSE_Components appeneded to the Equator CSS - BG images, css and updated to reflect latest Equator styling
            All updates commented below with Intials and relevant date eg - WM.23.11.09 

Update :    3.12.2009
Author :    Darren Thomas @ SSE Build Team
Notes  :    Added nVisage style for Headlines Widget and fix for in page highlights not being displayed.

Update :    13.12.2009
Author :    Darren Thomas @ SSE Build Team
Notes  :    Added nVisage bullet point style fix.

Update :    14.12.2009
Author :    Darren Thomas @ SSE Build Team
Notes  :    Fix search box position.

Update :	11.01.2010
Author :	Dru Moore @ Nvisage
Notes  :	Line height correction for Top Row Homepage features whose content spans multiple lines.
			Removed Width assignation for Answer block of a Question and Answer widget - was too big for containing element.
			Added !important to list items with arrow graphic to maintain arrow positioning in edit mode.

Update :	18.01.2010
Author :	Rob Edwards @ SSE Build Team
Notes  :	Added in extra width for the registration personal page to line up input elements

Update :	17.01.2010
Author :	Dru Moore @ Nvisage
Notes  :	brandMessage internal image right positioning adjusted for rosette style image.	
			Added ul width for expanding boxes to allow the list to span full width of the content (.fullContent).

Update :    19.02.2010
Author :    Darren Thomas @ SSE Build Team
Notes  :    Fix for link component wrapping text.

Update :    03.03.2010
Author :    Darren Thomas @ SSE Build Team
Notes  :    Remove SSEInternet Links

Update :    21.06.2010
Author :    Jamie Boyd @ Equator
Notes  :    Footer styles have been modified and expanded to include new "fat footer" links panel
			



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 (12/05/2009)

*/

/*--------------------------*/
/*---[ 1. Site Controls ]---*/
/*--------------------------*/

/* Breadcrumbs, low graphics mode and sitemap link */

#siteControls {
	color:#FFF;
	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; /* Layout fix - 21/06/2010 - JB@equator */
	font-size:68.75%;
	line-height:1.6em;
	margin:0;
	}
.breadcrumbs a, ul.controls a {
	color:#FFF;
	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:#FFF;
	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 #FFF;
	}
#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:229px;
	}
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:185px;
	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 {
	position:absolute;
	margin:-999px 0 0 0;
	}
.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;
	}
/*-- Form Submit Button - Updated WM.23.11.09 --*/		
.submitButton, .submitButton input {
}
.submitButton {
	padding:0 8px 0 0;
	margin: 0 0 0 0;
	background:url(/cssimages/preLogin/buttonRight.png) right no-repeat;
	height:22px;
	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; /* Dru - NV 11/10/2010 - Fix lineheight for multiline paragrpahs in Homepage Top Panels (e.g. Keep Cosy this Winter as of 12/2009 templates */
}
.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; /* Layout fix - 21/06/2010 - JB@equator */
	}
.homePage .mainContent .features p.extraInfo {
	color:#1B3C78;
	font-size:70%;
	line-height:1.2em;
	margin-bottom:10px;
	}
/*#content .mainContent .features h2 {
	font-size:100%;
	color:#1B3C78;
	font-weight:normal;
	}*/
.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 {
	color:#FFFFFF;
	text-decoration:none;
	}
	
#content .featureLinks a:hover {
	color:#FFFFFF;
	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!important;
	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;
	color:#1B3C78;
	}
#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;
	color:#44840E;
	padding:0px;
	text-transform: uppercase;
	}
#content #contentContainer h1.pad {
	margin:40px 0 23px 0px;
	
}
	
#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 .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;
}

.subContent .subContentItem .itemContent {
	width:193px;
	background:url(/cssimages/preLogin/ItemContainer/subcontent_top_193.gif) top left no-repeat;
}

.subContent .subContentItem .itemContent .inner {
	width:173px;
	background:url(/cssimages/preLogin/ItemContainer/subcontent_bottom_193.gif) bottom left no-repeat;
	padding:10px;
}

.subContent .subContentItem .itemContent .inner h3 {
	font-size:112.5%;
	color:#0F317F;
	margin-bottom:4px;
}

.subContent .subContentItem .itemContent .inner .details {
	color:#666;
	line-height:1.1em;
}

.subContent .subContentItem .itemContent .inner .details .icon {
	float:right;
	margin:0 5px 10px 30px;
}

.subContent .subContentItem .itemContent .inner .details .icon.liveChat {
	margin-top:-15px;
	margin-right:10px;
}

.subContent .subContentItem .itemContent .inner .details .linkButton {
	margin-top:12px;
	font-size:62.5% !important;
}

.subContent .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;
}

.subContent .subContentItem .itemContent .inner .details .linkButton a:hover {
	color:#d1edff !important;
}

/* 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;
	}	
/* 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 {
	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;
	}
.formButton 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;
	}	
/* 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;
	}

/*-----[ BUTTONS END ]-----*/	
	
	
/*---[ Main offer component ]---*/	
.offerImage {
	margin-bottom:-10px;
	}
/* 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;
	}
.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.6875em;
	line-height:1.3em;
	padding:0 0 8px;
	background:none;
}

#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/preLogin/new_footer_box_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:#CAEA7D;
}

#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;
}


/* Alternate version of footer component */

#footer .altLinks {
	background-color:#EAEAEA;	
}

#footer .altLinks .linkRow {
	float:left;
	width:966px;
	background:url(/cssimages/preLogin/new_footer_links_divider_v2.gif) top left repeat-y;
}

#footer .v3 {
	background:#ecf2f9 url(/cssimages/preLogin/new_footer_top_grad_v2.gif) top left repeat-x;
}

#footer .v3 .linkRow {
	float:left;
	width:966px;
	background:url(/cssimages/preLogin/new_footer_links_divider_v3.gif) top left repeat-y;
}

#footer .altLinks .oneCol .linkRow {
	background-image:none;
}

#footer .altLinks .twoCol .linkRow {
	background-position:-644px 0px;
}

#footer .altLinks .threeCol .linkRow {
	background-position:-483px 0px;
}

#footer .altLinks .fourCol .linkRow {
	background-position:-322px 0px;
}

#footer .altLinks .fiveCol .linkRow {
	background-position:-161px 0px;
}

#footer .altLinks .linkList h4 {
	padding-bottom:8px;
}

#footer .altLinks .linkList ul li {
	font-size:0.6875em;
	padding:0 0 8px;
	background:none;
}

#footer .altLinks .linkList .actionList ul li {
	font-size:0.6875em;
	line-height:1.3em;
}

#footer .altLinks .linkList .actionList ul li a {
	color:#555;
	font-weight:normal;
}

#footer .v3 .linkList .actionList ul li a {
	color:#4a79ae;
}

#footer .altLinks .linkList .userInfoList ul li {
	font-size:0.6875em;
	padding:0;
	background:none;
	line-height:2em;
}

/* End of: Alternate version of footer component */

/* 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 12px;
	}
.fullWidthContainer .sectionIntro {
	padding-bottom:17px;
	}
	
.tariffContainer {
	margin-top:30px;
	}
	
.fullWidthContainer .formContainer {
	padding-top:4px;
	/** background:url(/cssimages/preLogin/formContainerTop.gif) top left no-repeat; **/ /** WM.23.11.09  **/
	}
.fullWidthContainer .formContainer .form {
	padding-bottom:4px;
	background:url(/cssimages/preLogin/ItemContainer/container_bottom_658.gif) bottom left no-repeat;  /** WM.23.11.09 **/
		}
		
.productFullWidth {
	padding-bottom:4px;
	background:url(/cssimages/preLogin/ItemContainer/container_bottom_658.gif) bottom left no-repeat;  /** WM.23.11.09 **/
}

.productFullWidth .details{
	overflow:hidden;
}
.productFullWidth { 
	margin: 25px 0 10px 0;
}
		
.fullWidthContainer .form fieldset {
	/** background:#F2F8EA; 
	border-left:1px solid #DFE5DB;
	border-right:1px solid #DFE5DB; WM.23.11.09 **/
	padding:11px 15px;
	}
.form label {
	font-size:70%;
	}
.form fieldset {
	border:none;
	}
.form .error {
	font-size:70%;
	display:block;
	clear:both;
	color:red;
	}
.form .formElements {
	margin: 0 0 10px 0;
	overflow:hidden;
	height:100%;
}
.form .formElements input, .form .formElements select {
	border:1px solid #DFE5DB;
	margin: 0 0 10px 0;
	color:#666666;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

.form .formElements input {
	padding:2px;
	}
.form .formElements select {
	width:90px;
	}

.formElements .postCode {
	width:60px;
	margin-right:10px;
	}
.registrationPersonal .formElements label {
    min-width: 225px;
}
.formElements span {
	width: 200px;
	
}

#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 { /** WM.30.11.09 to align form elements and labels **/
	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;
	}
.fullWidthContainer .siteMap {
	padding:0;
	margin-top:3px;
	}		
.siteMap ul {
	border-top:1px solid #8899B9;
	font-size:85%;
	list-style:none;
	padding-top:8px;
	margin-bottom:12px;
	}
.fullWidthContainer .siteMap ul {
	width:202px;
	}	
.fullWidthContainer .siteMap ul ul {
	width:auto;
	}				
.siteMap li {
	list-style:none;
	}	
.siteMap ul li {
	font-weight:bold;
	margin:0 0 0 0;
	padding-top:0px;
	}	
.siteMap ul li ul li a {
	background:url(/cssimages/preLogin/siteMapListBkg.gif) center left no-repeat;
	padding-left:10px;
	}	
.siteMap ul li ul {
	border:none;
	font-size:98%;
	padding-top:0;
	margin-bottom:0;
	width:auto;
	}			
.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:26px;
	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:underline;
	color:#1B3C78;
	}
.siteMap a:hover,.siteMap a:active {
	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
{
	color: #809fbc;
	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;
	}
	
.formElements textarea {
	margin-left: 10px;
}
	
.greenText {
	color:#669F46;
	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-top: 12px;
	padding-right: 12px;
	padding-bottom: 12px;
	padding-left: 12px;
} **/

.blockFullWidth {
	width:658px;
	background:url(/cssimages/preLogin/ItemContainer/container_back_658.gif) top left repeat-y;
	float:left;
	margin: 0 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 {
	background:#7DB94D url(/cssimages/preLogin/formHeader_658.gif) top center no-repeat;
	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:0 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;
}

.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 */
/* 
....loading....
Console panel is disabled

Use the Firebug status bar icon menu to enable and disable all panels. Use the panel tab's small menu for individual panel control: 
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
</head>
<body id="thebodyheight" class="" onload="getScrollXY();PositionWebsite(); enableTooltips();" style="background-color: rgb(127, 196, 32);">
<form id="aspnetForm" action="webchat.aspx" method="post" name="aspnetForm">
<div>
</div>
<script type="text/javascript">
</script>
<script type="text/javascript" src="/WebResource.axd?d=z8qyXo_9dt1icC8h99Tdvg2&t=633525957569754997">
</script>
<script type="text/javascript" src="/ScriptResource.axd?d=zemtsDWt8sx183CNYtS3qD0gSo4FvJIB6Qw-hsBzEJZkST4HEyuXOfkYsiXAvyEo18L6Ll6hAWaCl-l-ozd4TaZGyO_cGLrBwnqwDMVNb_w1&t=633525907639240323">
</script>
<script type="text/javascript" src="/ScriptResource.axd?d=zemtsDWt8sx183CNYtS3qD0gSo4FvJIB6Qw-hsBzEJZkST4HEyuXOfkYsiXAvyEo243ByZsa0H7ioqZH4jB23dgkv76MXRVYKuhEhtGn-KE1&t=633525907639240323">
</script>
<div id="container2" style="margin-left: 149px;">
<script type="text/javascript">
</script>
<div id="accessNav">
</div>
<div id="columnRight">
</div>
<div id="columnLeft">
</div>
<div class="clearBoth"/>
<div id="helpOuterContainer" class="helpOuterContainer">
</div>
</div>
<div>
</div>
<script type="text/javascript">
</script>
<script type="text/javascript">
</script>
<script type="text/javascript">
</script>
</form>
<script type="text/javascript" src="/js/Crm.js.aspx">
</script>
<noscript><img src="../Tracker.aspx?url=https://www.atlanticeg.co.uk/chat/webchat.aspx" id="ctl00_imgTracker" alt="Tracker" /></noscript>
<div id="backgroundAnim" style="height: 878px;">
</div>
<script type="text/javascript">
</script>
<script type="text/javascript" src="https://ssl.google-analytics.com/ga.js">
</script>
<script type="text/javascript">
</script>
<span id="btc" style="position: absolute;"/>
</body>
</html>
214 x 46

*/

#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:left;
font-weight:bold;
height:30px;
margin-left:10px;
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:right;
margin-right:14px;
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 */

/* SubmissionButton: Copy of submitButton class from Equator, renamed to get around eqtr_IE6.css styling override */

/** Form button updated - WM.23.11.09 **/	
		
.submissionButton, .submissionButton input {
}

.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:0 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;
}

.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 */