/* ================= */
/* = Template File = */
/* = Main CSS File = */
/* ================= */
/*! normalize.css v2.0.1 | MIT License | git.io/normalize */
/* ========================================================================== HTML5 display definitions ========================================================================== */
/* Corrects `block` display not defined in IE 8/9. */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary { display: block; }

/* Corrects `inline-block` display not defined in IE 8/9. */
audio, canvas, video { display: inline-block; }

/* Prevents modern browsers from displaying `audio` without controls. Remove excess height in iOS 5 devices. */
audio:not([controls]) { display: none; height: 0; }

/* Addresses styling for `hidden` attribute not present in IE 8/9. */
[hidden] { display: none; }

/* ========================================================================== Base ========================================================================== */
/* 1. Sets default font family to sans-serif. 2. Prevents iOS text size adjust after orientation change, without disabling user zoom. */
html { font-family: sans-serif; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ -ms-text-size-adjust: 100%; /* 2 */ }

/* Removes default margin. */
body { margin: 0; }

/* ========================================================================== Links ========================================================================== */
/* Addresses `outline` inconsistency between Chrome and other browsers. */
a:focus { outline: thin dotted; }

/* Improves readability when focused and also mouse hovered in all browsers. */
a:active, a:hover { outline: 0; }

/* ========================================================================== Typography ========================================================================== */
/* Addresses `h1` font sizes within `section` and `article` in Firefox 4+, Safari 5, and Chrome. */
h1 { font-size: 2em; }

/* Addresses styling not present in IE 8/9, Safari 5, and Chrome. */
abbr[title] { border-bottom: 1px dotted; }

/* Addresses style set to `bolder` in Firefox 4+, Safari 5, and Chrome. */
b, strong { font-weight: bold; }

/* Addresses styling not present in Safari 5 and Chrome. */
dfn { font-style: italic; }

/* Addresses styling not present in IE 8/9. */
mark { background: #ff0; color: #000; }

/* Corrects font family set oddly in Safari 5 and Chrome. */
code, kbd, pre, samp { font-family: monospace, serif; font-size: 1em; }

/* Improves readability of pre-formatted text in all browsers. */
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }

/* Sets consistent quote types. */
q { quotes: "\201C" "\201D" "\2018" "\2019"; }

/* Addresses inconsistent and variable font size in all browsers. */
small { font-size: 80%; }

/* Prevents `sub` and `sup` affecting `line-height` in all browsers. */
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }

sup { top: -0.5em; }

sub { bottom: -0.25em; }

/* ========================================================================== Embedded content ========================================================================== */
/* Removes border when inside `a` element in IE 8/9. */
img { border: 0; }

/* Corrects overflow displayed oddly in IE 9. */
svg:not(:root) { overflow: hidden; }

/* ========================================================================== Figures ========================================================================== */
/* Addresses margin not present in IE 8/9 and Safari 5. */
figure { margin: 0; }

/* ========================================================================== Forms ========================================================================== */
/* Define consistent border, margin, and padding. */
fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }

/* 1. Corrects color not being inherited in IE 8/9. 2. Remove padding so people aren't caught out if they zero out fieldsets. */
legend { border: 0; /* 1 */ padding: 0; /* 2 */ }

/* 1. Corrects font family not being inherited in all browsers. 2. Corrects font size not being inherited in all browsers. 3. Addresses margins set differently in Firefox 4+, Safari 5, and Chrome */
button, input, select, textarea { font-family: inherit; /* 1 */ font-size: 100%; /* 2 */ margin: 0; /* 3 */ }

/* Addresses Firefox 4+ setting `line-height` on `input` using `!important` in the UA stylesheet. */
button, input { line-height: normal; }

/* 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` and `video` controls. 2. Corrects inability to style clickable `input` types in iOS. 3. Improves usability and consistency of cursor style between image-type `input` and others. */
button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; /* 2 */ cursor: pointer; /* 3 */ }

/* Re-set default cursor for disabled elements. */
button[disabled], input[disabled] { cursor: default; }

/* 1. Addresses box sizing set to `content-box` in IE 8/9. 2. Removes excess padding in IE 8/9. */
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ }

/* 1. Addresses `appearance` set to `searchfield` in Safari 5 and Chrome. 2. Addresses `box-sizing` set to `border-box` in Safari 5 and Chrome (include `-moz` to future-proof). */
input[type="search"] { -webkit-appearance: textfield; /* 1 */ -moz-box-sizing: content-box; -webkit-box-sizing: content-box; /* 2 */ box-sizing: content-box; }

/* Removes inner padding and search cancel button in Safari 5 and Chrome on OS X. */
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

/* Removes inner padding and border in Firefox 4+. */
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }

/* 1. Removes default vertical scrollbar in IE 8/9. 2. Improves readability and alignment in all browsers. */
textarea { overflow: auto; /* 1 */ vertical-align: top; /* 2 */ }

/* ========================================================================== Tables ========================================================================== */
/* Remove most spacing between table cells. */
table { border-collapse: collapse; border-spacing: 0; }

/* HTML5 Boilerplate  What follows is the result of much research on cross-browser styling. Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal, Kroc Camen, and the H5BP dev community and team. */
/* ========================================================================== Base styles: opinionated defaults ========================================================================== */
html, button, input, select, textarea { color: #222; }

body { font-size: 1em; line-height: 1.4; }

/* Remove text-shadow in selection highlight: h5bp.com/i These selection declarations have to be separate. Customize the background color to match your design. */
::-moz-selection { background: #b3d4fc; text-shadow: none; }

::selection { background: #b3d4fc; text-shadow: none; }

/* A better looking default horizontal rule */
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }

/* Remove the gap between images and the bottom of their containers: h5bp.com/i/440 */
img { vertical-align: middle; }

/* Remove default fieldset styles. */
fieldset { border: 0; margin: 0; padding: 0; }

/* Allow only vertical resizing of textareas. */
textarea { resize: vertical; }

/* ========================================================================== Chrome Frame prompt ========================================================================== */
.chromeframe { margin: 0.2em 0; background: #ccc; color: #000; padding: 0.2em 0; }

/* ========================================================================== Author's custom styles ========================================================================== */
/* ========================================================================== Helper classes ========================================================================== */
/* Image replacement */
.ir { background-color: transparent; border: 0; overflow: hidden; /* IE 6/7 fallback */ *text-indent: -9999px; }

.ir:before { content: ""; display: block; width: 0; height: 100%; }

/* Hide from both screenreaders and browsers: h5bp.com/u */
.hidden { display: none !important; visibility: hidden; }

/* Hide only visually, but have it available for screenreaders: h5bp.com/v */
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }

/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: h5bp.com/p */
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }

/* Hide visually and from screenreaders, but maintain layout */
.invisible { visibility: hidden; }

/* Clearfix: contain floats  For modern browsers 1. The space content is one way to avoid an Opera bug when the `contenteditable` attribute is included anywhere else in the document. Otherwise it causes space to appear at the top and bottom of elements that receive the `clearfix` class. 2. The use of `table` rather than `block` is only necessary if using `:before` to contain the top-margins of child elements. */
.clearfix:before, .clearfix:after { content: " "; /* 1 */ display: table; /* 2 */ }

.clearfix:after { clear: both; }

/* For IE 6/7 only Include this rule to trigger hasLayout and contain floats. */
.clearfix { *zoom: 1; }

/* ========================================================================== EXAMPLE Media Queries for Responsive Design. Theses examples override the primary ('mobile first') styles. Modify as content requires. ========================================================================== */
@media only screen and (min-width: 35em) { /* Style adjustments for viewports that meet the condition */ }
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi) { /* Style adjustments for high resolution devices */ }
/* ========================================================================== Print styles. Inlined to avoid required HTTP connection: h5bp.com/r ========================================================================== */
@media print { * { background: transparent !important; color: #000 !important; /* Black prints faster: h5bp.com/s */ box-shadow: none !important; text-shadow: none !important; }
    a, a:visited { text-decoration: underline; }
    a[href]:after { content: " (" attr(href) ")"; }
    abbr[title]:after { content: " (" attr(title) ")"; }
    /* Don't show links for images, or javascript/internal links */
    .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }
    pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
    thead { display: table-header-group; /* h5bp.com/t */ }
    tr, img { page-break-inside: avoid; }
    img { max-width: 100% !important; }
    @page { margin: 0.5cm; }
    p, h2, h3 { orphans: 3; widows: 3; }
    h2, h3 { page-break-after: avoid; } }
/* FAMILIES */
@font-face { font-family: 'icomoon'; src: url("//www.burgerfuel.com/nz/static/icons/icomoon.eot"); src: url("//www.burgerfuel.com/nz/static/icons/icomoon.eot?#iefix") format("embedded-opentype"), url("//www.burgerfuel.com/nz/static/icons/icomoon.svg#icomoon") format("svg"), url("//www.burgerfuel.com/nz/static/icons/icomoon.woff") format("woff"), url("//www.burgerfuel.com/nz/static/icons/icomoon.ttf") format("truetype"); font-weight: normal; font-style: normal; }

/* Use the following CSS code if you want to use data attributes for inserting your icons */
[data-icon]:before { font-family: 'icomoon'; content: attr(data-icon); speak: none; font-weight: normal; -webkit-font-smoothing: antialiased; }

/* Use the following CSS code if you want to have a class per icon */
[class^="icon-"]:before, [class*=" icon-"]:before { font-family: 'icomoon'; font-style: normal; speak: none; font-weight: normal; -webkit-font-smoothing: antialiased; }

.icon-arrow-left-alt1:before { content: "\21"; }

.icon-arrow-down-alt1:before { content: "\22"; }

.icon-arrow-up-alt1:before { content: "\23"; }

.icon-arrow-right-alt1:before { content: "\24"; }

.icon-twitter:before { content: "\27"; }

.icon-google-plus:before { content: "\28"; }

.icon-facebook:before { content: "\29"; }

.icon-vimeo:before { content: "\2a"; }

.icon-youtube:before { content: "\2b"; }

.icon-feed:before { content: "\2c"; }

.icon-pinterest:before { content: "\2d"; }

.icon-plus:before { content: "\2e"; }

.icon-minus:before { content: "\2f"; }

.icon-comment:before { content: "\30"; }

.icon-search:before { content: "\31"; }

.icon-tag:before { content: "\32"; }

.icon-arrow-right:before { content: "\25"; }

.icon-arrow-down:before { content: "\26"; }

.icon-arrow-left:before { content: "\33"; }

.icon-arrow-up:before { content: "\34"; }

.icon-paperclip:before { content: "\35"; }

.icon-location:before { content: "\36"; }

.icon-file:before { content: "\38"; }

.icon-download:before { content: "\37"; }

.icon-x-altx-alt:before { content: "\39"; }

/* =========== */
/* = Pathing = */
/* =========== */
/* =========== */
/* = Colours = */
/* =========== */
/* ========= */
/* = Sizes = */
/* ========= */
/* ========== */
/* = Mixins = */
/* ========== */
/* =============== */
/* = Shared Code = */
/* =============== */
.__clearfix, ul.child-left, ol.child-left, ul.child-right, ol.child-right, .col ul, .pagination ul, #controls .controls, nav ul, .share ul, .menu-menu ul, .menu-list > ul, #store-search ul { zoom: 1; }

.__clearfix:before, ul.child-left:before, ol.child-left:before, ul.child-right:before, ol.child-right:before, .col ul:before, .pagination ul:before, #controls .controls:before, nav ul:before, .share ul:before, .menu-menu ul:before, .menu-list > ul:before, #store-search ul:before, .__clearfix:after, ul.child-left:after, ol.child-left:after, ul.child-right:after, ol.child-right:after, .col ul:after, .pagination ul:after, #controls .controls:after, nav ul:after, .share ul:after, .menu-menu ul:after, .menu-list > ul:after, #store-search ul:after { content: ""; display: table; }

.__clearfix:after, ul.child-left:after, ol.child-left:after, ul.child-right:after, ol.child-right:after, .col ul:after, .pagination ul:after, #controls .controls:after, nav ul:after, .share ul:after, .menu-menu ul:after, .menu-list > ul:after, #store-search ul:after { clear: both; }

.highlight { color: #775c98; }

.text-center { text-align: center; }

.right { float: right; }

.left { float: left; }

.block, .bx-next, .bx-prev { display: block; text-indent: -9999em; }

.first { padding-top: 0 !important; margin-top: 0 !important; }

.last { border: 0 !important; margin-right: 0; margin-left: 0; }

ul.none, .col ul, .menu-menu ul, .menu-list > ul, ol.none, dl.none { padding: 0; margin: 0; }

ul.none li, .col ul li, .menu-menu ul li, .menu-list > ul li, ol.none li, dl.none li { list-style-type: none; }

ul.child-left > li, ol.child-left > li { float: left; }

ul.child-right > li, ol.child-right > li { float: right; }

.uppercase { text-transform: uppercase; }

.rounded { -moz-border-radius: 6px 6px 6px 6px; -webkit-border-radius: 6px 6px 6px 6px; border-radius: 6px 6px 6px 6px; -webkit-background-clip: padding-box; /* fix webkit rounded corners from showing 2 shaded pixels */ }

.shadow-box { background-color: rgba(0, 0, 0, 0.05); behavior: url(/static/PIE.htc); }

.shadow-box.active { background-color: rgba(0, 0, 0, 0.25); behavior: url(/static/PIE.htc); }

.no-padding { padding: 0; }

hr { border: 0; border-top: 1px dashed white; height: 0px; background: none; margin: 0; padding: 0; width: 100%; float: left; clear: both; }

.s-btn, .more-btn, .top-btn, .menu-btn { display: inline-block; min-width: 30px; font-family: "UniversLTW01-57Condense 723821", "Trebuchet MS", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; font-weight: normal; line-height: 1.5; height: 20px; color: #7d7d7e; padding: 2px 10px 2px 30px; -moz-border-radius: 4px 4px 4px 4px; -webkit-border-radius: 4px 4px 4px 4px; border-radius: 4px 4px 4px 4px; -webkit-background-clip: padding-box; /* fix webkit rounded corners from showing 2 shaded pixels */ background: #e4e2e7; }

.s-btn:hover, .more-btn:hover, .top-btn:hover, .menu-btn:hover { text-decoration: none; color: #e4e2e7; background-color: #4a4a4b; }

.more-btn { background: #e4e2e7 url(//www.burgerfuel.com/nz/static/images/more-arrow.png) no-repeat 10px center; }

.top-btn { background: #e4e2e7 url(//www.burgerfuel.com/nz/static/images/top-arrow.png) no-repeat 10px center; }

.menu-btn { background-color: #c9b9dd; width: 126px; padding: 2px; font-family: "UniversLTW01-57Condense 723821", "Trebuchet MS", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 15px; font-weight: normal; line-height: 18px; color: #5e438d; text-transform: uppercase; }

.menu-btn:hover { color: white; background-color: #5e438d; }

.up-dir { background: transparent url(//www.burgerfuel.com/nz/static/images/all-icons.png) no-repeat -71px 0; width: 13px; height: 13px; margin-top: 3px; margin-right: 5px; }

.r-dir, .l-dir, .bx-prev, .bx-next { background: transparent url(//www.burgerfuel.com/nz/static/images/all-icons.png) no-repeat -41px 0; width: 13px; height: 13px; margin-top: 3px; margin-right: 5px; }

.l-dir, .bx-prev { background-position: -56px 0; }

.c-share { overflow: hidden; display: inline-block; margin-top: 10px; }

.c-share .at16nc, .c-share .at300bs { background: none; }

.c-share a { float: left; margin-right: 3px; text-indent: -9999em; display: block; width: 20px; height: 20px; background: transparent url(//www.burgerfuel.com/nz/static/images/sharing.png) left top; }

.c-share .facebook { background-position: left -100px; }

.c-share .twitter { background-position: left -440px; }

.c-share .email { background-position: left -80px; }

.c-share .gplus { background: none; text-indent: 0; }

.c-share .more { background-position: left -260px; }

.c-share .pinit { background-position: left -340px; }

.c-share .pinit .at_PinItButton { width: 20px; height: 20px; background-position: left -340px; border: 0; }

.c-share .in { background-position: left -200px; }

.block-share { width: 100%; position: absolute; bottom: 14px; left: 20px; }

#world .block-share { left: 0; bottom: 0; margin-top: 22px; position: relative; float: left; width: 100%; height: 24px; }

#general .block-share, #article .block-share { left: 0; position: relative; width: 100%; text-align: center; margin: 0 0 11px; }

#general .block-share ul, #article .block-share ul { margin: 0; overflow: hidden; display: inline-block; }

#competition .block-share { margin: 22px 0 33px; position: relative; float: left; width: 100%; }

.col { margin-bottom: 20px; }

.col ul { overflow: hidden; }

.col ul > li { float: left; }

.col li.bubble { background: #dcd3f1; float: right; position: relative; padding: 20px; font-family: Arial, "Helvetica Neue", Helvetica, Verdana, sans-serif; font-size: 13px; font-weight: normal; font-style: normal; line-height: 1.2; }

.col li.bubble a { color: black; text-decoration: underline; }

.col li.bubble a:hover { text-decoration: none; }

.col li.bubble h3 { font-size: 24px; color: #775c98; text-transform: uppercase; }

.col li.bubble p { color: #494848; }

.col li.bubble .s-btn, .col li.bubble .more-btn, .col li.bubble .top-btn, .col li.bubble .menu-btn { position: absolute; bottom: 22px; left: 24px; text-decoration: none; color: #7d7d7e; }

.col li.bubble .s-btn:hover, .col li.bubble .more-btn:hover, .col li.bubble .top-btn:hover, .col li.bubble .menu-btn:hover { color: #e4e2e7; background-color: #4a4a4b; }

.col .bubble-dir { position: absolute; top: 22px; left: -11px; background: transparent url(//www.burgerfuel.com/nz/static/images/all-icons.png) -132px 0; width: 11px; height: 21px; }

.col p { margin-bottom: 4.4px; }

.preview img a { display: block; }

.bubble { padding: 12px; }

.page-panel .col li.preview, .white-panel .col li.preview { overflow: hidden; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; background-repeat: no-repeat; }

.page-panel .col li.preview background, .white-panel .col li.preview background { position: center center; }

.page-panel .col li.preview img, .white-panel .col li.preview img { opacity: 0; }

.col li.preview { -moz-border-radius: 6px 6px 6px 6px; -webkit-border-radius: 6px 6px 6px 6px; border-radius: 6px 6px 6px 6px; -webkit-background-clip: padding-box; /* fix webkit rounded corners from showing 2 shaded pixels */ }

.col li.preview img { display: block; }

.col-half li.preview { width: 305px; height: 432px; }

.col-half li.preview a { display: block; height: 432px; }

.col-half li.bubble { width: 257px; height: 392px; }

.col-rec li.preview { width: 305px; height: 220px; }

.col-rec li.preview img { height: 220px; margin: 0 auto; }

.col-rec li.bubble { width: 257px; height: 180px; }

.col-square li.preview { width: 305px; height: 305px; }

.col-square li.preview img { height: 305px; margin: 0 auto; }

.col-square li.bubble { width: 257px; height: 265px; }

.col-narrow li.preview { width: 158px; overflow: hidden; height: 210px; }

.col-narrow li.preview img { height: 210px; margin: 0 auto; }

.col-narrow li.bubble { width: 414px; height: 170px; }

.col-full li.preview { width: 100%; }

.col-full li.bubble { width: 92%; min-height: 20px; margin-top: 20px; padding: 4%; }

.col-full li.bubble .title-box { display: block; float: left; width: 30%; }

.col-full li.bubble .desc { margin-bottom: 22px; width: 67%; float: right; }

.col-full li.bubble .s-btn, .col-full li.bubble .more-btn, .col-full li.bubble .top-btn, .col-full li.bubble .menu-btn { position: relative; left: 18px; top: 11px; }

.col-full li.bubble .block-share { left: 216px; }

.col-full .bubble-dir { top: -10px; left: 22px; background-position: -145px 0; width: 21px; height: 11px; }

#search .col, #world .col { margin: 0; }

#search li.bubble, #world li.bubble { text-align: left; padding: 4%; }

#search li.bubble p, #world li.bubble p { width: 100%; }

#search li.bubble .s-btn, #search li.bubble .more-btn, #search li.bubble .top-btn, #search li.bubble .menu-btn, #world li.bubble .s-btn, #world li.bubble .more-btn, #world li.bubble .top-btn, #world li.bubble .menu-btn { position: relative; left: 18px; top: 11px; }

.revolver .slide { left: 0; position: absolute; }

.revolver .s-hidden { display: none; }

.home-slider { position: relative; background-color: rgba(66, 12, 96, 0.25); behavior: url(/static/PIE.htc); border-bottom: 5px solid #735fa2; text-align: center; }

.home-slider .flexslider { width: 950px; margin: 0 auto; }

.home-slider .flexslider ul.slides li img { -moz-border-radius: 8px 8px 8px 8px; -webkit-border-radius: 8px 8px 8px 8px; border-radius: 8px 8px 8px 8px; -webkit-background-clip: padding-box; /* fix webkit rounded corners from showing 2 shaded pixels */ }

.pagination { width: 100%; float: left; height: 24px; margin-top: 5px; text-align: center; }

.pagination ul { display: inline-block; height: 22px; }

.pagination ul > li { float: left; }

.pagination ul li { height: 12px; width: 12px; display: inline-block; position: relative; margin: 5px; z-index: 100; }

.pagination .dot, .pagination .dot:visited { -webkit-border-radius: 8px; -moz-border-radius: 8px; -ms-border-radius: 8px; -o-border-radius: 8px; border-radius: 8px; position: relative; z-index: -1; display: block; width: 12px; height: 12px; overflow: hidden; text-indent: -9999em; background-color: white; }

.pagination .dot.active, .pagination .dot:hover, .pagination .dot:focus, .pagination .dot:active { -webkit-border-radius: 8px; -moz-border-radius: 8px; -ms-border-radius: 8px; -o-border-radius: 8px; border-radius: 8px; position: relative; z-index: -1; display: block; width: 12px; height: 12px; overflow: hidden; text-indent: -9999em; background-color: #3ebcef; }

.text-box { float: left; }

.twitter-slider { height: 1000px; position: relative; }

.twitter-slider .tweets { width: 188px; margin: 0; }

.twitter-slider .tweets .tweet { background-color: rgba(0, 0, 0, 0.05); behavior: url(/static/PIE.htc); overflow: hidden; margin: 2.2px 0; color: white; width: 168px; padding: 11px 10px; min-height: 68px; }

.twitter-slider .tweets .tweet a { color: white; }

.twitter-slider .tweets .tweet img { float: left; width: 40px; margin-right: 5px; }

.twitter-slider .tweets .tweet p.content { font-family: Arial, "Helvetica Neue", Helvetica, Verdana, sans-serif; font-size: 14px; font-weight: normal; font-style: normal; line-height: 18px; margin: 0; width: 70%; float: left; color: white; }

.twitter-slider .tweets .tweet .meta { clear: both; float: right; width: 70%; float: left; color: white; margin-top: 5px; line-height: 14px; margin-left: 45px; background: transparent url(//www.burgerfuel.com/nz/static/images/tw-arrow.png) no-repeat left 3px; }

.twitter-slider .tweets .tweet .time { font-size: 80%; white-space: nowrap; text-decoration: none; }

.twitter-slider .tweets .tweet .time:hover { text-decoration: underline; }

.twitter-slider #twitterSearch .tweet .text, .twitter-slider #twitterUserTimeline .tweet .text { width: 70%; }

#twitter-box { padding: 0; }

#twitter-box h1 { font-family: "UniversLTW01-57Condense 723821", "Trebuchet MS", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 26px; font-weight: normal; line-height: 1.3; text-align: center; }

#tweetfeed { overflow: hidden; text-align: center; padding: 11px 0; height: 48px; text-align: center; }

#tweetfeed .previous, #tweetfeed .next { display: block; width: 13px; height: 13px; margin-top: 17px; margin-left: 13px; text-indent: -9999em; float: left; background-color: #5e438d; background: transparent url(//www.burgerfuel.com/nz/static/images/all-icons.png) no-repeat -56px 0; }

#tweetfeed .next { margin-right: 13px; float: right; background: transparent url(//www.burgerfuel.com/nz/static/images/all-icons.png) no-repeat -41px 0; }

#tweetfeed .tw-icon { width: 48px; height: 48px; margin: 0 auto; }

/* image slider */
.news-slider { width: 672px; margin: 0 auto; }

.news-slider ul.slides li img { -moz-border-radius: 8px 8px 8px 8px; -webkit-border-radius: 8px 8px 8px 8px; border-radius: 8px 8px 8px 8px; -webkit-background-clip: padding-box; /* fix webkit rounded corners from showing 2 shaded pixels */ }

#controls { width: 100%; display: block; margin: 5px 0; height: 24px; text-align: center; }

#controls .controls { height: 24px; margin: 0; padding: 0; text-align: center; display: inline-block; line-height: 242px; }

#controls .controls > li { float: left; }

#controls .controls li { list-style-type: none; height: 12px; width: 12px; display: inline-block; position: relative; margin: 5px; z-index: 100; }

#controls .controls li a { text-indent: -9999em; -webkit-border-radius: 8px; -moz-border-radius: 8px; -ms-border-radius: 8px; -o-border-radius: 8px; border-radius: 8px; position: relative; z-index: -1; display: block; width: 12px; height: 12px; overflow: hidden; text-indent: -9999em; background-color: white; }

#controls .controls li.current a { -webkit-border-radius: 8px; -moz-border-radius: 8px; -ms-border-radius: 8px; -o-border-radius: 8px; border-radius: 8px; position: relative; z-index: -1; display: block; width: 12px; height: 12px; overflow: hidden; text-indent: -9999em; background-color: #3ebcef; }

.fake { background-color: transparent; }

#header-container { background-color: rgba(86, 53, 129, 0.9); behavior: url(/static/PIE.htc); border-top: 1px solid #7555ae; border-bottom: 1px solid #5e438d; height: 50px; width: 100%; min-width: 991px; margin-top: 89px; clear: both; }

#header-container .hcentered { margin-left: auto; margin-right: auto; min-width: 961px; padding-left: 15px; padding-right: 15px; }

header { z-index: 1020; position: relative; }

header nav { display: inline-block; margin-left: 290px; }

header form.hsearch { position: absolute; top: 8px; right: 15px; }

header form.hsearch ::-webkit-input-placeholder { color: white; }

header form.hsearch :-moz-placeholder { color: white; /* Firefox 18- */ }

header form.hsearch ::-moz-placeholder { color: white; /* Firefox 19+ */ }

header form.hsearch :-ms-input-placeholder { color: white; }

header form.hsearch .placeholder { color: white; }

header form.hsearch input[type=search] { background-color: #a79ab6; border: 0; padding: 7px 10px; font-family: Helvetica; font-weight: 100; font-size: 14px; line-height: 20px; float: left; width: 130px; color: white; -moz-border-radius: 4px 0 0 4px; -webkit-border-radius: 4px 0 0 4px; border-radius: 4px 0 0 4px; -webkit-background-clip: padding-box; /* fix webkit rounded corners from showing 2 shaded pixels */ }

header form.hsearch button { background-color: #a79ab6; background-image: none; display: block; border: 0; -moz-border-radius: 0 4px 4px 0; -webkit-border-radius: 0 4px 4px 0; border-radius: 0 4px 4px 0; -webkit-background-clip: padding-box; /* fix webkit rounded corners from showing 2 shaded pixels */ margin: 0; float: left; color: white; padding: 6px 10px; }

header form.hsearch button:hover { color: black; background-color: #a79ab6; }

.main-logo { width: 251px; height: 96px; position: absolute; left: 15px; top: -19px; }

.main-logo img { display: block; }

#footer-container { height: 210px; background: transparent url(//www.burgerfuel.com/nz/static/images/footer-bar.png) repeat-x left bottom; }

#footer-container footer { text-align: center; z-index: 899; }

#footer-container footer nav { top: 48px; padding: 0; }

#footer-container footer .main-logo { margin-top: 18px; background-position: left 0; margin-bottom: 37.4px; }

#footer-container footer .contact { right: 200px; font-size: 12px; text-transform: uppercase; }

#footer-container footer small a:hover { text-decoration: underline; }

footer nav .about-nav ul { left: -105px; background-position: 125px bottom; }

footer nav ul li ul { padding-bottom: 8px; padding-top: 4px; top: -44px; background: transparent url(//www.burgerfuel.com/nz/static/images/subnav-arrow.png) no-repeat 20px bottom; }

nav { position: relative; }

nav ul { float: right; display: inline-block; margin: 0 auto; }

nav ul > li { float: left; }

nav ul li { position: relative; display: inline-block; font-family: "UniversLTW01-57Condense 723821", "Trebuchet MS", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 15px; font-weight: normal; line-height: 20px; }

nav ul li.divider { display: none; }

nav ul li a { padding: 15px 10px; display: block; }

nav ul li a:hover, nav ul li a.active { color: black; }

nav ul li ul { visibility: hidden; position: absolute; top: 50px; left: 0; padding: 5px 0 0; z-index: 5; }

nav ul li ul li { background-color: #9684ac; width: 100%; text-align: center; }

nav ul li ul li:first-child { padding-top: 5px; }

nav ul li ul li:last-child { padding-bottom: 5px; }

nav ul li ul li:last-child a { border: 0; }

nav ul li ul li a { display: block; border-bottom: 1px solid #CDBDE3; margin: 0 10px; padding: 3px 10px; color: white; text-decoration: none; }

nav ul li ul li a:hover { background: none; color: black; }

.share { position: absolute; top: 10px; right: 0; float: right; padding: 0; margin: 0; height: 20px; padding-right: 0; width: 500px; }

.share ul { float: right; overflow: hidden; height: 22px; }

.share ul > li { float: left; }

.share ul li { height: 20px; margin-left: 4px; font-family: "UniversLTW01-57Condense 723821", "Trebuchet MS", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 12px; font-weight: normal; line-height: 20px; }

.share ul li a { display: block; }

.share ul li a:hover { color: #5e438d; }

.share ul li.divider { color: white; }

.share ul li:last-child { margin-left: 6px; }

footer .share { top: 120px; }

input, textarea { width: 370px; outline: none; color: #5e438d; width: #5e438d; -moz-border-radius: 4px 4px 4px 4px; -webkit-border-radius: 4px 4px 4px 4px; border-radius: 4px 4px 4px 4px; -webkit-background-clip: padding-box; /* fix webkit rounded corners from showing 2 shaded pixels */ font-family: "UniversLTW01-57Condense 723821", "Trebuchet MS", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 20px; font-weight: normal; line-height: 1; }

textarea { max-width: 370px; min-width: 370px; border: 0; }

input { display: inline-block; border: none; padding: 22px 10px 18px 40px; border-bottom: 1px solid #dcd3f1; }

#article .search input[type=search] { background: #e2dde8; }

#article .search input[type=search].placeholder { color: white; }

#article .share .divider { color: #5e438d; }

.search input[type=search] { position: absolute; top: 0; left: 0; font-size: 11px; width: 122px; padding: 2px 4px; border: 0; -moz-border-radius: 4px 4px 4px 4px; -webkit-border-radius: 4px 4px 4px 4px; border-radius: 4px 4px 4px 4px; -webkit-background-clip: padding-box; /* fix webkit rounded corners from showing 2 shaded pixels */ background: white; line-height: 16px; }

.search input[type=search].placeholder { color: white; }

.search input[type="search"]::-webkit-search-cancel-button, .s-result input[type="search"]::-webkit-search-cancel-button { /* Now your own custom styles */ display: none; }

.s-block { width: 600px; display: block; margin: 20px auto; }

.s-result { overflow: hidden; }

.s-result input[type="search"] { margin-left: 80px; }

form.search { position: relative; height: 20px; width: 130px; }

.ex-nav { position: absolute; top: 0; width: 100%; min-width: 991px; }

.ex-nav .list { margin-top: 10px; position: relative; text-align: center; text-transform: uppercase; z-index: 1; }

.ex-nav .list:before { content: ""; border-top: 1px solid #9482a9; margin: 0 auto; position: absolute; top: 11px; left: 0; right: 0; bottom: 0; width: 95%; z-index: -1; }

.ex-nav .list ul { display: inline-block; padding: 0 10px; margin: 0 15px; overflow: hidden; }

.ex-nav .list ul li a { background-color: #9482a9; text-decoration: none; font-family: "UniversLTW01-57Condense 723821", "Trebuchet MS", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 13px; font-weight: normal; line-height: 1; display: block; padding: 6px 10px 5px; color: #A1E9FF; float: left; }

.ex-nav .list ul li a:hover { color: black; }

.ex-nav .list ul li:first-child:before { content: ""; float: left; width: 0; height: 0; border-top: 12px solid transparent; border-bottom: 12px solid transparent; border-right: 12px solid #9482a9; }

.ex-nav .list ul li:last-child:after { content: ""; float: right; width: 0; height: 0; border-top: 12px solid transparent; border-bottom: 12px solid transparent; border-left: 12px solid #9482a9; }

@media (min-width: 992px) { #header-container .hcentered { width: 961px; } }
@media (min-width: 1200px) { #header-container .hcentered { width: 1170px; } }
@media (max-width: 1200px) { header nav { display: inline-block; margin-left: 230px; } }
html, body { height: 100%; }

#page { min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -210px; position: relative; }

footer, .push { height: 210px; clear: both; }

/*.push { height: 80px; }*/
footer { position: relative; margin: 0 auto; }

footer p { margin: 0; }

#article #footer-container { background: transparent url(//www.burgerfuel.com/nz/static/images/footer-bar-white.png) repeat-x left bottom; }

#article #footer-container small { color: #5e438d; }

#article #footer-container small a { color: #5e438d; }

#article .share a { color: #5e438d; }

#footer-container { position: relative; width: 100%; margin: 0; height: 210px; background: transparent url(//www.burgerfuel.com/nz/static/images/footer-bar.png) repeat-x left bottom; }

#footer-container .fake { height: 90px; width: 100%; position: absolute; top: -40px; z-index: 0; }

#footer-container footer { text-align: center; z-index: 899; }

#footer-container footer nav { top: 48px; padding: 0; }

#footer-container footer nav .about-nav ul { left: -105px; background-position: 125px bottom; }

#footer-container footer nav .menu-nav ul { left: -125px; background-position: 136px bottom; }

#footer-container footer nav .store-nav ul { left: -165px; background-position: 182px bottom; }

#footer-container footer nav .copor-nav ul { display: none; left: -50%; background-position: 58px bottom; }

#footer-container footer nav .fran-nav ul { left: -55px; background-position: 105px bottom; }

#footer-container footer nav .no-subnav ul { background: none; }

#footer-container footer nav ul ul { padding: 4px 10px; padding-bottom: 8px; padding-top: 4px; top: -44px; background: transparent url(//www.burgerfuel.com/nz/static/images/subnav-arrow.png) no-repeat 20px bottom; }

#footer-container footer nav ul ul ul { display: none; }

#footer-container footer .share { top: 121px; }

#footer-container footer .contact { right: 200px; font-size: 12px; text-transform: uppercase; }

#footer-container .main-logo { margin-top: 18px; background-position: left 0px; margin-bottom: 37.4px; }

#store .sidebar img { width: 100%; }

#store .sidebar p { margin-bottom: 11px; }

.sidebar { margin-right: 30px; width: 188px; color: white; float: right; }

.sidebar p { margin: 0 !important; }

.sidebar a:hover { text-decoration: none; }

.sidebar h1, .sidebar h2 { text-transform: uppercase; text-align: center; color: white; font-family: "UniversLTW01-49LightUlt", "Trebuchet MS", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 60px; font-weight: normal; line-height: 1; text-decoration: underline; }

.sidebar h2 { font-family: "UniversLTW01-49LightUlt", "Trebuchet MS", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 51px; font-weight: normal; line-height: 1; }

.sidebar h3, .sidebar h4, .sidebar h5 { color: white; text-transform: uppercase; font-family: "Clarendon W01 Medium", Georgia, Garamond, Times, "Times New Roman", serif; font-size: 28px; line-height: 32px; }

.sidebar .down-menu h4 { font-family: "UniversLTW01-57Condense 723821", "Trebuchet MS", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 20px; font-weight: normal; line-height: 1; letter-spacing: -1px; }

.sidebar .s-btn, .sidebar .more-btn, .sidebar .top-btn, .sidebar .menu-btn { margin-top: 22px; }

.sidebar li.shadow-box { margin: 2.2px 0; overflow: hidden; }

.sidebar .no-padding { padding: 6.6px 0; }

.sidebar .last { border: 0; }

.sidebar .orders { border: none; }

.sidebar .closest { padding: 0 !important; }

.sidebar #s-findhere img { width: 134px; display: block; margin: 0 auto; }

.sidebar .window { margin: 27px 0 0; border-bottom: 1px dashed white; text-align: center; }

.sidebar .window h2 { margin: 10px 0; text-decoration: none; }

.sidebar .window h2 + .box { padding: 0 0 5px; border-top: none; border-bottom: 1px dashed white; }

.sidebar .window h3 { text-transform: none; font-family: "UniversLTW01-57Condense 723821", "Trebuchet MS", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 25px; font-weight: normal; line-height: 1; text-decoration: underline; color: white; margin-bottom: baseline; font-size: 25px; text-transform: uppercase; }

.sidebar .window span { display: block; }

.sidebar .window .s-addy { margin-top: 1px; line-height: 1.2; }

.sidebar .window .s-phone { margin-top: 1px; padding: 5px 0; color: #cdf2ff; font-size: 20px; }

.sidebar .window .s-hours { margin-top: 1px; padding: 10px 5px; }

.sidebar .window .s-hours li { margin: 2px 0; padding: 0 5px; }

.box { position: relative; padding-bottom: 6.6px; border-bottom: 1px dashed white; }

.newsletter { text-align: center; }

.newsletter p { padding: 0 10px; font-family: "UniversLTW01-57Condense 723821", "Trebuchet MS", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; font-weight: normal; line-height: 18px; }

.newsletter-form { margin-top: 11px; }

.newsletter-form .placeholder { color: white; }

.newsletter-form { margin-top: 11px; }

.newsletter-form input { background-color: #8d7cac; outline: none; width: 135px; color: white; display: inline-block; -moz-border-radius: 4px 4px 4px 4px; -webkit-border-radius: 4px 4px 4px 4px; border-radius: 4px 4px 4px 4px; -webkit-background-clip: padding-box; /* fix webkit rounded corners from showing 2 shaded pixels */ border: none; font-family: Arial, "Helvetica Neue", Helvetica, Verdana, sans-serif; font-size: 13px; font-weight: normal; font-style: normal; line-height: 1; padding-top: 5px; padding-left: 7px; padding-bottom: 5px; margin: 3px 0; }

.newsletter-form input.valid { border: 0; }

.newsletter-form input.error { border: 1px solid #5e438d; }

.newsletter-form input::-webkit-input-placeholder { color: white; }

.newsletter-form .news-submit { height: 24px; color: #7d7d7e; display: inline-block; float: left; margin-left: 20px; margin-top: 11px; border: none; font-size: 14px; line-height: 1.5; }

.newsletter-form .news-submit li { font-family: "UniversLTW01-57Condense 723821", "Trebuchet MS", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; font-weight: normal; line-height: 1.5; line-height: 20px; }

article { padding: 11px 20px; margin: 6.6px 0 0; z-index: 30; }

.dropdown-trigger { margin-left: 20px; }

.store-short { padding: 11px 20px; }

.store-detail { padding-top: 0; margin-bottom: 0; display: none; }

.store-detail .no-padding { padding: 0; }

.store-desc { margin: 0; }

#sb-share { padding-top: 0; padding-bottom: 0; }

#sb-share > ul { margin-top: 4px; }

#sb-share li { padding: 11px 0; text-align: center; }

#sb-share .shadow-box ul { width: 100%; display: inline-block; }

#sb-share .shadow-box ul li { display: inline-block; padding: 0; margin: 0; line-height: 19px; }

#sb-share .down-menu { margin-bottom: 0; padding: 11px 20px; }

#sb-share .down-menu img { margin: 10px auto 0; display: block; }

.sb-imgbox { height: 230px; position: relative; margin-bottom: 11px; }

.sb-imgbox .s-btn, .sb-imgbox .more-btn, .sb-imgbox .top-btn, .sb-imgbox .menu-btn { position: absolute; bottom: 0; }

.sb-img { position: absolute; bottom: -47px; left: 0px; width: 174px; }

html { -webkit-text-size-adjust: none; -ms-text-size-adjust: none; -webkit-font-smoothing: antialiased; }

body { color: #494848; font-family: "UniversLTW01-57Condense 723821", "Trebuchet MS", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 16px; font-weight: normal; line-height: 1.5; min-width: 950px !important; background: url(//www.burgerfuel.com/nz/static/images/tile.png), url(//www.burgerfuel.com/nz/static/images/texture.png); background-repeat: left top, repeat; background-color: #5e438d; }

body#article { background: none; background-color: white; }

div[role=main] { position: relative; z-index: 1019; margin-top: 90px; }

h1, h2, h3, h4, h5, h6 { font-family: "UniversLTW01-57Condense 723821", "Trebuchet MS", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 20px; font-weight: normal; line-height: 1; letter-spacing: -1px; }

.page-heading { text-align: center; padding: 0 100px; }

.heading { float: left; width: 100%; text-align: center; margin: 6.6px 0; }

#home div[role=main] { margin-top: 0; }

.wide { width: 100%; overflow: hidden; clear: both; min-width: 950px; }

.centered { margin-left: auto; margin-right: auto; width: 950px; position: relative; overflow: hidden; }

.wider { max-width: 2000px; width: 100%; margin: 0 auto; text-align: center; color: white; }

.date { color: #4a4a4b; margin-bottom: 6.6px; display: block; }

.promo-bg #page { background: transparent url(//www.burgerfuel.com/nz/static/images/bg-promotion.png) no-repeat center top; }

#page { position: relative; }

#error h3 { color: white; }

#error #page { background: none; }

.alttext h1, .alttext .page-heading, .no-js h1, .no-js .page-heading { font-family: "Trebuchet MS", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 35px; font-weight: normal; font-style: normal; line-height: 1; }

.alttext .sidebar h2, .alttext .sidebar h1, .no-js .sidebar h2, .no-js .sidebar h1 { font-family: "Trebuchet MS", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 29.4px; font-weight: normal; font-style: normal; line-height: 1; }

.alttext nav ul li, .no-js nav ul li { font-family: "Trebuchet MS", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 13.3px; font-weight: normal; font-style: normal; line-height: 1; }

.alttext .menu-btn, .no-js .menu-btn { font-family: "Trebuchet MS", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 12.6px; font-weight: normal; font-style: normal; line-height: 18px; }

.alttext .sb-imgbox h1, .no-js .sb-imgbox h1 { font-family: "Trebuchet MS", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 36.4px; font-weight: normal; font-style: normal; line-height: 1; }

.alttext #twitter-box h1, .no-js #twitter-box h1 { font-family: "Trebuchet MS", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 21px; font-weight: normal; font-style: normal; line-height: 1.3; }

.alttext .news-title h1, .no-js .news-title h1 { font-family: "Trebuchet MS", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 65.8px; font-weight: normal; font-style: normal; line-height: 1; }

.alttext .news-text h1, .no-js .news-text h1 { font-family: "Trebuchet MS", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 56px; font-weight: normal; font-style: normal; line-height: 1; }

.alttext .news-text h3, .no-js .news-text h3 { font-family: "Trebuchet MS", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 42px; font-weight: normal; font-style: normal; line-height: 1; }

.alttext .news-text h6, .no-js .news-text h6 { font-family: "Trebuchet MS", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 35px; font-weight: normal; font-style: normal; line-height: 1; }

a, a:hover, a:active, a:focus, a:visited { outline: 0; }

a { color: white; text-decoration: none; }

a:hover { color: white; }

p { margin: 0 0 22px 0; font-family: Arial, "Helvetica Neue", Helvetica, Verdana, sans-serif; font-size: 14px; font-weight: normal; font-style: normal; line-height: 1.4; }

small { color: white; width: 950px; text-align: center; clear: both; font-family: Arial, "Helvetica Neue", Helvetica, Verdana, sans-serif; font-size: 11px; font-weight: normal; font-style: normal; line-height: 1; }

small .legal { margin: 0 2px; }

h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; }

h1 { font-family: "UniversLTW01-49LightUlt", "Trebuchet MS", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 66px; font-weight: normal; line-height: 1; color: white; letter-spacing: -2px; text-transform: uppercase; }

h2 { font-family: "Clarendon W01 Medium", Georgia, Garamond, Times, "Times New Roman", serif; font-size: 28px; line-height: 32px; }

h3 { font-size: 25px; color: black; margin-bottom: 10px; }

h5 { font-family: "UniversLTW01-57Condense 723821", "Trebuchet MS", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 15px; font-weight: normal; line-height: 1; text-transform: uppercase; }

h6 { font-family: "UniversLTW01-57Condense 723821", "Trebuchet MS", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 13px; font-weight: normal; line-height: 19px; text-transform: uppercase; letter-spacing: 0; }

h6 { font-family: "UniversLTW01-49LightUlt", "Trebuchet MS", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 66px; font-weight: normal; line-height: 1; display: block; color: white; letter-spacing: -2px; background-color: rgba(0, 0, 0, 0.05); behavior: url(/static/PIE.htc); text-align: center; padding: 0 20px; margin: 20px 0; }

#subheader { display: block; width: 115px; cursor: pointer; }

#menu-expanded #submenu { width: 115px; text-align: center; display: none; z-index: 200; padding: 0; margin-top: 5px; }

#menu-expanded li { display: block; width: 100%; padding: 0; margin: 0 auto; text-transform: uppercase; font-family: "UniversLTW01-57Condense 723821", "Trebuchet MS", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 11px; font-weight: normal; line-height: 15px; text-transform: uppercase; letter-spacing: 0; text-align: left; }

#menu-expanded li a { text-decoration: none; color: white; }

#menu-expanded li a:hover { color: red; }

section { z-index: 900; margin-bottom: 22px; }

article { position: relative; overflow: hidden; }

#home .page-panel, #home .white-panel { background-color: rgba(100, 71, 150, 0.4); behavior: url(/static/PIE.htc); padding: 22px 20px 55px; }

#listings .page-panel, #listings .white-panel { background-color: rgba(0, 0, 0, 0.05); behavior: url(/static/PIE.htc); padding: 22px 20px 55px; }

.page-panel, .white-panel { width: 632px; padding: 22px 20px; position: relative; z-index: 30; }

.visible img { width: 100%; display: block !important; }

.content-box { width: 672px; }

.content-box.left { float: left; margin-left: 30px; }

.content-box.center { float: none; margin: 0 auto; }

.content-box ul li { font-family: Arial, "Helvetica Neue", Helvetica, Verdana, sans-serif; font-size: 14px; font-weight: normal; font-style: normal; line-height: 1.2; margin-bottom: 11px; }

.gototop { display: block; margin: 0 auto; width: 30px; }

#backFadeOverlay { opacity: 0.4; }

.backstretch { z-index: -99999; }

.backstretch img { position: absolute; opacity: 0.4; top: 0; left: 0; display: block; width: 100%; height: 100%; }

.white-panel { background: white !important; margin: 6.6px 0; }

.white-panel h1 { color: #5e438d; }

.special { width: 100%; position: relative; padding: 0; margin: 0; clear: both; overflow: hidden; }

.special img { width: 450px; float: left; }

.special-p { float: right; width: 220px; margin-top: 61.6px; font-family: Arial, "Helvetica Neue", Helvetica, Verdana, sans-serif; font-size: 12px; font-weight: normal; font-style: normal; line-height: 1.2; }

.special-p h3, .special-p p { color: white; }

#menu hr { margin-bottom: 10px; }

#menu .white-panel { background-color: #b19bcc !important; }

#menu .white-panel h1, #menu .white-panel p { color: #fff; }

.menu-top { margin: 30px 0; }

.menu-menu { display: block; line-height: 22px; }

.menu-menu ul { display: inline-block; }

.menu-menu ul > li { float: left; }

.menu-menu li { margin-right: 4px; }

.menu-menu .last { margin-right: 0; }

.menu-top { margin: 30px 0; }

#drinks .item, #desserts .item { height: 229px; }

#sauces .item { height: 189px; }

#gourmet-vege .item { height: 189px; }

.menu-list { text-align: center; color: white; }

.menu-list > ul { display: block; }

.menu-list > ul > li { float: left; }

.menu-list .item { position: relative; display: inline-block; margin: 9px; padding: 11px 0; width: 192px; height: 179px; -moz-border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px; border-radius: 5px 5px 5px 5px; -webkit-background-clip: padding-box; /* fix webkit rounded corners from showing 2 shaded pixels */ overflow: hidden; }

.menu-list .item h5 { margin-top: 11px; padding: 0 3px; }

.menu-list .item .thumb img { width: 192px; height: 135px; }

.menu-list .item:hover { background-color: #a488c2; }

.menu-list .item .s-btn, .menu-list .item .more-btn, .menu-list .item .top-btn, .menu-list .item .menu-btn { position: absolute; bottom: 10px; left: 55px; }

.menu-list .item .close { position: absolute; top: 260px; left: 0; display: block; width: 100%; height: 100%; -moz-border-radius: 3px 3px 3px 3px; -webkit-border-radius: 3px 3px 3px 3px; border-radius: 3px 3px 3px 3px; -webkit-background-clip: padding-box; /* fix webkit rounded corners from showing 2 shaded pixels */ background-color: #c9b9dd; }

.menu-list .item .close.active { display: block; top: 0; }

.menu-list .item .close img { margin: 20px auto; }

.menu-list .item2 { margin-left: 106px; }

.menu-list .item1 { margin-left: 210px; }

.menu-list .item-detail { position: relative; top: -9px; left: -20px; display: none; margin-top: -5px; width: 672px; height: 251px; padding: 22px 0; float: none; clear: both; color: #5e438d; background-color: #c9b9dd; }

.menu-list .item-detail .fb_edge_widget_with_comment span.fb_edge_comment_widget iframe.fb_ltr { left: -140px !important; top: 5px !important; }

.menu-list .item-detail h5 { font-family: "UniversLTW01-49LightUlt", "Trebuchet MS", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 40px; font-weight: normal; line-height: 40px; margin-bottom: 22px; }

.menu-list .item-detail img { position: absolute; left: 10px; width: 397px; height: 253px; }

.menu-list .item-detail .desc-text { position: absolute; text-align: left; width: 250px; top: 55px; right: 22px; }

.menu-list .item-detail .desc-text p { color: #5e438d !important; }

.menu-list .item-detail.active { height: 250px; }

.menu-list .item-detail img { top: 22px; }

.menu-list .item-detail > div { display: none; }

.menu-list .item-detail .active { display: block; }

#store-search .placeholder { color: #5e438d; }

.head-search .placeholder { color: white; }

.head-search input { width: 100px; float: left; background: none; color: white; border: none; height: 19px; font-family: "UniversLTW01-57Condense 723821", "Trebuchet MS", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 11px; font-weight: normal; line-height: 19px; padding: 0px 5px 0px 0; }

.head-search input ul li .search { float: right; }

.submit { display: block; text-indent: -9999em; border: 0; }

#store-search { position: relative; margin-bottom: 22px; height: 140px; padding-left: 120px; display: inline-block; }

#store-search ul { margin-top: 30px; line-height: 76px; }

#store-search ul > li { float: left; }

#store-input-field { -moz-box-shadow: inset 0 5px 5px #939393; -webkit-box-shadow: inset 0 5px 5px #939393; box-shadow: inset 0 5px 5px #939393; }

input[type="search"]::-webkit-search-cancel-button { /* Now your own custom styles */ position: relative; right: 20px; width: 10px; height: 10px; display: inline-block; background: #fff; }

#store-search-submit { background: transparent url(//www.burgerfuel.com/nz/static/images/btn-go.png) 0 0; width: 77px; height: 76px; margin-left: 10px; }

#store-search-submit:hover { background-position: -77px 0; }

#map_canvas { width: 672px; height: 460px; }

.badge-search { position: absolute; left: 0; top: 0; }

#storelist { position: absolute; display: none; margin: -7px 0 0 20px; padding: 0; width: 400px; text-align: left; border-radius: 0 0 3px 3px; background: #FFF; overflow: hidden; z-index: 10; }

#storelist.active { display: block; }

#storelist option, #storelist div { display: block; padding: 2px 4px; cursor: pointer; overflow: hidden; }

#storelist option:hover, #storelist div:hover { background: #ddd; }

#the-rest { text-align: center; margin: 11px 0; }

#the-rest p { font-family: "UniversLTW01-57Condense 723821", "Trebuchet MS", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 16px; font-weight: normal; line-height: 1; margin: 0; }

#the-rest hr { float: none; }

#the-rest .country-code, #the-rest .region-code, #the-rest h4 { font-family: "UniversLTW01-49LightUlt", "Trebuchet MS", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 66px; font-weight: normal; line-height: 1; display: block; color: white; text-transform: uppercase; text-align: center; text-decoration: underline; }

#the-rest .country-code { letter-spacing: -2px; margin: 4px 0; text-decoration: none; background: url(//www.burgerfuel.com/nz/static/images/stores-accordian-arrows.png) right -80px no-repeat; background-color: rgba(0, 0, 0, 0.05); behavior: url(/static/PIE.htc); -moz-transition: background-color 0.15s ease; -webkit-transition: background-color 0.15s ease; -o-transition: background-color 0.15s ease; -ms-transition: background-color 0.15s ease; transition: background-color 0.15s ease; }

#the-rest .country-code:hover { background-color: rgba(0, 0, 0, 0.12); behavior: url(//www.burgerfuel.com/static/PIE.htc); }

#the-rest .country-code.active { background: url(//www.burgerfuel.com/nz/static/images/stores-accordian-arrows.png) right -10px no-repeat; background-color: rgba(0, 0, 0, 0.1); behavior: url(/static/PIE.htc); }

#the-rest .region-code { width: 580px; font-family: "UniversLTW01-49LightUlt", "Trebuchet MS", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 34px; font-weight: normal; line-height: 1; margin: 5px auto; background-color: rgba(0, 0, 0, 0.05); behavior: url(/static/PIE.htc); -moz-transition: background-color 0.15s ease; -webkit-transition: background-color 0.15s ease; -o-transition: background-color 0.15s ease; -ms-transition: background-color 0.15s ease; transition: background-color 0.15s ease; }

#the-rest .region-code:hover, #the-rest .region-code.active { background-color: rgba(0, 0, 0, 0.1); behavior: url(/static/PIE.htc); }

#the-rest h4 { font-family: "UniversLTW01-57Condense 723821", "Trebuchet MS", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 18px; font-weight: normal; line-height: 22px; margin: 0; }

#the-rest .region { display: none; margin: 0; padding: 0; }

#the-rest .storelist { display: none; margin: 10px auto; padding: 5px 0; width: 440px; background-color: rgba(255, 255, 255, 0.06); behavior: url(/static/PIE.htc); color: white; }

#the-rest .storelist li:last-child { border: 0; }

#the-rest .store-short { padding: 8px 4px; margin: 0 22px; border-bottom: 1px solid #775c98; cursor: pointer; -moz-transition: background 0.15s ease; -webkit-transition: background 0.15s ease; -o-transition: background 0.15s ease; -ms-transition: background 0.15s ease; transition: background 0.15s ease; }

#the-rest .store-short:hover, #the-rest .store-short.active { background-color: rgba(255, 255, 255, 0.06); behavior: url(/static/PIE.htc); }

#article { color: #5e438d; }

#article .fake, #article .push { background-color: white; }

#article div[role=main] { background: white; }

#article div[role=main] a { color: #5e438d; text-decoration: underline; }

#article div[role=main] a:hover { color: black; }

#article time { color: #5e438d; }

#article .news-article h1, #article .news-article h2, #article .news-article h3, #article .news-article h4, #article .news-article h5 { color: #5e438d; }

#general { color: white; }

#general h1, #general h2, #general h3, #general h4, #general h5 { color: white; }

#listings h1.title { margin-bottom: 11px; font-family: "UniversLTW01-49LightUlt", "Trebuchet MS", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 90px; font-weight: normal; line-height: 1; text-align: center; }

.news-article { float: none; text-align: left; }

.news-article .news-title { margin-bottom: 22px; font-family: "UniversLTW01-49LightUlt", "Trebuchet MS", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 90px; font-weight: normal; line-height: 1; text-align: center; padding: 0 20px; }

.news-article h1, .news-article h2, .news-article h3, .news-article h4, .news-article h5 { font-family: "UniversLTW01-57Condense 723821", "Trebuchet MS", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 16px; font-weight: normal; line-height: 1.5; color: white; line-height: 1; color: #5e438d; text-transform: uppercase; margin-bottom: 22px; }

.news-article h1 { font-size: 60px; }

.news-article h2 { font-size: 50px; }

.news-article h3 { font-size: 40px; }

.news-article h4 { font-size: 32px; }

.news-article h5 { font-size: 28px; }

.news-article p { font-size: 14px; line-height: 1.2; margin-bottom: 11px; }

.news-article time { display: block; color: white; margin: 10px 0; }

.news-article .news-img { position: relative; width: 100%; margin: 0 auto; }

.big-list li { margin-bottom: 33px; }

.strong-text strong { font-weight: bold; }

.two-col { width: 320px; float: left; }

.two-col li { padding: 0 0 10px; margin: 0; }

.two-col li img { width: 100%; }

.two-col li h1, .two-col li h3 { text-align: center; }

.two-col li h1 { font-family: "UniversLTW01-49LightUlt", "Trebuchet MS", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 90px; font-weight: normal; line-height: 1; margin: 0; }

.two-col.listCol2 { float: right; }

#blog {  /**
* ===============
* PAGE "HEADING"
* ===============
*/  /**
* =============
* BLOG ENTRIES
* =============
*/  /**
* ========
* BLOG SIDEBAR
* ========
*/ }

#blog .page-panel, #blog .white-panel { padding: 20px; width: 590px; }

#blog .col-full { margin-bottom: 40px; background: #dcd3f1; }

#blog .content-box { padding-bottom: 40px; }

#blog .content-box > h1 { width: 630px; padding: 0 0 50px; font-size: 90px; text-align: center; }

#blog .content-box > h1 img { margin: 0 auto 50px; display: block; }

#blog .img.rounded { overflow: hidden; }

#blog .img.rounded img { display: block; }

#blog .content { margin-top: 20px; padding-bottom: 30px; }

#blog .content h1 { color: #5e438d; }

#blog .sidebar { text-align: center; }

#blog .sidebar section { padding: 0 0 25px; border-bottom: 1px dashed #fff; }

#blog .sidebar section:last-child { border-bottom: none; }

#blog .profile { text-transform: uppercase; }

#blog .profile img { display: block; margin: 20px auto 15px; }

#blog .profile strong { display: block; color: #40a7e0; }

#blog h2 a { text-decoration: underline; }

#blog .supporters { border-bottom: none; }

#blog .supporters h2 { margin-bottom: 30px; }

#blog .supporters a { display: block; margin: 20px 0; }

#world h1.title { font-size: 90px; margin-bottom: 20px; }

#featured { width: 100%; max-width: 100%; margin: 0 auto; margin-bottom: 20px; overflow: hidden; display: inline-block; }

#featured .feature { display: inline-block; margin: 0 5px; }

#featured ul li { width: 100%; }

#featured ul li.preview { width: auto; }

#featured ul li.preview a.featured-img { position: relative; display: block; padding: 0; margin: 0; }

#featured ul li.preview a.featured-img img { display: block; height: 320px; }

#featured ul li.preview a.featured-img .overlay { display: none; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-color: rgba(220, 211, 241, 0.9); behavior: url(/static/PIE.htc); }

#featured ul li.preview a.featured-img .overlay section { padding: 10px; }

#featured ul li.preview a.featured-img .overlay section h3 { font-size: 30px; color: #5e438d; text-transform: uppercase; }

#featured ul li.preview a.featured-img .overlay section .date { font-size: 20px; color: black; }

#featured ul li.preview a.featured-img .overlay section .area { width: 100%; height: 100%; position: relative; }

#featured ul li.preview a.featured-img .overlay section .inner-box { position: absolute; left: 0px; top: 0px; width: 100%; height: 320px; display: table; }

#featured ul li.preview a.featured-img .overlay section .inner-box .inner { display: table-cell; vertical-align: middle; text-align: center; }

#featured ul li.preview a.featured-img:hover .overlay { display: block; -moz-border-radius: 6px 6px 6px 6px; -webkit-border-radius: 6px 6px 6px 6px; border-radius: 6px 6px 6px 6px; -webkit-background-clip: padding-box; /* fix webkit rounded corners from showing 2 shaded pixels */ }

#filters { color: white; width: 500px; margin: 10px auto; text-transform: uppercase; }

#filters .selected { text-decoration: underline; line-height: 1; }

#container { padding: 0; margin: 0 auto; }

.element { width: 300px; height: auto; margin: 18px; float: left; overflow: hidden; position: relative; }

.element .preview img { width: 300px; }

/**** Isotope Filtering ****/
.isotope-item { z-index: 2; }

.isotope-hidden.isotope-item { pointer-events: none; z-index: 1; }

/**** Isotope CSS3 transitions ****/
.isotope, .isotope .isotope-item { -webkit-transition-duration: 0.8s; -moz-transition-duration: 0.8s; -ms-transition-duration: 0.8s; -o-transition-duration: 0.8s; transition-duration: 0.8s; }

.isotope { -webkit-transition-property: height, width; -moz-transition-property: height, width; -ms-transition-property: height, width; -o-transition-property: height, width; transition-property: height, width; }

.isotope .isotope-item { -webkit-transition-property: -webkit-transform, opacity; -moz-transition-property: -moz-transform, opacity; -ms-transition-property: -ms-transform, opacity; -o-transition-property: top, left, opacity; transition-property: transform, opacity; }

/**** disabling Isotope CSS3 transitions ****/
.isotope.no-transition, .isotope.no-transition .isotope-item, .isotope .isotope-item.no-transition { -webkit-transition-duration: 0s; -moz-transition-duration: 0s; -ms-transition-duration: 0s; -o-transition-duration: 0s; transition-duration: 0s; }

/* disable CSS transitions for containers with infinite scrolling*/
.isotope.infinite-scrolling { -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none; }

#competition { background: none;  /**
* ===============
* PAGE "HEADING"
* ===============
*/ }

#competition .backstretch img { opacity: 1; }

#competition #backFadeOverlay { opacity: 1; }

#competition .page-panel, #competition .white-panel { margin-bottom: 20px; margin-bottom: 40px; background: black; color: white; text-align: center; }

#competition .page-panel .triangle, #competition .white-panel .triangle { position: absolute; top: -11px; left: 20px; background: transparent url(//www.burgerfuel.com/nz/static/images/all-icons.png) -145px -34px; width: 22px; height: 11px; }

#competition .page-panel .img img, #competition .white-panel .img img { width: 100%; }

#competition .page-panel .content, #competition .white-panel .content { text-align: left; }

#competition .page-panel .content h1, #competition .white-panel .content h1 { margin: 22px; text-align: center; }

#competition .page-panel .content h1 a, #competition .white-panel .content h1 a { text-decoration: underline; }

#competition .page-panel .content iframe, #competition .white-panel .content iframe { display: block; margin: 0 auto; }

#competition .page-panel ul, #competition .white-panel ul, #competition .page-panel ol, #competition .white-panel ol { padding-left: 40px; }

#competition .page-panel ul li, #competition .white-panel ul li { list-style: disc; }

#competition .content-box { padding-bottom: 40px; }

#competition .content-box > h1 { padding: 0 0 50px; font-size: 90px; text-align: center; }

#competition .content-box > h1 img { margin: 0 auto 50px; display: block; }

#competition .img.rounded { overflow: hidden; }

#competition .img.rounded img { display: block; }

#competition .content { margin-top: 20px; padding-bottom: 30px; }

#competition .content h2 { font-family: "UniversLTW01-57Condense 723821", "Trebuchet MS", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 25px; font-weight: normal; line-height: 1.5; }

#competition h2 a { text-decoration: underline; }

#comp-form { padding: 22px 0; }

#comp-form fieldset { border: 0; }

#comp-form .option-field { padding: 10px; width: 370px; }

#comp-form label.title { font-family: "UniversLTW01-67BoldCn", "Trebuchet MS", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 24px; font-weight: normal; line-height: 46px; color: white; text-transform: uppercase; }

#comp-form input, #comp-form textarea { float: right; padding: 10px; margin: 10px 0; }

#comp-form .label_radio { float: left; margin-right: 10px; margin-bottom: 5px; text-transform: uppercase; }

#comp-form .label_check { float: left; margin-bottom: 5px; text-transform: uppercase; }

#comp-form button.submit { font-family: "UniversLTW01-49LightUlt", "Trebuchet MS", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 34px; font-weight: normal; line-height: 1; display: block; width: 80px; padding: 5px 10px; background-color: white; text-indent: 0; color: #5e438d; -moz-border-radius: 4px 4px 4px 4px; -webkit-border-radius: 4px 4px 4px 4px; border-radius: 4px 4px 4px 4px; -webkit-background-clip: padding-box; /* fix webkit rounded corners from showing 2 shaded pixels */ }

#comp-form button.submit:hover { background-color: #775c98; color: white; }

.has-js .label_check, .has-js .label_radio { padding-left: 34px; line-height: 22px; height: 22px; }

.has-js .label_radio { background: url(//www.burgerfuel.com/nz/static/images/radio-off.png) no-repeat; }

.has-js .label_check { background: url(//www.burgerfuel.com/nz/static/images/check-off.png) no-repeat; line-height: 25px; height: 25px; display: block; }

.has-js label.c_on { background: url(//www.burgerfuel.com/nz/static/images/check-on.png) no-repeat; }

.has-js label.r_on { background: url(//www.burgerfuel.com/nz/static/images/radio-on.png) no-repeat; }

.has-js .label_check input, .has-js .label_radio input { position: absolute; left: -9999px; }

/* ====== */
/* = IE = */
/* ====== */
.lt-ie9 body { background: url(//www.burgerfuel.com/nz/static/images/tile.png); background-repeat: left top; background-color: #5e438d; }

.lt-ie9 .home-slider { background: transparent url(//www.burgerfuel.com/nz/static/images/transparent.png) left top; }

.lt-ie9 #backFadeOverlay, .lt-ie9 .backstretch img { filter: alpha(opacity=40) !important; /* For IE8 and earlier */ }

.lt-ie9 #featured ul li.preview a.featured-img img { display: block; height: 320px; width: auto; }

.lt-ie9 #featured ul li.preview a.featured-img .overlay { background: transparent url(//www.burgerfuel.com/nz/static/images/lt-transparent.png) left top; }

ul.people { display: inline-block; margin-bottom: 30px; }

ul.people li { width: 12%; text-transform: uppercase; text-align: center; padding: 0 2%; float: left; font-family: "UniversLTW01-67BoldCn", "Trebuchet MS", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 20px; font-weight: normal; line-height: 1; }

ul.people li img { display: block; margin: 0 auto; border: 3px solid #b7acc5; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; -webkit-background-clip: padding-box; /* fix webkit rounded corners from showing 2 shaded pixels */ margin-bottom: 10px; }

ul.people li a { color: white; }

footer { color: white; padding-top: 60px; padding-bottom: 8px; }
footer .footer-links, footer .addthis_toolbox { display: inline-block; vertical-align: middle; }
footer .footer-links { font-size: 12px; }
footer .footer-links a { margin: 0 4px; }
footer .footer-links a.supply { margin: 0; }
footer .addthis_toolbox { width: 181px; }
footer .addthis_32x32_style a { padding: 0 4px !important; }
footer .addthis_32x32_style .at300bs { background: transparent url(//www.burgerfuel.com/nz/static/images/sharing2.png) no-repeat 0 0 !important; height: 20px !important; line-height: 20px !important; }
footer .addthis_32x32_style .at300bs.at15t_facebook { width: 45px !important; }
footer .addthis_32x32_style .at300bs.at15t_twitter { background-position: 0 -20px !important; width: 58px !important; }
footer .addthis_32x32_style .at300bs.at15t_compact { background-position: 0 -40px !important; width: 50px !important; }