@charset "utf-8";

/* CSS Document */


/*
#a1a179 = lt green
#f4eee3 = cream
#82796C = taupe
#f9f9fa = white
*/
html { 
  background: #fff;
}

@font-face {
	font-family: 'Montserrat', sans-serif;
	src: url(Montserrat-Medium.otf);
}
@font-face {
	font-family: 'Arapey', serif;
	src: url(arapey-regular.ttf);
}

@font-face {
	font-family: Lora-Italic, Times, serif;
	src: url(Lora-Italic.ttf);
}*

.mobilelogo {display:none;}
h1 {
	font-family: 'Montserrat', sans-serif;	
	font-display:swap;
	font-size: 16px;
	font-weight: normal;

	text-decoration: none;
}
h2 {
    font-family: 'Montserrat', sans-serif;	
	font-display:swap;
	font-size: 16px;
	font-weight: normal;

	text-decoration: none;
    
}
h4 {
	font-family: Lora-Italic, Times, serif;
	font-display:swap;
	font-size: 16px;
	font-weight: bold;

	text-decoration: none;
    
}
body{ color: #000; margin:0; 	font-family: 'Montserrat', sans-serif;font-display:swap; width:100%;}
#xgpopup {
	font-family: 'Montserrat', sans-serif;
	font-display:swap;
	font-size: 12px;
	color:#FFF;
	font-weight: bold;
	font-style:italic;
	text-decoration:none;
}	

#topbar { top:0; margin:0; padding:15px; color:#82796C; background-color:#f4eee3; 	font-family: Lora-Italic, Times, serif; font-display:swap;}


#index_banner { width:100%; height:auto; display: inline-block;}
#index_banner img { max-width:100%; }
#index-centercontentarea { width:100%; background-color: #fff; }
#container { width:100%;clear:both; margin:0;}
#logo { padding:24px 0; background-color:#a1a179; }
#logo img {height: auto; width:auto;/*max-height: 127px;*/ max-width:98%;}

#mobilemenu { display:none; height:0; }
.mobile_mega { display:none; height:0; }

#search-login { width:100%; text-align: center; clear:both; }

#search { width:auto;  margin:0px 15px; padding-top:5px; float:left;}
#search input#keywords { background-image: url(gifs/search.png); background-repeat: no-repeat; background-position: right; background-size: contain; line-height: 180%; padding-left: 3px; width:225px; font-family: 'Montserrat', sans-serif; font-size: 90%;}
#keywords:active { background-image: none; }

/* Navbar container */
#menu_container { 
width:100%;clear:both; margin:0; padding:0; position: relative;z-index: 3000;
}
.navbar {
  overflow: hidden;
  background-color: #a1a179;
  font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-display:swap;
  margin:0;
  text-align: center;
/*  border:1px solid #000;*/
/*float:right;*/
}

.navbar a { }

/* Links inside the navbar */
.navbar .menuitem a {
  color: #f4eee3;
  display: inline-block;
  font-family: Montserrat, Arial, Helvetica, sans-serif;
  font-display:swap;
    font-size: 90%;
    font-weight: 500;
    letter-spacing: 1.5px;
    font-style: normal;
  line-height: 40px;
  padding: 0 20px;
  text-decoration: none;
  text-transform:uppercase;
}

.menuitem a:hover { color:#fff; }

.menuitem { display:inline-block; vertical-align: top;font-family: Montserrat, Arial, Helvetica, sans-serif;font-display:swap; letter-spacing: -.7px;}


/* The dropdown container */
.DTdropdown {
  overflow: hidden;
  display:inline-block;
  color: #f4eee3;
  text-align: center;background-color:#a1a179;
}

.row { width:100%;background-color:#f4eee3;  }

arrow {
    border: solid #f4eee3;
    border-width: 0 3px 3px 0;
    display: inline-block;
    padding: 3px;
	margin-bottom: 3px;
}
.down {
    -webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

.mobile_mega { display:none; }
/* Dropdown button */
.DTdropdown .DTdropbtn {
  border: none;
  outline: none;
  color: #f4eee3;
  background-color: inherit;
 font-family: Montserrat, Arial, Helvetica, sans-serif;
  font-display:swap;
    font-size: 90%;
    font-weight: 500;
    letter-spacing: 1.5px;
    font-style: normal;
  line-height: 40px;
  padding: 0 20px;
  text-decoration: none;
  text-transform:uppercase;
}

/* Add a red background color to navbar links on hover */
.navbar a:hover, .DTdropdown:hover .DTdropbtn {
  /*background-color: #67b440; color:#fff;*/
}

/* Dropdown content (hidden by default) */
.DTdropdown-content {
  display: none;
  position: absolute;
   background-color:#f4eee3;
  /*for partial width menu*/
/*  width: 100%;
  left: 10.15%;*/
  width:90%;
  left:5%;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
  text-align: center;
  padding:10px;
  

}

/* Mega Menu header, if needed */
.DTdropdown-content .header {
  background: #f4eee3;
  padding:0px;
  color: #000;
  width:100%;
}

.DTdropdown-content .header h2 { margin:0; padding:0; }

/* Show the dropdown menu on hover */
.DTdropdown:hover .DTdropdown-content {
  display: block;  
  background-color:#f4eee3;

}

/* Create three equal columns that floats next to each other */
.MMcolumn {
  display:inline-block;
  width: 100%;
  padding: 0px;
  /*background-color: #fff;*/
  /*height: 250px;*/
  height:auto;
  text-align: left;
  margin:0px;
  vertical-align: top;
  background-color:#f4eee3;
}



.MMcolumn-third { 
display:inline-block;
  width: 32%;
  padding: 10px;
  /*background-color: #fff;*/
  /*height: 250px;*/
  height:auto;
  text-align: left;
  margin:0; }
  
.MMcolumn-half { 
display:inline-block;
  width: 46%;
  padding: 10px;
  /*background-color: #fff;*/
  /*height: 250px;*/
  height:auto;
  text-align: left;
  margin:0; }
  
  .MMcolumn-twothirds { 
display:inline-block;
  width: 65%;
  padding: 10px;
  /*background-color: #fff;*/
  /*height: 250px;*/
  height:auto;
  text-align: left;
  margin:0; }

.MMcolumn ul { list-style:none; margin:0; padding:0;}
.MMcolumn ul li { margin:0; padding:2px 4px; vertical-align: top; break-inside: avoid-column; font-size:16px; font-family: Montserrat, Arial, Helvetica, sans-serif;}
.MMcolumn ul li a { text-decoration:none; color:#000;  }

.onethird { display:inline-block;
  width: 29%;
  padding: 5px;
  /*background-color: #fff;*/
  /*height: 250px;*/
  height:auto;
  text-align: left;
  margin:10;  }
.twothirds { display:inline-block;
  width: 66%;
  padding: 5px;
  /*background-color: #fff;*/
  /*height: 250px;*/
  height:auto;
  text-align: left;
  margin:10;}
.threecolumn { column-count:3;}
.twocolumn { column-count:2; }

.MMcolumn h3 { color:#82796C; padding:5px 3px; margin:0; font-size:18px; font-weight:bold;}

/* Style links inside the columns */
.MMcolumn a {
  float: none;
  color: black;
  padding: 10px 3px;
  text-decoration: none;
  display: block;
  text-align: left;
  vertical-align: top;
  width:90%;
  transition: all ease-in-out .2s; 
}

/* Add a background color on hover */
.MMcolumn a:hover {
  /*background-color: #67b440; color:#fff;*/ transform:scale(1.05);
}

/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}

#searchbox1 { 
	border-top:none; 
	padding:15px;}

.searchtextInput {
	height: 29px;
    padding-top: 0;
    padding-bottom: 0;
	border: 1px solid #d2d2d2;	
}



#mobile_searchbox { display:none; }

#index_CTA { width:98%; margin-bottom:10px; }

.index_CTA { width:23%; display:inline-block; height:auto; margin:3px; }
.index_CTA a { text-decoration:none; }
.index_CTA img {  z-index:1;width:100%; height:auto; }
.index_CTA_title { z-index:35; background-color:#a1a17d; opacity:.99;  white-space:nowrap; border-top:solid 1px #9b844e; position: relative;
  top: 50%;
  transform: translateY(-50%);font-size:100%; line-height:150%; font-family:'Montserrat', sans-serif; font-variant:small-caps; color:#fff;}


.index_section_cta_half { display:inline-block; width:45%; margin:10px; /*box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.40) ;*/ border: 1px solid #e6e6e6; border-bottom: 2px solid #e6e6e6; -webkit-transition:all 0.3s ease 0.1s;
-moz-transition:all 0.3s ease 0.1s;
-ms-transition:all 0.3s ease 0.1s;
-o-transition:all 0.3s ease 0.1s;
transition:all 0.3s ease 0.1s;
}

.index_section_cta_half:hover { -webkit-box-shadow:0 0 8px rgba(0,0,0,.08);
box-shadow:0 0 8px rgba(0,0,0,.28);
-webkit-transition:box-shadow .2s ease, border-bottom .2s ease;
-o-transition:box-shadow .2s ease, border-bottom .2s ease;
transition:box-shadow .2s ease, border-bottom .2s ease; }
.index_section_cta_half img { width: 100%; height:auto;  }
.index_section_cta_title_half { background-color: #a1a17d; font-size:18px; text-align: center; line-height: 120%; /*box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.40) ;*/ margin-top:-3px; width:98%; padding:5px; text-transform: uppercase;}
.index_section_cta_half a { color:#fff; text-decoration: none; }

.index_section_cta { display:inline-block; width:20%; margin:20px; /*box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.40) ;*/ border: 1px solid #e6e6e6; border-bottom: 2px solid #e6e6e6; -webkit-transition:all 0.3s ease 0.1s;

-moz-transition:all 0.3s ease 0.1s;

-ms-transition:all 0.3s ease 0.1s;

-o-transition:all 0.3s ease 0.1s;

transition:all 0.3s ease 0.1s;
}
.index_section_cta:hover { -webkit-box-shadow:0 0 8px rgba(0,0,0,.08);

box-shadow:0 0 8px rgba(0,0,0,.28);

-webkit-transition:box-shadow .2s ease, border-bottom .2s ease;

-o-transition:box-shadow .2s ease, border-bottom .2s ease;

transition:box-shadow .2s ease, border-bottom .2s ease; }
.index_section_cta img { width: 100%; height:auto;  }
.index_section_cta_title { background-color: #a1a17d;  font-size:18px; text-align: left; line-height: 120%; /*box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.40) ;*/ margin-top:-3px; width:98%; padding:5px; }
.index_section_cta a { color:#fff; text-decoration: none; }
.shadow-row{
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.10);
	position:relative;
	z-index:10; vertical-align: top; height:1px; margin-top: -1px;
}

.index_section_cta_title2 { font-family: 'Lato', sans-serif; font-size:18px; text-align: left; line-height: 120%; /*box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.40) ;*/ margin-top:-3px; width:100%; padding:5px; }

.index_section_cta_infobox { display:inline-block; width:30%; margin:20px; /*box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.40) ;*/ border: 1px solid #e6e6e6; border-bottom: 2px solid #e6e6e6; -webkit-transition:all 0.3s ease 0.1s;

-moz-transition:all 0.3s ease 0.1s;

-ms-transition:all 0.3s ease 0.1s;

-o-transition:all 0.3s ease 0.1s;

transition:all 0.3s ease 0.1s;
}
.index_section_cta_infobox :hover { -webkit-box-shadow:0 0 8px rgba(0,0,0,.08);

box-shadow:0 0 8px rgba(0,0,0,.28);

-webkit-transition:box-shadow .2s ease, border-bottom .2s ease;

-o-transition:box-shadow .2s ease, border-bottom .2s ease;

transition:box-shadow .2s ease, border-bottom .2s ease; }
.index_section_cta_infobox  img { width: 100%; height:auto;  }
.index_section_cta_title_infobox  { font-size:18px; text-align: left; line-height: 120%; /*box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.40) ;*/ margin-top:-3px; width:100%; padding:5px; background-color: #f4eee3; }
.index_section_cta_infobox  a { color:#82796c; text-decoration: none; }
.shadow-row{
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.10);
	position:relative;
	z-index:10; vertical-align: top; height:1px; margin-top: -1px;
}

.index_section_cta_title2_infobox  {  font-size:18px; text-align: left; line-height: 120%; /*box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.40) ;*/ margin-top:-3px; width:100%; padding:5px; }



#indexproduct-area {
	display: -webkit-flex;
   display: flex;
   -webkit-flex-direction: row; 
   flex-direction: row;
   -webkit-align-items: center;
   align-items: center;
   -webkit-justify-content: center;
   justify-content: center;
 margin:10px 0;
}
.indexproduct { 
	align-content:center;
	width:30%;
	vertical-align:top;	font-family: Questrial, "Gill Sans MT", Arial, serif;
	font-display:swap;

   padding-bottom:10px;
}

#index_aboutus { margin:15px; text-align: center; width:98%; }
#index_aboutus h1 { font-weight:bold; font-size:16px; margin:0; padding:0;}
#index_aboutus h2 { font-weight:normal; font-size:16px; margin:0; }
#bluebar {  background-color:#a1a179; width:100%; height:30px; }
#index_instagram_feed { width:100%; }
#index_facebook { width:45%; display:inline-block; margin:0 5px;}
#index_mailinglist { width:45%; display:inline-block; margin:0 5px;}


#divbar { width:100%; height:1px; background-color:#afbc21; clear:both; }
#florist_hours { text-align:center;  }
#user_header {  }
.whole-phrase{
	word-spacing:normal;
}



.topnavtxt {
	font-family: Arial, Helvetica, sans-serif;
	font-display:swap;
	font-size: 12px;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
	word-spacing: 35px;
	text-transform: uppercase;
}

a.topnavtxt:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-display:swap;
	font-size: 12px;
	font-weight: normal;
	color: #b0bc22;
	text-decoration: none;
	word-spacing: 80px;
	text-transform: uppercase;
}

.toplinks {
	font-family: Arial, Helvetica, sans-serif;
	font-display:swap;
	font-size: 12px;
	font-weight: bold;
	color: #00789a ;
	text-decoration: none;
	line-height: 1.75em;
}

.tabtxt {
	font-family: Arial, Helvetica, sans-serif;
	font-display:swap;
	font-size: 12px;
	font-weight: bold;
	color: #FFF;
	text-decoration: none;
	line-height: 1.75em;
	text-align: center;
}

.content_txt {
	font-family: 'Montserrat', sans-serif;
	font-display:swap;
	font-size: 14px;
	font-weight: normal;
	color:#333;
	text-decoration: none;
	text-rendering: optimizelegibility;
}
.contenttxt {
	font-family: 'Montserrat', sans-serif;
	font-display:swap;
	font-size: 14px;
	font-weight: normal;
	color:#333;
	text-decoration: none;
	text-rendering: optimizelegibility;
}
.headerarea {
	height:25px;
	border-bottom: thin solid #b0bc22;
	vertical-align:middle;
	padding-bottom:8px;
}
.headertxt {
	font-family: 'Montserrat', sans-serif;
	font-display:swap;
	font-size: 16px;
	font-weight: bold;
	color: #82796C;
	text-decoration: none;
	vertical-align:middle;
}

.bgbar {
	background-color:#00789a;
	height:25px;
}
.topnavarea {
	height:50px;
	vertical-align:middle;
	white-space:nowrap;
    background-color: #A1A179;
}

#product_content { /*padding:0 15px;*/ width:90%; clear:both; display:inline-block;}

#bottomnav { width:100%; margin:10px 0 10px 0; clear:both; }

#social { }
#login_area { float:right; width:35%; font-weight: bold;
	font-family: 'Montserrat', sans-serif;
	font-display:swap;
    letter-spacing: 1px;
    line-height: 2;
    font-size: 12px;
    color: #82796c;
	text-decoration:none;
 } 
.Login {
	display:inline-block; margin-left:5px; margin-right: 5px; color:#82796c; font-weight: 400;  padding:5px; font-family: 'Montserrat', sans-serif;	font-display:swap;
}
.Login a {  font-weight: bold;
	font-family: 'Montserrat', sans-serif;
	font-display:swap;
    letter-spacing: 1px;
    line-height: 2;
    font-size: 12px;
    color: #82796c;
	text-decoration:none;}
.Login a:hover {
    color: #a1a179;}

.Mycart { display:inline-block; margin-left:5px; margin-right: 5px; 
font-weight: bold;
	font-family: 'Montserrat', sans-serif;
	font-display:swap;
    letter-spacing: 1px;
    line-height: 2;
    font-size: 12px;
    color: #82796c;
	text-decoration:none;
}
.Mycart a {font-weight: bold;
	font-family: 'Montserrat', sans-serif;
	font-display:swap;
    letter-spacing: 1px;
    line-height: 2;
    font-size: 12px;
    color: #82796c;
	text-decoration:none;}
.Mycart a:hover {
	    color: #a1a179;
}
.Checkout { display:inline-block;margin-left:5px; margin-right: 5px;font-weight: bold; 
		font-family: 'Montserrat', sans-serif;
		font-display:swap;
    letter-spacing: 1px;
    line-height: 2;
    font-size: 12px;
    color: #e70d0b;
	text-decoration:none; }
.Checkout a { font-weight: bold; 
		font-family: 'Montserrat', sans-serif;
		font-display:swap;
    letter-spacing: 1px;
    line-height: 2;
    font-size: 12px;
    color: #e70d0b;
	text-decoration:none;}
.Checkout a:hover {
	    color: #6ac14c;
}
.Logout { display:inline-block;margin-left:5px; margin-right: 5px;font-weight: bold; 
		font-family: 'Montserrat', sans-serif;
		font-display:swap;
    letter-spacing: 1px;
    line-height: 2;
    font-size: 12px;
    color: #e70d0b;
	text-decoration:none; }
.Logout a { 
	font-weight: bold;
	font-family: 'Montserrat', sans-serif;
	font-display:swap;
    letter-spacing: 1px;
    line-height: 2;
    font-size: 12px;
    color: #e70d0b;
	text-decoration:none;}
.Logout a:hover {
	    color: #6ac14c;
}

.Myaccount { 
	display:inline-block;margin-left:5px; margin-right: 5px; font-weight: bold; 
		font-family: 'Montserrat', sans-serif;
		font-display:swap;
    letter-spacing: 1px;
    line-height: 2;
    font-size: 12px;
    color: #e70d0b;
	text-decoration:none;}
.Myaccount a { font-weight: bold; 
		font-family: 'Montserrat', sans-serif;
		font-display:swap;
    letter-spacing: 1px;
    line-height: 2;
    font-size: 12px;
    color: #e70d0b;
	text-decoration:none;}
.Myaccount a:hover { color: #6ac14c; }

#address { clear:both; width:60%; padding:15px 5px 5px 5px;}
#florist_hours_table { width:60%; }
.bottomlinkstxt {
	font-family: Arial, Helvetica, sans-serif;
	font-display:swap;
	font-size: 11px;
	font-weight: normal;
	color:#FFF;
	text-decoration: none;
	word-spacing: 40px;
	text-transform: uppercase;
}

a.bottomlinkstxt:hover {
	font-family: 'Montserrat', sans-serif;font-display:swap;
	font-size: 11px;
	font-weight: normal;
	color: #b0bc22;
	text-decoration: none;
	word-spacing: 70px;
	text-transform: uppercase;
}
.bottomnavtxt {
	font-family: 'Montserrat', sans-serif;font-display:swap;
	font-size: 11px;
	font-weight: normal;
	color: #EBEBEB;
	text-decoration: none;
}

.maincontenttable {
	width: 100%;
	padding: 8px;
	text-align: center;
	background-color: #fff;
	display:inline-block;

}
#search { width:210px; }

.indextxt {
	font-family: 'Montserrat', sans-serif;font-display:swap;
	font-size: 13px;
	font-weight: normal;
	color: #82796C;
	text-decoration: none;
}

#index_banner { width:100%; height:auto; display: inline-block;}
#index_banner img { max-width:100%; }

#index_slogan {  }
#index_slogan h1 { color:#83bf5c; font-size:2vw; margin:5vh 0; }
#index_links { widtH:90%; }
.index_section { display:inline-block; width:31%; vertical-align: top; color:#000;}
.index_section img { max-width:96%; heighT:auto; vertical-align: top; }
.index_section a { color:#83bf5c; text-decoration:none; }
.index_section_button { border:1px solid #83bf5c; padding:10px; margin:20px; text-transform: uppercase; font-family: 'Montserrat', sans-serif;  color:#83bf5c; font-size:16px; font-weight: 600; text-align: justify center;}
.index_section h1 { font-weight:600; color:#000; }


.specialty_img { display:inline-block; margin:2px; max-height: 350px; }

#aboutus { color:#333; font-family: 'Montserrat', sans-serif; line-height: 140%; width:96%;}
#aboutus ul { color: #e70d0b; list-style: none; font-size:200%; font-style: italic; line-height: 150%; width:70%;}
#aboutus h1 { font-size:32px; font-weight:400;text-transform: uppercase; }
#aboutus h2 { color: #e70d0b; font-size:20px; font-style: italic;}
#aboutus img { max-width:90%; }

#contactus { color:#333; font-family: 'Montserrat', sans-serif;font-display:swap; line-height: 140%; width:96%;}
#contactus h1 { font-size:32px; font-weight:400; text-transform: uppercase;}
#contactus h2 { color: #e70d0b; font-size:20px; font-style: italic;}
#contactus img { max-width:90%; }

#locations { color:#333; font-family: 'Montserrat', sans-serif;font-display:swap; line-height: 140%; width:96%;}
#locations h1 { font-size:32px; font-weight:400;text-transform: uppercase;}
#locations h2 { color: #e70d0b; font-size:20px; text-transform:uppercase;}
#locations img { max-width:90%; }
#location_links { widtH:90%; }
.ind_loc { display:inline-block; width:31%; vertical-align: top; color:#000;}
.ind_loc img { max-width:96%; heighT:auto; vertical-align: top; }
.ind_loc a { color:#83bf5c; text-decoration:none; }

#press { color:#333; font-family: 'Montserrat', sans-serif;font-display:swap; line-height: 140%; width:96%; }
#press h1 { font-size:32px; font-weight:400;text-transform: uppercase; color:#000; }
#press h2 { color: #e70d0b; font-size:20px; text-transform:uppercase; }
#press img { max-width:90%; }
#press_images { width:80%; }
.press_section { display:inline-block; width:31%; vertical-align: top; color:#000;}
.press_section img { max-width:96%; heighT:auto; vertical-align: top; }
.press_section a { color:#83bf5c; text-decoration:none; }

.press_section h1 { font-weight:600; color:#000; }
#press hr { width:80%; margin:20px 0; }
.press_article { padding:20px; }
.press_article_h1 { font-size: 22px;  }
.press_article_button { border:1px solid #83bf5c; padding:10px; margin:20px; text-transform: uppercase; font-family: 'Montserrat', sans-serif; font-display:swap; color:#83bf5c; font-size:16px; font-weight: 400; text-align: justify center; width:200px}
.press_article a { text-decoration:none; }

.content-area {
	border-bottom:dotted 2px #6ac14c;
	background-color:#fff;
	width:95%; padding:10px;
	font-family: 'Montserrat', sans-serif;
	font-display:swap;
}

.localdeliverycities { }
.localdeliverycities h1 { font-size:18px;  }
.localdeliverycities h2 {  }
.localdeliverycities ul { column-count: 3; }
.localdeliverycities ul a { color:#000; text-decoration:none; }
.localdeliverycities ul li { padding:8px; margin:5px; vertical-align: top; break-inside: avoid-column; color:#000;}

#homepage_delivery_cities { width:100%; text-align: center; max-width:800px; }
#homepage_delivery_cities h1 { font-size:22px; }
#homepage_delivery_cities h2 { margin:0; padding:0; font-size:20px; }
.homepage_city_list {  }
.homepage_city_list ul { list-style: none; padding:0; margin:0; column-count:3; }
.homepage_city_list ul a { text-decoration:none; color:#fff; }
.homepage_city_list ul li {  padding:10px; background-color: #a1a17d;  break-inside: avoid-column; border:1px solid #fff; text-align: center; }
.homepage_city_list ul li:hover { /*background-color:#fff;*/ border:1px solid #000; color:#000; }
.homepage_city_list ul li a  { text-decoration:none; color:#fff; }

	
#footer  {
	width:100%;
	margin-bottom:20px;
	padding:20px 0;
	clear:both;
	background: #f4eee3;
	font-family: 'Montserrat', sans-serif;
	font-display:swap;
	color: #82796C;
}

#footer_main{
	padding:10px;	
	text-align:center;
}

.footer_txt  {
	font-family: 'Montserrat', sans-serif;
	font-display:swap;
	color: #82796C;
    font-style: normal;
    text-transform: uppercase;
    font-weight: 300;
    letter-spacing: 2px;
	text-decoration:none;
	line-height: 1.8;
	font-size:14px;
}
.footer_headertxt {
	font-family: 'Montserrat', sans-serif;
	font-display:swap;
    font-style: normal;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 2px;
	color: #82796C;
	font-size:14px;
}
.footerlinks {
	text-transform: none;
    font-weight: bold;
    letter-spacing: 1px;
    line-height: 2;
    font-size: 12px;
	color: #82796C;
	text-decoration:none;
}
a.footerlinks:hover {
	color: #82796C; 
    text-decoration: underline;
}
#footer_block1  {
	width:25%;
	display:inline-block;
	vertical-align:top;
}

#footer_block2  {
	width:25%;
	display:inline-block;
	vertical-align:top;
	border-right: 1px solid #82796C;
	border-left: 1px solid #82796C;
	padding:0 15px;
}
#footer_block2 img { max-width:98%; }


#footer_block3  {
	display:inline-block;
	vertical-align:top;
	width:25%;
	padding-right:10px;
}

.sauce_txt  {
	font-family: 'Montserrat', sans-serif;
	font-display:swap;
	font-size:95%;
	color:#333;
}
	

.m99link{
	font-size: 12px;
	font-family: Garamond, "Times New Roman", serif;
	font-display:swap;
	padding-bottom:20px;
	color:#82796C;
	text-decoration:none;
	clear:both;
}
.m99link img { max-width:100px; height:auto;}

a.m99link{
	font-size: 12px;
	font-family: Garamond, "Times New Roman", serif;
	font-display:swap;
	padding-bottom:20px;
	color:#82796C;
	text-decoration:none;
	clear:both;
}

/*Cat styling */
#addon_section { clear:both; width:98%; }
.cat_item  {padding:5px;white-space:normal;display:inline-block;text-align:center;width:31%;}
.cat_row  {display:inline-block;}
#catimage { width:auto; height:auto; max-width: 98%; }

.dotted_separator {
/*border-top: 1px dotted #D3D3D3;
width:12px;
line-height:3px;
*/}
.line_separator {
/*border-bottom: solid 1px #b0bc22;
opacity:0.5;
*/}
a.cat_viewall {color:#82796C;}
.cat_viewall {
font-family: 'Montserrat', sans-serif;
font-display:swap;
font-size:95%;
text-decoration:none;
color:#82796C;	
}
a.cat_viewall:hover {
font-family: 'Montserrat', sans-serif;
font-display:swap;
font-size:95%;
font-weight:bold;
text-decoration:none;
color:#82796C;	
}
.cat_comparebtn {
font-family: 'Montserrat', sans-serif;
font-display:swap;
font-size:95%;
text-decoration:none;
color:#82796C;	
}
a.cat_comparebtn:hover {
font-family: 'Montserrat', sans-serif;
font-display:swap;
font-size:95%;
font-weight:bold;
text-decoration:none;
}

.cat_backbtn {
font-family: 'Montserrat', sans-serif;
font-display:swap;
font-size:95%;
color:#fff;
text-decoration:none;
}
a.cat_backbtn:hover {
font-family: 'Montserrat', sans-serif;
font-display:swap;
font-size:95%;
font-weight:bold;
text-decoration:none;
}
.cat_nextbtn {
font-family: 'Montserrat', sans-serif;
font-display:swap;
font-size:95%;
text-decoration:none;
color:#82796C;		
}
a.cat_nextbtn:hover {
font-family: 'Montserrat', sans-serif;
font-display:swap;
font-size:95%;
font-weight:bold;
text-decoration:none;
color:#82796C;	
}

#cat_sortmenu {
font-size:95%;
font-weight:bold;
color:#82796C;
background:#D8D8D8;
border: solid 1px #82796C;
padding:1px;
cursor: pointer;
font-family: 'Montserrat', sans-serif;
font-display:swap;
}

.cat_headertxt{
font-family: 'Arapey', serif;
font-display:swap;
font-size:175%;
font-weight:400;
line-height:1.1;
letter-spacing:4px;
text-decoration:none;
align-content: center;
color:#82796C;
}

.cat_headertxt h1 { font-size:24px; font-family: 'Arapey', serif;}
.cat_headertxt h2 { font-size:20px; font-family: 'Arapey', serif;}
.cat_headertxt h3 { font-size:16px; font-family: 'Arapey', serif;}


.cat_productname{
font-family: 'Montserrat', sans-serif;
font-display:swap;
font-size:16px;
color:#82796C;
font-weight: 500;
line-height: 1.5;
letter-spacing: 1px;
}
.cat_fromprice{
font-family: 'Montserrat', sans-serif;
font-display:swap;
font-size:13px;
color:#82796C;	
letter-spacing: 1px;
line-height: 30px;
}
.cat_comparechk{
font-family: 'Montserrat', sans-serif;
font-display:swap;
font-size:90%;
font-style:italic;
color:#82796C;
}
.cat_pgnumber{
font-family: 'Montserrat', sans-serif;
font-display:swap;
font-size:95%;
text-decoration:none;
color:#82796C;
}
a.cat_pgnumber{ color:#82796C;}
a.cat_pgnumbertxt{ color:#82796C;}

.cat_pgnumbertxt{
font-family: 'Montserrat', sans-serif;
font-display:swap;
font-size:95%;
text-decoration:none;
color:#82796C;
}
#cat_sortmenu option { padding: 1px 1px 1px 1px;}
#cat_sortmenu option[selected]{ color:#82796C; }
#cat_sortmenu option:nth-child(even) { background-color:#F0F0F0; }
select option { padding: 1px 1px 1px 1px;}
select option[selected]{ color:#303030; back-color:#82796C; }
select option:nth-child(even) { background-color:#F0F0F0; }



/*item styling*/

#product_details {clear:both;padding-top:30px 0; width:90%;}
#Product_details_header {text-align:left; border-bottom:solid 1px #BCBCBC; height:25px; font-weight:bold; font-size:110%;}
#product_details_productimage {width:49%;float:left;padding-top:10px;}
#product_details_productimage img {max-width:400px; height:auto; width:auto;}
#product_details_productinfo {width:49%;float:right;padding-top:10px;padding-right:8px; display:inline-block; text-align: left;}
#product_details_productdesc {font-size:14px; padding: 20px 0 20px 0; letter-spacing:1px; line-height:1.8; font-family: 'Lora', serif;font-style: italic; }
#product_details_pricepoint { font-size:100%; width:90%; clear:both;line-height:1.1; vertical-align: baseline;  }
#product_details_price {float:left; line-height:auto; font-size:100%; padding: 10px 0 ;letter-spacing:1px; font-family: 'Lora', serif; vertical-align: baseline; }
#product_details_pricedesc { float:left; line-height:auto; font-size:100%;padding: 10px 5px;font-family: 'Lora', serif;font-style: italic;}
#product_details_shown {float:left; line-height:auto; vertical-align: baseline; font-size:100%;padding: 10px 5px; font-family: 'Lora-Italic', Times, serif;}
#product_details_pricethumb {float:left;}
#product_details_buy {padding: 10px 0 5px 5px;}
.product_details_productname {	font-family: 'Arapey', serif; font-weight:400; font-size: 42px; letter-spacing:4px; line-height:1.1;}
.product_details_productid {font-size:16px; letter-spacing:1px; font-family: 'Montserrat', sans-serif; line-height:1.5}
.product_details_xgtxt {font-style:italic; text-decoration:none; color:#82796C;}

#altpricewarning {}
#localcityselect {clear:both; padding: 15px 0; font-size: 120%;}
#itempage_buybutton {clear:both; padding:10px 0;}
/*#itempage_social {display:inline-block;}*/
#itempage_facebook {padding:5px;}
#itempage_pinterest {clear:both; padding-top:10px;}
#itempage_google {padding:5px;}
#itempage_backbutton {clear:both; float:left;}
#itempage_backbutton img {border:0; }

.gallerybox { width:100%; text-align: center;  }
#social {clear: both;}
.row {
  display: flex;
  flex-wrap: wrap;
  padding: 0 4px;
	width:100%;
}

/* Create four equal columns that sits next to each other */
.column {
  flex: 32%;
  max-width: 32%;
  padding: 0 4px;
}

.column img {
  margin-top: 8px;
  vertical-align: middle;
	width:auto; height:auto;
	max-width:98%;
}

/* Responsive layout - makes a two column-layout instead of four columns */
/*@media screen and (max-width: 1025px) {
  .column {
    flex: 48%;
    max-width: 48%;
  }
}*/

/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 640px) {
  .column {
    flex: 100%;
    max-width: 100%;
  }
}

#gallery_container { width:95%;padding:20px; min-width:360px; clear:both;}
#gallery_item  { margin:10px;width:200px;height:200px; border-radius:20px;  display:inline-block;text-decoration:none;}
#gallery_item:hover {  }
#gallery_cat_container { width:98%; min-width:360px; }
#gallery_title { width: 100%; height:auto; margin-bottom:10px;}

#gallery_cat {   width:47%; height:auto; display:inline-block; margin:5px; border-radius:5px; }
#gallery_cat:hover {  width:47%; height:auto; display:inline-block; margin:5px; border-radius:5px; }

@media all and (max-width: 640px) {
#gallery_cat {   width:80%; height:auto; display:inline-block; margin:5px; border-radius:5px; margin-left:-25px; }
#gallery_cat:hover {  width:80%; height:auto; display:inline-block; margin:5px; border-radius:5px; margin-left:-25px; }


	

.gallerycolumn {
  float: left;
  width: 33.33%;
  padding: 10px;
}

.galleryrow:after {
  content: "";
  display: table;
  clear: both;
}

}

@media screen and (max-width: 600px) {
  .gallerycolumn {
    width: 100%;
  }
}
.gallerylandingpage img {width:25%;}
.gallerylandingpage img:hover {}


#page_content {margin:0 10px;}

/*Index Slider*/
#slider{
  width:auto;
 /* max-width:1200px;*/
 max-width:98%;
  height:auto;
 /* max-height:300px;*/
  position:relative;
  overflow:hidden;
  z-index: 1;
  
}
@keyframes load{
  from{left:-100%;}
  to{left:0;}
}
.slides{
  width:400%;
  height:100%;
  position:relative;
  -webkit-animation:slide 20s infinite;
  -moz-animation:slide 20s infinite;
  animation:slide 20s infinite;
}
.slider{
  width:25%;
  height:100%;
  float:left;
  position:relative;
  z-index:1;
  overflow:hidden;
   
}
.slide img{
  width:100%;
  height:100%;

}
.slide img{
  width:100%;
  height:100%;

}
.slider_image{
  width:100%;
  height:100%;
  
 
}
.slider_image img{
  width:100%;
  height:auto;
  max-height:auto;
  max-width:auto;

}

/* Switch */
.switch{
  width:120px;
  height:10px;
  position:absolute;
  bottom:30px;
  z-index:99;
  left:30px;
  display:none;
}
.switch > ul{
  list-style:none;
}
.switch > ul > li{
  width:10px;
  height:10px;
  border-radius:50%;
  background:#333;
  float:left;
  margin-right:5px;
  cursor:pointer;
}
.switch ul{
  overflow:hidden;
}
.on{
  width:100%;
  height:100%;
  border-radius:50%;
  background:#f39c12;
  position:relative;
  -webkit-animation:on 20s infinite;
  -moz-animation:on 20s infinite;
  animation:on 20s infinite;
}

/* Animation */
@-webkit-keyframes slide{
  0%,100%{
    margin-left:0%;
  }
  21%{
    margin-left:0%;
  }
  25%{
    margin-left:-100%;
  }
  46%{
    margin-left:-100%;
  }
  50%{
    margin-left:-200%;
  }
  71%{
    margin-left:-200%;
  }
  75%{
    margin-left:-300%;
  }
  96%{
    margin-left:-300%;
  }
}
@-moz-keyframes slide{
  0%,100%{
    margin-left:0%;
  }
  21%{
    margin-left:0%;
  }
  25%{
    margin-left:-100%;
  }
  46%{
    margin-left:-100%;
  }
  50%{
    margin-left:-200%;
  }
  71%{
    margin-left:-200%;
  }
  75%{
    margin-left:-300%;
  }
  96%{
    margin-left:-300%;
  }
}
@keyframes slide{
  0%,100%{
    margin-left:0%;
  }
  21%{
    margin-left:0%;
  }
  25%{
    margin-left:-100%;
  }
  46%{
    margin-left:-100%;
  }
  50%{
    margin-left:-200%;
  }
  71%{
    margin-left:-200%;
  }
  75%{
    margin-left:-300%;
  }
  96%{
    margin-left:-300%;
  }
}

@-webkit-keyframes on{
  0%,100%{
    margin-left:0%;
  }
  21%{
    margin-left:0%;
  }
  25%{
    margin-left:15px;
  }
  46%{
    margin-left:15px;
  }
  50%{
    margin-left:30px;
  }
  71%{
    margin-left:30px;
  }
  75%{
    margin-left:45px;
  }
  96%{
    margin-left:45px;
  }
}

@-moz-keyframes on{
  0%,100%{
    margin-left:0%;
  }
  21%{
    margin-left:0%;
  }
  25%{
    margin-left:15px;
  }
  46%{
    margin-left:15px;
  }
  50%{
    margin-left:30px;
  }
  71%{
    margin-left:30px;
  }
  75%{
    margin-left:45px;
  }
  96%{
    margin-left:45px;
  }
}

@keyframes on{
  0%,100%{
    margin-left:0%;
  }
  21%{
    margin-left:0%;
  }
  25%{
    margin-left:15px;
  }
  46%{
    margin-left:15px;
  }
  50%{
    margin-left:30px;
  }
  71%{
    margin-left:30px;
  }
  75%{
    margin-left:45px;
  }
  96%{
    margin-left:45px;
  }
}

/*INVOICE*/
/*shopview header*/
.invoice_header { width:100%; text-align: center; margin-bottom:15px; font-size:110%;  }
.invoice_ordertime {  }
.invoice_orderdate {  }
.invoice_shipping_method {  }

.invoice_sender_info { width:45%; display:inline-block; margin-right:5px; padding:5px; margin-bottom:15px;vertical-align: top; text-align:left;}
.invoice_sender_title { font-weight:bold; }
.invoice_sender_name {  }
.invoice_sender_company {  }
.invoice_sender_address {  }
.invoice_sender_address_cont {  }
.invoice_sender_city {  }
.invoice_sender_state {  }
.invoice_sender_zipcode {  }

.invoice_sender_home_phone {  }
.invoice_sender_work_phone {  }
.invoice_sender_work_ext {  }

.invoice_sender_email {  }

.invoice_delivery_instructions {  }
.invoice_designer_instructions {  }

.invoice_special_instructions_box {  }
.invoice_special_instructions1 {  }
.invoice_special_instructions2 {  }
.invoice_special_instructions3 {  }
.invoice_special_instructions4 {  }

.invoice_substitutions {  }

.invoice_cc {  }
.invoice_house_acct {  }
.invoice_cc_exp {  }

.invoice_recipient_info { width:45%; display:inline-block; margin-left:5px; padding:5px; margin-bottom:15px; background-color:#DDDDDD; border-radius:3px; vertical-align: top; text-align:left;}
.invoice_recipient_title {font-weight:bold;   }
.invoice_recipient_name {  }
.invoice_recipient_company {  }
.invoice_recipient_address {  }
.invoice_recipient_address_cont {  }
.invoice_recipient_city {  }
.invoice_recipient_state {  }
.invoice_recipient_zipcode {  }

.invoice_recipient_home_phone {  }
.invoice_recipient_work_phone {  }
.invoice_recipient_work_ext {  }

.invoice_recipient_email {  }

.invoice_recipient_delivery_type {  }

.invoice_recipient_cardmessage_box {  }
.invoice_recipient_cardmessage1 {  }
.invoice_recipient_cardmessage2 {  }
.invoice_recipient_cardmessage3 {  }
.invoice_recipient_cardmessage4 {  }
.invoice_recipient_cardmessage5 {  }

.invoice_recipient_card_signature {  }

/*end shopview header*/

/*shopview transactions*/
.invoice_ordergrid { width:98%; margin-top:15px; clear:both; text-align:left; margin-bottom:20px; }
.invoice_ordergrid_title { font-size:110%; font-weight:bold; text-align:center; border-bottom:1px solid #000; margin-bottom:15px;}
.invoice_ordergrid_row { width:100%; }
.row-bottomspace { margin-bottom:20px; }
.invoice_ordergrid_qty { width:10%; display:inline-block;margin:3px 0;}
.invoice_ordergrid_product_name { width:35%;display:inline-block;  margin:3px 0;}
.invoice_ordergrid_pricepoint_description { width:15%; display:inline-block; text-align: right;margin:3px 0;}
.invoice_ordergrid_unit_price { width:15%; text-align:right; display:inline-block;margin:3px 0;}
.invoice_ordergrid_ext_price { width:15%; text-align:right;/*display:inline-block;*/ /*font-weight:bold;*/ float:right; margin:3px 0;}
/*end shopview transactions*/

/*shopview footer*/
.invoice_subtotal { width:80%;display:inline-block; margin:3px 0; }

.invoice_promo_discount { width:45%; display:inline-block;margin:3px 0;}
.invoice_promo_code { width:14%; display:inline-block; text-align: right;margin:3px 0;}

.invoice_delivery_charge { width:75%;display:inline-block;margin:3px 0; }
.invoice_sales_tax { width:75%;display:inline-block;margin:3px 0; }
.invoice_total_price {  width:75%;display:inline-block;margin:3px 0;}

/*end shopview footer*/

#exceptions {font-weight: 600; font-size: 120%; color:#D30000;}

.delivery_locations { text-align:center; }
.delivery_locations h1 { font-size:24px;  }
.delivery_locations h2 { font-size:20px; font-weight:normal; }
.delivery_locations h3 { font-size:18px; font-weight:normal;  }
.delivery_links {  }
.delivery_links ul { list-style:none; margin:0; padding:0; text-align: center; }
.delivery_links ul li {  display:inline-block; padding:8px; border:2px solid #666; margin:5px;}
.delivery_links ul li:hover { background-color:#bb874b; color:#fff; }
.delivery_links ul li a { color:#000; text-decoration:none;  }
.delivery_map { clear:both; margin-top:10px; }
.delivery_services {  }
.delivery_services ul { list-style:none; margin:0; padding:0; column-count: 2; margin-top:10px; }
.delivery_services ul li { line-height: 150%; break-inside: avoid-column; margin:5px 0px;}
.delivery_services ul li a {  }
.delivery_area_list {  }
.delivery_area_list ul { list-style:none; margin:0; padding:0; margin-top:10px; column-count:2;  }
.delivery_area_list ul a { text-decoration:none; }
.delivery_area_list ul li { line-height: 150%; break-inside: avoid-column; margin:5px 0px; text-decoration:none; }
.delivery_area_list ul li a { text-decoration:none; }