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

/* Containers */
.st-content {
	/* Actual Code
  	/*background: #e0e4e3;*/
	color: #000000;
	
	
}

.menu-bg {
  background: #657672;
}

.bm-container {
  background: #394240;
}

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

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

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

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

#login-container {
  background: #c6cecc;
  background: rgba(198,206,204,1);
  border: 1px solid #869793;
  border-top: none;
  color: #0a4974;
}

.register-forgot a:hover {
  color: #414b56;
}

.search-toggle {
  background: rgb(92,107,104);
  background-image: url(../img/search.png);
  background-position: 9px 9px;
  background-repeat: no-repeat;
  border-left: 1px solid #70837e;
}

#search-container {
  background: #c6cecc;
  background: rgba(198,206,204,1);
  border: 1px solid #869793;
  color: #414b56;
}

#search-container:focus {
  background: rgb(32,38,37);
  background: rgb(32,38,37,0.7);
  color: #c8e7fb;
}

/* 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(58,62,65);
  background: rgba(58,62,65,0.9);
  color: #fff;
}

/* Top-nav mega product nav */
.product-frame {
  background: #2d3132;
  border: 5px solid #2d3132;
  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(82,88,90);
  background: rgba(82,88,90,0.9);
  border: 5px solid #838b8d;
}

.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: #313335;
  color: #fff;
}

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

.mega-news-item h3, .mega-news-item h3 a {
  color: #1b1b1b;
}

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

/* Top-nav 1st level */
.top-nav > ul > li > a {
 /* background: #596865;
  background: rgba(89,104,101,1);*/
  color: #fff;
}

.top-nav > ul > li:hover > a {
  background: #202625;
  background: rgba(32,38,37,1);
  color: #fff;
}

.fw-hovered {
  background: #202625;
  background: rgba(32,38,37,1);
  color: #fff;
}

/* Top-nav 2nd level */
.top-nav > ul > li > ul > li > a {
  background: #4e5154;
  background: rgba(78,81,84,0.8);
  border-top: 1px solid #2b2d2f;
  border-bottom: 1px solid #7d8388;
  color: #fff;
}

.top-nav > ul > li > ul > li > a:hover {
  background: #3a3e41;
  background: rgba(58,62,65,0.9);
  border-top: 1px solid #2b2d2f;
  border-bottom: 1px solid #7d8388;
  color: #fff;
}

/* Top-nav 3rd level */
.top-nav > ul > li > ul > li > ul > li > a {
  background: #898d92;
  background: rgba(137,141,146,0.95);
  border-top: 1px solid #525558;
  border-bottom: 1px solid #b9bbbd;
  color: #fff;
  text-shadow: 1px 1px 3px rgba(197,199,201, 1);
}

.top-nav > ul > li > ul > li > ul > li a:hover {
  background: #babbbc;
  background: rgba(186,187,188,0.85);
  border-top: 1px solid #9a9c9e;
  border-bottom: 1px solid #e1e2e3;
  color: #000;
}

/* Top-nav 4th level */
.top-nav > ul > li > ul > li > ul > li > ul > li > a {
  background: #d7d8d9;
  background: rgba(215,216,217,0.9);
  border-top: 1px solid #aaacae;
  border-bottom: 1px solid #e0e1e2;
  color: #052c45;
}

.top-nav > ul > li > ul > li > ul > li > ul > li a:hover {
  background: #c2c4c5;
  background: rgba(194,196,197,0.9);
  border-top: 1px solid #6477a4;
  border-bottom: 1px solid #e1e6ee;
  color: #000;
}

/* Top-nav input styles */
#login-container form input[type="text"], #login-container form input[type="password"], .top-nav input[type="text"], .top-nav textarea {
  color: #0a4974;
}

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

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

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

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

.facebook, .twitter, .google-plus, .pinterest, .instagram, .linkedin, .yahoo, .youtube, .vimeo {
  background: #5c6b68;
  background: rgba(92,107,104,1);
  background-repeat: no-repeat;
  background-position: 8px 0px;
  border-left: 1px solid #70837e;
}

.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 #292929;
  border-bottom: 1px solid #787878;
}