/* -----------------------------------------------
IMPORTS
----------------------------------------------- */
@import url("base.css");

/* -----------------------------------------------
STYLES
----------------------------------------------- */
body { color: #666; font-family: "Lucida Grande", "Lucida Sans Unicode", sans-serif, Arial; height: 100%; background: #B4B4B4; }
a { text-decoration: underline; color: #666; }
p { line-height: 1.4em; font-size: 1.2em; margin: 0 0 15px 0; }
p.lrg { font-size: 1.4em; margin: 0 0 15px 0; }
h1, .h1 { font: 3em Georgia, sans-serif; font-weight: bold; }
h2, .h2 { font: 1.5em Georgia, sans-serif; font-weight: bold; margin: 0 0 15px 0; }
h3, .h3 { font: 1.3em Georgia, sans-serif; font-weight: bold; margin: 0 0 15px 0; border-bottom: 1px solid #c0c0c0; padding: 0 0 10px 0; }
h4, .h4 { font: 1.3em Georgia, sans-serif; margin: 0 0 15px 0; border-bottom: 1px solid #c0c0c0; padding: 0 0 10px 0; }

/* -----------------------------------------------
STRUCTURE
----------------------------------------------- */

/* Sitemap
------------------------- */
/* Spr */
a#ToggleSiteMap,
div#Sitemap div.content li,
div#Sitemap div.content li strong { background: url(../img/website/structure/sitemap_spr.png); }
/* ------ */
div#Sitemap { border-bottom: 10px solid #c7e32e; background: url(../img/website/structure/sitemap.jpg) no-repeat center top; position: relative; z-index: 20; }
div#Sitemap div.wrp { width: 942px; margin: 0 auto 0 auto;   }
div#Sitemap div.content { height: 385px; }
div#Sitemap div.content ul { float: left; width: 150px; margin: 85px 60px 0 0; }
div#Sitemap div.content li { padding: 0 0 7px 12px; margin: 0 0 7px 0; font-family: "Lucida Grande", "Lucida Sans Unicode", sans-serif, Arial; font-size: 1.3em; background-position: -567px bottom; }
div#Sitemap div.content li strong { font-size: 1.1em; font-weight: bold; background-position: -717px 4px; display: block; margin-left: -12px; padding-left: 12px; }
div#Sitemap div.content li a { text-decoration: none; }
div#Sitemap div.content li a:hover { text-decoration: underline; }
a#ToggleSiteMap { width: 81px; height: 34px; display: block; margin-left: 200px; position: relative; left: 50%; }
/* Colours */
body.events div#Sitemap { border-color: #7dc833; }
body.events a#ToggleSiteMap { background-position: -81px 0; }
body.rewards div#Sitemap { border-color: #00bce4; }
body.rewards a#ToggleSiteMap { background-position: -162px 0; }
body.design div#Sitemap { border-color: #00b5b7; }
body.design a#ToggleSiteMap { background-position: -243px 0; }
body.video div#Sitemap { border-color: #b335a4; }
body.video a#ToggleSiteMap { background-position: -324px 0; }
body.interactive div#Sitemap { border-color: #ed0080; }
body.interactive #ToggleSiteMap { background-position: -405px 0; }
body.create div#Sitemap { border-color: #6a5ace; }
body.create #ToggleSiteMap { background-position: -486px 0; }
/* ------ */

/* Container
------------------------- */
div#Container { position: relative; z-index: 10; background: #fff; }
body.background div#Container { background-attachment: fixed; }
/* loading */
body.loading { background: #fff url(../img/website/structure/loading.gif) no-repeat center 300px; }
body.loading div#Container { visibility: hidden; }

/* Header
------------------------- */
/* Spr */
div#Header a.branding,
div#Header div.newsletter,
div#Header div.newsletter div.wpr,
div#Header div.newsletter strong a span { background: url(../img/website/structure/header_spr.png); }
/* ------ */
div#Header { width: 942px; margin: 0 auto 8px auto; position: relative; }
/* Branding */
div#Header a.branding { width: 175px; height: 60px; display: block; float: left; }
/* Newsletter */
div#Header div.newsletter { width: 300px; background-position: -195px 0; padding: 10px 0 0 0; float: right; margin: 20px 0 0 0; }
div#Header div.newsletter div.wpr { background-position: -495px bottom; padding: 0 10px 10px 10px; position: relative; }
div#Header div.newsletter strong { display: block; margin: 0 0 10px 5px; font-size: 1.2em; }
div#Header div.newsletter strong a {  position: relative; padding-right: 25px; margin-left: 10px;  }
div#Header div.newsletter strong a span { width: 20px; height: 20px; display: block; position: absolute; top: 0; right: 0; background-position: -175px 0; }
div#Header div.newsletter div.input input { width: 190px; }
div#Header div.newsletter div.submit { position: absolute; bottom: 20px; right: 10px; }
/* Background */
div#Header div.background { position: absolute; right: 325px; bottom: 15px; }
div#Header div.background p { color: #666; margin: 0; font-size: 1.1em; }
div#Header div.background a { color: #666; }
div#Header div.background a.selected { text-decoration: none; }
/* Colours */
body.events div#Header a.branding { background-position: 0 -60px; }
body.events div#Header div.newsletter strong a span { background-position: -175px -60px; }
body.rewards div#Header a.branding { background-position: 0 -120px; }
body.rewards div#Header div.newsletter strong a span { background-position: -175px -120px; }
body.design div#Header a.branding { background-position: 0 -180px; }
body.design div#Header div.newsletter strong a span { background-position: -175px -180px; }
body.video div#Header a.branding { background-position: 0 -240px; }
body.video div#Header div.newsletter strong a span { background-position: -175px -240px; }
body.interactive div#Header a.branding { background-position: 0 -300px; }
body.interactive div#Header div.newsletter strong a span { background-position: -175px -300px; }
body.create div#Header a.branding { background-position: 0 -360px; }
body.create div#Header div.newsletter strong a span { background-position: -175px -360px; }

/* ------ */

/* Banner
------------------------- */
div#Banner { width: 170px; height: 140px; background: url(../img/website/content/banner.png); position: absolute; top: 0; right: 0; }
div#Banner a { display: block; height: 100%; }

/* Main
------------------------- */
div#Main { width: 942px; margin: 0 auto 25px auto; }

/* SideBar
------------------------- */
div#SideBar { width: 170px; float: left; }

/* Nav
------------------------- */
/* Spr */
div#Nav, div#Nav div.wpr, 
div#Nav ul, 
div#Nav li, 
div#Nav li a.selected, 
div#Nav li a.selected span { background: url(../img/website/structure/nav_spr.png) no-repeat; }
/* ------ */
div#Nav { padding: 0 0 20px 0; background-position: -340px bottom; margin: 0 0 5px 0; }
div#Nav div.wpr { background-position: -170px 0; padding-top: 10px; }
div#Nav ul { background-repeat: repeat-y; padding: 0 10px 0 10px; }
div#Nav li { padding: 3px 0 2px 0; background-position: -510px top; }
div#Nav li.first { background: none; padding-top: 0; }
div#Nav ul li a { display: block; color: #666; font-size: 1.3em; text-decoration: none; }
div#Nav ul li a span { display: block; padding: 5px; }
div#Nav ul li a:hover { text-decoration: underline; }
div#Nav ul li a.selected { padding-bottom: 5px; background-position: -660px bottom; }
div#Nav ul li a.selected span { display: block; background-position: -810px top; padding-bottom: 0; padding-left: 20px; font-weight: bold; }
/* Level 2 */
div#Nav ul ul { padding: 2px 0 0 0; background: none; }
div#Nav ul ul li a span { padding-left: 20px; }
div#Nav ul ul li a.selected { background-position: -960px bottom; }
div#Nav ul ul li a.selected span { background-position: -1110px top; }
/* Level 3 */
div#Nav ul ul ul li a span { padding-left: 30px; }
div#Nav ul ul ul li a { font-size: 1.2em; }
div#Nav ul ul ul li a.selected { background-position: 0 bottom; }
div#Nav ul ul ul li a.selected span { background-position: 0 top; padding-left: 30px;}

/* Extranet
------------------------- */
/* Spr */
div#Extranet, 
div#Extranet div.wpr,
div#Extranet div.submit a { background: url(../img/website/structure/extranet_spr.png) no-repeat; }
/* ------ */
div#Extranet { padding: 10px 0 0 0; }
div#Extranet div.wpr { background-position: -170px bottom; padding: 5px 15px 15px 15px; }
div#Extranet fieldset { margin: 0; }
div#Extranet div.input { margin: 0 0 2px 0; }
div#Extranet div.input input { width: 130px; }
div#Extranet div.submit { margin-top: 5px; }
div#Extranet div.submit a { display: block; float: left; margin-top: 7px; background-position: -340px 0; padding-left: 12px; }
div#Extranet div.submit input { float: right; }

/* Content
------------------------- */
div#Content { width: 766px; float: right; }
div#Content a { text-decoration: underline; font-weight: bold; }

/* Heading
------------------------- */
/* Spr */
div#Heading,
div#Heading div.wrp,
div#Heading a.blog,
div#Heading a.toggle { background: url(../img/website/structure/heading_spr.png) no-repeat; }
/* ------ */
div#Heading { padding: 20px 0 0 0; position: relative; margin: 0 0 8px 0; background-position: -123px 0; color: #fff; }
div#Heading div.wrp { background-position: -889px bottom; padding: 0 25px 5px 25px; }
div#Heading h1, div#Heading .h1 { font-size: 5em; color: #fff; margin: 0 0 30px 0; display: block; letter-spacing: -2px;  }
div#Heading a.blog { width: 95px; height: 100px; position: absolute; top: 25px; right: 55px; }
div#Heading a.toggle { width: 28px; height: 28px; position: absolute; top: 25px; right: 55px; background-position: -95px 0; right: 20px; }
div#Heading a.toggle.disabled { background-position: -95px -28px; }
div#Heading div.content { border-top: 1px solid #fff; }
div#Heading div.content p { font-size: 2.5em; color: #fff; margin: 25px 0 25px 0; line-height: 1.1em; letter-spacing: -1px; }
/* Colours */
body.events div#Heading { background-position: -1655px 0; }
body.events div#Heading div.wrp { background-position: -2421px bottom; }
body.events div#Heading a.toggle { background-position: -95px -55px; }
body.events div#Heading a.toggle.disabled { background-position: -95px -82px; }
body.rewards div#Heading { background-position: -3187px 0; }
body.rewards div#Heading div.wrp { background-position: -3953px bottom; }
body.rewards div#Heading a.toggle { background-position: -95px -109px; }
body.rewards div#Heading a.toggle.disabled { background-position: -95px -136px; }
body.design div#Heading { background-position: -4719px 0; }
body.design div#Heading div.wrp { background-position: -5485px bottom; }
body.design div#Heading a.toggle { background-position: -95px -163px; }
body.design div#Heading a.toggle.disabled { background-position: -95px -190px; }
body.video div#Heading { background-position: -6251px 0; }
body.video div#Heading div.wrp { background-position: -7017px bottom; }
body.video div#Heading a.toggle { background-position: -95px -217px; }
body.video div#Heading a.toggle.disabled { background-position: -95px -244px; }
body.interactive div#Heading { background-position: -7783px 0; }
body.interactive div#Heading div.wrp { background-position: -8549px bottom; }
body.interactive div#Heading a.toggle { background-position: -95px -271px; }
body.interactive div#Heading a.toggle.disabled { background-position: -95px -298px; }
body.create div#Heading { background-position: -9315px 0; }
body.create div#Heading div.wrp { background-position: -10081px bottom; }
body.create div#Heading a.toggle { background-position: -95px -325px; }
body.create div#Heading a.toggle.disabled { background-position: -95px -352px; }
/* ------ */

/* Footer
------------------------- */
/* Spr */
div#Footer div.legal li a,
div#Footer div.legal li.last,
div#Footer div.details a.blog { background: url(../img/website/structure/footer_spr.png) no-repeat;  }
/* ------ */
div#Footer { background: #b4b4b4; position: relative; }
div#Footer a { text-decoration: none; }
div#Footer div.details { background: #f5f5f5; padding: 25px 0 40px 0; }
div#Footer div.details div.wpr { width: 940px; margin: 0 auto; position: relative; }
div#Footer div.details a.blog { position: absolute; width: 75px; height: 80px; left: 0; top: 0;}
div#Footer div.details div.panel { float: left; margin-right: 30px; width: 170px; }
div#Footer div.details div.panel h2 { font-size: 1.2em; font-weight: bold; margin: 0 0 15px 0; }
div#Footer div.details div.panel p { line-height: 1.5em; }
div#Footer div.details div.panel a { color: #717171; }
div#Footer div.details div.panel li { line-height: 1.5em; }
div#Footer div.details div.address { margin-left: 190px; }
div#Footer div.details div.enquiries { width: 200px; margin-right: 0; }
div#Footer div.details div.links { margin-right: 0; width: 120px; float: right; }
div#Footer div.legal { width: 940px; margin: 0 auto; }
div#Footer div.legal ul { padding: 25px 0 25px 190px; }
div#Footer div.legal li { float: left; margin: 0 10px 0 0; color: #fff; }
div#Footer div.legal li.first { margin: 0 100px 0 0; }
div#Footer div.legal li a { background-position: -140px 3px; padding-left: 8px; color: #fff; }
div#Footer div.legal li.last { float: right; width: 65px; height: 20px; background-position: -75px 0; margin-top: -8px; }

/* BreadCrumb
------------------------- */
ul#BreadCrumb { font-size: 1.2em; margin: 0 0 25px 0; color: #fff; }
ul#BreadCrumb li { display: inline; font-weight: bold; font-family: ; }
ul#BreadCrumb a { color: #fff; font-weight: normal; text-decoration: none; }

/* -----------------------------------------------
GRIDS
----------------------------------------------- */
div#Content div.grid-228-228-228 { margin-bottom: 8px; }
div#Content div.grid-228-228-228 div.col { width: 228px; float: left; margin-right: 15px; }
div#Content div.grid-228-228-228 div.col-last { margin-right: 0; }

div#Content div.grid-250-250-250 { margin-bottom: 8px; }
div#Content div.grid-250-250-250 div.col { width: 250px; float: left; margin-right: 8px; }
div#Content div.grid-250-250-250 div.col-last { margin-right: 0; }

/* -----------------------------------------------
FORMS
----------------------------------------------- */
form div.input input, 
form div.textarea textarea,
form div.select select { border: 1px solid #e4e3e3; color: #717171; font-size: 1.4em; font-family: "Lucida Grande", "Lucida Sans Unicode", sans-serif, Arial; }

/* -----------------------------------------------
CONTENT COMPONENTS
----------------------------------------------- */

/* Plinth
------------------------- */
/* Spr */
div#Content div.plinth,
div#Content div.plinth div.wpr { background: url(../img/website/structure/plinth_spr.png) no-repeat; }
/* ------ */
div#Content div.plinth { padding-top: 15px; position: relative; margin: 0 0 8px 0; }
div#Content div.plinth div.wpr { background-position: -766px bottom; padding: 0 20px 25px 20px;  }
div#Content div.plinth p.date { position: absolute; bottom: 16px; right: 15px; font-size: 1em; }
div#Content div.plinth a.toggle { width: 28px; height: 28px; position: absolute; top: 25px; right: 55px; background: url(../img/website/structure/buttons_spr.png) -437px 0 no-repeat; right: 20px; }
div#Content div.plinth a.toggle.active { background-position: -465px  0; }
div#Content div.plinth div.image { border: 1px solid #e2e0e0; background: #fff; padding: 4px; margin: 0 -10px 15px -10px; position: relative; }
div#Content div.grid-250-250-250 div.plinth { background-position: -1532px top; margin-bottom: 0; }
div#Content div.grid-250-250-250 div.plinth div.wpr { background-position: -1782px bottom; padding: 0 20px 60px 20px; }
div#Content div.grid-250-250-250 h2.heading { margin: 20px; }
div#Content div.grid-250-250-250 div.plinth a.btn { display: block; height: 27px; position: absolute; bottom: 25px; left: 15px; }
div#Content div.grid-250-250-250 div.plinth a.next-ajax { left: 3px;  }
div#Content div.grid-250-250-250 div.plinth a.prev-ajax { right: 4px; left: auto; }
div#Content div.grid-250-250-250 div.plinth ul { margin: 0 0 15px 0; }
div#Content div.grid-250-250-250 div.plinth li { font-size: 1.2em; border-top: 1px solid #ccc; padding: 10px 0; line-height: 1.4em; }

/* Details
------------------------- */
div#Content div.details div#MainImage { position: relative; height: 409px; overflow: hidden; }
div#Content div.details div.buttons { margin: 0 0 10px 0; }
div#Content div.details div.buttons .fR { margin-left: 10px; }
div#Content div.details div.title { border-bottom: 1px solid #ccc; margin: 30px 0 10px 0; padding: 0 0 10px 0; position: relative; }
div#Content div.details div.title strong { font-size: 2.2em; }
div#Content div.details div.title h1, div#Content div.details div.title .h1 { font-size: 2.5em;  margin: 0; }
div#Content div.details div.title p.date { position: absolute; right: 0; bottom: 0; }
div#Content div.details div.testimonial { padding: 0; border: none; }
div#Content div.details div.testimonial .h2 { font-size: 1.6em; border-bottom: 1px solid #ccc; display: block; padding: 0 0 10px 0; margin: 0; }
div#Content div.details div.testimonial h2 { font-size: 1.6em; border-bottom: 1px solid #ccc; padding: 10px 0 10px 0; margin: 0; }
div#Content div.details div.testimonial p.date { position: absolute; top: 5px; right: 0; }
div#Content div.details div.content p { font-size: 1.4em; }
div#Content div.details div.gallery { margin: 0 0 30px 0; width: 732px; }
div#Content div.details div.gallery li { float: left; margin: 6px 6px 0 0; }

/* Buttons
------------------------- */
/* Spr */
div#Content a.btn { background: url(../img/website/structure/buttons_spr.png) no-repeat; display: block; height: 27px; width: 65px; }
/* ------ */
div#Content a.back {  }
div#Content a.view { background-position: -65px 0; }
div#Content a.view:hover { background-position: -65px -27px; }
div#Content a.next-ajax { width: 23px; background-position: -153px 0; top: 50%; margin-top: -12px; }
div#Content a.next-ajax:hover { background-position: -153px -27px; }
div#Content a.prev-ajax { width: 23px; background-position: -130px 0; top: 50%; margin-top: -12px; }
div#Content a.prev-ajax:hover { background-position: -130px -27px; }
div#Content a.subscribe { width: 86px; background: url(../img/website/structure/button_subscribe.png) no-repeat; }
div#Content a.download-pdf-map { width: 150px; background-position: -610px 0; }
div#Content a.watch-video { width: 106px; background-position: -1235px 0; }
div#Content a.comment { width: 100px; background-position: -178px 0; top: 50%; margin-top: -12px; text-align: center; color: #5e6309; text-decoration: none; line-height: 2.7em; }

/* Related
------------------------- */
div#Content div.related h2 { margin: 20px; }

/* Loading
------------------------- */
div.loading { background: #fff url(../img/website/structure/loading.gif) no-repeat center center !important; }

/* Paging
------------------------- */
/* Spr */
div#Content div.paging,
div#Content div.paging div.wpr,
div#Content div.paging div.prev span,
div#Content div.paging div.next span { background: url(../img/website/structure/paging_spr.png) no-repeat;  }
/* ------ */
div#Content div.paging { padding-top: 10px; margin: 0 0 8px 0; text-align: center; position: relative; font-size: 1.2em; font-weight: bold; }
div#Content div.paging div.wpr { background-position: -766px bottom; padding: 0 10px 10px 10px; }
div#Content div.paging a { text-decoration: none !important; }
div#Content div.paging span.current { text-decoration: underline; }
div#Content div.paging div.next, div.paging div.prev { position: absolute; }
div#Content div.paging div.prev { left: 10px; top: 10px; }
div#Content div.paging div.prev span { background-position: -1532px 0; width: 7px; height: 10px; float: ldeft; margin-right: 10px; }
div#Content div.paging div.next { right: 10px; top: 10px; }
div#Content div.paging div.next span { background-position: -1539px 0; width: 7px; height: 10px; float: right; margin-left: 10px; }

/* Hr
------------------------- */
div#Content div.hr { background: #c0c0c0; height: 1px; overflow: hidden; margin: 0 0 15px 0; }
div#Content div.hr hr { display: none; }

/* Accordion
------------------------- */
div#Content div.accordion {  }
div#Content div.accordion h3 { font-size: 2.5em; border-top: 1px solid #c0c0c0; border-bottom: none; padding: 14px 0 0 0; font-style: italic;  }
div#Content div.accordion h3 a { display: block; text-decoration: none; }
div#Content div.accordion h3 a strong { width: 74px; height: 27px; background: url(../img/website/structure/buttons_spr.png) -362px 0; position: absolute; right: 20px; }
div#Content div.accordion h3 a.active strong { background-position: -493px 0; }
div#Content div.accordion div.item { background: #eeeae9; border-top: 1px solid #c0c0c0; padding: 0 0 0 10px; }
div#Content div.accordion div.image { float: left; border: 1px solid #e2e0e0; background: #fff; padding: 4px; margin: 10px 0 0 0; }
div#Content div.accordion div.text { float: right; width: 455px; margin: 15px 10px 15px 0; }
div#Content div.accordion h4 { font-size: 1.7em; font-weight: bold; margin: 0 0 15px 0; padding: 0; border: none; }

/* Main Form
------------------------- */
/* Spr */
div#Content div#MainForm form,
div#Content div#MainForm form h3.first,
div#Content div#MainForm div.row div.postcode a,
div#Content div#MainForm div.submit { background: url(../img/website/structure/mainform_spr.png) no-repeat; }
/* ------ */
div#Content div#MainForm { color: #fff; background-position: -2032px 0; }
div#Content div#MainForm div.wpr { background-position: -2798px bottom; }
div#Content div#MainForm div.intro { padding: 10px 0 25px 0; }
div#Content div#MainForm div.intro h2 { font-size: 2.5em; }
div#Content div#MainForm div.intro p { font-size: 1.4em; margin-right: 50px; }
div#Content div#MainForm form { background-color: #05a5c8; padding: 0 0 20px 0; margin: 0 0 0 -5px; background-position: -731px bottom; }
div#Content div#MainForm form h3 { font-size: 1.9em; letter-spacing: -1px; color: #a3ecff; text-align: right; padding: 15px 0 15px 15px; border-top: 1px solid #09b2d9; border-bottom: 1px solid #09b2d9; margin: 25px 30px 15px 10px; text-align: left; }
div#Content div#MainForm form h3.first { height: 46px; border: none; margin: 0;  }
/* Row */
div#Content div#MainForm div.row { margin: 0 0 10px 0;  }
div#Content div#MainForm div.row div.input { margin: 0;  }
div#Content div#MainForm div.row div.input label,
div#Content div#MainForm div.row div.input div.label { width: 190px; color: #fff; font-size: 1.4em; margin: 0 10px 0 10px; line-height: 1.4em; padding-top: 5px; }
div#Content div#MainForm div.row div.error { padding: 5px 0 0 210px; clear: left; font-size: 1.2em; display: none; }
/* Row Double */
div#Content div#MainForm div.row-double div.input { width: 350px; overflow: hidden; float: left; padding: 0 !important; }
/* Text */
div#Content div#MainForm div.row div.text input { width: 477px; }
div#Content div#MainForm div.row-double div.text input { width: 115px; }
div#Content div#MainForm div.row div.text input.error { background: #fff url(../img/website/structure/mainform_input_error.png) no-repeat right center; }
div#Content div#MainForm div.row div.text label.error { display: none; }
/* Select */
div#Content div#MainForm div.row div.select select { width: 477px; }
/* Textarea */
div#Content div#MainForm div.row div.textarea textarea { width: 477px;float: none; height: 70px; }
/* Postcode */
div#Content div#MainForm div.row div.postcode input { width: 176px; }
div#Content div#MainForm div.row div.postcode a { width: 74px; height: 33px; background-position: -1462px 0; display: block; float: left; margin: 0 0 0 5px; }
div#Content div#MainForm div.row div.postcode div.address { clear: left; margin: 5px 0 0 210px; float: left; width: 100%; }
div#Content div#MainForm div.row div.postcode div.address select { width: 350px; }
/* Radio */
div#Content div#MainForm div.row div.radio input { width: auto; float: left; margin: 10px 0 0 0; border: none; }
div#Content div#MainForm div.row div.radio label { float: left; width: auto; margin: 0 10px 0 5px; }
div#Content div#MainForm div.legal { padding: 0 0 0 20px; }
div#Content div#MainForm div.legal p { font-size: 1.4em; }
div#Content div#MainForm div.legal ol { font-size: 1.4em; list-style-type: decimal; padding: 0 0 0 25px; }
div#Content div#MainForm div.legal li { margin: 0 0 10px 0; }
/* Submit */
div#Content div#MainForm div.submit { margin: 30px 30px 10px 10px; background-position: -1462px 0; padding: 15px 15px 15px 15px; border-bottom: 1px solid #09b2d9; }
div#Content div#MainForm div.submit label { color: #fff; font-size: 1.4em; margin-left: 10px; }
div#Content div#MainForm div.submit div.terms { float: left; margin-top: 10px; }
div#Content div#MainForm div.submit div.button { float: right; }
div#Content div#MainForm div.submit div.error { padding: 5px 0 0 10px; clear: left; font-size: 1.2em; display: none; }

/* -----------------------------------------------
PAGES
----------------------------------------------- */

/* Homepage
------------------------- */
body.home div#Content div#Twitter div.image { border: none; background: none; padding: 0; margin: 0 -5px 20px -5px; }
body.home div#Content div#Twitter span.time-ago { display: block; margin: 10px 0 0 0; font-size: .9em; }
body.home div#Content div#Flickr div.scrollable { overflow: hidden; position: relative; width: 228px; height: 228px; background: #fff; border:1px solid #E2E0E0; margin:0 -10px 5px -10px; }
body.home div#Content div#Flickr div.scrollable div.items { width:20000em; position: absolute; }
body.home div#Content div#Flickr div.scrollable div.item { float: left; width: 222px; margin: 4px; }
body.home div#Content div#Flickr div.scrollable div.item a { float: left; width: 72px; height: 72px; overflow: hidden; margin: 0 2px 2px 0; border: none; padding: 0; }
body.home div#Content div#Flickr div.scrollable div.item img { margin: 0; padding: 0; border: 0; }
body.home div#Content div#Flickr div.navi { position: absolute; right: 15px; bottom: 30px; }
body.home div#Content div#Flickr div.navi a { background:transparent url(../img/website/structure/scrollable_spr.png) no-repeat; display:block; float: left; height: 8px; margin: 2px; width: 8px; cursor: pointer; }
body.home div#Content div#Flickr div.navi a.active { background-position:0 -16px; }
body.home div#Content div#Flickr div.navi a:hover { background-position:0 -8px; }

/* Contact
------------------------- */
body.contact div#Main div.details div.map { background: #fff; border: 1px solid #e2e0e0; background: #fff; padding: 4px; margin: 0 -10px 15px -10px; }
body.contact div#Main div.details div#GoogleMap { height: 428px; }
body.contact div#Main div.details div.info { float: left; width: 220px; }
body.contact div#Main div.details div.info h2 { font-size: 1.3em; margin: 0 0 5px 0; }
body.contact div#Main div.details div.info p { margin: 0 0 5px 0; }
body.contact div#Main div.details div.directions { float: right; width: 270px; }
body.contact div#Main div.details div.directions form { float: right; }
body.contact div#Main div.details div.directions form label { display: none; }
body.contact div#Main div.details div.directions form div.input { width: auto; margin: 0; }
body.contact div#Main div.details div.directions form div.submit { float: left; margin: 3px 0 0 5px; }
body.contact div#Main div.contacts div.item { float: left; width: 168px; margin: 0 0 0 8px; border-left: 1px #e5e3e3 solid; padding: 0 0 0 8px; }
body.contact div#Main div.contacts div.item.first { border: none; margin-left: 0; padding-left: 0; }
body.contact div#Main div.contacts div.item div.image { background: #fff; border: 1px solid #e5e3e3; padding: 4px; margin: 0 0 10px 0; }
body.contact div#Main div.contacts div.item h3 { margin: 0 10px 10px 10px; }
body.contact div#Main div.contacts div.item h4 { margin: 0 10px 10px 10px; }
body.contact div#Main div.contacts div.item a { margin-left: 10px; font-size: 1em; font-weight: normal; }

/* Projects Home
------------------------- */
body.projects-home div#Content div.plinth,
body.projects-home div#Content div.plinth div.wpr { background: url(../img/website/structure/plinth_projects_spr.png) no-repeat; }
body.projects-home div#Content div#Events div.wpr { background-position: -250px bottom; }
body.projects-home div#Content div#Design { background-position: -500px 0; }
body.projects-home div#Content div#Design div.wpr { background-position: -750px bottom; }
body.projects-home div#Content div#Video { background-position: -1000px 0; }
body.projects-home div#Content div#Video div.wpr { background-position: -1250px bottom; }
body.projects-home div#Content div#Interactive { background-position: -1500px 0; }
body.projects-home div#Content div#Interactive div.wpr { background-position: -1750px bottom; }
body.projects-home div#Content div#Rewards { background-position: -2000px 0; }
body.projects-home div#Content div#Rewards div.wpr { background-position: -2250px bottom; }
body.projects-home div#Content div#Create { background-position: -2500px 0; }
body.projects-home div#Content div#Create div.wpr { background-position: -2750px bottom; }
body.projects-home div#Content div.plinth h2 { font-size: 2.8em; color: #fff; margin: 0 0 5px 0; }
body.projects-home div#Content div.plinth p { font-size: 1.6em; color: #fff; line-height: 1.2em; }
body.projects-home div#Content div.plinth div.image { padding: 10px 0 20px 0; border: none; margin: 0; background: none; }

/* Recruitment Detail
------------------------- */
body.recruitment-detail div#Heading div.base { margin: 20px 0; }
body.recruitment-detail div#Heading div.base p { margin-top: 5px; }
body.recruitment-detail div#Content div.plinth div.content { padding-top: 10px; }

/* Good Stuff
------------------------- */
body.good-stuff div#Content div.plinth h2 { font-size: 4em; font-weight: bold; padding: 0; margin: 0; border: none; }

body.good-stuff div#Content div.plinth p.intro { font-size: 1.6em; border-top: 1px #a5a2a2 solid; padding: 15px 0 0 0; margin: 20px 0 35px 0; }

/* Follow Us
------------------------- */
/* Spr */
body.followus div#Content div.plinth h2,
body.followus div#Content div#IndividualFeeds li span,
body.followus div#Content div#Other li span { background: url(../img/website/structure/follow_spr.png) no-repeat;  }
/* ------ */
body.followus div#Content div.plinth div.col { float: left; width: 218px; margin: 10px 35px 0 0; }
body.followus div#Content div.plinth div.last { margin-right: 0; }
body.followus div#Content div.plinth h2 { font-size: 1.4em; padding: 5px 0 10px 0; border-bottom: 1px solid #dbdbdb; }
body.followus div#Content div.plinth h2.rss { background-position: right 0; }
body.followus div#Content div.plinth h2.other { background-position: right -57px; }
body.followus div#Content div#IndividualFeeds ul { margin: 0 0 25px 0; }
body.followus div#Content div#IndividualFeeds li { border-top: 1px solid #e8e8e8; float: left; width: 100%; padding: 8px 0; position: relative; }
body.followus div#Content div#IndividualFeeds li.first { border: none; }
body.followus div#Content div#IndividualFeeds li label { font-size: 1.3em; float: left; }
body.followus div#Content div#IndividualFeeds li input { float: right; }
body.followus div#Content div#IndividualFeeds li span { width: 19px; height: 18px; position: absolute; right: 30px; }
body.followus div#Content div#IndividualFeeds li.events span { background-position: right -113px; }
body.followus div#Content div#IndividualFeeds li.interactive span { background-position: right -131px; }
body.followus div#Content div#IndividualFeeds li.broadcasting span { background-position: right -149px; }
body.followus div#Content div#IndividualFeeds li.video span { background-position: right -167px; }
body.followus div#Content div#IndividualFeeds li.design span { background-position: right -185px; }
body.followus div#Content div#IndividualFeeds li.rewards span { background-position: right -203px; }
body.followus div#Content div#IndividualFeeds li.advertising span { background-position: right -221px; }
body.followus div#Content div#IndividualFeeds li.create span { background-position: right -239px; }
body.followus div#Content div#IndividualFeeds a.subscribe { float: left; margin-left: -10px; }
body.followus div#Content div#IndividualFeeds a.select { float: right; margin: 10px 0 0 0; }
body.followus div#Content div#Other li { position: relative;  border-top: 1px solid #e8e8e8; padding: 8px 0; }
body.followus div#Content div#Other li a { text-decoration: none; font-size: 1.6em; font-family: Georgia, sans-serif; font-weight: normal; font-style: italic; display: block; padding: 0 0 0 45px; }
body.followus div#Content div#Other li span { width: 27px; height: 27px; position: absolute; top: 3px; left: 0; }
body.followus div#Content div#Other li.twitter span { background-position: right -284px; }
body.followus div#Content div#Other li.facebook span { background-position: right -310px; }
body.followus div#Content div#Other li.flickr span { background-position: right -337px; }
body.followus div#Content div#Other li.vimeo span { background-position: right -364px; }

/* Fresh Green
------------------------- */
body.fresh-green div#Heading { z-index: 20; }
body.fresh-green div#Container { background: #fff url(../img/website/backgrounds/fresh_and_green.jpg) repeat-x !important; }
body.fresh-green div#Main { min-height: 1100px; }
body.fresh-green div#Stats { z-index: 10; position: relative; }
body.fresh-green div#Stats div.panel { width: 378px; height: 680px; float: left; background: url(../img/website/structure/freshgreen_stats_panel.png); position: relative; z-index: 30; }
body.fresh-green div#Stats div.panel div.wrp { margin: 165px 25px 0 33px; height: 500px; position: relative; }
body.fresh-green div#Stats div.panel h2 { color: #363636; font-size: 3em; }
body.fresh-green div#Stats div.panel h3 { font-size: 1.3em; margin: 30px 0 0 0; color: #363636; border: none; }
body.fresh-green div#Stats div.panel p { color: #000; }
body.fresh-green div#Stats div.panel div.info { position: absolute; top: 210px; left: 0; width: 320px; height: 245px; background: url(../img/website/structure/freshgreen_spr.png) no-repeat; color: #423f3c;  }
body.fresh-green div#Stats div#Recycling div.value { position: absolute; color: #423f3d; font-family: Georgia, sans-serif; font-size: 1.3em; font-weight: bold; font-style: italic; text-align: center; line-height: .5; }
body.fresh-green div#Stats div#Recycling div.value strong { display: block; font-size: 2em; }
body.fresh-green div#Stats div#Recycling div.value em { font-size: .8em; }
body.fresh-green div#Stats div#Recycling div.from { position: absolute; bottom: 5px; text-align: center; color: #000; width: 100px; font-size: 1.2em; }
body.fresh-green div#Stats div#Recycling div.from strong { display: block; font-weight: bold; margin-bottom: 3px; }
body.fresh-green div#Stats div#Recycling div.paper-value { width: 50px; top: 135px; left: 20px; }
body.fresh-green div#Stats div#Recycling div.paper-from { left: 0; }
body.fresh-green div#Stats div#Recycling div.bottles-value { width: 60px; top: 70px; left: 130px; }
body.fresh-green div#Stats div#Recycling div.bottles-from { left: 110px; }
body.fresh-green div#Stats div#Recycling div.water-value { width: 60px; top: 135px; left: 240px; }
body.fresh-green div#Stats div#Recycling div.water-from { left: 220px; }
body.fresh-green div#Stats div#GreenPower { float: right; }
body.fresh-green div#Stats div#GreenPower div.info { background-position: -320px 0; }
body.fresh-green div#Stats div#GreenPower div.value { position: absolute; color: #fff; font-family: Georgia, sans-serif; font-size: 1.5em; font-weight: bold; font-style: italic; }
body.fresh-green div#Stats div#GreenPower div.details { position: absolute; top: 100px; width: 100px; text-align: center; }
body.fresh-green div#Stats div#GreenPower div.details strong { font-size: 1.2em; display: block; font-family: Georgia, sans-serif; font-weight: bold; font-style: italic; margin: 0 0 5px 0; }
body.fresh-green div#Stats div#GreenPower div.car.details { left: 0; }
body.fresh-green div#Stats div#GreenPower div.car.value { top: 33px; left: 37px; }
body.fresh-green div#Stats div#GreenPower div.walking-details { left: 110px; }
body.fresh-green div#Stats div#GreenPower div.walking-value { top: 55px; left: 165px; }
body.fresh-green div#Stats div#GreenPower div.cycling-details { left: 220px; }
body.fresh-green div#Stats div#GreenPower div.cycling-value { top: 55px; left: 270px; }
body.fresh-green div#Stats ul#Links { clear: both; float: left; width: 100%; position: relative; z-index: 20; }
body.fresh-green div#Stats ul#Links li { margin: -10px 15px 0 15px; float: left; }
body.fresh-green div#Stats ul#Links li a { width: 151px; height: 60px; background: url(../img/website/structure/freshgreen_spr.png) no-repeat -640px -5px; display: block; line-height: 5.4em; text-align: center; color: #000; font-size: 1.2em; text-decoration: none; }
body.fresh-green div#Stats ul#Links li.link-3 { margin-left: 45px; }

/* Rewards
------------------------- */
/* Spr */
body.rewards div#RewardsBase li span { background: url(../img/website/structure/rewardsbase_spr.png) no-repeat;  }
/* ------ */
body.rewards div#RewardsBase ul.logos { float: left; }
body.rewards div#RewardsBase ul.language { float: right; margin: 5px 0 0 0; }
body.rewards div#RewardsBase li { float: left; }
body.rewards div#RewardsBase li.atol a { width: 50px; height: 50px; display: block; }
body.rewards div#RewardsBase li.isp a { width: 80px; height: 50px; margin-left: 15px; display: block; }
body.rewards div#RewardsBase li.isp span { background-position: -50px 0; }
body.rewards div#RewardsBase ul.language li { margin-left: 20px; }
body.rewards div#RewardsBase ul.language li a.active { color: #000; text-decoration: none; }
body.rewards div#RewardsBase ul.language li span { width: 27px; height: 35px; display: block; margin: 10px 0 0 5px; }
body.rewards div#RewardsBase li.english span { background-position: -145px 0; }
body.rewards div#RewardsBase li.deutsch span { background-position: -172px 0; }
body.rewards div#RewardsBase div.wpr { padding-bottom: 10px; }

/* Rewards Home
------------------------- */
body.rewards-home div#Content div#BePartOfIt { background-position: -3564px top; }
body.rewards-home div#Content div#BePartOfIt div.wpr { background-position: -3814px bottom; }
body.rewards-home div#Content div#BePartOfIt h2, 
body.rewards-home div#Content div#BePartOfIt h3,
body.rewards-home div#Content div#BePartOfIt p { color: #fff; border-color: #fff; }
body.rewards-home div#Content div#ContactUs h2 { color: #10c0e6; }
body.rewards-home div#Content div#ContactUs h3 { margin: 0 0 10px 0; }

/* Rewards Form
------------------------- */

/* Rewards Be Part of it
------------------------- */
body.rewards-bepartofit div#Video {  }
body.rewards-bepartofit div#Video a.player { display: block; height:100%; text-align:center; position: relative; }
body.rewards-bepartofit div#Video a.player img { top: 50%; left: 50%; margin-top: -35px; margin-left: -35px; position: absolute; }

/* Blog
------------------------- */
/* Spr */
body.blog div#Content div#Posts,
body.blog div#Content div#Posts div.wpr,
body.blog div#Content div#SideBarPosts,
body.blog div#Content div#SideBarPosts div.wpr { background: url(../img/website/structure/blog_spr.png) no-repeat;  }
/* ------ */
body.blog div#Content div#Heading div.blog { width: 282px; height: 114px; position: absolute; top: 10px; right: 10px; background: url(../img/website/structure/blog_heading.png) no-repeat; }
body.blog div#Content div#Posts { width: 508px; float: left; }
body.blog div#Content div#Posts div.wpr { background-position: -508px bottom; padding-top: 20px; }
body.blog div#Content div#Posts h2 { margin: 0 0 5px 0; font-size: 2em; }
body.blog div#Content div#Posts p { font-size: 1.3em; }
body.blog div#Content div#Posts div.item { border-top: 1px solid #dbdbdb; padding: 25px 0 0 0; margin: 25px 0 0 0; }
body.blog div#Content div#Posts a.comment { margin: 10px 0 0 0; }
body.blog div#Content div#Posts div.item-first { margin-top: 0; padding-top: 0; border-top: none; }
body.blog div#Content div#Posts div.item p.date { position: static; right: inherit; bottom: inherit; font-size: 1.2em; left: 0; }
body.blog div#Content div#Posts a.back { position: absolute; right: 15px; top: 35px;}
/* Comments */
body.blog div#Content div#Comments { background: #fff; padding: 15px; margin: 0 -10px; }
body.blog div#Content div#Comments h3 { font-size: 1.5em; border: none; padding: 0; margin: 0; }
body.blog div#Content div#Comments div.comment { border-top: 1px solid #dbdbdb; margin: 15px 0 0 0; padding: 15px 0 0 0; }
body.blog div#Content div#Comments div.comment div.title { margin: 0 0 15px 0; }
body.blog div#Content div#Comments div.comment div.title h4 { float: left; font-weight: bold; border-bottom: none; padding: 0; margin: 0; }
body.blog div#Content div#Comments div.comment div.title h5 { float: right; font-size: 1.2em; }
body.blog div#Content div#Comments div.form div.input label { width: 100px;  }
body.blog div#Content div#Comments div.form h3 { border-bottom: 1px solid #dbdbdb; padding: 15px 0 10px 0; margin: 0 0 15px 0; }
body.blog div#Content div#Comments div.form div.submit { padding-left: 110px; }
/* Sidebar */
body.blog div#Content div#SideBarPosts { background-position: -1016px top; width: 250px; float: right; }
body.blog div#Content div#SideBarPosts div.wpr { background-position: -1266px bottom; padding-top: 20px; }
body.blog div#Content div#SideBarPosts h3 { font-size: 1.5em; border-bottom: none; padding: 0; margin-left: -2px; }
body.blog div#Content div#SideBarPosts li { font-size: 1.3em; margin: 0 0 8px 0; }
body.blog div#Content div#SideBarPosts li a { font-weight: normal; text-decoration: none; }
body.blog div#Content div#SideBarPosts div.categories { border-bottom: 1px solid #dbdbdb; padding: 0 5px 10px 5px; margin: 0 0 15px 0; }
body.blog div#Content div#SideBarPosts div.archives { border-bottom: 1px solid #dbdbdb; padding: 0 5px 10px 5px; margin: 0 0 15px 0; }
body.blog div#Content div#SideBarPosts div.comments { padding: 0 5px 0 5px; margin: 0; }
body.blog div#Content div#SideBarPosts div.comments p.message { font-style: italic; margin: 0 0 5px 0;  }
body.blog div#Content div#SideBarPosts div.comments p.post { font-size: 1em; margin-bottom: 20px; }

body.legal div.details p { font-size: 1.1em; margin: 0 0 10px 0; }

/* -----------------------------------------------
FANCY BOX
----------------------------------------------- */
div#fancy_overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: #666; display: none; z-index: 30; }
* html div#fancy_overlay { position: absolute; height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px'); }
div#fancy_wrap { text-align: left; }
div#fancy_loading { position: absolute; height: 40px; width: 40px; cursor: pointer; display: none; overflow: hidden; background: transparent; z-index: 100; }
div#fancy_loading div { position: absolute; top: 0; left: 0; width: 40px; height: 480px; background: transparent url('../img/libs/fancybox/fancy_progress.png') no-repeat; }
div#fancy_loading_overlay { position: absolute; background-color: #FFF; z-index: 30; }
div#fancy_loading_icon { position: absolute; background: url('../img/libs/fancybox/fancy_loading.gif') no-repeat; z-index: 35; width: 16px; height: 16px; }
div#fancy_outer { position: absolute; top: 0; left: 0; z-index: 90; padding: 18px 18px 33px 18px; margin: 0; overflow: hidden; background: transparent; display: none; }
div#fancy_inner { position: relative; width: 100%; height: 100%; border: 1px solid #BBB; background: #FFF; }
div#fancy_content { margin: 0;z-index: 100;position: absolute; }
div#fancy_div { background: #000; color: #FFF; height: 100%; width: 100%; z-index: 100; }
img#fancy_img { position: absolute; top: 0; left: 0; border: 0; padding: 0; margin: 0; z-index: 100; width: 100%; height: 100%; }
div#fancy_close { position: absolute; top: -12px; right: -15px; height: 30px; width: 30px; background: url('../img/libs/fancybox/fancy_closebox.png') top left no-repeat; cursor: pointer; z-index: 181; display: none; }
#fancy_frame {position: relative;width: 100%;height: 100%;display: none;}
#fancy_ajax { width: 100%; height: 100%; overflow: auto; }
a#fancy_left, a#fancy_right { position: absolute; bottom: 0px; height: 100%; width: 35%; cursor: pointer; z-index: 111; display: none; background-image: url(data:image/gif;base64,AAAA); outline: none; }
a#fancy_left { left: 0px; }
a#fancy_right { right: 0px; }
span.fancy_ico { position: absolute; top: 50%; margin-top: -15px; width: 30px; height: 30px; z-index: 112; cursor: pointer; display: block; }
span#fancy_left_ico { left: -9999px; background: transparent url('../img/libs/fancybox/fancy_left.png') no-repeat; }
span#fancy_right_ico { right: -9999px; background: transparent url('../img/libs/fancybox/fancy_right.png') no-repeat; }
a#fancy_left:hover { visibility: visible; }
a#fancy_right:hover { visibility: visible; }
a#fancy_left:hover span { left: 20px; }
a#fancy_right:hover span { right: 20px; }
.fancy_bigIframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: transparent; }
div#fancy_bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 70; border: 0; padding: 0; margin: 0; }
div.fancy_bg { position: absolute; display: block; z-index: 70; border: 0; padding: 0; margin: 0; }
div.fancy_bg_n { top: -18px; width: 100%; height: 18px; background: transparent url('../img/libs/fancybox/fancy_shadow_n.png') repeat-x; }
div.fancy_bg_ne { top: -18px; right: -13px; width: 13px; height: 18px; background: transparent url('../img/libs/fancybox/fancy_shadow_ne.png') no-repeat; }
div.fancy_bg_e { right: -13px; height: 100%; width: 13px; background: transparent url('../img/libs/fancybox/fancy_shadow_e.png') repeat-y; }
div.fancy_bg_se { bottom: -18px; right: -13px; width: 13px; height: 18px; background: transparent url('fancy_shadow_se.png') no-repeat; }
div.fancy_bg_s { bottom: -18px; width: 100%; height: 18px; background: transparent url('../img/libs/fancybox/fancy_shadow_s.png') repeat-x; }
div.fancy_bg_sw { bottom: -18px;left: -13px;width: 13px;height: 18px;background: transparent url('../img/libs/fancybox/fancy_shadow_sw.png') no-repeat; }
div.fancy_bg_w { left: -13px; height: 100%; width: 13px; background: transparent url('../img/libs/fancybox/fancy_shadow_w.png') repeat-y; }
div.fancy_bg_nw { top: -18px; left: -13px; width: 13px; height: 18px; background: transparent url('../img/libs/fancybox/fancy_shadow_nw.png') no-repeat; }
div#fancy_title { position: absolute;bottom: -33px;left: 0;width: 100%;z-index: 100;display: none; }
div#fancy_title div { color: #FFF; font: bold 12px Arial; padding-bottom: 3px; }
div#fancy_title table { margin: 0 auto; }
div#fancy_title table td { padding: 0;vertical-align: middle; }
td#fancy_title_left { height: 32px; width: 15px; background: transparent url(../img/libs/fancybox/fancy_title_left.png) repeat-x; }
td#fancy_title_main { height: 32px; background: transparent url(../img/libs/fancybox/fancy_title_main.png) repeat-x; }
td#fancy_title_right { height: 32px;width: 15px; background: transparent url(../img/libs/fancybox/fancy_title_right.png) repeat-x; }