/* -----------------------------------------------
STYLES
----------------------------------------------- */
body { color: #4a4845; background: #fef7ea;  }
li { font-size: 1.2em; }
a { color: #6b6b6b; text-decoration: none; }
strong { font-weight: bold; }

/* -----------------------------------------------
STRUCTURE
----------------------------------------------- */
/* Container */
div#Container { width: 860px; margin: 40px auto; }

/* Header */
div#Header { background: url(../img/structure/food/divider.png) repeat-x left bottom; margin: 0 0 25px 0; min-height: 280px; }

/* Promotion */
div#Promotion { float: right; width: 600px; text-align: right; overflow: hidden; }

/* NavPrimary */
div#NavPrimary { float: left; }
div#NavPrimary li.all-about { background: url(../img/structure/base/navprimary_all_about.png) no-repeat; height: 68px; width: 130px; margin: 0 0 3px 0; display: block; }
div#NavPrimary li.food a { background: url(../img/structure/base/navprimary_food.png) no-repeat; height: 33px; width: 116px; }
div#NavPrimary li.us a { background: url(../img/structure/base/navprimary_us.png) no-repeat; height: 33px; width: 64px; }
div#NavPrimary li.you a { background: url(../img/structure/base/navprimary_you.png) no-repeat; height: 33px; width: 95px; }
div#NavPrimary li.people a { background: url(../img/structure/base/navprimary_people.png) no-repeat; height: 40px; width: 163px; margin: 0; z-index: 2; position: relative; }
div#NavPrimary li.brands a { background: url(../img/structure/base/navprimary_brands.png) no-repeat; height: 33px; width: 165px; margin: -4px 0 0 0; z-index: 1; position: relative; }
div#NavPrimary li a { display: block; margin: 0 0 3px 0; }
div#NavPrimary li a:hover,
div#NavPrimary li.selected a { background-position: bottom left; }
div#NavPrimary li { display: inline; }
div#NavPrimary li span { display: none; }

/* NavSecondary */
div#NavSecondary { clear: both; padding: 0 0 13px 0; background: url(../img/structure/brands/divider.png) left bottom repeat-x; margin: -10px 0 20px 0; }
div#NavSecondary li { display: inline; background: url(../img/structure/base/navsecondary_brands.png) no-repeat left 7px; padding: 0 0 0 15px; margin: 0 0 0 8px; }
div#NavSecondary li.first { margin-left: 0; padding-left: 0; background: none; }
div#NavSecondary li.selected { font-weight: bold; }

/* Footer */
div#Footer { margin: 50px 0 0 0; }
div#Footer div.links { background: url(../img/structure/base/divider_grey.png) repeat-x left bottom; padding: 12px 0; }
div#Footer div.links li { float: left; margin: 0 50px 0 0; }
div#Footer div.links li.us a { color: #60396f; }
div#Footer div.links li.you a { color: #f16421; }
div#Footer div.links li.people a { color: #0083a9; }
div#Footer div.links li.brands a { color: #8ba708; }
div#Footer div.links li.contact a { color: #b1005c; }
div#Footer div.links li.sitemap { float: right; margin-right: 0; }
div#Footer div.links li.sitemap a { color: #6b6b6b; }
div#Footer div.contact { background: url(../img/structure/base/divider_grey.png) repeat-x left bottom; padding: 12px 0; }
div#Footer div.contact li { display: inline; font-size: 1.1em; margin: 0 0 0 15px; }
div#Footer div.contact li.first { margin-left: 0; }
div#Footer div.legal { padding: 10px 0; font-size: 1.1em; }

/* -----------------------------------------------
GLOBAL
----------------------------------------------- */
/* Generic Style */
div#Content a { font-weight: bold; }
div#Content p { font-size: 1.2em; line-height: 1.3em; margin: 0 0 15px 0; }
div#Content h2 { font-size: 1.4em; font-weight: bold; margin: 0 0 3px 0; }
div#Content h3 { font-size: 1.4em; margin: 0 0 10px 0; }

/* Columns */
div#Content div.col1 { float: left; width: 420px; margin: 0 20px 0 0; }
div#Content div.end { margin-right: 0; }

/* List  */
div#Content ul.list { margin: 5px 0 20px 0; }
div#Content ul.list li { background: url(../img/structure/base/list_brands.png) no-repeat left 2px; padding: 0 0 0 12px; margin: 0 0 20px 0; }
div#Content ul.list li strong { display: block; margin: 0 0 5px 0; }
div#Content ul.list-singleline li { font-weight: bold; margin: 0 0 10px 0; }

/* Loading */
div.loading { background: url(../img/structure/brands/loading.gif); width: 32px; height: 32px; margin: 100px auto 0 auto; }
div.loading span { display: none; }

/* Form */
div.form legend { display: none; }
div.form div.input { margin: 0 0 20px 0; position: relative; }
div.form div.input:after { content:'.'; display:block; height:0; clear:both; visibility:hidden; }
div.form div.input label { width: 100px; font-size: 1.4em; text-align: right; margin: 0 10px 0 0; float: left; padding: 7px 0 0 0; font-weight: bold; }
div.form div.text input { background: url(../img/structure/base/form_text.png) no-repeat; width: 270px; height: 22px; border: none; padding: 8px 10px 0 10px; font-weight: bold; }
div.form div.text input.active { background-position: left -30px; }
div.form div.textarea div.wrapper { background: url(../img/structure/base/form_textarea.png) no-repeat left top; width: 270px; height: 64px; padding: 8px 10px 8px 10px; float: left; }
div.form div.textarea textarea { background: none; width: 100%; height: 54px; border: none; font-weight: bold; }
div.form div.textarea textarea.active { background-position: left -80px; }
div.form div.submit { text-align: right; padding: 0 20px 0 0; min-height: 50px; }
div.form div.error-message { background: url(../img/structure/base/form_error.png); width: 133px; height: 38px; position: absolute; top: -15px; right: 0; }

/* JQM Window */
div#Content div.jqmWindow { display: none; position: fixed; top: 25%; left: 50%; margin-left: -270px; width: 540px; }
div#Content div.jqmWindow div.top { background: url(../img/structure/base/dialog_top.png); height: 40px; }
div#Content div.jqmWindow div.main { background: url(../img/structure/base/dialog_main.png); min-height: 40px; padding: 0 40px; color: #fff; }
div#Content div.jqmWindow div.main p { font-size: 1.3em; margin: 0; }
div#Content div.jqmWindow div.main div.divider { background: url(../img/structure/base/dialog_divider.png) repeat-x left center; height: 43px; }
div#Content div.jqmWindow div.main a.close { background: url(../img/structure/base/dialog_close.png) no-repeat; width: 13px; height: 13px; display: block; position: absolute; right: 35px; top: 35px; }
div#Content div.jqmWindow div.main a.close span { display: none; }
div#Content div.jqmWindow div.base { background: url(../img/structure/base/dialog_base.png); height: 40px; }
div.jqmOverlay { background-color: #000; }
/* -----------------------------------------------
FOOD
----------------------------------------------- */
/* Colours */
body.food div#Content,
body.food a { color: #b1005c; }
body.food a:hover { background: #e6dbd8; }
body.food div#Header { background-image: url(../img/structure/food/divider.png); }
body.food div#NavPrimary li.all-about { background-position: top left; }

/* -----------------------------------------------
US
----------------------------------------------- */
/* Colours */
body.us div#Content,
body.us a { color: #60396f; }
body.us a:hover { background: #e6dbd8; }
body.us div#Header { background-image: url(../img/structure/us/divider.png); }
body.us div#NavPrimary li.all-about { background-position: 0 -73px; }

/* -----------------------------------------------
YOU
----------------------------------------------- */
/* Colours */
body.you div#Content,
body.you a { color: #f16421; }
body.you a:hover { background: #fce1cc; }
body.you div#Header { background-image: url(../img/structure/you/divider.png); }
body.you div#NavPrimary li.all-about { background-position: 0 -146px; }
body.you div#Timeline { clear: both; }

/* -----------------------------------------------
PEOPLE
----------------------------------------------- */
/* Colours */
body.people div#Content,
body.people a { color: #0083a9; }
body.people a:hover { background: #d8e6e0; }
body.people div#Header { background-image: url(../img/structure/people/divider.png); }
body.people div#NavPrimary li.all-about { background-position: 0 -219px; }

/* Director */
body.people div#Content div.details { background: url(../img/structure/people/divider.png) repeat-x left bottom; padding: 0 0 10px 0; margin: 0 0 20px 0; }
body.people div#Content div.details-last { background: none; }

/* -----------------------------------------------
BRANDS
----------------------------------------------- */
/* Colours */
body.brands div#Content,
body.brands a { color: #8cac00; }
body.brands a:hover { background: #edecc7; }
body.brands .selected a { background: #edecc7; font-weight: bold; }
body.brands div#Header { background-image: url(../img/structure/brands/divider.png); }
body.brands div#NavPrimary li.all-about { background-position: 0 -292px; }

/* Content */
body.brands div#Content { min-height: 400px; position: relative; }

/* Intro */
body.brands div#Intro { background: url(../img/structure/brands/intro.png) no-repeat; }
body.brands div#Intro ul { padding: 25px 0 0 230px; }
body.brands div#Intro li { float: left; width: 315px; height: 230px; }
body.brands div#Intro li a { display: block; }
body.brands div#Intro li a span { display: none; }
body.brands div#Intro li.nandos a { background: url(../img/structure/brands/intro_nandos.jpg) no-repeat; width: 285px; height: 160px; margin: 0 0 0 15px; }
body.brands div#Intro li.pizzaexpress a { background: url(../img/structure/brands/intro_pizzaexpress.jpg) no-repeat; width: 195px; height: 190px; margin: 0 0 0 85px; }
body.brands div#Intro li.cranks a { background: url(../img/structure/brands/intro_cranks.jpg) no-repeat; width: 265px; height: 95px; }
body.brands div#Intro li.wagamama a { background: url(../img/structure/brands/intro_wagamama.jpg) no-repeat; width: 290px; height: 95px; margin: 0 0 0 25px; }

/* -----------------------------------------------
CONTACT US
----------------------------------------------- */
body.contact-us div#Map div.wrapper { border: 1px solid #b1005c; margin: 0 0 10px 0; }
body.contact-us div#Dialog div.main h3 { height: 94px; background: url(../img/content/contact/dialog_thankyou.png) no-repeat; }
body.contact-us div#Dialog div.main h3 span { display: none; }