html #rightMenu {
width:200px;
}

html .noMenu #panelContainer {
width:748px;
}

.hpMovingHomeIcon a,.hpTellAFriendIcon a {
margin-left:auto;
margin-right:auto;
}

.boldPanel {
background-color:#2a4876;
color:#FFF;
font-weight:700;
text-align:center;
font-size:2.5em;
line-height:1.2em;
margin:0 0 3px;
}

.boldPanel .top-left,.boldPanel .top-right,.boldPanel .bottom-left,.boldPanel .bottom-right {
background-image:url(../../images/frontPage/BoldBlue.png);
height:10px;
font-size:2px;
}

.boldPanel .top-left {
margin-right:10px;
background-image:url(../../images/frontPage/BoldBlue.png);
background-repeat:no-repeat;
}

.boldPanel .top-right {
margin-top:-10px;
margin-left:10px;
background-position:100% 0;
}

.boldPanel .bottom-left {
margin-right:10px;
background-position:0 -10px;
height:10px;
}

.boldPanel .bottom-right {
margin-top:-10px;
margin-left:10px;
background-position:100% -10px;
height:10px;
}

.boldPanelReflect {
background:transparent url(../../images/frontPage/Reflection.png) top right scroll no-repeat;
height:20px;
}

.boldPanelReflect div {
background:transparent url(../../images/frontPage/Reflection.png) top left scroll no-repeat;
height:20px;
margin-right:20px;
}

.selectionCriteria {
background:#ebeadc url(../../images/frontPage/selectionCriteriaBG.png) repeat-x top left;
font-size:1.25em;
font-weight:700;
height:21px;
color:#544F41;
padding:7px 1em;
}

.selectionCriteria .radio input {
margin-left:.8em;
}

.selectionCriteria .radio label {
margin-right:.5em;
}

.selectionCriteria .radio label.selected {
color:#a33f01;
}

.gradientPane {
background:transparent top left repeat-x scroll;
float:left;
width:204px;
margin:5px 8px 0 0;
}

.gradientPaneImg {
background:transparent top left no-repeat scroll;
float:left;
width:48px;
height:250px;
border-right:.3em solid #FFF;
}

.gradientPaneMain {
float:left;
width:142px;
background:top left repeat-x scroll;
padding:1px 4px 2px;
}

.gradientPaneMain h2 {
font-size:20px;
letter-spacing:-1px;
font-weight:700;
line-height:110%;
border-bottom-style:none;
margin:.3em 0;
}

.gradientPaneCustomerType {
margin:0;
}

div.gradientPaneMain p {
margin:0 0 0 .1em;
}

.gradientPaneMain div.Normal {
padding:0;
}

p.main {
height:10em;
font-size:1em;
line-height:1.4em;
}

.gradientPane h2 a,.gradientPane h2 a:active,.gradientPane h2 a:hover,.gradientPane h2 a:visited {
color:inherit;
}

.gradientPane.elec,.gradientPane.elec .gradientPaneMain /* 2nd def is for IE 6 */ {
background-image:url(../../images/frontPage/yellowBG.png);
}

.gradientPane.elec .gradientPaneImg {
background-image:url(../../images/frontPage/building.jpg);
background-color:#fff;
}

.gradientPane.elec,.gradientPane.elec h2 {
color:#ee6c00;
}

.gradientPane.gas,.gradientPane.gas .gradientPaneMain {
background-image:url(../../images/frontPage/blueBG2.png);
}

.gradientPane.gas .gradientPaneImg {
background-image:url(../../images/frontPage/burner.jpg);
background-color:#fff;
}

.gradientPane.gas,#panelContainer .gradientPane.gas h2 {
color:#316b8e;
}

.gradientPane.wind,.gradientPane.wind .gradientPaneMain {
background-image:url(../../images/frontPage/greenBG.png);
}

.gradientPane.wind .gradientPaneImg {
background-image:url(../../images/frontPage/moving.jpg);
background-color:#fff;
}

.gradientPane.wind,.gradientPane.wind h2 {
color:#489400;
}

.localityListPopup {
text-align:left;
height:100%;
}

.localityListPopup h1 {
border-bottom:2px dotted #555;
padding-left:0;
font-weight:700;
font-size:1em;
color:#E97D13;
float:none;
margin:0 0 .2em;
}

.localityListShort li {
clear:both;
border-bottom:1px dotted #468;
min-height:25px;
display:block;
position:relative;
}

.localityListShort a img {
position:absolute;
right:5px;
top:.2em;
}

.localityListLong {
height:90%;
width:100%;
overflow:auto;
}

ul.localityList {
width:100%;
margin:0;
padding:0;
}

.localityListLong ul.localityList {
width:90%;
}

ul.localityList li {
list-style-type:none;
background-image:none;
margin:0;
padding:0 .4em;
}

ul.localityList li a {
font-size:1em;
font-weight:700;
color:#000;
display:block;
text-decoration:none;
width:100%;
line-height:2em;
}

ul.localityList li a:hover,ul.localityList li a.selected,ul.localityList li a:active {
text-decoration:none;
background-color:#E6F2FB;
}

ul.localityList li a:visited {
text-decoration:none;
}

.pcElec .leftImg {
background:url(../../images/frontPage/elec_left.gif) no-repeat top left;
}

.pcElec .centreText {
background:#FAF9B2 url(../../images/frontPage/elec_centre.gif) repeat-x;
}

.pcElec .rightImg {
background:url(../../images/frontPage/elec_right.gif) no-repeat top right;
}

.pcDual .leftImg {
background:url(../../images/frontPage/dual_left.gif) no-repeat top left;
}

.pcDual .centreText {
background:#C5D4EC url(../../images/frontPage/dual_centre.gif) repeat-x;
}

.pcDual .rightImg {
background:url(../../images/frontPage/dual_right.gif) no-repeat top right;
}

.pcGreen .leftImg {
background:url(../../images/frontPage/green_left.gif) no-repeat top left;
}

.pcGreen .centreText {
background:#C8ECC7 url(../../images/frontPage/green_centre.gif) repeat-x;
}

.pcGreen .rightImg {
background:url(../../images/frontPage/green_right.gif) no-repeat top right;
}

.pcBox {
width:120px;
height:3.2em;
margin:.5em 0 .5em 1.5em;
}

.pcBox .leftImg,.pcBox .rightImg {
width:17px;
height:34px;
float:left;
}

.pcBox .centreText {
height:34px;
display:table;
overflow:hidden;
width:76px;
float:left;
}

.pcBox .centreAlign {
display:table-cell;
vertical-align:middle;
}

input.postcode {
font-size:12px;
font-stretch:wider;
font-weight:700;
text-align:center;
background-color:transparent;
width:60px;
margin:3px 0 0;
padding:0;
}

.pcElec input.postcode {
color:#ee6c00;
}

.pcDual input.postcode {
color:#316b8e;
}

.pcGreen input.postcode {
color:#489400;
}

.frontPageLeader h1 {
border:none;
color:#395C9D;
font-size:1.4em;
font-weight:700;
margin:0;
}

.frontPageLeader h2 {
border:none;
color:#555;
font-size:1.1em;
font-weight:400;
margin:0;
}

.frontPageLeader .pageContent {
padding:0;
}

.frontPageContent .productGroupTitle {
border-top:3px solid #395C9D;
border-bottom:2px solid #d8d5db;
color:#444;
line-height:1.7em;
text-align:center;
font-size:22px;
font-weight:400;
letter-spacing:0;
height:36px;
font-family:"Gill Sans",'Trebuchet MS',Verdana,sans;
background:transparent url(../../images/frontPage/ProductGroupHeaderBG.jpg) no-repeat scroll 0 0;
margin:0;
}

.productGroup {
width:238px;
float:left;
margin-top:1em;
margin-left:15px;
background:transparent url(../../images/frontPage/ProductGroupBG.gif) repeat-y scroll 0 0;
padding:0;
}

.productGroupInner {
background:transparent url(../../images/frontPage/ProductGroupBottomBG.gif) no-repeat scroll 0 100%;
overflow:hidden;
margin:0;
padding:0;
}

.productGroup.utilitiesGroup {
margin-left:0;
}

.productBox {
width:224px;
height:118px;
border-bottom:1px dotted #9D9D9D;
margin:0 5px;
padding:4px 2px;
}

#homeEnergy.productBox .productBoxText,#businessEnergy.productBox .productBoxText,#movingHome.productBox .productBoxText {
height:73px;
}

.productBox p {
margin:2px 0;
padding:0;
}

.productBox .productBoxImage {
display:inline;
float:left;
}

.productBox a.productBoxImageLink,.productBox .productComingSoonBoxImage {
display:block;
width:70px;
height:64px;
}

.productBox a.productBoxCompareNowLink {
display:block;
width:128px;
height:24px;
}

.productBox .productBoxText {
display:inline;
float:left;
width:154px;
font-size:12px;
margin:0;
}

.productBox .productBoxText h2 {
color:#395C9D;
font-size:14px;
border-style:none;
margin:0;
padding:3px 0;
}

.productBox .productBoxText p {
height:60px;
}

#homeEnergy.productBox .productBoxText p,#businessEnergy.productBox .productBoxText p {
height:45px;
}

#broadband .productBoxText h2,#travelInsurance .productBoxText h2 {
color:#888;
}

#homeEnergy .productBoxImageLink {
background:transparent url(../../images/frontpage/Electricity+Gas.jpg) no-repeat scroll 0 0;
}

#businessEnergy .productBoxImageLink {
background:transparent url(../../images/frontPage/Business-Electricity+Gas.jpg) no-repeat scroll 0 0;
}

#movingHome .productBoxImageLink {
background:transparent url(../../images/frontPage/Moving-Home.jpg) no-repeat scroll 0 0;
}

a.productBoxCompareNowLink {
background:transparent url(../../images/buttons/greenCompareNow.gif) no-repeat 0 0;
cursor:pointer;
}

a.productBoxCompareNowLink:hover {
background:transparent url(../../images/buttons/greenCompareNow.gif) no-repeat 0 -24px;
}

.notHere {
top:-300px;
position:absolute;
}

.productGroupPair {
width:491px;
float:left;
}

.homepageWelcome {
margin-top:3em;
font-size:11px;
}