/* main styles for Adopt a Polar Bear landing page */
* {margin:0; padding:0; border:none; background:transparent; }
#adopt_a_polar_bear {width:100%; text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:.9em; }
#apb_container {width:935px; text-align:left; margin:0 auto; }
h1 {
	background:transparent url('../images/wwf_logo.gif') no-repeat scroll -10px top;
	display:block;
	font-size:2em;
	height:103px;
	margin:0 0 15px 28px;
	overflow:hidden;
	padding:0;
	position:absolute;
	left:0;
	text-indent:-9999px;
	width:227px;
	/*z-index:100;*/
}
p {margin-bottom:5px; }
a:link, a:visited {text-decoration:none; }

/* header */
#adopt_a_polar_bear div#headerWrapper {
	background:#333333 url('../images/bg_hdr_snowflakes.gif') top left no-repeat;
	border-bottom:10px solid #E8510A;
	margin:0 auto;
	width:935px;
	position:relative;
	height:158px;
}
#adopt_a_polar_bear div#headerWrapper #header {border-bottom:1px solid white; height:100%; position:relative; top:1px; /*z-index:80;*/ }
img.logo {display:none; visibility:hidden; }
div#siteWideTools {height:160px; margin:0 auto; max-width:908px; overflow:hidden; padding-right:5px; position:absolute; top:0; left:0; text-align:right; width:99%; }
div#siteWideTools ul#complementaryNav {float:right; margin-right:-6px; padding-bottom:10px; list-style-type:none; }
div#siteWideTools ul#complementaryNav li {display:block; float:left; margin-top:10px; padding:0; }
div#siteWideTools ul#complementaryNav li a {color:#fff; border-right:1px solid #FFFFFF; display:block; font-size:0.75em; padding:0 6px; }
div#siteWideTools ul#complementaryNav li a:hover {color:#e8510a; text-decoration:underline; }
ul#topNav {position:absolute; bottom:0; left:0; z-index:1; height:42px; padding-left:28px; width:380px; }
ul#topNav li {float:left; padding:0; line-height:1.3em; list-style-type:none; list-style-position:outside; }
ul#topNav li#navWe a, ul#topNav li#navYou a, div#siteWideTools a#donateNav {
	background:transparent url('../images/nav_what-we-do.gif') top left no-repeat;
	border-bottom:1px solid #FFFFFF;
	display:block;
	height:41px;
	overflow:hidden;
	text-align:left;
	text-indent:-9999px;
	width:150px;
}
ul#topNav li#navYou a {background-image:url('../images/nav_how-you-can-help.gif'); margin-left:8px; width:209px; }
ul#topNav li#navWe a:hover, ul#topNav li#navWe a.active, ul#topNav li#navYou a:hover, ul#topNav li#navYou a.active, div#siteWideTools a#donateNav:hover, 
div#headerWrapper div#siteWideTools a.active, body#whatwedo ul#topNav li#navWe a, body#howyoucanhelp ul#topNav li#navYou a {
	background-position:left bottom;
	border-bottom:1px solid #E85109;
	color:#E85109;
}
a#donateNav {
	background:url('../images/btn_adoptbear2.gif') no-repeat top left;
	border-bottom:1px solid #FFFFFF;
	display:block;
	height:35px;
	margin:0;
	overflow:hidden;
	position:absolute;
	bottom:0;
	right:25px;
	text-align:left;
	text-indent:-9999px;
	width:227px;
}
a#donateNav:hover {background-position:bottom left; border-bottom:1px solid #E85109; }


/* main content */
#apb_container h2 {text-indent:-9999px; height:0; overflow:hidden; }
#apb_content {
	float:left;
	background:#fff url('../images/bg_apb_content.gif') top left no-repeat; 
	color:#454545; 
	padding:22px 26px 22px 28px;
	width:935px;
}
#apb_content .apb_pitch {font-weight:bold; color:#092965; font-size:1.1em; }
#apb_content .col1 {float:left; width:533px; margin-right:32px; }
#apb_content .col2 {float:left; width:316px; }
#apb_content .button {margin:20px 0; }
#apb_content h3 {
	font-family:Helvetica, Arial, sans-serif; 
	font-size:1.6em;
	font-weight:normal;
	line-height:1.2em;
	color:#092965;
	margin-bottom:5px;
}
#apb_content li {list-style-image:url('../images/li_asterisk.gif'); margin-left:15px; }
.greatgift {color:#454545; background:url('../images/bg_adoptionpack.jpg') top right no-repeat; min-height:231px; float: left; width: 100%; }
.greatgift p, .greatgift ul {width:300px; }
p.postdeadline {color:#092965; font-weight:bold; font-size:1.1em; }
.greathelp {background:url('../images/bg_greathelp_v1.jpg') top left no-repeat; min-height:452px; color:#464646; }
.greathelp h3 span {font-size:1.6em; }
.greathelp .box {padding:0 17px; margin:50px auto 0 auto; width:285px; font-size:.9em; }
.greathelp .box p {}
.greathelp .box ul {margin-bottom:10px; }

.deliveryterms {font-size:.75em; color:#464646; padding:5px; }

.button a {
	display: block;
	width: 272px;
	height: 33px;
	background: url(../images/btn_org_2.gif) top left no-repeat;
	text-indent: -9999px;
}

.button a:hover {
	width: 272px;
	height: 33px;
	background: url(../images/btn_org_2.gif) bottom left no-repeat;
	text-indent: -9999px;
}

#giftText{margin-top:12px; float: left; width: 100%;}
#giftText h3{margin-bottom:3px;}
#giftText p{margin-bottom:15px;}

/* footer */
div#footer {clear:both; overflow:hidden; width:935px; margin:0 auto; }
div#footer ul {float:right; margin:20px -5px 20px 0; padding:0; list-style-type:none; }
div#footer li {border-right:1px solid #01673e; float:left; line-height:1.3em; }
div#footer li a {color:#000000; padding:0 5px; font-size:.75em; }
div#footer li a:hover {color:#e85109; text-decoration:underline; }


/* ----------------------------------------- Forms */
ul.amount_selector,
ul.is_gift_holder {
display: inline;
float: left;
width: 365px;
padding: 7px 0 7px 0;
margin: 0;
}

#apb_content ul.amount_selector li,
ul.amount_selector li {
color: #092965;
font-weight: bold;
margin-left: 0px;
}

#apb_content ul.is_gift_holder li,
ul.amount_selector li,
ul.is_gift_holder li {
display: inline;
float: left;
padding: 0 10px 0 0;
margin: 0;
line-height: 1.8em;
background: none;
}

ul.is_gift_holder li label {
font-size: 1em;
line-height: 1.8em;
}

div#regular_donation,
div#one-off_donation {
display: inline;
float:left;
border-top: 1px dotted #CCC;
border-bottom: 1px dotted #CCC;
margin: 15px 0;
width: 520px;
}

input#other_amountDD,
input#other_amountCC {
border: solid 1px #666;
}

div#regular_donation a,
div#one-off_donation a {
cursor: pointer;
color:#092965;
}

div#regular_donation a:hover,
div#one-off_donation a:hover {
text-decoration:underline;
}

div#regular_donation p.ask,
div#one-off_donation p.ask {
color:#666;
padding: 0 0 0 0;
}

div#regular_donation h3,
div#one-off_donation h3 {
display:inline;
float:left;
padding:15px 0 5px;
width:360px;
}

div#regular_donation p,
div#one-off_donation p {
clear: both;
font-size: 0.9em;
padding: 5px 0 10px 0;
}

div#regular_donation .button,
div#one-off_donation .button {
float: right;
margin-top: -20px;
border: 0px;
}

.overlabel {
font-weight: normal;
color: #333333;
font-size: 1.2em;
}

#donation_switch_to_DD,
#donation_switch_to_CC {
display:none;
}

.hide_form,
.hide {
position: absolute;
top: 0px;
left: -9999px;
}


div.currency_switcher {
display: inline;
float: right;
font-size: 0.9em;
padding: 19px 0 0 0;
color: #999;
}

div.currency_switcher strong {
color: #333;
}

div.currency_switcher a {
}

div.currency_switcher a:hover {
text-decoration:underline;
}


/* ------------------------------ Buttons */
.button {
color: #FFF;
background: #66b103 url(../images/icon_arrow_white_on_green.gif) no-repeat right center;
font-size: 1.7em;
font-weight: bold;
display: block;
height: 37px;
line-height: 37px;
text-indent: 10px;
overflow: hidden;
border: 0px;
cursor: pointer;
}

input.button {
padding: 0 30px 3px 0;
font-size: 1em;
}

a.button, 
a.button:link, 
a.button:visited {
color: #FFF;
}

.button_131 {
width: 131px;
background: url(/adoption/shared/images/buttons/button_131.gif) no-repeat left top;
}

.button_131_blue {
width: 131px;
background: url(/adoption/shared/images/buttons/button_131_blue.gif) no-repeat left top;
}

div#footer p.reg {
clear:both;
overflow:hidden;
width:935px;
text-align:center;
color:#666;
font-size:11px;
padding: 30px 0 20px 0;
}


/* AML LP mobile */

@media only screen and (max-width : 800px) {

#adopt_a_polar_bear div#headerWrapper {
width: 100%;
}

#apb_container {
width: 100%;
}

#apb_content {
width: 100%;
padding: 22px 0 22px 0;
}

.apb_banner img {
width: 100%;
height: auto;
}

#apb_content .col1 {
width: 90%;
margin: 10px 5%;
}

div#regular_donation, div#one-off_donation {
width: 100%;
}

div.currency_switcher {
float: left;
padding: 15px 0 15px 0;
}

div#regular_donation .button, div#one-off_donation .button {
float: left;
margin-top: 10px;
}

ul.amount_selector, ul.is_gift_holder {
padding: 10px 0 10px 0;
width: 100%;
}

div#regular_donation h3, div#one-off_donation h3 {
width: 100%;
}

.greatgift {
background: url('../images/bg_adoptionpack.jpg') top center no-repeat;
padding: 255px 0 0 0;
}

div#siteWideTools {
height: 0;
}

a#donateNav {
z-index: 9999;
}

#apb_content .col2 {
width: 90%;
margin: 10px 5%;
}

.greathelp .box {
width: 90%;
}

div#footer {
width: 90%;
}

div#footer p.reg {
width: 90%;
}

.greathelp {
background: url('../images/bg_greathelp_v1.jpg') top left no-repeat #EDF6FF;
min-height: initial;
height: auto;
padding: 0 0 20px 0;
}

ul#topNav {
padding-left: 0;
width: 100%;
}

}
/* end @media screen and (max-width: 800px) */

