/*  -- AUTHOR: PITCH (pitch.net.nz) -----------------------------------------------------------  */
/*  -- MEDIUM: SCREEN -------------------------------------------------------------------------  */	
	
/*  -- GENERAL --------------------------------------------------------------------------------  */

	html {
		
	}
		
	body {
		font-family: Arial, Helvetica, Verdana;
		background-color: #F6F6EE;
		font-size: 12px;
	}
		
	a {
		color: #0180CA;
		text-decoration: none;
	}

	a:hover {
		text-decoration: underline;
	}
	
	a:focus {
		outline: none;
	}
	
	h1 {
	 font-size: 2.3em;
	 color: #EB0D64;
	}

	h2 {
	 font-size: 1.2em;
	 color: #662244;
	 font-weight: bold;
	}
	
	h3 {
	 color: #662244;
	 font-size: 14px;
	 font-weight: bold;
	 margin: 0 0 0px;
	}

	h4 {
	 font-size: 19px;
	 color: #7A8087;
	 line-height: 25px;
	 margin: 0;
	 /*margin: 0 28px;*/
	}
	
	
	h5 {
	 font-size: 13px;
	 color: #545454;
	 font-weight: bold;
	 letter-spacing: -1px;
	}
	
	hr {
	 border: 0px;
	 border-top: 1px solid #d3d4d4;
	 border-bottom: 1px solid #d3d4d4;
	 height: 1px;
	 overflow: hidden;
	 clear: both;
	 margin: 0 0 25px;
	}
	

	blockquote {
	 font-size: 1.5em;
	}

	p {
	 font-size: 1em;
	 margin-bottom: 15px;  
	 color: #666;
	 line-height: 1.6em;
	}

	input {
	 font-size: 1.0em;
	}

	small,
	p.small {
	 font-size: 0.75em;
	}

	strong {
		font-weight: bold;
	}

	.clear {
		clear: both;
	}

	em {
		font-style: italic;
	}
	
	.float-left{
		float: left;
	}
	
	.float-right{
		float: right;
	}
	
	#header{
		margin-top: 10px;		
		overflow: hidden;
	}
	#wrapper {
		margin: 0 auto;
		width: 960px;
	}

	#content-top{
		background: url(../images/powershop-public/content-top.jpg) no-repeat;
		width: 960px;
		height: 4px;
		margin-top: 14px;
	}

	#content-bottom{
		background: url(../images/powershop-public/content-bottom.jpg) no-repeat;
		width: 960px;
		height: 4px;
	}


	#content{
		background: url(../images/powershop-public/content-filler.jpg) repeat-y;
		clear: both;
		overflow: hidden;
	}
	
	.wrap {
		overflow: hidden;
		}
	
	.switch-now{
		text-indent: -9999px;
		height: 32px;
		width: 105px;
		display: block;
		background: url(../images/powershop-public/main-nav-btns.png) no-repeat 0 0;
		float: left;
	}
	
		.switch-now:hover{
			background-position: 0px 100%;
		}
	
	.fineprint {
		font-size:8pt;
		line-height:1.1em;
	}
	
/* ----------------- Homepage ------------------------------- */
	
	#home-cycle {
		margin: 6px 0 0 0;
		width: 960px;
		height: 360px;
		overflow:hidden;
	}
	
	
	.home-cycle-nav {
		width:auto;
		height: 11px;
		margin: 0 0 10px;
		padding-top: 6px;
		padding-bottom: 4px;
		text-align: center;
	}
	
	
	.home-cycle-nav a {
		color:#F90;
		background:url(/images/powershop-public/promo/common/homepage/cycle-dot.gif) no-repeat;
		border: 0px solid #000000; 
		margin: 0;
		margin-right: 3px;
		display:inline-block;
		height: 11px;
		width: 11px;
	}
	
	.home-cycle-nav a:hover {
		background:url(/images/powershop-public/promo/common/homepage/cycle-dot-over.gif) no-repeat;
	}

	.home-cycle-nav .activeSlide,
	.home-cycle-nav .activeSlide:hover{
		background:url(/images/powershop-public/promo/common/homepage/cycle-dot-active.gif) no-repeat;	
	}

	
		
	#home-promo-waikato { 
		margin: 0;
		padding: 0;
		width: 960px; 
		height: 360px;
		background: url(/images/powershop-public/promo/waikato/promo-cycle-waikato.jpg) no-repeat;
	}

	#home-promo-waikato-left {
		width: 490px;
		height: 250px;
		margin: 40px 0 0 30px;
		float:left;
	}

	#home-promo-weekend { 
		margin: 0;
		padding: 0;
		width: 960px; 
		height: 360px;
		background: url(/images/powershop-public/promo/weekend/promo-cycle-weekend.gif) no-repeat;
	}
	#home-promo-weekend-left {
		width: 490px;
		height: 250px;
		margin: 40px 0 0 30px;
		float:left;
	}
	
	

	
	/* -- BEGIN home promo smarter --*/
	
	#home-promo-smarter {
		margin: 0;
		padding: 0;
		width: 960px; 
		height: 360px;
		background: url(/images/powershop-public/promo/smarter/home-promo-smarter-bkgd.jpg) no-repeat;
	}
	
	#home-promo-smarter-left {
		width: 490px;
		height: 260px;
		margin: 30px 0 0 30px;
		float:left;
	}
	#home-promo-smarter-left h1 {
		background: url(/images/powershop-public/promo/smarter/h1-smarterthanyouraverage.gif) no-repeat;
		width: 482px;
		height: 81px;
		text-indent: -9999px;
		margin-bottom: 10px;
		float: left;
	}
	
	#home-promo-smarter-right,
	#home-promo-weekend-right{
		float:right;
		width: 400px;
		height: 250px;
		margin: 0;
	}
	
	#home-promo-smarter .btn-video {
		display: block;
		background: url(/images/powershop-public/promo/smarter/btn-reducedbills.png) no-repeat;
		width: 290px;
		height: 55px;
		float: right;
		text-indent: -9999px;
		margin: 130px 70px 0 0;
		overflow: hidden;
		filter:alpha(opacity=80);
		opacity:0.8;
		clear:none;
	}
	
	#home-promo-smarter .btn-video:hover {
		background-position: 0 -55px;
	}
	
	
	
	#home-promo-smarter h2 {
		font-size: 19px;
		line-height: 23px;
		color: #FFF;
		width: 482px;
		margin-bottom: 10px;
		float: left;
		clear: left;
	}
	 
	
	/* -- Common to promo area --*/
	.btnline {
		overflow: hidden;
		width: 900px;
		height: 48px;
		float: left;
		clear: left;
		margin: 0 0 0 30px;
	}
		
	.btnline span {
		float: left;
		display: inline-block;
		margin: 15px 10px 0;
	}
	
	.btnline a.switchtoday {
		background: url(/images/powershop-public/promo/common/homepage/btn-switchtoday.png) no-repeat 0 0;
		display: block;
		width: 254px;
		height: 48px;
		text-indent: -9999px;
		float: left;
	}
	
	.btnline a.switchtoday:hover {
		background-position: 0 -48px;
	}
	
	.btnline a.findoutmore {
		background: url(/images/powershop-public/promo/common/homepage/btn-findoutmore.gif) no-repeat;
		display: block;
		width: 127px;
		height: 32px;
		text-indent: -9999px;
		margin: 5px 0 0;
		float: left;
	}
	
	.btnline a.findoutmore:hover {
		background-position: 0 100%;
	}
	
	.btnline h3 {
		font-size: 13px;
		font-weight:normal;
		color: #FFF;
		text-align:right;
		width: 465px;
		margin: 13px 0 0 0;
		float: right;	
	}

	
			
	/* -- END home promo smarter --*/
	
	
	#testimonial-lydia {
		background: url(/images/powershop-public/promo/home-badge/testimonial-lydia.gif);
		display: block;
		width: 300px;
		height: 150px;
		overflow: hidden;
		text-indent: -9999px;
	}
		
		#testimonial-lydia:hover {
			background-position: 0 -150px;
		}
	
	
	#badge-consumer {
		background: url(/images/powershop-public/promo/home-badge/badge-consumer-3.gif);
		display: block;
		width: 300px;
		height: 150px;
		overflow: hidden;
		text-indent: -9999px;
	}
		
		#badge-consumer:hover {
			background-position: 0 -150px;
		}
	

	
	
	/* --- credits (under the footer) --- */
	.credits,
	.credits a {
		font-size:10px;
		color:#BBB;
		padding: 0 0 10px 0;
	}
	
	
	
	
	
	
	/* --- TWITTER --------------------------------------- */
	
	#tweets p {
		margin:0;
		padding:0 0 6px 0;
	}
	
	
	/* --- End Twitter ----------------------------------- */
			
	
	
	#home-intro {
		margin: 0 0 29px;
		padding: 63px 40px 0;
		height: 324px;
		color: #FFF;
		background: url(../images/powershop-public/home-intro.png) no-repeat
		}
		
		#home-intro h1 {
			background: url(../images/powershop-public/h1-smarterthanyouraverage.png) no-repeat;
			width: 482px;
			height: 81px;
			text-indent: -9999px;
			margin: 0 0 20px;
			float: left;
			}
			
		#home-intro h2 {
			font-size: 19px;
			line-height: 23px;
			color: #FFF;
			width: 482px;
			margin: 0 0 20px;
			float: left;
			clear: left;
			}
			
		#home-intro .reducedbills {
			display: block;
			background: url(../images/powershop-public/btn-reducedbills.png) no-repeat;
			width: 290px;
			height: 55px;
			float: right;
			text-indent: -9999px;
			margin: 125px 26px 0 0;
			overflow: hidden;
			filter:alpha(opacity=80);
			opacity:0.8;
			}
			
			#home-intro .reducedbills:hover {
				background-position: 0 -55px;
				}
			
		#home-intro .btnline {
			overflow: hidden;
			width: 482px;
			float: left;
			clear: left;
			}
			
			#home-intro .btnline span {
				float: left;
				display: inline-block;
				margin: 15px 10px 0;
				}
			
			#home-intro a.switchtoday {
				background: url(../images/powershop-public/btn-switchtoday.png) no-repeat 0 0;
				display: block;
				width: 254px;
				height: 48px;
				text-indent: -9999px;
				float: left;
				}
			
			#home-intro a.switchtoday:hover {
				background-position: 0 -48px;
				}
			
			
			#home-intro a.findoutmore {
				background: url(../images/powershop-public/btn-findoutmore.gif) no-repeat;
				display: block;
				width: 127px;
				height: 32px;
				text-indent: -9999px;
				margin: 5px 0 0;
				float: left;
				}
			
			#home-intro a.findoutmore:hover {
				background-position: 0 100%;
				}
	
	#home-content {
		overflow: hidden;
		}
		
		#home-content h3 {
			font-weight: bold;
			font-size: 14px;
			padding: 0 0 6px;
			margin: 0px;
			}
			
		#home-content h3.rss,
		#home-content h3.twitter {
			padding: 0px;
			}
			
			#home-content h3 span {
				display: inline-block;
				padding: 3px 30px 6px 0;
				}
			
			#home-content h3.rss span {
				background: url(../images/powershop-public/home-title-rss.png) no-repeat 100% 5px;
				}
				
			#home-content h3.twitter span {
				background: url(../images/powershop-public/home-title-twitter.png) no-repeat 100% 0;
				}
	
		#home-content-left {
			float: left;
			width: 310px;
			color: #666;
			background: url(../images/powershop-public/nz-map-profile.gif) no-repeat 120px 18px;
			}
			
			#home-content-left #keep-me-posted-btn {
				margin-left: -3px;
				}
				
			#home-content-left p {
				margin-bottom: 1em;
				}	
				
			#home-content-left p.keepintheloop {
				line-height: 16px;
				margin: 0px;
				}
		
			#home-content-left p.wesupply {
				margin: 0;
				}
				
				#home-content-left h3 {
					margin: 5px 0 0;
					}
			
				#home-content-left p.wesupply .purple {
					display: block;
					margin: 0px;
					height: 20px;
					overflow: hidden;
					color: #662244;
					}
				
				#home-content-left p.wesupply .grey {
					display: block;
					margin: 0px;
					color: #999;
					}
					
				#home-content-left h2 .grey {
					display: block;
					margin: 0px;
					color: #999;
					line-height: 1.6em;
					font-size: 0.85em;
					font-weight: normal;
					}
		
		#home-content-right {
			float: right;
			width: 630px;
			}
			
			#home-content-right hr {
				height: 0px;
				overflow: hidden;
				border-top: 0px;
				padding: 18px 0 0;
				margin: 0 0 6px;
				clear: both;
				}
		
			#home-content-right .home-content-right-left {
				float: left;
				width: 310px;
				height: 150px;
				}
				
				/* ------------ FLEXIBOX (lower middle promo) ----------------- */
				.flexibox {
					background: url(../images/powershop-public/promo/home-badge/open-for-business-bkgd.gif) no-repeat;
					width: 310px;
					height: 150px;
				}
				.flexibox div {
					padding: 90px 0 0 22px;
					width: 160px;					
				}
				.flexibox div a {
					color:#FFF;
				}
				
				
			#home-content-right .home-content-right-right {
				float: right;
				width: 300px;
				}
				
				.storybox {
					display: block;
					background: #0281CA url(../images/powershop-public/home-eco.png) no-repeat;
					height: 150px;
					width: 300px;
					color: #FFF;
					overflow: hidden;
					}
					
					.storybox .storybox-left {
						display: block;
						float: left;
						width: 130px;
						padding: 10px 10px 10px 10px;
						}
						
						.storybox .storybox-left p {
							margin-bottom: 5px;
							}
							
						.storybox .storybox-left a {
							background: url(../images/powershop-public/blue-arrow2.png) no-repeat 100% 50%;
							display: inline-block;
							padding: 0 12px 0 0;
							}
						
					.storybox .storybox-img {
						float: right;
						width: 150px;
						}
						
						.storybox .storybox-img span {
							display: block;
							position: absolute;
							height: 150px;
							width: 150px;
							background: url(/images/powershop-public/storybox-img.png) no-repeat 0 0;
							text-indent: -9999px;
							}
							
							.storybox .storybox-img:hover span {
								background-position: 0 -150px;
								}
							
						.storybox .storybox-img img {
							position: absolute;
							}
					
					.storybox .storybox-left .storybox-head {
						line-height: 14px;
						font-weight: bold;
						font-size: 18px;
						display: block;
						background: none;
						padding: 0px;
						}
						
						.storybox .storybox-left .storybox-head:hover {
							cursor: pointer;
							}
					
					.storybox p,
					#home-content-right .home-content-right-right .storybox p {
						color: #FFF;
						font-size: 13px;
						line-height: 14px;
						}
						
					.storybox a {
						color: #FFF;
						}
					
				#home-content-right .home-content-right-right p {
					line-height: 17px;
					}
					
					#home-content-right .home-content-right-right p span {
						line-height: 14px;
						}
					





/* ----- Common styling ------------------------------------------------------------ */	
	
	.fadebox {
		background: url(/images/powershop-public/fadebox-orange.jpg) no-repeat 100% 100%;
		margin: 0;
		overflow: hidden;
		margin: 0 0 50px;
		}
	
	.fadebox-right {
		float: right;
		margin: 30px 30px 0 0;
		padding: 0;
		width: 180px;
		text-align:right;
		
	}
	
	.fadebox-left {
		float: left;
		margin-left: 20px;
		margin-top: 20px;
		margin-bottom: 12px;
		width: 520px;
	}
	
	.fadebox-left h4 {
		margin-bottom: 10px;
	}
		
	.fadebox-left p {
		font-size: 15px;
		line-height: 21px;
		color: #666;
	}
		
		
		
	
	
	.contentrow {
		clear: both;
		margin:0;
		padding:0;
		display:inline;
	}
	
	
	
	.floatleft {
		float: left;
		overflow:hidden;
	}
	
	.floatright {
		float: right;
		overflow:hidden;
	}
	
	.floatclear {
		clear: both;
	}
	
	.alignright {
		text-align:right;
	}
	
	.box220 {
		width: 220px;
		margin: 0 20px 40px 20px;
	}
	
	.box320 {
		width: 320px;
		margin: 0 20px 20px 20px;
	}
	
	.box325 {
		width: 325px;
		margin: 0 20px 20px 20px;
	}
	
	.box350 {
		width: 350px;
		margin: 0 20px 40px 20px;
	}
	
	.box375 {
		width: 375px;
		margin: 0 20px 40px 20px;
	}
	
	.box398 {
		width: 398px;
		margin: 0 20px 40px 20px;
	}
	
	.box438 {
		width: 438px;
		margin: 0 20px 40px 20px;
	}
	
	.box530 {
		width: 530px;
		margin: 0 20px 40px 20px;
	}
	
	.box550 {
		width: 550px;
		margin: 0 20px 40px 20px;
	}
	
	.box-fullwidth {
		width: 770px;
		margin: 0 20px 40px 20px;
	}
	
	.hardinner {
		margin-left: 0;
	}
	
	.hardouter {
		margin-right: 0;
	}

				
				
				











/* ----------------- Better Service  ------------------ */
	
	#content-top-services{
		width: 960px;
		height: 4px;
		margin-top: 14px;
	}
	
	#services-intro {
		width: 960px;
		background: url(../images/powershop-public/better-service-fadebox-image.jpg) no-repeat;
		min-height: 234px;
		padding-top: 26px;
	}
	
	/* --- Meter readings --- */
	#better-service-meter-readings .fadebox-left {
		width: 440px;
	}
	#better-service-meter-readings .fadebox-right {
		background: url(/images/powershop-public/better-service-meter-readings-fadebox.png) no-repeat;
		margin: 0;
		padding: 0;
		width: 332px;
		height: 210px;
	}
	
	/* --- Payment --- */
	#better-service-payment .fadebox-left {
		width: 460px;
	}
	#better-service-payment .fadebox-right {
		margin-right: 0;
		width: 271px;
	}
	
	
	/* --- Switching --- */
	#better-service-switching .fadebox-left {
		width: 440px;
	}
	#better-service-switching .fadebox-right {
		width: 290px;
		padding-top: 110px;
	}
	


	
	/*
	
	#content-twocol #content-rightcol #fadebox h1,
#content-twocol #content-rightcol #fadebox h3,
#content-twocol #content-rightcol #fadebox h4,
#content-twocol #content-rightcol #fadebox p {
	width: 480px;
	}
	
#content-twocol #content-rightcol #fadebox img {
	float: right;
	margin: 0 30px 0 0;
	}
	
	*/

		#services-intro h1 {
			font-weight: bold;
			float: left;
			clear: left;
			width: 600px;
			margin-left: 28px;
		}
		
		
		#services-intro h4 {
			margin-left: 28px;
			width: 600px;
			margin-bottom: 5px;
			margin-right: 0px;
			float: left;
			clear: left;
		}
		
		#services-intro p.page-intro {
			float: left;
			clear: left;
			width: 600px;
			margin-left: 28px;
			margin-right: 0px;
			}
		
		#services-intro #header-video{
			display: block;
			background: url(../images/powershop-public/btn-nohassles.png) no-repeat;
			width: 290px;
			height: 55px;
			float: right;
			text-indent: -9999px;
			margin: 120px 22px 0 0;
			overflow: hidden;
			}
			
			#services-intro #header-video:hover{
				background-position: 0 -55px;
			}
		

	#services-intro #left{
		float: left;
		width: 543px;
		margin-left: 28px;
	}

	#services-intro #right{
		float: right;
		margin: 50px 53px 0px 0px;
	}
	
	
	/* ----------------- About us ------------------ */
	
	
	#content-top-about-us{
		background: url(/images/powershop-public/content-top.jpg) no-repeat;
		width: 960px;
		height: 4px;
		margin-top: 14px;
	}
	

	#about-us-intro {
		background: url(/images/powershop-public/fadebox-orange.jpg) no-repeat 100% 100%;
		padding: 0 0 15px;
		overflow: hidden;
		margin: 0 0 15px;
		width: 959px;
		}

				
				
				
		#about-us-intro h1 {
			font-weight: bold;
			float: left;
			clear: left;
			width: 570px;
			margin-left: 28px;
			margin-top: 20px;
		}
		
		
		#about-us-intro h4 {
			margin-left: 28px;
			width: 570px;
			margin-bottom: 5px;
			margin-right: 0px;
			float: left;
			clear: left;
		}
		
		#about-us-intro p.page-intro {
			float: left;
			clear: left;
			width: 570px;
			margin-left: 28px;
			margin-right: 0px;
			}
		#about-us-intro #switch-now-btn{
			display: block;
			background: url(../images/powershop-public/button-switch-now.gif) no-repeat 0px 0px;
			width: 290px;
			height: 60px;
			float: right;
			text-indent: -9999px;
			margin: 50px 22px 0 0;
			}
			#about-us-intro a#switch-now-btn:hover{
			background-position: 0px -60px
		}
			
	#about-us-intro #left{
		float: left;
		width: 543px;
		margin-left: 28px;
	}

	#about-us-intro #right{
		float: right;
		margin: 50px 53px 0px 0px;
	}
	
	
	.about-us-leftbox {
		float: left;
		width: 448px;
		margin: 0px 0px 25px 28px;
		clear:both;
		}

		.about-us-leftbox h2 {
			margin: 15px 0px 2px 0px;
			}

		.about-us-leftbox h4 {
			margin: 4px 0px 10px 0px;
			font-size: 1.2em;
			line-height: 1.4em;
			}

		.about-us-leftbox p {
			margin: 4px 0px 6px 0px;
			}

		.about-us-leftbox img {
			margin: 15px 0px 2px 0px;
			}			

	.about-us-rightbox {
		float: right;
		width: 434px;
		margin: 0px 28px 25px 0px;
		}

		.about-us-rightbox h2 {
			margin: 15px 0px 2px 0px;
			}

		.about-us-rightbox p {
			margin: 4px 0px 6px 0px;
			}		

		.about-us-rightbox img {
			margin: 15px 0px 2px 0px;
			}
	
	
/* ----------------- Promotions ------------------ */
	
	#promotions-header {
		margin-bottom: 15px;
	}

	#promotions-title {
		padding: 20px 0 0px 20px;
		width: 600px;
	}

	#promotions-intro {
		padding: 0 0 10px;
		overflow: hidden;
		margin: 0 0 15px;
		width: 600px;
		}
			
		
					
		#promotions-intro h1 {
			font-weight: bold;
			float: left;
			clear: left;
			margin-left: 0px;
		}
		
		#promotions-intro h4 {
			margin:0 10px 5px 0px;
			float: left;
			clear: left;
		}
		
		#promotions-intro p.page-intro {
			float: left;
			clear: left;
			width: 570px;
			margin-left: 0px;
			margin-right: 0px;
			padding-bottom: 8px;
			}
			
		#promotions-rightcolumn #switch-now-btn,
		#promotions-intro #switch-now-btn{
			display: block;
			background: url(../images/powershop-public/button-choose-promo-and-switch-now.gif) no-repeat 0px 0px;
			width: 290px;
			height: 60px;
			float: right;
			text-indent: -9999px;
			margin: 0px 0px 10px 0;
			background-position: 0px 0px
			}
		
		#promotions-rightcolumn a#switch-now-btn:hover,
		#promotions-intro a#switch-now-btn:hover{
			background-position: 0px -60px
		}
			
	
	

	#promotions-leftcolumn{
		float: left;
		margin: 20px 0 0 28px;
		width: 600px;
	}
	
	#promotions-leftcolumn .leftbox {
		float: left;
		clear: both;
		width: 290px;
		margin: 0 0 30px 0px;
	}
	
	#promotions-leftcolumn .rightbox {
		float: right;
		width: 290px;
		margin: 0 0 30px 0px;
	}

	#promotions-rightcolumn {
		float: right;
		width: 300px;
		margin: 20px 10px 20px 0px;
	}


	/* --- All promotions page --- */
		div#promotions-left {
			float: left;
			width: 300px;
			margin: 0 0 0 10px;
		}
		
		div#promotions-right {
			float: right;
			width: 300px;
			margin: 0 10px 0 0;
		}
		
		
		div#promotions-middle {
			float: left;
			width: 300px;
			margin: 0 0 0 20px;
		}
		
		.promotions-promo {
			padding: 0 0 20px 0;
		}
		
		.promotions-promo-image {
			background:#E2E2E2;
			height:150px;
			overflow:hidden;
		}
		
		.promotions-promo-greybox {
			background:#EAEAEA url(/images/powershop-public/promo/common/promopage/promotions-greybox-shadow.gif) no-repeat;
			min-height: 90px;
			padding: 10px;
			margin:0;
		}
		
		.promotions-promo-greybox-bottom {
			background: url(/images/powershop-public/promo/common/promopage/promotions-greybox-bottom.gif) no-repeat;
			height:2px;
		}
		
		
		
		a.promotions-promo-greybox-button {
			text-indent: -9999px;
			background: url(../images/powershop-public/button-view-promotion.gif) no-repeat 100% 0;
			display: block;
			width: 116px;
			height: 29px;
		}
		
		a.promotions-promo-greybox-button:hover {
			background-position: 0 100%;
		}
		
	
	/* ----------------- Greater Savings Styles ------------------ */
	
	#content-top-greater-savings{
		width: 960px;
		height: 4px;
		margin-top: 14px;
	}
	
	#greater-savings-intro {
		width: 960px;
		background: url(../images/powershop-public/greater-savings-fadebox-image.jpg) no-repeat;
		min-height:234px;
		padding-top: 26px;
	}

		#greater-savings-intro h1 {
			font-weight: bold;
			float: left;
			clear: left;
			width: 600px;
			margin-left: 28px;
		}
		
		
		#greater-savings-intro h4 {
			margin-left: 28px;
			width: 600px;
			margin-bottom: 5px;
			margin-right: 0px;
			float: left;
			clear: left;
		}
		
		#greater-savings-intro p.page-intro {
			float: left;
			clear: left;
			width: 600px;
			margin-left: 28px;
			margin-right: 0px;
			}
		
		#greater-savings-intro #header-video{
			display: block;
			background: url(../images/powershop-public/btn-reducedbills.png) no-repeat;
			width: 290px;
			height: 55px;
			float: right;
			text-indent: -9999px;
			margin: 120px 22px 0 0;
			overflow: hidden;
			}
			
			#greater-savings-intro #header-video:hover{
				background-position: 0 -55px;
			}
		

	#greater-savings-intro #left{
		float: left;
		width: 543px;
		margin-left: 28px;
	}

	#greater-savings-intro #right{
		float: right;
		margin: 50px 53px 0px 0px;
	}
	
	#pricing-page-link {
		border-top: 1px solid #FCDFCB;
		margin-left: 14px;
		padding: 14px 0 1px 0;
		clear: both;
		font-weight: normal;
	}
	
	#pricing-page-link img {
		float: right;
		margin-left: 14px;
		margin-bottom: 14px;
	}
	
	/* --- Products Pricing --- */
	#greater-savings-products-pricing .fadebox-left {
		width: 600px;
	}
	#greater-savings-products-pricing .fadebox-right {
	
		width: 119px;
	}
	
/* ----------------- Pricing FLASH case study -----------------*/
#pricing-case-study-title {
	background:url(../images/powershop-public/pricing_case_study_title.png);
	height:37px;	
}
#pricing-case-study-title h2{
	color:#FFFFFF;
	font-weight:bold;
	font-size: 15px;
	padding:10px 0 0 14px;
}
#pricing-flash{
	
}
	
/* ----------------- Smarter Power Styles ------------------ */
	
	
	/* --- Climate Change --- */
	#smarter-power-climate-change .fadebox-left {
		width: 550px;
	}
	#smarter-power-climate-change .fadebox-right {
		background: url(/images/powershop-public/smarter-power-fadebox-climate-change.png) no-repeat;
		width: 171px;
		height:175px;
		display:block;
	}
	
	#smarter-power-climate-change-srtingent-standards {
		margin: 20px 10px 20px 0px;
		padding: 2px;
		width:210px;
		background: url(/images/powershop-public/smarter-power-climate-change-standards-bkgd.jpg) no-repeat;
	}
	
	
	
	
	#content-top-smarter-power{
		width: 960px;
		height: 4px;
		margin-top: 14px;
	}
	
	#smarter-power-intro {
		width: 960px;
		background: url(/images/powershop-public/smarter-power-fadebox-image.jpg) no-repeat;
		min-height: 234px;
		padding-top: 26px;
	}

		#smarter-power-intro h1 {
			font-weight: bold;
			float: left;
			clear: left;
			width: 600px;
			margin-left: 28px;
		}
		
		
		#smarter-power-intro h4 {
			margin-left: 28px;
			width: 600px;
			margin-bottom: 5px;
			margin-right: 0px;
			float: left;
			clear: left;
		}
		
		#smarter-power-intro p.page-intro {
			float: left;
			clear: left;
			width: 600px;
			margin-left: 28px;
			margin-right: 0px;
			}
		
		#smarter-power-intro #header-video{
			display: block;
			background: url(../images/powershop-public/btn-smarterpower.png) no-repeat;
			width: 290px;
			height: 55px;
			float: right;
			text-indent: -9999px;
			margin: 120px 22px 0 0;
			}
			
			#smarter-power-intro #header-video:hover{
				background-position: 0 -55px;
			}
		

	#smarter-power-intro #left{
		float: left;
		width: 543px;
		margin-left: 28px;
	}

	#smarter-power-intro #right{
		float: right;
		margin: 50px 53px 0px 0px;
	}	
	
	
	#smarter-power-control .fadebox-left {
		width: 480px;	
	}
	
	#smarter-power-control .fadebox-right {
		width: 243px;
		margin: 20px 0 20px 0;
	}
	
	#smarter-power-specials .fadebox-left {
		width: 640px;	
	}
	
	
/* ----------------- Legal Pages Styles ------------------ */
	
	
	
	#legal-intro {
		width: 960px;
		background: url(../images/powershop-public/common-fadebox-wide.jpg) no-repeat;
		min-height: 160px;
		padding-top: 26px;
		overflow: hidden;
	}
	
	
	

		#legal-intro h1 {
			font-weight: bold;
			float: left;
			clear: left;
			width: 600px;
			margin-left: 28px;
		}
		
		
		#legal-intro h4 {
			margin-left: 28px;
			width: 600px;
			margin-bottom: 5px;
			margin-right: 0px;
			float: left;
			clear: left;
		}
		
		#legal-intro p.page-intro {
			float: left;
			clear: left;
			width: 600px;
			margin-left: 28px;
			margin-right: 0px;
			}
	
	
	 .legal {
		float: left;
		width: 600px;
		margin: 0 0 20px 0px;
		}
	
	.legal ul {
		margin-bottom: 15px;
	}
	
	.legal li {
		font-size: 1em;
		color: #666;
		line-height: 1.6em;
		list-style-type:circle;
		margin-left:20px;
	}
	
	.legal li.links {
		list-style-type:none;
	}	
	
	
	
/* ----------------- Legal Pages Styles ------------------ */
	
	
	
	#legal-intro {
		width: 960px;
		background: url(../images/powershop-public/common-fadebox-wide.jpg) no-repeat;
		min-height: 160px;
		padding-top: 26px;
	}

		#legal-intro h1 {
			font-weight: bold;
			float: left;
			clear: left;
			width: 600px;
			margin-left: 28px;
		}
		
		
		#legal-intro h4 {
			margin-left: 28px;
			width: 600px;
			margin-bottom: 5px;
			margin-right: 0px;
			float: left;
			clear: left;
		}
		
		#legal-intro p.page-intro {
			float: left;
			clear: left;
			width: 600px;
			margin-left: 28px;
			margin-right: 0px;
			}
	
	
	 .legal {
		float: left;
		width: 600px;
		margin: 0 0 20px 0px;
		}
	
	.legal ul, .legal ol {
		margin-bottom: 15px;
	}
	
	.legal li {
		font-size: 1em;
		color: #666;
		line-height: 1.6em;
		list-style-type:circle;
		margin-left:20px;
	}
	
	.legal ol li {
		list-style-type:lower-alpha;
		margin-left:2.5em;
	}
	
	.legal ol.roman {
		margin-bottom: 0;
		padding-top: 15px;	
	}
	
	.legal ol.roman  {
		margin-bottom: 0;
		padding-top: 15px;	
	}
	
	.legal ol.roman li {
		list-style-type:lower-roman;
		margin-left: 2.5em;
	}
	
.customer .legal p {
	margin-left:1.75em;
	text-indent:-1.75em;
}

.legal p.collapse {
	margin-bottom: 0;
}

/* .legal p {
	padding-left: 2em;
} */

.legal p.reduce-inset {
	margin-left:0em;
}

.legal p.increase-inset {
	margin-left:2.75em;
}

.legal p.increase-inset1 {
	margin-left:1.5em;
}

.legal p.no-indent {
	text-indent:0em;
}

.legal p.space-top {
	padding-top: 15px;	
}

.legal ol.no-space-top {
	padding-top: 0;
}


	a#trial-btn{
		background: url(../images/powershop-public/button-switch-now.gif) no-repeat 0px 0px;
		height: 60px;
		width: 290px;
		display: block;
		margin-right: 5px;
	}
	
		a#trial-btn:hover{
			background-position: 0px -60px
		}

	.one-column{
		width:290px;
		margin-top: 20px;
		
	}
	
		.one-column p{
			margin-top: 7px;
		}
	
		p.real-people-column{
			margin-top: 0px;
			margin-bottom: 0px;
			width: 209px;
		}
		
		p.real-people-column-heading{
			margin-top: 12px;
			margin-bottom: 0px;
		}
		
		.one-column .icons{
			float: right;
			width: 61px;
			margin: 12px 0px 0px 0px;
		}
	#left-column{
		float: left;
		margin-left: 28px;
		width: 612px;
	}
	
	#right-column{
		float: right;
		width:	310px;
		margin-right: 10px;
		
	}
	

		
	#testimonials{
		background: url(../images/powershop-public/nikki-panel.png) no-repeat;
		height: 126px;
		width: 294px;
		float: left;
		margin-top: 10px;
	}
	
	
		#testimonials .float-left{
			width: 176px;
			margin: 16px 10px 0px 16px;
		}
		
			#testimonials .float-left a {
				font-weight: bold;
				font-size: 0.9em;
				
			}
	
			#testimonials  .float-left p{
				line-height: 1.2em;
				font-size: 0.9em;
				margin-bottom: 5px;
			}
			
			#testimonials .float-left h5{
				color: #0180CA;
				font-weight: bold;
				font-size: 1em;
				letter-spacing: 0.2px; 
			}
			
			#testimonials .float-left h5 a {
				font-size: inherit;
				}
		
		
		
	a#testimonials-video{
		float: left;
		margin-top: 17px;
	}
	
		a#testimonials-video:hover{
			filter:alpha(opacity=80);
			opacity:0.8;
		}


	
	#secondary-footer{
		margin: 20px 20px 0px 20px;
		padding-bottom: 20px;
		clear: both;
		overflow: hidden;
	}
	
		#secondary-footer p{
			margin: 6px 10px;
		}

/*---------------------- Navigation --------------------------*/
	#main-navigation{
		margin-top: 10px;
		background: url(../images/powershop-public/main-nav-filler.png) repeat-x;
		height: 65px;
		width: 960px;
		float: left;
	}
		
		#main-navigation ul li{
			float: left;
			height: 65px;
			}

	a#main-nav-home{
		text-indent: -9999px;
		height: 52px;
		width: 104px;
		display: block;
		background: url(../images/powershop-public/nav-items.png) no-repeat 0 0;
		}
	
	a#main-nav-home:hover {
		background-position: 0 -52px;
		}
	
		a#main-nav-home.current-page{
			background-position: 0px -104px;
			height: 65px;
			}
			
		a#main-nav-home.current-page:hover{
			background-position: 0px -104px;
			height: 65px;
			}

	a#main-nav-better-service {
		text-indent: -9999px;
		height: 52px;
		width: 170px;
		display: block;
		background: url(../images/powershop-public/nav-items.png) no-repeat -104px 0px;
		}
		
	a#main-nav-better-service:hover {
		background-position: -104px -52px;
		}
	
		a#main-nav-better-service.current-page {
			background-position: -104px -104px;
			height: 65px;
			}
			
		a#main-nav-better-service.current-page:hover {
			background-position: -104px -104px;
			height: 65px;
			}

	a#main-nav-greater-savings {
		text-indent: -9999px;
		height: 52px;
		width: 186px;
		display: block;
		background: url(../images/powershop-public/nav-items.png) no-repeat -274px 0;
		}
		
	a#main-nav-greater-savings:hover {
		background-position: -274px -52px;
		}
		
		a#main-nav-greater-savings.current-page {
			background-position: -274px -104px;
			height: 65px;
			}
			
		a#main-nav-greater-savings.current-page:hover{
			background-position: -274px -104px;
			height: 65px;
			}

	a#main-nav-smarter-power {
		text-indent: -9999px;
		height: 52px;
		width: 184px;
		display: block;
		background: url(../images/powershop-public/nav-items.png) no-repeat -460px 0;
		}
		
	a#main-nav-smarter-power:hover {
		background-position: -460px -52px;
		}
		
		a#main-nav-smarter-power.current-page {
			background-position: -460px -104px;
			height: 65px;
			}
			
		a#main-nav-smarter-power.current-page:hover {
			background-position: -460px -104px;
			height: 65px;
			}

	ul#right-main-nav {
		float: right;
		background: url(../images/powershop-public/main-nav-right.png) no-repeat 100% 0;
		padding: 9px 13px 0 0;
		}

		ul#right-main-nav li {
			margin-left: 9px;
			}

 
	#main-nav-switch-now {
		text-indent: -9999px;
		height: 32px;
		width: 105px;
		display: block;
		background: url(../images/powershop-public/main-nav-btns.png) no-repeat 0 0;
		}
	
		#main-nav-switch-now:hover {
			background-position: 0px 100%;
			}
	

	#main-nav-login {
		text-indent: -9999px;
		height: 32px;
		width: 67px;
		display: block;
		background: url(../images/powershop-public/main-nav-btns.png) no-repeat 100% 0;
		}
		
		#main-nav-login:hover {
			background-position: 100% 100%;
			}

	.selected{
		background-position: 0 65px;
	}
	
		.selected:hover{
		background-position: 0 65px;
	}

	#small-navigation {
		margin: 16px 3px 0px 0px;
		float: right;
		}
		
		#small-navigation ul li {
			float: left;
			margin: 0px;
			color: #999;
			padding: 0 13px 0 11px;
			line-height: 22px;
			background: url(../images/powershop-public/middot.png) no-repeat 100% 50%;
			}
			
		#small-navigation ul #small-navigation-promos {
			background: none;
			}
			
		/ * added to the left of the active li, removed the middot background * /	
		#small-navigation ul .left-active,
		#small-navigation ul #small-navigation-promos.left-active {
			background: none;
			}
			
		#small-navigation ul .active,
		#small-navigation ul #small-navigation-promos.active {
			background: url(../images/powershop-public/small-nav-right.png) no-repeat 100% 0;
			padding: 0px;
			}
			
			#small-navigation ul .active a,
			#small-navigation ul #small-navigation-promos.active a {
				background: url(../images/powershop-public/small-nav-left.png) no-repeat;
				color: #FFF;
				padding: 0 11px 0 11px;
				margin: 0 2px 0 0;
				text-decoration: none;
				}
				
			#small-navigation ul .active a:hover {
				color: #FFF;
				}

			#small-navigation ul li a {
				color: #999;
				font-weight: bold;
				display: block;
				}
				
				#small-navigation ul li a:hover {
					color: #666;
					text-decoration: none;
					}
				
	
	h2#logo{
		float: left;
		margin-top: 5px;
		}
		
		h2#logo a {
			background: url(/images/powershop-public/powershop-logo.png) no-repeat;
			display: block;
			height: 36px;
			width: 204px;
			text-indent: -9999px;
			}
	
	.testimonial-video{
		float: left;
		margin-top: 8px;
		}

/*---------------------- Footer --------------------------*/
	
	#footer {
		border-top: solid 1px #D3D4D4;
		margin: 25px 0px 95px 0px;
		padding: 16px 0 0;
		overflow: hidden;
		}
	
	#footer a, p {
		line-height: 1.6em;
		margin-top: 0px;
		}

	#footer a {
		color: #333;
		}	
	
	#footer strong {
		color: #662244;
		}

	#copyright {
		margin: 0 0 10px;
		width: 310px;
		}	
		
		#copyright p {
			margin: 0px;
			}
	
	#socialmedia p {
		margin:0 0 4px 0;
		padding:0;
	}
	
	#mailing-list-top{
		background: url(../images/powershop-public/footer-panel-top.gif) no-repeat;
		height: 4px;
		width: 310px;
		}

	#mailing-list-bottom{
		background: url(../images/powershop-public/footer-panel-bottom.gif) no-repeat;
		height: 4px;
		width: 310px;
		margin: 0 0 10px;
		}	
			
	#mailing-list{
		background-color: #EEEEDD;
		width: 310px;
		}
	
		#mailing-list h4 {
			margin: 0px 0px 3px 14px;
			padding-top: 4px;
			font-weight: bold;
			color: #662244;
			font-size: 12px;
			}
		
		#mailing-list p {
			margin: 0px 0px 0px 14px;
			}
		
	a#keep-me-posted-btn {
		margin: 8px 0px 0px 11px;
		padding-bottom: 10px;
		line-height: 31px;
		background: url(../images/powershop-public/keep-me-posted.png) no-repeat 0px 0px;	
		width: 124px;
		height: 31px;
		display: block;
		text-align: center;
		color: #E82B60;
		font-weight: bold;
		}
	
		a#keep-me-posted-btn:hover {
			text-decoration: none;
			}
		
	#footer-nav {
		float: left;
		width: 240px;
		margin-left: 21px;
		line-height: 1em;
		}
		
		#footer-nav a{
			line-height: 1.4em;
			font-size: 1.1em;
			}
	
	#contact-us,
	#complaints,
	#faults {
		float: left;
		width: 340px;
		margin-bottom: 10px;
		}

		#contact-us p,
		#complaints p,
		#faults p {
			margin: 0px;
			}
			
		#contact-us h4,
		#complaints h4,
		#faults h4, 
		p.supply,
		ul.supply li {
			margin: 0px;
			font-weight: bold;
			color: #662244;
			font-size: 12px;
			}	
	
.landing-links { padding-top: 10px;  color: #aaaaaa;}

#footer .landing-links a { color: #a6a6a6; text-decoration: none; cursor: text; }	

		
/*---------------------- Flow Player Lightbox --------------------------*/
	div.overlay {
		padding:40px;	
		width:512px;  
		display:none;
		background-image:url(../flow/overlay/black.png);	
		}

		div.overlay div.close {
			background:url(../flow/overlay/close.png) no-repeat;
			position:absolute;
			top:5px;
			right:10px; 
			width:21px;
			height:21px;
			cursor:pointer;
			}

		div.overlay a {
			height:312px;
			display:block;
			}

/*---------------------- Hover Panels --------------------------*/
	
	#no-hidden-charges {
		width: 287px;
		float: left;
		margin-right: 19px;
		margin-top: 20px;
		position: relative;


		}
	
	#our-guarantee {
		width: 287px;
		float: left;
		margin-right: 19px;
		margin-top: 20px;
		position: relative;
		}
	
	
		
		
	#calculate {
		position: relative;
		z-index: 30;

		}
	
	#calculate-hover {
		width: 324px;
		position: absolute;
		display: none;
		z-index: 50;
		}
	
	#products-pricing {
		position: relative;
		z-index: 30;
		}
	
	#products-pricing-hover {
		width: 324px;
		position: absolute;
		margin-left: 306px;
		display: none;
		z-index: 50;
		}
	#pricing {
		position: relative;
		z-index: 30;
		}

	#pricing-hover {
		width: 324px;
		position: absolute;
		display: none;
		z-index: 50;
		}   
	#simple {
		position: relative;
		z-index: 20;
		}

	#simple-hover {
		width: 324px;
		position: absolute;
		margin-left: 306px;
		display: none;
		z-index: 50;
		}

	#meter {
		position: relative;
		z-index: 20;
		
		}
	
	#meter-hover {
		width: 324px;
		position: absolute;
		display: none;
		z-index: 50;
		}
	
	#pay {
		position: relative;
		z-index: 30;
		}
	
	#pay-hover {
		width: 324px;
		position: absolute;
		margin-left: 306px;
		display: none;
		z-index: 50;
		}
	
	#bills {
		position: relative;
		z-index: 30;

		}
	
	#bills-hover {
		width: 324px;
		position: absolute;
		display: none;
		z-index: 50;
		}
		
	/* smarter power */
	#take-control {
		position: relative;
		z-index: 20;
		}

	#take-control-hover {
		width: 324px;
		position: absolute;
		display: none;
		z-index: 50;
		}

	#take-advantage {
		position: relative;
		z-index: 20;
		
		}
	
	#take-advantage-hover {
		width: 324px;
		position: absolute;
		margin-left: 306px;
		display: none;
		z-index: 50;
		}
	
	#climate-change {
		position: relative;
		z-index: 30;
		}
	
	#climate-change-hover {
		width: 324px;
		position: absolute;
		display: none;
		z-index: 50;
		}
	
	#manage-budget {
		position: relative;
		z-index: 30;

		}
	
	#manage-budget-hover {
		width: 324px;
		position: absolute;
		margin-left: 306px;
		display: none;
		z-index: 50;
		}
	
	
	.trigger {
		width: 287px;
		float: left;
		margin-right: 19px;
		margin-top: 20px;
		position: relative;
		}
	
		.trigger .icons{
			float: left;
			width: 60px;
			}
		
		.trigger p {
			padding-top: 7px;
			clear: both;
			}
		
		
		.trigger h2 {
			float: left;
			font-size: 1.2em;
			font-weight: bold;
			margin-top: 14px;
			position: absolute;
			z-index: 49;
			left: 60px;
			}
		
		.trigger h2.text-two-lines {
			margin-top: 7px;
			}
			

		
		

	h2.headings {
		position: absolute;
		/*z-index: 55;*/
		left: 60px;
		}
	
	.panel-video-image {
		float: left;
		margin-top: 13px;
		margin-bottom: 5px;
		}
		
		.panel-video-image img {
			margin-right: 11px;
			}
		
			.panel-video-image img:hover {
				filter:alpha(opacity=80);
				opacity:0.8;
				}
	
	.panel {
		background-image: url(../images/powershop-public/panel-top.png);
		width: 324px;
		}
		
		.panel .panel-content {
			width: 287px;
			margin-left: 25px;
			padding-top: 23px;
			padding-bottom: 10px;
			}
		
		.panel .panel-content .panel-line {
			border-top: 1px solid #CCC;
			width: 270px;
			height: 1px;
			background-color: #FFF;
			margin-top: 15px;
			}
			
		.panel .panel-content p {
			clear: both;
			display: block;
			}

	.panel-bottom {
		background-image: url(../images/powershop-public/panel-bottom.png);
		background-repeat: no-repeat;
		width: 324px;
		height: 10px;
		}
	
		.panel .icons {
			float: left;
			width: 60px;
			}
		
		.panel p {
			padding-top: 7px;
			color: #555;
			margin-bottom: 0px;
			}
		
		.panel h2.one-line {
			float: left;
			font-size: 1.2em;
			font-weight: bold;
			margin-top: 14px;
			margin-left: 0px;
			}
			
		.panel h2.text-two-lines {
			float: left;
			font-size: 1.2em;
			font-weight: bold;
			margin-top: 7px;
			}
	
/*---------------------- NO MORE ESTIMATES PAGE ----------------------*/
		
		
	#content-top-twocol {
		background: url(../images/powershop-public/content-top-twocol.png) no-repeat;
		width: 960px;
		height: 4px;
		margin-top: 14px;
		}

	#content-bottom-twocol {
		background: url(../images/powershop-public/content-bottom-twocol.png) no-repeat;
		width: 960px;
		height: 4px;
		}


	#content-twocol {
		background: url(../images/powershop-public/content-filler-twocol.png) repeat-y;
		overflow: hidden;
		}
		
		#content-twocol #content-leftcol {
			background: url(../images/powershop-public/content-leftcol.png) no-repeat 100% 0;
			margin: 0 0 0 1px;
			width: 150px;
			float: left;
			min-height: 245px;
			}
			
			#content-twocol #content-leftcol #sidenav {
				font-size: 13px;
				padding: 5px 0 5px;
				margin: 0 0 20px;
				}
				
				#content-twocol #content-leftcol #sidenav li {
					margin: 1px 0;
					line-height: 18px;
					padding-top: 9px;
					padding-bottom: 9px;
					}
					
					#content-twocol #content-leftcol #sidenav a {
						color: #7B8188;
						display: block;
						padding: 0 0 0 12px;
						}
						
					#content-twocol #content-leftcol #sidenav a:hover {
						color: #662244;
						text-decoration: none;
						}
						
					#content-twocol #content-leftcol #sidenav li.active a {
						color: #F9366D;
						font-size: 16px;
						background: #FFF;
						border-top: 1px solid #ebeced;
						border-bottom: 1px solid #ebeced;
						margin: 0px;
						line-height: 20px;
						padding-left: 14px;
						padding-top: 11px;
						padding-bottom: 10px;
						}
						
			#content-twocol #content-leftcol .sidebtn {
				display: block;
				width: 130px;
				margin: 0 0 9px 9px;
				}
				
			#content-twocol #content-leftcol .sidebtn:hover {
				cursor: pointer;
				text-decoration: none;
				}
				
				#content-twocol #content-leftcol .sidebtn .sidebtn-top {
					background: url(../images/powershop-public/sidebtn-top.png);
					height: 3px;
					overflow: hidden;
					display: block;
					}
					
				#content-twocol #content-leftcol .sidebtn .sidebtn-middle {
					background: #f3f3f3 url(../images/powershop-public/sidebtn-filler.png) repeat-x;
					border-left: 1px solid #CCC;
					border-right: 1px solid #CCC;
					display: block;
					padding: 7px 2px;
					text-align: center;
					}
					
					#content-twocol #content-leftcol .sidebtn .sidebtn-sifr {
						display: block;
						padding: 0;
						font-size: 18px;
						color: #666;
						height: 42px;
						}
				
					#content-twocol #content-leftcol .sidebtn .findoutmore {
						background: url(../images/powershop-public/px-ffffff.png) repeat-x;
						border-top: 1px solid #CCC;
						display: block;
						padding: 5px 0 0;
						font-size: 13px;
						width: 105px;
						margin: 0 auto;
						}
					
				#content-twocol #content-leftcol .sidebtn .sidebtn-bottom {
					background: url(../images/powershop-public/sidebtn-bottom.png);
					height: 3px;
					overflow: hidden;
					display: block;
					}
						
			
		#content-twocol #content-rightcol {
			margin: 0 1px 0 0;
			width: 808px;
			float: right;
			overflow: hidden;
			padding: 0 0 17px;
			}
			
			#content-twocol #content-rightcol p {
				line-height: 17px;
				}
			
			
				
			#content-twocol #content-rightcol .leftbox {
				float: left;
				clear: both;
				width: 380px;
				margin: 0 0 35px 20px;
				}
				
				#content-twocol #content-rightcol .leftbox .rightimg {
					float: right;
					margin: 25px 14px 10px 0;
					}
				
			#content-twocol #content-rightcol .leftboxextra {
				float: left;
				clear: both;
				width: 378px;
				margin: 0px 0 35px 20px;
				}
				
			#content-twocol #content-rightcol .leftbox-thin {
				float: left;
				clear: both;
				width: 338px;
				margin: 0 0 35px 20px;
				}
			
			#content-twocol #content-rightcol .PriceCalc {
				float: left;
				clear: both;
				margin: 0 0 35px 20px;
				}
			
			#content-twocol #content-rightcol .leftbox-thintwo {
				float: left;
				clear: both;
				width: 378px;
				margin: 0 0 35px 20px;
				}
				
			#content-twocol #content-rightcol .leftbox-fullwidth {
				float: left;
				clear: both;
				width: 760px;
				margin: 0 0 35px 20px;
				}
				
			#content-twocol #content-rightcol .leftbox-hardleft {
				float: left;
				clear: both;
				width: 378px;
				margin: 0 0 35px 0px;
				}
				
			#content-twocol #content-rightcol .leftbox-climate-change-offsets {
				float: left;
				clear: both;
				width: 520px;
				margin: 0 0 35px 20px;
				}
				
				#content-twocol #content-rightcol .leftbox-climate-change-offsets div {
					width: 230px;
				}
				
				
			#content-twocol #content-rightcol .leftbox-climate-change-or-this {
				float: left;
				clear: both;
				width: 360px;
				margin: 0 0 35px 20px;
				}	
				
				#content-twocol #content-rightcol .leftbox-climate-change-or-this div {
					width: 220px;
				}
			
			#content-twocol #content-rightcol .leftbox-autopilot {
				float: left;
				clear: both;
				width: 770px;
				margin: 10px 0 20px 20px;
				}
			
			#content-twocol #content-rightcol .leftbox-autopilot .autopilot-left{
				float: left;
				width: 35px;
				margin: 0;
				}
			
			#content-twocol #content-rightcol .leftbox-autopilot .autopilot-right{
				float: right;
				width: 725px;
				margin-top: 10px;
				}
			
			.leftbox-autopilot-narrow {
				float: left;
				clear: both;
				width: 610px;
				margin: 20px 0 0px 0px;
				}
			.leftbox-autopilot-narrow .autopilot-left{
				float: left;
				width: 35px;
				margin: 0;
				}
			
			.leftbox-autopilot-narrow .autopilot-right{
				float: right;
				width: 565px;
				margin-top: 3px;
				}
			
			#content-twocol #content-rightcol .rightbox-climate-change-or-this {
				float: right;
				width: 360px;
				margin: 0 35px 20px 20px;
				}	
				
				#content-twocol #content-rightcol .rightbox-climate-change-or-this div {
					width: 220px;
				}	
				
				
				
			
				
			#content-twocol #content-rightcol .rightbox {
				float: right;
				width: 375px;
				margin: 0 15px 35px 0;
				}
				
			#content-twocol #content-rightcol .rightbox-nogap {
				float: right;
				width: 380px;
				text-align: right;
				margin: 0 0 35px;
				}
				
			#content-twocol #content-rightcol .rightbox-wide-nogap {
				float: right;
				width: 445px;
				text-align: right;
				margin: 0 0 35px;
				}
				
			#content-twocol #content-rightcol .rightbox-360 {
				float: right;
				width: 360px;
				margin: 0 15px 35px 0;
				
				}
			
			#content-twocol #content-rightcol .rightbox-392-nogap {
				float: right;
				width: 392px;
				margin: 0 0 35px 0;
				}
			
				#content-twocol #content-rightcol .rightbox .smarter-power-specials h2 {
					width: 240px;
				}
			
				#content-twocol #content-rightcol .leftbox h2,
				#content-twocol #content-rightcol .leftbox-thin h2,
				#content-twocol #content-rightcol .leftbox-thintwo h2,
				#content-twocol #content-rightcol .rightbox h2,
				#content-twocol #content-rightcol .rightbox-nogap h2,
				#content-twocol #content-rightcol .rightbox-wide-nogap h2 {
					width: 300px;
					}
					
					
	#content-twocol .showcurrent {
		display: block;
		background: url(/images/powershop-public/btn-showcurrent.png) no-repeat;
		height: 31px;
		width: 336px;
		font-size: 13px;
		text-align: center;
		color: #EB0D64;
		font-weight: bold;
		padding: 12px 10px 0 0;
		margin: 0 0 0 -3px;
		}
				
	.watch-video {
		color: #F1387D;
		display: block;
		width: 295px;
		font-size: 13px;
		padding: 15px 8px 18px 71px;
		height: 30px;
		line-height: 30px;
		background: url(../images/powershop-public/btn-watchvideo.png);
		margin: 10px 0 0;
		}
		
		
		
		








/* ------- FAQ ---------------------------------------- */
		
	#faq {
		background: url(../images/powershop-public/faq-bottom.png) no-repeat 0 100%;
		padding: 12px 16px;
		}
		
		#faq h2 {
			margin: 0 0 15px;
			}
			
		#faq #faq-list-wrapper {
			border-bottom: 1px solid #CCC;
			}
		
		#faq ul, #faq ol {
			line-height: 17px;
			padding: 0 0 15px;
			}
			
			#faq ul li, #faq ol li {
				line-height: 22px;
				}
				
			#faq ul li.open {
				margin: 0 0 10px;
				}
				
				#faq ul a {
					color: #666;
					display: block;
					padding: 0 0 0 7px;
					width: 366px;
					}
					
				#faq ul a:hover,
				#faq ul li.selected a {
					background: #eeeedb;
					text-decoration: none;
					color: #000;
					}
					
					#faq ul a span {
						background: url(../images/powershop-public/faq-arrows.png) no-repeat 100% 9px;
						display: inline-block;
						padding: 0 12px 0 0;
						cursor: pointer;
						}
						
					#faq ul a:hover span {
						background: url(../images/powershop-public/faq-arrows.png) no-repeat 100% -31px;
						}
						
					#faq ul li.selected a span {
						background: url(../images/powershop-public/faq-arrows.png) no-repeat 100% -71px;
						}
						
				#faq ul li div {
					overflow: hidden;
					}
					
					#faq ul li div div {
						border-bottom: 1px solid #e9e1cd;
						margin: 0 0 10px;
						}
					
						#faq ul li div p {
							border-top: 0px;
							float: left;
							width: 400px;
							padding: 10px 7px;
							}
					
						#faq ul li div img {
							float: right;
							margin: 10px 0 10px 10px;
							}
					
		#faq p {
			padding: 3px 0 0;
			margin: 0px;
			border-top: 1px solid #FFF;
			}
		
		.answer .attention {
			color: red;
		}
	
/* ------- SWITCH NOW -------------------------------- */
	
	#content-area {
		overflow: hidden;
		padding-top: 14px;
		}
	
		#content-onecol {
			width: 640px;
			float: left;
			}

			#content-onecol-top {
				height: 4px;
				overflow: hidden;
				background: url(../images/powershop-public/content-onecol-top.png);
				width: 640px;
				}	

			#content-onecol-mid {
				background: #FFF;
				border-left: 1px solid #CCC;
				border-right: 1px solid #CCC;
				width: 580px;
				padding: 27px 29px;
				overflow: hidden;
				}
				
				#content-onecol-left {
					width: 278px;
					float: left;
					}
					
					#content-onecol-left.regionssupplied {
						background: url(../images/powershop-public/regionssupplied.png) no-repeat 100% 0;
						height: 204px;
						padding: 21px 0 0;
						}
						
					#content-onecol-left.regionssuppliedV2 {
						background: url(../images/powershop-public/nz-map-profile.gif) no-repeat 120px 15px;
						height: 178px;
						padding: 21px 0 0 20px;
						width: 278px;
						float: right;
						}	
								
				/* strange hierarchy but necessary for avoiding ie6 multiple class background bug */
					#content-onecol-mid .regionssuppliedTestimonial {
						background: none;
						}
			
				/* strange hierarchy but necessary for avoiding ie6 multiple class background bug */
					#content-onecol-mid .regionssuppliedTestimonialVideo, #content-onecol-mid .regionssuppliedTestimonialImage {
						background: none no-repeat 0 0px;	
						height: 150px;
						padding: 5px 0 0 0;
						width: 272px;
						}
						
					.regionssuppliedTestimonialVideo #andrewSwitch {
					background: url(../images/powershop-public/btn-switch-now-testimonial-video.png) no-repeat 0 0px;	
						display: block;
						height: 150px;
						padding: 21px 0 0 0;
						width: 272px;
						text-indent: -9999px;
					}
						
					.regionssuppliedTestimonialVideo #andrewSwitch:hover {
						cursor: pointer;
						background-position: 0 -160px;
					}
					
					.regionssuppliedTestimonialImage #andrewSwitch {
						background: none;	
						display: block;
						height: 150px;
						padding: 0;
						width: 272px;
					}
						

					#content-onecol-left.regionssupplied p {
							clear: left;
							width: 278px;
							line-height: 17px;
							}
													
						#content-onecol-left.regionssuppliedV2 p {
							margin-top: 9px;
							margin-bottom: 9px;
							width: 278px;
							}
						
						#content-onecol-left.regionssuppliedTestimonial p {
							padding-left: 19px;
							width: 99%;
							}
								
						/*changed from selector #content-onecol-left.regionssupplied2 as not registered in IE6*/	
					.regionssupplied2 {
						background: url(../images/powershop-public/area-checker-regions-supplied.jpg) no-repeat 100% 0;
						height: 204px;
						padding: 21px 0 0;
						}
						
						#content-onecol-left.regionssupplied2 p {
							clear: left;
							width: 140px;
							line-height: 17px;
							}
					
				#content-onecol-right {
					width: 280px;
					float: right;
					}

					#content-onecol-right p {
						font-size: 15px;
						line-height: 20px;
						}
						
					#content-onecol-right.switch-left {
						padding: 21px 0 0;
						}
						
					#content-onecol-rightV2.switch-left {
						padding: 51px 0 0;
						}
						
						#content-onecol-right.switch-left h2 {
							}

						#content-onecol-right.switch-left p {
							margin-bottom: 21px;
							}
														
						#content-onecol-rightV2.switch-left p {
							width: 250px;
							margin-bottom: 21px;
							}

			#content-onecol-bottom {
				height: 4px;
				overflow: hidden;
				background: url(../images/powershop-public/content-onecol-bottom.png);
				width: 640px;
				}
				
		#content-outer-right {
			float: right;
			width: 300px;
			}
			
			.powershop-smarter {
				margin: 0 auto 10px;
				display: block;
				width: auto;
				}
				
			#content-outer-right .powershop-smarter-text {
				font-size: 18px;
				text-align: center;
				color: #666;
				line-height: 18px;
				margin-bottom: 0px;
				}
				
			.trial60img {
				float: right;
				margin: 3px 0 10px 2px;
				}
				
			#content-outer-right hr {
				margin-bottom: 11px;
				}
				
			#content-outer-right p {
				font-size: 12px;
				line-height: 17px;
				margin-bottom: 22px;
				}
				
			#content-outer-right .ticklist {
				float: left;
				width: 150px;
				font-size: 13px;
				padding: 0 0 12px;
				}
				
				#content-outer-right .ticklist li {
					margin: 0 0 8px;
					line-height: 17px;
					}
				
	.switchbox {
		background: #FFEBF5 url(../images/powershop-public/switchbox-top.png) no-repeat 0 0;
		margin: 0 0 27px;
		}
		
		.switchbox .switchbox-inner {
			background: url(../images/powershop-public/switchbox-bottom.png) no-repeat 0 100%;
			padding: 18px 4px 16px 16px;
			overflow: hidden;
			}
			
			.switchbox h3 {
				width: 276px;
				float: right;
				margin-bottom: 5px;
				}
			
			.switchbox .ticklist {
				width: 276px;
				float: right;
				font-size: 12px;
				}
		
			.switchbox .switchbtn {
				background: url(../images/powershop-public/button-start-the-switch-now.gif) no-repeat 0 0;
				width: 254px;
				height: 64px;
				padding: 0px 0 0;
				display: block;
				text-indent: -9999px;
				float: left;
				margin: 0 10px 0 0;
				}
				
			.switchbox .switchbtn:hover {
				cursor: pointer;
				background-position: 0 -64px;
				}
	
	.big-numbered-list {
		font-size: 19px;
		color: #666;
		line-height: 23px;
		margin: 0 0 15px -3px;
		}
		
		.big-numbered-list li {
			padding: 9px 0 8px 52px;
			margin: 0 0 7px;
			}
		
		.big-numbered-list .numbered-list-1 {
			background: url(../images/powershop-public/ol-numberlist-1.gif) no-repeat 0px 50%;
			}
			
		.big-numbered-list .numbered-list-2 {
			background: url(../images/powershop-public/ol-numberlist-2.gif) no-repeat 0px 50%;
			}
			
		.big-numbered-list .numbered-list-3 {
			background: url(../images/powershop-public/ol-numberlist-3.gif) no-repeat 0px 50%;
			}
			
			.big-numbered-list strong {
				color: #662244;
				}
			
	.supplychecker {
		background: url(/images/powershop-public/button-supply-checker.gif) no-repeat;
		height: 29px;
		width: 184px;
		text-align: center;
		display: block;
		color: #EC0E64;
		font-size: 13px;
		font-weight: bold;
		padding: 0;
		text-decoration: none;
		}
		
		.supplychecker:hover {
			text-decoration: none;
			cursor: pointer;
			background-position: 0 -29px;
			}
		
	.ticklist {
		float: right;
		width: 284px;
		color: #666;
		font-size: 12px;
		}
		
		.ticklist li {
			background: url(../images/powershop-public/switchticks.gif) no-repeat 0 -86px;
			padding: 0 0 0 18px;
			margin: 0 0 1px;
			}
			
		.ticklist li.ticklist-green {
			background-position: 0 1px;
			}
			
	.ticklist2 {
		float: left;
		margin: 0 0 5px;
		}
		
		
		.ticklist2 li {
			background: url(../images/powershop-public/switchticks2.gif) no-repeat 0 -86px;
			padding: 2px 0 3px 18px;
			color: #666;
			}
		
		.ticklist2 li.ticklist2-red {
			color: #EC0E64;
			font-size: 12px;
			background-position: 0 1px;
			margin-bottom: 1px;
			}
			

/*------------------- Greater Savings Products Pricing -------------------- */	

	#content-twocol #content-rightcol #fadebox h1.noimg {
		width: 760px;
		}

	#content-twocol #content-rightcol #fadebox h3.noimg {
		width: 760px;
		}	

	#content-twocol #content-rightcol #fadebox h4.noimg{
		width: 760px;
		}
		
	#content-twocol #content-rightcol .rightbox  #testimonials {
		margin-top: 0px;
		}

		#content-twocol #content-rightcol .rightbox  #testimonials .float-left p{
		margin-top: 5px;
		}

/*------------------- About Us -------------------- */		

	#aboutsinglerow{
		width: 959px;
		background: url(../images/powershop-public/common-fadebox-wide.jpg) no-repeat right;
		min-height: 150px;
		}
		
		#aboutsinglerow h1 {
			padding-top: 24px;
			margin: 0px 28px;
			}

		#aboutsinglerow h3 {
			margin: 0px 28px 24px 28px;
			}


	.aboutleftbox {
		float: left;
		width: 462px;
		margin: 25px 0px 25px 28px;
		}

		.aboutleftbox h2 {
			margin: 15px 0px 2px 0px;
			}

		.aboutleftbox h4 {
			margin: 4px 0px 10px 0px;
			font-size: 1.2em;
			line-height: 1.4em;
			}

		.aboutleftbox p {
			margin: 4px 0px 6px 0px;
			}

		.aboutleftbox img {
			margin: 15px 0px 2px 0px;
			}			

	.aboutrightbox {
		float: right;
		width: 430px;
		margin: 25px 20px;
		}

		.aboutrightbox h2 {
			margin: 15px 0px 2px 0px;
			}

		.aboutrightbox p {
			margin: 4px 0px 6px 0px;
			}		

		.aboutrightbox img {
			margin: 15px 0px 2px 0px;
			}

/*------------------- Contact Us -------------------- */	


	#contactleftbox{
		width: 440px;
		margin: 32px 0 32px 32px;
		float: left;
	}


		#contactleftbox #formtop{
			background: url(../images/powershop-public/formtop.gif) no-repeat;
			height: 14px;
			width: 434px;
			margin-top: 20px;
			}

		#contactleftbox #formcontent{
			background: url(../images/powershop-public/formfiller.gif) repeat-y;
			width: 434px;
			}
			
		#contactleftbox h4 {
			margin-left: 0px;
			}


			#contactleftbox #formcontent p.small {
				margin-bottom: 15px;
				padding-top: 15px;
				}

			#contactleftbox #formcontent p {
				margin: 0px;
				}

			#contactleftbox #formcontent fieldset{
				margin: 0px 34px 0px 34px;
				}

				#contactleftbox #formcontent fieldset label{
					color: #662244;
					font-weight: bold;
					margin: 15px 0px 5px 0px;
				}
				#contactleftbox #formcontent fieldset input{
					width: 367px;
					margin: 5px 0px 15px 0px;
					line-height: 1.3em;
					height: 1.4em;
					font-size:  1.3em;
					}
					#contactleftbox #formcontent fieldset input#check_box{
						height:auto;
						width: auto;
						margin: 5px 0px 20px 0px;
						}

					#contactleftbox #formcontent fieldset textarea#comment{
						height: 131px;
						width: 369px;
						margin: 5px 0px 15px 0px;
						line-height: 1.3em;
						font-size:  1.3em;
						}
					

				#contactleftbox #formcontent fieldset  input#submit{	
					background: url(../images/powershop-public/submit-btn.png) no-repeat;
					height: 29px;
					border: none;
					width: 91px;
					float: right;
					font-size: 0.9em;
					text-align: center;
					font-weight:bold;
					color: #F1387D;
					cursor: pointer;
					}

		#contactleftbox #formbottom{
			background: url(../images/powershop-public/formbottom.gif) no-repeat;
			width: 434px;
			height: 14px;
			}


	#contactrightbox{
		width: 380px;
		margin: 60px 0 0 56px;
		float: left;
		overflow: hidden;

		}
		#contactrightbox h4{
			font-size: 1em;
			font-weight: bold;
			color: #662244;
			margin: 15px 0px 0px 0px;
			clear: both;
			}

		#contactrightbox h2{
			margin: 15px 0px 0px 0px;
			}


		#contactrightbox p{
			margin-bottom: 7px;
			line-height: 17px;
			}

		#contactrightbox #contact-details-left{
			float: left;
			width: 50px;
			}

			#contactrightbox #contact-details-left p{
				font-weight: bold;
				margin: 0px;
				}

		#contactrightbox #contact-details-right{
			float: left;
			}

			#contactrightbox #contact-details-right p{
				margin: 0px;
				}
		
/*------------------- FAQ PAGE -------------------- */

	#faq-heading{
		margin: 21px 21px 0px 21px;
		}
		
		#faq-heading h1{
			float: left;
			}
		
		#faq-heading a#questiontoggle{
			background: url(../images/powershop-public/faq-hide-questions.png) no-repeat;
			height: 31px;
			width: 121px;
			line-height: 31px;
			color: #FF3399;
			padding-left: 20px;
			display: block;
			float: right;
			font-weight: bold;
			}
		
			#faq-heading a#questiontoggle:hover{
				text-decoration: none;
				}

	#faq-wrapper {
		background: #f6f6ee url(../images/powershop-public/faq-top.png);
		margin: 9px 20px 0;
		color: #666;
		clear: both;
		overflow: hidden;
		}

		#faq-page-head {
			background: url(../images/powershop-public/faq-bottom.png) no-repeat 0 100%;
			padding: 12px 0px 12px 16px;
			margin-top: 20px;
			overflow: hidden;
			height: 100%;
			background-color: #f6f6ee;
			}
	
			#faq-page-head ul {
				float: left;
				margin: 0 0px 0 0;
				width: 366px;
				overflow: hidden;
				height: 100%;
				}
				

					
					#faq-page-head ul a {
						
						display: block;
						padding: 0 0 0 7px;
						width: 366px;
						}
						
						#faq-page-head ul li .question a{
							color: #0281CA;
							width: 346px;
							margin: 8px 0px;
							line-height: 18px;
							}

							
						#faq-page-head ul li a.questiontrigger{
							color: #666;
							width: 366px;
							height: 22px;
							display: block;
							line-height: 22px;
							font-size: 1.2em;
							margin: 6px 0px 0px 0px;
							}
							
							#faq-page-head ul li a.questiontrigger span {
								background: url(../images/powershop-public/faq-arrows.png) no-repeat 100% 9px;
								display: inline-block;
								padding: 0 12px 0 0;
								cursor: pointer;
								}
								
							#faq-page-head ul li a.questiontrigger:hover span {
								background: url(../images/powershop-public/faq-arrows.png) no-repeat 100% -31px;
								}
								
							#faq-page-head ul li.selected a.questiontrigger span {
								background: url(../images/powershop-public/faq-arrows.png) no-repeat 100% -71px;
								}		
						
						#faq-page-head ul li a.questiontrigger:hover{
							background-color: #EEEEDB;
							text-decoration: none;
							color: #222;
							}

		#answerwrapper .answerbox{
			/*background-color: #EEE;*/
			width: 747px;
			overflow: hidden;
			margin: 0px 0px 0px 21px;
			padding: 10px;
			}
			
			#answerwrapper .answerbox h3{
				font-size: 1.3em;
				font-weight: bold;
				margin: 8px 0px 6px 0px;
				}
			
			#answerwrapper .answerbox .questionimg{
					background: url(../images/powershop-public/faq-question-white.png) no-repeat;
					margin: 0px 22px 0px 0px;
					float: left;
					height: 38px;
					width: 41px;
					}

				#answerwrapper .answerbox#highlight{
					background-color: #EEE;
					}
				
				
					#answerwrapper .answerbox#highlight .questionimg{
						background: url(../images/powershop-public/question-grey.png) no-repeat;
						margin: 0px 22px 0px 0px;
						float: left;
						height: 38px;
						width: 41px;
						}
				
			#answerwrapper .answerbox .answer{
					width: 382px;
					float: left;
					}
			#answerwrapper .answerbox .answer ul li{
				list-style: disc;
				list-style-position:outside;
				color:#666;
				line-height: 1.5em;
				margin-bottom: 5px;
				margin-left: 15px;
			}
			
			#answerwrapper .answerbox .answer ol li{
				list-style:decimal;
				list-style-position:outside;
				color:#666;
				line-height: 1.5em;
				margin-bottom: 5px;
				margin-left: 15px;
			}
				
			#answerwrapper .answerbox  img.screenshot{
				width: 285px;
				margin: 0px 0px 0px 8px;
				float: right;
				}
			
			#answerwrapper h2{
				margin-left: 21px;
				}
							
			#answerwrapper hr{
				margin: 20px 21px;
				background-color: #d3d4d4;
				height: 1px;
				overflow: hidden;
				clear: both;
				border: none;
				}
							
			#answerwrapper .answerbox .top{
				float:  left;
				margin: 10px 0px 10px 230px;
				}	

				#answerwrapper .answerbox img.arrow{
				float: left;
				margin: 15px 2px;
				}		

	
/* --- MATTD --- */
/*---------------------- Keep me posted OVERLAY --------------------------*/
	div.overlay-keep-me-posted {
		padding:40px;	
		width:576px;  
		display:none;
		background-image:url(../flow/overlay/white.png);	
		}

	div.overlay-keep-me-posted div.close {
		background:url(../flow/overlay/close.png) no-repeat;
		position:absolute;
		top:2px;
		right:5px; 
		width:35px;
		height:35px;
		cursor:pointer;
		}

	div.overlay-keep-me-posted a {
		height:450px;
		display:block;
		}




	.coming-soon-to-inbox {
		color:#499524;
		background-color:#E1FFD1;
		border-style:solid;
		border-width:1px;
		border-color:#C5F8AC;
		padding:4px 6px 4px;
	}
	
	h4.area-checker {
		margin: 0 0 10px 0;
	}
	
	.supplyAreaEnquiry {
		background-color:#FFF;
		width: 600px;
	}
	
	
	/* --- Area checker styling --- */
	
	.supplyAreaEnquiry label {
		   color: #666;
	}
	
	
	#videoplayer {
		padding: 25px 30px 25px 30px;
	}
	
/* --- HIDE PRINT ELEMENTS ---*/

#print-logo {
	display: none;
}

.print-thick,
.print-thin,
.print-thin-dashed {
	display:none;
}


/*------------------- Sitemap page -------------------- */

ul.sitemap {
	margin-top: 36px;
	margin-bottom: 18px;
}

div.sitemapLeft {
	width: 282px;
	float: left;	
}

div.sitemapRight {
	margin-left: 9px;
	width: 240px;
	float: left;
}

ul.sitemap li {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin-left: 1em;	
	margin-top: 0;
	padding-top: 0;
}

ul.sitemap ul {
	margin-bottom: 0;	
	margin-top: 0;
}

/* ---- Supply regions hover ---- */

a.tips {
	/* cursor: pointer !important; */
	line-height: 1.8em;
}

a.tips:hover {
	text-decoration: none;
}

#cluetip h2 {
	line-height: 1.4em;
}

ul.supply {
	padding-left: 2em;
	padding-bottom: 0.75em;
	
	}
	
ul.supply li {
	background: url(../images/powershop-public/switchticks.gif) no-repeat 0 3px;
	padding-left: 20px;
	line-height: 1.75em;
	/* font-weight: normal; */
	/* color: #666666; */
}		
		
p.supply {
	/* color: #666666; */
	margin: 	0.5em 0.5em 0.66em 0.75em;	
	font-weight: normal;
	}