body{
text-align: center;
background-color: #fff;
font-family: verdana, arial, helvetica, sans_serif;
margin: 0;
padding: 0;
}
/************************************* LAYOUT STYLES *************************************/
#wrapper{
padding: 0;
margin: 0;
width: 980px;
margin-left: auto;
margin-right: auto;
text-align: left;
}

.clear{
clear: both;
}

.hidden{
display: none;
}

a img{
border: none;
}

#fullContent{
margin-top:195px;
float:left;
width:725px;
}

/************************************* HEADER STYLES *************************************/

#header h2{
display: none;
}

.homePage{background: url(../images/headers/homepage.jpg) no-repeat;}

/************************************* NAVIGATION STYLES *************************************/

#navigation{
float: left;
margin-top: 200px;
width: 230px;
margin-bottom: 10px;
}

#navigation ul{
margin: 0;
padding: 0;
list-style-type: none;
margin-bottom: 25px;
}

#navigation ul li a{
display: block;
width: 211px;
height: 35px;
overflow: hidden;
text-indent: -1000px;
margin-bottom: 5px;
}

#navigation .navHome{background: url(../images/navigation/home.gif) no-repeat; }
#navigation .navHouse{background: url(../images/navigation/energy_saving_house.gif) no-repeat;}
#navigation .navTop10{background: url(../images/navigation/top10.gif) no-repeat;}
#navigation .navTvAds{background: url(../images/navigation/tvads.gif) no-repeat;}
#navigation .navStars{background: url(../images/navigation/stars.gif) no-repeat;}
#navigation .navScenes{background: url(../images/navigation/behindthescenes.gif) no-repeat;}
#navigation .navPress{background: url(../images/navigation/win_signed_book.gif) no-repeat;height: 50px;}
#navigation .navLaptop{background: url(../images/navigation/win-a-toshiba-laptop.gif) no-repeat;height: 50px;}
#navigation .navIdeas{background: url(../images/navigation/competitions.gif) no-repeat;}
#navigation .navDownloads{background: url(../images/navigation/wg_downloads.gif) no-repeat;}
#navigation .navCarbon{background: url(../images/navigation/carbon_footprint.gif) no-repeat;}
#navigation .navFigureofme{background: url(../images/navigation/figureofme_but.gif) no-repeat;}
#navigation .navMeasure{background: url(../images/navigation/how_measure.gif) no-repeat;}
#navigation .navResolutions{background: url(../images/navigation/resolutionsButton.jpg) no-repeat;}
#navigation .navGromits10ideas{background: url(../images/navigation/gromits_10_ideas_button.gif) no-repeat;}
#navigation .britsCredit{background: url(../images/navigation/beating_credit_crunch.gif) no-repeat;}

#navigation a#competitionNav{
display: block;
width: 208px;
height: 140px;
background: url(../images/navigation/competition2.gif)no-repeat;
overflow: hidden;
text-indent: -1000px;
}

/************************************* CONTENT STYLES *************************************/

.homePage{
font-size: 0.8em;
color: #000;
}

.homePage a{
color: #f80d49;
text-decoration: underline;
}

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

#homeContent{
margin: 0;
padding: 0;
}

*html #homeContent{
height: 500px;
overflow: visible;
}

#homeLeft{
float: left;
width: 460px;
margin-top: 180px;
padding-bottom: 25px;
}

#homeLeft .gaslecBut{
display: block;
margin-top: 10px;/*50px;*/
width: 460px;/*435px*/
height: 147px;/*146px*/
background-image: url(../images/gas_elec_but.jpg) no-repeat;
text-indent: -1000px;
overflow: hidden;
}

#homeRight{
float: right;
width: 266px;
margin-top: 155px;/*135px*/
/*padding-bottom: 210px;*/
padding-bottom:55px;/*40px*/
}

#homeRight p{
margin-top: 5px;
}

#tipsContent{
display: block;
padding-bottom: 20px;
}

#pageLeft{
float: left;
width: 460px;/*wed 29th july 09 516px */
margin-top: 200px;
padding-bottom: 25px;
}

#pageLeft p{
/*padding-top: 0px;
margin-top: 0px;*/
}

#pageRight{
float: right;
width: 236px;/*wed 29th july 09 209px*/
margin-top: 200px;
}

#pageRight p{margin-top: 5px;}

.videoCaveat {
margin-top:5px;
font-size:68%;
margin-bottom:20px;
font-weight:bold;
color:#888;
}

#pageRight #watchAds{
display: block;
width: 236px;/*wed 29th july 09 209px*/
height: 143px;
background: url(../images/watch-ads.gif) no-repeat;
text-indent: -1000px;
overflow: hidden;
margin-bottom: 10px;
}

.tipIntro{
color: #f80d49;
font-weight: bold;
}

ul.tipsNav{
padding: 0;
margin: 0;
list-style-type: none;
}

ul.tipsNav li{
float: left;}

ul.tipsNav li a{
display: block;
width: 35px;
height: 28px;
text-indent: -1000px;
overflow: hidden;
background-position: top left;
background-repeat: no-repeat;
}

ul.tipsNav li a:hover{background-position: bottom left;}

ul.tipsNav li #tips1{background-image: url(../images/tips/tip1.gif);}
ul.tipsNav li #tips2{background-image: url(../images/tips/tip2.gif);}
ul.tipsNav li #tips3{background-image: url(../images/tips/tip3.gif);}
ul.tipsNav li #tips4{background-image: url(../images/tips/tip4.gif);}
ul.tipsNav li #tips5{background-image: url(../images/tips/tip5.gif);}
ul.tipsNav li #tips6{background-image: url(../images/tips/tip6.gif);}
ul.tipsNav li #tips7{background-image: url(../images/tips/tip7.gif);}
ul.tipsNav li #tips8{background-image: url(../images/tips/tip8.gif);}
ul.tipsNav li #tips9{background-image: url(../images/tips/tip9.gif);}
ul.tipsNav li #tips10{background-image: url(../images/tips/tip10.gif);}

ul.stars li {
background:url(../images/bullet-star.jpg) no-repeat;
list-style:none;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin-left:-40px;
padding:0 0 10px 28px;
}

.tipDetails h4, .tipDetails h2{
color: #f80d49;
font-weight: bold;
font-size: 1.1em;
margin-bottom: 0;
padding-bottom: 0;
}

.tipDetails p{
/*padding-top: 5px;
padding-bottom: 5px;
margin: 0;*/
}

#adsContent{
display: block;
padding-bottom: 20px;
}

#adsColumn{
float: left;
width: 725px;
margin-top: 195px;
}

.advertItem{
margin-bottom: 20px;
}

.advertItem p, .advertItem h4{
margin: 0;
padding-bottom: 5px;
}

.advertItem h4{
color: #f80d49;
font-weight: bold;
font-size: 1.1em;
}

.advertItem h2 {
color: #f80d49;
font-weight: bold;
font-size: 1.1em;
margin: 0;
padding-bottom: 5px;
}

.advertItem img{
float: left;
margin-right: 15px;
}

#starsContent{
display: block;
padding-bottom: 20px;
}

#starsLeft{
float: left;
width: 465px;
margin-top: 220px;
padding-bottom: 25px;
background-image: url(../images/stars/box-footer.jpg) no-repeat;
background-position: right bottom;
}

.nobg{background-image: none !important;}

#starsLeft p{
padding-top: 0px;
margin-top: 0px;
}

#starsLeft .starInfo{
background-repeat: no-repeat;
height: 440px;
overflow: visible;
color: #fff;
}

#starsLeft .infoClose{
float: right;
width: 25px;
height: 25px;
text-indent: -1000px;
overflow: hidden;
}

#starsLeft .wallaceInfo{background-image: url(../images/stars/box-wallace.jpg);}

#starsLeft .wallaceText{
float: left;
width: 215px;
margin-top: 25px;
padding-left: 15px;
}

#starsLeft .pennyInfo{background-image: url(../images/stars/box-penny.jpg);}

#starsLeft .pennyText{
float: left;
width: 210px;
margin-top: 25px;
padding-left: 15px;
}


#starsLeft .gromitInfo{background-image: url(../images/stars/box-gromit.jpg);}

#starsLeft .bobInfo{background-image: url(../images/stars/box-bob.jpg);}

#starsRight{
float: right;
width: 266px;
margin-top: 200px;
}




#starsRight .moreStars{
width: 211px;
height: 26px;
background-image: url(../images/stars/more-stars-soon.gif) no-repeat;
margin-bottom: 5px;
margin-top: 10px;
text-indent: -1000px;
overflow: hidden;
}

#starsRight #starsWallace{
float: left;
width: 117px;
height: 168px;
background: url(../images/stars/frame-wallace.jpg) no-repeat;
text-indent: -1000px;
margin-top:-42px;
overflow: hidden;
}

#starsRight #starsGromit{
float:left;
width: 149px;
height: 128px;
background: url(../images/stars/frame-gromit.jpg) no-repeat;
text-indent: -1000px;
overflow: hidden;
}


#starsRight #starsPenny {
float: left;
width: 145px;/*149px*/
height: 128px;
background: url(../images/stars/frame-penny.jpg) no-repeat;
text-indent: -1000px;
overflow: hidden;

}


#starsRight #starsBob {
float: left;
width: 117px;/*120px*/
height: 168px;
background: url(../images/stars/frame-bob.jpg) no-repeat;
text-indent: -1000px;
overflow: hidden;
}

#sceneContent{
display: block;
height: 735px;
}

#sceneLeft{
float: left;
width: 735px;
margin-top: 230px;
padding-bottom: 25px;
}

#sceneLeft p{
padding-top: 0px;
margin-top: 0px;
}

#sceneRight{
float: right;
width: 401px;
}

#newsContent{
display: block;
height:/*254px;*/1000px;/*800px;*//*wed 29th jul 09 650px*//*900px tues 27th 0ct 09*/
background-image: url(../images/news-gromit.jpg) no-repeat;
background-position: right bottom;
}

#newsLeft .dvdLoaf{background: url(../images/loaf_dvd_but.jpg) no-repeat;}
#newsLeft .wgAd{background: url(../images/new_ad_but.jpg) no-repeat;}
#newsLeft .britsCredit{background: url(../images/beating_credit_crunch.jpg) no-repeat;}
#newsLeft .britsWinner{background: url(../images/britains_winner_but.jpg) no-repeat;}
#starsLeft .carbonCalc{background: url(../images/carbon_calculator_but.jpg) no-repeat;}
#newsLeft .energyEff{background: url(../images/energy_but.jpg) no-repeat;}
#newsLeft .beatCrunch{background: url(../images/beat_crunch_but.jpg) no-repeat;}

#newsLeft .dvdLoaf,#newsLeft .wgAd,#newsLeft .britsCredit,#newsLeft .britsWinner,#starsLeft .carbonCalc,#newsLeft .energyEff,#newsLeft .beatCrunch{
display: block;
width: 408px;
height: 109px;
text-indent: -1000px;
overflow: hidden;
}

#starsLeft .carbonCalc 
{
    width:419px;
}

#newsLeft{
float: left;
width: 735px;
margin-top: 200px;
padding-bottom: 25px;
}

#newsLeft p{
padding-top: 0px;
margin-top: 0px;
}

#newsRight{
float: right;
width: 150px;
}
/*added fri 17th april 09*/
#ideasRight{
float: right;
width: 266px;
margin-top: 260px;
}

#ideasRight #seatedWallace{
float: left;
width: 282px;
height: 196px;
background: url(../images/wallaceandgromit.jpg) no-repeat;
text-indent: -1000px;
overflow: hidden;
}

#ideasRight #bobnpower{
float: left;
width: 205px;
height: 332px;
background: url(../images/ideas-bobnpower.jpg) no-repeat;
text-indent: -1000px;
overflow: hidden;
}

#ideasRight #carbonFootprints{
float: left;
width: 170px;
height: 242px;
background: url(../images/carbon_footprints.jpg) no-repeat;
text-indent: -1000px;
overflow: hidden;
}

#newsLeft .backBut{
display: block;
width: 164px;
height: 68px;
background: url(../images/back_but.jpg) no-repeat;
text-indent: -1000px;
overflow: hidden;
}

#starsLeft .backBut{
display: block;
width: 164px;
height: 68px;
background: url(../images/back_but.jpg) no-repeat;
text-indent: -1000px;
overflow: hidden;
}


/************************************* GRAPHIC HEADERS *************************************/
.tvAdsPageTitle{background-image: url(../images/headers/tvads.jpg);}
.starsPageTitle{background-image: url(../images/headers/stars.jpg);}
.tipsPageTitle{background-image: url(../images/headers/tips.jpg);}
.downloadsPageTitle{background-image: url(../images/headers/downloads.jpg);}
.eesavingPageTitle{background-image: url(../images/headers/energy_efficient_house_banner.jpg);}
.scenesPageTitle{background-image: url(../images/headers/scenes.jpg);}
.newsPageTitle{background-image: url(../images/headers/news.jpg);}
.carbonPageTitle{background-image: url(../images/headers/carbon_calculator_header.jpg);}
/*added thursday 16th april 09 - britain's bright idea*/
.brightideaPageTitle{background-image:url(../images/headers/brightidea.jpg);}
.figureofmePageTitle{background-image:url(../images/headers/figureofme.jpg);}
.resolutionsPageTitle{background-image: url(../images/headers/resolutionsHeading.jpg);}
.gromitsTenIdeasPageTitle{background-image: url(../images/headers/gromitsTenIdeasHeading.jpg);}

/************************************* PAGE TITLES *************************************/
h1.homeTitle{
height: 85px;
text-indent: -1000px;
overflow: hidden;
background: url(../images/titles/home.gif) no-repeat;
background-position: right;
}

h1.tipsTitle,h1.adsTitle,h1.adsTitleHometeam,h1.adsTitleInsulation{
height: 39px;
text-indent: -1000px;
overflow: hidden;
margin-top: 0px;
padding-top: 0px;
}

h1.tipsTitle{background: url(../images/titles/our-top-energy-saving-tips.gif) no-repeat;}
h1.adsTitle{background: url(../images/titles/watch-our-tv-adverts.gif) no-repeat;}
h1.adsTitleHometeam{background: url(../images/titles/hometeam-advert.gif) no-repeat;}
h1.adsTitleInsulation{background: url(../images/titles/insulation-advert.gif) no-repeat;}

h1.starsTitle{
height: 84px;
text-indent: -1000px;
overflow: hidden;
background: url(../images/titles/meet-our-brilliant-energy-efficient-superstars.gif) no-repeat;
margin-top: 0px;
padding-top: 0px;
}

h1.newsTitle{
height: 38px;
text-indent: -1000px;
overflow: hidden;
background: url(../images/titles/latest-news_2.gif) no-repeat;
margin-top: 0px;
padding-top: 0px;
}

/*added friday 17th april 09*/

h1.compTitle{
height: 84px;
text-indent: -1000px;
overflow: hidden;
background-image: url(../images/titles/how-measure.gif)  no-repeat;
margin-top: 0px;
padding-top: 0px;
}

h1.figureofmeTitle{
height: 84px;
text-indent: -1000px;
overflow: hidden;
background-image: url(../images/titles/figureofme_2.gif) no-repeat;
margin-top: 0px;
padding-top: 0px;
}

h1.sceneTitle{
height: 38px;
text-indent: -1050px;
overflow: hidden;
background-image: url(../images/titles/final-cut_2.gif)  no-repeat;
margin-top: 0px;
padding-top: 0px;
}


h1.pennyTitle{
height: 44px;
text-indent: -1000px;
overflow: hidden;
background-image: url(../images/stars/title-penny.gif) no-repeat;
margin-top: 0px;
adding-top: 0px;
}

h1.wallaceTitle{height: 47px;background: url(../images/stars/title-wallace.gif) no-repeat;}
h1.gromitTitle{height: 47px;background: url(../images/stars/title-gromit.gif) no-repeat;}
h1.bobTitle{height: 47px;background: url(../images/stars/title-bob.gif) no-repeat;}
h1.beatcrunchTitle{height: 42px;background: url(../images/titles/beat_crunch.gif) no-repeat;}
h1.britscreditcrunchTitle{height: 42px;background: url(../images/titles/brits_creditcrunch.gif) no-repeat;}
h1.britswinnerTitle{height: 39px;background: url(../images/titles/brits_winner.gif)  no-repeat;}
h1.carbonfootprintTitle{height: 87px;background: url(../images/titles/calculate-carbon-footprint.gif) no-repeat;}
h1.downloadsTitle{height: 41px;background: url(../images/titles/freebies.gif) no-repeat;}
h1.eehouseTitle{height: 38px;background: url(../images/titles/save-energy-with-wallaceandgromit.gif) no-repeat;}

h1.wallaceTitle,h1.gromitTitle,h1.bobTitle,h1.beatcrunchTitle,h1.britscreditcrunchTitle,h1.britswinnerTitle,h1.carbonfootprintTitle,h1.downloadsTitle,h1.eehouseTitle{
text-indent: -1000px;
overflow: hidden;
margin-top: 0px;
padding-top: 0px;
}

/*added thurs 30th jul 09*/

h1.tvadTitle{
height: 72px;
text-indent: -1300px;
overflow: hidden;
background-image: url(../images/titles/wg_tv_ad.gif)  no-repeat;
margin-top: 0px;
padding-top: 0px;
}

h1.resolutionsTitle {
height: 44px;
width:644px;
text-indent: -1000px;
overflow: hidden;
background: url(../images/titles/resolutionsTitle.jpg) no-repeat;
margin-top: 0px;
padding-top: 0px;
}

h1.topTenIdeasTitle {
height: 44px;
width:644px;
text-indent: -1000px;
overflow: hidden;
background: url(../images/titles/gromitsTenIdeasTitle.gif) no-repeat;
margin-top: 0px;
padding-top: 0px;
}


h1.energyefficiencyTitle{
height: 42px;
text-indent: -1000px;
overflow: hidden;
background-image: url(../images/titles/energy_efficiency.gif) no-repeat;
margin-top: 0px;
padding-top: 0px;
}



/************************************* FOOTER STYLES *************************************/



#footerTop{
background-color: #f51937;
background-image: URL(../images/footer-bg.jpg)repeat-x;
color: #fff;
clear: both;
width: 980px;
}

#footerTop ul, #footerBottom ul{
margin: 0;
padding: 0;
list-style-type: none;
float: left;
}

#footerTop ul li, #footerBottom ul li{
float: left;
padding: 0px;
margin: 0px;
}

#footerTop ul li a{
color: #fff;
border-left: solid 1px #fff;
text-decoration: none;
padding-left: 10px;
padding-right: 10px;
font-size: 0.65em;
font-weight: bold;
line-height: 31px;
}

#footerTop ul li a:hover, #footerBottom ul li a:hover{text-decoration: underline;}

#footerTop ul li a.first, #footerBottom ul li a.first{border-left: none;}

#footerTop #copyRight{
color: #fff;
font-weight: bold;
line-height: 31px;
text-align: right;
font-size: 0.65em;
padding-right: 10px;
}

#footerBottom{
clear: both;
color: #000;
padding-top: 3px;
}

#footerBottom ul li a{
color: #000;
border-left: solid 1px #000;
text-decoration: none;
padding-left: 10px;
padding-right: 10px;
font-size: 0.6em;
}

p.sheep{
background: url(../images/sheep.jpg) no-repeat;
width:460px;
height:106px;
}

/*titles added wed 29th jul 09*/

h1.tipOne,h1.tipTwo,h1.tipThree,h1.tipFour,h1.tipFive,h1.tipSix,h1.tipSeven,h1.tipEight,h1.tipNine,h1.tipTen{
height: 32px;
text-indent: -1000px;
overflow: hidden;
background-image: url(../images/titles/tip1.gif) no-repeat;
margin-top: 0px;
padding-top: 0px;
}


h1.tipOne{background: url(../images/titles/tip1.gif) no-repeat;}
h1.tipTwo{background: url(../images/titles/tip2.gif) no-repeat;}
h1.tipThree{background: url(../images/titles/tip3.gif) no-repeat;}
h1.tipFour{background: url(../images/titles/tip4.gif) no-repeat;}
h1.tipFive{background: url(../images/titles/tip5.gif) no-repeat;}
h1.tipSix{background: url(../images/titles/tip6.gif) no-repeat;}
h1.tipSeven{background: url(../images/titles/tip7.gif) no-repeat;}
h1.tipEight{background: url(../images/titles/tip8.gif) no-repeat;}
h1.tipNine{background: url(../images/titles/tip9.gif) no-repeat;}
h1.tipTen{background: url(../images/titles/tip10.gif) no-repeat;}

/*added thurs 30th jul 09*/

#thumb_row {
width:500px;/*460px*//*480px*/
border:1px solid red;
border:none;
}

.rowTitle {
width:100%;
font-weight:bold;

}

.leftThumb {
width:130px;
float:left;
border:1px solid blue;
border:none;/
}

.leftThumb img {
border:none;
}

.rightThumb {
float:right;
border:1px dotted green;
border:none;
width:360px;/*322px*/
clear:right;
padding:0;
}


.read_more_but {
border:1px solid red;
margin-top:-10px;
_margin-top:0;
border:none;
padding-left:5px;
_padding-left:3px;
padding-top:0;
padding-top:2px;

}

#readmoreButton {
vertical-align:baseline;
border:1px solid #000;
}

#pageLeft_tips{
float: left;
width: 500px;/*wed 29th july 09 516px *//*460px*/
margin-top: 200px;
padding-bottom: 25px;
}

/*added fri 7th august 09*/
.wg_downloadsLeftcol{
float:left;
width:288px;
border:1px solid red;
padding-right:10px;
border:none;
}

.wg_downloadsRightcol{
float:left;
width:288px;
border:1px solid green;
padding-right:10px;
border:none;
}

p.wgdownloadLink{padding-left:12px;}

#footerBottom #copyRight{
color: #000;
line-height: 22px;
text-align: right;
font-size: 0.55em;
padding-right: 10px;
}

/*added 12th april 2010*/

h1.adsTitlesmartpower{background: url(../images/titles/smartpower-advert.gif) no-repeat;}
h1.adsTitlepies{background: url(../images/titles/wags-pies-advert.gif) no-repeat;}
h1.adsTitleweather{background: url(../images/titles/weather-advert.gif) no-repeat;}



h1.adsTitleweather,h1.adsTitlepies,h1.adsTitlesmartpower{
height: 48px;
text-indent: -1000px;
overflow: hidden;
margin-top: 0px;
padding-top: 0px;
}