/* global rules */
body {
	font: 1.2em Arial, Helvetica, sans-serif;
	color: #333333;
	margin: 0px;
	padding: 0px;
}
#energylinx {
}
h1 {
	background: none;
	padding: 0;
	display: block;
	height: auto;
	margin: 0px 0px 3px;
}
#phone {
	text-align: right;
	margin-top: 5px;
	margin-bottom: 5px;
}

#energylinx h1 {
	color: #3F84F9;
	font-size: 1.5em;
	background: url(images_v5/compare.jpg) no-repeat left bottom;
	padding: 5px 0px 0px 48px;
	display: block;
	height: 38px;
	margin: 0px 0px 0px 8px;
}

h2 {
	font-size: 1.2em;
	color: #333333;
	margin: 0px;
	padding: 5px 0px 0px 55px;
}
p {
	margin: 0px;
	padding: 0px 0px 10px;
}
img {
	border-style: none;
}

select, input {
	font-size: .8em;
}

.learnmore {
	float: right;
}
#energylinx a {
	color: #0F6AFF;
	text-decoration: none;
}
#energylinx a:hover {
	text-decoration: underline;
}

/* main containers */
#breadrcumbcontainer {
	font-size: 0.8em;
	padding-left: 10px;
	margin-top: 10px;
	margin-right: auto;
	margin-left: auto;
}
#wrappertop {
	height: 4px;
	background: url(images_v5/topcurve_pattern.gif) repeat-x;
	margin: 0px auto 0em;
	padding: 0px;
}
#wrappertop .curveright, #wrapperbottom .curveright  {
	float: right;
}
#wrapperbottom {
	margin-right: auto;
	margin-left: auto;
	background: url(images_v5/bottomcurve_wrapper_pattern.gif) repeat-x;
	height: 4px;
}
#calcwrapper {
	border-right: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	margin: 0px auto;
	padding: 0px 10px;
}
#subtitle {
	padding: 0px 0px 0px 57px;
	margin: -14px 0px 5px;
}

/* submit buttons */
#topsubmit {
	text-align: right;
	float: right;
	width: 111px;
	margin-top: 24px;
	height: 20px;
}
#bottomsubmit {
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: right;
	margin-top: -10px;
}
.submit {
	display: none;
}
.submitpng {
	background: #0F6AFF;
}


/* sections global values */
#currentelec, #currentgas, #payment, #paymentb, #criteria, #elecspend, #dualfuelspend, #seperatefuelelecspend, #seperatefuelgasspend, #comeleccontact, #comelecsupplier, #comelecspend, #commeter, #energysuppliers, #currentdual {
	margin-bottom: 10px;
	height: auto;
}
.data {
	background: url(images_v5/bottomcurve.jpg) repeat-x left bottom;
}
.sectioncurveright {
	float: right;
}

.helptext {
	background: #FFFFEC;
	margin: 5px 15px;
	padding: 10px 10px 0px;
	border: 2px solid #CCCCCC;
	display: none;
}
.helptext ul {
	margin: 0px 0px 0px 25px;
	padding: 0px 0px 1em;
}
.alignright {
	text-align: right;
}
.clearboth {
	clear: both;
	width: 100%;
	height: 1px;
	line-height: 1px;
}

/* section headers */
.sectionheader {
	padding: 0px;
	height: 45px;
	background: url(images_v5/sectionheaders_pattern.gif) repeat-x;
}
.sectionheader p {
	padding-bottom: 0em;
	padding-top: 1px;
	padding-right: 10px;
}
.sectionheader img {
	float: left;
}
.sectionheader .arrow {
	float: none;
	display: none;
}
.sectionheader .arrowpng {
	float: none;
	background: #0F6AFF;
}
.sectionheader .shright {
	float: right;
}
.sectionsub {
	padding-left: 55px;
}



#shpostcode {
	background: url(images_v5/sectionheaders_pattern.gif) repeat-x;
}

/* location/ postcode section */
#postcode {
	margin-bottom: 10px;
	height: auto;
}
#postcodecontainer {
	padding: 5px 10px 0px;
	border-right: 1px solid #dddddd;
	border-left: 1px solid #dddddd;
}
#postcodecontainer p {
}
#postcodecontainer #postcodepara {
}
#postcodecontainer #mpan {
	margin-top: 10px;
	margin-bottom: 0px;
}
#postcodefloat {
	float: left;
	width: 170px;
}

/* gas section */
#gasdatacontainer {
	padding-top: 5px;
	padding-right: 10px;
	padding-left: 10px;
	border-right: 1px solid #dddddd;
	border-left: 1px solid #dddddd;
}
#gasdataecontainer ul {
	list-style: none;
	margin: 0px 0px 0px 5px;
	padding: 0px 0px 10px;
}
#gasspendcontainer {
	padding-top: 5px;
	padding-right: 10px;
	padding-left: 10px;
	border-right: 1px solid #dddddd;
	border-left: 1px solid #dddddd;
}
#gasspendcontainer #poundlabel {
	padding-left: 47px;
}
#gasspendcontainer #kwhslabel {
	padding-left: 5px;
}


/* electricity section */
#elecdatacontainer {
	padding-top: 5px;
	padding-right: 10px;
	padding-left: 10px;
	border-right: 1px solid #dddddd;
	border-left: 1px solid #dddddd;
}
#elecspendcontainer {
	padding-top: 5px;
	padding-right: 10px;
	padding-left: 10px;
	border-right: 1px solid #dddddd;
	border-left: 1px solid #dddddd;
}

#elecspendcontainer #poundlabel {
	padding-left: 47px;
}
#elecspendcontainer #kwhslabel {
	padding-left: 5px;
}
#eco7label, #eco7labelb, #anyinfolabel, #nightuselabel, #nightuselabelb, .anyinfolabel {
	width: 220px;
	display: block;
	float: left;
	padding-top: 2px;
}
#elecdataecontainer ul {
	list-style: none;
	margin: 0px 0px 0px 5px;
	padding: 0px 0px 10px;
}


/* dual section */
#dualdatacontainer {
	padding-top: 5px;
	padding-right: 10px;
	padding-left: 10px;
	border-right: 1px solid #dddddd;
	border-left: 1px solid #dddddd;
}
#dualdatacontainer .poundlabel {
	padding-left: 47px;
}
#dualdatacontainer .kwhslabel {
	padding-left: 5px;
}
#dualdatacontainer ul {
	list-style: none;
	margin: 0px 0px 0px 5px;
	padding: 0px 0px 10px;
}
#dualfuelsuppliercontainer {
	padding-top: 5px;
	padding-right: 10px;
	padding-left: 10px;
	border-right: 1px solid #dddddd;
	border-left: 1px solid #dddddd;
}
#dualfuelspendcontainer {
	padding-top: 5px;
	padding-right: 10px;
	padding-left: 10px;
	border-right: 1px solid #dddddd;
	border-left: 1px solid #dddddd;
}
#dualfuelspendcontainer .poundlabel {
	padding-left: 47px;
}
#dualfuelspendcontainer .kwhslabel {
	padding-left: 5px;
}
#seperatefuelelecspendcontainer {
	padding-top: 5px;
	padding-right: 10px;
	padding-left: 10px;
	border-right: 1px solid #dddddd;
	border-left: 1px solid #dddddd;
}
#seperatefuelelecspendcontainer .poundlabel {
	padding-left: 47px;
}
#seperatefuelelecspendcontainer .kwhslabel {
	padding-left: 5px;
}
#seperatefuelgasspendcontainer {
	padding-top: 5px;
	padding-right: 10px;
	padding-left: 10px;
	border-right: 1px solid #dddddd;
	border-left: 1px solid #dddddd;
}
#seperatefuelgasspendcontainer .poundlabel {
	padding-left: 47px;
}
#seperatefuelgasspendcontainer .kwhslabel {
	padding-left: 5px;
}
#seperatefueleleccontainer {
	padding-top: 5px;
	padding-right: 10px;
	padding-left: 10px;
	border-right: 1px solid #dddddd;
	border-left: 1px solid #dddddd;
}
#seperatefuelgascontainer {
	padding-top: 5px;
	padding-right: 10px;
	padding-left: 10px;
	border-right: 1px solid #dddddd;
	border-left: 1px solid #dddddd;
}


/* commercial electricity section */
#comeleccontactcontainer {
	padding: 5px 10px 0px;
	border-right: 1px solid #dddddd;
	border-left: 1px solid #dddddd;
}
#comelecsuppliercontainer {
	padding: 5px 10px 0px;
	border-right: 1px solid #dddddd;
	border-left: 1px solid #dddddd;
}
#comeleccontactcontainer label, #comelecsuppliercontainer label {
	width: 300px;
	display: block;
	float: left;
}
#mprncontainerelec {
	padding: 5px 10px 0px;
	border-right: 1px solid #dddddd;
	border-left: 1px solid #dddddd;
}
#mprncontainerelec #help6 {
	height: 215px;
}

/* commercial gas section */

#comgasspendcontainer {
	padding: 5px 10px 10px;
	border-right: 1px solid #dddddd;
	border-left: 1px solid #dddddd;
}
#mprncontainergas {
	padding: 5px 10px 0px;
	border-right: 1px solid #dddddd;
	border-left: 1px solid #dddddd;
}
#mprncontainergas #help6 {
	height: 190px;
}



/* mpan/mprn secion */
#mpanfloat {
	float: left;
	width: 330px;
}
#mprnfloat {
	float: left;
	width: 200px;
}
#meterfloat {
	float: left;
	width: 330px;
}
#mpancontainer {
	height: 72px;
	width: 250px;
	background: url(images_v5/mpan2.jpg) no-repeat;
	float: left;
}
#mpan {
	float: left;
	width: 45px;
	padding-top: 25px;
}
#mpanline1 {
	padding-top: 6px;
	padding-left: 48px;
	padding-bottom: 0px;
}
#mpanline2 {
	margin-left: 41px;
	margin-top: 10px;
}
/* this section would make the inputs in the mpan box invisible in moz and ie

#mpancontainer input {
	border-color: #FFFFFF;
	border-style: none;
	background: transparent;
} */
#mpan2 {
	margin-left: 33px;
}
#mpan3 {
	margin-left: 35px;
}
#mpan5 {
	margin-left: 11px;
}
#mpan7 {
	margin-left: 15px;
}
#mprn     {
	padding: 5px;
	float: left;
	margin-left: 2px;
}
#mprnlabel {
	float: left;
	padding-top: 8px;
}
.mprninput {
	width: 10px;
	margin: 0px 0px 0px -5px;
	padding: 0px;
	height: 15px;
}
#meter {
	padding-top: 23px;
	padding-left: 20px;
	float: left;
}
#metergas {
	margin-top: 5px;
}

#mpantipbox {
	height: 194px;
	width: 190px;
	float: right;
	background: url(images_v5/mpanbox.jpg);
	padding: 5px 5px 5px 10px;
	margin-bottom: 10px;
	margin-left: 10px;
}
#mpantipbox-text {
	padding-top: 55px;
	font-size: 0.8em;
}
#mpantipbox-header {
	font-weight: bold;
	text-align: center;
}
#mprntipbox {
	height: 154px;
	width: 190px;
	float: right;
	background: url(images_v5/mprnbox.gif);
	padding: 5px 5px 5px 10px;
	margin-bottom: 10px;
	margin-left: 10px;
}
#mprntipbox-text {
	font-size: 0.8em;
}
#mprntipbox-header {
	font-weight: bold;
	text-align: center;
}

/* payment section */
#paymentcontainer, #paymentseperatecontainer, #paymentsinglecontainer {
	padding: 5px 10px 0px;
	border-right: 1px solid #dddddd;
	border-left: 1px solid #dddddd;
}
#paymentcontainer #currentpaylabel, #paymentseperatecontainer #currentpaylabel, #paymentsinglecontainer #currentpaylabel {
	width: 160px;
	display: block;
	float: left;
	padding-top: 2px;
}
#paymentcontainer #futurepaylabel, #paymentseperatecontainer #futurepaylabel, #paymentsinglecontainer #futurepaylabel {
	width: 160px;
	display: block;
	float: left;
	padding-top: 2px;
}
#paymentcontainer #prepaylabel, #paymentseperatecontainer #prepaylabel, #paymentsinglecontainer #prepaylabel {
	width: 255px;
	display: block;
	float: left;
	padding-top: 2px;
}
#paymentcontainer #prepaylabelelec, #paymentseperatecontainer #prepaylabelelec, #paymentsinglecontainer #prepaylabelelec {
	width: 255px;
	display: block;
	float: left;
	padding-top: 2px;
}
#paymentcontainer #currentpaylabelb, #paymentseperatecontainer #currentpaylabelb, #paymentsinglecontainer #currentpaylabelb {
	width: 210px;
	display: block;
	float: left;
	padding-top: 2px;
}
#paymentcontainer #currentpaylabelc, #paymentseperatecontainer #currentpaylabelc, #paymentsinglecontainer #currentpaylabelc {
	width: 210px;
	display: block;
	float: left;
	padding-top: 2px;
}
#paymentcontainer #futurepaylabelb, #paymentseperatecontainer #futurepaylabelb, #paymentsinglecontainer #futurepaylabelb {
	width: 210px;
	display: block;
	float: left;
	padding-top: 2px;
}

/* criteria section */
#criteriacontainer {
	padding: 5px 10px 10px;
	border-right: 1px solid #dddddd;
	border-left: 1px solid #dddddd;
}
#criteriacontainer ul {
	list-style: none;
	margin: 0px 0px 5px 20px;
	padding: 0px;
}

/* page footer/copyright */
#copyright {
	font-size: x-small;
	margin: 20px 10px;
	border-top: 1px solid #CCCCCC;
	padding-top: 10px;
}
#copyright p {
	text-align: right;
}
#copyright a {
	color: #5671B8;
	text-decoration: none;
	font-weight: normal;
	font-size: x-small;
}
#copyright a:hover {
	color: #666666;
}

/* old header styles start here */

#topdiv {
	background-color: #FFFFFF;
	position: relative;
	width: 96%;
	text-align: left;
	color: #666666;
	font-size: x-small;
	border: none;
	margin: 0px auto;
	padding: 10px 0px 0px 10px;
}
#toplogo {
	border: none;
	float: left;
}
#alttoplogo {
	border: none;
	float: left;
	visibility: hidden;
	z-index: 10;
}
.alttoplogo {
	border: none;
	float: left;
	visibility: hidden;
	z-index: 10;
}
.altarrow {
	font-size: x-large;
	color: #D27920;
	font-weight: bold;
	visibility: visible;
	display: block;
}
#toplinks {
	border: none;
	text-align: right;
	margin: 0px;
	padding: 0px;
}
.bluefont {
	color: #0F6AFF;
}
.bluefontmedium {
	color: #0F6AFF;
	font-size: medium;
}
.bluefontmediumbold {
	color: #0F6AFF;
	font-size: medium;
	font-weight: bold;
}
#topline {
	height: 20px;
	background-color: #0F6AFF;
	position: relative;
	margin-top: 2px;
}
#toplinks a {
	color: #5671B8;
	text-decoration: none;
	font-weight: normal;
	font-size: x-small;
}
#toplinks a:hover {
	color: #666666;
}
#topdiv h1 {
	background: url(none);
	font-size: 1.8em;
	color: #666666;
	margin: 0px 0px -10px;
	font-weight: bold;
	padding: 5px 0px 0px;
}
#toplinks p {
	margin: 0px;
	padding: 0px;
}

.bluefont {
	color: #0F6AFF;
}
#errordiv {
	background: #FFFFCC;
	border: 1px solid #FF0000;
	margin-right: auto;
	margin-left: auto;
	padding: 5px 5px 0px;
}
#errordiv p {
	margin: 0px;
	padding: 0px 0px 5px;
}
#errordiv #errorhead {
	font-size: 1.2em;
	color: #FF0000;
}
.poundlabelb {
    float: right;
    padding-right: 3px;
}