/* 
    This file contains any classes needed to extend and complement the Bootstrap classes.
    We should try to restrain from adding any rules unless absolutely necessary. 
    Always try to use the default Bootstrap classes first.
*/

body {
	color: #EEEEEE;
	background-color: #0C2536 !important;
}
	
/***** CHRISTMAS ONLY!!! *****/
@media(min-width: 992px) { 
body {
		/* background: #0C2536 url('../images/winterbackground2016blank.png') 115px 30px / 1393px 230px repeat-x; */
		/* background-image: url('../../seasonal/images/spice_easter_header_2017.png'); /* 115px 30px / 1393px 230px repeat-x;*
		background-repeat: no-repeat;
		background-position-x: center;
    	background-position-y: 60px;
        */
	}
}
/* */

a,
a:visited,
a:focus {
	color: #0054A6;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}

label.error {
	color: #d9534f;
	font-size: .9em;
}
input.error,
textarea.error {
	border-color: #d9534f;
}

/* Bootstrap Button Color Overrides */

.btn-default,
.btn-default:visited {
	color: #fafafa;
	background-color: #d40000;
	border-color: #7e0704;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#d30c06), to(#7e0704));
	background-image: -webkit-linear-gradient(top, #d30c06, #7e0704);
	background-image: -moz-linear-gradient(top, #d30c06, #7e0704);
	background-image: -o-linear-gradient(top, #d30c06, #7e0704);
	background-image: -ms-linear-gradient(top, #d30c06, #7e0704);
	background-image: linear-gradient(top, #d30c06, #7e0704);
}
.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
	color: #fafafa;
	background-color: #f20f07;
	border-color: #7e0704;
	background-image: none;

}
.btn-default.disabled,
.btn-default[disabled],
fieldset[disabled] .btn-default,
.btn-default.disabled:hover,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default:hover,
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
fieldset[disabled] .btn-default:focus,
.btn-default.disabled:active,
.btn-default[disabled]:active,
fieldset[disabled] .btn-default:active,
.btn-default.disabled.active,
.btn-default[disabled].active,
fieldset[disabled] .btn-default.active {
	background-color: #568594;
	border-color: #486f7c;
}
.btn-primary,
.btn-primary:visited {
	color: #0a0a0a;
	background-color: #a3bad7;
	border-color: #768DA6;
	background-image: -moz-linear-gradient(top,  #b0d0eb 0%, #95aac4 100%); /* FF3.6+ */
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b0d0eb), color-stop(100%,#95aac4)); /* Chrome,Safari4+ */
	background-image: -webkit-linear-gradient(top,  #b0d0eb 0%,#95aac4 100%); /* Chrome10+,Safari5.1+ */
	background-image: -o-linear-gradient(top,  #b0d0eb 0%,#95aac4 100%); /* Opera 11.10+ */
	background-image: -ms-linear-gradient(top,  #b0d0eb 0%,#95aac4 100%); /* IE10+ */
	background-image: linear-gradient(top,  #b0d0eb 0%,#95aac4 100%); /* W3C */
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
	color: #0a0a0a;
	background-color: #c2d8ea;
	border-color: #768DA6;
	background-image: none;
}
.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
  background-color: #7aad37;
  border-color: #7aad37;
}

/* Bootstrap Panel Overrides */

.panel-primary {
  border-color: #dddddd;
}
.panel-primary > .panel-heading {
	text-shadow: #c2d8ea 1px 1px 1px;
	color: #333;
	border-bottom: 0;
	border-radius: 4px 4px 0 0;
	background: #b0d0eb; /* Old browsers */
	background: -moz-linear-gradient(top,  #b0d0eb 0%, #95aac4 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b0d0eb), color-stop(100%,#95aac4)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #b0d0eb 0%,#95aac4 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #b0d0eb 0%,#95aac4 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #b0d0eb 0%,#95aac4 100%); /* IE10+ */
	background: linear-gradient(top,  #b0d0eb 0%,#95aac4 100%); /* W3C */
}

/* Other Bootstrap Overrides and Additions */

.panel-title {
	font-weight: bold;
}

.form-group {
	margin-bottom: 10px;
}

.container-constrained {
	max-width: 385px;
	margin: 0 auto;
}

.clear-margin {
	margin: 0;
}

.clear-padding {
	padding: 0;
}

.margin-right-sm {
	margin-right: 10px;
}
.margin-bottom-sm {
	margin-bottom: 10px;
}
.margin-bottom-md {
	margin-bottom: 20px;
}
.margin-top-sm {
	margin-top: 10px;
}
.margin-top-md {
	margin-top: 20px;
}
.margin-sm {
	margin: 10px;
}
.padding-sm {
	padding: 10px;
}
.padding-lg {
	padding: 20px;
}
.padding-lg {
	padding: 30px;
}
.padding-top-bottom-sm {
	padding: 10px 0;
}
.padding-left-right-sm {
	padding: 0 10px;
}
.border-bottom {
	border-bottom: 1px solid #dddddd;
}
.border-top {
	border-top: 1px solid #dddddd;
}

@media (max-width: 767px) {
	.clear-margin-xs {
		margin: 0;
	}
	.clear-padding-xs {
		padding: 0;
	}
}

.ad_banner a img {
	width: 750px;
	max-width: 100%;
	height: auto;
}

img.banner {
	width: 750px;
	max-width: 100%;
	height: auto;
}

h2.page-title {
  margin-top: 5px;
}

.pager-sm {
	margin: 10px 0;
}

.pager-sm > li > a,
.pager-sm > li {
	font-size: 12px;
}

.text-number-negative {
	color: #a94442;
}
/* Changing the default collapse width for navigation to be the tablet width */
@media (max-width: 991px) {
	.navbar-header {
		float: none;
	}
	.navbar-toggle {
		display: block;
	}
	.navbar-collapse {
		border-top: 1px solid transparent;
		box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
	}
	.navbar-collapse.collapse {
		display: none!important;
	}
	.navbar-nav {
		float: none!important;
		margin: 7.5px -15px;
	}
	.navbar-nav>li {
		float: none;
	}
	.navbar-nav>li>a {
		padding-top: 10px;
		padding-bottom: 10px;
	}
	.navbar-collapse.collapse.in { 
		display: block!important;
	}
	.collapsing {
		overflow: hidden!important;
	}
}

/* Top Navigation */

#site-logo {
	display: block;
	position: absolute;
	top: 16px;
	margin-left: 15px;
	width: 209px;
	height: 28px;
	background: transparent url('../images/header-logo-sm.png') no-repeat scroll 0 0;
	background-size: 209px 28px;
}

@media (min-width: 768px) {
	#site-logo {
		margin-left: 5px;
  }
}

@media (min-width: 992px) {
	#site-logo {
		top: 80px;
		width: 272px;
		height: 58px;
		background: transparent url('../images/header-logo-md.png?refresh=20160502') no-repeat scroll 0 0;
		background-size: 272px 58px;
	}
}

/***** CHRISTMAS ONLY!!! *****
@media (min-width: 992px) {
#site-logo {
		height: 68px;
		width: 297px;
		background: transparent url('../images/spice_winter_logo_2016.png') no-repeat scroll 0 0;
	}
}
*/

.navbar-header h1,
.navbar-header h2 {
	margin: 0;
}

#top-navigation {
	padding: 5px 0 10px;
	margin-bottom: 10px;
	color: #fafafa;
	background-color: #1a1a1a;
	background-image: -webkit-linear-gradient(#2a2a2a, #1a1a1a);
	background-image: -moz-linear-gradient(#2a2a2a, #1a1a1a);
	background-image: -o-linear-gradient(#2a2a2a, #1a1a1a);
	background-image: -ms-linear-gradient(#2a2a2a, #1a1a1a);
	background-image: linear-gradient(#2a2a2a, #1a1a1a);
	box-shadow: 0px 0px 10px #000;
}

#top-navigation .nav-pills {
	padding-top: 5px;
}

#top-navigation .nav-pills li a {
	color: #fafafa;
	text-shadow: 1px 1px #2a2a2a;
}

#top-navigation .nav-pills li a:hover,
#top-navigation .nav-pills li.active a:hover {
	color: #0a0a0a;
	text-shadow: none;
	background: #c2d8ea;
	border-color: #c2d8ea;
}

#top-navigation .navbar-right {
	float: right;
}

#top-navigation .dropdown-menu {
	color: #fafafa;
	border-color: #6a6a6a;
	background-color: #0a0a0a;
}
#top-navigation .dropdown-menu .divider {
	background-color: #6a6a6a;
}

#top-navigation #shopping-cart .glyphicon {
	font-size: 1.1em;
}

#top-navigation #shopping-cart .badge {
  background-color: #d40000;
}

/* Search Box and Social Buttons */

#global-search {
	margin-bottom: 20px;
}

#global-search .btn-social {
	width: 34px;
	padding-left: 0;
	padding-right: 0;
}

#global-search form {
	width: 280px;
}

#global-search input {
	border-radius: 5px 0 0 5px;
}

@media (min-width: 992px) {
	#global-search {
		margin-top: 35px;
	}
}

@media (max-width: 991px) {
	#global-search {
		margin-top: 25px;
	}
	#global-search .navbar-toggle {
		margin: 0 10px 0 0;
	}
	#global-search form {
		width: 100%;
	}
	#global-search .navbar-toggle.slide-active {
		background-color: #7aad37;
	}
}

#global-search .navbar-toggle {
	color: #fafafa;
	background-color: #d40000;
	border-color: #7e0704;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#d30c06), to(#7e0704));
	background-image: -webkit-linear-gradient(top, #d30c06, #7e0704);
	background-image: -moz-linear-gradient(top, #d30c06, #7e0704);
	background-image: -o-linear-gradient(top, #d30c06, #7e0704);
	background-image: -ms-linear-gradient(top, #d30c06, #7e0704);
	background-image: linear-gradient(top, #d30c06, #7e0704);
}
#global-search .navbar-toggle:hover {
	background-color: #f20f07;
	border-color: #7e0704;
	background-image: none;
}
#global-search .navbar-toggle .icon-bar {
	background-color: #fafafa;
}

/* Main Navigation*/
@media (min-width: 992px) {
	#main-navigation .navbar-collapse {
		padding-left: 0;
		padding-right: 0;
	}
	
	#main-navigation .nav-tabs li a:hover {
		background-color: transparent;
		border-color: transparent;
	}
	
	#main-navigation .nav-tabs,
	#main-navigation .nav-tabs li a {
		border-bottom: 0;
		margin-bottom: 0;
	}
	
	#main-navigation .nav-tabs li a {
		padding: 5px 5px 10px;
		font-weight: bold;
		font-size: .8em;
		border: 0;
	}
	
	.nav-tabs.nav-justified > li > a {
		border-bottom: 0;
	}
}

.glyphicon-home {
	top: 4px;
}

.glyphicon-home:before {
	font-size: 1.5em;
}

#main-navigation .nav-tabs li {
  border: 1px solid #2a2a2a;
  border-bottom: 0;
  border-radius: 4px 4px 0 0;
	background: #b0d0eb; /* Old browsers */
	background: -moz-linear-gradient(top,  #b0d0eb 0%, #95aac4 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b0d0eb), color-stop(100%,#95aac4)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #b0d0eb 0%,#95aac4 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #b0d0eb 0%,#95aac4 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #b0d0eb 0%,#95aac4 100%); /* IE10+ */
	background: linear-gradient(top,  #b0d0eb 0%,#95aac4 100%); /* W3C */
}

#main-navigation .nav-tabs li:hover {
	background: #c2d8ea; /* Old browsers */
	background: -moz-linear-gradient(top,  #c2d8ea 0%, #b1c8e6 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c2d8ea), color-stop(100%,#b1c8e6)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #c2d8ea 0%,#b1c8e6 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #c2d8ea 0%,#b1c8e6 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #c2d8ea 0%,#b1c8e6 100%); /* IE10+ */
	background: linear-gradient(top,  #c2d8ea 0%,#b1c8e6 100%); /* W3C */
}

#main-navigation .nav-tabs li.alternate {
	background-color: #d30c06;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#d30c06), to(#7e0704));
	background-image: -webkit-linear-gradient(top, #d30c06, #7e0704);
	background-image: -moz-linear-gradient(top, #d30c06, #7e0704);
	background-image: -o-linear-gradient(top, #d30c06, #7e0704);
	background-image: -ms-linear-gradient(top, #d30c06, #7e0704);
	background-image: linear-gradient(top, #d30c06, #7e0704);
}
#main-navigation .nav-tabs li.alternate:hover {
	background-color: #f20f07;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#f20f07), to(#a60805));
	background-image: -webkit-linear-gradient(top, #f20f07, #a60805);
	background-image: -moz-linear-gradient(top, #f20f07, #a60805);
	background-image: -o-linear-gradient(top, #f20f07, #a60805);
	background-image: -ms-linear-gradient(top, #f20f07, #a60805);
	background-image: linear-gradient(top, #f20f07, #a60805);
}

#main-navigation .nav-tabs,
#main-navigation .nav-tabs li a {
	color: #0a0a0a;
}

#main-navigation .nav-tabs li a {
	text-shadow: #c2d8ea 1px 1px 1px;
}

#main-navigation .nav-tabs li.alternate a {
	color: #fafafa;
	text-shadow: #1B1C1E 1px 1px 1px;
}

#main-navigation .nav-tabs li.active,
#main-navigation .nav-tabs li.active a,
#main-navigation .nav-tabs > li.active > a,
#main-navigation .nav-tabs > li.active > a:hover,
#main-navigation .nav-tabs > li.active > a:focus {
	background-color: #ececec;
	background-image: none;
	color: #2a2a2a;
	text-shadow: 0 0 #2a2a2a;
}

#main-navigation .nav-tabs li#home-tab.active,
#main-navigation .nav-tabs li#home-tab.active a,
#main-navigation .nav-tabs > li#home-tab.active > a,
#main-navigation .nav-tabs > li#home-tab.active > a:hover,
#main-navigation .nav-tabs > li#home-tab.active > a:focus {
	background-color: #ececec;
}

/* Slide out navigation */
#content-wrapper {
	padding: 0;
	margin: 0;
	left: 0;
}

@media (max-width: 991px) {
	#content-wrapper.slide-active {
		position: relative;
		left: 50%;
	}
  /* this is behind the navigation but the navigation is not inside it so that the navigation is accessible and scrolls*/
	#navbar-height-col {
		position: fixed;
		top: 0;
		height: 100%;
		bottom: 0;
		width: 50%;
		left: -50%;
		background: #2a2a2a;
		z-index: 999;
	}
	#navbar-height-col.slide-active {
		left: 0;
	}
	#main-navigation-elements {
		background: #2a2a2a;
		left: -100%;
		width: 100%;
		min-width: 0;
		position: absolute;
		padding-left: 0;
		padding-right: 0;
		z-index: 2;
		top: 0;
		margin: 0;
	}
	#main-navigation-elements.slide-active {
		position: absolute;
		width: 50%;
		left: 0;
		top: -1px;
		z-index: 1000;
		display: block !important;
		visibility: visible;
	}
	#main-navigation-elements .nav .divider {
		height: 1px;
		margin: 9px 0;
		overflow: hidden;
		background-color: #0a0a0a;
	}
	#main-navigation-elements .close {
		color: #fafafa;
		opacity: 0.5;
		z-index: 1001;
		text-shadow: 0 1px 0 #2a2a2a;
	}
	#main-navigation-elements .close:hover {
		opacity: 0.9;
	}
	#main-navigation-elements .nav > li {
		position: relative;
		display: block;
		width: 100%;
	}
	#main-navigation-elements .nav > li > a {
		position: relative;
		display: block;
		padding: 10px 15px;
		border: 0;
		border-radius: 0;
		text-align: left;
		color: #b0d0eb;
	}
	#main-navigation-elements .nav > li > a:hover {
		color: #0a0a0a;
		background-color: #c2d8ea;
	}
	#main-navigation-elements .nav-tabs > li.active > a,
	#main-navigation-elements .nav-tabs > li.active > a:hover,
	#main-navigation-elements .nav-tabs > li.active > a:focus {
		color: #fafafa;
		cursor: default;
		background-color: #1a1a1a;
		border: 0;
	}
	#main-navigation-elements .nav > li > ul > li > a {
		padding-left: 40px;
		background-color: #1a1a1a;
	}
	#main-navigation-elements .nav > li > ul > li.selected > a {
		color: #fafafa;
	}
}

@media (max-width: 767px) {
	#content-wrapper.slide-active {
		position: relative;
		left: 80%;
	}
	#navbar-height-col {
		position: fixed;
		top: 0;
		height: 100%;
		bottom: 0;
		width: 80%;
		left: -80%;
		z-index: 999;
	}
	#main-navigation-elements.slide-active {
		position: absolute;
		width: 80%;
		left: 0;
		top: -1px;
		z-index: 1000;
		display: block !important;
	}
	.jw-logo-image {
  		width:100px !important;
  	}
}

/* adjust body when menu is open */
body.slide-active {
	overflow-x: hidden;
	overflow-y: scroll;
	width: 100%;
}

/* Sub Navigation */
@media (min-width: 992px) {
	#sub-navigation {
		background-color: #ececec;
		border-bottom: 1px solid #dddddd;
		box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
		background: -moz-linear-gradient(top, #ececec 0%, #fafafa 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ececec), color-stop(100%,#fafafa)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #ececec 0%, #fafafa 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #ececec 0%, #fafafa 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #ececec 0%, #fafafa 100%); /* IE10+ */
		background: linear-gradient(top, #ececec 0%, #fafafa 100%); /* W3C */
	}
	#sub-navigation ul {
		padding-left: 0;
		list-style: none;
		margin-top: 8px;
		margin-bottom: 8px;
	}
	#sub-navigation ul li {
		display: inline-block;
		padding-left: 9px;
		padding-right: 9px;
	}
	#sub-navigation ul li a {
		font-size: .9em;
		padding: 0;
		color: #3a3a3a;
	}
	#sub-navigation ul li a:hover {
		background-color: transparent;
		color: #8cc63f;
	}
	#sub-navigation ul li.selected a {
		font-weight: bold;
	}
}

/* Content */

#content {
	width: 100%;
	color: #3a3a3a;
	background-color: #ECECEC;
	padding-top: 15px;
	padding-bottom: 15px;
}

@media (max-width: 767px) {
	#content {
		padding: 5px 0;
	}
	#content .body-content {
		padding: 0 5px;
	}
}


/* Footer */

footer {
	padding-top: 15px;
	padding-bottom: 0px !important;
	background-color: black;
}
footer ul li a,
footer ul li a:visited,
footer ul li a:focus {
	color: #EEEEEE;
}
footer ul li a:hover {
	color: #c2d8ea;
	text-decoration: none;
}

.link-div{
	font-size: 16px;
	padding: 5px 0px !important;
}

.link-div a{
	color: white;
}

.copyright-div{
	font-size: 16px;
	background-color: #0C2536;
	padding: 10px 0px;
	text-align:center;
}

footer .container{
	padding-bottom: 25px;
}

@media (max-width: 767px) {
	footer {
		border-top: 1px solid #0a0a0a;
	}
	footer p.footer-title-xs {
		padding: 5px 15px;
		margin-bottom: 0;
		background-color: #2a2a2a;
		border-bottom: 1px solid #0a0a0a;
	}
	footer .footer-section-xs {
		padding: 5px 15px;
	}
	footer ul {
		margin-bottom: 0;
	}
	footer ul li,
	footer ul.list-inline li {
		padding: 5px 15px 5px 30px;
		display: block;
		background-color: #3a3a3a;
		border-bottom: 1px solid #0a0a0a;
	}
	footer ul.social li {
		text-align: center;
	}
	
	footer ul.social li.facebook,
	footer ul.social li.twitter,
	footer ul.social li.youtube {
		background-color: #a3bad7;
	}
	footer ul.social li.facebook a,
	footer ul.social li.twitter a,
	footer ul.social li.youtube a {
		color: #333;
	}
	.footer-links-div{
		padding: 50px 0px;
	}
	.link-div{
		font-size: 20px;
	}
	.footer-info-div{
		padding-bottom: 40px;
	}
}

@media(min-width: 768px){
	footer .container{
		padding-top: 25px;
	}
}

@media (max-width: 991px) {
	footer #scp-logo {
		display: inline-block;
		width: 100px;
		height: 51px;
		background: transparent url('../images/scp-logo.svg') no-repeat scroll 0 0;
		background-size: 100px 51px;
		text-indent: -9999px;
		margin-top: 15px;
		margin-bottom: 15px;
	}
}

footer #footer-scp-logos ul li a {
	/* float: left; */
	font-size: .9em;
	position: relative;
	background: transparent no-repeat scroll 0 0;
	background-size: 38px 36px;
	background-position: center center;
	height: 0;
	width: 48px;
	display: block;
	overflow: visible;
	white-space: nowrap;
	margin: 0 12px;
	text-align: center;
}

footer #footer-scp-logos ul li a { width: auto; padding-top: 36px; color: #999; }
footer #footer-scp-logos ul li a:hover { color: white; }
footer #footer-scp-logos ul li a.whm { background-image: url('../images/WHM-icon.svg'); }
footer #footer-scp-logos ul li a.sp { background-image: url('../images/SP-icon.svg'); }
footer #footer-scp-logos ul li a.pd { background-image: url('../images/PD-icon.svg'); }
footer #footer-scp-logos ul li a.cst { background-image: url('../images/CST-icon.svg'); }
footer #footer-scp-logos ul li a.cs { background-image: url('../images/CS-icon.svg'); }
footer #footer-scp-logos ul li a.cj { background-image: url('../images/CJ-icon.svg'); }
footer #footer-scp-logos ul li a.whk { background-image: url('../images/WHK-icon.svg'); }
footer #footer-scp-logos ul li a.vy { background-image: url('../images/VY-icon.svg'); }
footer #footer-scp-logos ul li a.ss { background-image: url('../images/SS-icon.svg'); }
footer #footer-scp-logos ul li a.cmb { background-image: url('../images/CMB-icon.svg'); }
footer #footer-scp-logos ul li a.wmt { background-image: url('../images/WMT-icon.svg'); }
footer #footer-scp-logos ul li a.pbk { background-image: url('../images/PBK-icon.svg'); }
footer #footer-scp-logos ul li a.yw { background-image: url('../images/YW-icon.svg'); }
footer #footer-scp-logos ul li a.pr { background-image: url('../images/PR-icon.svg'); }

/* Product Lists, Grids and Thumbnails */

#product-content {
	padding: 0 10px;
}
a.product-link,
a.product-link:visited {
	font-size: 1.1em;
	font-weight: bold;
	color: #3a3a3a;
}

.product-grid, .download-grid {
	min-height: 275px;
}
@media (min-width: 768px) {
	.product-grid {
		min-height: 265px;
	}
	.download-grid {
		min-height: 295px;
	}
}
.product-grid .product-price {
	font-size: 1em;
	line-height: 1em;
}
.product-grid .thumbnail,
.product-grid-compact .thumbnail,
.download-grid .thumbnail {
	margin-bottom: 10px;
}
.product-grid a.product-link, 
.product-grid a.product-link:visited {
	font-size: .9em;
}
.product-list li {
	padding-top: 10px;
	border-top: 1px solid #dddddd;
}

.product-list.list-unstyled p.product-price del {
	display:block;
}

.product-thumbnail {
	border: 0;
}

#shopping_cart_table img.product-thumbnail {
    width: 100%;
}

.download-grid .thumbnail {
	display: block;
	width: 100%;
	position: relative;
	height: 0;
	padding: 56.25% 0 0 0;
	overflow: hidden;
}
.download-grid .thumbnail img {
	position: absolute;
	display: block;
	max-width: 100%;
	max-height: 100%;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
}

/* Setting the image width of the thumbnails so they scale properly */
.product-thumbnail>img { 
	width: 315px;
	border: 1px solid #dddddd; 
}

/* Product Price */
.product-price {
	font-weight: bold;
	font-size: 1.2em;
}
.product-price ins {
	text-decoration: none;
}

.product-price .sale {
	color: #d40000;
}

/* Sale and New Thumbnail Banners */
.product-thumbnail-sale,
.product-thumbnail-new {
	position: relative;
}
.product-thumbnail-sale .product-thumbnail-banner,
.product-thumbnail-new .product-thumbnail-banner {
	color: white;
	display: block;
	letter-spacing: 1px;
	text-align: center;
	height: 18px;
	line-height: 18px;
	position: absolute;
	top: 4px;
	left: 4px;
	right: 4px;
	text-shadow: 0 1px 0 #2a2a2a;
}
.product-thumbnail-sale .product-thumbnail-banner:hover,
.product-thumbnail-new .product-thumbnail-banner:hover {
	text-decoration: none;
}
.product-thumbnail-sale .product-thumbnail-banner {
	background: #d40000;
}

.product-thumbnail-new .product-thumbnail-banner {
	background: #90c261;
}

/* Product Detail */
#product-details h2 {
	margin-top: 0;
	margin-bottom: 5px;
}

#product-price .product-price {
	font-size: 1.5em;
}

@media (min-width: 992px) {
	
	.row.reorder-md {
		-webkit-transform: rotate(180deg);
		-moz-transform: rotate(180deg);
		-ms-transform: rotate(180deg);
		-o-transform: rotate(180deg);
		transform: rotate(180deg);
		
		direction: rtl;
	}
	
	.row.reorder-md > [class*="col-"] {
		-webkit-transform: rotate(-180deg);
		-moz-transform: rotate(-180deg);
		-ms-transform: rotate(-180deg);
		-o-transform: rotate(-180deg);
		transform: rotate(-180deg);
	
		direction: ltr;
	}
}

#product-media-player-wrapper {
	margin: 0 auto; 
	max-width: 760px;
	position: relative;
}

a.share-btn {
	color: #fafafa;
	text-align: center;
}

a.share-btn:hover {
	color: #f20f07;
}

@media (max-width: 991px) {
	
	#product-media-player-wrapper {
		border: 1px solid #CCC;
		border-radius: 4px;
		background-color: #0C2536;
	}
	
	#product-actions {
		text-align: right;
	}
	
	#product-actions ul {
		margin-top: 5px;
		margin-bottom: 5px;
	}
}

@media (min-width: 992px) {
	a.share-btn {
		background-color: #0C2536;
	}
	
	a.share-btn:hover {
		background-color: #1a1a1a;
	}
	
	#product-preview-container {
		background-color: #0a0a0a;
		background-image: -webkit-linear-gradient(#0a0a0a, #1a1a1a);
		background-image: -moz-linear-gradient(#0a0a0a, #1a1a1a);
		background-image: -o-linear-gradient(#0a0a0a, #1a1a1a);
		background-image: -ms-linear-gradient(#0a0a0a, #1a1a1a);
		background-image: linear-gradient(#0a0a0a, #1a1a1a);
	}
	
	#product-media-player-wrapper {
		max-width: 640px;
	}
	
	#product-actions {
		position: absolute;
		top: 10px;
		right: -60px;
	}
	
	#product-actions ul li {
		display: block;
		margin-bottom: 10px;
	}
	
	#product-actions ul li a {
		height: 44px;
		width: 44px;
		padding: 0;
		line-height: 44px;
	}
}

.playlist_item {
	cursor: pointer;
}

.playlist_item_selected {
	background-color: #ECECEC;
}

#product-related .product-grid {
	min-height: 260px;
}
@media (min-width: 768px) {
	#product-related .product-grid {
		min-height: 235px;
	}
}

.details_content_quality {
	float:left;
	min-width:200px;
}

.details_content_quality_icon {
	float: left;
	padding-right: 10px;
	text-align: center;
	font-weight: bold;
}

/* Seasonal */

#store_name {
	display: block;
	height: 35px;
	width: 620px;
	text-indent: -99999px;
	margin: 5px 0 0 0;
}

#store_byline {
	color: #343434;
	font-size: 18px;
	font-weight: lighter;
	margin: 9px 5px;
}

@media (max-width: 619px) {
    #store_name {
        width: 100%;
        text-indent: 0;
        font-size: 1.9em;
        color: #d40000;
        line-height: 1em;
        background: none !important;
    }
}

/* Seasonal Sub Navigation */

@media (min-width: 768px) {
	#seasonal_subnavigation {
		padding: 0;
	}
}

.panel-primary .nav-tabs li a {
	color: #333;
	font-size: .8em;
	font-weight: bold;
	border: 0;
}

.panel-primary .nav-tabs li a:hover {
	background: #c2d8ea; /* Old browsers */
	background: -moz-linear-gradient(top,  #c2d8ea 0%, #b1c8e6 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c2d8ea), color-stop(100%,#b1c8e6)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #c2d8ea 0%,#b1c8e6 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #c2d8ea 0%,#b1c8e6 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #c2d8ea 0%,#b1c8e6 100%); /* IE10+ */
	background: linear-gradient(top,  #c2d8ea 0%,#b1c8e6 100%); /* W3C */
}

.panel-primary .nav-tabs li.active, 
.panel-primary .nav-tabs li.active a,
.panel-primary .nav-tabs li.active a:hover, 
.panel-primary .nav-tabs li.active > a, 
.panel-primary .nav-tabs li.active > a:hover, 
.panel-primary .nav-tabs li.active > a:focus {
    background-image: none;
    background: #fff;
    color: #2a2a2a;
    text-shadow: 0 0 #2a2a2a;
    border: 0;
}

/* Seasonal Content */

#seasonal_catalog .error {
	text-align: center;
	padding: 50px;
	border: 0;
	background: transparent;
	font-weight: bold;
	margin: 0;
}

#seasonal_catalog_loading {
	padding: 50px;
	text-align: center;
}

#seasonal_catalog_loading img {
	display: block;
}

#seasonal_catalog_loading p {
	text-align: center;
	margin: 10px auto;
}

/* Best Sellers */
#best-sellers-content {
	padding-top: 10px;
	padding-bottom: 10px;
	overflow: hidden;
}
	
#best-sellers-content ol {
	margin-bottom: 0;
}
@media (min-width: 992px) {
	#best-sellers-content {
		padding-bottom: 0px;
	}
	#best-sellers-content ol {
		padding-left: 0;
		list-style: none;
	}
	#best-sellers-content ol li {
		text-align: center;
		height: 80px;
		padding: 0 5px;
		font-size: .85em;
	}
	
	#best-sellers-content .best-sellers-thumbnail {
		display: block;
		margin-bottom: 5px;
	}
}

/* Fix for homepage carousel webkit font rendering flicker */
#carousel-home-main {
	-webkit-backface-visibility: hidden;
	z-index: 10;
}


/* JCarousel See: http://sorgalla.com/jcarousel/ for documentation */

.jcarousel,
.jcarousel-auto-scroll {
	position: relative;
	overflow: hidden;
	width: 100%;
}
.jcarousel ul,
.jcarousel ol,
.jcarousel-auto-scroll ul,
.jcarousel-auto-scroll ol {
	width: 20000em;
	position: relative;
	list-style: none;
	margin: 0;
	padding: 0;
}
.jcarousel li,
.jcarousel-auto-scroll li {
	width: 200px;
	float: left;
	padding: 10px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.jcarousel-control-prev,
.jcarousel-control-next {
	position: absolute;
	width: 30px;
	height: 30px;
	text-align: center;
	text-decoration: none;
}
.jcarousel-control-prev {
	left: 20px;
}
.jcarousel-control-next {
	right: 20px;
}
.jcarousel-pagination {
	text-align: center;
	margin: 0;
}
.jcarousel-pagination a {
	text-decoration: none;
	display: inline-block;
	margin-right: 7px;
}
.jcarousel-pagination a span.fa-circle {
	display: none;
}
.jcarousel-pagination a.active span.fa-circle,
.jcarousel-pagination a:hover span.fa-circle {
	display: inline-block;
}
.jcarousel-pagination a.active span.fa-circle-thin,
.jcarousel-pagination a:hover span.fa-circle-thin {
	display: none;
}

#content-wrapper {
	position: relative;
}

/* Top Alert Bar */
#alert-bar {
	display: none;
    background-color:#f77f00; 
    padding: 5px; 
    text-align: center; 
    color: white; 
    font-family: sans-serif; 
}

#alert-bar a,
#alert-bar a:hover {
    color: white;
    text-decoration: underline;
}

a.now-hiring-banner {
	left: 1px; 
	position: absolute; 
	top: 1px; 
	z-index: 101; 
	background: transparent url('/media/lockdown/images/jobs.png') no-repeat scroll 0 0; 
	display: none; /*block;*/ 
	height: 80px; 
	width: 117px; 
	text-indent: 0;
    padding: 10px;
    text-align: center;
    color: white;
}
@media (max-width: 1199px) {
	a.now-hiring-banner {
		display: none;
	}
}