html {-webkit-text-size-adjust:none;}
body { margin: 0; padding: 0; background-color: #fff; color: #000000; font-size: 12px; font-family: 'Merriweather', serif; }
input, button, textarea { color: #000000; font-size: 12px; font-family: 'Merriweather', serif; border: 0; margin: 4px 1px; padding: 2px;; }
p { color: #000000; font-size: 12px; font-family: 'Merriweather', serif; text-align:left; }
p.small { color: #000000; font-size: 11px; font-family: 'Merriweather', serif; text-align:justify; padding: 0; margin: 9px 0 0 0; }

a:link {
  text-decoration: none;
}
a:visited {
  text-decoration: none;
}
a:hover {
  text-decoration: none;
}
a:active {
  text-decoration: none;
}

.bolding { font-weight: bold; }
.boldingi { font-weight: bold; font-style: italic; }
.golding { color: #be873d; }

#topbar {
  width: 100%;
  margin: 0 auto;
  background-color: #452d77;
  text-align: left;
  font-size: 12px;
  position: relative;
}

#topbar div.info {
  min-height: 74px;
  width: 904px;
  margin: 0 auto;
  position: relative;
}
#topbar div.text {
  width: 576px;
  position: absolute;
  top: 50%; 
  transform: translate(0, -50%);
}
#topbar span.visitus {
  color: #be873d;
  margin: 0 20px;
}
#topbar span.address {
  color: #ffffff;
}
#baricons {
  display: inline;
  padding-top: 15px;
  float: right;
}

.subs-popup {
	display: none;
	background-color: rgba(0,0,0,0.85);
	position: absolute;
	height: 100%;
	width: 100%;
	z-index: 100;
}

#signpop {
  position: relative;
  background-color: #fff;
  width: 464px;
  height: 360px;
  margin: 190px auto;
  border: 8px solid #be873d;
  background-image: url('images/mixedpaisley.png');
  background-position: bottom;
  background-repeat: no-repeat;
}
#signupform {
}
#signupformtitle {
  margin: 6px 0;
  font-size: 18px;
  color: #be873d;
  text-align: center;
}
#signupfortext {
  font-size: 10px;
  color: #000;
  text-align: justify;
  padding: 0 30px;
}
#signupforminitext {
  font-size: 10px;
  color: #000;
  text-align: justify;
}
#signupformform {
  font-size: 11px;
  color: #000;
  font-family: inherit;
  padding: 0 30px;
}
#signupformform input.formone { 
  width: 402px;
  background: #f0f0f0;
  font-size: 14px;
}
#signupformform input.formtwo {
  width: 198px;
  background: #f0f0f0;
  font-size: 14px;
}
#signupformsubmit {
  text-align: center;
  padding: 0 30px;
}
#signupformsubmit input {
  padding: 6px;
  font-size: 18px;
  background: #be873d;
  color: #fff;
}

.email-close {
	height: 16px;
	width: 16px;
	position: absolute;
	top: -12px;
	right: -12px;
	background: #fff;
	border-radius: 50%;
	text-align: center;
	font-weight: bold;
	border: 3px solid #be873d;
	box-shadow: 0px 0px 4px 1px rgb(0,0,0);
	cursor: pointer;
	z-index: 999;
}
.email-close:active {
	top: -11px;
	right: -11px;
}

#homebar {
  width: 904px;
  min-height: 395px;
  margin: 0px auto;
  padding: 0;
  background-color: #ffffff; 
  background-image: url('images/floral-home-hr.jpg');
  background-position: bottom;
  background-repeat: no-repeat;
}
#homebar img.logo {
  padding: 20px 0 0 110px;
  height: 294px;
  width: 224px;
}
#swirliconsbox {
  position: relative;
  display: inline;
  float: bottom right;
  padding-left: 90px;
}
#swirlslogan {
  position: absolute;
  background-image: url('images/swirl-slogan.png');
  background-repeat: no-repeat;
  width: 360px;
  height: 135px;
  top: -239px;
  left: 108px;
}
#swirlicons {
  position: absolute;
  width: 500px;
  height: 100px;
  top: -52px;
  left: 100px;
}
#swirlicons img {
  padding: 0 2px;
}
#swirlicons img.movepress {
  padding: 0 0 0 10px;
}
#swirlicons img.movefaqs {
  padding: 0 2px;
  margin-left: -16px;
}
 
#swirltexts {
  font-family: 'Merriweather', serif;
  font-size: 15px;
  position: absolute;
  width: 500px;
  height: 100px;
  top: 33px;
  left: 110px;
  z-index: 3;
}
#swirltexts a:link {
  color: #000;
}
#swirltexts a:visited {
  color: #000;
}
#swirltexts a:active {
  color: #000;
}
#swirltexts a:hover {
  color: #000;
}

#divPMates {
  position: relative;
  top: -62px;
  width: 640px;
  text-align: left;
  margin: 0 auto;
}

#indexadjuster {
  position: relative;
  top: -42px;
}

#indexadjusterGH {
  position: relative;
  top: -40px;
}

.swiper-container {
  width: 904px;
  margin: -60px auto 0;
  height: 591px;
}

#addressblock {
  height: 296px;
  width: 904px;
  margin: 0 auto;
  background-color: #db577f;
}

#addressblocktext {
  display: inline;
  float: left;
  width: 450px;
  padding: 16px 40px 10px 48px;
  background-color: #db577f;
}

p.addressblocktitle {
  color: #fff;
  font-size: 18px;
}
p.addressblockpara {
  color: #fff;
  font-size: 12px;
  text-align: justify;
}

#addressblockmap {
  display: inline;
  float: left;
  width: 200px;
  padding: 20px 20px 20px 32px;
  background-color: #db577f;
}

#triplebox {
  width: 904px;
  margin: 0 auto;
}

#tripleleft {
  display: inline;
  float: left;
  width: 298px;
  border: 1px solid #fff;
}
#tripleleft p.leftq {
  padding-top: 16px;
}
#tripleleft p.quote {
  text-align: left;
}
#tripleleft p.rightq {
  text-align: right;
}
#triplemid {
  display: inline;
  float: left;
  width: 298px;
  border: 1px solid #fff;
}
#tripleright {
  display: inline;
  float: left;
  width: 298px;
  border: 1px solid #fff;
}

#btmpaisley {
  background-image: url('images/bottom-paisley.jpg');
  background-repeat: no-repeat;
  width: 904px; 
  height: 113px;
  margin: 48px auto 0 auto;
}
#btmpaisleyo {
  background-image: url('images/bottom-paisleyo.jpg');
  background-repeat: no-repeat;
  width: 904px; 
  height: 113px;
  margin: 48px auto 0 auto;
}
#btmpaisleyp {
  background-image: url('images/bottom-paisleyp.jpg');
  background-repeat: no-repeat;
  width: 904px; 
  height: 113px;
  margin: 48px auto 0 auto;
}

#greypanel {
  width: 904px;
  margin: 0 auto;
  background-color: #eeecea;
  min-height: 200px;
  overflow: auto;
}

#greypanel p {
  color: #010101;
  text-align: left;
}
#greypanel p.black2 {
  color: #010101;
  text-align: justify;
}

#greypanelleft {
  display: inline;
  width: 420px;
  padding: 0 0 0 30px;
  float: left;
  background-color: #eeecea;
}

#greypanelmid {
  display: inline;
  width: 1px;
  float: left;
  background-color: #eeecea;
}

#greypanelright {
  display: inline;
  width: 420px;
  float: left;
  padding: 0 0 0 30px;
  background-color: #eeecea;
}

#mainfooter {
  width: 904px;
  height: 88px;
  margin: 0 auto;
}
#copyfooter {
  font-size: 9px;
  width: 904px;
  margin: 0 auto;
  padding: 18px 0;
  color: #be873d;
}
#copyfooter a:link {
  color: #be873d;
  text-decoration: none;
}
#copyfooter a:visited {
  color: #be873d;
  text-decoration: none;
}
#copyfooter a:hover {
  color: #be873d;
  text-decoration: underline;
}
#copyfooter a:active {
  color: #be873d;
  text-decoration: underline;
}

#allflavors {
  width: 904px;
  height: 590px;
  margin: 0 auto;
  background-image: url('images/menuflavors.jpg');
  background-repeat: no-repeat;
}
#flavors {
  width: 904px;
  margin: 0px auto;
  padding: 0;
}
#flavorstitle {
  font-size: 24px;
  color: #be873d;
  padding-bottom: 20px;
}
#flavors2 {
  width: 904px;
  margin: 0 auto;
}
#flavorbox {
  width: 100%; 
  padding: 10px 0;
}
.flavorboxquarter {
  width: 212px;
  float: left;
  display: inline;
  text-align: center;
  padding: 12px 18px 20px 0;
}
.flavorboxquarter p.title {
  font-size: 16px;
  text-align: center;
}
.flavorboxquarter p.rest {
  text-align: center;
}
.flavorboxquarterright {
  width: 212px;
  float: left;
  display: inline;
  text-align: center;
  padding: 12px 0 20px 0;
}
.flavorboxquarterright p.title {
  font-size: 16px;
  text-align: center;
}
.flavorboxquarterright p.rest {
  text-align: center;
}

#flavors3 {
  width: 904px;
  margin: 0 auto;
  padding: 16px 0;
  font-size: 24px;
  text-align: center;
  color: #c69dbd;
}

#frofrutitle {
  position: relative;
  width: 904px;
  margin: 0 auto;
  padding-top: 56px;
  min-height: 32px;
}
#frofrutitle hr {
  width: 904px;
  border: 0;
  height: 2px;
  color: #c3853a;
  background-color: #c3853a;
}
#frofrutitletext {
  position: absolute;
  width: 674px;
  left: 115px;
  top: 42px;
  background-color: #fff;
  text-align: center;
  font-size: 28px;
  color: #ed4a7f;
}

#frofrupics {
  width: 904px;
  margin: 0 auto;
}
#frofrupicL {
  width: 442px;
  display: inline;
  float: left;
}
#frofrupicR {
  width: 442px;
  display: inline;
  float: right;
}

#frofrusub {
  position: relative;
  width: 904px;
  padding: 20px 0;
  margin: 0 auto;
}
#frofrusub p.txt {
  text-align: center;
  font-size: 14px;
  color: #000;
}
#frofruend {
  width: 904px;
  border: 0;
  height: 2px;
  color: #c3853a;
  background-color: #c3853a;
}

#aboutus {
  width: 904px;
  margin: 0 auto;
  min-height: 300px;
}
#aboutusleft {
  width: 450px;
  padding: 18px 24px 30px;
  display: inline;
  float: left;
}
#aboutusleft p.goldtitle {
  color: #be873d;
  font-size: 26px;
}
#aboutusleft p.mainbod {
  color: #000;
  text-align: justify;
  font-size: 12px;
}

#aboutusright {
  width: 400px;
  text-align: center;
  display: inline;
}
#piclocation {
  position: relative;
  padding-top: 190px;
}

#shopfront {
  width: 904px;
  height: 590px;
  margin: 0 auto;
  background-image: url('images/shop-front.jpg');
  background-repeat: no-repeat;
}

#contacts {
  width: 904px;
  margin: 0 auto;
  padding: 12px 0;
}
#contacts p.gold {
  color: #be873d;
  font-size: 24pt;
}

#contactsleft {
  display: inline; 
  width: 300px;
  padding: 20px;
  float: left;
}
#contactsleft p.text {
  color: #000;
  font-size: 12px;
}

#contactsright {
  display: inline; 
  width: 300px;
  padding: 20px;
  float: left;
}
#contactsright p.text {
  color: #000;
  font-size: 12px;
}

#pressitems {
  width: 904px;
  margin: 0 auto;
}
#pressitems p.gold {
  color: #be873d;
  font-size: 24pt;
}
#pressitems div.pressitem {
  text-align: center;
  width: 904px;
  margin: 28px auto;
}

#faqs {
  width: 904px;
  margin: 0 auto;
}
#faqs p.gold {
  color: #be873d;
  font-size: 24pt;
}
#faqs div.trigger {
  font-weight: bold;
  padding-top: 30px;
}
#faqs div.toggle {
  padding-bottom: 20px;
}
#faqleft {
  display: inline;
  width: 286px;
  padding: 6px;
  float: left;
}
#faqcent {
  display: inline;
  width: 286px;
  padding: 6px;
  float: left;
}
#faqright {
  display: inline;
  width: 286px;
  padding: 6px;
  float: left;
}
#faqs hr.purple {
  border: 0;
  height: 2px;
  color: #c69dbd;
  background-color: #c69dbd;
}
#faqs hr.orange {
  border: 0;
  height: 2px;
  color: #fcd475;
  background-color: #fcd475;
}

#faqs hr.pink {
  border: 0;
  height: 2px;
  color: #fbb6c0;
  background-color: #fbb6c0;
}

hr.press {
  border: 0;
  height: 2px;
  color: #452d77;
  background-color: #452d77;
}


#privacypol {
  width: 904px;
  font-size: 11px;
  margin: 0 auto;
}
#privacypol p.goldtitle {
  color: #be873d;
  font-size: 24pt;
}
#privacypol hr.one {
  height: 2px;
  border: none;
  color: #c69dbd;
  background-color: #c69dbd;
}
#privacypol hr.two {
  height: 4px;
  border: none;
  color: #000;
  background-color: #000;
}


.clearall {
  clear: both;
}