/*  -- 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;
}
hr.single {
  border: 0px;
  border-top: 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 ------------------------------- */




/* -- 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;
}


#home-promo-badge-left-consumer2011 a {
  display: block;
  background: url(/images/powershop-public/homepage/subpromos/badge-homepage-consumer2011-v3.png) no-repeat;
  width: 300px;
  height: 150px;
  text-indent: -9999px;
}
#home-promo-badge-left-fast-50 a {
  display: block;
  background: url(/images/powershop-public/homepage/subpromos/fast-50.png) no-repeat;
  width: 300px;
  height: 150px;
  text-indent: -9999px;
}







/* --- credits (under the footer) --- */
.credits,
.credits a {
  font-size:10px;
  color:#BBB;
  padding: 0 0 10px 0;
}


ul#blog li {
  padding: 2px 0 8px;
}



/* --- TWITTER --------------------------------------- */

#tweets p {
  margin:0;
  padding:0 0 6px 0;
}


/* --- End Twitter ----------------------------------- */



#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 span a {
  text-decoration: none;
  color: #624;
}

#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 125px;
}

#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 {
  font-size: 14px;
  font-weight: bold;
  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;
}


#home-content-right .home-content-right-right {
  float: left;
  width: 300px;
  height: 150px;
  margin-left:20px;
} 	











/* ----- 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;
}

.box-680 {
  width: 680;
  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 {
  position: relative;
  width: 960px;
  background: url(../images/powershop-public/better-service-fadebox-image-brett-rochelle.jpg) no-repeat;
  min-height: 208px;
  padding-top: 26px;
}

/* --- Meter readings --- */
#better-service-meter-readings .fadebox-left {
  width: 430px;
  
}
#better-service-meter-readings .fadebox-right {
  background: url(/images/powershop-public/better-service-meter-readings-fadebox2.png) no-repeat bottom right;
  margin: 0;
  padding: 0;
  width: 808px;
  height: 235px;
  position: absolute;
}

/* --- 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;
}




#services-intro h1 {
  /* font-weight: bold;
  float: left;
  clear: left;
  width: 600px;
  margin-left: 28px; */
  text-indent: -9999px;
}

#services-intro h4 {
  /* margin-left: 28px;
  width: 600px;
  margin-bottom: 5px;
  margin-right: 0px;
  float: left;
  clear: left; */
  text-indent: -9999px;
}

#services-intro p.page-intro {
  /* float: left;
  clear: left;
  width: 600px;
  margin-left: 28px;
  margin-right: 0px; */
  text-indent: -9999px;
}

#services-intro #header-video, #smarter-power-intro #header-video {
  display: block;
  position: absolute;
  top: 145px;
  left: 78px;
  height: 46px;
  width: 175px;
  overflow: hidden;
  text-indent: -9999px;
  background: url(../images/powershop-public/btn-watch-the-video.png) no-repeat;
}

#smarter-power-intro #header-video {
	top: 126px;
	left: 196px;
}

#services-intro #header-video:hover, #smarter-power-intro #header-video:hover{
  background-position: 0 -46px;
}

#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;
}




/* ----------------- 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-nicky-paul-rachael.jpg) no-repeat;
  min-height: 208px;
  padding-top: 26px;
}

#greater-savings-intro h1 {
  /* font-weight: bold;
  float: left;
  clear: left;
  width: 600px;
  margin-left: 28px; */
  text-indent: -9999px;
}

#greater-savings-intro h4 {
  /* margin-left: 28px;
  width: 600px;
  margin-bottom: 5px;
  margin-right: 0px;
  float: left;
  clear: left; */
  text-indent: -9999px;
}

#greater-savings-intro p.page-intro {
  /* float: left;
  clear: left;
  width: 600px;
  margin-left: 28px;
  margin-right: 0px; */
  text-indent: -9999px;
}

#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;
}

#greater-savings-intro {
	position: relative;
}

#greater-savings-intro #header-video {
  display: block;
  position: absolute;
  bottom: 32px;
  left: 476px;
  height: 46px;
  width: 175px;
  overflow: hidden;
  text-indent: -9999px;
  background: url(../images/powershop-public/btn-watch-the-video.png) no-repeat;
}

#greater-savings-intro #header-video:hover{
  background-position: 0 -46px;
}

#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{

}


/* ----------------- greater-savings VIDEO (RHS) ----------- */
#pricing-video {
  background: transparent url(../images/powershop-public/pricing-video-bkgd.png) no-repeat;
  width: 290px;
  height: 234px;
}

a#pricing-video-btn {
  display:inline-block;
  text-indent: -9999px;
  background: transparent url(../images/powershop-public/pricing-video-image.png) no-repeat;
  width: 260px;
  height: 146px;
  margin: 66px 0 0 15px;
  
}

a#pricing-video-btn:hover {
  background-position: 0 -146px;
}


/* ----------------- 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 {
  position: relative;
  width: 960px;
  background: url(/images/powershop-public/smarter-power-fadebox-image-nik.jpg) no-repeat;
  min-height: 208px;
  padding-top: 26px;
}

#smarter-power-intro h1 {
  /* font-weight: bold;
  float: left;
  clear: left;
  width: 600px;
  margin-left: 28px; */
  text-indent: -9999px;
}


#smarter-power-intro h4 {
  /* margin-left: 28px;
  width: 600px;
  margin-bottom: 5px;
  margin-right: 0px;
  float: left;
  clear: left; */
  text-indent: -9999px;
}

#smarter-power-intro p.page-intro {
  /* float: left;
  clear: left;
  width: 600px;
  margin-left: 28px;
  margin-right: 0px; */
  text-indent: -9999px;
}

#smarter-power-intro #header-video{
  /* see #services-intro #header-video */
}

#smarter-power-intro #header-video:hover{
  /* see #services-intro #header-video:hover */
}

#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;
}



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

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



.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;
}	

.supply-bkgd {
  background-color: red;
}

.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 3px 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-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;
}