/* Global CSS for Item Detail Templates */
/* ------------------------------------ */

/* External Pricing Settings */
.extPriceTitle_itemDetail { display:none; }
[external-price-status="true"] .extPriceTitle_itemDetail { display: block; font-size: 12px; color: #000; line-height: 12px; font-weight:700; }
#externalPrice { padding-top:20px; }


/* Price Section Settings */
#itemDetailPrice { display:inline-block; vertical-align:top; padding:0px; color:#333; font-size:0px; }

.textHalfSize { display:inline-block; vertical-align:top; font-size:20px; line-height:25px; }
.textFullSize { display:inline-block; vertical-align:top;  font-size:35px; line-height:35px; }
#priceContent .textEachSize { display:inline-block; vertical-align:bottom; font-size:12px; line-height:15px; font-weight:400; color:#000; letter-spacing:-.5px; }

.wasText { font-weight:700; font-size:12px; line-height:12px; }
.wasFullSize { display:inline-block; vertical-align:top; font-size:22px; line-height:22px; }
.wasHalfSize { display:inline-block; vertical-align:top; font-size:12px; line-height:16px; }

#externalPrice .textFullSize { font-size:48px; line-height:48px; font-weight:700; padding:0px 5px; }
#externalPrice .textHalfSize { font-size:24px; line-height:24px; line-height:32px; font-weight:700; }
#externalPrice .textEachSize { vertical-align:bottom; }

.each { display:none; }
.each[each="1"] { display:block; }

.pack { display:block; }
.pack[each="1"] { display:none; }

#wasPrice { display:none; font-size:0px; }
#wasPrice[data-fp="inline"] { display:inline-block; vertical-align:top; padding:0px; font-weight:700; color:#c00; margin-left:10px; }
#wasPrice strong { font-size:16px; line-height:16px; font-weight:700; }

button.viewFamilyBtn { border:1px solid #ccc; border-radius:3px; line-height:25px; width:30px; padding:0px; height:30px; text-align:center; float:right; background:#fff; font-size:14px; color:#3271c1; margin:10px 0px 0px 10px; border-radius:50%; box-shadow:0px 0px 2px #f1f1f1; }
button.viewFamilyBtn:hover { background:#3271c1; border-color:#3271c1; color:#fff; transition:all .5s ease; }

/* Email CSS */
#itemDetailPopBox input-group { width:100%; margin-bottom:5px; height:35px; overflow:hidden; }
#itemDetailPopBox input-group prefix { width:70px; background:#f1f1f1; height:35px; line-height:35px; color:#999; font-size:14px; }
#itemDetailPopBox input-group input { line-height:35px; font-size:14px; padding-left:10px; width: calc(100% - 90px); color:#3271c1; }
#itemDetailPopBox textarea.textareaFormat { width: calc(100% - 20px); border:1px solid #ccc; padding:10px; font-size:14px; line-height:18px; color:#3271c1; font-family:inherit; height:100px; min-height:100px; min-width: calc(100% - 20px); max-width: calc(100% - 20px); margin-bottom:5px; }
#itemDetailPopBox button { width: calc(100% + 2px); text-align:center; background:#3271c1; color:#fff; font-size:16px; line-height:35px; height:35px; border:0px; border-radius:3px; }
#itemDetailPopBox error { padding-top:10px; line-height:16px; }
#itemDetailPopBox message { font-size:12px; }

input-group[pack="1"] select[name="QuantityType"] { display:none; }

qty-message { position:relative; display:inline-block; font-size:12px; padding:2px 0px; font-weight:700; }

.addToListButtons[cart="false"] [xo-popover="Cart"], .addToListButtons[wishlist="false"] [xo-popover="Wishlist"], .addToListButtons[estimate="false"] [xo-popover="Estimate"] { display:none !important; }
.addItemSubBtn { cursor:pointer; display:inline-block; }

.itemEditLoader { height:400px; line-height:400px; font-size:30px; color:#999; text-align:center; }

/* ADD TO BUTTONS */
#subButtons[selected-list="Cart"] [xo-popover="Cart"] { display:none; }
#subButtons[selected-list="Estimate"] [xo-popover="Estimate"] { display:none; }
#subButtons[selected-list="Wishlist"] [xo-popover="Wishlist"] { display:none; }

/* INCLUDED ITEMS WIDGET */
.associatedWidget[type="Included"] .loadingIncluded { min-height:100px; background:#f1f1f1; text-align:center; line-height:100px; font-size:20px; border-radius:5px; color:#999; }
.associatedWidget[type="Included"] .includedBox { border:1px solid #ccc; border-radius:3px; margin-bottom:2px; padding:10px; }
.associatedWidget[type="Included"] .includedBox-image { display:inline-block; vertical-align:top; height:75px; width:85px; text-align:center; }
.associatedWidget[type="Included"] .includedBox-image[img=""] { display:none; }
.associatedWidget[type="Included"] .includedBox-image img { max-height:100%; max-width:100%; }
.associatedWidget[type="Included"] .includedBox-name { position:relative; display:inline-block; vertical-align:top; width: calc(100% - 100px); margin-left:10px; white-space:normal; font-size:14px; font-weight:700; color:#888; }
.associatedWidget[type="Included"] .includedBox-name a { position:absolute; top:0; right:0; }
.associatedWidget[type="Included"] .includedBox-name a[href=""] { display:none; }
.associatedWidget[type="Included"] .includedBox-name div[data="item name"] { padding:0 80px 5px 0; }
.associatedWidget[type="Included"] .includedBox-name div[data="item number"] { font-weight:300; }
.associatedWidget[type="Included"] .includedBox-name div[data="quantity"] { font-weight:300; }
.associatedWidget[type="Included"] .includedBox-name div[data="quantity"][qty=""] { display:none; }
	
/* RECOMMENDED ITEMS WIDGET */
.itemDetailResultsText {  display:inline-block; vertical-align:top; height:30px; line-height:30px; padding-left:20px; }
	.itemDetailResultsSearch { height:30px; line-height:30px; border-radius:3px; width: calc(100% - 200px); }
		.itemDetailResultsSearch input { height:30px; line-height:30px; color:#3271c1; width:calc(100% - 36px); }
		.itemDetailResultsSearch suffix { height:30px; width:30px; font-size:16px; line-height:30px; color:#3271c1; cursor:pointer; }
		.itemDetailResultsSearch suffix i { line-height:30px; }

#scrollSelectBox { position:relative; display:block; }
	.priceItemSelectBtn { position:relative; border:1px solid #ddd; border-radius:3px; display:inline-block; font-weight:400; line-height:16px; vertical-align:top; width:100px; text-align:center; padding:10px; margin-right:8px; cursor:pointer; background-repeat: no-repeat; background-position: center; color:#666; height:75px; white-space: normal;}
		.priceItemSelectBtn[status="selected"] { border:2px solid #3271c1 !important; }
		.priceItemSelectBtn[status="selected"] .itemSelectText { color:#666; }

		.itemSelectBGImage { height:55px; width:100%; text-align:center; }
			.itemSelectBGImage img { max-height:50px; max-width:80%; }
		.itemSelectTextNumber { float:left; font-size:16px; color:#666; font-weight:700; border-top:1px solid #ccc; border-right:1px solid #ccc; border-radius:0px 3px 0px 0px; width:25px; height:25px; line-height:25px; margin-left:-10px; }
		.itemSelectTextPrice { float:right; color:#c00; font-size:12px; font-weight:400; height:25px; line-height:25px; visibility:hidden; }

	.scrollSelectMsg { height: 70px; line-height: 70px !important; padding-bottom: 0px; font-weight:400; font-size:14px; color:#999; }

	.OptionalItemsBtn { font-size: 14px; color:#3271c1; padding:20px 0px 0px; font-weight:400; cursor:pointer; display:inline-block; }
	.OptionalItemsContent { display:none; }
	
	.quickviewBtnHolder { height:0px; text-align:right; margin-right:15px; }
    .quickviewBtn { display:inline-block; width:30px; height:30px; background:#fff; margin-top:10px; position:relative; z-index:9; border-radius:50%; font-size:14px; color:#666; line-height:30px; border:1px solid #ccc; text-align:center; cursor:pointer; transition:all .5s ease; }

/* Quantity Price Break Style */
.tblDetailRow  { display: flex; align-items: baseline; margin-bottom: 2px }
.tblCol { flex: 1; padding: 10px 10px }
#qtyPriceBreakout { margin-bottom: 20px }
.sell-unit-from-breakout { vertical-align: top; line-height: 40px; font-size: 14px; font-weight: 500; padding-left: 6px }
.tblDetailRow { border: 1px solid #f1f1f1; display: flex; display: -ms-flexbox; flex: 0 0 calc(34% - 15px); margin-bottom: 2px; margin-right: 2px; font-size: 12px; line-height: 12px; padding: 0 }
.tblDetailTitle { font-size: 16px; font-weight: 700; line-height: 40px; color: #333; flex: 0 0 100%; padding-top: 20px }
.tblColLeft { padding: 10px; text-align: left; color: #333; display: flex; display: -ms-flexbox; background: #f1f1f1; flex: 0 0 25% }
.tblDetailRow { border: 1px solid #f1f1f1; display: flex; display: -ms-flexbox; flex: 0 0 calc(34% - 15px); margin-bottom: 2px; margin-right: 2px; font-size: 12px; line-height: 12px; padding: 0 }
.tblColRight { background: #fff; white-space: normal; padding: 10px; text-align: left }

.associatedWidget { margin-bottom:20px; }
.assocSearchBox { display:none; padding-bottom:5px; }
.associatedWidget[LinkedItems=""] .assocSearchBox { display:block; }

.e2Link
{
	position:relative;
	float:right;
	width:10px;
	left:0px;
	top:-4px;
	font-size:12pt;
	font-family:Times New Roman;
	font-style:italic;
}

.itemRowDetailsUnique { padding:20px; white-space:normal; text-align:left; color:#666; }
	.itemRowDetailsUnique .popupLeftCol { color:#000; }