/*
 * goodybeads.css
 *
 * Custom styles for the the website.
 * These styles override previously declared styles (most of the time).
 */

/*--- BOOTSTRAP CUSTOMIZATIONS ----*/

body {
	font-family: 'Rambla', 'Calibri', sans-serif, Arial;
	font-size: 12px;
}

noscript, noscript h1, noscript h2, noscript h3, noscript h4, noscript h5, noscript h6 {
	font-family: 'Calibri', Arial, Helevetica, sans-serif !important;
}

@media (min-width: 992px) {
	body { font-size: 13px; }
}

@media (min-width: 1200px) {
	body { font-size: 14px; }
}

h1,
h2,
h3,
h4, 
h5,
h6,
.h1,
.h2,
.h3,
.h5,
.h6 {
	font-family: 'Antic Slab', 'Cambria', serif !important;
}

a {
  color: #333333;
}

a:hover,
a:focus {
  color: #999999;
}

.uppercase {
	text-transform: uppercase;
}

.bg-primary {
  color: #fff;
  background-color: #428bca;
}
a.bg-primary:hover {
  background-color: #3071a9;
}
.bg-success {
  background-color: #dff0d8;
}
a.bg-success:hover {
  background-color: #c1e2b3;
}
.bg-info {
  background-color: #d9edf7;
}
a.bg-info:hover {
  background-color: #afd9ee;
}
.bg-warning {
  background-color: #fcf8e3;
}
a.bg-warning:hover {
  background-color: #f7ecb5;
}
.bg-danger {
  background-color: #f2dede;
}
a.bg-danger:hover {
  background-color: #e4b9b9;
}

.img-border { border:5px solid white; }

hr {
  margin-top: 5px;
  margin-bottom: 5px;
}

.container {
  padding-left: 5px;
  padding-right: 5px;
}
.row {
  margin-left: -5px;
  margin-right: -5px;
}

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  padding-left: 5px;
  padding-right: 5px;
}

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  background-color: #34a5a9;
  border-color: #34a5a9;
}

.progress-bar-info {
  background-color: #34a5a9;
}

.label-info {
  background-color: #34a5a9;
}

.input-group-sm-container {
  height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}

.form-horizontal .form-group {
  margin-left: -5px;
  margin-right: -5px;
}

.btn-default {
	background-color: #eeeeee;
}

.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.btn-default.active,
.open .dropdown-toggle.btn-default {
	background-color: #cccccc;
}

.btn-info {
  background-color: #34a5a9;
  border-color: #2c9599;
}

.btn-info:hover,
.btn-info:focus,
.btn-info:active,
.btn-info.active,
.open .dropdown-toggle.btn-info {
  background-color: #309295;
}

.btn-info.disabled,
.btn-info[disabled],
fieldset[disabled] .btn-info,
.btn-info.disabled:hover,
.btn-info[disabled]:hover,
fieldset[disabled] .btn-info:hover,
.btn-info.disabled:focus,
.btn-info[disabled]:focus,
fieldset[disabled] .btn-info:focus,
.btn-info.disabled:active,
.btn-info[disabled]:active,
fieldset[disabled] .btn-info:active,
.btn-info.disabled.active,
.btn-info[disabled].active,
fieldset[disabled] .btn-info.active {
  background-color: #34a5a9;
}

select.form-control, input.form-control[type="file"] {
  /* safari adjustment, should this be 38px? */
  line-height: 28px;
}

.breadcrumb {
  margin-bottom: 5px;
}

.no-margin {
  margin-top: 0px;
  margin-bottom: 0px;
}

.table-mini > thead > tr > th,
.table-mini > tbody > tr > th,
.table-mini > tfoot > tr > th,
.table-mini > thead > tr > td,
.table-mini > tbody > tr > td,
.table-mini > tfoot > tr > td {
  padding: 2px;
  line-height: 1.1;
  font-size: 12px;
  vertical-align: top;
  border-top: 1px solid #dddddd;
}

.navbar {
	z-index: 99;
}


/*===============================================================================*/
/*--- CUSTOMIZATIONS ---------------------------------------------------------*/
/*===============================================================================*/

/* Global styles */

@font-face {
  font-family: 'icomoon';
  src: url('../fonts/icomoon.eot');
  src: url('../fonts/icomoon.eot?#iefix') format('embedded-opentype'), url('../fonts/icomoon.woff') format('woff'), url('../fonts/icomoon.ttf') format('truetype'), url('../fonts/icomoon.svg#icomoon') format('svg');
}

.icomoon {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'icomoon';
  -webkit-font-smoothing: antialiased;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -moz-osx-font-smoothing: grayscale;
}

.icomoon:empty {
  width: 1.1em;
}

.icomoon-bag:before {
  content: "\e600";
}

.icomoon-bag-sale:before {
  content: "\e601";
}

.no-padding {
  padding: 0;
}

.breadcrumb {
	margin-bottom: 15px;
	padding: 14px 15px 14px 15px;
}

.text-vertical-center {
	display: inline-block !important;
    vertical-align: middle !important;
}

.simplemodal-container .modal-content {
	padding: 20px;
	position: relative;
}

.simplemodal-container .modal-header {
	padding: 0;
	border-bottom: 1px solid #e7e7e7;
}

.simplemodal-container .modal-header .simplemodal-close {
	position: absolute;
	top: -25px;
	right: -25px;
}

/* Working to remove these 'space' classes from pages */
.spacer-15 {
	margin-bottom: 15px;
}

.spacer-30 {
	margin-bottom: 15px;
}

.spacer-45 {
	margin-bottom: 45px;
}

.danger {
	color: #b94a48 !important;
}

.inline {
	display: inline;
}

.clear {
	clear: both;
}

.bold {
	font-weight: bold;
}

a.underline {
	text-decoration: underline;
}

.btn-link-adjust {
	padding: 0;
	border: none;
}

.popup-window {
	display: none;
	padding: 15px;
	border: 1px solid #e3e3e3;
	border-radius: 4px;
	z-index: 9999;
}

.social-media-vertical {
	margin-top: 115px;
}

.social-media-vertical .fb_iframe_widget,
.social-media-vertical .twitter-tweet-button {
	margin-top: 5px;
}

 .social-media-horizontal .fb_iframe_widget {
	/* line-height: .7; */
	position: relative;
	top: -6px;
}

.ZebraDialog > div {
	/*reset*/
	border: none;
	
	border-top: none;
	border-right: none;
	border-bottom: none;
	border-left: none;
	
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	
	border-top-left-radius: none;
	border-top-right-radius: none;
	border-bottom-left-radius: none;
	border-bottom-right-radius: none;
	
	background: none;
	
}

.ZebraDialog {
	width: auto;
	z-index: 9999 !important;
	position: absolute !important;
}

.ZebraDialog .ZebraDialog_BodyOuter,
.ZebraDialog .ZebraDialog_NoTitle,
.ZebraDialog .ZebraDialog_NoButtons {
	padding: 15px;
	border: 1px solid #e7e7e7;
	border-radius: 4px;
	background: none;
	background-color: #D9EDF7;
}

.ZebraDialog .ZebraDialog_Title {}

.ZebraDialog .ZebraDialog_Icon {
	padding: 0;
	min-height: 0;
}

.ZebraDialog .ZebraDialog_Information {
	background: none;
}
.ZebraDialog .ZebraDialog_Body {
	
}

.ZebraDialog, .ZebraDialog .ZebraDialog_Title, 
.ZebraDialog .ZebraDialog_Body, 
.ZebraDialog .ZebraDialog_Buttons a {
	text-align: center;	
}

.ZebraDialog.update-notice .ZebraDialog_BodyOuter,
.ZebraDialog.update-notice .ZebraDialog_NoTitle,
.ZebraDialog.update-notice .ZebraDialog_NoButtons,
.ZebraDialog.quantity-update-notice .ZebraDialog_BodyOuter,
.ZebraDialog.quantity-update-notice .ZebraDialog_NoTitle,
.ZebraDialog.quantity-update-notice .ZebraDialog_NoButtons {
	padding: 15px;
	border: 1px solid #e7e7e7;
	border-radius: 4px;
	background: none;
	background-color: #D9EDF7;
}


.ZebraDialog.update-warning .ZebraDialog_BodyOuter,
.ZebraDialog.update-warning .ZebraDialog_NoTitle,
.ZebraDialog.update-warning .ZebraDialog_NoButtons,
.ZebraDialog.quantity-update-warning .ZebraDialog_BodyOuter,
.ZebraDialog.quantity-update-warning .ZebraDialog_NoTitle,
.ZebraDialog.quantity-update-warning .ZebraDialog_NoButtons {
	padding: 15px;
	border: 1px solid #e7e7e7;
	border-radius: 4px;
	background: none;
	background-color:#fcf8e3;
}

.ZebraDialog.update-danger .ZebraDialog_BodyOuter,
.ZebraDialog.update-danger .ZebraDialog_NoTitle,
.ZebraDialog.update-danger .ZebraDialog_NoButtons,
.ZebraDialog.update-danger .ZebraDialog_Buttons {
	padding: 15px;
	border: 1px solid #e7e7e7;
	border-radius: 4px;
	background: none;
	color: #b94a48 !important;
	background-color: #f2dede;
}

.ZebraDialog.update-danger .ZebraDialog_Buttons a {
	color: #ffffff;
	background-image: none;
  	background-color: #d9534f;
  	border-color: #d43f3a;
  	text-shadow: none;
}

.ZebraDialog.update-danger .ZebraDialog_Buttons a:hover,
.ZebraDialog.update-danger .ZebraDialog_Buttons a:focus {
	color: #ffffff;
	background-image: none;
  	background-color: #d2322d;
  	border-color: #ac2925;
  	text-shadow: none;
}


/* Custom Checkboxes - Override "Awesome Bootstrap Checkbox" with Glyphicons */

.checkbox input[type=checkbox]:checked + label:after {
    font-family: 'Glyphicons Halflings';
    content: "\e013";
}
.checkbox label:after {
    padding-left: 4px;
    padding-top: 2px;
    font-size: 9px;
}



/* Layout - Header > Top bar */

#top-bar {
	margin: 0 0 10px 0;
	background-color: #000;
	color: #fff;
	text-align: middle;
}

#top-bar a {
	color: #fff;
}

#top-bar-shipping .icon {
	display: inline-block;
	width: 38px;
	height: 18px;
	vertical-align: middle;
	background: url('/images/hdr-truck.png') no-repeat;
}

#top-bar #email-signup {
	padding-left: 26px;
}

/* Layout - Header > Tool bar */

#toolbar {
	position: relative;
	text-align: right;
}

#toolbar-nav {
	padding: 0;
	list-style: none;
}


#toolbar-nav li {
	padding-right: 5px;
	margin-right: 2px;
	display: inline-block;
	border-right: 1px solid #000;
	position: relative;
}

#toolbar-nav li:last-child {
	padding: 0;
	margin: 0;
	border-right: none;
}

#toolbar-nav li:first-child a {
	padding: 1px 6px;
	border:1px solid #ccc;
	border-radius: 3px;
}

#toolbar-cart {
	text-align: left;
}

#toolbar-cart a {
	padding-right:38px;
}

#toolbar-cart span.icon {
	display: inline-block;
	width: 34px;
	height: 48px;
	margin-left: 2px;
	position: absolute;
	top: -23px;
	right: 0;
	background: url('/images/shopping-bag.png') no-repeat;
}

#toolbar-cart span.icon span {
	position: absolute;
	top: 5px;
	left: -5px;
	color: #fff;
	font-size: x-small;
	background: #ED1C24;
}

/* Layout - Header > Branding */

#branding {
	margin-bottom: 15px;
}

#logo img {
	width: auto;
	height: 35px;
}

#logo .tagline {
		margin: 25px 0 0 15px;
}

#callout {
	/* margin-left: -30px; */
	/* margin-right: 30px; */
}

#callout .callout-link {
	text-decoration: none;
	line-height: 1;
}

#callout .callout-title {
	margin-bottom: 3px;
	font-size: 21px;
	font-weight: bold;
	color: #ED1C24;
	display: block;
	font-family: 'Antic Slab', 'Cambria', serif !important;
}

#callout .callout-text {
	display: block;
}

#callout .callout-more {
	margin-top: 2px;
	font-size: smaller;
	display: inline-block;
	vertical-align: top;
}

#callout .callout-link span.icon {
	height: 55px; 
	width: 135px;
	display: inline-block;
	vertical-align: bottom;
	background: url('/images/free-shipping.png') no-repeat;
	background-position: 0,0;
}

#callout .callout-link .callout-title,
#callout .callout-link .callout-text,
#callout .callout-link .callout-more {
	display: none;
}

#search .input-group {
	padding: 0 0 0 20px;
}

/* Layout - Header > Promo ribbon */

#promo-ribbon .ribbon-background {
	height: 25px;
	z-index: 990;
	padding: 0 10px 0 25px;
	display: inline-block;
	position: relative;
	background: url('/images/bg-promonav.gif') repeat-x #04A1A6;
}

#promo-ribbon-nav {
	padding-top: 3px;
}

#promo-ribbon-nav a {
	color: #fff;
	text-decoration: none;
}

#promo-ribbon-nav .promo-ribbon-link-header {
	text-transform: uppercase;
}
#promo-ribbon-nav ul {
	z-index: 991;
}

#promo-ribbon-nav ul a {
	color: #333;
	text-decoration: none;
}

/* Layout - Header > Navigation */

#navigation {
	padding: 0;
	margin-left: 0;
	margin-right: 0;
}

.navbar {
	min-height: 42px;
}

.navbar-default {
	margin-bottom: 0;
	padding-left: 0;
	padding-right: 0;
	background: none;
	border-top: 1px dashed #000;
	border-bottom: 1px dashed #000;
}

.navbar-header span.label {
	font-size: 18px;
	text-transform: uppercase;
	color: #24ACB2;
	
    float: right;
    margin-top: 8px;
    margin-right: 0;
    padding: 9px 8px 10px 0;
    position: relative;
}

#navigation .nav > li {
	border-right: 1px dashed #000;
}

#navigation .navbar-default .navbar-nav > li:last-child {
	border-right: 0;
}

.navbar-default .navbar-nav > li > a {
	color: #000;
}

.navbar-default .navbar-nav > li:first-child > a {
	/* padding-left: 0; */
}

.navbar-nav > li > a {
	padding-top: 10px;
	padding-bottom: 10px;
}

.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
	background-color: #eee;
}

.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
	color: #555555;
}


.navbar-default .navbar-nav #main-category-nav-clearance a {
	font-weight: bold;
	text-transform: uppercase;
	color: rgb(237, 28, 36);
	border-right: none;
}

.navbar-default .navbar-nav #main-category-nav-clearance a:hover,
.navbar-default .navbar-nav #main-category-nav-clearance a:focus {
	background-color: #fff;
}

/* Layout - Header > Branding */
#promo-bar {
	margin-bottom: 15px;
}

#promo-bar .promo-bar-body {
	padding: 2px;
	text-align: center;
}

#promo-bar .promo-bar-body p {
	margin: 0;
}

#promo-bar .promo-bar-body a,
#promo-bar .promo-bar-body a:hover {
    color: inherit;
}

#promo-bar-placeholder {
	
}

/* Layout - Body */

#sidebar {
	margin-bottom: 5px;
}


#content {
	margin-bottom: 15px;
}

/* Layout - Footer */

#footer .row {
	margin-bottom: 15px;
}

#footer-info {
	background-color: #B0E3E3;
}

#footer-info h3,
#footer-info h4 {
	text-transform: uppercase;
}

#footer-info .border-box {
	margin: 15px;
	padding: 0 15px 15px 15px;
	border: 1px solid #fff;
}

#footer-info h3.h4 {
	margin-top: 10px;
}

#footer-nav {
	
}

#footer-nav .social-profiles {
	
}

#footer-nav .social-profiles li,
#footer-nav .social-profiles li a,
#footer-nav .social-profiles li a:hover,
#footer-nav .social-profiles li a:focus {
	margin-right: 5px;
	width: 32px;
	height: 32px;
	display: inline-block;
}

#footer-nav .social-profiles li a,
#footer-nav .social-profiles li a:hover,
#footer-nav .social-profiles li a:focus {
	text-decoration: none;
}

#footer-nav .social-profiles li.pinterest a {
	background: url("/images/icons/smicon-pinterest.png");
}

#footer-nav .social-profiles li.facebook a {
	background: url("/images/icons/smicon-facebook.png");
}

#footer-nav .social-profiles li.twitter a {
	background: url("/images/icons/smicon-twitter.png");
}

#footer-nav .social-profiles li.instagram a {
	background: url("/images/icons/smicon-instagram.png");
}

#footer-nav .social-profiles li a span {
	display: none;
}

#footer-nav .icon-gift-certificates li a {
	display: inline-block;
	width: 108px;
	height: 57px;
	background: url('/images/e-gift-certificate.jpg') top left no-repeat;
}

#footer-nav .icon-gift-certificates li a span {
	display: none;
}


#payment-icons li {
	width: 40px;
	height: 25px; 
	background: url('/images/cc-logos.gif');
}

#payment-icons li.icon-payment-visa {
	background-position: 0 0;
}

#payment-icons li.icon-payment-mastercard {
	background-position: 40px 0;
}

#payment-icons li.icon-payment-paypal {
	background-position: 82px 0;
}

#payment-icons li span {
	display: none;
}

#footer-copyright {
	padding-top: 10px;
	border-top: 1px dashed #000;
	font-size: small;
}


/* Page - Home */

.title-box {
	text-align: center;
	padding: 0 15px 6px 15px;
	border-top: 1px dashed #000;
	border-bottom: 1px dashed #000;
	background: url(/images/bg-featured.gif) repeat #eee;
}

.title-box-title {
	margin-top: -10px;
	margin-bottom: 26px;
	font-size: 16px;
}

.title-box-title span.title-wrapper {
	padding: 7px 2px;
	background: transparent;
	border: 1px dotted #000;
}

.title-box-title span.title-wrapper span {
	padding: 5px 30px;
	color: #fff;
	background: #252423;
}

#top-fold, #brands, #best-sellers {
	margin-bottom: 45px;
}

#highlighted-items {
	text-align: left;
}

#highlighted-items a {
	margin-bottom: 10px;
	display: inline-block;
	max-width: 100%;
	max-height: auto;
	/*
	max-width: 278px;
	max-height: 197px;
	*/
}


	#highlighted-items .col-sm-12:last-child a {
		margin-bottom: 0;
	}
	
#highlighted-items a img {
	width: 100%;
	height: auto;
	/*
	width: 278px;
	height: 197px;
	*/
}

#featured, #best-sellers {
	margin-bottom: 30px;
}

#carousel-home .carousel-indicators {
    padding: 0;
    margin: 0 7% 0 0;
    right: 0;
    bottom: 0;
    left: auto;
    width: auto;
}

#carousel-home .carousel-control {
    width: 7%;
}

#carousel-home .item img {
	width: 100%;
}

#featured h3.h4 {
	margin-top: 10px;
}

#brands .brand-logo {
	height: 116px;
	line-height: 116px;
	text-align: center;
}
#brands .brand-logo a,
#brands .brand-logo img {
	display: inline-block;
	vertical-align: middle;
}

#best-sellers {
	padding-bottom: 20px;
	text-align: center;
}

#page-content {
	font-size: smaller;
	color: #777;
}

.filmstrip .carousel-control {
	width: 3%;
}
.filmstrip .carousel-control .glyphicon-chevron-left {
	top: 45%;
	left: -32%;
}
.filmstrip .carousel-control .glyphicon-chevron-right {
	top: 45%;
	right: -32%;
}


/* Page - Categories */

#filters .instructions {
	margin-top: 0;
	color: #9D3B39;
	font-weight: bold;
}

#filters .fixit {
	z-index: 2;
	margin-right: 15px;
}

#filters .fixit.affix {
	position: fixed;
	top: 15px;  /* height of the nav */
}

#filters .fixit.affix-bottom {
	position: absolute;
	top: auto;
}

#filters .fixit.affix-top {

}

#filters #selections {
	margin-bottom: 15px;
}

#filters .filter-title {
	border-bottom:1px solid #ddd;
	padding-bottom: 10px;
	font-size:16px;
}

#filters .filter-title a {
	display:inline-block;
	width:100%;
	outline:0;
}

#filters .filter-title a i {
	color:#888
}

#filters ul.filter-group {
	margin: 0;
	padding: 0 0 15px 0;
}

	#filters .filter-group .filter-count {
		font-size:smaller;
		color:#888
	}
	
	#filters .filter-group .checkbox {
		margin-left: 20px;
	}
	
	.trends #filters ul.filter-group li a {
		padding-left: 20px;
	}

#filters #accordion .panel-title a {
	display: inline-block;
	width: 100%;
	color: #888;
	outline: 0;
}

#filters #accordion,
.category-parent #accordion,
.category-child #accordion,
.search-results #accordion
.brands #accordion {
	margin-bottom: 15px;
}

.category-child #accordion .panel-heading,
.search-results #accordion .panel-heading
.brands #accordion .panel-heading,
.special #accordion .panel-heading {
	padding-top: 14px;
	padding-bottom: 14px;
}

#category-header {
	margin-bottom: 15px;
	position: relative;
}

#category-header h1.category-title {
	margin: 0;
	padding: 6px 10px 6px 15px;
	width: 100%;
	color: #000;
	text-shadow: 0 0 4px #fff;
	font-family: 'Antic Slab', serif !important;
	position: absolute;
	top: 0;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	
	/*background: rgba(256,256,256,.6);*/
	background: -moz-linear-gradient(left, rgba(255,255,255,0.8) 1%, rgba(255,255,255,0.8) 45%, rgba(255,255,255,0) 72%, rgba(255,255,255,0) 99%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(1%,rgba(255,255,255,0.8)), color-stop(45%,rgba(255,255,255,0.8)), color-stop(72%,rgba(255,255,255,0)), color-stop(99%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left, rgba(255,255,255,0.8) 1%,rgba(255,255,255,0.8) 45%,rgba(255,255,255,0) 72%,rgba(255,255,255,0) 99%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left, rgba(255,255,255,0.8) 1%,rgba(255,255,255,0.8) 45%,rgba(255,255,255,0) 72%,rgba(255,255,255,0) 99%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left, rgba(255,255,255,0.8) 1%,rgba(255,255,255,0.8) 45%,rgba(255,255,255,0) 72%,rgba(255,255,255,0) 99%); /* IE10+ */
	background: linear-gradient(to right, rgba(255,255,255,0.8) 1%,rgba(255,255,255,0.8) 45%,rgba(255,255,255,0) 72%,rgba(255,255,255,0) 99%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ccffffff', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 */
}

#category-header .category-image-wrapper {
	border-radius: 4px;
}

#category-header .category-image {
	margin-bottom: 15px;
	border-radius: 4px;
}

#category-header .category-description a {
	text-decoration: underline;
}


/* Pagination - category-parent, category-child, search results, brands */

.pagination-count {
	line-height: 28px;
}
.pagination-count span {
	display: inline-block;
	vertical-align: middle;
}

#spinner-overlay {
	background: rgba(256,256,256,0.6);
	/* fill screen
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	*/
	position:absolute;
	/* height: 3570px; */
	width: 100%;
	display: none;
	z-index: 999;
	padding-bottom: 30px;
}

/* Items - category-parent, category-child, search-results, brands */

.items {
	margin-bottom: 15px;
}

.items .thumbnail {
	/* padding-top: 38px; */	
	/* height: 339px; */
}

.items .thumbnail a.item-image {
	display: inline-block;
	overflow: hidden;
	width: 100%;
}

.items .thumbnail img {
	border: 1px solid #eeeeee;
	/* width: 197px; */
	/* height: 197px; */
	width: 100%;
	height: auto;
}

.items .caption form,
.item-quickview-modal form {
	display: inline;
}

.items .item-quickview-link {
	margin-top: -20px;
	text-align: center;
}

.items .item-quickview-link .glyphicon-eye-open {
	margin-right: 2px;
}

.items .item-bulk {
	padding: 0 8px;
	text-align: center;
	font-size: smaller;
	position: absolute;
	top: 6px;
	left: 11px;
	right: 11px;
	background: rgba(256,256,256,.7);
}

.items .item-sku,
.items .item-price {
	font-weight: bold;
	margin-bottom: 0;
}

.items .item-unit {
	font-size: smaller;
	text-align: right;
}

.items .item-description {
	clear: both;
	overflow: hidden; /* need to char limit description */
	height: 60px;
}
	.items .item-description.excerpt {
		overflow: visible;
	}

.items .item-buttons .btn {
	height: 30px;
}

.btn .glyphicon.glyphicon-heart {
	color: #D40404;
}

.items .item-buttons .btn-info {
	padding: 5px 7px;
}

	.items .item-buttons .btn-highlight {
		background-color: #E9C344;
		border-color: #B69835;
	}

.items .item-buttons .text-danger {
	padding-top: 7px;
	height: 30px;
	display: inline-block;
}


.items .item-buttons .btn-text,
.item-quickview-modal .item-quickview-buttons .btn-text {
	display: none;
}

.items .quantity,
.item-quickview-modal .quantity {
	width: 32px;
	height: 30px;
	vertical-align: middle;
}

.item-quickview-modal img {
	margin: 0 15px 15px 0;
	float: left;
}

.item-quickview-modal .item-quickview-title {
	margin-top: 0;
}

.item-quickview-modal .item-quickview-price {
	margin-bottom: 0;
}

.item-quickview-modal .item-quickview-price span {
	font-weight: bold;
}

.item-quickview-modal .item-quickview-buttons {
	clear: both;
}

.item-quickview-modal .item-quickview-buttons .btn {
	height: 30px;
}

.item-quickview-modal .item-quickview-buttons .btn-info {
	padding: 5px 7px;
}

	.item-quickview-modal .item-quickview-buttons .btn-highlight {
		background-color: #E9C344;
		border-color: #B69835;
	}

/* Modal Forms - login, register, etc */

.simplemodal-container #modal-forms,
.simplemodal-container .modal-message {
	margin-top: 15px;
}

.simplemodal-container #modal-forms .form-group:last-child {
	margin-bottom: 0;
}


/* Page - deals-specials */

.terms-conditions {
	font-size: small;
	margin-top: 15px;
}


/* Page - single */

.single {
	margin-bottom: 15px;
}

.single .text-attention {
	color: green;
	font-weight: bold;
}

.single .bulk {
	margin-top: 20px;
}

.single .single-header h1 {
	margin-top: 0;
}

.single .single-image .item {
	border: 1px solid #e7e7e7;
	border-radius: 4px;
}

.single .single-image .carousel,
.single .single-image .carousel-inner,
.single .single-image .item {
	max-width: 402px;
}

.single .single-image .carousel-inner > .item > img, .carousel-inner > .item > a > img {
	width: 100%;
}


.single .single-image .carousel-control .icon-next, .single .single-image .carousel-control .glyphicon-chevron-right,
.single .single-image .carousel-control .icon-prev, .single .single-image .carousel-control .glyphicon-chevron-left {
	font-size: larger;
}

.single .single-image .carousel-control {
	background: none;
	z-index: 99;
	display: none;
}
.single .single-image .carousel-control.left {
	left: -13%;
}

.single .single-image .carousel-control.right {
	right: -13%;
}

/*
.single .single-image .carousel-control .icon-next, .single .single-image .carousel-control .glyphicon-chevron-right{
	right: -28%;
}

.single .single-image .carousel-control .icon-prev, .single .single-image .carousel-control .glyphicon-chevron-left {
	left: -28%;
}
*/

.single .single-image .carousel-indicators {
	position: relative;
	top: auto;
	right: auto;
	bottom: auto;
	left: auto;
	width: 100%;
	margin-left: 0;
}

.single .single-image .carousel-indicators li,
.single .single-image .carousel-indicators .active {
	width: 50px;
	height: 50px;
	text-indent: inherit;
	border-radius: 0;
	border: 1px solid #e7e7e7;
	overflow: hidden;
	margin: 5px;
	
}
	
.single .single-image .carousel-indicators li {
	/* border: 1px solid #999; */
}

.single .single-image .carousel-indicators .active {
	/* border: 1px solid #555; */
}

.single .single-image .carousel-indicators li img {
	width: 50px;
}

.single .single-image .item .zoom {
	position: relative;
}

.single .single-image .item .zoom-icon {
	background: url("/images/icons/icon-zoom.png") no-repeat scroll right top rgba(0, 0, 0, 0);
    display: block;
    width: 33px;
    height: 33px;
    position: absolute;
    right: 0;
    top: 0;
}

.single .single-description {
	margin-left: 0;
	padding-left: 0;
}

.single .single-info-list {
	font-size: 16px;
}

.single .single-info-list span {
	font-weight: bold;
}

.single .single-buttons {
	margin-bottom: 15px;
}

.single .single-buttons form {
	display: inline;
}

.single .single-buttons form span {
	display: inline-block;
}

.single .single-buttons .quantity {
	width: 32px;
	height: 30px;
	display: inline-block;
	vertical-align: middle;
}

.single .single-buttons .btn-info {
	padding: 5px 7px;
}

	.single .single-buttons .btn-highlight {
		background-color: #E9C344;
		border-color: #B69835;
	}

.single .popular-items a:last-child {
	margin-bottom: 0;
}

.single .popular-items a img {
	max-width: 100px;
}

.also-bought .carousel a .carousel-caption {
	top: 0;
	right: 3%;
	bottom: 0;
	left: 3%;
	padding: 7px;
	display: none;
	background: rgba(0,0,0,.5);
}

.also-bought .carousel a:hover .carousel-caption {
	display: block;
}

/* Page - member-account, Favorites (Formerly called Wish List) */

.member-account #manage-profile {
	margin-bottom: 15px;
}

.member-account #manage-addresses .existing-address .hcard {
	position:relative;
}

.member-account #manage-addresses .existing-address .action-buttons {
	position: absolute;
	bottom: 20px;
	right: 20px;
}
	
.member-account .static-address {
	margin-bottom: 15px;
}

#favorites .table tbody td {
	/* vertical-align: middle; */
	position: relative;
}

#favorites .table tbody td .table-price {
	min-width: 50px;
}

#favorites .table tbody td .table-quantity {
	min-width: 90px;
}

#favorites .table tbody td .table-image {
	max-width: 100px;
}

#favorites .quickview-modal form {
	display: inline;
}

#favorites .quickview-link .btn {
	height: auto;
	position: absolute;
	bottom: 10px;
}

#favorites .quickview-link .glyphicon-eye-open {
	margin-right: 2px;
}

#favorites .quantity {
	width: 34px;
	height: 34px;
	display: inline-block;
	vertical-align: middle;
}

#favorites .btn {
	height: 34px;
}

#favorites .btn-highlight {
	background-color: #E9C344;
	border-color: #B69835;
}

#favorites .text-attention {
	color: green;
	font-weight: bold;
}

/*Page - cart, checkout */

.cart .table tbody td {
	vertical-align: middle;
}

.cart .table .width-60 {
	width: 60%;
}

.cart .table .error td {
	background: #fcf8e3;
}

.cart .quantity {
	width: 34px;
	height: 34px;
	display: inline-block;
	vertical-align: middle;
}

.cart .btn-update-all {
	width: 76px;
}

.cart .price-row td {
	font-weight: bold;
	font-size: 16px;
}

.cart #or {
	padding: 0 15px 0 12px;
}

/*Page - checkout */

#checkoutBasketProgress {
	padding-top: 30px;
	text-align: center;
	font-size: 18px;
}

.checkout .same-as input {
	width: auto;
	height: auto;
	margin-right: 10px;
}

.checkout #CouponMessage,
.checkout #GiftCertificateMessage {
	font-weight: bold;
}


/* Responsive Table - cart, checkout */
table.responsive {
  border-collapse: collapse;
}

/* Checkout Progress Indicatory */

ol.progtrckr {
        margin: 0;
        padding: 0;
        list-style-type none;
    }

ol.progtrckr li {
    display: inline-block;
    text-align: center;
    line-height: 3em;
}

ol.progtrckr[data-progtrckr-steps="2"] li { width: 49%; }
ol.progtrckr[data-progtrckr-steps="3"] li { width: 33%; }
ol.progtrckr[data-progtrckr-steps="4"] li { width: 24%; }
ol.progtrckr[data-progtrckr-steps="5"] li { width: 19%; }
ol.progtrckr[data-progtrckr-steps="6"] li { width: 16%; }
ol.progtrckr[data-progtrckr-steps="7"] li { width: 14%; }
ol.progtrckr[data-progtrckr-steps="8"] li { width: 12%; }
ol.progtrckr[data-progtrckr-steps="9"] li { width: 11%; }

ol.progtrckr li.progtrckr-done {
    color: black;
    border-bottom: 4px solid #E9C344;
}

ol.progtrckr li.progtrckr-todo {
    color: silver; 
    border-bottom: 4px solid silver;
}

ol.progtrckr li:after {
    content: "\00a0\00a0";
}

ol.progtrckr li:before {
    position: relative;
    bottom: -2.5em;
    float: left;
    left: 50%;
    line-height: 1em;
}

ol.progtrckr li.progtrckr-done:before {
    content: "\2713";
    color: white;
    background-color: #E9C344;
    height: 1.2em;
    width: 1.2em;
    line-height: 1.2em;
    border: none;
    border-radius: 1.2em;
}

ol.progtrckr li.progtrckr-todo:before {
    content: "\039F";
    color: silver;
    background-color: white;
    font-size: 1.5em;
    bottom: -1.6em;
}


/* Page - buyGiftCertificates */

.card {
	margin-bottom: 27px;
}

.card .card-graphic {
    padding: 8px;
	width: 100%;
	max-width: 325px;
    border: 1px solid #e7e7e7;
    background: #e9e9e9;
    border-radius: 10px;
    display:inline-block;
}

.card .card-graphic-inner {
	padding: 20px;
    height: 172px;
    border: 2px dotted #E9C344;
    border-radius: 6px;
	background: #fff;
	position: relative;
}
.card .card-logo, .card-value {
	width: 50%;
}

.card .card-value {
	line-height: .7;
	font-size: 300%;
}

.card .card-number {
	clear: both;
	position: absolute;
	bottom: 20px;
	left: 0;
	right: 0;
	font-size: 150%;
}

.card .additional-info {
	padding: 0 15px 25px 15px;
}

.card .cart-btn {
	position: absolute;
	bottom: -8px;
	left: 0;
	right: 0;
}

/* Page - print-receipt */


.print-receipt {}

.print-receipt #header #logo img{
	margin-left: 0;
}


/* Page - maintenance */


#maintenance #header {
	border-bottom: 1px dashed #000;
	padding-bottom: 15px;
}

#maintenance #top-bar {
	margin-bottom: 15px;
}

#maintenance .social-profiles {
	margin-top: 18px;
}

/* Page - 404 */
.response-code-404 {}

.response-code-404 #search {
	margin-bottom: 200px;
}

/* MEDIA QUERIES - Table display */

@media only screen and (max-width: 760px), (min-device-width: 768px) and (max-device-width: 1024px) {
    table.responsive {
        width: 100%;
        min-width: 300px;
		position: relative;
		margin-bottom: 40px;
    }

    /* Force table to not be like tables anymore */
    table.responsive, table.responsive thead, table.responsive tbody, table.responsive th, table.responsive tbody td, table.responsive tbody tr { 
        display: block;
    }

    /* Hide table headers (but not display: none;, for accessibility) */
    table.responsive th { 
        position: absolute;
        top: -9999px;
        left: -9999px;
    }
	
	table.responsive tfoot {
		position: absolute;
	}
	
	table.responsive tfoot,
	table.responsive tfoot tr {
		display: table;
		width: 100%
	}
	
	table.responsive tfoot,
	table.responsive tfoot tr,
	table.responsive tfoot td {
		border: none;
	}
	
	table.responsive tfoot tr.price-row td.price {
		width: 72%;
	}
	
	table.responsive tfoot tr.update-row td.update-button {
		width: 44%;
	}
	
	table.responsive tfoot tr td:first-child {
		width: auto;
	}
	
	table.responsive tbody {
		border-bottom: 1px solid #E3E3E3;
	}
	
	table.responsive tbody tr {
		border-bottom: 2px solid #E3E3E3;
	}
	
    table.responsive tbody td { 
        /* Behave  like a "row" */
        position: relative;
        padding-left: 30% !important;
    }
	
	 table.responsive tbody tr td:first-child {
	 	/* Use this to position the image to the left */
	 	/* padding-left: 6px !important; */
	 }

    table.responsive tbody td:before { 
        /* Now like a table header */
        position: absolute;
        /* Left value mimics padding */
        left: 6px;
        width: 35%; 
        padding-right: 10px; 
        white-space: nowrap;
    }
}

/* MEDIA QUERIES - Max widths*/

@media(max-width:1200px) {

}

@media(max-width:1024px) {

}

@media(max-width:991px) {
	
	#callout .callout-title {
		font-size: 14px;
	}
	
	#maintenance #branding #logo,
	#maintenance #branding #footer-nav ul,
	#maintenance #footer #footer-copyright {
		text-align: center;
	}
	
	#maintenance #branding #logo img {
		height: auto;
	}
}

@media(max-width:767px) {
    
    /* Global */
    
    #accordion .panel-collapse .list-unstyled > li {
		display: inline-block;
		width: 100%;
	}
	
    /* Layout - Header */
    
	#toolbar #toolbar-checkout {
		display: none;
	}
	#toolbar #toolbar-cart {
		padding-right: 0;
		margin-right: 0;
		border: none;
	}
	#toolbar-cart a {
		padding-left: 0;
	}
	#toolbar-cart span.icon {
		display: none;
		margin-right: 0;
	}
	
	#MemberNav {
		padding-left: 0;
	}
	
	#MemberNav li .disabled {
		color: #bbb !important;
	}
	
	#MemberNav #toolbar-cart a {
		padding-right: 0;
	}

	#navigation .navbar-collapse .nav > li {
		border-right: none;
	}
	
	.navbar {
		border-botom: 1ps solid #000;	
	}
	
	.navbar-default {
		border-bottom: 1px solid #e7e7e7;
	}
	
	.navbar-collapse .nav > li > a {
		line-height: 14px;
		font-size: 14px
	}
	
	.navbar-collapse {
		font-size: 14px;
		line-hight: 2;
	}
	
	.navbar-nav .open .dropdown-menu > li > a {
		line-height: 14px;
	}
	
	.open > .dropdown-menu,
	.open > .dropdown-menu .dropdown-menu {
		display: block;
		list-style: none;
	}
	
	.navbar-nav .open .dropdown-menu li a {
		padding-left: 15px;	
		color: #000;
	}
	
	.navbar-nav .open .dropdown-menu .dropdown-menu li a {
		margin-left: 0;
		padding-left: 30px;	
	}
	
	.dropdown-menu > li.dropdown-submenu > a {
		font-weight: bold;
	}
	
	.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
	.navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
		background: #e7e7e7;
	}
	
	/* Page - category-parent, category-child, search-results, brands */
	
	#filters .fixit.affix {
		position: relative !important;
	}
	
	#filters .fixit.affix-top {
		position: relative !important;
	}
	
	/* Items - category-parent, category-child, search-results, brands */
	
	.items .item-quickview-link {
		display: none;
	}
	
	/* Page - member-account, Favorites (Formerly called Wish List) */

	#favorites .quickview-link .btn {
		display: none;
	}

}

@media(max-width:599px) {
	
	/* Layout - Header */
	
	#top-bar-shipping {
		width: 100%;
	}
	
	#dialogLink {
		display: none;
	}
	
	/* Page - member-account, member-account-edit-address */

	#member-change-name.form-inline .form-group,
	#member-change-email.form-inline .form-group,
	#member-change-password.form-inline .form-group {
		width: 100%;
	}
	
	#member-edit-address.form-horizontal .form-group {
		width: 100%;
	}
	
	#favorites .table tbody td .table-description .long-description {
		display: none;
	}
	
	/* Page - category-child */
	.items .item-description {
		min-height: 55px;
	}
	
	/* Page - category-parent, category-child */
	.category-parent #filters li,
	.category-child #filters li {
		font-size: larger;
    	line-height: 1.6;
	}
	
	.category-parent #filters .panel-title a,
	.category-child #filters  .panel-title a,
	.category-parent #filters li a,
	.category-child #filters li a {
		display: inline-block;
		width: 100%;
	}
	
	/* Checkout Progress Indicatory */

	ol.progtrckr li {
	    font-size: 86%;
	}
}

@media(max-width:479px) {
	
	/* Global styles */
	
	.nav-tabs > li {
        float:none;
    }
	
	/* Layout - Header */
	
	#top-bar-shipping.text-left {
		text-align: center;
	}
	
	#toolbar-nav {
		text-align: center;
	}
	
	/* Page - buyGiftCertificates */
	
	.card { 
		width: 100%;
	}
	
	/* Page - various */
	
	.single-item .col-xs-6 {
  		width: 100%;
	}
}

/* MEDIA QUERIES - Min widths */

@media(min-width:1600px) {

}

@media(min-width:1200px) {

}

@media(min-width:1024px) {

}

@media(min-width:992px) {

}

@media(min-width:800px) {

}

@media(min-width:768px) {
	
	/* Layout - Header */

	#branding {
		margin-bottom: inherit;
	}
	#logo img {
		width: auto;
		height: auto;
		margin-left: 35px;
		float: left;
	}
	#search {
		padding-top: 15px;
	}
	#promo-ribbon .ribbon-arrow-before {
	width: 0; 
	height: 0;
	display: inline-block;
	position: absolute;
	left: 0;
	border-top: 12px solid transparent;
	border-bottom: 13px solid transparent;
	border-left: 12px solid #fff;
	}
	
	#main-category-nav {
		padding-left: 0;
		padding-right: 0;
	}
	
	#main-category-nav .nav #main-category-nav-clearance {
		position: absolute;
		right: 0;
	}
 	
	.dropdown-submenu {
		position:relative;
	}
	.dropdown-submenu > .dropdown-menu{
		top: 0;
		left: 100%;
		margin-top: -6px;
		margin-left: -1px;
		-webkit-border-radius: 0 6px 6px 6px;
		-moz-border-radius: 0 6px 6px 6px;
		border-radius: 0 6px 6px 6px;
	}
	
	.dropdown-submenu:hover > .dropdown-menu{
		display: block;
	}
	
	.dropdown-submenu > a:after {
		display: inline-block;
		content: " ";
		float: right;
		width: 0;
		height: 0;
		border-color: transparent;
		border-style: solid;
		border-width: 5px 0 5px 5px;
		border-left-color: #cccccc;
		margin-top: 5px;
		margin-right: -10px;
	}
	
	.dropdown-submenu:hover > a:after {
		border-left-color: #ffffff;
	}
	.dropdown-submenu.pull-left {
		float: none;
	}
	.dropdown-submenu.pull-left>.dropdown-menu{
		left: -100%;
		margin-left: 10px;
		-webkit-border-radius: 6px 0 6px 6px;
		-moz-border-radius: 6px 0 6px 6px;
		border-radius: 6px 0 6px 6px;
	}
	
	/* Items - category-parent, category-child, search-results, brands */
	
	.items .item-bulk  {
		font-size: small;
	}
	
	.items .item-description {
		height: 30px; /* need to char limit description */
		font-size: smaller;
	}
	
	/* Page - member-account, member-account-edit-address */

	#member-change-name.form-inline .form-group,
	#member-change-email.form-inline .form-group,
	#member-change-password.form-inline .form-group {
		width: 25%;
	}
	
	#member-edit-address.form-horizontal .form-group {
		width: 100%;
	}	
}


@media(min-width:600px) {
	
	/* Page - member-account, member-account-edit-address */

	#member-change-name.form-inline .form-group,
	#member-change-email.form-inline .form-group,
	#member-change-password.form-inline .form-group {
		width: 50%;
	}
	
	#member-edit-address.form-horizontal .form-group {
		width: 50%;
	}
}

@media(min-width:478px) {

}

@media(min-width:478px) {

}

#items-display .thumbnail {
    min-height: 375px;   
}

.items .item-description {
    height:70px;
}

@media (min-width:450px) { 
    #items-display .thumbnail{
        min-height: 400px;
    }

    .items .item-description {
        height:60px;
    }
}

@media (min-width:680px) { 
    #items-display .thumbnail{
        min-height: 550px;
    }

    .items .item-description {
        height:60px;
    }
}

@media (min-width:730px) { 
    #items-display .thumbnail{
        min-height: 575px;
    }

    .items .item-description {
        height:60px;
    }
}

@media (min-width:768px) { 
    #items-display .thumbnail{
        min-height:360px;
    }

    .items .item-description {
        height:50px;
    }
	
	.item-sku{
		font-size:10px;
	}
}

@media (min-width:992px) { 
    #items-display .thumbnail{
        min-height:375px;
    }

    .items .item-description {
        height:50px;
    }
}


@media (min-width:1000px) { 
    #items-display .thumbnail{
        min-height:375px;
    }

    .items .item-description {
        height:60px;
    }
}

@media (min-width:1200px) { 
    #items-display .thumbnail{
        min-height:425px;
    }

    .items .item-description {
        height:60px;
    }
	
	.item-sku{
		font-size:12px;
	}
}
