/* @group Standard */
/* @group Tag Clean */
html, body {	
	font-size: 0.875em/1.3em;
	font-family: 'Montserrat', sans-serif;
	margin: 0;
	padding: 0;
	background: #fff;
	color: #333;
}

div, p, form, h1, h2, h3, h4, h5, h6, ol, ul, li, dl, dt, dd, blockquote, input {
	margin: 0;
	padding: 0;	
	outline-style: none;
	outline: none;
}

a, span {
	outline-style: none;
	outline: none;
}

/* @end */



/* @group Over label */

.overlabel {
	display: none;
}

.overlabel-apply {
	display: inline;
}



/* @end */

/* @group Links */


a {
	text-decoration: none;
	
}

a:hover {
	text-decoration: underline;
}

a.skip {
	display: none;
}

a img {
	border: none;
}

a.more {
	padding-left: 10px;
	background: url(/App_Themes/AMPSCBayfair/Images/images/global/icon_arrow_grey.gif) no-repeat 0 3px;
}

/* @end */

/* @group Sections */
.section, .panel, .pane, .component, .wrap {
	float: left;
	width: 100%;
}

.left {
	float: left;
}

.right {
	float: right;
}

.hide {
	display: none;
}


/* @end */

/* @group Social */

a.social {
	display: block;
	width: 16px;
	height: 0;
	padding-top: 16px;
	overflow: hidden;
	background: url(/includes/images/icons_social.gif) no-repeat 0 0;
}

a.add {
	background-position: 0 0;
}

a.add:hover {
	background-position: 0 -16px;
}


a.print {
	background-position: -16px 0;
}

a.print:hover {
	background-position: -16px -16px;
}


a.email {
	background-position: -32px 0;
}

a.email:hover {
	background-position: -32px -16px;
}


a.facebook {
	background-position: -48px 0;
}

a.facebook:hover {
	background-position: -48px -16px;
}


a.twitter {
	background-position: -64px 0;
}

a.twitter:hover {
	background-position: -64px -16px;
}


#footer a.delicious {
	background-position: 0 -32px;
}

#footer a.delicious:hover {
	background-position: 0 -48px;
}


#footer a.digg {
	background-position: -16px -32px;
}

#footer a.digg:hover {
	background-position: -16px -48px;
}


#footer a.facebook {
	background-position: -32px -32px;
}

#footer a.facebook:hover {
	background-position: -32px -48px;
}


#footer a.myspace {
	background-position: -48px -32px;
}

#footer a.myspace:hover {
	background-position: -48px -48px;
}


#footer a.twitter {
	background-position: -64px -32px;
}

#footer a.twitter:hover {
	background-position: -64px -48px;
}


#footer a.stumbleupon {
	background-position: -80px -32px;
}

#footer a.stumbleupon:hover {
	background-position: -80px -48px;
}

#footer p, a{
	font-family: 'Montserrat', sans-serif;
}

/* @end */

/* @group Heading */

h1, h2, h3, h4, h5, h6 {
	margin-bottom: 0.5em;
}


/* @end */

/* @group Paragraphs */

p {
	margin-bottom: 10px;
}

/* @end */

ul.list, ul.list li
{
	float:left; list-style:none
}

/* @end */

/* @group Tables */

table {
	width: 100%;
	border-collapse: collapse;
	margin-bottom: 20px;
}

table th {
	text-align: left;
}

table th,
table td {
	padding: 3px 10px 3px 0
}
/* @end */

/* @group Images */
.copy img,
img.left {
	float: left;
	margin: 0 20px 10px 0;
}

img.right {
	float: right;
	margin: 0 0 10px 20px;
}

img.full {
	float: left;
	margin: 0 0 10px 0;
}

/* @end */

/* @group Pagination */

.pagination {
	margin: 0;
	padding: 0;
}

.pagination li a,
.pagination li span {
	padding: 0 4px;
	display: block;
}


/* @end */

/* @end */

/* @group Global */
#content {
	display: flex;
	flex-direction: row;
}

#container {
	width: 100%;
	float: left;
}

.container {
	width: 70%;
	margin: 0 auto;
}

.side-image{
	width: 15%;
	height: auto;
}

.side-image img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}

@media screen and (max-width: 700px) {
	.container{
		width: 100%;
	}

	.side-image{
		width: 0;
		display: none;
	}
}

.container .section {
	width: 100%;
	float: left;
	background-color: #ede7e1;
}

/* @group Header */
#header {
	width: 100%;
	float: left;
	padding-bottom: 10px;
	
}


/* @end */


/* @group Headings */


h1, h2, h3, h4, h5, h6 {
	padding-top: 5px;
	font-weight: 400;
	margin-bottom: 10px;
}

h1 strong, h2 strong, h3 strong, h4 strong, h5 strong, h6 strong {
	font-style: italic;
	font-weight: 400;
	text-transform: uppercase;
}

h1 {
	padding-top: 20px;
	color: #424242;
	font-size: 2.5em;
	line-height: 1.2em;
	margin-bottom: 25px;
	float: left;
	width: 100%;
}

h1 strong {
	font-style: italic;
	font-weight: 400;
}

h2 {
	font-size: 1.4em;
	line-height: 1.2em;
}

/* @end */

/* @group Copy */

.copy {
	padding-top: 0.5em;
}

.copy .byline {
	margin-bottom: 1em;
}

/* @end */



/* @group Banner */
.banner h1 {
	color: #ccc;
	padding: 0;
	margin: 0;
	font-size: 40px
}

.banner h2 {
	color: #fff;
	padding: 0;
	margin: 0;
	font-size: 53px
}

.banner,
.banner .wrap {
	width: 940px;
}

.banner {
	position: relative;
	
}

.banner .wrap {
	background:url("/includes/images/banner.jpg") no-repeat 0 0;
	
	height: 370px;
}

.banner .wrap img
{
	margin-top:40px
}

.banner table {
	width: 700px;
	margin: 0;
	height: 190px;
	padding: 0;
	float: left;
}

.banner table td {
	padding: 0;
	margin: 0;
	height: 20px;
	vertical-align: bottom;
}


.banner .category {
	color: #fff;
	padding: 2px 10px 0 20px;
	background: url(/includes/images/icon_highlight.gif) no-repeat 0 0;
}

.banner .category em{
	color: #666;
}
.banner a {
	color: #fff;
}
.banner table td.title {
	height: 165px;
}


.banner .image {
	width: 220px;
	float: right;
	height: 220px;
	position: absolute;
	right: 0;
	top:  0;;
}



/* @group Homepage */

.home .banner,
.home .banner .wrap {
	width: 940px;
}

.home .banner {
	padding-top: 0;
}
.home .banner .wrap {
	padding-left: 0;
	height: auto;
}



.home .banner .image {
	width: 115px;
	float: left;
	height: 115px;
	position: static;
}





/* @end */

/* @group Footer */
#footer {
	width: 100%;
	float: left;
}

.tier4 #footer {
	padding-top: 20px;
}

#footer .grid-8 {
	margin-bottom: 30px;
}

/* @group Super footer */

#footer p,
#footer table {
	margin-bottom: 0.5em;
}
#footer .super {
	background: #ddd url(/includes/images/bg_corners.gif) no-repeat -1880px 0;
	padding: 10px 0 15px 0;
	color: #666;
}

#footer table td {
	padding: 0 10px 0px 0;
}

#footer h4 {
	font-size: 1.1em;
	line-height: 1.2em;
	margin-bottom: 8px;
	text-transform: uppercase;
	color: #000
}

.business a {
	color: #666;
}

#footer .super select {
	color: #666;
	background: #ddd;
	padding: 3px;
	font-size: 1.0em;
}


/* @end */

/* @group Normal Footer */

#footer .normal {
	width: 100%;
	background-color: #011e31;
	display: flex;
	flex-direction: row;
	box-sizing: border-box;
	padding: 15px 25px;
	color: white;
	justify-content: space-between;
}

#footer .normal a {
	color: white;
}

#footer .container {
	width: 100% !important;
}

#footer p, a {
	font-size: 15px;
}

@media (max-width: 1268px) {
	#footer p, a {
		font-size: 12px;
	}
}

@media (max-width: 768px) {
	#footer p, a {
		font-size: 9px;
	}
}

@media (max-width: 700px) {
	#footer .normal {
		flex-direction: column;
	}
}

.normal .list li {
	padding: 0 10px 0 0;
	margin-right: 10px;
	border-right: 1px solid white;
	line-height: 1.2em;
}

.normal .list li:last-child {
	padding: 0 10px 0 0;
	margin-right: 10px;
	border-right: none;
	line-height: 1.2em;
}

.normal .list li.last {
	border-right: none;
}
.share a,
.share span {
	float: left;
	margin-right: 5px;
}
.share span {
	margin-right: 7px;
}
/* @end */

/* @group Sub-footer */

#footer .sub {
	padding: 10px;
	width: 920px;
	font-size: 0.9em;
	color: #666;
}

.sub .left {
	padding-top: 8px;
}

/* @end */

/* @end */

/* @group Lightbox */


#TB_ajaxContent .header,
#TB_ajaxContent .content {
	width: 80%;
	margin-left: 10%;
	max-width: 800px;
	float: left;
	background: #fff;
	padding: 20px;
}

#TB_ajaxContent .header {
	margin-top: 8px;
}

#TB_ajaxContent .content {
	padding: 10px 10px 20px;
}

#TB_ajaxContent .header h2 {
	width: 100%;
	max-width: 800px;
	float: left;
	padding: 0;
	margin: 0;
}


#TB_ajaxContent .close-lightbox {
	height: 0;
	width: 54px;
	padding: 19px 0 0 0;
	overflow: hidden;
	display: block;
	background: url(/includes/images/close.gif) no-repeat 0 0;
	float: right;
}

/*#TB_ajaxContent .close-lightbox:hover {
	background-position: 0 -20px;	
}*/


#TB_ajaxContent {
	width: 100%;
}


/* @end */

/* @end */

/* @group The Grid */


.grid-8 {
	float: left;
	padding: 0 10px;
}

.grid-8 {
	width: 940px;
}

.giftImage
{
	float:left;padding:30px
}

.gift-content
{
	float:left;
	padding-top:30px;
	width:100%;
	text-align: center;
	color: #011e31;
	font-family: 'Montserrat', sans-serif;
	display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
	overflow: hidden;
}

.gift-content .red
{
	color:#e7498d;
	font-size:12px;
	margin-top:30px;
	text-align:center;
}

.gift-content .text-box {
	margin-bottom: 25px;
	padding: 0px 20px;
}

.gift-content .text-box p {
	font-size: 12px;
}

.gift-content .m-top {
	margin-top: 50px;
}

.gift-content .m-top p {
	font-size: 14px !important;
}

.gift-content p
{
	font-family: 'Montserrat', sans-serif;
}

.bold {
	font-weight: bold !important;
}

.gift-content p a{
	color:#333;
	text-decoration:underline;
	font-size: inherit !important;
}

.gift-content p.intro
{
	font-size:15px;
	line-height:18px
}

.gift-content .img-div
{
	padding-top:30px;
	float:left;
	width:150px
}

/* group image grid */

.gift-content .image-grid {
	width: 80%;
	padding: 10px 10%;
	display: flex;
	flex-direction: row;
	justify-content: center;
	flex-wrap: wrap;
}

.gift-content .image-grid .image-card {
	width: 22%;
	height:auto;
	margin-bottom: 25px;
	margin-right: 4%;
}

.gift-content .image-grid .image-card:nth-child(4n+4) { 
	margin-right: 0;
}

.gift-content .image-row {
	width: 40%;
	padding: 10px 30%;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-bottom: 30px;
}

.gift-content .image-row-4 {
	width: 60%;
	padding: 10px 20%;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-bottom: 30px;
}

.gift-content .image-row .image-card {
	width: 30%;
	height: auto;
}

.gift-content .image-row-4 .image-card {
	width: 22%;
	height: auto;
}

.gift-content .header-image {
	width: 20%;
}

.second-section {
	background-color: #fff;
	padding: 35px 0;
}

.last-box {
	padding-bottom: 10px;
}

@media (max-width: 1024px){
	.gift-content .image-grid {
		width: 90%;
	}

	.gift-content .image-row {
		width: 60%;
		padding: 10px 20%;
	}

	.gift-content .image-grid .image-card {
		/* width: 31%; */
		width: 22%;
		margin-right: 3.5%;
	}

	/* .gift-content .image-grid .image-card:nth-child(3n+3) {
		margin-right: 0;
	} */

	.gift-content .image-grid .image-card:nth-child(4n+4) {
		margin-right: 0;
	}

	.gift-content .header-image {
		width: 40%;
	}
}

@media (max-width: 700px){
	.gift-content .image-grid .image-card {
		width: 48%;
		margin-right: 4%;
	}

	.gift-content .image-grid .image-card:nth-child(2n+2) {
		margin-right: 0;
	}

	.gift-content .image-grid .image-card:nth-child(odd) {
		margin-right: 4%;
	}

	.gift-content .header-image {
		width: 50%;
	}

	.gift-content .image-row {
		width: 80%;
		padding: 10px 10%;
	}

	.gift-content .image-row-4 {
		width: 80%;
		padding: 10px 10%;
	}

	.gift-content .image-row .image-card {
		width: 45%;
		height: auto;
		margin-bottom: 20px;
	}
	
	.gift-content .image-row-4 .image-card {
		width: 45%;
		height: auto;
		margin-bottom: 20px;
	}
}

.gift-content .image-grid .image-card img{
	width: 100%;
	object-fit: contain;
}

.gift-content .image-row .image-card img{
	width: 100%;
	object-fit: contain;
}

.gift-content .image-row-4 .image-card img{
	width: 100%;
	object-fit: contain;
}