.marketingbook-link{
	display: block;
	width: 100%;
	border: 1px solid #ccc;
	margin: 30px auto 0;
	max-width: 300px;
	padding: 20px;
	font-size: 14px;
	transition: 0.3s;
	font-weight:bold;
	color:#8d644b;
	cursor:pointer;
}

.marketingbook-link:hover{
	color:white;
	background:#8d644b;
	border: 1px solid #8d644b;
}

.no-padding {
	padding: 0;
	margin: 0;
}

a, a:focus, a:hover, a:active {
	outline: 0;
	text-decoration: none;
}

.btn:focus {
	outline: 0 !important;
}

textarea {
	resize: none;
}

body {
	font-family: Arial, Helvetica, sans-serif;
}

#main {
	margin-top: 58px;
}

.preloader,
.order-preloader {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 9999;
	background: #fff;
	opacity: 0.8;
	display: none;
}

.preloader-container {
	display: table;
	width: 100%;
	height: 100%;
}

.spinner {
	margin: 100px auto;
	width: 50px;
	height: 40px;
	text-align: center;
	font-size: 10px;
	display: table-cell;
	vertical-align: middle;
}

.spinner > div {
	background-color: #333;
	height: 40px;
	width: 6px;
	display: inline-block;
	-webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out;
	animation: sk-stretchdelay 1.2s infinite ease-in-out;
}

.spinner > span {
	width: 30%;
	display: block;
	font-size: 14px;
	margin: 15px auto 0px;
	font-weight: 700;
}

.spinner .rect2 {
	-webkit-animation-delay: -1.1s;
	animation-delay: -1.1s;
}

.spinner .rect3 {
	-webkit-animation-delay: -1.0s;
	animation-delay: -1.0s;
}

.spinner .rect4 {
	-webkit-animation-delay: -0.9s;
	animation-delay: -0.9s;
}

.spinner .rect5 {
	-webkit-animation-delay: -0.8s;
	animation-delay: -0.8s;
}

@-webkit-keyframes sk-stretchdelay {
	0%, 40%, 100% { -webkit-transform: scaleY(0.4) }
	20% { -webkit-transform: scaleY(1.0) }
}

@keyframes sk-stretchdelay {
	0%, 40%, 100% {
		transform: scaleY(0.4);
		-webkit-transform: scaleY(0.4);
	}  20% {
	   transform: scaleY(1.0);
	   -webkit-transform: scaleY(1.0);
   }
}

body {
	background-color: #fff;
	min-height: 600px;
}

a {
	color: #8d644b;
	font-weight: bold;
}

a:hover {
	color: #6f4f3c;
}

.homepage .page-title,
.my-account .page-title {
	font-weight: 300;
	text-align: center;
	margin: 70px auto 20px;
	color: #8d644b;
}

.homepage .brand {
	text-align: center;
}

.homepage .brand img {
	border: 1px solid #ccc;
	margin: 30px auto 0;
	max-width: 300px;
	padding: 20px;
}

.navbar .cart-overview {
	background-color: #8d644b;
	color: #fff;
	padding: 4px;
	text-align: center;
}

.cart-heading .page-title {
	margin: 40px 0px;
}

.cart-heading .btn-group,
.cart-heading .reset-order {
	margin: 40px 0px;
}

.cart-heading .btn-group .btn {
	font-size: 18px;
}

.cart-heading .btn-group .caret {
	margin-left: 10px;
}

.cart-heading .btn-group .dropdown-menu > li > a {
	padding: 10px 20px;
}

.product-category-view .category {
	cursor: pointer;
}

.product-category-view .category:hover {
	background-color: #444;
}

.table.product-category-view .label-success {
	margin-left: 5px;
	font-size: 10px;
}

.table.product-category-view .td-highlight {
	background-color: #eee;
}

.table.product-category-view .min-width {
	min-width: 90px;
}

.cart-footer {
	margin-top: 40px;
}

.cart-footer .form-group {
	width: 75%;
}

.cart-footer .form-group label {
	margin-top: 20px;
}

.cart-footer .cart-summary h3 {
	margin: 20px 0 20px;
}

.confirm-order {
	margin: 40px auto;
	width: 500px;
	background-color: #8d644b;
	border-color: #8d644b;
}

.confirm-order:hover,
.confirm-order:active,
.confirm-order:focus,
.confirm-order.focus {
	background-color: #6f4f3c !important;
	border-color: #6f4f3c !important;
}

.footer {
	margin-top: 100px;
	position: fixed;
	/*bottom: 0;*/
	width: 100%;
}

.saving-progress {
	display: none;
	position: fixed;
	bottom: 0px;
	right: 30px;
	background-color: #8d644b;
	padding: 10px 15px;
	color: #fff;
}

.saving-progress .fa {
	font-size: 22px;
}

.saving-progress span {
	margin-left: 5px;
}

.order-confirmation .confirmation-icon {
	max-width: 130px;
	margin: 100px auto 20px;
}

.order-confirmation .back-link {
	margin: 40px auto 100px;
}

.my-account .btn-primary {
	background-color: #8d644b;
	border-color: #8d644b;
}

.my-account .btn-primary:hover,
.my-account .btn-primary:focus {
	background-color: #6f4f3c;
	border-color: #6f4f3c;
}

.my-account .cancel-edition {
	margin: 40px auto;
	width: 500px;
	background-color: #ccc;
	border-color: #ccc;
	color: #666;
}

.my-account .cancel-edition:hover,
.my-account .cancel-edition:focus {
	background-color: #c1c1c1;
	border-color: #c1c1c1;
}

.my-account .label-primary {
	background-color: #8d644b;
}

.my-account .label-primary:hover,
.my-account .label-primary:focus {
	background-color: #6f4f3c;
}

.my-account .portlet.box > .portlet-title {
	border-bottom: 1px solid #8d644b;
	background-color: #8d644b;
}

.my-account .portlet.box {
	-moz-border-bottom-colors: none;
	-moz-border-left-colors: none;
	-moz-border-right-colors: none;
	-moz-border-top-colors: none;
	border-color: #8d644b;
	border-image: none;
	border-style: none solid solid;
	border-width: 0 1px 1px;
}

.my-account .pagination > .active > a,
.my-account .pagination > .active > span,
.my-account .pagination > .active > a:hover,
.my-account .pagination > .active > span:hover,
.my-account .pagination > .active > a:focus,
.my-account .pagination > .active > span:focus {
	background-color: #8d644b;
	border-color: #8d644b;
}

.my-account .order-summary {
	padding: 20px 0px;
	text-align: right;
	margin: 15px auto;
}

.my-account .order-summary.cancel-edition-section a {
	color: #666;
	padding: 10px 15px;
	background-color: #ccc;
}

.my-account h3.block-separation {
	background-color: #f6f6f6;
	font-size: 22px;
	margin: 25px 0;
	padding: 15px 20px;
	text-transform: uppercase;
}

@media (max-width: 768px) {

	.navbar-header {
		float: left;
	}
	.navbar-right {
		float: right !important;
		margin: 0px -15px 0px 0px;
	}
	.nav > li {
		float: left;
	}
	.navbar-nav > li > a {
		padding-bottom: 15px;
		padding-top: 15px;
	}
	.homepage .brand img {
		max-width: 100%;
	}
}