/*~/System/CSS/reset.css*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/*~/System/CSS/menu.css*/

/* Basic Menu */
#navigation {
	position: relative;
	width: 900px;
	height: 64px;
	background-color: #57ceee;
	overflow: hidden;
	margin-bottom:10px;
}

#menu {
	display: inline;
}

#menu li { 	
	display: inline;
	float: left;
	height: 33px;
	list-style-position: inside;
	list-style-type: disc;
}


#menu li a {
	display: block;
	height: 33px;
	text-indent: -5000px;
	background-image: url(Images/Menu/menu.gif);
	background-repeat: no-repeat;
}

/* Buttons */
#menu_home { width: 90px; }
#menu_compare { width: 140px; }
#menu_switching { width: 190px; }
#menu_business { width: 100px; }
#menu_energy { width: 160px; }
#menu_about { width: 100px; }
#menu_contact { width: 120px; }

#menu_home a { background-position: 0 0; }
#menu_compare a { background-position: -85px 0; }
#menu_switching a { background-position: -225px 0; }
#menu_business a { background-position: -415px 0; }
#menu_energy a { background-position: -520px 0; }
#menu_about a { background-position: -680px 0; }
#menu_contact a { background-position: -780px 0; }

#menu_home a:hover { background-position: 0 -33px; }
#menu_compare a:hover { background-position: -85px -33px; }
#menu_switching a:hover { background-position: -225px -33px; }
#menu_business a:hover { background-position: -415px -33px; }
#menu_energy a:hover { background-position: -520px -33px; }
#menu_about a:hover { background-position: -680px -33px; }
#menu_contact a:hover { background-position: -780px -33px; }

#menu_home.active a { background-position: 0 -66px; }
#menu_compare.active a { background-position: -85px -66px; }
#menu_switching.active a { background-position: -225px -66px; }
#menu_business.active a { background-position: -415px -66px; }
#menu_energy.active a { background-position: -520px -66px; }
#menu_about.active a { background-position: -680px -66px; }
#menu_contact.active a { background-position: -780px -66px; }

#menu_home.active a:hover { background-position: 0 -66px; }
#menu_compare.active a:hover { background-position: -85px -66px; }
#menu_switching.active a:hover { background-position: -225px -66px; }
#menu_business.active a:hover { background-position: -415px -66px; }
#menu_energy.active a:hover { background-position: -520px -66px; }
#menu_about.active a:hover { background-position: -680px -66px; }
#menu_contact.active a:hover { background-position: -780px -66px; }

/* Sub-Menu */
#menu .sub {
	position: absolute;
	top: 33px;
	left: 10px;
	display: none;
	width: 890px;
	height: 25px;
	background-color: #57ceee;
	z-index: 50;
}

#menu li.active .sub {
	display: block;
	z-index: 10;
}

#menu .sub a {
	display: block;
	background: none;
	text-indent: 0;
	color: #fff;
	margin-top:3px;
}

#menu .sub li {
	padding: 7px 10px;
	list-style-position: inside;
	list-style-type: disc;
	font-size: 12px;
}

* html #menu .sub li 
{
	width:120px;
	padding-top:10px;
}

* html #menu .sub li.wider
{
	width:880px;
}

#menu li:hover .sub,
#menu li.sfhover .sub {
	display: block;	
}

/*~/System/CSS/screen.css*/

*
{
	*padding:0;
	*margin:0;
}

body {
	font-family: Helvetica, Arial, FreeSans, "Liberation Sans", "Nimbus Sans L", sans-serif;
	color: #888;
	font-size: 12px;
}
img { border: none; }

p
{
	line-height: 1.7em;
}

h1 {
	height: 150px;
	background-image: url(../../images/logo.jpg);
	background-position: center left;
	background-repeat: no-repeat;
	text-indent: -5000px;
}
h2 { color: #98c229; padding-bottom: 10px; font-size: 22px; } 
h3 { padding-bottom: 10px; }
h5
{
	padding-top:10px;
	font-weight:bold;
	font-size:1.3em;
}

a {
	color: #013e50;
	text-decoration: none;
}

#container {
	margin: 0px auto 20px auto;
	width: 900px;
}

#content p
{
	line-height: 1.5em;
	font-size:1.2em;
	padding-bottom:10px;
}

#content li
{
	font-size:1.2em;
}

/* Heading */
#heading {
	background: url(../../images/runninggirl.jpg) right top no-repeat;
	padding:0;
	margin:0;
}

/* Content */
#tagline {
	background: url(../../images/tagline.jpg) left top no-repeat;
	text-indent: -5000px;
	height: 20px;
	margin: 0px 0 10px 0;
}

#es_mc_btnStep {
	margin-right: 40px;
}
#es_mc_txtInitial 
{
	width: 12px
}

.shortfield 
{
	width: 70px;
}
#instruct {
	margin: 0 0 3px 0;
	width: 280px;
	float:right;
}

#instruct dl {
	
}

#latest {
	width:280px;
	float:right;
}

#easyas {
	text-indent: -5000px;
	height: 50px;
	background: url(../../images/HeaderSaveTime.jpg) left top no-repeat;
}

#instruct dt {
	margin-bottom: 2px;
	font-weight: bold;
	padding: 0 4px;
	font-size: 108%;
}

#instruct dd {
	height: 107px;
	width: 105px;
	padding: 0 4px;
}

#hometop
{
	padding-top:10px;
}

#homebottom {
	clear: both;
}

#homebottom p {
	margin: 10px 15px 10px 0;
}

#compareform, #moveform {
	width: 300px;
	height: 200px;
	float: left;
	position: relative;
}

#compareform {
	background: url(../../images/comparemoving.jpg) top left no-repeat;
}

#moveform {
	background: url(../../images/comparemoving.jpg) top right no-repeat;
}

#compareform p
{
	display:none;
}

#compareform label, #compareform fieldset legend, #moveform label, #moveform fieldset legend {
	display: none;
	border: none;
}

#compareform span, #moveform span
{
	position: absolute;
	left: 105px;
	top: 160px;
}

#compareform fieldset, #moveform fieldset {
	border: none;
}

#es_mc_movepostcode {
	position: absolute;
	top: 96px;
	left: 155px;
	width: 115px;
}

#es_mc_comparepostcode {
	position: absolute;
	top: 96px;
	left: 164px;
	width: 115px;
}

#es_mc_movesubmit {
	position: absolute;
	top: 121px;
	left: 195px;
}

#es_mc_comparesubmit {
	position: absolute;
	top: 121px;
	left: 205px;
}

#greenpower,
#saving,
#footprint 
{
	float:left;
	display: inline-block;
	width: 200px;
	height: 200px;
	background: url(../../images/greenpower.jpg) top left no-repeat;
	text-indent: -5000px;
	margin-right:5px;
	
	*margin-top:-5px;
}

#saving
{
	background: url(../../images/saving.jpg) top left no-repeat;
}

#footprint 
{
	background: url(../../images/footprint.jpg) top left no-repeat;
	margin-right:0;
}

#instruct dl {
	position: relative;
}

#easyas1 {
	position: absolute;
	top: 0px;
	left: 112px;
	padding: 0;
}

#easyas2 {
	position: absolute;
	top: 120px;
	left: 112px;
	padding: 0;
}

#easyas3 {
	position: absolute;
	top: 240px;
	padding: 0;
	left: 112px;
}

.clear {
	clear: both;
}

#advert, #compare {
	width: 610px;
	float: left;
}
#compare h2 { color: #a9d040; }
#staging 
{
	float:left;
	padding: 15px;
	background: #b8d8e4 url(Images/staging.gif) no-repeat left bottom;
	width:870px;
	margin-bottom:10px;
}

#stagingform {
	background: #b8d8e4 url(Images/chooseplan_box_bottom.gif) no-repeat bottom;
	height:130px;
}

#youvechosen {
	background: url(../../images/youvechosen.jpg) top left no-repeat;
	height: 20px;
	text-indent: -5000px;
}

h2#latestnews {
	background: url(../../images/latestnews.jpg) top left no-repeat;
	text-indent: -5000px;	
	height: 20px;
	margin-bottom: 10px;
}

#latest h3
{
	font-size:1.2em;
}

#homebottom h2, #homebottom h3, #homebottom a {
	color: #4ac4e9;
	font-weight: bold;
}

#step {
	margin-top: 5px;
	background-color: #343434;
	border-top-right-radius: 10px;
	-moz-border-radius-topright: 10px;
	-webkit-border-top-right-radius: 10px;
}

/* Choose table */
#planlist {
	margin-top: 5px;
	border-collapse: collapse;
	border: 0;
	clear:both;
}

#planlist th {
	background: url(images/tableheader.gif) top left no-repeat;
	height: 50px !important;
	text-indent: -5000px;
	overflow: hidden;
	border: 1px solid #ffffff;
}
#planlist th * 
{
	height: 49px!important; 
	border: 0!important; 
	padding: 0!important; 
	margin: 0!important;
	display:block;
	text-indent: -5000px;
}

#planlist .renew { width: 94px; border-left: none; }
#planlist .rating { width: 85px; background-position: -95px top; }
#planlist .supplier { width: 75px; background-position: -183px top; }
#planlist .plan { width: 77px; background-position: -262px top; }
#planlist .notes { width: 166px; background-position: -341px top; }
#planlist .contract { width: 73px; background-position: -511px top; }
#planlist .co2 { width: 61px; background-position: -585px top; }
#planlist .saved { width: 78px; background-position: -647px top; }
#planlist .bill { width: 81px; background-position: -726px top; }
#planlist .choice { width: 94px; background-position: right top; border-right: none; }

#planlist td {
	border: 1px solid #ffffff;
	height: 45px;
}

#planlist ul
{
	padding:0;
	margin:0;
}

#planlist li
{
	padding-bottom:3px;
	padding-right:5px;
}

#es_mc_choosePanel p { padding: 0px 20px; }
.odd { background-color: #f8f8f8; }
.even { background-color: #f5f5f5; }
#planlist td.notes { padding: 3px 0; }
#finalstaging {
	background-color: #ebebeb;
	padding: 15px;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	-moz-border-radius-bottomleft: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	-webkit-border-bottom-right-radius: 10px;
	overflow: auto;
	clear: both;
}
* html #finalstaging { height: 700px; }
#connectionaddress {
	background: url(../../images/connectionaddress.jpg) top right no-repeat;
	text-indent: -5000px;
	height: 20px;
	width: 11em;
}

#billingaddress {
	background: url(../../images/billingaddress.jpg) top right no-repeat;
	text-indent: -5000px;
	height: 20px;
	width: 11em;
}

#otherinfo {
	background: url(../../images/otherinfo.jpg) top right no-repeat;
	text-indent: -5000px;
	height: 20px;
	width: 11em;
}

#yourdetails {
	height: 15px;
	background: url(../../images/yourdetails.jpg) top left no-repeat;
	text-indent: -5000px;
	width: 200px;
}

#formleft {
	width:450px;
	float:left;
}

#formright {
	width: 400px;
	float: right;
}

#formleft fieldset,
#formright fieldset
{
	border:none;
}

h2#step1, 
h2#step2, 
h2#step3
{
	background: url(../../images/steps.gif) 0px -96px no-repeat; 	
	text-indent: -5000px;
	height: 48px;
	margin-top: 5px;
	margin:0;
	padding-bottom: 0;
}

h2#step2 {
	background: url(../../images/steps.gif) 0px -48px no-repeat; 	
}
h2#step3 {
	background: url(../../images/steps.gif) 0px 0px no-repeat; 	
}

#connadd11, #connadd12, #billadd11, #billadd12 {
	width: 20px;
}

legend 
{
	margin-bottom: 10px;
}
label {
	width: 9em; 
	margin-left: 2em;
	text-align: right; 
	float:left;
	color: #2f7a91;
	margin-top: 4px;
	font-weight: bold;
	clear:both;
}

p.check label, p.check2 label {
	text-align: left; width: auto; float: none; margin-left: 0; font-weight: normal;
}

div.left {
	width: 49%;
	float: left;
	margin: 5px 0;
}

div.right {
	width: 49%;
	text-align: right;
	float:left;
	margin: 5px 0;
}

div.right p 
{
	padding-right:0 !important;
}

#youraccountdetails {
	background: transparent url(../../images/youraccountdetails.png) no-repeat top left;
	text-indent: -5000px;
	width: 200px;
	height: 15px;
	margin-bottom: 10px;
}

#securitycheck {
	background: transparent url(../../images/securitycheck.png) no-repeat top left;	
	height: 15px;
	text-indent: -5000px;
	width: 200px;
	margin-bottom: 10px;
	}

#aboutyou {
	height: 15px;
	text-indent: -5000px;
	height: 20px;
	width: 11em;
	background: url(../../images/aboutyou.png) no-repeat top right ;	
	margin-bottom: 10px;
}

#connectionaddressblue {
	text-indent: -5000px;
	height: 20px;
	width: 11em;
	background: url(../../images/connectionaddress.png) no-repeat top right;	
}

#billingaddressblue {
	text-indent: -5000px;
	height: 20px;
	width: 11em;
	background: url(../../images/billingaddress.png) no-repeat top right;	
}

#whatisnmi {
	height: 24px;
	text-indent: -5000px;
	width: 350px;
	background: url(../../images/whatisyournmi.png) no-repeat top left;	
	border-right: none;
	padding:0;
}

#yourid {
	height: 24px;
	text-indent: -5000px;
	width: 350px;
	background: url(../../images/yourid.png) no-repeat top left;	
	border-right: none;
	padding: 0;
}

.explain {
	width: 308px;
	font-size: 11px;
	background: #ffffff url(../../images/infobottom.png) no-repeat bottom left;
	margin-bottom: 10px;
	margin-top:10px;
	clear:both;
}
* html #whatisnmi { width: 308px; }
* html #yourid {width: 308px;}
* html .explain { background: #fff;}

.explain p {
	padding: 10px;
	margin: 0;
	border-right: 2px solid #a4c2cc;
}

#es_mc_tc {
	width: 100%;
	height: 400px;
	overflow-y: scroll;
	border: 1px solid #888888;
}

form p {
	margin: 5px 0;
}

.form {
	margin: 0;
	padding: 0;	
}

#stagingform span label {
	display: inline-block;
	float: none;
	padding-right: 3px;
}

#stagingform span.c1 label {
	width: 5.5em;
}

#stagingform span.c2 label {
	width: 7.5em;
}

#stagingform span.c3 label {
	width: 2.5em;
}

#stagingform label.short {
	width: 3.5em;
}

#suggestion 
{
	position: absolute;
	top: 0px;
	left: 205px;
	display: block;
	width: 380px;
	height: 119px;
	padding: 10px 20px;
	background: url(../../images/OverlaySmall.png) top left no-repeat;
	color: #fff;
	float:left;
}

#suggestion p
{
	display: block;
	width: 360px;
	height: 119px; 
	font-weight: bold;
	font-size: 135%;
	float:left;
}

.featuredSourceContainer
{
	position: relative;
}

.featuredSource
{
	position: absolute;
	top: -15px;
	left: 95px;
	display: none;
	width: 380px;
	height: 261px;
	padding: 10px 20px;
	background: transparent url(../../images/OverlayLarge.png) no-repeat left top;
	float:left;
	text-align: left;
}
* html .featuredSource
{ background: #fcfcfc url('../../images/OverlayLarge.gif') no-repeat left top; }
* html span.featuredSource div ul li { list-style: none!important; }
.featuredSource p
{
	padding: 0px !important;
	width: 350px;
}

.featuredSource em
{
	font-style: normal;
	font-weight: bold;
	color: #ffffff;
	font-size: 135%;
}

#stagingform span select, #stagingform span input {
	width: 9em;
}
#stagingform span select.thin, #stagingform span input.thin {
	width: 5em;
}

#choose1, #choose2, #choose3 {
	display: inline-block;
	float: left;
	margin: 0px 0;
	padding: 15px 0;
	height: 100px;
	position: relative;
}
#choose1
{
	width:600px;
}
#choose1 div {
	margin: 12px 0;
}
#planlist tbody td span.Cost { color: Red; }

#choose2 {
	border-right: 1px solid lightgrey;
	width: 150px;
	position:relative;
}

#choose2 p {
	text-align: right;
	font-weight: bold;
	margin-right: 10px;
	color: #343434;
}

#choose2 label,
#choose2 input {
	font-weight: normal;
	font-size: 11px;
	color: #343434;
	padding: 2px 0;
	float:right;
	margin:0;
	width:80% !important;
	text-align:right;
	margin-bottom:3px;
}

#choose2 input {
	width:10% !important;
	margin-right:5px;
	clear:right;
}

* html #choose2 label
{
	clear:none;
	padding-top:5px;
}

#choose3 {
	border-left: 1px solid #eaeaea;
	width: 100px;
}

* html #choose3
{
	height:120px;
}

#choose1 label {
		color: #343434;
}
#choose3 input {
	margin: 20px 15px;
}

#planlist td {
	vertical-align: middle;
	text-align: center;
	font-weight: bold;
	color: #013e50;
	height: 40px;
	padding: 2px;
}

#planlist td.numerical {
	font-size: 16px;
	color: #a9d041;
}
#planlist td.co2 {
	font-size: 16px;
	color: #a9d041;
}

#planlist td.total {
	color: #023f54;
	font-size: 16px;
}

#planlist td.notes {
	font-weight: normal;
	font-size: 10px;
}

#planlist img {
	margin: 2px 2px;
}

.select {
	display: block;
	background-image: url(../../images/select.jpg);
	text-indent: -5000px;
	width: 70px;
	height: 40px;
	margin-left:10px;
	*margin-left:0;
}

/* Footing area */
#footing 
{
	background: #4ac4e9 url(Images/footer.gif) no-repeat bottom;
	clear: both;
	width: 900px;
	height: 26px;
	font-size: 1em;
	color: #ffffff;
	font-weight: bold;
	padding-top: 10px;
	margin-top: 25px;
	text-align: center;
}

#footing ul li {
	padding: 0 10px;
	border-left: 2px solid #fff;
}


#footing ul li.first {
	border-left: none;
}

#footing ul li {
	display: inline;
}

#footing a {
	color: #ffffff;
}

#footing a:hover {
	color: #013e50;
}

/* Miscellaneous */
.esemphasis {
	color: #4ac4e9;
	font-weight: bold;
}

.gpemphasis {
	color: #a9d041;
	font-weight: bold;
}

.smallprint {
	font-size: 9px;
	padding: 0 10px; 
}

#content .small {
	font-size: 10px;
}

img.left {
	float: left;
	margin-right: 10px;
}

p.right {
	text-align: right;
	width: 100%;
}

div.clear {
	clear: both;
}

strong {
	font-weight: bold;
}

.list {
	color: #013e50;
	font-weight: bold;
}
p.list { font-size: 135%; line-height: 135%; padding-top: 2px; }


.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.identity {
	background-image: url(../../images/identitylogo.jpg);
	text-indent: -5000px;
	width: 49px;
	height: 12px;
	display: inline-block;
}

.blur {
	color: #aaa;
}
p.switchthanks { text-align: center; padding-bottom: 10px; }

#formleft input,
#formright input,
#formleft select,
#formright select
{
	background-color: #fff !important;
	float:left;
	margin: 0 3px 5px 0;
}

#formleft p span
{
	float:left;
	display:block;
}

#formleft .right input,
#formright .right input
{
	float:right;
}

#formleft fieldset
{
	padding: 15px 0 0 30px;
}

#formright fieldset
{
	padding: 15px 0 0 0;
}

#formleft label,
#formright label
{
	padding: 0 5px 0 0;
	clear:both;
}

#formright label
{
	width:150px;
}

#formleft .check,
#formright .check
{
	padding-left:150px;
}
#formright .check2 { padding-left: 0px; }
p.DownloadAcrobat { text-align: center; }
p.DownloadAcrobat a { padding-left: 24px; background: transparent url(../../images/DownloadAcrobat.png) no-repeat left center; font-size: 85%; }
ul.Normal { list-style: disc outside!important; padding-left: 20px; padding-bottom: 5px; }
ul.Normal li { list-style: disc outside!important; padding-bottom: 5px; }

div.contactForm fieldset label { color: #999; width: 200px; display: block; float: left; font-weight: normal; }