.navbar { min-height: 0px; margin-bottom: 0px; }
.form-control { border-color: #B98F71; }
.row { margin-right: 0px; margin-left: 0px; }
.alert { font-size: 14px; }
.btn {	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	-o-border-radius: 0px;
	border-radius: 0px;
}
/*.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: 0px; padding-right: 0px; }*/

header>div,
footer>div,
#mainContent,
.collectionDescriptionContainer>div {
	margin-left: auto;
	margin-right: auto;
	max-width: 992px;
	position: relative;
}
#wrapperContainer {
	min-height:100%;
	position:relative;
}
/* =============== header =============== */
header {
	background: #000000;
	-webkit-box-shadow: 0px 7px 16px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    0px 7px 16px rgba(50, 50, 50, 0.75);
	box-shadow:         0px 7px 16px rgba(50, 50, 50, 0.75);
	min-height: 80px;
}
header .glyphicon { color: #af7d58; }
header a#logo { position: absolute; }
header a#logo>img { max-width: 248px; margin: 15px 0px 0px 6px; }
header a:hover, header a:focus, header a.current { background: transparent !important; color: #ebd6a9 !important; }
.navbar-default { background: transparent; border-color: transparent; }
.navbar-default .navbar-collapse { border-color: transparent; }
header .navbar-default button.navbar-toggle { border-color: transparent; }
header .navbar-default .btn-group-vertical i { font-size: 1.3em; }
header .navbar-default button.navbar-toggle:hover { background-color: #292523; }
header .navbar-default button.navbar-toggle:first-child { margin-bottom: 0px; }
header #top-nav-bar {
	padding: 0px;
}
header #top-nav-bar li a {
	color: #c0c0c0;
	font-size: 15px;
	letter-spacing: 2px;
	padding: 3px 0px;
	text-transform: uppercase;
}
header #top-nav-bar li:hover a {
	color: #b98f71;
}
header #top-nav-bar li#topSearchLi {
	padding: 2px 7px;
	max-width: 250px;
	margin: 0px auto;
}
header #top-nav-bar li#topSearchLi i {
	color: white;
}

/* =============== cart content container =============== */
#top-nav-shopping-cart,
#top-nav-my-account {
	cursor: pointer;
	padding: 3px 15px;
	z-index: 990;
}
#top-nav-shopping-cart i,
#top-nav-my-account i {
	margin: 0px 5px 0px 0px;
}
#top-nav-shopping-cart:hover i,
#top-nav-my-account:hover i {
	color: #ebd6a9;
}
#top-nav-cart-content-container {
	background: white;
	color: black;
	padding: 0px 10px;
	text-align: left;
}
#top-nav-cart-content-container #top-nav-cart-content-header { 
	border-bottom: 1px solid black;
	font-size: 14px;
	padding-bottom: 5px;
	padding-top: 5px;
	margin-bottom: 5px;
}
#top-nav-cart-content-container #top-nav-cart-content-header>i {
	font-size: 12px;
}
#top-nav-cart-content-container #top-nav-cart-content-count {
	text-transform: uppercase;
	font-size: 12px;
}
#top-nav-cart-content-container #top-nav-cart-content>div.media {
	border-top: 1px solid #DEDEDE;
	display: inline-block;
	max-width: 270px;
	margin: 0px 10px;
	padding: 13px 0px;
	vertical-align: top;
}
#top-nav-cart-content-container #top-nav-cart-content>div.media:first-child {
	border-top: 0px;
}
#top-nav-cart-content-container #top-nav-cart-content>div.media .media-body {
	font-size: 11px;
}
#top-nav-cart-content-container #top-nav-cart-content>div.media .media-heading {
	color: gray;
}
#top-nav-cart-content-container #top-nav-cart-content>div.media .media-remove-btn {
	color: #AF7D58;
	cursor: pointer;
	font-size: 11px;
	font-weight: bold;
	margin-top: 5px;
}
#top-nav-cart-content-container #top-nav-cart-subtotal {
	border-top: 1px solid black;
	font-size: 12px;
	font-weight: bold;
	padding: 13px 0px;
	text-align: center;
	line-height: 14px;
}
#top-nav-cart-content-container #top-nav-cart-subtotal>span {
	font-size: 14px;
}
#top-nav-cart-content-container #top-nav-cart-footer {
	text-align: center;
	padding-bottom: 7px;
}
#top-nav-cart-content-container #top-nav-cart-footer button {
	max-width: 300px;
	margin: 0px auto;
	width: 100%;
}
#top-nav-cart-content-container #top-nav-cart-footer a {
	color: black;
	display: block;
	font-size: 13px;
	margin-top: 7px;
	text-decoration: underline;
}
#top-nav-cart-content-container #top-nav-cart-footer a:hover { color: black !important; }
/* =============== cart content container ends =============== */

#search-form-container {
	display: none;
	background-color: white;
	position: absolute;
	right: 0;
	width: 100%;
	max-width: 300px;
	padding: 15px;
	top: 51px;
	-webkit-box-shadow: 0px 7px 16px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    0px 7px 16px rgba(50, 50, 50, 0.75);
	box-shadow:         0px 7px 16px rgba(50, 50, 50, 0.75);
}
#search-form-container input {
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	-o-border-radius: 0px;
	border-radius: 0px;
}
#search-form-container button {
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	-o-border-radius: 0px;
	border-radius: 0px;
	font-style: normal;
	margin-top: 7px;
	width: 100%;
	text-transform: uppercase;
}

/* =============== header ends =============== */

/* =============== footer =============== */
footer { background: #000000; color: silver; padding: 10px 0px; }
footer #bottom-nav-bar a:hover, footer #bottom-nav-bar a:focus, footer #bottom-nav-bar a.current { background: transparent !important; color: #ebd6a9 !important; }
footer #bottom-nav-bar li a {
	color: silver;
	letter-spacing: 2px;
	font-size: 12px;
	padding: 5px 0px;
	text-transform: uppercase;
}
footer #socialAndSubscribeContainer {
	margin: 10px 0px;
}
footer #socialAndSubscribeContainer a {
	background: url(/images/footer-social-icons.png) no-repeat;
	display: inline-block;
	height: 27px;
	margin: 0px 5px;
	width: 27px;
	vertical-align: middle;
}
footer #socialAndSubscribeContainer a:hover { text-decoration: none; }
footer #socialAndSubscribeContainer a.facebook { background-position: -1px -3px; }
footer #socialAndSubscribeContainer a.twitter { background-position: -1px -46px; }
footer #socialAndSubscribeContainer a.pinterest { background-position: -1px -91px; }
footer form#subscribeFrm { max-width: 250px; }
footer form#subscribeFrm input,
footer form#subscribeFrm button { 
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	-o-border-radius: 0px;
	border-radius: 0px;
}
footer #footerCopyright { padding-bottom: 3px; }
/* =============== footer ends =============== */


/* form elements */
.form-group label {
	color: black;
	font-size: 12px;
}
.form-group {
	margin-bottom: 15px;
}
.form-group select,
.form-group input,
.form-group textarea {
	background-color: #f6f1ea;
	border: 0px;
	color: black;
	font-size: 13px;
	padding: 5px;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	-o-border-radius: 0px;
	border-radius: 0px;
}
select.form-control,
input.form-control {
	height: 27px;
}
/* form elements end */

/* error message */
#tmpErrMsg {
	clear: both;
	color: maroon;
	font-size: 12px;
	font-style: italic;
	font-weight: bold;
	padding: 10px;
	text-align: center;
}
/* error message ends */

#mainContent h1 {
	font-size: 17px;
	font-weight: bold;
	letter-spacing: 2px;
	padding: 18px 0px;
	text-transform: uppercase;
	border-bottom: 1px solid #322014;
}

@media (min-width: 400px) {
	header a#logo>img { width: 100%; max-width: 278px; margin: 4px 6px; margin-left: 20px; }
	header #top-nav-bar li a { letter-spacing: 0.15em; }
	footer #socialAndSubscribeContainer a { margin: -22px 5px 0px; }
}
@media (min-width: 500px) {
	#top-nav-cart-content-container #top-nav-cart-content>div.media {
		border-left: 1px solid #DEDEDE;
		border-top: 0px;
	}
	#top-nav-cart-content-container #top-nav-cart-content>div.media:first-child {
		border-left: 0px;
	}
}
@media (min-width: 768px) {
	header a#logo {
		background: URL(/images/header-background.jpg) no-repeat center center;
		display: block; 
		line-height: 110px;
		min-height: 110px; 
		position: relative; 
		text-align: center; 
	}
	header a#logo>img { max-height: inherit; }
	#top-nav-shopping-cart { position: absolute; right: 0; top: -85px; }
	#top-nav-my-account { position: absolute; right: 0; top: -64px; }
	header #top-nav-bar li a { padding: 10px 0px; font-size: 11px; }
	header #top-nav-bar { min-height: 50px; }
	
	/* =============== sticky footer =============== */
	html, body {
	  height: 100%;
	}
	#wrapperContainer { 
		min-height: 100%;
		/* equal to footer height */
		margin-bottom: -148px; 
		
	}
	#wrapperContainer:after {
		content: "";
		display: block;
	}
	footer, #wrapperContainer:after {
		/* .push must be the same height as footer */
		height: 148px; 
		padding-top: 18px;
	}
	/* =============== sticky footer ends =============== */
	
	footer #bottom-nav-bar li a { padding: 10px 0px; font-size: 10px; }
	#top-nav-shopping-cart,
	#top-nav-my-account {
		min-width: 115px;
		max-width: 250px;
		max-height: none;
		text-align: left;
		font-style: italic;
	}
	#top-nav-my-account {
		margin-top: 8px;
	}
	#top-nav-shopping-cart a,
	#top-nav-my-account a {
		color: #C0C0C0;
		font-size: 11px;
	}
	header #top-nav-bar li#topSearchLi {
		padding: 0px;
	}
	#top-nav-cart-content-container #top-nav-cart-content-header { padding-top: 0px; }
	#top-nav-cart-content-container {
		-webkit-box-shadow: 0px 7px 16px rgba(50, 50, 50, 0.75);
		-moz-box-shadow:    0px 7px 16px rgba(50, 50, 50, 0.75);
		box-shadow:         0px 7px 16px rgba(50, 50, 50, 0.75);
		position: absolute;
		right: 0;
		max-width: 275px;
		padding: 15px;
		z-index: 1000;
		top: -85px;
	}
	#top-nav-cart-content-container #top-nav-cart-content>div.media {
		border-left: 0px;
		border-top: 1px solid #DEDEDE;
		margin: 0px;
	}
	#top-nav-cart-content-container #top-nav-cart-content>div.media:first-child {
		border-top: 0px;
	}	
}