﻿
/***************************
  Everything Cross Stitch
 ***************************
  rgb(240,240,224)   Ultra Light  L:(248,248,240)
  rgb(206,206,177)   Very Light   L:(223,223,200)
  rgb(171,171,129)   Light        L:(188,188,153) 
  rgb(137,137,82)   *Medium       L:(154,154,105)  
  rgb(102,102,34)    Dark         L:(119,119,58)
  rgb(51,51,17)      Very Dark    L:(77,77,26)
 ***************************/
/* dark to ultra light  - 7 blends  */
/* Blend dark to black, 1 blend, set that to very dark */
/* Blend very dark to dark, 1 blend, set (Very Dark L:)*/
a {color: rgb(51,51,17);text-decoration: none;}
a:hover, a:focus {color: rgb(51,51,17);text-decoration: underline;}

.footer {
	font-size: 14px;
  color:rgb(102,102,34);
}

/* Page */
.mrsf-page-header { background-color:  rgb(137,137,82); border-color: rgb(102,102,34); color: rgb(102,102,34); }
.mrsf-page-description{ background-color: #fff; border-color: rgb(102,102,34); color: rgb(102,102,34); }

/* Callouts */
.mrsf-wrapper.callout-week {
  background-image: url('/static/site/fills/fabric-3.png');
  background-size: 300px;
  background-repeat: repeat;
  background-position: 0px 0px;
}
.mrsf-wrapper.callout-week .callout-header { color: rgb(119,119,58); }
.mrsf-wrapper.callout-week .callout-color2 { color: rgb(171,171,129); }
.mrsf-wrapper.callout-month {
  background-image: url('/static/site/fills/fabric-4.png');
  background-size: 300px;
  background-repeat: repeat;
  background-position: 0px 0px;
}
.mrsf-wrapper.callout-month .callout-header { color: rgb(119,119,58); }
.mrsf-wrapper.callout-month .callout-color2 { color: rgb(171,171,129); }

  /* Images */
  .mrsf-image.thumbnail {
 border-color: rgb(102,102,34); 
}

/* Phase 2 */
/* Buttons */
.btn {
  color: rgb(51,51,17);
  border-color: rgb(102,102,34);
  background-color: rgb(137,137,82);
  box-shadow: none;
  text-shadow: none;
}
.btn:focus, .btn.focus,
.btn:hover, .btn-check + .btn:hover {
  color: rgb(51,51,17);
  border-color: rgb(102,102,34);
  background-color: rgb(154,154,105);
}
.btn:active, .btn.active,  
.btn-check:checked + .btn,
.open > .dropdown-toggle.btn.btn-default,
.open > .dropdown-toggle.btn {
  color: rgb(102,102,34) !important;
  border-color: rgb(102,102,34) !important;
  background-color: rgb(171,171,129) !important;
}

.btn.primary {  
  background-color: rgb(102,102,34);
  border-color: rgb(102,102,34);
  color: rgb(255,255,255);
}
.btn.primary:hover, .btn.primary:focus { background-color: rgb(119,119,58) !important; }
.btn.primary:active {
  color: rgb(51,51,17) !important;
  background-color: rgb(206,206,177) !important;  
}

/* Form Controls */
.form-control { border-color: rgb(102,102,34); }
.form-control:focus {
  border-color: rgb(102,102,34);
  background-color: rgb(252,252,248);
  box-shadow: inset 1px 1px 1px rgba(102, 102, 34, 0.25), 0 0 02px rgba(102,102,34, 1);
}
/* Control Block */
.mrsf-wrapper.mrsf-stylecb {
  background-color: rgb(206,206,177);
}
/* End PHASE 2*/

.input-group select {
  border-color:rgb(102,102,34);  
  box-shadow: none;  
}
.input-group input,
.input-group .btn {
  border-color:rgb(102,102,34);
}

.btn.btn-addtocart,
.btn.btn-checkout {
	box-shadow: inset 1px 1px 0px rgb(206,206,177);
  background-color: rgb(137,137,82);
  border-color: rgb(102,102,34);  
  color: rgb(255,255,255);
  text-shadow: 1px 1px 1px rgb(119,119,58);	  
}
  .btn.btn-addtocart:focus,
  .btn.btn-addtocart.focus,
  .btn.btn-addtocart:hover,
  .btn.btn-checkout:focus,
  .btn.btn-checkout.focus,
  .btn.btn-checkout:hover {
    background-color: rgb(171,171,129) !important;
  }
  .btn.btn-addtocart:active,
  .btn.btn-addtocart.active,
  .btn.btn-checkout:active,
  .btn.btn-checkout.active,
  .open > .dropdown-toggle.btn.btn-checkout {    
    color: rgb(240,240,224);
    text-shadow: 1px 1px 1px rgb(137,137,82);
    background-color: rgb(137,137,82) !important;
    border-color: rgb(206,206,177)!important;
  }

.mrsf-quantity {
  background-color: rgb(240,240,224);
  border-color: rgb(171,171,129);     
  color: rgb(188,188,153);  
}
.mrsf-quantity.has-focus {
  border-color: rgb(102,102,34);    
  box-shadow: inset 1px 1px 1px rgba(102, 102, 34, 0.25), 0 0 02px rgba(102,102,34, 1);          
}
.mrsf-quantity.has-focus div, .mrsf-quantity.has-focus input{  
  border-color: rgb(171,171,129);     
}

/* Ribbon Bars */
.mrsf-image-ribbon .ribbon-item h3,
.mrsf-image-ribbon .ribbon-item h4 {
  background: rgba(223,223,200,0.9);
  border: 2px solid rgb(137,137,82);
  color: rgb(119,119,58);
}
.mrsf-image-ribbon .ribbon-item:hover h3,
.mrsf-image-ribbon .ribbon-item:hover h4 {
  background: rgba(77,77,26,0.8);  
  color: rgb(240,240,224);  
}
.mrsf-image-ribbon .ribbon-item.selected h3,
.mrsf-image-ribbon .ribbon-item.selected h4 {
  background: rgba(51,51,17,0.8);  
  color: rgb(240,240,224);  
}

/* Five Star Ratings */
.mrsf-five-star-rating .star {
  color:rgb(206,206,177);
}
.mrsf-five-star-display.rating1 .star:nth-child(-n+1),
.mrsf-five-star-rating.rating1 .star:nth-child(-n+1),
.mrsf-five-star-display.rating2 .star:nth-child(-n+2),
.mrsf-five-star-rating.rating2 .star:nth-child(-n+2),
.mrsf-five-star-display.rating3 .star:nth-child(-n+3),
.mrsf-five-star-rating.rating3 .star:nth-child(-n+3),
.mrsf-five-star-display.rating4 .star:nth-child(-n+4),
.mrsf-five-star-rating.rating4 .star:nth-child(-n+4),
.mrsf-five-star-display.rating5 .star:nth-child(-n+5),
.mrsf-five-star-rating.rating5 .star:nth-child(-n+5) {
  color:rgb(102,102,34);
}
.mrsf-five-star-rating.mouseOver1 .star:nth-child(-n+1),
.mrsf-five-star-rating.mouseOver2 .star:nth-child(-n+2),
.mrsf-five-star-rating.mouseOver3 .star:nth-child(-n+3),
.mrsf-five-star-rating.mouseOver4 .star:nth-child(-n+4),
.mrsf-five-star-rating.mouseOver5 .star:nth-child(-n+5) {
  color:rgb(102,102,34);
}
.mrsf-five-star-rating.mouseOver1 .star:nth-child(n+2),
.mrsf-five-star-rating.mouseOver2 .star:nth-child(n+3),
.mrsf-five-star-rating.mouseOver3 .star:nth-child(n+4),
.mrsf-five-star-rating.mouseOver4 .star:nth-child(n+5) {
  color:rgb(206,206,177);
}

/* mrnav */
.mrnav .bar { background-color: rgb(102,102,34); border-color: rgb(51,51,17); }
.mrnav .menu > li > a { color: white; }
.mrnav .menu > li > a:hover, /* TopMenu Active */
.mrnav .menu > li > a:focus { background-color: rgb(240,240,224); color: rgb(102,102,34);}
.mrnav .menu .dropdown-menu { background-color: rgb(240,240,224); border-color: rgb(240,240,224); }
.mrnav .menu .dropdown-menu .dropdown-divider { border-color: rgb(137,137,82); }
.mrnav .menu .dropdown-menu > li > a { color: rgb(102,102,34); }
.mrnav .menu .dropdown-menu > li > a:focus,
.mrnav .menu .dropdown-menu > li > a:hover { background-color: rgb(137,137,82); color: rgb(240,240,224); }
/* Side Nav Menus In Content */
.mrnav .sidemenu { color: rgb(51,51,17); background-color: rgb(206,206,177); box-shadow: inset 1px 1px #fff; border: 1px solid rgb(137,137,82); }
.mrnav .sidemenu .submenu a:hover { color: rgb(102,102,34); background-color: rgb(240,240,224);}
/* Side Nav NOT IN CONTNT */
.mrnav .panel.block { color: rgb(51,51,17); background-color: rgb(240,240,224); border-color: rgb(51,51,17); }
.mrnav .panel.block .closebtn { color: white; }
.mrnav .panel.block .blockheader { color: white; background-color: rgb(102,102,34); }
.mrnav .panel.sidemenu { color: rgb(206,206,177); background-color: rgb(102,102,34); border-color:rgb(102,102,34); }
.mrnav .panel.sidemenu .menutop a,
.mrnav .panel.sidemenu .nav-submenu.open span,
.mrnav .panel.sidemenu .submenu .selected a,
.mrnav .panel.sidemenu .closebtn:hover { color: white; }
.mrnav .panel.sidemenu .submenu a,
.mrnav .panel.sidemenu .closebtn { color: rgb(206,206,177); }
.mrnav .panel.sidemenu .submenu a:hover { color: rgb(51,51,17); background-color: rgb(206,206,177);}
.mrnav .panel.selectlist .listitems .li:hover { color: white; background-color: rgb(137,137,82); }


/* Navbar 1/19/23 */
#navbarMainLogoLink {
  width: 400px;
  height: 88px;
  margin-bottom: 10px;
}
#navbarHolder {
  box-shadow: inset 1px 1px rgb(154,154,105);
  background-color: rgb(102,102,34);
  border-color: rgb(51,51,17);
  background-image: url('/static/logo/EXSLogoB.png');
}
/* Main Top Navbar */
.navbar-main-header { background-image: url('/static/logo/exsLogo.jpg'); background-position: 0px 0px; }
.navbar .navbar-nav > li > a {color: white;	}
.navbar .navbar-nav > li > a:hover, /* TopMenu Active */
.navbar .navbar-nav > li > a:focus { background-color: rgb(240,240,224); color: rgb(102,102,34); }
.navbar .navbar-nav .dropdown-menu, /* TopMenu Dropdown Menu*/
.navbar .navbar-nav .dropdown-menu .dropdown-divider { background-color: rgb(240,240,224); border: 1px solid rgb(137,137,82); }
.navbar .navbar-nav .dropdown-menu > li > a { color:rgb(102,102,34); }
.navbar .navbar-nav .dropdown-menu > li > a:focus,
.navbar .navbar-nav .dropdown-menu > li > a:hover { background-color: rgb(137,137,82); color: rgb(240,240,224); }
.navbar .btn { text-shadow: 2px 2px 2px rgb(102,102,34); background-color:rgb(171,171,129); border-color: rgb(171,171,129); color: white; }
/* Side Nav Menus In Content */
.mrnav-cnt.incontent { color: rgb(51,51,17); background-color: rgb(206,206,177); box-shadow: inset 1px 1px #fff; border: 1px solid rgb(137,137,82); }
.mrnav-cnt.incontent .submenu a:hover { color: rgb(102,102,34); background-color: rgb(240,240,224); }
/* Side Nav NOT IN CONTNT */
.mrnav-cnt:not(.incontent) { color: rgb(206,206,177); background-color: rgb(102,102,34); border: 1px solid rgb(102,102,34); background-image: url('/static/logo/EXSLogoB.png'); }
.mrnav-cnt:not(.incontent) .menutop a,
.mrnav-cnt:not(.incontent) .nav-submenu.open span,
.mrnav-cnt:not(.incontent) .submenu .selected a,
.mrnav-cnt:not(.incontent) .closebtn:hover { color: white; }
.mrnav-cnt:not(.incontent) .submenu a,
.mrnav-cnt:not(.incontent) .closebtn { color: rgb(206,206,177); }
.mrnav-cnt:not(.incontent) .submenu a:hover { color: rgb(51,51,17); background-color: rgb(206,206,177); }
/* AutoComplete Widget*/
.ui-autocomplete.ui-widget.ui-widget-content { border-color: rgb(171,171,129); }
.ui-autocomplete-input,
.ui-autocomplete .ui-menu-item { background-color: rgb(240,240,224); }
.ui-autocomplete .ui-menu-item .ui-state-focus,
.ui-autocomplete .ui-menu-item .ui-state-active,
.ui-autocomplete .ui-menu-item .ui-state-active:hover { margin: 0px; background-color: rgb(171,171,129); border: 0px solid rgb(137,137,82); }



/* Entity List and CSM*/
.mrsf-wrapper.entity-list-header,
.entity-list-control,
.mrsf-wrapper.entity-list-menu,
.mrsf-product-grid .wrapper-footer,
.mrsf-wrapper.entity-list-content .wrapper-footer {
  background-color: rgb(206,206,177);
  border-color: rgb(137,137,82);
}

.mrsf-wrapper.entity-list-content {
  border-color: rgb(137,137,82);
}



.mrsf-callout-inside-header {
  font-style: italic;
  color: rgb(46,29,53);
}
.mrsf-callout-inside-header {
  font-style:italic;
  color: rgb(51,51,17);
}
.mrsf-userlinks1 {    
  margin-top:60px; 
  display:inline-block;
  vertical-align: bottom;  
  border:1px solid red; 
  float:right;
  padding:0px;  
}

.mrsf-topic-header {
  background-color: #fff;
  color:rgb(102,102,34);
  margin:0;
  padding:15px;
}
.mrsf-topic-picholder {
  display:inline-block;
  background-color:  #fff;
  float:left;  
  padding-right:15px;
  margin-right:15px; 
}
.mrsf-topic-content {
  display:block;
  margin-top:20px;  
  padding-right:15px;
  background-color: #fff; 
  padding:0px;  
}
.mrsf-topic-content > well {
  border:0px;
  padding:0px;
}
.mrsf-topic-header > i {
  background-color: rgb(243,239,230);
  padding:20px;
}
.mrsf-topic-title {  
  background-color: rgb(243,239,230);
  padding:0px;
  margin-bottom:0px;
}
.mrsf-topic-description {  
  background-color: #fff;
  padding:0px;  
  text-overflow:ellipsis;
}
.mrsf-topic-block {
  background:0px;
  border:0px;
  padding:0;
  margin:0;
}



/* Product Overrides*/
.mrsf-product-name {
	box-shadow: inset 1px 1px #fff;
	border-radius: 10px;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
	background-color: rgba(231, 222, 205, 0.50);
	border-color: rgba(231, 222, 205, 0.99);
  padding-bottom:10px;
}
.mrsf-product-image-wrapper {
	box-shadow: inset 1px 1px #fff;
	border-radius: 10px;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;  
	background-color: #fff;
	border-color: rgba(231, 222, 205, 0.99);
}
.mrsf-product-details {
  box-shadow: inset 1px 1px #fff;
	border-radius: 10px;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;  
	background-color: #fff;
	border-color: rgba(231, 222, 205, 0.99);
  text-align:left;
  padding-bottom:25px;
}
.mrsf-product-description{  
}
.mrsf-product-addtocart-table {  
  border: 1px solid rgb(171,171,129);
}
.mrsf-product-addtocart-table > tbody > tr:nth-of-type(odd) {
  background-color: rgb(248,246,243);  
}
.mrsf-product-addtocart-table > tbody > tr:nth-of-type(even) {
  background-color: rgb(255,255,255);
}
.mrsf-product-addtocart-table > tbody > tr {
  border-bottom: 1px solid rgb(171,171,129);
}
.mrsf-product-addtocart-table > tbody > tr > td {
  padding:5px;  
}
.mrsf-product-img-thumbnail-wrapper {
  padding-top:5px;
  padding-bottom:5px;
  background-color: rgba(231, 222, 205, 0.50); 
  border-top:1px solid rgb(137,137,82);
  margin-right:-10px;
  margin-left:-10px;
  margin-top:15px;
  margin-bottom:-10px;
  border-radius: 10px;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;  
}
.mrsf-product-img-thumbnail{ 	
	background-color: #fff;  
	border-color: rgb(137,137,82);
  border-width:1px;
  margin-left:5px;
}

.mrsf-form .field-label.style2 {
  font-weight:normal;
  color: rgb(102,102,34);
  padding-right:10px;
}



.suppliesLine {
  border-color:rgb(137,137,82);
}

/* Menu Classes*/
/* Used in the following areas:   */
/*    Checkout Menu               */
 .mrsf-menu-a {
  background-color:#fff;
  border: 1px solid rgb(137,137,82);
  color: rgb(51,51,17);
  -webkit-box-shadow: 3px 3px 10px 0px rgb(102,102,34) ; 
          box-shadow: 3px 3px 10px 0px rgb(102,102,34) ;
}

.mrsf-menu-a > h1,
.mrsf-menu-a > h2,
.mrsf-menu-a > h3,
.mrsf-menu-a > h4 { 
  background-color:rgb(206,206,177);
  color: rgb(102,102,34);    
  border-bottom:1px solid rgb(102,102,34);
}
.mrsf-menu-a .mrsf-menu-item {
  background-color:#fff;
}
.mrsf-menu-a .mrsf-menu-item.active {
  background-color:rgb(137,137,82);
}
.mrsf-menu-a .mrsf-menu-item.disabled {
  color:gray;
}
.mrsf-menu-a .mrsf-menu-item:hover {
  background-color:rgb(206,206,177);
}
.mrsf-menu-a .mrsf-menu-item.active:hover {
  background-color:rgb(137,137,82);
}

.mrsf-menu-pg {
  background-color:inherit;
  padding:0px;
}
.mrsf-menu-pg > h1,
.mrsf-menu-pg > h2,
.mrsf-menu-pg > h3,
.mrsf-menu-pg > h4 { 
  background-color:rgb(206,206,177);
  color: rgb(102,102,34);    
  padding:0px;
  margin-bottom:3px;  
  margin-top:10px;    
  text-decoration:underline;
}
.mrsf-menu-pg > h5 {
  background-color:rgb(206,206,177);
  color: rgb(102,102,34);    
  padding:0px;
  margin-bottom:3px;  
  margin-top:10px;    
}
.mrsf-menu-pg .mrsf-menu-item {
  color: rgb(102,102,34);
  background-color:rgb(206,206,177);
}
.mrsf-menu-pg .mrsf-menu-item.active {
  background-color:rgb(137,137,82);
  color:#fff;
}
.mrsf-menu-pg .mrsf-menu-item.disabled {
  color:gray;
}
.mrsf-menu-pg .mrsf-menu-item:hover {
  background-color:rgb(171,171,129);
  
}
.mrsf-menu-pg .mrsf-menu-item.active:hover {
  background-color:rgb(137,137,82);
}

.modal .modal-content {
  background-color:rgb(154,154,105);  
  border: 2px solid rgb(102,102,34);
}

/* Wrappers */
.mrsf-wrapper {
  background-color:#fff;  
  border: 1px solid rgb(102,102,34);
  color: rgb(48,48,48);
}
.mrsf-wrapper > h1,
.mrsf-wrapper > h2,
.mrsf-wrapper > h3,
.mrsf-wrapper > h4,
.mrsf-wrapper .wrapper-header {
    background-color:rgb(171,171,129);
    color:rgb(51,51,17);   
    border-color: rgb(102,102,34); 
  }
.mrsf-wrapper .wrapper-header.mrsf-color-medium-dark {
  background-color:rgb(137,137,82);
  color:#fff;
}
.mrsf-wrapper > h2.mrsf-color-ultra-light ,
.mrsf-wrapper .wrapper-header.mrsf-color-ultra-light {
  background-color:rgb(240,240,224);
  color:rgb(137,137,82);
}
.mrsf-wrapper > h2.mrsf-color-very-dark {
  color:rgb(255,255,255);
   background-color:rgb(102,102,34);
}

.mrsf-wrapper.mrsf-style2 {
  background-color:rgb(240,240,224);
  border: 1px solid rgb(102,102,34);
  color: rgb(51,51,17);
}
.mrsf-wrapper.mrsf-style2 > h1,
.mrsf-wrapper.mrsf-style2 > h2,
.mrsf-wrapper.mrsf-style2 > h3,
.mrsf-wrapper.mrsf-style2 > h4,
.mrsf-wrapper.mrsf-style2 .wrapper-header {
  color:rgb(51,51,17);
  background-color:rgb(171,171,129);
  border-color:inherit;
}
.mrsf-wrapper.mrsf-style2 .wrapper-header .header-row {
  color:rgb(255,255,255);
  background-color:rgb(137,137,82);  
  border-color:inherit;  
}
.mrsf-wrapper.mrsf-style2  .list-row .ext-flipper-selector.selected {
  background-color:rgb(206,206,177);
}

.mrsf-wrapper.mrsf-style3 {  
  border-color:rgb(102,102,34);
}
.mrsf-wrapper.mrsf-style3 > h1,
.mrsf-wrapper.mrsf-style3 > h2,
.mrsf-wrapper.mrsf-style3 > h3,
.mrsf-wrapper.mrsf-style3 > h4,
.mrsf-wrapper.mrsf-style3 .wrapper-header {
  color:#fff;
  background-color:rgb(102,102,34);  
}

.mrsf-wrapper.mrsf-style4 {
  border-color: rgb(137,137,82);
}
.mrsf-wrapper.mrsf-style4 > h1,
.mrsf-wrapper.mrsf-style4 > h2,
.mrsf-wrapper.mrsf-style4 > h3,
.mrsf-wrapper.mrsf-style4 > h4,
.mrsf-wrapper.mrsf-style4 .wrapper-header
{
  color: rgb(102,102,34);
  background-color: rgb(206,206,177);
  border-bottom: 1px solid rgb(102,102,34);
}
.mrsf-wrapper.mrsf-style4 .wrapper-footer {
  background-color: rgb(240,240,224);  
  border-top: 1px solid rgb(102,102,34);
}

.mrsf-wrapper.mrsf-style5,
.mrsf-wrapper.mrsf-stylecb {
  background-color:rgb(206,206,177);
  color: rgb(51,51,17);   
  border: 1px solid rgb(137,137,82);
}
.mrsf-wrapper.mrsf-style5 > h1,
.mrsf-wrapper.mrsf-style5 > h2,
.mrsf-wrapper.mrsf-style5 > h3,
.mrsf-wrapper.mrsf-style5 > h4,
.mrsf-wrapper.mrsf-style5 .wrapper-header {
  color:inherit;  
  background-color:inherit;
}
.mrsf-wrapper.mrsf-style5 .wrapper-footer {
  border-color: inherit;  
}
.mrsf-wrapper.mrsf-style5.ultra-light {
  background-color:rgb(240,240,224);  
}
.mrsf-wrapper.mrsf-style5.very-light {
  background-color:rgb(206,206,177);
}
.mrsf-wrapper.mrsf-style5.light {
  background-color:rgb(171,171,129);
}
.mrsf-wrapper.mrsf-style5.medium {
  background-color:rgb(137,137,82);
}
.mrsf-wrapper.mrsf-style5.dark {
  background-color:rgb(102,102,34);
}
.mrsf-wrapper.mrsf-style5.very-dark {
  background-color:rgb(51,51,17);
}
.mrsf-wrapper.mrsf-style5.text-ultra-light {
  color:rgb(240,240,224);  
}
.mrsf-wrapper.mrsf-style5.text-very-light {
  color:rgb(206,206,177);
}
.mrsf-wrapper.mrsf-style5.text-light {
  color:rgb(171,171,129);
}
.mrsf-wrapper.mrsf-style5.text-medium {
  color:rgb(137,137,82);
}
.mrsf-wrapper.mrsf-style5.text-dark{
  color:rgb(102,102,34);
}
.mrsf-wrapper.mrsf-style5.text-very-dark{
  color:rgb(51,51,17);
}

.mrsf-wrapper .mrsf-media-strip .mi { border: 1px solid rgb(102,102,34); }

.mrsf-style-addtocart {
  background-color:rgb(206,206,177);
  border-color: rgb(137,137,82);  
  color: rgb(51,51,17);
}
.mrsf-wrapper.mrsf-style-addtocart .wrapper-header,
.mrsf-style-addtocart > h1,
.mrsf-style-addtocart > h2,
.mrsf-style-addtocart > h3,
.mrsf-style-addtocart > h4
 {
  color: rgb(240,240,224);
  color: #fff;
  background-color: rgb(137,137,82); 
  border-color: rgb(137,137,82); 
}
.mrsf-style-addtocart .wrapper-footer {
  border-color: rgb(137,137,82);  
}
.mrsf-wrapper.mrsf-style-addtocart.cart-grid > h3  {
  color: rgb(102,102,34);
  font-weight:bold
}
.mrsf-wrapper.mrsf-style-addtocart.cart-grid .mrsf-product-grid .product-grid-holder {
  border-color: rgb(137,137,82); 
}


/* Forms */
.mrsf-form-field .field-label.style2 {
  font-weight:normal;
  padding-right:10px;
  color: rgb(102,102,34) ;
}
.mrsf-form.fieldselect .selected .kbTarget{  
  background-color:rgb(244,241,234);
}
.mrsf-form.fieldselect .mrsf-form-field.selected .field-label {
  text-decoration:underline;
}

/* Columns*/
.mrsf-column-container.sepborder .column-right{
  border: 0px solid rgb(102,102,34);
  border-left-width:1px;
  border-top-width:0px;
}
.mrsf-column-container.sepborder.mrsf-nofloat .column-right {
  border-left-width: 0px;
  border-top-width: 1px;
}

/* Dropdown Tabs*/
.mrsf-dropdowntabs {
  border-color: rgb(102,102,34);
  border-radius: 15px;
  overflow:hidden;
}
.mrsf-dropdowntabs h4 {
  background-color:rgb(206,206,177);  
  color: rgb(102,102,34);
}
.mrsf-dropdowntab-matchactive,
.mrsf-dropdowntabs .dropdowntab.activetab h4 {
  background-color:rgb(171,171,129);
  color:rgb(102,102,34);
  border-color: rgb(102,102,34);
  
}
.mrsf-dropdowntabs .dropdowntab.activetab h4 {
  font-weight:bold;
}
.mrsf-dropdowntabs .dropdowntab.activetab .wrapper-footer {
  background-color:rgb(206,206,177);
  color:rgb(102,102,34);
}

/* Lists */
.mrsf-wrapper.striped-list .list-row,
.mrsf-list.striped-list .list-row,
.mrsf-flex-list.striped .list-row {
  background-color:rgb(248,248,240);  
  border: 1px solid rgb(223,223,200);
  border-width:0px;  
}
.mrsf-wrapper.striped-list .list-row:nth-of-type(even),
.mrsf-list.striped-list .list-row:nth-of-type(even), 
.mrsf-flex-list.striped .list-row:nth-of-type(even) {
  background-color:rgb(240,240,224);
  border: 1px solid rgb(206,206,177);
  border-width:0px;
}
.mrsf-list .header-row {
  color:rgb(255,255,255);
  background-color:rgb(137,137,82);  
  border-color:inherit;  
}


/* FlexControls */
.mrsf-flex-controls.asFooter { background-color: rgb(206,206,177); border-color: inherit; }
.mrsf-flex-controls .label {
  color:rgb(102,102,34);
  font-weight:normal;  
}
.mrsf-flex-controls .dropdown-menu {
  background-color:rgb(248,248,240);
  border-color:rgb(102,102,34);   
  color:rgb(102,102,34);   
}
.mrsf-flex-controls .dropdown-menu.striped li:nth-of-type(even) {
  background-color:rgb(240,240,224);
}
.mrsf-flex-controls .dropdown-menu.striped li.selected:nth-of-type(even),
.mrsf-flex-controls .dropdown-menu li.selected,
.mrsf-flex-controls .dropdown-menu.selectable li:hover {
  background-color:rgb(206,206,177);
}


/* Reviews */
.striped-list.reviews .list-row .reviewer,
.striped-list.reviews .list-row .title {
  color:rgb(51,51,17);
}
.mrsf-wrapper.reviews .list-row .comment,
.mrsf-wrapper.reviews .list-row .reviewer .mrsf-five-star-display {
  border-color:rgb(223,223,200);  
}
.mrsf-wrapper.reviews .list-row:nth-of-type(even) .comment,
.mrsf-wrapper.reviews .list-row:nth-of-type(even) .reviewer .mrsf-five-star-display {
  border-color:rgb(206,206,177);  
}
.mrsf-wrapper.reviews .list-row:nth-of-type(even) .reviewer .mrsf-five-star-display,
.mrsf-wrapper.reviews .list-row .reviewer .mrsf-five-star-display {
  border-top-color:#fff;
}

/* ChitChat */
.ccBlock {
  background-color:rgb(240,240,224);
  border-color: rgb(188,188,153);
}
.ccBlock.chitchatTopicView {
  background-color:rgb(206,206,177);
  border-color: rgb(154,154,105);
}
.ccBlock .ccSpecs {
  color:rgb(137,137,82);
  font-style:italic;
}
.ccBlock .ccSpecs .lbl {  
  color:rgb(171,171,129);
  font-size:.85em;
}
.ccBlock .ccSubject {
  color:rgb(119,119,58);
}
.ccBlock .ccMessage {
  color:rgb(51,51,17);
}
.ccBlock .ccCallout {
  /*background-color:rgb(188,188,153);*/
  color:rgb(137,137,82);
}
.ccBlock .ccMessage .parentexpander {
  color:rgb(137,137,82);
  background-color:rgb(248,248,240);
  -webkit-box-shadow: 4px 4px 10px 1px rgb(206,206,177) ; 
          box-shadow: 1px 1px 10px 1px rgb(188,188,153) ;
}
.ccBlock .ccSubject .ccTags {
  color:rgb(188,188,153);
  font-size:1.2em;
  line-height:1.3;
  font-weight:lighter;
}
.ccBlock.mrsf-divlink:not(.nofollow):hover .ccSubject .ccTags.hover-ck {
  text-decoration:none;
  color:rgb(137,137,82);
}


/* Triblock (Page Header)*/
.mrsf-triblock {
    border-color: rgb(137,137,82);   
}
.mrsf-triblock.page-header {
  border-color: rgb(51,51,17);
  margin-top:0px;
}
.mrsf-triblock.page-header .header { color: rgb(51,51,17); margin-bottom:8px; }
.mrsf-triblock.page-header .details { color: rgb(77,77,26) }
.mrsf-triblock.page-header.contractable { 
  border-width:1px; 
  padding:10px;
}
.mrsf-triblock.page-header.contractable:not(.expanded) {
  background-color:rgb(206,206,177);
}
.mrsf-triblock.mrsf-style2.page-header.contractable:not(.expanded) {
  background-color:rgb(240,240,224);
}

/* QandA */
.mrsf-QandA {
  border: 1px solid rgb(137,137,82);
  border-radius:10px;
  overflow:hidden;
}
.mrsf-QandA .QandAItem {
  background-color:rgb(240,240,224);
  border-color:rgb(137,137,82);
}
.mrsf-QandA .QandAItem:nth-of-type(even) {
  background-color:rgb(248,248,240);
}
.mrsf-QandA .QandAItem.selected {
  background-color:rgb(223,223,200);
}
.mrsf-QandA .QandAItem .question {
  color:rgb(77,77,26);
}
.mrsf-QandA .QandAItem .question .control {
  color:rgb(171,171,129);
}
.mrsf-QandA .QandAItem .answer {
  border: 1px solid rgb(171,171,129);
  border-radius:10px;
  overflow:hidden;
  padding:15px;
  background-color:#fff;
}
.mrsf-QandA .QandAItem:nth-of-type(even) .answer {
  border-color:rgb(206,206,177);
}

/* Entity List and CSM*/
.mrsf-wrapper.entity-list-header,
.entity-list-control,
.mrsf-wrapper.entity-list-menu,
.mrsf-wrapper.entity-list-content .wrapper-footer {
  background-color: rgb(206,206,177); 
  border-color: rgb(137,137,82); 
}
.mrsf-wrapper.entity-list-content {  
  border-color: rgb(137,137,82); 
}

.entity-description-holder,


.mrsf-csm .csm-menu-item.level1 {
  color:rgb(51,51,17);
}
.mrsf-csm .csm-menu-item.style1 {
  color:rgb(51,51,17);
  line-height:1em;
  padding-top:15px;
  padding-bottom:2px;
  padding-left:5px;
  font-size:1.1em
}
.mrsf-csm .csm-menu-item.style2 {
  color:rgb(119,119,58);  
  padding-top:0px;
  padding-bottom:0px;
  padding-left:20px;
  line-height:1.1em;
}
.mrsf-csm .csm-menu-item.active,
.mrsf-csm .csm-menu-item.showAll {
  background-color: rgb(119,119,58);
  color:#fff;
}



.mrsf-csm-menu {
  background-color: rgb(206,206,177); 
  border-color: rgb(137,137,82);        
}
.mrsf-no-csm-content,
.mrsf-csm-content{  
  background-color: #fff;
  border-color: rgb(137,137,82);
}

/* Product Grid Overides*/
.mrsf-product-grid .pg-info > div { color: rgb(102,102,34); }
.mrsf-product-grid .pg-info .pg-name,
.mrsf-product-grid .pg-info .pg-price { color: rgb(51,51,17); }
.mrsf-product-grid .inline-header,
.mrsf-product-grid-footer { background-color: rgb(206,206,177); border-color: rgb(119,119,58); color: rgb(102,102,34); }
.mrsf-product-grid-footer { background-color: rgb(206,206,177); border-top-color: rgb(137,137,82); }
.mrsf-product-grid .pg-popup.icon { color: rgb(102,102,34); }
.mrsf-product-grid .pg-popup.icon:hover { color: rgb(206,206,177); background-color:rgb(102,102,34); }
.mrsf-product-grid.selector .select-container { border-color: rgb(102,102,34); }
.mrsf-product-grid.selector .select-container.selected { background-color: rgb(240,240,224); }


/* Product Page Color Overrides */
.mrsf-wrapper.mrsf-product-header {
  background-color: rgb(206,206,177); 
  border-color: rgb(137,137,82);    
  color: rgb(51,51,17);       
}
.mrsf-wrapper.mrsf-product-header > h1 {
  background-color: rgb(206,206,177); 
  border:0px;
}

.mrsf-product-description {
  border-color: rgb(137,137,82);     
  background-color: rgb(206,206,177); 
}
.mrsf-product-description > div,
.mrsf-product-description.unfloat {
  border-color: rgb(137,137,82);     
}
.mrsf-product-body {
  border-color: rgb(137,137,82);     
}
.mrsf-product-header > h1 > span {
  color: rgb(102,102,34);
}
.mrsf-product-content-column {
  border-color: rgb(137,137,82); 
  color: rgb(51,51,17);     
}
.mrsf-product-content-column.description {
  border-color: rgb(137,137,82);     
  background-color: rgb(206,206,177); 
}
.mrsf-product-content-column.description > div,
.mrsf-product-content-column.unfloat {
  border-color: rgb(137,137,82);     
}
.mrsf-product-gallery,
.mrsf-gallery .microItem {
  border-color: rgb(137,137,82);
}
.mrsf-gallery .microWrapper {
  border-color: rgb(137,137,82);
  background-color: rgb(223,223,200);
}

.mrsf-sidecallout .callout-item {
  color: rgb(154,154,105);
}
.mrsf-sidecallout .callout-item .title,
.mrsf-sidecallout .callout-item .callout-icon {
  color: rgb(137,137,82);
}
.mrsf-separator{
  background-color: rgb(171,171,129);
}
.mrsf-text-h1 ,
.mrsf-text-h2 {
  font-size: 24px;  
  line-height:1.2em;
}
.mrsf-text-h3 {
  font-size: 20px;  
  line-height:1.2em;
}
.mrsf-text-h4,
.mrsf-text-h5  {
  font-size: 18px;  
  line-height:1.2em;
}

.mrsf-color-very-light a,
.mrsf-color-very-light {
  color:rgb(206,206,177);
}
.mrsf-color-light a,
.mrsf-color-light {
  color:rgb(171,171,129);
}
.mrsf-color-medium a,
.mrsf-color-medium {
  color:rgb(137,137,82);
}
.mrsf-color-dark a, 
.mrsf-color-dark {
  color: rgb(102,102,34);
}
.mrsf-color-very-dark a,
.mrsf-color-very-dark {
  color: rgb(51,51,17);
}
.mrsf-color-error {
  color:red;
}

.mrsf-bgcolor-white {
  background-color:rgb(255,255,255);
}
.mrsf-bgcolor-ultra-light {
  background-color:rgb(240,240,224);
}
.mrsf-bgcolor-very-light {
  background-color:rgb(206,206,177);
}
.mrsf-bgcolor-light {
  background-color:rgb(171,171,129);
}
.mrsf-bgcolor-medium {
  background-color:rgb(137,137,82);
}
.mrsf-bgcolor-dark {
  background-color: rgb(102,102,34);
}
.mrsf-bgcolor-very-dark {
  background-color: rgb(51,51,17);
}
.mrsf-bdrcolor-dark {border-color: rgb(102,102,34); }

.mrsf-in-wishlist:before {
  color: rgb(102,102,34);
}


/* Cart overrides*/
.mrsf-cart-item-wrapper {
  background-color:rgb(243,239,230);
  border: 1px solid rgb(231, 222, 205);
  border-radius:10px;
  padding:15px; 
  padding-top:0px;
  padding-bottom:0px;
  color: rgb(51,51,17);
  box-shadow: inset 1px 1px #fff;
}
.mrsf-cart-item-wrapper > h3 { 
  color: rgb(137,137,82);
  font-size:1.5em;
  border-bottom:1px solid rgb(231, 222, 205);
  text-shadow: 1px 1px 0 rgb(171,171,129);  
  box-shadow: inset 1px 1px #fff;
  margin-left:-15px;
  margin-right:-15px;
  margin-bottom:10px;
  padding:10px;
  padding-left:15px;
  border-top-left-radius:10px;
  border-top-right-radius:10px;
}
.mrsf-cart-itemheader {
  background-color: rgb(137,137,82);
  color: #fff; 
  border: 1px solid rgb(231, 222, 205);
  border-bottom:0px;
 
}
.mrsf-cart-itemfooter {
  height:15px;
  border-top: 1px solid rgb(231, 222, 205);
}
.mrsf-cart-itemrow  {
  border: 1px solid rgb(231, 222, 205);
  border-bottom:0px;
  background-color:rgb(248,246,243);  
}
.mrsf-cart-itemrow.odd  {
  background-color: rgb(255,255,255);
}
.mrsf-cart-empty-wrapper {
  background-color:#fff;
  border: 1px solid rgb(231, 222, 205);
  font-size:2em;
  padding:25px;
  margin:10px;  
  margin-bottom:20px;
  margin-top:20px;
}
.shopperapproved_widget {
  color:rgb(102,102,34);
}
.shopperapproved_widget .sa_comments {
  color:rgb(137,137,82);
}

/* Account Overrides*/
#mrsf-list-order-history .header-row {  
  background-color:rgb(171,171,129);
  border: 1px solid rgb(231, 222, 205);
  margin-bottom:-5px;
  padding-bottom:10px;
  color:rgb(102,102,34);
  font-weight:bold;
  

}
#mrsf-list-order-history .list-row {
  background-color:rgb(248,246,243);
  border: 1px solid rgb(231, 222, 205);
  padding-top:5px;
  padding-bottom:5px;
  margin-top:-1px;
}
#mrsf-list-order-history .list-row:nth-child(even) {  
  background-color:rgb(255,255,255);
}
.mrsf-radiolist:not(.simple) .mrsf-radiolist-item:hover {
  background-color:rgb(137,137,82);
  color:rgb(51,51,17);
}

.mrsf-account-book-horizontal,
.mrsf-checkout-book-horizontal {
  margin-top: -10px;
  margin-left: -15px;
  margin-right: -15px;
}
.mrsf-account-book-entry:hover,
.mrsf-checkout-book-entry:hover { 
  background-color:rgb(255,255,255);
}
.mrsf-account-book-selected-entry,
.mrsf-checkout-book-selected-entry {
  background-color:rgb(137,137,82);
  color:rgb(51,51,17);
}
.mrsf-account-book-selected-entry:hover,
.mrsf-checkout-book-selected-entry:hover {
  background-color:rgb(137,137,82);
  color:rgb(51,51,17);
}


.mrsf-error-block {
  background-color:#fff;  
  border: 1px solid rgba(255,0,0,.99);
  border-radius:10px;
  padding:15px;  
  color: rgba(255,0,0,.99);
  -webkit-box-shadow: 0 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px rgba(137,137,82,0.45);
          box-shadow: 0 0 1px 1px rgba(0, 0, 0, .075), 0 0 4px rgba(137,137,82, 0.45);  
}
.mrsf-error-block-header {
  background-color: rgba(255,0,0,.10);
  display:block;
  color: red;
  border:0px;
  font-size:1.25em;
  border-bottom: 1px solid rgba(255,0,0,.99);
  text-shadow: 1px 1px 0 rgba(255,0,0,.50);  
  margin-top:-15px;
  margin-left:-15px;
  margin-right:-15px;
  margin-bottom:10px;
  padding:5px;
  padding-left:15px;
  border-top-left-radius:10px;
  border-top-right-radius:10px;
}




.well {
  border: 1px solid rgb(137,137,82);
}


/***************************
  rgb(240,240,224)  Very, Very Light
  rgb(206,206,177)  Very Light
  rgb(171,171,129)  Light
  rgb(137,137,82)  Medium
  rgb(102,102,34)  Dark
  rgb(51,51,17)     Very Dark
 ***************************/
/* Buttons and control colors*/




.pagination {
  margin:0px;
}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
  color: rgb(137,137,82);
  background-color: rgb(171,171,129);  
  border-color: rgba(102,102,34, 0.65);
  text-shadow: 0px 0px 0 rgba(102,102,34, 0.65);
}
.pagination > li > a,
.pagination > li > span {
  padding: 3px 10px;
  margin-left: -1px;
  line-height: 1.42857143;
  font-size:1.2em;
  color: rgb(248,246,243);
  background-color: rgb(137,137,82);
  border-color: rgba(102,102,34, 0.65);
  text-shadow: 1px 1px 0 rgba(102,102,34, 0.65);
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  z-index: 3;  
  cursor: default;
  color: rgb(171,171,129);
  background-color: rgb(102,102,34);  
  border-color: rgba(102,102,34, 0.65);  
}
.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {  
  cursor: not-allowed;
  color: rgb(248,246,243);
  background-color: rgb(137,137,82);
  border-color: rgba(102,102,34, 0.65);
  text-shadow: 1px 1px 0 rgba(102,102,34, 0.65);
}


.container-page {
  padding-left:0px;
  padding-right:0px;

}

.visible-hphoneonly
{
  display: none;
}
@media (min-width: 480px) and  (max-width: 767px)
{
  .visible-hphoneonly
  {
    display: block;
  }
}
.scrollable{
  overflow-x:hidden; 
  overflow-y:scroll;
}
.scrollable div {
  float:left; 
  display:inline;
  height:initial;   
  padding-left:0px;
 }

.mrsf-bordered {
  border: 1px solid rgba(64,42,44,0.99);
}


.hscroll {
  overflow-x:scroll; 
  overflow-y:hidden;
  white-space:nowrap;
  height:auto;  
}
.hscroll div {
  float:none;
  display:inline-block;  
}

@media (max-width: 767px) {
  .hscroll-xs {
    overflow-x:scroll; 
    overflow-y:hidden;
    white-space:nowrap;
    height:auto; 
  }
  .hscroll-xs div {
    float:none;
    display:inline-block;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .hscroll-sm {
    overflow-x:scroll; 
    overflow-y:hidden;
    white-space:nowrap;  
    height:auto;
  }
  .hscroll-sm div {
    float:none;
    display:inline-block;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .hscroll-md {
    overflow-x:scroll; 
    overflow-y:hidden;
    white-space:nowrap;  
    height:auto;
  }
  .hscroll-md div {
    float:none;
    display:inline-block;
  }
}
@media (min-width: 1200px) {
  .hscroll-lg {
    overflow-x:scroll; 
    overflow-y:hidden;
    white-space:nowrap;  
    height:auto;
  }
  .hscroll-md div {
    float: none;
    display: inline-block;
  }
}