/* top section */

#contentareawbFP a {
	text-decoration:none;
}
#contentareawbFP img {
	vertical-align: top;
}
.fpwrapper {
	width:960px;
	margin:0 auto;
}
.rowBanner {
	margin:20px auto 0;
	width:746px;
	position:relative;
}
.rowBanner div {
	font-size:22px;
	color:#6a0f1d;
	position:relative;
	font-family:Arial, Helvetica, sans-serif;
	letter-spacing:5px;
	text-align:center;
	width:100%;
	border-top:1px solid #000;
	border-bottom:1px solid #000;
	padding:17px 0 13px;
}
.rowBanner span {
	font-weight:bold;
}
.rowBanner a {
	text-decoration:none;
}
.rowBanner div br {display:none;}

.row1 {
	position:relative;
	margin:23px auto 0;
	clear:both;
	z-index:100;
	width:1054px;
	min-height:800px
}
.row1 .overlay1 {
	position: absolute;
    width:50%;
    font-family: Arial, Helvetica, sans-serif;
    color: #000;
    float: left;
    text-align: center;
	top: 347px;
	right:0;
}
.row1 .overlay1 .top span {
	font-family:Arial, Helvetica, sans-serif;
	font-size:21px;
	letter-spacing:3px;
}
.row1 .overlay1 .top {
	float:left;
	width:100%;
	font-size:17px;
	text-align:center;
	line-height:25px;
	margin:0;
	color:white;
	font-family:Arial, Helvetica, sans-serif;
	letter-spacing:3px;
}
.row1 .overlay1 .bottom {
	float: left;
    width: 100%;
    font-size: 19px;
    text-align: center;
    line-height: 45px;
    margin: 4px 0 10px 0;
    color: white;
    font-family: 'Displace', Arial, Helvetica, sans-serif;
    letter-spacing: 1px;
}
.row1 .overlay1 .bottom span {
	font-size: 40px;
	letter-spacing: 6px;
}
.row1 .btnWrapper1 {
	text-align:center;
	display:inline-block;
	clear:both;
}
.overlayButton {
	font-family:Arial, Helvetica, sans-serif;
	letter-spacing:2px;
	padding:17px 50px;
	font-size:14px;
}
.overlayButton.white {
	border:1px solid #FFF;
	color:#FFF;
}
.overlayButton.black {
	border:1px solid #000;
	color:#000;
}
.overlayButton span {
	text-transform: uppercase;
}
.row {
	margin:58px 0 0 0;
	clear:both;
	position:relative;
	float:left;
	width:100%;
}
.img1 {
	width:1054px;
}

#contentareawbFP {
	width:100%;
	text-align:center;
	margin:0;
}
.topText {
	font-family: 'Displace', Arial, Helvetica, sans-serif;
	font-size: 27px;
	letter-spacing:5px;
	text-align: center;
	line-height:36px;
	color:#000;
	z-index:100;
}
.topText p {
	font-size: 16px;
	font-family: Georgia, 'Times New Roman', Times, serif;
	line-height: 27px;
	margin: 8px 0 20px;
	text-align: center;
	letter-spacing: .75px;
	color: #000;
}
.topText a {
	color: #000;
}

a.mainbtn {
	color:#000;
	font-size:17px;
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;
	letter-spacing:3px;
	margin:10px 0 0 0;
	border:none;
	width:100%;
	float:left;
}
a .shopNowBtn {
	font-size:14px;
}
#wrapper {
	clear:both;
}
.fpbtn {
	padding:0 0 1px 0;
	border-bottom: 1px solid #000;
}
.fpbtn:hover {
	color:#676767;
}
.row .overlay {
	position:relative;
	margin:170px 0 0 0;
}

.img2 {
	width:460px;
	clear: both;
}
.img4 {
	width:460px;
	clear: both;
}
.img2 {
	float:right;
	margin:0 70px 0 0;
}
.row2, .row4, .row6 {
	margin:-83px 0 0 0;
	float:right;
	width:100%;
	height:770px;
	background:#f3efeb;
}
.row2 .fpwrapper {
	padding:178px 0 0 0;
}
.row2 .topText {
	margin:250px 0 0 10px;
}

.img3 {
	width:960px;
	margin:0;	
	z-index:30;
	position: relative;
}
.row3 {
	margin:150px 0 0 0;
}
.row3 .topText {
	top: 277px;
	position:absolute;
	color:#FFF;
	width:960px;
}
.row3 .topText a {
	color:#FFF;
}
.row3 .topText p {
	font-size:27px;
	letter-spacing: 5px;
	font-family: 'Displace', Arial, Helvetica, sans-serif;
	line-height: 30px;
	margin:0 0 30px 0;
	color:#FFF;
}

.img4 {
	float:left;
	margin:0 0 0 35px;
}
.row4 {
	margin:-68px 0 0 0;
}
.row4 .topText {
	margin:250px 0 0 45px;
}
.row4 .fpwrapper {
	padding:163px 0 0 0;
}
.row4 .topText p {
	font-size: 16px;
	font-family: Georgia, 'Times New Roman', Times, serif;
	line-height: 27px;
	text-align: center;
	letter-spacing: .75px;
	color: #000;
}

.img5 {
	width:527px;
	margin:0;	
	z-index:30;
	position: relative;
}
.row5 {
	margin:155px 0 0 0;
}
.row5 .fpwrapper {
	width:527px;
}
.row5 .topText {
	top:352px;
	position:absolute;
	color:#FFF;
	width:527px;
}
.row5 .topText a {
	color:#FFF;
}
.row5 .topText p {
	margin:25px 0;
}

.img6 {
	float:right;
	margin:0 70px 0 0;
	width:460px;
}
.row6 {
	margin:-68px 0 0 0;
}
.row6 .topText {
	float: right;
	margin: 220px 90px 0 0;
}
.row6 .fpwrapper {
	padding:163px 0 0 0;
}

.row7 {
	margin:0 0 200px 0;
}
.row7 .topText {
	margin: 250px 0 0 100px;
	float: left;
}
.row7 .fpwrapper {
	padding:163px 0 0 0;
}

.img7 {
	width:460px;
	float: left;
}

.row7 .topText p {
	font-size: 16px;
	font-family: Georgia, 'Times New Roman', Times, serif;
	line-height: 27px;
	text-align: center;
	letter-spacing: .75px;
	color: #000;
}

/* Category List Page */
.catListOuter {
	float:left;
	clear:both;
	width:960px;
	margin:50px 0 130px 0;
}
.catListOuter a {
	text-decoration:none;
}
.catListOuter .topRow {
	border-bottom: 1px solid #cccdce;
    clear: both;
    font-size: 15px;
    font-style: italic;
    height: 1px;
    margin: 29px 0;
    position: relative;
    text-align: center;
    width: 960px;
}
.catListOuter .topRow .innerTextDelivery {
    background: #fff none repeat scroll 0 0;
    left:0;
	right:0;
	margin:0 auto;
    line-height: 15px;
    position: absolute;
    top: -5px;
    width: 290px;
}
.catListOuter .topRow .innerTextDelivery a {
    color: #787878;
    text-decoration: none;
}
.catListOuter ul {
	margin:0;
	padding:0;
	list-style-type:none;
}
.catListOuter ul li {
	display:inline;
	float:left;
	margin:0 0 45px 0;
	position:relative;
	border-top:1px solid #000;
}
.catListOuter ul li.middle {
	margin:0 35px 45px 35px;
}
.catListOuter ul li img {
	display:block;
	width:295px;
}
.catListOuter .caption::before {
    content: " ";
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}
.catListOuter .caption {
    bottom: 0;
    font: 0px/0 a;
    left: 0;
    position: relative;
    right: 0;
    top: 0;
	z-index:100;
}
.catListOuter .textCatList {
	display: inline-block;
    font: 19px/1 Arial,sans-serif;
    padding: 4% 0;
    text-align: center;
    vertical-align: middle;
    width: 100%;
	font-weight:normal;
	color:#000;
	letter-spacing:2px;
}
.catListOuter .textInnerCatList {
    margin: 0 auto;
}
.catListOuter ul li a {
	color:#000;
	text-decoration:none;
}
#overlay {
	background:#000;
	opacity:0;
	width:283px;
	height:356px;
	position:absolute;
	top:0;
	left:0;
	z-index:20;
}
#saleOverlay {
	background:#b13441;
	opacity:0;
	width:256px;
	height:321px;
	position:absolute;
	top:0;
	left:0;
	z-index:20;
	margin:20px;
}
.paypalBoxTop {
	font-family:Arial, Helvetica, sans-serif;
	margin: 10px auto;
    text-align: center;
    width: 255px;
	height:25px;
}
.paypalBoxTop .paypalImg {
	float:left;
}
.paypalBoxTop .imgPaypal {
    margin: 0 auto;
    text-align: center;
    vertical-align: top;
    width: 98px;
	margin:0 0 20px 0;
}
.paypalBoxTop .paypalText {
    color: #6e6e6e;
    font-size: 12px;
    letter-spacing: 0.7px;
    margin: 9px auto 0 15px;
    text-align: center;
	float:left;
}
.desktopOnly {
	display:inline;
}
.mobOnly {
	display:none;
}
.mobOnly--block {
	display:none;
}
.desktopOnly--block{
	display: block;
}


.fpMessage {
	position: relative;
	display: flex;
	margin:20px auto 30px;
	width:853px;
}
.fpMessage p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:19px;
	letter-spacing: 3px;
	margin:0 auto;
	text-align:center;
	color:#000;
}
.fpMessage a {
	color:#000;
	text-decoration: none;
}
.fpMessage .line {
	flex: 1 1 auto;
	position: relative;
}
.fpMessage .textBlock {	
	flex: 0 0 auto;
	margin:0 50px;
}
.fpMessage .line:before{
	position:absolute;
	bottom: 8px;
	width: 100%;
	border-bottom: 1px solid #6e6e6e;
	content: '';
	left: 0;
  }
.fpMessage .fpShopNow {
	display:none;
}

#contentareawbFP .fpMessage a {
	text-decoration: none;
}

.xmasBanner {
	width:960px;
	border-top:1px solid #cebc93;
	border-bottom:1px solid #cebc93;
	margin:10px auto 0;
	font-size:13px;
	color:#cebc93;
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;
	padding:14px 0;
	box-sizing:border-box;
	letter-spacing:0.2px;
	font-weight:bold;
	line-height:18px;
}
.xmasBanner a {
	color:#cebc93;
}
.xmasBanner sup {
	font-size: 8px;
	vertical-align: super;
}

/**************/
/**** MOBILE DEVICES ****/
/**************/
@media only screen 
and (min-width : 320px) 
and (max-width : 667px)
{
	/* section 1 */
	#contentareawbFP {margin: 0 auto;width: 100%;float:none;}
	#contentareawbFP h2 {font-size:16px;line-height:24px;margin:10px 0 0 0;}
	#contentareawbFP h3 {letter-spacing:0;}
	.fpwrapper {width:100%;}
	
	.rowBanner {width:90%;margin:50px 5% 0;line-height:30px;}
	.rowBanner span {font-size:14px;border-bottom:1px solid #6a0f1d;}
	.rowBanner .dash {display:none;}
	.rowBanner div br {display:block;}
	
	.overlayButton {position:relative;width:100%;}
	.mainbtn {color:#000;background:#FFF;letter-spacing:2px;}	
	.mainbtn a {text-decoration:none;}
	.mainbtn a:hover {background:#FFF;}
	.img1OverlayWrapper {width:100%;height:auto;position:unset;}
	
	.desktopOnly {display:none;}
	.mobOnly {display:block;}
	
	#contentareawbFP img {width:100%;margin:0 auto;text-align:center;float:none;}
	.row1 {margin:40px 0 0 0;background: none !important;width: 100%;height: auto !important;min-height:auto !important;}
	.row1 img {width:100%; display: inline;margin: 20px 0 15px 0;}

	.row1 .overlay1 .bottom {font-size:17px;line-height:25px;margin-bottom:15px;}
	.row1 .overlay1 .bottom span {font-size:31px;letter-spacing:2.5px;}
	.row1 .overlay1 .top span {letter-spacing: 2px;font-size:14px;}
	.row1 .overlay1 {position:absolute;top:auto;width:100%;left:0;bottom:5%;}
	.row1 .overlay1 .top, .row1 .overlay1 .bottom {color:#FFF;}
	.row1 .btnWrapper1 {margin:0;}
	.row {margin:35px 0 0 0;}
	.row .overlay {margin:0;width:100%;}
	#contentareawbFP .row2 img, #contentareawbFP .row6 img, #contentareawbFP .row5 img {width:75.7%;}
	.row3, .row4, .row5, .row6, .row7 {width:100%;}
	.row2, .row4, .row6 {background:transparent;height:auto;}
	.row3 .topText, .row5 .topText {width:100%;}
	
	.row7 {margin:50px 0 50px 0;}

	.row2 {margin:35px 0 0 0;}
	.row2 .topText, .row4 .topText, .row6 .topText {margin:15px 0 0 0;width:100%;}

	.row3 .topText, .row4 .topText, .row5 .topText, .row6 .topText {position:relative;top:auto;bottom:auto;color:#000;font-size:25px;letter-spacing:3px;}

	.row2 .fpwrapper, .row4 .fpwrapper, .row6 .fpwrapper {padding:0;}

	.row3 .topText a, .row5 .topText a {color:#000;}
	.row5 {margin:35px 0 0 0;}
	.row5 .fpwrapper {width:100%;}

	.row:last-child {margin:35px 0 50px 0;}

	.row7 .topText{margin:15px 0 0 0; float: none;}
	.row7 .fpwrapper{padding:0;}

	.topText {font-size:25px;letter-spacing:4px;margin:15px 0 0 0;line-height:35px;}
	/* .topText br {display:none;} */
	.topText p {display:none;}
	.row2 .topText p {display:block;margin:0;}

	a .shopNowBtn {letter-spacing: 1px;padding:0 0 4px 0;}
	.overlayButton {font-size:15px;padding:0;letter-spacing: 1px;}
	.overlayButton.black, .overlayButton.white {border:none;color:#000;}
	.overlayButton.black span, .overlayButton.white span {border-bottom:1px solid #000;}
	.overlayButton span {text-transform:unset;}

	.row1 .overlayButton.black, .row1 .overlayButton.white {border:none;color:#FFF;}
	.row1 .overlayButton.black span, .row1 .overlayButton.white span {border-bottom:1px solid #FFF;}



	/* Category List */
	.catListOuter { overflow:hidden; margin: 30px 2.5%; width: 95%;float:none;}
	.catListOuter .topRow {width:100%;}
	.catListOuter ul{ text-align: center; list-style-type:none;padding:inherit;}
	.catListOuter ul li {margin:0 2% 23px 0;padding:0;width:49%;}
	.catListOuter ul li.middle {margin:0 2% 23px 0}
	.catListOuter ul li.second {margin:0 0 23px 0;}
	.catListOuter ul li.third.second {margin:0 0 23px 0}
	.catListOuter ul li.third {margin:0 2% 23px 0}
	.catListOuter ul li img {width:100%;}
	.catListOuter .textInner {width: 155px;font-size: 14px; height: 207px; padding: 0; line-height:25px;}
	.catListOuter .textInner.first {line-height:18px;}
	.catListOuter #overlay {display:none;}
	
	.catListOuter .caption {clear:both;position:relative;padding:5px 0;}
	.catListOuter .textCatList {color:#000;}
	.catListOuter .textCatList {font-size:11px;letter-spacing:1px;}
	
	.paypalBoxTop {clear:both;float:left;margin:10px 2.5% 0;text-align:center;width:95%;}
	.paypalBoxInner {width:250px;margin:0 auto;clear:both;}
	.paypalBoxTop .paypalText {float:right;margin:9px 0 0 0;}
	.desktopOnly {display:none;}
	.mobOnly {display:inline;}
	.desktopOnly--block{display: none;}
	.mobOnly--block {display:block;}

	.fpMessage {width:85%;margin:10px 7.5% 0;padding:20px 0 20px;height:auto;display:block;box-sizing: border-box;border-top:1px solid #000;border-bottom:1px solid #000;}
	.fpMessage .line {display:none;}
	.fpMessage p {font-size:19px;width:auto;line-height:20px;letter-spacing:3px;}
	.fpMessage .textBlock {flex:none;margin:0;}
	.fpMessage span {display:none;}
	.fpMessage .fpShopNow {display:block;font-family: Arial, Helvetica, sans-serif;font-size: 15px;margin:10px 0 0 0;}
	.fpMessage .fpShopNow a {border-bottom:1px solid #000;}

	.xmasBanner {width:88%;height:auto;padding:8px 2px;margin:40px 6% 0;font-size:13px;clear:both;}
}