@charset "utf-8";
/* Pre-defined Swatch#2 */

/* Containers */
.st-content {
  background: #e3e3df;
}

.menu-bg {
  background: #888168;
}

.bm-container {
  background: #5b5646;
}

/* Effect Togglers and Search-box/Login-box Containers */
.side-menu-toggle {
  background: #413d32;
  background-image: url(../img/menu-toggle.png);
  background-repeat: no-repeat;
  background-position: 15px 11px;
}

.side-menu-toggle:focus {
  background: #343127;
  background-image: url(../img/menu-toggle.png);
  background-repeat: no-repeat;
  background-position: 15px 11px;
}

.login-toggle {
  background: #413d32;
  background-image: url(../img/login.png);
  background-repeat: no-repeat;
  background-position: 10px 11px;
}

.login-toggle:focus {
  background: #343127;
  background-image: url(../img/login.png);
  background-repeat: no-repeat;
  background-position: 10px 11px;
}

#login-container {
  background: #e0ded8;
  background: rgba(224,222,216,1);
  border: 1px solid #b5af9f;
  border-top: none;
}

#login-container form button {
  background: #5b5646;
  color:#FFF;
}

#login-container form button:hover {
  background: #8a836a;
}

.register-forgot a:hover {
  color: #4e493d;
}

.search-toggle {
  background: rgb(106,101,83);
  background-image: url(../img/search.png);
  background-position: 9px 9px;
  background-repeat: no-repeat;
  border-left: 1px solid #b1bbc5;
}

#search-container {
  background: #e9e8e2;
  background: rgba(233,232,226,1);
  border: 1px solid #b5af9f;
  color: #414b56;
}

#search-container:focus {
  background: rgb(85,80,66);
  background: rgb(85,80,66,0.7);
  color: #f3f3f1;
}

/* Top-nav mega */
.top-nav-mega-1, .top-nav-mega-2, .top-nav-mega-3, .top-nav-mega-4, .top-nav-mega-5, .top-nav-mega-6, .top-nav-mega-full-width {
  background: rgb(63,58,48);
  background: rgba(63,58,48,0.9);
  color: #fff;
}

/* Top-nav mega product nav */
.product-frame {
  background: rgb(78,74,65);
  background: rgba(78,74,65,1);
  border: 5px solid #413d32;
  color: #ddd;
}

.product-frame h1, .product-frame h1 a, .product-frame h2, .product-frame h2 a, .product-frame h3, .product-frame h3 a, .product-frame h4, .product-frame h4 a, .product-frame h5, .product-frame h5 a, .product-frame h6, .product-frame h6 a {
  color: #fff;
  font-weight: 500;
}

.top-nav-mega-full-width, .top-nav-mega-full-width .carousel-caption h4, .top-nav-mega-full-width .carousel-caption h4 a {
  color: #fff;
}

.product-frame:hover {
  background: rgb(71,67,58);
  background: rgba(71,67,58,0.9);
  border: 5px solid #6b6658;
}

.top-nav-mega-full-width ul li a, .top-nav-mega-full-width ol li a {
  color: #fff;
}

.top-nav-mega-full-width h1, .top-nav-mega-full-width h2, .top-nav-mega-full-width h3, .top-nav-mega-full-width h4, .top-nav-mega-full-width h5, .top-nav-mega-full-width h6 {
  color: #fff;
}

/* Items with images */
.item-with-images, .item-with-images-black {
  background: rgb(224,224,224);
  background: rgba(224,224,224,0.8);
  color: #333;
}

.item-with-images-black {
  background: rgb(0,0,0);
  background: rgba(0,0,0,0.8);
}

/* News Nav */
.mega-news-item {
  background: rgb(60,56,49);
  background: rgba(60,56,49,0.8);
  color: #fff;
}

.mega-news-item img {
  background: rgb(67,64,56);
  background: rgba(67,64,56,0.3);
}

.mega-news-item h3, .mega-news-item h3 a {
  font-size:16px;
  line-height:20px;
  font-weight: 200;
  margin: 0px;
  color: #1b1b1b;
}

.mega-news-item h3 a:hover {
  text-decoration: underline;
}

/* Top-nav News Nav title */
.mega-news-item h3 a {
  color: #e1e4e8;
}

/* Top-nav 1st level */
.top-nav > ul > li > a {
  background: #837b65;
  background: rgba(131,123,101,1);
  color: #fff;
}

.top-nav > ul > li:hover > a {

  color: #fff;
}

.fw-hovered {
  background: #5e5848; /* fallback for older browsers */
  background: rgba(94,88,72,1);
  color: #fff;
}

/* Top-nav 2nd level */
.top-nav > ul > li > ul > li > a {
  background: #655f4e;
  background: rgba(101,95,78,0.8);
  border-top: 1px solid #9a958f;
  border-bottom: 1px solid #5c5747;
  color: #fff;
}

.top-nav > ul > li > ul > li > a:hover {
  background: #545041;
  background: rgba(84,80,65,0.9);
  border-bottom: 1px solid #827a64;
  border-top: 1px solid #5c5747;
  color: #fff;
}

/* Top-nav 3rd level */
.top-nav > ul > li > ul > li > ul > li > a {
  background: #8a836a;
  background: rgba(138,131,106,0.8);
  border-top: 1px solid #6c6753;
  border-bottom: 1px solid #bcbbb6;
  color: #fff;
}

.top-nav > ul > li > ul > li > ul > li a:hover {
  background: #9d9780;
  background: rgba(157,151,128,0.8);
  border-top: 1px solid #6c6753;
  border-bottom: 1px solid #bcbbb6;
  color: #fff;
}

/* Top-nav 4th level */
.top-nav > ul > li > ul > li > ul > li > ul > li > a {
  background: #afaa98;
  background: rgba(175,170,152,0.9);
  border-top: 1px solid #938b73;
  border-bottom: 1px solid #d8dbd5;
  color: #4d483c;
}

.top-nav > ul > li > ul > li > ul > li > ul > li a:hover {
  background: #d6d3cb;
  background: rgba(214,211,203,0.9);
  border-top: 1px solid #bbb7aa;
  border-bottom: 1px solid #f5f5f3;
  color: #000;
}

/* Top-nav input styles */
.top-nav input[type="text"], .top-nav textarea {
  background: #dbd9d2;
  color: #47433a;
}

.top-nav input[type="text"]:focus, .top-nav input:active, .top-nav textarea:focus {
  border:none;
  outline:none;
  border: 1px solid #000000;
}

/* Social media button styles */
.facebook, .twitter, .google-plus, .pinterest, .instagram, .linkedin, .yahoo, .youtube, .vimeo {
  background: rgb(106,101,83);
  background-repeat: no-repeat;
  background-position: 8px 0px;
  border-left: 1px solid #8f8f7e;
}

.facebook, .facebook:hover {
  background-image: url(../img/facebook.png);
}

.twitter, .twitter:hover {
  background-image: url(../img/twitter.png);
}

.google-plus, .google-plus:hover {
  background-image: url(../img/googleplus.png);
}

.pinterest, .pinterest:hover {
  background-image: url(../img/pinterest.png);
}

.linkedin, .linkedin:hover {
  background-image: url(../img/linkedin.png);
}

.yahoo, .yahoo:hover {
  background-image: url(../img/yahoo.png);
}

.youtube, .youtube:hover {
  background-image: url(../img/youtube.png);
}

.vimeo, .vimeo:hover {
  background-image: url(../img/vimeo.png);
}

/* <HR> horizontal line */
.top-nav-mega-content-seperator {
  border-top: 1px solid #494438;
  border-bottom: 1px solid #6b665f;
}