html, body { padding:0px; margin:0px; }
.invisibleElement { display:none; }
.visibleBlockElement { display:block; }
#clearanceBoxTop { padding: 5px 10px; color: #fff; text-align: left; text-transform: uppercase; border-radius: 3px; font-size: 20px; font-weight: 700; margin: 0px;}
#itemDetailWrapper { font-family: 'Open Sans', sans-serif; background:#fff; }
.itemDetailBorder { border-top:1px solid #ddd;}
.itemDetailContainer { padding:20px; }
#productTitle h1 { font-size:20px; color:#000; font-weight:700; padding-right:20px; text-align:left; }
#productTitle .vii { font-weight:300; font-size:14px; color:#666; }
#itemDetailImgHolder { display:inline-block; margin-top:-20px; vertical-align:top; width: calc(100% - 405px); height:90vh; text-align:center; }
#itemDetailImgHolder[data-images="multiple"] #itemDetailImage { float:right; vertical-align:top; width: calc(100% - 120px); }
#itemDetailImgHolder[data-images="multiple"] #detailImgSelectBox { display:block; float:left; vertical-align:top; width:120px; height:75vh; overflow:auto; }
#itemDetailImage { height:75vh; width:100%; cursor:pointer; }
.overlapTextHolder { display:inline-block; vertical-align:top; width:100%; height:0px; opacity:0; transition:opacity .5s ease; }
.overlapTextBg { height:75vh; background:#fff; z-index:1000; }
.overlapEnlargeImgText { position:relative; top:88%; right:-30%; transform:translateY(-5%); font-size:16px; line-height:4vw; font-weight:300; color:#ccc; }
.overlapEnlargeImgText strong { font-weight:700; }
#itemDetailImage img { position:relative; top:38vh; transform: translateY(-38vh); display:inline-block; max-width:80%; max-height:80%; transition:opacity .5s ease; }
#itemDetailNoImage { position:relative; color:#999; font-size:3vw; line-height:4vw; font-weight:300; }
#imageDisclaimer { position:relative; z-index:1000; color:#c00; font-size:12px; width:250px; margin:0 auto; border:1px solid #c00; padding:5px; border-radius:5px; }
#detailImgSelectBox { display:none; }
.multiImgBtn { border:1px solid #fff; width:90px; height:90px; padding:5px; margin-bottom:5px; border-radius:3px; transition:all .5s ease; overflow:hidden; cursor:pointer; }
.multiImgBtn img { max-height:100%; max-width:100%; top:50%; position:relative; transform: translate(0%,-50%); transition:all .5s ease; }
.multiImgBtn.active { border-color:#ccc !important; }
.detailImgSelect { display:inline-block; vertical-align:top; width:50px; height:50px; margin:5px; padding:5px; border:2px solid transparent; cursor:pointer; border-radius:3px; }
.detailImgSelectActive { border-color:#ddd !important; }
.detailImgSelect img { max-width:100%; max-height:100%; }
#itemDetailData { display:inline-block; vertical-align:top; width:400px; }
#itemDetailTabTop { border-bottom:1px solid #ddd; padding-top:20px; margin-top:-20px; background:#fff; z-index:10; }
#tabTopBtns { float:left; }
.itemTabBtn { display:inline-block; vertical-align:bottom; border:1px solid #ddd; color:#999; border-bottom:0px; background:#f9f9f9; width:50px; height:50px; text-align:center; line-height:50px; cursor:pointer; font-size:20px; }
.itemTabBtnActive { background:#fff; border-top:2px solid #000; margin-bottom:-1px; color:#000; border-bottom:1px solid #fff; }
#tabTopIcons { float:right; }
#itemDetailTop { border-bottom:1px solid #e2e2e2; margin-bottom:10px; font-size:12px; color:#000; }
#backToSearchResults { float:left; padding:5px 20px; border-right:1px solid #e2e2e2; cursor:pointer; font-size:12px; }
.topRightItemDetailButtons { float:right; padding:5px 20px; border-left:1px solid #e2e2e2; cursor:pointer; font-size:12px; }
.topRightItemDetailButtons img { margin-left:5px; }
.itemTabIcon { display:inline-block; vertical-align:top; height:20px; border:1px solid transparent; line-height:20px; margin:5px 0px; background:transparent; text-align:center; color:#666; font-size:14px; }
.itemDetailBox { padding:20px 0px; color:#000; font-size:12px; font-weight:300; }
.itemDetailTitle { font-weight:700; font-size:16px; color:#000; line-height:20px; padding-bottom:10px; }
.dataDetailRow { padding-bottom:5px; clear:both; }
.dataColLeft { display:inline-block; vertical-align:top; width:48%; font-weight:400; text-align:left; text-transform:uppercase; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.dataColRight { float:right; display:inline-block; vertical-align:top; width:50%; text-align:left; }
.dataColRight ul { padding:0px; margin:0px; list-style:none; }
.detailInfoColumn { color:#000; }
.detailInfoColumn ul { padding:0px; margin:0px; }
.detailInfoColumn li { list-style-type:none; }
.detailInfoColumn .dropName { padding:5px 10px; color:#000; font-size:16px; }
.detailInfoColumn .dropBox { width:189px; border:1px solid #ccc; border-top:0px; background:#fff; padding:5px; border-radius:3px; box-shadow:0px 0px 3px #ccc; }
.detailInfoColumn .dropBox .dropName { color:#000; font-size:12px; color:#666; padding:0px 10px; border-radius:3px; white-space: nowrap; overflow:hidden; text-overflow:ellipsis; }
.detailInfoColumn .dropBox .dropName i { position:absolute; right:15px; line-height:20px; margin-right:-5px; font-size:16px; }
.detailInfoColumn .activeDrop { background:#fff url(/Images/site-templates/xo_designtheme3/smooth-gradient_button.png) repeat-x center 10px !important; color:#000 !important; border-radius:3px 3px 0px 0px !important; }
.detailInfoColumn .itemDetailDropdown { border:1px solid #ccc; border-radius:3px; background:#fff url(/Images/site-templates/xo_designtheme3/smooth-gradient_button.png) repeat-x center 5px; color:#000; font-size:12px; width:184px; line-height:20px; padding:0px 5px 0px 10px; white-space: nowrap; overflow:hidden; text-overflow:ellipsis; }
.detailInfoColumn .itemDetailDropdown i { position:absolute; right:28px; font-size:16px; line-height:20px; color:#ccc; }
.detailInfoColumn .dropBoxTitle { border-top:1px solid #ccc; color:#000; font-weight:700; padding:5px 10px 0px; background:#f9f9f9; margin:5px -5px; }
.multiSelectBox {}
.itemSelectBtn { 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:4px 8px 8px 0px; cursor:pointer; background:#fff; color:#666; height:55px; white-space: normal;}
.itemSelectBtn[status="selected"] { border:2px solid #3271c1 !important; }
.itemSelectBtn[status="selected"] .itemSelectText { color:#666; }
.itemSelectImg { display:inline-block; width:100px; max-height:40px; border-radius:3px; margin-top:-3px; margin-bottom:-16px; overflow:hidden; }
.itemSelectImg img { max-width:100px; max-height:40px; border-radius:3px; }
.itemSelectText { font-size:14px; word-wrap:break-word; color:#666; position:relative; top:50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); text-overflow:ellipsis; overflow:hidden; max-height:64px; }
.additionalOptionsBtn { color:#3271c1; padding:20px 0px 0px; font-weight:400; cursor:pointer; display:inline-block; }
.additionalOptionsContent { display:none; margin-top:10px; }
.additionalGrayBox { padding:10px; background:#fafafa; border-radius:3px; font-size:12px !important; }
.itemDetailSubTitle { font-weight:500; font-size:14px; color:#999; line-height:20px; padding-bottom:5px; }
.itemDetailSubTitle a { cursor: pointer; }
#priceContent { padding-bottom:5px; }
#purchasePrice { font-weight:700; font-size:30px; color:#000; height:34px; padding-bottom:10px; }
.showPack { color:#666; font-size:14px; font-weight:300; }
#otherPrices {}
.smallPrices { display:inline-block; vertical-align:top; margin-right:10px; font-size:16px; }
#itemAvailability { margin-top:20px; }
#itemAvailability strong { font-weight:700; color:#000; }
#itemAvailability ul { padding:0px; margin:0px; list-style:none; }
#selectQuantity { line-height:34px; font-weight:700; padding-bottom:10px; float:right; margin-top:10px; }
#quantityContainer { display:inline-block; vertical-align:top; border:2px solid #ddd; border-radius:3px; height:30px; width:60px; line-height:30px; text-align:center; background: url(/Images/site-templates/svg/dropdown-arrows.svg) no-repeat right 5px center; margin-left:5px; }
#quantityContainer select { border:0px; background:transparent; outline:none; -webkit-appearance: none; -moz-appearance: none; appearance: none; height:30px; width:60px; padding-left:5px; text-align:left; font-size:14px; font-weight:700; color:#666; cursor:pointer; }
#purchaseBtn { text-align:center; color:#fff; font-weight:400; border-radius:5px; line-height:40px; font-size:16px; cursor:pointer; }
.itemSmallBtn { font-size:12px; display:inline-block; color:#000; margin-top:12px; margin-right:10px; height:20px; line-height:20px; cursor:pointer; font-weight:400; opacity:.60; }
.itemSmallBtn img { float:left; margin-right:5px; height:20px; }
.addOrderBtn { width:100%; text-align:center; color:#fff; border:0px; height:40px; font-size:16px; line-height:40px; border-radius:3px; cursor:pointer; }
.pricelabel { position:relative; text-transform: uppercase; font-weight:400; text-align:left; }
.extItemDetailPrice { display:inline-block; font-weight:700; font-size:34px; line-height:34px; padding:0px; color:#000; }
#itemDetailWrapper #purchaseBtn { display:block; }
#itemDetailWrapper #purchaseFullContainer .dyn-popup { display:block; }
.itemDetailBox[title=""] { display:none; }
.noItemsScrollBox { background:#f1f1f1; border-radius:5px; border:0px; text-align:center; }
.noItemsScrollBox .swipeDataHolder { width:100%; }
.swipeDataHolder { height:99px; text-align:center; }
.addItemMainBtn { width: calc(100% - 130px); margin-right:5px; height:40px; line-height:36px; background:#119614 url(/Images/site-templates/xo_designtheme1/menu_trans5.png) repeat-x center; border:1px solid #006f03; border-radius:5px; color:#fff; font-weight:700; font-size:14px; transition:all .5s ease; }
#dynamicButton { padding-top:20px; display:flex; }
#dynamicButton .addItemMainBtn[data-popup="Cart"] { display:none; }
/* .addItemMainBtn[xo-popover="Cart"] { display:none; } */
#dynamicButton .dyn-popup { width:100%; }
#subButtons { text-align:left; padding:10px 0px 0px; }
.addItemSubBtn { font-size:12px; color:#000; height:16px; line-height:16px; font-weight:400; padding:5px 8px; vertical-align:top; border:1px solid #ccc; border-radius:5px; background:#fff url(/Images/site-templates/xo_designtheme1/menu_trans5.png) repeat-x center; transition:all .5s ease; margin-bottom:5px; }
.addItemSubBtn i { margin-right:5px; }
.btnItemNumber { display:block; text-align:center; transform: translate(0px,8px); }
#itemDetailPrice { display:inline-block; vertical-align:top; font-size:34px; line-height:34px; padding:0px; color:#000; }
#wasPrice { display:none; }
#wasPrice[data-fp="inline"] { display:inline-block; vertical-align:top; line-height:16px; font-size:16px; padding:0px; font-weight:400; color:#c00; }
#packInfo { display:inline-block; }
#packInfo .showPack { display:inline-block; vertical-align:top; line-height:12px; padding:0px; }
#itemDetailImage .savingsBox { display:none; height:0px; padding:0px 10px; text-align:left; position:relative; }
#itemDetailImage .savingsBox[data-show="inline"] { display:block; position:relative; z-index:1001; }
#itemDetailImage .savingsCircleBorder { display:inline-block; vertical-align:top; border:2px solid green; background:#fff; padding:2px; width:8vw; height:8vw; border-radius:50%; margin:1vw; }
#itemDetailImage .savingsCircle { display:inline-block; vertical-align:top; width:8vw; height:8vw; border-radius:50%; background:green; text-align:center; color:#fff; line-height:2.25vw; font-size:2.25vw; font-weight:700; }
#itemDetailImage .savingsCircle div { position:relative; transform: translateY(-50%); top:50%; }
#dynamicButton { height:40px; }
#dynamicButton .dyn-popup { float:left; }
#productTotalNum { height:38px; background:#fff; border:1px solid #ccc; border-radius:5px; overflow:hidden; white-space:nowrap; }
#totalNumBox { display:inline-block; vertical-align:top; }
#totalNumBox input { height:36px; width:40px; padding:0px 5px; line-height:38px; font-weight:700; color:#000; border-right:1px dashed #f1f1f1 !important; color:#3271c1; text-align:center; }
#totalNumBox input-group { border:0px; }
#totalNumBox select { height:36px; line-height:38px; color:#3271c1; }
#totalNumBox input-group[pack="1"] input[name="Quantity"] { border-right:none !important; }
#totalNumBtns { display:inline-block; vertical-align:top; width:22px; height:38px; border-left:1px solid #ccc; background:#f1f1f1; }
.plusMinusBtn { height:18px; cursor:pointer; text-align:center; line-height:18px; font-size:16px; font-weight:400; color:#999; transition:all .5s ease; }
#plusBtn { border-bottom:1px solid #ccc; }
#minusBtn { line-height:16px; }
qty-message { display:block; }
#itemDetailTabBtns { height:28px; }
.tabBoxButton { float:left; padding:5px 20px; background:#f1f1f1; border:1px solid #f1f1f1; border-bottom:0px; margin-right:2px; color:#000; border-radius:5px 5px 0 0; cursor:pointer; font-weight:bold; transition:all .5s ease; }
.activeTab { background:#fff; padding:5px 20px 6px; border-color:#ccc; }
#itemDetailTabContent { padding:1px; color:#000; background:#fff url(/Images/topgradient.png) repeat-x center -100px; }
#itemDetailTabContentBg { background:#fff; padding:20px; min-height:100px; margin-bottom:-1px; }
.tabBoxContent { display:none; }
#tabBoxContent1 { display:block; }
.familyTitle, .expandableTitle, .staticTitle { background:#f9f9f9; padding:10px 20px; font-weight:700; }
.staticList { padding:10px 0px; }
#CollectionURL { float:right; font-weight:400; font-size:12px; }
.mobileHide { display:inline-block; }
.mobileShow { display:none; }
#Box { display:none; }
#tabBoxButton3 { display:none; }
.itemDetailDropdown:before { font-family: 'FontAwesome'; float:right; content: "\f107"; margin-right:5px; }
.otherDetailsList { padding-left:12px; margin-bottom:5px; }
.otherDetailsList li { padding-bottom:5px; }
.expandableList, #siList { text-align:left !important; padding-bottom:20px; }
#callForPrice { font-size:34px; color:#000; font-weight:700; padding-bottom:20px; height:34px; }
.textHalfSize { font-size:20px; line-height:25px; }
.textFullSize { font-size:35px; line-height:35px; }
.wasText { font-size:12px; line-height:12px; }
.wasHalfSize { font-size:12px; line-height:16px; }
.wasFullSize { font-size:22px; line-height:22px; }
#itemStatHolder div { display:inline-block; }
@media (max-width: 1000px)
{
#imageDisclaimer { font-size: 10px; width: 122px; padding: 2px; }
#itemDetailImgHolder[data-images="multiple"] #itemDetailImage { width: calc(100% - 60px); }
#itemDetailImgHolder[data-images="multiple"] #detailImgSelectBox{ width:55px; }
.multiImgBtn { width:40px; height:40px; }
}
@media (max-width: 800px)
{
#productTitle h1 { text-align:center; font-size:16px; padding:20px 0px; }
.itemDetailContainer { padding:0px; }
.itemDetailContainer > :first-child:not(#itemDetailImgHolder) { display:none !important; }
.itemDetailBox { padding:20px; }
.dataColLeft { float:none; display:block; width:100%; font-weight:700; font-size:12px; }
.dataColRight { float:none; display:block; width:100%; font-weight:300; font-size:12px; margin-bottom:10px; }
.overlapTextBg { height:60vh; }
#itemDetailImgHolder { display:block; height:auto; margin-top:0px; width:100%; text-align:center; position:relative !important; margin-bottom:20px; }
#itemDetailImage { height:auto; }
#itemDetailImage img { transform:none; top:0px; }
#itemDetailImage .savingsCircleBorder { width:75px; height:75px; }
#itemDetailImage .savingsCircle { width:75px; height:75px; font-size:20px; line-height:20px; }
#itemDetailImgHolder[data-images="multiple"] #itemDetailImage { float:none; display:block; width:100%; }
#itemDetailImgHolder[data-images="multiple"] #detailImgSelectBox { float:none; display:block; width:100%; height:auto; }
.multiImgBtn { display:inline-block; }
#subButtons { text-align:center; }
.btnItemNumber { display:none; }
#itemDetailData { display:block; vertical-align:top; width:100%; position:relative; }
#itemDetailTabTop { display:none; }
.waypointInfo { border-top:1px solid #ccc; }
#familyContainer { display:none; }
.itemDetailBorder { display:none; }
.mobileHide { display:none; }
.mobileShow { display:inline-block; }
}
/* Remove Hover Effects for Mobile Devices */
@media (min-width: 800px)
{
#itemDetailImage:hover .overlapTextHolder { opacity:1; }
.multiImgBtn:hover { border-color:#ccc; }
.detailImgSelect:hover { border-color:#ddd; }
.itemTabBtn:hover { background:#fff; }
#backToSearchResults:hover { background:#f1f1f1; }
.topRightItemDetailButtons:hover { color:blue; background:#f1f1f1; }
.detailInfoColumn .dropName:hover { background:#3271c1; color:#fff; }
.detailInfoColumn .itemDetailDropdown:hover { background:#fff url(/Images/site-templates/xo_designtheme3/smooth-gradient_button.png) repeat-x center 10px; color:#000; }
.itemSelectBtn:hover { border-color:#999; }
.additionalOptionsBtn:hover { color:#5ea0f4; }
.priceItemSelectBtn:hover { border-color:#999; }
.OptionalItemsBtn:hover { color:#5ea0f4; }
#purchaseBtn:hover { opacity:.75; }
.itemSmallBtn:hover { opacity:1; }
.addOrderBtn:hover { opacity:.75; }
.quickviewBtn:hover { color:#59b958; }
.addItemMainBtn:hover { background:#28b62b url(/Images/site-templates/xo_designtheme1/menu_trans5.png) repeat-x center; }
.addItemSubBtn:hover { border-color:#bbb; }
.plusMinusBtn:hover { background:#fff; }
.tabBoxButton:hover { background:#fff; border-color:#ccc; }
}
/* Prevent custom CSS from breaking our dropdown */
#itemDetailData .dropBox { top:inherit !important; }