@CHARSET "utf-8";

@media print {
	.no-print {
	   display: none;
	}
	
	.print-col {
	   width: 100% !important;
	}

	a[href]:after {
		display: none;
		visibility: hidden;
	}

}


/********************************************************** 
 * Helper Classes
 **********************************************************/

.active-danger {
	color: #d9534f;
}

.bg-gray {background-color: #e6e6e6; }

.inline-block { display: inline-block }

.text-justify { text-align: justify; }
.text-center { text-align: center; }
.text-left  { text-align: left; }
.text-right { text-align: right; }
.text-bold { font-weight: bold; }
.text-upper { text-transform: uppercase; }
.text-lower { text-transform: lowercase; }
.text-no-decorate { text-decoration: none !important; }


.capitalize { text-transform: capitalize;}

.cursor{ cursor: pointer;}

.left-border-white { border-left: 1px solid #ffffff; }
.left-border-dark { border-left: 1px solid #444444; }

.border-lg { border: 5px solid #444444; }
.border-md { border: 3px solid #444444; }
.border-sm { border: 2px solid #444444; }
.border-xs { border: 1px solid #444444; }

.border-bottom-lg { border-bottom: 5px solid #444444; }
.border-bottom-md { border-bottom: 3px solid #444444; }
.border-bottom-sm { border-bottom: 2px solid #444444; }
.border-bottom-xs { border-bottom: 1px solid #444444; }

.border-none { border: none !important;}
.border-bottom { border-bottom: 1px solid #444444; }
.border-top { border-top: 1px solid #444444; }

.border-bottom-white { border-bottom: 1px solid #ffffff; }
.border-top-white { border-top: 1px solid #ffffff; }

.border-sm-default { border: 1px solid #dddddd; }
.border-md-default { border: 3px solid #dddddd; }
.border-lg-default { border: 5px solid #dddddd; }


.border-sm-primary { border: 1px solid #428bca; }
.border-md-primary { border: 3px solid #428bca; }
.border-lg-primary { border: 5px solid #428bca; }

.border-sm-success { border: 1px solid #4cae4c; }
.border-md-success { border: 3px solid #4cae4c; }
.border-lg-success { border: 5px solid #4cae4c; }

.border-sm-danger { border: 1px solid #d43f3a; }
.border-md-danger { border: 1px solid #d43f3a; }
.border-lg-danger { border: 1px solid #d43f3a; }

.border-left {border-left: 1px solid #444444; }
.border-right {border-right: 1px solid #444444; }
.border-top {border-top: 1px solid #444444; }
.border-bottom{border-bottom: 1px solid #444444; }

.fa-btn-fix { line-height: 1.42857143 !important; }

.btn-gray {
  color: #444444;
  background-color: #e6e6e6;
  border-color: #444444;
}
.btn-gray:hover,
.btn-gray:focus,
.btn-gray:active,
.btn-gray.active,
.open > .dropdown-toggle.btn-gray {
  color: #ffffff;
  background-color: #444444;
  border-color: #adadad;
}
.btn-gray:active,
.btn-gray.active,
.open > .dropdown-toggle.btn-gray {
  background-image: none;
}
.btn-gray.disabled,
.btn-gray[disabled],
fieldset[disabled] .btn-gray,
.btn-gray.disabled:hover,
.btn-gray[disabled]:hover,
fieldset[disabled] .btn-gray:hover,
.btn-gray.disabled:focus,
.btn-gray[disabled]:focus,
fieldset[disabled] .btn-gray:focus,
.btn-gray.disabled:active,
.btn-gray[disabled]:active,
fieldset[disabled] .btn-gray:active,
.btn-gray.disabled.active,
.btn-gray[disabled].active,
fieldset[disabled] .btn-gray.active {
  background-color: #fff;
  border-color: #ccc;
}
.btn-gray .badge {
  color: #444444;
  background-color: #e6e6e6;
}

.ui-dialog.dialog-close-button .ui-dialog-titlebar-close {
	display: none;
}

.drop-shadow {
	box-shadow: 3px 3px 3px 3px #444444;
}

.link {
	text-decoration: underline;
	color: #d9534f;
}

.list-separator > li {
	border-left: 1px solid #444444;
	padding-left: 5px;
	padding-right: 5px;
}

.list-separator li:first-child {
	border-left: none;
	padding-left: 0px;
}

.margin-lg { margin: 25px; }
.margin-md { margin: 20px; }
.margin-sm { margin: 15px; }
.margin-no { margin: 0px; }

.margin-top-xlg { margin-top: 30px;}
.margin-top-lg { margin-top: 25px;}
.margin-top-md { margin-top: 20px;}
.margin-top-sm { margin-top: 15px;}
.margin-top-xs { margin-top: 10px;}
.margin-top-xxs { margin-top: 5px;}
.margin-top-3xs { margin-top: 3px;}
.margin-top-no { margin-top: 0px; }

.margin-bottom-xlg { margin-bottom: 30px;}
.margin-bottom-lg { margin-bottom: 25px;}
.margin-bottom-md { margin-bottom: 20px;}
.margin-bottom-sm { margin-bottom: 15px;}
.margin-bottom-xs { margin-bottom: 10px;}
.margin-bottom-xxs { margin-bottom: 5px;}
.margin-bottom-no { margin-bottom: 0px; }

.margin-left-100 {margin-left: 90px;}
.margin-left-xlg { margin-left: 30px;}
.margin-left-lg { margin-left: 25px;}
.margin-left-md { margin-left: 20px;}
.margin-left-sm { margin-left: 15px;}
.margin-left-xs { margin-left: 10px;}
.margin-left-xxs { margin-left: 5px;}
.margin-left-no { margin-left: 0px; }

.margin-right-xlg { margin-right: 30px;}
.margin-right-lg { margin-right: 25px;}
.margin-right-md { margin-right: 20px;}
.margin-right-sm { margin-right: 15px;}
.margin-right-xs { margin-right: 10px;}
.margin-right-xxs { margin-right: 5px;}
.margin-right-no { margin-right: 0px; }

.padding-bottom-xlg { padding-bottom: 30px !important}
.padding-bottom-lg { padding-bottom: 25px !important}
.padding-bottom-md { padding-bottom: 20px !important}
.padding-bottom-sm { padding-bottom: 15px !important}
.padding-bottom-xs { padding-bottom: 10px !important}
.padding-bottom-no { padding-bottom: 0px !important}

.padding-left-100 {padding-left: 90px !important}
.padding-left-xlg { padding-left: 30px !important}
.padding-left-lg { padding-left: 25px !important}
.padding-left-md { padding-left: 20px !important}
.padding-left-sm { padding-left: 15px !important}
.padding-left-xs { padding-left: 10px !important}
.padding-left-no { padding-left: 0px !important}

.padding-right-xlg { padding-right: 30px !important}
.padding-right-lg { padding-right: 25px !important}
.padding-right-md { padding-right: 20px !important}
.padding-right-sm { padding-right: 15px !important}
.padding-right-xs { padding-right: 10px !important}
.padding-right-no { padding-right: 0px !important}

.padding-top-xlg { padding-top: 30px !important}
.padding-top-lg { padding-top: 25px !important}
.padding-top-md { padding-top: 20px !important}
.padding-top-sm { padding-top: 15px !important}
.padding-top-xs { padding-top: 10px !important}
.padding-top-xxs { padding-top: 5px !important}
.padding-top-no { padding-top: 0px !important}

.padding-lg { padding: 20px;}
.padding-md { padding: 15px;}
.padding-sm { padding: 10px;}
.padding-xs { padding: 5px;}
.padding-no { padding: 0px; }

.padding-left-no-xs {
	padding-left: 0px !important
}
.padding-right-no-xs {
	padding-right: 0px !important
}

@media (min-width:768px) {
	.padding-left-no-small {
		padding-left: 0px !important
	}
	.padding-right-no-small {
		padding-right: 0px !important
	}
}

.radio-padding label {
	padding-left: 5px;
	padding-right: 15px;
	font-weight: normal !important;
}

.checkbox-list label {
	display: inline;
	font-weight: normal;
}
.checkbox-list label:after {
	content: "\a";
	white-space: pre;
}

.pager li > a
{
	background-color: #444444;
	color: #ffffff;
	width: 100px;
}

.pager li > a:hover {
	color: #444444;
}

.pointer {
	cursor: pointer;
}

.popover {
	z-index: 1200 !important; 
}

.selector-container {
    height: 225px;
}

div.sws-cms-link {
	cursor: pointer;
}

.input-width-lg { width: 110% }
.input-width-md { width: 60% }
.input-width-sm { width: 30% }
.input-width-xs { width: 10% }

a { color: #444444; }
a:hover { color: #444444;}

.box-xs { height: 200px; width: 200px; }
.box-sm { height: 300px; width: 300px; }
.box-md { height: 400px; width: 400px; }
.box-lg { height: 600px; width: 600px; }

.img-round-sm { border-radius: 10px;}

/********************************************************** 
 * Address
 **********************************************************/
.address-card {
	background-color: #f5f5f5;
	border: 1px solid #dddddd;
}

.address-card:hover {
	box-shadow: 2px 2px 10px 2px #444444;
}


/********************************************************** 
 * Backgrounds
 **********************************************************/

.reverse {
	background-color: #444444;
	color: #ffffff;
}

/********************************************************** 
 * Spinning Please Wait
 **********************************************************/
.modal-title-hidden .ui-dialog-titlebar {display:none}
div#please-wait-modal { min-height: inherit !important;}

.preloader { display: none; }

/********************************************************** 
 * Scrolling Area
 **********************************************************/

.scroll-area {
	overflow-x: hidden;
	overflow-y: scroll;
}

.scroll-xl { height: 300px;}
.scroll-lg { height: 200px;}
.scroll-md { height: 150px;}
.scroll-sm { height: 100px;}
.scroll-xs { height: 50px;}

.hover-default:hover { background-color: #444444; color: #ffffff; }
.hover-primary:hover { background-color: #428bca; color: #ffffff; }
.hover-success:hover { background-color: #c1e2b3; color: #3c763d; }
.hover-info:hover    { background-color: #d9edf7; color: #31708f; }
.hover-warning:hover { background-color: #fcf8e3; color: #8a6d3b; }
.hover-danger:hover  { background-color: #f2dede; color: #a94442; }
.hover-dull:hover    { background-color: #e2e2e2; color: #444444; }


/********************************************************** 
 * Standard
 **********************************************************/

.page-title { margin-bottom: 20px; border-bottom: 1px solid #444444; }

/********************************************************** 
 * Font
 **********************************************************/
@font-face {
    font-family: 'trajanpro_regular';
    src: url('../fonts/trajan/trajanpro-regular-webfont.eot');
    src: url('../fonts/trajan/trajanpro-regular-webfont.eot?#iefix') format('embedded-opentype'), 
         url('../fonts/trajan/trajanpro-regular-webfont.woff') format('woff'), 
         url('../fonts/trajan/trajanpro-regular-webfont.ttf') format('truetype'), 
         url('../fonts/trajan/trajanpro-regular-webfont.svg#trajanpro_regular') format('svg')
}
@font-face {
	font-family: 'CenturyGothicRegular';
    src: url('../fonts/century/century.eot');
    src: url('../fonts/century/century.eot?#iefix') format('embedded-opentype'),
         url('../fonts/century/century.woff') format('woff'),
         url('../fonts/century/century.ttf') format('truetype'),
         url('../fonts/century/century.svg#CenturyGothicRegular') format('svg');
}

body {
    font-family: 'CenturyGothicRegular';
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; 
}

.century {
	font-family: 'CenturyGothicRegular';
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;	
}
.trajanfont { 
    font-family: 'trajanpro_regular';
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
    
}

.bold{ font-weight: bold; }

.font-4xlg { font-size: 3.0em !important; }
.font-xxxlg { font-size: 2.8em !important; }
.font-xxlg { font-size: 2.4em !important; }
.font-xlg { font-size: 2.0em !important; }
.font-lg { font-size: 1.8em !important; }
.font-md { font-size: 1.6em !important; }
.font-sm { font-size: 1.4em !important; }
.font-xs { font-size: 1.2em !important; }
.font-xxs { font-size: 0.9em !important;}
.font-xxxs { font-size: 0.7em !important;}

.font-medium {
    font-size: 1.1em !important;
}
.font-small {
	font-size: 0.8em !important;
}

.font-spacing-xs { letter-spacing: 1px; }
.font-spacing-sm { letter-spacing: 2px; }
.font-spacing-md { letter-spacing: 3px; }
.font-spacing-lg { letter-spacing: 5px; }

@media (min-width: 768px) {
	.small-font {
	   font-size: 0.8em !important; 
	}
}

@media (min-width: 992px) {
	.small-font {
	   font-size: 1.0em !important; 
	}
}

@media (max-width:768px) {
	.padding-row { padding-bottom: 10px; }
}



.quantity {
	width: 5em;
	text-align: right;
}

.quantity[disabled] {
	background-color: #ffffff;
	border: none;
	box-shadow: none;
	-webkit-box-shadow: none;
	color: #000000;
}

/********************************************************** 
 * Button
 **********************************************************/

.btn-long { width: 100% !important; }
.btn-medium { width: 50% !important; }
.btn-short { width: 25% !important; }

.btn-large { font-size: 1.5em;}


/********************************************************** 
 * Background
 **********************************************************/

.bg-default { background-color: #444444; color: #ffffff; }

/********************************************************** 
 * Carousel
 **********************************************************/
 
.carousel-inner > .item > img {
    margin: 0 auto;
}

.carousel-control-container {
	position: static;
	z-index: 2000;
}

.carousel-control
{
	width: 50px !important;
	height: 63px !important;
	top: 50% !important;
	background-color: #444444;
}


.carousel-control-container li {
	text-align: center;
}

.featurette-divider
{
	margin: 20px 0;
}

.featurette-heading
{
	margin-top: 120px;
	font-size: 50px;
	line-height: 1;
	letter-spacing: -1px;
}


/********************************************************** 
 * cart
 **********************************************************/

.cart-item {
	margin-bottom: 25px;
}

.cart-modal-container {
	height: 500px;
}

.cart-item-title {
	border-bottom: 1px solid #444444;
}

/**********************************************************
 * Colors
 **********************************************************/

.text-goldenrod {
	color: #D7A51C;
}

.background-goldenrod {
	background-color: #D7A51C;
}

.text-mahogany {
	color: #663813;
}

.background-mahogany {
	background-color: #663813;
}

.text-rosewood {
	color: #65000b;
}

.background-rosewood {
	background-color: #65000b;
}

.text-midnightblue {
	color: #0a2c56;
}

.background-midnightblue {
	background-color: #0a2c56;
}

.text-night {
	color: #323232;
}

.background-night {
	color: #323232;
}


/********************************************************** 
 * features
 **********************************************************/

.feature-title {
	font-size: 1.5em;
	font-weight: bold;
}

.feature-body {
	height: 200px;
}

/********************************************************** 
 * modal
 **********************************************************/

.modal {
	z-index: 5000 !important;
}

.modal-header { 
	background-color: #444444; 
	color: #ffffff;
	padding-right: 10px; padding-left: 10px; 
}

.modal-header .close { 
	color: #ffffff !important; 
	opacity: 1.0 !important;
}

.modal-header-sm {
	padding: 5px !important;
}


/********************************************************** 
 * Login
 **********************************************************/

.login-container {
	
	padding: 10px;
	
}

button.login {
	
	font-size: 0.8em;
}

.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
	color: #444444;
}

/********************************************************** 
 * Navigation
 **********************************************************/

nav.navbar-sws {
    	
}

.navbar-sws {
	background-color: #444444;
	border-radius: 0px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	color: #ffffff !important;
	font-family: 'CenturyGothicRegular';
	font-size: 1.4em;
	text-align: center;
}

.navbar-sws  .navbar-nav > li > a,
.navbar-sws  .navbar-nav > li > a:visited {
	color: #ffffff;
	text-decoration: none;
}

.navbar-sws .navbar-nav > li > a:hover {
	color: #444444;
	background-color: #e7e7e7;
}
.navbar-sws .navbar-nav > li > a:focus {
    color: #ffffff;
    background-color: #444444;
	
}

.navbar-sws .dropdown-menu .nav-menu > li {
    display: block;
    background-color: #ffffff;
    padding: 3px;
}
.navbar-sws .dropdown-menu .nav-menu > li:hover {
	background-color: #f5f5f5;
	color: #444444;
}
.navbar-sws .dropdown .dropdown-menu .nav-menu > li a:hover {
    text-decoration: none;
}
.navbar-sws  .navbar-nav > li > a {
   font-size: 0.6em;
}

.dropdown-menu .sub-menu {
    left: 100%;
    position: absolute;
    top: 0;
    visibility: hidden;
    margin-top: -1px;
}

.dropdown-menu li:hover .sub-menu {
    visibility: visible;
}

.dropdown:hover .dropdown-menu {
    display: block;
}

.nav-tabs .dropdown-menu, .nav-pills .dropdown-menu, .navbar .dropdown-menu {
    margin-top: 0;
}

.navbar .sub-menu:before {
    border-bottom: 7px solid transparent;
    border-left: none;
    border-right: 7px solid rgba(0, 0, 0, 0.2);
    border-top: 7px solid transparent;
    left: -7px;
    top: 10px;
}
.navbar .sub-menu:after {
    border-top: 6px solid transparent;
    border-left: none;
    border-right: 6px solid #fff;
    border-bottom: 6px solid transparent;
    left: 10px;
    top: 11px;
    left: -6px;
}

@media(min-width: 768px) {
    .navbar-sws  .navbar-nav > li > a {
       font-size: 0.6em;
    }
}
@media(min-width: 865px) {
    .navbar-sws  .navbar-nav > li > a {
       font-size: 0.7em;
    }
}
@media(min-width: 925px) {
    .navbar-sws  .navbar-nav > li > a {
       font-size: 0.8em;
    }
}
@media(min-width: 1050px) {
    .navbar-sws  .navbar-nav > li > a {
       font-size: 1.0em;
    }
}

@media(min-width: 768px){
    .navbar-sws .dropdown > .dropdown-menu {
        padding: 10px 5px 10px 5px;
        width: 150px;
    }      
}
@media(min-width: 992px){
    .navbar-sws .dropdown > .dropdown-menu {
        padding: 10px 5px 10px 5px;
        width: 225px;
    }       
}
@media(min-width: 1075px){
    .navbar-sws .dropdown > .dropdown-menu {
        padding: 10px 5px 10px 5px;
        width: 300px;
    }       
}
@media(min-width: 1200px){
    .navbar-sws .dropdown > .dropdown-menu {
        padding: 10px 5px 10px 5px;
        width: 425px;
    }       
}
@media(min-width: 1270px){
	.navbar-sws .dropdown > .dropdown-menu {
	    padding: 10px 5px 10px 5px;
	    width: 500px;
	}		
}




.category-heading
{
    padding-left: 5px;	
    margin-top: 0px;
}

.login-container button.login {
   font-size: 13px;
}

.login-small {
	display: inline;
}

.login-large {
	display: none;
}

@media (min-width: 768px) {
    .login-small {
        display: inline;
    }   
    .login-large {
        display: none;
    }
}

@media (min-width: 1190px) {
	.login-small {
	   display: none;
	}
	.login-large {
		display: inline;
	}
}

/**********************************************************
 * Notification - Alerts
 **********************************************************/

.notification-container {
	position: fixed;
	left: 0;
	bottom: 0;
	width: 72%;
	background-color: #444444;
	color: #ffffff;
	z-index: 20000;
}

.notification-container .notification-body a,
.notification-container .notification-body a:visited {
	color: #ffffff;
	font-weight: bold;
}

.notification-body {
	padding: 10px;
}

.yotpo.testimonials {
	z-index: 10000 !important;
}


/** SWS Top Banner **/
.site-logo {
	margin-top: 5px;
	font-size: 1.6em;
}

.site-logo a {
	color: #444444;
	text-decoration: none;
}

.sws-top {
	padding-top: 10px;
	padding-bottom: 5px;
}

.sws-greeting
{
	margin-top: 10px;
	font-size: 0.9em;
}

.sws-top-cart
{
	font-size: 0.9em;
}

.sws-search-button {
	cursor: pointer;
}

/********************************************************** 
 * Product
 **********************************************************/

.pagination-menu {
	min-width: 50px !important;
}

.dropdown-menu.pagination-menu>li>a:hover, .dropdown-menu.pagination-menu>li>a:focus {
    text-decoration: none;
    color: #ffffff;
    background-color: #444444;
}

.product-selected {
	border: 1px solid #cccccc;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	
	box-shadow: inset 0 0 0 2px #ffffff;
	-webkit-box-shadow: inset 0 0 0 2px #ffffff;
	-moz-box-shadow: inset 0 0 0 2px #ffffff;
	
	background: #444444;
	color: #ffffff;
}

.product-selections-title {
	height: 60px;
}

.more-info{
	background-color: #444444;
	color: #ffffff;
	font-size: 0.8em;
	position: absolute;
    left: 30%;
	text-align: center;
	border-radius: 4px;
	margin-top: 5px;
	width: 65px;
}

.more-info a,
.more-info a:hover
{
	color: #ffffff;
	text-decoration: none;
}

.product-attribute-label {
	width: 100px;
}

.table-list {
	
	width: 100%;
	
}



.quickview {
    display: none;
    position: absolute;
    bottom: 40%;
    z-index: 1000;
    width: 90%;
    
}

.quickview a {
    z-index: 500;
}


.quick-view-title {
    text-align: left;
    margin-bottom: 10px;
    border-bottom: 1px solid #444444;
}

.quickview-product {
    text-align: left;
}
.quickview-product ul {
    margin-left: 25px;
}

.quick-view-actions {
    margin-top: 15px;
    padding-top: 15px;
    border-top: 1px solid #444444;
    text-align: center;
    margin-bottom: 20px;
}
.quick-view-actions a {
    color: #ffffff !important;
}

.group-dialog {
    text-align: left;
}


/**********************************************************
 * Product Listing
 **********************************************************/

.product-list-title {
	height: 40px;
	overflow-wrap: break-spaces;
	max-width: 390px;
}


/********************************************************** 
 * Footer
 **********************************************************/

.footer
{
	background-color: #444444;
	color: #ffffff;
	margin-top: 20px;
}

.footer a, .footer a:visited
{
	color: #ffffff;
}

.footer-title 
{
	font-size: 1.3em;
}

.list-footer-group
{
	padding-left: 10px;
}

.footer-links {
	margin-top: 20px;
}

.footer-links li {
	padding-left: 25px; 
	padding-right: 25px;
	border-right: 1px solid #ffffff;
	font-size: 0.9em;
}

.footer-links li.last {
	border-right: none;
}

.product-index {
	border-top: 1px solid #ffffff;
	padding-top: 15px;
	padding-bottom: 15px;
}

.mcafee {
	
	padding: 10px;
	background-color: #ffffff;
	border-radius: 5px;
	margin-bottom: 7px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

/********************************************************** 
 * Custom Panel
 **********************************************************/

.panel-night{border-color:#2e2e2e}
.panel-night>.panel-heading{color:#FFF;background-color:#444444;border-color:#2e2e2e}
.panel-night>.panel-heading+.panel-collapse .panel-body{border-top-color:#ddd}
.panel-night>.panel-footer+.panel-collapse .panel-body{border-bottom-color:#ddd}




/********************
 *  Product Selection
 ********************/
 .product-select {}
 .product-select-title {
    font-size: 0.9em;
    margin-top: 0px;
 }

 .yotpo-review-block {
	 min-height: 109px;
 }
