/* Reset */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video {
    margin:0;
    padding:0;
    border:0;
    font-size:100%;
    font:inherit;
    vertical-align:baseline;
    text-rendering:optimizeLegibility;
    -webkit-font-smoothing:antialiased
}

body {
    line-height:1;
    font-family:'Open Sans',sans-serif
}

ol,ul {
    list-style:none
}

label {
	display:block;
}
textarea {
	width: 100%;
}

blockquote,q {
    quotes:none
}

blockquote:before,blockquote:after,q:before,q:after {
    content:'';
    content:none
}

table {
    border-collapse:collapse;
    border-spacing:0
}

/* HTML5 display-role reset for older browsers */
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
    display:block
}

/* sitewide */
body {
    font-size:100%;
    font-family:'Open Sans',sans-serif;
    color:#221E1F;
    min-height:100%;
    position:relative;
    -webkit-text-size-adjust:none
}

.clearfix:after,.clearfix:before {
    content:" ";
    display:table
}

.clearfix:after {
    clear:both
}

.clearfix {
    *zoom:1
}

.container {
    width:100%;
    padding-top:24px;
    padding-bottom:24px
}

.containerNoPadding {
    width:100%
}

.wrapper {
    margin:0 auto;
    width:90%;
    max-width:1200px
}

img {
    vertical-align:top;
    display:block;
    text-align:center;
    margin:auto
}


hr {
    height:1px;
    width:300px;
    margin:0 auto;
    background-color:#EDC763;
    color:#EDC763;
    border:0 none;
    margin-bottom:24px;
    clear:both
}

.fa {
    display:inline
}

.imageBorder {
    border:1px solid #D0C5C9;
    padding:20px
}

/* apply a natural box layout model to all elements, but allowing components to change */
html {
    box-sizing:border-box
}

*,:before,:after {
    box-sizing:inherit
}

/* base typography */
h1,h2,h3,h4,h5,h6 {
    font-weight:400;
    margin:0;
    font-family:'Raleway',sans-serif;
    text-transform:uppercase
}

h1 {
    padding:0;
    margin-bottom:1em;
/* 24 / 48 */
    margin-top:1em;

    text-shadow:0 1px 1px rgba(150,150,150,1)
}

h2 {
    font-size:2em;
/* 36 */
    line-height:1.333333333;
/* 48 / 36 */
    margin-bottom:1em;
/* 24 / 36 */
    margin-top:1em;
/* 24 / 36 */
    text-align:center;
    color:#772746
}

h3 {
    font-size:1.4em;
/* 24 */
    padding:.5em;
    color:#772847;
    text-align:center
}

h4 {
    font-size:1.3125em;
/* 21 */
    margin-bottom:.2em;
    color:#211E1F
}

h5 {
    font-size:2em;
/* 18 */
    line-height:100px;
    color:#E5B024
}

h6 {
    font-size:1em;
/* 16 */
    line-height:1.5;
/* 24 / 16 */
    margin-bottom:1.5em
/* 24 / 16 */
}

p,blockquote {
    font-size:1em;
/* 16 */
    margin:1em 0 1.5em;
/* 24 / 16 */
    line-height:1.5;
/* 24 / 16 */
    -webkit-hyphens:auto;
    -moz-hyphens:auto;
    -ms-hyphens:auto;
    hyphens:auto
}

p a:link,p a:visited {
    border-bottom:2px solid #f2f2f2;
    color:#631616;
    padding-bottom:1px;
    text-decoration:none;
    -webkit-transition:.25s;
    -moz-transition:.25s;
    -ms-transition:.25s;
    -o-transition:.25s;
    transition:.25s
}

p a:hover,p a:focus {
    color:#222
}

p a:active {
    position:relative;
    top:1px;
    -webkit-transition:none;
    -moz-transition:none;
    -ms-transition:none;
    -o-transition:none;
    transition:none
}

.main h4 {
    color:#f2f2f2;
    padding-bottom:1em
}

.bullet-list {
    list-style:square;
    margin-left:1em;
    line-height:24px
}

.bullet-list li {
    margin-bottom:1em
}

/* color scheme */
.secondary {
    background-color:#FEFEFC
}

.main {
    background-color:#362E2E;
    color:#F1F1DC
}

.primary {
    background-color:#FAFAF1
}

.compliment {
    background-color:#F5F5E0;
    color:#772948
}

.cta {
    background-color:#772948;
    color:#FEFEFC;
    border-radius:8px;
    display:inline-block;
    width:100%;
    max-width:300px;
    padding:1em;
    text-transform:uppercase;
    text-decoration:none
}

.int_content {
    text-align:left
}

.mobile_center {
	text-align: center;
}

.home_hero {
    text-align:center;
    background-size:cover;
    background-color:#CCC;
    background-image:url(../img/hero_home_mobile.jpg);
    background-repeat:no-repeat;
    background-position:center top;
    width:100%;
    height:300px;
    display:table
}

.services_hero {
    text-align:center;
    background-color:#772948;
    width:100%;
    height:auto;
    display:table
}

.hero_content {
    display:table-cell;
    vertical-align:bottom;
    width:100%;
    max-width:300px;
    text-align:center
}

.hero_text {
    margin-left:auto;
    margin-right:auto;
    color:#F1EED9;
    padding:1.4em;
    background:#4a2f1a;
/* Fall-back for browsers that don't
                                    support rgba */
    background:rgba(255,255,255,.5);
    width:100%;
    text-align:center
}

.services_hero .hero_text {
    margin-left:auto;
    margin-right:auto;
    color:#F1EED9;
    padding:1.4em;
    background:#4a2f1a;
/* Fall-back for browsers that don't
                                    support rgba */
    background:rgba(74,47,26,.2);
    width:100%;
    text-align:center
}

iframe {
    width:100%;
    height:auto
}

.logo {
    float:left;
    width:70%
}

.logo img {
	width: 100%;
    max-width:320px;
    height:auto
}

/* Navigation is enhanced by the shared native menu controller. */
#menu{display:none;}

ul.grid_3 li {
    display:block;
    text-align:center;
    margin:2.5% 0;
    transition:all .8s ease;
    font-size:16px;
    width:100%;
    vertical-align:top
}

ul.grid_3 li img {
    max-width:100%;
    height:auto
}

ul.footer_nav {
    padding-top:1em;
    padding-bottom:1em;
    text-align:center
}

ul.footer_nav li {
    display:block;
    border-bottom:1px solid #222
}

ul.footer_nav li a {
    display:block;
    padding:1em;
    color:#ACACAC;
    text-transform:uppercase;
    text-decoration:none
}

.social img {
    margin-bottom:1em
}

.mobile_hide {
    display:none
}

.phone {
    display:none
}

.footer_phone {
    display:block;
    font-size:1.2em;
    font-weight:700;
    padding:1em;
	line-height: 1.6em;
    text-align:center;
}

.col_100 {
    width:100%;
    text-align:center;
    margin:auto
}

.col_70 {
    width:100%;
    text-align:center
}

.col_search {
    width:100%;
    text-align:center
}

.col_70 .cta {
    margin-bottom:1em
}

.col_30 {
    margin-top:2.1em;
    width:100%;
    text-align:center
}

.cart {
    width:100%;
    text-align:center;
    margin-top:1em
}

.cart a {
    background-color:#772948;
    color:#f2f2f2;
    padding:1em;
    font-size:18px;
    text-decoration:none;
    text-transform:uppercase;
    display:inline-block
}

.checkout {
    border-left:5px solid #F5F5E0
}

.col_100 img,.col_70 img,.col_30 img {
    width:100%;
    height:auto;
    max-width:320px
}

ul.productGrid img {
	width: auto;
    max-width:180px;
    height:auto;
	max-height: 180px;
	border: 1px solid #D5D5B7;
	min-height:180px;
}

img.full-width-image {
    width:100%;
    height:auto;
    max-width:1200px;
    margin-bottom:2em
}

ul#scsCategoryNav {
    margin-top:0em; 
}

input {
    width:100%;
	-webkit-appearance: none;
    padding:1em;
    border:none;
    border:3px solid #800B58
}

input.searchBox {
	    padding-left: 50px;
  
    color:#A21758;
	font-size: 16px;

/*defining background image as a search symbol*/
    background-image:url(../img/search_icon.png);
    background-repeat:no-repeat;
/*background-size*/
-webkit-background-size:35px 35px;
   -moz-background-size:35px 35px;
     -o-background-size:35px 35px;
        background-size:35px 35px;
/*positioning background image*/
    background-position:8px 4px;
/*changing background color form white*/
width: 75%;
display:inline-block;

}


ul#scsCategoryNav li {
    display:block;
    border-bottom:1px solid #f2f2f2
}

ul#scsCategoryNav li a {
    display:block;
    padding:8px;
    color:#772948;
    text-decoration:none;
    font-size:1.2em;
    text-transform:uppercase
}

ul#scsCategoryNav li a:hover {
    background-color:#772948;
    color:#f2f2f2
}

 
   

ul.productGrid {
    font-size:0
}

ul.productGrid a {
    color:#772948
}

ul.productGrid li {
    display:inline-block;
    text-align:center;
    margin:0 0 2.5%;
    transition:all .8s ease;
    font-size:16px;
    width:100%;
    vertical-align:top
}

ul.productGrid li h2 {
    font-size:18px
}

ul.productGrid li:hover {
}


.imageContainer {
	min-height:180px;
	min-width:180px;
	text-align:center;
	vertical-align:middle;
}


.imageContainer a {
	display:block;
	margin-left:auto;
	margin-right:auto;
}

.imageContainer img {
	display:block;
	margin-left:auto;
	margin-right:auto;
}

.productName {
	font-size: 1em;

	padding: .5em;
	text-transform:capitalize;
	line-height: 1.4em;
}


.productPrice {
	font-size: 1.2em;
	font-weight: bold;

margin: 0;

	
}

#breadcrumb
{
	background-color: #DBDACC;
	height:30px;
	line-height:30px;
	color:#666666;
	width:100%;
	overflow:hidden;
	padding:0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 1px;
	margin-left: 0px;
	font-family: Open Sans, Arial, Helvetica, sans-serif;
	font-size: 15px;
}

#breadcrumb li
{
	list-style-type:none;
	float:left;
	padding-left:10px;
	line-height: 30px;
	color: #666666;
}

#breadcrumb a
{
	height:30px;
	display:block;
	background-image:none;
	background-repeat:no-repeat;
	background-position:right;
	padding-right: 25px;
	text-decoration: none;
	color:#454545;
	line-height: 30px;
}
#breadcrumb a:hover
{
    color:#000000;
}

.scsCartCrumbTrail {
	background-color: #DBDACC;
	
	line-height:30px;
	color:#666666;
	width:100%;
	overflow:hidden;
	padding-left:0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 1px;
	margin-left: 0px;
	font-family: Open Sans, Arial, Helvetica, sans-serif;
	font-size: 15px;
	padding: 8px;
}


.scsCartCrumbTrail a
{

	
	padding: 8px;
	text-decoration: none;
	color:#454545;

}

.productHeader {
	font-family: Open Sans, sans-serif;
	color: #666666;
	font-weight: 700;
	font-size: 1.2em;
	line-height: 1.6em;
	text-transform:capitalize;
	padding-top: .5em;
	padding-bottom: .5em;
	margin-bottom: 1em;
	border-bottom: 2px solid #cccccc;
	
	background-color: #f2f2f2;
	
}
p.productDetailPrice {

 font-family:'Open Sans',sans-serif;
 font-size: 1em;
	color: #666666;
	text-align: center;
}

p.productDetailQuantity {
	text-align: center !important;
}

.addToCart {
	padding: 1em !important;
	font-size: 1.4em;
	color:#F2F2F2 !important;
	background-color:#772948;
	text-transform:uppercase;
	text-decoration:none;
	display:block;
	width: 100%;
	margin-top: 24px;
	margin-bottom: 24px;
	text-align: center;
	cursor: pointer;
	box-sizing: border-box;
}

.recommended {
	font-family: 'Raleway', sans-serif;
	color: #313140;
	padding-bottom: .5em;
	font-weight: 400;
	font-size: 1.8em;
	text-transform:capitalize;
margin-top: 1em;
	border-bottom: 1px solid #f2f2f2;
	margin-bottom: 1em;
	
	
}
.shopContainer {
    padding-bottom:2em
}

.newsletter_header {
    font-weight:700;
    border-top:1px solid #f2f2f2;
    padding-top:1em;
    margin-top:1em
}

.sectionHeader {
    color:#f2f2f2;
    margin:0 auto;
    padding:0;
    border-bottom:1px solid #f2f2f2;
    padding-bottom:.2em;
    margin-bottom:.2em;
    max-width:320px
}

p.sectionSubHeader a {
    color:#f2f2f2;
    margin:0;
    text-decoration:none;
    padding:8px
}

.testimonial {
    border-top:1px solid #CFBCBC;
    margin-top:1em;
    margin-bottom:2em;
    border-bottom:1px solid #CFBCBC;
    padding-top:.5em;
    padding-bottom:1em
}

.mobile_phone {
    text-align:center
}

.menuFull {
    display:none
}

.social img {
    width:auto;
    display:inline-block
}

.productTitleContainer p {
    padding:.5em
}

.news_sign_up {
    margin-bottom: .2em;
}

.cd-top.cd-is-visible {
/* the button becomes visible */
    visibility:visible;
    opacity:1
}

.cd-top.cd-fade-out {
/* if the user keeps scrolling down, the button is out of focus and becomes less visible */
    opacity:.5
}

.cd-top {
    display:inline-block;
    height:auto;
    width:auto;
    padding:16px;
    position:fixed;
    bottom:40px;
    right:10px;
    box-shadow:0 0 10px rgba(0,0,0,0.05);
/* image replacement properties */
    overflow:hidden;
    text-decoration:none;
    white-space:nowrap;
    background:rgba(0,0,0,0.8);
    color:#f2f2f2;
    visibility:hidden;
    opacity:0;
    -webkit-transition:all .3s;
    -moz-transition:all .3s;
    transition:all .3s
}

.cd-top.cd-is-visible {
/* the button becomes visible */
    visibility:visible;
    opacity:1
}

.cd-top.cd-fade-out {
/* if the user keeps scrolling down, the button is out of focus and becomes less visible */
    opacity:.5
}

.no-touch .cd-top:hover {
    background-color:#e86256;
    opacity:1
}

.productDetailQuantity .scsDetailFormElements {
	width: 70px;
	text-align: center;
}

.productDetailImage {
	border: 1px solid #C9CF9C;
	width: auto !important;
max-width: 180px !important;
height: auto;
max-height: 180px;

}

.scsListingCategoryName {
	color: #7B0F34;
	font-size: 1.4em;
}

.cartFooter {
	clear: both;
border-top: 1px solid #D1D3AD;
border-bottom: 1px solid #D1D3AD;
padding: 1em;
margin-top: 1em;
font-weight: bold;
text-align:center;
}
.promoInput {
	padding: 6px;
font-size: 16px;
width: 300px;
margin-top: 16px;
margin-bottom: 16px;
}

.promoSubmit {
	padding-top: 16px;
	max-width: 100px;
	
display: block;
max-width: 201px;
border: none;
}

.cartContainer .col_30 {
	clear:both;
}
.cartContainer .col_70 {
	
border-bottom: 1px solid #F2F2F2;
padding-bottom: 1em;

}

.cartContainer .col_30 img {
	border: 1px solid #C9CF9C;
width: auto !important;
max-width: 180px !important;
height: auto;
max-height: 180px;
}
.scsCategoryDescription {
	padding-bottom: 1em;
	display: block;
}

span.perUnit {
	display: block;
	font-style:italic;
	font-size: 16px;
}
#scsCategoryMatches {
	background-color: #E5E5D2;
	padding: 8px;
	line-height:22px;
}

.scsTopNavLink {
	color: #7A0C50;
}

.btnSearch {
	display: inline-block;
	width: 16%;
	padding: 10px;
	background-color:#222222;
	color: #f2f2f2;
	font-size: 18px;
	border-radius:8px;
	margin-left:4px;
}

.submit {
	display:block;
	
	padding: 10px;
	background-color:#222222;
	color: #f2f2f2;
	font-size: 18px;
	border-radius:8px;
	margin-left:4px;
	cursor:pointer;
	margin-top: 4px;
}

@media (min-width: 400px) {
ul.productGrid {
    margin-left:-2.5%;
/* should match li left margin */
    font-size:0
}

ul.productGrid li {
    display:inline-block;
    text-align:center;
    margin:0 0 2.5% 2.5%;
    transition:all .8s ease;
    font-size:16px;
    width:47.5%;
    vertical-align:top
}

ul.productGrid li h2 {
    font-size:18px
}

ul.productGrid li:hover {
}
}

@media (min-width: 600px) {
.logo {
    float:left;
    width:auto
}

ul.productGrid {
    margin-left:-2.5%;
/* should match li left margin */
    font-size:0
}

ul.productGrid li {
    display:inline-block;
    text-align:center;
    margin:0 0 2.5% 2.5%;
    transition:all .8s ease;
    font-size:16px;
    width:30.83333%;
    vertical-align:top
}

ul.productGrid li h2 {
    font-size:18px
}

ul.productGrid li:hover {
}

}

@media (min-width: 820px) {
ul.footer_nav {
    padding-top:1em;
    padding-bottom:1em;
    text-align:center;
    border-bottom:1px solid #222
}

ul.footer_nav li {
    display:inline-block;
    border:none
}

ul.footer_nav li a {
    display:block;
    padding:1em;
    color:#ACACAC;
    text-transform:uppercase;
    text-decoration:none
}

.col_100 {
    width:100%;
    text-align:center;
    max-width:660px;
    margin:auto
}

.col_70 {
    float:left;
    width:70%;
    text-align:center
}

.col_70 .cta {
    margin-right:1em;
    margin-bottom:2.1em
}

.col_30 {
    float:left;
    margin-top:2.1em;
    padding-left:2em;
    width:30%;
    text-align:center
}

.mobile_center {
	text-align: left;
}

.col_search {
	width: 50%;
	float: left;
}

.cart {
    float:left;
    width:50%;
    margin-top:0;
    text-align:right
}

.home_hero {
    text-align:center;
    background-size:cover;
    background-color:#CCC;
    background-image:url(../img/hero_home_med.jpg);
    background-repeat:no-repeat;
    background-position:center top;
    width:100%;
    height:350px;
    display:table
}

ul.grid_3 {
    font-size:0;
    text-align:center;
    margin-left:-2.5%
/* should match li left margin */
}

ul.grid_3 li {
    display:inline-block;
    text-align:center;
    margin:0 0 2.5% 2.5%;
    transition:all .8s ease;
    font-size:16px;
    width:30.83333%;
    vertical-align:top
}

ul.grid_3 li img {
    width:100%;
    height:auto
}


}

@media (min-width: 1400px) {
	.home_hero {
    text-align:center;
    background-size:cover;
    background-color:#CCC;
    background-image:url(../img/hero_home.jpg);
    background-repeat:no-repeat;
    background-position:center top;
    width:100%;
    height:350px;
    display:table
}
}

@media (min-width: 1010px) {
	ul.productGrid {
    margin-left:-2.5%;
/* should match li left margin */
    font-size:0
}

ul.productGrid li {
    display:inline-block;
    text-align:center;
    margin:0 0 2.5% 2.5%;
    transition:all .8s ease;
    font-size:16px;
    width:22.5%;
    vertical-align:top
}

ul.productGrid li h2 {
    font-size:18px
}

ul.productGrid li:hover {
}
	
		p.productDetailQuantity {
	text-align: center !important;
}
.mobile_phone {
    display:none
}

.phone {
    float:right;
    display:inline-block;
    font-size:1.4em;
    font-weight:700;
    line-height:76px
}

.menu-link {
    display:none
}

ul.menuFull {
    display:-webkit-flex;
    display:flex;
	 display: -webkit-box;  
 	 display: -ms-flexbox;
    justify-content:center;
    border-left:1px solid #4F4444;
    border-right:1px solid #4F4444
}

ul.menuFull li {
    display:block;
    font-size:16px;
    flex:1;
	-webkit-flex: 1;
	 -ms-flex: 1;  
	 -webkit-box-flex: 1;
    text-align:center;
    border-right:1px solid #4F4444
}

ul.menuFull li:last-child {
    border:none
}

ul.menuFull li a {
    display:block;
    font-family:'Raleway',sans-serif;
    padding:1.4em 1em;
    color:#F1F1DC;
    text-decoration:none;
    text-transform:uppercase;
    font-size:1.1em
}
}

@media (min-width: 1100px) {
ul.productGrid {
    margin-left:-2.5%;
/* should match li left margin */
    font-size:0
}

ul.productGrid li {
    display:inline-block;
    text-align:center;
    margin:0 0 2.5% 2.5%;
    transition:all .8s ease;
    font-size:16px;
    width:22.5%;
    vertical-align:top
}

ul.productGrid li h2 {
    font-size:18px
}

ul.productGrid li:hover {
}
}



.pagination {


margin-top: 16px;
margin-bottom: 16px;


}
.pagination li {
        display: inline;
 	margin: 4px;

}
.pagination a {
        border: 1px solid #d7d7d7;
        padding: 8px;
        color: #5B4E4E;  
        text-decoration: none;



}

.copy {
	border-top: 1px solid #222;
	clear:both;
}
.copy p {
	text-align:center;
	font-size:11px;
	color: #7E7E7E;
}
.copy p a {
		color: #7E7E7E;
		text-decoration:none;
		border: none;
}

/* Static preview: visible keyboard focus and readable privacy navigation. */
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #267883;outline-offset:3px}
.copy a[href="/privacy.htm"]{display:inline-block;font-size:14px;color:#fff;padding:12px;text-decoration:underline}