html {  }
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td { margin: 0px; padding: 0px; }
table { border-collapse: collapse; border-spacing: 0px; }
fieldset, img { border: 0px none; }
li { list-style: outside none none; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; }
q::before, q::after { content: ""; }
input, textarea, select { font-family: inherit; font-size: inherit; font-weight: inherit; }
input, textarea, select {  }


@media not all, only screen and (min--moz-device-pixel-ratio: 1.5), not all {
}


@font-face {
	font-family: "GothamRounded-Bold";
	font-style: normal;
	font-weight: normal;
	src: url('gothamrnd-bold.eot') format("embedded-opentype"), url('gothamrnd-bold.woff') format("woff"), url('gothamrnd-bold.ttf') format("truetype"), url('gothamrnd-bold.svg') format("svg");
}
@font-face {
	font-family: "GothamRounded-Book";
	font-style: normal;
	font-weight: normal;
	src: url('gothamrnd-book.eot') format("embedded-opentype"), url('gothamrnd-book.woff') format("woff"), url('gothamrnd-book.ttf') format("truetype"), url('gothamrnd-book.svg') format("svg");
}
body { height: 100%; margin: 0px; }
a, a:link, a:hover, a:visited, a:active { color: rgb(0, 57, 97); }
body { background: rgb(240, 239, 235) url('background.jpg') no-repeat scroll center top; }
div#head { background: rgba(0, 0, 0, 0) url('top-back.png') repeat-x scroll 0% 0%; height: 71px; position: relative; z-index: 300; }
div#head-container { width: 940px; margin: 0px auto; padding-top: 18px; }
div.redecorate { float: right; margin-right: 0px; width: 190px; margin-top: -40px; height: 64px; line-height: 16px; border: 0px solid red; background: rgba(0, 0, 0, 0) url('tetrapak-logo-50.jpg') no-repeat scroll right center; }
div.redecorate a { color: rgb(136, 181, 3); font-size: 14px; text-decoration: none; font-weight: bold; font-family: GothamRounded-Bold; width: 101px; display: block; margin-top: 12px; margin-left: 10px; }
.brand { float: left; }
.brand a { font-size: 0px; background: rgba(0, 0, 0, 0) url('eco-pak.png') no-repeat scroll 0% 0%; width: 126px; height: 35px; display: block; margin-top: -3px; }
div#main { display: block; overflow: hidden; }
ul.menu.menu_main { width: 600px; margin: 0px auto; height: 24px; line-height: 24px; }
ul.menu.menu_main li { float: left; margin-right: 25px; }
ul.menu.menu_main li a { text-decoration: none; font-weight: bold; color: rgb(43, 74, 99); font-family: GothamRounded-Book; font-size: 14px; }
ul.menu.menu_main li a:hover, ul.menu.menu_main li.selected a { color: rgb(108, 201, 235); }
div.content { width: 940px; margin: 0px auto; display: block; overflow: hidden; }
div.content h1 { margin: 72px auto 20px; width: 100%; text-align: center; font-size: 40px; height: 48px; color: rgb(136, 181, 3); font-family: GothamRounded-Book; }
div.content h2 { width: 720px; color: rgb(119, 119, 119); margin: 0px auto; font-size: 20px; text-align: center; font-family: GothamRounded-Bold; }
body.lvl1 h1 { font-size: 40px; text-align: left; float: left; }
body.lvl1 .body { width: 930px; margin: 0px auto; clear: both; font-family: GothamRounded-Book; }
body.lvl1 #main {  }
div.push { height: 263px; }
div#foot { background: rgba(0, 0, 0, 0) url('footer.png') no-repeat scroll center bottom; height: 263px; }
html, body { height: 100%; }
#wrapper { min-height: 100%; height: auto !important; margin: 0px auto -263px; }
#foot, .push { height: 263px; }
body.tetrapak div.r3 div.tabs ul.triggers li::first-letter { font-family: GothamRounded-Bold; }
body.recycle div.body { font-size: 14px; font-family: Arial; color: rgb(119, 119, 119); line-height: 20px; }
body.recycle div.body h2 { text-align: left; margin: 20px 0px; padding: 0px; color: rgb(136, 181, 3); font-size: 18px; font-family: GothamRounded-Book; font-weight: bold; }
body.recycle div.body ol { margin-top: 20px; margin-bottom: 0px; }
body.recycle div.body ol li { margin-bottom: 10px; }
body.recycle div.body ol.stats { display: block; overflow: hidden; border: 0px solid red; margin: 0px auto; }
body.recycle div.body ol.stats li { border: 0px solid green; width: 860px; height: 210px; float: left; padding-top: 40px; line-height: 24px; }
body.recycle div.body ol.stats li img { margin-left: 20px; border: 8px solid rgb(225, 225, 225); width: 300px; height: 200px; float: right; margin-top: -40px; }
div#foot ul.menu.menu_foot li { display: block; position: relative; padding-left: 10px; background: rgba(0, 0, 0, 0) url('bullet.png') no-repeat scroll left center; margin: 0px auto; width: 960px; top: 100px; }
div#foot ul.menu.menu_foot li a { text-decoration: none; font-family: GothamRounded-Book; font-size: 14px; color: rgb(108, 201, 235); margin-right: 10px; }
div#foot ul.menu.menu_foot li a:hover { color: rgb(146, 183, 61); }
div#foot div.copy { display: block; position: relative; border: 0px solid red; width: 85px; margin: 0px auto; left: 580px; top: 135px; }
div#foot div.copy a { text-decoration: none; font-family: GothamRounded-Book; font-size: 13px; color: rgb(108, 201, 235); }
div#foot div.copy a:hover { color: rgb(146, 183, 61); }
div.redecorate a { font-weight: normal; }
.redecorate:hover ul.sub-menu { display: block; }
.redecorate ul.sub-menu { display: none; position: relative; background: rgb(255, 255, 255) none repeat scroll 0% 0%; width: 120px; padding: 10px 10px 30px 0px; top: 14px; border: 2px solid rgb(221, 221, 221); }
.redecorate ul.sub-menu > li.selected a { color: rgb(108, 201, 235); }
.redecorate ul.sub-menu > li a { color: rgb(67, 113, 153); font-size: 14px; }
.redecorate ul.sub-menu > li a:hover { color: rgb(108, 201, 235); }
.cf::before, .cf::after { display: table; line-height: 0; content: ""; }
.cf::after { clear: both; }


body { margin-top: 0px !important; padding-top: 0px !important; }