* { box-sizing:border-box; padding:0; margin:0; }

html,body { margin-top:0px; font-family:arial,helvetica,sans-serif; color:#666666; font-size:14px; letter-spacing:0.4px; }

.row { width:100%; clear:both; }

.singleWidth { width:100%; padding:0 3% 0 3%; }

p { line-height:22px; clear:both; }

hr { width:100%; clear:both; float:left; height:1px; background-color:#cccccc; border:0; }

.halfWidth { width:49%; }
.fullWidth { width:100%; }

.clear { clear:both; }

#breadcrumb { font-size:14px; line-height:22px; background-color:#cc9966; padding:15px 3% 15px 3%; }

a[href^="tel"] { color:inherit; text-decoration:none; }



#ageRestricted { clear:both; float:left; margin-bottom:25px; color:#ff3333; font-size:16px; width:100%; border:1px solid #ff3333; border-radius:6px; padding:10px; line-height:22px; }





/* cookies */

#cookieInfo { position:fixed; top:0px; background-color:#333333; color:#ffffff; width:100%; z-index:10; padding:10px 3% 10px 3%; background:rgba(0, 0, 0,0.9); font-size:14px; line-height:30px; }

.cookieButton { font-size:14px; text-decoration:none; color:#ffffff; transition: .3s color; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; float:left; background-color:#333333; border-radius:6px; border:#ffffff 1px solid; line-height:20px; padding:10px; margin:0px 0px 0px 20px; }
.cookieButton:hover { color:#999999; cursor:pointer; }










/* Cant find */

#cantFind { clear:both; float:left; text-align:center; padding:20px 10px 20px 10px; font-size:22px; color:#ffffff; background-color:#cc9966; line-height:24px; margin:50px 0px 0px 0px; }
#cantFind:link { color:#ffffff; text-decoration:none; transition: .3s color; }
#cantFind:visited { color:#ffffff; text-decoration:none; transition: .3s color; }
#cantFind:active { color:#ffffff; text-decoration:none; transition: .3s color; }
#cantFind:hover { color:#cccccc; text-decoration:none; }











/* errors */


.errTxt { display:none; float:left; border-radius:6px; background-color:#ff3333; color:#ffffff; padding:5px; margin:0px 0px 5px 0px; width:100%; }











/* Inputs */


.fieldContainer { float:left; margin-bottom:10px; }

.inputText { width:100%; float:left; border-radius:6px; border:1px solid #cccccc; color:#999999; font-size:15px; height:44px; padding:2px 5px 2px 5px; transition:border-color .3s; }
.inputText:hover { border-color:#996633; }

.second { margin-left:2%; }

.inputText label { display:none; color:#996633; font-size:12px; height:13px; float:left; line-height:0px; padding-top:7px; }

.inputTextarea { height:120px; }

.searchForm { background-color:#ffffff; width:25%; margin:7px 0px 0px 10px; border-radius:6px 0px 0px 6px; border:0; }
.searchForm:hover { border:0; }

.mailingListForm { background-color:#ffffff; width:85%; margin:7px 0px 0px 0px; border-radius:6px 0px 0px 6px; border:0; }
.mailingListForm:hover { border:0; }

input[type=text] { -webkit-appearance: none; font-size:15px; color:#999999; height:40px; width:100%; border:0; padding:0; clear:both; float:left; line-height:100%; outline:none; }
textarea { font-family:arial,helvetica,sans-serif; font-size:15px; color:#999999; height:116px; width:100%; border:0; padding:0; clear:both; float:left; line-height:20px; resize:none; outline:none; outline-radius:6px; }

input[type=submit] { -webkit-appearance: none; }

.submit { cursor:pointer; float:left; font-size:18px; line-height:0px; background-color:#006633; border-radius:6px; color:#ffffff; border:1px solid #ffffff; padding-left:5px; padding-right:5px; transition: .3s background-color,border-color,color; height:44px; outline:none; text-align:center; text-decoration:none; }
.submit:hover { border-color:#999999; background-color:#ffffff; color:#999999; }

.submitSearch { border-radius:0px 6px 6px 0px; margin-top:7px; width:44px; }
.submitSearch:hover { border-color:#ffffff; background-color:#ffffff; color:#999999; }

.submitMailingList { border-radius:0px 6px 6px 0px; margin-top:7px; width:15%; }
.submitMailingList:hover { border-color:#ffffff; background-color:#ffffff; color:#999999; }









/* quantities */

.qChange { float:left; text-align:center; text-decoration:none; color:#666666; border-radius:6px 0px 0px 6px; border-top:1px solid #cccccc; border-bottom:1px solid #cccccc; border-left:1px solid #cccccc; margin:7px 0px 0px 0px; font-size:20px; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select: none; height:25px; width:20px; line-height:0px; padding:10px 0px 0px 0px; transition: .3s border-color, .3s color, .3s background-color; background-color:#cccccc;  }
.qChange:hover { color:#999999; border-color:#999999; cursor:pointer; background-color:#ffffff; }
.plus { padding:12px 0px 0px 0px; font-size:18px; border-radius:0px 6px 6px 0px; border-right:1px solid #cccccc; border-left:0; }

input.qtyAmount { float:left; width:40px; height:40px; border:1px solid #cccccc; margin:0px 0px 0px 0px; padding:5px; text-align:center; border-radius:6px; font-size:14px; color:#666666; transition: .3s border-color; }
input.qtyAmount:hover { border-color:#999999; }
input.qtyAmount:focus { border-color:#999999; }












/* popups */


.close { font-size:40px; text-decoration:none; color:#cc3333; transition: .3s color; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; clear:both; float:left; width:100%; text-align:center; }
.close:hover { color:#999999; cursor:pointer; }
.white { color:#ffffff; }

#windowMask { display:none; position:fixed; height:100%; width:100%; background:rgba(255, 255, 255,0.9); z-index:7; animation-name:showWindowMask; animation-duration: 0.5s; }
@keyframes showWindowMask { from {opacity: 0} to {opacity: 1} }

#actionAlert { position:fixed; top:45%; right:0px; width:100%; height:auto; color:#ffffff; text-align:center; padding:20px 0px 20px 0px; font-size:24px; background-color:#cc9966; z-index:3; overflow:hidden; }

#loading { display:none; position:fixed; width:100%; height:100%; background:rgba(255, 255, 255, 0.9); z-index:11; animation-name:showLoading; animation-duration: 0.5s; align-self:center; flex-direction:row; justify-content:space-around; align-items:center; background-image:url(/images/loadingIcon.gif); background-repeat:no-repeat; background-position:center center; }
@keyframes showLoading { from {opacity: 0} to {opacity: 1} }











/* header stuff */

#header { height:130px; padding:0 3% 0 3%; }

#logo a { float:left; height:60px; width:189px; background-image:url(/images/mainLogo.png); background-repeat:no-repeat; display:block; margin:30px 0px 0px 0px; }

#header span { float:left; font-size:18px; color:#666666; font-style:italic; margin:50px 0px 0px 20px; letter-spacing:0.4px; }

#headerNav { float:right; margin:55px 0px 0px 0px; list-style:none; }
#headerNav li { display:inline-block; padding:0px 7px 0px 5px; border-right:1px solid #cccccc; }
#headerNav li:last-child { border:0; }
#headerNav a:link { color:#333333; text-decoration:none; transition: .3s color; }
#headerNav a:visited { color:#333333; text-decoration:none; transition: .3s color; }
#headerNav a:active { color:#333333; text-decoration:none; transition: .3s color; }
#headerNav a:hover { color:#999999; }









/* navbar stuff */

a.onlineMenuHeadings { clear:both; float:left; width:100%; text-decoration:none; font-size:16px; transition:.3s color; border-bottom:1px solid #cc9966; padding:10px 0px 10px 0px; }
a.onlineMenuHeadings:last-child { border:0; }
a.onlineMenuHeadings:link { color:#ffffff; }
a.onlineMenuHeadings:active { color:#ffffff; }
a.onlineMenuHeadings:visited { color:#ffffff; }
a.onlineMenuHeadings:hover { color:#cc9966;; }

.menuDescription h1 { float:left; color:#ffffff; line-height:0px; margin-bottom:10px; padding:0; }
.menuDescription p { clear:both; float:left; color:#ffcc99; margin-top:20px; line-height:20px; }

a.onlineMenuSecNav { clear:both; float:left; text-decoration:none; font-size:14px; width:100%; transition:.3s color; margin-bottom:3px; letter-spacing:0.5px; }
a.onlineMenuSecNav:last-child { border:0; }
a.onlineMenuSecNav:link { color:#ffffff; }
a.onlineMenuSecNav:active { color:#ffffff; }
a.onlineMenuSecNav:visited { color:#ffffff; }
a.onlineMenuSecNav:hover { color:#cc9966; }

.menuSecNavHeadings h2 { color:#ffcc99; font-size:16px; }

#navbar { position:sticky; position:-webkit-sticky; top:0; display:block; background-color:#996633; border-bottom:3px solid #cc9966; border-top:3px solid #cc9966; height:65px; z-index:6; }

.navbarItem { float:left; }

#homeIconBg { height:59px; width:57px; background-image:url(/images/homeIcon.png); }
#homeIcon { height:59px; display:block; width:57px; background-image:url(/images/homeIconHover.png); opacity:0; transition:.3s opacity; }
#homeIcon:hover { opacity:1; }




#mobileMenuBg { display:none; height:59px; width:57px; background-image:url(/images/mobileMenuBg.png); }
#mobileMenu { height:59px; display:block; width:57px; background-image:url(/images/mobileMenuHover.png); opacity:0; transition:.3s opacity; }
#mobileMenu:hover { opacity:1; cursor:pointer; }

#mobileMenuPopup { display:none; overflow:hidden; position:absolute; left:0px; height:auto; width:100%; background-color:#996633; z-index:10; animation-name:showMenu; animation-duration: 0.3s; }
@keyframes showMenu { from {max-height: 0} to {max-height: 1000px} }

#mobileMenuPopup h1 { clear:both; float:left; color:#ffffff; width:100%; text-align:center; font-size:22px; margin:0; }
#mobileMenuPopup ul li { clear:both; float:left; color:#ffcc99; width:100%; text-align:center; border-bottom:1px solid #ffcc99; padding:10px 0 10px 0; font-size:16px; }
#mobileMenuPopup ul { list-style:none; clear:both; float:left; width:100%; }
#mobileMenuPopup li li { border:0; font-size:14px; margin:0; padding:5px 0 5px 0; }




#searchIconBg { display:none; height:59px; width:57px; background-image:url(/images/searchIconBg.png); }
#searchIcon { height:59px; display:block; width:57px; background-image:url(/images/searchIconHover.png); opacity:0; transition:.3s opacity; }
#searchIcon:hover { opacity:1; cursor:pointer; }

#mobileSearchPopup { display:none; position:absolute; left:0px; height:auto; width:100%; background-color:#ffffff; z-index:10; animation-name:showSearch; animation-duration: 0.3s; border-bottom:1px solid #cccccc; border-top:1px solid #cccccc; overflow:hidden; }
@keyframes showSearch { from {max-height: 0} to {max-height: 500px} }

.mobileSearch { margin:50px 0 50px 3%; border-radius:6px 0 0 6px; width:80%; border-right:0; outline:none; }
.submitMobileSearch { margin: 50px 3% 50px 0; border-top:1px solid #cccccc; border-right:1px solid #cccccc; border-bottom:1px solid #cccccc; width:14%; }
.submitMobileSearch:hover { border-color:#cccccc; }










#onlineStore { height:59px; display:block; text-decoration:none; color:#ffffff; font-size:16px; margin-left:10px; padding:22px 10px 0px 10px; transition: .3s color; }
#onlineStore:hover { color:#cc9966; }

#onlineMenu { position:absolute; top:59px; width:88%; padding:20px 10px 30px 10px; border-right:3px solid #cc9966; border-bottom:3px solid #cc9966; border-left:3px solid #cc9966; margin-left:3%; background-color:#996633; display:none; border-radius:0px 0px 8px 8px; animation-name:showOnlineMenu; animation-duration: 0.3s; }
@keyframes showOnlineMenu { from {opacity: 0} to {opacity: 1} }

#onlineMenu:hover { display:block; }

#onlineStore:hover ~ #onlineMenu { display:block; }

#onlineMenu h1 { float:left; margin:20px 0px 10px 0px; padding:0; font-size:26px; }
#onlineMenu p { clear:both; float:left; }

.menuItem { float:left; margin:20px 0px 0px 0px; padding:0px 15px 0px 15px; font-size:15px; display:inline-block; }
.menuItem:last-child { border:0; }
.menuItem ul li { border-bottom:1px solid #cccccc; }
.menuItem li { list-style:none; display:block; }
.menuItem li li { border:0; font-size:13px; }
.menuItem a { text-decoration:none; color:#996633; transition:.3s color; }
.menuItem a:hover { text-decoration:none; color:#cccccc; }
.menuItem li ul { margin-top:10px; }
.menuItem li ul ul { text-indent:10px; margin-top:5px; }
.menuItem li ul ul li { font-size:12px; }
.menuItem li ul a { color:#333333; }

#inStore { height:59px; display:block; text-decoration:none; color:#ffffff; font-size:16px; padding:22px 10px 0px 10px; transition: .3s color; }
#inStore:hover { color:#cc9966; }

#inStoreMenu { position:absolute; top:59px; width:88%; padding:20px 10px 30px 10px; border-right:3px solid #cc9966; border-bottom:3px solid #cc9966; border-left:3px solid #cc9966; margin-left:3%; background-color:#996633; display:none; border-radius:0px 0px 8px 8px; animation-name:showOnlineMenu; animation-duration: 0.3s; }
@keyframes showOnlineMenu { from {opacity: 0} to {opacity: 1} }

#inStoreMenu:hover { display:block; }

#inStore:hover ~ #inStoreMenu { display:block; }

.customerIconBg { float:right; background-repeat:no-repeat; height:59px; font-size:12px; color:#ffffff; background-position:center 10px; padding:38px 10px 0px 10px; position:relative; }

.customerIcon { text-decoration:none; background-repeat:no-repeat; height:59px; font-size:12px; color:#cc9966; background-position:center 10px; padding:38px 10px 0px 10px; position:absolute; top:0px; left:0px; }

#checkoutBg { background-image:url(/images/checkoutIcon.png); }
#checkout { background-image:url(/images/checkoutIconHover.png); opacity:0; transition:.3s opacity; }
#checkout:hover { opacity:1; cursor:pointer; }

#cartBg { background-image:url(/images/cartIcon.png); }
#cart { background-image:url(/images/cartIconHover.png); opacity:0; transition:.3s opacity; }
#cart:hover { opacity:1; cursor:pointer; }

#loginBg { background-image:url(/images/loginIcon.png); }
#login { background-image:url(/images/loginIconHover.png); opacity:0; transition:.3s opacity; }
#login:hover { opacity:1; cursor:pointer; }

#theCart { display:none; position:absolute; top:59px; right:0px; padding:15px; background-color:#996633; border-left:3px solid #cc9966;  border-bottom:3px solid #cc9966; border-radius:0px 0px 0px 8px; width:400px; animation-name:showTheCart; animation-duration: 0.3s; }
@keyframes showTheCart { from {opacity: 0} to {opacity: 1} }
#theCart:hover { display:block; }

#cartBg:hover ~ #theCart { display:block; }

#theCart h2 { color:#ffffff; }

#theCart p { color:#ffffff; }

#theCart table { color:#ffffff; font-size:13px; }
#theCart td.cartItem { width:70%; padding:5px 5px 5px 0px; }
#theCart td.cartPrice { width:15%; padding:5px 0px 5px 5px; color:#ffcc99; }
#theCart td.cartQty { width:15%; padding:5px 0px 5px 5px; color:#ffcc99; }

.cartTotal { width:100%; font-size:16px; clear:both; float:left; text-align:right; color:#ffcc99; margin:20px 20px 0px 0px; }
#theCart td.total { text-align:right; }

.cartLinks { width:33%; float:left; border-right:1px solid #cc9966; text-align:center; margin-top:20px; }
.cartLinks:last-child { border:0; }

#clearBasketLink:hover { cursor:pointer; }








.more { border:1px solid #ffffff; border-radius:6px; display:block; color:#ffffff; text-decoration:none; padding:10px; width:auto; background-color:#006633; clear:both; float:left; margin:0px 0px 0px 0px; transition: .3s background-color,border-color,color; text-align:center; }
.more:hover { border-color:#999999; background-color:#ffffff; color:#999999; }
.more span { font-size:18px; }
.noFloat { float:none; }









.productList { display:-webkit-flex; display:-ms-flexbox; display:flex; clear:both;  flex-wrap:wrap; }

.productListItem { margin:0.3%; width:13.6%; border:1px solid #cccccc; border-radius:6px; padding:10px 10px 10px 10px; display:-webkit-flex; display:-ms-flexbox; display:flex; flex-direction:column; justify-content:space-between; transition: box-shadow .3s; }
.productListItem:hover { box-shadow:0px 0px 0px 2px #996633; }

.productImg { width:100%; max-width:100%; max-height:150px; height:150px; overflow:hidden; border-radius:6px; background-repeat:no-repeat; background-size:cover; background-position:center center; }

.productQuickView { width:100%; height:100%; background:rgba(0,0,0,0); transition: .3s background; margin:auto; align-self:center; display:-webkit-flex; display:-ms-flexbox; display:flex; flex-direction:row; justify-content:space-around; align-items:center; }
.productQuickView:hover { background:rgba(0,0,0,0.6); cursor:pointer; }
.productQuickView div a { background:rgba(255,255,255,0); color:rgba(0,0,0,0); font-size:13px; transition: .3s background,color; padding:5px; border-radius:6px; text-decoration:none; float:left; align-self:center; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select: none; }

.productQuickView:hover div a { display:block; background:rgba(255,255,255,1); color:rgba(0,0,0,1); transition: .3s background,color;  }
.productQuickView div a:hover { color:rgba(153,153,153,1); }

.productPrice { color:#996633; margin:10px 0px 5px 0px; }

.buy a { display:block; width:100%; border:1px solid #ffffff; background-color:#006633; text-decoration:none; border-radius:6px; color:#ffffff; text-align:center; padding:10px; transition: .3s background-color,border-color,color; margin-top:5px; align-self:flex-end;}
.buy a:hover { border-color:#999999; background-color:#ffffff; color:#999999; }

.addToCartButton { display:block; width:100%; height:40px; font-size:16px; border:1px solid #ffffff; background-color:#006633; text-decoration:none; color:#ffffff; border-radius:6px; text-align:center; padding:10px; transition: .3s background-color,border-color,color; margin-top:5px; align-self:flex-end; outline:none; }
.addToCartButton:hover { border-color:#999999; background-color:#ffffff; color:#999999; cursor:pointer; }

.outOfStock { display:block; width:100%; border:1px solid #cc3333; background-color:#ffffff; border-radius:6px; color:#cc3333; text-align:center; padding:10px; margin-top:5px; align-self:flex-end; }
.inStock { display:block; width:100%; border:1px solid #006633; background-color:#ffffff; border-radius:6px; color:#006633; text-align:center; padding:10px; margin-top:5px; align-self:flex-end; }

.inStoreOnly { display:block; width:100%; border:1px solid #996633; background-color:#ffffff; border-radius:6px; color:#996633; text-align:center; padding:10px; margin-top:5px; align-self:flex-end; }

.view a { display:block; width:100%; border:1px solid #999999; background-color:#ffffff; text-decoration:none; border-radius:6px; color:#999999; text-align:center; padding:10px; transition:border-color .3s, color .3s; margin-top:5px; align-self:flex-end;}
.view a:hover { border-color:#333333; color:#333333; }

.qtyWrapper { display:-webkit-flex; display:-ms-flexbox; display:flex; justify-content:center; flex-direction:column; }
.qty { display:-webkit-flex; display:-ms-flexbox; display:flex; justify-content:center; }

.noInBasket { display:-webkit-flex; display:-ms-flexbox; display:flex; justify-content:center; flex-direction:row; width:100%; margin:5px 0px 5px 0px; color:#006633; }





#ajaxQuickViewPopup { display:none; position:absolute; left:0px; height:auto; width:100%; background-color:#ffffff; z-index:10; animation-name:showBox; animation-duration: 0.5s; border-bottom:1px solid #cccccc; border-top:1px solid #cccccc; overflow:hidden; padding-top:30px; }
@keyframes showBox { from {max-height: 0} to {max-height: 1000px} }

#ajaxQuickViewPopup h1 { float:left;margin:0px 0px 20px 0px; }

#ajaxQuickViewPopup img { clear:both; float:left; }
#ajaxQuickViewPopup img.main { width:40%; }

.quickViewRight { float:left; width:53%; margin-left:2%; }
.productDescription { clear:both; float:left; width:100%; padding:20px 0px 20px 0px; line-height:22px;  margin:0px 0px 20px 0px; }
.quickViewPrice { clear:both; float:left; color:#996633; font-size:16px; line-height:50px; width:20%; }

#allergyIcons { clear:both; float:left; width:100%; margin-bottom:20px; }
#allergyIcons img { float:left; margin-right:10px; border:0; clear:none; border-radius:0px; }

.buyContainer { clear:both; float:left; border-radius:8px; border:1px solid #cccccc; width:100%; margin:20px 0px 20px 0px; padding:20px; }

.addToCartButtonMain { display:block; font-size:16px; height:40px; width:40%; float:left; margin:0px; border:1px solid #ffffff; background-color:#006633; text-decoration:none; color:#ffffff; border-radius:6px; text-align:center; padding:10px; transition: .3s background-color,border-color,color; align-self:flex-end; outline:none; }
.addToCartButtonMain:hover { border-color:#999999; background-color:#ffffff; color:#999999; cursor:pointer; }

.qtyMain { width:26%; float:left; display:-webkit-flex; display:-ms-flexbox; display:flex; justify-content:center; }

#price { clear:both; float:left; width:33%; margin:10px 0px 0px 0px; color:#996633; font-size:18px; }
#price span { color:#cc3333; font-size:12px; line-height:22px; }










/* reviews */

.reviewOuter { width:100%; display:-webkit-flex; display:-ms-flexbox; display:flex; flex-direction:row; -webkit-flex-direction:row; -ms-flex-direction:row; flex-wrap:wrap; }
.review { width:50%; padding:20px 20px 20px 20px; border-right:1px solid #cccccc; margin:20px 0px 40px 0px; font-style:italic; font-size:14px; line-height:22px; display:-webkit-flex; display:-ms-flexbox; display:flex; flex-direction:column; background-image:url(/images/quotes.png); background-repeat:no-repeat; background-position: top right; color:#666666; }
.review:last-child { border:0; }










#footerMain { background-color:#996633; float:left; border-bottom:3px solid #cc9966; height:auto; background-image:url(/images/footerTop.png); background-repeat:repeat-x; padding-top:50px; padding-bottom:50px; background-position:top center; }
#footerMain hr { width:100%; clear:both; float:left; height:1px; background-color:#cc9966; border:0; margin:30px 0px 30px 0px; }
#footerMain p { clear:both; float:left; color:#ffffff; }

.footerLinks { float:left; color:#ffffff; line-height:22px; width:25%; }
.footerLinks span { font-size:20px; line-height:25px; color:#ffcc99; float:left; }

#customerServices { width:19%; margin:30px 2%; 0px 0px; }
#stayInTouch { width:27%; margin:30px 2%; 0px 2%; }
#connectWithUs { width:21%; margin:30px 2%; 0px 2%; }
#balanceWholefoods { width:20%; margin:30px 0px; 0px 2%; }

#footerBottom { font-size:13px; padding-top:15px; }

#footerBottom span { clear:both; width:100%; text-align:center; float:left; margin:10px 0px 30px 0px; }

#socialButtonFBook { clear:both; height:64px; width:64px; border-radius:16px; display:block; background-image:url(/images/fBookLogo.png); border:1px solid #ffffff; float:left; margin:10px 15px 0px 0px; }

#socialButtonInsta { height:64px; width:64px; border-radius:16px; display:block; background-image:url(/images/instaLogo.png); border:1px solid #ffffff; float:left; margin:10px 0px 0px 0px; }

#socialButtonCoverFBook a { background:rgba(255,255,255,0); height:64px; width:64px; display:block; border-radius:16px; transition:.3s background; }
#socialButtonCoverInsta a { background:rgba(255,255,255,0); height:64px; width:64px; display:block; border-radius:16px; transition:.3s background; }
#socialButtonCoverFBook a:hover { background:rgba(255,255,255,0.2); }
#socialButtonCoverInsta a:hover { background:rgba(255,255,255,0.2); }

.footerTag { clear:both; float:left; color:#ffffff; }

.supportTxt { font-size:16px; line-height:50px; color:#ffcc99; float:left; text-align:center; width:100%; }
.supplierImg { float:left; background-repeat:no-repeat; background-size:100% 100%; padding-top:10%; width:10%; margin:20px 1% 0px 0px; }
#supplierCb { background-image:url(/images/supplierCb.png); clear:both; }
#supplierCh { background-image:url(/images/supplierCh.png); }
#supplierNen { background-image:url(/images/supplierNen.png); }
#supplierTgfpc { background-image:url(/images/supplierTgfpc.png); }
#supplierSuma { background-image:url(/images/supplierSuma.png); }
#supplierOn { background-image:url(/images/supplierOn.png); }
#supplierHivibe { background-image:url(/images/supplierHivibe.png); }
#supplierNakery { background-image:url(/images/supplierNakery.png); }
#supplierFG { background-image:url(/images/supplierFG.png); }
#supplierBakeHub { background-image:url(/images/supplierBakeHub.png); }
#supplierKimchiHuman { background-image:url(/images/supplierKimchiHuman.png); }

#footerIcons { float:right; background-image:url(/images/paymentIcons.jpg); background-repeat:no-repeat; background-size:250px 73px; height:73px; width:250px; margin:0px 0px 15px 0px; }

#greenHosting { clear:both; float:left; background-image:url(/images/greenHosting.jpg); background-repeat:no-repeat; background-size:250px 54px; height:54px; width:250px; margin:0px 0px 15px 0px; }










/* links and fonts */

a.normal:link { color:#996633; text-decoration:none; transition: .3s color; }
a.normal:visited { color:#996633; text-decoration:none; transition: .3s color; }
a.normal:active { color:#996633; text-decoration:none; transition: .3s color; }
a.normal:hover { color:#999999; }

a.white:link { color:#ffffff; text-decoration:none; transition: .3s color; }
a.white:visited { color:#ffffff; text-decoration:none; transition: .3s color; }
a.white:active { color:#ffffff; text-decoration:none; transition: .3s color; }
a.white:hover { color:#cccccc; text-decoration:none; }

a.navbarBrown:link { color:#ffcc99; text-decoration:none; }
a.navbarBrown:visited { color:#ffcc99; text-decoration:none; }
a.navbarBrown:active { color:#ffcc99; text-decoration:none; }
a.navbarBrown:hover { color:#cccccc; text-decoration:none; }

a.green:link { color:#006633; text-decoration:none; transition: .3s color; }
a.green:visited { color:#006633; text-decoration:none; transition: .3s color; }
a.green:active { color:#006633; text-decoration:none; transition: .3s color; }
a.green:hover { color:#666666; text-decoration:none; }

a.grey:link { color:#999999; text-decoration:none; transition: .3s color; }
a.grey:visited { color:#999999; text-decoration:none; transition: .3s color; }
a.grey:active { color:#999999; text-decoration:none; transition: .3s color; }
a.grey:hover { color:#ffffff; text-decoration:none; }

a.standard:link { color:#333333; text-decoration:none; transition: .3s color; }
a.standard:visited { color:#333333; text-decoration:none; transition: .3s color; }
a.standard:active { color:#333333; text-decoration:none; transition: .3s color; }
a.standard:hover { color:#999999; }

h1 { color:#996633; font-weight:normal; font-size:30px; margin:25px 0px 25px 0px; float:left; padding:10px 20px 10px 0px; border-radius:8px; line-height:40px; }
h2 { font-size:18px; letter-spacing:0.3px; font-weight:normal; margin-bottom:10px; color:#333333; clear:both; }
h3 { font-size:12px; color:#999999; letter-spacing:0.4px; font-weight:normal; margin-bottom:10px; }





#mobileTitle { display:none; }









@media only screen and (max-width: 1440px) {
/* For laptop: */

.productListItem { margin:0.3%; width:16%; }
.cookieButton { clear:both; margin:10px 0px 10px 0px; }

}



@media only screen and (max-width: 1100px) {
/* For inbetween: */

.productListItem { margin:0.3%; width:24.4%; }

}



@media only screen and (max-width: 800px) {
/* For tablets: */

#header span { font-size:14px; clear:both; width:100%; float:left; margin:20px 0px 20px 0px; }
.productListItem { margin:0.3%; width:32.4%; }
#onlineStore { display:none; }
#inStore { display:none; }
#mobileMenuBg { display:block; }
.iconTxt { display:none; }
#mobileTitle { display:block; }
#desktopTitle { display:none; }
.supplierImg { float:left; margin:30px 0 0 0; width:20%; padding-top:20%; }
#customerServices { width:50%; margin:30px 0 0px 0px; }
#stayInTouch { width:50%; margin:30px 0 0 0; }
#connectWithUs { clear:both; width:50%; margin:30px 0 0 0; }
#balanceWholefoods { width:50%; margin:30px 0 0 0; }
#ajaxQuickViewPopup { padding-top:10px; }
.quickViewRight { clear:both; float:left; width:100%; margin-left:0; }
#ajaxQuickViewPopup img.main { width:100%; }
#allergyIcons { margin-top:20px; }
.searchForm { width:35%; }
#headerNav { display:none; }

}



@media only screen and (max-width: 414px) {
/* For mobile phones: */

#logo a { width:100%; margin:30px 0px 20px 0px; background-position:center; }
#searchContainer { display:none; }
.productListItem { margin:0.3%; width:49%; }
.review { width:100%; border:0; border-bottom:1px solid #cccccc; padding-bottom:20px; margin:20px 0px 0px 0px; }
.review:last-child { border:0; margin-bottom:20px; }
.searchForm { display:none; }
.submitSearch { display:none; }
#onlineStore { font-size:15px; margin-left:5px; padding:22px 5px 0px 5px; }
#inStore { font-size:15px; margin-left:5px; padding:22px 5px 0px 5px; }
.supportTxt { line-height:26px; }
.supplierImg { float:left; margin:30px 0 0 0; width:33%; padding-top:33%; }
#customerServices { width:100%; margin:30px 0 0px 0px; }
#stayInTouch { width:100%; margin:30px 0 0 0; }
#connectWithUs { width:100%; margin:30px 0 0 0; }
#balanceWholefoods { width:100%; margin:30px 0 0 0; }
#onlineStore { display:none; }
#inStore { display:none; }
#footerBottom span { width:100%; text-align:center; padding-bottom:30px; }
#footerIcons { width:100%; background-position:center; }
#greenHosting { width:100%; background-position:center; margin:10px 0px 20px 0px; }
ajaxQuickViewPopup { padding-top:10px; }
.quickViewRight { clear:both; float:left; width:100%; margin-left:0; }
#ajaxQuickViewPopup img.main { width:100%; }
#allergyIcons { margin-top:20px; }
#mobileMenuBg { display:block; }
#searchIconBg { display:block; }
.iconTxt { display:none; }
.mobileSearch { display:block; }
#mobileTitle { display:block; }
#desktopTitle { display:none; }
.addToCartButtonMain { clear:both; width:100%; }
.qtyMain { clear:both; width:100%; margin:10px 0 10px 0; }
#price { width:100%; text-align:center; }
#productImageInfo { margin-top:0px; }
.more { width:100%; }

}