/*** RESET ***/
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, 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, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block;
}

body {
    line-height: 1;
}

ol, ul {
    list-style: none;
}

blockquote, q {
    quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
    content: '';
    content: none;
}

ins {
    text-decoration: none;
}

del {
    text-decoration: line-through;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

strong {
	font-weight:bold;
}

/* Clear children */
.clear:before, .clear:after {
    content: "";
    display: table;
}

.clear:after {
    clear: both;
}

.clear {
    zoom: 1; /* For IE 6/7 (trigger hasLayout) */
}

/*** Main Styles ***/

body
{
	font-family:arial, sans-serif;
	font-size:62.5%;
}

.multiplebgs #pageContainer
{
	background:url("../images/main_bg.jpg") no-repeat center top,
	           url("../images/main_bg_plain.jpg") repeat-x center top;
}

#pageContainer
{
	background:url("../images/main_bg.jpg") no-repeat center top;
	position:relative;
}

.plain #pageContainer
{
	background:url("../images/main_bg_plain.jpg") repeat-x center top;	
}

body.inner
{
	background:#ffffff;
}

header
{
	width:844px;
	height:120px;
	margin:0 auto;
}

#logo
{
	float:left;
}

#logo img
{
	display:block;
}

#countrySelect
{
	float:right;
	height:20px;
	line-height:20px;
	font-size:1.1em;
	color:#ffffff;
}

#countrySelect strong
{
	font-weight:bold;
}

#countrySelect a
{
	color:#ffffff;
	text-decoration:none;
}

#treesPlanted
{
	clear:right;
	float:right;
	position:relative;
	width:311px;
	height:100px;
	background:url("../images/trees_planted.jpg") no-repeat left top;
	position:relative;
}

#treesPlanted span
{
	font-size:2em;
	color:#1a4783;
	position:absolute;
	top:57px;
	left:39px;
	letter-spacing:15px;
	font-weight:bold;
}

#carousel
{
	background:#ffffff;
	width:844px;
	height:327px;
	overflow:hidden;
	margin:0 auto;
	position:relative;
}

#carousel header
{
	height:24px;
	background:#59aee6;
}

#carousel header h1
{
	float:left;
	width:320px;
	height:24px;
	text-indent:-9999em;
	background:url("../images/taglineBlue.png") no-repeat left top;
	overflow:hidden;
}

#carousel header .controls
{
	float:right;
	display:inline;
	margin:0 15px 0 0;
	height:24px;
	overflow:hidden;
}

#prevButtonSmall
{
	float:left;
	height:15px;
	width:15px;
	background:url("../images/carousel_left_small.png") no-repeat center top;
	overflow:hidden;
	text-indent:-9999em;
	margin:5px 5px 0 0;
}

#nextButtonSmall
{
	float:left;
	height:15px;
	width:15px;
	background:url("../images/carousel_right_small.png") no-repeat center top;
	overflow:hidden;
	text-indent:-9999em;
	margin:5px 0 0 5px;
}

#carousel .controls ol
{
	float:left;
	list-style:none;
	margin:2px 0 0 0;
}

#carousel .controls ol li
{
	float:left;
}

#carousel .controls ol li a
{
	float:left;
	padding:3px;
	text-decoration:none;
	font-size:1.4em;
	color:#bddff5;
}

#carousel .controls ol li.activeSlide a
{
	color:#ffffff;
}

#carousel .frames
{
	width:920px;
	height:303px;
	overflow:hidden;
}

#prevButton
{
	height:60px;
	width:60px;
	background:url("../images/carousel_left.png") no-repeat center top;
	overflow:hidden;
	text-indent:-9999em;
	position:absolute;
	left:0px;
	top:145px;
	z-index:50;
}

#nextButton
{
	height:60px;
	width:60px;
	background:url("../images/carousel_right.png") no-repeat center top;
	overflow:hidden;
	text-indent:-9999em;
	position:absolute;
	right:0px;
	top:145px;
	z-index:50;
}

#promotions
{
	padding:32px 0 0 0;
	width:844px;
	margin:0 auto;
	position:relative;
	z-index:10;
}

#facebookCTA
{
	float:left;
	position:relative;
	left:-15px;
}

#couponCTA
{
	float:right;
	position:relative;
	right:-15px;
}

#aboutCFT
{
	min-width:920px;
	width:100%;
	padding:250px 0 0 0;
	background:url("../images/about_campaign_bg.png") no-repeat center top;
	margin:-28px 0 0 0;
}

.no-js #aboutCFT,
.ie6 #aboutCFT
/*,.ie7 #aboutCFT*/
{	
	padding:115px 0 0 0;
}

.no-js #aboutCFT .expandableContent,
.ie6 #aboutCFT .expandableContent
/*,.ie7 #aboutCFT .expandableContent*/
{
	display:block;
}

#aboutCFTExpander
{
    display:block;
	background:url("../images/arrow_right.png") no-repeat right 13px;
	position:absolute;
	top:625px;
	left:50%;
	margin:0 0 0 -420px;
	z-index:1000;
	color:#3c9233;
	width:372px;
	height:45px;
	font-size:2.6em;
	text-decoration:none;
	text-indent:-9999em;
	overflow:hidden;
}

.ie6 #aboutCFT .expander
{
	display:none;
}

#aboutCFT .expander.open
{
	background:url("../images/arrow_down.png") no-repeat right 16px;
}

#aboutCFT .expandableContent
{
	background:url("../images/about_campaign_content_bg.jpg") no-repeat center top;
	width:100%;
	padding:60px 0 290px 0;
	display:none;
}

#aboutCFT h1
{
    width:639px;
    height:40px;
    background:url("../images/luxury_for_you.png") no-repeat left top;
    margin:0 0 10px 0;
    text-indent:-9999em;
    overflow:hidden;
}

#aboutCFT h2
{
    width:215px;
    height:19px;
    background:url("../images/our_trees_for_cities.png") no-repeat left top;
    margin:0;
    text-indent:-9999em;
    overflow:hidden;
}

#aboutCFT img
{
    margin:0 -38px;
}

#aboutCFT .leftCol
{
    float:left;
    display:inline;
    width:410px;
    margin:0 24px 0 0;
}

#aboutCFT .rightCol
{
    float:left;
    display:inline;
    width:410px;
}

#productRange
{
	min-width:920px;
	width:100%;
	padding:225px 0 0 0;
	background:url("../images/product_range_bg.png") no-repeat center top;
	margin:-265px 0 0 0;
}

.no-js #productRange,
.ie6 #productRange
/*,.ie7 #productRange*/ 
{	
	padding:230px 0 0 0;
}

.no-js #productRange .expandableContent,
.ie6 #productRange .expandableContent
/*,.ie7 #productRange .expandableContent*/
{
	display:block;
}

/*#productRange .expander*/
#productRangeExpander
{
	background:url("../images/arrow_right.png") no-repeat right 10px;
	position:absolute;
	top:705px;
	left:50%;
	margin:0 0 0 -420px;
	z-index:1000;
	color:#1c70be;
	width:230px;
	height:45px;
	font-size:2.6em;
	text-decoration:none;
	text-indent:-9999em;
	overflow:hidden;
}

.ie6 #productRange .expander
{
	display:none;
}

#productRange .expander.open
{
	background:url("../images/arrow_down.png") no-repeat right 18px;
}

#productRange .expandableContent
{
	background:#ffffff url("../images/product_range_content_bg.jpg") no-repeat center top;
	width:100%;
	padding:60px 0 115px 0;
	display:none;
}

#productRange h1
{
    width:193px;
    height:38px;
    background:url("../images/our_range.png") no-repeat left top;
    text-indent:-9999em;
    overflow:hidden;
}

#productRange .col
{
    float:left;
    display:inline;
    width:200px;
    padding:35px 0 0 0;
    margin:0 122px 0 0;
}

#productRange .endCol
{
    margin:0;
}

#productRange h2
{
    width:200px;
    height:45px;
    text-indent:-9999em;
    overflow:hidden;
}

#productRange h2.product1
{
    background:url("../images/product_1_title.png") no-repeat left top;
}

#productRange h2.product2
{
    background:url("../images/product_2_title.png") no-repeat left top;
}

#productRange h2.product3
{
    background:url("../images/product_3_title.png") no-repeat left top;
}

#productRange h2.product4
{
    background:url("../images/product_4_title.png") no-repeat left top;
}

#productRange h2.product5
{
    background:url("../images/product_5_title.png") no-repeat left top;
}

#productRange h2.product6
{
    background:url("../images/product_6_title.png") no-repeat left top;
}

#productRange .row1 img
{
    margin:0 -15px;
}

#productRange .row2 img
{
    margin:0 -40px;
}

#productRange p.legal
{
    font-size:1em;
    padding:20px 0 0 0;
    width:500px;
}

.stuckBottom 
{
    top:auto !important;
    bottom:80px !important;
}

.bottomArticleContent
{
	width:844px;
	margin:0 auto;
}

.bottomArticleContent h2
{
    font-size:1.8em;
    color:#1a4783;
    font-weight:bold;
    padding:0 0 16px 0;
}

.bottomArticleContent p
{
    font-size:1.3em;
    color:#6d6d6d;
    line-height:1.3em;
    padding:0 0 17px 0;
}

#overlay
{
	position:fixed;
	background:#transparent;
	width:100%;
	height:100%;
	top:0px;
	left:0px;	
	z-index:200;
	display:none;
}

.ie6 #overlay { /* ie6 hack */
	position: absolute;
	height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
	width: expression(document.body.scrollWidth > document.body.offsetWidth ? document.body.scrollWidth : document.body.offsetWidth + 'px');
}

#couponLightbox
{
	position:absolute;
	width:844px;
	top:120px;
	left:50%;
	margin:0 0 0 -422px;
	padding:35px 0 0 0;
	background:#ffffff;
	height:600px;
	z-index:3000;
	display:none;
}

#closeButton
{
    position:absolute;
    right:10px;
    top:10px;
    width:67px;
    height:22px;
    background:url("../images/close_white_bg.png") no-repeat left top;
    text-indent:-9999em;
    overflow:hidden;
}

#formPage
{
	width:809px;
	padding:0 0 0 35px;
}

#formPage h1
{
    width:630px;
    height:46px;
    background:url("../images/coupon_header.png") no-repeat left top;
    margin:0 0 15px 0;
    text-indent:-9999em;
    overflow:hidden;
}

#formPage p
{
    font-size:1.3em;
    color:#6d6d6d;
    line-height:1.3em;
    padding:0 0 16px 0;
}

.leftColumn
{
	float:left;
	width:377px;
}

.formField,
.checkboxFormField
{
	clear:both;
	padding:0 0 8px 0;
}

.formField label
{
	display:block;
	color:#54a333;
	font-size:1.5em;
	padding:0 0 4px 0;
}

.formField input
{
	display:block;
	border:solid 1px #b6b6b6;
	background:#ffffff;
	font-size:1.3em;
	font-family:arial,sans-serif;
	color:#555555;
	padding:3px;
	width:350px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-khtml-border-radius: 3px;
}

.formField input.error
{
	background:#c2151b;
	color:#ffffff;
}

p.error
{
	color:#c2151b;
	padding:4px 0 8px 0;
	font-size:1.3em;
	line-height:1.3em;
}

.formField p.error
{    
	padding:4px 0 0 0;
	width:350px;
}

.checkboxFormField input
{
	float:left;
	width:15px;
	margin:3px 10px 0 0;
}

.checkboxFormField label
{
	float:left;
	width:350px;
	font-size:1.3em;
	line-height:1.3em;
	color:#6d6d6d;
}

.checkboxFormField .error label
{
	color:#c2151b;
}

#btnGetYourCoupon
{
    border:none;
	position:relative;
	left:-15px;
	width:187px;
	height:63px;
	display:block;
	text-indent:-9999em;
	background:url("../images/get_coupon.png") no-repeat left top;
	cursor:pointer;
	font-size:0;
	line-height:0;
}

#packShot
{
    float:left;
}

#videoOverlay
{
	position:absolute;
	width:844px;
	top:120px;
	left:50%;
	margin:0 0 0 -422px;
	*margin:0 0 0 -423px;
	padding:0 0 0 0;
	background:url("../images/video_bg.jpg") repeat-x left top;
	height:327px;
	z-index:300;
	display:none;
}

.frame
{
    background: #a2daff;
	height:303px;
	width:844px;
}

#videoContainer
{
    display:block;
    margin:0 auto;
}

#videoCloseButton
{
    position:absolute;
    right:80px;
    top:4px;
    width:67px;
    height:23px;
    background:url("../images/close.png") no-repeat left top;
    text-indent:-9999em;
    overflow:hidden;
}

#plainContainer
{
	background:#ffffff;
	width:679px;
	padding:30px 110px 30px 55px;
	margin:0 auto;
}

#plainContainer h1
{
	font-size:2em;
	line-height:1.4em;
	font-weight:bold;
	color:#18398a;
	padding:0 0 8px 0;
}

#plainContainer h2
{
	font-size:1.7em;
	line-height:1.4em;
	font-weight:bold;
	color:#6d6d6d;
	padding:4px 0 2px 0;
}

#plainContainer h3
{
	font-size:1.5em;
	line-height:1.4em;
	font-weight:bold;
	color:#6d6d6d;
	padding:4px 0 2px 0;
}

#plainContainer p
{
	font-size:1.3em;
	line-height:1.4em;
	color:#6d6d6d;
	padding:0 0 8px 0;
	position:relative;
	z-index:20;
}

#plainContainer ul,
#plainContainer ol
{
	font-size:1.3em;
	line-height:1.4em;
	color:#6d6d6d;
	padding:0 0 8px 20px;
	list-style:disc;
}

#plainContainer ol
{
	list-style:decimal;
}

#plainContainer ul li
{
	padding:0 0 4px 0;
}

#plainContainer ol li
{
	padding:0 0 8px 0;
}

#plainContainer a
{
	color:#318e4a;
}

#plainContainer em {
	color:#318e4a;
	font-style:italic;
}

footer
{
    position:relative;
    z-index:100;
	color:#ffffff;
	font-size:1.2em;
	padding:157px 0 0 0;
	height:28px;
	background:url("../images/footer_bg.png") no-repeat center bottom;
	margin:-145px 0 0 0;
}

#footerContent
{
	width:740px;
	margin:0 auto;
}

#footerContent p
{
	float:left;
}

#footerContent nav
{
	float:right;
}

#footerContent a
{
	color:#ffffff;
	text-decoration:none;
}

.iepngfix
{
    position:relative;
}

.ie7 .iepngfix 
{
    z-index:2;
}

.flag 
{
    margin-top:-1px;
    padding: 0px 4px 0px 0px;
    vertical-align:middle;
}

.notSelectedFlag
{
    -moz-opacity:.70; 
    filter:alpha(opacity=70);
    opacity:.70;
}