html, body { padding:0px; margin:0px; }

.invisibleElement { display:none; }
.visibleBlockElement { display:block; }

#itemDetailWrapper { font-family: 'Open Sans', sans-serif; background:#fff; }
   /* .itemDetailBorder { border-top:1px solid #ddd;} */
    .itemDetailContainer { padding:20px; }

    #itemDetailImgHolder { display:inline-block; margin-top:-20px; vertical-align:top; width: calc(100% - 405px); height:90vh; text-align:center; }
            #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:50%; transform:translateY(-50%); display:inline-block; max-width:80%; max-height:80%; transition:opacity .5s ease; }
                #itemDetailNoImage { position:relative; top:50%; transform:translateY(-50%); color:#999; font-size:3vw; line-height:4vw; font-weight:300; }
                #imageDisclaimer { color:#c00; font-size:12px; }
            #detailImgSelectBox { display:inline-block; }
                .detailImgSelect { display:inline-block; vertical-align:top; width:50px; height:50px; margin:5px; padding:5px; border:1px solid transparent; cursor:pointer; border-radius:3px;  }
                    .detailImgSelectActive { border-color:#ccc !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; }
                    .itemTabIcon { display:inline-block; vertical-align:top; width:34px; height:40px; border:1px solid transparent; line-height:40px; margin:5px 0px; background:transparent; text-align:center; color:#999; font-size:20px; }
             .itemDetailBox { border-bottom:1px solid #ddd; padding:20px 0px; color:#000; font-size:14px; font-weight:300; }
                .itemDetailTitle { font-weight:700; font-size:16px; color:#000; line-height:20px; padding-bottom:10px; }
					.itemDetailTitle span { font-weight:400; }
                .dataDetailRow {}
                    .dataColLeft { display:inline-block; vertical-align:top; width:45%; font-weight:400; text-align:left; text-transform:capitalize; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
                    .dataColRight { display:inline-block; vertical-align:top; width:50%; text-align:left; }
                .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:-9px; 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; padding-top:5px; }
				.itemDetailSubTitle a { cursor: pointer; }
				.itemDetailResultsSearch input { width:150px; }

                    .OptionalItemsBtn { font-size: 14px; color:#3271c1; padding:20px 0px 0px; font-weight:400; cursor:pointer; display:inline-block; }
                    .OptionalItemsContent { display:none;}
                #priceContent {}
                    #purchasePrice { font-weight:700; font-size:30px; color:#000; }
                    .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; margin:0px; padding:0px; font-size:14px; font-weight:500; color:#999; text-align:left; }
.extItemDetailPrice { display:inline-block; font-weight:700; font-size:30px; 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; }

#dynamicButton { padding-top:20px; }
.addItemMainBtn { width:100%; }
#dynamicButton .dyn-popup { width:100%; }
#subButtons { text-align:left; padding:5px 0px; }
.addItemSubBtn { font-size:12px; color:#666; font-weight:400; padding:5px 10px; vertical-align:top; }
	.addItemSubBtn i { margin-right:5px; }

#itemStatHolder div { display:inline-block; }
.itemStatBox { display:inline-block; vertical-align:top;  }
.itemStatImg {}
/* .itemStatImg img { height:70px; } removed because it is pixelating images */

.otherDetailsList { padding-left:12px; margin-bottom:5px; }
.otherDetailsList li { padding-bottom:5px; }

.staticTitle, #siTitle { font-size:34px; color:#444; border-bottom: 4px solid #444; padding:0px 0px 2px 0px; display:inline-block; font-weight:300; background:transparent; border-color:transparent; line-height:44px; margin:0px !important; }
.staticList, #siList { border-top:1px solid #ccc; padding:43px 0; font-size:14px; line-height:22px; font-weight:400; color:#444; text-align:left !important; }

.itemDetailSubMsg { height:70px; line-height:70px; padding-bottom:0px; }
#callForPrice { font-size:30px; color:#000; font-weight:700; height:55px; }

#quantity { float:right; margin-bottom:10px; }
#quantity prefix { line-height: 36px; font-weight: 700; font-size: 12px; padding: 0px 10px; background: #f1f1f1; }
#quantity input, #quantity select { line-height:36px; height:36px; text-align:center; color:#3271c1; }
#quantity input[name="Quantity"] { width:40px; }

@media (max-width: 800px)
{
    .itemDetailContainer { padding:0px; }
    
    .itemDetailContainer > :first-child:not(#itemDetailImgHolder) { display:none !important; }
    
    .itemDetailBox { padding:40px 20px; }
        .itemDetailTitle, .multiSelectBox, .dataDetailRow { text-align:center; }
        .dataColLeft { text-align:right; margin-right:20px; }
        .dataColRight { width:40%; }
    .additionalOptionsBtn { text-align:center; }

    .overlapTextBg { height:60vh; }
    #itemDetailImgHolder { display:block; margin-top:0px; width:100%; height:275px; text-align:center; position:relative !important; }
        #itemDetailImage { height:200px; }
    #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; }
}



/* Remove Hover Effects for Mobile Devices */
@media (min-width: 800px)
{
	#itemDetailImage:hover .overlapTextHolder { opacity:1; }
	.detailImgSelect:hover { border-color:#ddd; }
	.itemTabBtn:hover { background:#fff; }
	.itemTabIcon:hover { background:#fff; color:#000; border-radius:3px; cursor:pointer; }
	.itemSelectBtn:hover { border-color:#999; }
	.additionalOptionsBtn:hover { color:#5ea0f4; }
	.priceItemSelectBtn:hover { border-color:#999; }
	.itemSelectTextNumber input:hover { color:#59b958; }
	.OptionalItemsBtn:hover { color:#5ea0f4; }
	#purchaseBtn:hover { opacity:.75; }
	.itemSmallBtn:hover { opacity:1; }
	.addOrderBtn:hover { opacity:.75; }
	.quickviewBtn:hover { color:#59b958; }
	.addItemSubBtn:hover { color:#3271c1; }
}