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

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

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

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

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

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

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

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

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

.templateC .primaryFont {font-family : 'Merriweather', 'serif';}
.templateC .secondaryFont {font-family : 'Open Sans', sans-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:  #ad1e2c;}

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

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

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

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

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

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

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

/* 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 : 'Merriweather', '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 #ad1e2c;
position: absolute;
right: 0px;
top: 6px;
}

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

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

/* ## 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: #00563f;}
.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 #00563f;
}

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

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


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

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

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

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

.templateB dl.checkoutProcess dt.stepTitle span.stepTitleInner {background: #ad1e2c;}
.templateB .featured .itemWrapper .itemContent {background:#00563f;}
.templateB .leftRail .banner h2 {color:#ad1e2c;}

.templateB .servicesBanners h2 {color: #00563f;}

@media only screen and (min-width:11.250em) and (max-width:47.938em) {
  .templateB .homeRailMenu .navMenu > ul.menu, .templateB .navMenu > ul.menu {background: #ad1e2c;}
  .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: #ad1e2c url(cms/images/darken.png) repeat-x 0 0;}

.templateC .siteSearch button,
.templateC .footerTop {background: #ad1e2c 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: #ad1e2c;}

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

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

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

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

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

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

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

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

.templateC .headerLinks .linkText {background: #00563f;}

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

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


/*This sets the element fonts to the primary font*/
.templateC .siteName,
.templateC  .footerTop .footerLinks a,
.templateC .galleria-info-title {font-family : 'Merriweather', '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 : 'Open Sans', sans-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: #ad1e2c;}
.templateC .menuLink.active,
.templateC .searchToggle.active,
.templateC .siteSearch .searchControls {background: #ad1e2c;}
.templateC .searchToggle label:last-child,
.templateC .menuLink label {font-family : 'Open Sans', sans-serif;}


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

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