body {
	background-color:#935511;
	font-family:Georgia,serif;
	/*min-height:100% !important;
	height:1000px;*/
}

/* ------------- HEADER BAR ------------- */

#header-bar {
	background-color:#fffceb;
    background: -webkit-linear-gradient(#8c9eab, #fffceb); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#8c9eab, #fffceb); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#8c9eab, #fffceb); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#8c9eab, #fffceb); /* Standard syntax */
	height:200px;
	padding:0;
	/* possible header-bar widths:
	*  1170px, 970px, 750px, or <750 (fluid)
	*/
}
#header-bar-box {
	position:relative;
	margin:0;
	padding:0;
	width:100%;
	height:100%;
}

#header-bar-logo {
	max-width:100vw;
	margin:0;
	padding:0;
}
#header-bar-img {
	position:absolute;
	right:0;
}
@media (max-width:615px) {
	#header-bar-img {
		display:none;
	}
}

/* ------------------ NAV BAR ------------------ */

.navbar {
	background-color:black;
	margin-bottom:0;
	font-family:sans-serif;
}
.navbar-default {
	background-color:black;
	border:none;
}
ul.navbar-nav li a {
	color:white !important;
}
ul.navbar-nav li a:hover {
	color:#cccccc !important;
}
ul.navbar-nav li.active a {
	background-color:#222222 !important;
	color:white !important;
}
ul.dropdown-menu {
	background-color:#000000;
}
ul.navbar-nav li.open a {
	background-color:#000000 !important;
}

/* ------------------ CAROUSEL ------------------ */

/* Carousel base class */
.carousel {
  height: 500px;
  margin-bottom: 60px;
}
/* Since positioning the image, we need to help out the caption */
.carousel-caption {
  z-index: 10;
}

/* Declare heights because of positioning of img element */
.carousel .item {
  height: 500px;
  background-color: transparent;
}
.carousel-inner > .item > img {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
  height: 500px;
}

/* ------------- MAIN CONTAINER ------------- */

#main-container {
	position:relative;
	background-color:white !important;
	/*background-color:#fffceb !important;*/
	margin-top:0;
	padding-top:15px;
	min-height:100vh;
}
#main-container-img {
	display:block;
	width:200px;
	max-width:100%;
	float:left;
	padding:10px;
}
div.jumbotron {
	background-color:transparent;
	color:black;
	font-family:Georgia,serif;
}
blockquote footer {
	color:black;
	font-style:italic;
}

hr {
    height: 2px;
    background-color:#ccc;
    margin-top: 10px;
    margin-bottom: 10px;
}
/* ----------------- GALLERY TILES ----------------- */

.gallery-panel {
	margin-bottom: 20px;
	background-color: #fff;
	border: 1px solid transparent;
}

.gallery-panel-body {
  padding: 15px;
}

.gallery-panel-square {
	display:block;
	width:200px;
	height:200px;
	margin:10px auto;
	background-color:#ffffff;
	overflow:hidden;
	color:#000000;
}
.gallery-panel-square:hover {
	color:#111111 !important;
}
.gallery-panel-square > .gallery-panel-body {
	padding:0;
	display: flex;
	align-items: center;
	justify-content: center;
	height:198px;
	width:198px;
}
.gallery-panel-square > .gallery-panel-body > img {
	max-width:198px;
	max-height:198px;
	border:1px solid #000000;
	/*position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	margin:auto;*/
}
.gallery-panel-square > .gallery-panel-footer {
	height:42px;
	width:198px;
	margin:0;
	padding:10px 0 0 10px;
	position:absolute;
	bottom:10px;
	background:rgba(231,231,231,0.5);
	border-top:1px solid #999999;
	border-bottom:1px solid #999999;
	border-left:none;
	border-right:none;
	border-bottom-right-radius:4px;
	border-bottom-left-radius:4px;
	text-align:left;
}


/* ----------------- SHOP TILES ----------------- */

.panel-square {
	display:block;
	width:200px;
	height:200px;
	margin:10px auto;
	background-color:#c1d2de;
	border:1px solid #999999;
	box-shadow:0 0 10px 0 #bbbbbb;
	overflow:hidden;
	color:black;
}
.panel-square:hover {
	color:#337ab7 !important;
	box-shadow:0 0 10px 0 #999999;
}
.panel-square > .panel-body {
	padding:0;
}
.panel-square > .panel-body > img {
	max-width:198px;
	max-height:198px;
	/*position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	margin:auto;*/
}
.panel-square > .panel-footer {
	height:42px;
	width:198px;
	margin:0;
	padding:10px 0 0 10px;
	position:absolute;
	bottom:10px;
	background:rgba(231,231,231,0.5);
	border-top:1px solid #999999;
	border-bottom:1px solid #999999;
	border-left:none;
	border-right:none;
	border-bottom-right-radius:4px;
	border-bottom-left-radius:4px;
	text-align:left;
}

/* ----------------- INPUTS ----------------- */

#shop-buttons {
	position:absolute;
	right:15px;
	top:15px;
}

.btn-cart {

}
.btn-checkout {

}
.item-price {
	position:absolute;
	right:10px;
}
.panel-footer > .badge {
	background-color:#337ab7;
}

.ppp-form-label {
	margin:5px 0;
}

/* ---------------- ITEM PAGE -------------- */

.shop-header {
	margin-top:20px;
}
@media (max-width: 768px) {
	.shop-header {
		margin-top:55px;
	}
}

.item-img {
	max-width:100%;
	border:1px solid #999999;
	border-radius:5px;
	box-shadow:0 0 10px 0 #999999;
}

.subheader-faded {
	display:inline-block;
	height:34px;
	line-height:34px;
	font-size:18px;
	font-style:italic;
	color:#999999;
	margin:0 5px;
}
.price-tag {
	display:inline-block;
	height:34px;
	line-height:34px;
	font-size:22px;
	font-weight:bold;
	padding-left:10px;
	padding-right:10px;
}

.btn-add-to-cart {
	display:inline-block;
	/*float:left;*/
	margin-right:10px;
}

.item-desc {
	margin-top:20px;
}

.parenthetical {
	font-style:italic;
	color:#999999;
}

tr.line :first-child {
	padding-left:30px;
	font-weight:bold;
}
tr.line :last-child {
	font-weight:bold;
}

/* ---------------- SHOPPING CART -------------- */

.cart-row-unavailable {
	/*background-color:#aaaaaa;*/
	color:#999999;
}
.cart-thumbnail-td {
	width:100px;
}
.cart-text-unavailable {
	color:#999999;
}
.cart-thumbnail, .cart-thumbnail-unavailable {
	/*max-width:100%;*/
	border:1px solid #999999;
	border-radius:3px;
	box-shadow:0 0 5px 0 #999999;
}
.cart-thumbnail-unavailable {
	-webkit-filter: grayscale(100%);
	-webkit-filter: opacity(75%);
    filter: grayscale(100%);
	filter: opacity(75%);
}

/* ---------------- MISC -------------- */

p.no-results {
	font-style:italic;
}