* { margin: 0; padding: 0; }
html { height: 100%; }
.overflow { overflow: hidden; }
body, #body {
	background-color:#fff;
	height:100%;
}
#container {
	text-align: center;
	position: absolute;
	top: 0px;
	left: 0px;
	width:100%;
	height:100%;
}

.flash-content { position: relative; width: 990px; height: 550px; margin: 0 auto; font-family: sans-serif; font-size: 12px; color: #000;}
	.flash-content .border { border: 1px solid #bdbdbd; }
	.flash-content hr { display: none; }
	.flash-content a img { border: none; }
	.flash-content a { color: #4FA828; }
	
.bg {  background: transparent url(../images/html_bg.gif) -100px 120px no-repeat; }	

.flash-content h1 {  display: block; width: 369px; height: 88px; margin: 0 auto; background: transparent url(../images/html_logo.jpg) 0 0 no-repeat;}
	.flash-content h1 a span { display: none; }
	.flash-content a.download_flash { position: absolute; top: 270px; right: 28px; width: 570px; height: 80px; padding-top: 23px; color: #000; text-decoration: none;}
	.flash-content a.download_flash span { display: block; width: 235px; }

	.flash-content .text { padding: 1em; }

	.flash-content ul, .flash-content ol, .flash-content li { padding: 0; margin: 0;  }
	.flash-content .write-slogan { width: 153px; height: 31px; padding: 10px; background: transparent url(../images/html_write-slogan.gif) 0 0 no-repeat; list-style: none; }
	.flash-content .add-name { width: 153px; height: 31px; margin-top: 1em; background: transparent url(../images/html_add-name.gif) 0 0 no-repeat; list-style: none; }
		.flash-content .write-slogan span { display: none; }
		.flash-content .add-name span { display: none; }

	.flash-content ul.slogans { padding: 10px 0 0 0; }
	.flash-content ol.list { display: block; width: 271px; height: 152px; background: transparent url(../images/html_list.gif) 0 0 no-repeat; }
		.flash-content ol.list li { display: none;}

	.flash-content .partners { position: absolute; top: 0; left: 0; list-style: none; width: 620px; height: 200px; }
		.flash-content .partners .p01 a { position: absolute; left: 0px; top: 8px; display: block; width: 162px; height: 37px; }
			.flash-content .partners .p01 a span { display: none; }
		.flash-content .partners .p02 a { position: absolute; right: 0px; top: 8px; display: block; width: 102px; height: 65px; }
			.flash-content .partners .p02 a span { display: none; }
		.flash-content a.tck { float: right; display: block; width: 60px; height: 77px; margin: 0 15px 10px 0; background: transparent url(../images/tck.gif) 0 50% no-repeat; }
		.flash-content a.greenpeace { position: absolute; top: 1px; left: 1px; display: block; width: 219px; height: 90px; background: transparent url(../images/html_greenpeace.gif) 0 0 no-repeat; }
		.flash-content a.uturn { position: absolute; top: 1px; right: 1px; display: block; width: 133px; height: 92px; background: transparent url(../images/html_uturn.jpg) 0 0 no-repeat; }
			.flash-content a.tck span { display: none; }
			.flash-content a.greenpeace span { display: none; }
			.flash-content a.uturn span { display: none; }

	.flash-content .panel-left { width: 270px; float: left; margin-left: 350px; padding: 15px 0 0 20px; } 
		.flash-content p { margin: 1em 0 1em 0; }
		.flash-content h2 { display: block; width: 241px; height: 55px; background: transparent url(../images/heading.gif) 0 0 no-repeat; }
		#termsheading { background: transparent url(../images/header_terms_and_conditions.gif) 0 0 no-repeat; }
		#privacyheading { background: transparent url(../images/header_privacy_policy.gif) 0 0 no-repeat; }
			.flash-content h2 span { display: none; }
	
	.flash-content .form { clear: both; margin-left: 350px; }
		.flash-content .form table { float: left; width: 310px;  }
		.flash-content .form table.left { margin-top: 10px; }
		.flash-content .form table.right { margin-top: 20px; }
	.flash-content form th { text-align: left; vertical-align: top; padding-top: 6px; font-weight: normal; }
	.flash-content form td { padding-bottom: 10px; }
	.flash-content form select { width: 208px; }
	.flash-content form input, .flash-content form textarea { width: 195px; padding: 2px 3px; font-family: sans-serif; font-size: 12px; color: #7f7f7f; }
	.flash-content form .checkbox { width: 15px; }
	
	.flash-content .panel-right { float: left; padding: 25px 0 0 20px; }
	.flash-content form.enter a.privacy { position: relative; top: -26px; left: 210px; color: #000; }
	.flash-content form.enter .t_terms { display: block; width: 200px; }
	.flash-content form.enter button { margin: 0 auto; display: block; width: 234px; height: 54px; background: transparent url(../images/submit.gif) 0 0 no-repeat; border: none; cursor: pointer; }
	.flash-content form.enter button span { display: none; }
	
	.flash-content .footer { margin: 5px 0 0 0; padding: 0; height: 25px; background-color: #f8f7f3; }
	
	.flash-content p.error { color: #EA1940; text-align: center; }
		.flash-content p.error a { position: absolute; top: 400px; left: 38px;  display: block; width: 237px; height: 104px; background: transparent url(../images/html_flash.jpg) 0 0 no-repeat; }
		.flash-content p.error a span { display: none; }
	.flash-content p.message { margin: 1em; color: #027BCC; text-align: center; }
	
.clear { display: block; clear: both; }



/* ============================ FOOTER ===============================*/

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

* {
	margin: 0;
}
html, body {
	height: 100%;
}
.wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -17px; /* the bottom margin is the negative value of the footer's height */
}
.footer, .push {
	height: 17px; /* .push must be the same height as .footer */
	
	margin: 0;
	clear: both;
	height: 17px;
	padding-left: 10px;
	display: block;
	
}

.f-button {
	display: block;
	height: 17px;
	float: left;
	background-image: url('http://www.action-pact.org/media/images/footer_gif.gif');

}

.f-button:hover {
	cursor: pointer;
}

#f-tck { 
	width: 75px; 
}

#f-tck:hover { 
	width: 75px; 
	background-position: 0px 20px;
}

#f-you {
	width: 125px;
	background-position: -75px 0px;
}

#f-you:hover {
	background-position: -75px 20px;
}

#f-green {
	width: 85px;
	background-position: -200px 0px;
}

#f-green:hover {
	background-position: -200px 20px;
}

#f-privacy {
	width: 91px;
	background-position: -285px 0px;
}

#f-privacy:hover {
	width: 91px;
	background-position: -285px 20px;
}

#f-cgreen {
	width: 122px;
	background-position: -376px 0px;
}

#f-cgreen:hover {
	width: 122px;
	background-position: -376px 20px;
}

#f-circul8 {
	width: 108px;
	background-position: -498px 0px;
}

#f-circul8:hover {
	width: 108px;
	background-position: -498px 20px;
}


/* ============================ END FOOTER ===============================*/