body
{
	background-image: url(../images/backgrounds/page.jpg);
	background-repeat: no-repeat;

	background-position: 50% 0;
}

body,
textarea
{
	font-family: Arial, sans-serif;
	font-size: 13px;

	color: #333;
}

div.loader
{
	position: absolute;

	width: 16px;
	height: 16px;

	background-image: url(../images/ajax-loader.gif);

	margin-left: -8px;
	margin-top: -8px;

	left: 50%;
	top: 50%;
}

div#notice
{
	position: fixed;

	width: 800px;
	margin-left: -400px;

	border: 1px solid #afecff;
	
	top: 10px;
	left: 50%;

	z-index: 1000;
}

div#notice p
{
	position: relative;

	padding: 30px;
	color: #333;
	text-align: center;
}

div#notice div.background
{
	position: absolute;

	background-color: #cdf3ff;
	opacity: 0.8;

	width: 100%;
	height: 100%;

	top: 0;
}

div#body
{
	width: 1007px;
	margin: 32px auto 136px;
}

div#main-container
{
	position: relative;

	margin-bottom: 10px;

	height: 671px;

	background-color: #fff;
	border: 1px solid #dbdbdb;

	background-image: url(../images/backgrounds/main.png);
	background-repeat: no-repeat;

	background-position: top right;
}

div#main-container div.header h1,
div#main-container div.header h2
{
	position: absolute;

	text-indent: -9999em;
}

div#main-container div.header h1
{
	width: 666px;
	height: 67px;

	background-image: url(../images/text/face-up-to-climate-change.png);

	left: 27px;
	top: 37px;
}

div#body.face div#main-container div.header h2
{
	width: 186px;
	height: 171px;

	background-image: url(../images/text/the-greens.png);

	right: 68px;
	top: 0;
}

div#body.face div#main-container div.header h2 a
{
	position: absolute;

	display: block;
	width: 142px;
	height: 125px;

	top: 18px;
	left: 22px;
}

div#body.share div#main-container div.header h2
{
	width: 263px;
	height: 200px;

	background-image: url(../images/text/the-greens-banner.png);

	right: 23px;
	top: -1px;
}

div#body.share div#main-container div.header h2 a
{
	position: absolute;

	display: block;
	width: 142px;
	height: 121px;

	top: 18px;
	left: 57px;
}

div#right-hand-container
{
	position: absolute;

	width: 263px;

	right: 23px;
	top: 158px;
}

div#share-this-icon-container
{
	height: 39px;

	background-image: url(../images/backgrounds/share-this-icon-container.png);

	padding: 12px 0 0 177px;
}

div#share-this-icon-container p
{
	display: none;
}

div#share-this-icon-container p,
div#share-this-icon-container div
{
	text-indent: -9999em;

	width: 100%;
	height: 100%;

	min-height: 0;
}

div#share-this-icon-container div.icon
{
	display: block;

	float: left;

    width: 30px;
    height: 31px;
}

div#share-this-icon-container div.icon.twitter
{
	background-image: url(../images/backgrounds/icon/twitter-30.png);
}

div#share-this-icon-container div.icon.facebook
{
	background-image: url(../images/backgrounds/icon/facebook-30.png);
}

div#share-this-icon-container div.icon a
{
	display: block;

	width: 100%;
	height: 100%;
}

div#safe-climate-bill
{
    height: 60px;
	margin: -19px 0 0;
}

div#safe-climate-bill a
{
	display: block;

	width: 100%;
	height: 100%;

	text-indent: -9999em;
}

div#add-your-face-container
{
	position: absolute;

	height: 428px;
	width: 100%;

	background-image: url(../images/backgrounds/add-your-face-container.png);

	top: 61px;
	right: 0;
}

div#add-your-face-container div.personal-details
{
	position: absolute;

	top: 67px;
	left: 20px;
}

div#add-your-face-container div.file-details
{
	position: absolute;

	top: 254px;
	left: 1px;

	width: 261px;
	height: 107px;
}

div#add-your-face-container div.submit
{
	position: absolute;

	top: 376px;
	left: 68px;
}

div#add-your-face-container div.personal-details div.form-row
{
	height: 34px;
}

div#add-your-face-container div.personal-details div.form-row input
{
	height: 17px;
	width: 206px;

	padding: 4px 6px;

	border: 1px solid #cccfd3;

	font-size: 14px;
	font-weight: bold;

	background-image: url(../images/backgrounds/add-your-face-form.png);
	background-repeat: no-repeat;
}

div#add-your-face-container div.file-details div.upload.error input,
div#add-your-face-container div.personal-details div.form-row.error input
{
	border: 1px solid #f00;
}

div#add-your-face-container div.personal-details div.form-row input#face_first_name
{
	background-position: 0 0;
}

div#add-your-face-container div.personal-details div.form-row input#face_last_name
{
	background-position: 0 -25px;
}

div#add-your-face-container div.personal-details div.form-row input#face_email_address
{
	background-position: 0 -50px;	
}

div#add-your-face-container div.personal-details div.form-row input#face_postcode_id
{
	background-position: 0 -75px;
}

div#add-your-face-container div.personal-details div.form-row input#face_mobile_number
{
	background-position: 0 -100px;
}

div#add-your-face-container div.file-details p.instructions
{
	margin-top: 20px;

	font-size: 10px;
	color: #3477a3;

	text-align: center;
}

div#add-your-face-container div.file-details div.upload
{
	height: 27px;

	margin: 8px auto;

	width: 223px;
}

div#add-your-face-container div.file-details div.upload input
{
	height: 17px;

	padding: 4px 4px;

	border: 1px solid #ccc;
}

div#add-your-face-container div.file-details div.agreement
{
	margin: 0 auto;

	width: 223px;

	position: relative;
}

div#add-your-face-container div.file-details div.agreement input
{
	position: absolute;

	margin: 0;
}

div#add-your-face-container div.file-details div.agreement label
{
	position: absolute;

	color: #999;

	font-size: 10px;

	line-height: 12px;

	left: 20px;
}

div#add-your-face-container div.file-details div.agreement.error label
{
	color: #f00;
}

/* share this */
div#share-this-container
{
	position: absolute;

	height: 434px;
	width: 100%;

	background-image: url(../images/backgrounds/share-this-container.png);

	top: 55px;
	right: 0;
}

div#share-this-container div.personal-details
{
	position: absolute;

	top: 78px;
	left: 20px;
}

div#share-this-container div.submit
{
	position: absolute;

	top: 287px;
	left: 118px;
}

div#share-this-container div.personal-details div.form-row
{
	height: 34px;
}

div#share-this-container div.personal-details div.form-row input,
div#share-this-container div.personal-details div.form-row textarea
{
	height: 17px;
	width: 206px;

	padding: 4px 6px;

	border: 1px solid #cccfd3;

	font-size: 14px;
	font-weight: bold;

	background-image: url(../images/backgrounds/share-this-form.png);
	background-repeat: no-repeat;
}

div#share-this-container div.personal-details div.form-row.error input,
div#share-this-container div.personal-details div.form-row.error textarea
{
	border: 1px solid #f00;
}

div#share-this-container div.personal-details div.form-row input#share_this_share_this_your_name
{
	background-position: 0 0;
}

div#share-this-container div.personal-details div.form-row input#share_this_your_email
{
	background-position: 0 -25px;
}

div#share-this-container div.personal-details div.form-row input#share_this_friends_name
{
	background-position: 0 -50px;	
}

div#share-this-container div.personal-details div.form-row input#share_this_friends_email
{
	background-position: 0 -75px;
}

div#share-this-container div.personal-details div.form-row textarea#share_this_message
{
	background-position: 0 -100px;
	height: 45px;
}

div#make-a-donation-container
{
	position: absolute;

	width: 225px;
	height: 45px;

	background-image: url(../images/backgrounds/make-a-donation.png);

	top: 345px;
	left: 17px;
}

div#make-a-donation-container a
{
	display: block;

	width: 100%;
	height: 100%;

	text-indent: -9999em;
}

div#share-on-sites-container
{
	position: absolute;

	width: 218px;

	top: 408px;
	left: 22px;
}

div#share-on-sites-container p.label
{
	display: inline-block;

	font-size: 12px;
	font-weight: bold;
	color: #666;
}

div#share-on-sites-container div.icon
{
	position: absolute;

	display: inline-block;

	width: 20px;
	height: 21px;

	text-indent: -9999em;

	top: -4px;
}

div#share-on-sites-container div.icon.twitter
{
	background-image: url(../images/backgrounds/icon/twitter-20.png);
	right: 0;
}

div#share-on-sites-container div.icon.facebook
{
	background-image: url(../images/backgrounds/icon/facebook-20.png);
	right: 26px;
}

div#share-on-sites-container div.icon a
{
	display: block;

	width: 100%;
	height: 100%;
}
/* end share this */

div#content-container
{
	position: absolute;

	background-image: url(../images/backgrounds/content.png);

	width: 681px;
	height: 520px;

	top: 128px;
	left: 23px;
}

div#content-container div.cms-content
{
	position: absolute;

	top: 37px;
	left: 8px;

	width: 671px;
	height: 269px;

	overflow: hidden;
}

div#content-container div.cms-content div.feature-container
{
	position: absolute;

	width: 398px;
	height: 269px;
}

div#content-container div.cms-content div.feature-container div.window
{
	position: absolute;

	width: 370px;
	height: 246px;

	overflow: hidden;

	left: 20px;
}

div#content-container div.cms-content div.feature-container div.window div.content
{
	position: absolute;

	width: 1000px;
	height: 100%;
}

div#content-container div.cms-content div.feature-container div.window div.content div.item
{
	position: absolute;

	background-color: #ddd;

	width: 370px;
	height: 246px;

	text-align: center;

	top: 0;
	left: 0;
}

div#content-container div.cms-content div.feature-container div.window div.content div.item div.label
{
	position: absolute;

	width: 100%;
	height: 34px;

	bottom: 0;
}

div#content-container div.cms-content div.feature-container div.window div.content div.item div.label p
{
	position: absolute;

	color: #fff;
	font-size: 20px;
	font-weight: bold;

	text-align: center;
	line-height: 34px;

	width: 100%;
	height: 100%;

	bottom: 0;
}

div#content-container div.cms-content div.feature-container div.window div.content div.item div.label div.background
{
	position: absolute;

	background-color: #000;
	opacity: 0.5;

	width: 100%;
	height: 100%;
}

div#content-container div.cms-content div.feature-container div.curtains
{
	position: absolute;

	background-image: url(../images/backgrounds/feature-border.png);
	width: 100%;
	height: 100%;
}

div#content-container div.cms-content div.text
{
	position: absolute;
	
	width: 242px;

	left: 408px;
	top: 10px;
}

div#content-container div.cms-content div.text h3
{
	color: #336699;

	font-size: 17px;
	font-weight: normal;
}

div#content-container div.cms-content div.text p
{
	line-height: 17px;
}

div#content-container div.cms-content div.text h3,
div#content-container div.cms-content div.text p
{
	margin-bottom: 13px;
}

div#content-container div.mugshot-area-container
{
	position: absolute;

	top: 332px;
	left: 33px;

	width: 622px;
	height: 171px;

	overflow: hidden;
}

div#content-container div.mugshot-area-container div.user-ui
{
	position: absolute;

	left: 47px;
}

div#content-container div.mugshot-area-container div.user-ui p.showing
{
	font-weight: bold;

	color: #626262;

	margin-top: 4px;
	line-height: 16px;
}

div#content-container div.mugshot-area-container div.user-ui p.showing em
{
	font-style: normal;
	color: #66ccff;
}

div#content-container div.mugshot-area-container div.user-ui label
{
	position: absolute;

	color: #666;

	width: 200px;

	left: 132px;
	top: 6px;
}

div#content-container div.mugshot-area-container div.user-ui input#postcode
{
	position: absolute;

	border: 1px solid #cccfd3;
	color: #666;

	width: 150px;
	height: 17px;

	padding: 4px 6px;

	font-size: 14px;

	left: 306px;
	top: 0;
}

div#content-container div.mugshot-area-container div.user-ui input#postcode-filter
{
	position: absolute;

	left: 479px;
	top: 0;
}

div#content-container div.mugshot-area-container input#postcode
{
	background-image: url(../images/backgrounds/postcode-form.png);
	background-repeat: no-repeat;
}

div#content-container div.mugshot-area-container div#mugshots-area
{
	position: absolute;

	left: 0;
	top: 40px;
}

div#content-container div.mugshot-area-container div#mugshots-area div.pager-navigation
{
	position: absolute;

	width: 20px;
	height: 30px;

	background-image: url(../images/backgrounds/pager-navigation.png);

	top: 47px;
}

div#content-container div.mugshot-area-container div#mugshots-area div.pager-navigation:hover
{
	cursor: pointer;
}

div#content-container div.mugshot-area-container div#mugshots-area div.pager-navigation.left
{
}

div#content-container div.mugshot-area-container div#mugshots-area div.pager-navigation.right
{
	background-position: 0 -30px;

	left: 600px;
}

div#content-container div.mugshot-area-container div#mugshots-container-window
{
	position: absolute;

	top: 0;
	left: 47px;

	width: 529px;
	height: 125px;

	overflow: hidden;
}

div#content-container div.mugshot-area-container div#mugshots-container
{
	position: absolute;

	width: 829px;
	height: 225px;
}

div#content-container div.mugshot-area-container div#mugshots-container div.mugshot-column
{
	float: left;

	width: 67px;
}

div#content-container div.mugshot-area-container div#mugshots-container div.mugshot
{
	width: 58px;
	height: 58px;

	margin-bottom: 7px;

	text-align: center;
}

div#content-container div.mugshot-area-container div#mugshots-container div.mugshot:hover
{
	cursor: pointer;
}

div#footer
{
	position: relative;

	height: 45px;
}

div#footer div.authorisation,
div#footer div.links
{
	position: absolute;

	background-image: url(../images/backgrounds/footer-containers.png);

	height: 45px;
}

div#footer div.authorisation
{
	left: 0;

	width: 410px;
}

div#footer div.authorisation p
{
	padding: 0 70px;
	margin-top: 10px;

	text-align: center;

	color: #999;

	font-size: 10px;
	line-height: 12px;
}

div#footer div.copyright p a
{
	color: #6699CC;
}

div#footer div.copyright p span.space
{
	display: inline-block;

	width: 7px;
}

div#footer div.links
{
	right: 0;

	width: 309px;

	background-position: -410px 0;
}

div#footer div.links p
{
	text-align: center;

	color: #ccc;

	line-height: 45px;

	font-size: 12px;
}

div#footer div.links p a
{
	color: #6699cc;

	text-decoration: none;
}

div#footer div.donation
{
	position: absolute;

	left: 481px;
	top: 14px;

	width: 148px;
	height: 15px;
}
 
div#footer div.donation a
{
	display: block;

	background-image: url(../images/text/make-a-donation.png);

	text-indent: -9999em;

	width: 100%;
	height: 100%;
}

div#footer div.find-out-more
{
	position: absolute;

	left: 423px;
	top: 0;

	width: 265px;
	height: 45px;
}

div#footer div.find-out-more a
{
	display: block;

	background-image: url(../images/text/find-out-more.png);

	text-indent: -9999em;

	width: 100%;
	height: 100%;
}

/* lightbox */
div#fancy_ajax h1
{
	font-size: 24px;
	font-weight: bold;
	color: #000;
}

div#fancy_ajax p
{
	font-size: 14px;
	color: #666;

	line-height: 18px;

	margin: 16px 0;
}

div#fancy_ajax p a
{
	color: #6699cc;
	text-decoration: none;
}
/* end lightbox */