body 
{
margin:0px;
padding:0px;	
	
}
#container 
{
	
text-align:left;
font-family : Arial, Sans-Serif;
font-size:12px; 
}

#enter_pc 
{
	float:left;
	background-color:#E22F33;
	padding:6px 6px;
	width:508px;	
	}
	
	#enter_pc_around 
	{
		background-color:#fff;
		padding:8px 8px;	
	}
	
	#page1_title 
{ font-size:20px;
	font-family:Arial;
	color:#333;
	font-weight:bold;
	padding:0px;
	margin:0px;
	border-bottom:1px dotted #00713C;

	}
		#page2_title 
{ font-size:20px;
	font-family:Arial;
	color:#333;
	font-weight:bold;
	padding:0px;
	margin:10px 0px 0px 0px;
	border-bottom:1px dotted #00713C;

	}
	
	
		#page1_titlea 
{ font-size:20px;
	font-family:Arial;
	color:#333;
	font-weight:bold;
	padding:0px;
	margin:0px;
	border-bottom:1px solid #00713C;

	}
	
	#page1_desc 
	{
		padding:6px 0px 8px 1px;
		color:#333;
		font-size:14px;
		font-family:Arial;
		
	}
	#page1_pc_1 
	{
		margin-top:4px;
		}
	.page1_pc_1A 
{
	float:left; width:175px;
	padding:2px 0px 0px 1px;
	color:#333;
	font-weight:bold;
	font-size:14px;
	}
		.page1_pc_1As 
{
	float:left; width:165px;
	padding:2px 0px 0px 1px;
	color:#333;
	font-weight:bold;
	font-size:14px;
	}
	.price {width:10px;float:left; 
	        padding:2px 0px 0px 0px; font-size:12px; color:#333;font-family:Arial; }
	#txPostcode { font-size:14px; color:#333;font-family:Arial; }
	
	.page1_pc_1B 
{
	float:left; 
	width:190px;
	
	padding-bottom:5px;

	}
	input {padding:0px; margin:0px; }
	
	.page1_pc_1C 
{
	width:110px;	
	float:left; 
	}
	
	
	
		.page1_validation 
{
	padding-top:2px;
	}
	
	.clearit { clear:both; }
	
	#page1_location 
	{
		
		background-repeat:no-repeat;
		background-color:#F1F9E6;
		padding:8px 8px;
		margin-top:8px;	
	}
	
	
	#page1_location_desc 
	{
			padding:6px 0px 5px 1px;
		color:#333;
		font-size:14px;
		font-family:Arial;	
		
	}
	
		#page1_pc_1A2 
{
	float:left; width:125px;
	padding:2px 0px 0px 5px;
	color:#333;	
	
	}
	
	
	#page1_pc_1B2
{
	float:left; width:260px;	
	}
	
	/* details */
	
	#enter_pcx 
{
	background-color:#87C816;
	padding:6px 6px;
	width:520px;
	margin-top:8px;	
	}
	
	#enter_pc_aroundx 
	{
		background-color:#F1F9E6;
		padding:8px 8px;
	}
	
	#page1_titlex 
{ font-size:20px;
	font-family:Arial;
	color:#333;
	font-weight:bold;
	padding:0px;
	margin:0px;
	border-bottom:1px solid #00713C;	

	}
	
	
	#page1_descx 
	{
		padding:6px 0px 5px 1px;
		color:#333;
		font-size:14px;
		font-family:Arial;	
		
	}
	.page1_pc_1x 
	{
		margin-top:4px;
		}
	.page1_pc_1Ax 
{
	float:left; width:85px;
	padding:2px 0px 0px 1px;
	color:#333;
	font-weight:bold;
	font-size:14px;
	}
	
	
	.page1_pc_1Bx 
{
	float:left; width:160px;
	}
	
	.page1_pc_1Cx 
{
	float:left; width:180px;
	}
	
	
	/* bottom */
	
	#page1_around_whole 
	
	{
		background-color:#87C816;
	padding:6px 6px;
	width:520px;
	margin-top:8px;
	}
	#page1_around_whole_inside 
	
	{ 
	
		padding:0px 8px;
		padding-top:2px;
		}
	
	#page1_around_whole_inside_title 
	{
		font-size:20px;
	font-family:Arial;
	color:#fff;
	font-weight:bold;
	padding:0px;
	margin:0px;
	border-bottom:1px solid #fff;
	}
	
	/* gas and leccy */
	
	.enterdetails {padding:6px 6px;
		background-color:#87C816; width:520px; 
		margin-bottom:6px;
		display:none;
		 }
		 
	#enter_pcEnd
    {
	background-color:#87C816;
	padding:6px 6px;
	width:520px;	
	display:none;
	}
	
	#showmeGas { }
	.showmeGas_title { font-size:18px;
	font-family:Arial;
	color:#333;
	font-weight:bold;
	padding:0px;
	margin:0px;
	border-bottom:1px solid #00713C;
	}
	
	/* panels */
	
	.sepererate10px { height:10px; font-size:1px; }
		.sepererate5px { height:5px; font-size:1px; }
.ElecDetails, .GasDetails {
float:left;
width:245px;
_width:251px;

padding:6px;
background-color:#F1F9E6;
}


.sep{  float:left; width:6px;}



select {
width:239px; font-family:Arial;
_width:232px;

}

.shortselect {
width:80px;
margin-bottom:0px;
}

.italsmall {
font-size:10px; 
padding:0px 0px 2px 0px;
margin-top:-1px;

}

.qEstim {

border:3px double #333;
background:#fff;
padding:5px;
width:219px;
_width:227px;
margin:5px;
text-align:left;
}

#pnlElec {
float:left;


}

/* panels by me */

.seperateby10px { font-size:1px; height:7px; clear:both; }
.sep3px {font-size:1px; height:3px; clear:both; }
input { font-family:Arial; }
#ctl00_MiddleContent_nightUsagePerc { font-family:Arial;  font-size:12px;} 

.divGasfloat { margin-bottom:10px; background-color:; }
.divGasfloat_compare { margin-bottom:0px; background-color:#729E2E; width:165px; }
.divGasfloat_compareG { margin-bottom:0px; background-color:#729E2E; width:136px;  }

.divGasfloat_econ { margin-bottom:10px; margin-top:0px;  } 
.divGasfloat5drop { margin-bottom:1px;  }

.divGasfloatA { float:left;  text-align:left; padding:1px 4px 4px 4px; _padding:1px 2px 2px 4px; color:#eee;}
.divGasfloatB { float:left; padding:2px 2px 4px 0px; _padding:2px 2px 2px 4px;}

.divGasfloatAHorizontal { padding-bottom:1px; }
.divGasfloatBHorizontal { }

.usageA { }
#ctl00_MiddleContent_GasSpend, #ctl00_MiddleContent_ElecSpend
 { width:100px; }
 

#ctl00_MiddleContent_GasKwhPA, #ctl00_MiddleContent_ElecKwhPA
 { width:100px; }
 
 #ctl00_MiddleContent_dontKnowGasUsage,
 #ctl00_MiddleContent_dontKnowElecUsage,
 #ctl00_MiddleContent_dontCompareGas,
 #ctl00_MiddleContent_dontCompareElec
  { padding:0px; margin:0px; height: 14px; width: 14px;}
 
.usageA1 { float:left; padding-right:3px; padding-top:3px; font-size:13px; text-align:right; width:21px;}
.usageA2 {float:left; padding-right:4px;}
.usageA3 { float:left; padding-top:1px;}

.usageB { margin-top:3px; }
.usageB1 { float:left; padding-right:3px; padding-top:3px; font-size:12px; text-align:right; width:21px;}
.usageB2 {float:left; padding-right:4px;}
.usageB3 { float:left; padding-top:5px;}

.usageC { margin-top:3px; }
.usageC1 { float:left; padding-right:3px; padding-top:1px; font-size:12px;  text-align:right; width:21px;}
.usageC2 {float:left; padding:1px 3px 0px 0px; }
.usageC3 { float:left; padding-top:1px;}

/* gas estimator */
.surroundEstimtitle {width:100px; _width:110px; font-size:14px; font-weight:bold; background-color:#729E2E; padding:5px; color:#fff; font-family:Arial; }
.surroundEstimtitleElec {width:140px; _width:150px;  font-size:14px; font-weight:bold; background-color:#729E2E; padding:5px; color:#fff; font-family:Arial; }
.tellusabout { padding:4px 0px 2px 5px; }

.surroundEstim { padding-left:6px; }
.surroundEstim1 { float:left; padding:3px 5px 0px 0px; }
.surroundEstim2 { float:left; padding-top:2px; padding-bottom:1px;}



#ctl00_MiddleContent_rblGasUsage1, 
#ctl00_MiddleContent_rblGasUsage2, 
#ctl00_MiddleContent_rblGasUsage3,
#ctl00_MiddleContent_rblElecUsage1,
#ctl00_MiddleContent_rblElecUsage2,
#ctl00_MiddleContent_rblElecUsage3,
#ctl00_MiddleContent_economy7
{
	height:13px; width:13px;
	margin:0px; padding:0px;
}

.divElecfloatEcon1 
{
	float:left; padding-right:5px;  padding-top:2px;
}

.divElecfloatEcon2 
{
	float:left;  padding-top:0px;
	_padding-top:3px;
	
	padding-right:10px;

}



.divElecfloatEcon34 /* holds both 3 and 4 */
{
	float:left; 

}

.divElecfloatEcon3 
{
	float:left; padding-top:2px;
	padding-right:4px;   
}

.divElecfloatEcon4
{
	float:left; 
	text-align:right;
	
}

#ctl00_MiddleContent_nightUsagePerc 
{
	
width:60px;
margin-bottom:0px;

 }


#pnlInnerElec {  }

#compareGas, #compareElec { padding:2px 0px 0px 0px; }

/* btns */

.btnhov{
border-top-color:#fff;
border-left-color:#fff;
border-right-color:#fff;
border-bottom-color:#fff;}



.btnExample {
  background: #00B7F1 url(../images/buttonbg.jpg) repeat-x;
 color: #fff;

font-family:arial;
  border: 1px solid #0099cc;
  padding:3px;
  _padding:1px;
 font-weight:bold;
font-size: 14px; 
width:110px;
}


.ibutton 
{
	text-align:right;
}





.btn.green 
{
	background: #9BC716;
	color:#fff;font-size:15px; font-family:Arial; font-weight:bold;
	 padding:3px 7px 3px 6px; 
	
	border:1px solid #90B915;
	
	_filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='#ffffffff',EndColorStr='#ffcccccc');
	_padding:2px px 2px 6px;
	_color:#364B16;
	_border:1px solid #364B16;
	  }
 
.btn:hover { background-color: #666; }
 .btn:active { background-color: #444; }
   .btn[class] 
   {
	background-image: url(shade.png); background-position: bottom; 
    _width:100px;}


#SearchLoading {

position:absolute;
font-family : Arial, Sans-Serif;
font-size:18px;
font-weight:bold; 
top:180px;
left:200px;
width:150px;
height:200px; 
text-align:center; z-index:99;

}


#txPostcode, #spBroadBand, #spTV, #spPhone { width:100px;}
.btns { text-align:right; margin:0px; padding:0px;  }
.btn { font-size:14px; font-family:arial;   background: #aaa; padding: 5px;  color: #fff; text-decoration: none; cursor: pointer; letter-spacing:0px; }


.btn.blue { background: #2ae; }
.btn.green { background: #9d4; }
.btn.pink { background: #ff0000; }
.btn:hover { background-color: #a00; }
.btn:active { background-color: #444; }
.btn[class] {  background-image: url(shade.png); background-position: bottom; }

#right_suppliers
{
	margin-left:10px;
	width:225px;
	float:left;
	background:#FDE7D0;
	
}

.title_sp 
{
	font-size:14px; font-weight:bold;
	color:#fff;
	background:#E22F33;
	padding:4px 7px;
	background-image:url(../../images/bg.jpg);
	background-repeat:repeat-x;
		
}
.desc_sp {font-size:12px; 
	color:#333;

	padding:8px 7px; 
	}
	.img_sp { text-align:center; margin-bottom:15px; }