@charset "UTF-8";
/**
 * Norbert Laposa @ RMG Dublin, 2013/01/21
 * Chris Black @ RMG Dublin, 2017/05/05
 *
 *
gray #475859
green #58a618
green centra #008b95
yellow centra #fecb0030
blue #00b0f0
blue navy #00257a
teal #70c1cc
brown #70382d
wine #a70240
pink #e10098
red #cd202c
purple #7d0063
orange #f08c00
sand #c1bb00

Breakfast: Main #58a618, Supporting #007934, Secondary #c1bb00
Lunch: Main #00b0f0, Supporting #00257a, Secondary #f08c00
Dinner: Main #a70240, Supporting #830f6d, Secondary #c28d4d
Snacks: Main #f08c00, Supporting #2e170e, Secondary #70382d


 * extra CSS classes to be used in CMS
  - fullBleed - remove standard 10px margin, apply to content or layout
  - fixedWidth - set max width to 880px, usefull in top container, apply to content or layout
  - hideOnMobile - show only on screens larger than 900px
  - hideOnDesktop - show only on screens smaller than 900px
  - hideOnFacebook - don't show on FB App under facebook.centra.ie

*/ 

/**
 * fonts
 */

@font-face {font-family: "SSStandard"; src: url('/fonts/ss-standard.eot'); src: url('/fonts/ss-standard.eot?#iefix') format('embedded-opentype'), url('/fonts/ss-standard.woff') format('woff'), url('/fonts/ss-standard.ttf')  format('truetype'), url('/fonts/ss-standard.svg#SSStandard') format('svg'); font-weight: normal; font-style: normal;}

@font-face {font-family: "SSPika"; src: url('/fonts/ss-pika.eot'); src: url('/fonts/ss-pika.eot?#iefix') format('embedded-opentype'), url('/fonts/ss-pika.woff') format('woff'), url('/fonts/ss-pika.ttf')  format('truetype'), url('/fonts/ss-pika.svg#SSPika') format('svg'); font-weight: normal; font-style: normal;}

@font-face {font-family: "SSSocialCircle"; src: url('/fonts/ss-social-circle.eot'); src: url('/fonts/ss-social-circle.eot?#iefix') format('embedded-opentype'), url('/fonts/ss-social-circle.woff') format('woff'), url('/fonts/ss-social-circle.ttf') format('truetype'), url('/fonts/ss-social-circle.svg#SSSocialCircle') format('svg'); font-weight: normal; font-style: normal;}

@font-face {font-family: "SSSocial"; src: url('/fonts/ss-social-regular.eot'); src: url('/fonts/ss-social-regular.eot?#iefix') format('embedded-opentype'), url('/fonts/ss-social-regular.woff') format('woff'), url('/fonts/ss-social-regular.ttf') format('truetype'), url('/fonts/ss-social-regular.svg#SSSocialRegular') format('svg'); font-weight: normal; font-style: normal;}

@font-face {font-family: 'VAGRoundedBT-Regular'; src: url('/fonts/264F7C_0_0.eot'); src: url('/fonts/264F7C_0_0.eot?#iefix') format('embedded-opentype'),url('/fonts/264F7C_0_0.woff') format('woff'),url('/fonts/264F7C_0_0.ttf') format('truetype'); font-weight: normal; font-style: normal;}

@font-face {font-family: 'VAGRoundedStd-Thin'; src: url('/fonts/VAGRoundedStd-Thin.eot?#iefix') format('embedded-opentype'),  url('/fonts/VAGRoundedStd-Thin.otf')  format('opentype'), url('/fonts/VAGRoundedStd-Thin.woff') format('woff'), url('/fonts/VAGRoundedStd-Thin.ttf')  format('truetype'), url('/fonts/VAGRoundedStd-Thin.svg#VAGRoundedStd-Thin') format('svg'); font-weight: normal; font-style: normal;}

@font-face {font-family: 'ITCAvantGardeStd-Book'; src: url('/fonts/ITCAvantGardeStd-Bk.eot?#iefix') format('embedded-opentype'),  url('/fonts/ITCAvantGardeStd-Bk.otf')  format('opentype'), url('/fonts/ITCAvantGardeStd-Bk.woff') format('woff'), url('/fonts/ITCAvantGardeStd-Bk.ttf')  format('truetype'), url('/fonts/ITCAvantGardeStd-Bk.svg#ITCAvantGardeStd-Bk') format('svg'); font-weight: normal; font-style: normal;}

@font-face {font-family: 'ITCAvantGardeStd-Medium'; src: url('/fonts/ITCAvantGardeStd-Md.eot?#iefix') format('embedded-opentype'),  url('/fonts/ITCAvantGardeStd-Md.otf')  format('opentype'), url('/fonts/ITCAvantGardeStd-Md.woff') format('woff'), url('/fonts/ITCAvantGardeStd-Md.ttf')  format('truetype'), url('/fonts/ITCAvantGardeStd-Md.svg#ITCAvantGardeStd-Md') format('svg'); font-weight: normal; font-style: normal;}

@font-face {font-family: 'ITCAvantGardeStd-Demi'; src: url('/fonts/ITCAvantGardeStd-Demi.eot?#iefix') format('embedded-opentype'), url('/fonts/ITCAvantGardeStd-Demi.woff') format('woff'), url('/fonts/ITCAvantGardeStd-Demi.ttf')  format('truetype'), url('/fonts/ITCAvantGardeStd-Demi.svg#ITCAvantGardeStd-Demi') format('svg'); font-weight: normal; font-style: normal;}

@font-face {font-family: 'DharmaGothicE-Regular'; src: url('/fonts/DharmaGothicE-Regular.eot?#iefix') format('embedded-opentype'),  url('/fonts/DharmaGothicE-Regular.otf')  format('opentype'), url('/fonts/DharmaGothicE-Regular.woff') format('woff'), url('/fonts/DharmaGothicE-Regular.ttf')  format('truetype'), url('/fonts/DharmaGothicE-Regular.svg#DharmaGothicE-Regular') format('svg'); font-weight: normal; font-style: normal;}

@font-face {font-family: 'DharmaGothicE-Bold'; src: url('/fonts/dharmagothice-bold-webfont.woff2') format('woff2'), url('/fonts/dharmagothice-bold-webfont.woff') format('woff'); font-weight: normal; font-style: normal;}

@font-face {font-family: 'AvenirLT'; src: url('/fonts/264F7C_1_0.eot'); src: url('/fonts/264F7C_1_0.eot?#iefix') format('embedded-opentype'),url('/fonts/264F7C_1_0.woff') format('woff'),url('/fonts/264F7C_1_0.ttf') format('truetype'); font-weight: normal; font-style: normal;}
@font-face {font-family: 'AvenirLT'; src: url('/fonts/264F7C_2_0.eot'); src: url('/fonts/264F7C_2_0.eot?#iefix') format('embedded-opentype'),url('/fonts/264F7C_2_0.woff') format('woff'),url('/fonts/264F7C_2_0.ttf') format('truetype'); font-weight: bold; font-style: normal;}

/**
 * generic HTML
 */
 
body {font-size: 18px; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; font-family: 'AvenirLT', sans-serif; color: #475859; background: #008b95;}

img {height: auto; width: auto; max-width: 100%; /* ie8 fix*/}

a {color: #43bde9; text-decoration: none;}
a {position: relative;} /*interestingly this helps PIE.htc !!!*/
a.viewMore:after {content:' ▹'; font-size: 70%; font-family: 'SSPika';}

h1,
h2,
h3,
h4,
h5 {color: #008b95; font-family: 'AvenirLT', sans-serif; font-weight: normal; margin: 20px 0 10px 0;}
h1 a,
h2 a,
h3 a,
h4 a,
h5 a {color: #00b0f0;}
h2 a.anchor_link,
h3 a.anchor_link {color: inherit;}

h1 {margin: 20px 0; font-size: 36px;}
h2 {font-size: 36px; margin-top: 10px;}
h3 {font-size: 26px;}
h4 {font-size: 22px;}
h5 {font-size: 18px;}

form {padding: 0; margin: 0;}
form button {margin: 10px auto; padding: 0 10px; height: 40px; line-height: 44px; min-width: 100px;}
form input,
form textarea {padding: 2px 10px 0; border: 0; border-top: 2px solid #d6d6d6; border-radius: 4px; background: #f1f1f1; font-family: 'AvenirLT', sans-serif; font-size: 18px;}
form textarea {width: 100%;}
form input[type=text],
form input[type=email],
form input[type=password] {height: 40px; line-height: 40px; width: 100%;}
form div.row {clear: both;}
input.error,
textarea.error {border-color: #e1cbc9!important; background: #fde4e6;}

table {border: 0;}

div.pageHeader {padding-top: 1px;}
div.pageHeader p.share {float: right; margin-top: 5px;}
div.pageHeaderWrapper {margin: 0 10px;}

div.node-content-picture,
div.node-content-picture div.item {margin-bottom: 0;}

@media all and (max-width: 1000px) {
	div.pageHeader p.share {display: none;}
}

@media all and (max-width: 900px) {
	img {width: 100%;}
}

/**
 * extra CSS classes helping content editors
 */
 
.hideOnDesktop {display: none;}

@media all and (max-width: 900px) {
	.hideOnMobile {display: none;}
    .hideOnDesktop {display: block;}
}


div.breadcrumb {padding-top: 1em; font-size: 14px; color: #adbcbc;}
div.breadcrumb .last {display: none;}
div.breadcrumb span.path_delimiter {visibility: hidden;}
div.breadcrumb span.path_delimiter:after {content: '/'; visibility: visible; width: 10px; display: inline-block;}
div.breadcrumb.number_of_items_1 {display: none;}

/**
 * core elements
 */
 
#site {position: relative; padding: 0;}

#container {width: 100%; max-width: 100%; padding: 0;}
#containerWrapper {margin: 0;}

.content {margin: 0 10px;}
.content .content {margin: 0;}

@media all and (max-width: 900px) {
	#site {width: auto; padding-top: 0; background-size: auto;}
	
	
	
	#containerWrapper {padding: 0;}
}

#pageWrapper {padding: 0;}

#header {position: relative; margin: 0 auto; border-bottom: 10px solid #fecb00; background-color: #008b95; font-size: 80%; z-index: 200;}
#headerWrapper {clear: both; margin: 0 auto; padding: 15px 0; max-width: 900px; transition: padding 600ms ease;}
#headerWrapper.with-cookie-banner {padding-top: 80px;}

@media all and (max-width: 900px) {
	#header {width: 100%; background: #008b95;}
	#headerWrapper {margin: 0; padding: 0; clear: none;}
	#header .content {margin: 0;}
}

@media all and (max-width: 450px) {
	#headerWrapper.with-cookie-banner {padding-top: 110px;}
}

#logo {float: left; clear: both; width: 18%;}
#logo a {display: block; background: transparent url(../images/logo-150.png) center center no-repeat; width: 150px; height: 60px; border-radius: 6px; behavior: url(/js/PIE.htc);}
.svg #logo a {background-image: url(../images/centra_logo.svg); background-size: 100%;}

#logo a span {display: none;}

@media all and (max-width: 900px) {
	#logo {width: auto; clear: none; margin-left: 20px;}
	#logo a {margin-top: 10px; width: 100px; height: 40px;}
}

#containerFour {display: none;}

#contentSide {display: none;}

#search {height: 0; min-height: 0; width: 100%; margin: 0; padding: 0; clear: none; float: right; overflow: hidden; text-align: right; transition: all 500ms ease;}
#search form {float: right; width: 100%; padding: 10px 0; opacity: 0; transition: all 500ms ease; transition-delay: 500ms;}
#search input {display: inline-block; width: 80%; padding-left: 10px; background: #f1f1f1;}
#search button {display: inline-block; margin-left: 10px; padding: 0 30px;}

.openSearch #search {height: 0; min-height: 80px;}
.openSearch #search form {opacity: 1;}
.openSearch #primaryNavigation li.node_id_21 a {background: #00989f;}

@media all and (max-width: 900px) {
	#search {width: 100%; border-radius: 0; margin: 0; padding: 0 20px; text-align: center;}
	#search input {width: 60%;}
}
@media all and (max-width: 400px) {
	#search input {width: 50%;}
}

#globalNavigation {background: transparent; border: 0; float: left; margin: 5px 0 0;}
#globalNavigation ul {line-height: inherit; width: 450px;}
#globalNavigation a {display: block; margin: 0 10px; padding: 0 10px; height: 40px; line-height: 42px; text-decoration: none; color: white;}
#globalNavigation a:first-child {margin-left: 0; padding-left: 0;}
#globalNavigation a:hover {color: #fecb00;}
#globalNavigation a.active,
#globalNavigation a.open {font-weight: bold;}
#globalNavigation a:active span {text-decoration: none; opacity: 0.8;}

@media all and (max-width: 900px) {
    #globalNavigation {display: none;}
}

#primaryNavigation {position: relative; margin: 0; border: 0; width: auto; float: right; font-family: 'AvenirLT', sans-serif; font-weight: normal; font-size: 18px; clear: none;}
#primaryNavigation li {float: left; margin: 0; padding: 0; text-align: center;}
#primaryNavigation li.node_id_1128 {width: ;}/*stores*/
#primaryNavigation li.node_id_1128 {width: ;}/*live every day*/
#primaryNavigation li.node_id_1128 {width: ;}/*live well*/
#primaryNavigation li.node_id_1128 {width: ;}/*offers*/
#primaryNavigation li.node_id_21 {width: ;}/*search*/

/* move store locator to header
#primaryNavigation a.locate {font-weight: bold; background: #00717b;}
#primaryNavigation a.locate:after {content: ''; position: absolute; right: 20px; bottom: -4px; font-family: "SSPika";}
*/

#primaryNavigation a.about {background: #008b95;}
#primaryNavigation a.about:after {content: 'ℹ'; font-family: "SSStandard"; float: right;}
#primaryNavigation a.node_id_21:after {content: '🔎'; font-family: "SSPika";}
#primaryNavigation a.node_id_21 span {display: none;}

#primaryNavigation a {height: 48px; padding: 0 12px; margin: 2px 2px; border-radius: 6px; line-height: 50px; color: white;}
#primaryNavigation li > a {font-weight: bold;}
#primaryNavigation li:last-child > a {margin-right: 0;}
#primaryNavigation a.active,
#primaryNavigation a.open {background-color: #00989f;}
#primaryNavigation a:active span {text-decoration: none; opacity: 0.8;}
#primaryNavigation a:hover,
#primaryNavigation a.dropdown_open {background-color: #00989f; color: white;}
#primaryNavigation a.dropdown_open {border-bottom-left-radius: 0; border-bottom-right-radius: 0; border-bottom: 0;}
/*#primaryNavigation a.has_child span:after {content:' ▾'; font-family: 'SSPika'; font-size: 14px;}*/
#primaryNavigation ul ul a.has_child span:after {content:' ';}
#primaryNavigation ul ul {display: none;}
#primaryNavigation li.dropdown_open ul {position: absolute;}
#primaryNavigationWrapper {margin: 0; padding-left: 15px;}


/**
 * dropDownNavigation (desktop)
 */

#dropDownNavigation {font-family: 'AvenirLT', sans-serif; display: none; position: absolute; top: 48px; z-index: 1000;}
#dropDownNavigation div.submenu {background: #00989f; border-top: 0; border-radius: 6px; padding: 1px;}
#dropDownNavigation div.submenu .node_group-content {margin: 5px 5px 5px 10px;}
#dropDownNavigation div.submenu.submenu2 {margin-left: 64px; min-width: 209px;}
#dropDownNavigation div.submenu.submenu3 {margin-left: 216px;}
#dropDownNavigation li {float: none; display: list-item; margin: 0 5px 0 0; padding: 0;}
#dropDownNavigation li a {display: block; height: 30px; padding: 0 10px; margin: 5px 0; text-align: left; font-weight: normal; line-height: 32px; color: white;}
#dropDownNavigation li a:hover {background: #008b95; border-radius: 6px;}
#dropDownNavigation h3,
#dropDownNavigation h3 a {margin-top: 0; font-size: inherit; font-weight: bold;}
#dropDownNavigation table {margin: 0; width: 100%;}
#dropDownNavigation table td {margin: 0; padding: 0;}
#dropDownNavigation div.onxshop_edit_content a {width: 30px!important;}
#dropDownNavigation div.onxshop_edit_content a.onxshop_delete,
#dropDownNavigation div.onxshop_edit_content a.onxshop_duplicate {display: none;}

/*make sure primaryNavigation is visibile when interaction with revealNavigationButton */
@media all and (min-width: 901px) {
	#primaryNavigation {display: block!important;}
	#primaryNavigation div.mobileOnly {display: none!important;}
}
@media all and (max-width: 900px) {	
	#primaryNavigation a.open {background-color: transparent;}
	#primaryNavigation li {float: none; margin-right: 0;}
	#primaryNavigation a.node_id_21 {background: #008b95;}
	#primaryNavigation a.node_id_21 span {display: inline-block;}
	#primaryNavigation a.node_id_21:after {display: inline-block; float: right;}
	#primaryNavigation li.node_id_1345 {display: none;} /* hide stores on mobile */
	#primaryNavigation a.node_id_21:after {content: '🔎'; position: absolute; right: 20px; bottom: -4px; font-family: "SSPika";}
}

/**
 * userbox
 */
 
#userbox {margin: 5px 0 10px; float: right; line-height: 40px; color: white;}
#userbox div.userbox div.login {display: block; behavior: url(/js/PIE.htc);}
#userbox div.userbox div.login a {display: block; height: 40px; padding: 0 20px; border-radius: 20px; line-height: 42px; color: white; background: #f08c00;}
#userbox div.userbox div.login a:hover {background: #ff990a;}
#userbox div.usermenu a.profile_image {display: inline-block;}
#userbox div.usermenu a.profile_image span {display: inline-block; width: 50px; background: #00b0f0;  border: 5px solid #00b0f0; border-radius: 100px; behavior: url(/js/PIE.htc); position: absolute; z-index: 200; top: -5px;}
#userbox div.usermenu a.profile_image:after {content:' ▾'; font-size: 70%; font-family: 'SSPika'; color: white; margin-left: 50px;}
#userbox div.usermenu.open a.profile_image:after {color: transparent;}
#userbox div.usermenu img {width: 40px; height: 40px; border-radius: 100px; behavior: url(/js/PIE.htc);}
#userbox div.usermenu a {text-decoration: none; display: block;}
#userbox div.usermenu {position: relative;}
#userbox div.usermenu div.dropdown {display: none; background: #00b0f0; border-radius: 6px; width: 150px; padding: 40px 10px 10px 10px; position: absolute; z-index: 100; top: 20px; right: -35px;}
#userbox div.usermenu div.dropdown p {color: #00257a; text-align: center; margin: 0; line-height: 1;}
#userbox div.usermenu div.dropdown a {color: white; padding-top: 3px;}
#userbox div.usermenu div.dropdown ul {margin: 10px 0 0 0; padding: 0;line-height: 2;}
#userbox div.usermenu div.dropdown li {border-bottom: 1px solid #2f91cf; border-bottom-color: rgba(0, 0, 0, 0.2); list-style-type: none;margin: 0; padding: 0;}
#userbox div.usermenu div.dropdown li.last {border-bottom: 0;}
#userbox div.usermenu div.dropdown a span.number_of_items {background-color: #2f91cf; background-color: rgba(0, 0, 0, 0.2); display: inline-block; padding: 7px 10px 3px 10px; line-height: 1; border-radius: 6px; float: right;}
body.t8 #userbox div.usermenu div.dropdown {background-color: #58a618;} /*breakfast*/
body.t10 #userbox div.usermenu div.dropdown {background-color: #00b0f0;} /*lunch*/
body.t11 #userbox div.usermenu div.dropdown {background-color: #a70240;} /*dinner*/
body.t12 #userbox div.usermenu div.dropdown {background-color: #f08c00;} /*snack*/

body.t8 #userbox div.usermenu div.dropdown p,
body.t11 #userbox div.usermenu div.dropdown p {color: white;}

@media all and (max-width: 900px) {

	#userbox {margin-top: 10px; margin-right: 10px;}
	div.customer_account_type_ #userbox {} /* not logged in */
	div.customer_account_type_0 #userbox {} /* logged in */
	
	#userbox div.userbox div.login {background: transparent!important;}
	#userbox div.userbox div.login a {padding: 0 15px; border-radius: 6px; background-color: #006f77;}
	#userbox div.userbox div.login a:hover {background-color: #006f77;}
	#userbox div.userbox div.login a:before {content: '👤'; font-family: "SSPika"; font-size: 18px; line-height: 44px;}
	#userbox div.userbox div.login a span {display: none;}
	#userbox span.username {display: none;}
	#userbox a.profile_image span {border-color: #008b95!important; top: 0;}
	#userbox a.profile_image:after {color: #006f77;}
}

/**
 * revealNavigationButton (mobile navigation)
 */
    
#revealNavigationButton {display: none;}

#primaryNavigation div.mobileOnly {display: none;}

body.nav-open #primaryNavigation div.mobileOnly {display: block;}

@media all and (max-width: 900px) {
	
	#revealNavigationButton {display: block; float: right; margin-top: 10px; margin-right: 10px;}
	div.customer_account_type_ #revealNavigationButton {} /* not logged in */
	#revealNavigationButton a {display: block; height: 40px; padding: 0 15px; border-radius: 6px; background-color: #006f77; background-color: rgba(0, 0, 0, 0.2); font-size: 18px; line-height: 45px; color: white; text-align: center; text-decoration: none;}
	#revealNavigationButton a.reveal:before {content: ''; font-family: "SSStandard";}
	#revealNavigationButton a span {display: none;}
	
	/*
	#revealNavigationButton a.locate:before {content: ''; font-family: "SSPika";}
	#revealNavigationButton a.search:before {content: '🔎'; font-family: "SSPika";}
	#revealNavigationButton a.about:before {content: 'ℹ'; font-family: "SSStandard";}
	*/
	
	#primaryNavigation {display: block; width: 100%; max-height: 0; margin: 0; border-radius: 0; overflow: hidden; font-family: inherit; clear: both; transition: all 1s ease-in-out;}
	body.nav-open #primaryNavigation {max-height: 1000px;}
	
	#primaryNavigation li {padding: 0; margin: 0; width: 100%!important; text-align: left; background: #00717b;}
	#primaryNavigation ul ul {display: block; width: 100%; margin-left: 0;}
	#primaryNavigation ul ul li {margin-left: 0;}
	#primaryNavigation ul ul a {padding-left: 50px;}
	#primaryNavigation ul ul ul {display: none;}
	#primaryNavigation a {color: white; display: block; width: 100%; border-radius: 0; border-top: 2px solid #005963; margin: 0; padding: 0 20px}
	#primaryNavigation a:hover {background-color: #008b95;}
	#primaryNavigationWrapper {margin: 0; padding: 0;}
}
@media all and (max-width: 480px) {
	#revealNavigationButton a.search {display: none;}
	#revealNavigationButton a.about {display: none;}
}

/**
 * hide tasty ideas from primaryNavigation on desktop
 * and don't show inner links on mobile
 */
 
#primaryNavigation li.node_id_1127 {display: none;}
@media all and (max-width: 900px) {
  #primaryNavigation li.node_id_1127 {display: inline-block;}
  #primaryNavigation li.node_id_1127 li {display: none;}
  #primaryNavigation li ul {display: none;}
  /*#primaryNavigation li.open ul {display: block;}*/
}


/**
 * hide competitions from primaryNavigation on desktop
 * and don't show inner links on mobile
 */
 
#primaryNavigation li.node_id_1177 {display: none;}
@media all and (max-width: 900px) {
  #primaryNavigation li.node_id_1177 {display: inline-block;}
  #primaryNavigation li.node_id_1177 li {display: none;}
  #primaryNavigation li ul {display: none;}
  /*#primaryNavigation li.open ul {display: block;}*/
}

/**
  * store locator (mobile only)
  */ 

#locate {display: none;}

@media all and (max-width: 900px) {
	#locate {display: block; float: right; margin: 10px 10px 0 0;}	
	#locate a {position: relative; display: block; width: 48px; height: 40px; border-radius: 6px; line-height: 37px; background: #006f77; text-align: center;}
	#locate a:after {content: ''; font-family: "SSPika"; font-size: 21px; color: white;}
	#locate a:before {content:'Stores'; position: absolute; width: 100%; bottom: 3px; left: 0; font-size: 9px; line-height: 1; font-weight: bold; color: white;}
	#locate a:hover {background-color: #006f77;}
	#locate a > span {display: none;}
}


/**
 * basket
 */
 
#basket {float: right; clear: none; margin: 0 10px 10px 0; padding: 0 15px; color: #43bde9; line-height: 50px;}
#basket div.basket.empty {display: none;}
div.customer_account_type_0 #basket {display: none;}/*logged in user have basket in dropdown*/

@media all and (max-width: 900px) {
    #basket {display: none;}
}
/**
 * basket_edit
 */

div.basket_edit p.bottom {display: none;}
div.basket_edit input.basket_content-quantity {width: 5em;}
div.basket_edit table {border-collapse:separate; border-spacing:0 10px;}
div.basket_edit table a {color: inherit;}
div.basket_edit td {background: #e2eff0; padding: 10px;}
div.basket_edit tr:hover td {background: #c7edf0;}
div.basket_edit tr.selected td {background: #58a618;}
div.basket_edit tr.selected a {color: white;}
div.basket_edit.shared td.action button.remove,
div.basket_edit tr.selected td.action button.remove {visibility: hidden;}
div.basket_edit td.product_detail div.image {float: left; display: block;}
div.basket_edit td.action {text-align: center; padding: 20px 10px;}
div.basket_edit td.action button.remove {background: none; padding: 0;}
div.basket_edit td.action button.remove span {display: none;}
div.basket_edit td.action button.remove:after {content: '␡'; font-family: SSPika; color: #cd202c;}
div.basket_edit td.status {padding: 20px 10px;}
div.basket_edit td.status a.checkbox {color: white; background: #58a618; display: inline-block; padding: 10px; line-height: 1; border-radius: 100px;}
div.basket_edit tr.selected td.status a.checkbox {color: #408e07;}
div.basket_edit td.status a.checkbox:after {content: '✓'; font-family: SSStandard; display: block; width: 1em; height: 1em; position: relative; top: 3px;}
div.basket_edit td.status a.checkbox span {display: none;}
div.basket_edit td.product_detail a.product_name {display: block; padding: 10px 20px; margin-left: 50px;}
div.basket_edit a.button.print {background: #f08c00;}

/**
 * content
 */
 
#content {float: none; clear: both; width: 100%; min-height: calc(100vh - 70px) /* calc(100vh - header height) */ ;padding: 30px 0; background: white;}
#contentWrapper {margin-left: 0;}

div.pageHeader {max-width: 900px; margin: 0 auto;}
div.rowMiddle div.rowWrapper,
div.rowBottom div.rowWrapper {max-width: 900px; margin: 0 auto;}
div.rowMiddle,
div.rowBottom {background: white; width: 100%; padding-top: 1px;}

div.columnWrapper {margin: 0!important;}
div.layoutColumnWrapper {margin: 0!important;}

div.rowTop div.node_group-content {margin: 0;}


@media all and (max-width: 900px) {
	#content {padding: 10px 0;}
	
	div.rowTop p {width: 100%;}
	/*competitons are using images artworked with bottom border and rounded corners, this is a fix for their apperance in the top row*/
	body.node_id_1177 div.rowTop div.node_group-content,
	body.parent_node_id_1177 div.rowTop div.node_group-content {margin: 0 10px;}
}

div.twoColumnPage {clear: both;}
@media all and (max-width: 900px) {
	div.twoColumnPage div.columnOne div.columnWrapper {padding: 0;}
}

#contentBottom {background: #00989f; padding: 0; border-radius: 6px; font-family: 'AvenirLT', sans-serif; font-size: 18px;}
#contentBottom div.content-RTE {margin: 0; padding: 0;}
#contentBottom p {margin: 0;}
#contentBottom a {display: inline-block; height: 40px; line-height: 44px; font-weight: normal; color: white; text-decoration: none; padding: 0 1em;}
#contentBottom div.content-RTE a {font-weight: bold;}
#contentBottom a:hover {color: #fecb00;}

#footer {font-size: 80%; margin: 0; padding-top: 15px; border-top: 5px solid #fecb00; background-color: #008b95;}
#footerWrapper {max-width: 880px; margin: 0 auto; padding: 30px 20px 0;}

#footerNavigation {border: 0; margin: 1em auto; float: none; text-align: center;}
#footerNavigation li {display: inline; text-align: center; float: none; clear: none;}
#footerNavigation li a {display: inline-block;}
#footerNavigation li a:hover {color: #fecb00;}
#footerNavigation li.last a {padding-right: 0;}
#footerNavigation a {color: white;}
#footerNavigation a:active span {text-decoration: none;}

#copyright {float: none; clear: both; color: white; padding: 0; margin: 0; padding-bottom: 2em; text-align: center;}

@media all and (max-width: 900px) {
	#contentBottom {display: none;}
	
	#footer {}
	
	#footerNavigation {padding: 20px 0;}
	
	#copyright {margin: 0 1em; float: none;}
}


/**
 * socialFollow
 */

.node-socialFollow {padding: 60px 0 0; text-align: center;}
.socialFollow h3.contentTitle {font-weight: bold;}
.socialFollow ul {}
.socialFollow ul li {list-style-type: none; display: inline-block; margin: 0 4px;}
.socialFollow ul li a {display: block; width: 60px; height: 60px; border-radius: 14px; line-height: 60px; text-align: center; transition: all 250ms ease-in-out;}
.socialFollow ul li:hover a {transform: translateY(-4px);}
.socialFollow ul li a span {display: none;}
.socialFollow ul li a {background-repeat: none; background-position: center center; background-size: contain;}
.socialFollow ul li a[title="Facebook"] {background-image: url(/images/social-icons/facebook.svg);}
.socialFollow ul li a[title="Twitter"] {background-image: url(/images/social-icons/twitter.svg);}
.socialFollow ul li a[title="Instagram"] {background-image: url(/images/social-icons/instagram.png);}
.socialFollow ul li a[title="Snapchat"] {background-image: url(/images/social-icons/snapchat.svg);}
.socialFollow ul li a[title="YouTube"] {background-image: url(/images/social-icons/youtube.png);}

@media all and (max-width: 900px) {
	.node-socialFollow {padding: 30px 0 0;}
	.socialFollow ul li {margin: 0 2px;}
	.socialFollow ul li a {width: 40px; height: 40px; border-radius: 10px; line-height: 40px;}
	.socialFollow ul li:hover a {transform: translateY(0);}
	}
	
/**
 * appStoreBadges
 */

.node-appStoreBadges {text-align: center;}
.appStoreBadges img {display: inline-block; max-width: 135px;}

@media all and (max-width: 900px) {
	.appStoreBadges img {display: inline-block; max-width: 100px;}
	}


/**
 * socialMediaLinks
 */

#socialMediaLinks {clear: both; text-align: center; height: 3em;}
#socialMediaLinks a {color: white; text-decoration: none; font-family: 'SSSocialCircle'; font-size: 120%;}
#socialMediaLinks a:hover {color: #fecb00;}
#socialMediaLinks ul {margin: 0 auto;}
#socialMediaLinks ul li {display: inline; list-style-type: none; margin: 0 10px;}

@media all and (max-width: 900px) {
	#socialMediaLinks {font-size: 250%; margin: 20px 0; height: auto;}
	#socialMediaLinks ul {width: 100%;}
}

/**
 * specialOffersFooter
 */

#specialOffersFooter {margin-bottom: 1em;}
#specialOffersFooter h2 {margin: 1.5em 20px 1.5em 20px; color: white; font-size: 36px;}
#specialOffersFooter h3.name a {color: white;}
#specialOffersFooter div.footer_offer_list div.bottom {display: none;}
#specialOffersFooter div.footer_offer_list div.controls a.prev {float: left; position: relative; top: -200px; left: -50px;}
#specialOffersFooter div.footer_offer_list div.controls a.next {float: right; position: relative; top: -200px; left: 50px;}
#specialOffersFooter div.footer_offer_list div.controls a {display: block; color: #006f77; width: 40px; height: 40px; font-size: 36px; float: left; border-radius: 6px; font-family: 'SSPika'; text-align: center;}

#specialOffersFooter a.viewAllOffers {background: #c1ba3d; float: right; position: relative;}
#specialOffersFooter a.viewAllOffers:after {content: ' '; display: block; width: 83px; height: 60px; background: url(../images/tooltips/mighty_white.png ) no-repeat; position: absolute; top: -20px; left: 120px;}
#specialOffersFooter {position: relative;}
#specialOffersFooter div.footer_offer_list:before {content: ' '; display: block; width: 119px; height: 57px; background: url(../images/tooltips/sharing_is_caring_white.png ) no-repeat; position: absolute; top: 300px; left: -100px;}

@media all and (max-width: 480px) {
	#specialOffersFooter div.product_list {display: none;}
}
@media all and (min-width: 900px) {
	#specialOffersFooter div.footer_offer_list div.slideItem {width: 900px;}
}
@media all and (max-width: 1000px) {
	#specialOffersFooter div.footer_offer_list div.controls {display: none;}
}
@media all and (max-width: 900px) {
	#specialOffersFooter h2 {font-size: 18px; margin: 0; padding: 20px 10px; text-align: center; background: #00717b;}
	#specialOffersFooter h2 > span {display: block; margin-bottom: 10px;}
	#specialOffersFooter a.viewAllOffers {float: none;}
	#specialOffersFooter h3.name a {color: #00b0f0;}
}
@media all and (max-width: 1100px) {
	#specialOffersFooter a.viewAllOffers:after {display: none;}
	#specialOffersFooter div.footer_offer_list:before {display: none;}
}

/**
 * extra CSS class useful for content in rowTop
 */
 
div.fixedWidth {max-width: 880px; margin: 0 auto;}

@media all and (max-width: 880px) {
	
	div.fixedWidth {margin: 0;}
}

/**
 * rich text classes
 */
 
div.content-RTE img.border {border: 0; border-bottom: 20px solid #008b95; border-radius: 6px;}

/**
 * ##### content components #####
 */
 
div.node_group-content {margin: 10px;}

/**
 * quote
 */
 
blockquote {font-size: 26px; font-family: 'AvenirLT', sans-serif; text-align: left; background: none; border-left: 10px solid #58a618; padding-left: 20px;}
div.quote p.quote {text-align: left; background: none;}

/**
 * store message
 */
 
div.store_message {background: #f08c00; color: white; text-align: center; border-radius: 6px; padding: 0 20px}
div.store_message_wrapper {background: url(../images/store.png) center left no-repeat; padding: 10px 0 10px 90px;}
div.store_message p {margin-top: 0;}
div.store_message p span {font-family: 'AvenirLT', sans-serif; font-size: 26px; display: block; float: left; margin-top: 10px;}

div.store_message span a {color: #475859}
div.store_message a {color: white;}
div.store_message a.button {float: right; background: #008d96; margin: 10px 0;}
div.store_message a.notice {float: right;}
div.store_message a.notice span {font-size: 22px;}
div.store_message a.notice span.count {font-size: 18px; background: #d11b30; border-radius: 100px; width: 30px; height: 30px; line-height: 35px; vertical-align: bottom; display: inline-block; margin-left: 10px; text-align: center;}
@media all and (max-width: 900px) {
	div.store_message {text-align: left; line-height: 1.2; padding: 20px 10px;}
	div.store_message a.button {display: none;}
	div.store_message p span {margin-top: 0;}
	div.store_message a.notice {float: left; clear: both; line-height: 35px;}
	div.store_message a.notice span {margin-top: 20px;}
}

/**
 * connect
 */
 
div.connect {background: #e3e3e3; text-align: center; padding: 0.5em;}

/**
 * button
 */

button,
a.button {
	padding: 0 30px; margin: 0 auto; float: none; height: 40px;
	border: 0; border-radius: 999px; background: #00b0f0;
	font-family: 'AvenirLT', sans-serif; font-size: 14px; line-height: 42px; font-weight: normal; font-style: normal; text-align: center; color: white; text-decoration: none;
	transition: background .2s; -moz-transition: background .2s; -webkit-transition: background .2s; -o-transition: background .2s; behavior: url(/js/PIE.htc);}

button:hover,
a.button:hover {background-color: #49ccff; opacity: 0.9;}

a.button.add_to_basket, 
a.button.share {background-color: #006f77; background-color: rgba(0, 0, 0, 0.2); width: 30px; height: 30px; line-height: 32px; border-radius: 3px; padding: 0; margin: 0 3px;}

a.button.share span {display: none;}
a.button.share:after {content: ''; font-family: "SSStandard"; margin-left: 2px;}

a.button.share.long {width: 80px;}
a.button.share.long span {display: inline; position: absolute; left: 28px;}

a.button.share:hover,
a.button.share.active {background-color: #c1bb00;}
a.button.add_to_basket span {display: none!important;}
a.button.add_to_basket:after {content: ""; font-family: "SSPika"; display: block; width: 30px; height: 30px; text-align: center;}
a.button.add_to_basket:hover {background-color: #c1bb00;}
a.button.add_to_basket.loading {background-color: #c1bb00; background-image: none;}

h2 a.button {font-size: 14px; font-family: 'AvenirLT', sans-serif;}

/**
 * fluid-video
 */

div.fluid-video {height: 0; padding-top: 25px; padding-bottom: 67.5%; margin-bottom: 10px; position: relative; overflow: hidden; background: black;}
div.fluid-video.widescreen {padding-bottom: 57.25%;}
div.fluid-video.vimeo {padding-top: 0;}
div.fluid-video embed,
div.fluid-video iframe,
div.fluid-video object,
div.fluid-video video {top: 0; left: 0; width: 100%; height: 100%; position: absolute;}

/**
 * hide special offers footer on pageSpecialOffers
 */

div.pageSpecialOffers div.rowTop {border-bottom: 10px solid #00b0f0;}
div.pageSpecialOffers div.rowBottom {padding-top: 10px;}
div.pageSpecialOffers #specialOffersFooter {display: none;}
div.pageSpecialOffers #footer {padding-top: 20px;}

/**
 * downloadHandbill
 */

div.downloadHandbill {margin: 5em 0;}
div.downloadHandbill a {display: block; background: #f08c00; color: white; border-radius: 6px; padding: 15px 20px;}
div.downloadHandbill a:after {content: ' '; font-family: 'SSPika'; display: inline-block; float: right;}

/**
 * divider
 */
 
/*div.divider {border-top: 5px dotted #e5e5e5;}*/
div.divider {border: none; background: url(/images/gray_dot.png) left bottom repeat-x; height: 10px;}

/**
 * time_of_day_slider
 */

div.time_of_day_slider li.first {position: relative;}
div.time_of_day_slider li.first:before {content: ' '; display: block; width: 118px; height: 98px; background: url(../images/tooltips/change_time_of_day.png ) no-repeat; position: absolute; top: 20px; left: -120px;}
div.time_of_day_slider div.message {position: relative;}
div.time_of_day_slider div.message:after {position: absolute; left: 50%; content: " "; display: block; width: 0; height: 0; margin-left: -10px; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px solid grey;}
div.time_of_day_slider div.message h3 {background: #475859; color: white; text-align: center; margin: 0; padding: 0.7em 0;}
div.time_of_day_slider div.slider {background: #f0f0f0; padding: 20px;}
div.time_of_day_slider ul {margin: 0 auto; padding: 0; max-width: 900px;}
div.time_of_day_slider li {float: left; width: 23%; list-style-type: none; margin:0 1%;}
div.time_of_day_slider li a {display: block; padding: 5px 0; text-align: center; border-radius: 60px; background: #cfd0ce; color: white; behavior: url(/js/PIE.htc); font-weight: bold;}
div.time_of_day_slider li a span {display: block; background: transparent url(../images/clock-breakfast.png) center right no-repeat; line-height: 35px; margin-right: 5px;}
div.time_of_day_slider li span.strapline {display: none;}
div.time_of_day_slider li.active a span.title {display: none;}
div.time_of_day_slider li.active a span.strapline {display: block;}
div.time_of_day_slider li a.breakfast span {background-image: url(../images/clock-breakfast.png);}
div.time_of_day_slider li a.lunch span {background-image: url(../images/clock-lunch.png);}
div.time_of_day_slider li a.dinner span {background-image: url(../images/clock-dinner.png);}
div.time_of_day_slider li a.snack span {background-image: url(../images/clock-snack.png);}
div.time_of_day_slider li a.breakfast:hover,
div.time_of_day_slider li.active a.breakfast {background-color: #58a618;}
div.time_of_day_slider li a.lunch:hover,
div.time_of_day_slider li.active a.lunch {background-color: #00b0f0;}
div.time_of_day_slider li a.dinner:hover,
div.time_of_day_slider li.active a.dinner {background-color: #a70240;}
div.time_of_day_slider li a.snack:hover,
div.time_of_day_slider li.active a.snack {background-color: #f08c00;}
div.time_of_day_slider li.active a {background-color: #51a439; color: white;}
@media all and (max-width: 900px) {
	div.time_of_day_slider div.message h3 {padding-left: 10px; padding-right: 10px;}
	div.time_of_day_slider div.slider {padding: 20px 0;}
	div.time_of_day_slider li a {width: 100%; height: 45px; margin-bottom: 20px; text-align: center;}
	div.time_of_day_slider li a span {padding-top: 45px;margin: 0; background-position: center top; color: #475859;}
	div.time_of_day_slider li.active a span {color: black;}
	div.time_of_day_slider li span.strapline {display: none!important	;}
	div.time_of_day_slider li a span.title {display: block!important;}
}
@media all and (max-width: 1150px) {
	div.time_of_day_slider li.first:before {display: none;}
}

body.t8 #content {background-image: url(/image/var/files/body-bg/breakfast.jpg);} /*breakfast*/
body.t10 #content {background-image: url(/image/var/files/body-bg/lunch.jpg);} /*lunch*/
body.t11 #content {background-image: url(/image/var/files/body-bg/dinner.jpg);} /*dinner*/
body.t12 ##content {background-image: url(/image/var/files/body-bg/snack.jpg);} /*snacks*/

body.t11 #globalNavigation a,
body.t12 #globalNavigation a,
body.t11 #basket,
body.t12 #basket,
body.t11 #basket a,
body.t12 #basket a,
body.t11 #userbox,
body.t12 #userbox,
body.t11 #userbox a,
body.t12 #userbox a,
body.t11 div.breadcrumb,
body.t12 div.breadcrumb,
body.t11 div.breadcrumb a,
body.t12 div.breadcrumb a {color: white;}

body.t8 div.rowTop a.button {background-color: #58a618;}
body.t8 div.rowTop a.button:hover {background-color: #6ccc1d;}
body.t10 div.rowTop a.button {background-color: #00b0f0;}
body.t10 div.rowTop a.button:hover {background-color: #49ccff;}
body.t11 div.rowTop a.button {background-color: #a70240;}
body.t11 div.rowTop a.button:hover {background-color: #cc024f;}
body.t12 div.rowTop a.button {background-color: #f08c00;}
body.t12 div.rowTop a.button:hover {background-color: #ff9500;}

body.t8 div.time_of_day_slider h3 {background: #58a618;} /*breakfast*/
body.t10 div.time_of_day_slider h3 {background: #00b0f0;} /*lunch*/
body.t11 div.time_of_day_slider h3 {background: #a70240;} /*dinner*/
body.t12 div.time_of_day_slider h3 {background: #f08c00;} /*snacks*/

body.t8 div.store_message {background-color: #58a618;} /*breakfast*/
body.t10 div.store_message {background-color: #00b0f0;} /*lunch*/
body.t11 div.store_message {background-color: #a70240;} /*dinner*/
body.t12 div.store_message {background-color: #f08c00;} /*snack*/

body.t8 div.store_message a.button {background-color: #c1bb00;} /*breakfast*/
body.t10 div.store_message a.button {background-color: #f08c00;} /*lunch*/
body.t11 div.store_message a.button {background-color: #c28d4d;} /*dinner*/
body.t12 div.store_message a.button {background-color: #70382d;} /*snack*/

body.t8 div.store_message span a {color: #fecb00;} /*breakfast*/
body.t10 div.store_message span a {color: #00257a;} /*lunch*/
body.t11 div.store_message span a {color: #f08c00;} /*dinner*/
body.t12 div.store_message span a {color: #70382d;} /*snack*/

body.t8 #userbox div.login {background: #58a618;} /*breakfast*/
body.t10 #userbox div.login {background: #00b0f0;} /*lunch*/
body.t11 #userbox div.login {background: #a70240;} /*dinner*/
body.t12 #userbox div.login {background: #f08c00;} /*snack*/

body.t8 #userbox a.profile_image span {border-color: #58a618;} /*breakfast*/
body.t10 #userbox a.profile_image span {border-color: #00b0f0;} /*lunch*/
body.t11 #userbox a.profile_image span {border-color: #a70240;} /*dinner*/
body.t12 #userbox a.profile_image span {border-color: #f08c00;} /*snack*/

body.t11 #userbox a.profile_image:after,
body.t12 #userbox a.profile_image:after {color: white;}

body.t8 div.connect_status div.facebook_pile div.item div.image {border-color: #58a618;} /*breakfast*/
body.t10 div.connect_status div.facebook_pile div.item div.image {border-color: #00b0f0;} /*lunch*/
body.t11 div.connect_status div.facebook_pile div.item div.image {border-color: #a70240;} /*dinner*/
body.t12 div.connect_status div.facebook_pile div.item div.image {border-color: #f08c00;} /*snack*/

body.t8 div.time_of_day_slider div.message:after {border-top-color: #58a618;}/*breakfast*/
body.t10 div.time_of_day_slider div.message:after {border-top-color: #00b0f0;}/*lunch*/
body.t11 div.time_of_day_slider div.message:after {border-top-color: #a70240;}/*dinner*/
body.t12 div.time_of_day_slider div.message:after {border-top-color: #f08c00;}/*snack*/

/* colours (mainly recipe_list) */
body.t8 div.rowTop {border-bottom: 10px solid #58a618; } /*breakfast*/
body.t10 div.rowTop {border-bottom: 10px solid #00b0f0;} /*lunch*/
body.t11 div.rowTop {border-bottom: 10px solid #a70240;} /*dinner*/
body.t12 div.rowTop {border-bottom: 10px solid #f08c00;} /*snack*/

body.t8.timebased div.rowTop,
body.t10.timebased div.rowTop,
body.t11.timebased div.rowTop,
body.t12.timebased div.rowTop {border-bottom: 0;}

body.t8 h1.pageTitle {color: #58a618; } /*breakfast*/
body.t10 h1.pageTitle {color: #00b0f0;} /*lunch*/
body.t11 h1.pageTitle {color: #a70240;} /*dinner*/
body.t12 h1.pageTitle {color: #f08c00;} /*snack*/


/**
 * generic time based colours
 */
 
div.breakfast {background-color: #58a618!important;} /*breakfast*/
div.lunch {background-color: #00b0f0!important;} /*lunch*/
div.dinner {background-color: #a70240!important;} /*dinner*/
div.snack {background-color: #f08c00!important;} /*snack*/

/**
 * connect_status
 */
 
div.connect_status div.message {text-align: center;}
div.connect_status div.message h3 {color: #2e170e;}
div.connect_status div.message a {display: inline-block;}
div.connect_status div.message a span.connect {display: inline-block; border-bottom: 2px solid #00b0f0; border-bottom-style: dashed; white-space: nowrap;}
div.connect_status div.message  span.questionmark:after {content: '❓'; font-family: 'SSPika'; font-size: 18px; color: #cfd0ce; padding-left: 10px;}

div.connect_status div.facebook_pile {font-size: 14px; margin: 0 0 10px 0; text-align: center;}
div.connect_status div.facebook_pile h3 {text-align: center; color: #00b0f0;}
div.connect_status div.facebook_pile div.item {width: 33%; display: inline-block; text-align: left; vertical-align: top;}
div.connect_status div.facebook_pile div.item div.image {width: 80px; height: 80px; overflow: hidden; border: 5px solid #00b0f0; border-radius: 80px; float: left; margin: 0 10px 10px 10px;}
div.connect_status div.facebook_pile div.item img {border-radius: 80px;}
div.connect_status div.facebook_pile p {margin: 10px 20px 0 10px;}
div.connect_status div.facebook_pile p a {font-weight: bold;}

@media all and (max-width: 900px) {
	div.connect_status {display: none;}
}

/**
 * UI tooltip
 */
 
.ui-tooltip {position: absolute; z-index: 9999; max-width: 300px; background: transparent; border: 0; box-shadow: none; padding: 0;}
.ui-tooltip div.ui-tooltip-content {padding: 10px 20px; margin: 0; color: white; background: #333; background: rgba(0, 0, 0, 0.8);border-radius: 6px; border: 0;}
.ui-tooltip:after {position: relative; top: 0; left: -20px; float: right; content: " "; display: block; width: 0; height: 0; border-top: 20px solid #333; border-top-color: rgba(0, 0, 0, 0.8);border-left: 20px solid transparent;}

/**
 * recipe_list
 */
 
div.recipe_list_4columns div.item {padding: 1em 0; text-align: center;}
div.recipe_list_4columns div.item h3 {font-size: 14px; font-weight: normal; font-family: 'AvenirLT'; height: 4em;}

/**
 * product_list
 * 
 */

div.product_list {padding-top: 2em;}
div.product_list div.item {padding: 1em 0;}
div.product_list div.item div.image {position: relative; height: 100px;}
div.product_list div.item div.image a {width: 200px; height: 100px; text-align: center; vertical-align: bottom; display: table-cell;}
div.product_list div.item div.image img {max-height: 100px;}
div.product_list div.divider {background: none; padding: 20px 0 40px 0;}
div.product_list div.divider hr {background: #e2e2e2; display: block; height: 2px;}

@media all and (max-width: 900px) {
	div.product_list div.item div.image a {width: auto}
}

/**
 * product_list_4columns
 * product_list_6columns
 */
 
div.product_list_4columns div.item h3,
div.product_list_6columns div.item h3 {font-size: 14px; font-weight: normal; font-family: 'AvenirLT'; height: 4em; padding: 0 5px;}

/**
 * product_list_3columns_split
 */
 
div.product_list_3columns_split a {text-decoration: none;}
div.product_list_3columns_split div.item {font-size: 80%; width: 33%; text-align: center; float: left; clear: none;}
div.product_list_3columns_split div.item h3 {width: 50%; float: left; font-size: 18px; font-weight: normal; font-family: 'AvenirLT'; height: 4em; padding: 0 5px; text-align: left;}
div.product_list_3columns_split div.item h3 a {color: #475859;}
div.product_list_3columns_split div.item div.image {width: 50%; float: left;}
div.product_list_3columns_split div.item div.image a {display: block; margin: 0 auto 10px auto; text-align: left;}
div.product_list_3columns_split div.item div.action {clear: both; width: 120px; padding-top: 10px;}

/**
 * product_list_3columns
 */
 
div.product_list_3columns div.item {padding: 0 10px;}
div.product_list_3columns div.item div.image {height: auto;}
div.product_list_3columns div.item div.image img {max-height: 200px;}
div.product_list_3columns div.item div.image a {width: auto; height: auto; margin: 0 auto; display: block;}

@media all and (max-width: 480px) {
	div.product_list_3columns_split div.item {width: 100%!important;}
}

@media all and (max-width: 900px) {
	div.product_list_3columns div.item,
	div.product_list_3columns_split div.item {width: 50%; margin-bottom: 20px;}
	div.product_list_3columns div.item:nth-child(4),
	div.product_list_3columns_split div.item:nth-child(4) {clear: both; float: none; margin: 0 auto;}
}

/**
 * product_list_shelf
 */

div.product_list_shelf div.item div.image a span.roundel {display: none!important;}
div.product_list_shelf div.item.even div.image {float: right;}
div.product_list_shelf div.item.odd div.image {float: left;}
div.product_list_shelf div.divider {background: url(../images/divider-product-list-even.png) center center no-repeat; border-top: 0;}
div.product_list_shelf div.divider hr {background: none;}
div.product_list_shelf div.divider.odd {background-image: url(../images/divider-product-list-odd.png)}
div.product_list_shelf div.item div.image {height: auto; width: 40%;}
div.product_list_shelf div.item div.image a {width: auto; height: auto; display: block;}
div.product_list_shelf div.item div.image img {max-height: none;}
div.product_list_shelf div.item div.description {width: 30%;}
div.product_list_shelf div.item.even div.description {float: right;}

div.product_list_shelf div.item {background-repeat: no-repeat; max-width: 1200px; margin: 0 auto; overflow: visible;}
div.product_list_shelf div.item.odd {background-position: 800px 0;}
div.product_list_shelf div.item.even {background-position: -100px 0;}
div.product_list_shelf div.item div.itemWrapper {max-width: 900px; margin: 0 auto;}

@media all and (min-width: 800px) {
	body.noProductBg div.product_list_shelf div.item div.image {width: 60%; margin-right: 0;}
	body.noProductBg div.product_list_shelf div.item.odd div.image a {padding-right: 20px;}
	body.noProductBg div.product_list_shelf div.item.even div.image a {padding-left: 20px;}
	body.noProductBg div.product_list_shelf div.item div.description {width: 40%; padding-top: 40px;}
}

@media all and (min-width: 1000px) {
	div.product_list_shelf div.item {width: 100%;}
	div.product_list_shelf div.item.odd {background-position: center right;}
	div.product_list_shelf div.item.even {background-position: center left;}
}

@media all and (max-width: 900px) {
	div.product_list_shelf div.item {width: auto; background: transparent!important;}
}

/**
 * roundels
 * see also component/ecommerce/roundel_css.html included in product_list_6colummns
 */
 
div.product div.productImage {position: relative;}
div.product div.productImage span.roundel {content: " "; position: absolute; top: 30px;; left: 300px; display: block; width: 120px; height: 120px; background: transparent no-repeat;}

div.product_list div.item div.image a span.roundel {position: absolute; top: -30px; left: 80px; display: block; width: 75px; height: 75px; background: transparent no-repeat; z-index: 500;}
div.product_list_3columns div.item div.image a span.roundel {left: 150px;}
div.product_list_4columns div.item div.image a span.roundel {left: 80px;}

@media all and (max-width: 900px) {
	div.product_list_6columns div.item div.image a span.roundel {top: 0; left: 10px;}
	div.product div.productImage span.roundel {left: 10px;}
}

/**
 * product page
 */
 
div.product div.productImage {text-align: center; padding-top: 20px;}
div.product div.pageHeader {width: auto;}
div.product div.pageHeader p.share {display: none;}
div.product div.variety_list_ajax {padding-left: 10px; padding-bottom: 20px;}
div.product div.variety_list_ajax:after {content: ' '; display: block;}
div.product div.rowBottom {padding-top: 10px;}
div.product div.description {padding-left: 10px;}

div.product div.node_container_content div.onxshop_edit_content,
div.product div.node_container_content div.onxshop_edit_layout {display: none;}

/**
 * variety_list_ajax
 */

div.variety_list_ajax a.add_to_basket {background-image: none; background-color: #006f77; background-color: rgba(0, 0, 0, 0.2); padding-left: 0;}
div.variety_list_ajax table {width: 100%;}
div.variety_list span.price {display: none;}

/**
 * social_network_share
 */
 
div.social_network_share li.mailto a {background: #ffffff linear-gradient(to bottom, #ffffff 0%,#cbebff 47%,#e6e4e4 100%); border: 1px solid #c9c5c5; border-radius: 4px; display: block; padding: 2px 5px; text-decoration: none; line-height: 1;}
div.social_network_share li.mailto a span {font-size: 80%;}

/**
 * image_gallery_2columns
 */
 
div.image_gallery_2columns {padding:0; max-width: 1000px; margin: 0 auto; overflow: hidden; /*height: 287px;*/}
div.image_gallery_2columns p {font-family: 'AvenirLT', sans-serif;  margin:10px 0;}
div.image_gallery_2columns div.twoColumnLayout {width: 100%;}
div.image_gallery_2columns div.layoutColumnOne {text-align: center; padding-top: 20px;}
div.image_gallery_2columns div.layoutColumnTwo {padding-left: 20px; padding-top: 60px;}
div.image_gallery_2columns h3 {font-size: 60px; line-height: 1; margin: 0;}
div.image_gallery_2columns p.description {color: #00257a; font-size: 26px; line-height: 30px;}
div.image_gallery_2columns div.content p:after {content:' ▹'; font-family: 'SSPika'; font-size: 70%;}
div.image_gallery_2columns div.controls a {display: block; background-color: #cfd0ce; background-color: rgba(0, 0, 0, 0.2); width: 40px; height: 40px; line-height: 45px; font-size: 18px; float: left; margin-right: 10px; border-radius: 6px; font-family: 'SSPika'; color: white; text-align: center;}
div.image_gallery_2columns.number_of_items_1 div.controls {display: none;}
div.image_gallery_2columns div.controls a:hover {background-color: #c1bb00;}
div.image_gallery_2columns div.controls a span:after {content: ' '; display: block;}

body.t8 div.image_gallery_2columns h3,
body.t8 div.image_gallery_2columns a {color: #58a618;} /*breakfast*/
body.t10 div.image_gallery_2columns h3,
body.t10 div.image_gallery_2columns a {color: #00b0f0;} /*lunch*/
body.t11 div.image_gallery_2columns h3,
body.t11 div.image_gallery_2columns a {color: #a70240;} /*dinner*/
body.t12 div.image_gallery_2columns h3,
body.t12 div.image_gallery_2columns a {color: #f08c00;} /*snack*/

body.t8 div.image_gallery_2columns p.description {color: #007934} /*breakfast*/
body.t10 div.image_gallery_2columns p.description {color: #00257a} /*lunch*/
body.t11 div.image_gallery_2columns p.description {color: #830f6d} /*dinner*/
body.t12 div.image_gallery_2columns p.description {color: #2e170e} /*snacks*/

/*angle text*/
@media all and (min-width: 800px) {
div.picture.angle div.layoutColumnTwo div.wrap {padding-top: 20px; color: white; -webkit-transform-origin: bottom left; -webkit-transform: rotate(-20deg); -moz-transform-origin: bottom left; -moz-transform: rotate(-20deg);}
}
@media all and (max-width: 900px) {
	/*div.image_gallery_2columns {background: url(../images/symbol_swipe.png) no-repeat top center; background-position-y: 20px;}*/
	div.image_gallery_2columns {margin: 0 20px; height: auto;}
	div.image_gallery_2columns div.layoutColumnTwo {padding: 0; text-align: center;}
	div.image_gallery_2columns div.controls {display: none;}
	div.image_gallery_2columns div.layoutColumnOne img {max-height: 300px;}
	div.picture.angle div.layoutColumnTwo div.wrap {padding-top: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg)}
}

@media all and (max-width: 480px) {
	div.image_gallery_2columns div.twoColumnLayout {position: relative;}
	div.image_gallery_2columns div.wrap {height: 140px; width: 100%; overflow: hidden; display: table;}
	div.image_gallery_2columns div.wrap-in {display: table-cell; text-align: center; vertical-align: middle; }
	div.image_gallery_2columns h3 {font-size: 37px; line-height: 1.1; width: 100%; margin: 0; display: block;}
	div.image_gallery_2columns p.description {font-size: 17px; line-height: 18px; text-align: center; display: block; margin: 0;}
	div.image_gallery_2columns div.layoutColumnOne {height: 140px;}
	div.image_gallery_2columns div.layoutColumnOne p {margin: 0;}
	div.image_gallery_2columns div.layoutColumnOne img {width: auto; max-width: 320px; height: 120px; vertical-align: middle;}
	div.image_gallery_2columns div.content p {margin: 0; display: inline;}
	div.image_gallery_2columns div.content {width: 100%; text-align: center; font-size: 12px;}

}

/**
 * image_gallery_2columns_mark
 */
 
div.image_gallery_2columns_mark {padding:0; max-width: 880px; max-height: 270px; margin: 10px auto 10px auto; overflow: hidden;}
div.image_gallery_2columns_mark a {color: white;}
div.image_gallery_2columns_mark p {font-family: 'AvenirLT', sans-serif;  margin:10px 0;}
div.image_gallery_2columns_mark div.twoColumnLayout {width: 100%; height: 270px;}
div.image_gallery_2columns_mark div.layoutColumnOne {text-align: center; padding-top: 20px;}
div.image_gallery_2columns_mark div.layoutColumnTwo {padding-left: 50px; padding-right: 30px;}
div.image_gallery_2columns_mark div.layoutColumnTwo div.slider_copy {height: 270px; padding-left: 20px; padding-top: 30px; background: #669C59; background: rgba(100,153,64, 0.9);}
div.image_gallery_2columns_mark h3 {font-size: 36px; line-height: 1; margin: 0; color: white;}
div.image_gallery_2columns_mark p.description {color: white; font-size: 26px; line-height: 30px;}
div.image_gallery_2columns_mark div.content p:after {content:' ▹'; font-family: 'SSPika'; font-size: 70%; color: white;}
div.image_gallery_2columns_mark div.controls a {display: block; background-color: #cfd0ce; background-color: rgba(0, 0, 0, 0.2); width: 40px; height: 40px; line-height: 45px; font-size: 18px; float: left; margin-right: 10px; border-radius: 6px; font-family: 'SSPika'; color: white; text-align: center;}
div.image_gallery_2columns_mark.number_of_items_1 div.controls {display: none;}
div.image_gallery_2columns_mark div.controls a:hover {background-color: #c1bb00;}
div.image_gallery_2columns_mark div.controls a span:after {content: ' '; display: block;}

@media all and (max-width: 900px) {
	div.image_gallery_2columns_mark div.layoutColumnOne {display: none;}
}

/**
 * image_gallery_cycle2
 */

div.image_gallery_cycle2 {text-align: center; max-width: 880px; margin: 20px auto 20px auto;}
div.image_gallery_cycle2 div.pagination {display: none;}

div.image_gallery_cycle2 p {font-family: 'AvenirLT', sans-serif;  margin:10px 0;}
div.image_gallery_cycle2 div.item div.description {background: rgba(100,153,64, 0.5);}


/**
 * image_gallery_plain center 
 */

.image_gallery_plain img {display: block; margin: 0 auto;}
 


/**
 * randomiser
 */
 
div.randomiser p.hint {color: #00257a; margin: 1em 0 0 0; font-size: 26px; font-family: 'AvenirLT', sans-serif;}
div.randomiser h3 {margin-top: 0; font-size: 36px;}
div.randomiser h3 a:after {content:' ▹'; font-size: 70%; font-family: 'SSPika'; white-space: nowrap;}
div.randomiser img {height: 250px;}
div.randomiser p.show_another a:after {content:' ▹'; font-size: 70%; font-family: 'SSPika'; white-space: nowrap;}
div.randomiser p.show_all a:before {content:'➡ '; font-size: 70%; font-family: 'SSPika';}

body.t8 div.randomiser p.hint {color: #007934} /*breakfast*/
body.t10 div.randomiser p.hint {color: #00257a} /*lunch*/
body.t11 div.randomiser p.hint {color: #830f6d} /*dinner*/
body.t12 div.randomiser p.hint {color: #2e170e} /*snacks*/

body.t8 div.randomiser h3 a,
body.t8 div.randomiser p.show_all a {color: #58a618} /*breakfast*/
body.t10 div.randomiser h3 a,
body.t10 div.randomiser p.show_all a {color: #00b0f0} /*lunch*/
body.t11 div.randomiser h3 a,
body.t11 div.randomiser p.show_all a {color: #a70240} /*dinner*/
body.t12 div.randomiser h3 a,
body.t12 div.randomiser p.show_all a {color: #f08c00} /*snacks*/

@media all and (max-width: 900px) {
	div.randomiser div.layoutColumnTwo {padding: 0 20px;}
}

/**
 * extra content class
 */

div.facebook {min-height: 300px; background: #00b0f0; color: white; border-radius: 6px; padding: 0 20px 0 20px;}
div.facebook h3 {font-size: 36px; color: white; margin-top: 0; padding-top: 20px;}
div.facebook h3:before {content: '\f610  '; font-family: 'SSSocialCircle'; font-size: 26px;}
div.facebook blockquote {background: #3fc9f1; padding: 10px; margin: 0 0 20px 0; border: 0; border-radius: 6px; font-size: inherit; font-family: inherit;}
div.facebook blockquote:after {position: relative; top: 10px; left: -20px; float: right; content: " "; display: block; width: 0; height: 0; border-top: 20px solid #3fc9f1; border-left: 20px solid transparent;}
div.facebook blockquote p {background: transparent; margin: 0; padding: 0;}
div.facebook div.contentBody > p {margin-bottom: 0; padding-bottom: 15px;}
div.facebook a.button {padding: 0 0 0 10px; background: transparent;}
div.facebook a {color: white;}

div.feature {min-height: 300px; background: #a70240; color: white; border-radius: 6px; line-height: 1.5;}
div.feature img.imageleft {margin-bottom: 0!important; margin-right: 10px;}
div.feature p {margin: 0; padding-right: 20px;}
div.feature p.description {margin: 30px 0;}
div.feature h3 {color: white; font-size: 50px; padding-top: 80px; padding-right: 10px; margin-top: 0; line-height: 1;}
div.feature h4 {color: white;}
div.feature a {color: white;}

div.fan {min-height: 420px; border: 3px dotted #f08c00; border-radius: 6px; padding: 0 15px;}
div.fan h3 {color: #f08c00; font-size: 200%; margin-top: 30px;}
div.fan h4 {color: #00b0f0;}
div.fan p {margin: 0;}
div.fan p img.imageright {position: relative; top: -50px;}
div.fan a.button {background: #f08c00; padding-left: 3em; padding-right: 3em; margin:  15px 0; clear: both;}

div.apps {min-height: 420px;}
div.apps h3 {color: #80025f; font-size: 200%;}
div.apps a.button {background: #80025f;}
@media all and (max-width: 900px) {
	div.apps {min-height: 0;}
}

div.twitter {min-height: 420px; background: #c48c57; color: white; border-radius: 6px; padding: 0 15px;}
div.twitter h3 {font-size: 36px; color: white; margin: 0; padding: 30px 0;}
div.twitter h3:before {content: '\f611 '; font-family: 'SSSocialCircle'; font-size: 26px;}
div.twitter blockquote {background: #b26e23; border: 0; border-radius: 6px; padding: 40px 15px 15px 15px; margin: 0 0 40px 0; font-size: inherit; font-family: inherit;}
div.twitter blockquote:after {position: relative; top: 35px; left: 10px; content: " "; display: block; width: 0; height: 0; border-top: 20px solid #b26e23; border-right: 20px solid transparent;}
div.twitter blockquote p {background: transparent; margin: 0; padding: 0;}
div.twitter div.contentBody > p {margin-bottom: 0; padding-bottom: 15px;}
div.twitter a.button {background: #d11b30;}

@media all and (max-width: 480px) {
	div.fan p img.imageright {top: 0;}
}
@media all and (max-width: 900px) {
	div.feature {height: 120px; overflow: hidden;}
	body.t11 div.feature {background: #c28d4d;}
	div.feature p {line-height: 1.2;}
	div.feature p:nth-of-type(1) img.imageleft {height: 120px; margin-bottom: 0; margin-right: 10px;}
	div.feature p.description {margin: 0;}
	div.feature h4 {display: none;}
	div.feature h3 {font-size: 26px; padding-top: 20px;}
	div.feature a.viewMore {display: none;}
	div.facebook {padding-top: 10px; padding-bottom: 10px; text-align: center;}
	div.facebook h3 {font-size: 26px; padding: 10px;}
	div.facebook h3:before {font-size: 18px;}
	div.facebook a.button {padding: 10px 30px; background: #00257a;}
	div.twitter {margin: 0;}
	div.twitter h3 {font-size: 26px; padding: 10px;}
	div.fan {margin: 20px;}
	div.pageHome div.fan {display: none;}
	div.pageHome div.twitter,
	div.pageHome div.facebook,
	div.pageHome div.feature,
	div.pageHome div.store_message {border-radius: 0; margin-bottom: 0; min-height: 0;}
	div.pageHome div.feature img {max-height: 120px;}
}

/**
 * competitionTeaser
 */
 
div.competitionTeaser {background-color: #cd202c; color: white; border-radius: 6px; padding: 5px 15px 17px 15px; text-align: center;}
div.competitionTeaser h3 {color: white;}
div.competitionTeaser a.button {background-color: #c1bb00;}

@media all and (max-width: 900px) {
	div.competitionTeaser {border-radius: 0; margin-bottom: 0;}
}

/**
 * don't show 
 */
 
body.timebased div.rowMiddle {display: none;}

/**
 * shared_banner (dynamic advert)
 */
 
div.shared_banner div.node_group-content {margin: 0;}
div.shared_banner div.onxshop_edit_content {padding-bottom: 0; margin-left: -10px;}
div.shared_banner div.onxshop_edit_content a.onxshop_edit {float: none;}
div.shared_banner div.onxshop_edit_content a.onxshop_edit:after {content: ' shared content'; font-size: 10px; color: #555; line-height: 100%; display: block; width: 100px; margin: 1px 0 0 30px; background: #E0E0E0; padding: 3px 5px; border-radius: 10px; width: 80px; text-align: center; text-shadow: 0 1px 0 #FFF;}
div.shared_banner div.onxshop_edit_content a.onxshop_duplicate,
div.shared_banner div.onxshop_edit_content a.onxshop_delete {display: none;}

/**
 * pod
 */

div.pod h3.contentTitle {margin-bottom: 20px;}
div.pod h3.contentTitle {font: 18px/25px 'AvenirLT'; color: white; background-color: #00b0f0; border-radius: 6px; padding: 10px 15px 8px 15px;}
div.pod h3.contentTitle  a {color: white; display: block;}
div.pod.green h3.contentTitle  {background-color: #58a618;}
div.pod.blue h3.contentTitle  {background-color: #00b0f0;}
div.pod.teal h3.contentTitle  {background-color: #70c1cc;}
div.pod.wine h3.contentTitle  {background-color: #a70240;}
div.pod.pink h3.contentTitle  {background-color: #e10098;}
div.pod.red h3.contentTitle  {background-color: #cd202c;}
div.pod.purple h3.contentTitle  {background-color: #7d0063;}
div.pod.orange h3.contentTitle  {background-color: #f08c00;}
div.pod.sand h3.contentTitle  {background-color: #c1bb00;}
div.pod h4 {font-family: 'AvenirLT'; font-weight: bold; font-size: 18px;}

@media all and (max-width: 900px) {
	div.pod div.contentBody {padding: 0 10px;}
}

/**
 * panel
 */
 
div.panel {color: white; background-color: #00b0f0; min-height: 170px; border-radius: 6px; overflow: hidden; padding: 15px 20px 0;}
div.panel h3.contentTitle a {font: 18px/25px 'AvenirLT'; color: white; margin-bottom: 20px;}
div.panel h2,
div.panel h3,
div.panel h4 {color: white;}
div.node_group-content.node-panel {margin-bottom: 20px;}

/**
 * panel ideasToGo
 */

div.panel.ideasToGo h3.contentTitle a {color: #c1ba3d; font-size: 26px; font-family: 'AvenirLT', sans-serif;} 
div.panel.ideasToGo {background-color: #a70240; padding-bottom: 10px;}

/**
 * shared banner
 */
 
div.twoColumnPage div.columnTwo {overflow: inherit!important;} /*allow to use div.elsewhere tooltip*/
div.elsewhere {position: relative;}
div.elsewhere:after {content: ' '; display: block; width: 85px; height: 117px; background: url(../images/tooltips/elsewhere_on_centra.png) no-repeat; position: absolute; top: 20px; right: -100px;}
@media all and (max-width: 1100px) {
	div.elsewhere:after {display: none;}
}

/**
 * panel breakfast, lunch, dinner, snack
 */

div.panel.breakfast {background-image: url(../images/panel-breakfast.png); background-position: center right; background-repeat: no-repeat; padding-right: 80px;}
div.panel.lunch {background-image: url(../images/panel-lunch.png); background-position: center right; background-repeat: no-repeat; padding-right: 80px;}
div.panel.dinner {background-image: url(../images/panel-dinner.png); background-position: center right; background-repeat: no-repeat; padding-right: 80px;}
div.panel.snack {background-image: url(../images/panel-snack.png); background-position: center right; background-repeat: no-repeat; padding-right: 80px;}


/**
 * sitemap
 */
 
/*dont't show all stores*/
div.sitemap li.node_id_1345 ul ul ul {display: none;}

/**
 * ourBrandRange
 */

div.ownBrandRange {background: #008b95; color: white; border-radius: 6px; padding: 20px;}
div.ownBrandRange h2 {color: white; float: left; margin: 0;}
div.ownBrandRange a.button {float: right; background: #cd202c;}
div.ownBrandRange p {margin: 0;}
div.ownBrandRange p:after {content: ' '; display: block; clear: both;}

@media all and (max-width: 900px) {
	div.ownBrandRange {text-align: center; padding: 20px 0;}
	div.ownBrandRange h2 {display: block; float: none;}
	div.ownBrandRange a.button {float: none;}
}

/**
 * recipe_most_shared
 */

div.most_shared div.tabHeader {background: #c1ba3d; border-radius: 6px; padding: 15px 15px 0 15px;}
div.most_shared div.tabHeader h2 {color: white; margin-top: 0;}
div.most_shared div.tabHeader h2 a.button {float: right; background: #f48a30;}
div.most_shared div.tabHeader div.tabNav a {color: white; background: #a5a033; font-size: 14px; display: block; float: left; margin: 0 10px 0 0; padding: 10px 10px 0 10px; border-top-left-radius: 6px; border-top-right-radius: 6px;}
div.most_shared div.tabHeader div.tabNav a.active {color: #777777; background: white; font-weight: normal;}
div.most_shared div.tabRecipes {position: relative;}
div.most_shared div.tabRecipes:before {content: ' '; display: block; width: 97px; height: 99px; background: url(../images/tooltips/yummy_recipes.png) no-repeat; position: absolute; top: 200px; left: -100px;}
div.most_shared div.tabProducts {position: relative;}
div.most_shared div.tabProducts:before {content: ' '; display: block; width: 97px; height: 99px; background: url(../images/tooltips/great_offers.png) no-repeat; position: absolute; top: 200px; left: -100px;}

@media all and (max-width: 1100px) {
	div.most_shared div.tabRecipes:before,
	div.most_shared div.tabProducts:before {display: none;}
}

/**
 * social_network_share_custom
 */

#shareContainer {position: absolute; z-index: 2000;}
div.social_network_share_custom {background: #00565e; border-radius: 6px; padding: 10px 20px;}
div.social_network_share_custom:after {position: absolute; bottom: -10px; left: 50%; content: " "; display: block; width: 0; height: 0; margin-left: -10px; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px solid #00565e;}
div.social_network_share_custom a.button {background-color: #00b0f0; width: 100%;}
div.social_network_share_custom ul {margin: 0; padding: 0;}
div.social_network_share_custom ul li {margin: 0; padding: 0; list-style-type: none;}
div.social_network_share_custom ul li.like,
div.social_network_share_custom ul li.facebook {padding-bottom: 8px;}

div.social_network_share_custom ul li.facebook a span:before {content: '\f610  '; font-family: 'SSSocial';}
div.social_network_share_custom ul li.like a span:before {content: '👍 '; font-family: 'SSSocial';}
div.social_network_share_custom ul li.twitter a span:before {content: '\f611 '; font-family: 'SSSocial';}

#shareContainer.under div.social_network_share_custom:after {bottom: auto; top: -10px; border-top: 0; border-bottom: 10px solid #00565e;}

/**
 * store locator page
 */
 
body.store #content {margin: 0 0; padding: 0 0;}
body.store .content {margin: 0 0; padding: 0 0;}

div.store_list {display: inline-block; width: 20%; float: left; height: 700px;}
div.store_locator .store_map {display: inline-block; width: 80%; float: right;}
div.store_locator div.rowTop {background: white;}
div.store_locator div.store_province_form .customSelect {width: 180px; padding: 12px 10px 10px 10px; color: #ffffff; font-size: 14px; background: #00b0f0 url('/images/dropdown_arrow-white.png') 95% center no-repeat; border-radius: 5px; max-height: 301px; text-align: left;}
div.store_locator div.store_province_form .customSelect span {white-space: nowrap;}

@media all and (max-width: 1600px) {
	div.store_locator .store_map {width: 75%;}
}

@media all and (max-width: 1260px) {
	div.store_locator .store_map {width: 72%;}
}

@media all and (max-width: 1360px) {
	div.store_locator .store_map {width: 66%;}
}

@media all and (max-width: 940px) {
	div.store_locator .store_map {display: block; width: 100%; float: none;}
}

/**
 * store_filter
 */
div.store_filter {background: #8cc341; padding: 10px 25px 5px 25px;}
div.store_filter:after {content:' '; clear: both; display: block;}

div.store_filter div.store_filter_form {width: 20%; display: inline-block; float: left;}
div.store_filter div.store_filter_tags {width: 80%; display: inline-block; float: left;}

div.store_filter div.control {display: none;}
div.store_filter div.control a {color: #ffffff; font-size: 12px; line-height: 20px;}
div.store_filter div.control a span {font-style: bold; font-size: 200%;}
div.store_filter div.control a.close {display: none;}
div.store_filter form {padding: 0 0 0 5px; background: #ffffff; display: inline-block; line-height: 26px; margin-right: 20px; width: 278px;}
div.store_filter form a {margin-right: 5px; padding-top: 3px; display: inline-block;  vertical-align: top; width: 20px; height: 20px; color: #008d97; font-family: 'SSPika'; font-size: 20px; vertical-align: top;}
div.store_filter form a span {display: none;}
div.store_filter form input {margin: 3px 0 0 0; padding: 4px 0 4px 0;background: #ffffff; border: none; display: inline-block; width: 240px; text-align: left; font-size: 12px; color: #878787; height: 20px; line-height: 20px; vertical-align: top;}
div.store_filter form button.search {margin: 0 0 0 0; padding: 2px 0 0 0; background: #5c940f; border: none; width: 26px; min-width: 26px; max-width: 26px; height: 26px; display: inline-block; font-family: 'SSPika'; font-size: 14px; color: #ffffff; vertical-align: top; line-height: 26px; float: right; border-radius: 0;}
div.store_filter form button.search span {display: none;}
div.store_filter h3 {margin: 0; padding: 0; display: inline-block; color: #ffffff; font-size: 12px; line-height: 30px; width: 8%; vertical-align: top;}
div.store_filter ul {margin: 0; display: inline-block;}
div.store_filter ul li {margin: 0; padding: 0; display: inline-block; list-style: none; transform: skewX(-5deg);}
div.store_filter ul li a {margin: 0 0 5px 0; color: #ffffff; background: #82b937; font-size: 14px; padding: 9px 10px 5px 10px; transition: all 0.3s ease; font-style: normal; text-transform: uppercase; line-height: 19px; display: inline-block;}
div.store_filter ul li a span {display: inline-block; transform: skewX(5deg);}
div.store_filter ul li a.selected {background: #ffffff; color: #5c940f;}

@media all and (max-width: 1600px) {
	div.store_filter ul {margin: 0; display: block; line-height: 1;}
	div.store_filter div.store_filter_form {width: 25%;}
	div.store_filter div.store_filter_tags {width: 75%;}
}

@media all and (max-width: 1260px) {
	div.store_filter div.store_filter_form {width: 28%;}
	div.store_filter div.store_filter_tags {width: 72%;}
}

@media all and (max-width: 1360px) {
	div.store_filter div.store_filter_form {width: 34%;}
	div.store_filter div.store_filter_tags {width: 66%;}
}

@media all and (min-width: 940px) {
	div.store_filter ul li a:hover {background: #ffffff; color: #5c940f;}
}

@media all and (max-width: 940px) {
	div.store_filter div.control {display: block;}
	div.store_filter {margin: 0 auto; background: #8cc341; line-height: 54px; padding: 0 5% 10px 5%; width: 100%; }
	div.store_filter div.store_filter_form {width: 100%; display: block; float: none;}
	div.store_filter div.store_filter_tags {width: 100%; display: none; float: none;}
	div.store_filter h3 {display: none;}
	div.store_filter div.control a {display: block; text-align: right; margin-bottom: 10px;}
	div.store_filter form {padding: 0 0 0 10px; background: #ffffff; display: inline-block; line-height: 26px; margin-right: 20px; width: 100%;}
	div.store_filter form input {width: 90%;}
}

/**
 * store_list
 */

div.store_list div.header {margin-left: 10px; max-height: 30px;}
div.store_list div.header h3 {margin: 0; padding: 0; text-transform: uppercase; font-size: 12px; line-height: 30px;} 
div.store_list p.empty {margin-left: 10px;}
div.store_list div.listing {margin-left: 10px; max-height: 670px; min-height: 670px; overflow: scroll; background:#f0feff;}
div.store_list div.listing div.item {position: relative; border-bottom: 1px solid #b2c4c8;}

div.store_list div.listing div.item div.shop_info a {padding: 17px 0 15px 15px; background: #f0feff; display: block; transition: 0.3s all;}
div.store_list div.listing div.item div.shop_info a:hover {background: #ffffff;}
div.store_list div.listing div.item div.shop_info a h4 {margin: 0; padding: 0 60px 0 0; font-size: 23px; font-weight: bold; font-family: 'DharmaGothicE-Regular'; letter-spacing: 2px; color: #003b4a;}
div.store_list div.listing div.item div.shop_info a:after {content:'▹'; font-family: 'sspika'; color: #475859; font-size: 10px; position: absolute; right: 12px; top: 30px;}
div.store_list div.listing div.item div.shop_info a p {margin: 0; font-size: 12px; color: #003b4a;}
div.store_list div.listing div.item div.shop_info a p.shop_address {color: #475859;}
div.store_list div.listing div.item div.shop_info a p.shop_distance {padding: 0 0 0 15px; position: absolute; top: 17px; right: 36px; font-size: 12px; line-height: 20px; background: url('/images/store-locator/walk.svg') left top no-repeat; background-size: 10px 14px;}

div.store_list div.listing div.item div.shop_contact {padding: 0 0 15px 15px; background: #008d97;}
div.store_list div.listing div.item div.shop_contact ul {margin: 0; padding: 0;}
div.store_list div.listing div.item div.shop_contact li {margin: 0; padding: 0; list-style: none; display: inline-block; color: #ffffff; font-size: 14px; transform: skewX(-5deg); -webkit-backface-visibility: hidden; outline: 1px solid transparent;}
div.store_list div.listing div.item div.shop_contact li a {padding: 6px 12px; background: #269ea6; color: #ffffff; line-height: 20px; display: inline-block;}
div.store_list div.listing div.item div.shop_contact li a span {transform: skewX(5deg); display: inline-block;}
div.store_list div.listing div.item div.shop_contact li.call a i {font-family: 'SSPika'; line-height: 20px; font-size: 12px; font-style: normal;}
div.store_list div.listing div.item div.shop_contact li.directions a i {font-family: 'SSPika'; line-height: 20px; font-size: 12px; font-style: normal;}

div.store_list div.listing div.item div.shop_detail {padding: 0 0 15px 0; background: #e6f9fa;}
div.store_list div.listing div.item div.shop_detail div.shop_opening_hours {padding: 15px; background: #d0f3f5; display: block;}
div.store_list div.listing div.item div.shop_detail div.shop_opening_hours p {margin: 0; padding: 0; color: #003b4a; font-size: 16px; float: left; text-align: right;  font-family: 'ITCAvantGardeStd-Medium';}
div.store_list div.listing div.item div.shop_detail div.shop_opening_hours:after {clear: both; content:' '; display: block; height: 1px;}

div.store_list div.listing div.item div.shop_detail div.shop_links {clear: both; margin: 15px 35px 30px 15px; padding: 0;}

div.store_list div.listing div.item div.shop_detail div.shop_links div.shop_beat_the_queue {display: none; margin: 0 0 12px 0;}
div.store_list div.listing div.item.t472 div.shop_detail div.shop_links div.shop_beat_the_queue {display: block;}
div.store_list div.listing div.item div.shop_detail div.shop_links div.shop_beat_the_queue a {margin: 0; padding: 0 15px 0 0; color: #ffffff; background: #f8921b; display: block; transition: 0.3s all; height: 48px; max-height: 48px; overflow: hidden;}
div.store_list div.listing div.item div.shop_detail div.shop_links div.shop_beat_the_queue a:hover {color: #ffffff; background: #f9731c;}
div.store_list div.listing div.item div.shop_detail div.shop_links div.shop_beat_the_queue a p {margin: 0; padding: 8px 0 0 85px; background: url('/images/store-locator/btq.svg') left center no-repeat; background-size: 73px 48px; font-size: 12px; height: 48px; font-family: 'ITCAvantGardeStd-Book';}
div.store_list div.listing div.item div.shop_detail div.shop_links div.shop_beat_the_queue a p strong {font-family: 'ITCAvantGardeStd-Medium'; font-weight: normal;}
div.store_list div.listing div.item div.shop_detail div.shop_links div.shop_beat_the_queue a:hover p {color: #ffffff;}
div.store_list div.listing div.item div.shop_detail div.shop_links div.shop_beat_the_queue a p span {font-size: 9px; display: block; font-family: 'ITCAvantGardeStd-Medium'; text-transform: uppercase;}

div.store_list div.listing div.item div.shop_detail div.shop_links div.shop_offers {margin: 0 0 12px 0;}
div.store_list div.listing div.item div.shop_detail div.shop_links div.shop_offers a {margin: 0; padding: 0 15px 0 0; color: #ffffff; background: #e55499; display: block; transition: 0.3s all; height: 48px; max-height: 48px; overflow: hidden;}
div.store_list div.listing div.item div.shop_detail div.shop_links div.shop_offers a:hover {color: #ffffff; background: #e8006e;}
div.store_list div.listing div.item div.shop_detail div.shop_links div.shop_offers a p {margin: 0; padding: 8px 0 0 85px; background: url('/images/store-locator/discount.svg') left center no-repeat; background-size: 73px 48px; font-size: 12px; height: 48px; font-family: 'ITCAvantGardeStd-Medium'; text-transform: uppercase;}
div.store_list div.listing div.item div.shop_detail div.shop_links div.shop_offers a p strong {display: block; font-weight: normal; text-transform: lowercase; font-size: 9px;}
div.store_list div.listing div.item div.shop_detail div.shop_links div.shop_offers a:hover p {color: #ffffff;}

div.store_list div.listing div.item div.item_detail {display: none;}
div.store_list div.listing div.item.open div.item_detail {display: block;}

div.store_list div.listing div.item.open div.shop_info a {background: #008d97;}
div.store_list div.listing div.item.open div.shop_info a p.shop_address {color: #ffffff; font-family: 'ITCAvantGardeStd-Book';}
div.store_list div.listing div.item.open div.shop_info a p.shop_distance {color: #ffffff; background: url('/images/store-locator/walk-on.svg') left top no-repeat; background-size: 10px 14px;}
div.store_list div.listing div.item.open div.shop_info a h4 {color: #ffffff;}
div.store_list div.listing div.item.open div.shop_info a p {color: #ffffff;}
div.store_list div.listing div.item.open div.shop_info a:after {content:'▾'; font-family: 'sspika'; color: #ffffff; font-size: 10px; position: absolute; right: 12px; vertical-align: middle;}
div.store_list div.node_group-content {margin: 0;}

@media all and (max-width: 1600px) {
	div.store_list {width: 25%;}
}

@media all and (max-width: 1260px) {
	div.store_list {width: 28%;}
}

@media all and (max-width: 1360px) {
	div.store_list {width: 34%;}
}

@media all and (max-width: 1000px) {
	div.store_list div.listing div.item div.shop_detail div.shop_links {clear: both; margin: 15px 15px 30px 15px; padding: 0;}
}


@media all and (max-width: 940px) {
	div.store_list {display: block; width: 100%; float: none;}
	div.store_list div.listing div.item {margin-right: 0;}
	div.store_list div.listing {margin: 0 10px 0 10px;}
	div.store_list div.listing div.item div.shop_detail div.shop_links {margin: 15px;}

}

@media all and (max-width: 940px) {
    div.store_list {height: auto;}
	div.store_list div.listing {height: auto; min-height: auto; max-height: none; overflow: inherit; float: none;}	
}

/**
 * store locator #mapCanvas and infoBox
 */

div.store_locator #mapCanvas {width: 100%; height: 700px; border: none; position: relative; top: 0; z-index: 1; margin-bottom: 0;}
div.store_locator #mapCanvas img {max-width: none; width: auto;}
div.store_locator #mapCanvas div.infoBox {position: relative;}

div.store_locator #mapCanvas div.infoBox h3 {font-weight: bold; font-size: 16px; color: #475859; margin-left: 10px;}
div.store_locator #mapCanvas div.infoBox p.address {font-size: 12px; color: #475859; margin-left: 10px; margin-bottom: 10px; max-width: 120px; font-weight: normal;}
div.store_locator #mapCanvas div.infoBox p.distance {font-size: 12px; color: #475859; margin-left: 10px; max-width: 120px;}
div.store_locator #mapCanvas div.infoBox p.image {position: absolute; float: right; width: 90px; margin: 0; border-radius: inherit; top: 25px; right: 31px; text-align: center;}
div.store_locator #mapCanvas div.infoBox p.image img {width: 38px; border-radius: inherit;}
div.store_locator #mapCanvas div.infoBox p.directions {position: absolute; float: right; display: block; width: auto; text-transform: lowercase; width: 90px; text-align: center; right: 31px; top: 64px;}
div.store_locator #mapCanvas div.infoBox p.directions a {padding: 5px 0; display: block; width: auto; color: #008d97; border-radius: 5px; border: 1px solid #008d97;}

@media all and (max-width: 940px) {
    div.store_locator #mapCanvas {height: 280px; float: none;}
}

/**
 * store_detail
 */
 
div.store_detail p.telephone:before {content: '📞 '; font-family: 'SSPika'; font-size: 14px;}
div.store_detail p.get_directions a:before {content: ' '; font-family: 'SSPika'; font-size: 14px;}


/**
 * store_map
 */

div.store_map {border-radius: 6px;}
div.store_map #miniMapCanvas {width: 100%; height: 370px;}

/**
 * store_taxonomy
 */
 
div.store_taxonomy {padding: 0 15px;}
div.store_taxonomy ul {margin: 0; padding: 0;}
div.store_taxonomy li {margin: 0 2px 2px 0; padding: 6px 5px 4px 5px; list-style: none; color: #ffffff; font-size: 10px; line-height: 1; text-transform: uppercase; display: inline-block; transform: skewX(-5deg); -webkit-backface-visibility: hidden; outline: 1px solid transparent; background: #482d87;}
div.store_taxonomy li span {display: inline-block; transform: skewX(5deg);}


/**
 * product_browse (brochure page)
 */
 
/*TEMP hide show me all on /ideas/to-go */
div.product_browse h1.pageTitle {color: white;}
body.product_browse #globalNavigation a,
body.product_browse #userbox,
body.product_browse #userbox a.profile_image:after,
body.product_browse div.pageHeader a,
div.product_browse div.rowBottom,
div.product_browse div.rowBottom div.brochureBottom h2,
div.product_browse div.rowBottom div.brochureBottom h3,
div.product_browse div.rowBottom div.brochureBottom p {color: white;}
div.product_browse div.rowBottom div.brochureBottom a {color: white; text-decoration: underline;}
div.product_browse div.brochureTop,
div.product_browse div.brochureBottom div.aboutOurRange {font-size: 26px;}
div.product_browse div.randomiser p.show_all {display: none;}
div.product_browse div.rowTop {border-bottom: 0;}
div.product_browse div.rowTop p {color: white;}
div.product_browse div.rowMiddle div.rowWrapper {max-width: none;}
div.product_browse div.rowBottom {padding-top: 250px;}
div.product_browse div.fbLike {height: 120px;}


@media all and (max-width: 900px) {
	body.product_browse #site {background-position-y: -60px;}
}

/**
 * recipe listing
 */

/* containers */
div.recipe_list div.rowTop p {width: 70%;}
div.recipe_list div.rowBottom {padding-top: 30px;}
@media all and (max-width: 900px) {
	div.recipe_list div.rowTop p {padding: 0 10px;}
}

/**
 * recipe list component
 */
 
div.recipe_list_shelf {padding-bottom: 50px;}
div.recipe_list_shelf a.load_more {display: block; width: 280px; margin: 50px auto 0 auto; padding: 18px 0; text-align: center; background: #cd202c;}
div.recipe_list_shelf div.image {width: 28.6%; float: left;}
div.recipe_list_shelf div.description {width: 71.4%; float: left;}

div.recipe_list_shelf h3.name {margin: 0;}
div.recipe_list_shelf span.serving,
div.recipe_list_shelf span.cooking {display: inline-block; color: #fff; width: 20px; height: 20px; overflow: hidden; padding-top: 3px;}
div.recipe_list_shelf span.serving:before {content: '👥'; font-family: "SSPika"; display: block; width: 20px; height: 24px; color: #475859; position: absolute;}
div.recipe_list_shelf span.cooking:before {content: '⏲'; font-family: "SSPika"; display: block; width: 20px; height: 24px; color: #475859; position: absolute;}

div.recipe_list_shelf div.reviews {float: right;}

/* button */
/*
div.recipe_list div.pageHeader a.button.share {background: #008b95; color: #ffffff; width: 80px;}
div.recipe_list div.pageHeader a.button.share span {display: inline; position: absolute; left: 28px;}
div.recipe_list div.recipe_list_content a.button.share {color: #ffffff; width: 80px;}
div.recipe_list div.recipe_list_content a.button.share span {display: inline; position: absolute; left: 28px;}
*/

/**
 * recipe detail
 */

div.recipe div.recipe_image {text-align: center;}
div.recipe h1.pageTitle {color: white;}
div.recipe div.recipeBar {background: #00b0f0; color: white;}
div.recipe div.recipeBar div.layoutWrapper {max-width: 900px; margin: 0 auto;}

div.recipe.t8 div.recipeBar {background: #58a618; } /*breakfast*/
div.recipe.t10 div.recipeBar {background: #00b0f0; } /*lunch*/
div.recipe.t11 div.recipeBar {background: #a70240; } /*dinner*/
div.recipe.t12 div.recipeBar {background: #f08c00; } /*snack*/

div.recipe div.recipe_meta {padding-top: 20px;}
div.recipe div.recipe_meta p {background: #70382d; background: rgba(0, 0, 0, 0.25); border-radius: 5px; padding: 7px 10px 5px 50px; width: 150px; font-size: 90%;}
div.recipe div.recipe_meta p.cooking:before {content: '⏲'; font-family: "SSPika"; display: block; width: 20px; height: 24px; position: absolute; margin-left: -26px;}
div.recipe div.recipe_meta p.serving:before {content: '👥'; font-family: "SSPika"; display: block; width: 20px; height: 24px; position: absolute; margin-left: -26px;}

div.recipe div.recipeBar:after {position: absolute; left: 50%; content: " "; display: block; width: 0; height: 0; margin-left: -23px; border-left: 23px solid rgba(0, 0, 0, 0); border-right: 23px solid rgba(0, 0, 0, 0); border-top: 10px solid #475859; margin-top: 24px;}
div.recipe.t8 div.recipeBar:after {border-top: 10px solid #58a618; } /*breakfast*/
div.recipe.t10 div.recipeBar:after {border-top: 10px solid #00b0f0; } /*lunch*/
div.recipe.t11 div.recipeBar:after {border-top: 10px solid #a70240; } /*dinner*/
div.recipe.t12 div.recipeBar:after {border-top: 10px solid #f08c00; } /*snack*/

div.recipe div.recipeBar {padding-bottom: 24px;}
div.recipe div.recipeBar a.button.share {width: 80px; background: #70382d; background: rgba(0, 0, 0, 0.25);}

div.recipe.t8 h3,
div.recipe.t8 h4 {color: #58a618; } /*breakfast*/
div.recipe.t10 h3,
div.recipe.t10 h4 {color: #00b0f0;} /*lunch*/
div.recipe.t11 h3,
div.recipe.t11 h4 {color: #a70240;} /*dinner*/
div.recipe.t12 h3,
div.recipe.t12 h4 {color: #f08c00;} /*snack*/

div.recipe div.columnOne {padding-right: 30px;}
div.recipe div.recipe_image {height: 380px;}
div.recipe div.description {font-size: 26px; line-height: 130%; padding-top: 30px;}

div.recipe div.recipe_ingredients {background: #e2e2e2; padding: 10px; margin: 14px 0; border-radius: 10px;}
div.recipe div.recipe_ingredients h3 {margin-top: 14px; margin-left: 6px;}
div.recipe div.recipe_ingredients table {margin: 14px 0; border-radius: 10px; width: 100%; table-layout: fixed;}
div.recipe div.recipe_ingredients table td.col1 {font-size: 18px; }
div.recipe div.recipe_ingredients table td.col2 {width: 60px; text-align: right;}
div.recipe div.recipe_ingredients small {font-size: 14px;}
div.recipe div.recipe_ingredients td.button {text-align: center; padding-top: 20px;}

div.recipe div.recipe_ingredients a.add_all {font-size: 90%; padding-right: 55px;}
div.recipe div.recipe_ingredients a.add_all:after {content: ""; font-family: "SSPika"; display: block; width: 30px; height: 30px; position: absolute; top: 0; right: 14px;}
div.recipe.t8 div.recipe_ingredients a.add_all {background: #58a618; } /*breakfast*/
div.recipe.t10 div.recipe_ingredients a.add_all {background: #00b0f0; } /*lunch*/
div.recipe.t11 div.recipe_ingredients a.add_all {background: #a70240; } /*dinner*/
div.recipe.t12 div.recipe_ingredients a.add_all {background: #f08c00; } /*snack*/
div.recipe div.recipe_ingredients a.add_all:hover {background: #444;}

div.recipe div.store_message {margin-bottom: 15px;}

div.recipe a.share_recipe:before {content: ' '; font-family: "SSStandard"; font-size: 80%;}

@media all and (max-width: 900px) {
	div.recipe div.recipeBar {padding: 5px 10px 24px 10px;}
	div.recipe div.recipe_meta p {display: inline-block; margin-right: 10px;}
}

/**
 * similar_recipes
 */
 
div.similar_recipes {margin: 0 10px 0 0;}
div.similar_recipes h2 {background: #c1bb00; color: #ffffff; border-radius: 8px; padding: 20px; margin: 0; line-height: 1;}
div.similar_recipes h2 a {background: #f08c00; float: right;}
div.similar_recipes div.item {margin: 0 5px;}
@media all and (max-width: 480px) {
	div.similar_recipes h2 {font-size: 22px;}
	div.similar_recipes a.button {font-size: 12px; padding: 9px 20px 9px 20px;}
}

/**
 * recipe review
 */

div.recipe.t8 div.columnOne a.button {background-color: #58a618; } /*breakfast*/
div.recipe.t10 div.columnOne a.button {background-color: #00b0f0; } /*lunch*/
div.recipe.t11 div.columnOne a.button {background-color: #a70240; } /*dinner*/
div.recipe.t12 div.columnOne a.button {background-color: #f08c00; } /*snack*/

div.recipe p.rate_recipe > span:before {content: '⋆ '; font-size: 80%; font-family: 'SSPika';}
div.recipe div.review_stat {float: left; margin: 0 10px 10px 0;}
div.recipe p.view_reviews {clear: both;}
div.recipe p.view_reviews a.button.view_reviews span:before {content: '💬 '; font-size: 90%; font-family: 'SSPika';}
div.recipe_review ul {margin: 20px 0;}

div.recipe_review ul.comment li {list-style-type: none; margin: 0;}
div.recipe_review div.avatar {float: left; margin: 0 10px 20px 0;}

div.recipe_review div.avatar span {display: inline-block; width: 50px; height: 50px; border: 5px solid #00b0f0; border-radius: 25px;}
div.recipe_review div.avatar img {width: 40px; height: 40px; border-radius: 25px;}

div.recipe.t8 div.recipe_review div.avatar span {border-color: #58a618; } /*breakfast*/
div.recipe.t10 div.recipe_review div.avatar span {border-color: #00b0f0; } /*lunch*/
div.recipe.t11 div.recipe_review div.avatar span {border-color: #a70240; } /*dinner*/
div.recipe.t12 div.recipe_review div.avatar span {border-color: #f08c00; } /*snack*/

div.recipe_review_add {margin-bottom: 20px;}
div.recipe_review_add div.author_name {display: none;}
div.recipe_review_add p.legal_notice {display: none;}

/********* component/rating_stars.html *********/
div.rating_stars div.star:before {color: #fecb00; content: '⋆'; font-family: 'SSPika';}
div.rating_stars div.star span {display: none;}

/**
 * app page
 */
 
div.apps_page div.rowTop {border-bottom: 10px solid #00b0f0; padding-bottom: 10px;}
div.apps_page div.tabsLayout a.button.apple:before {content: ' '; background: url('/images/icon-apple.png') no-repeat; width: 15px; height: 19px; display: block; position: absolute; left: 14px; top: 10px;}
div.apps_page div.tabsLayout a.button.android {background: #58a618;}
div.apps_page div.tabsLayout a.button.android:before {content: ' '; background: url('/images/icon-android.png') no-repeat; width: 20px; height: 17px; display: block; position: absolute; left: 14px; top: 10px;}
div.apps_page div.tabsLayout a.button.android:hover {background-color: #6ccc1d;}

div.apps_page blockquote {border: none; padding: 0; margin: 30px 0 30px 0;}
div.apps_page blockquote:before {content: '⋆ ⋆ ⋆ ⋆ ⋆ '; font-family: "SSStandard"; color: #fecb00; display: block; width: 100%; text-align: center; font-size: 90%;}
div.apps_page div.one_star blockquote:before {content: '⋆ ';}
div.apps_page div.two_stars blockquote:before {content: '⋆ ⋆ ';}
div.apps_page div.three_stars blockquote:before {content: '⋆ ⋆ ⋆ ';}
div.apps_page div.four_stars blockquote:before {content: '⋆ ⋆ ⋆ ⋆ ';}
div.apps_page div.five_stars blockquote:before {content: '⋆ ⋆ ⋆ ⋆ ⋆ ';}
div.apps_page blockquote p.quote {text-align: center; padding: 6px 20px;}

div.apps_page div.moreAppsBar {background: #7d0063; border-radius: 8px; padding: 8px 0 4px 0;}
div.apps_page div.moreAppsBar h2 {color: #ffffff; font-size: 130%;}
div.apps_page div.moreApps {padding-bottom: 30px; margin-left: 15px;}
div.apps_page div.moreApps h4 {color: #00b0f0; font-family: 'AvenirLT'; font-size: 100%; font-weight: normal;}
div.apps_page div.moreApps p {font-size: 80%;}
div.apps_page div.moreApps {position: relative;}
div.apps_page div.moreApps:before {content: ' '; display: block; width: 109px; height: 97px; background: url(../images/tooltips/and_theres_more.png ) no-repeat; position: absolute; top: 100px; left: -120px;}

div#node_id_3869 {margin: 0;}
div#node_id_3869 h3 {margin: 0; padding: 1em 0 0.4em 0;}

@media all and (max-width: 1150px) {
	div.apps_page div.moreApps:before {display: none;}
}

/**
 * searchbox
 */

div.searchbox form {padding: 10px;}
@media all and (max-width: 900px) {
	div.searchbox form {border-radius: 0;}
	div.searchbox input.text {width: 180px;}
}

/**
 * search_result
 */
 
div.search_result li {list-style-type: none;}

/**
 * survey form
 */
 
div.survey div.newsletter {width: 95%; background: #ceeffb; padding: 10px 5px; border-radius: 6px;}
div.survey div.checkbox span.label {display: none;}
div.survey div.agreed_with_latest_t_and_c span.label {display: none;}
div.survey fieldset {padding-bottom: 0;}
/**
 * survey_image_poll
 */
 
div.survey_image_poll fieldset.question {width: 100%; padding: 0; margin: 0; background: url('../images/poll-brown_5050-bg.png') center center no-repeat; border-radius: 6px;}
div.survey_image_poll fieldset.question div.error_block {text-align: center;}
div.survey_image_poll fieldset.question label.error {display: none; background: #ffffff; padding: 10px 30px; border-radius: 30px; font-weight: bold;}
div.survey_image_poll fieldset.question legend {display: none;}
div.survey_image_poll fieldset.question div.row {width: 100%;}
div.survey_image_poll fieldset.question div.row div.row {width: 50%; float: left; clear: none;}
div.survey_image_poll fieldset.question div.RTEcontent:hover:after {content: ""; display: block; position: absolute; width: 130px; height: 40px; background: url('/images/poll-pick-button.png'); top: 125px; left: 50%; margin-left: -65px;}
div.survey_image_poll fieldset.question div.RTEcontent {height: 280px; text-align: center; position: relative;}
div.survey_image_poll fieldset.question div.RTEcontent p {border: 10px solid white; border-radius: 1000px; width: 220px; height: 220px; overflow: hidden; background: #d0d0d0; display: inline-block; margin: 30px 0 0 0;}
div.survey_image_poll fieldset.question div.RTEcontent.selected p {border: 10px solid #be0821;}
div.survey_image_poll fieldset.question h2.title {color: #ffffff; font-size: 180%; width: 100%; padding: 30px 0 0 0; margin: 0; text-align: center;}
div.survey_image_poll fieldset.question p.description {color: #2e170e; text-align: center; padding: 0 20%; line-height: 110%;}
div.survey_image_poll fieldset.question div.row div.row label {color: #2e170e; font-family: 'AvenirLT', sans-serif; font-size: 140%; line-height: 110%; text-align: center; display: block; padding: 10px 30px;}

@media all and (min-width: 800px) {
	/*div.survey_image_poll fieldset.question div.RTEcontent p {-webkit-animation-name: enlarge; animation-duration: 0.2s; animation-name: enlarge; }*/
	div.survey_image_poll fieldset.question div.RTEcontent:hover p {width: 280px; height: 280px; margin-top: 0px; -webkit-animation-duration: 0.2s; -webkit-animation-name: enlarge; animation-duration: 0.2s; animation-name: enlarge;}
	@-webkit-keyframes enlarge {from {width: 220px; height: 220px; margin-top: 30px; } to {width: 280px; height: 280px; margin-top: 0; }}
	@keyframes enlarge {from {width: 220px; height: 220px; margin-top: 30px; } to {width: 280px; height: 280px; margin-top: 0; }}
}
@media all and (max-width: 900px) {
	div.survey_image_poll fieldset.question {background-size: 100%; border-radius: 0;}
	div.survey_image_poll fieldset.question fieldset {margin: 0;}
	div.survey_image_poll fieldset.question p.description {padding: 0;}
	div.survey_image_poll div.RTEcontent  {height: auto; margin: 0 20px;}
	div.survey_image_poll fieldset.question div.RTEcontent {height: auto;}
	div.survey_image_poll fieldset.question div.RTEcontent p {width: 80%; height: auto;}
	div.survey_image_poll fieldset.question div.RTEcontent:hover:after {display: none;}
}

div.survey_image_poll fieldset.user_details {width: 50%;}

/**
 * survey_image_poll div.thank_you
 */
 
div.survey_image_poll div.thank_you {width: 100%; margin: 0; padding-bottom: 20px; background: #c28d4d; border-radius: 6px; margin-top: 20px;}
div.survey_image_poll div.thank_you p {color: #fff; text-align: center; font-size: 180%; padding: 30px 0 30px 0;}
div.survey_image_poll div.thank_you ul {list-style: none; width: 100%; margin: 0; padding: 0;}
div.survey_image_poll div.thank_you ul li {float: left; width: 50%; margin: 0; padding: 0; display: block;}
div.survey_image_poll div.thank_you ul li div.barArea {width: 30%; min-width: 150px;}
div.survey_image_poll div.thank_you ul li div.barContainer {position: relative; margin-top: 50px; height: 170px;}
div.survey_image_poll div.thank_you ul li span.percentage {font-size: 170%; color: #ffffff; text-align: center; display: block; margin-top: -50px; width: 150px; font-family: 'AvenirLT', sans-serif; position: absolute;}
div.survey_image_poll div.thank_you ul li span.bar {display: block; width: 150px; height: 160px; position: relative;}
div.survey_image_poll div.thank_you ul li span.bar span {display: block; width: 75px; background: #fecb00; border-radius: 10px; position: absolute; bottom: 0; left: 37px;}
div.survey_image_poll div.thank_you ul li span.title {color: #000000; display: block; text-align: center; padding: 10px 0;}
div.survey_image_poll div.thank_you ul li div.RTEcontent {width: 60%; min-width: 140px;}
div.survey_image_poll div.thank_you ul li div.RTEcontent p {width: 150px; height: 150px; border: 10px solid white; border-radius: 1000px; background: #d0d0d0; overflow: hidden; padding: 0;}
div.survey_image_poll div.thank_you ul li.item0 div.RTEcontent {float: left; text-align: right;}
div.survey_image_poll div.thank_you ul li.item1 div.RTEcontent {float: right; text-align: left;}
div.survey_image_poll div.thank_you ul li.item0 div.RTEcontent p {float: right; text-align: right;}
div.survey_image_poll div.thank_you ul li.item1 div.RTEcontent p {float: left; text-align: left;}
div.survey_image_poll div.thank_you ul li.item0 div.barArea {float: right;}
div.survey_image_poll div.thank_you ul li.item1 div.barArea {float: left;}
div.survey_image_poll div.thank_you div.facebook_pile_survey {text-align: center;}
div.survey_image_poll div.thank_you div.facebook_pile_survey h3 {color: white;}
div.survey_image_poll div.thank_you div.facebook_pile_survey div.item {display: inline-block; margin: 0 10px;}
div.survey_image_poll div.thank_you div.facebook_pile_survey div.image img {width: 60px; height: 60px; border-radius: 6px;}

/**
 * fancybox
 */
 
div.image_gallery_fancybox div.item {margin: 0 15px 15px 0;}

/**
 * login/registration
 */
 
form.login legend {display: none;}

/**
 * facebook_auth
 */

form.login.via_facebook {background: none; border: 0; padding: 0; width: 300px;}
form.login.via_facebook button {width: 100%;}
form.login.via_facebook button span:before {content: '\f610  '; font-family: 'SSSocial'; position: relative; top: 2px;}

/**
 * twitter_auth
 */
  
form.login.via_twitter {background: none; border: 0; padding: 0; width: 300px;}
form.login.via_twitter button {width: 100%;}
form.login.via_twitter button span:before {content: '\f611 '; font-family: 'SSSocial'; position: relative; top: 2px;}

/**
 * login_or_register
 */

div.login_or_register {width: 300px; margin: 0; padding: 0;}
div.login_or_register legend {display: none;}
div.login_or_register label {display: none;}
div.login_or_register fieldset {margin: 0;}
div.login_or_register span.field {width: 100%;}
div.login_or_register div.autologin {display: none;}

/**
 * registration
 */

form.registration {padding: 0; margin: 20px 0;}
form.registration label {display: none;}
form.registration fieldset {margin: 5px 0 5px 0;}
form.registration fieldset.other_options legend:before {content: '📥 '; font-family: 'SSStandard'; color: #00b0f0; position: relative; top: 3px; font-size: 20px; margin-left: 7px;}
form.registration fieldset.other_options label {display: inline-block;}
form.registration fieldset.other_options span.label {display: inline-block;}
form.registration fieldset.other_options span.field {width: 30px;}
form.registration fieldset.other_options div.newsletter {background: #ceeffb; padding: 10px 5px; border-radius: 6px;}
form.registration input.text,
form.registration input.email {width: 300px;}
form.registration label.error {position: relative; top: 10px;}
form.registration label.error:before {content: '◃ '; font-family: 'SSPika'; position: relative; top: -12px;}

/**
 * food_preference
 */
 
div.food_preference {width: 100%; padding-bottom: 100px;}
div.food_preference form {background: white; border: none; padding: 0; -moz-user-select: -moz-none; -khtml-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none;}
div.food_preference label {width: 260px; height: 320px; display: block; margin: 0 32px 0 0; float: left;}
div.food_preference label:hover:before {content: ''; position: absolute; background: url('/images/food_prefs/hover.jpg') no-repeat; width: 260px; height: 261px;}
div.food_preference label.checked {background: url('/images/food_prefs/check_icon.png') 236px 276px no-repeat;}
div.food_preference img {display: block; margin-bottom: 14px;}
div.food_preference span {float: left;}
div.food_preference input {float: right; width: auto;}
div.food_preference button span {min-width: 6em;}
div.food_preference button.store {background: #f08c00; margin-right: 10px;}
div.food_preference button.store span:before {content: ' '; font-family: 'SSPika'; font-size: 80%;}
div.food_preference button.save {background: #58a618;}

/**
 * rte delimiter
 */
 
div.pageLogin div.or p {margin: 0; text-align: center; width: 300px;}

/**
 * pageBakery
 */

div.pageBakery div.rowTop {border-bottom: 20px solid #00b0f0; margin-bottom: 50px;}
div.pageBakery div.columnOne h2 {color: #70382d;}
div.pageBakery div.columnOne h3 {color: #475859;}
div.pageBakery div.columnTwo {padding-top: 10px;}
div.pageBakery div.columnTwo h3 {color: #00257a}
div.pageBakery div.columnTwo h3.contentTitle {color: #70382d;}
div.pageBakery div.bakery_message {background: #70382d; border-radius: 6px; padding: 10px 20px 5px 20px;}
div.pageBakery div.bakery_message h2 {color: #fecb00;}
div.pageBakery div.pagination {display: none;}
div.pageBakery a.button.load_more  {display: block; width: 250px; margin: 50px auto 50px auto; padding: 18px 0; text-align: center; background: #f08c00;}
div.pageBakery div.product_list_3columns_split div.divider {padding: 10px 0 20px 0;}
div.pageBakery div.product_list_3columns_split div.divider hr {background: transparent;}

/**
 * Layout rules
 */

@media all and (max-width: 900px) {
	form.twoColumns label,
	fieldset.twoColumns label {padding-right: 0;}
	form.twoColumns span.label,
	fieldset.twoColumns span.label {width: auto; float: none; text-align: left;}
	form.twoColumns span.field,
	fieldset.twoColumns span.field {width: 100%;;}
	input {font-size: 2em;}
	
	div.twoColumnPage div.columnOne, 
    div.twoColumnPage div.columnTwo,
    div.twoColumnLayout div.layoutColumnOne.ofTwo,
    div.twoColumnLayout div.layoutColumnTwo.ofTwo {width: auto!important; float: none!important;}
    div.twoColumnPage div.columnWrapper {margin: 0!important;}
    
    div.fourColumnLayout div.layoutColumnOne.ofFour,
    div.fourColumnLayout div.layoutColumnTwo.ofFour {width: 50%;}
    div.fourColumnLayout div.layoutColumnThree.ofFour,
    div.fourColumnLayout div.layoutColumnFour.ofFour {width: 50%;}
    
    div.fiveColumnLayout div.layoutColumnOne.ofFive,
    div.fiveColumnLayout div.layoutColumnTwo.ofFive,
    div.fiveColumnLayout div.layoutColumnThree.ofFive,
    div.fiveColumnLayout div.layoutColumnFour.ofFive,
    div.fiveColumnLayout div.layoutColumnFive.ofFive {width: auto; float: none;}
    
    div.sixColumnLayout div.layoutColumnOne.ofSix,
    div.sixColumnLayout div.layoutColumnTwo.ofSix,
    div.sixColumnLayout div.layoutColumnThree.ofSix,
    div.sixColumnLayout div.layoutColumnFour.ofSix,
    div.sixColumnLayout div.layoutColumnFive.ofSix,
    div.sixColumnLayout div.layoutColumnSix.ofSix {width: 50%; float: left;}
    
    div.layoutColumnWrapper {margin: 0!important;}
    
    div.product_list_6columns div.item {width: 33%;}
	div.product_list_4columns div.item.odd {clear: both;}
	div.product_list_4columns div.item {width: 50%;}
	div.product_list div.item div.image a {display: block;}
	div.product_list_shelf div.item {margin: 0; padding: 0;}
	div.product_list_shelf div.item div.image,
	div.product_list_shelf div.item div.description {width: 100%; margin: 0; padding: 10px;}
}

@media all and (max-width: 600px) {
    div.threeColumnLayout div.layoutColumnOne.ofThree,
    div.threeColumnLayout div.layoutColumnTwo.ofThree,
    div.threeColumnLayout div.layoutColumnThree.ofThree {width: 50%; float: left;}
    div.threeColumnLayout div.layoutColumnThree.ofThree {width: 100%;}
}

@media all and (max-width: 480px) {
	div.threeColumnLayout div.layoutColumnOne.ofThree,
    div.threeColumnLayout div.layoutColumnTwo.ofThree,
    div.threeColumnLayout div.layoutColumnThree.ofThree {width: auto!important; float: none!important;}
    
	div.product_list_6columns div.item.odd {clear: both;}
	div.product_list_6columns div.item {width: 50%!important;}
}


/**
 * we are irish
 */

#badge {display: none; position: absolute; top: 0; left: 0;}
#onxshop_cms_content #badge {top: 65px;}

/**
 * gift cards
 */
/*
body.node_id_5200 #site,
body.parent_node_id_5200 #site {background-image:url(/image/var/files/body-bg/giftCardBG.jpg);}

body.node_id_5026 #site,
body.parent_node_id_5026 #site {background-image:url(/image/var/files/body-bg/giftCardBG.jpg);}
*/

/**
 * offLicense
 */
/*
body.offLicense h1.pageTitle,
body.offLicense div.recipe_list h3 a {color: red;}
*/

/**
 * brightenUpYourDay
 */
  
body.brightenUpYourDay #site {/*background-image: url(/image/var/files/body-bg/brightenUpYourDay.png);*/ background-repeat: repeat-x;}
body.brightenUpYourDay div.rowTop {border-bottom: 10px solid #00b0f0;}
body.brightenUpYourDay div.rowBottom {padding-top: 10px;}

/**
 * stPatrick fun-sized
 */

body.stPatrick #site {background-image: url(/image/var/files/body-bg/St-Patricks-Day/lunch.jpg); background-repeat: repeat-x;}
body.stPatrick div.rowTop {border-bottom: 10px solid #51a539;}
body.stPatrick div.rowMiddle,
body.stPatrick div.rowBottom {padding-top: 10px;}
body.stPatrick div.survey_image_poll form {background-image: url('../images/poll-green_5050-bg.png')}
body.stPatrick div.survey_image_poll div.thank_you {background-color: #51a539;}

/**
 * mumsDay fun-sized
 */

body.mumsDay #site {background-image: url(/image/var/files/body-bg/Mums-Day/lunch.jpg);}
body.mumsDay div.rowTop {border-bottom: 10px solid #e10098;}
body.mumsDay div.rowMiddle,
body.mumsDay div.rowBottom {padding-top: 10px;}
body.mumsDay div.survey_image_poll form {background-image: url('../images/poll-pink_5050-bg.png')}
body.mumsDay div.survey_image_poll div.thank_you {background-color: #e10098;}

/**
 * easter fun-sized
 */

body.easter #site {background-image: url(/image/var/files/body-bg/Easter/default.jpg);}
body.easter div.survey_image_poll form {background-image: url('../images/poll-yellow_5050-bg.png')}
body.easter div.survey_image_poll div.thank_you {background-color: #ffe88e;}

/**
 * subNavigation (currently used only on fun-sized)
 */

div.subNavigation {margin-top: 20px; background: #58a618; padding: 20px; border-radius: 6px;}
div.subNavigation h3.contentTitle {color: white; margin: 10px 0 20px 0;}
div.subNavigation h3.contentTitle:before {content: '👍 '; font-family: 'SSSocialCircle'; font-size: 26px;}
div.subNavigation ul {margin: 10px 0; padding: 10px; background: #007934; border-radius: 6px;}
div.subNavigation ul li {list-style-type: none; padding: 5px 0; margin: 0;}
div.subNavigation ul li a {color: white; display: block; padding: 5px; line-height: 1; border-radius: 6px;}
div.subNavigation ul li a.active {font-weight: normal;}
div.subNavigation ul li a:hover {background: #fecb00;}

/**
 * Age Gate
 */
#ageGate {max-width: 900px; background: white; margin: 30px auto 60px auto; box-shadow: rgba(0, 0, 0, 0.1) 0 10px 30px; border-radius: 10px;}
#ageGateWrapper {height: 300px; display: table-cell; vertical-align: middle; text-align: center; padding: 0;}
#ageGateWrapper h3 {text-align: center; padding: 0 20%;}
#ageGateWrapper select {margin: 0 5px; vertical-align: middle;}
#ageGateWrapper input {display: none;}
@media all and (max-width: 480px) {
	#ageGateWrapper h3 {padding: 0 5%;}
	#ageGateWrapper select {display: none;}
	#ageGateWrapper input {display: block; width: 80%; margin: 0 auto; font-size: 120%; border: 1px solid #888;}
}

/**
 * Store Noticeboard
 */
div.store_noticeboard div.notice {width: 270px; height: 300px; color: #333333; word-wrap: break-word;}
div.store_noticeboard div.add_notice div.notice {margin: 0 auto;}
div.store_noticeboard div.layoutColumnTwo.ofTwo {padding-left: 30px;}
div.store_noticeboard div.notice_style_1 {background: transparent url('../images/notice1.png') center 0px no-repeat; font-family: 'Patrick Hand', 'cursive';}
div.store_noticeboard div.notice_style_2 {background: transparent url('../images/notice2.png') center 20px no-repeat; font-family: 'Gloria Hallelujah', 'cursive';}
div.store_noticeboard div.notice_style_3 {background: transparent url('../images/notice3.png') center 12px no-repeat; font-family: 'Architects Daughter', 'cursive';}
div.store_noticeboard div.date {font-size: 16px; text-align: right;}
div.store_noticeboard div.notice_style_1 div.date {width: 246px; padding-top: 26px;}
div.store_noticeboard div.notice_style_2 div.date {width: 236px; padding-top: 40px;}
div.store_noticeboard div.notice_style_3 div.date {width: 246px; padding-top: 40px;}
div.store_noticeboard div.notice_style_1 div.text {font-size: 20px; padding: 0 26px 0 16px;}
div.store_noticeboard div.notice_style_2 div.text {font-size: 17px; padding: 0 26px 0 26px;}
div.store_noticeboard div.notice_style_3 div.text {font-size: 17px; padding: 8px 26px 0 23px;}
div.store_noticeboard div.image {display: none;}
div.store_noticeboard div.notice_style_1.notice_layout_less_text div.text {font-size: 28px;}
div.store_noticeboard div.notice_style_2.notice_layout_less_text div.text {font-size: 26px;}
div.store_noticeboard div.notice_style_3.notice_layout_less_text div.text {font-size: 26px;}
div.store_noticeboard div.notice_layout_with_image div.image {display: block; padding-top: 15px; text-align: center;}
div.store_noticeboard div.notice_layout_with_image div.image img {border: 3px solid white; max-width: 200px; max-height: 110px;}
div.store_noticeboard div.notice_style_2.notice_layout_with_image img {transform: rotate(-3.3deg); -webkit-transform: rotate(-3.3deg); -moz-transform: rotate(-3.3deg);}
div.store_noticeboard div.notice.unpublished {opacity: 0.6; position: relative;}
div.store_noticeboard div.notice.unpublished:after {content: 'Wating for Review'; background: red; color: #ffffff; padding: 3px 5px; text-align: center; position: absolute; width: 200px; margin-left: -100px; left: 50%; bottom: 10%; transform: rotate(-3.3deg); -webkit-transform: rotate(-3.3deg); -moz-transform: rotate(-3.3deg);}
div.store_noticeboard div.add_notice {display: none;}
div.store_noticeboard a.add_notice {margin: 40px auto 60px auto; width: 160px; display: block;}
div.store_noticeboard h3 {text-align: center; margin: 50px 0 30px 0;}
div.store_noticeboard div.list_wrapper {width: 940px; background: url('../images/bg-noticeboard-repeat.jpg') center top repeat-y; position: relative; left: -20px; margin: 20px auto 40px auto;}
div.store_noticeboard div.list_wrapper div.items_wrapper {padding: 0 50px; background: url('../images/bg-noticeboard-middle.jpg') center top no-repeat;}
div.store_noticeboard div.list_wrapper div.item {float: left; margin: 0 5px;}
div.store_noticeboard div.list_wrapper_top {width: 940px; height: 45px; background: url('../images/bg-noticeboard-top.jpg') center top no-repeat;}
div.store_noticeboard div.list_wrapper_bottom {width: 940px; height: 50px; background: url('../images/bg-noticeboard-bottom.jpg') center top no-repeat;}
@media all and (max-width: 900px) {
	div.store_noticeboard div.list_wrapper {width: 100%; left: 0;}
	div.store_noticeboard div.list_wrapper div.items_wrapper {padding: 0 20px; text-align: center;}
	div.store_noticeboard div.list_wrapper div.items_wrapper div.item {float: none; display: inline-block; overflow: hidden;}
	div.store_noticeboard div.list_wrapper_top {width: 100%;}
	div.store_noticeboard div.list_wrapper_bottom {width: 100%;}
}

/**
 * tabsLayout
 */
 
div.tabsLayout ul.tabs {margin: 0; text-align: center; width: 100%; padding-top: 25px;}
div.tabsLayout ul.tabs li {padding: 0; display: inline; float: none;}
div.tabsLayout ul.tabs li a {color: #ffffff; padding: 7px 10px 4px 10px; display: inline-block; background: #888; border-radius: 8px; min-width: 130px; font-size: 80%; margin: 5px; text-transform: uppercase;}
div.tabsLayout ul.tabs li.active a {background: #7d0063; font-weight: normal;}
div.tabsLayout div.tabsLayout h3 a {color: #7d0063;}
div.tabsLayout div.tabsLayout a.button {padding-left: 40px; min-width: 245px;}

/**
 * fun
 */
 
div.fun div.rowTop {text-align: center;}
div.fun div.rowTop p {margin-top: 0;}
div.fun h1.pageTitle {text-align: center; margin-bottom: 0; margin-top: 40px;}
div.fun div.breadcrumb {display: none;}

body.fun #site {background: transparent; overflow: hidden; height: 1800px;}
body.fun {background: #d7eaee /*url(/images/fun/background_002_3000_V3px_Halloween.png)*/}

/**
 * funsized rotate
 */
 
body.fun div.funsized_rotate {width: 100%; height: 1500px; overflow: hidden; position: absolute; left: 0; top: 0; z-index: -1;}
body.fun div.funsized_rotate #rotate_element {background: transparent url(/images/fun/background_3000x3000_v4_q60.jpg) center center no-repeat; width: 3000px; height: 3000px; overflow: hidden; position: relative; top: 0px; left: 50%; margin-left: -1500px; z-index: -1; transform: rotate(45deg); transition: all 1.5s; -webkit-transition-timing-function: ease-in-out; -webkit-transform-origin: 1510px 1510px; -moz-transform-origin: 1510px 1510px; -ms-transform-origin: 1510px 1510px; transform-origin: 1510px 1510px;
}

/**
 * interface
 */

body.fun h1 {color: #e10098; text-transform: uppercase;}
body.fun div.rowTop p {color: #7d0063;}
body.fun div.tabsLayout ul.tabs li a {background: #7d0063;}
body.fun div.tabsLayout ul.tabs li.active a,
body.fun div.tabsLayout ul.tabs li a:hover {background: #e10098;}
body.fun div.tabsLayout div.layoutBody {padding-top: 115px; height: 820px; max-width: 900px; margin: 0 auto; overflow: auto; min-height: 820px;}
body.fun div.rowMiddle,
body.fun div.rowBottom {padding-top: 0;}
div.funsized div.content-RTE {margin-bottom: 2em;}
div.funsized div.content-RTE h3 {color: #e10098; text-transform: uppercase;}
div.funsized div.content-RTE p {color: white; max-width: 500px; margin: 0 auto;}
div.funsized button,
div.funsized a.button {background: #7d0063;}
div.funsized button:hover,
div.funsized a.button:hover {background: #e10098;}

@media all and (max-width: 900px) {
	body.fun div.tabsLayout div.layoutBody {max-width: 600px;}
}

@media all and (max-width: 600px) {
	body.fun div.tabsLayout div.layoutBody {max-width: 320px;}
}


/**
 * win
 */
 
body.fun div.survey_image_poll {height: 550px; overflow-y: auto; overflow-x: hidden;}
body.fun div.survey_image_poll::-webkit-scrollbar-track {background-color: #7d0063;}
body.fun div.survey_image_poll::-webkit-scrollbar {width: 20px; height: 20px; background-color: #7d0063;}
body.fun div.survey_image_poll::-webkit-scrollbar-thumb {background-color: #fecb00; border: 3px solid #7d0063;}
body.fun div.survey_image_poll fieldset.question {background-image: url(../images/poll-pink_5050-bg.png);}
body.fun div.survey_image_poll fieldset.question div.row div.row label {color: white;}
body.fun div.survey_image_poll fieldset.question p.description {color: #f08c00;}
body.fun div.survey_image_poll fieldset.user_details {background: #7d0063; width: 60%; margin: 0 auto 10px auto; padding: 10px; color: white;}
body.fun div.survey_image_poll fieldset.user_details legend {display: none;}
body.fun div.survey_image_poll fieldset.user_details span.label {padding-left: 10px;}
body.fun div.survey_image_poll fieldset.user_details div.row.first_name {width: 50%; float: left;}
body.fun div.survey_image_poll fieldset.user_details div.row.last_name {width: 50%; float: right; clear: none;}
body.fun div.survey_image_poll fieldset.user_details div.row.telephone {width: 50%; float: left;}
body.fun div.survey_image_poll fieldset.user_details div.row.birthday {width: 50%; float: right; clear: none;}
body.fun div.survey_image_poll div.thank_you {background: #e10098;}
body.fun div.survey_image_poll div.thank_you p {color: white;}
body.fun div.survey_image_poll div.thank_you ul li span.title {color: white;}
body.fun div.survey_image_poll div.agreed_with_latest_t_and_c span.label {color: white; text-align: center; margin-top: 10px;}

/**
 * read
 */
div.funsized_read {width: 900px; overflow-x: scroll;}
div.funsized_read div.wrapper {width: 20000px;}
div.funsized_read::-webkit-scrollbar-track {background-color: #7d0063;}
div.funsized_read::-webkit-scrollbar {width: 20px; height: 20px; background-color: #7d0063;}
div.funsized_read::-webkit-scrollbar-thumb {background-color: #fecb00; border: 3px solid #7d0063;}

div.funsized_read div.group.twoColumns {width: 500px; float: left;}
div.funsized_read div.group.oneColumn {width: 250px; float: left;}
div.funsized_read div.item {display: table; float: left; border-right: 2px solid transparent; border-bottom: 2px solid transparent;}
div.funsized_read div.item a {display: table-cell; vertical-align: bottom; background: no-repeat; color: white; text-transform: uppercase; text-align: left; font-family: 'AvenirLT'; font-size: 16px;}
div.funsized_read div.item a span.text_wrapper {background-color: rgba(0, 0, 0, 0.2); display: block; transition: background-color 0.5s; -moz-transition: background-color 0.5s; -webkit-transition: background-color 0.5s; -o-transition: background-color 0.5s;}
div.funsized_read div.item a span.title {display: block;  padding: 10px;}
div.funsized_read div.item a span.description {display: none; font-size: 14px; font-family: 'AvenirLT', sans-serif; text-transform: none; padding: 0 10px 10px 10px; max-height: 65px; overflow: hidden;}
div.funsized_read div.item a:hover span.text_wrapper {background-color: rgba(0, 0, 0, 0.9);}
div.funsized_read div.item a:hover span.description {display: block;}
div.funsized_read div.item.large a {width: 500px; height: 300px;}
div.funsized_read div.item.small a {width: 248px; height: 148px;}
div.funsized_read div.twitter_f a {background: #3fc9f1;  padding: 10px; vertical-align: middle;}
div.funsized_read div.twitter_f a:before {content: '\f611'; font-family: 'SSSocial'; font-size: 50px; display: block; float: left; padding-right: 10px;}

#funsized_read_popup {display: none;}
#funsized_read_popup {position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: black; background: rgba(0,0,0,0.9); z-index: 1900;}
#funsized_read_popup a.close {float: right; border-radius: 0;  font-size: 24px; width: 40px; height: 47px; padding: 0; margin: 0; display: inline-block; text-align: center; line-height: 2; font-family: 'AvenirLT', sans-serif; background: transparent;}
#funsized_read_popup p.share {position: fixed; top: 560px; margin-left: 740px!important;}
#funsized_read_popup p.share a.button {border-radius: 0; background: transparent;}
#funsized_read_popup_wrapper {width: 780px; margin: 0 auto; margin-top: 40px;}
#funsized_read_popup div.content {width: 740px; height: 550px; overflow: auto; margin: 0 auto; background: white; text-align: left;}
#funsized_read_popup div.content h2,
#funsized_read_popup div.content h3,
#funsized_read_popup div.content p {max-width: 700px; margin-left: auto; margin-right: auto;}
#funsized_read_popup div.content div.pageHeader {padding-top: 0;}
#funsized_read_popup div.content div.pageHeaderWrapper {margin: 0;}
#funsized_read_popup div.content h1.pageTitle {text-align: left; margin: 0 0 10px 0; padding: 10px 20px; background-color: #7d0063; color: white; font-size: 24px; position: fixed; width: 740px}
#funsized_read_popup div.content p {color: black;}
#funsized_read_popup div.content div.columnOne {width: 100%; padding-top: 40px;}
#funsized_read_popup div.content div.columnTwo {display: none;}

/**
 * play
 */
 
div.funsized_play {width: 900px; overflow-x: scroll;}
div.funsized_play div.wrapper {width: 20000px;}
div.funsized_play::-webkit-scrollbar-track {background-color: #7d0063;}
div.funsized_play::-webkit-scrollbar {width: 20px; height: 20px; background-color: #7d0063;}
div.funsized_play::-webkit-scrollbar-thumb {background-color: #fecb00; border: 3px solid #7d0063;}

div.funsized_play div.item {width: 33.3%; max-width: 300px; float: left; text-align: left; padding: 10px;}
div.funsized_play div.item h3 {color: #e10098; font-size: 18px;}
div.funsized_play div.item p {color: white; font-size: 16px;}

/**
 * find
 */
div.funsized_find {position: relative;}
div.funsized_find div.gallery {width: 640px; float: left; position: relative;}
div.funsized_find div.gallery img.placeholder,
div.funsized_find div.gallery div.controls {display: none!important;}
div.funsized_find div.gallery div.badge {width: 120px; height: 120px; background: url('../images/fun/find_stuff-badge.png'); position: absolute; left: 0px; top: 0px; z-index: 100;}
div.funsized_find div.gallery div.badge span {display: none;}
div.funsized_find div.gallery div.image_gallery_cycle {margin: 60px 0 0 60px; width: 567px; height: 351px; background: url('../images/fun/find_stuff-frame.png'); padding: 21px 0 0 12px;}
div.funsized_find div.gallery div.image_gallery_cycle span.imageWrap {display: block; width: 543px; height: 308px; border: 4px solid #ac1474; background: #ffffff;}
div.funsized_find div.gallery div.image_gallery_cycle div.imageInfo {background: #8d226c; background: rgba(141, 34, 108, 0.95); color: #ffffff; text-align: center; width: 535px; height: 30px; position: absolute; bottom: 4px; left: 4px; display: block;}
div.funsized_find div.gallery div.image_gallery_cycle div.imageInfo h5 {color: #ffffff; font-weight: normal; font-size: 18px; padding: 6px 0 0 0; margin: 0; font-family: 'AvenirLT', sans-serif;}
div.funsized_find div.character {cursor: pointer; width: 260px; height: 357px; background: url('../images/fun/find_stuff-character.png'); background-size: 260px 357px;float: right; position: relative; top: 35px;}
div.funsized_find div.character span.text {display: none;}
div.funsized_find div.character span.mouth {display: block; width: 90px; height: 64px; top: 173px; left: 64px; position: absolute; background: #c11f58;}
div.funsized_find div.character span.mouth span {display: block; width: 90px; height: 90px; top: 0; left: 0px; position: absolute;}

/**
 * janrain reg
 */
div.janrain_wrapper {min-height: 400px; /*background: url(/share/images/ajax-indicator/indicator_white.gif) center center no-repeat; */}
div.janrain_wrapper div {background: #ffffff;}
div.janrain-capture-ui.capture-ui-content {width: 100%;}
div#capture_signIn_login_widget div.janrainContent {height: 135px !important;}

#janrain-facebook {width: 280px !important; background: #00b0f0 !important; border: 0 !important; border-radius: 999px !important; padding: 11px 30px 9px 30px !important; !important; margin: 0 auto !important; float: none !important; text-align: center !important; font-weight: normal !important; font-style: normal !important; color: white !important; text-decoration: none !important; transition: background .2s !important; -moz-transition: background .2s !important; -webkit-transition: background .2s !important; -o-transition: background .2s !important; behavior: url(/js/PIE.htc) !important; height: auto !important;}
#janrain-facebook:hover {background-color: #49ccff !important;}
#janrain-facebook span {margin: 0 !important;}
#janrain-facebook a {text-align: center !important;}
li#janrain-facebook {margin-bottom: 10px !important;}
span.janrain-provider-icon-facebook {display: none;}
span.janrain-provider-text-color-facebook {font-size: 14px !important;  font-family: 'AvenirLT', sans-serif !important; color: #ffffff !important;}
span.janrain-provider-text-color-facebook:before {content: '\f610  '; font-family: 'SSSocial'; position: relative; top: 2px;}

#janrain-googleplus {width: 280px !important; background: #00b0f0 !important; border: 0 !important; border-radius: 999px !important; padding: 11px 30px 9px 30px !important; !important; margin: 0 auto !important; float: none !important; text-align: center !important; font-weight: normal !important; font-style: normal !important; color: white !important; text-decoration: none !important; transition: background .2s !important; -moz-transition: background .2s !important; -webkit-transition: background .2s !important; -o-transition: background .2s !important; behavior: url(/js/PIE.htc) !important; height: auto !important;}
#janrain-googleplus:hover {background-color: #49ccff !important;}
#janrain-googleplus span {margin: 0 !important;}
#janrain-googleplus a {text-align: center !important;}
li#janrain-googleplus {margin-bottom: 10px !important;}
span.janrain-provider-icon-googleplus {display: none;}
span.janrain-provider-text-color-googleplus {font-size: 14px !important;  font-family: 'AvenirLT', sans-serif !important; color: #ffffff !important;}
span.janrain-provider-text-color-googleplus:before {content: '\f613  '; font-family: 'SSSocial'; position: relative; top: 2px;}

#janrain-twitter {width: 280px !important; background: #00b0f0 !important; border: 0 !important; border-radius: 999px !important; padding: 11px 30px 9px 30px !important; !important; margin: 0 auto !important; float: none !important; text-align: center !important; font-weight: normal !important; font-style: normal !important; color: white !important; text-decoration: none !important; transition: background .2s !important; -moz-transition: background .2s !important; -webkit-transition: background .2s !important; -o-transition: background .2s !important; behavior: url(/js/PIE.htc) !important; height: auto !important;}
#janrain-twitter:hover {background-color: #49ccff !important;}
#janrain-twitter span {margin: 0 !important;}
#janrain-twitter a {text-align: center !important;}
li#janrain-twitter {margin-bottom: 10px !important;}
span.janrain-provider-icon-twitter {display: none;}
span.janrain-provider-text-color-twitter {font-size: 14px !important;  font-family: 'AvenirLT', sans-serif !important; color: #ffffff !important;}
span.janrain-provider-text-color-twitter:before {content: '\f611  '; font-family: 'SSSocial'; position: relative; top: 2px;}

div#returnTraditional input,
div.capture_signin input {max-width: 400px;}
div.janrain-capture-ui .capture_text_input {padding: 0 10px !important; height: 40px;}

#janrainWidget #editProfile.janrain-capture-ui #capture_editProfile_photoManager_profile_pic {width: 100%; max-width: 100%; height: auto; overflow: hidden;}

.capture_btn {background: #00b0f0 !important; border: 0 !important; border-radius: 999px !important; padding: 11px 30px 9px 30px !important; !important; margin: 0 auto !important; float: none !important; text-align: center !important; font-weight: normal !important; font-style: normal !important; color: white !important; text-decoration: none !important; transition: background .2s !important; -moz-transition: background .2s !important; -webkit-transition: background .2s !important; -o-transition: background .2s !important; behavior: url(/js/PIE.htc) !important; height: auto !important; font-size: 14px !important;  font-family: 'AvenirLT', sans-serif !important; color: #ffffff !important;}
.capture_btn:before {color: #ffffff !important;}
.capture_btn:hover {background-color: #49ccff !important;}

.janrain-capture-ui .capture_checkbox label input,
.janrain-capture-ui .capture_radio label input {width: auto;}

@media all and (max-width: 600px) {
	button.capture_primary,
	#capture_signIn_createAccountButton {margin-bottom: 20px!important;}
}


/**
 * below is CSS taken from the live site CMS CSS
 */
 

div.gaaImagePoll {background-image: url('../images/poll-green_5050-bg.png'); max-width: 880px; margin: 0 auto;}

a.button.gaashare {width: auto; padding: 0 40px 0 20px; position: relative;}
a.button.gaashare:after {position: absolute; right: 6px; top: 0px;}


/**
 * change header links colour
 */
/*
#userbox,
#userbox a,
#globalNavigation a,
#basket a,
div.breadcrumb a {color: inherit;}
*/
/**
 * change text colour in hero area
 */
/*
#site h1.pageTitle,
#site div.rowTop,
#site div.rowTop h2,
#site div.rowTop h3,
#site div.image_gallery_2columns h3,
#site div.image_gallery_2columns a,
#site div.image_gallery_2columns p.description,
#site div.randomiser h3 a,
#site div.randomiser p.show_all a,
#site div.randomiser p.hint {color: white}
*/

/**
 * custom colour for easter/snacks
body.t8 #site div.image_gallery_2columns h3,
body.t8 #site div.image_gallery_2columns a,
body.t8 #site div.image_gallery_2columns p.description,
body.t8 #site div.randomiser h3 a,
body.t8 #site div.randomiser p.show_all a,
body.t8 #site div.randomiser p.hint {color: #850d70}
body.t8 #site h1.pageTitle,

body.t10 #site div.image_gallery_2columns h3,
body.t10 #site div.image_gallery_2columns a,
body.t10 #site div.image_gallery_2columns p.description,
body.t10 #site div.randomiser h3 a,
body.t10 #site div.randomiser p.show_all a,
body.t10 #site div.randomiser p.hint {color: #850d70}
body.t10 #site h1.pageTitle,

body.t11 #site div.image_gallery_2columns h3,
body.t11 #site div.image_gallery_2columns a,
body.t11 #site div.image_gallery_2columns p.description,
body.t11 #site div.randomiser h3 a,
body.t11 #site div.randomiser p.show_all a,
body.t11 #site div.randomiser p.hint {color: #850d70}
body.t11 #site h1.pageTitle,


body.t12 #site div.image_gallery_2columns h3,
body.t12 #site div.image_gallery_2columns a,
body.t12 #site div.image_gallery_2columns p.description,
body.t12 #site div.randomiser h3 a,
body.t12 #site div.randomiser p.show_all a,
body.t12 #site div.randomiser p.hint {color: #850d70}
body.t12 #site h1.pageTitle,

 */

/*change site background

body.brightenUpYourDay #site,
#site {background-image: url(/image/var/files/body-bg/default.jpg);}
body.t8 #site {background-image: url(/image/var/files/body-bg/default.jpg);}
body.t10 #site {background-image: url(/image/var/files/body-bg/default.jpg);}
body.t11 #site {background-image: url(/image/var/files/body-bg/default.jpg);}
body.t12 #site {background-image: url(/image/var/files/body-bg/default.jpg);}
*/

/* Live Well Background */

body.brightenUpYourDay #site,
#site {/*background-image: url(/image/var/files/body-bg/default.jpg);*/}
body.t8 #site {background-image: url(/image/var/files/body-bg/summer-breakfast.jpg);}
body.t10 #site {background-image: url(/image/var/files/body-bg/summer-lunch.jpg);}
body.t11 #site {background-image: url(/image/var/files/body-bg/summer-dinner.jpg);}
body.t12 #site {background-image: url(/image/var/files/body-bg/summer-snack.jpg);}
*/


body.t8 #globalNavigation a {color: #ffffff;}
body.t10 #globalNavigation a {color: #ffffff;}
body.t11 #globalNavigation a {color: #ffffff;}
body.t12 #globalNavigation a {color: #ffffff;}

/*for Action Breast Cancer page

body.parent_node_id_1136 #site {background-image: url(/image/var/files/body-bg/ABCdefault.jpg);}
body.parent_node_id_1136 #userbox {color: white;}
body.parent_node_id_1136 #userbox a {color: white;}
body.parent_node_id_1136 #globalNavigation a {color: white;}
body.parent_node_id_1136 #basket a {color: white;}
body.parent_node_id_1136 div.breadcrumb a {color: white;}
body.parent_node_id_1136 #site div h1 a {color:#ffffff;}


body.node_id_1136 #site {background-image: url(/image/var/files/body-bg/ABCdefault.jpg);}
body.node_id_1136 #userbox {color: white;}
body.node_id_1136 #userbox a {color: white;}
body.node_id_1136 #globalNavigation a {color: white;}
body.node_id_1136 #basket a {color: white;}
body.node_id_1136 div.breadcrumb a {color: white;}
body.node_id_1136 #site div h1 a {color:white;}

*/

/*for love-fresh-all-day product browse page*/

body.product_browse.node_id_7235 #site {background-image: url(/image/var/files/ADF/loveLunch.jpg);}
body.product_browse.node_id_7235 div.product_browse div.fbLike {height:135px;}
body.product_browse.node_id_7235 #site div h3 a {color:#5d9732;}
body.product_browse.node_id_7235 #site div.rowBottom {background: white url(/image/var/files/ADF/adf_footer.jpg) center top no-repeat;}


body.parent_node_id_7235 #site {background-image: url(/image/var/files/ADF/loveLunch.jpg);}
body.parent_node_id_7235 #site div h3 a {color:#5d9732;}

body.parent_node_id_7235 #site div h1 {padding-top:50px;}
body.parent_node_id_7235 #site div h2 {color:white;}
body.parent_node_id_7235 #site div h1 {color:#000000;}

body.parent_node_id_7235 #userbox {color: white;}
body.parent_node_id_7235 #userbox a {color: white;}
body.parent_node_id_7235 #globalNavigation a {color: white;}
body.parent_node_id_7235 #basket a {color: white;}
body.parent_node_id_7235 div.breadcrumb a {color: white;}
body.parent_node_id_7235 #site div h1 a {color:#ffffff;}


/*body.product_browse.node_id_7248 div.product_list_shelf h3 a {colour: red;}


for all children of love-fresh-all-day page*/
body.node_id_7248 #site {background-image: url(/image/var/files/ADF/lovePizza.jpg);}

body.node_id_7248 #site {background-image: url(/image/var/files/ADF/lovePizza.jpg) ;}
body.node_id_7248 #userbox {color: white;}
body.node_id_7248 #userbox a {color: white;}
body.node_id_7248 #globalNavigation a {color: white;}
body.node_id_7248 #basket a {color: white;}
body.node_id_7248 div.breadcrumb a {color: white;}
div#node_id_7251 {padding-top: 60px;}
body.parent_node_id_7235 #site div.randomiser h3 a {color: #aa112c;}
body.node_id_7248 #site div h3 {color:#5d9732;}
body.node_id_7248 #site div h4 {color:#000000;}
body.node_id_7248 div.image_gallery_2columns a {color: #5d9732;}

div#node_id_7225 {padding-top: 40px; padding-bottom: 40px;}
body.node_id_7251 #site div h3 {color: #000000;}

body.node_id_8948 #site {background-image: url(/image/var/files/ADF/loveDinner.jpg);}
body.node_id_8948 #site {background-image: url(/image/var/files/ADF/loveDinner.jpg);}

body.node_id_8948 #site div h1 {padding-top:50px;}
body.node_id_8948 #site div h2 {color:white;}
div#node_id_8951 {padding-top: 30px;}
body.node_id_8948 #site div h1 {color:#000000;}



body.node_id_8948 #userbox {color: white;}
body.node_id_8948 #userbox a {color: white;}
body.node_id_8948 #globalNavigation a {color: white;}
body.node_id_8948 #basket a {color: white;}
body.node_id_8948 div.breadcrumb a {color: white;}
body.node_id_8948 #site div h1 a {color:#ffffff;}


body.parent_node_id_8948 #site {background-image: url(/image/var/files/ADF/loveDinner.jpg);}

body.parent_node_id_8948 #site div h1 {padding-top:50px;}
body.parent_node_id_8948 #site div h2 {color:white;}
div#node_id_8951 {padding-top: 80px;}
body.parent_node_id_8948 #site div h1 {color:#000000;}

body.parent_node_id_8948 #userbox {color: white;}
body.parent_node_id_8948 #userbox a {color: white;}
body.parent_node_id_8948 #globalNavigation a {color: white;}
body.parent_node_id_8948 #basket a {color: white;}
body.parent_node_id_8948 div.breadcrumb a {color: white;}
body.parent_node_id_8948 #site div h1 a {color:#ffffff;}

/*body.node_id_8948 #site div.rowBottom {background: white url(/image/var/files/ADF/adf_footer.jpg) center top no-repeat;}*/


/* PA415 Craft Beers*/

body.node_id_9657 div.product_list_shelf div.item.even {text-align:right;}

/* Healthy Recipes*/

body.node_id_10047 div.recipe_list div.rowTop p {width:100%;}


/* Christmas 

#site {background-image: url(/image/var/files/body-bg/Christmas/default.jpg);}
body.t8 #site {background-image: url(/image/var/files/body-bg/Christmas/breakfast.jpg) !important;}
body.t10 #site {background-image: url(/image/var/files/body-bg/Christmas/lunch.jpg) !important;}
body.t11 #site {background-image: url(/image/var/files/body-bg/Christmas/dinner.jpg) !important;}
body.t12 #site {background-image: url(/image/var/files/body-bg/Christmas/snack.jpg) !important;}

body.t8 div.image_gallery_2columns a{text-shadow: 1px 1px 3px #000000;}
body.t10 div.image_gallery_2columns a{text-shadow: 1px 1px 3px #000000;}
body.t11 div.image_gallery_2columns a{text-shadow: 1px 1px 3px #000000;}
body.t12 div.image_gallery_2columns a{text-shadow: 1px 1px 3px #000000;}

div.image_gallery_2columns p {font-size: larger;}

#userbox,
#userbox a,
#globalNavigation a,
#basket a,
div.breadcrumb a {color: white;}


div.downloadChristmasHandbill {margin: 0em 0;}
div.downloadChristmasHandbill a {display: block; background: #cd202c; color: white; border-radius: 6px; padding: 15px 20px;}
div.downloadChristmasHandbill a:after {content: ' '; font-family: 'SSPika'; display: inline-block; float: right;}

.svg #logo a{
  background-image:url(/image/var/files/body-bg/christmas-centra-logo.png)!important;
}


*/

/**#dropDownNavigation .submenu1:after, #dropDownNavigation .submenu2:after{
content: url('/image/var/files/body-bg/ball.png');
position:relative;
z-index:1000;
display:block;
height:auto;
width:100px;
top:10px;
margin-bottom:-100px;
}**/


/*Creme Egg 601 */
body.node_id_12837 #site {background:#47338f;}
body.parent_node_id_12837 #site {background:#47338f;}
div.CremeEgg {background: #eb212e; color:#ffffff}
div.CremeEggSurvey {color:#ffffff;}
div.cepadding {padding-left: 10px; padding-right: 10px; font-weight: bold;}

/*Cadbury Flavourites */
body.node_id_13154 #site {background: url(/image/var/files/competition/Cadburys/cad-back.png) center top no-repeat fixed;}
body.parent_node_id_13154 #site {background: url(/image/var/files/competition/Cadburys/cad-back.png) center top no-repeat fixed;}
div.cadFlav {background: #47307f; color:#ffffff}
div.cadFlavSurvey {color:#ffffff;}
div.cepadding {padding-left: 10px; padding-right: 10px; font-weight: bold;}
div.cadFlav h2 {color: #d6a225;}


/* Free the Joy  */

body.node_id_10113 #site {background:#44308f; color:#ffffff;}
body.node_id_10113 #userbox {color: white;}
body.node_id_10113 #userbox a {color: white;}
body.node_id_10113 #globalNavigation a {color: white;}
body.node_id_10113 #basket a {color: white;}
body.node_id_10113 div.breadcrumb a {color: white;}
body.node_id_10113 #site div h1 a {color:#ffffff;}
body.node_id_10113 p {color:#ffffff; text-align:center;}
body.node_id_10113 h5 {color:#ffffff;}
body.node_id_10113 h5 {color:#d6a225; text-align:center; font-size:41px;}
body.node_id_10113 div.survey div.newsletter {background:#9c85f0;}
.cadburyForm{padding:10px;}

/* Oat Crunch  */

body.node_id_10397 #site {background:#482F94; color:#ffffff;}
body.node_id_10397 #userbox {color: white;}
body.node_id_10397 #userbox a {color: white;}
body.node_id_10397 #globalNavigation a {color: white;}
body.node_id_10397 #basket a {color: white;}
body.node_id_10397 div.breadcrumb a {color: white;}
body.node_id_10397 #site div h1 a {color:#ffffff;}
body.node_id_10397 p {color:#ffffff; text-align:center;}
body.node_id_10397 h5 {color:#ffffff;}
body.node_id_10397 h5 {color:#d6a225; text-align:center; font-size:41px;}
body.node_id_10397 div.survey div.newsletter {background:#9c85f0;}
.cadburyForm{padding:10px;}

/* app links */
li .node_id_9954{display:none !important;}
li .node_id_9955{display:none !important;}

/*for Valentine's Adwords page*/

body.product_browse.node_id_10170 #site {background-image: url(/image/var/files/body-bg/topBanner_1600x690.png);}
body.product_browse.node_id_10170 div.product_browse div.fbLike {height:135px;}
body.product_browse.node_id_10170 #site div h3 a {color:#e01919;}
body.product_browse.node_id_10170 #site div.rowBottom {background: white url(/image/var/files/body-bg/bottomBanner_1600x690.png) center top no-repeat;}

/*for Patrick's Day Adwords page*/

body.product_browse.node_id_10299 #site {background-image: url(/image/var/files/body-bg/patricksTopBanner_1600x690.png);}
body.product_browse.node_id_10299 div.product_browse div.fbLike {height:135px;}
body.product_browse.node_id_10299 #site div h3 a {color:#42a12f;}
body.product_browse.node_id_10299 #site div.rowBottom {background: white url(/image/var/files/body-bg/patricksBottomBanner_1600x690.png) center top no-repeat;}

/*for Six Nations Adwords page*/

body.product_browse.node_id_10277 #site {background-image: url(/image/var/files/body-bg/sixNationsTopBanner_1600x690.png);}
body.product_browse.node_id_10277 div.product_browse div.fbLike {height:135px;}
body.product_browse.node_id_10277 #site div h3 a {color:#42a12f;}
body.product_browse.node_id_10277 #site div.rowBottom {background: white url(/image/var/files/body-bg/sixNationsBottomBanner_1600x690.png) center top no-repeat;}


/*for Mother's Day Adwords page*/

body.product_browse.node_id_10276 #site {background-image: url(/image/var/files/body-bg/mothersTopBanner_1600x690.png);}
body.product_browse.node_id_10276 div.product_browse div.fbLike {height:135px;}
body.product_browse.node_id_10276 #site div h3 a {color:#ed15d4;}
body.product_browse.node_id_10276 #site div.rowBottom {background: white url(/image/var/files/body-bg/mothersBottomBanner_1600x690.png) center top no-repeat;}

/*for Easter Feast Adwords page*/

body.product_browse.node_id_10387 #site {background-image: url(/image/var/files/body-bg/EasterTopBanner_1600x690.png);}
body.product_browse.node_id_10387 div.product_browse div.fbLike {height:135px;}
body.product_browse.node_id_10387 #site div h3 a {color:#1a8020;}
body.product_browse.node_id_10387 #site div.rowBottom {background: white url(/image/var/files/body-bg/EasterBottomBanner_1600x690.png) center top no-repeat;}

/*for Easter Treats Adwords page*/

body.product_browse.node_id_10391 #site {background-image: url(/image/var/files/body-bg/EasterTopBanner_1600x690.png);}
body.product_browse.node_id_10391 div.product_browse div.fbLike {height:135px;}
body.product_browse.node_id_10391 #site div h3 a {color:#1a8020;}
body.product_browse.node_id_10391 #site div.rowBottom {background: white url(/image/var/files/body-bg/EasterBottomBanner_1600x690.png) center top no-repeat;}

/*for Good Friday Adwords page*/

body.product_browse.node_id_10381 #site {background-image: url(/image/var/files/body-bg/EasterTopBanner_1600x690.png);}
body.product_browse.node_id_10381 div.product_browse div.fbLike {height:135px;}
body.product_browse.node_id_10381 #site div h3 a {color:#1a8020;}
body.product_browse.node_id_10381 #site div.rowBottom {background: white url(/image/var/files/body-bg/EasterBottomBanner_1600x690.png) center top no-repeat;}

/*for Easter Gifts Adwords page*/

body.product_browse.node_id_10392 #site {background-image: url(/image/var/files/body-bg/EasterTopBanner_1600x690.png);}
body.product_browse.node_id_10392 div.product_browse div.fbLike {height:135px;}
body.product_browse.node_id_10392 #site div h3 a {color:#1a8020;}
body.product_browse.node_id_10392 #site div.rowBottom {background: white url(/image/var/files/body-bg/EasterBottomBanner_1600x690.png) center top no-repeat;}


/* Valentine's Background

body.t8 div.image_gallery_2columns a{color:#333;}
body.t10 div.image_gallery_2columns a{color:#333;}
body.t11 div.image_gallery_2columns a{color:#333;}
body.t12 div.image_gallery_2columns a{color:#333;}

body.t8 div.image_gallery_2columns p.description {color:#fff; text-shadow: 1px 1px 3px #000000;}
body.t10 div.image_gallery_2columns p.description {color:#fff; text-shadow: 1px 1px 3px #000000;}
body.t11 div.image_gallery_2columns p.description {color:#fff; text-shadow: 1px 1px 3px #000000;}
body.t12 div.image_gallery_2columns p.description {color:#fff; text-shadow: 1px 1px 3px #000000;}


#userbox,
#userbox a,
#globalNavigation a,
#basket a,
div.breadcrumb a {color: white;}

*/

/*GAA 2015 */
body.node_id_10679 #site {background-image: url(/image/var/files/body-bg/gaa_bg_1600x625.png); background-repeat: no-repeat;}
body.parent_node_id_10679 #site {background-image: url(/image/var/files/body-bg/gaa_bg_1600x625.png); background-repeat: no-repeat;}
div.GAA15 h3 {text-transform:uppercase; display:inline; color:black; font-size:26px; text-align:center; font-weight:bold; font-family: 'VAGRoundedStd-Thin';}
div.GAA15Quote p {font-style: italic; font-size:20px; font-weight:bold; padding-left: 15px; padding-top: 15px;  font-family: 'VAGRoundedStd-Thin';}
div.GAA15HS h5  {text-transform:uppercase; display:inline; background-color:#f0df24; color:black; font-size:22px; font-weight:bold; margin-right:auto; margin-left:auto; font-family: 'VAGRoundedStd-Thin';}
div.GAA15CK h5  {text-transform:uppercase; display:inline; background-color:#aaacf0; color:#262744; font-size:22px; font-weight:bold; margin-right:auto; margin-left:auto; font-family: 'VAGRoundedStd-Thin';}
div.GAA15PH h5  {text-transform:uppercase; display:inline; background-color:#f9091f; color:white; font-size:22px; font-weight:bold; margin-right:auto; margin-left:auto; font-family: 'VAGRoundedStd-Thin';}
body.GAA16 div.survey_image_poll fieldset.question {
    background-image: url(../image/var/files/feature/poll-blue_5050-bg.png);
}

/*Summer 2016 */
div.summerPad img {padding-left:5px; padding-right:5px; padding-top:5px; padding-bottom: 5px;}

/* Live Well */
div.LWPara p  {background-color:#ffffff; color:black; font-size:22px; font-weight:bold; margin-right:auto; margin-left:auto; padding-top:10px; padding-left:10px;}
body.node_id_10472 #site div h1 a {color:#41b649;}
div.LWContent {padding-top: 10px; padding-right: 10px;}
div.LWHome h1 {font-size:26px; font-weight:bold; color: #ffffff; padding-top: 20px; margin-right:auto; margin-left:auto;}
div.LWHome h2 {font-size:48px; font-weight:bold; color: #ffffff; padding-top: 20px; margin-right:auto; margin-left:auto;}
div.LWHome p {font-size:22px; font-weight:bold; color: #ffffff; padding-bottom: 20px; margin-right:auto; margin-left:auto;}
div.LWHome {background-color: #00873c; border-radius: 10px;}
div.LWHome h3 {font-size:26px; font-weight:bold; color: #ffffff; padding-bottom: 69px; margin-right:auto; margin-left:auto;}
div.LWHome a {color: #ffffff;}
div.LWContent a {color: #00873c;}
div.LWContentRight {padding-top: 10px; padding-left: 10px;}
div.LWContent h1 {font-size:26px; font-weight:900; color: #00873c; margin-right:auto; margin-left:auto;}
div.LWContent p {font-size:18px; font-weight:900; margin-right:auto; margin-left:auto;;}
div.LWSarah p {font-size:18px; font-weight:bold; color: #00873c; margin-right:auto; margin-left:auto; padding-top: 10px;}
div.LWVideo p {margin-left:20px; margin-top:20px;}
div.LWVideo h1 {margin-left:20px; margin-top:20px;}
div.LWContent h3 {font-size:26px; font-weight:bold; color: #00873c; margin-right:auto; margin-left:auto;}
div.LWHover img:hover {opacity: 0.8; filter: alpha(opacity=80);}
div.LWRecipe div.recipe_image > span.image {display: none}
div.FiveDay p {margin-right:20px;}

div.LWColour h3 {color: #ffffff;}
div.LWColour p {color: #ffffff;}
div.navColour #globalNavigation a {/*color: #ffffff;*/}

/* Pride of Centra */
div.pride label {font-weight:bold;}


/* Seriously Tasty Beef */

body.node_id_10472 #site {background-image: url(/image/var/files/body-bg/tasty-beef/tastyBeef_bg_1600x650.jpg);}
body.parent_node_id_10472 #site {background-image: url(/image/var/files/body-bg/tasty-beef/tastyBeef_bg_1600x650.jpg);}

div.tastyBeef h1 {text-transform:uppercase; background:url('/image/var/files/tasty-beef/heading_bg.png') no-repeat; color:#ffffff; padding:50px 10px; font-size:26px; font-weight:bold; font-family: 'VAGRoundedStd-Thin';}
/*body.node_id_10498 h1 {text-transform:uppercase; background:url('/image/var/files/tasty-beef/heading_bg.png') no-repeat; color:#ffffff; padding:50px 10px; font-size:26px; font-weight:bold; font-family: 'VAGRoundedStd-Thin';}
*/div.lambProducer p {font-family: 'VAGRoundedStd-Thin'; font-size:21px; line-height:36px; position:relative; bottom:250px; padding:0px 20px 0px 80px; text-align:right; color:#ffffff; }
div.tastyBeefHeading {padding-top: 50px; font-size: 26px; font-family: 'AvenirLT', sans-serif; color: #475859;}


div.marginBottom {margin-bottom:50px;}

@media all and (max-width: 640px) {
  div.lambProducer p, #node_id_10512  {max-width:440px; position:relative; bottom:120px!important; font-size:21px;}
  body.node_id_10498 h1  font-family: 'VAGRoundedStd-Thin'; {background:url('/image/var/files/tasty-beef/heading_bg.png') no-repeat; color:#ffffff; padding:50px 10px; font-size:20px; font-family:'AvenirLT', sans-serif;}

  
}


@media all and (max-width: 480px) {
  div.lambProducer p, #node_id_10512  {position:relative; bottom:120px!important; font-size:16px;}
  body.node_id_10498 h1   {font-family: 'VAGRoundedStd-Thin'; background:url('/image/var/files/tasty-beef/heading_bg.png') no-repeat; color:#ffffff; padding:50px 10px; font-size:20px; font-family:'AvenirLT', sans-serif;}

  
}

/* New Recipe Layout */

/*body.node_id_10489 img#image_id_recipe170 {max-width: 100%; height: 400px; width: 880px;  padding: 10px 0px; border-radius: 50px; }*/
div.newRecipe div.recipe_image > span.image {display: none;}

body.parent_node_id_1170 #site {background-image: url(/image/var/files/body-bg/default.jpg);}
body.node_id_1170 #site {background-image: url(/image/var/files/body-bg/default.jpg);}
body.parent_node_id_1131 #site {background-image: url(/image/var/files/body-bg/default.jpg);}
body.node_id_1131 #site {background-image: url(/image/var/files/body-bg/default.jpg);}
body.parent_node_id_1132 #site {background-image: url(/image/var/files/body-bg/default.jpg);}
body.node_id_1132 #site {background-image: url(/image/var/files/body-bg/default.jpg);}
body.parent_node_id_1133 #site {background-image: url(/image/var/files/body-bg/default.jpg);}
body.node_id_1133 #site {background-image: url(/image/var/files/body-bg/default.jpg);}
body.parent_node_id_1134 #site {background-image: url(/image/var/files/body-bg/default.jpg);}
body.node_id_1134 #site {background-image: url(/image/var/files/body-bg/default.jpg);}

body.parent_node_id_11446 #site {background: url(/image/var/files/body-bg/BTS.png) center top no-repeat fixed;}
body.node_id_11446 #site {background: url(/image/var/files/body-bg/BTS.png) center top no-repeat fixed;}

/* Triathlon */
body.node_id_11263 #footer {display: none;}
body.parent_node_id_11263 #footer {display: none;}

/* Superbowl 2016 */
body.node_id_13127 #site {background: url(/image/var/files/body-bg/superbowlBack.jpg) center top no-repeat fixed;}
body.node_id_13127 #globalNavigation a {color: white; font-weight:bold; font-family: 'VAGRoundedStd-Thin';}
div.superbowl a {font-weight:bold; color: #ffffff;}
div.superbowl h3 {color: #ffffff;}

/* BTQ O'Connell Street */
body.node_id_13251 #site {background: url(/image/var/files/body-bg/OCS_Back.jpg) center top;}

/* Euros */
div.euro p {padding-left:5px; padding-right:5px; padding-top:5px; padding-bottom: 5px;}
body.parent_node_id_10785 #site {background: url(/image/var/files/body-bg/RWCBack.png) center top no-repeat fixed;}
body.node_id_10785 #site {background: url(/image/var/files/body-bg/RWCBack.png) center top no-repeat fixed;}
div.rugby div.node_group-content div.content-RTE {background: url(/image/var/files/brochure/Rugby/WhiteBack.png)}
div.rugby div.node_group-layout div.oneColumnLayout {background: url(/image/var/files/brochure/Rugby/WhiteBack.png)}
div.rugby div.node_group-layout div.threeColumnLayout {background: url(/image/var/files/brochure/Rugby/WhiteBack.png)}
div.rugbyProducts {background: url(/image/var/files/brochure/Rugby/WhiteBack.png)}
div.RHover img:hover {opacity: 0.8; filter: alpha(opacity=80);}
div.RugbyPM p {font-size:18px; font-weight:bold; color: #000000; margin-top: 10px; margin-bottom: 10px; margin-right: 10px; margin-left: 10px; font-family: 'VAGRoundedStd-Thin';}
div.RugbyP p {font-size:18px; font-weight:bold; color: #000000; font-family: 'VAGRoundedStd-Thin';}
body.node_id_11793 #globalNavigation a {color: white; font-weight:bold; font-family: 'VAGRoundedStd-Thin';}
body.parent_node_id_11793 #globalNavigation a {color: white; font-weight:bold; font-family: 'VAGRoundedStd-Thin';}
body.parent_node_id_11793 div.breadcrumb a {color: white; font-weight:bold; font-family: 'VAGRoundedStd-Thin';}

/*Lunch Ordering */
div.BTQ p {font-size:20px; font-weight:900; margin-right:auto; margin-left:auto; font-family: 'VAGRoundedStd-Thin';}



/*Graham Norton */
body.node_id_12422 #site {background: url(/image/var/files/body-bg/grahamBack.png) center top no-repeat fixed;}
div.graham p {font-size:20px; color: #ffffff; font-family: 'VAGRoundedStd-Thin';}
div.graham h4 {font-size:36px; color: #ffffff; font-family: 'VAGRoundedStd-Thin';}
body.node_id_12422 #globalNavigation a {color: white; font-weight:bold; font-family: 'VAGRoundedStd-Thin';}

/*Christmas */
body.node_id_12431 #site {background: url(/image/var/files/body-bg/christmasBack.png) center top no-repeat fixed;}
body.parent_node_id_12431 #site {background: url(/image/var/files/body-bg/christmasBack.png) center top no-repeat fixed;}
div.round img {border-radius: 10px;}
div.xmasP p  {text-transform:uppercase; display:inline; background-color:#d3a351; color:#ffffff; font-size:24px; margin-right:auto; margin-left:auto; padding-left: 4px; padding-right: 4px; font-family: 'VAGRoundedStd-Thin';}
div.xmasPD p  {text-transform:uppercase; display:inline; background-color:#d3a351; color:#ffffff; font-size:16px; margin-right:auto; margin-left:auto; padding-left: 4px; padding-right: 4px; font-family: 'VAGRoundedStd-Thin';}
div.XmasHome {background-color: #009ca9; border-radius: 10px;}
div.XmasHome h1 {font-size:26px; font-weight:bold; color: #ffffff; padding-top: 20px; margin-right:auto; margin-left:auto; font-family: 'VAGRoundedStd-Thin';}
div.XmasHome h2 {font-size:48px; font-weight:bold; color: #ffffff; padding-top: 20px; margin-right:auto; margin-left:auto; font-family: 'VAGRoundedStd-Thin';}
div.XmasHome p {font-size:22px; font-weight:bold; color: #ffffff; padding-bottom: 20px; margin-right:auto; margin-left:auto; font-family: 'VAGRoundedStd-Thin';}
div.XmasHome h3 {font-size:26px; font-weight:bold; color: #ffffff; padding-bottom: 69px; margin-right:auto; margin-left:auto; font-family: 'VAGRoundedStd-Thin';}
div.XmasHome a {color: #ffffff;}
body.node_id_12431 #globalNavigation a {color: white; font-weight:bold; font-family: 'VAGRoundedStd-Thin';}
body.parent_node_id_12431 #globalNavigation a {color: white; font-weight:bold; font-family: 'VAGRoundedStd-Thin';}
body.parent_node_id_12431 div.breadcrumb a {color: white; font-weight:bold; font-family: 'VAGRoundedStd-Thin';}
body.node_id_12431 div.breadcrumb a {color: white; font-weight:bold; font-family: 'VAGRoundedStd-Thin';}
div.xmasTable p  {text-transform:uppercase; color:#ffffff; font-size:20px; margin-right:auto; margin-left:auto; padding-left: 4px; padding-right: 4px; font-family: 'VAGRoundedStd-Thin';}
div.xmasTable h2 {text-transform:uppercase; color:#ffffff; font-size:24px; margin-right:auto; margin-left:auto; padding-left: 4px; padding-right: 4px; font-family: 'VAGRoundedStd-Thin';}
div.video {padding-left: 20px;}

/* Halloween */
body.parent_node_id_12078 #site {background: url(/image/var/files/body-bg/HalloweenBack.png) center top no-repeat fixed;}
body.node_id_12078 #site {background: url(/image/var/files/body-bg/HalloweenBack.png) center top no-repeat fixed;}
body.node_id_12078 #globalNavigation a {color: white; font-weight:bold; font-family: 'VAGRoundedStd-Thin';}
body.parent_node_id_12078 #globalNavigation a {color: white; font-weight:bold; font-family: 'VAGRoundedStd-Thin';}
div.
body.node_id_12088 div.breadcrumb a {color: white; font-weight:bold; font-family: 'VAGRoundedStd-Thin';}
body.node_id_12078 div.breadcrumb a {color: white; font-weight:bold; font-family: 'VAGRoundedStd-Thin';}
div.Halloween p {font-size:18px; font-weight:bold; color: #ffffff; font-family: 'VAGRoundedStd-Thin';}
div.Halloween h1 a {font-size:38px; font-weight:bold; color: #f9ec07; font-family: 'VAGRoundedStd-Thin';}

/* French Wine Sale */
body.node_id_13637 #site {background: url(/image/var/files/brochure/french-wines/french_back.png) center top no-repeat fixed;}
div.french {background: url(/image/var/files/brochure/french-wines/white-back.png) center top no-repeat fixed;}
div.french1 {background: url(/image/var/files/brochure/french-wines/white-back.png) center top no-repeat fixed;}
div.french1 h3 {font-size:38px; font-weight:bold; color: #ee3124; font-family: 'VAGRoundedStd-Thin';}
div.french1 p  {padding: 10px;}
div.french1 h3  {padding-left: 10px; padding-right: 10px; padding-top: 10px;}
div.french1 h4 {font-weight:bold; color: #ee3124; font-family: 'VAGRoundedStd-Thin';}
div.french1 h4  {padding: 10px;}


/* Easter 2016 */
body.parent_node_id_13329 #site {background: url(/image/var/files/brochure/Easter/2016/easter-back.png) center top no-repeat fixed;}
body.node_id_13329 #site {background: url(/image/var/files/brochure/Easter/2016/easter-back.png) center top no-repeat fixed;}
div.Easter16 {background: #ffffff; border-radius: 10px; padding-top: 30px; padding-bottom: 20px;}
div.Easter16 p {padding-left: 20px; padding-right: 20px;}
div.Easter16 h3 {padding-left: 20px; padding-right: 20px;}
div.Easter16 h4 {padding-left: 20px; padding-right: 20px;}
div.Easter16 h2 {color: #c9618e; text-decoration: underline;}
div.EasterSpacing {margin-top: 10px; margin-bottom: 10px;}


/*Crafty Brews */
body.parent_node_id_9657 #site {background: url(/image/var/files/body-bg/craftbeer-back.png) center top fixed;}
body.node_id_9657 #site {background: url(/image/var/files/body-bg/craftbeer-back.png) center top fixed;}


/* Janrain Widget Styles */

.privPolicyReg {font-size:10px; color:#475859;}

.janrainIntro {font-size: 18px;
text-rendering: optimizeLegibility;
font-family: 'AvenirLT', sans-serif;
color: #475859;}

/*newsletter_subscribe_campaign*/
div.newsletter_subscribe_campaign {margin-top: 30px; max-width: 500px;}


div.SpecialOffers h3 {font-weight:bold; color: #f04e37;}
div.LiveWellLED h3 {font-weight:bold; color: #8fc73e;}
div.BigBetHomeLED h3 {font-weight:bold; color: #a9017a;}

/* Live Well */
div.LWPara p  {background-color:#ffffff; color:black; font-size:22px; font-weight:bold; margin-right:auto; margin-left:auto; padding-top:10px; padding-left:10px;}


body.node_id_10472 #userbox {color: #41b649;}
body.node_id_10472 #userbox a {color: #41b649;}
body.node_id_10472 #basket a {color: #41b649;}
body.node_id_10472 div.breadcrumb a {color: #41b649;}
body.node_id_10472 #site div h1 a {color:#41b649;}
div.LWContent {padding-top: 10px; padding-right: 10px;}
div.LWHome h1 {font-size:26px; font-weight:bold; color: #ffffff; padding-top: 20px; margin-right:auto; margin-left:auto;}
div.LWHome h2 {font-size:48px; font-weight:bold; color: #ffffff; padding-top: 20px; margin-right:auto; margin-left:auto;}
div.LWHome p {font-size:22px; font-weight:bold; color: #ffffff; padding-bottom: 20px; margin-right:auto; margin-left:auto;}
div.LWHome {background-color: #00873c; border-radius: 10px;}
div.LWHome h3 {font-size:26px; font-weight:bold; color: #ffffff; padding-bottom: 69px; margin-right:auto; margin-left:auto;}
div.LWHome a {color: #ffffff;}
div.LWContent a {color: #00873c;}
div.LWContentRight {padding-top: 10px; padding-left: 10px;}
div.LWContent h1 {font-size:26px; font-weight:900; color: #00873c; margin-right:auto; margin-left:auto;}
div.LWContent p {font-size:18px; font-weight:900; margin-right:auto; margin-left:auto;}
div.LWSarah p {font-size:18px; font-weight:bold; color: #00873c; margin-right:auto; margin-left:auto; padding-top: 10px;}
div.LWVideo p {margin-left:20px; margin-top:20px; }
div.LWVideo h1 {margin-left:20px; margin-top:20px; }
div.LWContent h3 {font-size:26px; font-weight:bold; color: #00873c; margin-right:auto; margin-left:auto;}
div.LWHover img:hover {opacity: 0.8; filter: alpha(opacity=80); }
div.LWRecipe div.recipe_image > span.image {display: none}
div.FiveDay p {margin-right:20px; }

div.LWColour h3 {color: #ffffff;}
div.LWColour p {color: #ffffff;}
div.navColour #globalNavigation a {/*color: #ffffff;*/}


/* Wifi */
body.node_id_14170 #footer {display: none;}
body.node_id_14170 {background-color: #ffffff}
body.node_id_14173 #footer {display: none;}
body.node_id_14173 #containerWrapper {display: none;}
body.node_id_14173 {background-color: #ffffff}
div.wifi h3 {font-size:50pt; font-family: 'DharmaGothicE-Regular';}
body.node_id_14170 #primaryNavigationWrapper {display: none;}
body.node_id_14170 #globalNavigation {display: none;}
body.node_id_14170 #userbox {display: none;}
body.node_id_14170 #revealNavigationButton {display: none;}
body.node_id_14170 #locate {display: none;}

/* Cookie Panel */

#cookiePanel {position: fixed; z-index: 2000; top: 0; left: 0; width: 100%; height: auto; padding: 0; background: #061a1b; overflow: hidden; min-height: 65px; transition: opacity 600ms ease, top 600ms ease;}
#cookiePanel > div {width: auto; max-width: 900px; margin: 0 auto; padding: 15px 0 0 0;}
#cookiePanel p.first {margin-top: 0;}
#cookiePanel p {width: 80%; margin: 0 auto; font-size: 70%; color: #ffffff; float: left; line-height: 30px;}
#cookiePanel p a {font-weight: 600; color: #ffffff; text-decoration: underline;}
#cookiePanel p a:hover {text-decoration: none;}
#cookiePanel p a.small {font-weight: 400;}
#cookiePanel p.button {width: 15%; float: right; min-width: 130px;}
#cookiePanel p.button i {margin-top: 6px; margin-left: 6px; padding: 2px 2px 4px 0; font-family: SSPika; background: #ffffff; height: 20px; width: 20px; line-height: 20px; border-radius: 10px; display: inline-block; text-align: center;}
#cookiePanel p a.button i {color: #7ed321; font-size: 10px; text-align: center;}
#cookiePanel p a.button {float: right; width: 100%; padding: 0 20px; line-height: 30px; margin: 0 0 0 20px; background: #7ed321; color: #ffffff; font-size: 100%; text-decoration: none; cursor: pointer; font-weight: 600; border: none; box-shadow: none; height: auto; text-transform: none; border-radius: 18px; display: inline-block; text-transform: uppercase;}
#cookiePanel p a.button:before {display: none;}
#cookiePanel a:hover::after {display: none;}
#cookiePanel.hidden {opacity: 0; top: -30px;}

@media only screen and (max-width: 960px) {
	#cookiePanel {padding: 0;}
	#cookiePanel > div {max-width: 90%; margin: 0 auto; padding: 15px 0 15px 0;}
	#cookiePanel p {width: 70%; line-height: 1.2;}
	#cookiePanel p.button {width: 20%;}
}
@media only screen and (max-width: 640px) {
	#cookiePanel p {width: 60%;}
	#cookiePanel p.button {margin-top: 5px; width: 20%;}
}
@media only screen and (max-width: 450px) {
	#cookiePanel {min-height: 110px;}
	#cookiePanel p.button {margin-top: 10px;}
}
@media only screen and (max-width: 380px) {
	#cookiePanel p {width: 50%;}
	#cookiePanel p.button {width: 20%; min-width: 130px;}
}