/*Navigation*/
.navigationDivider{display:block; clear:left;font-size:0px;height:15px;line-height:0px; margin:0; padding: 0px; font-size:0px; background: #A3D414 url(../cssimages/nav-divider.gif) no-repeat right top;}

.sse02Navigation{width:100%;float:left;margin:0; padding: 0px; background-color:#F2F8EA;}

.sse02Navigation ul{min-height: 40px; background:url(../cssimages/navigation-bg.gif) #F2F8EA repeat-x bottom left; display: block;list-style:none;margin:0px;padding:0px 0px 0px 17px;width:753px;}

.sse02Navigation ul li{display:block;float:left;margin:14px 0px 0px 0px;text-decoration:none;}
.sse02Navigation ul li.home {background:url(../cssimages/nav-home-left.gif) no-repeat left 0px; padding:0px 0px 0px 20px;}
.sse02Navigation ul li.maintenance {background:url(../cssimages/nav-maintenance-left.gif) no-repeat left 0px; padding:0px 0px 0px 22px;}
.sse02Navigation ul li.installation {background:url(../cssimages/nav-installation-left.gif) no-repeat left 0px; padding:0px 0px 0px 22px;}
.sse02Navigation ul li.contact {background:url(../cssimages/nav-contact-left.gif) no-repeat left 0px; padding:0px 0px 0px 22px;}

.sse02Navigation ul li a{font-weight: bold;color:#FFFFFF;display:block;float:left;font-size:70%!important;margin:0px;min-height:22px;text-decoration:none;}
.sse02Navigation ul li a:hover{color:#1B3C78;}
.sse02Navigation ul li.home a {background:url(../cssimages/nav-home-right.gif) no-repeat right 0px; padding:5px 20px 0px 0px;}
.sse02Navigation ul li.maintenance a{background:url(../cssimages/nav-maintenance-right.gif) no-repeat right 0px; padding:5px 20px 0px 0px;}
.sse02Navigation ul li.installation a{background:url(../cssimages/nav-installation-right.gif) no-repeat right 0px; padding:5px 20px 0px 0px;}
.sse02Navigation ul li.contact a{background:url(../cssimages/nav-contact-right.gif) no-repeat right 0px;padding:5px 25px 0px 0px;}

.sse02Navigation ul li.active{padding:0px 0px 0px 20px; display:block;float:left;margin:6px -3px 0px 0px;text-decoration:none; min-height: 34px; position: relative; z-index:100; background:url(../cssimages/nav-left-act.gif) no-repeat left 0px;}
.activeHome {background:url(../cssimages/nav-home-left-act.gif) no-repeat left 0px!important;}

.sse02Navigation ul li.active a{background:url(../cssimages/nav-right-act.gif) no-repeat right 0px; padding:13px 20px 0px 0px; font-weight: bold;color:#1B3C78;display:block;float:left;font-size:70%!important;margin:0px;min-height:21px;text-decoration:none;}
.sse02Navigation ul li.active a:hover{text-decoration:underline;}
.sse02Navigation ul li.activeLinkEnd a{background:url(../cssimages/nav-end-right-act.gif) no-repeat right 0px; padding:13px 27px 0px 0px;}

/*Navigation End*/

/*Sub Nav*/
.subNav {margin: 10px 0; padding:0;}
.subNav ul {list-style: none; padding: 0px; margin: 0; font-size: 80%;}
.subNav ul li {padding:0; margin:0 0 0 20px; display:inline; line-height:1.4em;}
.subNav ul li a {color: #8CCB42; background:url(../cssimages/icon-green-arrow.gif) no-repeat left center; padding: 0px 0px 0px 15px; margin: 0px; text-decoration:none;}
.subNav ul li a:hover {color: #003082; text-decoration:underline; color: #003082; background-image:url(../cssimages/icon-blue-arrow.gif);}
.subNav ul li a.active {color: #003082; background-image:url(../cssimages/icon-blue-arrow.gif);}
.subNav ul li a.back {color: #8CCB42; background-image:url(../cssimages/icon-green-arrow-back.gif);}
.subNav ul li a:hover.back {color: #003082; background-image:url(../cssimages/icon-blue-arrow-back.gif);}

/*Forms*/
.mandatory {color:red;padding-left:1px;padding-right:1px;}
.contactDetails {margin: 0px 0px 10px 0px; padding: 0px; clear: both; width: 100%;}
.contactDetails:after{content:".";display:block;clear :both;height:0;font-size:0;visibility:hidden;}
.contactDetails label {margin: 0px; padding: 3px 0px 0px 0px; float: left; display: block; width: 127px; font-size: 70%; color: #1B3C78;}
.contactDetails input, .contactDetailsFloat input {margin: 0px; padding: 0px; float: left; display: block; width: 150px; font-size: 70%; color: #000;}
.contactDetailsFloat .promoCodeButton { margin-left:5px; border:none; background:none; text-decoration:underline; color:#003082; cursor:pointer;}
.contactDetails input.small {margin: 0px 11px 0px 0px; padding: 0px; float: left; display: block; width: 40px; font-size: 70%; color: #000;}
.contactDetails select {width: 100px; font-size: 70%; color: #000;}
.contactDetails textarea {width: 270px; font-size: 70%; color: #000;clear:both;display: block;}
.contactDetails label.textarea, .contactDetailsFloat label.textarea {margin: 0px; padding: 3px 0px 0px 0px; float: left; display: block; width: 250px; font-size: 70%; color: #1B3C78;}
.contactDetails input.checkbox, .contactDetails span.checkbox input,  .contactDetailsFloat input.checkbox {margin: 0px 10px 0px 0px; padding:0px; width: 18px; height: 20px;}
.contactDetails select.wide {width: 270px; font-size: 85%; color: #000; display: block;}

.contactDetailsFloat {margin: 0px 0px 10px 0px; padding: 0px; clear: left; float:left;width:680px;}
.contactDetailsFloat select {width: 100px; font-size: 70%; color: #000; }
.contactDetailsFloat label {margin: 0px; padding: 3px 0px 0px 0px; float: left; display: block; width: 100px; font-size: 70%; color: #1B3C78;}
.contactDetails textarea{ }

.emailUpdates input {width:auto;margin-right:5px;}

.pageLink {padding: 0px; margin: 0px 0px 10px 0px;}
.pageLink a, .arrowLink {font-size: 70%; color:#003082; text-decoration: none; padding: 0px 0px 0px 20px; margin: 0px; background:url(../cssimages/icon-blue-arrow.gif) no-repeat center left; font-weight: bold;}


/*---[ Page Content Container ]---*/

.termsAndConditionsLink 
{
    margin-bottom:0px!important;
    clear:both;
    padding:0!important;
}

.pageContentContainer h1,.pageContentContainer h2 
{
    display:block;
}

.pageContentContainer .flashContainer 
{
    text-align:center;
    clear:both;
}
.pageContentContainer .flashContainer p
{
    text-align:left;
}

.pageContentContainer .pageBtmLinks 
{
    padding-top:15px;
    clear:both;
    margin-bottom:0;
    width:100%;
}
.pageContentContainer .pageBtmLinks  .termsAndConditionsLink 
{
    margin-top:8px;
}

/*---[ Page Content Container END ]---*/

/*---[ Homepage Content ]---*/

.homepage .mainContentContainer 
{
    -moz-box-shadow: 0px 0px 12px #e8e8e8;
	-webkit-box-shadow: 0px 0px 12px #e8e8e8;
	box-shadow: 0px 0px 12px #e8e8e8;
	border:1px solid #E8E8E8;
	-moz-border-radius:10px;
    -webkit-border-radius:10px;
    border-radius:10px;  
    width:434px;
    float:left;
	position:relative;
}
.homepage .mainContent 
{
    margin:6px;
    background:url(../cssimages/mainContentAreaGradient.gif) bottom left repeat-x;
    padding:10px;
    -moz-border-radius:6px;
    -webkit-border-radius:6px;
    border-radius:6px;
	padding-bottom:68px;
}
.homepage .mainContent img 
{
    margin:0 0 16px;
}

.homepage .mainContent ul li 
{
    margin:0 0 14px 16px;
}

.homepage .subContentContainer 
{
    width:284px;
    float:right;
}
.homepage .subContentContainer_inner 
{
    -moz-box-shadow: 0px 0px 12px #e8e8e8;
	-webkit-box-shadow: 0px 0px 12px #e8e8e8;
	box-shadow: 0px 0px 12px #e8e8e8;
	border:1px solid #E8E8E8;
	-moz-border-radius:10px;
    -webkit-border-radius:10px;
    border-radius:10px;
}
.homepage .subContent 
{
    margin:6px;
    background:url(../cssimages/mainContentAreaGradient.gif) bottom left repeat-x;
    padding:10px;
    -moz-border-radius:6px;
    -webkit-border-radius:6px;
    border-radius:6px;
	position:relative;
	padding-bottom:68px;
}
.homepage .installationServicesContainer h2
{
    display:block;
}

.homepage .installationServicesContainer .subHeader 
{
    background:#255C9D url(../cssimages/installationServicesHighlightedHeaderBKG.gif) bottom left repeat-x;  
    padding:10px;
    margin:0 -12px 7px;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    border-radius:4px;
    position:relative;
}
.homepage .installationServicesContainer .subHeader h3 
{
    color:#fff;
    padding:0;
    margin:0;
    font-size:120%!important;
}

.memberInfoContainer 
{
    clear:both;
    padding-top:30px;
}
.memberInfoContent, .memberInfoContentHeating 
{
    border:1px solid #E6F1D8;
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    border-radius:10px; 
    padding:14px;
}
.memberInfoContent p:last-child 
{
    padding-bottom:0;
}
.memberInfoContent .imageContainer, .memberInfoContentHeating .imageContainer
{
    float:left;
    padding-bottom:20px;
}
.memberInfoContent .imageContainer img 
{
    display:inline;
    margin-right:5px;
}

/*
.homepage .maintenanceProtectionIcons 
{
    position:absolute;
    bottom:-46px;
    right:-10px;
}
.homepage .installationServicesBoilerIcon 
{
    position:absolute;
    bottom:-28px;
    right:14px;
}
*/

.homepage .offerImageComponent 
{
    margin-top:22px;
}
.homepage .offerImageComponent .subContent 
{
	padding:0;
	margin:5px;
}
.homepage .offerImageComponent img 
{
    border:none;
    margin:0;
    padding:0;
}

.homepage .mainContent .ctaContainer /* position the call to action links to the bottom of the container div */
{
    position:absolute;
    bottom:10px;
    left:14px;
}
.homepage .subContent .ctaContainer /* position the call to action links to the bottom of the container div */
{
    position:absolute;
    bottom:3px;
    left:14px;
}

/*---[ Homepage Content END ]---*/

/*---[ Installation Services ]---*/

.installationServices .mainContentContainer 
{
    -moz-box-shadow: 0px 0px 12px #e8e8e8;
	-webkit-box-shadow: 0px 0px 12px #e8e8e8;
	box-shadow: 0px 0px 12px #e8e8e8;
	border:1px solid #E8E8E8;
	-moz-border-radius:10px;
    -webkit-border-radius:10px;
    border-radius:10px;  
    width:360px;
    float:left; 
    position:relative;
}
.installationServices .mainContent 
{
    margin:6px;
    background:#F6FAF1 url(../cssimages/contentArea_greenGradientBKG.gif) bottom left repeat-x;
    -moz-border-radius:6px;
    -webkit-border-radius:6px;
    border-radius:6px;
    padding:10px 10px 64px; /* clear the absolutely positioned call to action links */
}
.installationServices .mainContent img 
{
    margin:4px 0 12px;
}

.installationServices h2
{
    /*background:url(../cssimages/heatingInstallationsIcon_onGreen.gif) top right no-repeat;
	padding-right:54px;*/
    display:block;
    min-height:62px;
    padding-bottom:15px;
	font-size:160%;
}
* html .installationServices .heatingInstallationsContainer h2
{
    height:62px;
}

* html .installationServices .electricalInstallationsContainer h2
{
    height:62px;
}

.installationServices .subHeader h3
{
    font-size:150%!important;
    color:#70BC1F;
    line-height:1em;
    padding-bottom:18px;
}
.installationServices .subHeader .enlargeTxt
{
    font-size:280%;
    display:block;
    line-height:1em;
}

.installationServices .mainContent .ctaContainer /* position the call to action links to the bottom of the container div */
{
    position:absolute;
    bottom:10px;
    left:14px;
}

/*---[ Installation Services END ]---*/

/*---[ Maintenance and Protection ]---*/

.productSummariesWrapper 
{
    width:100%;
    overflow:hidden;
}

.productSummaryContainer {
    -moz-box-shadow: 0px 0px 12px #e8e8e8;
	-webkit-box-shadow: 0px 0px 12px #e8e8e8;
	box-shadow: 0px 0px 12px #e8e8e8;
	border:1px solid #E8E8E8;
	-moz-border-radius:10px;
    -webkit-border-radius:10px;
    border-radius:10px;  
    position:relative;
}
.productSummary 
{
    margin:6px;
    background:#F6FAF1 url(../cssimages/contentArea_greenGradientBKG.gif) bottom left repeat-x;
    padding:5px;
    -moz-border-radius:6px;
    -webkit-border-radius:6px;
    border-radius:6px;
    padding-bottom:68px; /* clear the absolutely positioned call to action links */
}

.maintenanceAndProtection .productSummaryContainer 
{
    width:226px;
    float:left;
}
.maintenanceAndProtection .productSummary 
{
}

.maintenanceAndProtection .gasHeatingProtectionSummaryContainer /* lefthand column */
{
}
.maintenanceAndProtection .gasHeatingProtectionSummaryContainer .productSummary 
{
}
.maintenanceAndProtection .gasBoilerProtectionSummaryContainer /* middle column */
{
    margin:0 0 0 28px;
}
.maintenanceAndProtection .gasBoilerProtectionSummaryContainer .productSummary 
{
}
.maintenanceAndProtection .electricalWiringProtectionContainer /* righthand column */
{
    float:right;
}
.maintenanceAndProtection .electricalWiringProtectionContainer .productSummary 
{
}

.maintenanceAndProtection .productSummary .mainHeader
{
    font-size:110%;
    padding-bottom:14px;
	/*padding-top:14px;
	padding-right:27px;*/
}
/*.gasHeatingProtectionSummaryContainer .mainHeader 
{
    background:url(../cssimages/fullProtectionIcon.gif) top right no-repeat;
}
.gasBoilerProtectionSummaryContainer .mainHeader 
{
    background:url(../cssimages/boilerProtectionIcon.gif) top right no-repeat; 
}
.electricalWiringProtectionContainer .mainHeader 
{
    background:url(../cssimages/electricalWiringProtectionIcon.gif) top right no-repeat;
}*/

.productSummary .productPrice 
{
    color:#70BC1F;
    font-weight:bold;
    font-size:100%;
}
.productSummary .productPrice .enlargeTxt
{
    font-size:200%;
    padding-right: 0.1em;
}

.productSummary .ctaContainer /* position the call to action links to the bottom of the container div */
{
    position:absolute;
    bottom:10px;
    left:14px;
}

.productsBenefitsContainer 
{
    clear:both;
    padding:6px;
    border:1px solid #E8E8E8;
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    border-radius:10px;
    margin-top:20px;
    margin-bottom:20px;
}
.productBenefitsContent 
{
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    border-radius:10px; 
    background:url(../cssimages/productBenfitsContainerBKG.gif) bottom left repeat-x;
    margin:0;
    padding:6px;
    overflow:hidden;
    width:716px;
}
.pageContent .productBenefitsContent h2,
.productBenefitsContent h2 
{
    font-size:120%;
}
.pageContent .productBenefitsContent ul,
.productBenefitsContent ul 
{
    margin:0;
}
.pageContent .productBenefitsContent li,
.productBenefitsContent li
{
    list-style:none;
    background:url(../cssimages/arrowBulletLightBG.gif) left 1px no-repeat;
    padding-left:22px;
    margin-left:0;
    float:left;
    width:46%;
    padding-bottom:6px;
}
.pageContentContainer .productBenefitsContent p
{
    font-size:100%;
    padding-top:4px;
}

/*---[ Maintenance and Protection END ]---*/

/*---[ Product Template ]---*/

.productPage .productIntroContainer 
{
    -moz-box-shadow: 0px 0px 12px #e8e8e8;
	-webkit-box-shadow: 0px 0px 12px #e8e8e8;
	box-shadow: 0px 0px 12px #e8e8e8;
	border:1px solid #E8E8E8;
	-moz-border-radius:10px;
    -webkit-border-radius:10px;
    border-radius:10px;  
    padding:6px;
}
.productPage .productIntro 
{
    margin:0;
    background:#F6FAF1 url(../cssimages/contentArea_greenGradientBKG.gif) bottom left repeat-x;
    padding:10px 0;
    -moz-border-radius:6px;
    -webkit-border-radius:6px;
    border-radius:6px;
    width:100%;
    overflow:hidden;
}

.productPage .productIntro h1,.productPage .productIntro p,.productPage .productIntro ul,.productPage .productIntro ol,
.productPage .productIntro h2,.productPage .productIntro h3,.productPage .productIntro h4 
{
    margin-left:10px;
    margin-right:10px;
}
.productPage .productIntro .linkButton p 
{
    margin-left:0;
}

.productPage .productImage 
{
    float:left;
    display:block;
    padding:0 40px 30px 20px;
    margin:0 0 20px 10px;
    text-align:center;
    /*border: 1px solid #000;*/
}

.productPage .productPrice 
{
    text-align:center;
    color:#70BC1F;
    font-weight:bold;
    font-size:100%;
    margin-top:10px;
}
.productPrice .enlargeTxt 
{
    font-size:200%;
    padding-left: 0.2em;
}

.productPage h3 
{
    font-size:110%!important;
    color:#0A2F75;
    margin-top:20px;
}

.pageContentContainer .viewOtherProductsLink 
{
    font-weight:bold;
    border-top:1px solid #D6DFE8;
    padding-top:20px;
    margin-top:20px;
    font-size:110%;
}

/*---[ Product Template END ]---*/

/*************** Column floating ***********************/

.homeRightCol
{
	float:right;
	display:inline;
	width:270px;
}

.homeLeftCol
{
	float:left;
	display:inline;
	width:434px;
}

.leftCol,.rightCol
{
	width : 350px;
}

.leftCol
{
	display:inline;
	float : left;
}

.rightCol
{
	display:inline;
	float : right;
}

.leftThirdCol,
.middleThirdCol,
.rightThirdCol
{
	width : 230px;
}


.leftThirdCol
{
	display:inline;
	float : left;
}

.middleThirdCol
{
	display:inline;
	float : left;
	margin-left : 12px;
}

.rightThirdCol
{
	display:inline;
	float : right;
}

/****************** Clearing ***************************/

.borderBoxContent:after,.boxContent:after,.greenPanel .content:after
{
	content:".";
	display:block;
	clear:both;
	height:0;
	font-size:0;
	visibility:hidden;
}
.clearBoth {
	content:"."; 
	clear:both;
	line-height:0px;
	height: 0px;
	font-size:0px;
}
.clearLeft {
	clear:left;
}
.clearBoth {clear:both;font-size:0px;height:0px;line-height:0px;}
.clearLeft {clear:left;font-size:0px;height:0px;line-height:0px;}
.hide {display:none!important;}
.formDivider{display:block; clear:left;font-size:0px;height:10px;line-height:0px; margin: 3px 0px 0px 0px; padding: 0px; font-size:0px; border-color:#DEE4DA; border-style: solid; border-width: 2px 0px 0px 0px; }
.floatRight {float:right !important;display:inline;}
.floatLeft {float:left !important;display:inline;}

/********************** Page box ***********************/


.borderBox
{
	position:relative;
    padding :10px 14px 7px 14px;
	display:block;
	background:#FFF;
	width:742px;
	float:left;
}

.borderBoxContent
{
	border : solid #DFE5DB;
	border-width: 0 1px;
	padding : 15px 13px 1px 13px;
	position:relative;
	min-height:1px;
}

.borderBoxTop,.borderBoxTop span,.borderBoxBottom,.borderBoxBottom span
{
	display:block;
	height:4px;
	font-size:0px;
}

.borderBoxTop
{
	background:url(../cssimages/pageTL.gif) no-repeat left top;
}
.borderBoxTop span
{
	background:url(../cssimages/pageTR.gif) no-repeat right top;
}

.borderBoxBottom
{
	background:url(../cssimages/pageBL.gif) no-repeat left bottom;
}
.borderBoxBottom span
{
	background:url(../cssimages/pageBR.gif) no-repeat right bottom;
}



/************ Inner boxes *****************************/

.boxOuter
{
	padding-bottom:10px;
}

.boxInner
{
	border: solid #DFE5DB;
	border-width:0px 1px;
	padding : 1px 3px;
}

.boxOuter .top,.boxOuter .bottom,.boxOuter .top span,.boxOuter .bottom span
{
	display:block;
	font-size:0px;
	height : 3px;
	background: url(../cssimages/boxOuterCorner.gif) no-repeat;
}

.boxInner .top,.boxInner .bottom,.boxInner .top span,.boxInner .bottom span {height : 4px;background: url(../cssimages/boxInnerCorner.gif) no-repeat;}


.boxOuter .top,.boxInner .top{	background-position: top left;}

.boxOuter .top span,.boxInner .top span{background-position: top right;	margin-left:4px;}

.boxOuter .bottom,.boxInner .bottom{background-position: bottom left;}

.boxOuter .bottom span,.boxInner .bottom span{background-position: bottom right;margin-left:4px;}

.boxContent{background:#F2F8EA;padding : 5px 5px 5px 9px;min-height:1px;}
.boxContentAfter{padding : 12px;}

.boxGreen .boxInner .top,.boxGreen .boxInner .top span,.boxGreen .boxInner .bottom,.boxGreen .boxInner .bottom span
{background-image: url(../cssimages/boxInnerCornerGreen.gif);}
.boxGreen .boxContent{background:#7CC141;}


.greenPanel
{
	background : url(../cssimages/greentop.gif) no-repeat left top;
	width:100%;
}

.greenPanel .top
{
	background : url(../cssimages/greentop.gif) no-repeat right top;
	margin-left:4px;
	height : 4px;
	font-size:0px;
}

.greenPanel .bottom
{
	background : url(../cssimages/greyBottom.gif) no-repeat left bottom;
	padding-left:4px;
	height : 25px;
}

.greenPanel .bottom span
{
	background : url(../cssimages/greyBottom.gif) no-repeat right bottom;
	height : 25px;
	display:block;
	font-size:0px;
}


.greenPanel .content
{
	background:#A3D414;
	border : solid #DFE5DB;
	border-width: 0 1px;
	padding:5px 10px;
	min-height:1px;
}

* html .greenPanel .content,* html .borderBoxContent,* html .boxContent
{
	height : 1px;
}

		/* Stars for inner boxes; padding will need to be applied to other items that aren't handled with the float */

.bigStar
{
	position : relative;
	display :inline;
	float : right;
	margin : -60px -11px 0px 0px;
}

.homeStar
{
	position : relative;
	display :inline;
	float : right;
	margin : -60px -16px 0px 0px;
}

.greenPanel .bigStar
{
	margin :-10px 0px 0px 10px;
	float:right;
}

.boxOuter.faq {padding-bottom : 20px;}
.faq .boxContent{padding-left:17px;}

.faq .faqStar
{
	position : relative;
	display :inline;
	float : left;
	margin : -18px 0px 0px -31px;
}

.bigStarP {padding-right : 85px;}

/*************** Arrow bullet list ***************************************/

.boxContent ul, .content ol, .arrowBullet
{
	margin : 0;
	list-style: none;
	padding : 0;
}

.boxContent ul li, .content ol li, .arrowBullet li
{
	background:url(../cssimages/arrowBulletLightBG.gif) no-repeat left top !important;
	padding: 0px 0 8px 23px !important;
	font-size:70%;
	line-height: 1.6em;
	color: #1B3C78;
}

.boxGreen .arrowBullet li,.greenPanel .arrowBullet li
{
	background-image:url(../cssimages/arrowBulletGreenBG.gif) !important;
}

.arrowBullet li a
{
	color:#1B3C78;

	text-decoration:none;
}
.arrowBullet li a:hover {	text-decoration:underline;	}

.twoColumns ul li, .twoCol li
{
	float:left;
	width : 46%;
}

/* buttons & link styles */

.button {float:left;background:url(../cssimages/buttonLeft.png) no-repeat left -28px;cursor:pointer;}
.button input { cursor:pointer; background:url(../cssimages/buttonRight.png) no-repeat right -28px; height:20px;overflow:visible;border: 0px; margin: 0px 5px 0px 19px; padding:0 10px 2px 5px; font-size: 70%;font-weight:bold;color:#FFF;}

.button {float:left;background:url(../cssimages/buttonLeft.png) no-repeat left -28px;cursor:pointer;}
.button a 
{
    background:url(../cssimages/buttonRight.png) no-repeat right -28px; 
    text-decoration:none;
    height:17px;
    border: 0px; 
    margin: 0px 5px 0px 19px; 
    padding: 3px 10px 0px 5px;
    display:block; 
    font-size: 70%;
    font-weight:bold;
    color:#FFF;
}
.button a:link,.button:visited 
{
    color:#fff;
}
.buttonTextLeft{float:left;margin:0;padding:4px 0;}

.button a:hover,.button input:hover,.findOutMore:hover,.checkAvail:hover,
.button a:active,.button input:active,.findOutMore:active,.checkAvail:active {color:#DBEED0;}

.tncPage a {background:url(../cssimages/buttonLeft.gif) no-repeat left 0px; text-decoration:none; line-height:25px;border: 0px; margin: 0px 5px 0px 0px; padding: 0px 10px 0px 25px;display:block; }
.tncPage a:hover {text-decoration:underline;}

.learnMoreLink 
{
    margin:0 0 6px;
    padding:0;
    font-size:80%;
}

.linkButton:after
{  
    content:".";
	display:block;
	clear:both;
	height:0;
	font-size:0;
	visibility:hidden;
}
.linkButton p 
{
    padding:0;
    margin-bottom:10px;
    background:url(../cssimages/largeButtonLeft_blue.png) no-repeat left top;
    cursor:pointer;
    float:left;
}
.linkButton a:link,.linkButton a:visited
{
    background:url(../cssimages/largeButtonRight_blue.png) no-repeat right top; 
    text-decoration:none;
    height:24px;
    border: 0px; 
    margin: 0px 5px 0px 28px; 
    padding: 6px 10px 3px 5px;
    display:block; 
    font-size:140%;
    font-weight:bold;
    color:#FFF;
}
.linkButton a:hover,.linkButton a:active,.linkButton a:focus
{
    background:url(../cssimages/largeButtonRight_blue.png) no-repeat right top; 
    text-decoration:none;
    height:24px;
    border: 0px; 
    margin: 0px 5px 0px 28px; 
    padding: 6px 10px 3px 5px;
    display:block; 
    font-size:140%;
    font-weight:bold;
    color:#D1EDFF;
}


/* buttons & link styles END */

/***** Random/one off things *******/

.screwdriver
{
	width:83px;
	height:165px;
	background : url(../cssimages/screwdriver.png) no-repeat left top;
	float:right;
	clear:left;
	margin : 0 -9px -129px 0;
	position:relative;
}

.house
{
	width:98px;
	height:225px;
	background : url(../cssimages/house.png) no-repeat left top;
	/*
	foat:right;
	cear:left;
	mrgin : 0 0px -101px 0;
	*/
	position:absolute;
	top:158px;
	left:342px;
	z-index:1;
}

.findOutMore,.checkAvail
{
	display:block;
	font-size : 70%;
	font-weight:bold;
	height : 20px;
	text-align:center;
	text-decoration:none;
	position:relative;
	color:#FFF;
}
.findOutMore:link,.checkAvail:link 
{
    color:#fff;
}
.findOutMore:visited,.checkAvail:visited 
{
    color:#fff;
}
.findOutMore
{
	background : url(../cssimages/button_135.png) no-repeat bottom left;
	width: 135px;
	height:17px;
	padding-top:3px;
	margin-bottom:-17px;
	clear:both;
}

.checkAvail
{
	background : url(../cssimages/button_200.png) no-repeat bottom left;
	width: 187px;
	margin-bottom:-17px;
	padding:3px 0 0 13px;
	height:17px;
}

/* product table */

table.products {margin: 0px; padding: 0px;}
table.products tr  {margin: 0px; padding: 0px;}
table.products td {margin: 0px; padding: 5px 0px; font-size: 70%; color: #8CCB42;}
table.products input {margin: 0px 10px 0px 0px; padding: 2px 0px 0px 0px;}
table.products label {margin: 0px 0px 0px 0px; display: block; float: left; padding: 0px; font-size: 120%; color: #1B3C78; font-weight: bold;}

table.yourOrder {margin: 5px 0px 0px 0px; padding: 0px;}
table.yourOrder tr  {margin: 0px; padding: 0px;}
table.yourOrder td.border {border-color: #DFE5DB; border-style: solid; border-width: 2px 0px 0px 0px; padding: 10px 0px!important;}
table.yourOrder td.right {text-align: right;}
table.yourOrder td {margin: 0px; padding: 0px 0px 8px 0px; font-size: 70%; color: #1B3C78;}

/*terms list*/

.termsContainer ol {margin: 0px; padding: 0px; font-size: 70%; color: #505151; list-style-position:inside; }
.termsContainer ol li {margin: 0px; padding: 0px 0px 10px 0px;}
.termsContainer ol li ul {list-style-type:disc; margin: 5px  0px  0px 25px; padding: 0px;}
.termsContainer ol li ul li {margin: 0px; padding: 0px;background : none;color : #000;font-size:100%;}


ol.terms {margin: 0px; padding: 0px; font-size: 70%; color: #505151; list-style-position:inside; }
ol.terms li {margin: 0px; padding: 0px 0px 10px 0px;}
ol.terms li ul {list-style-type:disc; margin: 5px  0px  0px 25px; padding: 0px;}
ol.terms li ul li {margin: 0px; padding: 0px;background : none;color : #000;font-size:100%;}

.termsNav {margin: 0px; padding: 0px;}
a.previous {float: left; color: #8CCB42; background:url(../cssimages/icon-green-arrow-back.gif) no-repeat left center; padding: 0px 0px 0px 15px; margin: 3px 0px 0px 0px; text-decoration:none; font-size:75%}
a.next {float: right; color: #8CCB42; background:url(../cssimages/icon-green-arrow.gif) no-repeat right center; padding: 0px 15px 0px 0px; margin: 3px 0px 0px 0px; text-decoration:none; font-size:75%}
.termsDivider{display:block; clear:left;font-size:0px;height:10px;line-height:0px; margin: 3px 0px 0px 0px; padding: 0px; font-size:0px; border-color:#747777; border-style: solid; border-width: 2px 0px 0px 0px; }

.selectList1Col {background-color: #F2F8EA; margin: 0px; padding: 0px;}
.selectList1Col ul {margin: 0px; padding: 0px; list-style:none!important;}
.selectList1Col ul li {margin: 0px 0px 0px 0px!important; padding: 0px!important;background:none !important;clear:both;}
.selectList1Col ul li label{font-size: 100%; color: #1B3C78; float:left; display: block;padding-right:10px;width:200px;}
.selectList1Col ul li select{margin: 0px; padding: 0px; width: 120px; font-size: 100%; color: #1B3C78; }
.selectList1Col ul li.twoCol {float:left; display: block;clear:none;}
.selectList1Col ul li.right label{margin-left: 10px;clear:none; }



.productsFormContainer {margin: 5px 0px 5px 22px; padding: 0px; }
.productsFormContainer radiobutton {margin: 0px; padding: 0px;}
.productsFormContainer label {margin: 0px 0px 0px 5px; padding: 3px 0px 0px 0px; font-size: 80%; color: #1B3C78; float:left; display: block; width: 270px; font-weight: normal;}
.productsFormContainer checkbox {margin: 0px; padding: 0px;}

.productsPrice{margin: 0px 0px 0px 50px; padding: 0px; float: right; font-size: 110%!important; font-weight:bold; width: 100px;}


.blue_top{ background:url(../cssimages/blue_top.gif) no-repeat top left; height:4px; font-size: 0px;}
.blue_bot{ clear:both;background:url(../cssimages/blue_bot.gif) no-repeat bottom left; height:4px; font-size: 0px;}
.blue_mid{ background:#1C3C77;width:100%;float:left;}
.blue_mid_left{ width:263px; float:left; padding:5px 0px 0px 14px; font-size:75%; color:#ffffff; font-family:Arial, Helvetica, sans-serif;}
.blue_mid_right{ width:416px; float:left; padding-top:27px;}
.blue_mid_right table {margin: 0px; padding: 0px;}
.blue_mid_right table tr {margin: 0px; padding: 0px 0px;}
.blue_mid_right table td {margin: 0px; padding: 0px 0px 3px 0px; color: #fff; font-size:70%;}

.blue_mid_right table td.tableTop{ background:url(../cssimages/top-protection.gif) bottom left no-repeat;}
.blue_mid_right table td.tableBottom{ background:url(../cssimages/bottom-table.gif) top left no-repeat;}
.blue_mid_right table td.middleWhite{ background:url(../cssimages/white_bg_middle.gif) top left repeat-y; text-align:center;}
.blue_mid_right table td.middleGreen{ background:url(../cssimages/green_bg_middle.gif) top left repeat-y; text-align:center;}
.blue_mid_right table td.tableBullet{ background:url(../cssimages/table-bullet.gif) left top repeat-y; text-align:center; color: #004484;}

.blue_mid_right table td.whiteTop{ background:url(../cssimages/white_bg.gif) top left no-repeat;min-height:45px!important; text-align:center;}
.blue_mid_right table td.greenTop{ background:url(../cssimages/green_bg.gif) top left no-repeat; min-height:45px!important; text-align:center;}

.blue_mid_right table td.whiteTop p, .blue_mid_right table td.greenTop  p{margin: 5px 0px; padding: 0px; font-size: 100%!important; line-height: 1.2em!important;}

.content ul {list-style-image:none;list-style-type:none; }
.content ul li {background:none no-repeat left center; padding: 0px 0px 0px 15px; margin: 0px; text-decoration:none;}
.content ul li a{color: white; background:url(../cssimages/icon-green-arrow.gif) no-repeat left center; padding: 0px 0px 0px 15px; margin: 0px; text-decoration:none;}
.content ul li a:hover {text-decoration:underline;}

/* Added Andrew@Equator 18-09-07 */
.apptForm label
{
	display:block;
	width:9em;
	float:left;
	color:#1C3C77;
	font-size:70%;
}
.apptForm input, .apptForm select
{
	width:150px;
	color:#1C3C77;
	font-size:70%;
	margin-bottom:8px;
}
.apptForm textarea
{
	width:300px;
	color:#1C3C77;
	font-size:70%;
	margin-bottom:8px;
	overflow:auto;
}
.prdAvail label {
	color:#1C3C77;
	font-size:80%;
	font-weight:700;
	padding-left:5px;
}
.prdAvail span {
	color:#8CCC44;
	font-size:70%;
	float:right;
	background:url(../cssimages/icon-tick.gif) no-repeat left center;
	padding:5px 15px 5px 25px;
	clear:right;

}
.prdAvail table {
	float:left;
}
.apptForm hr {
	height:1px;
	color:#DFE5DB;
	margin:15px 0px;
	background-color:#DFE5DB !important;
	border:0px none;
}

.apptFormFt label
{
	float:left;
	color:#1C3C77;
	font-size:70%;
	padding:10px 0px 0px 0px;
}
.buttonSubmit
{
	background:url(../cssimages/buttonSubmit.gif) no-repeat left center;
	color:#000;
	font-size:70%;
	font-weight:700;
	border:0px none;
	width:85px;
	height:30px;
}

.greenPanel .content p {font-size:11.5px;}


.tncleft {float:left;width:45%;}
.tncright {float:right;width:45%;}

/* New Header Logos */

.scotHydroLogo {
    margin-left:15px;
    margin-bottom:5px;
    /*border: 1px solid #000;*/
}

.swalecLogo
{
    margin-left: 30px;
    margin-bottom: 5px;
}

.southElecLogo {
    margin-left:30px;
    margin-bottom:5px;
}

.sseLogo {
    margin-left:30px;
    margin-bottom:5px;
}

div#header a
{
    text-decoration: none;
}

/* New Electrical Wiring Panel */

.elecWiring h3,
.elecWiring p {
    color:#1B3C78 !important;
    padding:5px;
    margin-right:130px;         
}

.elecWiring h3 {
    font-size:100% !important;
}

.elecWiring
{
	background : url(../cssimages/greytop.gif) no-repeat left top;
	width:100%;
}

.elecWiring .top
{
	background : url(../cssimages/greytop.gif) no-repeat right top;
	margin-left:4px;
	height : 4px;
	font-size:0px;
}

.elecWiring .bottom
{
	background : url(../cssimages/greyBottom.gif) no-repeat left bottom;
	padding-left:4px;
	height : 25px;
}
 
.elecWiring .bottom span
{
	background : url(../cssimages/greyBottom.gif) no-repeat right bottom;
	height : 25px;
	display:block;
	font-size:0px;
}


.elecWiring .content
{
	background:#DFE5DB;
	border : solid #EFF2ED;
	border-width: 0 0px;
	padding:5px 10px;
	min-height:1px;
}

.elecWiring .flower {
    width:107px;
    height:107px;
    float:right;
    padding:10px;
}

.elecWiring .checkAvail {
    clear:right;
    float:left !important;
}

* html .elecWiring .content {
	height : 1px;
}

/* Green Panel Text Reverse */

.greenPanel h2 {
    color:#FFF !important;
}

.greenPanel .checkAvail {
    clear:right;
}


.boxContent ol li {font-size: 70%; margin-bottom: 10px; line-height: 15px;}
.errorMessage {font-size: 70%; color: Red;}


/* Some new css for the boiler scrappage page */
.pageContentInner 
{
	margin:10px 12px 0;
}
.pageContentInner h1 
{
	color:#0A2F75;
}

.contentArea 
{
	margin-bottom:20px;
}
.contentArea h1,.contentArea h2,.contentArea h3,.contentArea h4,.contentArea h5 
{
	color:#0A2F75;
	display:block;
	padding-bottom:14px;
}
.contentArea p,.contentArea ul 
{
	color:#0A2F75;
}

.imgFloatRight 
{
    float:right;
    margin:0 0 0 20px;
}

.itemText 
{
}

.itemText .button
{
    margin-right:10px;
}

.cta 
{
    margin-top:20px;
    padding:20px 0 0;
    border-top:1px solid #EFEFEF;
}
.cta p 
{
    padding-bottom:0;
}

.banner
{
    display:block;
    margin:10px 0;
    border:0;
}

.phoneNumber
{
    font-size:200%;
    font-weight:bold;
}

.termsAndConditions
{
    clear:both;
    border-top:1px solid #efefef;
    margin-top:10px;
    padding-top:15px;
    color:#C1C1C1;
    font-size:65%;
}

.headerHightlight
{
    color:#008001;
    text-transform:uppercase;
}

.headerHightlightLower
{
    color: #008001;
}

.headerHighlight
{
    color: #7A1624;
    text-transform:uppercase;
}

.headerHighlightLower
{
    color: #7A1624;
}

/* Some new css for the boiler scrappage page END */

/* New Banner Component 02/02/2010 */

.featureOffer 
{
	padding:0;
	margin:-15px 0 0;
	float:left;
	background:#68a144 url(../cssimages/feature_offer_top.png) top left no-repeat;
}

.featureOffer .inner 
{
	float:left;
	width:343px;
	background:url(../cssimages/feature_offer_bottom.png) bottom  left no-repeat;
	padding:30px 254px 15px 145px;
	position:relative;
	min-height:81px;
}

.featureOffer .checkAvail 
{	
	margin:0;
	float:right;
	position:absolute;
	bottom:15px;
	right:20px;
}

.featureOffer h3 
{
	font-size:1.5em !important;
	padding:0;
}

.featureOffer p 
{
	color:#FFF;
	font-size:0.9em;
	font-weight:bold;
	padding:5px 0 0;
}


/* Terms and Conditions Component 02/02/2010 */

.borderBoxContent #offerTerms 
{
	width:100%;
	clear:both;
	padding:5px 0 0;
}

/* Signup Nav 02/02/2010 */

.signupNav ul li.home a {
	background:url("../cssimages/nav-home-right-signup.gif") no-repeat top right !important;
}

/* Heading fix 05/02/2010 */

.borderBoxContent h2 
{
	display:block;
}

/*Homepage Update*/

/*Main Product Promotion Banner*/

.mainBannerHolder
{
    width: 100%; text-align:center;
    position: relative;
    margin-bottom: 11px;
}

.mainBannerHolder .learnMoreLink
{
    position: absolute;
    top: 155px;
    right: 240px;
}

.mainBannerHolder .linkButton
{
    position: absolute;
    top: 150px;
    right: 60px;
}

/*Main Product Information Panels*/

.shieldProductWrapper
{
    width: 100%;
    background: #B9C4D8;
    padding: 15px 0;
}

.shieldProductWrapper:after
{
    content: ".";
    display: block;
    clear: both;
    height: 0;
    font-size: 0;
    visibility: hidden;
}

.shieldProduct
{
    width: 210px;
    float: left;
    display: inline;
    margin-left: 18px;
    background: red;
    border: 3px solid #FFF;
    border-radius: 7px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    padding: 4px;
    background: #FFF url("../cssimages/shieldProductBg.gif") repeat-x bottom left !important;
    -moz-box-shadow: 0px 0px 4px #666; /* FF3.5+ */
    -webkit-box-shadow: 0px 0px 4px #666; /* Saf3.0+, Chrome */
    box-shadow: 0px 0px 4px #666; /* Opera 10.5, IE 9 */
}

.shieldProduct img
{
    margin-bottom: 15px;
}

.shieldProduct .shieldProductDetail
{
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    display: block;
    border-bottom: dotted #bebebe 1px;
    padding-bottom: 8px;
    min-height: 260px;
    width: 180px;
    margin: 0 auto 15px;
}

.shieldProduct h2
{
    border-bottom: dotted #bebebe 1px;
    margin-bottom: 15px;
    padding-bottom: 12px;
    font-size: 115%;
}
.shieldProduct ul
{
    margin: 0 0 11px 4px;
}

.shieldProduct .linkButton
{
    margin-left: 43px;
}

.productInformation
{
	margin-bottom: 0.5em;
	padding-bottom: 1em;
}

.productTemplateFooter p
{
	color: #2F4F4F;
	font-size: 0.7em;
}

#termsAndConditionsLink
{
	margin: 0;
	padding: 0;
}

/*Electrical Instalations Styles Added 10/01/2011*/

#swalecLogoLeft
{
    margin-left: 15px;
    margin-bottom: 5px;
}

.installsProductWrapper
{
    width: 100%;
    background: #FFF;
}

#installsCol1 
{
    width:486px; 
    float:left;
}

#installsCol2 
{
    width:241px; 
    float:right;
}

#installsCol1 h1 
{
    padding-top:15px;
}

#installsCol1 h2 
{
    clear:both;
}

.installsCol1 h3 
{
    font-size:100%;
    color:#002E6E;
}

.intro 
{
    float:left; 
    width:285px; 
    padding-bottom:12px;
}

.checklist 
{
    float:right;
    padding-right:10px;
}

.checklist li
{
    font-weight:bold;
}

.offerDetails {
	overflow: hidden;
	float: none;
	clear: both;
	border-top: 1px solid #ededed;
}

#offerDetailslast {
	border-bottom: 1px solid #ededed;
}

.offerDetails div {
	float: left;
	clear: none;
	width: 300px;
}

.offerDetails img {
	width: 100px;
	height: 100px;
	float: left;
	clear: none;
	margin: 15px 15px 15px 0;
}

.offerDetails h4 {
	color: #44840E;
	padding-top: 10px;
}

.benefitOffers 
{
    margin:15px 0;
    width:486px;
    height:56px;
    position:relative;
    -moz-border-radius: 7px;
    border-radius:7px;
    background-color:#82c53c;
    background-image: -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0.36, rgb(112,185,34)),
    color-stop(0.68, rgb(148,202,90))
    );
    background-image: -moz-linear-gradient(
    center bottom,
    rgb(112,185,34) 36%,
    rgb(148,202,90) 68%
    );

}

p.benefitBanner 
{
    font-size: 110%;
    font-weight: bold;
    padding: 12px 0 0 10px;
}

p.checkOut, p.termsTitle
{
    font-size: 95%;
    font-weight: bold;
}

#benefitOffersbtn 
{
    position:absolute;
    right:8px;
    top:13px;
}

.serviceSummary 
{
    width:221px; 
    height:249px; 
    padding:10px;
    background:#82c53c;
    -webkit-border-radius: 7px;  
    -moz-border-radius: 7px;
    border-radius:7px;
}

.serviceSummary 
{
    background-image: -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0.04, rgb(112,188,32)),
    color-stop(0.53, rgb(154,208,96))
    );
    background-image: -moz-linear-gradient(
    center bottom,
    rgb(112,188,32) 4%,
    rgb(154,208,96) 53%
    );
}

.serviceSummary h1, .noteSummary h1 
{
    font-size:120%;
    padding-bottom:6px;
}

.serviceSummary h2 
{
    font-size:120%;
    color:#FFF;
    padding-bottom:7px;
}

li.service {
    color: #FFF;
    font-size: 75%;
    font-weight: bold;
    line-height: 1.5em;
    list-style: disc outside url("../cssimages/circleTick.gif");
    margin: 0 0 2px 18px;
}

.noteSummary 
{
    margin-top:15px;
    padding:10px;
    width:219px;
    height:auto;
    background:#F0F9FF;
    border:solid 1px #E6EAED;
    -moz-border-radius: 7px;
    border-radius:7px;
    box-shadow:inset 0 0 10px #E6EAED;
    -moz-box-shadow:inset 0 0 10px #E6EAED;
}

ul#noteSummary 
{
    border-bottom:1px solid #E6EAED;
    padding-bottom:5px;
}

li.summary {
    font-size: 75%;
    line-height: 1.5em;
    list-style: disc outside url("../cssimages/arrow.gif");
    margin: 0 0 5px 18px;
}

.noteSummary img
{
    margin:5px 0 10px 5px;
}

#installTerms 
{
    clear:both; 
    border-top:1px solid #ededed; 
    padding-top:10px;
}

p.bodyUnderline 
{
    text-decoration:underline;
}