/* Template A (Template 1) Theme Values */
.templateA .primaryColor {background-color:#81bd00;}
.templateA .primaryFontColor {color: #81bd00;}

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

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

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

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

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

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

.templateC .primaryColor {background-color: #81bd00;}
.templateC .primaryFontColor {color: #81bd00;}

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

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

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

.template6 .primaryColor {background-color: #81bd00;}
.template6 .primaryFontColor {color: #81bd00;}

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

.template6,
.template6 .primaryFont {font-family : 'Open Sans', 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 > ul > li > a,
.templateA .railNavHeading,
.templateA .navMenu > ul a {color:  #81bd00;}

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

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

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

/* 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: #db5f84;}

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

.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 #db5f84;
}

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

/* This sets the font of these elements to the Primary Font */
.templateA .siteTop .topLinks a, 
.templateA .navMenu > ul a,
.templateA dl.checkoutProcess dt.stepTitle span.stepTitleInner,
.templateA ul.railNav a,
.templateA .railNavHeading,
.templateA .deptImage {font-family : 'Open Sans', 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 #81bd00;
position: absolute;
right: 0px;
top: 6px;
}

@media only screen and (min-width:11.250em) and (max-width:47.938em) {
.templateA .wrapper {background: #81bd00;}
.templateA .navMenu ul {background: #db5f84;}
}

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

/* ## 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 > ul > li.clicked {color: #db5f84;}
.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 #db5f84;
}

.templateB .homeRailMenu .navMenu > ul > li.clicked {background:#db5f84;}
.templateB .navMenu > ul > li.clicked ul {background:#db5f84;}

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


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

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

.templateB .pageToolsWrapper a
.templateB .pageToolsWrapper a:hover,
.templateB .pageToolsWrapper a:active,
.templateB .pagination a,
.templateB .siteSubtitle {color: #81bd00;}

.templateB .ui-dialog .ui-dialog-titlebar  {background:#81bd00;}
.templateB .bannerEffects .cycle-pager span {background: #81bd00; }
.templateB .bannerEffects .cycle-pager span.cycle-pager-active{border-color:#81bd00;}
.templateB .navMenu>ul>li .subMenu>a,
.templateB .pageToolsWrapper a {color:#81bd00;}
.templateB .pageToolsWrapper a:hover {color:#db5f84;}

.templateB dl.checkoutProcess dt.stepTitle span.stepTitleInner {background: #81bd00;}
.templateB .featured .itemWrapper .itemContent {background:#db5f84;}
.templateB .leftRail .banner h2 {color:#81bd00;}

.templateB .servicesBanners h2 {color: #db5f84;}

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


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

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

.templateC .siteSearch button,
.templateC .footerTop {background: #81bd00 url(/cms/images/darken-small.png) repeat-x 0 0;}

.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: #81bd00;}

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

.templateC .offSet2:after {border-left-color: #81bd00;}

.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: #81bd00;}

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

.templateC .ribbonText .overlayText:after{border-left-color:#81bd00;}

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

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

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

.templateC .headerLinks .linkText {background: #db5f84;}

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

.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 #db5f84;
}
.templateC .heroBannerAlt .bannerText {border-color: #db5f84;}


/*This sets the element fonts to the primary font*/
.templateC .siteName,
.templateC  .footerTop .footerLinks a,
.templateC .galleria-info-title {font-family : 'Open Sans', 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 > ul > 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: #81bd00;}
.templateC .menuLink.active,
.templateC .searchToggle.active,
.templateC .siteSearch .searchControls {background: #81bd00;}
.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:#db5f84;}
.templateC .ribbonText .overlayText:after {border-top-color: #81bd00; border-left-color: transparent;}
}

.site-wrap .footer section.grid_3:nth-child(3) {display: none;}
.nav-bar > ul > li > 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 : 'Open Sans', sans-serif;}

.template6 a:link,
.template6 a:visited,
.template6 a:focus,
.template6 .btn {color: #81bd00;}

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

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

.template6 .navMenu > ul > li .subMenu .subMenu > a .menuText {background: #81bd00;}
.template6 .siteSearch .icon-search {color: #81bd00;}
.template6 .heroBanner a.btn {background: #81bd00;}
.template6 .heroBanner .heading2 {color: #db5f84; font-family : 'Merriweather', 'serif';}

.template6 .servicesBanners {background: #81bd00;}
.template6 .servicesBanners h2::before {background:#db5f84;}
.template6 .servicesBanners h2::after {font-family : 'Open Sans', sans-serif;}
.template6 .servicesBanners .icon::before {background: #db5f84;}

.template6 .footer .footerTop {border-top:14px solid #81bd00;}
.template6 .footerHeading span {font-family : 'Open Sans', sans-serif;}

.template6 ul.socialFollow li {background: #81bd00;}

.template6 .slideBanners > .banner,
.template6 .slideBanners .slick-slide .banner {background:#81bd00;}
.template6 .slideBanners > .banner:nth-child(odd),
.template6 .slideBanners .slick-slide:nth-child(odd) .banner {background:#db5f84;}
.template6 .slideBanners .slick-slide:nth-child(odd) .banner .btn {background:#81bd00;}
.template6 .slick-prev::before {border-color: transparent #81bd00 transparent transparent;}
.template6 .slick-next::before {border-color: transparent transparent transparent #81bd00;}

.template6 .featured-items .title {color: #81bd00;}
.template6 .featured-items .title .more {color: #db5f84;}
.template6 .featured-items .title .more::after {border-color: transparent transparent transparent #db5f84;}

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

.template6.bodyList .productList .itemWrapper .itemTitle a,
.template6.bodyList .productList .itemWrapper .itemPrice,
.template6 .itemWrapper .itemTitle a {color:#db5f84;}
.template6 .itemWrapper .itemPrice a {color:#db5f84; font-family : 'Open Sans', 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:#81bd00;}
.template6 .bannerBlock .banner .bannerText::after {color: #81bd00;}
.template6 .bannerBlock::before {font-family : 'Merriweather', 'serif'; color:#81bd00;}

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

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

.template6.bodyList .catList select {color:#81bd00;}
.template6 #ItemName { font-family : 'Merriweather', 'serif';}
.template6 .productDetails .addon h2 {color:#81bd00;}
.template6 .productDetails .addon .itemTitle {font-family : 'Merriweather', 'serif';}
.template6 dl.checkoutProcess dt.stepTitle span.stepTitleInner {color:#81bd00; font-family : 'Merriweather', 'serif';}
.template6 dl.checkoutProcess dt.stepTitle span.stepTitleInner span.bold {font-family : 'Open Sans', sans-serif;}
.template6 dl.checkoutProcess dt.stepTitle a.editLink {font-family : 'Open Sans', sans-serif;}
.template6 dl.checkoutProcess dt.stepTitle span.stepTitleInner span.bold::before {border:1px solid #81bd00; color:#81bd00; }
.template6 dl.checkoutProcess dt.stepTitle.ready span.stepTitleInner {color:#81bd00;}
.template6 dl.checkoutProcess dt.stepTitle.ready span.stepTitleInner span.bold::before {background:#81bd00;}
.template6 ul.processSteps li.active {color:#81bd00; border-bottom:1px solid #81bd00;}
.template6 input.text:focus, 
.template6 textarea.text:focus,
.template6 .formee select:focus, 
.template6 select:focus,
.template6 #txtRecipient: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:#81bd00;}
.template6 .headerLinks .icon-phone,
.template6 .headerLinks .icon-login,
.template6 .headerLinks .icon-cart,
.template6 .headerLinks .icon-search {fill:#81bd00;}
.template6.bodyList .filters label::before,
.template6.bodyList .filters .filterList .arrow2::before {color:#81bd00;}
.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:#81bd00;}
.template6 .note {color:#db5f84;}
.template6 #lblZip, .template6 #lblDeliveryOptions, .template6 #lblDate, .template6 #nameContainer label,
.template6 #lblpickUp {color:#81bd00; font-family : 'Open Sans', sans-serif;}
.template6 .arrowLabel {color:#81bd00;}
.template6 .checkoutSummary > .title,
.template6 .checkoutSummary .costSummary .chkoutTotalRow .title {color:#81bd00;}
.template6 .checkoutSummary .costSummary .title {font-family : 'Open Sans', sans-serif;}
.template6 .cartItems .itemTitle {font-family : 'Open Sans', sans-serif;}
.template6 .cartItems .itemWrapper .itemDetail span.title {font-family : 'Open Sans', sans-serif;}
.template6 .siteHeader .siteSearch,
.template6 .headerLinks a.searchLink.active {background:#81bd00;}
.template6 .menuLink {color:#81bd00;}
.template6 .menuLink.active {background:#81bd00;}
.template6 .mainNav .navMenu {border-color:#81bd00;}
.template6 .nice-select .option.selected {color:#81bd00;}
.template6 .nice-select::after {border-bottom: 2px solid #81bd00; border-right: 2px solid #81bd00;}
.template6 .filters .catList .nice-select .current {color:#81bd00;}
.template6:not(.alt1) .productList .grid_4:nth-child(2n) .itemWrapper .itemPrice {color:#db5f84;}
.template6:not(.alt1).storeItem .itemPrice,
.template6:not(.alt1) .checkoutSummary .costSummary .chkoutTotalRow .title,
.template6:not(.alt1) .checkoutSummary .costSummary .chkoutTotalRow .price {color:#db5f84;}
/* ----------------------------------------------------------------------------------- */