<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">

@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;700&amp;display=swap');
 
/* Template A (Template 1) Theme Values */
.templateA .primaryColor {background-color:#679a01;}
.templateA .primaryFontColor {color: #679a01;}

.templateA .secondaryColor {background-color:#66339a;}
.templateA .secondaryFontColor {color: #66339a;}

.templateA .primaryFont {font-family : 'Quicksand', sans-serif;}
.templateA .secondaryFont {font-family : 'Merriweather', 'serif';}

/* Template B (Template 2) Theme Values */
.templateB .primaryColor {background-color: #679a01;}
.templateB .primaryFontColor {color: #679a01;}

.templateB .secondaryColor {background-color:#66339a;}
.templateB .secondaryFontColor {color: #66339a;}

.templateB .primaryFont {font-family : 'Quicksand', sans-serif;}
.templateB .secondaryFont {font-family : 'Merriweather', 'serif';}

/* Template C (Template 3) Theme Values*/

.templateC .primaryColor {background-color: #679a01;}
.templateC .primaryFontColor {color: #679a01;}

.templateC .secondaryColor {background-color:#66339a;}
.templateC .secondaryFontColor {color: #66339a;}

.templateC .primaryFont {font-family : 'Quicksand', sans-serif;}
.templateC .secondaryFont {font-family : 'Merriweather', 'serif';}

/* Template Sixe (Template 6) Theme Values*/

.template6 .primaryColor {background-color: #679a01;}
.template6 .primaryFontColor {color: #679a01;}

.template6 .secondaryColor {background-color:#66339a;}
.template6 .secondaryFontColor {color: #66339a;}

.template6,
.template6 .primaryFont {font-family : 'Quicksand', sans-serif;}
.template6 .secondaryFont {font-family : 'Merriweather', 'serif';}


/* ----------------------------------------------------------------------------------- */

/* ## Template A Specfic Styles ## */

/*This sets these elements to the primary color value*/
.templateA a:hover, 
.templateA a:active, 
.templateA a:focus,
.templateA .pagination a,
.templateA .breadcrumbs a, 
.templateA .breadcrumbs a:visited,
.templateA .pageToolsWrapper a,
.templateA .pageToolsWrapper a:hover,
.templateA .pageToolsWrapper a:active,
.templateA .navMenu &gt; ul &gt; li &gt; a,
.templateA .railNavHeading,
.templateA .navMenu &gt; ul a {color:  #679a01;}

.templateA .leftRail .railBanners .banner p:after {
content: "";
position: absolute;
left: 50%;
top: 40%;
border: 3px solid transparent;
border-left: 4px solid #679a01;
}

.templateA dl.checkoutProcess dt.stepTitle span.stepTitleInner,
.templateA .ui-dialog .ui-dialog-titlebar,
.templateA ul.processSteps li.active,
.templateA .galleria-info-text {background: #679a01;}

.templateA .genericPager li a:hover, 
.templateA .genericPager li a:focus {border:1px solid #679a01;}

/* This sets these element values to the secondary color value */
.templateA .modHeader .viewall,
.templateA ul.railNav a:hover,
.templateA ul.railNav a.active,
.templateA .shipDate a  {color: #66339a;}

.templateA .navMenu &gt; ul &gt; li a .menuText:hover {border-bottom: 3px solid #66339a;}
.templateA .navMenu ul li.clicked a .menuText {border-bottom: 3px solid #66339a;}
.templateA .navMenu &gt; ul &gt; li ul {background-color: #66339a;}

.templateA ul.railNav a.active:before,
.templateA ul.railNav a:hover:before {
content: "";
position: absolute;
left: 7px;
top:13px;
border: 3px solid transparent;
border-left: 4px solid #66339a;
}

.templateA .shipDate a:after {
content: "";
position: absolute;
right: 0px;
top: 8px;
border: 3px solid rgba(0, 0, 0, 0);
border-left: 4px solid #66339a;
}

/* This sets the font of these elements to the Primary Font */
.templateA .siteTop .topLinks a, 
.templateA .navMenu &gt; ul a,
.templateA dl.checkoutProcess dt.stepTitle span.stepTitleInner,
.templateA ul.railNav a,
.templateA .railNavHeading,
.templateA .deptImage {font-family : 'Quicksand', sans-serif;}


/* This sets the color of breadcrumb and pagetools anchors to the primary color */
.templateA .breadcrumbs a:after {
content: " ";
position: absolute;
border: 3px solid transparent;
border-left: 4px solid #679a01;
position: absolute;
right: 0px;
top: 6px;
}

@media only screen and (min-width:11.250em) and (max-width:47.938em) {
.templateA .wrapper {background: #679a01;}
.templateA .navMenu ul {background: #66339a;}
}

/* ----------------------------------------------------------------------------------- */

/* ## Template B Specific Styles ## */


/* this sets the primary color for anchor links in the rail navigation, and the secondary as their hover state */
.templateB ul.railNav a:hover,
.templateB ul.railNav a.active,
.templateB .homeRailMenu .navMenu &gt; ul &gt; li.clicked {color: #66339a;}
.templateB ul.railNav a.active:before,
.templateB ul.railNav a:hover:before {
content: "";
position: absolute;
left: 7px;
top:13px;
border: 3px solid transparent;
border-left: 4px solid #66339a;
}

.templateB .homeRailMenu .navMenu &gt; ul &gt; li.clicked {background:#66339a;}
.templateB .navMenu &gt; ul &gt; li.clicked ul {background:#66339a;}

/* setting the font for item names on listing pages to the primary font */
.templateB .itemWrapper .itemContent .itemTitle,
.templateB .cartList .itemTitle {font-family : 'Quicksand', sans-serif;}


/* This sets the color of these elements to the primary color */
.templateB .breadcrumbs a, 
.templateB .breadcrumbs a:visited,
.templateB .menuLink { color: #679a01; position: relative; padding-right: 15px; text-decoration:none;}

.templateB .breadcrumbs a:after {
content: " ";
position: absolute;
border: 3px solid transparent;
border-left: 4px solid #679a01;
position: absolute;
right: 0px;
top: 8px;
}

.templateB .pageToolsWrapper a
.templateB .pageToolsWrapper a:hover,
.templateB .pageToolsWrapper a:active,
.templateB .pagination a,
.templateB .siteSubtitle {color: #679a01;}

.templateB .ui-dialog .ui-dialog-titlebar  {background:#679a01;}
.templateB .bannerEffects .cycle-pager span {background: #679a01; }
.templateB .bannerEffects .cycle-pager span.cycle-pager-active{border-color:#679a01;}
.templateB .navMenu&gt;ul&gt;li .subMenu&gt;a,
.templateB .pageToolsWrapper a {color:#679a01;}
.templateB .pageToolsWrapper a:hover {color:#66339a;}

.templateB dl.checkoutProcess dt.stepTitle span.stepTitleInner {background: #679a01;}
.templateB .featured .itemWrapper .itemContent {background:#66339a;}
.templateB .leftRail .banner h2 {color:#679a01;}

.templateB .servicesBanners h2 {color: #66339a;}

.templateB .siteFooter {background-color: #679a01; color:#fff;}
.templateB .siteFooter a {color:#fff;}

@media only screen and (min-width:11.250em) and (max-width:47.938em) {
  .templateB .homeRailMenu .navMenu &gt; ul.menu, .templateB .navMenu &gt; ul.menu {background: #679a01;}
  .templateB .navMenu&gt;ul&gt;li .subMenu&gt;a {color: #fff;}
}
/* ----------------------------------------------------------------------------------- */


/* ## Template C Specific Styles ## */

/* This sets these elements background colors as the primary color */
.templateC .headerWrpr {background: #679a01 url(/cms/images/darken.png) repeat-x 0 0;}

.templateC .siteSearch button,
.templateC .footerTop {background: #679a01 url(/cms/images/darken-small.png) repeat-x 0 100%; color:#fff;}

.templateC .bo-footer,
.templateC .siteSubFooter {background: #679a01; color:#fff;}
.templateC .footerBottom {background: #679a01; color:#fff;}

.templateC .pagination .paging .next, 
.templateC .pagination .paging .prev,
.templateC .breadcrumbs a,
.templateC a:hover, 
.templateC a:active, 
.templateC a:focus,
.templateC .spanCartTotal,
.templateC .mainNav ul ul a,
.templateC .mainNav ul ul a:hover,
.templateC .mainNav ul ul a:active,
.templateC .mainNav ul ul a:visited,
.templateC .mainNav ul ul a:focus,
.templateC .featModule h2{color: #679a01;}

.templateC .breadcrumbs a:after {
content: " ";
position: absolute;
border: 3px solid transparent;
border-left: 4px solid #679a01;
position: absolute;
right: 1px;
top: 38%;
}

.templateC .offSet2:after {border-left-color: #679a01;}

.templateC dl.checkoutProcess dt.stepTitle span.stepTitleInner,
.templateB .ui-dialog .ui-dialog-titlebar,
.templateC ul.processSteps li.active,
.templateC .ui-dialog .ui-dialog-titlebar,
.templateC .galleria-info-text {background: #679a01;}

.templateC .bannerEffects .cycle-pager span {color: #679a01;}
.templateC .bannerEffects .cycle-pager span.cycle-pager-active {border:1px solid #679a01;}
.templateC .genericPager li a:hover, 
.templateC.genericPager li a:focus {border:1px solid #679a01;}

.templateC .ribbonText .overlayText:after{border-left-color:#679a01;}

/* This sets these elements styles to the secondary color */
.templateC .headerWrpr:before {background: #66339a url(/cms/images/darken-small.png) repeat-x 0 0;}
.templateC a {color: #66339a;}
.templateC .bo-footer a {color: #fff;}

.templateC .navMenu &gt; ul &gt; li .subMenu &gt; a .menuText:hover,
.templateC .navMenu &gt; ul &gt; li:hover .subMenu &gt; a .menuText {border-bottom: 3px solid #66339a}
.templateC .navMenu ul li.clicked a .menuText {border-bottom: 3px solid #66339a;}
.templateC .siteHeader .Navwrapper {background: #66339a url(/cms/images/darken-small.png) repeat-x 0 0;}

.templateC .headerLinks a:before,
.templateC .headerLinks a:after {border: 10px solid #66339a;}

.templateC .headerLinks .linkText {background: #66339a;}

.templateC ul.railNav a:hover,
.templateC ul.railNav a.active,
.templateC .headerLinks [class*="icon-"],
.templateC .itemWrapper .itemPrice,
.templateC .pagination .paging .active {color: #66339a;}

.templateC ul.railNav a.active:before,
.templateC ul.railNav a:hover:before {
content: "";
position: absolute;
left: 7px;
top:13px;
border: 3px solid transparent;
border-left: 4px solid #66339a;
}
.templateC .heroBannerAlt .bannerText {border-color: #66339a;}


/*This sets the element fonts to the primary font*/
.templateC .siteName,
.templateC  .footerTop .footerLinks a,
.templateC .galleria-info-title {font-family : 'Quicksand', sans-serif;}

/*This sets the element fonts to the secondary font*/
.templateC .navMenu ul li .subMenu a,
.templateC .headerLinks, 
.templateC .headerLinks .linkText, 
.templateC .itemWrapper .itemPrice,
.templateC .navMenu &gt; ul &gt; li a,
.templateC .btnWrapper .btn,
.templateC .featModule a.viewall {font-family : 'Merriweather', 'serif';}

@media only screen and (min-width:11.250em) and (max-width:47.938em) {
.templateC .navMenu ul,
.templateC .navMenu  ul li ul,
.templateC .footerTop {background: #679a01;}
.templateC .menuLink.active,
.templateC .searchToggle.active,
.templateC .siteSearch .searchControls {background: #679a01;}
.templateC .searchToggle label:last-child,
.templateC .menuLink label {font-family : 'Merriweather', 'serif';}


}
@media only screen and (min-width:11.250em) and (max-width:50em) {
.templateC .wrapper {background-color:#66339a;}
.templateC .ribbonText .overlayText:after {border-top-color: #679a01; border-left-color: transparent;}
}

.site-wrap .footer section.grid_3:nth-child(3) {display: none;}
.nav-bar &gt; ul &gt; li &gt; a:after {display: none !important;}


/* ----------------------------------------------------------------------------------- */
/* ## Template 6 Specific Color/Font Styles ## */
.template6 .navMenu {font-family : 'Merriweather', 'serif';}
.template6 .footerHeading {font-family : 'Merriweather', 'serif';}
.template6 .heroBanner h1,
.template6 .heroBanner h2,
.template6 .advList .listhdng,
.template6 .banner .bannerText,
.template6 .title,
.template6 .title .more,
.template6 .itemWrapper .itemTitle,
.template6 .btn {font-family : 'Merriweather', 'serif';}

.template6 .advFooter .linkList {font-family : 'Quicksand', sans-serif;}

.template6 a:link,
.template6 a:visited,
.template6 a:focus,
.template6 .btn {color: #679a01;}

.template6 .heroBanner h2,
.template6 .itemWrapper .itemPrice {color: #66339a;}

.template6 .btnWrapper {background: #679a01;}
.template6 .footerHeading,
.template6 ul.advList .listhdng, .template6 ul.advList .listhdng a, .template6 ul.advList .listhdng a:link, .template6 ul.advList .listhdng a:visited {color: #679a01;}

.template6 .navMenu &gt; ul &gt; li .subMenu .subMenu &gt; a .menuText {background: #679a01;}
.template6 .siteSearch .icon-search {color: #679a01;}
.template6 .heroBanner a.btn {background: #679a01;}
.template6 .heroBanner .heading2 {color: #66339a; font-family : 'Merriweather', 'serif';}

.template6 .servicesBanners {background: #679a01;}
.template6 .servicesBanners h2::before {background:#66339a;}
.template6 .servicesBanners h2::after {font-family : 'Quicksand', sans-serif;}
.template6 .servicesBanners .icon::before {background: #66339a;}

.template6 .footer .footerTop {border-top:14px solid #679a01;}
.template6 .footerHeading span {font-family : 'Quicksand', sans-serif;}
.template6 .footer .footerMessage {background: #679a01; color:#fff;}

.template6 ul.socialFollow li {background: #679a01;}

.template6 .slideBanners &gt; .banner,
.template6 .slideBanners .slick-slide .banner {background:#679a01;}
.template6 .slideBanners &gt; .banner:nth-child(odd),
.template6 .slideBanners .slick-slide:nth-child(odd) .banner {background:#66339a;}
.template6 .slideBanners .slick-slide:nth-child(odd) .banner .btn {background:#679a01;}
.template6 .slick-prev::before {border-color: transparent #679a01 transparent transparent;}
.template6 .slick-next::before {border-color: transparent transparent transparent #679a01;}

.template6 .featured-items .title {color: #679a01;}
.template6 .featured-items .title .more {color: #66339a;}
.template6 .featured-items .title .more::after {border-color: transparent transparent transparent #66339a;}

.template6 .featured-items .itemWrapper a.itemLink::before {background:#679a01;}
.template6 .featured-items .itemWrapper a.itemLink::after {color:#679a01; font-family : 'Merriweather', 'serif';}
.template6 .featured-items .slick-slide:nth-child(odd) .itemWrapper a.itemLink::before {background:#66339a;}
.template6 .featured-items .slick-slide:nth-child(odd) .itemWrapper  a.itemLink::after {color:#66339a; }

.template6.bodyList .productList .itemWrapper .itemTitle a,
.template6.bodyList .productList .itemWrapper .itemPrice,
.template6 .itemWrapper .itemTitle a {color:#66339a;}
.template6 .itemWrapper .itemPrice a {color:#66339a; font-family : 'Quicksand', sans-serif;}
.template6.bodyList .productList .grid_4:nth-child(even) .itemWrapper .itemTitle a,
.template6.bodyList .productList .grid_4:nth-child(even) .itemWrapper .itemPrice,
.template6 .featured-items .slick-slide:nth-child(odd) .itemWrapper .itemTitle a,
.template6 .featured-items .slick-slide:nth-child(odd) .itemWrapper .itemPrice a {color:#679a01;}
.template6 .bannerBlock .banner .bannerText::after {color: #679a01;}
.template6 .bannerBlock::before {font-family : 'Merriweather', 'serif'; color:#679a01;}

.template6.bodyList .railNavHeading {font-family : 'Merriweather', 'serif';}
.template6.bodyList .railNavWrapper {
	background:#66339a;
	background: -moz-linear-gradient(-45deg, #66339a 0%, #d0d0d0 100%);
	background: -webkit-linear-gradient(-45deg, #66339a 0%,#d0d0d0 100%);
	background: linear-gradient(135deg, #66339a 0%,#d0d0d0 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#66339a', endColorstr='#d0d0d0',GradientType=1 );
}
.template6 .dropRail .railNav li a {color:#679a01;}

.template6 .productList .itemWrapper a.itemLink::before {background:#679a01;}
.template6 .productList .itemWrapper a.itemLink::after {color:#679a01; font-family : 'Merriweather', 'serif';}
.template6.bodyList .productList .grid_4:nth-child(odd) .itemWrapper a.itemLink::before {background:#66339a;}
.template6.bodyList .productList .grid_4:nth-child(odd) .itemWrapper  a.itemLink::after {color:#66339a; }

.template6.bodyList .catList select {color:#679a01;}
.template6 #ItemName { font-family : 'Merriweather', 'serif';}
.template6 .productDetails .addon h2 {color:#679a01;}
.template6 .productDetails .addon .itemTitle {font-family : 'Merriweather', 'serif';}
.template6 dl.checkoutProcess dt.stepTitle span.stepTitleInner {color:#679a01; font-family : 'Merriweather', 'serif';}
.template6 dl.checkoutProcess dt.stepTitle span.stepTitleInner span.bold {font-family : 'Quicksand', sans-serif;}
.template6 dl.checkoutProcess dt.stepTitle a.editLink {font-family : 'Quicksand', sans-serif;}
.template6 dl.checkoutProcess dt.stepTitle span.stepTitleInner span.bold::before {border:1px solid #679a01; color:#679a01; }
.template6 dl.checkoutProcess dt.stepTitle.ready span.stepTitleInner {color:#679a01;}
.template6 dl.checkoutProcess dt.stepTitle.ready span.stepTitleInner span.bold::before {background:#679a01;}
.template6 ul.processSteps li.active {color:#679a01; border-bottom:1px solid #679a01;}
.template6 input.text:focus, 
.template6 textarea.text:focus,
.template6 .formee select:focus, 
.template6 select:focus,
.template6 #txtRecipientFirst:focus,
.template6 #txtRecipientLast:focus,
.template6 .formee input[type="text"]:focus, 
.template6 .formee input[type="tel"]:focus, 
.template6 .formee input[type="number"]:focus, 
.template6 .formee input[type="email"]:focus, 
.template6 .formee textarea:focus {border-color:#679a01;}
.template6 .headerLinks .icon-phone,
.template6 .headerLinks .icon-login,
.template6 .headerLinks .icon-cart,
.template6 .headerLinks .icon-search {fill:#679a01;}
.template6.bodyList .filters label::before,
.template6.bodyList .filters .filterList .arrow2::before {color:#679a01;}
.template6 .filters .sortItem a.up, .template6 .filters .sortItem a.up:link, .template6 .filters .sortItem a.up:visited,
.template6 .filters .sortItem a.down, .template6 .filters .sortItem a.down:link, .template6 .filters .sortItem a.down:visited {color:#679a01;}
.template6 .note {color:#66339a;}
.template6 #divNew .note {color:#66339a; padding-left: 3px; padding-top: 10px;}
.template6 #lblZip, .template6 #lblDeliveryOptions, .template6 #lblDate, .template6 #nameContainer label,
.template6 #lblpickUp {color:#679a01; font-family : 'Quicksand', sans-serif;}
.template6 .arrowLabel {color:#679a01;}
.template6 .checkoutSummary &gt; .title,
.template6 .checkoutSummary .costSummary .chkoutTotalRow .title {color:#679a01;}
.template6 .checkoutSummary .costSummary .title {font-family : 'Quicksand', sans-serif;}
.template6 .cartItems .itemTitle {font-family : 'Quicksand', sans-serif;}
.template6 .cartItems .itemWrapper .itemDetail span.title {font-family : 'Quicksand', sans-serif;}
.template6 .siteHeader .siteSearch,
.template6 .headerLinks a.searchLink.active {background:#679a01;}
.template6 .menuLink {color:#679a01;}
.template6 .menuLink.active {background:#679a01;}
.template6 .mainNav .navMenu {border-color:#679a01;}
.template6 .nice-select .option.selected {color:#679a01;}
.template6 .nice-select::after {border-bottom: 2px solid #679a01; border-right: 2px solid #679a01;}
.template6 .filters .catList .nice-select .current {color:#679a01;}
.template6:not(.alt1) .productList .grid_4:nth-child(2n) .itemWrapper .itemPrice {color:#66339a;}
.template6:not(.alt1).storeItem .itemPrice,
.template6:not(.alt1) .checkoutSummary .costSummary .chkoutTotalRow .title,
.template6:not(.alt1) .checkoutSummary .costSummary .chkoutTotalRow .price {color:#66339a;}
/* ----------------------------------------------------------------------------------- */

/* ----------------------------------------------------------------------------------- */
/* ## Template 8 Specific Color/Font Styles ## */

:root {
  --main-color1: #679a01;
  --main-color2: #66339a;
  --main-color3: #66339a;
  --main-color4: #66339a;
}

.template8 .siteTop {color:#66339a;}
.template8 .mainNav {background:#66339a;}
.template8 .navMenu &gt; ul &gt; li.clicked .subMenu &gt; a,
.template8 .navMenu &gt; ul &gt; li.clicked &gt; .subMenu &gt; a &gt; .menuText {background:#fff; color:#66339a; margin-top:3px;}
.template8 .siteHeader .siteSearch, 
.template8 .headerLinks a.searchLink.active {
	background: transparent;
}
@media (max-width:768px) {
	.template8 .siteHeader .headerTop .wrapper {background:#66339a;}
	.template8 .menuLink .icon-menu + label::before,
    .template8 .menuLink .icon-menu::before,
    .template8 .menuLink .icon-menu::after {
        background:#679a01;
    }
}
.template8 .heroBanner h2 {color:#fff;}
.template8 .pageHeading .hdng .count {color:#679a01}

.template8 a:link.btn,
.template8 .btn {color:#fff; font-weight: 500;}
.template8 .btn.tip {
    padding: 20px 10px;
    font-size: 0.85em;
    background: var(--main-color3);
    display: inline-block;
    text-decoration: none !important;
}
.template8 .btn.disabled {Xcolor:#999; filter: brightness(100%);}
.template8 .btnWrapper {background:var(--main-color3);}

.template8 .btnWrapper.tertiaryColor {background:var(--main-color3);}
.template8 .btnWrapper.btnAddToCart,
.template8 .btnWrapper.quaternaryColor {background:var(--main-color1);}
.template8 .btnWrapper.btnAlt {background:var(--main-color4);}

.template8 .updateCart .btnWrapper .btn {background:transparent;}

.template8 .siteFooter,
.template8 .siteSubFooter {background:#679a01;}
.template8 .emailSignupWrpr .emailSignup {background:#66339a;}
.template8 .footerMessage {background:#66339a;}
.template8 .filters .filterImages svg {fill:#679a01;}
.template8 .breadcrumbs,
.template8 .breadcrumbs a,
.template8 .breadcrumbs a::after {color:#679a01; border-color:#679a01}

.template8 ul.swatchList li .extendedSwatch .details {color:#679a01; filter: brightness(25%);}

.template8 ul.swatchList::before,
.template8 #lblZip, .template8 #lblDeliveryOptions, .template8 #lblDate, .template8 #nameContainer label, .template8 #lblpickUp {color:#679a01; filter: brightness(80%);}

.template8 .signupBar .mainNav a.hasSub {background-color: #679a01;}

.template8.bodyList .productList .itemWrapper .itemTitle a, 
.template8.bodyList .productList .itemWrapper .itemPrice, 
.template8 .itemWrapper .itemTitle a,
.template8.bodyList .productList .grid_4:nth-child(2n) .itemWrapper .itemTitle a, 
.template8.bodyList .productList .grid_4:nth-child(2n) .itemWrapper .itemPrice, 
.template8 .featured-items .slick-slide:nth-child(2n+1) .itemWrapper .itemTitle a, 
.template8 .featured-items .slick-slide:nth-child(2n+1) .itemWrapper .itemPrice a,
.template8:not(.alt1) .productList .grid_4:nth-child(2n) .itemWrapper .itemPrice {
	color: #679a01;
}
.template8 .banner.funeral .icon svg g {fill:#66339a !important;}
.template8 .featured-products .banner.funeral::after {border-color: transparent transparent #66339a transparent;}

.template8 #spanPrice {color:var(--main-color3);}
.template8 #spanPrice::before {color:#679a01;}

.template8 .slick-prev svg,
.template8 .slick-next svg {fill:#679a01;}
.template8 .recentlyViewed {border-bottom:1px solid var(--main-color3); color:#679a01;}
.template8 .recentlyViewed .itemWrapper .itemPrice {color:#679a01;}

.template8 .headerLinks .icon  + span {color:#679a01; filter: brightness(25%);}
.template8 .headerLinks .icon.alt {fill: #679a01 !important;}

.template8 .note,
.template8 #divNew .note {color:#679a01;}

.template8 .productDetails .itemDesc #pShortDesc::before,
.template8 .itemActions .itemOrder,
.template8 .dropCartHeader,
.template8 .recent-cart .itemWrapper .itemTitle 
{color:#679a01;}

.template8 dl.checkoutProcess dt.stepTitle span.stepTitleInner {color:#666;}
.template8 .cartList .cartItemDetails .itemInfo .recipientDetails {font-family : 'Quicksand', sans-serif;}

.template8 .questions_bar .hdng {color:#679a01; border-color:;}
.template8 .questions_bar a {color:;}

.template8 .bannersGrid .banner .icon svg path {fill:#679a01 !important;}
.template8 .heroBanner .btnWrapper,
.template8 .heroBanner .bannerText a.btn,
.template8 .heroBanner a.btn {background: ; color:#679a01;}

.template8 .servicesBanners a svg.icon {fill:none;}
.template8 .servicesBanners a:hover svg {fill: white; stroke:#679a01;}



/* ----------------------------------------------------------------------------------- */



/* ----------------------------------------------------------------------------------- */
/* PopUP */
/* ----------------------------------------------------------------------------------- */
#divNotification {color:#679a01; font-family : 'Quicksand', sans-serif; border-bottom:1px solid #679a01;}
.noticeBody {color:#679a01; font-family : 'Quicksand', sans-serif; }



/* ----------------------------------------------------------------------------------- */
/* Tip */
/* ----------------------------------------------------------------------------------- */
.tipAmount {
    margin-top: 6px;
    text-align:left;
}

    .tipAmount ::selection {
        color: black;
        background: yellow;
    }

    .tipAmount .text {
        text-align: right;
        width: 80px;
    }

.tipOptions {
    margin-bottom: 20px;
}

    .tipOptions.main {
        padding: 10px;
        text-align: left;
    }

section {
    display: flex;
    flex-flow: row wrap;
    margin-top:10px;
}

    section &gt; div {
        flex: 1;
        padding: 0 0.5rem;
    }

input[type="radio"] {
    display: none;
}

input[type="radio"] + label {
    height: 100%;
    display: block;
    background: white;
    border: 2px solid #679a01;
    border-radius: 10px;
    padding: .5rem;
    margin-bottom: 1rem;
    text-align: center;
    box-shadow: 0px 3px 5px -2px #679a01;
    position: relative;
    cursor: pointer;
    color: #679a01;
}

input[type="radio"]:checked + label {
    background: #679a01;
    color: #fff;
    font-weight: bold;
    box-shadow: 0px 0px 5px #66339a;
    &amp;::after

    {
        color: #679a01;
        font-family: FontAwesome;
        border: 2px solid #66339a;
        content: "\f00c";
        font-size: 24px;
        position: absolute;
        top: -25px;
        left: 50%;
        transform: translateX(-50%);
        height: 50px;
        width: 50px;
        line-height: 50px;
        text-align: center;
        border-radius: 50%;
        background: white;
        box-shadow: 0px 2px 5px -2px #66339a;
    }
}

@media only screen and (max-width: 700px) {
    section {
        flex-direction: column;
    }
}


.tipOptions table td {
	border: solid 0px #ff0000;
	width: 23%;
	padding: 1%;
}

	.tipOptions table td input[type="radio"] + label {
		margin-bottom: 0;
	}




	.tipOptions input.text {
		padding: 6px 4px !important;
	}

span.visually-hidden {display:none;}

.templateA .copyrightFooter .container {padding:0px 20px;}

.templateB .footerContactInfo {padding:0px 30px;}
.templateB .copyrightFooter {padding:0px 30px;}
.templateB .footerLinks a {padding: 0 15px;}</pre></body></html>