body {
font-size:62.5%;
font-family:"Arial", "Verdana", sans-serif;
background:#FFF;
text-align:center;
}

img.nostylelogo {
display:none;
visibility:hidden;
}

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,hr{border:0;outline:0;/*font-size:100%; */vertical-align:baseline;margin:0;padding:0;}
td{vertical-align:top;}
body{line-height:1;}
ol,ul{list-style:none;}
blockquote,q{quotes:none;}
:focus{outline:0px dotted #444;}
del{text-decoration:line-through;}
table{border-collapse:collapse;border-spacing:0;}


h1{font-size:1.8em;}
h2,h3,h4{font-size:1.7em;line-height:1.3em;color:#555;clear:both;margin:.5em 0 .7em;}
h2{margin-top:0;}
h4{font-size:1.5em;}

p,li,dt,dd,label,span,legend,a,sup{font-size:1.2em;}
span.vwo_span {font-size:1em;}
p span,p a,li p,li span,li a,li h3,h3 span,h4 span,li li,li li li,dt a,dd a,a span,div span a,div a,li h4{font-size:1em;}
a:link,a:visited, a {color:#01673e;text-decoration:none; cursor:pointer;}
input,select,textarea{font-size:.9em;}
form{margin:0;padding:0;}
hr{border:none 0;border-top:none;border-bottom:1px solid #7bbea3;width:99%;height:1px;text-align:left;clear:both;margin:2px auto 12px 0;}
li{background:url("../images/icon_arrow_green.gif") no-repeat left .3em;line-height:1.3em;padding:0 0 10px 14px;}
ol,dl,div#relatedItems ul,ul.nonlink,ul.career,ul.faq,ul.alphaListNav,ul.download,ul.bookmarkIcons{position:relative;}
sup{font-size:.8em;line-height:1.2em;color:#000;position:relative;vertical-align:4px;}
sub{font-size:.8em;line-height:1.2em;color:#000;position:relative;vertical-align:-4px;}
.highlight{display:block;background:url(../images/icon_arrow_green.gif) no-repeat left .4em;padding-left:14px;font-weight:700;}
.hidden{visibility:hidden!important;}
hr.hidden{margin:15px 0;}
.required{font-style:italic;padding-bottom:0!important;}
blockquote{font-size:1.2em;color:#000;margin:10px 0 20px;}
div#one-off_donation p.if_pay_monthly, p.if_pay_monthly {color: #666; padding-bottom: 5px;}

/* ------------------------------- Utility */
img.right {
display: inline;
float: right;
margin: 0 0 20px 20px;
}

img.left {
display: inline;
float: left;
margin: 0 20px 20px 0;
}

div.hide_option {
display: none;
}

#basic-modal-content {display:none;}



/* ------------------------------- DART tag */
iframe { position: absolute; }


/* ---------------------------- Headers */
body.solid_header div#headerWrapper {
position: relative;
width: 935px;
margin-left: auto;
margin-right: auto;
}

body.solid_header div#header {
display: inline;
float: left;
width: 935px;
background: #333333;
border-bottom: 1px solid #FFF;
height: 119px;
text-align: left;
}

body.solid_header div#header h2 {
display:block;
width:227px;
height:103px;
position:absolute;
margin:0 0 15px 28px;
}

body.solid_header div#header h2.partner_logo {
top: 0;
right: 30px;
}

body.solid_header div#header h2 a {
font-size:2em;
display:block;
text-indent:-9999px;
overflow:hidden;
background:transparent url("../images/wwf_logo.gif") no-repeat -10px top;
width:227px;
height:103px;
position:absolute;
z-index:101;
padding:0;
}

body.thin_header div#headerWrapper {
position: relative;
width: 100%;
}

body.thin_header div#header {
display: inline;
float: left;
width: 100%;
background: #e8510a;
height: 10px;
text-align: left;
z-index:101;
}

body.thin_header div#header h2 {
display:block;
width:65px;
height:103px;
position:absolute;
left: 50%;
z-index:150;
margin:0 0 0 -436px;
background:transparent url("../images/wwf_tab.png") no-repeat left top;
text-indent:-9999px;
overflow:hidden;
}

body.thin_header div#header h2.partner_logo {
margin:0 0 0 -341px;
}

body.thin_header div#header h2 a {
display:block;
padding: 45px 5px;
z-index:200;
}

body.image_header div#headerWrapper {
position: relative;
width: 100%;
height: 204px;
}

body.image_header div#header {
display: inline;
float: left;
width: 100%;
background: #9b9b9b;
height: 204px;
text-align: left;
z-index:101;
}

body.image_header div#header h2 {
display:block;
width:53px;
height:83px;
position:absolute;
left: 50%;
z-index:150;
margin:0 0 0 -455px;
background:transparent url("../images/wwf_tab_small.png") no-repeat left top;
text-indent:-9999px;
overflow:hidden;
}

body.image_header div#header h2 a {
display:block;
padding: 45px 5px;
z-index:200;
}

div.image_header_titles {
position: absolute;
top: -999px;
left: -999px;
}

body.no_header div#headerWrapper {
position: relative;
width: 100%;
}

body.no_header div#header {
display: inline;
float: left;
width: 100%;
height: 0px;
text-align: left;
z-index:101;
}

body.no_header div#header h2 {
display:block;
width:65px;
height:103px;
position:absolute;
left: 50%;
z-index:150;
margin:0 0 0 -439px;
background:transparent url("../images/wwf_tab.png") no-repeat left top;
text-indent:-9999px;
overflow:hidden;
}

body.no_header div#header h2 a{
display:block;
padding: 45px 5px;
z-index:200;
}

body.thin_header_680 div#headerWrapper {
position: relative;
width: 680px;
margin: 0px auto;
}

body.thin_header_680 div#header {
display: inline;
float: left;
width: 680px;
background: #004296;
height: 10px;
text-align: left;
z-index:101;
}

body.thin_header_680 div#header h2 {
display:block;
width:65px;
height:103px;
position:absolute;
left: 50%;
z-index:150;
margin:0 0 0 -320px;
background:transparent url("../images/wwf_tab.png") no-repeat left top;
text-indent:-9999px;
overflow:hidden;
}

body.thin_header_680 div#header h2 a {
display:block;
padding: 45px 5px;
z-index:200;
}

div#header a#headerAction {
background:#333333 none repeat scroll 0 0;
border-bottom:1px solid #FFFFFF;
display:inline;
float:left;
width:270px;
height:34px;
margin:0;
overflow:hidden;
position:absolute;
right:30px;
text-indent:-9999px;
top:126px;
z-index:101;
}


div#header a#headerAction:hover,
div#header a#headerAction:active {
background-position: 0 -34px;
border-bottom: solid 1px #E8510A;
}

/* ------------------------------------------ Header step links */
#checkout_steps {
	clear: both;
	position: absolute;
	top: 70px;
	right: 20px;
	overflow:visible;
}

#checkout_steps img {
	position: relative;
	float: left;
	top: 20px;
}

#checkout_steps div {
	width: 120px;
	height: 38px;
	background: #696969;
	color: #333333;
	padding: 5px;
	float: left;
	background-image: url(../images/steps/step_box_bg_grey.gif);
}

#checkout_steps div p {
	float: left;
}

#checkout_steps div p.number {
	font-size: 36px;
	float: left;	
	padding:0 0 0 8px;
}

#checkout_steps div p.text {
	font-size: 14px;
	width: 80px;
	margin-left: 5px;
	padding-top: 4px;
	float: left;
	text-align: left;
}

#checkout_steps div.active {
	background: #E8510A;
	color: white;
	background-image: url(../images/steps/step_box_bg_orange.gif);
}

/* ----------------------------- Content */
div#container {
position: relative;
width: 935px;
margin-left: auto;
margin-right: auto;
}

div#content {
display: inline;
float: left;
width: 935px;
}

body.solid_header div#content {
border-top: 10px solid #e8510a;
border-bottom: 10px solid #eeeeee;
padding-bottom: 55px;
}

body.content_bg h1 { 
color: #FFF;
text-align: left;
font-size: 4.2em;
padding: 28px 34px;
}

/* ----------------------------- Footer */
div#footer {
clear:both;
overflow:hidden;
width:935px;
}

div.add_this {
float: left;
margin:20px 0 20px 0px;
}

div#footer p.reg {
clear:both;
overflow:hidden;
width:935px;
text-align:center;
color:#666;
font-size:1.1em;
padding: 30px 0 20px 0;
}

div#footer ul {
float:right;
margin:20px -5px 20px 0;
padding:0;
}

div#footer ul li {
background:transparent none repeat scroll 0 0;
border-right:1px solid #01673E;
float:left;
font-size:1.1em;
padding:0;
}

div#footer li a:hover,
body.full_bg div#footer li a:hover {
color:#E85109;
}

div#footer li a {
color:#333333;
padding:0 5px;
}

body.full_bg div#footer ul li {
border-right-color:#666666;
}

body.full_bg div#footer li a {
color:#AAAAAA;
}

/* ------------------------------ 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: 1.5em;
}

a.button, 
a.button:link, 
a.button:visited {
color: #FFF;
}

.button_131 {
width: 131px;
background: url(../images/buttons/button_131.gif) no-repeat left top;
font-size:1.5em;
}

.button_160 {
width: 160px;
background: url(../images/buttons/button_160.gif) no-repeat left top;
}

.button_107 {
width: 107px;
background: url(../images/buttons/button_107.gif) no-repeat left top;
}

.button_131_blue {
width: 131px;
background: url(../images/buttons/button_131_blue.gif) no-repeat left top;
}

.button_200 {
width: 200px;
background: url(../images/buttons/button_200.gif) no-repeat left top;
}

.button_290 {
width: 290px;
background: url(../images/buttons/button_290.gif) no-repeat left top;
}

.button_250_orange {
width: 250px;
background: url(../images/buttons/button_250_orange.gif) no-repeat left top;
}

.button_210_orange_pale {
width: 210px;
background: url(../images/buttons/button_210_orange_pale.gif) no-repeat left top;
}

.button_115_orange {
width: 115px;
background: url(../images/buttons/button_115_orange.gif) no-repeat left top;
}


/* -------------------------------- Product pack */
div.product_pack {
display: inline;
float: left;
width: 535px;
overflow: hidden;
margin: 0 0 0 10px;
padding: 10px 0 15px 0;
}

ul.product_pack {
display: inline;
float: left;

margin: 0 0 0 -25px;
}

ul.product_pack li {
display: inline;
float: left;
width: 158px;
padding: 0 0 0 25px;
background: #FFF url(../images/icons/plus_8BB9D2.gif) no-repeat left center;
}

ul.product_pack li img {
float: left;
margin: 0 2px 0 0;
}

ul.product_pack li p {
padding: 15px 0 0 0;
}


/* ----------------------------------------- Forms */
ul.amount_selector,
ul.is_gift_holder {
display: inline;
float: left;
width: 350px;
padding: 7px 0 7px 0;
margin: 0;
border-bottom: 1px dotted #CCC;
}

ul.amount_selector li {
color: #66B103;
font-weight: bold;
}

ul.amount_selector li,
ul.is_gift_holder li {
display: inline;
float: left;
padding: 0 8px 0 0;
margin: 0;
line-height: 1.8em;
background: none;
}

ul.is_gift_holder li label {
font-size: 1em;
line-height: 1.8em;
}

ul.is_gift_holder li label img {
margin: 0 0 0 8px;
position: relative;
top: 1px;
}

div#regular_donation,
div#one-off_donation {
display: inline;
float:left;
border-top: 1px solid #DDD;
margin: 0 30px;
width: 500px;
}

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:358px;
}

div#regular_donation p,
div#one-off_donation p {
clear: both;
font-size: 1.2em;
padding: 20px 0 5px 0;
}

div#regular_donation .button,
div#one-off_donation .button {
float: right;
margin-top: -20px;
}

.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: -999px;
left: -9999px;
}


div.currency_switcher {
display: inline;
float: right;
font-size: 1.3em;
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;
}


/* ---------------------------------- simple form on grey */
form.simple_grey {
display: inline;
float:left;
width: 630px;
margin: 0 0 0 30px;
padding: 15px 0 15px 0;
font-size: 1.2em;
}

form.simple_grey label {
display: inline; 
float: left;
width: 140px;
color: #FFF;
margin: 0 0 5px 0;
}

form.simple_grey input,
form.simple_grey select {
display: inline; 
float: left;
margin: 0 0 6px 0;
}


form.simple_grey br {
clear:left;
}

form.simple_grey .button_200 {
font-size: 1.1em;
}

form.simple_grey fieldset.preferences {
display: inline; 
float: left;
width: 270px;
font-size: 0.9em;
padding: 0 0 10px 0;
}

form.simple_grey fieldset.preferences input {
width: 14px;
height: 14px;
}

form.simple_grey fieldset.preferences label {
width: 240px;
padding: 0 0 0 5px;
margin: 0 0 0 0;
}

#further_info {
display:inline;
float:left;
margin:0 30px;
width:500px;
line-height: 16px;
padding: 0;
color: #666;
text-align: right;
}

#further_info img {
display: inline;
float: right;
margin: 0 0 0 10px;
}


/* ----------------------------------------- thumbnails */
ul.thumbnails {
display:inline;
float:left;
}

ul.thumbnails li {
display:inline;
float:left;
width: 82px;
height: 82px;
background: url(../images/thumbs/bg.gif) no-repeat left top;
padding: 0;
margin: 0 7px 7px 0;
position: relative;
}

ul.thumbnails li a {
display:inline;
float:left;
width: 72px;
height: 72px;
margin: 5px 0 0 5px;
position: relative;
}


a.info {
    position:relative; /*this is the key*/
    z-index:24;    
    text-decoration:none
}

a.info:hover{z-index:25; background-color:#ff0}

a.info span{display: none}

a.info:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top: -40px;
    left: -28px;
    width: 130px;
    height: 46px;   
    background: url(../images/bubbles/text_bubble.gif) no-repeat left top;
    color:#FFF;
    font-size: 1.2em;
    line-height: 32px;
    text-align: center
}