@charset "UTF-8";
/* CSS Document */

div.PriceCalc	{
	width: 770px;
	position: relative;	
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1;
}


div.PriceCalc h2.calc-title	{
	background: #de0d5e url(/images/powershop-public/calc/BG_Heading2.gif) repeat-x 0 0;
	height: 35px;
	padding: 0 14px;
	color: #fff;
	font: bold 13pt Arial, Helvetica, sans-serif;
	padding-top: 15px;
	border-bottom: 1px solid #ccc;
}


div.PriceCalc_TLCorner,
div.PriceCalc_TRCorner,
div.PriceCalc_BLCorner,
div.PriceCalc_BRCorner	{
	position: absolute;
	height: 4px;
	width: 4px;
	overflow: hidden;
	background: transparent url(/images/powershop-public/calc/BG_Corners.gif) no-repeat 0 0;
	z-index: 9999;
}

div.PriceCalc_TLCorner	{top: 0; left: 0; margin: 0; background-position: -24px 0;}
div.PriceCalc_TRCorner	{top: 0; right: 0; margin: 0; background-position: -28px 0;}
div.PriceCalc_BLCorner	{bottom: 0; left: 0; margin: 0; background-position: -24px -4px;}
div.PriceCalc_BRCorner	{bottom: 0; right: 0; margin: 0; background-position: -28px -4px;}


div.TLPinkCorner	{background-position: -16px 0;}
div.TRPinkCorner	{background-position: -20px 0;}



div.PriceCalcContent	{
	border: 1px solid #ccc;
	border-top: none;
	min-height: 110px;
}

div.PriceCalc div.PriceCalcContent div.PriceCalc_BLCorner	{background-position: -8px -4px;}
div.PriceCalc div.PriceCalcContent div.PriceCalc_BRCorner	{background-position: -12px -4px;}


/* price calc settings */

div.PriceCalcSettings	{
	float: left;
	width: 218px;
	margin: 14px 9px 14px 0;
	padding-left: 14px;
}

div.PriceCalcResults	{
	float: left;
	padding: 14px 0 14px 0;
	width: 513px;
	background: transparent url(/images/powershop-public/calc/BG_PriceCalcResults.gif) no-repeat 0 bottom;
}

div.SelectSettings	{
	height: 25px;
	margin-bottom: 3px;
}
div.SelectSettings select	{
	vertical-align: middle;
	border: 1px solid #cdcdcd;
	font-size: 9pt;
	padding: 3px;
	width: 213px;
	color:#555;
	display: block;
}

div.BusinessQuestion	{
	height: 50px;
	margin-bottom: 3px;
	line-height: 1.7em;
}

div.BusinessQuestion_Left		{float: left; width: 40px;}
div.BusinessQuestion_Right	{float: left; width: 168px;}
div.BusinessQuestion_Right label	{display: inline-block;}


div.SelectSettingsHelp,
div.SelectSettingsError{
	position: absolute;
	background: transparent url(/images/powershop-public/calc/BG_SelectSettingsHelp.png) no-repeat 0 0;
	margin: -30px 0 0 215px;
	height: 40px;
	width: 459px;
	z-index: 9999;
}

div#customer_type_warning,
div#helpTip_SelectSupplier,
div#helpTip_SelectPlan,
div#helpTip_SelectUsage{
	height: 54px;
	background-position: 0 -40px;
}

div.SelectSettingsError	{background-image: url(/images/powershop-public/calc/BG_SelectSettingsError.png);}

div.SelectSettingsHelp span,
div.SelectSettingsError span{
	background-color: #fff;
	display: block;
	height: 26px;
	width: 434px;
	overflow: hidden;
	line-height: 26px;
	padding-left: 8px;
	margin: 7px 10px;
	font-size: 9pt;
	color: #666;
	font-style: italic;
}

div#customer_type_warning span,
div#helpTip_SelectSupplier span,
div#helpTip_SelectPlan span,
div#helpTip_SelectUsage span{
	height: 33px;
	line-height: 1;
	padding-top: 7px;
	width: 425px;	
}

div.SelectSettingsError span	{color: #ec0e64; margin-left: 40px; text-indent: 0; width: 402px;}

div.SelectSettingsOtherArea	{
	position: absolute;
	margin: -30px 0 0 215px;
	height: 186px;
	width: 459px;
	z-index: 9999;
}

div.SelectSettingsOtherAreaInner {
	background: transparent url(/images/powershop-public/calc/BG_SelectSettingsOtherArea.png) no-repeat 0 0;
	height: 172px;
	width: 439px;	
	padding: 7px 10px;
}

div.SelectSettingsOtherAreaInner div {
	background-color: #fff;
	height: 154px;
	width: 424px;
	padding: 8px 8px;
	overflow: hidden;
	font-size: 9pt;
	color: #666;
	font-style: italic;
	line-height: 1.2em;
}

div.SelectSettingsOtherAreaInner div span.KeepInTheLoop	{
	display: block;
	margin-top: 10px;
	padding: 10px 1px 0 1px;
	border-top: 1px solid #dedede;
	font-style: normal;
}

div.SelectSettingsOtherAreaInner div span strong	{
	font-weight: bold;
	color: #652245;
	display: block;
	font-size: 10pt;
	margin-bottom: 5px;
}

div.SelectSettingsOtherAreaInner div span a,
div.SelectSettingsOtherAreaInner div span a span{
	display: block;
	background: transparent url(/images/powershop-public/calc/Button_Estimate.gif) no-repeat 0 0;
	width: 122px;
	height: 29px;
	overflow: hidden;
	text-align: center;
	font-size: 9.5pt;
	line-height: 29px;
	text-decoration: none;
	color: #e82b60;
	cursor: pointer;	

}
div.SelectSettingsOtherAreaInner div span a							{background-repeat: repeat-x; margin-top: 8px;}
div.SelectSettingsOtherAreaInner div span a span.Estimate_ButtonLeft	{background-position: 0 -29px;}
div.SelectSettingsOtherAreaInner div span a span.Estimate_ButtonRight	{background-position: right -58px;}



div#customer_type_warning	{
	background-image: none;
}

div#customer_type_warning div	{
	height: 47px;
	width: 459px;
	padding-top: 7px;
	background: transparent url(/images/powershop-public/calc/BG_SelectSettingsHelp.png) no-repeat 0 -40px;	
}

div#customer_type_warning div span	{
	margin-top: 0;
}

div.SelectSettingsActions	{
	height: 45px;
	margin-top: 7px;
}



div.SelectSettingsActions a.Estimate,
div.SelectSettingsActions a.Estimate span{
	display: block;
	background: transparent url(/images/powershop-public/calc/Button_Estimate.gif) no-repeat 0 0;
	width: 82px;
	height: 29px;
	overflow: hidden;
	text-align: center;
	font-size: 9.5pt;
	line-height: 29px;
	text-decoration: none;
	color: #e82b60;
	cursor: pointer;	

}
div.SelectSettingsActions a.Estimate							{background-repeat: repeat-x; float: left;}
div.SelectSettingsActions a.Estimate span.Estimate_ButtonLeft	{background-position: 0 -29px;}
div.SelectSettingsActions a.Estimate span.Estimate_ButtonRight	{background-position: right -58px;}

div.SelectSettingsActions a.Reset	{
	display: block;
	float: left;
	margin: 7px 0 0 8px;
	color: #0281ca;
	font-size: 9.5pt;
	text-decoration: none;
}


div.BaseUsage	{
	font-weight: bold;
	font-size: 9.5pt;
	color: #555;
}


div.EditBaseUsage	{
	border: 1px solid #ccc;
	background-color: #eee;
	width: 202px;
	margin-top: 6px;
	height: 32px;
	position: relative;
}

div.EditBaseUsage div.PriceCalc_TLCorner	{margin: -1px 0 0 -1px; background-position: 0 0;}
div.EditBaseUsage div.PriceCalc_TRCorner	{margin: -1px -1px 0 0; background-position: -4px 0;}
div.EditBaseUsage div.PriceCalc_BLCorner	{margin: 0 0 -1px -1px; background-position: 0 -4px !important;}
div.EditBaseUsage div.PriceCalc_BRCorner	{margin: 0 -1px -1px 0; background-position: -4px -4px !important;}

div.EditBaseUsage_Input	{
	float: left;
}

div.EditBaseUsage_Input input	{
	width: 80px;
	border: 1px solid #cdcdcd;
	font-size: 9pt;
	font-weight: bold;
	padding: 3px;
	color: #444;
	text-align: right;
	margin: 4px;
	vertical-align: middle;
}

div.EditBaseUsage_Input label	{
	vertical-align: middle;
}

div.EditBaseUsage_Buttons	{
	float: right;
	padding-right: 8px;
}

div.EditBaseUsage_Buttons a	{
	display: block;
	width: 15px;
	height: 15px;
	overflow: hidden;
	background: #333 url(/images/powershop-public/calc/Button_EditUsage.gif) no-repeat 0 0;
	float: left;
	margin-top: 8px;
	margin-left: 2px;
	text-indent: -9999px;
}

div.EditBaseUsage_Buttons a.More	{}
div.EditBaseUsage_Buttons a.Less	{background-position: -15px 0;}

/* results */

div.SupplierPrices	{
	margin-left: 18px;
	background: transparent url(/images/powershop-public/calc/BG_SupplierPrices.gif) repeat-y 0 0;
	/*background-color: yellow;*/
	padding-bottom: 1px;
	width: 495px;
}

div.SupplierPrices h3	{
	height: 39px;
	background: #eaeaea url(/images/powershop-public/calc/BG_SupplierHeadings.gif) repeat-x 0 0;
	line-height: 39px;
	overflow: hidden;
	color: #333;
	font-weight: bold;
	font-size: 11pt;
	border-bottom: 1px solid #bababa;
	margin: 0;
}
div.PowershopPrices h3	{
	background-position: 0 -39px;
	color: #f1387d;
}

div.SupplierPrices h3 span	{
	display: block;
	height: 39px;
	line-height: 39px;
	padding-left: 30px;
	background: transparent url(/images/powershop-public/calc/BG_SupplierHeadings.gif) no-repeat 0 0;
}

div.SupplierPrices h3 span.SupplierName_Powershop	{background-position: 8px -78px; padding-left: 32px;}
div.SupplierPrices h3 span.SupplierName_Contact		{background-image:none; padding-left:12px; background-position: 8px -117px;}
div.SupplierPrices h3 span.SupplierName_EnergyOnline{background-image:none; padding-left:12px; background-position: 8px -156px;}
div.SupplierPrices h3 span.SupplierName_Genesis		{background-image:none; padding-left:12px; background-position: 8px -195px;}
div.SupplierPrices h3 span.SupplierName_Mercury		{background-image:none; padding-left:12px; background-position: 8px -234px;}
div.SupplierPrices h3 span.SupplierName_Meridian	{background-image:none; padding-left:12px; background-position: 8px -273px;}
div.SupplierPrices h3 span.SupplierName_Other		{background-image:none; padding-left:12px; background-position: 8px -312px;}

div.OldSupplierPrices	{
	float: left;
	width: 247px;
}

div.PowershopPrices	{
	float: left;
	width: 247px;
	margin-left: 1px;
}



div.OldSupplierPrices_Details{

	margin-left: 1px;
}

div.PowershopPrices_Details	{

	margin-right: 1px;
}


div.MeterType01,
div.MeterType02,
div.MeterType03,
div.DailyCharges{

	height: 26px;
	padding: 7px 8px;
	font-size: 9pt;
	color: #555;
	
}

div.MeterType01,
div.DailyCharges	{
	background-color: #f3f3f3;
}

div.MeterType02, div.MeterType03	{
	background-color: #fff;
}




div.PowershopPrices_Details div.MeterType01,
div.PowershopPrices_Details div.DailyCharges	{background-color: #ffebf5;}

span.MeterTypeDesc	{
	display: block;
	font-weight: bold;
	padding-bottom: 2px;
}
span.MeterTypeDetails	{
	display: block;
	float: left;
}
span.MeterTypePrice	{
	display: block;
	float: right;
	text-align: right;
	color: #333;
}


span.NotApplicable	{color: #999;}

div.TotalCharges	{
	min-height: 90px;
	height: 90px;
	background-color: #fff;
	padding: 10px 8px 7px 8px;
	font-weight: bold;
	color: #333;
}

span.TotalContent	{
	display: block;
	padding-top: 6px;
	border-top: 1px dotted #000;
	height: 26px;
}

span.TotalLabel	{
	display: block;
	float: left;
}

span.TotalValue	{
	display: block;
	float: right;
}

div.PowershopPrices_Details span.TotalValue	{color: #f1387d;}

span.TotalFinePrint	{
	display: block;
	font-size: 8pt;
	line-height: 1.1em;
	font-weight: normal;
	color: #666;
}

div.PowershopPrices_Details span.TotalFinePrint b			{color: #000;}
div.PowershopPrices_Details span.TotalFinePrint b strong	{color: #66cc00;}


div.EstimatedSavings,
div.EstimatedSavings_NoSavings{
	border-top: 1px solid #bababa;
	margin-left: 18px;
	background: #ffc2a0 url(/images/powershop-public/calc/BG_EstimatedSavings.gif) repeat-x 0 0;
	min-height: 53px;
	line-height: 53px;
	text-align: right;
	padding-right: 14px;
	color: #5b093a;
	font-weight: bold;
}

span.EstimatedSavings_Value	{
	font-size: 22pt;
}

div.VectorRebate	{
	font-weight: normal;
	font-size: 9.5pt;
	line-height: normal;
	padding-bottom: 12px;
	margin-top: -12px;
}

div.EstimatedSavings_NoSavings	{
	text-align: left;
	line-height: 1.2em;
	padding: 14px;
	font-size: 10pt;
	font-weight: normal;
}


/* extra stuff */

div.PriceCalc_ExtraInfo	{
	position: relative;
	border: 1px solid #ccc;
	width: 715px;
	margin: 0 14px;
	padding: 13px 9px 11px 14px;
}

div.PriceCalc_ExtraInfo div.PriceCalc_TLCorner	{margin: -1px 0 0 -1px;}
div.PriceCalc_ExtraInfo div.PriceCalc_TRCorner	{margin: -1px -1px 0 0;}
div.PriceCalc_ExtraInfo div.PriceCalc_BLCorner	{margin: 0 0 -1px -1px;}
div.PriceCalc_ExtraInfo div.PriceCalc_BRCorner	{margin: 0 -1px -1px 0;}

div.PriceCalc_ExtraInfo a {
	color: #0281ca;
	text-decoration: none;
}

div.PriceCalc_SavingsBasedOn,
div.PriceCalc_StandardPower,
div.PriceCalc_SwitchNow	{
	width: 208px;
	margin-right: 16px;
	font-size: 9pt;
	line-height: 1.2em;
	color: #545454;
	float: left;
}

div.PriceCalc_SavingsBasedOn	{
	font-weight: bold;
	margin-right: 23px;
}

div.PriceCalc_StandardPower	{
	background: transparent url(/images/powershop-public/calc/BG_PriceCalc_StandardPower.gif) no-repeat 160px 0;
	width: 230px;
}

div.PriceCalc_SwitchNow	{
	margin-right: 0;
	width: 230px;	
}




div.PriceCalc_SavingsBasedOn p,
div.PriceCalc_StandardPower p,
div.PriceCalc_SwitchNow p	{margin-bottom: 0;}

div.PriceCalc_SavingsBasedOn p b		{color: #000;}
div.PriceCalc_SavingsBasedOn p b strong	{color: #66cc00;}

div.PriceCalc_StandardPower p	{margin: 0 80px 6px 0;}

div.PriceCalc_SwitchNow p	{
	float: left;
	width: 115px;
}



div.PriceCalc_SwitchNow a.PriceCalc_SwitchNow	{
	display: block;
	float: right;
	height: 32px;
	width: 105px;
	background: transparent url(/images/powershop-public/calc/Button_SwitchNow.gif) no-repeat 0 0;
	text-indent: -9999px;
	overflow: hidden;
}

div.PriceCalc_SwitchNow a.PriceCalc_SwitchNow:hover	{
	background-position: 0 -32px;
}



div.PriceCalc_FinePrint	{
	margin: 24px 16px;
	font-size: 8pt;
	color: #666;
	line-height: 1.2em;
}


div.ClearBoth	{
	clear: both;
	height: 0;
	overflow: hidden;
}

/* Slider */


div.Slider	{
	padding-top: 15px;
}

div.SliderContainter	{
	height: 47px;
}

div.SliderLabels	{
	height: 12px;
	margin: 3px 8px 1px 8px;
}

#slider_container span.SupplierMeter1TypeDesc	{
	float: left;
}

#slider_container span.SupplierMeter2TypeDesc	{
	float: right;
}

#slider_container {
	float: left;
	width: 200px;
	height: 20px;
	font-size: 10px;
	color: #777;
	margin-top: 3px;
}

#slider_container div.day,
#slider_container div.night {
	position: absolute;
	background-color: #555;
	color: #fff;
	text-align: center;
	height: 20px;
	line-height: 20px;	
}

#slider_container div.day {
	left: -30px;
	width: 50px;
	-moz-border-radius-topleft: 4px;
	-webkit-border-top-left-radius: 4px;
	-moz-border-radius-bottomleft: 4px;
	-webkit-border-bottom-left-radius: 4px;
}

#slider_container div.night {
	right: -30px;
	width: 55px;
	-moz-border-radius-topright: 4px;
	-webkit-border-top-right-radius: 4px;
	-moz-border-radius-bottomright: 4px;
	-webkit-border-bottom-right-radius: 4px;
}

#slider {
	width: 126px;
	height: 20px;
	left: 38px;
	background: #ccc;
	position: relative;
}
#slider div.handle {
	top: -3px;
	width: 4px;
	height: 26px;
	background-color: #0281CA;
	cursor: move;
	position: absolute;
	z-index: 100;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;		
}