/*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*/
/*Last Updated: 9/11/15 v3*/

#wrapper { background: #fff; }

#header {
/*	position: fixed; */
	transition: top 0.2s ease-in-out;
	z-index: 4;
	background-color: #fff;
	padding-top: 0;
	width: 995px;
	}
	
#header #logo h2 {
    height: 65px;
    margin-top: -6px;
}

#header #logo.YNK h2 {
    width: 170px;
}

#header #breadcrumbMiniLogo { transition: top 0.2s ease-in-out; }
	
#header.nav-down { top: 0; }
#header.nav-down #breadcrumbMiniLogo { display: none; }
	
/* we'll add this class using javascript */
#header.nav-up { top: -185px; } /* NO WORL and with masthead topper  */
#header.nav-up { top: -195px; } /* with WORL and masthead topper  */
#header.nav-up { top: -170px; } /* with WORL and NO masthead topper  */
/* #header.nav-up #breadcrumbMiniLogo { display: inline-block; }   removed with logo redesign 9/11/15 */
#header.nav-up #breadcrumbMiniLogo { display: none; }


/*************************************************
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 .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;
}



/*************************************************
LEFT NAV
all category pages
*************************************************/
/************************************************
LESS CROWDED LEFT NAV
************************************************/

#leftnav { font-size:12px; }

#leftnav div.sidenav-catalog-links { margin: 0px 1em 2em 0; }

#facetContainer { margin-top: 9px; }
#facetContainer h1 { display: none; }

#leftnav div.sidenav-catalog-links h3 { padding-bottom: 3px; color:#666; }

#leftnav div.sidenav-catalog-links ul li.showAll { display: none; }

#leftnav div.sidenav-catalog-links .category-links { padding: 5px; }

#leftnav div.sidenav-catalog-links .category-links ul li.subcategory {
background-color: transparent;
padding-left: 10px;
text-indent: -10px;
margin-left: 10px;
}

#leftnav div.category-links ul li a {
/* line-height: 18px; */
padding-left: 3px;
}

#leftnav div.sidenav-catalog-links ul a {
color: #333;
line-height: 18px;
}

#leftnav div.facet-box ul li {
padding-left: 15px;
text-indent: -15px;
margin-left: 10px;
}

#leftnav div.facet-box ul li font { display: none; }  /* yes, we really have a font tag here!! */

#leftnav #facet-Ratings { font-size: 10px; }

#heroarea { margin-top: 9px }
			

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

#mainarea {
width: 795px;
margin-right: 0; 
}

.featuredItems { display: none; }
.searchResultsContainer { margin-top: 10px; }

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

/*************************************************
INDEX
correct position of page count
*************************************************/

.countDiv { margin-right: 15px; }
			
span.paginationPages { float: right; }
			
.productListings li {
	min-height: 390px;
	width: 245px;
	border: 1px solid #ccc;
	background-color: #eee;
	display: -moz-inline-stack;
	display: inline-block;
	float: none;
	vertical-align: top;
	zoom: 1;
	*display: inline;
	_height: 390px;
	padding: 5px;
}

.productListings li.last {
	margin-right: 5px;
	clear: none;
}

.productListings li.first {
	clear: none;
}

.productPhoto a.productLink {
	background-color: #fff;
	height: 277px;
	overflow: hidden; /* constrained outsized images within frame */
}


.productPhoto .productLink img {
	max-height: 277px;
	margin: 0 auto;
}

a.productLink {
	color: #000;
	margin-top: 5px;
}

.productListings .priceInfo {
	padding: 5px 0;
}

span.salePrice { font-size: 11px; }


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

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




/*************************************************
FACET TOPPERS
used in MC content 999999_TPR_facet
*************************************************/

.tpr_facet {
margin: 20px 0px 6px;
border-top:1px solid #AAAAAA;
height:35px;
float:left;
width:795px;
}
.tpr_facet h3 {
color: #AAAAAA;
font-size: 16px;
font-weight: normal;
margin: 6px;
padding: 2px;
font-family: Verdana, Geneva, sans-serif;
float:left;
}
.tpr_facet img {
margin:5px 0px 0px 5px;
float:left;
}


/*************************************************
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;}




/*************************************************
QUICKVIEW BUTTON ON INDEX PAGES
*************************************************/

.productListings a.quickViewBtn {
top: 200px;
left: 78px;
}


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

.fitGuideLink{/*margin-bottom:1em; margin-top:-10px;*/    
	margin-bottom:0; 
	margin-top:0px; 
	text-decoration: underline;    
	display: inline-block;
    margin-left: 10px;
    font-size: 12px;}
.fitGuideLink a{text-decoration:underline; color:#ce0000;}


/*************************************************
RIGHT RAIL RECENTLY VIEWED ON PDPS
*************************************************/

#recentlyViewed { margin-top:25px; }



/*************************************************
RIGHT RAIL PRODUCT RECS ON PDPS
used in Adobe Recs template "PDP right rail - vertical - 195h - 4 items" and is base style for other templates
*************************************************/

.recs-template { border:1px solid #ccc; font-family:Arial, sans-serif; display: none; margin: 10px 0 20px; }
.recs-template h3 { color:#000; font-size:13px; font-weight:bold; margin:3px; padding:2px; background-color:#eee;}
.recs-template table { margin:3px; font-size:11px; }
.recs-template .productInfo { padding: 6px 3px; clear:both; min-height:95px; }
.recs-template .productInfo .productImg { margin-right:3px; float:left; }
.recs-template .productInfo .productName { color:#333; font-size:11px; font-weight:normal; display:block;}
.recs-template .productInfo .productPrice { display: block; }
.recs-template .onecol195 .productInfo { width:185px; }

.recs-template .horizontal { width:795px; }
.recs-template .horizontal .productInfo .productImg { padding:0 10px; }

/*************************************************
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:-30px;
	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;
}