@font-face {
  font-family: 'Palatino Linotype';
  src: url('/fonts/pala.ttf');
}

body { 
	padding: 0px;
	margin: 0px;
	font-family: 'Palatino Linotype', PT Serif, Book Antiqua, Palatino, serif;
	font-size: 16px;
}

.navbar-brand { display: none; font-weight: bold; }

.row { margin: 0; }
.btn-warning { color: #333; }

#topHeader { padding-top: 5px; }
#accountBox { background-color: rgba(51, 51, 51, 0.6); border-radius: 10px; margin-bottom: 5px; padding-top: 5px; }
#addressHeader { background-color: rgba(227, 159, 0, 0.8); padding: 5px; color: rgb(43, 17, 7); font-weight: bolder; }
#addressHeader a { color: rgb(43, 17, 7); }
#accountHeader { background-color: #333333; color: #ffffff; padding: 5px; }

.navbar {
	 margin-bottom: 0px;
}

.logo {
	padding: 5px; max-height: 200px; margin:  0 auto;
}

.topLogos img {width: 33%; float: left; padding-top: 20px; }
/* .brandLogos {background: #ffffff; text-align: center; background-color: rgba(51, 51, 51, 0.6); } */
.brandLogos { text-align: center; background-color: #ffffff; border-top: 2px solid rgba(227, 159, 0, 1); border-bottom: 2px solid rgba(227, 159, 0, 1);  }
.brandLogos img { height: 90px; padding: 5px 10px; }

#bannerContainer {
	padding-top: 0px;
}

h1 { font-family: 'Palatino Linotype', cursive; }

.carousel-item {
  height: 60vh;
  min-height: 350px;
  background: no-repeat center center scroll;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.carousel-caption h1 { font-size: 72px; font-weight: 900; color: #000000; }
.carousel-caption h2 { font-size: 42px; font-weight: 900; color: #000000; }
.carousel-caption h3 { font-size: 36px; font-weight: 900; color: #000000; }
.carousel-caption p { color: #0a3981; }
.carousel-caption {
	border: 10px solid rgba(1, 46, 223,.5); bottom: 30%; left: 5%; right: 5%; background: rgba(255, 255, 255, .7);
}

.imgMax { width: 100%; }

/* content */
.pageSection {
	padding-top: 10px;
	margin-bottom: 10px;
}

.pageContent {
	margin-top: 10px; background: #ffffff; border-radius: 10px;
}

.no_pageContent { background: none; border-radius: none; }


h1 {
	 font-weight: 900;
}

/* content end */


/* footer */

#bottomSearch{
	background-color: rgba(51, 51, 51, 0.8);
	padding: 5px 10px;
	margin-top: 25px;
}

#bottomSearch h2 { color: #fff; }

#footerNav{
	background-color: rgba(51, 51, 51, 1);
	padding: 5px 10px;
}

.footerNav-content {text-align: center; }
.footerNav-content a { color: #cf9d5b; padding: 5px 15px; }

#footer {
	background-image: url("/content/images/bg_nav2.png");
	background-repeat: no-repeat;
 	background-size: cover;
 	/*margin-top: 25px;*/
}

.footer-content { color: rgb(108, 88, 76); padding: 20px; }
.footer-content a { color: rgb(108, 88, 76); }

.copyright { 
	font-family: 'Palatino Linotype', PT Serif, Book Antiqua, Palatino, serif;
	font-size: 12.6px;
}

.facebookLike {
	color: rgb(207, 157, 91);
	font-family: Salsa, cursive;
	font-size: 14px;
	font-weight: 500;
}

/* footer end */

/* cart styles */
.red { color: rgb(255, 0, 0); }
.cartContent { background: #ffffff; border-radius: 10px; margin-top: 10px; }

.cartItemPanel { margin-top: 10px; margin-bottom: 10px; padding: 5px; border: 1px solid #cccccc; border-radius: 5px; background: #fff; }
.cartItemPanel:hover { background: #efefef; }
.cartItemImage { height: 220px; }
.cartItemImage img { max-height: 220px; margin: 0 auto; }
.cartItemLink { text-align: center; padding: 5px; }
/* old yellow #e39f00 */
.cartItemLink a { font-size: 18px; font-weight: 500; color: #c48a02; font-family: 'Palatino Linotype', PT Serif, Book Antiqua, Palatino, serif; }
.cartItemDescription { font-size: 12px; }

.cartBreadCrumbs { padding: 10px 0px; }
.cartBreadCrumbs a { font-size: 16px; text-decoration: underline; color: #c48a02; font-family: 'Palatino Linotype', PT Serif, Book Antiqua, Palatino, serif; }

.cartList {
  background-image: url(/img/seam1.png), url(/content/images/duck.jpg);
  background-position: left top, left top;
  background-repeat: repeat-x, repeat;
  padding-top: 30px;
}
#productImage {
	 padding: 10px;
}
.productName {
	font-family: 'Palatino Linotype', Salsa, cursive; color: rgb(93,60,49); font-size: 28px;
}
.prodImgGrid { border: 1px solid #efefef; padding: 5px; }

/* cart styles end */

@media (max-width: 767px) {
	.logo {
		display: block;
    		margin-left: auto;
    		margin-right: auto;
	}
	
	.topLogos { display: none; }
	.brandLogos { display: none; }
	.tierLogos { display: none; }
	
	.navbar {
		margin-top: 0px;
	}
	
	.navbar-brand { display: block; }
	
	#searchBox {text-align: center; }
	
	#navbar-col {
		padding: 0px;
	}	
	
	.carousel-caption { bottom: 60px; }
	.carousel-caption h1 { font-size: 36px; }
	.carousel-caption h2 { font-size: 18px; }
	.carousel-caption h3 { font-size: 12px; }
	
	.quoteBox{
		background: #32c1c3; 
		min-height: 300px;
		padding: 30px; 	
	}
	
	/* Force table to not be like tables anymore */
	#no-more-tables table, 
	#no-more-tables thead, 
	#no-more-tables tbody, 
	#no-more-tables th, 
	#no-more-tables td, 
	#no-more-tables tr { 
		display: block; 
	}
 
	/* Hide table headers (but not display: none;, for accessibility) */
	#no-more-tables thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
 
	#no-more-tables tr { border: 1px solid #ccc; }
 
	#no-more-tables td { 
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee; 
		position: relative;
		padding-left: 50%; 
		white-space: normal;
		text-align:left;
	}
 
	#no-more-tables td:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		width: 45%; 
		padding-right: 10px; 
		white-space: nowrap;
		text-align:left;
		font-weight: bold;
	}
 
	/*
	Label the data
	*/
	#no-more-tables td:before { content: attr(data-title); }

}

@media print {
	.navbar, .brandLogos, .returnBTN, .reorderBTN  {display: none; }
	#topHeader { display: none; }
	#accountHeader { display: none; }
	#accountMenuNav { display: none; }
	#searchBox { display: none; }
	#footerContainer { display: none; }
	#footer { display: none; }
}	

/* Ensure second modal appears above the first one */
.modal-backdrop + .modal-backdrop {
  z-index: 1051;
}
#confirmModal {
  z-index: 1060;
}