@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {

/* Styles */


body {
	margin-top: 62px;
	position: relative;
}

h1, h2, h3 {
	font-family: "Banda Bold","Courier New",serif;
	text-align: center;
}

#benefits-area { 
display: none;
}

.productImageContainer img {
	max-height: 300px!important;
}

.mobileVersion div#pageContainerOuter div#pageContainerInner div#contentContainerOuter div#contentContainerInner div#content div#product_wrapper div#topSwitched.clearBoth div.image-toggleContainer.productImageContainer {
	float: none;
}

.mobileVersion .productImageContainer img {
	width: auto;
}

image-toggle .imageSizeAll {
	height: 300px;
}

body.mobileVersion acronym, body.mobileVersion button, body.mobileVersion blockquote, body.mobileVersion input, body.mobileVersion li, body.mobileVersion ol, body.mobileVersion option, body.mobileVersion p, body.mobileVersion select, body.mobileVersion textarea, body.mobileVersion th, body.mobileVersion td, body.mobileVersion ul {
	font-size: 14px;
}
body.mobileVersion.landscape acronym, body.mobileVersion.landscape button, body.mobileVersion.landscape blockquote, body.mobileVersion.landscape input, body.mobileVersion.landscape li, body.mobileVersion.landscape ol, body.mobileVersion.landscape option, body.mobileVersion.landscape p, body.mobileVersion.landscape select, body.mobileVersion.landscape textarea, body.mobileVersion.landscape th, body.mobileVersion.landscape td, body.mobileVersion.landscape ul {
	font-size: 14px;
}

body.mobileVersion h1, body.mobileVersion h1.large, body.mobileVersion h1.large span, body.mobileVersion body.homePage h1, body.mobileVersion body.homePage h1 span, body.mobileVersion #bannerContainer.bannerHeading h1, body.mobileVersion #bannerContainer.bannerHeading h1 span {
	font-size: 24px;
}

body.mobileVersion h2, body.mobileVersion h2 span {
	font-size: 22px;
}

body.mobileVersion h3, body.mobileVersion h3 span {
	font-size: 20px;
}

body.mobileVersion h4, body.mobileVersion h4 span, body.mobileVersion h5, body.mobileVersion h5 span, body.mobileVersion h6, body.mobileVersion h6 span {
	font-size: 15px;
}

body.mobileVersion hr {
	margin: 15px 0px;
}

/* Mobile subcolumns */
body.mobileVersion div.subColumnBorderedContainer, body.mobileVersion div.subColumnNarrowWideBorderedContainer, body.mobileVersion div.subColumn3BorderedContainer {
	background: none !important;
}
body.mobileVersion div.subColumn, body.mobileVersion div.subColumn.narrow, body.mobileVersion div.subColumn.wide, body.mobileVersion div.subColumn3, body.mobileVersion div.subColumn4, body.mobileVersion div.subColumn5, body.mobileVersion div.subColumnBordered, body.mobileVersion div.subColumn3Bordered {
	width: auto;
	margin-right: 0px;
	margin-left: 0px;
}
body.mobileVersion div.subColumn4.addProducts, body.mobileVersion div.view-products-by-category div.subColumn5.centered {
	float: none;
	margin-right: auto !important;
	margin-left: auto !important;
}
body.mobileVersion div.subColumn + div.subColumn, body.mobileVersion div.subColumn.narrow + div.subColumn.wide, body.mobileVersion div.subColumn3 + div.subColumn3, body.mobileVersion div.subColumn4 + div.subColumn4,  body.mobileVersion div.subColumn5 + div.subColumn5, body.mobileVersion div.subColumnBordered + div.subColumnBordered, body.mobileVersion div.subColumn3Bordered + div.subColumn3Bordered {
	margin-top: 15px;
}

body.mobileVersion div.tabbed ul.tabbedLinks {
		height: auto;
}

body.mobileVersion div.tabbed ul.tabbedLinks li a {
	padding-right: 10px;
	padding-left: 10px;
}

/* RECIPES */

.mobileVersion #block-views-recipes-on-youtube-block td {
    width: 100%;
    display: block;
    margin: 0 auto;
    background: #ff8800;
}

.mobileVersion .page-recipes-all-recipes table{
    display: block;
}

.page-recipes-all-recipes.mobileVersion div.view-content table.views-view-grid table {
    background-color: #fff!important;
}

.page-recipes-all-recipes.mobileVersion div.view-content table.views-view-grid td, .page-recipes-all-recipes.mobileVersion div.view-content table.views-view-grid th {
    width: 100%;
    display: block;
    background-color: #fff!important;
    border-top: 1px dashed #ff55aa;
}

.mobileVersion .recipes h4.field-content a {
    text-decoration: none;
    background: #7b9bbb;
    color: #fff;
    padding: 6px 12px 6px 12px;
    border-radius: 20px;
    box-shadow: 1px 1px #aeaeae;
    border: 1px dashed #ff55aa;
}


/* HEADER ALL PAGES */

body.mobileVersion #headerContainerInner #languageSwitcherContainer {
	float: right;
	height: 60px;
	text-align: right;
}

body.mobileVersion.landscape #headerContainerInner #languageSwitcherContainer {
	width: auto;
}

body.mobileVersion #languageSwitcher {
	float: none;
	width: auto;
	height: 60px;
	height: auto;
}

body.mobileVersion #languageSwitcher a {
	color: #1199dd!important;
	font-size: 16px!important;
}

.mobileVersion #languageSwitcher ul {
	height: 60px;
}

.mobileVersion #languageSwitcher li {
	height: 33px;
}

body.mobileVersion #languageSwitcher li.activated {
	display: none;
}

body.mobileVersion #languageSwitcher li, body.mobileVersion #languageSwitcher li + li {
	height: 60px;
	padding: 2px 14px 0px 15px;
	background: none; 
}

body.mobileVersion #languageSwitcher li.mobileMenuContainer {
	width: 22px;
	background: none;
}
	
.mobileVersion div#headerContainerInner div#languageSwitcherContainer ul#languageSwitcher li.languageSwitcher.mobileMenuContainer.last  {
	height: 40px;
}


body.mobileVersion #languageSwitcher li.Facebook, body.mobileVersion #languageSwitcher li.Twitter, body.mobileVersion #languageSwitcher li.Instagram, body.mobileVersion #languageSwitcher li.Pinterest, body.mobileVersion #languageSwitcher li.Amazon {
	display: none;
}
				
body.mobileVersion #languageSwitcher li.mobileMenuContainer span.icon.mobileMenuOpenIcon {
	width: 22px;
	vertical-align: -10%;
	padding-top: 18px;
	background-position: -64px -28px; /* Will cause a JavaStrip error! */
}

.mobileVersion #languageSwitcher li a {
	font-size: 16px;
	line-height: 60px;
	height: 60px;

}

.mobileVersion #headerContainerOuter {
	min-height: 60px;
	background: rgba(251,184,83,0.80);
	position: fixed;
	top: 0;
	z-index: 1000;
}


/* CONTAINER SETTINGS */

body.mobileVersion #headerContainerInner {
	width: auto;
	height: auto;
}

body.mobileVersion #contentContainerInner {
	width: auto;
	padding: 10px 10px 0px 10px;
}

body.mobileVersion.homePage #contentContainerInner {
	width: auto;
	padding: 0px;
}

body.mobileVersion #content {
	float: none;
	width: auto;
	margin: 0px;
}

body.mobileVersion #content img {
	width: auto;
	height: auto;
	max-width: 100%;
}

body.mobileVersion #homepageBrighterChoice p {
	font-size: 12px;
}

/* PRODUCT CAROUSEL */

body.mobileVersion #homepageCarousel2Container {
	margin-top: 10px;
}

body.mobileVersion #content img.bannerImage {
	width: 100%;
	height: 100%;
}
/* DROPINS */

.mobileVersion.landscape div#pageContainerOuter div#pageContainerInner div#contentContainerOuter div#contentContainerInner div#content div#mobileUpperDropIns {
	margin-top: 10px;
}

body.mobileVersion #mobileUpperDropIns .rightDropIns {
	padding-top: 5px;
}

body.mobileVersion.landscape #mobileUpperDropIns .leftDropIns {
	height: 150px;
	width: 150px;
}

.mobileVersion.landscape div#pageContainerOuter div#pageContainerInner div#bannerContainerOuter div#bannerContainer.bannerImage div.banner img.bannerOverlay{
	display: none;
}

/* UTILITY NAV */

.mobileVersion #utilityNav {
	background: #ff9900;
	height: auto;
	padding-top: 0px;
	font-size: 16px;
}

.mobileVersion #headerContainerInner #utilityNavContainer {
	float: none;
	height: auto;
	text-align: center;
	border-bottom: 1px dotted #fff;
	font-size: 16px;
}

body.mobileVersion #utilityNav li {
	float: none;
	height: auto;
	border-top: 1px solid #fc8d32;
	background: #ff9900;
}

body.mobileVersion #utilityNav li a {
	padding: 8px 0px 5px 0px;
	font-family: "ff-tisa-sans-web-pro", Helvetica, sans-serif;
	font-size: 16px;
	color: #d4d4d4;
}
body.mobileVersion.landscape #utilityNav li a {
	font-size: 16px;
	color: #fff;
}

body.mobileVersion #utilityNav li a:active, body.mobileVersion #utilityNav li a:hover {
	border-bottom: 0px dotted #ee4488;
}

body.mobileVersion #utilityNav li a.Facebook {
	margin: 0px;
	padding: 0px;
	text-indent: -2000px;
}

body.mobileVersion .primaryNav {
	margin-top: 10px;
}

/* SEARCHING AREA */

body.mobileVersion #searchIcon {
	margin: 0px;
}

body.mobileVersion #searchIcon.disabled {
	opacity: 0.5;
	cursor: default;
}

body.mobileVersion #search {
	float: none;
	width: auto;
	margin: 10px 8px 0px 8px;
}

body.mobileVersion.landscape #search {
}

body.mobileVersion form#search-block-form input.form-text {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
	height: 26px;
	padding: 2px 27px 4px 5px;
	font-size: 14px;
	color: #ffffff;
	background: #ffa958;
	border: 1px solid #ffa958;
	-moz-border-radius: 0px 0px 0px 0px;
	-webkit-border-radius: 0px 0px 0px 0px;
	border-radius: 0px 0px 0px 0px;
}

body.mobileVersion.landscape form#search-block-form input.form-text {
	margin-right: auto;
	margin-left: auto;
}

.mobileVersion form#search-block-form input.form-submit {
	display: none;
}

/* PRIMARY MENU */

body.mobileVersion #headerContainerInner #primaryNavContainer {
	display: none;
	width: auto;
	height: auto;
	overflow: hidden;
	margin: 0px auto 0px auto;
	padding: 0px 0px 10px 0px;
	text-align: center;
	background: #ff9900;
}

body.mobileVersion #primaryNavContainer span.icon.mobileMenuCloseIcon {
	position: absolute;
	top: 10px;
	right: 0px;
	width: 14px;
	/* vertical-align: -30%; */
	padding-top: 13px;
	margin: 0px;
	background-color: #ff9900;
	background-position: -65px -47px; /* Will cause a JavaStrip error! */
	border-top: 15px solid 	#ff9900;
	border-right: 15px solid #ff9900;
	border-bottom: 15px solid #ff9900;
	border-left: 15px solid #ff9900;
}

body.mobileVersion #primaryNav {
	/* width: 320px; */
	margin: 0px auto;
	/* padding: 4px 0px 8px 0px; */
}

body.mobileVersion.landscape #primaryNav {
	width: auto;
}

body.mobileVersion li.primaryNav {
	display: block;
	float: none;
	height: auto;
	margin: 0px;
	border-top: 1px solid #fc8d32;
}

body.mobileVersion li.primaryNav:first-child {
	border: 1px solid #ff9900;
}

body.mobileVersion li.primaryNav.brightIdeas {
	/* padding-bottom: 10px;
	background-position: center -140px; */
}

body.mobileVersion a.primaryNav, body.mobileVersion a.primaryNavHighlighted, body.mobileVersion a.primaryNavOn {
	/* display: inline-block;
	padding: 6px 8px;
	font-size: 17px; */
	padding: 8px 0px;
	font-family: "ff-tisa-sans-web-pro", Helvetica, sans-serif;
	font-size: 15px;
	color: #ffffff;
}

body.mobileVersion.landscape a.primaryNav, body.mobileVersion.landscape a.primaryNavHighlighted, body.mobileVersion.landscape a.primaryNavOn {
	font-size: 18px;
}

body.mobileVersion a.primaryNav:active, body.mobileVersion a.primaryNav:hover, body.mobileVersion li.primaryNav a.primaryNavHighlighted, body.mobileVersion li.primaryNav a.primaryNavOn {
	color: #fff;
	-moz-text-shadow: 0px 0px 5px #f19523, 0px 0px 2px #f19523;
	-webkit-text-shadow: 0px 0px 5px #f19523, 0px 0px 25px #f19523;
	text-shadow: 0px 0px 5px #f19523, 0px 0px 2px #f19523;
}

/* LOGO AREA */

body.mobileVersion #logoContainer {
	/* position: static; */
	position: absolute;
}

.mobileVersion #logoContainer {
	width: 40%;
	height: 100px;
	text-align: left;
}

body.mobileVersion #logo {
	width: 74px;
	height: 40px;
	margin: 0 auto;
	text-align: center;
	padding-top: 6px;
	padding-bottom: 6px;
}

.mobileVersion #headerContainerOuter #headerContainerInner #logoContainer {
	height: 60px;
	width: 50%;
	margin-left: 20px;
	float: left;
}

/* BANNER AREA */
body.mobileVersion #bannerContainer {
	overflow: hidden;
	margin: 0px;
}

body.mobileVersion #bannerContainer.bannerHeading {
	padding: 3px 0px;
	margin-bottom: 3px;
}

body.mobileVersion a.primaryNav:active, body.mobileVersion a.primaryNav:hover {
	background: none;
}

.mobileVersion .bannerNavigation,.mobileVersion .bannerNavigation2 {
	margin-top: -50px;
}


/* PRODUCT CAT PAGE */

.mobileVersion div.view-content div.subColumnContainer div.subColumn3 {
	float: none;
	margin: 0 auto;
}

.mobileVersion .product-category #text a {
	font-size: 16px;
}

.mobileVersion.landscape div#pageContainerOuter div#pageContainerInner div#contentContainerOuter div.view-footer.mobileProductPageBanner.blueBg.padded {
	background: no-repeat center url(/media/images/mobile-images/blue-bg.png);
}


body.mobileVersion div.view-product-categories div.productCategories div.productCategory a{
	font-size: 24px;
	font-weight: bold;
}

/* OTHER PRODUCTS AREA */

.mobileVersion .otherProducts table {
	width: 100%;
	background-color: #fff!important;
    border-top: 1px dotted #f657bc;
}


/* FOOTER AREA */

body.mobileVersion #footerContainerOuter {
	height: auto;
	background: #4a4a50!important;
	background-image: none;
	color: #fff;
	text-align: center;
}


body.mobileVersion #footerContainerInner {
	height: auto;
	background: #444457!important;
	background-image: none;
	color: #fff;
	text-align: center;
}

body.mobileVersion #footerContainerInner {
	width: auto;
	height: auto;
	text-align: center;
}

.mobileVersion #socialMediaLinks {
	height: 50px;
	padding: 0px 0px 20px 0px;
	text-align: center!important;
	background: rgba(251,184,83,1);
	border: none;
	width: 100%;
}

.mobileVersion #footerContainerOuter #footerContainerInner #socialMediaLinks {
	width: 100%;
	float: left;
	text-align: center;
}

.mobileVersion #footerContainerOuter #footerContainerInner #social {
	text-align: center;
}

body.mobileVersion #socialMediaLinks span {
	vertical-align: -90%;
}

body.mobileVersion #socialMediaLinks a {
	vertical-align: -110%;
}

.mobileVersion #socialMediaLinks #social {
	text-align: center;
	margin: 0 auto;
}


/* EMAIL SIGNUP */

body.mobileVersion #emailSignup input[type="submit"] {
	vertical-align: -75%;
	-moz-border-radius: 0px 5px 5px 0px;
	-webkit-border-radius: 0px 5px 5px 0px;
	border-radius: 0px 5px 5px 0px;
	border-left: 1px solid #7c7c8e;
}

body.mobileVersion.landscape #emailSignup input[type="submit"] {
	vertical-align: -115%;
}

body.mobileVersion #emailSignup {
	float: none;
	height: auto;
	padding: 0px;
	text-align: center;
	background: #7d7d8f;
}

body.mobileVersion #emailSignup label {
	margin-right: 0px;
	vertical-align: -60%;
}

body.mobileVersion.landscape #emailSignup label {
	margin-right: 10px;
	vertical-align: -105%;
}

body.mobileVersion #emailSignup input[type="email"] {
	vertical-align: -75%;
	margin-bottom: 15px;
	-moz-border-radius: 5px 0px 0px 5px;
	-webkit-border-radius: 5px 0px 0px 5px;
	border-radius: 5px 0px 0px 5px;
}

body.mobileVersion.landscape #emailSignup input[type="email"] {
	vertical-align: -115%;
}

/* LANDING PAGE TOP SLIDER/CAROUSEL */

body.mobileVersion div.bannerContainer {
	margin-bottom: 20px;
}

body.mobileVersion #homepageCarousel1Container {
	margin-bottom: 20px;
}

body.mobileVersion #homepageCarousel2Container {
	margin-bottom: 20px;
}

body.mobileVersion.landscape #homepageCarousel1 div.banner img {
	width: 100% !important;
	max-width: 100% !important;
	margin-left: 0px;
}

body.mobileVersion div.bannerContainer div.banner div.bannerCopy * {
	text-align: center;
}

.mobileVersion #homepageLowerRightContent {
	display: none;
}

/* CAROUSEL 2 - PRODUCT CAROUSEL BOTTOM OF LANDING PAGE*/

body.mobileVersion #homepageCarousel2 div.banner {
	height: auto;
	min-height: 440px;
}

body.mobileVersion #homepageCarousel2 div.banner img.bannerImage {
	float: none;
	width: auto;
	margin: 0px;
}

body.mobileVersion #homepageCarousel2 div.banner div.bannerCopy {
	float: none;
	width: auto;
	margin: 0px 10px 0px 10px;
	padding-top: 0px;
}

body.mobileVersion #homepageCarousel2 div.banner div.bannerCopy h2 {
	margin-top: 0px;
	margin-bottom: 5px;
}

body.mobileVersion #homepageCarousel2 div.banner div.bannerCopy p {
	width: auto;
	max-width: none;
	padding-bottom: 10px;
	font-size: 95%;
}

body.mobileVersion.landscape #homepageCarousel2 div.banner div.bannerCopy p {
	font-size: 120%;
}

body.mobileVersion #homepageCarousel2 div.banner div.bannerCopy p img {
	margin: -15px auto 0px auto;
}

/* CAROUSEL NAVIGATION */

.mobileVersion.landscape .bannerNavigation { 
	position: relative;
}

.mobileVersion.landscape .bannerNavigation2 {
	margin-top: -250px;
}

.mobileVersion .bannerNavigation, body.mobileVersion .bannerNavigation2 { 
	width: 100%;
}

.mobileVersion .bannerNavigationNext {
	float: right;
	height: 24px;
	width: 24px;
	margin-right: 10px;
	background-position: -260px 0px;
}

.mobileVersion .bannerNavigationNext2 {
	float: right;
	height: 24px;
	width: 24px;
	margin-right: 10px;
	background-position: -260px -24px;
	background-color: #e71a82;
	-moz-border-radius: 14px 14px 14px 14px;
	-webkit-border-radius: 14px 14px 14px 14px;
	border-radius: 14px 14px 14px 14px;
}

.mobileVersion .bannerNavigationPrev {
	float: left;
	height: 24px;
	width: 24px;
	margin-left: 10px;
	background-position: -236px 0px;
}

.mobileVersion .bannerNavigationPrev2 {
	float: left;
	height: 24px;
	width: 24px;
	margin-left: 10px;
	background-position: -236px -24px;
	background-color: #e71a82;
	-moz-border-radius: 14px 14px 14px 14px;
	-webkit-border-radius: 14px 14px 14px 14px;
	border-radius: 14px 14px 14px 14px;
}
	
.mobileVersion .bannerNavigation .bannerNavigationSlides, body.mobileVersion .bannerNavigationSlides a, body.mobileVersion .bannerNavigation2 .bannerNavigationSlides2, body.mobileVersion .bannerNavigationSlides2 a {
		display: none !important;
	}	

/* A BRIGHTER CHOICE COPY */

body.mobileVersion #homepageBrighterChoice {
	position: static;
	width: auto;
	max-width: none;
	margin: 0px 10px -20px 10px;
}

body.mobileVersion #homepageBrighterChoice p {
	font-size: normal;
	padding: 0px 10px;
}

body.mobileVersion #homepageBrighterChoice #homepageBrighterChoiceCopy {
	margin-top: 0px;
}

body.mobileVersion #homepageBrighterChoiceCopy p.brighterChoiceSlogan {
	width: 100%;
	height: auto;
	background-size: cover;
	margin: -5px auto 15px auto;
	padding: 0px;
}	

/* 3 CIRCLES BANNER AREA */

.mobileVersion #MiddleArea #block-block-17 { 
    width: 100%;
    margin-top: 20px;
    margin-bottom: 10px;
    clear: both;
}

.mobileVersion #MiddleArea #block-block-17 img { 
    width: 80%;
    margin: 0 auto;
    text-align: center;
}

.mobileVersion #MiddleArea #block-block-17 h2 { 
    font-size: 24px;
}

.mobileVersion #MiddleArea #block-block-17 p {
    width: 100%;
    clear: both;
    margin-bottom: 10px;
    font-size: 24px;
    font-weight: 700;
    border-bottom: 0px;
   	font-family: "Banda Bold","Courier New",serif;
}

.mobileVersion #MiddleArea #block-block-18 { 
    width: 100%;
    margin-top: 20px;
    margin-bottom: 10px;
    clear: both;
}

.mobileVersion #MiddleArea #block-block-18 img { 
    width: 80%;
    margin: 0 auto;
    text-align: center;
}

.mobileVersion #MiddleArea #block-block-18 h2 { 
    font-size: 24px;
}

.mobileVersion #MiddleArea #block-block-18 p {
    width: 100%;
    clear: both;
    margin-bottom: 10px;
    font-size: 24px;
    font-weight: 700;
    border-bottom: 0px;
    font-family: "Banda Bold","Courier New",serif;
}

.mobileVersion #MiddleArea #block-block-19 { 
    width: 100%;
    margin-top: 20px;
    margin-bottom: 10px;
    clear: both;
    text-align: center;
}

.mobileVersion #MiddleArea #block-block-19 img { 
    width: 80%;
    margin: 0 auto;
    text-align: center;
}

.mobileVersion #MiddleArea #block-block-19 h2 { 
    font-size: 24px;
}

.mobileVersion #MiddleArea #block-block-19 p {
    width: 100%;
    clear: both;
    margin-bottom: 10px;
    font-size: 24px;
    font-weight: 700;
    border-bottom: 0px;
   	font-family: "Banda Bold","Courier New",serif;
}


body.mobileVersion div#block-menu-menu-recipes-categories-menu {
display: none;
}

/* MOBILE TWEAKS FOR ENERGY LANDING PAGE */

body.mobileVersion.page-node-594 #contentContainerInner, body.mobileVersion.page-node-593 #contentContainerInner {
    background-image: none!important;
}

body.mobileVersion.page-node-594 {
    background-image: url("/media/images/energy-landing-mobile.png");
    background-repeat: no-repeat;
    background-size: cover;
}

.mobileVersion.page-node-594 div#pageContainerOuter div#pageContainerInner div#contentContainerOuter div#contentContainerInner div#content h1#page-title.title {
	display: none;
}

.mobileVersion.page-node-594 img {
	height: auto;
	width: auto;
}

.mobileVersion.page-node-594 .content {
	width: 100%;
	margin-top: 40px;
	clear: both;
}

.mobileVersion.page-node-594 div#pageContainerOuter div#pageContainerInner div#contentContainerOuter div#contentContainerInner div#content div#rightColumn div#block-block-45 {
	display: none;
}

body.mobileVersion.page-node-594 #block-block-48 {
    margin: 0 auto;
    text-align: center;
}

body.mobileVersion .page-example-1 #content {
	margin-top: 80px!important;
}

/* NEW BEVERAGE AND SNACKS PAGES */

.mobileVersion.page-beverages div#pageContainerOuter div#pageContainerInner div#contentContainerOuter div#contentContainerInner div#content .views-view-grid {
	margin: 0 auto!important;
	text-align: center!important;
	width: 100%;
}

.mobileVersion.page-snacks div#pageContainerOuter div#pageContainerInner div#contentContainerOuter div#contentContainerInner div#content .views-view-grid {
	margin: 0 auto!important;
	text-align: center!important;
	width: 100%;
}

.mobileVersion.page-beverages div#pageContainerOuter div#pageContainerInner div#contentContainerOuter div#contentContainerInner div#content .views-view-grid td{
	border-bottom: 2px dashed #fbb853;
}

.mobileVersion.page-snacks div#pageContainerOuter div#pageContainerInner div#contentContainerOuter div#contentContainerInner div#content .views-view-grid td{
	border-bottom: 2px dashed #fbb853;
}


/* NEW STORE LISTING PAGE WITH RETAILER LOGOS */


.mobileVersion.page-where-to-buy-sunrype div.view-content table.views-view-grid td, .mobileVersion.page-where-to-buy-sunrype div.view-content table.views-view-grid th {
	width: 45%;
	float: left;
}

/* 60 % LESS SUGAR */

#custom-leftside {
	width: 100%;
	clear: both;
}

#custom-rightside {
	width: 100%;
	clear: both;
	text-align: center;
}

#left-buttons img {
    width: auto;
    margin: 0 auto;
    text-align: center;
}


@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) { 


/* IPAD STYLES GO HERE */

.desktopVersion #MiddleArea #block-block-17 {
	width: 100%;
	float: none;
	margin: 0 auto;
	text-align: center;
}

.desktopVersion #MiddleArea #block-block-18 {
	width: 100%;
	float: none;
	margin: 0 auto;
	text-align: center;
}

.desktopVersion #MiddleArea #block-block-19 {
	width: 100%;
	float: none;
	margin: 0 auto;
	text-align: center;
}


}