@charset "utf-8";

/* CSS Document */

@font-face {
	font-family: Montserrat-Regular;
	src: url("Montserrat-Regular.otf");
}

@font-face {
	font-family: Montserrat-Bold;
	src: url("Montserrat-Bold.otf");
}

body  { 
	margin:0;
	font-size:100%; 
	font-family: Montserrat-Regular, sans-serif;
	text-decoration: none;
/*	text-rendering: optimizelegibility;
*/	color:#000;
	overflow-x:hidden;
	background: #fff;
}

/*a { color:blue;  }
*/

#commentbutton {
	-webkit-touch-callout: none !important;
	-webkit-user-select: none !important; 
}

.cmmMenu {text-transform: uppercase;}
#site_header { position:fixed; top:0; width:100%; background-color:#fff; z-index: 10;padding:0; margtin:-5px 0px 0px 0px; padding-right:0; }

#container { width:100%; background-color:#fff; display:inline-block;/* margin-top:40px; */ }

#topbar { background-color:#bfd193; text-align: center; height:40px; /*padding: 2px 0;*/ margin-bottom:10px; font-family: Montserrat-Regular, sans-serif; padding-top:4px; width:100%;  }
#topbar a {	font-family: Montserrat-Regular, sans-serif; text-decoration:none; font-weight: bold;}

/*.search_img { float:right; margin-left:3px; height:26px; }

#search { width:25%; display:inline-block;margin-right:5px; text-align: right;}
#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:200px;}
#keywords:active { background-image: none; }

#search { width:25%; display:inline-block;margin-right:5px; text-align: right; }
.search_img { float:right; margin-left:3px; height:26px; }*/


/*#searchbox { height:auto; width:auto;  vertical-align: top; padding:3px; font-family:Montserrat-Regular, Arial, Helvetica, sans-serif; color:#7B7B7B;width25%;  }*/

/*.searchbox {border:1px solid #D0D0D0; 	border-radius:3px; 	height: 22px; 	}*/
#mobile_searchbox { display:none; }
.search_img { float:right; margin-left:3px; height:26px; }

#search { width:auto; display:inline-block;margin-right:5px; text-align: right; height:35px; float:right; vertical-align: top;}
#search input {/* background-image: url(gifs/search.png); background-repeat: no-repeat; background-position: right; background-size: contain;*/ line-height: 180%; padding-left: 3px; width:70%;}
#search input {line-height: 180%; padding-left: 3px; width:150px; border-radius:3px;}
.search_img { float:right; margin-left:0px; height:26px; width:auto; height:auto; max-height:25px; max-width:25px;}

#phone  {float:left; width:auto;height: 38px; text-align: center; line-height: 36px; /*float: left;*/ padding-left:2%;}
.phone_txt {font: 22px bold; }
#phone_mobile {display: none;}

#send-intl {display:inline-block;width:23%; height: 40px; margin-left:5px;vertical-align:middle; text-align: center; padding-top: 2px; }
#send-intl a { line-height: 40px; }
#send-intl img { float:left; margin-right:5px; margin-top:2px;}

/*#search { width:25%; display:inline-block;margin-right:5px; margin-top:0; text-align: right; }
.search_img { float:right; margin-left:3px; height:26px; }*/


#track-order {display:inline-block;width:240px; height: 40px; margin-left:5px; margin-top:4px;  text-align: left; float:left;}
.trackorder_img { margin-left:3px; height:26px;  }
#track-order img { float:right; margin-left:3px; height:26px;}
#track-order input#findticket { /*background-image: url("gifs/Truck-icon.png"); background-repeat: no-repeat; background-position: right; background-size: contain;*/line-height: 180%; padding-left: 3px;box-shadow: none !important;border: 1px solid #ccc; line-height: 180%; padding-left: 3px; width:200px;}
#findticket:active { background-image: none; }
#track-order input.trackorder_img { margin-left:3px; height:26px; float:right; }


.addon_img {padding-bottom: 8px;}
#center_area { clear:both; margin-top:220px; }

#mobilemenu { display:none; height:0; }

#site_header2 { width:98%;margin-bottom:10px;height:auto; }
#maillist_link { color:#000; vertical-align:top; display:inline-block;width:31%;  font-size:100%; padding:20px; }
#maillist_link img { max-width:98%; }
#maillist_link a { color:#000; text-decoration:none; font-weight:bold; }
/*#top_right { color:#D9D9D9; width:25%; padding-top:30px; float:right; text-align: right;}
*/
.mailing_list_txt { color:#fff; font-size:18px; text-decoration:none; }

#maillist_link_mobile {display: none;}

#send-intl {display:inline-block;width:23%; height: 25px; margin-left:5px;vertical-align: top; text-align: left; }
#send-intl a { line-height: 180%; }
#send-intl img { float:left; margin-right:5px;}
#logo { float: left; width:33%; margin-top:2px; vertical-align: top;  }
#logo img {
	height: auto;
	max-width: 65%;
	max-height: 140px;
    
}
.logo_txt { font-size:36px; font-family:Montserrat-Regular, Arial, Helvetica, sans-serif; Color:#69933b; text-decoration:none; letter-spacing:2px; }

#topnav { padding:10px;margin-top:40px;width:100%;  font-family:Montserrat-Regular, Arial, Helvetica, sans-serif; color:#333;}
.topnav { font-family:Montserrat-Regular, Arial, Helvetica, sans-serif; text-decoration:none; color:#333;}

#topright { float:right;height:auto; width:auto;  vertical-align: top; text-align: right; max-height: 65px; width:29%;  }
#topright img {height:auto; width: auto; padding:5px; max-width:29%; vertical-align: top; max-height:65px;}
#topright_mobile {display:none;}

#logindiv { height:auto; width:auto;  vertical-align: top; padding:20px; }
.Login { display:inline-block; margin-left:5px; margin-right: 5px; color:#fff; font-weight: bold;  background-color: #1AB718; border-radius: 2px; border:1px solid #000; padding:5px}
.Login a { color:#fff; text-decoration: none; }
.Mycart { display:inline-block; margin-left:5px; margin-right: 5px; font-weight: bold;}
.Checkout { display:inline-block;margin-left:5px; margin-right: 5px; }
.Checkout a {  color:#1AB718; font-weight: bold; }
.Logout { display:inline-block;margin-left:5px; margin-right: 5px;  }
.Myaccount { display:inline-block;margin-left:5px; margin-right: 5px; }

#header_txt { width:100%;display:inline-block; text-align:left; padding:10px 5px; font-weight: bold; font-size: 120%;}
#page_content { width:100%;text-align:left; padding:10px 5px; min-height: 500px;}
#maintable { width:98%; text-align:center; height:auto; display:inline-block;}

.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:#333; opacity:.99;  white-space:nowrap; border-top:solid 1px #BFBFBF; position: relative;
  top: 50%;
  transform: translateY(-50%);font-size:100%; line-height:150%; font-family:Montserrat-Regular, "Helvetica Neue", "Helvetica, Arial, sans-serif"; font-variant:small-caps; color:#fff;}

#index_banner { border-bottom:dotted 2px #8dae59; margin-bottom:20px;margin-top:10px; width:100%; height:auto; display:inline-block; }
#index_banner img { width:100%; height:auto; max-width:100%; }


#index_products { text-align:center;   width:100%; 
   display:  inline-block; padding:10px 0;

}
.index_prod_box { width:28%; height:auto; display:inline-block; padding: 15px; }
/*.index_prod_box img { width:auto; height:auto; max-width:98%; }
.index_prod_box img:hover {
  opacity: 0.5;
  filter: alpha(opacity=50); 
}*/

.index_prod_box img{   width:auto; height:auto; max-width:75%;  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s; z-index: 100;}

.index_prod_box img:hover {
  -moz-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
	margin-bottom: 10px;
    padding-bottom:15px;
}

#index_wedding { width:45%; height:auto; display:inline-block; margin:10px 0; }
#index_wedding img { width:auto; height:auto; max-width:98%; }
#index_dc {width:45%; height:auto; display:inline-block; margin:10px 0;  }
#index_dc img { width:auto; height:auto; max-width:98%; }

#index_aboutus { padding:10px; text-align:left; font-size:16px; color:#2A2A2A; font-family: Montserrat-Regular, Arial, Helvetica, sans-serif; clear:both; width:98%; }

.location_pane { width:45%; display:inline-block; z-index: 500;}

.sympathy_section { display:inline-block;width:45%;}
.sympathy_section a { font-size:16px; text-decoration:none;}
.sympathy_section img { width:auto; height:auto; max-width: 80%; }

.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:#333; opacity:.99;  white-space:nowrap; border-top:solid 1px #BFBFBF; position: relative;
  top: 50%;
  transform: translateY(-50%);font-size:100%; line-height:150%; font-family:Arimo-Regular, "Helvetica Neue", "Helvetica, Arial, sans-serif"; font-variant:small-caps; color:#fff;}


.index_section_cta { 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: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 { font-family: 'Lato', sans-serif; font-size:20px; 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 a { color:#999; 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; }



#delivery_cities { 
    text-align: left;
    width:90%;
    -webkit-column-count: 4; /* Chrome, Safari, Opera */
    -moz-column-count: 4; /* Firefox */
    column-count: 4;
    column-fill: balance;
    -webkit-column-gap: 10px; /* Chrome, Safari, Opera */
    -moz-column-gap: 10px; /* Firefox */
    column-gap: 10px;
    -webkit-column-rule: 3px double #666; /* Chrome, Safari, Opera */
    -moz-column-rule: 3px double #666; /* Firefox */
    column-rule: 3px double #666;
    border:1px solid #666;
}

#user_header {  }
#user_footer { clear:both; }
#index_slideshow { }
#slider { }
#slider img { width:auto; height:auto; max-width:92%; }

#aboutus_blurb {  widtH:98%; text-align:left; padding:0 15px;}
#aboutus_blurb img { float:right; margin:5px; }

#footer  {
	width:100%;
	margin-bottom:20px;
	padding-top:20px;
	padding-bottom:20px;
	clear:both;
    background-color:#cccce5;
}

#footer_main{
	padding:10px;
    width:100%;
	display:inline-block;
	text-align:center;
	border-bottom:solid 1px #333;
	border-top:solid 1px #333;
}

.footer_txt  {
	text-decoration: none;
    font-weight: bold;
	font-family: Montserrat-Regular, Tahoma, Arial, sans-serif;
	font-size: 90%;
	color: #0F0F0F;
}

.footer_boldlinks  {
	font-family: Montserrat-Regular, Tahoma, Arial, sans-serif;
	font-size: 90%;
	color: #0F0F0F;
	text-decoration: underline;
	font-weight: bold;

}
.footer_boldlinks a  {
	font-family: Montserrat-Regular, Tahoma, Arial, sans-serif;
	font-size: 90%;
	color: #0F0F0F;
	text-decoration: none;
}
.footer_boldlinks a:visited {
	font-family: Montserrat-Regular, Tahoma, Arial, sans-serif;
	font-size: 90%;
	color: #0F0F0F;
	text-decoration: none;
}

#footer_block1  {
	width: 30%;
	text-align: left;
	padding-right: 20px;
	display:inline-block;
	color: #333;
	line-height:150%;
	vertical-align:top;
}

#footer_block2  {
	width: 30%;
	text-align: left;
	padding-right: 20px;
	display:inline-block;
	color: #333;
	line-height:150%;
	vertical-align:top;
}

#footer_block3  {
	text-align:left;
	display:inline-block;
	width:30%;
	padding-right:30px;
	vertical-align:top;
}

.sauce_txt  {
	font-family: Montserrat-Regular, Tahoma, Arial, sans-serif;
	font-size: 90%;
	color: #0F0F0F;
}


#social { display:inline-block; width:100%; vertical-align: top; }
#social img { padding:5px; }
#mailinglist { width:100%; text-align:left;vertical-align:middle;  font-family:Montserrat-Regular, Arial, Tahoma, sans-serif; color:#7B7B7B;  }
#mailinglist a { font-size:110%;}
.mailinglist { font-family:Montserrat-Regular, Arial, Helvetica, sans-serif;color:#888;text-decoration:none; }
#mailing_list { background-color:#8cc242;  padding:10px; border:1px solid #A8A8A8; width:100%;  border-radius: 7px; }
.m99link{font-size: 85%;font-weight:bold;text-decoration: none;font-family:Montserrat-Regular, Arial, Helvetica, sans-serif;clear:both;width:100%;color:#888; font-style: italic;}

#index_ads { widtH:100%; vertical-align: top; text-align:center; clear:both; justify-content:space-between center;border-top:solid 1px #E0E0E0; }
.index_ad_block { display:inline-block; margin:5px;}

#aboutuscontentbox { padding:10px; text-align:left; clear:both; line-height:130%;width:90%;font-size:16px; }
.aboutusboxheader { font-size:20px;  }
#googlemap { float:right; width:40%; }
/*Cat styling */

#catimage { width:auto; height:auto; max-width:85%; }
.cat_item  {
	width:32%;
	margin:18px 0;
	white-space:normal;
	display:inline-block;
	text-align:center;
}

.cat_row  {

	display:inline-block;
}


.dotted_separator {
border-top: 1px dotted #D3D3D3;
width:12px;
line-height:3px;
}
.line_separator {
border-bottom: solid 1px #D3D3D3;
}

.cat_viewall {
font-family:Montserrat-Regular, Arial, Helvetica, sans-serif;
font-size:95%;
color:#40403f;
font-weight:bold;
text-decoration:none;
}
a.cat_viewall:hover {
font-family:Montserrat-Regular, Arial, Helvetica, sans-serif;
font-size:95%;
color:#40403f;
font-weight:bold;
text-decoration:none;
}
.cat_comparebtn {
font-family:Montserrat-Regular, Arial, Helvetica, sans-serif;
font-size:95%;
color:#40403f;
font-weight:bold;
text-decoration:none;
}
a.cat_comparebtn:hover {
font-family:Montserrat-Regular, Arial, Helvetica, sans-serif;
font-size:95%;
color:#40403f;
font-weight:bold;
text-decoration:none;
}

.cat_backbtn {
font-family:Montserrat-Regular, Arial, Helvetica, sans-serif;
font-size:95%;
color:#40403f;
font-weight:bold;
text-decoration:none;
}
a.cat_backbtn:hover {
font-family:Montserrat-Regular, Arial, Helvetica, sans-serif;
font-size:95%;
color:#40403f;
font-weight:bold;
text-decoration:none;
}
.cat_nextbtn {
font-family:Montserrat-Regular, Arial, Helvetica, sans-serif;
font-size:95%;
color:#40403f;
font-weight:bold;
text-decoration:none;
}
a.cat_nextbtn:hover {
font-family:Montserrat-Regular, Arial, Helvetica, sans-serif;
font-size:95%;
color:#000;
font-weight:bold;
text-decoration:none;
}

#cat_sortmenu {
font-size:95%;
font-weight:bold;
color:#848484;
background:transparent;
border: solid 1px #000000;
padding:1px;
cursor: pointer;
}

.cat_headertxt{
font-family:Montserrat-Regular, Arial, Helvetica, sans-serif;
font-size:120%;
color:#40403f;
font-weight:bold;
text-decoration:none;
}
.cat_productname{
font-family:Montserrat-Regular, Arial, Helvetica, sans-serif;
font-size:110%;
color:#40403f;
font-weight:bold;
}
.cat_fromprice{
font-family:Montserrat-Regular, Arial, Helvetica, sans-serif;
font-size:100%;
color:#40403f;
}
.cat_comparechk{
font-family:Montserrat-Regular, Arial, Helvetica, sans-serif;
font-size:90%;
font-style:italic;
color:#40403f;
}
.cat_pgnumber{
font-family:Montserrat-Regular, Arial, Helvetica, sans-serif;
font-size:95%;
color:#40403f;
font-weight:bold;
text-decoration:none;
}
.cat_pgnumbertxt{
font-family:Montserrat-Regular, Arial, Helvetica, sans-serif;
font-size:95%;
color:#40403f;
font-weight:bold;
text-decoration:none;
}
#cat_sortmenu option { padding: 1px 1px 1px 1px; border-radius: 3px; color:#848484;}
#cat_sortmenu option[selected]{ color:#848484; }
/*#cat_sortmenu option:nth-child(even) { background-color:#8cc242; }*/
select option { padding: 1px 1px 1px 1px;}
select option[selected]{ color:#40403f; }
/*select option:nth-child(even) { background-color:#8cc242; }*/

/*item styling*/

#product_details {clear:both;padding-top:30px 0; width:90%;font-family: Arial, Helvetica, sans-serif;}
#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 {width:auto; height:auto;}
#product_details_productinfo {width:49%;float:right;padding-top:10px;padding-right:8px; display:inline-block;}
#product_details_productdesc {font-size:90%; padding: 10px 0 10px 0;}
#product_details_pricepoint { font-size:90%; width:90%; clear:both;}
#product_details_price {float:left; padding: 0 5px; line-height:25px; }
#product_details_pricedesc { float:left; line-height:25px;}
#product_details_shown {float:left; padding-left: 5px; font-style:italic; font-weight:85%; line-height:25px; }
#product_details_pricethumb {float:left;}
#product_details_buy {padding: 10px 0 5px 5px;}
.product_details_productname {font-weight:bold;}
.product_details_productid {font-size:85%;}
.product_details_xgtxt {font-style:italic; text-decoration:none; color:#000000;}

#altpricewarning {}
#localcityselect {clear:both; padding: 8px 0;}
#itempage_buybutton {clear:both; padding:5px;}
/*#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; }

#sympsection {width:100%; margin:8px 0; }
.sympbold {font-weight: bold; font-size: 130%;}
.sympsubhead  {font-weight: bold; font-size: 115%;}
#sympcategory {width: 18%; display: inline-block; text-align: center;margin:3px; font-weight: bold;}
#sympcategory img {width:95%; height: auto; max-width: 200px;}

#acctpg_graphic {float: left; margin:5px 10px; width:45px;}
#acctpg_area {padding:5px}

#send-intl-mobile {display:none;}
#track-order-mobile {display:none;}

#international_countries {}
/*#intl_columns {width:28%; margin:0 8px; display:block;}*/
/*#international_countries ul { list-style-type: none;   margin: 0;   padding: 0;}
*/

.intl_letter_headers {background-color:#669966; color:#fff; font-weight:bold; margin:10px 8px 0 8px; width:70%; padding:3px; }

.gallerybox { width:100%; text-align: center;  }

.intl_row {
  display: flex;
  flex-wrap: wrap;
  padding: 0 4px;
	width:100%;
}

/* Create four equal columns that sits next to each other */
.intl_column {
  flex: 32%;
  max-width: 32%;
  padding: 0 4px;
}

.intl_column img {
  margin-top: 8px;
  vertical-align: middle;
	width:auto; height:auto;
	max-width:98%;
}
.intl_column a {text-decoration: none;}

/* 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) {
  .intl_column {
    flex: 100%;
    max-width: 100%;
  }
}

#exceptions {font-weight: 600; font-size: 120%; color:#D30000;}
