.detail{ width:100%}

.detail .borderbg { background:url(../images/borderbg.jpg) repeat-x center; text-align:center;}

.detail .borderbg span { background-color:#fff; padding:0px 15px; text-transform:uppercase;}

.detail .hd { font-size:16px; text-transform:uppercase;}

.detail h1 { font-size:25px; color:#363535; padding:0px 0px 20px; margin:0px; text-transform:capitalize; }



.navigationm{color:#4F5153;font-weight:bold; padding-bottom:10px;}

.navigationm a{background:url(../images/breadarrow.png) no-repeat center right;padding:0px 15px 0 0;color:#000;} 

.navigationm a:hover{text-decoration:underline;}

.navigationlast { background:none !important;}





.detail .rbox { margin:0px; text-align:center; background-color:#fff; padding:5px; /*color:#747D7D;*/ color:#3c4141; font-family:Calibri; font-size:14px;}

.detail .rbox2 {margin:3px; border:1px double #b2b2b2;}

.detail .rbox .item { text-transform:uppercase; font-size:18px; border-bottom:1px solid #898989;font-family: "garamond-normal";}

.detail .rbox .item a { /*color:#757575;*/ color:#585f5f; font-size:55px; letter-spacing:2px; font-family: 'palace_scriptregular'; text-transform:none;}

.detail .rbox .item h1 {text-transform:uppercase; font-size:18px; padding:0px; font-family: "garamond-normal";}

.detail .rbox p { font-size:14px; line-height:normal; padding:0px 20px;}

.tryit { font-size: 16px; }



.detail .rbox .pricen { text-transform:uppercase; font-size:22px; font-family: "garamond-normal"; line-height:22px;}

.detail .rbox .msrpprice { font-size:17px; }

.detail .rbox .dtllink { float:left; width:100%; display:table; padding:15px 0px 0px; /*border-bottom:1px solid #898989;*/}

.detail .rbox .dtllink li { padding-top:10px; display:table-cell;}

.detail .rbox .dtllink a { font-size:13px; /*color:#757575;*/ color:#3c4141;}

.detail .rbox .dtllink a:hover { color:#000;}



.detail .rbox .errmsg a { color:#5984a7; font-size:14px;}

.detail .errmsg a.howto { color:#331a0b; font-size:13px; text-transform:uppercase; font-weight:bold; margin-left:20px;}

.detail .errmsg a.howto:hover { color:#000;}



.detail .rbox .name1 p{ font-size:18px;font-family: "garamond-normal"; padding:0px 20px;}

.detail .rbox .sbHolder{ text-align:center;}



.btnsec{ margin:0 auto; width:295px; float: none;}

#prodSlider {

    position:relative;

}



@media screen and (min-device-width: 768px) and (max-device-width: 1180px) { 

.detail .rbox .dtllink {  display:block; }

.detail .rbox .dtllink li { display:block; width:50%; float:left;}

.detail .rbox .dtllink li:last-child{ width:100%;}

}

@media only screen and (max-width:1024px){

.detail .rbox .dtllink li { display:block; padding-top:5px; width:100%;}

}

@media only screen and (max-width:480px){

.detail .rbox .dtllink {  display:block; }

}



.detail .rbox .label {text-transform:uppercase;}

.detail .rbox .price { font-size:22px; color:#99ccff; font-family:Arial, Helvetica, sans-serif; font-weight:normal;}

.detail .rbox .des { text-transform:uppercase; font-size:12px;}

.detail .rbox .questions { font-size:12px; color:#4c4c4c; font-weight:bold;}

.detail .rbox a {text-transform:uppercase;}

.detail .rbox .combobox { width:48%; padding-bottom:10px;}



.detail .qulist { display:table; /*width:100%;*/}

.detail .qulist li { display:table-cell!important; text-align:center;vertical-align:top; /*padding:10px 0px 0px;*/}

.detail .qulist li a, .detail .qulist li span { display:block; text-transform:uppercase; font-size:12px; color:#4c4c4c;}

.detail .qulist li a:hover{ color:#99ccff;}



.detail p.prdt { font-size:14px; line-height:normal; text-align:center; font-family: Calibri; border-top: 1px solid #898989; margin:9px 0px 0px 20px; padding-top:15px;}

.xline2{ border-top:1px solid #989898;}

.detail p.prdesclaimer { font-size:14px; line-height:normal; text-align:left; font-family: Calibri; margin:0px; padding:0px 0px 0px 75px;}

.yline2{ float:right; background:url(../images/linesdw.jpg) repeat-y top right; padding-right:75px;}

.yline3{ float:left; background:url(../images/linesdw.jpg) repeat-y top left; margin-left:-13px;}



.detail .ext { width:20%; float:left; padding:10px 0px 0px 10px;}

.detail .ext2 { width:8%; }

.detail .ext a { /*float:left;*/ width:100%; margin-top:7px;}

.detail .ext a:first-child { margin-top:0px;}

.detail .ext li{ border:1px solid #b9b9b9/*f1f1f1*/; display:inline-block; width:100px; height:100px; background:#fff;}

.detail .ext li:hover{box-shadow:3px 2px 4px #bbb; cursor:pointer;}



.thsdw{ background:url(../images/thsdw.png) no-repeat top; height:10px; width:100%; margin-top:-4px; float:right;}



/*.detail .ext li a:hover,*/ 

.detail .ext li.active{ border:1px solid #b9b9b9;}

.detail .ext img { width:100%;}

.detail .ext2 a img { width:100%; border:1px solid #f1f1f1;}

/*.detail .ext a:hover img, .detail .ext a.active img{border:1px solid #b9b9b9;}*/



.detail .rbox .pd-loader { position: relative; display: inline-block; width: 100%; }

.detail .rbox .pd-loader .data-loader { position: absolute; width: 100%; height: 100%; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 2; }

@media (max-width:767px){

	.detail .rbox .pd-loader .data-loader { position: fixed; z-index: 99999; }

}



.title-name {

    margin-top:20px;

}



.product_details h4{

    margin-top:20px;

}



.product_details h6 {

    font-weight: 700;

}

.detail .larg { 
    /* background:url("../images/lrgbg.jpg") no-repeat top center;  */
    background-size: cover; 
    padding: 0px 0 8% 0;
	background: linear-gradient(#FFFFFF, var(--color-theme));
}

.detail .larg2 { padding:0 3% 0 10%; }

.detail .larg a { font-size:11px; color:#4c4c4c; text-transform:uppercase;}

.detail .larg a:hover { color:#99ccff;}

.detail .larg img{ width:100%; height:100%; object-fit:contain !important; }

.detail .larg2 img{max-width: 100%;}

.detail .dtsdw{ float:right; max-width:100%;}



.dtl-left-lb { position: relative;}

.dtl-left-lb .coming-label { position: absolute; right: 0px; bottom:-3px; /*width: 276px;*/ width: 34%;}

.detail .dtl-left-lb .larg .coming-label img{ width:100%;}



.try-it-popup{position:absolute;right:40px;top:20px;}



@media (max-width:767px){

.try-it-popup{right:10px;}

}



@media only screen and (max-width:512px) {.dtl-left-lb .coming-label{width: 50%;}}



.detail .related-item { width:100%; text-align:center; float:left; padding:10px 0px; }

.detail .related-item li { display: inline-block; margin:5px 5px 0px; max-width:107px; cursor:pointer;}

.detail .related-item li img { border:1px solid #fff;}

.detail .related-item li span { display:block;}

.detail .related-item li:hover img, .detail .related-item li.active img { border:1px solid #f0f0f0;}



.detail .prinfo {}

.detail .prinfo .inhd{ text-transform:uppercase; color:#000; padding:10px 0px 5px 0px;}

.detail .prinfo ul { display:block; border-top:1px solid #e2e2e2;}

.detail .prinfo ul li { /*display:block;*/ float:left; width:100%; border-bottom:1px solid #e2e2e2; line-height:16px; padding:5px 0px; font-size:11px; color:#555555; text-align:left;}

.detail .prinfo ul li:last-child {border-bottom:0px;}

.detail .prinfo ul li span { float:right; width:40%;}



.detail .prinfo .prinfoleft ul li span{ width:45%;}



.prinfoleft{ float:left; width:22%; padding-right:20px;}

.prinforight{ float:left; width:75%;}

.prinforight .inprinfo{ float:left; width:30%; padding-right:20px;}

.prinforight .inprinfo:last-child{ padding-right:0px;}



.dtlinfo { float:left; width:100%; }

.dtlinfo .innerinfo { float:left; width:22.1%; padding-right:30px;}

.dtlinfo .innerinfo:last-child { padding-right:0px;}

.dtlinfo-hd {float:left; width:100%; font-size:14px; padding-top:20px; padding-bottom:5px; text-transform:uppercase; color:#4c4c4c; font-weight:bold;}

.dtlinfo td { font-size:11px; font-family:Arial; color:#555555; padding:5px 0px; border-top:1px solid #e2e2e2; vertical-align:top; width:50%;}



.dtlinfo-box { float:left; width:100%; padding:40px 0px 30px;}

.dtlinfo-box .dtlinfo-box-inner { float:left; width:30.3%; font-size:11px; font-family:Arial; padding-right:30px;}

.dtlinfo-box .dtlinfo-box-inner:last-child { padding-right:0px;} 

.dtlinfo-box .hd { font-size:13px; color:#393939; padding:5px 0px;}

.dtlinfo-box .hd span { color:#aa6958;}

.dtlinfo-box ul { border:1px solid #e2e2e2; display:table; width:100%;}

.dtlinfo-box ul li { display:table-cell; }

.dtlinfo-box ul li a { display:block; font-size:10px; font-family:Arial; color:#000000; line-height:27px; text-align:center;}

.dtlinfo-box ul li.act a{ background-color:#644a43; color:#fff;}



.detail .rbox .qulistnew { float:left; width:100%; display:block}

.detail .rbox .qulistnew li.last { display:block;}



#relateditems .owl-buttons{ height:inherit;margin:-20px 0 0;position:inherit; right:inherit; top:inherit; width:inherit; z-index:1;}



#relateditems .owl-buttons .owl-prev, 

#relateditems .owl-buttons .owl-next{ opacity:1; height:40px; width:40px; position:absolute; top:50%; margin-top:-17px; text-indent:99px; cursor:pointer; background:#000; }

#relateditems .owl-buttons div.owl-next{right:0px; background:url(../images/right.png) no-repeat center #331a0b;}

#relateditems .owl-buttons div.owl-prev{left:0px; background:url(../images/left.png) no-repeat center #331a0b;}

#relateditems .owl-buttons div.owl-prev:hover{ }

#relateditems .owl-buttons div.owl-next:hover{ }

#relateditems .owl-carousel.owl-theme:hover .owl-prev, .owl-carousel.owl-theme:hover .owl-next{visibility:visible; opacity:1;}



.btn_guest_diamond{margin: 0 auto;}



/* detail links */

.detail-actions {  }

.detail-actions .btnsec { /*padding-top: 30px;*/ }

.detail-links { float: left; width: 100%; }

.detail-links a { display: block; background: #d4d5d7; color: #010204; font-size: 15px; font-family: 'CenturyGothicRegular'; padding: 10px; max-width: 276px; margin: 0 auto 10px; text-transform: uppercase; }

.detail-links a img { background: url(../images/sp-delinks.png) no-repeat; text-indent: -10000px; display: inline-block; width: 11px; height: 11px; margin-right: 5px; }

.detail-links a img.sp-location { background-position: 0 0; }

.detail-links a img.sp-lock { background-position: -12px 0; }

.detail-links a img.sp-customize{background-position:-25px -1px; width:30px; height:20px;}



.detail-links a:hover { background: #bdbebf; }

.detail-links a:last-child { margin-bottom: 0; }



.delivered-time-1 { display: none; background: #fdf4e8; color:#49201a; padding: 10px 0px; }

.delivered-time-2 { display: block; }

@media only screen and (max-width: 1023px) {

	.detail-actions .btnsec { width: 100%; padding-top: 10px; }

}

@media only screen and (max-width: 800px) {

	.detail-links a { font-size: 13px; }

	.detail-actions .btnsec { width: 100%; padding-top: 10px; }

}

@media only screen and (max-width:767px) {

	body.page-detail { padding-bottom: 95px; }

	body.page-detail.login-detail { padding-bottom: 94px; }

	.detail-actions { background: #481f19; position: fixed; left: 0; right: 0; bottom: 0; z-index: 9999; padding-top: 5px; padding-bottom: env(safe-area-inset-bottom);}

	.rbox .detail-actions .btnsec .combobox { width: 45%; }

	.rbox .detail-actions .btnsec .left { margin-left: 3%; }

	.rbox .detail-actions .btnsec .right { margin-right: 3%; }

        .delivered-time-1 { display: block; }

	.delivered-time-2 { display: none; }

	.delivered-time { display: none; }

	.detail-links a { max-width: 100%; width: 50%; padding: 5px 0 20px; margin: 0; float: left; background: none; color: #fff; font-size: 13px; }	

	.detail-links a:hover { background: none; }	

	.inquiry-btn, a.inquiry-btn { font-size: 15px; font-family: 'CenturyGothicRegular'; }

	.detail-links a img.sp-location { background-position: 0 -11px; margin-right:10px; }

	.detail-links a img.sp-lock { background-position: -12px -11px; }



	.detail .rbox a.wide-btn{ display:block; color:#6d0f14; background:#fdf3e7; padding:10px; margin:5px auto 10px; width:90%; float:initial; font-size:14px; }

	.detail .rbox a.wide-btn img.sp-location { background-position: 0 0px; }

	.detail-links a:last-child{ float:initial; display:inline-block; }

}

@media only screen and (max-width:413px) {

	.detail-links a { max-width: 100%; width: 50%; padding: 5px 0 20px; margin: 0; float: left; background: none; color: #fff; font-size: 10px; }

	.detail-links a img { margin-right: 1px; vertical-align: bottom; }

}

/* detail links */



@media only screen and (max-width:1800px){

    .detail .rbox .price{font-size:20px;}

    .detail .rbox .questions{font-size:11px;}	

    .detail .hd{font-size:14px;}

	.detail .hd strong{ font-weight:bold;}

}



@media only screen and (max-width:1700px){

    .detail .rbox .price{ font-size:18px;}

}



@media only screen and (max-width:1600px) {

    .detail .rbox .price{ font-size:16px;}



}



@media print {

.detail .ext {width:5%; padding-left:0px;}

.detail .ext li{ width:70px; height:70px;}

.bottomsection{ display:none;}

}



@media only screen and (max-width:1300px){

    .detail .rbox .qulist li{ width:100%; display:block;}

    .detail .rbox .qulistnew li { display:inline;}

    .prinfoleft{width:22%;}

    .prinforight{ width:75%;}

    .prinforight .inprinfo{width:31%;}

    .prinfo ul li span {width:35%!important;}

    .detail .prinfo .prinfoleft ul li span{ width:55%!important;}

}



@media only screen and (max-width:1200px){

    .prinfoleft{width:48%;}

    .prinforight{ width:48%;}

    .prinforight .inprinfo{width:100%;}

    .prinfo ul li span { width:40%;}

}

@media only screen and (max-width:1024px) {

    .detail .ext { width:16%;}

	.detail .larg {padding-left:18%;}

}

@media only screen and (max-width:1023px) {

    .detail .rbox .combobox { width:100%;}

}

@media only screen and (max-width:800px) {

    .detail .ext { width:21%;}

	.detail .larg {padding-left:22%;}

    .btnsec.add_to_cart{width: auto;}

	

	.dtlinfo .innerinfo.innerinfo1200 {width:45.9%;}

}

@media only screen and (max-width:768px) {

    .detail .ext { width:21%;}	

	.detail .larg {padding-left:24%;}

}

@media only screen and (max-width:767px) {

    .detail .rbox .qulistnew li.last { display:inline; padding-left:10px;}

    .detail .larg { padding:0 0 0 20%}

    .detail .ext { width:17%;}



    .prinfoleft{width:100%;}

    .prinforight{ width:100%;}

    .prinfo ul li span {width:47%!important;}

	

	.detail p.prdesclaimer { padding:0px;}

	.yline2{ float:none; background:none; padding-right:0px;}

	.yline3{ float:none; background:none; margin-left:0px;}

        .dtlinfo .innerinfo { width:30%}

.dtlinfo-box .dtlinfo-box-inner{ width:100%}

.btnsec.add_to_cart{width: 295px;}

}



.fb-like { width: 99px!important; }

.twitter-share-button { width: 63px!important; }

#___plusone_0 { width: 40px!important; }

iframe[id^="oauth2relay"] { position: fixed !important; }

.detail .rbox .qulist li a, .detail .rbox .qulist li span { width:40px !important;}

.detail .rbox .qulistnew li a{width:52px!important;}





@media only screen and (max-width:767px) {

	.fb-like { width: 117px!important; float:left; }

	.twitter-share-button { width: 57px!important; float:left; }

	#___plusone_0 { width: 40px!important; float:left !important; }

	iframe[id^="oauth2relay"] { position: fixed !important; float:left !important; }

	.detail .rbox .qulist li a, .detail .rbox .qulist li span { /*width:40px !important;*/ float:left;}

	

	.dtlinfo .innerinfo.innerinfo1200 {width:43%;}

	.detail .rbox .qulistnew li a{width:55px!important;}

}

@media only screen and (max-width:480px) {

    .detail .larg { padding:0 0 0 20%}

    .detail .ext { width:11%;}

	.detail .larg {padding-left:14%;}

	.detail .ext li{ width:50px; height:50px;}

	.detail .dtsdw{ max-width:60%;}

	

	.dtlinfo .innerinfo.innerinfo1200 {width:99%;}

}

@media only screen and (max-width:360px) {

    .detail .ext { width:15%;}

	.detail .larg {padding-left:22%;}

}

@media only screen and (max-width:320px) {

    .detail .ext { width:17%;}

	.detail .larg {padding-left:21%;}

}



#jg_popup_inner { left: 50% !important; margin-left: -250px !important;}

#jg_popup_inner #jg_popup_content{ width:500px !important;}





#jg_popup_inner.tryiton-inner #jg_popup_content{ width:950px !important;}

#jg_popup_inner.tryiton-inner {margin-left: -475px !important;}



@media (max-width:1024px){

#jg_popup_inner.tryiton-inner #jg_popup_content{width:800px !important;}

#jg_popup_inner.tryiton-inner {margin-left:-400px !important;}

}



@media (max-width:900px){

#jg_popup_inner.tryiton-inner #jg_popup_content{width:700px !important;}

#jg_popup_inner.tryiton-inner {margin-left:-350px !important;}

}



@media (max-width:767px){

#jg_popup_inner.tryiton-inner #jg_popup_content{width:500px !important;}

#jg_popup_inner.tryiton-inner {margin-left:-250px !important;}

}



@media (max-width:640px) {

a.rps{width:100%;}    

#jg_popup_inner {margin-left: -165px !important;}

#jg_popup_inner #jg_popup_content{ width:300px !important;}



#jg_popup_inner.tryiton-inner #jg_popup_content{width:300px !important;}

#jg_popup_inner.tryiton-inner {margin-left:-150px !important;}



}



/**/



.swatches-sec {position:absolute; bottom:45px; right:0px;}

.swatches-sec .swatches-cls {display:inline-block; line-height:1px; margin:3px 3px 3px 3px; width:90px; text-align:center; vertical-align:top;}

.swatches-sec .swatches-cls span.hd {color:#3c4141; font-family:Calibri !important; font-size:14px !important; display:block; margin-bottom:5px;}

.swatches-sec .swatches-cls span.thumb {position:relative; border:1px solid #b4b4b4; display:inline-block; width:30px; line-height:1px; padding:2px; margin:5px 0 5px 0;}

.swatches-sec .swatches-cls span.thumb font {position:absolute; top: 17px; bottom:0; left:0px; right:0px; text-align:center; font-size:10px;}

.swatches-sec .swatches-cls span.name {display:block; font-size:11px; line-height:12px; text-transform:uppercase;}

.dtl-left-lb #download_img_btn {position: absolute; right:30px; bottom:26px;}



@media (max-width:480px) {

.swatches-sec {position:inherit; width:100%;}

.swatches-sec .swatches-cls {display:inline-block; margin:3px 3px 29px 3px; width:46%;}

.dtl-left-lb #download_img_btn {bottom:19px;}

}

/**/



/*.dtl-left-lb .jcarousel-wrapper { float:left; width:auto; padding:5px 0;}

.dtl-left-lb .jcarousel{position:relative;overflow:hidden;height:544px; padding-top:1px;}

.dtl-left-lb .jcarousel ul{width:100%;position:relative; padding-top:1px;}

.dtl-left-lb .jcarousel li{float:left;  position:relative; padding:8px;text-align:center; margin:-1px 5px 10px 0px; border:1px solid #cacaca;}

.dtl-left-lb .jcarousel li:after{content:''; position:absolute; bottom:-12px; left:0; background: url(../images/thsdw.png) no-repeat top; height:12px; width: 100%;}

.dtl-left-lb .jcarousel li img{position:relative; top:50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); }

.dtl-left-lb .jcarousel li:hover, .detail-page .jcarousel li.active, .dtl-left-lb .jcarousel li.active{ z-index:1; border-color:#bbb;position:relative; box-shadow: 3px 2px 4px #bbb; margin-right:5px;}

.dtl-left-lb .jcarousel-control-prev, .dtl-left-lb .jcarousel-control-next{ display:block;text-align:center;font-size:18px; color:#a3741a;}

.dtl-left-lb a.jcarousel-control-prev{width: 19px;margin: 0 auto;}

.dtl-left-lb a.jcarousel-control-next{width: 19px;margin: 0 auto;}

.dtl-left-lb .jcarousel-wrapper a.inactive{filter: grayscale(1);opacity: 0.5;-webkit-filter: grayscale(1);}

.dtl-left-lb .jcarousel-wrapper a:hover{color:#bbb;}

.dtl-left-lb .jcarousel-wrapper a.inactive{color:#bbbbbb;}*/



@media only screen and (max-width:480px) {

.dtl-left-lb .jcarousel{height:300px;}

.dtl-left-lb .jcarousel li{ width:50px; height:50px; padding:0px;}

}