/*Global Ecomm Stylesheet*/
/*This combines long-living css into one stylesheet in order to comply with the 31 stylesheet restriction imposed by IE9-*/
/*Written By: Andrew Reimesch*/
/*Created: 4/22/16*/


/*************************************************
SEARCH AND CART 
*************************************************/
.header-bottom {
-moz-box-shadow: 0 8px 9px -6px #aaa;
-webkit-box-shadow: 0 8px 9px -6px #aaa;
/* box-shadow: 0 3px 10px -6px rgba(0,0,0,0.2); */
box-shadow: 0 8px 9px -6px #aaa;
border-bottom: 1px solid #666;
}

/*#header div.search-field button { font-size: 12px; }
#header #miniCart { float: none; margin-left: 0px; }
#header #miniCart div.miniCartHdr a.view-bag {
	background:none;
	font-size: 12px;
	padding-right: 0;
}
#header #miniCart div.miniCartHdr .view-bag { line-height:26px; }*/

#header #miniCart div.miniCartHdr a.view-bag span.itemsInBag, 
#header #miniCart div.miniCartHdr a .view-bag span.itemsInBag {
font-size: 12px;
text-align: left;
padding: 2px 0 0 25px; 
margin-right: 0px;
-moz-box-orient: vertical;
background-position: 0px 0px; 
width: 130px;
}

#header {padding-top:0px !important;}
#header #logo h2 {height:65px !important;}


#heroarea { margin-top: 9px }


/** HIDE THE BROKEN COMPOSER CAROUSEL WIDGET **/
.carousel > .header  {display:none;}
/** END CAROUSEL HIDE **/

/*************************************************
GATEWAY WITH FEATURED PRODUCT
set product list to 795px
*************************************************/

/* topper espot */
#CategoryTopEspot { margin-bottom:10px; }

/*************************************************
GATEWAY
*************************************************/

#category-page .rowContainer .row > div.right { margin-top:25px; } /*add space above topper espot*/

.row.margin-true > div > div { margin: 10px 0px; }  /*Fix margin on index pages to get rid of the double line next to the nav*/


/*************************************************
FURNITURE IN TOP NAV
used in MC content 999999_TPR_facet999999_NAV_furniture
*************************************************/

#header div.catalog-links td {padding: 0 3px !important;}



/*************************************************
Hide the second and third toppers that are placed in the same espot
And make sure the remaining one (the first one) is 100% width
*************************************************/
.contentRecommendationWidget.carousel .content > ul > li:nth-child(1){width:100% !important;}

.contentRecommendationWidget.carousel .content > ul > li:nth-child(2), .contentRecommendationWidget.carousel .content > ul > li:nth-child(3){display:none;}


/*************************************************
FURNITURE ASSEMBLY AND CLEANING CODES
used in MC content 99999_PDP_furniture_assembly2
*************************************************/

#ShippingType a{text-decoration:underline;}
#CleaningType {position:relative; margin-top: 10px;}
#CleaningType a{text-decoration:underline;}

#cleaning_popup{width:300px; border:1px solid #000; background-color:#fff; padding:15px; z-index:2; display:none; position:absolute; top:0px; left:145px;}




/*************************************************
FIT GUIDES ON PDPS
used in MC content 999999_PDP_fitguide
*************************************************/

.fitGuideLink{margin-bottom:10px; text-decoration:underline;}
.fitGuideLink a{text-decoration:underline; color:#CC0000;}



/*************************************************
SIZE GUIDE CONTENTS
*************************************************/
#sizeGuide {
	padding: 0px 10px;
	width: 100%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
}
#sizeGuide h2 {
	margin-top: 40px;
	font-size:20px;
}
#sizeGuide caption {
	font-size: 14px;
	font-weight: bold;
	text-align: left;
}
#sizeGuide table {
	border-collapse:collapse;
	text-align:center;
}
#sizeGuide table th, #sizeGuide table td {
	padding: 2px 10px;
	border:1px solid #CCC;
	min-width: 25px;
}
#sizeGuide table th {
	background-color: #666;
	color: #fff;
}
#sizeGuide table td {
	font-weight: bold;
}



/*************************************************
BOTTOM ESPOT 2 PRODUCT RECS ON GWs AND INDEX
used in Adobe Recs template "Category bottom espot 2 - horizontal - 795w - 5 items" 
*************************************************/

.recs-template .fivecol795 .productInfo { width:100px; }

/*************************************************
BOTTOM ESPOT 2 PRODUCT RECS ON GWs AND INDEX
used in Adobe Recs template "Category bottom espot 2 - horizontal - 795w - 7 items"
*************************************************/

.recs-template .sevencol795 .productInfo { width:90px; }

/*************************************************
BEST SELLER RECS ON B&F GWs AND INDEX
used in Adobe Recs template "Category bottom espot 2 - horizontal - 795w - 7 items"
*************************************************/

.recs-template .beauty h3 {color:#888;font-size:16px; font-weight:normal; margin:6px 6px 3px; padding:2px; font-family:Verdana, Geneva, sans-serif;}
.recs-template .beauty .productName { color:#6666666; }




/*************************************************
SHOPPING CART
may be used elsewhere
*************************************************/

#rightnav {
margin-top: 63px;
}





/*************************************************
SOCIAL ICONS IN FOOTER
used in MC content 121231_footer_social_notext_v3
*************************************************/

#footer_social_icons {padding-top:14px;}
#footer_social_icons a {float:center; margin-right:2px;}



/*************************************************
SISTER SITES IN FOOTER
used in MC content 999999_FTR_sister_sites
*************************************************/

#sister_sites1, #sister_sites2{
	margin-top:15px;
	position:relative;
}
#sister_sites2{
	margin-top:-31px;
	margin-bottom:15px;
	padding-top:10px;
	border-top: 1px solid #b0b0b0;
	border-bottom: 1px solid #b0b0b0;
	background-color:#FFF;
}
#footer div.footer-main{
	margin-top:35px;
}
.email-signup-box{
	margin-top:8px;	
}




/*************************************************
FLASH SALE
used in all flash sale ancillary pages
*************************************************/

/*#flashSaleContent {display:none; position:relative;}*/
#flashSaleContentDesktop, #flashSaleContentMobile{display:none; position:relative;}
.flashSaleM img {width:100%; border:0;}
.flashOverlay {position:absolute; top:0px; left:0px; background-color:#000; height:100%; opacity: 0.5; width:995px; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";}
.flashComing, .flashMissed {position:absolute; top:240px; left:0px; height:120px; width:995px; background-color:#EEEEEE; text-align:center; line-height:120px; font-size:84px; color: #111; opacity: 0.9;}
.flashOverlayM {position:absolute; top:0px; left:0px; background-color:#000; height:100%; opacity: 0.5; width:100%; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";}
.flashComingM, .flashMissedM {position:absolute; top:100px; left:0px; width:100%; background-color:#EEEEEE; text-align:center; line-height:17vw; font-size:11vw; color: #111; opacity: 0.9;}




/*************************************************
FLASH SALE
Masthead topper and HP topper
*************************************************/

#msthd_tpr_flashsale {
	height: 25px;
	position: relative;
	width: 995px;
	display: none;
	/*margin-bottom:20px;*/
}

#hp_tpr_flashsale{
	display:none;
}


/*************************************************
PDP Coupon Eligible Badge
*************************************************/

.pdpSaleBadge {
	font: Arial Arial, Helvetica, sans-serif;
	font-size: 10px;
	position: relative;
	margin-bottom: 15px;
	margin-top: 11px;
	display:none;
}
.pdpSaleName {
	font-size:12px;
	font-weight:bold;
	color: #FFFFFF; /*Sale name color*/
	background-color: #333333; /*Sale name background color*/
	border: 1px solid #444;
	border-right: 0px;
	padding: 0 4px;
	display: inline-block;
}
.pdpSalePctOff {
	background-color: #FFFFFF; /*CPN eligible background color*/
	display: inline-block;
	padding: 0 4px;
	color: #000000; /*CPN eligible color*/
	font-size:12px;
	border: 1px solid #444;
}
.pdpSaleDate, .pdpSaleExcl {
	color: #000000;
}
.pdpSaleCouponDetails {
	font-weight: normal;
}
.pdpSaleCouponDetails a {
	color: #000000;
	text-decoration: underline;
}





/*************************************************
Sitewide Left Nav Custom Links
*************************************************/

.leftnav_top_custom_link {
	padding-left: 6px;
    font-size: 14px;
    margin-top: 24px;
	margin-bottom: -17px;
}
.leftnav_top_custom_link a {
	color:#CC0000;
}
.leftnav_top_custom_link a:after {
	content: ' ';
	height: 0;
	position: absolute;
	width: 0;
	margin: 5px 0px 0px 4px;
	border: 4px solid transparent;
	border-left-color: #CC0000;
}





/*************************************************
Younkers logo
3/3/16 - the logo is cut off by the following
	siab.css
	#header #logo.YNK h2 {
		width: 162px;
	}
*************************************************/
#header #logo.YNK h2 {
    width: 175px;
}




/*************************************************
Featured Brands in the left nav
*************************************************/

#featuredbrandsnav ul li {list-style:none;}
#featuredbrandsnav {margin-bottom:5px;}




/*************************************************
Hide BOPIS for all on Boston Store nameplates
The global js file will show for Boston Store
*************************************************/

/*pdp*/
#bopispick {display:none;}

/*Index Page*/
#facet-Availability {display:none;}

/*Cart - none needed*/



/*************************************************
Ship Threshold styling - cart and checkout
*************************************************/
/*cart*/
.orderTotalsDisplay .ship_threshold{padding: 10px 0px 0px 10px; font-size: 14px; color: #000;}
/*checkout*/
.sidebar .ship_threshold{padding: 10px 0px 0px 10px; font-size: 12px; color: #000;}



/*************************************************
Ship table in checkout
*************************************************/
.shipTable{border: 1px solid #ccc;border-collapse: collapse;    border-spacing: 0; width:95%;}
.shipTable th, .shipTable td{border: 1px solid #ccc;    margin: 0;    padding: 6px 3px;    font-size: 14px;}
.shipTable th{    background-color: #eee;    font-weight: normal;    text-align: left;}



/*************************************************
AVS in checkout
*************************************************/
.QAS_BonTon_Dialog{width:98% !important; max-width:850px; position:absolute; top:10px !important; left:0px !important; right:0px; margin:0 auto;}

@media screen and (max-width: 840px) {
  .QAS_RightDetails{float:none;}
  .QAS_Prompt, .QAS_Picklist{width:auto;}
}

@media screen and (max-width: 400px) {
  .QAS_EmailPrompt{width:auto;}
  .QAS_EmailContinue{position:relative;}
} 


/*************************************************
Registry dashboard fix for ipad mini
*************************************************/
#giftRegistryTools{width:170px;}



/*************************************************
Back to top button was behind other fotter page elements
*************************************************/
.back-to-top{z-index:1;}


/*************************************************
Limit width of details summary box
*************************************************/
.sidebar-box {
    max-width: 502px;
}


/*************************************************
PDP - video thumbnail
*************************************************/
#featureVideo {position:relative;}
#featureVideo .play {position:absolute; top:124px; left:236px; width:40px; height:40px;}