/* global rules */
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: 0px;
}
p {
	margin: 0px;
	padding: 0px 0px 10px;
}
img {
	border-style: none;
}

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

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

/* main containers */
#breadrcumbcontainer {
	width: 901px;
	font-size: 0.8em;
	padding-left: 10px;
	margin-top: 10px;
	margin-right: auto;
	margin-left: auto;
}
#wrappertop {
	width: 902px;
	height: 4px;
	background: url(images_v5/topcurve_wrapper.gif) no-repeat;
	margin: 0px auto 0em;
	padding: 0px;
}
#wrapperbottom {
	width: 902px;
	margin-right: auto;
	margin-left: auto;
	background: url(images_v5/bottomcurve_wrapper.gif) no-repeat;
	height: 4px;
}
#wrapper {
	width: 882px;
	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;
}

/* blue energylinx top with logo and links */
#topbar {
	background: #3F84F9 url(images_v5/backie_topbar.jpg) repeat-x;
	height: 40px;
}
#logo {
	padding-top: 10px;
	padding-left: 35px;
}
#toplinks {
	float: right;
}
#toplinks a {
	color: #FFFFFF;
	text-decoration: none;
}
#toplinks a:hover {
	text-decoration: underline;
}
#toplinks ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}
#toplinks li {
	display: block;
	float: left;
	text-align: center;
	border-right: 1px solid #5d99fa;
	height: 28px;
	padding-top: 12px;
	padding-right: 12px;
	padding-left: 12px;
	width: auto;
}

/* submit buttons */
#topsubmit {
	text-align: right;
	float: right;
	width: 111px;
	margin-top: 24px;
	height: 20px;
	margin-right: 23px;
}
#bottomsubmit {
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: right;
	margin-top: -10px;
}

/* sections global values */
#currentelec, #payment, #criteria, #elecspend, #comeleccontact, #comelecsupplier, #comelecspend, #commeter, #energysuppliers, #currentdual {
	clear: both;
	margin-bottom: 10px;
	width: 880px;
	height: auto;
}
.data {
	background: url(images_v5/bottomcurve.jpg) no-repeat left bottom;
}
.helptext {
	background: #FFFFEC;
	margin: 5px 15px;
	padding: 10px 10px 0px;
	border: 2px solid #CCCCCC;
	width: 825px;
	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: 5px 5px 5px 55px;
	width: 825px;
	height: 45px;
}
.sectionheader p {
	padding-bottom: 0em;
	padding-top: 1px;
	padding-right: 10px;
}
#shpostcode {
	background: url(images_v5/sectionheader-postcode.gif) no-repeat;
}
#shcompostcode {
	background: url(images_v5/sectionheader-compostcode.gif) no-repeat;
}

#shelectricity, #shcomelecsupplier  {
	background: url(images_v5/sectionheader-electricity.gif) no-repeat;
}
#shspend, #shcomspend {
	background: url(images_v5/sectionheader-spend.gif) no-repeat;
}
#shpayment {
	background: url(images_v5/sectionheader-payment.gif) no-repeat;
}
#shcriteria {
	background: url(images_v5/sectionheader-criteria.gif) no-repeat;
}
#shcomcontact {
	background: url(images_v5/sectionheader-comcontact.gif) no-repeat;
}
#shcommeter {
	background: url(images_v5/sectionheader-commeter.gif) no-repeat;
}
#shsuppliers {
	background: url(images_v5/sectionheader-suppliers.gif) no-repeat;
}
#shdual {
	background: url(images_v5/sectionheader-cual.gif) no-repeat;
}
#shgas, #shcomgassupplier {
	background: url(images_v5/sectionheader-gas.gif) no-repeat;
}

/* location/ postcode section */
#postcode {
	margin-bottom: 10px;
	width: 880px;
	height: auto;
}
#postcodecontainer {
	padding: 5px 10px 0px;
}
#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;
}
#gasdatacontainer #poundlabel {
	padding-left: 47px;
}
#gasdatacontainer #kwhslabel {
	padding-left: 5px;
}
#gasdataecontainer ul {
	list-style: none;
	margin: 0px 0px 0px 5px;
	padding: 0px 0px 10px;
}

/* electricity section */
#elecdatacontainer {
	padding-top: 5px;
	padding-right: 10px;
	padding-left: 10px;
}
#elecdatacontainer #poundlabel {
	padding-left: 47px;
}
#elecdatacontainer #kwhslabel {
	padding-left: 5px;
}
#eco7label,  #anyinfolabel, #nightuselabel {
	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;
}
#dualdatacontainer #poundlabel {
	padding-left: 47px;
}
#dualdatacontainer #kwhslabel {
	padding-left: 5px;
}
#dualdataecontainer ul {
	list-style: none;
	margin: 0px 0px 0px 5px;
	padding: 0px 0px 10px;
}

/* commercial electricity section */
#comeleccontactcontainer {
	padding: 5px 10px 0px;
}
#comelecsuppliercontainer {
	padding: 5px 10px 0px;
}
#comeleccontactcontainer label, #comelecsuppliercontainer label {
	width: 300px;
	display: block;
	float: left;
}

/* commercial gas section */

#comgasspendcontainer {
	padding: 5px 10px 10px;
}


/* 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: 14px;
}
#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 {
	padding: 5px 10px 0px;
}
#paymentcontainer #currentpaylabel {
	width: 160px;
	display: block;
	float: left;
	padding-top: 2px;
}
#paymentcontainer #futurepaylabel {
	width: 160px;
	display: block;
	float: left;
	padding-top: 2px;
}
#paymentcontainer #prepaylabel {
	width: 255px;
	display: block;
	float: left;
	padding-top: 2px;
}
#paymentcontainer #prepaylabelelec {
	width: 255px;
	display: block;
	float: left;
	padding-top: 2px;
}
#paymentcontainer #currentpaylabelb {
	width: 210px;
	display: block;
	float: left;
	padding-top: 2px;
}
#paymentcontainer #currentpaylabelc {
	width: 210px;
	display: block;
	float: left;
	padding-top: 2px;
}
#paymentcontainer #futurepaylabelb {
	width: 210px;
	display: block;
	float: left;
	padding-top: 2px;
}

/* criteria section */
#criteriacontainer {
	padding: 5px 10px 10px;
}
#criteriacontainer ul {
	list-style: none;
	margin: 0px 0px 5px 20px;
	padding: 0px;
}

/* page footer/copyright */
#footer {
	margin-top: 15px;
	padding-top: 15px;
	border-top: 1px solid #CCCCCC;
	font-size: 0.88em;
	color: #666666;
}
#footer ul {
	margin: 0px;
	padding: 0px 0px 20px;
	list-style: none;
	clear: both;
	display: block;
}
#footer li {
	display: block;
	float: left;
	margin-right: 5px;
}
#footer a {
	color: #666666;
}

.footermenutitle {
	width: 85px;
}
#errordiv {
	background: #FFFFCC;
	width: 900px;
	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;
}