
/* pdtDetail */
.pdtDetail .btn{min-width:200px;}
.pdtDetail.row{padding:0px 20px 0px 20px;}
.pdtDetail.row .line{margin:5px 0px 5px 0px;}
.pdtDetail.row [class*='col-']{ /* frame-border no-gutter@pdtList - clean for adding [margin] between [border] */
	padding-left:0;padding-right:0;line-height:25px;
}
.pdtDetail.row .m-lines{
	line-height:23px;
}
.pdtDetail.row label, .pdtDetail.row .title{font-weight:bold;}

#pdtComboArea .panel-heading,
#pdtComboArea .media-heading{font-weight:bold;}

#pdtComboArea .comboSet-left{min-width:100px;}
#pdtComboArea div[comboType="radioButton"] .comboOption-left{min-width:50px;text-align:center;}
#pdtComboArea div[comboType="radioButton"] .comboOption-mid{padding-top:8px;}

#pdtComboArea div[comboType="dropdown"] .comboOption-left{min-width:10px;text-align:center;}
#pdtComboArea div[comboType="dropdown"] select{margin:0px 0px 8px 5px;}

#pdtComboArea div[comboType="dropdown"] li.media.comboOption{margin-top:0;}

#pdtComboArea div[comboType="singleline"] input[type="text"],
#pdtComboArea div[comboType="multiline"] textarea{width:60%;}
@media screen and (max-width: 767px) {
	#pdtComboArea div[comboType="singleline"] input[type="text"],
   #pdtComboArea div[comboType="multiline"] textarea{width:100%;}
}

/* size & color */
.pdtDetail.row .content-size div{float:left;margin:0px 5px 5px 0px;border:1px solid #cccccc;padding:5px 13px 5px 13px;border-radius:5px;}
.pdtDetail.row .content-size div.active{border:1px solid #555555;background-color:#555555;}
.pdtDetail.row .content-size div.active a{color:#ffffff;}

.pdtDetail.row .content-color div{float:left;margin-right:5px;overflow:hidden;}
.pdtDetail.row .content-color img{width:64px;}

.pdtDetail.row .content-color div.active{box-shadow:0 8px 15px rgba(0, 0, 0, 0.15);}
.pdtDetail.row .content-color div img:hover{opacity:.85;}

.pdtDetail #RWD_pdtImg_holder{padding-right:20px;}
@media screen and (max-width: 767px) {
	.pdtDetail #RWD_pdtImg_holder{padding-right:0px;}
}


.pdtDetail #YouSave_Name{margin-top:10px;}
#QtyDiscount_MSG{margin-bottom:10px;}
#QtyDiscount_MSG .alert{padding:5px 5px 5px 15px;margin-top:10px;font-style:italic;}

#QtyDiscount_MSG .panel-group{margin-top:10px;}
#QtyDiscount_MSG .PromotionOffer{font-weight:bold;}
#QtyDiscount_MSG .UpsellMsg_for_all{line-height:20px;}
#QtyDiscount_MSG .UpsellMsg_for_next{line-height:20px;}
#QtyDiscount_MSG .freeShipping{line-height:20px;}

#QtyDiscount_MSG .upsellMsg .fa-gs-circle-bg{color:#fcf8e3;width:25px;height:25px;line-height:25px;background-color:#8a6d3b;font-size:15px;border-radius:50%;text-align:center;}
#QtyDiscount_MSG .upsellMsg-more .fa-gs-circle-bg{color:#dff0d8;width:25px;height:25px;line-height:25px;background-color:#3c7675;font-size:15px;border-radius:50%;text-align:center;}
			
#QtyDiscount_MSG #QtyD_TB td, #QtyDiscount_MSG #QtyD_TB th{text-align:center;}

#QtyDiscount_MSG #QtyD_TB .fa{color:orange;}

.promotionCarousel .alert{font-style:italic;}

.promotionCarousel .panel-body{padding:10px;}
.promotionCarousel .content-carousel{margin-bottom:0 !important;}

#QtyDiscount_MSG .panel-group,
.promotionCarousel .panel-group{margin-bottom:0;}			

.comboTitleTxt { color:#333333;font-weight:bold; padding:2px 0px 2px 10px;}
.comboFrameColor {background-color:#eeeeee;}
.comboFrameBg {background-color:#ffffff;}
.comboTitle {background-color:#eeeeee; border-bottom:1px solid #cccccc;border-radius:5px;}

#detail-nav-arrL{position:fixed;left:0px;top:40%;}
#detail-nav-arrL img{border:0px;width:30px;height:75px;}
#detail-nav-arrR{position:fixed;right:5px;top:40%;}
#detail-nav-arrR img{border:0px;width:30px;height:75px;}

/* embedded PDF <object> in accordion of product detail pages */    
.pdtDetail.row .panel-body.embed-PDF-object .embed-responsive{padding-bottom:150%;}
.pdtDetail.row .panel-body.embed-PDF-object .embed-responsive object{width:100%;height:100%;}

.pdtDetail.row .panel-body.embed-PDF-object{padding:0px;}
.pdtDetail.row .panel-body.embed-PDF-object .alert{margin:15px;}
.pdtDetail.row .panel-body.embed-PDF-object .alert .pdf-icon{max-width:85px;margin-right:15px;}

@media screen and (max-width: 320px) {
   .pdtDetail.row .panel-body.embed-PDF-object .btn{min-width:100%;}
}

.detail-section-title{ font-size: 20px; font-weight: 500; }

.panel-body > li{margin-left:15px;}

.combo-img{max-width:100px;max-height:100px;border:0px;border-radius:5px;}
.combo-option-img{max-width:90px;max-height:90px;border:0px;border-radius:5px;}
@media screen and (max-width: 600px) {
	.combo-img{max-width:50px;max-height:50px;}
   .combo-option-img{max-width:40px;max-height:40px;}
   #pdtComboArea .comboSet-left{min-width:auto;}
}
@media screen and (max-width: 400px) {
	.combo-img{max-width:40px;max-height:40px;}
   .combo-option-img{max-width:30px;max-height:30px;}
}

#productZoom_container[productZoom-type*="GRID"],
#productZoom_container[productZoom-type*="GRID"] > ul{padding:0;}
#productZoom_container[productZoom-type*="GRID"] > ul > li{float:left;list-style-type:none;width:calc(50% - 5px);margin-right:5px;margin-bottom:5px;padding:0;}
#productZoom_container[productZoom-type*="GRID"] > ul > li > a > img{width:100%;}

.accordion-item{ margin-bottom: 6px; }
.accordion-button:not(.collapsed){ box-shadow: none; }

/* .pdtset */

.PDT-MATCH-wrapper, .PDT-RP-wrapper,
.PDT-PI-wrapper{ display: inline-block; width: 100%; margin-top: 8px !important; margin-bottom: 15px !important; }
/* .PDT-RP-wrapper, .PDT-PI-wrapper{ display: flex; } ... .accordion ... dun use flex */

.pdtset:not(:first-child){ margin-top: 8px; } /* dun use display: flex; */
.pdtset.panel{ margin-top: 8px !important; }
.PDT-MATCH-wrapper .pdtset.group-by-cat.pdtset-item-0{ margin-top: 0; }
.PDT-PI-wrapper{ margin-top: 20px !important; }

.pdtset .pdtset-heading{ display: grid; } /* grid for .ellipsis */
.pdtset .pdtListItem a.a-pdtImg{ display: flex; }

.pdtset-title.top{ display: inline-block; margin-bottom: 8px; }

.pdtset-title.GRID.top{ margin-bottom: 15px; }
.pdtset.GRID .pdtset-heading,
.pdtset.GRID .pdtset-title{ margin: 6px 0 0 0; }
.pdtset.GRID .pdtset-title > i{ font-size: 15px; position: relative; top: -4px; }
.pdtset.GRID .panel-body{ padding: 0; margin-top: 15px; }
.pdtset.GRID .panel{ border: none; box-shadow: none; margin-bottom: 0; }

.pdtset.panel,
.pdtset .panel-group{ margin: 0; }

.pdtset.panel .frame-border{ padding-bottom: 0; margin-bottom: 0; border: 1px solid transparent; }
.pdtset.panel .detail-section-title{ font-size: 1.5rem; }

.pdtset.accordion .accordion-body{ padding-bottom: 0; }
.pdtset.accordion .carousel-indicators{ bottom: -20px; }

.pdtset.GRID .pdtListItem .frame-border{ padding-bottom: 0; margin-bottom: 0; }

/* widen the .pdtset carousel */

/*
.pdtset.accordion .left.carousel-control{ left: -15px; }
.pdtset.accordion .right.carousel-control{ right: -15px; }
*/

.detail-right .carousel-control{ display: none !important; }

.pdtset.accordion .carousel-control{ display: none; }
.pdtset.accordion .carousel-indicators{ bottom: -35px; }

.pdtset.accordion .accordion-item{ border: none; }
.pdtset.accordion .accordion-body{ padding: 15px 0 8px 0; }
.pdtset.accordion .carousel-holder{ padding: 0 !important; }

.pdtset.accordion .accordion-button{ background-color: unset !important; box-shadow: none; padding-left: 0; padding-right: 5px; }
.pdtset.accordion .accordion-button > i{ font-size: 15px; position: relative; top: -2px; }

/*
.panel-collapse{ outline: 1px solid green; outline-offset: -1px;  }
.pdtset .item > div .frame-border{ outline: 1px solid orange; outline-offset: -1px; }
*/

.pdtset.panel .panel-body{ padding: 15px 10px 5px 10px; }

.pdtset.GRID .item{ margin-top: 10px; }
.pdtset .item > div{ margin-bottom: 10px; }

.pdtset:not(.panel) .item{ margin-left: -5px; width: calc( 100% + 10px ); }
.pdtset .frame-border{ margin-left: 5px; margin-right: 5px; }

.pdtset div[RWD-type]{ width: 100% !important; margin-left: 0 !important; margin-right: 0 !important; }
/*
@media screen and (min-width: 481px) and (max-width: 767px) {
    .content-frame div[RWD-type]:not(.noMargin):not([id*='SE_slider_container_']):not([id*='FE_slider_container_']) {
        width: calc(100% - 30px);
        margin-left: 15px;
        margin-right: 15px;
    }
}*/