/* CSS Document */

/**** modules used for all pages****/


#pageNavContentAlternate{
	width: 174px;
	margin-right:0px;
	padding-left:15px;
	float: left;
}

div#column1{
	width:948px;
	float:left;
	margin-left:18px;
}


div#column1_1{
	float:left;
	width:685px;
	margin-left:15px;
	margin-right:18px;
}

div#subContent{
	width:240px;
	float:left;
	margin-left:0px;
	padding:0;
}

div#column1_2{
	float:left;
	margin-left:10px;
	padding:0;
	margin-right:0;
}

a.arrowLink {
	background:url(../images/blueArrow.gif) 0px 6px no-repeat;
	padding-left:9px;
	display:block;
	font-weight:bold;
}
/*Start left menu*/

div.leftMenu{
	width:174px;
}
div.leftMenu ul {
	list-style-type: none;
	list-style: none;
	margin:-5px 0 15px 6px;
	padding:0;
	font-size: 0.9em;	
}

div.leftMenu ul li {
	background: url(../images/divider_leftMenu.gif) bottom right repeat-x;
	padding: 5px 0px 5px 10px;
}


div.leftMenu ul li.last{
	background:none;
}
div.leftMenu ul li span.selected {
	font-weight: bold;
	color: #0099ff;
	padding-left:7px;
}

div.leftMenu ul li span {
	background: url(../images/blueArrow.gif) 0px 6px no-repeat;
	padding: 0 0 0 3px;
	display:block;
}

div.leftMenu ul li span a{
	padding-left:5px;
	display:block;
}
/* end Left menu*/



/*CSS for modules only*/

/*- ROUNDED CORNERS CSS -*/
.tl { /*Top left module corner*/
  height: 16px;
  background: url(../images/modBorderBrownTL.gif) 0 0 no-repeat;
}

.tr { /*Top right module corner*/
  height: 16px;
  background: url(../images/modBorderBrownTR.gif) 100% 0 no-repeat;
}

.bl { /*bottom left module corner*/
  height: 16px;
  background: url(../images/modBorderBrownBL.gif) 0 100% no-repeat;
}

.br { /*bottom right module corner*/
  height: 16px;
  background: url(../images/modBorderBrownBR.gif) 100% 100% no-repeat;
}

/*- ALTERNATIVE BORDERS - Grey Gradient -*/

.alt2Border {  /* top of module */
	background: url(../images/modBorderGreyT.gif) 0 0% no-repeat;
	padding-top: 14px;
	width: 551px;
}

.alt2BorderB { /*bottom of module */
	background: url(../images/modBorderGreyB.gif) 0 100% no-repeat;
	margin-bottom:15px;
	float: left;
	padding-bottom: 40px;
	padding-left: 7px;
	width: 551px;
}

.alt2BorderBfix { /*bottom of module */
	background: url(../images/modBorderGreyB.gif) 0 100% no-repeat;
	padding: 20px 0;
	margin-bottom: 20px;
}

.alt2Bordertesttop {  /* top of module */
	background: url(../images/modBorderGreyT.gif) 0 0% no-repeat;
	padding-top: 20px;
}

.alt2Bordertestbottom { /*bottom of module */
	background: url(../images/modBorderGreyB.gif) 0 100% no-repeat;
	padding: 0 0 20px 0;
	margin-bottom: 20px;
}

/*- ALTERNATIVE BORDERS - Large Grey Gradient -*/

.alt3BorderT {
	background: #fff url(../images/modBorderGradientLargeT.gif) 0 0% no-repeat;
	padding-top: 20px;
}

.alt3BorderB {
	background: transparent url(../images/modBorderGradientLargeB.gif) 0 100% no-repeat;
	padding: 20px 0;
	margin-bottom: 20px;
}

.alt3Bordertesttop {
	background: #fff url(../images/modBorderGradientLargeT.gif) 0 0% no-repeat;
	padding-top: 0px;
}

.alt3Bordertestbottom {
	background: #fff url(../images/modBorderGradientLargeB.gif) 0 100% no-repeat;
	padding: 0 0 20px 0;
	margin-bottom: 0px;
}

/*- END ROUNDED CORNERS CSS -*/

/* use for middle of 3 col layout */
#innerPageContent,  #innerPageContent2{
	width: 551px; 
	float: left;
}

#innerPageContent h2, #innerPageContent2 h2{
	margin-bottom:0px;
	padding-left:10px;
	font: 1.357em;
	font-weight:bold;
}

#innerPageContent h2.greyHeader, #innerPageContent2 h2.greyHeader{
	color:#666666;
}

#innerPageContent h2.otherText, #innerPageContent2 h2.otherText{
	padding-top:10px;
	font: 1.357em;
	font-weight:bold;
}

h3.alternatesubHeader{
	padding-left:10px;
	padding-top:15px;
	padding-bottom:15px;
	margin:0px;
	font-size:1.0em;
}

#innerPageContent h4{
	padding-left:10px;
	padding-top:10px;
	padding-bottom:0px;
	margin:0px;
	font-size:1.0em;
}

#innerPageContent p, #innerPageContent2 p{
	font-size:0.9em;
	padding-top:10px;
	padding-right:20px;
}

#innerPageContent p.borderText, #innerPageContent2 p.borderText{
	border-bottom:1px solid #d7d0c5;
	padding-bottom:20px;
}

#innerPageContent ul{
	padding:0px 0px 0px 10px;
	list-style:none;
	margin-left:0px;
}


#innerPageContent ul.whyBarclayCardDetails{
	padding:0px 10px 15px 10px;
}

#innerPageContent ul.whyBarclayCardDetails li{
	padding-bottom:7px;
}

#innerPageContent ul.alterLinks{
	padding:0px 5px 0px 10px;
	margin:0px;
}

#innerPageContent ul li {
	font-size:0.9em;
	line-height:1.3em;
	padding:2px 10px;
	background:url(../images/blueBullet.gif) no-repeat 0% 8px;
}

#innerPageContent ul.otherTopicsDetails {
	width:180px;
	padding-left:10px;
}

#innerPageContent ul.otherTopicsDetails li {
	background: none;
}

#innerPageContent ul li.infoDetails{
	font-size:0.9em;
	background:url(../images/BarclaycardStudent/blueBullet.gif) no-repeat 0% 8px;
	padding-left:10px;
}

#innerPageContent ul.bulletedLinks{
	list-style:none;
}

#innerPageContent ul.bulletedLinks li{
	font-size:0.9em;
	background:url(../images/BarclaycardStudent/blueBullet.gif) no-repeat 0% 8px;
	padding-left:10px;
}

#innerPageContent ol, #innerPageContent2 ol{
	margin-top:5px;
	margin-bottom:0px;
	padding-bottom:0px;
	margin-left:0px;
	padding-left:30px;
}

#innerPageContent ol li, #innerPageContent2 li{
	padding:0px 10px 5px 0px;
}

#innerPageContent ol li p{
	padding:0px;
	font-size:1.0em;
	margin-bottom:0;
}

#innerPageContent ol li p.newPara{
	padding-bottom:5px;
}
a.cardLink {
	font-weight: bold;
	padding-bottom: 10px;
	background: url(../images/blueArrow.gif) 1px 5px no-repeat;
}

/* site Map */

#innerPageContent ul.sitemapInfo{
	list-style:none;
	padding:0 10px;
}

#innerPageContent ul.sitemapInfo li{
	padding:2px  5px;
}
#innerPageContent ul.sitemapInfo li h3{
	padding:0px 10px 5px 10px;
}
#innerPageContent ul.sitemapInfo li ul{
	padding:0 10px;
	margin:-10px 0 0 0;
}

#innerPageContent ul.sitemapInfo li ul li{
	font-size:1.0em;
	background:url(../images/blueArrow.gif) no-repeat 0px 7px;
	padding:3px 10px;
}
/** center Content Div***/
.guide h3 {
	margin-top: 0px;
	padding-top: 0;
}

h3.guide {
	margin-top: -10px;
}

.guide p {
	padding-left: 0px;
	font-size: 0.9em;
}

.products h4, .faqList h4 { font-size: 0.9em; }


.products ul{
	margin:0px;
	padding:0px;
	list-style: none; 
}
.products ul li , ul.products li { 
		
		background: url(../images/blueBullet.gif) 2px 8px  scroll no-repeat; 
		padding-left:10px;
}

.products { padding: 0px 10px 0px 10px; }

/* 5.0 Doing your bit */
.doingYourBitInfo{
	padding-left:8px;
}


/**** Card Details ****/
#innerPageContentAlternate{
	float: left;
	margin-left:24px;
}

#cardDetailsInfo{
	float: left;
	width:571px;
	padding-left:5px;
	margin-left:3px;
}

div.applyNowAlternate{
	margin-left:18px;
}
div.aprDetails{
	float:left;	
	with:541px;
	padding-bottom:40px;
}

div.aprDetails div.imageInfo{
	width:210px;
	float:left;
}

div.studentCard {
    width: 160px;
	float: left;
	margin-left:20px;
}

div.studentCard h2{
	padding:0px;
	font-size:1.6em;
}


div.studentCard h2 span{
	position: absolute;
	top: -10000px;
}
#h2interest{
	background:url(../images/h2_interest.gif) no-repeat top left;
	height:21px;
}

#h2interestAlternate{
	background:url(../images/h2_59interest.gif) no-repeat top left;
	height:21px;
	margin-top:30px;
}

#h2interestApr{
	background:url(../images/h2_50apr.gif) no-repeat top left;
	height:21px;
}

#h2interestAprAlternate{
	background:url(../images/h2_59apr.gif) no-repeat top left;
	height:21px;
}

div.studentCard p{
	font-size:0.9em;
	padding-left:0px;
	padding-bottom:10px;
	margin:0px;
}

div.studentCard a{
    background: url(../images/blueArrow.gif) 1px 5px no-repeat;
	padding-left:10px;
	padding-bottom:20px;
	padding-right:10px;
	margin:0px;
	margin-top:0px;
	font-size:0.9em;
	display:block;
	font-weight:bold;
}
div.studentCard ul {
    padding-left:0px;
    list-style: none;
    margin: 0px;
}

div.studentCard ul li {
    padding:1px 0 5px 10px;
    font-size: 0.9em;
    background: url(../images/blueArrow.gif) 1px 7px no-repeat;
}

/* Apply now*/

div.applyNow
{
	width: 100%;
	margin-bottom: 21px;
	margin-top: 10px;
	clear: both;
}
div.applyNow .applyLeft
{
	background: url(../images/applyNow_leftcurve.gif) no-repeat;
	height: 42px;
	width: 17px;
	float: left;
}

div.applyNow .applyCentre
{
	background: url(../images/applyNow_centre.gif) repeat-x;
	float: left;
	padding-top: 10px;
	height: 32px;
	width: 515px;
	overflow: auto;
}

div.products div.applyNow .applyCentre
{
	width: 475px;
}

div.applyNow .applyCentre h3
{
	float: left;
	font-weight: bold;
	font-size: 1.3em;
}

div.applyNow .applyCentre img
{
	float: right;
	margin-top: 2px;
}

div.applyNow .applyRight {
	background: url(../images/applyNow_rightcurve.gif) no-repeat top right;
	height: 42px;
	width: 18px;
	float: left;
}

/* End Apply now*/
.applyNowAlternate{
	margin-left:10px;
}

/* CSS Document for Home Page*/

div.offerDetails{
	width:686px;
	margin: 15px 0 0px 0;
	float:left;
}
	
div.promoHeader{
	background: url(../images/bg_promoOffer.gif) top left no-repeat;
	width: 687px;
	height:25px;
}

div.promoHeader h2{
	background:url(../images/header_offers.gif) 15px 0 no-repeat;
	height:22px;
	margin:0;
	padding:0;
}
div.promoHeader h2 span
{
	position: absolute;
	top: -10000px;
}

div.offerDetails div.promoContent{
	background:url(../images/bg_promoOffer_bottom.gif) bottom right no-repeat;
	padding:0px 5px;
	height:1%;
	margin-top:0px;
}

div.offerDetails div.promoContent div.offerList{
	width:165px;
	float:left;
	margin:0px;
}

div.offerDetails div.promoContent div.offerList img{
	margin-bottom:10px;
}

div.offerDetails div.promoContent div.offerList p{
	font-size:0.9em;
}

div.offerDetails div.promoContent div.offerList p.description{
	min-height:50px;
	height:50px;
}

div.offerDetails div.promoContent div.offerList p.discountDetailsLink{
	padding-top:65px;
	font-size:1.0em;
}

div.offerDetails div.promoContent div.offerList p a{
	background:url(../images/blueArrow.gif) 0px 6px no-repeat;
	padding-left:9px;
	display:block;
	font-weight:bold;
	padding-bottom:15px;
}


/****** right side content details***/

div#subContent div.offerDetailsAlternate{
	width:240px;
	margin: 25px 0 0 0;
	float:left;
}

	
div.promoHeaderAlternate{
	background: url(../images/bg_rhs_top.gif) top left no-repeat;
	width: 240px;
	height:30px;
}

div.promoHeaderAlternate h2{
	background:url(../images/header_offers_cardBenefits.gif) 15px 0 no-repeat;
	height:21px;
	padding:0;
	margin:0;
}

div.promoHeaderAlternate h2.OtherHeader{
	background:url(../images/greenforgo.gif) 15px 0 no-repeat;
	height:21px;
}
div.promoHeaderAlternate h2 span, div.promoHeaderAlternate h2.OtherHeader span
{
	position: absolute;
	top: -10000px;
}

#bgMain{
	background:url(../images/bg_rhs_bottom.gif) bottom left no-repeat;
}
div#subContent div.offerDetailsAlternate div.promoContent{
	/*padding:0px 5px 20px 5px;*/
	height:1%;
	margin-top:0px;
	padding-bottom:17px;
	padding-left:5px;
}

div#subContent div.offerDetailsAlternate div.promoContent p{
	font-size:0.9em;
}
div#subContent div.offerDetailsAlternate div.promoContent img{
	padding:10px 0px 0px 10px;
}

div#subContent div.offerDetailsAlternate div.promoContent img.altImage{
	padding:0px 10px 10px 10px;
	margin-top:-5px;
}

div#subContent div.offerDetailsAlternate div.promoContent img.altImageOther{
	margin:0px 0 29px 10px;
	padding:0;
}


div#subContent div.offerDetailsAlternate div.promoContent ul{
	padding:0px 0px 0px 3px;
	list-style:none;
	margin-left:10px;
	margin-top:0px;
}

div#subContent div.offerDetailsAlternate div.promoContent ul li{
	padding:1px 10px;
	font-size:0.9em;
	background:url(../images/blueBullet.gif) no-repeat 0px 8px;
	padding-left:10px;
}

div#subContent div.offerDetailsAlternate div.promoContent p a.linkData{
	padding-top:5px;
	font-size:1.1em;
	font-weight:bold;
	display:block;
	background:url(../images/blueArrow.gif) no-repeat 0px 10px;
	padding-left:8px;
	margin-left:5px;
}
div#subContent div.offerDetailsAlternate div.promoContent ul li a{
	background:url(../images/blueArrow.gif) no-repeat 0px 6px;
	font-weight:bold;
	padding-left:10px;
	display:block;
	margin-left:-8px;
}

#bgAlternate{
	background:url(../images/bg_rhs_bottom_alternate.gif) bottom left no-repeat;
}

p.walkthroughText{
	font-size:0.9em;
	padding-left:21px;
	padding-bottom:0;
	margin-bottom:0;
	padding-right:30px;
	padding-top:3px;
}

p.alternateWalkthroughText{
	font-size:0.9em;
	margin-left:-7px;
}


/*** project details - Templete Project Goals ***/

div.projectDetails{
	width:740px;
	float:left;
	margin-left:26px;
}

div.projectDetailsAlternate{
	margin-left:31px;
}
div.projectHeader{
	background: url(../images/bg_projectGoal_top.gif) top left no-repeat;
	width: 740px;
	height:30px;
}

div.projectHeader h2{
	background:url(../images/header_malivaliPowerPlant.gif) 15px 0 no-repeat;
	height:20px;
}

div.projectHeader h2.alternateHeader{
	background:url(../images/h2_projectGoal.gif) 15px 0 no-repeat;
	height:23px;
}

div.projectHeader h2.solarEnergyHeader{
	background:url(../images/header_solarEnergy.gif) 15px 0 no-repeat;
	height:25px;
}

div.projectHeader h2.chinaRiverHeader{
	background:url(../images/header_chinaHydroPower.gif) 15px 0 no-repeat;
	height:25px;
}

div.projectHeader h2.chinaWindFarmHeader{
	background:url(../images/header_chinaWindFarm.gif) 15px 0 no-repeat;
	height:25px;
}

div.projectHeader h2.brazilHeader{
	background:url(../images/header_brazilEnergy.gif) 15px 0 no-repeat;
	height:25px;
}
div.projectHeader h2 span{
	position: absolute;
	top: -10000px;
}

div.projectContent{
	float:left;
	width:370px;
	padding:5px 0px 0px 10px;
}

div.projectContentAlternate{
	padding:5px 0px 0px 5px;
}


div.projectContent img{
	padding:0px 10px 10px 10px;
	float:left;
}
div.projectDetails div.promoContent{
	background:url(../images/bg_promoOffer_bottom.gif) bottom right no-repeat;
	padding:5px 5px 50px 5px;
	height:1%;
	margin-top:0px;
}

div.projectContent h3{
	color:#666666;
	font-size:1.3em;
	padding:0px;
	margin-left:-5px;
}

div.projectContent h3.alternateHeader{
	color:#339900;
	font-size:1.1em;
	padding-left:15px;
}

div.projectContent h3 span{
	position: absolute;
	top: -10000px;
}

#biomassHeader{
	background:url(../images/header_biomassPower.gif) 15px 0 no-repeat;
	height:21px;
}

#keyFactHeader{
	background:url(../images/header_keyFacts.gif) 15px 0 no-repeat;
	height:21px;
}

#septemberStatusHeader{
	background:url(../images/h3_septemberStatusUpdate.gif) 15px 0 no-repeat;
	height:21px;
}

#latestNewsHeader{
	background:url(../images/h3_latestNews.gif) 15px 0 no-repeat;
	height:17px;
	margin-top:10px;
}

#globalWarming{
	background:url(../images/h3_globalWarming.gif) 15px 0 no-repeat;
	height:21px;
}
div.promoContent div.projectContent p{
	font-size:0.9em;
	padding:0px 0px 10px 10px;
	margin:0px;
}

div.promoContent div.projectContent p.formatParaAlternate{
	padding-top:0px;
	margin-top:0px;
}
div.promoContent div.projectContent p.otherColorText{
	color:#0099ff;
	font-weight:bold;
	padding-bottom:10px;
	letter-spacing:-1px;
}

div.promoContent div.projectContent p.licenseText{
	color:#0099ff;
	font-weight:bold;
}

div.promoContent div.projectContent p.licenseText span{
		color:#339900;
}

div.promoContent div.projectContent p a img{
	float:none;
	padding:0;
	margin:0;
	vertical-align:bottom;
}
div.projectContent ul{
	padding:0;
	margin:0 10px;
	list-style:none;
}

div.projectContent ul li{
	font-size:0.9em;
	padding:3px 0px;
	background:url(../images/blueBullet.gif) no-repeat 0px 10px;
	padding-left:10px;
}

div.projectContent ul.statusUpdateDetails{
	padding:0;
	margin:10px;
	list-style:none;
} 
div.projectContent ul.statusUpdateDetails li{
	font-size:0.9em;
	padding:3px 0px;
	background:none;
}

div.projectContent ul.statusUpdateDetails li span{
	font-size: 1.4em;
	color:#339900;
	font-family:Arial;
}

#bgProjectGoal{
	background:url(../images/bg_projectGoal_bottom.gif) bottom left no-repeat;
}


div.projectImage{
	float:left;
	padding:8px 10px 0 10px;
}

/*** offer Discount ****/
div.discountDetails{
	float:left;
	margin-left:3px;
	margin-bottom:30px;
	width:540px;
}

div.discountDetails div.discountImages{
	float:left;
	width:200px;
	padding-right:10px;
	text-align:center;
	vertical-align:middle;
}

div.discountDetails div.discountImages img.exampleFormat{
	padding-top:10px;
}

div.discountDetails div.discountContent{
	width:330px;
	float:left;
}

div.discountDetails div.discountContent h4{
	font-size:1.0em;
	padding-top:10px;
}

div.discountDetails div.discountContent h2{
	padding:0;
	margin:0;
}

div.discountDetails div.discountContent p{
	font-size:0.9em;
	margin:0;
	padding:10px 0 0 0;
}

/*** offer list - 2.0 offer discount ****/
div.offerListAlternate{
	width:217px;
	float:left;
	margin-right:20px;
	margin-bottom:15px;
	background:url(../images/bg_top_discount.gif) no-repeat top left;
	padding-top:14px;
}

div.offerListAlternate div.listContent{
	background:url(../images/bg_bottom_discount.gif) bottom right no-repeat;
	padding:0px 5px 10px 5px;
	height:1%;
	margin-top:0px;
}

div.offerListAlternate div.listContent div.listImage{
	float:left;
	width:105px;
}

div.offerListAlternate div.listContent div.listImage img{
	padding-top:5px;
}

div.offerListAlternate div.listContent div.listContentInfo{
	padding:0px 5px 0px 5px;
	margin:0px;
	width:80px;
	float:left;
	min-height:125px;
/*	height:125px;*/
}


div.offerListAlternate div.listContent div.listContentInfo h4{
	font-size:1.0em;
}
div.offerListAlternate div.listContent div.listContentInfo p{
	margin:0;
	padding:0;
}

div.offerListAlternate div.listContent div.listContentInfo p span{
	font-weight:bold;
	font-size:1.1em;
}

#wrapper img.headerImage{
	float:right;
	padding-right:10px;

}

/* 5.2 donating to pure */

#pageNavContent div.leftMod{
	width:181px;
	background:url(../images/bg_leftMod_top.gif) no-repeat top left;
	padding-top:13px;
	float:left;
}


#pageNavContent div.leftMod div.leftModDetails{
	background:url(../images/bg_leftMod_bottom.gif) no-repeat bottom right;
	padding:0px 10px 10px 10px;
	float:left;
}

#pageNavContent div.leftMod div.leftModDetails h2{
	background:url(../images/h2_leftMod.gif) no-repeat;
	height:44px;
	width:159px;
}

#pageNavContent div.leftMod div.leftModDetails h2 span{
	font-size:1.4em;
	position: absolute;
	top: -10000px;
}

#pageNavContent div.leftMod div.leftModDetails img{
	padding-bottom:0px;
	float:right;
}

#pageNavContent div.leftMod div.leftModDetails p{
	font-size:0.9em;
	padding: 0px 5px 10px 0px;
}

#pageNavContent div.leftMod div.leftModDetails a img, #pageNavContent div.leftMod div.leftModtogetherDetails a img {
	padding:5px 2px;
	float:left;
	display:block;
	margin-bottom:12px;
}

.togetherMod{
	margin-top:19px;
}

#pageNavContent div.leftMod div.leftModtogetherDetails{
	background:url(../images/bg_leftMod_bottom.gif) no-repeat bottom right;
	padding:0px 5px 10px 9px;
	float:left;
}

#pageNavContent div.leftMod div.leftModtogetherDetails h2.together{
	background:url(../images/barclaycard_together.gif) no-repeat;
	height:50px;
	width:167px;
}

#pageNavContent div.leftMod div.leftModtogetherDetails h2.together span{
	position:absolute;
	top:-1000px;
}

#pageNavContent div.leftMod div.leftModtogetherDetails p{
	font-size:0.9em;
	margin:0;
	padding:0 20px 28px 0;
}


div.donateDetails{
	width:500px;
	float:left;
	margin-left:25px;
	margin-top:-1px;
}

div.donatePureHeader{
	background: url(../images/bg_donatingPure_top.gif) top left no-repeat;
	width: 500px;
	height:24px;
}

div.donatePureHeader h2{
	background:url(../images/h2_donating2Pure.gif) 15px 0 no-repeat;
	height:24px;
}

div.donatePureHeader h2 span{
	position: absolute;
	top: -10000px;
}

div.donatePureContent{
	padding:10px 0px;
	height:1%;
}
div.donatePureContent div.donateContent{
	padding:0px 5px 50px 7px;
	margin-top:0px;
	width:335px;
	float:left;
}

div.donateContent h3{
	color:#666666;
	font-size:1.3em;
	padding:0px;
	margin-left:-5px;
}

div.donateContent h3 span{
	position: absolute;
	top: -10000px;
}

div.donatePureContent div.donateContent p{
	font-size:0.9em;
}

div.donatePureContent div.donateContent p.formatPara{
	padding-bottom:10px;
}

#bgDonatePure{
	background:url(../images/bg_donatingPure_bottom.gif) bottom left no-repeat;
	height:1%;
}


div.donatePureImage{
	float:left;
	padding:0px 10px 0px 10px;
}



/*************************************
 Card Set Up 
*************************************/

a.cardSetup_register{
	background:url(../images/blueArrow.gif) 0px 6px no-repeat;
	padding-left:9px;
	display:block;
	font-weight:bold;
	margin:-8px 0px;
}

a.offerSitelink{
	background:url(../images/blueArrow.gif) 0px 6px no-repeat;
	padding-left:9px;
	display:block;
	font-weight:bold;
}

div.cardSetupOffers{
	width:551px;
	float:left;
	margin-top:5px;
	margin-bottom:20px;
}
	
div.cardSetupOffers div.promoHeader{
	background: url(../images/bg_promoOffer_cardsetup.gif) top left no-repeat;
	width: 551px;
	height:25px;
}

div.cardSetupOffers div.promoHeader h2{
	background:url(../images/header_offers.gif) 15px 0 no-repeat;
	height:22px;

}
div.cardSetupOffers div.promoHeader h2 span, div.cardSetupOffers div.promoContent div.lastOffer h2 span
{
	position: absolute;
	top: -10000px;
}

div.cardSetupOffers div.promoContent{
	background:url(../images/bg_promoOffer_bottom_cardSe.gif) bottom right no-repeat;
	padding:0px 5px;
	height:1%;
	margin-top:0px;
}

div.cardSetupOffers div.promoContent div.offerList{
	width:179px;
	float:left;
	margin:0px;
}

div.cardSetupOffers div.promoContent div.lastOffer{
	width:208px;
	float:left;
	margin:0px;
	margin-top:40px;
	background:url(../images/header_APRforlife.gif) no-repeat 10px 0px;
	padding-top:20px;
}

div.cardSetupOffers div.promoContent div.offerList p, div.cardSetupOffers div.promoContent div.lastOffer p{
	font-size:0.9em;
	margin-top:-8px;
}

div.cardSetupOffers div.promoContent div.offerList p.description{
	height:70px;
}
 
div.cardSetupOffers div.promoContent div.offerList p a, div.cardSetupOffers div.promoContent div.lastOffer p a{
	background:url(../images/blueArrow.gif) 0px 6px no-repeat;
	padding-left:9px;
	display:block;
	font-weight:bold;
	padding-bottom:10px;
	margin-top:-8px;
}

/*************************************
 End of Card Set Up 
*************************************/
/****** 4.1 What Is Global Warming ******/

div.globalWarmingDetails{
	width:639px;
	float:left;
	margin-left:25px;
}

div.globalWarmingHeader{
	background: url(../images/bg_globalWarming_top.gif) top left no-repeat;
	width: 640px;
	height:36px;
}

div.globalWarmingHeader h2{
	background:url(../images/h2_globalWarming.gif) 15px 0 no-repeat;
	height:26px;
}

div.globalWarmingHeader h2 span{
	position: absolute;
	top: -10000px;
}

div.globalWarmingContent{
	height:1%;
	padding:0px;
}
div.globalWarmingContent div.warmingContent{
	margin-top:0px;
	/*background:url(../images/bg_globalWarming.jpg) top center no-repeat;*/
	height:400px;
	padding-left:12px;
}

div.globalWarmingContent div.warmingContent p{
	font-size:0.9em;
	padding-left:100px;
	padding-right:330px;
}

div.globalWarmingContent div.warmingContent p.formattedFirstPara{
	padding-top:50px;
}
#bgGlobalWarming{
	background:url(../images/bg_globalWarming_bottom.gif) bottom left no-repeat;
	height:1%;
}

/*** 4.0 climate change ***/

div.rightsideContent{
	width:350px;
	padding-left:0px;
	float:left;
}

div.rightsideContent div.climateModule{
	width:350px;
	background:url(../images/bg_climateChange_rhs_top.gif) no-repeat top left;
	padding-top:15px;
	margin-bottom:19px;
}

div.rightsideContent div.climateModuleContent{
	background:url(../images/bg_climateChange_rhs_bottom.gif) no-repeat bottom left;
	padding:0px 10px 20px 15px;
	height:1%;
}

div.rightsideContent div.climateModuleContent img{
	float:right;
	padding:0px 10px;
}

div.rightsideContent div.climateModuleContent p{
	font-size:0.9em;
}


div.rightsideContent div.climateModuleContent a{
	display:block;
	color:#0099ff;
	background:url(../images/blueArrow.gif) 0px 5px no-repeat;
	padding-left:10px;
	font-size:0.9em;
	font-weight:bold;
}
	
div.rightsideContent div.climateModuleContent ul{
	list-style:none;
	padding:0 0 10px 0;
}

div.rightsideContent div.climateModuleContent ul li{
	padding:2px 5px;
	background:url(../images/blueBullet.gif) 0px 10px no-repeat;
	font-size:0.9em;
	padding-left:10px;
}

div.modFormat{
	margin-left:5px;
}
/**** 4.0 Climate Change ****/
div.whtClimateChangeInfo{
	width:375px;
	float:left;
	padding:0;
	margin:0 15px 0 15px;
}

div.whtClimateChangeInfoHeader{
	background: url(../images/bg_whtIsClimateChange_top.gif) top left no-repeat;
	width: 375px;
	height:32px;
}

div.whtClimateChangeInfoHeader h2{
	background:url(../images/h2_climateChange.gif) 15px 0 no-repeat;
	height:26px;
}

div.whtClimateChangeInfoHeader h2 span{
	position: absolute;
	top: -10000px;
}

div.div.whtClimateChangeInfoContent{
	padding:10px 0px;
	height:1%;
}
div.whtClimateChangeInfoContent div.climateContent{
	padding:0px 5px 19px 10px;
	margin-top:0px;
	width:335px;
	float:left;
}

div.whtClimateChangeInfoContent div.climateContent h3{
	color:#666666;
	font-size:1.3em;
	padding:0px;
	margin-left:-5px;
}

div.whtClimateChangeInfoContent div.climateContent h3 span{
	position: absolute;
	top: -10000px;
}

div.whtClimateChangeInfoContent div.climateContent h4{
	/*background:url(../images/blueArrow.gif) no-repeat 0px 5px;
	padding-left:10px;*/
	padding-top:0;
	display:block;
	color:#3399ff;
	font:Arial, Helvetica, sans-serif;
	font-size:0.9em;
	padding-bottom:10px;
	margin:5px 0px 10px 10px;
}

div.whtClimateChangeInfoContent div.climateContent p{
	font-size:0.9em;
}

div.whtClimateChangeInfoContent div.climateContent p.formatPara{
	padding-bottom:10px;
}

div.whtClimateChangeInfoContent div.climateContent p.questionPara{
	padding:10px;
}

div.whtClimateChangeInfoContent div.climateContent p.impQuestn{
	padding-top:0px;
	margin-top:-10px;
}

div.whtClimateChangeInfoContent div.climateContent dl{
	padding:0 0 5px 10px;
	margin:0;
}

div.whtClimateChangeInfoContent div.climateContent dl dt{
	padding:2px 5px 2px 10px;
}

div.whtClimateChangeInfoContent div.climateContent dl dd{
	font-size:0.8em;
	padding:0px 0px 5px 0px;
	font-style:italic;
}
#bgWhtIsClimate{
	background:url(../images/bg_whtIsClimateChange_bt.gif) bottom left no-repeat;
	height:1%;
}

/*************************
1.3 Summary Box page
**************************/


#innerPageContent .producttable{
	width:100%; 
	margin-left:-5px;
	margin-top:12px;
	margin-bottom: 10px;
	border-bottom:2px solid #d9d2c8;
	border-top:2px solid #d9d2c8;
	border-collapse:collapse;
}

#innerPageContent table.producttable th{
	text-align:left;
	padding: 10px 5px 10px 16px;
	font-size:0.9em;
	border-top:1px solid #d9d2c8;
	vertical-align:top;
}

#innerPageContent table.producttable td{
	padding: 10px 5px 10px 16px;
	font-size:0.9em;
	border-top:1px solid #d9d2c8;
	vertical-align:top;
}

#innerPageContent table.producttable td h4{
	color:#666666;
	padding-bottom:10px;
	padding-left:0;
}

#innerPageContent ul.summaryLists{
	margin:0;
	padding:0;
}

#innerPageContent ul.summaryLists li
{
	font-size:1.0em;
	padding: 1px 0 1px 10px;
	background: url(../images/blueBullet.gif) 2px 7px  scroll no-repeat;
}

#innerPageContent ul.withbullets{
	padding-bottom:10px;
	list-style:none;
	padding-left:0;
}

#innerPageContent ul.withbullets li{
	background:none;
	font-size:1.0em;
	padding:5px 0px 5px 15px;
	background: url(../images/blueBullet.gif) 2px 11px  scroll no-repeat;
}

#innerPageContent table.producttable p{
	font-size: 1.0em;
	margin:0;
	padding-bottom:5px;
	padding-top:0;
	padding-left:0;
}

#innerPageContent table.producttable p.alternateText{
	font-size: 1.0em;
	padding:5px 0px 0px 0px;
}

#innerPageContent table.producttable .noborder{
	border:none;
}

#innerPageContent table.producttable .thickborder{
	border-bottom:2px solid #d9d2c8;
}

.bluetableheader {
	background-color: #F0F9FF;
}

.darkgreytablebg {
	background-color: #F7F6F4;
}

.lightgreytablebg {
	background-color: #FBFBFA;
}

span.apr{
	font-size:1.8em;
	font:Arial;
	font-weight:normal;
}

/*************************
End of 1.3 Summary Box page
**************************/

/***********************************************
2.x offers and discounts - content update
************************************************/

ul.theofferBullets{
	margin-bottom:10px;
}

ul.offerDescription{
	font-size:0.9em;
	margin-top:10px;
	list-style:none;

}
ul.offerDescription li{
	background:url(../images/blueBullet.gif) no-repeat 0px 8px;
	padding-left:9px;
}

p.offermoreDetails{
	padding-top:0;
	margin-top:5px;
	padding-bottom:0;
	margin-bottom:0;
	font-size:0.9em;
}

div.britishGasdetails{
	width:540px;
	font-size:0.9em;
	margin:15px 0px 25px 0px;
}

div.britishGasdetails table{
	width:540px;
	border-collapse:collapse;
	border-bottom:2px solid #d9d2c8;
	border-top:2px solid #d9d2c8;
}

div.britishGasdetails table th{
	vertical-align:top;
	text-align:left;
	padding:7px;
	border-top:1px solid #d9d2c8;
}

div.britishGasdetails table td{
	vertical-align:top;
	text-align:left;
	padding:7px;
	border-top:1px solid #d9d2c8;
}

/******************************************************
End of 2.x offers and discounts - content update
********************************************************/

/******************************************************
Module Accordian
********************************************************/
h3.toggle 
{
	font-size: 0.9em;
	background: url(../images/bg_accordianheader.gif) left top no-repeat;
	height: 30px;
	width: 520px;
	padding: 12px 0 0 30px;
	z-index: 10000;
}

h3.toggle a
{
	display: block;
	text-decoration: none;
	color: #339900;
	width:100%;
}

h3.toggle a:hover
{
	text-decoration: none;
	width:100%;
}


.element 
{
	color: #666666;
	width: 550px;
}

div.slide 
{
	background: url(../images/bg_accordianbottom.gif) left bottom no-repeat;
	margin-top: -22px;	
	margin-bottom: 10px;
}

div.slide div.slideContent
{
	padding: 10px 20px 20px 20px;
}

h2#tenWaysGoGreen
{
	background:url(../images/header_top10tips.gif) left top no-repeat;
	text-indent: -999em;
	padding: 10px;
}

/******************************************************
Ens of Module Accordian
********************************************************/

/* 5.1_co2_footprint_calc */

div.calculatorDetails{
	width:639px;
	float:left;
	margin-left:35px;
	background:url(../images/calculator_bg.gif) no-repeat left top;
}
/*
div.calculatorDetailsHeader{
	background: url(../images/bg_globalWarming_top.gif) top left no-repeat;
	width: 640px;
	height:36px;
}

div.calculatorDetailsHeader h2{
	background:url(../images/h2_globalWarming.gif) 15px 0 no-repeat;
	height:26px;
}

div.calculatorDetailHeader h2 span{
	position: absolute;
	top: -10000px;
}
*/
/*********tagging**********/
div.tagging{
	font-size:0px;
}

div.energysaverReport{
	padding-top:10px;
}

div.energysaverReport h3{
	padding-left:10px;
	padding-bottom:0;
	padding-top:0;
	margin:0;
	font-size:1.1em;
}

/********** Calculator **************/

#mycalc_wrapper {		
	background:url(../images/calculator_bg.gif) no-repeat;
	width:598px;
	float:left;
	height:427px;
	
}
	
#mycalc {
	
	top:42px;
	left:11px;
}

div#flashcontent{
}

div#flashcontent p.introCopy{
	font-size:0.9em;
	padding-top:15px;
}

/***** climate change Flash Info****/
div.climateFlashInfo{
	width:330px;
}

div.whtClimateChangeInfoContent div.climateContent p.footerNote{
	font-size:0.7em;
	padding: 0 5px 0 20px;
	color:#666666;
}
div.climateFlashInfo div.climateTop{
	background:url(../images/bg_top_ppt.gif) no-repeat top left;
	padding-top:15px;
	height:1%;
	margin:0 0 5px 0;
}

div.climateFlashInfo div.climateBottom{
	background:url(../images/bg_bottom_ppt.gif) no-repeat bottom left;
	padding:0 8px 5px 8px;
	margin-top:-4px;
}

div.climateFlashInfo div.climateBottom h3{
	font-size:0.9em;
	color:#004a8d;
}


div.climateFlashInfo div.climateBottom ul{
	list-style:none;
	padding:4px 0;
	margin:0;
}

div.climateFlashInfo div.climateBottom ul li{
	color:#666666;
	font-size:0.9em;
	background:url(../images/bg_roundBullet.gif) no-repeat 0px 6px;
	padding:3px 2px 3px 20px;
}

div#climateChangeContent{
	float:left;
	margin-left:5px;
	padding:0;
	margin-right:0;
	width:755px;
}

/************* Together ****************/

#innerPageContent_together{
	width:562px;
	float:left;
	margin-left:20px;
}

#innerPageContent_together h2{
	background:url(../images/header_top10tipstogether.gif) no-repeat 0 0;
	height:22px;
	padding:0 0 17px 0;
	margin:0;
}

#innerPageContent_together h2 span{
	position:absolute;
	top:-1000px;
}

#innerPageContent_together p{
	font-size:0.9em;
	padding:0px 0 20px 0;
	margin:0;
}

#innerPageContent_together img.compaignLogo{
	float:right;
	padding-left:35px;
}

#innerPageContent_together img.foundingMember{
	float:right;
	margin-bottom:14px;
}

#innerPageContent_together p a{
	color:#339900;
}